.nav-item:hover .nav-link,
.nav-item.active .nav-link {
    color: #EF7E48;
  }
  
  .btn-login {
    border: 1px solid #EF7E48;
    background: #fff;
    color: #EF7E48;
  }

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

  .button-login .btn-login:hover {
    background: #EF7E48;
    color: #fff
  }
  
  .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 !important;
      padding-right: 1rem !important;
    }
  }

.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, #EF7E48);
  background: var(--White, #FFF);
}
.btn-custom span {
  color: #EF7E48;
}
.btn-custom:hover {
  background: #ef7e48;
}
.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;
}

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


@media screen and (min-width: 992px) {
  #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%;
  }
}

@media screen and (max-width: 1030px) {
  .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;
  }
}

@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: #DC4319;
  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:10px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#525252;white-space:nowrap}.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: #EF7E48;
}

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

.txt-subf-2:hover{
  color: #EF7E48;
  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: 34px;
    margin-bottom: 90px;
}

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