@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Inter:400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900');

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1200px !important;
    }
}


.nav-item:hover .nav-link,
.nav-item.active .nav-link {
    color: #C32C45;
  }


  .button-login:hover .btn-login:hover {
    border: 1px solid #ac374b;
    background: #fff;
    color: #ac374b;
  }


  .btn-login {
    background: #fff;
    color: #C32C45;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    border-radius: 99px;
    border: 1px solid var(--Primary, #C32C45);
    padding: 7px 18px;
}
  
  .contact-btn {
    background-color: #fff7f5;
    border: none;
    color: #f05a28;
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
  }

  .contact-btn:hover {
    background-color: #f05a28;
    color: #fff;
  }

  .contact-btn i {
    margin-right: 8px;
  }

  .navbar-collapse {
    background-color: #f8f9fa;
    transition: background-color 0.3s ease;
  }

  /* Optional: Customize the button (if needed) */
  .navbar-toggler {
    border-color: rgba(0, 0, 0, 0.1);
    /* Customize border color */
  }

  @media screen and (min-width: 1200px) {
      .navbar-nav {
        gap: 14px; 
      }
  }
  @media screen and (max-width: 768px) {
    .navbar {
      padding-left: 1rem;
      padding-right: 1rem;
    }
  }

.mxs{
  margin-top: 40px;
  margin-bottom: 70px;
}
.hero {
  background-image: url("https://res.cloudinary.com/daraki09f/image/upload/v1735541365/kazee-ai/bg-img-hero-new.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.hero.custom-container {
  height: 700px;
}
.btn-custom {
  min-width: 38px;
  min-height: 38px;
  padding: 12px 32px;
  border: 1px solid var(--Brand-Seashell-Peach-400, #C32C45);
  background: var(--White, #FFF);
}
.btn-custom span {
  color: #C32C45;
}
.btn-custom:hover {
  background: #C32C45;
}
.btn-custom:hover span {
  color: #fff;
}

@media screen and (max-width: 992px) {
  .hero .wrapper_content {
    padding-top: 100px;
  }
}


.txt-new-2{
  font-family: Inter;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  color: #292929;
}

.btn-request-demo{
  color: #fff;
  background-color: #EB5D24;
  border: 1px solid #EB5D24;
  padding: 10px 18px;
  border-radius: 6px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 500;
}

.btn-try{
  color: #EB5D24;
  background-color: transparent;
  border: 1px solid #EB5D24;
  padding: 10px 18px;
  border-radius: 6px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 500;
}

.section-1 {
    /* background: url(https://res.cloudinary.com/daraki09f/image/upload/v1736598694/kazee-ai/section_16.png);
    background-repeat: no-repeat;
    background-size: cover; */
    background-color: #FDFDFD;
}


.text-section4{
  color: #464646;
  font-family: Inter;
  font-size: 18px;
  font-weight: 400;
  line-height: 23.4px;

}
.card-section1{
  padding: 20px 60px 20px 20px;
  /* background-color: #FDFDFD; */
}
.card-section2 {
    margin-bottom: 20px;
    width: 100%;
    padding: 20px;
    border-radius: 20px;
    border: 1px solid #F5F5F5;
    background-color: #fff;
}

.img-hero-x2 {
    width: 60%;
    position: absolute;
    left: 0;
}
.txt-vitural-1, .txt-insights-1, .txt-title{
  font-family: Inter;
  font-size: 35px;
  font-weight: 600;
  line-height: 150%;
  color: #000000;
}
.txt-vitural-2, .txt-insights-2, .txt-subtitle{
  color: var(--Mute-Grey-dark-25, #595959);
  font-family: Inter;
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

@media screen and (max-width: 768px) {
  .txt-vitural-1, .txt-insights-1, .txt-title{
    font-size: 24px !important;
  }
  .txt-vitural-2, .txt-insights-2, .txt-subtitle{
    font-size: 15px !important;
  }
}

.margin-2{
  margin-top: 20px;
  margin-bottom: 40px;
}
.button-read {
    display: inline-block;
    padding: 10px 20px;
    background-color: #EB5D24;
    border: unset;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
}

.txt_1{
    font-family: Inter;
    font-size: 35px;
    font-weight: 600;
    line-height: 52.5px;
    color: #000000;
  }
  .txt_2{
    color: #595959;
    font-family: Roboto;
    font-size: 21px;
    font-weight: 400;
    line-height: 31.5px;
  }
  .bg-sc3{
    background:url(https://res.cloudinary.com/daraki09f/image/upload/v1735771106/kazee-ai/fitur-unggulan-1.png); 
    background-repeat: no-repeat; 
    background-size: cover;
    /* margin-bottom: 60px; */
  }
  .padding-1{
    padding: 110px 40px;
  }
  .padding-2{
    padding-top: 25px;
    padding-bottom: 10px;
  }
  .txt_3{
    color: #464646;
    font-family: Inter;
    font-size: 18px;
    font-weight: 400;
    line-height: 23.4px;
    text-align: left;
  }
  .mt-40{
    margin-top: 40px;
  }

  .bg-sc5{
    background:url(https://res.cloudinary.com/daraki09f/image/upload/v1736233478/kazee-ai/fiturunggulan-waktoo2.png); 
    background-repeat: no-repeat; 
    background-size: cover;

  }

/* ============= content card color (GLOBAL - jangan di ubah) ================= */
  .bglks{
    width: 100%;
    padding: 40px;
    border-radius: 20px;
    background-color:#FFF6F0;
  }
  @media screen and (max-width: 1400px) {
    .bglks{
      padding: 30px;
    }
  }
  @media screen and (max-width: 768px) {
    .bglks{
      width: 100%;
      padding: 20px;
    }
  }
/* ============= END content card color (GLOBAL - jangan di ubah) ================= */

  .padding-100{
    padding:100px 0px;
  }

  .col-plus-3{
    padding-right: 10px !important;
    padding-left: 10px !important;
  }

.dxz-5{
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dxz-1{
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dxz-2{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out,-o-transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);left:0}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);left:0}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;outline:0;filter:alpha(opacity=90);opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:"\2039"}.carousel-control .icon-next:before{content:"\203a"}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}

.img-sbi{
  width: 52px;
  height: 52px;
  margin-top: 30px;
}

.txt-sbi1{
  color: #282D43;
  font-family: Inter;
  font-size: 23px;
  font-weight: 500;
  line-height: 29.9px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.txt-sbi2{
  color: #464646;
  font-family: Inter;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
}

.toc1{
  color: #000;
  font-family: Inter;
  font-size: 35px;
  font-style: normal;
  font-weight: 600;
  margin-bottom: 20px;
}

.toc2{
  color: #595959;
  font-family: Roboto;
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 31.5px;
}

.card-testimonial{
  width: 708px;
  height: 286px;
  padding: 40px;
  border-radius: 20px;
  border: 1px solid #F5F5F5;
  background-color: #fff;
}

.img-bullets{
  width: 206;
  height: 206;
  border-radius: 999px;
}

.square-card{
  margin-left: 55px;
}

.text-beaf {
  color: var(--Dark-950, #282D43);
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
  margin-bottom: 10px;
}

.text-beaf-content {
    color: var(--Base-800, #464646);
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.image-container img {
  display: block;
  width: 100%; /* Atur sesuai kebutuhan */
  border-radius: 16px;
}

.text-overlay {
    position: absolute;
    background-color: #fff;
    font-family: Inter;
    font-weight: 500;
    vertical-align: middle;
    color: #B12424;
    border-radius: 99px;
    border: 1.5px solid var(--Red-700, #B12424);
    background: var(--Base-0, #FFF);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
}

.txxxs{
  color:#265C1F;
  border-radius: 99px;
  border: 1.5px solid var(--Green-700, #2A7421);
  background: var(--Base-0, #FFF);
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
}

.img-hugeicons{
  width: 24px;
  margin-right: 4px;
}

.containersdd {
  width: 100%;
  margin-bottom: 30px;
}

.card-plats{
  border-radius: 15px;
  border: 0.5px solid #FF6B00;
  background: linear-gradient(186deg, rgba(252, 236, 230, 0.30) 4.93%, rgba(251, 229, 238, 0.30) 95.07%);
  backdrop-filter: blur(50px);
  padding: 24px;
  width: 100%;
  margin-bottom: 20px;
  text-align: left;
}

.imgplats{
  width: 76px;
  height: auto;
  margin-bottom: 10px;
}

.txtplats{
  color: var(--Brand-Primary-950, #490821);

  /* 26px/semibold */
  font-family: Inter;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 41.6px */
}

.keytext{
  color: var(--Base-800, #464646);

  /* 26px/semibold */
  font-family: Inter;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 41.6px */
  margin-top: 20px;
  margin-bottom: 20px;
}

.txtleft2{
    text-align: left !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

@media screen and (min-width: 1030px) {
  .bpss {
      padding: 100px 60px !important;
  }
  .video-custom {
    height: 500px;
  }
  .mr20{
    padding-right: 20px;
  }
  .ml20{
    padding-left: 20px;
  }
  .bg-custome-hero2 {
    background-image: 
      url('../images/img-bgss1.webp'), 
      url('../images/group188716.svg'), 
      radial-gradient(100% 100% at 100% 50.13%, #ED9656 50.96%, #E75F9A 100%);
    background-position: 
     right,  /* untuk img-bgss1.webp */
      center,   /* untuk group188716.svg */
      center;   /* gradient bisa dibiarkan center atau sesuai kebutuhan */

    background-repeat: 
      no-repeat, 
      no-repeat, 
      no-repeat;

    background-size: 
      contain, 
      contain, 
      cover;
  }
  .olsdl{
    padding: 80px 80px 80px 30px;
  }
  .pddle{
    padding-right: 8px;
    padding-left: 8px;
  }
  .txtleft{
    text-align: left !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .image-container img {
    padding: 5% 15%;
  }
  .card-fastaai{
    height: 350px;
    padding: 34px 34px 0px 34px;
  }
  .text-overlay {
    bottom: 50px;
  }
  .txtboxt{
    color: var(--Dark-950, #282D43) !important;
    font-size: 41px !important;
  }
  .txtboxt2{
    color: var(--Base-800, #464646);
    font-size: 20px;/
  }

  .text-overlay.left {
    left: 30px;
  }

  .text-overlay.right {
    right: 30px;
  }
  .text-overlay {
      font-size: 18px;
      padding: 8px 45px;
  }
  .img-most {
      position: absolute;
      margin-top: -35px;
      margin-left: 220px;
  }
  .mgh1{
    height: 600px;
  }

  .mgh2{
    height: 600px;
  }
  .h400{
    height: 400px;
  }
  .plsd{
    padding-left: 120px;
    padding-right: 120px;
  }
  .txtsTitle{
    font-size: 23px;
  }

  .txtsContent{
    font-size: 18px;
  }
  .img-arss{
    height: 600px; 
    width: auto;
  }
  .txt-medium-active{
    color: #C32C45 !important;
  }
  .custom-container-plus {
      padding: 40px 120px !important;
  }
  .img-be{
    width: 32px;
    height: 32px;
    margin-right: 8px;
  }
  .text-beaf{
    font-size: 26px;
  }
  .text-beaf-content{
    font-size: 20px;
  }
  #mobile-sidebar-icons{
    display: none;
  }
  .hero-sec2 {
    background-image: url("https://res.cloudinary.com/daraki09f/image/upload/v1736599672/kazee-ai/fitur-section-2.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .bg-sc4{
    background:url(https://res.cloudinary.com/daraki09f/image/upload/v1736232496/kazee-ai/fiturunggulan-waktoo.jpg); 
    background-repeat: no-repeat; 
    background-size: cover;
  }
  .padding-1{
    padding: 110px 40px;
  }
  .padding-3{
    padding: 110px 0px 110px 90px;
  }
  
  .bg-sc3{
    background:url(https://res.cloudinary.com/daraki09f/image/upload/v1735771106/kazee-ai/fitur-unggulan-1.png); 
    background-repeat: no-repeat; 
    background-size: cover;
    /* margin-bottom: 60px; */
  }
  .mtmb{
    margin-top:100px; 
    margin-bottom: 100px;
  }
  .txt-new-1{
    font-family: Inter;
    font-size: 52px;
    font-weight: 700;
    line-height: 53.56px;
    color: #292929;
  }
  .img-hero-x{
    position: absolute;
    right: 0;
    width: 741px;
  }

  #mobile-image{
    display: none;
  }
  .section-1 {
      padding: 60px 120px;
  }
  .text-section1{
    font-family: Inter;
    font-size: 35px;
    font-weight: 600;
    line-height: 52.5px;
    color: #000000;
    padding-bottom: 20px;
  }
  .text-section2{
    font-family: Roboto;
    font-size: 21px;
    font-weight: 400;
    line-height: 31.5px;
    color: #595959;
  }
  
  .text-section3{
    color: #282D43;
    font-family: Inter;
    font-size: 23px;
    font-weight: 500;
    line-height: 29.9px;
    padding: 10px 0px;
  }
  .img-slider-two{
    width:100%;
  }
  .custom-container2 {
      padding: 52px 120px;
  }
  .error-message {
    position: absolute;
  }
  .fm40{
    margin-top: 40px;
  }
  .pdd00{
    padding-bottom: 0px !important;
  }
  .img-numbers{
    width: 166px;
    height: 180px;
  }

  .img-numbers2{
    width: 166px;
    height: 180px;
  }

}

@media screen and (max-width: 1030px) {
  .bpss {
      padding: 40px 15px !important;
  }
  .txt-subf-1{
    margin-top: 20px;
  }
  .ml20{
    padding-top: 20px;
  }
  .card-why-fastra{
    margin-bottom: 20px;
  }
  .bg-custome-hero2 {
    background-image: 
      radial-gradient(100% 100% at 100% 50.13%, #ED9656 50.96%, #E75F9A 100%);
    background-position: 
      center;   /* gradient bisa dibiarkan center atau sesuai kebutuhan */

    background-repeat: 

      no-repeat;

    background-size: 

      cover;
  }
  .olsdl{
    padding: 30px;
  }
  .image-container img {
    padding: 5%;
  }
  .card-fastaai{
    height: auto;
    padding: 34px;
  }
  .text-overlay {
    bottom: 10px;
  }
  .img-numbers{
    width: 80px;
    height: auto;
  }

  .mggsss{
    margin-top: 40px;
  }

  .img-numbers2{
    width: 80px;
    height: auto;
  }

  .txt-mcenter{
    text-align: center;
  }
  .text-overlay.left {
    left: 10px;
  }

  .text-overlay.right {
    right: 10px;
  }
  .text-overlay {
      font-size: 12px;
      padding: 5px 10px;
  }
  .img-most {
    display: inline-block;
    float: right;
    margin-top: -38px;
  }
  .mgh1{
    height: 100%;
  }

  .mgh2{
    height: 100%;
  }
  .fm40{
    margin-top: 80px;
  }
  .txtsTitle{
    font-size: 23px;
  }

  .txtsContent{
    font-size: 18px;
  }
  .img-arss{ 
    width: 100%;
  }
  .txt-medium-active{
    color: #C32C45 !important;
  }
  .img-be{
    width: 32px;
    height: 32px;
    margin-right: 8px;
  }
  .text-beaf{
    font-size: 26px;
  }

  .text-beaf-content{
    font-size: 20px;
  }
  .hero .wrapper_button .custom-cta-btn {
      width: 100%;
  }
  .custom-mb-40, .custom-y-40 {
      margin-top: 60px !important;
  }
  .txt-new-1{
    font-family: Inter;
    font-size: 32px;
    font-weight: 700;
    line-height: 32.96px;
    text-align: left;
  }
  .img-slider-two{
    width:100%; height: 490px;
  }
  .padding-1{
    padding: 40px 24px;
    text-align: center;
  }
  .padding-3 {
      padding: 40px 24px;
      text-align: center;
  }
  .bg-sc3{
    background-color: #FFF6F0;
  }
  .img-hero-x{
    display: none;
  }
  .hero.custom-container {
      height: auto !important;
  }
  #mobile-image{
    margin-top: 30px;
  }
  .section-1 {
      padding: 60px 24px;
  }
  .text-section1 {
      font-family: Inter;
      font-size: 24px;
      font-weight: 600;
      line-height: 36px;
      color: #000000;
      padding-bottom: 20px;
  }
  .text-section2{
    font-family: Roboto;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    color: #595959;
  }

  .text-section3{
    color: #282D43;
    font-family: Inter;
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
    padding: 10px 0px;
  }
  .txt-vitural-1, .txt-vitural-2 {
    text-align: center;
    padding: 0px 20px;
  }
  .mtmb{
    margin-left:20px; 
    margin-right:20px;
    margin-bottom: 20px; 
  }
  .center-mobile{
    text-align: center;
  }
  .title-insights-1, .title-insights-2{
    padding: 0px 20px;
  }
  .custom-container2 {
      padding: 60px 10px;
  }
}

@media screen and (min-width: 768px) {
    .ci-2 {
        bottom: 50px !important;
    }
}

.btn-request-demo{
  margin-bottom: 20px;
}

.txt-power1{
  font-family: Inter;
  font-size: 35px;
  font-weight: 600;
  line-height: 52.5px;
  text-align: center;
  color: #000;
  padding: 12px;
}

.txt-power2{
  color: #595959;
  font-family: Roboto;
  font-size: 21px;
  font-weight: 400;
  line-height: 31.5px;
  text-align: center;
  padding: 12px;
}

.mdsh {
    position: absolute;
    margin-top: 100px;
    padding: 0px 120px;
}

.txtsquare1{
  color: #000000;
  font-family: Inter;
  font-size: 23px;
  font-weight: 500;
  line-height: 29.9px;
  margin-bottom: 10px;
}

.txtsquare2{
  color: #464646;
  font-family: Inter;
  font-size: 18px;
  font-weight: 400;
  line-height: 23.4px;
  text-align: left;
}

.txtsquare3{
  color: #C32C45;
  font-family: Inter;
  font-size: 18px;
  font-weight: 400;
  line-height: 23.4px;
}

.mt-100{
  margin-top: 100px;
}

.pt-100{
  padding-top: 100px;
}

.box-content__list .text-description {
  color: var(----Base-800, #464646);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
.box-content__list .icon{
  width: 32px;
  height: 32px;
}

/* =================== for component: card solutions ================ */
.card-solutions{
  width: 100%;
  padding: 20px;
  border-radius: 20px;
  background-color: #fff;
  height: 100%;

  display: flex;
  flex-direction: column;
  gap: 20px;
}
.card-solutions .icon{
  width: 52px;
  height: 52px;
}

.txts1{
  color: #282D43;
  font-family: Inter;
  font-size: 20px;
  font-weight: 500;
  line-height: 130%;
}
.txts2{
  color: #464646;
  font-family: Inter;
  font-size: 18px;
  font-weight: 400;
  line-height: 130%;
}
@media screen and (min-width: 1400px) {
  .card-solutions{
    height: 286px;
  }
}
@media screen and (max-width: 768px) {
  .card-solutions{
    border: 1px solid var(----Base-100, #F5F5F5);
    /* height: 175px; */
  }
  .card-solutions .icon{
    width: 32px;
    height: 32px;
  }
  .txts1{
    font-size: 18px;
  }
  .txts2{
    font-size: 14px;
  }
}
   /* =================== END for component: card solutions ================ */


   .dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:20px;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:20px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{
    display: block;
    padding: 8px 16px;
    clear: both;
    white-space: nowrap;
    color: var(--Base-600, #656565);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 145%;
    }.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;
      text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#525252;text-decoration:none;background-color:#FFF6F0;outline:0;border-radius: 8px;}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}

   .img-language{
    margin-right: 8px;
   }

   .navbar-toggler {
    border: unset;
  }

  .overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
    position: relative;
    width: 100%;
    text-align: left;
    color: var(----Grey-500, #7A8385);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    margin-left: 30px;
    margin-top: 30px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  color: var(----Grey-500, #7A8385);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #F4AB7D;
}

.overlay .closebtn {
    position: absolute;
    top: 10px;
    font-size: 30px;
    margin-left: 20px;
}

.p-20{
  padding:20px;
}

.r-0{
  right: 0px;
}

.txt-hkgh{
  text-decoration:none; 
  font-size: 14px;
}

.p-20b{
  padding:0px 20px;
}

.hr-o{
  height: 1px; 
  width: 100%; 
  background-color: #F4AB7D;
}

.nav-link:focus {
  color: #C32C45;
}

.overlay a:focus{
  color: #C32C45;
}

.subf-2:hover{
  color: #283252 !important;
}

.txt-subf-2:hover{
  color: #C32C45;
  cursor: pointer;
}

.chat-tooltip {
    position: fixed;
    border: 1px solid #464646;
    padding: 8px 12px;
    background-color: #464646;
    bottom: 0;
    right: 0;
    margin-bottom: 34px;
    margin-right: 95px;
    border-radius: 4px;
    color: #fff;
    z-index: 100;
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16);
    animation: fadeIn 0.5s ease-in-out forwards;
    text-transform: capitalize;
}

.chat-tooltip::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #464646;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.rows-up {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 100;
    margin-right: 26px;
    margin-bottom: 35px;
}

.img-rowsup{
  width: 38px;
  height: auto;
  cursor: pointer;
}

.img-rowsup2{
  cursor: pointer;
  color: #fff;
}

.scrll-up{
  padding: 6px 14px;
  border-radius: 12px;
  background-color: #C32C45;
  cursor: pointer;
}

.heroxxs {
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    text-align: center;
}

.bg-light2{
  background-color: #fff;
}

.heroxxs2 {
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    text-align: center;
    background-image: url(../images/bgtitle.webp);
    margin-top: 84px;
    height: 100px;
}

.herox-flats {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  padding: 124px 20px;
  color: #fff;
}

.textpers {
    text-align: center;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    color: #C32C45;
}

.pd-100{
  padding: 0px 100px;
}

.heroxxsdss {
  background-image: url(../images/background-rectangle-mobile.webp) !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  border-radius: 0px !important;
}

.heroxxsdss2 {
  background-image: url(../images/bg2-heros.webp) !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  border-radius: 0px !important;
}

@media screen and (min-width: 1200px) {
  .m32{
    margin-bottom: 32px;
  }
  .mbs-40{
    margin-bottom: 40px;
  }
  .heroxxsdss {
    height: 500px !important;
  }
  .heroxxsdss2 {
    height: 840px !important;
  }
  .textpers{
    font-size: 41px;
  }
  .heroxxs {
      background-image: url(../images/bghead3.webp);
      margin-top: 84px;
      height: 768px;
  }
  .custom-containerxx {
      padding: 72px 20px;
  }
  .btn-rocket{
    font-size: 18px;
  }
  .title-head-frase-2{
    font-size: 20px;
  }
  .dekstop-none{
    display: none;
  }
  #dekstop-none{
    display: none;
  }
  .img-frasa{
    width: 92;
    height: auto;
    padding: 20px;
  }
  .text-card-title-base{
    font-size: 20px;
  }
  .text-card-desc-base{
    font-size: 18px;
  }
  .text-title-sections{
    font-size: 36px;
  }
  .text-subtitle-sections{
    font-size: 23px;
  }
  .vector-1 {
      filter: brightness(0) saturate(100%) invert(93%) sepia(99%) saturate(237%) hue-rotate(292deg) brightness(98%) contrast(109%);
      position: absolute;
      margin-left: -470px;
      margin-top: -17px;
      z-index: -1;
  }

  .vector-2 {
      filter: brightness(0) saturate(100%) invert(93%) sepia(99%) saturate(237%) hue-rotate(292deg) brightness(98%) contrast(109%);
      position: absolute;
      margin-left: 370px;
      margin-top: -17px;
      z-index: -1;
  }

  .vector-1b {
    position: absolute;
    margin-left: -250px;
    filter: brightness(0) saturate(100%) invert(95%) sepia(55%) saturate(3388%) hue-rotate(292deg) brightness(120%) contrast(107%);
    margin-top: -20px;
    width: 51px;
    height: 51px;
    margin-top:-30px;
    z-index: -1;
  }
  .vector-2b {
    position: absolute;
    margin-left: 200px;
    filter: brightness(0) saturate(100%) invert(95%) sepia(55%) saturate(3388%) hue-rotate(292deg) brightness(120%) contrast(107%);
    margin-top: 15px;
    width: 51px;
    height: 51px;
    z-index: -1;
  }
  .box-cards{
    margin-right: 0px;
  }
  .box-cards2{
    margin-left: 0px;
  }
  .wd60{
    width: 60px;
  }
  .wd45{
    width: 45px;
  }
  .txt-lps-1{
    font-size: 32px;
  }
  .txt-lps-2{
    font-size: 20px;
  }
  .txt-lps-3{
    font-size: 20px;
    margin-right: 40px;
  }
  .icon-encjh{
    margin-right: 7px;
    width: 40px;
    height: auto;
  }
  .herox-flats {
      padding: 124px 40px;
      background: url(../images/banner-flats.webp), linear-gradient(252deg, #ED9656 20%, #E75F9A 80%);
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
  }
  .txt-pp1{
    font-size: 36px;
  }
  .txt-pp2{
    font-size: 23px;
  }
  .txt-joins-waitlist{
    font-size: 41px;
  }
  .txt-joins-waitlist2{
    font-size: 20px;
  }
  .t-join-1{
    font-size: 32px;
  }
  .t-join-2{
    font-size: 20px;
  }
  .v-1 {
    width: 75px;
    height: 75px;
  }
  .v-2 {
    width: 75px;
    height: 75px;
  }
  .number-csa{
    font-size: 36px;
  }
}
@media screen and (max-width: 1200px) {
  .number-csa{
    font-size: 16px;
  }
  .mb20{
    margin-bottom: 20px;
  }
  .mb40{
    margin-bottom: 40px;
  }
  .heroxxsdss {
    height: 400px !important;
  }
  .heroxxsdss2 {
    height: auto !important;
    background-image: url(../images/background-rectangle-mobile.webp) !important;
    margin-top: 50px;
  }
  .textpers{
    font-size: 41px;
  }
  .heroxxs {
      background-image: url(../images/bghead.webp);
  }
  .custom-containerxx {
      padding: 52px 15px;
  }
  .btn-rocket{
    font-size: 18px;
  }
  .title-head-frase-2{
    font-size: 20px;
  }
  .mobile-none{
    display: none;
  }
  .mt-20{
    margin-top: 20px;
  }
  .img-frasa{
    width: 76;
    height: auto;
    padding: 20px;
  }
  .text-card-title-base{
    font-size: 16px;
  }
  .text-card-desc-base{
    font-size: 16px;
    padding: 5px 8px;
  }
  .text-title-sections{
    font-size: 36px;
  }
  .text-subtitle-sections{
    font-size: 23px;
    padding: 0px 10px;
  }
  .vector-2{
    width: 51px;
    filter: brightness(0) saturate(100%) invert(93%) sepia(99%) saturate(237%) hue-rotate(292deg) brightness(98%) contrast(109%);
    z-index: -100;
    position: absolute;
    display: block;
    right: 0;
  }
  .vector-1 {
    width: 51px;
    filter: brightness(0) saturate(100%) invert(93%) sepia(99%) saturate(237%) hue-rotate(292deg) brightness(98%) contrast(109%);
    z-index: -100;
    position: absolute;
    display: block;
  }

  .vector-2b{
    width: 51px;
    filter: brightness(0) saturate(100%) invert(93%) sepia(99%) saturate(237%) hue-rotate(292deg) brightness(98%) contrast(109%);
    z-index: -100;
    position: absolute;
    display: block;
    right: 0;
  }
  .vector-1b {
    width: 51px;
    filter: brightness(0) saturate(100%) invert(93%) sepia(99%) saturate(237%) hue-rotate(292deg) brightness(98%) contrast(109%);
    z-index: -100;
    position: absolute;
    display: block;
  }
  .box-cards, .box-cards2{
    margin-right: 0px;
  }
  .wd60{
    width: 52px;
  }
  .wd45{
    width: 45px;
  }
  .txt-lps-1{
    font-size: 23px;
  }
  .txt-lps-2{
    font-size: 16px;
  }
  .txt-lps-3{
    font-size: 20px;
    margin-bottom: 10px;
    margin-right: 10px;
  }
  .icon-encjh{
    margin-right: 7px;
    width: 28px;
    height: auto;
  }
  .herox-flats {
    background: linear-gradient(252deg, #ED9656 20%, #E75F9A 80%);
    padding: 136px 16px;
  }
  .txt-pp1{
    font-size: 36px;
  }
  .txt-pp2{
    font-size: 23px;
  }
  .txt-joins-waitlist{
    font-size: 26px;
  }
  .txt-joins-waitlist2{
    font-size: 18px;
  }
  .t-join-1{
    font-size: 23px;
  }
  .t-join-2{
    font-size: 16px;
  }
  .v-1 {
    width: 40px;
    height: 40px;
  }
  .v-2 {
    width: 40px;
    height: 40px;
    margin-left: 20px !important;
    margin-top: 90px !important;
  }
  .wm-100{
    width:100%;
  }
  .btn-ms {
      position: absolute;
      margin-top: 35px;
      left: 50%;
      margin-left: -50px;
  }
  .img-logo-footer-2 {
      margin-bottom: 20px;
  }

  .left-ftr{
    text-align: left !important;
    margin-top: 20px;
  }
}

.btn-rocket{
  border-radius: 99px;
  border-width: 1px;
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 16px;
  border: 1px solid #D52976;
  font-family: Inter;
  font-weight: 500;
  text-align: center;
  background: var(--gradient, linear-gradient(180deg, #D52976 0%, #EC474D 100%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.title-head-frase {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 42px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
}

.title-head-frase-span{
  color: var(--Dark-950, #282D43);
  text-align: center;

  /* 29px/semibold */
  font-family: Inter;
  font-size: 29px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%; /* 37.7px */
}

.text-grads {
    color: #C32C45;
}

.title-head-frase-2{
  font-family: Inter;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0%;
  text-align: center;
  color: #656565;
  margin-bottom: 40px;
  margin-top: 20px;
}

.btn-join {
    padding-top: 9px;
    padding-right: 28px;
    padding-bottom: 9px;
    padding-left: 28px;
    background-color: #C32C45;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #C32C45;
    border-radius: 4px;
    color: var(--White, #FFF);
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.mb-64{
  margin-bottom: 64px;
}

.btn-for{
  border-radius: 8px;
  padding-top: 9px;
  padding-right: 28px;
  padding-bottom: 9px;
  padding-left: 28px;
  background-color: #EE4F7C;
  font-family: Roboto;
  font-weight: 500;
  font-size: 13.3px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  border:1px solid #EE4F7C;
}

.btn-for:hover{
  background-color: #e44773;
}

.btn-join-two{
  border-radius: 8px;
  padding-top: 9px;
  padding-right: 28px;
  padding-bottom: 9px;
  padding-left: 28px;
  background-color: transparent;
  font-family: Roboto;
  font-weight: 500;
  font-size: 13.3px;
  text-align: center;
  vertical-align: middle;
  color: #EE4F7C;
  border:1px solid #EE4F7C;
}

.mt-35{
  margin-top: 35px;
}

.btn-rocket3 {
  position: relative;
  display: inline-block;
  padding: 8px 16px;
  border-radius: 99px;
  background: white; /* Warna isi tombol */
  font-family: Inter, sans-serif;
  font-weight: 500;
  text-align: center;
  z-index: 1;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(252deg, #FF6B00 20%, #D92C77 80%);
  border: none;
}

.btn-rocket3::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 99px;
  padding: 0.5px; /* ketebalan border */
  background: linear-gradient(252deg, #FF6B00 20%, #D92C77 80%);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}

.text-title-sectionsxx{
  color: var(--Dark-950, #282D43);
  text-align: center;
  /* 36px/semibold */
  font-family: Inter;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 43.2px */
  padding-left: 10px;
  padding-right: 10px;
}

.text-title-sections{
  font-family: Inter;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0%;
  text-align: center;
  color: #282D43;
  padding-left: 10px;
  padding-right: 10px;
}

.text-subtitle-sections{
  color: #464646;
  font-family: Inter;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0%;
  text-align: center;
  margin-top: 16px;
  margin-bottom: 40px;
}

.card-frasa{
  margin-bottom: 20px;
  text-align: center;
}

.text-card-title-base{
  font-family: Inter;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  color: #283252;
}

.text-card-desc-base{
  font-family: Inter;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  color: #595959;
}

.text-boxt-1 {
    color: #000;
    font-family: Montserrat;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 180%;
}

.text-boxt-2{
 color: var(--Black-Text-Dark, #2F2F2F);
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}

.mb-28{
  margin-top: 28px;
  margin-bottom: 24px;
}

.icons-for{
  width: 32px !important;
  height: auto;
}

.mb-20{
  margin-bottom: 18px;
}

.mt-20{
  margin-top: 20px;
}

.mb-10{
  margin-bottom: 10px !important;
}

.mb-30{
  margin-bottom: 30px;
}

.txtfor {
    color: var(--Black-Text-Dark, #2F2F2F);
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin-top: 4px;
}

.txt-lps-1{
  font-family: Inter;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  color: #292929;
}

.txt-lps-2{
  font-family: Inter;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  color: #656565;
  padding:16px 20px 32px 20px;
}

.txt-lps-3 {
  font-family: Inter;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #283252;
  display: inline-block;
}

.txt-pp1{
  font-family: Inter;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  color: #fff;
}

.txt-pp2{
  font-family: Inter;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  margin-bottom:32px;
  margin-top:16px;
}

.txt-pp3 {
    font-family: Inter;
    font-weight: 400;
    font-size: 23px;
    line-height: 145%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    margin-top: 32px;
}

.btn-join-waitlist {
    border-radius: 8px;
    padding-top: 9px;
    padding-right: 16.63px;
    padding-bottom: 9px;
    padding-left: 16.63px;
    background-color: #FEE5EA;
    border: unset;
    color: #9A174A;
    font-family: Roboto;
    font-weight: 400;
    font-size: 13.3px;
    line-height: 150%;
    text-align: center;
    vertical-align: middle;
}

.btn-join-waitlist:hover {
  background-color: #fad0d8;
}

.txt-footer-3 {
    color: #7C7C7C !important;
}

.img-close{
  float: right;
  padding: 24px 24px 45px 24px;
}
.modal-body2{
  text-align: center;
}
.t-join-1{
  font-family: Inter;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  color: #292929;
  margin-top: 48px;
  margin-bottom: 16px;
}
.t-join-2{
  font-family: Inter;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  color: #656565;
  margin-bottom: 16px;
}
.v-1 {
  position: absolute;
  filter: brightness(0) saturate(100%) invert(93%) sepia(99%) saturate(237%) hue-rotate(292deg) brightness(98%) contrast(109%);
  right: 0;
  margin-top: -51px;
  margin-right: 55px;
}
.v-2{
  position: absolute;
  filter: brightness(0) saturate(100%) invert(93%) sepia(99%) saturate(237%) hue-rotate(292deg) brightness(98%) contrast(109%);
  left: 0;
  margin-left: 55px;
  margin-top: -60px;
}

.logo-img{
  width: 160px;
  height: auto;
}

.img-logo-footer-2{
  width: 256px;
  height: auto;
}

.f-1{
  font-family: Inter;
  font-weight: 600;
  font-size: 24px;
  line-height: 150%;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #00000099;
}

.f-2{
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  line-height: 145%;
  letter-spacing: 0%;
  color: #00000080;
}

.icon-social{
  text-decoration: unset;
}

.fllw{
  font-family: Inter;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #00000099;
  margin-bottom: 16px;
  margin-right: 35px;
}

.txt-content-request2{
  font-family: Inter;
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #464646;
}

.font-weight-700{
  font-weight: 700;
}

.error-message {
    color: red;
    font-size: 12px;
    margin-top: 2px;
    text-align: left;
}

@keyframes slideInTop {
  from {
    transform: translateY(-100px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes slideOutBottom {
  from {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(100px);
    opacity: 0;
  }
}

.custom-modal-slide .modal-content.showing {
  animation: slideInTop 0.4s ease-out forwards;
}

.custom-modal-slide .modal-content.hiding {
  animation: slideOutBottom 0.4s ease-in forwards;
}


.btn-join:hover{
  background-color: #db3967;
}

.btn-join-two:hover{
  background-color: transparent;
}

.txt-medium {
    color: var(--Black-Text-Dark, #2F2F2F);
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.txt-medium:hover{
  color: #C32C45 !important;
}

.card-fastaai {
    width: 100%;
    margin-bottom: 20px;
    border-radius: 16px;
    border: 1px solid var(--Base-300, #BDBDBD);
    background: var(--Base-0, #FFF);
    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.09);
}

.pd12{
  padding-top: 12px;
  padding-bottom: 12px;
}

.btnsee{
  padding: 9px 24px;
  justify-content: center;
  align-items: center;
  border-radius: 99px;
  background: #EC474D;
  color: #fff;
  text-align: center;
  font-family: Roboto;
  font-size: 13.3px;
  font-style: normal;
  font-weight: 500;
  border: unset;
}

.btnsee:hover{
  background: #d63f45;
}

.card-report {
    border-radius: 8px;
    padding: 12px 16px;
    border: 1px solid #f2f2f2;
    background: radial-gradient(80.23% 68.33% at 50% 50%, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.30) 100%);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
    margin-bottom: 20px;
    cursor: pointer;
    height: 325px;
}


.txt-report {
    color: #464646;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 145%;
    margin-top: 12px;
    text-align: center;
}

.search-container {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 40px;
  padding: 6px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  width: fit-content;
  height: 50px;
}

.search-input {
  display: flex;
  align-items: center;
  padding: 0 10px;
}

.search-input i.icon {
  color: #ccc;
  margin-right: 8px;
}

.search-input input {
    border: none;
    outline: none;
    color: #333 !important;
    background: transparent;
    color: var(--Mute-Grey-Mute-grey, #999);
    text-overflow: ellipsis;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.browse-button {
    background-color: #fff;
    color: #fff;
    border: none;
    padding: 8px 16px;
    border-radius: 24px;
    text-align: center;
    font-family: Roboto;
    font-size: 13.3px;
    font-style: normal;
    font-weight: 400;
}

.browse-button:hover {
  background-color: #e14d4d;
}

.tab-container {
  display: flex;
  background-color: #f1f1f1;
  border-radius: 999px;
  padding: 2px;
  width: fit-content;
  font-family: sans-serif;
}

.tab {
    padding: 8px 16px;
    border-radius: 999px;
    cursor: pointer;
    color: #9a9a9a;
    transition: all 0.3s ease;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.tab.active {
  background-color: #f26122; /* orange */
  color: white;
}


.plan-card {
    color: #fff;
    padding: 32px;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 16px;
    border: 1px solid var(--Brand-Primary-200, #FAA7BB);
    background: var(--Base-0, #FFF);
}

.plan-title {
    margin-bottom: 10px;
    color: var(--Base-800, #464646);
    font-family: Inter;
    font-size: 29px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

.plan-subtitle {
  margin-bottom: 32px;
  color: var(--Base-800, #464646);
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}

.active-button {
  width: 100%;
  padding: 10px 0;
  background-color: #F5F5F5;
  border: none;
  border-radius: 6px;
  margin-bottom: 32px;
  color: var(--Grey-800, #45494A);
  text-align: center;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
}

.divider {
  border: none;
  border-top: 1px solid #333;
  margin: 16px 0;
}

.benefits-title {
    margin-bottom: 8px;
    color: var(--Dark-Text-dark-text, #283252);
    font-family: Roboto;
    font-size: 13.3px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.benefits-list {
  list-style: none;
  padding-left: 0;
  line-height: 1.6;
}

.benefits-list li {
    padding-left: 0;
    margin-bottom: 10px;
    color: var(--Base-800, #464646);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.img-cheks{
  margin-top: -2px;
  margin-right: 5px;
}

.active-button2 {
    color: #B71951;
    border-radius: var(--Radius-rad-8, 8px);
    border: 1px solid var(--Brand-Primary-600, #B71951);
    background: var(--Base-0, #FFF);
}

.bgss {
    display: inline-block;
    border-radius: 16px;
    z-index: 1;
    border: none;
    position: relative;
    border-radius: 16px;
    box-shadow: 0px 4px 30px 0px rgba(246, 90, 90, 0.30);
}

.bgss::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px;
  padding: 2.5px; /* ketebalan border */
  background: linear-gradient(252deg, #FF6B00 20%, #D92C77 80%);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}

.txbig{
  color: var(----Base-950, #292929);
  font-family: Montserrat;
  font-size: 35px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 52.5px */
}

.active-button3 {
    color: #fff;
    border-radius: var(--Radius-rad-8, 8px);
    background: var(--Brand-Primary-400, #EE4F7C);
}

.img-most {
    background-color: #FFF6F0;
    border: 1px solid #EF7E48;
    border-radius: 100000000376832px;
    border-width: 1px;
    padding: 4px 16px;
    font-family: Roboto;
    font-weight: 500;
    font-size: 11.2px;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color: #EF7E48;
    box-shadow: -1px 3px 10px 0px #0000001F;
}

.card-lobrs{
  background: var(--Body-color, rgba(249, 249, 249, 1));
  width: 100%;
  border-radius: 12px;
  padding-top: 40px;
  padding-right: 32px;
  padding-bottom: 40px;
  padding-left: 32px;
  margin-bottom: 20px;
}

.txtsTitle{
  font-family: Inter;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0%;
  vertical-align: middle;
  color: var(--Dark-Text-dark-text, rgba(40, 50, 82, 1));
}

.txtsContent{
  font-family: Inter;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0%;
  vertical-align: middle;
  color: var(----Base-500, rgba(124, 124, 124, 1));
  margin-top: 10px;
}

.card-labs{
  width: 100%;
  border-radius: 12px;
  border: 1px solid #ddd;
  padding: 20px;
  margin-bottom: 20px;
  cursor: pointer;
}

.txtlabs1{
  font-family: Inter;
  font-weight: 600;
  font-size: 20px;
  line-height: 130%;
  letter-spacing: 0%;
  vertical-align: middle;
  color: var(--Dark-Text-dark-text, rgba(40, 50, 82, 1));
}

.txtlabs2{
  font-family: Inter;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0%;
  vertical-align: middle;
  color: var(--Mute-Grey-dark-25, rgba(89, 89, 89, 1));
  margin-top: 8px;
}

.card-labs:hover{
  border: 1px solid #D52976;
}

.llss{
  background-color:#F7F7F7; 
  border-radius: 12px;
}

.card-labs-active{
  border: 1px solid #D52976;
}

.slider-container {
  display: flex;
  overflow-x: scroll;
  scroll-behavior: smooth;
  gap: 16px;
  cursor: grab;
  user-select: none;
  scrollbar-width: none; /* Firefox */
}

.slider-container::-webkit-scrollbar {
  display: none; /* Chrome & Safari */
}

.slider-container img {
  flex: 0 0 auto;
  width: 300px; /* kamu bisa ubah sesuai kebutuhan */
  user-drag: none;
  pointer-events: none; /* biar gambar gak bisa didrag native */
}
.video-custom {
    background-color: #fafafa;
    outline: none !important;
    border-radius: 12px;
    width: 100%;
    object-fit: contain;
}

.img-template {
    width: 100%;
    height: 230px;
    object-fit: cover;
    object-position: top;
    border-radius: 12px;
}

.txxc{
  color: #292929 !important;
  font-weight: 600;
}

.titlesx{
  font-family: Inter;
  font-weight: 600;
  font-size: 41px;
  line-height: 120%;
  letter-spacing: 0%;
  text-align: center;
  color:#EB5D24;
  margin-bottom: 10px;
}

.titlesx2{
  font-family: Roboto;
  font-weight: 400;
  font-size: 16.8px;
  line-height: 150%;
  letter-spacing: 0%;
  text-align: center;
  color: #283252;
  margin-bottom: 10px;
}

.titlesx3{
  font-family: Roboto;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0%;
  color: #283252;
}

.titlex4{
  font-family: Roboto;
  font-weight: 500;
  font-size: 16.8px;
  line-height: 150%;
  letter-spacing: 0%;
  color: #283252;
}

.img-filters{
  filter: brightness(0) saturate(100%) invert(57%) sepia(9%) saturate(290%) hue-rotate(143deg) brightness(88%) contrast(83%);
}

.beforeAfter { height: auto; }

.left-move{
    position: absolute;
    z-index: 2;
    border-radius: 99px;
    background-color: var(--White, #FFF);
    box-shadow: 0px -2px 2px 0px rgba(204, 204, 204, 0.25), 0px 2px 25px 1px rgba(247, 143, 109, 0.15);
    display: flex;
    width: auto;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: -66px;
    margin-left: 7.5%;
}

.txtmove{
  background: var(--gradient, linear-gradient(180deg, #D52976 0%, #EC474D 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 30px */
}

.move {
    border-radius: 99px;
    background-color: var(--White, #FFF);
    box-shadow: 0px -2px 2px 0px rgba(204, 204, 204, 0.25), 0px 2px 25px 1px rgba(247, 143, 109, 0.15);
    width: auto;
    padding: 12px 20px;
    text-align: center;
    display: inline-block;
    margin-top: -300px;
}

.mgh1{
  border: 1px solid rgba(0, 0, 0, 0.10);
  background: var(--Brand-Primary-50, #FEE5EA);
  /*object-fit: contain;*/
}

.mgh2{
  border: 1px solid rgba(0, 0, 0, 0.10);
  background: var(--Green-100, #E4F8E0);
  box-shadow: 0px -20px 28px 0px rgba(255, 255, 255, 0.70) inset, 0px 20px 28px 0px rgba(255, 255, 255, 0.70) inset;
  /*object-fit: contain;*/
}

.highlight {
    color: #EC474D !important;
    font-weight: bold;
}


.icon-social:hover{
  filter: invert(40%) sepia(0%) saturate(1330%) hue-rotate(193deg) brightness(95%) contrast(87%);
}
.f-1 {
  font-family: Inter;
  color: #464646;
  font-weight: 500;
  font-size: 23px;
  line-height: 130%;
  letter-spacing: 0%;
  vertical-align: middle;
  margin-top: 32px;
  margin-bottom: 70px;
}
.img-logo-footer{
  width: 136px;
  height: 44px;
}
.logo-footer{
  padding: 60px 0px;
}
.txt-footer-1{
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
  line-height: 20.3px;
  text-align: center;
  color: #283252;
  /* padding-left: 40px; */
}
.txt-footer-2{
  color: #C32C45;
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 23.2px;
  text-align: center;
  text-decoration-line: underline;
  text-decoration-style: solid;
}
.txt-footer-3{
  color: #292929;
  font-family: Inter;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  text-align: left;
}
.txt-subf-1 {
    margin-bottom: 8px;
    color: #FFF;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}
.txt-subf-2 {
    color: var(--Grey---Hover, #D6D6D6);
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 8px;
}
.txt-subf-2:hover {
    color: #D6D6D6;
}

.bgf:hover{
  text-decoration: underline;
}
.bgpl{
  background: url(https://res.cloudinary.com/daraki09f/image/upload/v1735785659/kazee-ai/group-188716.svg);
  background-repeat: no-repeat;
  background-color: #FAFAFA;
}
.flex-display{
  display: flex;
  flex-direction: row-reverse;
}
@media screen and (min-width: 992px) {
  .txt-footer-1{
    padding-left: 40px;
  }
}
@media screen and (max-width: 1030px) {
  .no-hover{
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1030px) {
  .mp40{
    margin-left: 40px;
  }
  .rrgg{
    text-align:right;
  }
}

@media screen and (min-width: 768px) {
  .rrgg2{
    text-align:right;
  }
  .footer.custom-container {
      padding: 60px 24px !important;
  }
}

.dropdown-plussx{
  border-radius: var(--Radius-rad-8, 8px);
  border: 1px solid var(--Base-200, #DEDEDE);
  background: var(--Base-0, #FFF);

  /* shadow-xl/light */
  box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.14), 0px 10px 10px -5px rgba(0, 0, 0, 0.08);
  padding: 8px;
  color: var(--Base-600, #656565);

  /* 14px/regular */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%; /* 20.3px */
}

.card-number-csa{
  border-radius: var(--Space-space-16, 16px);
  border: 1px solid var(--Gradient-Fastra-Strong, #FF6B00);
  background: var(--Base-0, #FFF);
  width: 59px;
  margin-bottom: 16px;
}

.number-csa{
  background: var(--gradient, linear-gradient(180deg, #D52976 0%, #EC474D 100%));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* 36px/semibold */
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 43.2px */
}

.txt-number-csa{
  color: var(--Base-800, #464646);

  /* 20px/regular */
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 26px */
  text-align: left;
}

.txtsct{
  color: var(--Dark-950, #282D43);
  text-align: center;
  font-family: Inter;
  font-size: 23px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 29.9px */
  margin-top: 24px;
  margin-bottom: 20px;
}

.txtsct2{
  color: var(--Base-500, #7C7C7C);
  text-align: center;

  /* 20px/regular */
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 26px */
}

.bg-custome-hero {
    background: linear-gradient(180deg, #FDF3F3 0%, rgba(253, 243, 243, 0.00) 100%);
    padding: 128px 20px;
}


.txtwhite{
  color: var(--Base-0, #FFF);

  /* 41px/semibold */
  font-family: Inter;
  font-size: 41px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 49.2px */
  margin-bottom: 40px;
}

.btn-tryfastra{
  border-radius: var(--Radius-rad-8, 8px);
  background: var(--Brand-Primary-50, #FEE5EA);
  padding: 16px;
  color: var(--Brand-Primary-800, #9A174A);
  text-align: center;

  /* 16px/medium */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 145%; /* 23.2px */
  border:unset;
}

.btn-tryfastra:hover{
  background: #f6d0d7;
}

.accordion {
  text-align: left;
}

.accordion-item {
  background: #fff;
  border-radius: 8px;
  margin-bottom: 10px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
  overflow: hidden;
  border: 1px solid #eee;
}

.accordion-header {
    background: transparent;
    border: none;
    outline: none;
    width: 100%;
    text-align: left;
    padding: 12px 24px;
    position: relative;
    color: rgba(47, 43, 61, 0.9);
    font-family: Public Sans;
    font-weight: 500;
    font-size: 15px;
    vertical-align: middle;
}

.accordion-header::after {
    content: '›';
    position: absolute;
    right: 20px;
    transform: rotate(0deg);
    transition: transform 0.3s;
    font-size: 30px;
    color: rgba(47, 43, 61, 0.7);
    margin-top: -14px;
}

.accordion-item.active .accordion-header::after {
  transform: rotate(90deg);
  color: #444;
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    background: #fff;
    padding-top: 0px !important;
    font-family: Public Sans;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0px;
    color: var(--Theme-text-secondary, rgba(47, 43, 61, 0.7));
    margin-left: 5px;
}

.accordion-item.active .accordion-content {
  max-height: 200px;
  padding: 16px 20px;
}

.accordion-item:first-of-type {
    box-shadow: 0px 1px 6px 0px #2F2B3D1A !important;
}

.subnavbar{
  width:100%;
  box-shadow: none !important;
  border: none !important;
  margin-bottom: 0px;
}

.subnavbar2{
  padding: 8px;
  text-decoration: none;
  color: var(----Grey-500, #7A8385);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
}

.txtpricingtitle{
  text-align: center;
  font-family: Inter;
  font-size: 41px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  background: var(--Gradient-Fastra-Strong, linear-gradient(252deg, #FF6B00 20%, #D92C77 80%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.txxttss{
  background: var(--Gradient-Fastra-Strong, linear-gradient(252deg, #FF6B00 20%, #D92C77 80%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.tscs{
  background: var(--Gradient-Fastra-Strong, linear-gradient(252deg, #FF6B00 20%, #D92C77 80%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.txt-why-fastra{
  background: linear-gradient(to right, #D92C77, #FF6B00);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  font-family: Inter;
  font-size: 50px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 60px */
}

.card-why-fastra{
  border-radius: 16px;
  background: #D9D9D9;
  height: 320px;
  flex: 1 0 0;
}

.mbs40{
  margin-bottom: 40px;
}

.txt-why-title{
  color: var(--Base-800, #464646);
  margin-top: 20px;
  font-family: Inter;
  font-size: 29px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%; /* 37.7px */
}

.txt-why-content{
  color: var(--Base-800, #464646);
  /* 23px/regular */
  font-family: Inter;
  font-size: 23px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 36.8px */
}

.bgpink{
  margin-top: 90px; 
  background-color: #fffafb;
}

.mb60{
  margin-bottom: 60px;
}

.switch-container {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    justify-content: center;
}

  /* Hide default checkbox */
  .switch input {
    display: none;
  }

  .switch {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 22px;
  }

  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    border-radius: 34px;
    transition: 0.3s;
  }

  .slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    border-radius: 50%;
    transition: 0.3s;
  }

  input:checked + .slider {
    background-color: #C32C45;
  }

  input:checked + .slider:before {
    transform: translateX(20px);
  }

  .switch-label {
    color: var(--Base-700, #525252);
    /* 16px/regular */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 23.2px */
  }

  .switch-container span.active {
    color: var(--Base-700, #525252);
    /* 16px/regular */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 23.2px */
  }

  .txtidr1{
    color: var(--Brand-Primary-500, #C32C45);

  /* 20px/semibold */
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 32px */
  }

  .txtidr2{
    color: var(--Brand-Primary-500, #C32C45);
    /* 41px/semibold */
    font-family: Inter;
    font-size: 41px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 49.2px */
  }

  .txtidr3 {
    color: var(--Base-800, #464646);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 145%;
    text-decoration-line: line-through;
}

.txtplsse{
  background: var(--Gradient-Fastra-Strong, linear-gradient(252deg, #FF6B00 20%, #D92C77 80%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
}

.tops-scroll-1 {
    position: fixed;
    bottom: 0;
    right: 0;
    margin: 20px;
    z-index: 2;
}

.txtwhite-footer{
  color: var(--Grey---Hover, #D6D6D6);
  /* 14px - Body/Regular */
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 21px */
}

.bgfooter {
    background-color: #0C0E13;
    margin-top: -20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.bpss {
    background-color: #1E2026 !important;
}

.txt-emty-title{
  color: var(--Black-Text-Dark, #2F2F2F);
  text-align: center;

  /* 20px / Semibold */
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 30px */
}
.txt-emty-content{
  color: var(--Black-Text-Light, #575757);
  text-align: center;

  /* 16px / Regular */
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
}

.padding-empty{
  padding: 40px 40px 120px 40px;
}

.pt30{
  padding-top: 30px !important;
}

.plus-text{
  text-align: left; 
  font-size: 24px;
}

.txt-logam{
  color: var(--Black, #000);

  /* 20px / Bold */
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 30px */
}