/*---- header css starts here --------- */

  .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.head.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 9999;
    box-shadow: 0px 0px 30px #0000001a;
}
.head.fixed .sticky-top {
    padding-top: 10px;
    padding-bottom: 5px;
}

  .headRow {
      background: #fff;
      /* box-shadow: 1px 1px 6px 3px #e9e9e9; */
      padding: 22px 15px 22px;
      border-radius: 7px;
      align-items: center;
  }
  
  .home .headRow {
    padding-bottom: 10px;
}

  
  .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;
  }
  
  .menuMain li:last-child.nav-item {
    padding-right: 0;
}

   nav.mobile_menu {
      display: none;
  } 
  
    .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;
  }
  
  
  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;
  }

/*---- header css ends here --------- */


/*------ footer css starts here ------*/

  footer.FooterSec {
      background: #191340;
      padding-top: 7em;
  }
    .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 {}
  .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;
  }
  
    .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 {
      padding: 14px 16px;
      border: 1px solid #7e7b94;
      border-radius: 30px;
      margin-right: 3px;
  }
  
  ul.smFooter li a i:hover {
      background: #fff;
      color: #19143f;
  }
  
  
  .Copyright {
      border-top: 1px solid #19558A;
      padding: 20px 0;
      background: #6a54f6;
      color: #fff;
  }
  
  .Copyright p {
    margin-bottom: 0;
}

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

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

/*---- footer css ends here ------*/


/*------ 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%;
}

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

#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 ------*/


/*------ faq css starts here ------*/

   .faqSec .accordion-button:focus{
      box-shadow: none !important;
  }
  .faqSec {
      background: url(../images/bgLight.svg) no-repeat top/cover !important;
      background-size: 100% !important;
      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;
  }
  
  .faqsecTit.text-center {
    padding-top: 6px !important;
}

  .cstmFaqs .accordion-header button {
      background: #fff;
      color: #010101;
      font-weight: 600;
      font-size: 18px;
      box-shadow: none;
      border-radius: 30px !important;
  }
  
    .cstmFaqs .accordion-item {
      margin-bottom: 20px;
      border: 1px solid #bebebe;
      background: white;
      border-radius: 30px !important;
  }
  
    .cstmFaqs .accordion-header button.collapsed {
      background: #fff;
      color: #010101;
      font-weight: 600;
      font-size: 18px;
      padding-left: 30px;
      border-radius: 30px !important;
  }
  
  .cstmFaqs .accordion-body {
      background: #fff;
      padding: 0 23px 30px;
      border-radius: 30px;
  }
  
  .cstmFaqs .accordion-item.active {
    border-color: #6a54f6;
    border-width: 2px;
    overflow: hidden;
    padding: 15px 10px 0px;
    padding-right: 0;
}

/*------ faq css ends here ------*/


/*------ testimonials css starts here ------*/

section.testimonialsSec {
    margin-top: 6.6rem !important;
    margin-bottom: -230px;
    padding-bottom: 0 !important;
}

section.testimonialsSec.mt-5 ~ section {
    position: relative;
}

  .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;}
  
  img.noimage {
    opacity: 0;
}

  .testiBox {
      padding: 30px 40px 10px;
      border: 2px solid #dabfff;
      border-radius: 20px;
      width: 100%;
      max-width: 85%;
      float: right;
      margin-bottom: 25px;
      height: 300px;
  }
  
  .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;
      
  }

/*------ testimonials css ends here ------*/


/*------ trending posts css starts here ------*/

 
   .TrendingPost .container {
      background: url(../images/blogBg.svg) no-repeat center/cover;
      background-size: 100% 100%;
      padding: 30px 40px;
  }
  
  section.TrendingPost .container {
    padding: 60px;
}

section.TrendingPost {
    position: relative;
    z-index: 9;
}

  .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;
  }
  
   .postBlogLeft {
      position: relative;
  }
  
    .postBlogLeft img {
      width: 100%;
      height: 522px;
      object-fit: cover;
      border-radius: 20px;
  }
  
    .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;
  }
  
    .postDetls {
      position: absolute;
      bottom: 40px;
      color: #fff;
      padding: 0 50px 0;
      max-width: 70%;
  }
  .postDetls h2 {
      font-size: 22px;
      padding-bottom: 5px;
  }
  
  .postDetls p {
      font-size: 18px;
      line-height: 28px;
  }
  .postDetls p a {
      display: block;
      text-decoration: none;
      color: #fff;
      padding: 20px 0;
  }
  
    .blogcent {
      position: relative;
      border-radius: 15px;
      overflow: hidden;
  }
  
    .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%;
  }
  
  .blogcontent {
      background: #0c0823;
      color: #fff;
      padding: 44px 20px 30px;
      border-radius: 0 0 15px 15px;
  }
  
    .blogcontent h2 {
      font-size: 23px;
      font-weight: 600;
      padding-bottom: 17px;
  }
  
  .blogcontent p {
      font-size: 16px;
  }
  
  .blogcontent p a {
      display: block;
      color: #fff;
      text-decoration: none;
      padding: 20px 0 0;
  }
  
  .bloglast.pink {
      background: #b96aff;
  }
  .bloglast.pink:hover, .bloglast:hover{
      box-shadow: 0px 0px 20px 10px #000000;
      transition: .5s;
  }
  
    .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 p a {
      text-decoration: none;
      color: #fff;
      font-weight: 400;
  }
  

/*------ trending posts css ends here ------*/

/* ----- banner css starts here ------*/


  .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;
  }

/*----- banner css ends here ---------*/


/*----- bottom bar css starts here ---- */

 .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;
  }
  
  .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;
  }

/*----- bottom bar css ends here ---- */


/*----- available for all your devices css starts here ---- */

.available-section {
    padding: 60px 0 25px;
}

  .TitleDevices  h2 {font-size: 40px;font-weight: 600;color: #191340;}
  
  .TitleDevices p {
      color: #47464b;
      font-weight: 400;
      font-size: 20px;
  }
  
    .TitleDevices h4 {
      font-size: 26px;
      color: #000;
      font-weight: 400;
 }
  
  .TitleDevices h2 span {
      color: #f1b306;
      font-weight: 800;
      border-bottom: 2px solid #f1b306;
  }
  
    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 span {
      display: block;
      font-size: 16px;
      padding: 15px 0;
      font-weight: 600;
  }
  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;
  }
  
  
  #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);
}
  

/* ----- available for all your devices css ends here ---- */


/* ----- section ipro vpn offers css starts here ---- */

  .tableFastest h5 ul li {
      max-width: 50% !important;
  }
  
  .tableFastest.colored {
    background-color: #f6f6f9;
}
  
    .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;
  }
  
   .row.secOffer {
      align-items: center;
  }
  
      .secOffer h3 i {font-style: normal;color: #6a54f6;}
  
  .secOffer h3 {
      font-size: 40px;
      color: #191340;
      font-weight: 600;
      margin-bottom: 8px;
  }
  
  .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;
  }

/* ----- section ipro vpn offers css ends here ---- */


/* ----- Secure Your Connection css starts here ---- */

  .secureSec  h4 {
      color: #6a54f6;
      font-size: 21px;
      font-weight: 600;
  }
  
  .secureSec h2 {
      color: #191340;
      font-size: 52px;
      font-weight: 600;
      margin-top: 15px;
      margin-bottom: 21px;
  }
  
  .secureSec p {
      font-size: 18px;
      color: #47464b;
  }

/* ----- Secure Your Connection css ends here ---- */


/* ----- Buy VPN With Up to 83% Off Discount css starts here ---- */

  .PricingPlan {
      background: url(../images/bgsec1.svg) no-repeat center/cover;
  }
  
.PricingPlan.nobg {
    background-image: unset;
    padding-top: 30px !important;
}

.PricingPlan.nobg .PricingBox.activePricing {
    border-radius: 20px;
    border-left-width: 2px;
    border-right-width: 2px;
    border-top-width: 4px;
}

.TitlePrice {
    position: relative;
}

.TitlePrice .sticker {
    position: absolute;
    left: 84%;
    top: 20px;
}

  .TitlePrice p {
      font-size: 20px;
      color: #47464b;
      margin-bottom: 0;
      letter-spacing: 0.1px;
      line-height: 1.6;
      font-weight: 400;
  }
  
    .TitlePrice  h2 {
      font-size: 37px;
      color: #191340;
      font-weight: 700;
      padding-bottom: 32px;
  }
  
  .TitlePrice h2 span {
      background: #f8f5ff;
      border: 2px solid #5a45dd;
      padding: 2px 10px;
      border-radius: 16px;
      text-transform: uppercase;
      font-weight: 700;
  }
  
  .pricingBoxes {position: relative;top: 40px;}
  
    .PricingBox {
      text-align: center;
      padding: 40px 24px 0;
      min-height: 460px;
      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;
  }
  
    .activePricing .PricingHead h4{
          font-size: 18px;
      padding-bottom: 0;
      color: #fff;
  }
  
   .activePricing .PricingHead h5 {border-radius: 10px;background: linear-gradient(93deg, #0D2C6F 1.1%, #2B95B6 100%);color: #fff;}
   
     
  .PricingMoney {
      padding: 45px 0 10px;
      color: #000;
  }
  
  .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;
  }
  
    .activePricing .PricingMoney:before {
      content: '';
      background: url(../images/sav83.png) no-repeat;
      width: 100px;
      height: 100px;
      display: block;
      position: absolute;
      top: 10px;
      left: 30px;
  }
  
    .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: 22px;
  }
  
    .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;
  }
  
   .activePricing .PricingMoney {
      color:#fff; 
      position: relative;
  }
  
  .activePricing .PricingMoney h3 {
    box-shadow: 0px 10px 30px 0px rgb(36 24 110 / 40%);
}

  .BuyBtn h4 a {
      padding: 17px 60px;
      text-decoration: none;
      color: #fff;
      position: relative;
      font-size: 16px;
      border-radius: 100px;
      background: -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%);
      margin-bottom: 20px !important;
      }
  
  .BuyBtn h4 a:hover {
      box-shadow: -1px 4px 9px 6px #ccc;
      transition:.4s;
  }
  
      
  
  .activePricing .BuyBtn h4 a {
      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 .BuyBtn h4 a:hover {
      box-shadow: -1px 4px 9px 6px #3928ab;
      transition:.4s;
  }


  .BuyBtn h5 {
      font-size: 15px;
      color: #191340;
      padding: 25px 0 0;
  }
  
  .activePricing .BuyBtn h5 {
      color: #fff;
      margin-top: 30px;
      font-weight: 300;
  }
  
   .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.png) no-repeat;
      width: 50px;
      height: 50px;
      display: block;
      position: absolute;
      right: 0;
      top: 20px;
  }
  
    .activePricing .PricingPoints ul li {
      color: #fff;
  }
 

/* ----- Buy VPN With Up to 83% Off Discount css ends here ---- */


/* ---- iProVPN Stands as css starts here ---- */

  .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;
      margin-right: 13px;
  }
  .tableTitle h2 > br{
      display:none;
  }
  
  .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;}
      
    .comparisonTable th img {
      max-width: 130px;
      display: block;
      margin: 0 auto;
      object-fit: contain;
      height: 65px;
  }


  .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: #fff;
      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
  }
  
 
  
  .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;
  }
  
    .comparisonTable .btnTble  tbody tr:last-child td:nth-child(2){
          border-width: 0 1px 1px 1px!important;
    border-radius: 20px !important;
    border-color: #6a54f6;
  }
  
  .comparisonTable.freeWebProxy.freeWebProxyTable .row > .col-lg-4 {
    position: relative;
    padding: 50px 0 0 0;
    border-radius: 20px;
}

.comparisonTable strong {
    font-weight: 700;
}

  td.btnTble {
      padding: 0;
      border:0!important;
  }

/* ---- iProVPN Stands as css ends here ---- */


/* ---- VPN for every device css starts here ---- */

.safe-secure-device{
    margin-top:5rem;
}
.safe-secure-device .container {
    background-color: #191340;
    color: white;
    text-align: center;
    padding: 80px;
    border-radius: 15px;
}

section.safe-secure .w-100 {
    margin-left: -60px;
    margin-top: 20px;
}
section.safe-secure .boxes .box {
    border: 1px solid #6a54f6;
    border-radius: 15px;
    padding: 40px 40px 20px 40px;
    width: 47%;
    margin: 12px;
    height: 260px;
}

section.safe-secure .boxes .box h5 {
    margin: 20px 0 10px 0;
    font-weight: 600;
}
section.safe-secure .col-md-4 {
}

section.safe-secure-device .logo {
    width: 100%;
}

.safe-secure-device ul.devicesLogo li {
    display:inline-block;
    margin-right: 65px;
}

.safe-secure-device ul.devicesLogo li:last-child {
    
    margin-right: 0;
}


.safe-secure-device ul.devicesLogo:after{
    display:none;
}

 .safe-secure-device ul.devicesLogo li:hover img {
    filter: brightness(0) invert(1);
    transform: scale(1.2);
    transition: .2s;
}

section.safe-secure-device .logo img {
    margin: 30px 30px 0px 30px;
}

section.safe-secure-device.available-section.chrome-extension-page {
    background: #fff;
}

/* ---- VPN for every device css ends here ---- */


/*------ How to Set Up iProVPN on Chrome css starts here ------ */

section .chrome-extension-page-row .madeEasyBoxes {
    text-align: left;
    padding: 30px;
    background-color: #fff;
    margin: 12px;
    border-radius: 20px;
    border: 1px solid #6a54f6;
    max-width: 400px;
}

.row.chrome-extension-page-row{
        justify-content: center;
        align-items: center;
        text-align: left;
}


/*------ How to Set Up iProVPN on Chrome css ends here ------ */


/*--- vpn made easy css starts here ----*/

section.madeEasy p{
    color:#191340;
}

section.madeEasy {
    padding: 80px 0;
    text-align: center;
    background-color: #f3f4f9;
}

section.madeEasy h2 {
    color: #191340;
}

section.madeEasy p {
    font-size: 18px;
    line-height: 1.9;
}

section.madeEasy img {
    border-radius: 10px;
    /*border-ra\: ;*/
    /*border-ra\: ;*/
    /*border-ra\: 10px;*/
    /*border-ra\: 10p;*/
    /*border-ra\: 10;*/
    /*border-ra\: 1;*/
    margin-top: 20px;
}


section.madeEasy .col-md-4 {
    text-align: left;
}

section.madeEasy h4 {
    margin-top: 20px;
    font-size: 20px;
    font-weight: 600;
}

section.madeEasy h4 strong {
    font-weight: 500;
    background-color: #6a54f6;
    color: #fff;
    padding: 3px 10px;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 6px;
    position: relative;
    top: -2px;
    margin-right: 10px;
}

section.madeEasy .col-md-4:nth-child(2) h4 strong {
    background-color: #eb911c;
}

section.madeEasy .col-md-4:nth-child(3) h4 strong {
    background-color: #13cf63;
}
section.madeEasy ~ .faqSec {
    margin-top: 0 !important;
}

section.madeEasy2 h4 strong {
    border-radius: 50%;
    padding: 6px;
    font-size: 16px;
}
/*--- vpn made easy css ends here ----*/

/* --- vpn inner pages banner css starts here ---- */

  section.banner .list-group span {
        background-color: #6a54f6;
        padding: 5px;
        font-size: 12px;
    }
    
    .banner .list-group-item {
        border: none;
        padding-left: 0;
    }
    
    .banner h2 {font-weight: 700;font-size: 50px;}
    
    .banner h6 {
        font-size: 20px;
        line-height: 30px;
        width: 80%;
    }

/* --- vpn inner pages banner css ends here ---- */