/*General Css*/
::selection {}

::-webkit-scrollbar {    height: 12px;    width: 8px;    background:#fff; }

::-webkit-scrollbar-thumb {background: #191340;-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);}

::-webkit-scrollbar-corner {    background: #fff;   }

html {
    scroll-behavior: smooth;
  }
body{
    font-family: "Inter", sans-serif;
    overflow-x: hidden;
  }
  html {
  scroll-behavior: smooth;
}
  h1,h2,h3,h4,h5,h6{
    font-family: "Inter", sans-serif;
  }
  p,em,b,a{
      font-family: "Inter", sans-serif;  
  }
  
  a {
      color: #6a54f6;
      text-decoration: none;
  }
  
  /*------ modal css starts here ------*/

#discountPopup .modal-content {
    padding: 50px 50px;
    border-radius: 15px;
    border: 0;
    text-align: center;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 450px;
    max-width: 90%;
}

/*.boxFeaturesLeft a {*/
/*    color: #47464b;*/
/*}*/

/*.boxFeaturesRight a {*/
/*    color: #47464b;*/
/*}*/

#discountPopup .modal-content button.close {
    width: unset;
    float: right;
    display: table;
    position: absolute;
    top: 5px;
    right: 4px;
    border: 0;
    background-color: transparent !important;
}

#devicesLogoMobile .item a {
    color: #2E2529;
}

#discountPopup .modal-content img {
    width: unset;
    display: table;
    margin: 0 auto;
}

#discountPopup .modal-content h4 {
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 20px;
}

#discountPopup .modal-content .btnGenreal {
    display: table;
    margin: 0 auto;
}

#discountPopup .modal-content  h5 {
    font-weight: bold;
    font-size: 22px;
    text-transform: uppercase;
    margin-top: 20px;
}

#discountPopup .modal-content p {
    font-weight: 500;
    color: #000000;
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 0;
}

#discountPopup .modal-content .btnGenreal a {
    font-size: 15px;
}

/*------ modal css ends here ------*/

  /*General Css*/
  
  .container, .container-fluid {
      width: 100%;
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
      margin-left: auto;
  }
  .container{
      max-width: 1440px;
  }
  
  .hidden-lg{display: none !important;}
  section.bannerMain {
      padding: 0 32px;
  }
  /*header Css*/
  .buttonBar ul li{
      display: inline-block;
      padding-left: 4px;
  }
  .buttonBar li a{
      color: #000;    
      text-decoration: none;  
      font-size: 15px;    
      font-weight: 500;
  }
  .buttonBar li.activeBtn a {
      padding: 10px 24px;
      border-radius: 40px;
      margin-left: 10px;
      color: #0B2268;
      border: 2px solid #0B2268;
  }
  .buttonBar li.activeBtn a:hover {
      background: linear-gradient(260deg, #0B2268 1.61%, #31ABC5 108.8%);  
      color:#fff;
      border: 2px solid transparent;
  }
  .buttonBar {
      float: right;
  }
  .headRow {
      background: #fff;
      /* box-shadow: 1px 1px 6px 3px #e9e9e9; */
      padding: 22px 15px 22px;
      border-radius: 7px;
      align-items: center;
  }
  
  .menuMain li.nav-item {
      padding-right: 45px;
  }
  
  .menuMain li.nav-item a {
      font-weight: 600;
      font-size: 17px;
      color: #191340;
  }
  .menuMain li.nav-item a.active {
      color: #905ef8;
  }
  
  .menuMain li.nav-item a:hover {
      color: #905ef8;
  }
  li.loginBtn a {
      background: #6a54f6;
      color: #fff;
      padding: 12px 30px;
      border-radius: 28px;
      text-transform: uppercase;
      font-size: 15px;
      border: 0;
      position: relative;
      z-index: 15;
      overflow: hidden!important;
      display: block;
  }
  
  
  li.loginBtn a i {
      padding-right: 3px;
  }
  li.tryBtn a {
      background-image: -moz-linear-gradient(90deg, rgba(237, 230, 255, 0.99608) 0%, rgb(255, 255, 255) 100%);
      background-image: -webkit-linear-gradient(90deg, rgba(237, 230, 255, 0.99608) 0%, rgb(255, 255, 255) 100%);
      background-image: -ms-linear-gradient(90deg, rgba(237, 230, 255, 0.99608) 0%, rgb(255, 255, 255) 100%);
      color: #000;
      border: 2px solid #6a54f6;
      padding: 11px 30px;
      border-radius: 28px;
      text-transform: uppercase;
      font-size: 15px;
      font-weight: 600;
      position: relative;
      z-index: 15;
      overflow: hidden!important;
      display: block;
  }
  
  .bgPurple {
      background: #191340;
      color: #fff;
      text-align: center;
      padding: 16px 0 8px;
  }
  
  .bgPurple h4 {
      font-size: 15px;
      line-height: 30px;
      font-weight: 400;
  }
  
  .bgPurple h4 a {
      background-image: -moz-linear-gradient( 90deg, rgba(106,84,246,0.99608) 0%, rgb(172,102,250) 100%);
      background-image: -webkit-linear-gradient( 90deg, rgba(106,84,246,0.99608) 0%, rgb(172,102,250) 100%);
      background-image: -ms-linear-gradient( 90deg, rgba(106,84,246,0.99608) 0%, rgb(172,102,250) 100%);
      color: #fff;
      text-decoration: none;
      padding: 10px 25px;
      border-radius: 20px;
  }
  .bgPurple h4 span {
      color: #b3a8fe;
  }
  /*header Css*/
  
  /*banner Css*/
  .bannerMain .bgBaner {
      background: url(../images/bgBanner.svg);
      padding: 70px 40px 0;
      margin-bottom: 30px;
      background-size: 100% 100%;
      background-repeat: no-repeat;
      overflow: hidden;
      background-size: cover;
  }
  
  
  header {
      background: #fff;
      border-bottom: 1px solid #efefef;
  }
  .bannerMain .bannerImg {
      position: relative;
  }
  
  .bannerContent h2 {
      font-size: 54px;
      font-weight: 700;
      color: #191340;
      line-height: 1;
      margin-bottom: 40px;
  }
  .bannerContent h2 strong {
      font-weight: 900;
      font-size: 72px;
      display: block;
      color: #191340;
      margin-bottom: 14px;
  }
  .bannerContent h3 {
      font-size: 21px;
      color: #191340;
      line-height: 40px;
      font-weight: 700;
  }
   
  .btnGenreal ul {
      list-style: none;
      padding: 0;
  }
  
  .btnGenreal ul li {
      /* width: 100%; */
      float: left;
      margin-right: 11px;
      text-align: center;
  }
  
  .btnGenreal li a {
      display: block;
      text-decoration: none;
      padding: 16px 26px;
      font-size: 14px;
      font-weight: 500;
      border-radius: 100px;
      background: #6a54f6;
      color: #fff;
      position:relative;
      z-index: 15;
      border: 2px solid #6a54f6;
      overflow: hidden!important;
      text-transform: uppercase;
      /* width: 100%; */
      float: left;
  }
   .btnGenreal li.diffBtn a {
      background-image: -moz-linear-gradient( 90deg, rgba(237,230,255,0.99608) 0%, rgb(255,255,255) 100%);
      background-image: -webkit-linear-gradient( 90deg, rgba(237,230,255,0.99608) 0%, rgb(255,255,255) 100%);
      background-image: -ms-linear-gradient( 90deg, rgba(237,230,255,0.99608) 0%, rgb(255,255,255) 100%);
      color: #000;
      border: 2px solid #6a54f6;
  }
  
  /*banner Css*/
  
  /*counter Css*/
  .countdown-timer {
      background: #fff;
      position: relative;
      padding: 5px 0;
      width: 88%;
      border-radius: 34px;
      border: 3px solid #ac66fa;
      height: 65px;
      margin-bottom: 50px;
      z-index: 99;
  }
  
  .countdown-timer ul li {
      display: inline-block;
      padding-right: 16px;
      position: relative;
      font-weight: 600;
      color: #191340;
      font-size: 14px;
  }
  
  .countdown-timer p {
      position: absolute;
      font-weight: 500;
      text-transform: uppercase;
      color: #000;
      border-right: 1px solid #ac66fa;
      padding-right: 14px;
      left: 20px;
      top: 18px;
      margin: 0;
  }
  
  .countdown-timer ul {
      text-align: center;
      margin: 0;
      position: relative;
      top: 10px;
      left: 56px;
  }
  .countdown-timer ul li span {
      font-size: 20px;
      font-weight: 600;
      padding-right: 3px;
      color: #191340;
  }
  
  .countdown-timer ul li:after {
      background: #000;
      content: '';
      display: block;
      width: 6px;
      height: 2px;
      position: absolute;
      right: 2px;
      top: 20px;
  }
  .countdown-timer ul li:last-child:after {
      display: none;
  }
  /*counter css end*/
  
  /*Available Devices*/
  ul.devicesLogo {
      list-style: none;
      margin: 0;
      padding: 0;
      text-align: center;
      position: relative;
      margin-top: 20px;
  }
  
  ul.devicesLogo li {
      display: inline-block;
      margin-right: 88px;
  }
  ul.devicesLogo li:hover img {
    filter: brightness(0);
    transform: scale(1.2);
    transition: .2s;
  }
  
 .postBlogLeft:hover ,.bloglast.pink:hover , .blogcent:hover , .bloglast.pink:hover{
    box-shadow: 0px 0px 20px 10px #00000042;
    border-radius: 15px;
    transition: .5s;
}
 
  ul.devicesLogo li span {
      display: block;
      font-size: 16px;
      padding: 9px 0;
      font-weight: 600;
      color:#2E2529;
  }
  ul.devicesLogo li:last-child {
      margin: 0;
  }
  ul.devicesLogo:after {
      content: '';
      display: block;
      background: #f3f3f3;
      width: 100%;
      max-width: 90%;
      height: 1px;
      left: 76px;
      position: relative;
      bottom: -15px;
  }
  /*Available Devices End*/
  
  /*Secure Your Connection*/
  .secureSec  h4 {
      color: #6a54f6;
      font-size: 21px;
      font-weight: 600;
  }
  
  .secureSec h2 {
      color: #191340;
      font-size: 52px;
      font-weight: 700;
      margin-top: 15px;
      margin-bottom: 21px;
  }
  
  .secureSec p {
      font-size: 18px;
      color: #47464b;
  }
  
  /*Secure Your Connection*/
  
  /*Tabs Home*/
  
  section.TabsDevicesVpn .container {
      background: #fff;
      border-top: 1px solid #cccccc59 !important;
      padding-top: 50px;
      border: 1px solid #6a54f6;
      border-radius: 0 0 20px 20px;
  }
  
  
  /*Tabs Home*/
  
  /*TbleIpro*/
  .tableTitle i {
      font-style: normal;
      color: #6a54f6;
  }
  
  .tableTitle h2 {color: #191340;font-size: 38px;font-weight: 600;}
  
  .tableTitle h2 span {
      position: relative;
      color: #fff;
      padding: 0 10px;
      font-size: 40px;
      font-weight: 700;
  }
  
  .tableTitle h2 span:before {
      content: '';
      background: url(../images/ribbon.svg) no-repeat;
      width: 80px;height: 85px;position: absolute;background-size: 100%;z-index: -1;top: -18px;left: -5px;}
  
  /*TbleIpro*/
  
  /*PricingPlan */
  .PricingHead del {
    background: #f6eeff;
    color: #000;
    padding: 5px 30px;
    margin: 10px 0;
    display: inline-block;
    border-radius: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}
  .PricingPlan {
      background: url(../images/bgsec1.svg) no-repeat center/cover;
  }
  .TitlePrice  h2 {
      font-size: 37px;
      color: #191340;
      font-weight: 700;
      padding-bottom: 32px;
  }
  
  .TitlePrice h2 span {
      background: #fff;
      border: 2px solid #5a45dd;
      padding: 0 10px;
      border-radius: 30px;
      text-transform: uppercase;
      font-weight: 600;
  }
  
  .TitlePrice p {
      font-size: 20px;
      color: #47464b;
      margin-bottom: 0;
      letter-spacing: 0.1px;
      line-height: 1.6;
      font-weight: 500;
  } 
  .PricingBox:hover {
  }
  
  /*PricingPlan */
  
  /*Ipro Offer*/
  .tableFastest h5 ul li {
      max-width: 50% !important;
  }
  .row.secOffer {
      align-items: center;
  }
  .tableFastest h5 ul {
      display: flex;
      width: 100%;
      max-width: 100%;
      margin: 0 auto;
      justify-content: center;
  }
  
  .tableFastest h5 ul li a {
      font-size: 14px;
  }
  .tableFastest {
      background: url(../images/bgOffer.svg) no-repeat;
      padding-top: 8vw;
      background-size: 1400px;
      background-position: center;
      padding-bottom: 8vw !important;
      background-color: #;
  }
  .secOffer h3 i {font-style: normal;color: #6a54f6;}
  
  .secOffer h3 {
      font-size: 40px;
      color: #191340;
      font-weight: 600;
      margin-bottom: 15px;
  }
  
  .secOffer h1 {
      color: #191340;
      font-size: 68px;
      font-weight: 800;
  }
  
  .secOffer p {
      color: #150f3e;
      font-size: 22px;
      font-weight: 600;
      padding: 12px 0;
  }
  
  .secOffer p span {
      color: #ab66fa;
  }
  
  /*Ipro Offer*/
  
  /*Secure Offer*/
  section.brwsingSecure .container {
      background: url(../images/ultimateBg.svg) no-repeat top/cover;
      color: #fff;
      background-size: 100% 100%;
  }
  .brwseTitle h2 {
      font-size: 40px;
      font-weight: 600;
      margin-top: 20px;
  }
  
  .brwseTitle p {
      font-size: 18px;
      padding: 10px 0;
  }
  
  .brwseTitle ul {
      display: flex;
      justify-content: center;
      width: 100%;
      max-width: 38%;
      margin: 0 auto;
  }
  
  .brwseTitle ul li a {
      font-size: 15px;
      background: #191340;
  }
  .row.secProces {
      background: #fff;
      color: #000;
      width: 100%;
      max-width: 80%;
      margin: 9px auto 0;
      display: flex;
      align-items: center;
      border-radius: 25px;
      position: relative;
      min-height: 298px;
      padding-top: 45px;
  }
  
  .row.secProces img {
      width: 100%;
      max-width: 58%;
  }
  .imgLft img {
      position: absolute;
      bottom: 0;
      left: 60px;
      max-width: 35% !important;
  }
  .boxConRigh h4 {
      color: #191340;
      font-size: 20px;
      line-height: 1;
      font-weight: 600;
  }
  
  .boxConRigh h1 {
      font-weight: 800;
      color: #191340;
      font-size: 35px;
      line-height: 46px;
  }
  /*Secure Offer*/
  
  
  
  /*Testimonials*/
  .testimonialsCrsle 
   button.owl-dot span {
      background: #dad4fd;
      width: 15px;
      height: 15px;
      display: block;
      margin: 5px 0;
      border-radius: 10px;
  }
  
  .testimonialsCrsle button.owl-dot.active span {
      background: #6a54f6;
  }
  
  .testimonialsCrsle 
   .owl-dots {
      width: 10%;
      display: grid;
      position: absolute;
      bottom: 170px;
      left: 20px;
  }
  .testiBox {
      padding: 30px 40px 10px;
      border: 2px solid #dabfff;
      border-radius: 20px;
      width: 100%;
      max-width: 85%;
      float: right;
      margin-bottom: 25px;
  }
  
  .testiBox img {
      padding-bottom: 20px;
      max-width: 85px;
  }
  
  .testiBox p {
      color: #47464b;
      font-size: 19px;
      padding: 5px 0 0;
      font-weight: 500;
  }
  
  .authorDetails img {
      float: left;
      padding-right: 13px;
  }
  
  .authorDetails h4 {
      color: #6a54f6;
      font-size: 18px;
      padding-top: 6px;
  }
  
  .authorDetails h5 {
      color: #47464b;
      font-size: 16px;
  }
  .authorLogo {position: relative;}
  
  .authorLogo img {position: absolute;bottom: 0;right: 0;}
  .testIntro ul li {
      /* max-width: 43%; */
  }
  .testIntro h2 {
      font-size: 45px;
      color: #191340;
      font-weight: 600;
      padding-bottom: 20px;
      line-height: 1.3;
  }
  
  .testIntro p {
      color: #47464b;
      font-size: 20px;
      padding-bottom: 30px;
      font-weight: 600;
  }
  .testIntro ul li a {font-size: 15px;}
  
  
  /*Testimonials*/
  
  
  
  
  /*LogoSlider*/
  .logoSection.row {
      margin: 0;
  }
  
  .logoSection .comp_hd_blk {
      text-align: center;
      width: 100%;
      padding-bottom: 20px;
  }
  
  .logoSection .comp_hd_blk h4 {
      color: #666666;
      font-size: 19px;
      font-weight: 400;
  }
  
  .logoSection .logoSlider .owl-item {
      float: left;
      text-align: center;
  }
  
  .logoSection .logoSlider .disabled {
      display: none;
  }
  
  .logoSection .logoSlider {
      width: 87%;
      overflow: hidden;
      margin-left: 0;
  }
  
  .logoSection .logoSlider .owl-stage {
      display: flex;
      align-items: center;
  }
  
  .comp_none {
      display: none;
  }
  .comp_hd {
      display: flex;
      flex-flow: wrap;
      justify-content: center;
      align-items: center;
  }
  /*LogoSlider*/
  
  /*Bottom Sec */
  .bottomSecMain .container {
      background: url(../images/barBlueBg.svg) no-repeat;
      color: #fff;
      background-size: 100% 100%;
      padding: 4.6em;
  }
  
  .bottomSecInfo h1 {
      font-size: 48px;
      font-weight: 600;
      text-shadow: -1.588px 2.659px 18px rgba(0, 0, 0, 0.3);
  }
  
  .bottomSecInfo h3 {
      text-shadow: -1.588px 4.659px 8px rgba(0, 0, 0, 0.3);
      font-size: 24px;
      font-weight: 600;
  }
  .bottomSecInfo  h6 {padding: 5px 0;}
  
  .bottomSecInfo h5 {
      padding: 10px 0 0;
  }
  .bottomSecInfo h5 a {
      background-image: -moz-linear-gradient(90deg, rgba(237, 230, 255, 0.99608) 0%, rgb(255, 255, 255) 100%);
      background-image: -webkit-linear-gradient(90deg, rgba(237, 230, 255, 0.99608) 0%, rgb(255, 255, 255) 100%);
      background-image: -ms-linear-gradient(90deg, rgba(237, 230, 255, 0.99608) 0%, rgb(255, 255, 255) 100%);
      color: #000;
      border: 2px solid #000;
      display: block;
      text-decoration: none;
      padding: 16px 0;
      font-size: 17px;
      font-weight: 700;
      border-radius: 100px;
      position: relative;
      z-index: 15;
      overflow: hidden !important;
      text-transform: uppercase;
      width: 100%;
      max-width: 232px !important;
      margin: 0 auto;
  }
  
  /*Bottom Sec End */
  
  
  /*Section 1*/
  .boxLeft {
      border-radius: 25px 0px 0px 25px;
      background: linear-gradient(243deg, #0B2268 0%, #288CB0 99.14%);
  }
  .ImgBox {
      position: relative;
  }
  
  .boxRight {
      background: #E6ECF1;
      border-radius: 0 25px 25px 0;
      display: flex;
      align-items: center;
      padding: 0 50px;
  }
  .ImgBox img {display: block;margin: 0 auto;margin-top: -50px;width: 100%;max-width: 70%;}
  .txtBox h3 {
      font-size: 36px;
      font-weight: 600;
      padding-bottom: 10px;
  }
  
  .txtBox p {
      line-height: 30px;
      color: #000;
  }
  
  .boxThirdLeft {
      background: #E6ECF1;
      border-radius: 25px;
      padding: 65px 60px;
      min-height: 680px;
  }
  
  .boxThirdLeft .ImgBox {
      position: relative;
      top: 50px;
  }
  .boxTxtThird h3 {
      font-size: 36px;
      font-weight: 600;
      padding-bottom: 10px;
  }
  
  .boxTxtThird p {
      line-height: 30px;
      color: #000;
  }
  
  .boxThirdRight {
      border-radius: 25px;
      background: linear-gradient(136deg, #0B2268 36.16%, #31ABC5 113.79%);
      color: #fff;
      padding: 65px 60px;
      min-height: 680px;
  }
  .boxThirdRight h3 {
      font-size: 36px;
      font-weight: 600;
      padding-bottom: 10px;
  }
  
  .boxThirdRight p {
      line-height: 30px;
      color: #fff;
  }
  .boxThirdRight .ImgBox {
      position: relative;
      top: 50px;
      left: 60px;
  }
  .boxThirdRight .ImgBox img {
      margin: 0;
      width: 100%;
      max-width: 70%;
      float: none;
      display: block;
  }
  .btnWeb h4 {
      text-align: center;
      margin-top: 50px;
  }
  
  .btnWeb h4 a {
      color: #0B2268;
      text-decoration: none;
      border: 2px solid #0B2268;
      padding: 9px 40px;
      border-radius: 30px;
      font-size: 19px;
  }
  
  .btnWeb h4 a:hover {
      background: linear-gradient(260deg, #0B2268 1.61%, #31ABC5 108.8%);
      color: #fff;
      border: none;
  }
  /*Section 1*/
  
  /*BoxStats*/
  .StatsBox {
      padding: 40px;
      text-align: center;
  }
  
  .StatsBox .statImage {
      width: 100%;
      margin-bottom: 20px;
  }
  
  .StatsBox .statImage img {
      width: 100%;
      max-width: 35%;
      height: 90px;
      object-fit: contain;
  }
  .StatsBox.bgGradient {
      background: url(../images/stats_bg.svg) no-repeat center 100%/cover;
      color: #fff;
      width: 50%;
      max-width: 47%;
      margin-right: 3%;
  }
  .StatsBox {
      background: #F5F6FA;
      border-radius: 20px;
      width: 50%;
      max-width: 47%;
      margin-right: 3%;
  }
  .RcontentBox {
      background: #F5F6FA;
      padding: 60px 30px;
      border-radius: 20px;
  }
  .LboxImage  img {
      width: 100%;
      height: 580px;
      object-fit: contain;
  }
  .VpnBoxRight .row {
      margin: 0;
  }
  .StatsFirst .StatsBox:nth-child(2) {
      margin-right: 0 !important;
      max-width: 50%;
  }
  .StatsLast .StatsBox:nth-child(2) {
      margin-right: 0 !important;
      max-width: 50%;
  }
  .VpnBoxLeft {
      background: url(../images/lft_home.svg) no-repeat center/contain;
      height: 100%;
      padding: 0 60px 70px;
      color: #fff;
      position: relative; 
      background-size: 100% 100%;
  }
  .LboxContent h2 {
      font-size: 40px;
  }
  
  .LboxContent p {
      font-size: 15px;
  }
  .RcontentBox h2 {
      font-size: 40px;
      padding-bottom: 7px;
  }
  
  .RcontentBox p {
      font-size: 15px;
  }
  .captionStats h4 {
      font-size: 36px;
      font-weight: 600;
      margin-bottom: 0;
  }
  .bgGradient .statImage img {
      filter: invert(100%);
  }
  .StatsBox:hover {
      background: url(../images/stats_bg.svg) no-repeat center 100%/cover;
      color: #fff;
      width: 50%;
  }
  .StatsBox:hover .statImage img {
      filter: invert(100%);
  }
  
  .LboxContent {
      position: absolute;
      bottom: 13%;
      padding-right: 60px;
  }
  /*BoxStats*/
  
  /*Featured Section2*/
  .boxFeaturesLeft {
      position: relative;
      background: #fff;
      margin-bottom: 25px;
      border-radius: 20px;
      padding: 46px 40px;
      border: 1px solid #6a54f6;
      cursor: pointer;
      transition: 0.6s linear 0s;
  }
  .boxFeaturesLeft:hover,
  .boxFeaturesRight:hover  {
      background-image: -moz-linear-gradient( 90deg, rgba(245,241,255,0.99608) 0%, rgb(255,255,255) 100%);
      background-image: -webkit-linear-gradient( 90deg, rgba(245,241,255,0.99608) 0%, rgb(255,255,255) 100%);
      background-image: -ms-linear-gradient( 90deg, rgba(245,241,255,0.99608) 0%, rgb(255,255,255) 100%);
  }
  .boxFeaturesLeft img,
  .boxFeaturesRight img {
      padding-bottom: 20px;
  }
  .boxFeaturesLeft .fetrdBox {
      position: absolute;
      right: -50px;
      top: 5px;
  }
  
  .boxFeaturesLeft p {
      padding-right: 20px;
      font-size: 16px;
      color: #47464b;
      margin-bottom: 0;
      min-height: 80px;
      overflow-y: auto;
  }
  
  .boxFeaturesLeft h3 {
      font-size: 20px;
      color: #191340;
      font-weight: 600;
      padding-bottom: 5px;
  }
  
  .boxFeaturesLeft p::-webkit-scrollbar-track,
  .boxFeaturesRight p::-webkit-scrollbar-track
  {
      width:3px;
      background-color: #eaeaea;
      box-shadow:none;
  }
  
  .boxFeaturesLeft p::-webkit-scrollbar,
  .boxFeaturesRight p::-webkit-scrollbar
  {
      width: 4px;
      background-color: #efefef;
      box-shadow:none;
  }
  
  .boxFeaturesLeft p::-webkit-scrollbar-thumb,
  .boxFeaturesRight p::-webkit-scrollbar-thumb
  {
      background-color: #6d53f3;
      box-shadow:none;
  }
  .boxFeaturesLeft p::-webkit-scrollbar-track,
  .boxFeaturesRight p::-webkit-scrollbar-track
  {
     width:3px;
      background-color: #eaeaea;
      box-shadow:none;
  }
  
  .boxFeaturesLeft p::-webkit-scrollbar,
  .boxFeaturesRight p::-webkit-scrollbar
  {
      width: 4px;
      background-color: #efefef;
      box-shadow:none;
  }
  
  .boxFeaturesLeft p::-webkit-scrollbar-thumb,
  .boxFeaturesRight p::-webkit-scrollbar-thumb
  {
      background-color: #6d53f3;
      box-shadow:none;
  }
  .boxFeaturesRight {
      position: relative;
      background: #fff;
      margin-bottom: 25px;
      border-radius: 20px;
      padding: 46px 56px;
      border: 1px solid #6a54f6;
      cursor: pointer;
  }
  
  .boxFeaturesRight .fetrdBox {
      position: absolute;
      left: -80px;
      top: 5px;
  }
  
  .boxFeaturesRight p {
      padding-right: 40px;
      font-size: 16px;
      color: #47464b;
      margin-bottom: 0;
      min-height: 80px;
      overflow-y: auto;
  }
  
  .boxFeaturesRight h3 {
      font-size: 20px;
      color: #191340;
      font-weight: 600;
      padding-bottom: 0px;
  }
  
    .boxFeaturesRight p::-webkit-scrollbar-track
  {
      width:3px;
      background-color: #eaeaea;
      box-shadow:none;
  }
  
  .boxFeaturesRight p::-webkit-scrollbar
  {
      width: 4px;
      background-color: #efefef;
      box-shadow:none;
  }
  
  .boxFeaturesRight p::-webkit-scrollbar-thumb
  {
      background-color: #6d53f3;
      box-shadow:none;
  }

  
.centerImg {
  position: relative;
}
  
.centerImg .middleImge {
    position: absolute;
    top: 70px;
    text-align: center;
    right: -18px;
    z-index: -1;
}

.centerImg:before {
  content: '';
  display: block;
  background: url(../images/befreImg.svg) no-repeat top / cover;
  height: 800px;
  width: 800px;
  position: absolute;
  left: -28%;
  top: -16%;
  background-size: 100%;
  z-index: -1;
}

  /*Featured Section2*/
  /*Devices Section*/
  section.DevicesMain {
      background: #E6ECF1;
  }
  .TitleDevices  h2 {font-size: 40px;font-weight: 600;color: #191340;}
  
  .TitleDevices p {
      color: #47464b;
      font-weight: 400;
      font-size: 20px;
  }
  .TabsDevices ul#pills-tab {
      background: #071B51;
      width: 100%;
      max-width: 67%;
      margin: 0 auto;
      border-radius: 10px;
      padding: 10px 0 5px;
  }
  
  .TabsDevices ul#pills-tab li {
      padding: 0 15px;
  }
  .TabsDevices ul#pills-tab li button.active {
      background: #7298C2;
  }
  
  .TabsDevices ul#pills-tab li button.active img {
      filter: brightness(4);
  }
  .TabsContentLeft {
      overflow-y: auto;
      max-height: 400px;
      direction: rtl;
      text-align: left;
      padding: 0 20px;
  }
  .BoxTab {
      background: #071B51;
      color: #fff;
      padding: 20px 30px 16px;
      margin-bottom: 10px;
      border-radius: 13px;
      width: 100%;
      max-width: 90%;
      float: left;
  }
  
  .BoxTab h4 {
      font-size: 18px;
      padding-bottom: 0px;
      font-weight: 600;
      line-height: 28px;
  }
  
  .BoxTab p {
      font-size: 14px;
  }
  /*
   *  STYLE 3
   */
  
  .TabsContentLeft::-webkit-scrollbar-track
  {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      background-color: #7298C2;
  }
  
  .TabsContentLeft::-webkit-scrollbar
  {
      width: 6px;
      background-color: #F5F5F5;
  }
  
  .TabsContentLeft::-webkit-scrollbar-thumb
  {
      background-color: #071B51;
  }
  /*Devices Section*/
  
  /*Benefit VPN*/
  .bVpnBox {
      background: #F5F5F5;
      padding: 30px 20px;
      border-radius: 10px;
  }
  .bVpnImg img {
      padding: 0 0 30px;
      width: 100%;
  }
  .bVpnBox h4 {
      font-size: 23px;
      color: #000;
      padding-bottom: 10px;
      font-weight: 500;
  }
  
  .bVpnBox p {
      font-size: 16px;
      padding: 0 60px 0 0;
  }
  .bVpnBox:hover {
      background: #e7e7e7;
      cursor: alias;
  }
  /*Benefit VPN*/
  
  
  /*Tabs Benefit VPN*/
  .Tabsbenefits ul#pills-tab li button img {
      display: block;
      margin: 0 auto;
      padding-bottom: 15px;
  }
  .TabsbenefitsVpn {
      background: #E6ECF1;
  }
  .Tabsbenefits ul#pills-tab {
      background: transparent;
      width: 100%;
   
      margin: 0 auto;
      border-radius: 10px;
      padding: 10px 0;
  }
  
  .Tabsbenefits ul#pills-tab li {
      padding: 14px 52px;
  }
  .Tabsbenefits ul#pills-tab li button.active {
      background: #fff;
      color: #191340;
      border-bottom: 2px solid #6a54f6;
      position: relative;
  }
  
  .Tabsbenefits ul#pills-tab li button.active img {
  }
  
  .Tabsbenefits ul#pills-tab li button {
      color: #191340;
      font-weight: 600;
      font-size: 19px;
      border-bottom: 1px solid #e9d8fe;
      border-radius: 0;
      padding-left: 0;
      padding-right: 0;
  }
  .Tabsbenefits ul#pills-tab li button:hover {
      background: #fff;
      color: #6b56f3;
  }
  .Tabsbenefits ul#pills-tab li button.active:before {
      content: '';
      display: block;
      position: absolute;
      bottom: -14px;
      left: 45%;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 14px solid #6b56f3;
  }
  .BtabImageRight img {
      width: 100%;
      max-width: 85%;
  }
  
  .BtabsContentLeft  h3 {
      font-size: 35px;
      padding-bottom: 5px;
      line-height: 50px;
      font-weight: 600;
  }
  
  .BtabsContentLeft p {
      font-size: 19px;
      line-height: 30px;
      color: #59595d;
      font-weight: 500;
  }
  /*Pricing Section*/
  .bgGrey{
     background: #E6ECF1; 
  }
  .boxFacts {
      border-radius: 15px;
      background: linear-gradient(92deg, #0B2268 0.73%, #31ABC5 135.36%);
      box-shadow: 3px 4px 20px 0px rgba(11, 34, 104, 0.35);
      color: #fff;
      padding: 40px 0;
      position: relative;
      top: -85px;
  }
  .fcts {
      position: relative;
  }
  
  .fcts:after {
      content: '';
      background: #BCCCD9;
      width: 1px;
      height: 120px;
      position: absolute;
      right: 0;
      top: -8px;
  }
  
  .boxFacts .col-sm-3:last-child .fcts:after {
      opacity: 0;
  }
  .fcts  img {
      margin-bottom: 5px;
  }
  
  .fcts h4 {
      font-weight: 300;
      font-size: 15px;
  }
  
  .fcts h2 {
      font-size: 34px;
      margin-bottom: 0;
      font-weight: 700;
  }
  .PricingBox {
      text-align: center;
      padding: 40px 24px 0;
      /*min-height: 460px;*/
      min-height: 500px;
      border-radius: 28px;
      background-image: -moz-linear-gradient( 90deg, rgba(245,241,255,0.99608) 0%, rgb(255,255,255) 100%);
      background-image: -webkit-linear-gradient( 90deg, rgba(245,241,255,0.99608) 0%, rgb(255,255,255) 100%);
      background-image: -ms-linear-gradient( 90deg, rgba(245,241,255,0.99608) 0%, rgb(255,255,255) 100%);
      position: relative;
      top: 30px;
      border: 2px solid #3928ab;
  }
  
  .PricingHead h4 {
      font-size: 18px;
      padding-bottom: 5px;
      color: #191340;
      margin-bottom: 0;
  }
  
  .PricingHead h5 {
      max-width: 28%;
      width: 100%;
      padding: 5px 0px;
      border-radius: 20px;
      margin: 0 auto;
      font-size: 16px;
      font-weight: 600;
      background-image: -moz-linear-gradient( 90deg, rgba(106,84,246,0.99608) 0%, rgb(172,102,250) 100%);
      background-image: -webkit-linear-gradient( 90deg, rgba(106,84,246,0.99608) 0%, rgb(172,102,250) 100%);
      background-image: -ms-linear-gradient( 90deg, rgba(106,84,246,0.99608) 0%, rgb(172,102,250) 100%);
      color: #efefef;
  }
  
  .PricingMoney {
      padding: 45px 0 20px;
      color: #000;
  }
  .PricingMoney h4{
      color:#000;
      font-size: 35px;
          font-family: "Inter";
  }
  .PricingMoney h4 sup {
      font-size: 70px;
      display: contents;
      font-weight: 600;
   }
  
  .PricingMoney h5 {
      /* font-weight: 400; */
      font-size: 18px;
      padding-top: 5px;
      color: #000;
      margin-bottom: 50px;
      line-height: 0;
  }
  
  .PricingPoints ul {
      list-style: none;
      padding: 0 20px;
      word-break: break-word;
      line-height: 25px;
      margin-bottom: 60px;
      /* padding-left: 0; */
  }
  
  .PricingPoints ul li {
      font-size: 14px;
      margin-bottom: 10px;
      color: #000;
      position: relative;
      text-align: left;
      margin-left: 0;
      padding-left: 10px;
  }
  
  .PricingPoints ul li:before {
      font: normal normal normal 14px/1 FontAwesome;
      content: "\f00c";
      color: #FFBE00;
      margin-right: 5px;
      /* float: left; */
      position: absolute;
      left: -10px;
      top: 4px;
  }
  .activePricing {
      min-height: 520px;
      color: #fff;
      position: relative;
      border-radius: 20px;
      background: #F5F6FA;
      box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.35);
      background-image: -moz-linear-gradient( 90deg, rgba(56,39,170,0.99608) 0%, rgb(106,84,246) 100%);
      background-image: -webkit-linear-gradient( 90deg, rgba(56,39,170,0.99608) 0%, rgb(106,84,246) 100%);
      background-image: -ms-linear-gradient( 90deg, rgba(56,39,170,0.99608) 0%, rgb(106,84,246) 100%);
      border: 3px solid #3928ab;
      padding: 72px 0;
      top: 0;
      margin-bottom: -40px;
      box-shadow: unset;
  }
  .activePricing:before {
      content: '';
      background: url(../images/tickbg.svg) no-repeat;
      width: 50px;
      height: 50px;
      display: block;
      position: absolute;
      right: 0;
      top: 20px;
  }
 
  .BuyBtn h4 a,
  .BuyBtn button{
      border:0;
      padding: 17px 60px;
      text-decoration: none;
      color: #fff;
      /* position: relative; */
      top: 60px;
      font-size: 16px;
      border-radius: 100px;
      background-image: -moz-linear-gradient( 90deg, rgba(106,84,246,0.99608) 0%, rgb(172,102,250) 100%);
      background-image: -webkit-linear-gradient( 90deg, rgba(106,84,246,0.99608) 0%, rgb(172,102,250) 100%);
      background-image: -ms-linear-gradient( 90deg, rgba(106,84,246,0.99608) 0%, rgb(172,102,250) 100%);
      }
  
  .BuyBtn h4 a:hover,
  .BuyBtn button:hover{
      box-shadow: -1px 4px 9px 6px #ccc;
  }
  .activePricing .BuyBtn h4 a,
  .activePricing .BuyBtn button{
      border: 0;
      border-radius: 100px;
      color: #fff;
      background-image: -moz-linear-gradient( 90deg, rgba(106,84,246,0.99608) 0%, rgb(172,102,250) 100%);
      background-image: -webkit-linear-gradient( 90deg, rgba(106,84,246,0.99608) 0%, rgb(172,102,250) 100%);
      background-image: -ms-linear-gradient( 90deg, rgba(106,84,246,0.99608) 0%, rgb(172,102,250) 100%);
      box-shadow: 0px 30px 30px 0px rgb(36 24 110 / 40%);
  }
  .activePricing .PricingHead h4{
          font-size: 18px;
      padding-bottom: 0;
      color: #fff;
  }
  .activePricing .PricingMoney h4 {
      color: #fff;
      padding-bottom: 0;
      line-height: 0;
  }
  .activePricing .PricingMoney h6 {
      padding: 20px 0;
      color: #ffc000;
      font-size: 17px;
  }
  .activePricing .PricingMoney h5{
      color:#fff;
      font-size: 16px;
      margin: 0;
      line-height: 34px;
  }
  .BuyBtn h5 {
      font-size: 15px;
      color: #191340;
      padding: 25px 0 0;
  }
  
  .activePricing .BuyBtn h5 {
      color: #fff;
      margin-top: 30px;
      font-weight: 300;
  }
  .PricingMoney h3 {
      color: #191340;
      font-size: 18px;
      background: #fff;
      font-weight: 600;
      width: 100%;
      max-width: 70%;
      margin: 0 auto;
      border-radius: 20px;
      padding: 6px 0;
      border: 2px solid #6953f5;
      margin-bottom: 20px;
  }
  .pricingBoxes {
      position: relative;
      top: 40px;
      
  }
  
  .activePricing .PricingHead h5 {
    border-radius: 30px;
    color: #fff;
    position: absolute;
    background: #000;
    background-image: -webkit-linear-gradient(90deg, rgba(106, 84, 246, 0.99608) 0%, rgb(172, 102, 250) 100%);
    background-image: -ms-linear-gradient(90deg, rgba(106, 84, 246, 0.99608) 0%, rgb(172, 102, 250) 100%);
    padding: 13px 7px !important;
    z-index: 999;
    top: 104px;
    max-width: 14%;
    text-align: center;
    left: 56px;
    transform: translateX(0px) rotate(-14deg) translateY(0px);
  }
  
  .activePricing .PricingPoints ul li {
      color: #fff;
  }
  .activePricing .PricingMoney {
      color:#fff; 
      position: relative;
  }
  .PaymentCapt h4 {
      font-size: 18px;
      margin-bottom: 20px;
      color: #000;
  }
  .MapSec .container {
      background: url(../images/map_bg.svg) no-repeat 100%/cover;
      background-size: 100% 100%;
      color: #fff;
  }
  
  .MapTitle  h2 {
      font-size: 40px;
      padding-bottom: 5px;
  }
  
  .MapTitle p {
      font-size: 18px;
      font-weight: 300;
  }
  .MapStats h3 {
      font-size: 40px;
      line-height: 22px;
  }
  
  .MapStats h5 {
      font-size: 16px;
      font-weight: 300;
  }
  
  .MapStats {
  }
  /*Tabs Benefit VPN*/
  
  
  /*About Us Testimonials*/
  
  .TestImage img {width: 100%;}
  
  .TestContent {
      background: #FAFAFA;
      padding: 40px 20px 33px 60px;
      border-radius: 0 0 20px 20px;
  }
  .TestContent p {
      font-size: 16px;
      font-style: italic;
      color: #434649;
      line-height: 29px;
  }
  
  .TestiQuote {
      position: relative;
      padding-left: 20px;
  }
  
  .TestiQuote:before {
      content: '';
      display: block;
      background: #888C8F;
      width: 1px;
      height: 100%;
      position: absolute;
      left: 0;
  }
  .TestiQuote h4 {
      color: #101010;
      font-size: 17px;
      font-weight: 600;
      line-height: 18px;
  }
  
  .TestiQuote h5 {
      color: #434649;
      font-size: 15px;
  }
  .TestLink {
      float: right;
      position: relative;
      top: -28px;
      right: 30px;
  }
  
  .TestLink a i {
      color: #000;
      font-size: 23px;
  }
  
  .AboutPeople .TestiSlider .owl-item {
      float: left;
    
  }
  
  .AboutPeople .TestiSlider .disabled {
      display: none;
  }
  
  .AboutPeople .TestiSlider {
      width: 100%;
      overflow: hidden;
      margin-left: 0;
  }
  
  .TestiSlider  .owl-dots {
      position: relative;
      padding-bottom: 40px;
      bottom: -34px;
      text-align: center;
  }
  
  .TestiSlider .owl-dots button.owl-dot {
      margin: 0 3px;
      background: #D9D9D9;
      border: 0;
      padding: 3px 15px;
      border-radius: 6px;
  }
  
  .TestiSlider .owl-dots button.owl-dot.active {
      background: #7298C2;
      padding: 5px 15px;
  }
  
  /*About Us Testimonials*/
  
  
  
  /*Trending POSTS*/
  .titleHead h4 {
      color: #fff;
      background: #6a54f6;
      padding: 9px 0;
      width: 100%;
      max-width: 18%;
      text-align: center;
      border-radius: 20px;
      font-size: 18px;
  }
  
  .titleHead h2 {
      color: #fff;
      font-size: 45px;
      font-weight: 600;
      padding-bottom: 40px;
  }
  .TrendingPost .container {
      background: url(../images/blogBg.svg) no-repeat center/cover;
      background-size: 100% 100%;
      padding: 30px 40px;
  }
  
  .TrendingImage img {width: 100%;border-radius: 10px 10px 0 0;}
  
  .postBlogLeft {
      position: relative;
  }
  .bloglast.pink {
      background: #b96aff;
  }
  .postDetls {
      position: absolute;
      bottom: 40px;
      color: #fff;
      padding: 0 50px 0;
      max-width: 70%;
  }
  .postDetls h2 {
      font-size: 22px;
      padding-bottom: 5px;
  }
  .postDetls h2 a{
      color:#fff;
      text-decoration:none;
  }
  .postDetls p {
      font-size: 18px;
      line-height: 28px;
  }
  .postDetls p a {
      display: block;
      text-decoration: none;
      color: #fff;
      padding: 20px 0;
  }
  .postBlogLeft img {
      width: 100%;
      height: 522px;
      object-fit: cover;
      border-radius: 20px;
  }
  .blogcontent {
      background: #0c0823;
      color: #fff;
      padding: 14px 20px 30px;
      border-radius: 0 0 15px 15px;
  }
  .postBlogLeft h4 {
      background-image: -moz-linear-gradient( 90deg, rgba(106,84,246,0.99608) 0%, rgb(172,102,250) 100%);
      background-image: -webkit-linear-gradient( 90deg, rgba(106,84,246,0.99608) 0%, rgb(172,102,250) 100%);
      background-image: -ms-linear-gradient( 90deg, rgba(106,84,246,0.99608) 0%, rgb(172,102,250) 100%);
      border-radius: 20px;
      padding: 6px 20px;
      width: 100%;
      max-width: 47%;
      font-size: 16px;
      text-align: center;
      color: #fff;
      position: absolute;
      top: 60px;
      left: 50px;
  }
  .blogcent {
      position: relative;
      border-radius: 15px;
  }
  
  .blogcent h4 {
      position: absolute;
      background-image: -moz-linear-gradient( 90deg, rgba(106,84,246,0.99608) 0%, rgb(172,102,250) 100%);
      background-image: -webkit-linear-gradient( 90deg, rgba(106,84,246,0.99608) 0%, rgb(172,102,250) 100%);
      background-image: -ms-linear-gradient( 90deg, rgba(106,84,246,0.99608) 0%, rgb(172,102,250) 100%);
      color: #fff;
      font-size: 14px;
      top: 40px;
      padding: 6px 13px;
      border-radius: 20px;
      left: 23px;
  }
  .blogcent img {
      width: 100%;
  }
  .bloglast {
      background: #6a54f6;
      padding: 30px 21px 0;
      position: relative;
      min-height: 326px;
      margin-bottom: 20px;
      border-radius: 12px;
  }
  
  .bloglast h4 {
      color: #000;
      font-size: 14px;
      text-align: center;
      border-radius: 16px;
      border: 3px solid #aa65fb;
      padding: 5px 4px;
      background-image: -moz-linear-gradient( 90deg, rgba(237,230,255,0.99608) 0%, rgb(255,255,255) 100%);
      background-image: -webkit-linear-gradient( 90deg, rgba(237,230,255,0.99608) 0%, rgb(255,255,255) 100%);
      background-image: -ms-linear-gradient( 90deg, rgba(237,230,255,0.99608) 0%, rgb(255,255,255) 100%);
  }
  
  .infoBlog {
      position: absolute;
      bottom: 20px;
      color: #fff;
  }
  
  .infoBlog h3 {
      font-size: 21px;
      line-height: 30px;
      padding-bottom: 10px;
  }
  .infoBlog h3 a{
      color:#fff;
      text-decoration:none;
  }
  .infoBlog p a {
      text-decoration: none;
      color: #fff;
      font-weight: 400;
  }
  .blogcontent h2 {
      font-size: 23px;
      font-weight: 600;
      padding-bottom: 17px;
  }
  .blogcontent h2 a{
      color:#fff;
      text-decoration:none;
  }
  .blogcontent p {
      font-size: 16px;
  }
  
  .blogcontent p a {
      display: block;
      color: #fff;
      text-decoration: none;
      padding: 20px 0 0;
  }
  
  
  .TimePost h4 {
      position: relative;
      padding-left: 22px;
      font-size: 14px;
      color: #000;
  }
  
  .TimePost h4:before {
      display: block;
      content: "\f073";
      font: normal normal normal 14px/1 FontAwesome;
      position: absolute;
      left: 0;
  }
  .TrendingBox {
      background: #fff;
      box-shadow: 1px 1px 20px 7px #c7c7c7;
      display: flex;
      margin-bottom: 29px;
      border-radius: 15px;
  }
  
  .TrendingBox .RTrendingImage {
      width: 30%;
      float: left;
  }
  
  .RtrendingContent {
      width: 70%;
      padding: 26px 30px 0;
  }
  
  .RtrendingContent .TimePost {
      position: relative;
      display: block;
  }
  
  .TrendingBox .RTrendingImage img {border-radius: 10px 0 0 10px;}
  
  .RtrendingContent h2 {
      font-size: 21px;
      padding-bottom: 15px;
      line-height: 30px;
      font-weight: 600;
  }
  .BottomSection .row {
      background: url(../images/bottom_bg.svg) no-repeat 100%/cover;
      padding: 40px 80px;
      background-size: 100% 100%;
      color: #fff;
  }
  /*Trending POSTS*/
  
  /*FAQ*/
  .boxBtm h5 a:hover {
      background: #6a54f6;
      color: #fff;
  }
  .boxBtm.sepre {
      position: relative;
  }
  .boxBtm h5 a {
      background-image: -moz-linear-gradient(90deg, rgba(237, 230, 255, 0.99608) 0%, rgb(255, 255, 255) 100%);
      background-image: -webkit-linear-gradient(90deg, rgba(237, 230, 255, 0.99608) 0%, rgb(255, 255, 255) 100%);
      background-image: -ms-linear-gradient(90deg, rgba(237, 230, 255, 0.99608) 0%, rgb(255, 255, 255) 100%);
      color: #000;
      border: 2px solid #6a54f6;
      text-decoration: none;
      padding: 18px 12px;
      border-radius: 30px;
      font-size: 16px;
      font-weight: 600;
      position: relative;
      z-index: 15;
      overflow: hidden !important;
      text-transform: uppercase;
      display: block;
      width: 100%;
      max-width: 45%;
      text-align: center;
  }
  .boxBtm.sepre:after {
      content: '';
      display: block;
      right: 16px;
      background: #e1ddfd;
      width: 1px;
      height: 460px;
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
  }
  .boxBtm {
      /*padding: 60px 115px;*/
      padding: 0 115px;
  }
  
  .boxBtm img {
      padding-bottom: 30px;
  }
  
  .boxBtm h3 {
      font-size: 30px;
      color: #191340;
      padding: 0 0 10px 0;
      font-weight: 600;
  }
  
  .boxBtm p {
      color: #47464b;
      font-size: 18px;
      padding-right: 40px;
      padding: 21px 30px 27px 0;
      line-height: 1.7;
      font-weight: 500;
  }
  .cstmFaqs .accordion-header button {
      background: #fff;
      border: 2px solid #6a54f6 !important;
      border-bottom: 0 !important;
      color: #010101;
      font-weight: 600;
      font-size: 18px;
      box-shadow: none;
      border-radius: 30px 30px 0 0px !important;
  }
  .faqSec .accordion-button:focus{
      box-shadow: none;
  }
  .faqSec {
      background: url(../images/bgLight.svg) no-repeat top/cover;
      margin-top: 80px !important;
  }
  .faqsecTit h2 {
      color: #191340;
      font-size: 40px;
      font-weight: 600;
  }
  
  .faqsecTit p {
      color: #191340;
      font-size: 23.5px;
      font-weight: 600;
      margin-bottom: 0;
  }
  .cstmFaqs .accordion-item {
      margin-bottom: 20px;
      border: 0;
      background: transparent;
      border-radius: 40px !important;
  }
  
  .cstmFaqs .accordion-header button.collapsed {
      border-radius: 50px !important;
      border: 1px solid #dabfff !important;
      background: #fff;
      color: #010101;
      font-weight: 600;
      font-size: 18px;
      padding-left: 25px;
  }
  .cstmFaqs .accordion-body {
      background: #fff;
      padding: 0 23px 30px;
      border-radius: 0 0 30px 30px;
      border: 2px solid #6a54f6;
      border-top: 0;
  }
  /*FAQ*/
  
  .TitleDevices h4 {
      font-size: 26px;
      color: #000;
      font-weight: 400;
  }
  .BtabImageRight {
      width: 100%;
  }
  
  .Tabsbenefits .tab-pane {
      background: transparent;
      padding: 0;
      max-width: 70%;
      margin: 0 auto;
      color: #59595d;
      width: 100%;
  }
  /*Bottom Section*/
  
  .TitleBottom h1 {
      font-size: 80px;
      font-family: "Inter", sans-serif;
      line-height: 68px;
      font-weight: 700;
  }
  
  .TitleBottom h5 {
      font-size: 23px;
      font-weight: 300;
      letter-spacing: 1px;
  }
  
  .TitleBottom h5 b {
      color: #FFBA24;
  }
  .BottomBullets ul {
      padding: 0;
      margin: 20px 0 0;
  }
  
  .BottomBullets ul li {
      list-style: none;
      position: relative;
      margin-bottom: 11px;
      font-size: 14px;
      padding-left: 25px;
  }
  
  .BottomBullets ul li:before {
      display: block;
      font: normal normal normal 14px/1 FontAwesome;
      content: "\f00c";
      position: absolute;
      left: 0;
      top: 3px;
  }
  .BottomBullets h4 a {
      color: #fff;
      background: #0C226B;
      text-decoration: none;
      padding: 10px 30px;
      border-radius: 30px;
      font-size: 16px;
      font-weight: 400;
  }
  
  .BottomBullets h4 {
      margin-top: 25px;
  }
  
  .BottomBullets h4 a:hover {
      background: linear-gradient(92deg, #0B2268 0.73%, #31ABC5 135.36%);
  }
  /*Bottom Section*/
  
  
  /*Table CSS*/
  /*.comparisonTable th img {*/
  /*    max-width: 130px;*/
  /*    display: block;*/
  /*    margin: 0 auto;*/
  /*    object-fit: contain;*/
  /*    height: 65px;*/
  /*}*/
.comparisonTable th img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    object-fit: none;
    height: 65px;
}  
  
  .iprovpnOnlineThreats table {
      width: 100%
  }
  
  .comparisonTable th,.comparisonTable td {
      vertical-align: middle;
  }
  
  .comparisonTable td:first-child,.comparisonTable th:first-child,.comparisonTable td:last-child,.comparisonTable th:last-child {
      border-right: 0;
      border-radius: 0 30px 30px 0 !important;
  }
  
  .comparisonTable th:nth-child(2) {
      background: #e0e4ff;
      border-radius: 30px 30px 0 0;
  }
  
  .comparisonTable td {
      padding: 15px 20px;
      font-size: 16px;
      font-weight: 600;
      text-align: center;
      color: #191340;
      border-right: 4px solid #fff;
  }
  
  .comparisonTable td:first-child {
      text-align: left;
      border-radius: 30px 0 0 30px !important;
      /* position: relative; */
      max-width: 180px;
  }
  
  .comparisonTable tr:nth-child(even) td:first-child {
      border-radius: 30px 0 0 70px;
  }
  
  .comparisonTable tr:nth-child(even) td {
      background: var(--theme-bg)
  }
  
  .comparisonTable tr:nth-child(even) td:nth-child(2) {
      background: #e0e4ff;
      position: relative;
  
  }
  
  .comparisonTable tbody tr:nth-child(odd) {background: #f4f5fc;border-bottom: 4px solid #fff;}
  
  .comparisonTable tr:nth-child(even) td:last-child {
      border-radius: 0 10px 10px 0
  }
  
  .comparisonTable {
      margin: 60px 0 0
  }
  
  .iprovpnOnlineThreats span.roundHash {
      background: #23b287;
      color: #fff;
      padding: 16px 17px;
      border-radius: 100%
  }
  
  .comparisonTable tr td i.fa-check {
      color: #27d622
  }
  
  .comparisonTable tr td i.fa-x {
      color: #d00013
  }
  
  .comparisonTable tr td:nth-child(2) i.fa-check {
      color: #151642
  }
  
  .comparisonTable tbody tr:last-child {
      background: transparent;
  }
  
  .comparisonTable tbody tr td:nth-child(2) {
      /* background: #ccf5e9; */
  }
  
  .comparisonTable td a {
      display: block;
      background-image: -moz-linear-gradient( 90deg, rgba(106,84,246,0.99608) 0%, rgb(172,102,250) 100%);
      background-image: -webkit-linear-gradient( 90deg, rgba(106,84,246,0.99608) 0%, rgb(172,102,250) 100%);
      background-image: -ms-linear-gradient( 90deg, rgba(106,84,246,0.99608) 0%, rgb(172,102,250) 100%);
      color: #fff;
      text-decoration: none;
      padding: 14px 0;
      text-transform: uppercase;
      border-radius: 0 0 20px 20px;
      font-weight: 600;
  }
  
  .comparisonTable td .fa-check {
      color: #4CAF50;
  }
  
  .comparisonTable td .fa-times {
      color: red;
  }
  
  .comparisonTable tbody tr:nth-child(even) {
      background: #e9eeff;
      border-bottom: 4px solid #fff;
  }
  td.btnTble {
      padding: 0;
  }
  .comparisonTable tr:nth-child(even) td:nth-child(2):before {
      content: '';
      display: block;
      background: #e1e4fe;
      width: 56px;
      height: 100%;
      position: absolute;
      left: -20px;
      top: 0;
      border-radius: 80px;
  }
  .socialMedai  h4 {
      font-size: 18px;
      font-weight: 500;
      padding-bottom: 15px;
  }
  
  ul.smFooter li {
      display: inline-block;
  }
  
  ul.smFooter {
      margin: 0;
      padding: 0;
  }
  
  ul.smFooter li a {
      color: #fff;
  }
  
  ul.smFooter li a i,
  ul.smFooter li a svg{
      padding: 14px 16px;
      border: 1px solid #7e7b94;
      border-radius: 30px;
      margin-right: 3px;
  }
  
  ul.smFooter li a i:hover {
      background: #fff;
      color: #19143f;
  }
  /*Table Css End*/
  
  /*Footer*/
  footer.FooterSec {
      background: #191340;
      padding-top: 7em;
  }
  .Copyright {
      border-top: 1px solid #19558A;
      padding: 20px 0;
      background: #6a54f6;
      color: #fff;
  }
  
  .TextCopy h3 {
      font-size: 15px;
      color: #fff;
      font-weight: 400;
  }
  section.BottomSection {
      position: relative;
      bottom: -110px;
  }
  .FooterMenu h4,
  .FooterSocial h4,
  .FooterContact h4 {
      font-size: 16px;
      color: #ffffff;
      text-transform: uppercase;
      padding-bottom: 15px;
  }
  
  .FooterMenu ul {
      margin: 0;
      padding: 0;
      list-style: none;
  }
  
  .FooterMenu ul li,
  .FooterMenu ul li a {
      font-size: 14px;
      margin-bottom: 15px;
      text-decoration: none;
      color: #b3aed5;
  }
  .FooterMenu ul li a:hover {font-weight: 700;}
  .FooterSocial ul {
      list-style: none;
      padding: 0;
  }
  
  .FooterSocial ul li a {
      text-decoration: none;
      color: #fff;
      font-size: 14px;
  }
  
  .FooterSocial ul li {
      margin-bottom: 15px;
  }
  .FooterContact ul {
      margin: 0;
      padding: 0;
      list-style: none;
  }
  
  .FooterContact ul li {
      font-size: 14px;
      margin-bottom: 15px;
  }
  
  .FooterContact {
      margin-left: -36px;
  }
  
  .FooterContact ul li a {
      text-decoration: none;
      color: #F3961B;
      font-size: 14px;
      font-weight: 500;
  }
  
  .Sitemap {
      padding-top: 30px;
  }
  .FotterLogo  img {
      width: 100%;
      max-width: 80%;
      margin-top: 30px;
  }
  .FooterSocial ul li a i {width: 21px;}
  /*Footer*/
  .boxesVpn {
      border-radius: 25px;
      background: #F3F7FA;
      box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);
      min-height: 330px;
      padding: 25px 23px;
  }
  
  .boxesVpn img {
      margin-bottom: 25px;
  }
  
  .boxesVpn h3 {
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 10px;
  }
  
  .boxesVpn p {
      color: #000;
      font-size: 15px;
      font-weight: 400;
  }
  .boxVpnHead h2 {
      color: #000;
      text-align: center;
      font-size: 45px;
      font-weight: 500;
      line-height: 60px; /* 133.333% */
  }
  
  .boxVpnHead {
      padding: 0 50px;
      position: relative;
      top: 30px;
  }
  .TabImageRight img {
      height: 440px;
      object-fit: contain;
  }
  .TitleDevices h2 span {
      color: #f1b306;
      font-weight: 800;
      border-bottom: 2px solid #f1b306;
  }
  .windowsImg img {
      height: 340px;
      margin-top: 40px;
  }
  span.daysGuranteed {
      text-align: center;
      font-size: 14px;
      padding: 10px 0;
      display: block;
      font-weight: 600;
  }
  /*Button Css*/
  .btnGenreal a:hover {
      /*background: #faa727*/
  }
  
  .btnGenreal a:hover::after,
  .btnGenreal a:hover::before,
  li.loginBtn a:hover::after,
  li.loginBtn a:hover::before,
  li.tryBtn a:hover::after,
  li.tryBtn a:hover::before,
  .bottomSecInfo h5 a:hover::after,
  .bottomSecInfo h5 a:hover::before,
  .boxBtm h5 a:hover::after,
  .boxBtm h5 a:hover::before  {
      opacity: 1;
      width: 116%
  }
  
  .btnGenreal a:after,
   li.loginBtn a:after,
   li.tryBtn a:after,
   .bottomSecInfo h5 a:after,
   .boxBtm h5 a:after {
      content: "";
      width: 0;
      height: 100%;
      display: block;
      /*background: #faa727;*/
      position: absolute;
      -ms-transform: skewX(-20deg);
      -webkit-transform: skewX(-20deg);
      -o-transform: skewX(-20deg);
      -moz-transform: skewX(-20deg);
      transform: skewX(-20deg);
      left: -10%;
      opacity: 0;
      top: 0;
      z-index: -10;
      -webkit-transition: all .94s cubic-bezier(.2,.95,.57,.99);
      -moz-transition: all .4s cubic-bezier(.2,.95,.57,.99);
      -o-transition: all .4s cubic-bezier(.2,.95,.57,.99);
      transition: all .4s cubic-bezier(.2,.95,.57,.99);
      box-shadow: 2px 0 14px rgba(0,0,0,.6)
  }
  
  .btnGenreal a:before,
  li.loginBtn a:before,
  li.tryBtn a:before,
  .bottomSecInfo h5 a:before,
  .boxBtm h5 a:before   {
      content: "";
      width: 0;
      height: 100%;
      display: block;
      background: rgba(255,255,255,.17);
      position: absolute;
      -ms-transform: skewX(-20deg);
      -webkit-transform: skewX(-20deg);
      transform: skewX(-20deg);
      -moz-transform: skewX(-20deg);
      -o-transform: skewX(-20deg);
      left: -10%;
      opacity: 1;
      top: 0;
      z-index: -5;
      -moz-transition: all .7s cubic-bezier(.77,0,.175,1);
      -o-transition: all .7s cubic-bezier(.77,0,.175,1);
      -webkit-transition: all .7s cubic-bezier(.77,0,.175,1);
      transition: all .7s cubic-bezier(.77,0,.175,1);
      box-shadow: 2px 0 14px rgba(0,0,0,.6)
  }
  .FooterSocial p {
      font-size: 15px;
      color: #fff;
      line-height: 31px;
      opacity: 0.9;
  }
   nav.mobile_menu {
      display: none;
  } 
  
  
  
  

/*MBALI*/
.countdown-timer:before {
    content: "";
    width: 210px;
    height: 180px;
    position: absolute;
    right: 97%;
    background-image: url('../images/circle-before.svg');
    top: -14px;
    background-repeat: no-repeat;
    z-index: -1;
}

  .peops-banner-img {
    max-height: 660px;
    width: unset;
    z-index: 9;
    position: relative;
    display: table;
    margin-left: 70px;
}
img.chanels-eclipse {
    position: absolute;
    z-index: 9;
    top: -60px;
    left: -60px;
}


img.orbit-bg {
    position: absolute;
    left: 20px;
    z-index: 0;
    top: 0;
}

 
 .bannerImg img, .bannerImg picture img{
	     transition: transform 0.3s ease-in-out;
	}
  .bannerImg:hover .chanels-eclipse {
    transform: translateX(20px);
}
.bannerImg:hover .orbit-bg {
    transform: translateY(-20px);
}
.bannerImg:hover picture img {
    transform: translateY(10px);
}
.menuMain li:last-child.nav-item {
    padding-right: 0;
}
.available-section {
    padding: 60px 0 25px;
    background-color: #f3f4f4;
    padding-bottom: 75px;
}
section.TabsDevicesVpn {
}

.Tabsbenefits {
    padding-bottom: 26px;
}

section.testimonialsSec {
    margin-top: 6.6rem !important;
    /*margin-bottom: 5rem !important;*/
    margin-bottom : 3rem !important;
}
.faqsecTit.text-center {
    padding-top: 6px !important;
}
.hide-lg{display: none !important;}

#devicesLogoMobile .owl-dots span {
    width: 8px;
    height: 8px;
    background-color: #00000057;
    display: block;
    margin: 0 10px;
    border-radius: 50px;
}

#devicesLogoMobile .owl-dots {
    margin-top: 20px;
}

#devicesLogoMobile .owl-dots .active span {
    background-color: #000000b5;
    transform: scale(1.3);
}
.TitlePrice .sticker {
    position: absolute;
    left: 84%;
    top: 20px;
}
.PricingPlan.nobg {
    background-image: unset;
    padding-top: 30px !important;
}
.underPricing.borderTop {
    border-top: 2px solid #6a54f6;
    padding-top: 70px;
}
.PricingPlan.nobg .PricingBox.activePricing {
    border-radius: 20px;
    border-left-width: 2px;
    border-right-width: 2px;
    border-top-width: 4px;
}
.underPricing {
    border: 2px solid #6a54f6;
    padding: 145px 73px 65px;
    border-top: 0;
    border-radius: 20px;
    max-width: 94%;
    display: block;
    margin: 0 auto;
}

.underPricing h4 {
    font-size: 24px;
    font-weight: 600;
    color: #191340;
    margin-bottom: 15px;
    letter-spacing: -0.5px;
}

.underPricing li {
    margin-bottom: 19px;
    color: #47464b;
    font-size: 17px;
    list-style: none;
    position: relative;
    padding-left: 30px;
}

.underPricing li:before {
    content: "\f058 ";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    color: #aa66fa;
    font-size: 17px;
}

.underPricing ul {
    padding-left: 0;
}
section.pricingFeatures {
    /*padding: 203px 0 110px;*/
    padding: 90px 0 80px;
}

section.pricingFeatures h3 {
    color: #191340;
    font-size: 44px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 33px;
}

section.pricingFeatures p {
    color: #47464b;
    font-size: 18px;
    line-height: 1.7;
}

.pricingFeatBox {
    padding: 114px 122px;
    background-color: #604be6;
    border-radius: 17px;
    background-image: url('../images/pricing-feature-box.svg');
    background-position: center;
    background-size: cover;
}

.pricingFeatBox h4 {
    color: #fff;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 22px;
    letter-spacing: -1.3px;
}

.pricingFeatures 
 .pricingFeatBox p {
    color: #fff;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
}

section.pricingFeatures img {
    margin-top: 30px;
    position: relative;
    z-index: 2;
}
.tableFastest.colored {
    background-color: #f6f6f9;
}

section.featuresMain main section {padding: 30px 0;}

section.featuresMain .sidebar {
    position: sticky;
    top: 0;
    background-color: #fff;
    padding: 20px 0;
    margin-top: 40px;
}

section.featuresMain .sidebar nav ul {
    list-style-type: none;
    padding: 0;
}

section.featuresMain .sidebar nav  a {
    margin-bottom: 10px;
    display: block;
    padding-left: 37px;
    border-left: 2px solid transparent;
    letter-spacing: 0.5px;
}

section.featuresMain .sidebar nav ul li a {
    text-decoration: none;
    color: #333;
    font-weight: bold;
}

section.featuresMain .sidebar li span {
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: #807f86;
    display: none;
}

section.featuresMain .sidebar li {
    padding-bottom: 14px;
    display: block;
}

section.featuresMain .sidebar a.active span {
    display: block;
    padding-top: 3px;
    letter-spacing: -0.3px;
}
section.featuresMain .sidebar nav a.active {
    border-color: #6a54f6;
}

section.featuresMain .sidebar h6 {
    margin-bottom: 19px;
    color: #a4a3aa;
    font-size: 17px;
}

.featBox {
    background-color: #f9f7f5;
    min-height: 267px;
    padding: 71px 46px;
    border-radius: 10px;
    margin-top: 20px;
    margin-bottom: 15px;
}

.featBox h3 {
    color: #191340;
    margin-top: 25px;
    font-weight: 600;
    margin-bottom: 16px;
    font-size: 22px;
}

section.featuresMain h2 {
    font-weight: 600;
    font-size: 37px;
    color: #191340;
    margin-bottom: 13px;
}
section.featuresMain main > div {
    padding: 40px 0 49px;
}

#surf .featBox {
    background-color: #191340;
}

#surf .featBox * {
    color: #fff;
}

div#encrypt .featBox {
    background-color: #f3f2f9;
}

div#freedom .featBox {
    border: 1px solid #6a54f6;
    background-color: transparent;
}

#experience .featBox {
    background-color: #7b7983;
}

#experience .featBox * {
    color: #fff;
}

div#unrivaled .featBox {
    background-color: #e2e9ef;
}
section.featuresMain main > div .col-md-6 {flex-direction: row;display: flex;}
section.featuresBanner {
    background-image: url('../images/banner-bg-features.svg');
    background-size: cover;
    background-position: center;
    /*border-top: 1px solid #efefef;*/
    margin-bottom: 80px;
}

section.featuresBanner h1 {
    margin-top: 97px;
    font-weight: 600;
    font-size: 44px;
    color: #191340;
    line-height: 1.3;
    margin-bottom: 20px;
}

section.featuresBanner p {
    font-size: 20px;
    color: #47464b;
    font-weight: 500;
    margin-bottom: 40px;
}
section.featuresMain h2 ~ p {
    font-weight: 500;
    color: #47464b;
    font-size: 19px;
    letter-spacing: 0.5px;
}

.featBox p {
    font-size: 17.2px;
    color: #191340;
    line-height: 1.5;
}
section.faqNobg > section {
    background: no-repeat;
}
.checkoutmain {
    background-color: #f3f4f4;
}

section.checkout {
    /*padding: 100px 0;*/
    padding : 100px 0 0 ;
}
.titlePanel {
    position: relative;
    padding-left: 80px;
    padding-bottom: 25px;
}

.titlePanel h3 {
    color: #191340;
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 0;
    padding-top: 6px;
}

.titlePanel p {color: #191340;margin-bottom: 0;margin-top: 9px;font-weight: 500;}

.titlePanel strong{
    background-color: #fafafa;
    font-size: 32px;
    color: #cecbe5;
    width: 65px;
    display: block;
    height: 65px;
    line-height: 2;
    text-align: center;
    border-radius: 50px;
    border: 1px solid #eaeced;
    font-weight: 600;
    position: absolute;
    left: 0;
}

section.checkout input {
    padding: 12px 16px;
    border-radius: 5px !important;
    margin-top: 0 !important;
}
html .checkoutPanel {
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #e8eaeb;
    padding: 30px 41px !important;
    margin-bottom: 25px;
    overflow: hidden;
}
html .form-switch {
    padding-left: 0;
}
.checkoutPanel label span {
    color: #6a54f6;
    font-weight: 500;
}

.checkoutPanel strong {
    display: block;
    font-size: 16px;
    color: #191340;
    padding-bottom: 4px;
}
input#add-devices {
    max-width: 70px;
    padding: 5px 6px;
    text-align: center;
    margin: 0 10px;
}

.addition-device {
    padding-top: 15px;
    font-weight: 500;
}
input:focus {
    outline: none !important;
}

.form-switch .form-check-input {
    margin-left: auto;
    width: 55px;
    border-radius: 60px !important;
    cursor: pointer;
    background-color: #e8eaeb;
    border-color: #e8eaeb;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(255, 255, 255, 0.95)'/%3e%3c/svg%3e");
}
.form-check-input:checked {
    background-color: #6a54f6;
    border-color: #6a54f6;
}

input#addon-switch {
    float: right;
}
p.saveUpto {
    background-image: -moz-linear-gradient(90deg, rgba(106, 84, 246, 0.99608) 0%, rgb(172, 102, 250) 100%);
    background-image: -webkit-linear-gradient(90deg, rgba(106, 84, 246, 0.99608) 0%, rgb(172, 102, 250) 100%);
    background-image: -ms-linear-gradient(90deg, rgba(106, 84, 246, 0.99608) 0%, rgb(172, 102, 250) 100%);
    display: table;
    color: #fff;
    border-radius: 50px;
    font-size: 16px;
    padding: 6px 10px;
}
.align-items-center{
    align-items: center !important;
    display: flex;
}
.vatRow span.underline {
    border-bottom: 1px solid;
}
.orderSummary hr {
    margin: 17px 0;
    border-color: #e8eaeb;
    opacity: 1;
}

.orderSummary 
 h4.total {
    margin-top: 45px;
}

.orderSummary h4.total {
    color: #191340;
    font-size: 22px;
    font-weight: 600;
}

.orderSummary h4.total span {
    font-weight: bold;
}

.orderSummary .strikethrough {
    font-size: 14px;
    color: #191340;
    font-weight: 500;
    position: relative;
}

.orderSummary .strikethrough:after {
    content: "";
    width: calc(100% + 15px);
    height: 2px;
    background-color: #6a54f6;
    position: absolute;
    left: -10px;
    right: 0;
    top: 2px;
    bottom: 0;
    margin: auto;
}

.orderSummary h3 {
    font-size: 22px;
    font-weight: 700;
    color: #191340;
    margin-bottom: 18px;
}
.couponWrap  label,
.couponWrap  h6{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #191340;
}

.couponWrap  button,
.couponWrap  input[type=button]{
    padding: 12px 32px;
    margin-left: 15px;
    border: 0;
    background-image: -moz-linear-gradient(90deg, rgba(106, 84, 246, 0.99608) 0%, rgb(172, 102, 250) 100%);
    background-image: -webkit-linear-gradient(90deg, rgba(106, 84, 246, 0.99608) 0%, rgb(172, 102, 250) 100%);
    background-image: -ms-linear-gradient(90deg, rgba(106, 84, 246, 0.99608) 0%, rgb(172, 102, 250) 100%);
}
.step_five {
    background: #fff;
    padding: 15px 20px;
    border: 1px solid #e1ebe6;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    border-radius: 10px;
}
 
.step_five span {
    font-size: 16px;
    color: #000000;
    font-weight: 400;
    padding-left: 20px;
}
.step_five span i {
    font-style: normal;
    color: #2fa466;
}
.step_five_blow {
    background: #fff;
    padding: 30px 30px;
    border: 1px solid #e1ebe6;
    display: inline-block;
    width: 100%;
    border-radius: 10px;
}
.step_five_blow h3 {
    color: #191340;
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 0;
    padding-top: 6px;
}
.step_five_blow ul {
    padding: 0;
    list-style: none;
}
.step_five_blow ul li {
    color: #000;
    font-weight: 400;
    padding-left: 20px;
    position: relative;
    margin-top: 8px;
    font-size: 15px;
}
.step_five_blow ul li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 8px;
    height: 8px;
    background: #8270f5;
    border-radius: 30px 20px;
}
html .form-control:focus, html .form-check-input:focus {
    box-shadow: unset !important;
    border-color: #ccc !important;
}
.paraSm {
    font-size: 13px;
    margin-bottom: 85px;
    padding-top: 6px;
}

.titlePanel.align-items-center {
    margin-bottom: 16px;
}
.payment-methods .custom-control {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#credit-card-info,
#paypal-info,
#cardPayment,
#paypalPayment{
    display: none;
}

#credit-card-info.show,
#paypal-info.show,
#cardPayment.show,
#paypalPayment.show{
    display: block;
}

.cutprice {
    text-decoration: line-through !important;    
    color: gray;
    line-height: 3;
}

.featuresBanner .btnGenreal li a {
    padding: 16px 39px;
}
.home header {
    border: 0;
}

.home .headRow {
    padding-bottom: 10px;
}
.switchPanel h5 {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
    color: #191340;
    margin-right: 22px;
}
.payWrapper:before {
    content: "";
    width: calc(100% + 80%);
    position: absolute;
    top: 0;
    background-color: #e8eaeb;
    height: 1px;
    left: -50%;
}

.switchPanel {
    position: relative;
    justify-content: space-between; /* Space between the inner elements */
    align-items: center;
}
.payWrapper {
    position: relative;
}

.payWrapper  h5 {
    padding-top: 24px;
    font-size: 18px;
    font-weight: bold;
    color: #191340;
    margin-bottom: 15px;
}

.payWrapper  .form-group {
    margin-bottom: 15px;
}

.payWrapper .form-group label {
    margin-bottom: 6px;
    font-size: 14px;
    color: #5b5a62;
    font-weight: 400;
    margin-top: 0px;
}
.payWrapper  input[type="text"] {
    padding: 12px;
    font-size: 14px;
    border-radius: 8px !important;
}

.payWrapper input[type="text"]::placeholder {
    color: #a09fa9;
}
p.checkoutMoneyback {
    margin-bottom: 0;
    font-size: 14px;
    color: #191340;
}

.btnPurchase {
    background-color: #6a54f6;
    border: 0;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Inter';
    padding: 12px 20px;
    border-radius: 10px;
    min-width: 290px;
    text-align: center;
}
.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(255, 255, 255, 0.95)'/%3e%3c/svg%3e");
}
img.checkoutMoneySticker {
    position: absolute;
    bottom: 25px;
    right: 0;
}
.btnPurchase:hover {
    background-image: -moz-linear-gradient(90deg, rgba(106, 84, 246, 0.99608) 0%, rgb(172, 102, 250) 100%);
    background-image: -webkit-linear-gradient(90deg, rgba(106, 84, 246, 0.99608) 0%, rgb(172, 102, 250) 100%);
    background-image: -ms-linear-gradient(90deg, rgba(106, 84, 246, 0.99608) 0%, rgb(172, 102, 250) 100%);
}
section.checkout .input-text {
    padding: 15px;
    border-color: #cccccc26;
}

.orderSummary p {margin-bottom: 11px;}

.orderSummary h4.total span {
    font-size: 20px;
}

.couponWrap {
    padding-top: 22px;
}
.TitlePrice {
    position: relative;
}
.activePricing .PricingMoney h3 {
    box-shadow: 0px 10px 30px 0px rgb(36 24 110 / 40%);
}
section.TrendingPost .container {
    padding: 60px;
}
.titlePanel p span {
    color: #6a54f6;
}
.Copyright p {
    margin-bottom: 0;
    color:#fff;
}

.Copyright i,
.Copyright svg{
    margin-right: 5px;
}
.Copyright.noFooter {
    background-color: transparent;
    border-top-color: #e4e4e4;
    padding: 30px 0;
}

.Copyright.noFooter * {
    color: #000;
}


/*New Style Css Bckup*/


#saveBig.newsavebig .modal-content {
    padding: 0;
    border: none;
    background: transparent !important;
}

#saveBig.newsavebig img.main-bg-pop {
    max-width: 100%;
}

#saveBig.newsavebig .overContent {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
}

#saveBig.newsavebig h3 {
    font-size: 26px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 3px;
    text-transform: uppercase;
}

#saveBig.newsavebig img.main-off-pop {
    max-width: 100%;
    display: block;
    margin: 25px auto;
}

#saveBig.newsavebig h2 {
    font-size: 30px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 1px;
}

#saveBig.newsavebig p {
    color: #fff;
    padding: 0 30px 20px;
    font-weight: 400;
}

#saveBig.newsavebig p span {
    color: #00ffad;
    display: block;
}

#saveBig.newsavebig a {
    background: #00b086;
    padding: 20px 40px;
    width: fit-content;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1;
    height: auto;
    font-weight: 400;
    text-decoration:none;
}

#saveBig.newsavebig .modal-body {
    position: relative;
}

#saveBig.newsavebig button.close {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #fff !important;
    z-index: 99999;
    opacity: 1;
    background: #00b086;
    font-size: 11px;
    border-radius: 50px;
    padding: 3px;
    font-weight: bolder;
    line-height: 1;
}

#saveBig.newsavebig {
    background: rgb(0,0,0,0.7) !important;
}



@media screen and (max-width: 550px) {
.activePricing .PricingMoney:before{
    display:none;
} 
.activePricing .PricingHead h5 {
    border-radius: 30px;
    color: #fff;
    position: absolute;
    background: #000;
    background-image: -webkit-linear-gradient(90deg, rgba(106, 84, 246, 0.99608) 0%, rgb(172, 102, 250) 100%);
    background-image: -ms-linear-gradient(90deg, rgba(106, 84, 246, 0.99608) 0%, rgb(172, 102, 250) 100%);
    padding: 7px 0 !important;
    z-index: 999;
    top: 20px;
    max-width: 50%;
    text-align: center;
    left: 0;
    transform: none;
    right: 0;
    position : unset;
}  
.activePricing {
    padding: 72px 0 10px;
}
.activePricing .BuyBtn h5 {
    margin-top: 0;
}
    #saveBig.newsavebig h3 {
        font-size: 18px;
    }
    
    #saveBig.newsavebig img.main-off-pop {
        max-width: 50%;
        margin: 10px auto;
    }
    
    #saveBig.newsavebig h2 {
        font-size: 20px;
    }
    
    #saveBig.newsavebig p {
        font-size: 15px;
        line-height: 22px;
    }
    
    #saveBig.newsavebig a {
        font-size: 14px;
        padding: 10px 20px;
    }
    
    #saveBig.newsavebig .overContent {
        top: 30px;
    }
 
}
/*New Style Css Bckup*/


/* IPRO CSS UPDATED */
/*General Css*/
::selection {}

::-webkit-scrollbar {    height: 12px;    width: 8px;    background:#fff; }

::-webkit-scrollbar-thumb {background: #191340;-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);}

::-webkit-scrollbar-corner {    background: #ccc;   }
html {
    scroll-behavior: smooth;
  }
body{
    font-family: "Inter", sans-serif;
    overflow-x: hidden;
  }
  html {
  scroll-behavior: smooth;
}
  h1,h2,h3,h4,h5,h6{
      font-family: "Inter";
  }
  p,em,b,a{
      font-family: "Inter", sans-serif;  
  }
  /*General Css*/
  h2 {
    font-size: 36px;
    font-weight: 600;
    /* color: #191340; */
}
  .container, .container-fluid {
      width: 100%;
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
      margin-left: auto;
  }
  .container{
      max-width: 1440px;
  }
  .hidden-lg{display: none !important;}
  section.bannerMain {
      padding: 0 32px;
  }
  


  /*header Css*/
  
  /*banner Css*/
  .bannerMain .bgBaner {
      background: url(../images/bgBanner.svg);
      padding: 70px 40px 0;
      margin-bottom: 30px;
      background-size: 100% 100%;
      background-repeat: no-repeat;
      overflow: hidden;
      background-size: cover;
  }
  
  
  header {
      background: #fff;
      border-bottom: 1px solid #efefef;
  }
  .bannerMain .bannerImg {
      position: relative;
  }
  
  .bannerContent h2 {
      font-size: 54px;
      font-weight: 700;
      color: #191340;
      line-height: 1;
      margin-bottom: 40px;
  }
  .bannerContent h2 strong {
      font-weight: 900;
      font-size: 72px;
      display: block;
      color: #191340;
      margin-bottom: 14px;
  }
  .bannerContent h3 {
      font-size: 21px;
      color: #191340;
      line-height: 40px;
      font-weight: 700;
  }
   
  .btnGenreal ul {
      list-style: none;
      padding: 0;
  }
  
  .btnGenreal ul li {
      /* width: 100%; */
      float: left;
      margin-right: 11px;
      text-align: center;
  }
  
  .btnGenreal li a {
      display: block;
      text-decoration: none;
      padding: 16px 26px;
      font-size: 14px;
      font-weight: 500;
      border-radius: 100px;
      background: #6a54f6;
      color: #fff;
      position:relative;
      z-index: 15;
      border: 2px solid #6a54f6;
      overflow: hidden!important;
      text-transform: uppercase;
      /* width: 100%; */
      float: left;
  }
   .btnGenreal li.diffBtn a {
      background-image: -moz-linear-gradient( 90deg, rgba(237,230,255,0.99608) 0%, rgb(255,255,255) 100%);
      background-image: -webkit-linear-gradient( 90deg, rgba(237,230,255,0.99608) 0%, rgb(255,255,255) 100%);
      background-image: -ms-linear-gradient( 90deg, rgba(237,230,255,0.99608) 0%, rgb(255,255,255) 100%);
      color: #000;
      border: 2px solid #6a54f6;
  }
  
  /*banner Css*/
  
  /*counter Css*/
  .countdown-timer {
      background: #fff;
      position: relative;
      padding: 5px 0;
      width: 88%;
      border-radius: 34px;
      border: 3px solid #ac66fa;
      height: 65px;
      margin-bottom: 50px;
      z-index: 99;
  }
  
  .countdown-timer ul li {
      display: inline-block;
      padding-right: 16px;
      position: relative;
      font-weight: 600;
      color: #191340;
      font-size: 14px;
  }
  
  .countdown-timer p {
      position: absolute;
      font-weight: 500;
      text-transform: uppercase;
      color: #000;
      border-right: 1px solid #ac66fa;
      padding-right: 14px;
      left: 20px;
      top: 18px;
      margin: 0;
  }
  
  .countdown-timer ul {
      text-align: center;
      margin: 0;
      position: relative;
      top: 10px;
      left: 56px;
  }
  .countdown-timer ul li span {
      font-size: 20px;
      font-weight: 600;
      padding-right: 3px;
      color: #191340;
  }
  
  .countdown-timer ul li:after {
      background: #000;
      content: '';
      display: block;
      width: 6px;
      height: 2px;
      position: absolute;
      right: 2px;
      top: 20px;
  }
  .countdown-timer ul li:last-child:after {
      display: none;
  }
  /*counter css end*/

 
  
  /*Tabs Home*/
  
  section.TabsDevicesVpn .container {
      background: #fff;
      border-top: 1px solid #cccccc59 !important;
      padding-top: 50px;
      border: 1px solid #6a54f6;
      border-radius: 0 0 20px 20px;
  }
  
  
  /*Tabs Home*/
  
  
  /*Ipro Offer*/
  
  /*Secure Offer*/
  section.brwsingSecure .container {
      background: url(../images/ultimateBg.svg) no-repeat top/cover;
      color: #fff;
      background-size: cover;
      border-radius: 25px;
  }
  
  .row.secProces {
      background: #fff;
      color: #000;
      width: 100%;
      max-width: 80%;
      margin: 9px auto 0;
      display: flex;
      align-items: center;
      border-radius: 25px;
      position: relative;
      min-height: 298px;
      padding-top: 45px;
  }
  
  .row.secProces img {
      width: 100%;
      max-width: 58%;
  }
  
  .imgLft img {
      position: absolute;
      bottom: 0;
      left: 60px;
      max-width: 35% !important;
  }
  
  .boxConRigh h4 {
      color: #191340;
      font-size: 20px;
      line-height: 1;
      font-weight: 600;
  }
  
  .boxConRigh h1 {
      font-weight: 800;
      color: #191340;
      font-size: 35px;
      line-height: 46px;
  }
  
  /*Secure Offer*/
  
  
  /*Testimonials*/
  
  .testimonialsCrsle 
   button.owl-dot span {
      background: #dad4fd;
      width: 15px;
      height: 15px;
      display: block;
      margin: 5px 0;
      border-radius: 10px;
  }
  
  .testimonialsCrsle button.owl-dot.active span {
      background: #6a54f6;
  }
  
  .testimonialsCrsle 
   .owl-dots {
      width: 10%;
      display: grid;
      position: absolute;
      bottom: 170px;
      left: 20px;
  }


  
  /*Testimonials*/
  
 
  
  /*LogoSlider*/
  .logoSection.row {
      margin: 0;
  }
  
  .logoSection .comp_hd_blk {
      text-align: center;
      width: 100%;
      padding-bottom: 20px;
  }
  
  .logoSection .comp_hd_blk h4 {
      color: #666666;
      font-size: 19px;
      font-weight: 400;
  }
  
  .logoSection .logoSlider .owl-item {
      float: left;
      text-align: center;
  }
  
  .logoSection .logoSlider .disabled {
      display: none;
  }
  
  .logoSection .logoSlider {
      width: 87%;
      overflow: hidden;
      margin-left: 0;
  }
  
  .logoSection .logoSlider .owl-stage {
      display: flex;
      align-items: center;
  }
  
  .comp_none {
      display: none;
  }
  .comp_hd {
      display: flex;
      flex-flow: wrap;
      justify-content: center;
      align-items: center;
  }
  /*LogoSlider*/
  


  
  /*Bottom Sec End */
  
  
  /*Section 1*/
  .boxLeft {
      border-radius: 25px 0px 0px 25px;
      background: linear-gradient(243deg, #0B2268 0%, #288CB0 99.14%);
  }
  .ImgBox {
      position: relative;
  }
  
  .boxRight {
      background: #E6ECF1;
      border-radius: 0 25px 25px 0;
      display: flex;
      align-items: center;
      padding: 0 50px;
  }
  .ImgBox img {display: block;margin: 0 auto;margin-top: -50px;width: 100%;max-width: 70%;}
  .txtBox h3 {
      font-size: 36px;
      font-weight: 600;
      padding-bottom: 10px;
  }
  
  .txtBox p {
      line-height: 30px;
      color: #000;
  }
  
  .boxThirdLeft {
      background: #E6ECF1;
      border-radius: 25px;
      padding: 65px 60px;
      min-height: 680px;
  }
  
  .boxThirdLeft .ImgBox {
      position: relative;
      top: 50px;
  }
  .boxTxtThird h3 {
      font-size: 36px;
      font-weight: 600;
      padding-bottom: 10px;
  }
  
  .boxTxtThird p {
      line-height: 30px;
      color: #000;
  }
  
  .boxThirdRight {
      border-radius: 25px;
      background: linear-gradient(136deg, #0B2268 36.16%, #31ABC5 113.79%);
      color: #fff;
      padding: 65px 60px;
      min-height: 680px;
  }
  .boxThirdRight h3 {
      font-size: 36px;
      font-weight: 600;
      padding-bottom: 10px;
  }
  
  .boxThirdRight p {
      line-height: 30px;
      color: #fff;
  }
  .boxThirdRight .ImgBox {
      position: relative;
      top: 50px;
      left: 60px;
  }
  .boxThirdRight .ImgBox img {
      margin: 0;
      width: 100%;
      max-width: 70%;
      float: none;
      display: block;
  }
  .btnWeb h4 {
      text-align: center;
      margin-top: 50px;
  }
  
  .btnWeb h4 a {
      color: #0B2268;
      text-decoration: none;
      border: 2px solid #0B2268;
      padding: 9px 40px;
      border-radius: 30px;
      font-size: 19px;
  }
  
  .btnWeb h4 a:hover {
      background: linear-gradient(260deg, #0B2268 1.61%, #31ABC5 108.8%);
      color: #fff;
      border: none;
  }
  /*Section 1*/
  
  /*BoxStats*/
  .StatsBox {
      padding: 40px;
      text-align: center;
  }
  
  .StatsBox .statImage {
      width: 100%;
      margin-bottom: 20px;
  }
  
  .StatsBox .statImage img {
      width: 100%;
      max-width: 35%;
      height: 90px;
      object-fit: contain;
  }
  .StatsBox.bgGradient {
      background: url(../images/stats_bg.svg) no-repeat center 100%/cover;
      color: #fff;
      width: 50%;
      max-width: 47%;
      margin-right: 3%;
  }
  .StatsBox {
      background: #F5F6FA;
      border-radius: 20px;
      width: 50%;
      max-width: 47%;
      margin-right: 3%;
  }
  .RcontentBox {
      background: #F5F6FA;
      padding: 60px 30px;
      border-radius: 20px;
  }
  .LboxImage  img {
      width: 100%;
      height: 580px;
      object-fit: contain;
  }
  .VpnBoxRight .row {
      margin: 0;
  }
  .StatsFirst .StatsBox:nth-child(2) {
      margin-right: 0 !important;
      max-width: 50%;
  }
  .StatsLast .StatsBox:nth-child(2) {
      margin-right: 0 !important;
      max-width: 50%;
  }
  .VpnBoxLeft {
      background: url(../images/lft_home.svg) no-repeat center/contain;
      height: 100%;
      padding: 0 60px 70px;
      color: #fff;
      position: relative; 
      background-size: 100% 100%;
  }
  .LboxContent h2 {
      font-size: 40px;
  }
  
  .LboxContent p {
      font-size: 15px;
  }
  .RcontentBox h2 {
      font-size: 40px;
      padding-bottom: 7px;
  }
  
  .RcontentBox p {
      font-size: 15px;
  }
  .captionStats h4 {
      font-size: 36px;
      font-weight: 600;
      margin-bottom: 0;
  }
  .bgGradient .statImage img {
      filter: invert(100%);
  }
  .StatsBox:hover {
      background: url(../images/stats_bg.svg) no-repeat center 100%/cover;
      color: #fff;
      width: 50%;
  }
  .StatsBox:hover .statImage img {
      filter: invert(100%);
  }
  
  .LboxContent {
      position: absolute;
      bottom: 13%;
      padding-right: 60px;
  }
  /*BoxStats*/
  


  
  
  
  /*Featured Section2*/
  /*Devices Section*/
  section.DevicesMain {
      background: #E6ECF1;
  }

  .TabsDevices ul#pills-tab {
      background: #071B51;
      width: 100%;
      max-width: 67%;
      margin: 0 auto;
      border-radius: 10px;
      padding: 10px 0 5px;
  }
  
  .TabsDevices ul#pills-tab li {
      padding: 0 15px;
  }
  .TabsDevices ul#pills-tab li button.active {
      background: #7298C2;
  }
  
  .TabsDevices ul#pills-tab li button.active img {
      filter: brightness(4);
  }
  .TabsContentLeft {
      overflow-y: auto;
      max-height: 400px;
      direction: rtl;
      text-align: left;
      padding: 0 20px;
  }
  .BoxTab {
      background: #071B51;
      color: #fff;
      padding: 20px 30px 16px;
      margin-bottom: 10px;
      border-radius: 13px;
      width: 100%;
      max-width: 90%;
      float: left;
  }
  
  .BoxTab h4 {
      font-size: 18px;
      padding-bottom: 0px;
      font-weight: 600;
      line-height: 28px;
  }
  
  .BoxTab p {
      font-size: 14px;
  }
  /*
   *  STYLE 3
   */
  
  .TabsContentLeft::-webkit-scrollbar-track
  {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      background-color: #7298C2;
  }
  
  .TabsContentLeft::-webkit-scrollbar
  {
      width: 6px;
      background-color: #F5F5F5;
  }
  
  .TabsContentLeft::-webkit-scrollbar-thumb
  {
      background-color: #071B51;
  }
  /*Devices Section*/
  
  /*Benefit VPN*/
  .bVpnBox {
      background: #F5F5F5;
      padding: 30px 20px;
      border-radius: 10px;
  }
  .bVpnImg img {
      padding: 0 0 30px;
      width: 100%;
  }
  .bVpnBox h4 {
      font-size: 23px;
      color: #000;
      padding-bottom: 10px;
      font-weight: 500;
  }
  
  .bVpnBox p {
      font-size: 16px;
      padding: 0 60px 0 0;
  }
  .bVpnBox:hover {
      background: #e7e7e7;
      cursor: alias;
  }
  /*Benefit VPN*/
  
  
  /*Tabs Benefit VPN*/
  .Tabsbenefits ul#pills-tab li button img {
      display: block;
      margin: 0 auto;
      padding-bottom: 15px;
  }
  .TabsbenefitsVpn {
      background: #E6ECF1;
  }
  .Tabsbenefits ul#pills-tab {
      background: transparent;
      width: 100%;
   
      margin: 0 auto;
      border-radius: 10px;
      padding: 10px 0;
  }
  
  .Tabsbenefits ul#pills-tab li {
      padding: 14px 52px;
  }
  .Tabsbenefits ul#pills-tab li button.active {
      background: #fff;
      color: #191340;
      border-bottom: 4px solid #6a54f6;
      position: relative;
  }
  
  .Tabsbenefits ul#pills-tab li button.active img {
  }
  
  .Tabsbenefits ul#pills-tab li button {
      color: #191340;
      font-weight: 600;
      font-size: 19px;
      border-bottom: 1px solid #e9d8fe;
      border-radius: 0;
      padding-left: 0;
      padding-right: 0;
  }
  .Tabsbenefits ul#pills-tab li button:hover {
      background: #fff;
      color: #6b56f3;
  }
  .Tabsbenefits ul#pills-tab li button.active:before {
      content: '';
      display: block;
      position: absolute;
      bottom: -14px;
      left: 45%;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 14px solid #6b56f3;
  }
  .BtabImageRight img {
      width: 100%;
      max-width: 85%;
  }
  
  .BtabsContentLeft  h3 {
      font-size: 35px;
      padding-bottom: 5px;
      line-height: 50px;
      font-weight: 600;
  }
  
  .BtabsContentLeft p {
      font-size: 19px;
      line-height: 30px;
      color: #59595d;
      font-weight: 500;
  }
  /*Pricing Section*/
  .bgGrey{
     background: #E6ECF1; 
  }
  .boxFacts {
      border-radius: 15px;
      background: linear-gradient(92deg, #0B2268 0.73%, #31ABC5 135.36%);
      box-shadow: 3px 4px 20px 0px rgba(11, 34, 104, 0.35);
      color: #fff;
      padding: 40px 0;
      position: relative;
      top: -85px;
  }
  .fcts {
      position: relative;
  }
  
  .fcts:after {
      content: '';
      background: #BCCCD9;
      width: 1px;
      height: 120px;
      position: absolute;
      right: 0;
      top: -8px;
  }
  
  .boxFacts .col-sm-3:last-child .fcts:after {
      opacity: 0;
  }
  .fcts  img {
      margin-bottom: 5px;
  }
  
  .fcts h4 {
      font-weight: 300;
      font-size: 15px;
  }
  
  .fcts h2 {
      font-size: 34px;
      margin-bottom: 0;
      font-weight: 700;
  }

  


  .PricingPoints ul {
      list-style: none;
      padding: 0 20px;
      word-break: break-word;
      line-height: 25px;
      margin-bottom: 60px;
      /* padding-left: 0; */
  }
  
  .PricingPoints ul li {
      font-size: 14px;
      margin-bottom: 10px;
      color: #000;
      position: relative;
      text-align: left;
      margin-left: 0;
      padding-left: 10px;
  }
  
  .PricingPoints ul li:before {
      font: normal normal normal 14px/1 FontAwesome;
      content: "\f00c";
      color: #FFBE00;
      margin-right: 5px;
      /* float: left; */
      position: absolute;
      left: -10px;
      top: 4px;
  }
 


  

  .PaymentCapt h4 {
      font-size: 18px;
      margin-bottom: 20px;
      color: #000;
  }
  .MapSec .container {
      background: url(../images/map_bg.svg) no-repeat 100%/cover;
      background-size: 100% 100%;
      color: #fff;
  }
  
  .MapTitle  h2 {
      font-size: 40px;
      padding-bottom: 5px;
  }
  
  .MapTitle p {
      font-size: 18px;
      font-weight: 300;
  }
  .MapStats h3 {
      font-size: 40px;
      line-height: 22px;
  }
  
  .MapStats h5 {
      font-size: 16px;
      font-weight: 300;
  }
  
  .MapStats {
  }
  /*Tabs Benefit VPN*/
  
  
  /*About Us Testimonials*/
  
  .TestImage img {width: 100%;}
  
  .TestContent {
      background: #FAFAFA;
      padding: 40px 20px 33px 60px;
      border-radius: 0 0 20px 20px;
  }
  .TestContent p {
      font-size: 16px;
      font-style: italic;
      color: #434649;
      line-height: 29px;
  }
  
  .TestiQuote {
      position: relative;
      padding-left: 20px;
  }
  
  .TestiQuote:before {
      content: '';
      display: block;
      background: #888C8F;
      width: 1px;
      height: 100%;
      position: absolute;
      left: 0;
  }
  .TestiQuote h4 {
      color: #101010;
      font-size: 17px;
      font-weight: 600;
      line-height: 18px;
  }
  
  .TestiQuote h5 {
      color: #434649;
      font-size: 15px;
  }
  .TestLink {
      float: right;
      position: relative;
      top: -28px;
      right: 30px;
  }
  
  .TestLink a i {
      color: #000;
      font-size: 23px;
  }
  
  .AboutPeople .TestiSlider .owl-item {
      float: left;
    
  }
  
  .AboutPeople .TestiSlider .disabled {
      display: none;
  }
  
  .AboutPeople .TestiSlider {
      width: 100%;
      overflow: hidden;
      margin-left: 0;
  }
  
  .TestiSlider  .owl-dots {
      position: relative;
      padding-bottom: 40px;
      bottom: -34px;
      text-align: center;
  }
  
  .TestiSlider .owl-dots button.owl-dot {
      margin: 0 3px;
      background: #D9D9D9;
      border: 0;
      padding: 3px 15px;
      border-radius: 6px;
  }
  
  .TestiSlider .owl-dots button.owl-dot.active {
      background: #7298C2;
      padding: 5px 15px;
  }
  
  /*About Us Testimonials*/
  
  
  .TrendingImage img {width: 100%;border-radius: 10px 10px 0 0;}
  
  
  

  .TimePost h4 {
      position: relative;
      padding-left: 22px;
      font-size: 14px;
      color: #000;
  }
  
  .TimePost h4:before {
      display: block;
      content: "\f073";
      font: normal normal normal 14px/1 FontAwesome;
      position: absolute;
      left: 0;
  }
  .TrendingBox {
      background: #fff;
      box-shadow: 1px 1px 20px 7px #c7c7c7;
      display: flex;
      margin-bottom: 29px;
      border-radius: 15px;
  }
  
  .TrendingBox .RTrendingImage {
      width: 30%;
      float: left;
  }
  
  .RtrendingContent {
      width: 70%;
      padding: 26px 30px 0;
  }
  
  .RtrendingContent .TimePost {
      position: relative;
      display: block;
  }
  
  .TrendingBox .RTrendingImage img {border-radius: 10px 0 0 10px;}
  
  .RtrendingContent h2 {
      font-size: 21px;
      padding-bottom: 15px;
      line-height: 30px;
      font-weight: 600;
  }
  .BottomSection .row {
      background: url(../images/bottom_bg.svg) no-repeat 100%/cover;
      padding: 40px 80px;
      background-size: 100% 100%;
      color: #fff;
  }
  /*Trending POSTS*/
  
  /*FAQ*/
 

  
  /*FAQ*/
  

  .BtabImageRight {
      width: 100%;
  }
  
  .Tabsbenefits .tab-pane {
      background: transparent;
      padding: 0;
      max-width: 70%;
      margin: 0 auto;
      color: #59595d;
      width: 100%;
  }
  /*Bottom Section*/
  
  .TitleBottom h1 {
      font-size: 80px;
      font-family: "Inter", sans-serif;
      line-height: 68px;
      font-weight: 700;
  }
  
  .TitleBottom h5 {
      font-size: 23px;
      font-weight: 300;
      letter-spacing: 1px;
  }
  
  .TitleBottom h5 b {
      color: #FFBA24;
  }
  .BottomBullets ul {
      padding: 0;
      margin: 20px 0 0;
  }
  
  .BottomBullets ul li {
      list-style: none;
      position: relative;
      margin-bottom: 11px;
      font-size: 14px;
      padding-left: 25px;
  }
  
  .BottomBullets ul li:before {
      display: block;
      font: normal normal normal 14px/1 FontAwesome;
      content: "\f00c";
      position: absolute;
      left: 0;
      top: 3px;
  }
  .BottomBullets h4 a {
      color: #fff;
      background: #0C226B;
      text-decoration: none;
      padding: 10px 30px;
      border-radius: 30px;
      font-size: 16px;
      font-weight: 400;
  }
  
  .BottomBullets h4 {
      margin-top: 25px;
  }
  
  .BottomBullets h4 a:hover {
      background: linear-gradient(92deg, #0B2268 0.73%, #31ABC5 135.36%);
  }
  /*Bottom Section*/
  
  
  /*Table CSS*/

  /*.comparisonTable tr:nth-child(even) td:nth-child(2):before {*/
  /*    content: '';*/
  /*    display: block;*/
  /*    background: #e1e4fe;*/
  /*    width: 56px;*/
  /*    height: 100%;*/
  /*    position: absolute;*/
  /*    left: -20px;*/
  /*    top: 0;*/
  /*    border-radius: 80px;*/
  /*}*/
  
    /*Table CSS - Free Web Proxy*/
  .freeWebProxy th img {
      width: 75px;
      display: block;
      /*margin: 0 auto;*/
      margin-top:-33px;
      background-color:#fff;
      object-fit: contain;
      height: 72px;
      padding:15px;
      border: 1px solid #6a54f6;
      border-radius:50%;
  }
  .freeWebProxy th:nth-child(2){
      border-width:1px 1px 0 1px;
      border-radius:20px!important;
      border-color: #6a54f6;
      
  }


  
  .freeWebProxy th,.freeWebProxy td {
      vertical-align: middle;
  }
  
  .freeWebProxy td:first-child,.freeWebProxy th:first-child,.freeWebProxy td:last-child,.freeWebProxy th:last-child {
      border-right: 0;
      border-radius: 0 30px 30px 0 !important;
  }

  .freeWebProxy th:nth-child(2) {
      background: transparent;
      border-radius: 30px 30px 0 0;
  }
  
  .freeWebProxy td {
      padding: 15px 20px;
      font-size: 16px;
      font-weight: 600;
      text-align: center;
      color: #191340;
      border-right: 4px solid #fff;
  }
  
  .freeWebProxy td:first-child {
      text-align: left;
      border-radius: 30px 0 0 30px !important;
      /* position: relative; */
      max-width: 180px;
  }
  
  .freeWebProxy tr:nth-child(even) td:first-child {
      border-radius: 30px 0 0 70px;
  }
  
  .freeWebProxy tr:nth-child(even) td {
      background: var(--theme-bg)
  }
  
  .freeWebProxy tr:nth-child(even) td:nth-child(2) {
       border-width: 0 1px 0 1px;
       border-color:#6a54f6;
  
  }
  .freeWebProxy td{
      margin:0!important;
  }
  /*.freeWebProxy tbody tr:nth-child(odd) {background: #f4f5fc;border-bottom: 4px solid #fff;}*/
  
  .freeWebProxy tr:nth-child(even) td:last-child {
      border-radius: 0 10px 10px 0
  }
  
  .freeWebProxy {
      margin: 60px 0 0
  }
  

  .freeWebProxy tr td i.fa-check {
      color: #27d622
  }
  
  .freeWebProxy tr td i.fa-x {
      color: #d00013
  }
  
  .freeWebProxy tr td:nth-child(2) i.fa-check {
      color: #151642
  }
  
  .freeWebProxy tbody tr:last-child {
      background: transparent;
  }
  
  .freeWebProxy tbody tr td:nth-child(2) {
       background: #fff;
       border-width: 0 1px 0 1px;
       border-color:#6a54f6;
       width:42%;
  }
  
  .freeWebProxy td a {
      display: block;
      background-image: -moz-linear-gradient( 90deg, rgba(106,84,246,0.99608) 0%, rgb(172,102,250) 100%);
      background-image: -webkit-linear-gradient( 90deg, rgba(106,84,246,0.99608) 0%, rgb(172,102,250) 100%);
      background-image: -ms-linear-gradient( 90deg, rgba(106,84,246,0.99608) 0%, rgb(172,102,250) 100%);
      color: #fff;
      text-decoration: none;
      padding: 14px 0;
      text-transform: uppercase;
      border-radius: 0 0 20px 20px;
      font-weight: 600;
  }
  
  .freeWebProxy td .fa-check {
      color: #4CAF50;
  }
  
  .freeWebProxy td .fa-times {
      color: red;
  }
  
  .freeWebProxy tbody tr:nth-child(even) {
      background: #fff;
      /*border-bottom: 4px solid #fff;*/
  }


/* td.btnTble a{*/
/*    display: block;*/
/*    text-decoration: none;*/
/*    padding: 16px 26px;*/
/*    font-size: 14px;*/
/*    font-weight: 500;*/
/*    border-radius: 100px;*/
/*    background: #6a54f6;*/
/*    color: #fff;*/
/*    position: relative;*/
/*    z-index: 15;*/
/*    border: 2px solid #6a54f6;*/
/*    overflow: hidden !important;*/
/*    text-transform: uppercase;*/
/*     width: 50%;*/
/*     margin:auto;*/
/*     margin-bottom:-30px;*/
    /*float: left;*/
/*}*/

  /*.freeWebProxy td:nth-child(2):before {*/
  /*    content: '';*/
  /*    display: block;*/
  /*    background: #fff;*/
  /*    width: 56px;*/
  /*    height: 100%;*/
  /*    position: absolute;*/
  /*    left: -20px;*/
  /*    top: 0;*/
  /*    border-radius: 80px;*/
  /*}*/
  /*Table end*/
  
  

 
  /*Table Css End*/
  

  
  .TextCopy h3 {
      font-size: 15px;
      color: #fff;
      font-weight: 400;
  }
  section.BottomSection {
      position: relative;
      bottom: -110px;
  }
  .FooterMenu h4,
  .FooterSocial h4,
  .FooterContact h4 {
      font-size: 16px;
      color: #ffffff;
      text-transform: uppercase;
      padding-bottom: 15px;
  }
  


  .FooterContact ul {
      margin: 0;
      padding: 0;
      list-style: none;
  }
  
  .FooterContact ul li {
      font-size: 14px;
      margin-bottom: 15px;
  }
  
  .FooterContact {
      margin-left: -36px;
  }
  
  .FooterContact ul li a {
      text-decoration: none;
      color: #F3961B;
      font-size: 14px;
      font-weight: 500;
  }
  
  .Sitemap {
      padding-top: 30px;
  }
  .FotterLogo  img {
      width: 100%;
      max-width: 80%;
      margin-top: 30px;
  }
  .FooterSocial ul li a i {width: 21px;}
  /*Footer*/
  .boxesVpn {
      border-radius: 25px;
      background: #F3F7FA;
      box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);
      min-height: 330px;
      padding: 25px 23px;
  }
  
  .boxesVpn img {
      margin-bottom: 25px;
  }
  
  .boxesVpn h3 {
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 10px;
  }
  
  .boxesVpn p {
      color: #000;
      font-size: 15px;
      font-weight: 400;
  }
  .boxVpnHead h2 {
      color: #000;
      text-align: center;
      font-size: 45px;
      font-weight: 500;
      line-height: 60px; /* 133.333% */
  }
  
  .boxVpnHead {
      padding: 0 50px;
      position: relative;
      top: 30px;
  }
  .TabImageRight img {
      height: 440px;
      object-fit: contain;
  }
 
  .windowsImg img {
      height: 340px;
      margin-top: 40px;
  }
  span.daysGuranteed {
      text-align: center;
      font-size: 14px;
      padding: 10px 0;
      display: block;
      font-weight: 600;
  }
  /*Button Css*/
  .btnGenreal a:hover {
      /*background: #faa727*/
  }
  
  .btnGenreal a:hover::after,
  .btnGenreal a:hover::before,
  li.loginBtn a:hover::after,
  li.loginBtn a:hover::before,
  li.tryBtn a:hover::after,
  li.tryBtn a:hover::before,
  .bottomSecInfo h5 a:hover::after,
  .bottomSecInfo h5 a:hover::before,
  .boxBtm h5 a:hover::after,
  .boxBtm h5 a:hover::before ,
  .theme-btn:hover::before, .theme-btn:hover::after,
  .BuyBtn h4 a:hover::before, .BuyBtn h4 a:hover::after{
      opacity: 1;
      width: 116%
  }
  
  .theme-btn:after, .btnGenreal a:after, li.loginBtn a:after, li.tryBtn a:after, .bottomSecInfo h5 a:after, .boxBtm h5 a:after , a.scrolltopricing:after, .BuyBtn h4 a:after{
      content: "";
      width: 0;
      height: 100%;
      display: block;
      /*background: #faa727;*/
      position: absolute;
      -ms-transform: skewX(-20deg);
      -webkit-transform: skewX(-20deg);
      -o-transform: skewX(-20deg);
      -moz-transform: skewX(-20deg);
      transform: skewX(-20deg);
      left: -10%;
      opacity: 0;
      top: 0;
      z-index: -10;
      -webkit-transition: all .94s cubic-bezier(.2,.95,.57,.99);
      -moz-transition: all .4s cubic-bezier(.2,.95,.57,.99);
      -o-transition: all .4s cubic-bezier(.2,.95,.57,.99);
      transition: all .4s cubic-bezier(.2,.95,.57,.99);
      box-shadow: 2px 0 14px rgba(0,0,0,.6)
  }
  
  .theme-btn:before, .btnGenreal a:before, li.loginBtn a:before, li.tryBtn a:before, .bottomSecInfo h5 a:before, .boxBtm h5 a:before , a.scrolltopricing:before, .BuyBtn h4 a:before   {
      content: "";
      width: 0;
      height: 100%;
      display: block;
      background: rgba(255,255,255,.17);
      position: absolute;
      -ms-transform: skewX(-20deg);
      -webkit-transform: skewX(-20deg);
      transform: skewX(-20deg);
      -moz-transform: skewX(-20deg);
      -o-transform: skewX(-20deg);
      left: -10%;
      opacity: 1;
      top: 0;
      z-index: -5;
      -moz-transition: all .7s cubic-bezier(.77,0,.175,1);
      -o-transition: all .7s cubic-bezier(.77,0,.175,1);
      -webkit-transition: all .7s cubic-bezier(.77,0,.175,1);
      transition: all .7s cubic-bezier(.77,0,.175,1);
      box-shadow: 2px 0 14px rgba(0,0,0,.6)
  }
  .FooterSocial p {
      font-size: 15px;
      color: #fff;
      line-height: 31px;
      opacity: 0.9;
  }
  

  
  
  
  

/*MBALI*/
.countdown-timer:before {
    content: "";
    width: 210px;
    height: 180px;
    position: absolute;
    right: 97%;
    background-image: url('../images/circle-before.svg');
    top: -14px;
    background-repeat: no-repeat;
    z-index: -1;
}

  .peops-banner-img {
    max-height: 660px;
    width: unset;
    z-index: 9;
    position: relative;
    display: table;
    margin-left: 70px;
}
img.chanels-eclipse {
    position: absolute;
    z-index: 9;
    top: -60px;
    left: -60px;
}


img.orbit-bg {
    position: absolute;
    left: 20px;
    z-index: 0;
    top: 0;
}

 
 .bannerImg img, .bannerImg picture img{
	     transition: transform 0.3s ease-in-out;
	}
  .bannerImg:hover .chanels-eclipse {
    transform: translateX(20px);
}
.bannerImg:hover .orbit-bg {
    transform: translateY(-20px);
}
.bannerImg:hover picture img {
    transform: translateY(10px);
}


section.TabsDevicesVpn {
}

.Tabsbenefits {
    padding-bottom: 26px;
}



.hide-lg{display: none !important;}



.underPricing {
    border: 2px solid #6a54f6;
    padding: 145px 73px 65px;
    border-top: 0;
    border-radius: 20px;
    max-width: 94%;
    display: block;
    margin: 0 auto;
}

.underPricing h4 {
    font-size: 24px;
    font-weight: 600;
    color: #191340;
    margin-bottom: 15px;
    letter-spacing: -0.5px;
}

.underPricing li {
    margin-bottom: 19px;
    color: #47464b;
    font-size: 17px;
    list-style: none;
    position: relative;
    padding-left: 30px;
}

.underPricing li:before {
    content: "\f058 ";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    color: #aa66fa;
    font-size: 17px;
}

.underPricing ul {
    padding-left: 0;
}







input#add-devices {
    max-width: 70px;
    padding: 5px 6px;
    text-align: center;
    margin: 0;
}

.addition-device {
    padding-top: 15px;
    font-weight: 500;
}
input:focus {
    outline: none !important;
}



input#addon-switch {
    float: right;
}
p.saveUpto {
    background-image: -moz-linear-gradient(90deg, rgba(106, 84, 246, 0.99608) 0%, rgb(172, 102, 250) 100%);
    background-image: -webkit-linear-gradient(90deg, rgba(106, 84, 246, 0.99608) 0%, rgb(172, 102, 250) 100%);
    background-image: -ms-linear-gradient(90deg, rgba(106, 84, 246, 0.99608) 0%, rgb(172, 102, 250) 100%);
    display: table;
    color: #fff;
    border-radius: 50px;
    font-size: 16px;
    padding: 6px 10px;
}
.align-items-center{
    align-items: center !important;
    display: flex;
}
.vatRow span.underline {
    border-bottom: 1px solid;
}
.orderSummary hr {
    margin: 17px 0;
    border-color: #e8eaeb;
    opacity: 1;
}

.orderSummary 
 h4.total {
    margin-top: 45px;
}

.orderSummary h4.total {
    color: #191340;
    font-size: 22px;
    font-weight: 600;
}

.orderSummary h4.total span {
    font-weight: bold;
}

.orderSummary .strikethrough {
    font-size: 14px;
    color: #191340;
    font-weight: 500;
    position: relative;
}

.orderSummary .strikethrough:after {
    content: "";
    width: calc(100% + 15px);
    height: 2px;
    background-color: #6a54f6;
    position: absolute;
    left: -10px;
    right: 0;
    top: 2px;
    bottom: 0;
    margin: auto;
}

.orderSummary h3 {
    font-size: 22px;
    font-weight: 700;
    color: #191340;
    margin-bottom: 18px;
}
.couponWrap  label {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #191340;
}

.couponWrap  button {
    padding: 12px 32px;
    margin-left: 15px;
    border: 0;
    border-radius:12px;
    background-image: -moz-linear-gradient(90deg, rgba(106, 84, 246, 0.99608) 0%, rgb(172, 102, 250) 100%);
    background-image: -webkit-linear-gradient(90deg, rgba(106, 84, 246, 0.99608) 0%, rgb(172, 102, 250) 100%);
    background-image: -ms-linear-gradient(90deg, rgba(106, 84, 246, 0.99608) 0%, rgb(172, 102, 250) 100%);
}
html .form-control:focus, html .form-check-input:focus {
    box-shadow: unset !important;
    border-color: #ccc !important;
}



.payment-methods .custom-control {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.home header {
    border: 0;
}



body.home .centerImg .middleImge{
    position: absolute;
    top: 8px;
    width: 100%;
    text-align: center;
    right: 55%;
    z-index: -1;
}

body.bodyFreeVPN .centerImg .middleImge {
    /*position: absolute;*/
    top: 12px;
    /*width: 100%;*/
    /*text-align: center;*/
    right: 20%;
    /*z-index: -1;*/
}

.switchPanel h5 {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
    color: #191340;
    margin-right: 22px;
}

.switchPanel {
    position: relative;
    justify-content: space-between; /* Space between the inner elements */
    align-items: center;
}

p.checkoutMoneyback {
    margin-bottom: 0;
    font-size: 14px;
    color: #191340;
}



img.checkoutMoneySticker {
    position: absolute;
    bottom: 25px;
    right: 0;
}



.orderSummary p {margin-bottom: 11px;}

.orderSummary h4.total span {
    font-size: 20px;
}

.couponWrap {
    padding-top: 22px;
}
input#coupon-code{
    border-radius:12px;
}



body.freeWebProxy section.proxyContent {
    padding: 20px;
}


/* Proxy page end */



.autoWidth {
    max-width: 100%;
}



/*.webExperience .centerImg .middleImge img {*/
/*    height: unset;*/
/*    top: 10%;*/
/*    margin: auto;*/
/*    width: unset;*/
/*    left: 0;*/
/*    right: 0;*/
/*}*/



/*.webExperience .centerImg:before {*/
/*    display: none;*/
/*}*/

/*.form-switch .form-check-input:checked {*/
/*    pointer-events: none;*/
/*}*/
/*Server page end*/

section.serverBanner.downloadBanner {
    background-color: transparent;
    width: 100%;
    margin: 0px 0;
    padding: 50px 0 0;
}
section.availableBrowsers {
    background-color: #f6f7ff;
    text-align: center;
    padding: 130px 0 90px;
}

section.availableBrowsers h2, section.bigScreen h2, section.gameConsoles h2 {
    font-weight: 600;
    color: #191340;
    font-size: 40px;
    margin-bottom: 15px;
}

section.availableBrowsers p, section.bigScreen p , section.gameConsoles p {
    font-weight: 400;
    color: #47464b;
    font-size: 20px;
    margin-bottom: 40px;
    margin-top: 20px;
    letter-spacing: -0.3px;
}
section.bigScreen {
    padding: 120px 0 0px;
}


section.bigScreen p , section.gameConsoles p {
    font-size: 18px;
    line-height: 1.7;
}
.bigScreen hr, .gameConsoles  hr {
    border-color: #afa6e4;
    opacity: 1;
    width: 50%;
}

.bigScreen hr {
    float: right;
    margin-right: 50px;
}
section.downloadBanner h1 {
    margin-top: 0 !important;
    letter-spacing: -0.1px;
}

section.downloadBanner p {
    letter-spacing: -0.3px;
}

section.bigScreen h2 {
    /*margin-top: 180px;*/
    margin-bottom: 10px;
}





	
/*Login page*/



.logo {
    width: 80px;
    margin-bottom: 20px;
}


.register-link {
    color: #ffffff;
    text-decoration: underline;
}


.register-link {
    color: #ffffff;
    text-decoration: underline;
}










	
.availableInner {
    background-color: #f3f4f4;
    padding: 50px 0 70px;
}



.center-align {
    text-align: center;
}

.noPaddingTop {padding-top: 0 !important;}

section.freeVpnProtect ~ .testimonialsSec {
    margin-bottom: 0 !important;
}




.tab-content>.active {
    opacity: 1;
}

/*---------CUSTOM TABS START------------*/

.tab-links {
    list-style-type: none;
    padding: 0;
}

.tab-links li {
    display: inline-block;
    margin-right: 10px;
}

.tab-links a {
    text-decoration: none;
    padding: 5px 15px;
    color: #333;
}

.tab-links .active a {
    background-color: #007bff;
    color: white;
}

.tab-content .tab {
    display: none;
}

.tab-content .active {
    display: block;
}
section.countryTabSec p {
    font-size: 18px;
    color: #191340;
    line-height: 1.6;
}

.tabServiceBox h5 {
    margin: 14px 0;
    font-size: 18px;
    font-weight: 600;
}

section.countryTabSec .tab-links li {
    display: block;
    clear: both;
}

section.countryTabSec .tab-links li a {
    background-color: transparent;
    border-left: 1px solid #6f6d79;
    border-radius: 0;
    display: block;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
    color: #6f6d79;
}


section.countryTabSec .tab-links li.active a {
    font-size: 24px;
    color: #191340;
    font-weight: 600;
    border-left-color: #6a54f6;
}

section.countryTabSec {
    padding: 80px 0;
    background-color: #f6f7ff;
}

.tabServiceBox {
    margin-bottom: 40px;
    border-bottom: 1px solid #d6d5dc;
    padding-bottom: 15px;
}

.countryTabSec ul.tab-links {
    margin: 35px 0;
}

.tabServiceBox:last-child {
    border: 0;
}
.countryBanner {
    padding: 80px 0 0 0;
}	


a.theme-btn {
    display: block;
    text-decoration: none;
    padding: 16px 26px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 100px;
    background: #6a54f6;
    color: #fff;
    position: relative;
    z-index: 15;
    border: 2px solid #6a54f6;
    overflow: hidden !important;
    text-transform: uppercase;
    display: table;
}

.countryFindWrap a.theme-btn {
    margin: 20px auto;
}





.bx-wrapper {
    border: 0 !important;
    box-shadow: unset !important;
}
.bx-controls-direction {
    display: none;
}

.bx-pager.bx-default-pager {
    position: absolute !important;
    top: 0;
    left: 0;
    width: unset !important;
}
.bx-pager.bx-default-pager > div {
    display: block;
    margin: 12px 12px;
}

.bx-pager.bx-default-pager > div a {
    background-color: #dad4fd !important;
}

.bx-pager.bx-default-pager {
    margin-left: 20px;
    margin-top: 320px;
}

.bx-pager.bx-default-pager a.bx-pager-link.active {
    background-color: #6a54f6 !important;
}

.streaming-restriction-section .restriction-box{
    border-radius:20px;
    border: 1px solid #eee;
    margin:1%!important;
    min-height: 370px !important;
    margin-bottom: 15px !important;
}
.streaming-restriction-section .restriction-box img.streaming-icon{
    width:auto!important;
}
.streaming-restriction-section .owl-nav img{
    background-color:#d5d5d5;
    padding:13px 10px;
    border-radius:5px;
    width:40px;
    height:auto;
    margin:5px;
}
.streaming-restriction-section .owl-nav img:hover,.streaming-restriction-section .owl-nav img:active{
    background-color:#6a54f6;
}

.streaming-restriction-section .owl-nav {
    top: -160px;
    right: 20px;
    position: absolute;
}
.w-90{
    width:90%!important;
}

.input-number-group input[type=number]::-webkit-inner-spin-button,
.input-number-group input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
}

.addition-device .input-number-group {
    display: flex;
    margin: 0px 10px;
}

.addition-device input.input-number {
    width: 30px !important;
    height: 40px !important;
    text-align: center;
    border-top: 1px solid #80808080;
    border-bottom: 1px solid #80808080;
    border-left:0;
    border-right:0;
    border-radius: 0 !important;
}

.addition-device button.input-number-increment , button.input-number-decrement {
    width: 40px;
    font-size: 20px;
    border: 1px solid #80808080;
    border-left:0;
    border-radius: 0 10px 10px 0;
    background-color: white;
}

.addition-device button.input-number-decrement {   
    border-radius:  10px 0 0 10px ; 
    border-right:0;
    border-left:1px solid #80808080;
}


.accordion-button::after {
    font-weight: bold !important;
    position: absolute;
    right: 20px;
    top: 16px;
}

div#accordionExample * {
    transition: 0.4s all 0s;
}
.active .accordion-button::after {
    top: 5px;
}

   
section.countryBanner .list-group span {
    background-color: #6a54f6;
    padding: 5px;
    font-size: 12px;
}

.countryBanner .list-group-item {
    border: none;
    padding-left: 0;
}

.countryBanner h2 {
    font-weight: 600 !important;
    font-size: 50px;
}

.countryBanner h6 {
    font-size: 20px;
    line-height: 30px;
    width: 80%;
    margin-bottom: 15px;
}


/**/


.app-lr-content h3 {
    font-weight: 600;
    color: #191340;
    font-size: 32px;
}

.app-lr-content p {
    font-size: 18px;
    line-height: 1.8;
    color: #191340;
    margin-bottom: 25px;
}

.app-lr-content li {
    font-weight: 500;
}


/*checkout CSS*/

/* Initially hidden and collapsed, with smooth transitions */
/*.orderSummary.checkoutPanel {*/
/*    visibility: hidden;*/
/*    opacity: 0;*/
/*    max-height: 0;*/
/*    overflow: hidden;*/
/*    transition: visibility 0s, opacity 0.3s ease-in-out, max-height 0.3s ease-in-out;*/
/*}*/

/*SignupForm*/
/* styles.css */





.bodyFreeVPN .faqSec, .appWindowsPage .faqSec, .bodyAustralia .faqSec, .bodyDownload .faqSec, .FreeWebProxy .faqSec, .bodyPricing .faqSec, .bodyServer .faqSec, .bodyRiskFreeVPN .faqSec, .streaming-vpn .faqSec{
    background: url()!important;
}

.appWindowsPage .faqSec, .bodyAustralia .faqSec{
    padding-top:75px;
}
.bodyFreeVPN .available-section, .bodyRiskFreeVPN .available-section{
    background-color: #f3f4f4;
    padding-bottom: 75px;
}


.promiseForAbout, .solutionForAbout, .problemsForAbout {
        margin: 20px auto 90px;
}



/* .pageRiskFreeVPN  .centerImg .middleImge img {*/
/*    height: unset!important;*/
/*    top: 10%;*/
/*    margin: auto;*/
/*    width: unset!important;*/
/*    left: 0;*/
/*    right: 0;*/
/*}*/

 .pageRiskFreeVPN  .centerImg .middleImge {height: unset;top: 90px;bottom: 0;margin: auto;left: -90%;}

.pageRiskFreeVPN  .centerImg:before {
    display: none;
}
.riskFreeVPNBanner h6{
    margin:20px 0;
    margin-bottom: 0 !important;
}

 section.chrome-extension-page h4 strong{
    padding: 10px 10px;
    border-radius: 50px;
}
  .chromeExtension hr{
        display:block;
    }


.chrome-extension-page .list-group-item{
    font-size:20px;
    font-weight:500;
}
p.list-group-item-p{
    font-size:16px;
    font-weight:500;
    color:#191340!important;
    line-height:30px;
}

span.justify-content-center.text-white.rounded-circle.m-2.me-2 {
    background-color: #6a54f6;
    padding: 2px;
    width: 30px;
    margin: auto !important;
}


.chrome-extension-page-row a{
    display: block;
    text-decoration: none;
    padding: 16px 26px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 100px;
    background: #6a54f6;
    color: #fff;
    position: relative;
    z-index: 15;
    border: 2px solid #6a54f6;
    overflow: hidden !important;
    text-transform: uppercase;
    /* width: 100%; */
    float: left;

}

.chrome-extension-page-row a.diffBtn{
    background-image: -webkit-linear-gradient(90deg, rgba(237, 230, 255, 0.99608) 0%, rgb(255, 255, 255) 100%);
    color: #000;
    border: 2px solid #6a54f6;
    margin-left:10px;
}


img.androidStaySaveImg {
    width: 130%;
    margin-left: -60px;
}
    
section .androidPage-row .keyFeatures.madeEasyBoxes {
    border: 1px solid #6a54f6;
    border-radius: 20px;
    padding: 30px 10px 30px 30px;
    margin: 28px auto;
}
section.madeEasy.chrome-extension-page.chromeKeyFeatures{
    background-color:#fff;    
    padding: 10px 0;
    
}


h4.sub-line{
    color:#47464b;
    font-weight:500;
}


.bx-wrapper img {
}


.riskFreeVPNBanner h6 {
    font-size: 18px;
}.riskFreeVPNBanner 



section.fire-TV-Safe-secure .w-100 {
    margin-left: -20px;
    margin-top: 44px;
    width: 110%!important;
}
section.fire-TV-Safe-secure h4 {
    margin-top:20px;
}
section.macbookSection2 .w-100{
        width: 132% !important;
            margin-left: -120px;
}
section.app-lr-content p.subElementp{
    width:95%;
    padding-left:27px;
}
section.app-lr-content p.colorBlue, section.app-lr-content h4.colorBlue{
    color:#191340!important;
}
section.safe-secure img.w-100.mt-5.pt-5.routerS2{
    margin:auto!important;
}




img.contactLiveChatImage{
    margin: -100px 0 30px 0;
}



.unlimitEntertain p {
    font-size: 17px;
    color: #191340;
}
.appWindowBanner hr {
    margin-top: 80px;
    border-color: #efefef;
    opacity: 1;
}

section.banner.appWindowBanner {
    padding-bottom: 20px;
}
.appWindowSecure img.w-100 {
    width: unset !important;
    margin-left:-80px;
}

section.fireTvBanner hr {
    border-color: #efefef;
    opacity: 1;
    margin-top: 60px;
}

section.banner.fireTvBanner {
    padding-bottom: 30px;
}
.iosBanner hr {
    margin-top: 70px;
    border-color: #efefef;
    opacity: 1 !important;
}

section.banner.iosBanner {
    padding-bottom: 0;
}



.freeWebProxyTable ul {
    padding-left: 0;
}

.freeWebProxyTable ul li {
    font-size: 16px;
    margin: 12px 0;
    display: block;
    padding: 0 50px;
    font-weight: 600;
    line-height: 1.6;
}

.freeWebProxyTable ul li:last-child {
    border-bottom: none;
}

.freeWebProxyTable .text-success i,
.freeWebProxyTable .text-danger i {
    font-size: 24px;
    color: #13cf63;
    margin-top: -2px;
}

.freeWebProxyTable button {
    background-color: #7367f0;
    border: none;
    border-radius: 30px;
    padding: 10px 20px;
    color: #fff;
    font-size: 16px;
    position: relative;
    top: 20px;
}

.freeWebProxyTable button:hover {
    background-color: #5e5ab5;
}.absTableIcon {
    position: absolute;
    top: 0;
    width: 90px;
    height: 90px;
    border: 1px solid #6a54f6;
    top: -48px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
}


.freeWebProxyTable ul li:nth-child(odd) {
    background-color: #f4f5fb;
    boorder-radius:20px;
}

.freeWebProxyTable .midC ul li:nth-child(odd) {
    background-color: unset;
}
.midC {
    border: 1px solid #6a54f6;
}

.absTableIcon img {
    margin-top: 16px;
}

.rightC {
    text-align: center;
}

.rightC .text-muted {
    color: #191340;
    font-size: 16px;
    font-weight: 600;
}

.freeWebProxyTable .text-danger i {
    color: #e7161f;
}
.w-80 {
    width: 80%;
}
.rightC h5 {
    position: absolute;
    top: 18px;
    text-align: center;
    width: 100%;
    left: 0;
    font-size: 20px;
    font-weight: 600;
}
.freeWebProxyTable  ul.me-auto {
    display: table;
    margin: 0 auto;
}

.freeWebProxyTable ul.me-auto a {
    margin-bottom: -36px;
    text-decoration: none;

}

button.float-left.btnGenreal{
    display: block;
    text-decoration: none;
    padding: 14px 36px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 100px;
    background: #6a54f6;
    color: #fff;
    position: relative;
    z-index: 15;
    border: 2px solid #6a54f6;
    overflow: hidden !important;
    text-transform: uppercase;
    /* width: 100%; */
    float: left;
}

body.contactPage label{
    font-family: 'inter';
    font-weight:500;
    color: #191340;
    
}
.col-lg-4.col-md-4.leftC ul li:nth-child(odd){
    border-radius: 20px 0 0 20px;
}
.col-lg-4.col-md-4.rightC ul li:nth-child(odd){
    border-radius: 0 20px 20px 0;
}

.free_trial_card {
    position: static;
    min-height: 300px;
}

.free_trial_para {
    color: gray;
    text-align: center;
    padding-top: 2rem;
    max-width: 80%;
    margin: auto;
}

.non-active{
    background-color: #6a54f6fe !important;
    color: #fff !important;
}

.checkList li {
    font-size: 18px;
    color: #47464b;
    font-weight: 500;
    margin: 10px 0;
    position: relative;
    padding-left: 28px;
}

ul.checkList {
    padding: 0;
    list-style: none;
    margin-bottom: 40px;
}
ul.checkList.two-columns {
    display: flex;
    flex-wrap: wrap;
}

ul.checkList.two-columns li {
    flex: 1 1 50%;
}
.checkList li:before {
    content: "\f058 ";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    color: #6a54f6;
}

.whatVpn {background-color: #f6f7ff;padding: 83px 0;}

.verticalMiddle .row > div {
    margin-top: auto;
    margin-bottom: auto;
}

section.whatVpn p {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 25px;
}

.goto-top {
    position: fixed;
    bottom: 32px;
    left: -100px;
    width: 40px;
    height: 40px;
    display: flex;
    background: #8575db;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-size: 25px;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
    border: 1px solid #8575db;
    cursor: pointer;
    z-index:99;
    transition: all ease 1s;
}
.goto-top:hover {
    background: #1f212f;
    color: #fff;
    border: 1px solid #ffffff6b;
    transition: all ease 1s;
}
.hidden-goto-top {
    left: 30px;
    transition: all ease 1s;
}

.goto-top {
    background: #8575db !important;
}

/* IPRO CSS UPDATED */
/* IPRO CSS UP */




/* add css buy vpn */

.PricingPlan .col-lg-6.step-Four.mt-2 {
    margin-top: -140px !important;
}

@media(max-width : 991px) {
    .PricingPlan .col-lg-6.step-Four.mt-2 {
        margin-top: 0 !important;
    }
    .checkoutMoneySticker {
        margin-top : 20px;
    }
}

.spn-color {
    color: #8A8C98 !important;
}
/*@media (min-width: 1200px) {*/
/*    body .container {*/
/*        max-width: 1230px;*/
/*    }*/
/*}*/


.container-fluid.bgPurple.hidden-sm {
    display : none;
}