* {
  margin: 0px;
  padding: 0px;
  font-family: "Zoho_Puvi_Regular";
}
html,
body {
  width: 100%;
  height: 100%;
  background-color: #000000;
  scroll-behavior: smooth;
}
.clear:before,
.clear:after {
  content: " ";
  display: table;
}
.clear:after {
  clear: both;
}
.load-page {
  width: 100%;
  height: auto;
}
.display-none {
  display: none;
}
.display-block {
  display: block;
}
.page-coming-soon {
  width: 37%;
  margin-block-start: 190px;
}
/* ham-menu-css */
.overlay {
  height: inherit;
  width: 100%;
  position: fixed;
  z-index: 11;
  top: 0;
  left: 0;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.9);
  overflow-y: hidden;
  transition: 0.5s;
  display: none;
}
.add-height {
  height: 100%;
}
.remove-height {
  height: 0%;
}
.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
}
.overlay .ham-menu-closebtn {
  position: absolute;
  display: block;
  width: 30px;
  top: 20px;
  right: 50px;
  padding: 8px;
  text-decoration: none;
  color: #818181;
  cursor: pointer;
  transition: 0.3s;
  background: transparent;
  border: none;
}
.closeicon,
.ham-ula-icon,
.secureimage {
  width: 100%;
}
.ulaa-productmenu {
  display: flex;
  align-items: center;
  justify-content: start;
  text-decoration: none;
}
.product-menu-name {
  font: 30px "Zoho_Puvi_Bold";
  color: #ffffff;
  line-height: 35px;
  padding-inline-start: 10px;
}
.open-ham-menu-cont {
  width: 100%;
  padding: 20px 0px;
  top: 0;
  background-color: #000000;
  z-index: 1;
  position: fixed;
  display: none;
}
.open-ham-menu {
  width: 30px;
  cursor: pointer;
  float: right;
  margin: 5px 50px 0px 0px;
}
.open-ham-bar-menu {
  width: 100%;
}
.ham-ula-icon-div {
  width: 40px;
  height: 40px;
  margin-inline-start: 90px;
}
.ham-menu-nav-cont {
  width: 100%;
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}
.ham-menu-nav-options {
  float: left;
  text-align: center;
  color: #ffffff;
  margin: 20px 0px;
}
.ham-menu-hyper-click::after {
  content: "";
  position: relative;
  top: 0px;
  display: block;
  width: 0;
  height: 0;
  border-bottom: 2px solid #007efc;
  transition: width 0.3s;
}
.ham-menu-hyper-click:active {
  color: #007efc;
}
.ham-menu-hyper-click:focus {
  color: #007efc;
  outline: none;
}
.ham-menu-hyper-click:hover::after {
  width: 100%;
  transition: width 0.3s;
}

.ham-menu-nav-options-download {
  color: #ffffff;
  cursor: pointer;
  background-color: #007efc;
  border-radius: 32px;
}
.ham-menu-nav-options a {
  display: block;
  text-decoration: none;
  color: #ffffff;
  display: inline-block;
  font-size: 18px;
  font-family: "Zoho_Puvi_Medium";
}
/* ham-menu-css */
/* section-1 */
.product-menu-panel {
  width: 100%;
  position: fixed;
  top: 0;
  padding: 40px 0px;
  background-color: #000000;
  z-index: 1;
}
.marginautodiv {
  max-width: 1428px;
  width: 85%;
  margin: auto;
}
.product-icon-nav {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ulaa-icon-cont {
  width: 35%;
}
.ulaa-icon {
  height: 58px;
  cursor: pointer;
}
.ulaa-nav-cont {
  width: 65%;
}
.ulaa-nav-cont.ulaa-with-enterprise{
  width: 74%;
}
.ulaa-nav-cont.ulaa-with-enterprise .nav-cont{
  width: 90%;
}
.nav-cont {
  /* width: 100%;
      list-style-type: none;
      display: flex;
      align-items: center;
      justify-content: space-between; */
  /* width: 90%; */
  width: 85%;
  list-style-type: none;
  display: flex;
  align-items: center;
  float: right;
  justify-content: space-between;
}
.nav-downloadulaa {
  display: inline-block;
  padding: 16px 30px;
  border-radius: 32px;
}
.hyper-click,
.nav-downloadulaa,
.ham-nav-downloadulaa {
  text-decoration: none;
  color: #ffffff;
  font-size: 18px;
  font-family: "Zoho_Puvi_Medium";
  cursor: pointer;
}
.nav-options-download {
  cursor: pointer;
  background-color: #007efc;
  border-radius: 32px;
  white-space: nowrap;
}
.hyper-after-click {
  content: "";
  color: #2281e1 !important;
  font-size: 18px;
  font-family: "Zoho_Puvi_Medium";
  position: relative;
  top: 0px;
  display: block;
  width: 100%;
  border-bottom: 2px solid #007efc;
  transition: 0.3s;
}
.user-icon {
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50px;
}
/* container2 */
.downloadsection {
  width: 100%;
  min-height: 600px;
  padding-block-end: 70px;
  background-color: #000000;
  margin-block-start: 175px;
}
.secureimagediv {
  width: 118px;
  /* height: 143px; */
  margin: auto;
}
.securequote-div {
  width: 100%;
  margin: auto;
  padding-block-start: 15px;
}
.securequote {
  font: 70px "Zoho_Puvi_Bold";
  line-height: 80px;
  text-align: center;
  color: #ffffff;
}
.securesubcont-div {
  width: 52%;
  margin: auto;
  padding-block-start: 20px;
}
.privacy-policy-div {
  width: 52%;
  margin: auto;
  margin-block-start: 32px;
}
.privacy-policy-cont {
  font: 15px "Zoho_Puvi_Regular";
  line-height: 20px;
  text-align: center;
  color: #ffffff;
}
.terms-color {
  color: #007efc;
  cursor: pointer;
}
.ulaaproductivsubhead-div /* ulaaproductivsubhead */ {
  width: 50%;
  margin: auto;
  padding-block-start: 20px;
}
.ulaaproductivsubhead /* ulaaproductivsubhead */ {
  font: 18px "Zoho_Puvi_Regular";
  line-height: 28px;
  text-align: center;
  color: #ffffff;
}
.seamless-integration-sec  /* ulaaproductivsubhead */ {
  width: 100%;
  margin-block-start: 50px;
}
.seamless-integration-div  /* ulaaproductivsubhead */ {
  width: 100%;
  margin: auto;
}
.seamless-integration-colm /* ulaaproductivsubhead */ {
  width: 100%;
  height: 100%;
  /* float: left; */
  display: flex;
  align-items: center;
  justify-content: center;
  /* padding-block-start: 150px; */
}
.seamlessintlistleft {
  height: 100%;
  float: left;
  padding-block-start: 150px;
}
.seamless-integration-subsec {
  width: calc(calc(100% / 4) - 30px);
}
.seamlesstrsnlistbrwsing {
  width: calc(100% - 80px);
  margin: auto;
  background-color: #121212;
  border-radius: 20px;
  padding: 70px 40px 45px 40px;
  transition: 0.3s;
  cursor: pointer;
}
.seamlesstrsnlistbrwsing:hover {
  cursor: pointer;
  transition: 0.3s;
  background-color: #041d36;
}
.seamlesstrsnlistbrwsing-img {
  width: 100%;
}
.seamlesstrsnlistbrwsing-style {
  width: 45%;
  float: right;
}
.seamlesstrsnlistbrwsing-head {
  width: 100%;
  padding-block-start: 60px;
}
.seamlesstrsnlistbrwsing-headstyle {
  font: 18px "Zoho_Puvi_SemiBold";
  line-height: 28px;
  color: #ffffff;
}
/* .seamless-integration-img
  {
      width: 100%;
  } */
.ulaaseamlessintegrationheadstyle {
}
.ulaaseamlessintegrationhead {
  width: 70%;
  margin: auto;
  font: 30px "Zoho_Puvi_Regular";
  text-align: center;
  color: #ffffff;
  box-sizing: border-box;
  padding-block-start: 120px;
  line-height: 50px;
}
.ulaaseamlessintegrationheadline {
  text-decoration: underline;
  text-decoration-color: #c8292d;
}
.ulaaseamlessintegrationheadlineanim {
  font: 28px "Zoho_Puvi_Regular";
  line-height: 38px;
  text-decoration: underline;
  color: #007efc;
  cursor: auto;
  text-decoration: none;
  background: linear-gradient(to right, #000000, #000000), linear-gradient(to right, #007efc, #007efc);
  background-size: 100% 0.1em, 0 0.1em;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 400ms;
  animation: ulaaseamlessintegrationheadlineanim forwards 1s;
}
@keyframes ulaaseamlessintegrationheadlineanim {
  0% {
    background-size: 100% 0.1em, 0 0.1em;
    background-position: 100% 100%, 0 100%;
  }
  100% {
    background-size: 0 0.1em, 100% 0.1em;
  }
}
.securesubcont {
  font: 18px "Zoho_Puvi_Regular";
  line-height: 28px;
  text-align: center;
  color: #ffffff;
}
.download-text-animad {
  font: 18px "Zoho_Puvi_Regular";
  line-height: 28px;
  background-size: 100% 28px;
  line-height: 26px;
  background-image: linear-gradient(to right, #088e50 100%, rgb(0, 0, 0) 0%);
  -webkit-transition: background-position 2s;
  -moz-transition: background-position 2s;
  transition: background-position 2s;
  background-repeat: no-repeat;
  animation: downloadtextltr 2s;
}
@keyframes downloadtextltr {
  0% {
    background-size: 0px 28px;
  }
  100% {
    background-size: 100% 28px;
    transition: 2s;
  }
}
.ulaaproductivsubhead-text-anim /* ulaaproductivsubhead */ {
}
.hypen-style /* ulaaproductivsubhead */ {
  color: #00c900;
  font-size: 20px;
}
.ulaaproductivsubhead-animad /* ulaaproductivsubhead */ {
  font: 18px "Zoho_Puvi_Regular";
  line-height: 28px;
  background-size: 100% 28px;
  background-image: linear-gradient(to right, #098e50 100%, rgb(0, 0, 0) 0%);
  -webkit-transition: background-position 2s;
  -moz-transition: background-position 2s;
  transition: background-position 2s;
  background-repeat: no-repeat;
  animation: ulaaproductivsubheadanimad 2s;
}
@keyframes ulaaproductivsubheadanimad {
  0% {
    background-size: 0px 28px;
  }
  100% {
    background-size: 100% 28px;
    transition: 2s;
  }
}
/**/
.downloadulaa-div {
  width: fit-content;
  margin: auto;
  margin-block-start: 40px;
}
.downloadulaa {
  padding: 20px 46px;
  display: block;
  background-color: #007efc !important;
  border-radius: 82px;
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
  font-size: 20px;
  font-family: "Zoho_Puvi_Medium";
  transition: 0.2s;
  white-space: nowrap;
}
.downloadulaa:hover {
  font-size: 24px;
}
/* container2 */
.blocksection {
  width: 100%;
  min-height: 850px;
  padding-block-start: 165px;
  padding-block-end: 139px;
  background-image: linear-gradient(to bottom, #0f0f0f 0%, #000000 100%);
  /* Disply-none */
  display: none;
}
.blockquote-div {
  width: 100%;
  margin: auto;
}
.blockimagecontdiv {
  width: 100%;
  margin: auto;
  padding-block-start: 100px;
}
.blockimage {
  width: calc(50% - 75px);
  float: left;
}
.blockimage img {
  width: 100%;
}
.blocktext {
  width: 50%;
  height: 100%;
  float: left;
}
.blocktext p {
  width: 74%;
  float: right;
  font: 24px "Zoho_Puvi_Regular";
  text-align: left;
  margin-inline-end: 49px;
  color: #ffffff;
  box-sizing: border-box;
  padding-block-start: 155px;
  line-height: 40px;
}
.blockquote1 {
  font: 40px "Zoho_Puvi_Bold";
  text-align: center;
  color: #ffffff;
}
.blockquote2 {
  font: 60px "Zoho_Puvi_Bold";
  text-align: center;
  color: #ffffff;
}
.blockquotespan {
  font: 60px "Zoho_Puvi_Bold";
  text-align: center;
  display: inline-block;
  color: #ffffff;
}
.blockquotespananimtext:after {
  content: "";
  position: relative;
  top: 0px;
  display: block;
  width: 0%;
  height: 2px;
  border-bottom: 8px solid #cb2f32;
  transition: width 1.3s;
  animation: blockquotespananimtext 1.3s forwards;
}
@keyframes blockquotespananimtext {
  0% {
    width: 0%;
    transition: width 1.3s;
  }
  100% {
    width: 100%;
    transition: width 1.3s;
  }
}
.blockquotespanreverseanimtext:after {
  content: "";
  position: relative;
  top: 0px;
  display: block;
  width: 0%;
  height: 2px;
  border-bottom: 8px solid #cb2f32;
  transition: width 1s;
  animation: blockquotespanreverseanimtext 1.2s;
}
@keyframes blockquotespanreverseanimtext {
  0% {
    width: 100%;
    transition: width 1s;
  }
  100% {
    width: 0%;
    transition: width 1s;
    opacity: 0;
  }
}
.ulaablocksection {
  width: 100%;
  min-height: 980px;
  background-image: linear-gradient(to bottom, #0f0f0f 0%, #000000 100%);
  /* Disply-none */
  display: none;
}
.ulaablockcont {
  width: 59%;
}
.ulaablockhead {
  font: 40px "Zoho_Puvi_Bold";
  text-align: left;
  color: #ffffff;
  line-height: 48px;
  width: 68%;
}
.blocketextanim {
  font: 40px "Zoho_Puvi_Bold";
  text-align: left;
  color: #ffffff;
  line-height: 44px;
  position: relative;
  padding-block-end: 5px;
}
.blocketextanimadding:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  display: inline-block;
  width: 100%;
  height: 2px;
  border-bottom: 6px solid #cb2f32;
  transition: width 1s;
  animation: blocktextltr 1.2s;
}
@keyframes blocktextltr {
  0% {
    width: 0%;
    transition: width 1s;
  }
  100% {
    width: 100%;
    transition: width 1s;
  }
}
/* blocketextanimremove */
.blocketextanimremove:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  display: inline-block;
  width: 0%;
  height: 2px;
  border-bottom: 6px solid #cb2f32;
  transition: width 1s;
  animation: blocketextanimremove 1.2s;
}
@keyframes blocketextanimremove {
  0% {
    width: 100%;
    transition: width 1s;
  }
  100% {
    width: 0%;
    transition: width 1s;
  }
}
.ulaablocksubhead {
  width: 85%;
  padding-block-start: 48px;
  font: 24px "Zoho_Puvi_regular";
  text-align: left;
  color: #ffffff;
  line-height: 40px;
}
.slideanimdiv {
  width: 80%;
  margin: auto;
  position: relative;
}
.slideanimdiv img {
  position: absolute;
  z-index: -1;
}
.ulaablocksectiondivcss {
  position: relative;
  padding-block-start: 115px;
  padding-block-end: 141px;
}
.overlaydiv {
  width: 44%;
  position: absolute;
  right: 170px;
}
.block-track-dustbin {
  position: relative;
  top: 117px;
}
.ulaablockimage {
  width: 65%;
  margin: auto;
  display: none;
}
.ulaablockimage img {
  width: 100%;
}
.block-track-dustbin-mw {
  position: relative;
}
.ulaainfosection {
  width: 100%;
  min-height: 850px;
  padding-block-start: 107px;
  padding-block-end: 115px;
  background-image: linear-gradient(to bottom, #0f0f0f 0%, #000000 100%);
  /* Disply-none */
  display: none;
}
.ulaainfosectiondivcss {
  width: 80%;
  margin: auto;
}

.ulaainfoimagecontdiv {
  width: 100%;
  height: auto;
  margin: auto;
  padding-block-start: 100px;
}
.ulaainfoimage {
  width: calc(50% - 75px);
  float: left;
}
.ulaainfoimage img {
  width: 82%;
}
.ulaainfotextdiv {
  width: 50%;
  height: 100%;
  float: left;
}
.ulaainfoheadtext {
  width: 85%;
  float: right;
  font: 40px "Zoho_Puvi_Bold";
  text-align: left;
  color: #ffffff;
  box-sizing: border-box;
  line-height: 48px;
}
.ulaainfotext {
  width: 77%;
  float: right;
  font: 24px "Zoho_Puvi_Regular";
  text-align: left;
  color: #ffffff;
  margin-inline-end: 49px;
  box-sizing: border-box;
  padding-block-start: 70px;
  line-height: 40px;
}
.ulaainfotextsub {
  padding-block-start: 0px;
}
.ulaaprotectionsec /* ulaaprotectionsec */ {
  width: 100%;
  min-height: 850px;
  padding-block-start: 107px;
  padding-block-end: 166px;
  background-image: linear-gradient(to bottom, #0f0f0f 0%, #000000 100%);
}
.ulaaprotectionsecdivcss /* ulaaprotectionsec */ {
  width: 85%;
  margin: auto;
}
.ulaaprotectionimagecontdiv /* ulaaprotectionsec */ {
  width: 100%;
  height: auto;
  margin: auto;
  /* padding-block-start: 100px; */
}
.ulaaprotectiontextdiv /* ulaaprotectionsec */ {
  width: 45%;
  height: 100%;
  float: left;
  padding-block-start: 180px;
}
.ulaaprotectionheadtext /* ulaaprotectionsec */ {
  width: 76%;
  float: left;
  font: 54px "Zoho_Puvi_Bold";
  text-align: left;
  color: #ffffff;
  box-sizing: border-box;
  line-height: 64px;
}
.ulaaprotectionsectext  /* ulaaprotectionsec */ {
  width: calc(79% - 49px);
  float: left;
  font: 18px "Zoho_Puvi_Regular";
  line-height: 28px;
  text-align: left;
  color: #ffffff;
  margin-inline-end: 49px;
  box-sizing: border-box;
  padding-block-start: 40px;
}
.ulaaprotectionsectextsub  /* ulaaprotectionsec */ {
  float: left;
  font: 18px "Zoho_Puvi_Regular";
  line-height: 28px;
  text-align: left;
  margin-inline-end: 49px;
  box-sizing: border-box;
  padding-block-start: 40px;
  width: calc(90% - 39px);
  color: #3b9dff;
  padding-block-start: 100px;
}
.ulaainfotextanim {
  font: 18px "Zoho_Puvi_Regular";
  line-height: 28px;
  background-size: 100% 28px;
  background-image: linear-gradient(to right, #098e50 100%, rgb(0, 0, 0) 0%);
  -webkit-transition: background-position 1s;
  -moz-transition: background-position 1s;
  transition: background-position 1s;
  background-repeat: no-repeat;
  animation: ulaatextanim 1s;
}
@keyframes ulaatextanim {
  0% {
    background-size: 0px 28px;
  }
  100% {
    background-size: 100% 28px;
    transition: 1s;
  }
}
.ulaaprotectioneanim /* ulaaprotectionsec */ {
  font: 18px "Zoho_Puvi_Regular";
  line-height: 28px;
  background-size: 100% 30px;
  background-image: linear-gradient(to right, #098e50 100%, rgb(0, 0, 0) 0%);
  -webkit-transition: background-position 1s;
  -moz-transition: background-position 1s;
  transition: background-position 1s;
  background-repeat: no-repeat;
  animation: ulaaprotectioneanim 1s;
}
@keyframes ulaaprotectioneanim {
  0% {
    background-size: 0px 30px;
  }
  100% {
    background-size: 100% 30px;
    transition: 1s;
  }
}
.ulaaprotectionespan_line {
  font: 27px "Zoho_Puvi_Regular";
}
.ulaaprotectionespan_lineanim {
  /*  */
  padding-block-end: 10px;
  font: 27px "Zoho_Puvi_Regular";
  line-height: 38px;
  text-decoration: underline;
  color: #3b9dff;
  cursor: auto;
  text-decoration: none;
  background: linear-gradient(to right, #000000, #000000), linear-gradient(to right, #3b9dff, #3b9dff);
  background-size: 100% 0.1em, 0 0.1em;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 400ms;
  animation: ulaaprotectionespan_lineanim forwards 1s;
}
@keyframes ulaaprotectionespan_lineanim {
  0% {
    background-size: 100% 0.1em, 0 0.1em;
    background-position: 100% 100%, 0 100%;
  }
  100% {
    background-size: 0 0.1em, 100% 0.1em;
  }
}
.ulaaprotectionespan_lineanim:hover {
  cursor: pointer;
}
/* Privacy List Column */
.privacylistcolumn {
  width: 48%;
  height: 100%;
  float: right;
  display: flex;
  /* padding-block-start: 150px; */
}
.innerpagelinkclick {
  cursor: pointer;
  position: relative;
}
.innerpagelinkclick::after {
  content: "";
  background-image: url(../images/arrow.png);
  height: 20px;
  width: 23px;
  display: inline-block;
  background-repeat: no-repeat;
  vertical-align: middle;
  position: absolute;
  background-size: cover;
  margin-inline-start: 18px;
  margin-block-start: 12px;
}
.privacylistimagesec {
  width: 80%;
  margin-inline-start: auto;
}
.privacylistimage {
  width: 100%;
}
.privacylistleft {
  width: calc(50% - 30px);
  height: 100%;
  float: left;
  padding-block-start: 150px;
}
.protection-while-browsing {
  width: calc(100% - 80px);
  margin: auto;
  background-color: #121212;
  border-radius: 20px;
  padding: 70px 40px 45px 40px;
  transition: 0.3s;
  cursor: pointer;
}
.protection-while-browsing:hover {
  cursor: pointer;
  transition: 0.3s;
  background-color: #072115;
}
.anonymized_statistics_image {
  width: 100%;
}
.anonymized_statistics_imagestyle {
  width: 40%;
  float: right;
}
.anonymized_statistics_head {
  width: 100%;
  padding-block-start: 60px;
}
.anonymized_statistics_headstyle {
  font: 18px "Zoho_Puvi_SemiBold";
  line-height: 28px;
  color: #ffffff;
}
.privacylistright {
  width: calc(50% - 30px);
  height: 100%;
  float: left;
  padding-block-start: 70px;
  margin-inline-start: 40px;
}
.privacylistrightmargin {
  margin-block-start: 42px;
}
.autoupgrade {
  /* background-color:#082216; */
}
/*  */
.ulaabusinessssection {
  width: 100%;
  min-height: 850px;
  padding-block-end: 200px;
  background-image: linear-gradient(to bottom, #0f0f0f 0%, #000000 100%);
}
.ulaabusinesimagecontdiv {
  width: 100%;
  height: auto;
  margin: auto;
  padding-block-start: 100px;
}
.ulaabusinestextdiv {
  width: 50%;
  height: 100%;
  float: left;
}
.ulaabusinesheadtext {
  width: 95%;
  float: left;
  font: 54px "Zoho_Puvi_Bold";
  line-height: 64px;
  text-align: left;
  color: #ffffff;
  padding-block-start: 155px;
  box-sizing: border-box;
}
.ulaabusinestext {
  width: 58%;
  float: left;
  font: 18px "Zoho_Puvi_Regular";
  line-height: 34px;
  text-align: left;
  color: #ffffff;
  margin-inline-end: 49px;
  box-sizing: border-box;
  padding-block-start: 39px;
}
/* .ulaabusinestextsub
  {
      width: 77%;
      float: left;
      font: 18px 'Zoho_Puvi_Regular';
      line-height: 24px;
      text-align: left;
      color: #ffffff;
      margin-inline-end: 49px;
      box-sizing: border-box;
      line-height: 40px;
  } */
.ulaabusinestextspan {
  color: #ffffff;
}
.ulaabusinestextanim {
  font: 18px "Zoho_Puvi_Regular";
  line-height: 24px;
  background-size: 100% 28px;
  background-image: linear-gradient(to right, #f8de3f 100%, rgb(0, 0, 0) 0%);
  -webkit-transition: background-position 1s;
  color: #000000;
  -moz-transition: background-position 1s;
  transition: background-position 1s;
  background-repeat: no-repeat;
  animation: ulaabrowsertextanim 1.3s;
}
@keyframes ulaabrowsertextanim {
  0% {
    background-size: 0px 28px;
    color: #ffffff;
  }
  100% {
    background-size: 100% 28px;
  }
}

.ulaabusinesimage {
  width: calc(50% - 75px);
  float: right;
}
.ulaabusinesimage img {
  width: 91%;
}
/* .ulaabusinesslottie
  {
      position: relative;
  } */
/*  */
.ulaaproductivsection {
  width: 100%;
  min-height: 850px;
  padding-block-start: 150px;
  padding-block-end: 130px;
  background-image: linear-gradient(to bottom, #0f0f0f 0%, #000000 100%);
}
.data-conf-main /* data-conf-main */ {
  width: 100%;
  min-height: 850px;
  padding-block-start: 180px;
  padding-block-end: 130px;
  background-image: linear-gradient(to bottom, #0f0f0f 0%, #000000 100%);
}
.ulaaprotectionheadstyle {
  width: 100%;
}
.ulaaprotectionhead /* ulaaprotectionsec */ {
  width: 100%;
  font: 30px "Zoho_Puvi_Regular";
  text-align: center;
  color: #ffffff;
  box-sizing: border-box;
  padding-block-start: 120px;
  line-height: 40px;
}
.ulaaprotectionheadanimline {
  display: inline-block;
  padding-block-end: 10px;
  font: 28px "Zoho_Puvi_Regular";
  line-height: 38px;
}
.ulaaprotectionheadanim {
  cursor: pointer;
  padding-block-end: 10px;
  font: 30px "Zoho_Puvi_Regular";
  text-decoration: underline;
  color: #3b9dff;
  cursor: auto;
  text-decoration: none;
  background: linear-gradient(to right, #000000, #000000), linear-gradient(to right, #3b9dff, #3b9dff);
  background-size: 100% 0.1em, 0 0.1em;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 400ms;
  animation: ulaaprotectionheadanim forwards 1s;
}
@keyframes ulaaprotectionheadanim {
  0% {
    background-size: 100% 0.1em, 0 0.1em;
    background-position: 100% 100%, 0 100%;
  }
  100% {
    background-size: 0 0.1em, 100% 0.1em;
  }
}
.ulaaprotectionheadanim:hover {
  cursor: pointer;
}

.ulaaproductivquote-div {
  width: 58%;
  margin: auto;
}
.ulaaproductivquote1 {
  font: 36px "Zoho_Puvi_Bold";
  line-height: 46px;
  text-align: center;
  color: #ffffff;
}
.ulaaproductivimagecontdiv {
  width: 100%;
  margin: auto;
  padding-block-start: 65px;
}
.ulaaproductivimage {
  width: 75%;
  margin: auto;
  padding-block-end: 50px;
}
.ulaaproductivimagelottie {
  width: 100%;
}
/*  */
.bottomdownloadsection {
  width: 100%;
  min-height: 730px;
  padding-block-start: 170px;
  padding-block-end: 120px;
  background-image: linear-gradient(to bottom, #0f0f0f 0%, #000000 100%);
}
.bottomsecuresubcont-div {
  width: 46%;
  margin: auto;
  padding-block-start: 20px;
}
.bottomsecuresubcont {
  font: 24px "Zoho_Puvi_Regular";
  line-height: 38px;
  text-align: center;
  color: #ffffff;
}
.bottomdownload-section-text-anim {
  font: 24px "Zoho_Puvi_Regular";
  line-height: 38px;
  background-size: 100% 28px;
  background-image: linear-gradient(to right, #007efc 100%, rgb(0, 0, 0) 0%);
  -webkit-transition: background-position 1s;
  -moz-transition: background-position 1s;
  transition: background-position 1s;
  background-repeat: no-repeat;
  animation: ulaabottomdownloadtextanim 1s;
}
@keyframes ulaabottomdownloadtextanim {
  0% {
    background-size: 0px 28px;
    color: #ffffff;
  }
  100% {
    background-size: 100% 28px;
    transition: 1s;
  }
}
.bottomsecurequote-div {
  width: 100%;
  margin: auto;
  margin-block-start: 140px;
}
.bottomsecurequote {
  font: 60px "Zoho_Puvi_Bold";
  line-height: 80px;
  text-align: center;
  color: #ffffff;
}
.bottomdownloadulaa-div {
  width: fit-content;
  margin: auto;
  margin-block-start: 69px;
}
.bottomdownloadulaa {
  padding: 20px 46px;
  background-color: #007efc !important;
  border-radius: 50px;
  text-decoration: none;
  display: block;
  color: #ffffff;
  cursor: pointer;
  font-size: 20px;
  font-family: "Zoho_Puvi_Medium";
  transition: 0.2s;
}
.bottomdownloadulaa:hover {
  font-size: 24px;
}
.titletxt-browsermodes {
  font: 54px "Zoho_Puvi_Bold";
  line-height: 64px;
  color: #ffffff;
  text-align: center;
  width: 60%;
  margin: auto;
}
.data-confhead /* data-conf-main */ {
  color: #ffffff;
  text-align: center;
  font-family: "Zoho_Puvi_Bold";
  font-size: 54px;
  line-height: 64px;
  width: 100%;
  margin: auto;
}
.data-confisubhead /* data-conf-main */ {
  font: 18px "Zoho_Puvi_Regular";
  line-height: 28px;
  width: 100%;
  text-align: center;
  color: #ffffff;
  line-height: 34px;
  margin: auto;
  margin-block-start: 29px;
}
.data-conf-txtanimated  /* data-conf-main */ {
  font: 18px "Zoho_Puvi_Regular";
  line-height: 28px;
  background-size: 100% 24px;
  background-image: linear-gradient(to right, #c82a2d 100%, rgb(0, 0, 0) 0%);
  -webkit-transition: background-position 1s;
  -moz-transition: background-position 1s;
  transition: background-position 1s;
  background-repeat: no-repeat;
  animation: data-conf-txtanimated 1s;
}
@keyframes data-conf-txtanimated {
  0% {
    background-size: 0px 24px;
  }
  100% {
    background-size: 100% 24px;
    transition: 1s;
  }
}
.data-conf-imgsec /* data-conf-main */ {
  width: 100%;
  margin-block-start: 100px;
}
.data-conf-imgsecdiv /* data-conf-main */ {
  width: 79%;
  margin: auto;
}
.data-conf-img /* data-conf-main */ {
  width: 100%;
}
.google-snooping-sec /* Google-Snooping-Sec */ {
  width: 100%;
  margin: auto;
}
.google-snooping-colmn /* Google-Snooping-Sec */ {
  width: 100%;
  height: 100%;
  float: left;
  display: flex;
  /* padding-block-start: 150px; */
}
.blockinglistleft /* Google-Snooping-Sec */ {
  width: calc(25% - 30px);
  height: 100%;
  float: left;
  padding-block-start: 150px;
}
.blockinglistbrwsing /* Google-Snooping-Sec */ {
  width: calc(95% - 80px);
  margin: auto;
  background-color: #121212;
  border-radius: 20px;
  padding: 70px 40px 45px 40px;
  transition: 0.3s;
  cursor: pointer;
}
.blockinglistbrwsing:hover /* Google-Snooping-Sec */ {
  cursor: pointer;
  transition: 0.3s;
  background-color: #301011;
}
.blockinglistbrwsing-img /* Google-Snooping-Sec */ {
  width: 100%;
}
.blockinglistbrwsing-img-style /* Google-Snooping-Sec */ {
  width: 50%;
  float: right;
}
.blockinglistbrwsing-headstyle /* Google-Snooping-Sec */ {
  font: 18px "Zoho_Puvi_SemiBold";
  line-height: 28px;
  color: #ffffff;
}
.browsinglistrightmargin /* Google-Snooping-Sec */ {
  margin-block-start: 42px;
}
.blockinglistsecondleft /* Google-Snooping-Sec */ {
  margin-inline-start: 40px;
}
.blockinglistbrwsing-head /* Google-Snooping-Sec */ {
  width: 100%;
  padding-block-start: 60px;
}
.protect-mv-view,
.seamless-mv-view {
  display: none;
}
.protect-mv-viewnone,
.seamless-mv-viewnone {
  display: block;
}
.google-snooping-subsec /* Google-Snooping-Sec */ {
  width: calc(calc(100% / 4) - 30px);
}
.browsing-listleft /* Google-Snooping-Sec */ {
  height: 100%;
  float: left;
  padding-block-start: 150px;
}
.browsing-listright /* Google-Snooping-Sec */ {
  height: 100%;
  float: left;
  padding-block-start: 70px;
  margin-inline-start: 40px;
}
/*  */
.subtxt-browsermodes {
  font: 18px "Zoho_Puvi_Regular";
  line-height: 28px;
  width: 37%;
  text-align: center;
  color: #ffffff;
  margin: auto;
  margin-block-start: 29px;
}
.subtxt-browsermodes-italic {
  font-style: italic;
}
.browser-mode-animated {
  font: 18px "Zoho_Puvi_Regular";
  line-height: 28px;
  color: #000000;
  background-size: 100% 30px;
  background-image: linear-gradient(to right, #f8de3f 100%, rgb(0, 0, 0) 0%);
  -webkit-transition: background-position 1s;
  -moz-transition: background-position 1s;
  transition: background-position 1s;
  background-repeat: no-repeat;
  animation: browser-mode-animated 1s;
}
@keyframes browser-mode-animated {
  0% {
    background-size: 0px 30px;
  }
  100% {
    background-size: 100% 30px;
    transition: 1s;
  }
}
.browsingdetailscontain {
  width: 100%;
  padding-block-start: 124px;
  padding-block-end: 100px;
}
.browsingdetails-subcontain {
  width: 100%;
}
.browerimages {
  position: absolute;
  width: 98%;
  border-radius: 9px;
  position: absolute;
  transform: translate(-99%, 5%);
  transition: 0.4s;
  cursor: pointer;
}
.browerimages:hover {
  transform: translate(-101%, 1.7%);
  /* transform: translate(-101%, 6px); */
}
.browernameicon {
  width: 50px;
  vertical-align: middle;
  float: left;
}
.browsercontent {
  color: #ffffff;
  font-size: 20px;
  font: 18px "Zoho_Puvi_Regular";
  line-height: 28px;
  margin-block-start: 40px;
  margin-inline-start: 65px;
}
.image-resize {
  position: relative;
}
.sliderunshow {
  display: none;
}
.resize-frame {
  width: 100%;
}
.workmode {
  margin-block-start: 30px;
}
.kidsmode {
  margin-block-start: 55px;
}
.openseasonmode {
  margin-block-start: 50px;
}
.developemode {
  margin-block-start: 40px;
}
.modemargin {
  margin-block-start: 165px;
}
.browsername {
  font-size: 40px;
  font-family: "Zoho_Puvi_SemiBold";
  margin: 0px 0px 0px 15px;
  float: left;
}
.workmodetxt {
  color: #1470d7;
  margin-block-start: 12px;
}
.personalmodetxt {
  color: #bebebe;
  margin-block-start: 2px;
}
.openseasonmodetxt {
  color: #cb2f32;
  margin-block-start: 0px;
}
.developemodetxt {
  color: #505050;
  margin-block-start: 0px;
}
.kidsmodetxt {
  color: #ffd181;
  margin-block-start: 0px;
}
.ulaabrowseromdeheadstyle /* ulaa browser mode head style */ {
  width: 100%;
}
.ulaabrowsermodehead {
  width: 40%;
  margin: auto;
  font: 30px "Zoho_Puvi_Regular";
  text-align: center;
  color: #ffffff;
  box-sizing: border-box;
  padding-block-start: 120px;
  line-height: 50px;
}
.ulaabrowsermodeheadbtmline {
  font: 28px "Zoho_Puvi_Regular";
  line-height: 38px;
  text-decoration: underline;
  color: #ffffff;
  cursor: auto;
  text-decoration: none;
}
.ulaabrowsermodeheadbtmlineanim {
  font: 28px "Zoho_Puvi_Regular";
  line-height: 38px;
  text-decoration: underline;
  color: #3b9dff;
  cursor: auto;
  text-decoration: none;
  background: linear-gradient(to right, #000000, #000000), linear-gradient(to right, #3b9dff, #3b9dff);
  background-size: 100% 0.1em, 0 0.1em;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 400ms;
  animation: ulaabrowsermodeheadbtmlineanim forwards 1s;
}
@keyframes ulaabrowsermodeheadbtmlineanim {
  0% {
    background-size: 100% 0.1em, 0 0.1em;
    background-position: 100% 100%, 0 100%;
  }
  100% {
    background-size: 0 0.1em, 100% 0.1em;
  }
}
/*  */
.servicehelplegalsection {
  width: 100%;
  min-height: 450px;
  padding-block-start: 130px;
  background-image: linear-gradient(to bottom, #0f0f0f 0%, #000000 100%);
}
.servicehelplegalsectiondivcss div {
  width: calc(100% / 4);
  float: left;
}
.ulaabottomimg {
  width: 37%;
}
.servicehead,
.helpconthead,
.legalhead {
  color: #ffffff;
  font: 30px "Zoho_Puvi_Bold";
  margin-block-end: 40px;
  text-decoration: none;
}
.servicehelplegalsectiondivcss ul {
  list-style-type: none;
}
.serviceli,
.helpcontli,
.legalli {
  color: #797979;
  font: 20px "Zoho_Puvi_Regular";
  margin-block-start: 25px;
}
.serviceheadlink,
.helpcontheadlink,
.legalheadlink {
  color: #797979;
  font: 20px "Zoho_Puvi_Regular";
  text-decoration: none;
}
.serviceheadlink:hover {
  color: #969696;
}
.helpcontheadlink:hover {
  color: #969696;
}
.legalheadlink:hover {
  color: #969696;
}
/* privacy-html-page */
.privacy-html-page {
  width: 100%;
  /* background-color: #201c1c; */
  /* display: flex;
      align-items: center;
      justify-content: center; */
  /* height: calc(100% - 138px); */
  margin-block-start: 138px;
}
/* resource-html-page */
.resource-html-page {
  width: 100%;
  height: 100%;
  /* background-color: #2b2929; */
  /* display: flex;
      align-items: center;
      justify-content: center; */
  margin-block-start: 138px;
}
/* business-html-page */
.business-html-page {
  width: 100%;
  height: 100%;
  background-color: #201c1c;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* carousel */

/*  */
.carousel-overlay {
  /* height: 0%; */
  /* height: inherit; */
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 11;
  top: 0;
  left: 0;
  background-color: #000000;
  overflow-y: hidden;
  transition: 0.5s;
}
.carousel-closebtn {
  position: absolute;
  top: 9px;
  right: 50px;
  font-size: 38px;
  width: 18px;
  background: transparent;
  border: none;
}
.carousel-overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  z-index: 1;
  transition: 0.3s;
}
.carousel-closeicon {
  width: 100%;
}
.carousel-overlay-content {
  position: relative;
  top: 0px;
  width: 100%;
  margin: auto;
  height: calc(100% - 0px);
  /* text-align: center; */
}
.carousel-overlay .image-resize {
  /* position: relative; */
  float: left;
  width: 65%;
  /* margin: 110px 0px 0px 0px; */
}
.carousel-overlay .work-modemargin {
  margin-block-start: 70px;
}
.carousel-overlay .image-resize.modemargin {
  margin-block-start: 70px;
}
.prev-slide-div {
  width: 5%;
  height: 100%;
  float: left;
  position: relative;
  left: 7%;
}
.pre-slide {
  width: 35px;
  height: 35px;
  position: absolute;
  top: 43%;
  left: -29%;
}
.pre-icon {
  width: 100%;
  transform: rotate(180deg);
  cursor: pointer;
}
.main-slide-div {
  width: 90%;
  height: 100%;
  float: left;
}
.slide-show-tab {
  width: 100%;
  height: 100%;
}
.slide-main {
  width: 100%;
}
.pop-up-slide-image {
  width: 98%;
  border-radius: 9px;
  transition: 0.4s;
  cursor: pointer;
}
.content-parn {
  width: 65%;
  margin: auto;
}
.pop-up-slide {
  margin-block-start: 30px;
  width: 100%;
}
.pop-up-browernameicon {
  width: 50px;
  vertical-align: middle;
  float: left;
}
.pop-up-workmodetxt {
  font-size: 30px;
  vertical-align: middle;
  float: left;
  color: #1470d7;
  margin: 12px 0px 0px 15px;
}
.pop-up-browsercontent {
  color: #ffffff;
  font-size: 20px;
  line-height: 40px;
  margin-block-start: 10px;
  margin-inline-start: 65px;
  width: 100%;
  text-align: left;
}
.pop-up-slide1 {
  width: 65%;
  margin: auto;
}
.next-slide-div {
  width: 5%;
  height: 100%;
  float: left;
  position: relative;
  right: 7%;
}
.next-slide {
  width: 35px;
  height: 35px;
  position: absolute;
  top: 43%;
  left: 81%;
  cursor: pointer;
}
.carousel-slide-css {
  transform: translateX(86px);
}
.carousel-slide-css .sliderunshow {
  display: block;
}
.carousel-slide-css {
  overflow: hidden;
}
.carousel-slide-css > .browsingdetails-subcontain {
  width: 100%;
}
.carousel-slide-css .browerimages {
  width: 100%;
  margin: auto;
  left: 0;
  top: 0;
  transform: translate(0%, 0%);
  position: unset;
}
.carousel-slide-css .browsingdetails-left {
  float: left;
}
.carousel-slide-css .resize-frame {
  display: none;
}
.mode-parent {
  width: calc(80% / 2);
  float: left;
}
.mode-parent-float-right {
  float: right;
}
.carousel-slide-css .mode-parent {
  width: 100%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.carousel-slide-css .browsingdetails-subcontain.browsingdetails-left.clear {
  display: flex;
  width: 100%;
  transform-origin: 0;
  transform: translateX(calc(100% * 0));
}
.carousel-slide-transition {
  transition: 0.7s;
}
.carousel-slide-css .browsericoncontain {
  width: 100%;
  margin: 25px 0px 0px 0px;
}
.carousel-slide-css .personalmode {
  width: 36%;
}
.carousel-slide-css .browsercontent {
  margin: 18px 0px 0px 0px;
  text-align: left;
  width: 100%;
}
.carousel-slide-css .carousel-enable {
  width: 20%;
  margin: auto;
  margin-inline-start: 40px;
}
.next-icon {
  width: 100%;
}
.carousel-slide-css .browsername {
  font-size: 24px;
}
.carousel-slide-css .browsercontent {
  font-size: 18px;
}
.carousel-slide-css .browernameicon {
  width: 36px;
}
.hyper-click {
  color: #c5c5c5;
  background-color: #000000;
}
.hyper-click:hover {
  color: #ffffff;
}
.hyper-click::after {
  content: "";
  position: relative;
  top: 0px;
  display: block;
  width: 0;
  height: 0;
  border-bottom: 2px solid #007efc;
  transition: width 0.3s;
}
.hyper-click:active {
  color: #007efc;
}
.hyper-click:focus {
  color: #007efc;
  outline: none;
}
.hyper-click:hover::after {
  width: 100%;
  transition: width 0.3s;
}

.boxcount_backforword {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  opacity: 0;
  color: #90939f;
}
.carousel-slide-css .mode-parent.modemargin.clear.contentContain_backforword {
  margin-block-start: 70px;
}

/* Media Query */
/*Min-width */
@media only screen and (min-width: 4000px) {
  .overlaydiv {
    width: 20%;
    left: 49%;
  }
}
@media only screen and (min-width: 1900px) {
  .downloadsection {
    min-height: 700px;
  }
}
@media only screen and (min-width: 2500px) {
  .secureimagediv {
    margin-block-start: 390px;
  }
  .downloadsection {
    min-height: 670px;
  }
}
/* @media only screen and (min-width: 2500px) 
    {
      .carousel-slide-css .browsercontent
      {
          font-size: 30px;
          line-height: 58px;
          margin: 20px 0px 0px 100px;
          width: 100%;
      }
      .carousel-slide-css .browsericoncontain 
      {
          width: 66%;
      margin: -325px 0px 0px 40px;
      }
      .carousel-slide-css .browernameicon 
      {
          width: 66px;
      }
      .carousel-slide-css .browsername 
      {
          font-size: 38px;
          margin: 15px 0px 0px 33px;
      }
      .carousel-overlay-content
      {
          top: 65px;
      }
      .carousel-closebtn
      {
          width: 38px;
      }
      .carousel-slide-css .workmodetxt
      {
          margin: 30px 0px 0px 23px;
      }
    } */
/* @media only screen and (min-width: 2000px) 
  {
      .carousel-slide-css .browsericoncontain
      {
          margin: 65px 0px 0px 0px;
      }
      .carousel-overlay-content
      {
          top: 90px;
      }
      .carousel-slide-css .browernameicon
      {
          width: 66px;
      }
      .carousel-slide-css .browsername
      {
          margin: 20px 0px 0px 23px;
      }
      .carousel-slide-css .browsercontent
      {
          margin: 18px 0px 0px 90px;
          width: calc(100% - 90px);
          font-size: 20px;
      }
      .carousel-slide-css .workmodetxt 
      {
          margin: 40px 0px 0px 23px;
      }
      .carousel-closebtn
      {
          top: 20px;
          width: 30px;
      }
  } */
/*Max-width */
@media only screen and (max-width: 4000px) {
  .overlaydiv {
    width: 27%;
    left: 49%;
  }
}
@media only screen and (max-width: 3500px) {
  .overlaydiv {
    width: 27%;
    left: 49%;
  }
}
@media only screen and (max-width: 3000px) {
  .overlaydiv {
    width: 27%;
    left: 49%;
  }
}
@media only screen and (max-width: 2500px) {
  .overlaydiv {
    width: 30%;
    left: 49%;
  }
}
@media only screen and (max-width: 1950px) {
  .overlaydiv {
    width: 41%;
    left: 45%;
  }
}
@media only screen and (max-width: 1450px) {
  .blocktext p {
    width: 79%;
    margin-inline-end: 49px;
    padding-block-start: 90px;
  }
  .ulaabusinesheadtext {
    padding-block-start: 120px;
  }
  .subtxt-browsermodes {
    width: calc(75% - 25px);
  }
  .ulaa-modes-par-headtext {
    width: 100% !important;
  }
  .ulaa-modes-par-subtext {
    width: 70% !important;
  }
}
@media only screen and (max-width: 1990px) {
  .browsername {
    font-size: 30px;
  }
  .browernameicon {
    width: 38px;
  }
  .browsercontent {
    margin-inline-start: 55px;
  }
}
@media only screen and (max-width: 1528px) {
  .carousel-overlay .image-resize {
    width: 54%;
  }
  .carousel-slide-css .carousel-enable {
    width: 26%;
  }
}
@media only screen and (max-width: 1354px) {
  .ulaablockhead {
    width: 90%;
  }
  .product-main-width {
    width: 85%;
  }
  .ulaa-icon {
    height: 60px;
    cursor: pointer;
  }
  .hyper-click,
  .nav-downloadulaa,
  .hyper-after-click {
    font-size: 14px;
  }
  .servicehead,
  .helpconthead,
  .legalhead,
  .ulaablocksubhead {
    font-size: 20px;
  }
  .serviceheadlink,
  .helpcontheadlink,
  .legalheadlink {
    font-size: 16px;
  }
  .ulaabottomimg,
  .ulaa-icon-cont {
    width: 30%;
  }
  .ulaa-nav-cont {
    width: 70%;
  }

  .ulaa-nav-cont.ulaa-with-enterprise{
    width: 78%;
  }
  .blocktext p {
    font-size: 22px;
    width: 89%;
    margin-inline-end: 0px;
  }
  .ulaainfoheadtext {
    font-size: 35px;
    width: 90%;
    line-height: 42px;
  }
  .ulaainfotext {
    font-size: 20px;
    width: 80%;
    padding-block-start: 45px;
    line-height: 37px;
  }
  .ulaainfotextsub {
    padding-block-start: 0px;
  }
  .ulaabusinesheadtext {
    font-size: 34px;
    line-height: 42px;
  }
  .ulaabusinestextanim,
  .ulaabusinestext {
    font-size: 18px;
    line-height: 37px;
  }
  .ulaaproductivquote-div {
    width: 73%;
  }
  .titleTxt-browsermodes {
    font-size: 44px;
  }
  .subtxt-browsermodes,
  .subtxt-browsermodes-italic,
  .bottomsecuresubcont,
  .bottomdownload-section-text-anim {
    font-size: 20px;
  }
  .workmodetxt,
  .browsername {
    font-size: 26px;
  }
  .browsercontent {
    font-size: 16px;
    line-height: 34px;
    margin-block-start: 22px;
  }
  .browernameicon {
    width: 34px;
  }
  .bottomsecurequote {
    font-size: 50px;
  }
  .bottomsecurequote-div {
    margin-block-start: 80px;
  }
  .bottomdownloadsection {
    padding-block-start: 100px;
    min-height: 630px;
  }
  .ulaainfosection {
    min-height: 706px;
  }
  .ulaabusinessssection {
    min-height: 720px;
  }
  .downloadsection {
    min-height: 753px;
  }
  .blocksection {
    min-height: 750px;
  }
  .ulaainfotextanim {
    font-size: 18px;
  }
  .overlaydiv {
    width: 45%;
  }
  .overlaydiv lottie-player {
    top: 253px;
  }
  .ulaabrowsermodehead {
    width: 100%;
  }
  .ulaaproductivsubhead-div {
    width: 75%;
  }
  .bottomsecuresubcont-div {
    width: 83%;
  }
}
@media only screen and (max-width: 1230px) {
  .securesubcont-div {
    width: 68%;
    margin: auto;
    padding-block-start: 20px;
  }
}
@media only screen and (max-width: 1069px) {
  .securesubcont-div {
    width: 77%;
    margin: auto;
    padding-block-start: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .carousel-slide-css .mode-parent {
    flex-direction: column;
    justify-content: center;
    align-items: start;
  }
  .carousel-overlay .image-resize {
    width: 80%;
  }
  .carousel-slide-css .carousel-enable {
    width: 80%;
    margin-inline-start: 10px;
    margin-block-start: 0px;
  }
  .carousel-slide-css .browerimages {
    width: 85%;
  }
  .carousel-slide-css .mode-parent.modemargin.clear.contentContain_backforword {
    margin-block-start: 45px;
  }
  .ulaa-modes-par-headtext,
  .ulaa-modes-par-spanstyle {
    font-size: 48px !important;
    line-height: 48px !important;
  }
  .ulaa-modes-par-subtext {
    width: 90% !important;
    font-size: 18px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .securequote {
    font-size: 48px;
    line-height: 50px;
  }

  .google-snooping-colmn {
    display: block;
  }
  .product-menu-panel,
  .overlaydiv {
    display: none;
  }
  .open-ham-menu-cont,
  .block-track-dustbin-mw,
  .overlay {
    display: block;
  }
  .ulaainfotextanim,
  .ulaabusinestextanim,
  .bottomdownload-section-text-span,
  .download-text-animad,
  .blockquotespananimtext:after,
  .blockquotespanreverseanimtext:after,
  .blocketextanimadding:after {
    animation: none !important;
  }
  .blockquotespananimtext:after {
    width: 100%;
  }
  .ulaainfoimagecontdiv {
    padding-block-start: 30px;
  }
  .securesubcont,
  .download-text-animad {
    font-size: 16px;
    line-height: 26px;
  }
  .downloadulaa-div {
    margin-block-start: 30px;
  }
  .downloadulaa {
    font-size: 18px;
    padding: 13px 38px;
  }
  .titletxt-browsermodes {
    width: 84%;
  }
  .ulaabusinesheadtext {
    width: 100%;
  }
  .data-confhead,
  .titletxt-browsermodes {
    font-size: 40px;
    line-height: 48px;
  }
  .downloadsection {
    min-height: fit-content;
  }
  @keyframes blockquotespananim {
    0% {
      background-size: 0px 28px;
      background-position-y: 73px;
    }
    100% {
      background-size: 100% 8px;
      background-position-y: 73px;
    }
  }
  .blockimage {
    float: none;
    margin: auto;
    width: 65%;
  }
  .blocktext,
  .ulaainfotextdiv {
    float: none;
    margin: auto;
    width: 100%;
  }
  .ulaainfotextdiv {
    margin-block-start: 80px;
  }
  .blocktext p {
    width: 100%;
    text-align: center;
    margin: 0px;
    padding-block-start: 90px;
  }
  .ulaablockcont {
    width: 100%;
  }
  .ulaablockhead {
    width: 100%;
    text-align: center;
    margin: auto;
  }
  .ulaablocksubhead {
    text-align: center;
    width: 100%;
  }
  .ulaainfoheadtext {
    text-align: center;
    width: 100%;
  }
  .ulaainfotext {
    text-align: center;
    width: 100%;
    margin: 0px;
    font-size: 16px;
  }
  .ulaainfotextanim {
    font-size: 16px;
  }
  .ulaainfoimage img {
    width: 100%;
  }
  .ulaainfoimage {
    float: none;
    margin: auto;
    width: 55%;
  }
  .ulaabusinestextdiv {
    width: 100%;
    float: none;
    margin: auto;
  }
  .ulaabusinesheadtext {
    text-align: center;
    padding-block-start: 0px;
  }
  .ulaabusinestext {
    padding-block-start: 40px;
  }
  .ulaabusinestext,
  .ulaabusinestextsub {
    width: 100%;
    text-align: center;
  }
  .ulaabusinesimage {
    float: none;
    margin: 40px auto;
    width: 60%;
  }
  .ulaabusinesimage img,
  .bottomsecuresubcont-div {
    width: 100%;
  }
  .modemargin {
    margin-block-start: 0px;
  }
  .mode-parent {
    width: 76%;
    margin: 60px auto 0px;
    float: inherit;
  }
  .ulaablocksectiondivcss {
    padding-block-end: 40px;
  }
  .ulaablockimage {
    display: block;
    width: 60%;
  }
  .ulaablockimage lottie-player {
    top: 50px;
  }
  .ulaaproductivquote1 {
    font-size: 34px;
    line-height: 42px;
  }
  .bottomsecurequote {
    font-size: 48px;
  }
  .ulaablocksection {
    padding-block-end: 200px;
  }
  /* pop-up-media-query */
  .carousel-overlay-content {
    top: 0px;
    width: calc(100% - 20px);
  }
  .main-slide-div {
    width: calc(96% - 70px);
  }
  .next-slide-div,
  .prev-slide-div {
    width: 35px;
  }
  .carousel-slide-css .browerimages {
    width: 67%;
  }
  .carousel-slide-css .browsercontent {
    font-size: 16px;
  }
  .carousel-slide-css .mode-parent {
    margin-block-start: 60px;
  }
  /*  */
  .download-text-animad {
    background-color: #007efc;
  }
  .ulaaprotectionimagecontdiv {
    display: flex;
    flex-direction: column;
  }
  .ulaaprotectiontextdiv {
    width: 100%;
  }
  .ulaaprotectionheadtext {
    width: 67%;
    text-align: center;
    margin: auto;
    font: 40px "Zoho_Puvi_Bold";
    float: unset;
  }
  .ulaaprotectionsectext {
    width: 100%;
    font: 20px "Zoho_Puvi_Regular";
    text-align: center;
    color: #ffffff;
    box-sizing: border-box;
    padding-block-start: 40px;
    line-height: 40px;
  }
  .ulaaprotectionsectextsub {
    width: 100%;
    font: 20px "Zoho_Puvi_Regular";
    text-align: center;
    box-sizing: border-box;
    padding-block-start: 40px;
    line-height: 40px;
  }
  .privacylistimagesec,
  .privacylistcolumn {
    width: 100%;
  }
  .privacylistcolumn {
    margin-block-start: 100px;
  }
  .google-snooping-subsec {
    width: calc(calc(100% / 2) - 30px);
  }
  .seamless-integration-subsec {
    width: calc(calc(100% / 2) - 30px);
  }
  .protect-mv-view,
  .seamless-mv-view {
    display: block;
  }
  .padding-top-mv {
    padding-block-start: 42px;
  }
  .protect-mv-viewnone,
  .seamless-mv-viewnone {
    display: none;
  }
  .bottomsecurequote {
    font-size: 40px;
    line-height: 48px;
  }
  .browsing-listright.seamless-integration-subsec.protect-mv-viewnone.clear,
  .browsing-listleft.seamless-integration-subsec.blockinglistsecondleft.clear {
    display: none;
  }
}
@media only screen and (max-width: 950px) {
  .blockquotespan,
  .blockquote2 {
    font-size: 50px;
  }
  .blockquote1 {
    font-size: 36px;
  }
  .download-section-text-anim {
    background-image: linear-gradient(to right, #007efc 100%, rgb(0, 0, 0) 0%);
  }
  .ulaaprotectionespan {
    background-image: linear-gradient(to right, #098e50 100%, rgb(0, 0, 0) 0%);
  }
  .data-conf-txtanim {
    background-image: linear-gradient(to right, #c82a2d 100%, rgb(0, 0, 0) 0%);
  }
  .ulaaprotectionheadbtmline {
    display: inline-block;
    padding-block-end: 8px;
    background-image: linear-gradient(to right, #3b9dff 100%, rgb(0, 0, 0) 0%);
    background-repeat: no-repeat;
    background-position-y: 40px;
  }
}
@media only screen and (max-width: 769px) {
  .securesubcont-div {
    width: 83%;
  }
  .downloadsection {
    padding-block-end: 100px;
  }
  .blockquote1 {
    font-size: 33px;
  }
  .blockquotespan,
  .blockquote2 {
    font-size: 48px;
  }
  @keyframes blockquotespananim {
    0% {
      background-size: 0px 28px;
      background-position-y: 52px;
    }
    100% {
      background-size: 100% 8px;
      background-position-y: 52px;
    }
  }
  .blocktext p,
  .ulaablocksubhead,
  .ulaabusinestextanim,
  .ulaabusinestext {
    font-size: 18px;
  }
  .blocketextanim,
  .ulaablockhead {
    font-size: 30px;
    line-height: 40px;
  }
  @keyframes blocktextltr {
    0% {
      background-size: 0px 28px;
      background-position-y: 32px;
      transition: 1.2s;
    }
    100% {
      background-size: 100% 8px;
      transition: 1.2s;
    }
  }
  .ulaainfoheadtext {
    font-size: 30px;
    line-height: 40px;
  }
  .ulaaproductivquote1 {
    font-size: 33px;
  }
  .ulaaproductivquote-div {
    width: 100%;
  }
  .ulaaproductivimagecontdiv {
    padding-block-start: 65px;
  }
  .ulaaproductivimage {
    padding-block-end: 80px;
  }
  .subtxt-browsermodes {
    width: calc(80% - 5px);
  }
  .titleTxt-browsermodes {
    font-size: 37px;
  }
  .subtxt-browsermodes,
  .subtxt-browsermodes-italic {
    font-size: 17px;
  }
  .browsingdetailscontain {
    margin-block-start: 0px;
    padding-block-start: 80px;
  }
  .browsercontent {
    line-height: 28px;
    margin-block-start: 19px;
    margin-inline-start: 161px;
    font-size: 14px;
  }
  .ulaabusinesheadtext {
    font-size: 36px;
    line-height: 40px;
  }
  .ulaabusinestext {
    font-size: 17px;
  }
  .ulaabusinestext {
    margin: 0px;
  }
  /* .kidsmodeimage {
      margin-block-start: 50px;
    } */
  .browsercontent {
    margin: 30px auto 0px;
  }
  /* carousel-slide-css  */
  .carousel-slide-css .browsercontent {
    font-size: 16px;
    margin: 18px 0px 0px 60px;
    width: calc(100% - 61px);
  }
  .carousel-slide-css .carousel-enable {
    width: 80%;
  }
  .slide-main {
    margin-inline-start: -25px;
  }
  .carousel-slide-css .browerimages {
    width: 80%;
  }
  .modes-page-img {
    width: 100% !important;
  }
}
@media only screen and (max-width: 670px) {
  .dowload-popup-footer {
    flex-direction: column;
    gap: 3rem;
  }

  .consent-btn {
    width: 80%;
  }

  .bottomsecurequote {
    font-size: 40px;
  }
  .ham-ula-icon-div {
    margin-inline-start: 40px;
  }
  .product-menu-name {
    font-size: 24px;
  }
  .blockquote1 {
    font-size: 28px;
  }
  .blockquotespan,
  .blockquote2 {
    font-size: 40px;
  }
  @keyframes blockquotespananim {
    0% {
      background-size: 0px 28px;
      background-position-y: 42px;
    }
    100% {
      background-size: 100% 8px;
      background-position-y: 42px;
    }
  }
  .carousel-slide-css .browsercontent {
    width: 100%;
    margin: 18px 0px 0px 0px;
  }
  .carousel-slide-css .mode-parent {
    margin-block-start: 100px;
  }
  .carousel-slide-css .browsercontent {
    margin: 30px 0px 0px 0px;
  }
  .anonymized_statistics_head,
  .blockinglistbrwsing-head,
  .seamlesstrsnlistbrwsing-head {
    padding-block-start: 30px;
  }
  .anonymized_statistics_headstyle,
  .blockinglistbrwsing-headstyle,
  .seamlesstrsnlistbrwsing-headstyle {
    font: 16px "Zoho_Puvi_SemiBold";
    line-height: 22px;
  }
  .titletxt-browsermodes {
    font-size: 32px;
    width: 95%;
  }
  .ulaaprotectionheadtext {
    width: 100%;
  }
}
@media only screen and (max-width: 590px) {
  .securesubcont-div {
    width: 100%;
  }

  .privacylistcolumn {
    display: block;
  }
}
@media only screen and (max-width: 559px) {
  .bottomsecurequote {
    font-size: 36px;
  }
  .securequote {
    font-size: 42px;
  }
  .securesubcont,
  .download-text-animad {
    font-size: 14px;
    line-height: 22px;
  }
  .blockquotespan,
  .blockquote2 {
    font-size: 36px;
  }
  .blocketextanim,
  .ulaablockhead {
    font-size: 24px;
    line-height: 34px;
  }
  .blocktext p,
  .ulaablocksubhead,
  .ulaabusinestextanim,
  .ulaabusinestext,
  .ulaainfotext,
  .ulaabusinestext,
  .ulaabusinestextsub {
    font-size: 16px;
    line-height: 28px;
  }
  .ulaainfoheadtext,
  .ulaabusinesheadtext,
  .ulaaproductivquote1 {
    font-size: 28px;
    line-height: 40px;
  }
  .ulaabusinesimage,
  .ulaainfoimage {
    width: 70%;
  }
  .carousel-overlay {
    display: none;
  }
  .browerimages,
  .is-rtl-img {
    transform: translate(-101%, 2.2%);
    cursor: none;
  }
  .ulaaprotectionheadtext {
    width: 100%;
  }
  .servicehelplegalsection {
    padding-block-start: 60px;
  }
  .servicehelplegalsectiondivcss {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .servicehelplegalsectiondivcss div {
    width: 100%;
    float: none;
    margin: auto;
  }
  .ulaabottomsection a {
    display: flex;
  }
  .ulaabottomimg {
    width: 37%;
    margin: auto;
  }
  .servicehead,
  .helpconthead,
  .legalhead {
    margin-block-start: 30px;
    text-align: center;
  }
  .serviceli,
  .helpcontli,
  .legalli {
    text-align: center;
  }
  .blockinglistbrwsing-img,
  .anonymized_statistics_image,
  .seamlesstrsnlistbrwsing-img {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .blockinglistbrwsing-headstyle,
  .anonymized_statistics_headstyle,
  .seamlesstrsnlistbrwsing-headstyle {
    text-align: center;
  }
  /*  */
  .blockquotespan,
  .blockquote2 {
    font-size: 32px;
    margin-block-start: 5px;
  }
  .blockquote1 {
    font-size: 24px;
  }
  .ulaaprotectiontextdiv {
    padding-block-start: 0px;
  }
  .privacylistleft {
    width: 100%;
    padding-block-start: 0px;
  }
  .privacylistright {
    width: 100%;
    margin-inline-start: 0px;
    margin-block-start: 42px;
    padding-block-start: 0px;
  }
  .google-snooping-subsec,
  .seamless-integration-subsec {
    width: 100%;
  }
  .browsing-listright,
  .blockinglistsecondleft {
    margin-inline-start: 0px;
  }
  .browsing-listleft,
  .seamlessintlistleft {
    padding-block-start: 42px;
  }
  .ulaaprotectionhead,
  .browsing-listright {
    padding-block-start: 10px;
  }
  .ulaabusinessssection {
    padding-block-end: 100px;
  }
  .blockinglistbrwsing-img,
  .anonymized_statistics_image,
  .seamlesstrsnlistbrwsing-img {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .blockinglistbrwsing-headstyle,
  .anonymized_statistics_headstyle,
  .seamlesstrsnlistbrwsing-headstyle {
    text-align: center;
  }
  .seamlesstrsnlistbrwsing:active {
    background-color: #041d36;
  }
  /*  */
  .servicehelplegalsectiondivcss div,
  .ulaa-block-par-img,
  .ulaa-block-partext-div,
  .search-data-parentdiv,
  .search-nodata-parentdiv,
  .protect-contenthead,
  .modes-content-div .ulaa-offer-subtextsub-css,
  .modes-float-right,
  .modes-btm-cont,
  .modes-btm-left-cont,
  .modes-btm-right-cont,
  .modes-btm-head,
  .ulaa-par-block-partext,
  .data-parentdiv,
  .leftdatadiv,
  .rightdatadiv {
    width: 100% !important;
    float: none !important;
    display: block !important;
    margin: auto;
    margin-block-end: 60px;
  }
  .privacy-margin-left {
    margin: 0px !important;
  }
  .search-nodata-head,
  .search-nodata-subhead,
  .modes-subtext,
  .modes-btm-left-cont,
  .modes-btm-headtext,
  .modes-btm-subtext,
  .nodata-parentdiv,
  .nodata-head,
  .nodata-subhead {
    text-align: center !important;
    width: 100% !important;
  }
  .search-nodata-imgdiv,
  .protect-imgdiv,
  .nodata-imgdiv {
    width: 40% !important;
    margin: auto !important;
  }
  .ulaa-block-par-imgstyle,
  .search-data-protection-row {
    margin: auto !important;
    display: block !important;
  }
  .modes-content-div .ulaa-offer-subtextsub-css,
  .privacy-boldheader {
    font-size: 25px !important;
    line-height: 35px !important;
  }
  .ulaa-blue-block-style,
  .ulaa-blue-block-style,
  .ulaa-par-block-headtext {
    font-size: 45px !important;
    line-height: 45px !important;
  }
  .modes-page-banner-parn {
    min-height: auto !important;
  }
  .modes-page-img {
    width: 100% !important;
  }
  .ulaabottomsection a {
    display: flex;
  }
  .productivity-bannerimage {
    width: 84% !important;
  }
  .ulaa-block-par-imgcntdiv {
    display: block !important;
  }
  .modes-btm-right-cont,
  .rightdatadiv {
    margin-inline-start: 0px !important;
  }
  .access-browser-content,
  .privacy-featres-animated {
    font: 30px "Zoho_Puvi_Regular" !important;
    line-height: 40px !important;
  }
  .privacy-featres-animated {
    animation-play-state: paused;
    background-color: #007efc;
  }
  .ulaa-par-imgcnt {
    padding-block-end: 0px !important;
  }
  .ulaaprotectionespan_lineanim {
    animation-play-state: paused;
    border-bottom: 1px solid #3b9dff;
  }
  .ulaaprotectioneanim {
    animation-play-state: paused;
    background-color: #098e50;
  }
  .search-nodata-subhead {
    margin-block-end: 60px !important;
  }
  .search-data-parentdiv {
    margin-block-start: 50px !important;
  }
  .nodata-contenthead,
  .ulaa-block-par-headtext {
    width: 100% !important;
  }
  .ulaa-block-partext-div {
    margin-inline-start: 0px !important;
  }
  .ulaa-offer-subtextsub-css {
    width: 91% !important;
  }
  .modes-page-img-cont {
    margin-block-start: 140px !important;
  }
  .ulaa-modes-par-spanstyle {
    font: 30px "Zoho_Puvi_Bold" !important;
  }
  .ulaa-modes-par-headtext {
    width: 100% !important;
    font: 30px "Zoho_Puvi_Bold" !important;
    line-height: 50px !important;
    top: 45% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }
  .ulaa-modes-par-subtext {
    width: 80% !important;
    margin-block-start: 0px !important;
    font-size: 14px !important;
    top: 70% !important;
  }
  /*  */
  /*  */
  .seamless-integration-colm {
    flex-direction: column !important;
  }
  .ulaa-modes-parent {
    margin-block-start: 80px !important;
  }
  .modes-img-cont {
    margin-block-start: 30px !important;
  }
  .modes-content-div {
    min-height: 3920px !important;
  }
  .modes-subtext-cont {
    margin: auto !important;
  }
  .modes-subcontent-style {
    padding-block-end: 0px !important;
  }
  .access-browser-content-border {
    margin-block-end: 100px !important;
  }
  .modes-name {
    width: 100% !important;
    margin-inline-start: 16px !important;
    font-size: 22px !important;
  }
  .modes-icon-img {
    width: 38px !important;
  }
  .modes-btm-head {
    font-size: 40px !important;
  }
  .modes-btm-headtext {
    margin-block-start: 50px !important;
  }

  .servicehelplegalsection {
    height: fit-content !important;
  }

  .lang-select {
    flex-direction: column !important;
    gap: 3rem !important;
    height: 9rem !important;
  }

  .copy-rights {
    text-align: center !important;
  }
}
@media only screen and (max-width: 503px) {
  .blockquotespan,
  .blockquote2 {
    font-size: 32px;
    margin-block-start: 5px;
  }
  .blockquote1 {
    font-size: 24px;
  }
  .ulaaprotectiontextdiv {
    padding-block-start: 0px;
  }
  .privacylistleft {
    width: 100%;
    padding-block-start: 0px;
  }
  .privacylistright {
    width: 100%;
    margin-inline-start: 0px;
    margin-block-start: 42px;
    padding-block-start: 0px;
  }
  .google-snooping-subsec,
  .seamless-integration-subsec {
    width: 100%;
  }
  .browsing-listright,
  .blockinglistsecondleft {
    margin-inline-start: 0px;
  }
  .browsing-listleft,
  .seamlessintlistleft,
  .browsing-listright {
    padding-block-start: 42px;
  }
  .ulaaprotectionhead {
    padding-block-start: 10px;
  }
  .ulaabusinessssection {
    padding-block-end: 100px;
  }
  .blockinglistbrwsing-img,
  .anonymized_statistics_image,
  .seamlesstrsnlistbrwsing-img {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .blockinglistbrwsing-headstyle,
  .anonymized_statistics_headstyle,
  .seamlesstrsnlistbrwsing-headstyle {
    text-align: center;
  }
  .seamlesstrsnlistbrwsing:active {
    background-color: #041d36;
  }
}
@media only screen and (max-width: 466px) {
  .ham-ula-icon-div {
    margin-inline-start: 25px;
  }
  .product-menu-name {
    font-size: 18px;
  }
  .open-ham-menu {
    margin: 0px 25px 0px 0px;
  }
  .overlay .ham-menu-closebtn {
    right: 25px;
  }
  .browsercontent {
    margin: 20px auto 0px;
    width: 100%;
  }
  .workmodetxt,
  .browsername {
    font-size: 20px;
    margin-block-start: 8px;
  }
  .browernameicon {
    width: 28px;
  }
  .subtxt-browsermodes,
  .subtxt-browsermodes-italic,
  .ulaaproductivimage,
  .ulaainfoimage,
  .blockimage,
  .securesubcont-div,
  .ulaabusinesimage {
    width: 100%;
  }
  .ulaablockimage {
    width: 70%;
  }
  .ulaablocksection {
    padding-block-end: 0px;
  }
  .blocketextanimadding:after {
    border-bottom: 4px solid #cb2f32;
  }
  .blockquotespan,
  .blockquote2 {
    font-size: 28px;
  }
  .blockquote1 {
    font-size: 20px;
  }
  .blockimagecontdiv {
    padding-block-start: 60px;
  }
  .securequote,
  .bottomsecurequote {
    font-size: 32px;
  }
  .downloadulaa {
    font-size: 16px;
    padding: 12px 30px;
  }
  .blocktext p,
  .ulaablocksubhead,
  .ulaabusinestextanim,
  .ulaabusinestext,
  .ulaainfotext,
  .ulaabusinestextspan,
  .subtxt-browsermodes,
  .subtxt-browsermodes-italic,
  .bottomsecuresubcont,
  .bottomdownload-section-text-anim {
    font-size: 18px;
    line-height: 27px;
  }
  .bottomdownloadulaa {
    font-size: 16px;
    padding: 12px 30px;
  }
  .bottomdownloadulaa-div {
    margin-block-start: 30px;
  }
  .blocketextanim,
  .ulaablockhead {
    font-size: 28px;
  }
  .ham-nav-downloadulaa {
    font-size: 16px;
  }
  .downloadsection {
    margin-block-start: 100px;
  }
  /*  */
  .ulaaprotectiontextdiv {
    padding-block-start: 0px;
  }
  .ulaaprotectionsec {
    padding-block-start: 50px;
  }
  .securequote {
    line-height: 38px;
  }
  .downloadsection {
    margin-block-start: 130px;
  }
  .downloadsection {
    min-height: 500px;
  }
  .ulaa-modes-par-subtext {
    line-height: 24px !important;
    top: 75% !important;
  }
}
@media only screen and (max-width: 429px) {
  .securesubcont,
  .download-text-animad {
    font-size: 12px;
    line-height: 18px;
  }
  .downloadulaa {
    font-size: 10px;
    padding: 10px 25px;
  }
  .downloadulaa-div {
    margin-block-start: 20px;
  }
  .downloadsection {
    padding-block-end: 80px;
  }
  .ulaaprotectionheadtext {
    font-size: 32px;
    width: 100%;
  }
  .ulaaprotectionsectext,
  .ulaaprotectionsectextsub {
    font-size: 12px;
    line-height: 20px;
    margin-inline-end: 0px;
    float: unset;
    padding-block-start: 30px;
  }
  .ulaaprotectioneanim {
    font-size: 12px;
    line-height: 20px;
    animation-play-state: paused;
    background-color: #098e50;
  }
  .ulaaprotectionespan_lineanim,
  .ulaaprotectionespan_line {
    font-size: 20px;
  }
  .titletxt-browsermodes,
  .ulaabusinesheadtext {
    line-height: 34px;
  }
  .ulaaprotectionsectextsub {
    padding-block-start: 18px;
  }
  .ulaaprotectionsec {
    padding-block-end: 70px;
  }
  .data-confhead {
    font-size: 32px;
    width: 100%;
  }
  .data-confisubhead {
    font-size: 12px;
    line-height: 20px;
    padding-block-start: 0px;
    width: 100%;
  }
  .data-conf-txtanim,
  .data-conf-txtanimated {
    font-size: 12px;
    line-height: 20px;
    background-color: #c82a2d;
  }
  .data-conf-imgsec {
    margin-block-start: 70px;
  }
  .ulaaprotectionheadbtmline,
  .ulaaprotectionheadanim {
    animation-play-state: paused;
    font-size: 16px;
    display: unset;
  }
  .securequote,
  .bottomsecurequote {
    font-size: 30px;
    line-height: 38px;
  }
  .ulaaprotectionhead {
    padding-block-start: 50px;
  }
  .data-conf-main {
    min-height: unset;
    padding-block-end: 80px;
  }
  .titletxt-browsermodes {
    font-size: 30px;
    width: 100%;
  }
  .subtxt-browsermodes {
    font-size: 12px;
    margin-block-start: 40px;
    line-height: 20px;
  }
  .browser-mode-animated,
  .subtxt-browsermodes-italic {
    font-size: 12px;
  }
  .browsingdetailscontain {
    padding-block-start: 10px;
    padding-block-end: 40px;
  }
  .ulaaproductivsection {
    padding-block-start: 70px;
  }
  .mode-parent {
    width: 95%;
    margin: 30px auto 0px;
  }
  .kidsmodeimage {
    margin: unset;
  }
  .kidsmode,
  .openseasonmode {
    margin-block-start: 40px;
  }
  .ulaabrowsermodeheadbtmline {
    font-size: 16px;
    line-height: 30px;
  }
  .ulaabrowsermodehead {
    width: 90%;
    line-height: 30px;
    padding-block-start: 0px;
  }
  .ulaaproductivsection {
    padding-block-end: 40px;
  }
  .ulaabusinestextanim,
  .ulaaproductivsubhead-animad {
    animation-play-state: paused;
  }
  .ulaabusinestext,
  .ulaabusinestextspan,
  .ulaabusinestextanim {
    font-size: 16px;
  }
  .ulaaproductivimagecontdiv {
    padding-block-start: 0px;
  }
  .ulaaproductivimage {
    padding-block-end: 50px;
  }
  .ulaaproductivsubhead,
  .ulaaproductivsubhead-animad {
    font-size: 16px;
    line-height: 26px;
  }
  .ulaaproductivsubhead-div {
    width: 100%;
  }
  .ulaaproductivsubhead-text-anim,
  .ulaaproductivsubhead-animad {
    background-color: #007efc;
  }
  .ulaaseamlessintegrationhead {
    font-size: 20px;
    line-height: 30px;
    width: 100%;
    padding-block-start: 50px;
  }
  .bottomdownloadsection {
    padding-block-start: 20px;
  }
  /*  */
  .servicehelplegalsection {
    padding-block-start: 60px;
  }
  .servicehelplegalsectiondivcss {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  /* .servicehelplegalsectiondivcss div,.ulaa-block-par-img,.ulaa-block-partext-div,.search-data-parentdiv,.search-nodata-parentdiv,.protect-contenthead,.modes-content-div .ulaa-offer-subtextsub-css,.modes-float-right,.modes-btm-cont,.modes-btm-left-cont,.modes-btm-right-cont,.modes-btm-head,.ulaa-par-block-partext,.data-parentdiv,.leftdatadiv,.rightdatadiv
      {
             width: 100% !important;
              float: none !important;
              display: block !important;
              margin: auto;
              margin-block-end: 60px;
      }
      .privacy-margin-left{margin:0px !important;}
      .search-nodata-head,.search-nodata-subhead,.modes-subtext,.modes-btm-left-cont,.modes-btm-headtext,.modes-btm-subtext,.nodata-parentdiv,.nodata-head,.nodata-subhead{  
            text-align: center !important;
            width: 100% !important;}
      .search-nodata-imgdiv,.protect-imgdiv,.nodata-imgdiv{    width: 40% !important;
      margin: auto !important;}
      .ulaa-block-par-imgstyle,.search-data-protection-row{
          margin:auto !important;
          display: block !important;
      }
      .modes-content-div .ulaa-offer-subtextsub-css,.privacy-boldheader{    
          font-size: 25px !important;
          line-height: 35px !important;
      }
      .ulaa-blue-block-style,.ulaa-blue-block-style,.ulaa-par-block-headtext{
          font-size: 45px !important;
          line-height: 45px !important;
      }
      .modes-page-banner-parn{
              min-height: auto !important;
      }
      .modes-page-img{width:100% !important;}
      .ulaabottomsection a 
      {
          display: flex;
      }
      .productivity-bannerimage {
          width: 84% !important;
      }
      .modes-btm-right-cont,.rightdatadiv{margin-inline-start: 0px !important} */
  .ulaabottomimg {
    width: 37%;
    margin: auto;
  }
  .servicehead,
  .helpconthead,
  .legalhead {
    margin-block-start: 30px;
    text-align: center;
  }
  .serviceli,
  .helpcontli,
  .legalli {
    text-align: center;
  }
  .bottomdownloadsection {
    padding-block-end: 30px;
    min-height: 600px;
  }
  .workmodetxt,
  .browsername {
    margin-block-start: 3px;
  }
  .secureimagediv {
    margin-block-start: 150px;
  }
  .ulaa-block-par-imgcntdiv {
    display: block !important;
  }
  .ulaa-modes-par-subtext {
    top: 80% !important;
    font-size: 12px !important;
  }
  .ulaa-modes-par-spanstyle {
    font: 24px "Zoho_Puvi_Bold" !important;
  }
  .ulaa-modes-par-headtext {
    font: 24px "Zoho_Puvi_Bold" !important;
    line-height: 35px !important;
    top: 49% !important;
    left: 50% !important;
  }
}
@media only screen and (max-width: 367px) {
  .marginautodiv {
    width: 85%;
  }
  .securequote,
  .bottomsecurequote {
    font-size: 28px;
  }
  .ham-ula-icon-div {
    margin-inline-start: 15px;
  }
  .product-menu-name {
    font-size: 16px;
  }
  .open-ham-menu {
    margin: 0px 15px 0px 0px;
  }
  .secureimagediv {
    width: 100px;
  }
}
@media only screen and (max-width: 344px) {
  .marginautodiv {
    width: 80%;
  }
  .ulaa-modes-par-subtext {
    top: 90% !important;
  }
}

/*browser-page*/
.browser-html-page {
  width: 100%;
  height: calc(100% - 138px);
  /* background-color: #201c1c; */
  margin-block-start: 138px;
}
.page-protectionbanner {
  width: 100%;
  height: 100%;
  min-height: 650px;
  padding-block-end: 100px;
  /* background-image: linear-gradient(to bottom, #0F0F0F 0%, #000000 100%); */
  background-color: #000000;
}
.page-protect-imgcnt {
}
.page-protect-imgcntdiv {
  width: 100%;
  height: auto;
  margin: auto;
  padding-block-start: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-protect-img {
  width: 40%;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-protect-imgstyle {
  width: 84%;
}
.page-protect-textdiv {
  width: calc(60% - 104px);
  height: 100%;
  float: left;
  margin-inline-start: 45px;
}
.page-protect-headtext {
  width: 100%;
  float: left;
  font: 60px "Zoho_Puvi_Bold";
  line-height: 80px;
  text-align: left;
  color: #ffffff;
  box-sizing: border-box;
}
.page-protect-headtextstyle {
  color: #098e50;
}
.unburdenedstyle {
  font: 60px "Zoho_Puvi_Bold";
  line-height: 80px;
  color: #ffffff;
  color: #007efc;
  padding: 0px;
}
.page-protect-subtext {
  width: 75%;
  float: left;
  font: 20px "Zoho_Puvi_Regular";
  line-height: 34px;
  text-align: left;
  color: #ffffff;
  margin-inline-end: 49px;
  margin-block-start: 30px;
  box-sizing: border-box;
}
.ulaa-offer-div {
  width: 100%;
  /* min-height: 4350px; */
  padding-block-start: 180px;
  padding-block-end: 130px;
  background-image: linear-gradient(to bottom, #0f0f0f 0%, #000000 100%);
}
.ulaa-offer-head {
  color: #ffffff;
  text-align: center;
  font-family: "Zoho_Puvi_Bold";
  font-size: 20px;
  line-height: 34px;
  width: 100%;
  margin: auto;
}
.ulaa-offer-superhead {
  color: #ffffff;
  text-align: center;
  font-family: "Zoho_Puvi_Bold";
  font-size: 60px;
  line-height: 70px;
  width: 57%;
  margin: auto;
  margin-block-start: 29px;
}
.ulaa-offer-subtext {
  font: 20px "Zoho_Puvi_Regular";
  line-height: 34px;
  width: 55%;
  text-align: center;
  color: #ffffff;
  line-height: 34px;
  margin: auto;
  margin-block-start: 29px;
}
.privacy-boldheader {
  font: 60px "Zoho_Puvi_Bold";
  line-height: 70px;
  margin: auto;
  width: 92%;
  text-align: center;
  color: #ffffff;
  margin-block-start: 50px;
}
.ulaa-offer-subtextmain-css {
  width: 51%;
}
.ulaa-offer-subtextsub-css {
  width: 49%;
}
.ulaa-offer-border {
  width: 15%;
  border-bottom: 3px solid #707070;
  margin: auto;
  margin-block-start: 30px;
}
.privacy-downloadbtm {
  margin-block-start: 180px;
}
.data-parentdiv {
  width: 70%;
  margin: auto;
  margin-block-start: 78px;
  padding-block-end: 0px;
}
.leftdatadiv {
  width: calc(50% - 50px);
  margin-inline-end: 50px;
  float: left;
}
.nodata-imgdiv,
.protect-imgdiv {
  width: 20%;
}
.nodata-contenthead {
  width: 90%;
  margin-inline-start: 0px;
}
.nodata-img {
  width: 100%;
}
.nodata-head {
  /* width: 95%; */
  font: 30px "Zoho_Puvi_Semibold";
  text-align: left;
  color: #ffffff;
  line-height: 50px;
  margin-block-start: 20px;
}
.nodata-subhead {
  font: 20px "Zoho_Puvi_Regular";
  text-align: left;
  color: #ffffff;
  line-height: 34px;
  margin-block-start: 30px;
  width: 95%;
}
.protect-contenthead .nodata-subhead {
  width: 82%;
}
.no-datat-margin {
  margin-block-start: 100px;
}
.red-asterisk {
  color: #ff3500;
  font-size: 20px;
}
.rightdatadiv {
  width: calc(50% - 50px);
  margin-inline-start: 50px;
  float: left;
}
.nodata-disclaimer {
  width: 100%;
}
.nodata-disclaimertext {
  font: 20px "Zoho_Puvi_Regular";
  text-align: left;
  color: #ffffff;
  line-height: 34px;
  margin-block-start: 50px;
  width: 77%;
}
.bottomsecurequote-div-browserpage {
  margin-block-start: 0px;
}
.bottomdownloadsection-browserpage {
  min-height: 400px;
}
.protect-privacy-subtext {
  font: 40px "Zoho_Puvi_Regular";
  text-align: center;
  color: #ffffff;
  line-height: 50px;
  margin-block-start: 50px;
  margin: auto;
  width: 62%;
}
.protect-privacy-border {
  width: 15%;
  border-bottom: 3px solid #707070;
  margin: auto;
  margin-block-start: 60px;
}

/*search-html-page*/
.search-html-page {
  width: 100%;
  height: calc(100% - 138px);
  margin-block-start: 138px;
  background-color: #2b2929;
  /* display: flex;
      align-items: center;
      justify-content: center; */
}
.ulaa-block-par-div {
  width: 100%;
  height: 100%;
  min-height: 650px;
  padding-block-end: 100px;
  /* background-image: linear-gradient(to bottom, #0F0F0F 0%, #000000 100%); */
  background-color: #000000;
}
.ulaa-block-par-imgcnt {
}
.ulaa-block-par-imgcntdiv {
  width: 100%;
  height: auto;
  margin: auto;
  padding-block-start: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ulaa-block-par-img {
  width: 40%;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ulaa-block-par-imgstyle {
  width: 84%;
}
.ulaa-block-partext-div {
  width: calc(60% - 104px);
  height: 100%;
  float: left;
  margin-inline-start: 45px;
}
.ulaa-block-par-headtext {
  width: 60%;
  float: left;
  font: 60px "Zoho_Puvi_Bold";
  line-height: 80px;
  text-align: left;
  color: #ffffff;
  box-sizing: border-box;
}
.ulaa-block-style {
  font: 60px "Zoho_Puvi_Bold";
  line-height: 80px;
  color: #ea4a26;
  padding: 0px;
}
.data-protection-row {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.nodata-parentsinglediv {
  width: 100%;
}
.nodata-parentdiv {
  width: 90%;
}
.protect-contenthead {
  width: 50%;
  display: flex;
  align-items: flex-start;
  justify-self: center;
  flex-direction: column;
}
.nodata-parentsinglediv {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.text-align-center {
  text-align: center;
}
.nodata-contenthead > .nodata-head {
  margin-block-start: 0px;
}
.nodata-img-margin {
  margin-block-start: 20px;
}
.search-data-parentdiv {
  /* width: 100%;
      margin-block-start: 150px; */
  width: 85%;
  margin: auto;
  margin-block-start: 150px;
}
.privacy-margin-left {
  margin-inline-start: 100px;
}
.search-data-protection-row {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.search-nodata-parentdiv {
  width: 50%;
}
.search-nodata-imgdiv {
  width: 20%;
}
.privacy-security {
  width: 10%;
}
.search-nodata-head {
  /* width: 95%; */
  width: 75%;
  font: 30px "Zoho_Puvi_Semibold";
  text-align: left;
  color: #ffffff;
  line-height: 40px;
  margin-block-start: 20px;
}
.search-nodata-head-nodata {
  font: 30px "Zoho_Puvi_Semibold";
  text-align: left;
  color: #ffffff;
  line-height: 50px;
  margin-block-start: 0px;
}
.search-nodata-subhead {
  font: 20px "Zoho_Puvi_Regular";
  text-align: left;
  color: #ffffff;
  line-height: 34px;
  margin-block-start: 30px;
  width: 88%;
}
.ulaa-par-center-div {
  width: 100%;
  height: 100%;
  min-height: 650px;
  padding-block-end: 100px;
  /* background-image: linear-gradient(to bottom, #0F0F0F 0%, #000000 100%); */
  background-color: #121212;
  /* display: flex;
      align-items: center;
      justify-content: center; */
}
.ulaa-par-imgcnt {
  padding-block-end: 100px;
}
.ulaa-par-imgcntdiv {
  width: 100%;
  height: auto;
  margin: auto;
}
.ulaa-par-img {
  width: 84%;
}
.ulaa-par-block-partext {
  width: 70%;
  height: 100%;
  margin: auto;
}
.ulaa-par-block-headtext {
  width: 100%;
  font: 60px "Zoho_Puvi_Bold";
  line-height: 80px;
  text-align: center;
  color: #ffffff;
  box-sizing: border-box;
}
.ulaa-blue-block-style {
  font: 60px "Zoho_Puvi_Bold";
  line-height: 80px;
  color: #f8d849;
  padding: 0px;
}
.ulaa-offer-superheadcenter {
  color: #ffffff;
  text-align: center;
  font-family: "Zoho_Puvi_Bold";
  font-size: 60px;
  line-height: 70px;
  width: 42%;
  margin: auto;
  margin-block-start: 29px;
}
.privacy-page-subtext-css {
  width: 90%;
  float: left;
  font: 20px "Zoho_Puvi_Regular";
  line-height: 34px;
  text-align: left;
  color: #ffffff;
  margin-inline-end: 49px;
  margin-block-start: 30px;
  box-sizing: border-box;
}
.privacy-ulaa-offer-div {
  width: 100%;
  min-height: 4350px;
  padding-block-start: 80px;
  padding-block-end: 130px;
  background-image: linear-gradient(to bottom, #0f0f0f 0%, #000000 100%);
}
.data-protect-head {
  font: 40px "Zoho_Puvi_Semibold";
  text-align: center;
  color: #ffffff;
  line-height: 50px;
  margin: auto;
  margin-block-start: 170px;
  /* width: 70%; */
  width: fit-content;
  padding: 0px 30px 7px 30px;
  border-bottom: 3px solid #098e50;
}
.productivity-bannerimage {
  width: 34%;
  margin: 40px auto;
}
.productivity-bannerimagestyle,
.modes-bannerimagestyle {
  width: 100%;
}
.productively-bg {
  background-color: #000000;
}
.productively-bg .marginautodiv.ulaa-par-imgcnt {
  padding-block-end: 0px;
}
.productivity-servicehelplegalsection {
  background-color: #121212;
}
.access-browser-content {
  font: 40px "Zoho_Puvi_Regular";
  line-height: 70px;
  width: 76%;
  text-align: center;
  color: #ffffff;
  margin: auto;
  margin-block-start: 150px;
}
.access-browser-content-border {
  width: 15%;
  border-bottom: 3px solid #707070;
  margin: auto;
  margin-block-start: 50px;
  margin-block-end: 200px;
}

/* Privacy-html */
.privacy-featres-animated {
  font: 40px "Zoho_Puvi_Regular";
  line-height: 70px;
  background-size: 100% 48px;
  background-image: linear-gradient(to right, #007efc 100%, rgb(0, 0, 0) 0%);
  -webkit-transition: background-position 2s;
  -moz-transition: background-position 2s;
  transition: background-position 2s;
  background-repeat: no-repeat;
  animation: privacy-featres-animated 2s;
}
@keyframes privacy-featres-animated {
  0% {
    background-size: 0px 48px;
  }
  100% {
    background-size: 100% 48px;
    transition: 2s;
  }
}

.ulaa-block-par-spanstyle {
  color: #f8d849;
  font: 60px "Zoho_Puvi_Bold";
  line-height: 80px;
}

/* resource-html-page */
/* Modes-page */
.modes-page-banner-parn {
  width: 100%;
  height: 100%;
  min-height: 650px;
  padding-block-end: 100px;
  background-color: #000000;
}
.modes-page-img-cont {
  margin-block-start: 180px;
}
.modes-page-img {
  width: 65%;
  margin: auto;
  position: relative;
}
.ulaa-modes-par-headtext {
  width: 60%;
  font: 60px "Zoho_Puvi_Bold";
  line-height: 80px;
  text-align: center;
  color: #ffffff;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ulaa-modes-par-spanstyle {
  color: #007efc;
  font: 60px "Zoho_Puvi_Bold";
  line-height: 80px;
  display: block;
  text-align: center;
}
.ulaa-modes-par-subtext {
  color: #ffffff;
  font: 20px "Zoho_Puvi_Regular";
  line-height: 34px;
  margin-block-start: 40px;
  width: 50%;
  text-align: center;
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modes-banner-lottie {
  width: 100%;
}
.modes-content-div {
  width: 100%;
  min-height: 4350px;
  padding-block-start: 90px;
  padding-block-end: 130px;
  background-image: linear-gradient(to bottom, #0f0f0f 0%, #000000 100%);
  border-bottom: 1px solid #808080;
}
.modes-subcontent-div {
  width: 100%;
  padding-block-start: 90px;
  padding-block-end: 130px;
  background-image: linear-gradient(to bottom, #0f0f0f 0%, #000000 100%);
  border-bottom: 1px solid #808080;
}
.modes-btm-cont {
  width: 67%;
  margin: auto;
}
.modes-subcontent-style {
  padding-block-end: 130px;
}
.modes-btm-left-cont {
  width: calc(50% - 70px);
  float: left;
  margin-inline-end: 70px;
}
.modes-btm-head {
  font: 50px "Zoho_Puvi_SemiBold";
  color: #007efc;
  width: 57%;
}
.modes-btm-headtext {
  margin-block-start: 100px;
  font: 30px "Zoho_Puvi_bold";
  color: #ffffff;
}
.modes-btm-subtext {
  margin-block-start: 20px;
  font: 20px "Zoho_Puvi_Regular";
  line-height: 34px;
  color: #ffffff;
}
.modes-btm-right-cont {
  width: calc(50% - 70px);
  float: left;
  margin-inline-start: 70px;
}
.ulaa-modes-parent {
  width: 100%;
  margin-block-start: 200px;
}
.ulaa-modes-cont {
  width: 100%;
}
.modes-icon-cont {
  width: 90%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: auto;
}
.modes-icon-img {
  width: 50px;
}
.modes-name {
  width: 90%;
  margin-inline-start: 30px;
  font-size: 40px;
  font-family: "Zoho_Puvi_SemiBold";
  color: #ffffff;
}
.modes-img-cont {
  width: 90%;
  margin: auto;
  margin-block-start: 70px;
}
.modes-img {
  width: 100%;
}
.modes-subtext-cont {
  width: 90%;
}
.mode-page-span-style {
  background-color: #007efc;
}
.modes-subtext {
  color: #ffffff;
  font-size: 20px;
  font: 18px "Zoho_Puvi_Regular";
  line-height: 28px;
  margin-block-start: 40px;
  width: 50%;
  text-align: left;
}
.modes-float-right {
  float: right;
}
/* None */

.padding-bottom-none {
  padding-block-end: 0px;
}
.margin-top-none {
  margin-block-start: 0px;
}
.modes-content-div .ulaa-offer-subtextsub-css {
  font-size: 40px;
  line-height: 50px;
  width: 73%;
}

/* Sofi */
.arrow-after {
  cursor: pointer;
  position: relative;
}
.arrow-after::after {
  content: "";
  background-image: url(../images/arrow.png);
  height: 20px;
  width: 23px;
  display: inline-block;
  background-repeat: no-repeat;
  vertical-align: middle;
  position: absolute;
  background-size: cover;
  margin-inline-start: 18px;
  margin-block-start: 19px;
}

.sign-in {
  display: flex;
  border-radius: 30px;
  align-items: center;
  margin-inline-start: 6rem;
}

.dashboard-txt {
  display: flex;
  align-items: center;
}

.overlay-model {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 5;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(5px);
}

.overlay-model-layout {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.25rem;
  padding: 2rem;
  width: 30rem;
  border-radius: 0.5rem;
  background-color: var(--white);
  overflow: auto;
}

.test {
  color: #fff;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.overlay-layout {
  width: 70%;
  padding: clamp(2rem, 3vw, 3rem);
  display: flex;
  background: #000;
  flex-direction: column;
  border-radius: 10px;
  max-width: 45rem;
  border: 1px solid #202020;
}

.close-modal-icon {
  cursor: pointer;
  height: 1rem;
  float: right;
}

.overlay-modal-header {
  height: 3rem;
}

.overlay-modal-body {
  height: calc(100% - 8rem);
}

.overlay-modal-footer {
  height: 5rem;
}

.os-icon {
  height: 5rem;
  user-select: none;
}

.other-os {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 3rem;
}

.os-item {
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
}

.os-item:hover {
  scale: 1.1;
}

.os-name {
  color: #fff;
}

#andr-qr-code,
#ios-qr-code {
  height: 18rem;
}

#mobile-popup,
#mac-popup {
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.mobile-popup-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#mobile-popup-footer-msg {
  margin-block-start: 5px;
  width: 100%;
}

.mac-popup-body {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3rem;
  flex-wrap: wrap;
}

.mac-popup-body img {
  height: 9rem;
}

.mac-popup-footer {
  margin-block-start: 1rem;
}

.redirect-link {
  color: #007efc;
}

.ham-ula-icon {
  width: 2rem;
  aspect-ratio: 1;
}

.other-platforms-link {
  margin-block-start: 1rem;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  color: #007efc;
}

.nav-cont {
  gap: 1rem;
  position: relative;
}

.ulaa-icon-cont {
  width: 20%;
}

#dashboard-link {
  position: absolute;
  right: -8rem;
}

.ham-menu-nav-options a {
  color: #fff;
  text-decoration: none;
}

.ulaa-brand-container {
  display: flex;
  color: #fff;
  width: 30%;
}

.ulaa-nav-links-container {
  display: flex;
  align-items: center;
  color: #fff;
  width: 70%;
  gap: 6rem;
}

.nav-links {
  width: calc(100% - 3rem);
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 3rem;
}

.sign-in-container {
  width: 3rem;
  display: flex;
  justify-content: end;
}

.ulaa-menu-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  top: 0;
  padding: 40px 0px;
  background-color: #000000;
  z-index: 1;
  width: 90% !important;
  margin-inline-start: 7%;
}
.user-sign-in-container {
  width: 3rem;
  display: flex;
  justify-content: end;
}

.eula-main-container {
  display: flex;
  position: absolute;
  flex-direction: column;
  top: 8.75rem;
  color: #fff;
  gap: 4rem;
  background: #000;
}

.eula-main-content {
  width: 75%;
  display: flex;
  margin-inline-start: 13%;
  justify-content: center;
  flex-direction: column;
  gap: 4rem;
}

.eula-header {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  text-align: center;
}

.eula-section {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.eula-section-content {
  font: 18px "Zoho_Puvi_Regular";
  line-height: 28px;
}

.link {
  color: #007efc;
  cursor: pointer;
}

.active-menu {
  content: "";
  color: #2281e1 !important;
  font-family: "Zoho_Puvi_Medium";
  position: relative;
  top: 0px;
  display: block;
  width: 100%;
  text-decoration: none;
  transition: 0.3s;
}

.ham-nav-downloadulaa {
  padding: 16px 20px;
}

@media only screen and (max-width: 1300px) {
  .ulaa-icon {
    height: 40px;
  }

  .user-icon {
    height: 40px;
    width: 40px;
  }
}

@media (max-width: 450px) {
  .ulaa-menu-panel {
    padding: 20px 0;
  }

  .eula-header {
    font-size: 0.8rem;
  }

  .eula-section-header {
    font-size: 0.8rem;
  }

  .eula-section-content {
    font: 14px "Zoho_Puvi_Regular";
    line-height: 22px;
  }
}

.servicehelplegalsection {
  display: flex;
  flex-direction: column;
  height: 15rem;
  padding-block-start: 6rem;
}

.links-section {
  margin: 0 auto;
  height: calc(100% - 5rem);
}

.lang-select {
  color: #fff;
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 6rem;
}

.menu--main {
  display: block;
}

.menu--main li {
  display: flex;
  position: relative;
  cursor: pointer;
  padding: 15px 20px;
  background-color: #000;
  margin-inline-end: -4px;
  align-items: center;
  justify-content: space-between;
  width: 12rem;
  outline: 1px solid #5c5c5c;
}
.menu--main li:hover {
  background-color: #000;
}
.menu--main li:hover .sub-menu {
  max-height: 450px;
  visibility: visible;
  bottom: 100%;
  transition: max-height 0.2s linear;
  outline: 1px solid #5c5c5c;
  width: 100%;
  overflow: auto;
}
.menu--main .sub-menu {
  display: flex;
  flex-direction: column;
  background-color: black;
  visibility: hidden;
  position: absolute;
  left: 0;
  box-shadow: none;
  max-height: 0;
  width: 150px;
  overflow: hidden;
}
.menu--main .sub-menu li {
  display: block;
}

.arrow-icon {
  height: 1rem;
  transform: rotate(180deg);
}

.nav-item {
  text-transform: uppercase;
  text-decoration: none;
}

.lang-item {
  text-decoration: none !important;
  color: #fff !important;
  padding: 1rem !important;
}

.lang-item:hover {
  background: #262626;
}

@media (max-height: 460px) {
  .ham-menu-nav-cont {
    height: 14rem;
    overflow: auto;
  }

  #normal-popup {
    height: 21rem;
    overflow: auto;
  }
}

@media (max-height: 680px) {
  #mobile-popup,
  #mac-popup {
    height: 23rem;
    overflow: auto;
  }
}

.copy-rights {
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.menu--main {
  position: initial !important;
}

.is-ltr {
  direction: ltr;
}

.is-rtl {
  direction: rtl;
}

.is-rtl-img {
  transform: translate(99%, 5%);
}

.is-rtl-img:hover {
  transform: translate(101%, 1.7%);
}

#download-popup,
#thank-you-popup {
  flex-direction: column;
  gap: 2.5rem;
}

.dowload-popup-header-title,
.thank-you-popup-header-title {
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 600;
}

.download-popup-body {
  height: 20rem;
  overflow: auto;
  border: 1px solid #2e2e2e;
  padding: 1rem;
  border-radius: 10px;
}

.header-title {
  font-weight: 700;
  font-size: 2rem;
}

.eula-main-popup {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 3rem;
}

.eula-main-popup .eula-section {
  gap: 1rem;
}

.eula-main-popup .eula-section-content {
  font: 14px "Zoho_Puvi_Regular";
  line-height: 20px;
}

.dowload-popup-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.consent-btn {
  cursor: pointer;
  background-color: #007efc;
  border-radius: 32px;
  white-space: nowrap;
  text-align: center;
  border: none;
}

.thank-you-popup-header,
.thank-you-popup-footer {
  text-align: center;
}

.thank-you-popup-body {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1.5rem;
}

.thank-you-logo {
  width: 10rem;
  aspect-ratio: 1;
}

.linux-instructions {
  flex-direction: column;
  gap: 3rem;
  justify-content: center;
  width: 90%;
}

.linux-script-steps,
.linux-package-wrapper {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.linux-instructions-steps {
  padding-inline-start: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-size: clamp(0.875rem, 3vw, 1rem);
}

.linux-instructions-code {
  display: flex;
  gap: 0.75rem;
  border: 1px solid #434343;
  border-radius: 0.25rem;
  padding: 1rem;
  justify-content: space-between;
}

#linux-script-code {
  width: calc(100% - 6rem);
  overflow-wrap: break-word;
}

.copy-img {
  width: 1.25rem;
  aspect-ratio: 1;
  cursor: pointer;
}

.is-copied {
  filter: invert(69%) sepia(38%) saturate(584%) hue-rotate(101deg) brightness(191%) contrast(92%);
}

.popup-sub-msg,
.mobile-popup-footer-msg {
  text-align: center;
}

#other-download-popup {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.other-download-sub-msg {
  text-align: center;
}

.other-download-popup-header-title {
  font-size: 2.5rem;
  font-weight: 600;
  text-align: center;
}

.download-popup-footer-msg {
  font-size: 0.9rem;
}

.thank-you-mobile-container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.dowload-popup-header,
.other-download-popup-header,
.thank-you-popup-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.thank-you-popup-header-title,
.other-download-popup-header-title {
  width: 100%;
}

.mobile-download-btn-wrapper {
  text-align: center;
}

.mobile-download-btn {
  width: 12rem;
}

.is-appstore {
  width: 9rem;
}

.iwbdc-container {
  color: #fff;
}

.iwbdc-intro-container {
  padding: clamp(3rem, 4vw, 6.25rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
}

.iwbdc-intro-container.is-homepage {
  padding-block-end: 180px;
  max-width: 1428px;
  width: 85%;
  margin: auto;
}

.iwbdc-intro-container.is-iwbdc-page {
  width: 75%;
  margin: auto;
}

.iwbdc-intro-left-container {
  width: 70%;
}

.iwbdc-intro-right-container {
  width: 30%;
}

.iwbdc-intro-heading {
  font: clamp(2.5rem, 4vw, 4.375rem) "Zoho_Puvi_Bold";
}

.iwbdc-intro-heading.masked {
  background-image: url("../images/iwbdc/iwbdc-mask.jpg");
  background-size: cover;
  background-position: center;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.iwbdc-intro-read-more {
  margin-block-start: clamp(1rem, 4vw, 2rem);
}

.iwbdc-intro-sub-heading {
  font: clamp(1.75rem, 4vw, 2.75rem) "Zoho_Puvi_Bold";
  line-height: clamp(2.5rem, 7vw, 4.375rem);
  text-align: center;
}

.iwbdc-intro-desc {
  font: clamp(0.9rem, 3vw, 1.125rem) "Zoho_Puvi_Regular";
  line-height: 1.75rem;
  width: 75%;
  padding-block-start: clamp(1rem, 4vw, 2rem);
}

.iwbdc-thumbnail-container {
  width: clamp(350px, 4vw, 400px);
  aspect-ratio: 1;
  position: relative;
  margin-block-start: 41px;
}

.iwbdc-thumbnail-container .top-img {
  position: absolute;
  left: -64px;
  top: -39px;
}

.iwbdc-thumbnail-container .bottom-img {
  position: absolute;
  right: -70px;
  bottom: -40px;
}

.iwbdc-thumbnail-container iframe {
  background: #000;
  position: absolute;
  border-radius: 19px;
  border: 1px solid #6d6d6d;
  width: 100%;
  aspect-ratio: 1;
}

.iwbdc-banner-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: clamp(4rem, 6vw, 6rem);
  padding: clamp(3rem, 4vw, 6.25rem);
}

.iwbdc-banner-container img {
  height: clamp(3rem, 4vw, 4.5rem);
}

.iwbdc-downloads-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: clamp(4rem, 4vw, 9.375rem);
  background: #0f0f0f;
}

.iwbdc-downloads-header {
  font: clamp(1.75rem, 4vw, 2.75rem) "Zoho_Puvi_Bold";
  line-height: clamp(2.5rem, 7vw, 4.375rem);
  text-align: center;
}

.iwbdc-downloads-desc {
  padding-block-start: clamp(0.5rem, 1vw, 1.5rem);
  font-size: clamp(0.9rem, 3vw, 1rem);
  text-align: center;
}

.iwbdc-downloads-builds {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 3rem;
  padding-block: 70px;
}

.iwbdc-downloads-builds .os-icon {
  height: clamp(5rem, 9vw, 8rem);
  user-select: none;
}

.iwbdc-outro-container p {
  font: clamp(1rem, 3vw, 1.25rem) "Zoho_Puvi_SemiBold";
  line-height: clamp(1.5rem, 4vw, 1.75rem);
  width: 50%;
  text-align: center;
  padding: clamp(4rem, 4vw, 9.375rem);
  margin: auto;
}

.iwbdc-outro-container span {
  background-size: 100% clamp(1.5rem, 4vw, 1.75rem);
  background-image: linear-gradient(to right, #007efc 100%, rgb(0, 0, 0) 0%);
  -webkit-transition: background-position 1s;
  -moz-transition: background-position 1s;
  transition: background-position 1s;
  background-repeat: no-repeat;
  animation: ulaabottomdownloadtextanim 1s;
}

.iwbdc-instr {
  width: 90%;
  display: none;
}

.iwbdc-instr .linux-instructions-header {
  font-weight: bold;
  font-size: clamp(1rem, 3vw, 1.25rem);
  margin-block-start: clamp(1.5rem, 3vw, 2rem);
}

.iwbdc-instr .instr-container {
  border: 1px solid #202020;
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 0.5rem;
}

.instr-container .linux-instructions-code {
  margin-block-start: 1.875rem;
}

.iwbdc-downloads-builds-note {
  text-align: center;
}

@media (max-width: 1200px) {
  .iwbdc-intro-container {
    flex-direction: column;
    gap: 6rem;
  }

  .iwbdc-intro-left-container,
  .iwbdc-intro-right-container {
    width: 85%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .iwbdc-intro-left-container {
    flex-direction: column;
  }

  .iwbdc-intro-heading,
  .iwbdc-intro-desc {
    text-align: center;
  }
}

@media (max-width: 650px) {
  .iwbdc-intro-container.is-homepage {
    max-width: initial;
    width: auto;
  }

  .iwbdc-thumbnail-container {
    width: 472px;
    aspect-ratio: 1;
    position: relative;
    margin-block-start: 41px;
  }

  .iwbdc-thumbnail-container .top-img {
    position: absolute;
    left: -40px;
    top: -30px;
    width: 150px;
  }

  .iwbdc-thumbnail-container .bottom-img {
    position: absolute;
    right: -40px;
    bottom: -38px;
    width: 150px;
  }
}

.others-link {
  border: none;
  background: transparent;
  font-size: 1rem;
}

.download-btn {
  border: none;
  background: transparent;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #525252;
}

::-webkit-scrollbar {
  width: 6px;
  background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb {
  background-color: #a6a6a6;
}