/* mega nemu start  */

/* @font-face {

  font-family: 'Mier B03';

  src: url('/path-to-font/MierB03.woff2') format('woff2');

} */

body {

  line-height: 1.5;

  font-family: "MierB03", "Helvetica", "Arial", sans-serif;

 /* font-family: "Libertinus Sans", sans-serif; */

  color: #071d2b;

  overflow-x: hidden !important;

}



* {

  margin: 0;

  box-sizing: border-box;

}



:before,

:after {

  box-sizing: border-box;

}



.v-center {

  align-items: center;

}



ul {

  list-style: none;

  margin: 0;

  padding: 0;

}



a {

  text-decoration: none;

}





/* header */

.header {

  display: block;

  width: 100%;

  position: relative;

  z-index: 99;

  padding: 15px;

  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);

}



.header .item-left {

  flex: 0 0 6%;

}



.header .logo a {

  font-size: 30px;

  color: #000000;

  font-weight: 700;

  text-decoration: none;

}



.header .item-center {

  flex: 0 0 66%;

}



.header .item-right {

  flex: 0 0 0%;

  display: flex;

  justify-content: flex-end;

}



.header .item-right a {

  text-decoration: none;

  font-size: 14px;

  color: #555555;

  display: inline-block;

  margin-left: 10px;

  transition: color 0.3s ease;

}



.header .menu>ul>li {

  display: inline-block;

  /* line-height: 50px; */

  margin-left: 9px;

}



.header .menu>ul>li>a {

  font-size: 16px;

  font-weight: normal;

  color: #5d5d5d;

  position: relative;

  text-transform: capitalize;

  transition: color 0.3s ease;

  border-right: 1px solid;

  padding-right: 10px;

}



.header .menu>ul>li .sub-menu {

  position: absolute;

  z-index: 500;

  background-color: #ffffff;

  box-shadow: rgba(32, 32, 32, 0.1) 0px 9px 54px 0px;

  padding: 20px 30px;

  transition: all 0.5s ease;

  margin-top: 25px;

  opacity: 0;

  visibility: hidden;

}



@media(max-width: 1122px) {
  .header .menu>ul>li>a{
      font-size: 14px;
  }
}
@media(max-width: 1044px) {
  .header .menu>ul>li>a{
      font-size: 13px;
  }
}
@media(min-width: 992px) {

  .header .menu>ul>li.menu-item-has-children:hover .sub-menu {

    /* margin-top: 0; */

    visibility: visible;

    opacity: 1;

  }

}



.header .menu>ul>li .sub-menu>ul>li {

  line-height: 1;

}



.header .menu>ul>li .sub-menu>ul>li>a {

  display: inline-block;

  padding: 10px 0;

  font-size: 15px;

  color: #555555;

  transition: color 0.3s ease;

  text-decoration: none;

  text-transform: capitalize;

}



.header .menu>ul>li>a i {

  color: #b3b3b3 !important;

}



.header .menu>ul>li .single-column-menu {

  min-width: 280px;

  max-width: 350px;

}



.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li {

  line-height: 1;

  display: block;

}



.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a {

  padding: 10px 0;

  display: inline-block;

  font-size: 15px;

  color: #555555;

  transition: color 0.3s ease;

}



.header .menu>ul>li .sub-menu.mega-menu {

  left: 50%;

  transform: translateX(-50%);

}



.header .menu>ul>li .sub-menu.mega-menu-column-4 {

  max-width: 1100px;

  width: 100%;

  display: flex;

  flex-wrap: wrap;

  padding: 20px 15px;

}



.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item {

  flex: 0 0 25%;

  padding: 0 15px;

}



.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item .title {

  font-size: 16px;

  color: #51A051;

  /* font-weight: 500; */

  line-height: 1;

  padding: 10px 0;

}



.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center .title {

  text-align: center;

}



.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item img {

  max-width: 100%;

  width: 100%;

  vertical-align: middle;

  margin-top: 10px;

  height: 300px;

  object-fit: cover;

}



.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a:hover,

.header .menu>ul>li .sub-menu>ul>li>a:hover,

.header .item-right a:hover,

.header .menu>ul>li:hover>a {

  color: #51A051;

}





.mobile-menu-head,

.mobile-menu-trigger {

  display: none;

}



/*responsive*/

.header .menu .menu-main {

  height: 100%;

  width: fit-content;



}



@media(max-width: 1120px) {

  .header .item-center {

  flex: 0 0 60%;

}

}

@media(max-width: 997px) {



  .header .item-center {

    order: 3;

    flex: 0 0 100%;

  }



  .header .item-left,

  .header .item-right {

    /* flex: 0 0 auto; */

  }



  .v-center {

    justify-content: space-between;

  }



  .header .mobile-menu-trigger {

    display: flex;

    height: 30px;

    width: 30px;

    margin-left: 15px;

    cursor: pointer;

    align-items: center;

    justify-content: center;

  }



  .header .mobile-menu-trigger span {

    display: block;

    height: 2px;

    background-color: #333333;

    width: 24px;

    position: relative;

  }



  .header .mobile-menu-trigger span:before,

  .header .mobile-menu-trigger span:after {

    content: '';

    position: absolute;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #333333;

  }



  .header .mobile-menu-trigger span:before {

    top: -6px;

  }



  .header .mobile-menu-trigger span:after {

    top: 6px;

  }



  .header .item-right {

    align-items: center;

  }



  .header .menu {

    position: fixed;

    width: 320px;

    background-color: #ffffff;

    left: 0;

    top: 0;

    height: 100%;

    overflow: hidden;

    transform: translate(-100%);

    transition: all 0.5s ease;

    z-index: 1099;

  }



  .header .menu.active {

    transform: translate(0%);

  }



  .header .menu>ul>li {

    /* line-height: 1; */

    margin: 0;

    display: block;

  }



  .header .menu>ul>li>a {

    line-height: 50px;

    height: 50px;

    padding: 0 50px 0 15px;

    display: block;

    border-bottom: 1px solid rgba(0, 0, 0, 0.1);

  }



  .header .menu>ul>li>a i {

    position: absolute;

    height: 50px;

    width: 50px;

    top: 0;

    color: #b3b3b3 !important;

    right: 0;

    font-weight: normal;

    text-align: center;

    line-height: 50px;

    transform: rotate(-90deg);

    font-family: 'FontAwesome';

  }



  .header .menu .mobile-menu-head {

    display: flex;

    height: 50px;

    border-bottom: 1px solid rgba(0, 0, 0, 0.1);

    justify-content: space-between;

    align-items: center;

    position: relative;

    z-index: 501;

    position: sticky;

    background-color: #ffffff;

    top: 0;

  }



  .header .menu .mobile-menu-head .go-back {

    height: 50px;

    width: 50px;

    border-right: 1px solid rgba(0, 0, 0, 0.1);

    cursor: pointer;

    line-height: 50px;

    text-align: center;

    color: #000000;

    font-size: 16px;

    display: none;

  }



  .header .menu .mobile-menu-head.active .go-back {

    display: block;

  }



  .header .menu .mobile-menu-head .current-menu-title {

    font-size: 15px;

    font-weight: 500;

    color: #000000;

  }



  .header .menu .mobile-menu-head .mobile-menu-close {

    height: 50px;

    width: 50px;

    border-left: 1px solid rgba(0, 0, 0, 0.1);

    cursor: pointer;

    line-height: 50px;

    text-align: center;

    color: #000000;

    font-size: 25px;

  }



  .header .menu .menu-main {

    height: 100%;

    width: 100%;

    overflow-x: hidden;

    overflow-y: auto;

  }



  .header .menu>ul>li .sub-menu.mega-menu,

  .header .menu>ul>li .sub-menu {

    visibility: visible;

    opacity: 1;

    position: absolute;

    box-shadow: none;

    margin: 0;

    padding: 15px;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    padding-top: 65px;

    max-width: none;

    min-width: auto;

    display: none;

    transform: translateX(0%);

    overflow-y: auto;

  }



  .header .menu>ul>li .sub-menu.active {

    display: block;

  }



  @keyframes slideLeft {

    0% {

      opacity: 0;

      transform: translateX(100%);

    }



    100% {

      opacity: 1;

      transform: translateX(0%);

    }

  }



  @keyframes slideRight {

    0% {

      opacity: 1;

      transform: translateX(0%);

    }



    100% {

      opacity: 0;

      transform: translateX(100%);

    }

  }



  .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item img {

    margin-top: 0;

  }



  .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center .title {

    margin-bottom: 20px;

  }



  .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center:last-child .title {

    margin-bottom: 0px;

  }



  .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item {

    flex: 0 0 100%;

    padding: 0px;

  }



  .header .menu>ul>li .sub-menu>ul>li>a,

  .header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a {

    display: block;

  }



  .header .menu>ul>li .sub-menu.mega-menu>.list-item>ul {

    margin-bottom: 15px;

  }



  .menu-overlay {

    position: fixed;

    background-color: rgba(0, 0, 0, 0.5);

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 1098;

    visibility: hidden;

    opacity: 0;

    transition: all 0.5s ease;

  }



  .menu-overlay.active {

    visibility: visible;

    opacity: 1;

  }

}





/* mega nemu end  */

/* ================================================================================== */
.contact-section {
    background: url(../images/Contact-us-background.avif) no-repeat center center fixed;
    background-size: cover;
}

.hero-section.home {

  background: url('../images/banner1-01.jpg');

  background-size: 100% 100%;

  background-position: center;

  /* width: 100%; */

  height: 90vh;

}



.hero-section.ult {

  background: url('../images/Banners/gruy27-01 (1).webp');

  background-size: 100% 100%;

  background-position: center;

  /* width: 100%; */

  /* height: 65vh; */

}
.hero-section.ult2 {

  background: url('../images/Banners/Product banner-02.webp');

  background-size: 100% 100%;

  background-position: center;

  /* width: 100%; */

  /* height: 65vh; */

}



.hero-sectionbtn .platform-tab {

  width: 200px;

  height: 49px;

  border-radius: 16px;



}



@media(max-width: 426px) {

  .hero-sectionbtn .platform-tab {

    width: 134px;

    height: 34px;

    border-radius: 10px;

    font-size: x-small;

  }

}

.help1{
  position:absolute;
  height: 150px;
  width: 150px;
    top: 22%;
    left: 22%;
}
.help2{
  position:absolute;
  height: 150px;
  width: 150px;
     top: 24%;
    right: 29%;
}

  @media(max-width: 1024px) {
  .help1 {
    position: absolute;
    height: 150px;
    width: 150px;
    top: 25%;
    left: 11%;
}
  .help2 {
    position: absolute;
    height: 150px;
    width: 150px;
    top: 26%;
    right: 15%;
}
    .v-center {
        justify-content: space-between;
        flex-wrap: wrap !important;
    }

}
  @media(max-width: 1024px) {
 .help1 {
    position: absolute;
    height: 100px;
    width: 100px;
    top: 33%;
    left: 5%;
}
  .help2 {
    position: absolute;
    height: 100px;
    width: 100px;
    top: 33%;
    right: 8%;
}
}
 @media(max-width: 426px) {
   .help1 {
    position: absolute;
    height: 64px;
    width: 64px;
    top: 20%;
    left: 5%;
}
  .help2 {
    position: absolute;
    height: 64px;
    width: 64px;
    top: 22%;
    right: 8%;
}
 }



/* ==================================================================== */



/* feature start  */

.feature-section {

  background: url('../images/counter-bg.png');

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}



.feature-box {



  display: flex;

  justify-content: space-around;

  align-items: center;

  flex-wrap: wrap;

  gap: 20px;



}





.feature-item {

  text-align: center;

  width: 235px;

  padding: 20px;

  border-radius: 24px;

  color: #0b1d2a;

  border: 1px solid#51A051;



}



.feature-item:hover {

  background-color: hsl(120, 100%, 90%);

  transition: 0.5s ease;

  box-shadow: rgba(32, 32, 32, 0.1) 0px 9px 54px 0px;

}



.feature-item .icon {

  font-size: 40px;

  color: #51A051;

  margin-bottom: 10px;

}



.feature-item h6 {

  font-weight: 700;

  font-size: 16px;

  color: #0b1d2a;

}



.badge-new {

  background-color: #ffb700;

  font-size: 12px;

  padding: 2px 6px;

  border-radius: 5px;

  font-weight: bold;

  color: #000;

  margin-left: 5px;

}



/* ================================================================= */

.service-card {

  box-shadow: rgba(32, 32, 32, 0.1) 0px 9px 54px 0px;

  position: relative;

  border-radius: 10px;

  padding: 30px;

  overflow: hidden;

}



/* .service-card::before {

  content: "";

  width: 50px;

  height: 50px;

  background-color: #51A051;

  position: absolute;

  left: 0px;

  top: 0px;

  opacity: 0;

  z-index: -1;

  border-radius: 50%;

  transition: 0.3s linear;

} */



/* .service-card:hover::before {

  opacity: 1;

  width: 100%;

  height: 100%;

  border-radius: 0px;

} */



.service-card-thumb {

  /* width: 110px; */

  /* height: 110px; */

  display: flex;

  align-items: center;

  justify-content: center;

  /* background-color: #f8ffdb; */

  margin-bottom: 25px;

  border-radius: 10px;

  flex: 0 0 auto;

}



.service-card-thumb img {

  height: 70px;

  /* width: 70px; */

}



/* .service-card:hover .service-card-body h3 {

  color: rgb(255, 255, 255);

} */



.service-card-body h3 {

  font-size: 16px;

  line-height: 1.4;

  /* margin-bottom: 15px; */

  transition: 0.3s linear 0.1s;

}



/* .service-card:hover .service-card-body p {

  color: rgb(255, 255, 255);

} */



.service-card-body p {

  margin-bottom: 15px;

  transition: 0.3s linear 0.1s;

  font-size: 14px;

}



/* bubble ==================================================== */

.circle-outer {

  /* height: 500px; */

  align-items: center;

  position: relative;

}



.circle {

 position: absolute;
    background: #51a051d5;
    background-size: cover;
    background-repeat: no-repeat;
    animation: float 12s infinite ease-in-out;
    z-index: -1;
    border-radius: 50%;
    opacity: 0.4;
}



@keyframes float {

  0% {

    transform: translateY(0px);



  }



  50% {

    transform: translateY(-30px);



  }



  100% {

    transform: translateY(0px);

    opacity: 0.4;

  }

}



/* LEFT SIDE BUBBLES */

.circle-left-1 {

  width: 80px;

  height: 80px;

  top: 1%;

  left: -5%;

  animation-delay: 0s;

}



.circle-left-2 {

  width: 100px;

  height: 100px;

  top: 31%;

  left: 12%;

  animation-delay: 2s;

}



.circle-left-3 {

  width: 60px;

  height: 60px;

  top: 70%;

  left: -5%;

  animation-delay: 4s;

}



.circle-left-4 {

  width: 60px;

  height: 60px;

  top: 87%;

  left: 21%;

  animation-delay: 4s;

}



/* .circle-left-5 { width: 60px; height: 60px; top: 70%; left: -5%; animation-delay: 4s; } */



/* RIGHT SIDE BUBBLES */

.circle-right-1 {

  width: 90px;

  height: 90px;

  top: 15%;

  right: 6%;

  animation-delay: 1s;

}



.circle-right-2 {

  width: 70px;

  height: 70px;

  top: 42%;

  right: -3%;

  animation-delay: 3s;

}



.circle-right-3 {

  width: 110px;

  height: 110px;

  top: 75%;

  right: 10%;

  animation-delay: 5s;

}



.circle-right-4 {

  width: 70px;

  height: 70px;

  top: 0%;

  right: 42%;

  animation-delay: 5s;

}



/* ================================================================= */

.bg-transparent {

  background: transparent !important;

}



p {

  color: #6c757d;

}



.h-s:hover {

  box-shadow: 1px 1px 20px #00000017;

}



.second-btn-border-2:hover {

  color: white !important;

}



/* =========================================================================== */

.cd {

  overflow: hidden;

  border-radius: 10px;

}



.cd:hover {

  transform: translateY(0px) translateZ(0);

  /* box-shadow: 2px 2px 20px#51A051; */

  overflow: hidden;

}



.cd:hover .overlay {

  transform: scale(6.6);

}



.cd:hover .cir {

  border-color: #51A0519c;

}



.cd .card-body .card-title {

  font-size: 20px;

}



.cd:hover .card-body .card-title,

.cd:hover .card-body p {

  /* font-size: 17px; */

  color: #ffffff;



}



.cir {

  width: 100px;

  height: 100px;

  border-radius: 50%;

  background: #fff;

  border: 2px solid#51A051;

  display: flex;

  justify-content: center;

  align-items: center;

  position: relative;

  overflow: hidden;

  z-index: 1;

  transition: all 0.6s ease-out;

}



.cir:after {

  content: "";

  width: 100px;

  height: 100px;

  display: block;

  /* position: absolute; */

  background: white;

  border-radius: 50%;

  top: 7px;

  left: 7px;

  transition: opacity 0.8s ease-out;

}



.cd:hover .cir:after {

  background-color: #51A051;

  transition: opacity 0.9s ease;

}



.cir img {

  position: absolute;

  width: 65px;

  height: 65px;

}



.iv {

  display: none;

}



.cd:hover img {

  display: none;

}



.cd:hover .iv {

  display: inline;

}



.overlay {

  width: 100px;

  position: absolute;

  height: 100px;

  border-radius: 50%;

  background: #51A051;

  top: 30px;

  left: 37%;

  overflow: hidden;

  z-index: -100;

  transition: transform 1s ease-out;

}



/* ================================================================================ */

.btn-close {

  opacity: 1;

  background: url('../images/close.svg') center / 1em auto no-repeat#51A051;

}



.vid {





  background: url('../images/About.avif');

  color: white;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

}



.faq-two {

  position: relative;

  background-color: #071d2b;

  padding: 100px 0 240px !important;

  clip-path: polygon(0 0, 100% 0, 100% 69%, 80% 100%, 20% 100%, 0% 69%);

}







.jarallax {

  /* position: relative; */

  z-index: 0;

}







.video-three__inner {



  position: relative;

  background-position: top center;

  background-repeat: no-repeat;

  background-size: cover;

  border-radius: 50px;

  border: 13px solid var(--tolak-white, #fff);

  border-right-width: 10px;

  border-left-width: 10px;

  overflow: hidden;

  padding: 304px 0 0;

  margin-top: -169px;

}



.video-three__btn {



  width: 242px;

  height: 272px;

  background-color: #51A051;

  border: 8px solid var(--tolak-white, #fff);

  display: flex;

  flex-direction: column;

  justify-content: flex-start;

  align-items: center;

  border-radius: 50%;

  margin: 0 auto -121px;

  font-size: 16px;

  font-weight: 500;

  color: var(--tolak-black, #051d1f);

  text-transform: uppercase;

  padding-top: 36px;

}



.video-three__btn .video-popup {





  font-size: 52px;

  color: var(--tolak-black, #051d1f);

  display: inline-block;

  line-height: 52px;

  margin-bottom: 12px;

  transform: scale(1);

}


.bg-s {

  background: url('../images/subfeatures-banner.jpg');

  background-repeat: no-repeat;

  background-size:cover;
  background-position: right;

  display: flex;

  align-items: center;

  height: 400px;

}


/* ============================================================ */

/* get in touch  */

.get {

  position: relative;

  margin-bottom: -100px;

}



.get .section-header {

  background-color: #51A051;

  border-radius: 15px;

}



.btn-get {

  background-color: white;

  color: #51A051;



  border: 1px solid white;

  padding: 12px 30px;

  border-radius: 8px;

  font-weight: 600;

  transition: all 0.3s ease;

}



.btn-get:hover {

  border: 1px solid white;

  background-color: #51A051;

  color: white;

}



.redirect-link {

  margin-top: 10px;

  color: #071d2b;

}



footer {

  padding-top: 110px !important;

}



.display-1 {

  font-size: 60px !important;

}



/* =-=-==-=-=-=--=-==-=-=-=-=--==---------------------------------=-=-=-=-=-=-=-=-=-= */



.pricing h5 {

  color: #071d2b;

}



.security .section-header p {

  /* font-size: 18px; */

  width: 80%;

}





.pricing ul {

  margin-top: 3rem;

}





.pricing ul li {

  margin-bottom: 1rem;

  padding-left: 10px;

  display: flex;

}



.pricing ul li::before {



  content: "\f00c";

  /* fa-check icon */

  color: #071d2b;

  font-family: "Font Awesome 6 Free";

  font-weight: 900;

  /* Needed for solid icons (like fas) */

  margin-right: 10px;

}



.pricing-card {

  border: 1px solid #51A051;

  /* padding: 20px; */

  border-radius: 15px;

      box-shadow: 0px 1px 20px #c9c9c9;

}



/* .pricing ul li {

    font-size: small;

  } */

.buyNow {

  border-radius: 50px;

  padding: 6px 0px;

  margin: 14px 8px;

  background-color: #51A051;

  border: 1px solid #51A051;

  color: #ffffff;

  transition: all 0.3s ease;

}



.platform-tab {

  border-radius: 7px;

  padding: 0.5rem 1rem;

  margin: 0.5rem 0.5rem;

  background-color: white;

  border: 1px solid#51A051;

  color: #51A051;

  transition: all 0.3s ease;

  margin-bottom: -15px;

}



.tagline {

  background-color: #f2fcc975;

  width: fit-content;

  text-align: center;

  margin: auto;

  /* font-size: small; */

  margin-top: 12px;

  margin-bottom: 12px;

}



.platform-tab.active {

  background-color: #51A051 !important;

  color: #fff;

}



.section-header {

  /* text-align: center; */

  padding: 60px 20px 20px;

}



.section-header h1 {

  font-weight: 700;

  margin-bottom: 10px;

  color: #071d2b;

}



.section-header p {

  color: #6c757d;

  margin: 0;

}



.section-header .tagline {

  font-weight: 600;

  background-color: #51A051;

  color: #ffffff !important;

  margin-bottom: 5px;

  margin: auto;

  width: fit-content;

}



h1 {

  font-size: 2.5rem;

}



h6 {

  font-size: 1rem;

}





.image-box {

  position: relative;

}



#platformImage {

  opacity: 1;

  transform: scale(1);

  transition: opacity 0.5s ease, transform 0.5s ease;

}



#platformImage.animating {

  opacity: 0;

  transform: scale(0.95);

}





/* Ripple Layer – Attractive with gradient */

.ripple {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 165px;

  height: 165px;

  border-radius: 50%;

  background: radial-gradient(circle, #51A051 0%, rgba(40, 167, 223, 0) 70%);

  transform: translate(-50%, -50%) scale(0.5);

  animation: ripple 6s infinite ease-out;

  z-index: -1;

}



.ripple:nth-child(2) {

  animation-delay: 2s;

}



.ripple:nth-child(3) {

  animation-delay: 4s;

}



@keyframes ripple {

  0% {

    transform: translate(-50%, -50%) scale(0.5);

    opacity: 0.9;

  }



  50% {

    opacity: 0.6;

  }



  100% {

    transform: translate(-50%, -50%) scale(3.5);

    opacity: 0.3;

  }

}



/* Glow effect */

.ripple::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  border-radius: 50%;

  box-shadow: 0 0 25px #51A051;

}





/* ================================================================================================================ */

@media(max-width: 1025px) {

h1{

  font-size: 30px;

}

.ripple {

    width: 121px;

    height: 120px;

    

  }

}







/* ================================================================================================================ */

@media(max-width: 768px) {

  .section-header h1 {

    margin-bottom: 21px;

    font-size: 26px;

  }





  .btn-get {

    padding: 10px 14px;

    font-weight: 600;

    font-size: smaller;

  }



  .section-header {

    padding: 25px;

  }



  .tab-pane {

    padding: 0px !important;

  }



  .get .section-header {

    border-radius: 5px;

  }



  .cir {

    width: 90px;

    height: 90px;

  }



  .cir img {

    width: 55px;

    height: 55px;

  }



  .faq-two {

    padding: 55px 0 204px;

  }



  .card-body {

    padding: 0;

  }



  .card-body h5 {

    font-size: medium;

  }

}





#searchModal {

  background-color: rgba(0, 0, 0, 0.288);

}



#searchModal .modal-content .modal-body form {

  border-bottom: 3px solid white;

  padding: 0;

}



#searchModal .modal-content .modal-body form input::placeholder {

  color: white;

  font-size: 18px;



}



#search {

  background: transparent;

  border: 0;

  border-radius: 0;

}



/* ----------------------------------------PremiumSecurity--------------------------------------------------- */



.accordion-button.collapsed {

  color: #000000 !important;

  font-weight: bold;

  font-size: 16px;

}



.accordion-button.collapsed:hover {

  color: #51A051 !important;

}



.accordion-button:not(.collapsed) {

  color: #51A051 !important;

  font-weight: bold;

  font-size: 18px;

}



.accordion-item .icon-wrapper,

.req .icon-wrapper {

  width: 30px;

  height: 30px;

  background-color: #6c757d;

  color: white;

  border-radius: 8px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 14px;

  flex-shrink: 0;

}



.card-title {

  font-weight: bold;

}



.req {

  margin-top: 43px !important;

}



.accordion-item .ios-icon,

.req .ios-icon {

  font-size: 14px;

  font-weight: 600;

}



.icon-toggle {

  transition: transform 0.3s ease;

  padding: 7px 8px;

  color: #51A051;

  border: 1px solid#51A051;

  border-radius: 50%;

}



.sqr-outer {

  position: relative;

  display: flex;

  justify-content: center;

  align-items: center;

}



.sqr-outer img {

  padding: 30px;

  animation: float2 6s infinite ease-in-out;

}



@keyframes float2 {

  0% {

    transform: translateY(0px);



  }



  50% {

    transform: translateY(-30px);



  }



  100% {

    transform: translateY(0px);



  }

}





/* ✅ Responsive */

@media (max-width: 768px) {

  .sqr-outer {

    min-height: 280px;

  }



  .ripple {

    width: 130px;

    height: 130px;

  }

}



.sqr-outer img {

  width: 500px;

}



@media (max-width: 480px) {

  .sqr-outer {

    min-height: 200px;

  }



  .ripple {

    width: 85px;

    height: 85px;

  }



}



.feature-boxs {

  display: flex;

  gap: 15px;

  margin-bottom: 40px;

  align-items: flex-start;

}



.feature-icon img {

  width: 50px;

  height: 50px;

  object-fit: contain;

}



.feature-content h5 {

  font-weight: 700;

  margin-bottom: 8px;

}



.feature-content p {

  margin: 0;

  color: #444;

  font-size: 15px;

  line-height: 1.5;

}





/* =========================================================================================================== */

@media(max-width: 426px) {

.header{
  padding: 5px;
}
    .logo img {
        height: 25px;
    }
  .hero-section.home {

    background: url('../images/Banners/Banner-16.webp');

    background-size: 100% 100%;

    background-position: center;

    /* width: 100%; */

    height: 80vh;

  }



  .hero-section.aps {

    background: url('../images/Banners/Banner-03.webp');

    background-size: 100% 100%;

    background-position: center;

    /* width: 100%; */

    height: 70vh;

  }



  .hero-section.ult {

    background: url('../images/Banners/Banner-05.webp');

    background-size: 100% 100%;

    background-position: center;

    /* width: 100%; */

    height: 90vh;

  }



  .hero-section.aone {

    background: url('../images/Banners/Banner-07.webp');

    background-size: 100% 100%;

    background-position: center;

    /* width: 100%; */

    height: 90vh;

  }



  .hero-section.vpn {

    background: url('../images/Banners/Banner-09.webp');

    background-size: 100% 100%;

    background-position: center;

    /* width: 100%; */

    height: 90vh;

  }



  .hero-section.Sid {

    background: url('../images/Banners/Banner-11.webp');

    background-size: 100% 100%;

    background-position: center;

    /* width: 100%; */

    height: 90vh;

  }



  .hero-section.brg {

    background: url('../images/Banners/Banner-13.webp');

    background-size: 100% 100%;

    background-position: center;

    /* width: 100%; */

    height: 90vh;

  }



  .hero-section.driu {

    background: url('../images/Banners/Banner-15.webp');

    background-size: 100% 100%;

    background-position: center;

    /* width: 100%; */

    height: 90vh;

  }



  .pricing ul {

    margin-top: 10px;

  }



  .pricing-card {

    padding: 20px;

  }



  .h-100 {

    height: 100% !important;

  }



  .section-header {

    padding: 20px 10px;

  }



  .display-1 {

    font-size: 37px !important;

  }



  .section-header h1 {

    margin-bottom: 21px;

    font-size: 22px !important;

  }



  .tagline {

    font-size: small;

    font-weight: normal;

    margin-bottom: 10px;

    margin-top: 20px

  }



  .section-header p {

    font-size: 13px;

  }



  .card-text {

    font-size: 13px;

  }



  /* .product-title{

  font-weight: normal !important; 

} */

  .platform-tab,

  .download-btn {

    border-radius: 10px;

    padding: 4px 10px;

    font-size: small;

  }



  .circle-outer {

    height: 450px;

    align-items: center;

    position: relative;

  }



  .circle-left-1 {

    width: 40px;

    height: 40px;

  }



  .circle-left-2 {

    width: 50px;

    height: 50px;



  }



  .circle-left-3 {

    width: 30px;

    height: 30px;

  }



  .circle-left-4 {

    width: 30px;

    height: 30px;

  }



  /* RIGHT SIDE BUBBLES */

  .circle-right-1 {

    width: 45px;

    height: 45px;

    top: -29%;

  }



  .circle-right-2 {

    width: 35px;

    height: 35px;

  }



  .circle-right-3 {

    width: 55px;

    height: 55px;

  }



  .circle-right-4 {

    width: 35px;

    height: 35px;

  }



  .cd .card-body .card-title,

  .service-card-body h3 {

    font-size: 17px !important;

  }



  .card-title {

    font-size: 17px !important;

  }



  h2 {

    font-size: medium;

  }
.bg-s {
  background-position: left;
}


  .service-card-body p {

    font-size: 14px !important;

  }



  p {

    font-size: 12px;

  }



  .section-header .container .col-sm-6 h1 {

    font-size: 18px !important;

  }



  .section-header .container .row .col-sm-12 h1 {

    font-size: 18px !important;

  }



  h6 {

    font-size: 14px;

  }



  h5 {

    font-size: 16px;

  }



  .cir {

    width: 90px;

    height: 90px;

  }



  .faq-two {

    padding: 55px 0 204px;

  }



  .faq-two h3 {

    font-size: 16px;

  }



  .video-three__inner {

    border-radius: 31px;

    padding: 173px 0 0;

    margin-top: -169px;

  }



  .video-three__btn {

    width: 188px;

    height: 218px;

    margin: 0 auto -121px;

    font-size: 9px;

    font-weight: normal;

    padding-top: 13px;

  }



  .video-three__btn .video-popup {

    font-size: 33px;

    line-height: 52px;

    margin-bottom: 0px;

    transform: scale(1);

  }



  .btn-get {

    width: fit-content;

  }



  .cop {

    font-size: 10px;

  }



  .accordion-button.collapsed {

    color: #000000 !important;

    font-weight: 200;

    font-size: 13px;

  }



  .comparison-table .premium-column {

    font-size: x-small;

  }



  .help-img img {

    width: 40px;

  }



  .card-body {

    padding: 0;

  }



  .accordion-flush .accordion-item .accordion-button,

  .accordion-flush .accordion-item .accordion-button.collapsed {

    padding: 0;

  }



  a {

    font-size: small;

  }



  .order-2.order-md-1 img{

    width: 320px;

    padding: 20px;

  }

}



/* important  */

.bg-g {

  background-color: #51A051 !important;

}



.text-g {

  color: #51A051 !important;

}

.small{

  font-size: small;

}