/*
Theme Name: Mot Juste
Theme URI: https://motjuste.com/
Author: Mot Juste Developer Team
Author URI: 
Description:
Tags: 
Version: 1.0
*/
:root {
    --hvkmenutext:#364153;
    --hvktextlight: #DBEAFE;
    --hvkbodytext:#4A5565;
    --hvkblack:#101828;
    --hvkwhite:#ffffff ;
    --hvkdarkblue: #000066;
    --hvklightblue:#51A2FF;
    --hvklightbluetext: #8ec5ff;
}
.i4ewOd-pzNkMb-haAclf {
    display: none!important;}
*{padding: 0;margin: 0;box-sizing: border-box;font-family: "Roboto", sans-serif;}
body{margin:0;padding:0;line-height:1.6;}
html{scroll-behavior:smooth;font-size:20px;}
h1,h2,h3,h4,h5,h6 {padding: 0;margin: 0;}
p{margin: 0;font-family: "Roboto", sans-serif;color: var(--hvkbodytext);font-size: 0.8rem;}
.row {margin: 0;position:relative;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, 
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7,
.col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, 
.col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, 
.col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, 
.col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, 
.col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding:0;}
@media screen and (max-width:576px){html{font-size: 20px;}}
@media screen and (min-width:1600px){html{font-size: 26px;}}
img{max-width: 100%;height:auto;}
a {text-decoration: none!important;}
.container-1440{max-width: 1440px;margin: 0 auto;}
.container-1200{max-width: 1200px;margin: 0 auto;padding:0 1rem}
.container-1300{max-width: 1240px;margin: 0 auto;}
@media (min-width: 1400px) {
.container-1200 {max-width: 1320px;}
}
@media (min-width: 1600px) {
.container-1440{max-width: 1600px;}
.container-1200 {max-width: 1440px;}
}
@media (min-width: 1900px) {
.container-1440{max-width: 1600px;}
.container-1200 {max-width: 1440px;}
}

.top-bar{background: linear-gradient(90deg, #006 0%, #5EDEFF 100%);padding:0.3rem 0}
.top-bar p, .top-bar a{font-size: 0.6rem;color: var(--hvkwhite);line-height: 1rem;}
.top-bar .ctc-menu{display: flex;justify-content: end;}
.top-bar .ctc-menu p{margin-left: 0.4rem;}
.top-bar img{width: 0.8rem;}

/*Menu*/
.menu-bar{display:flex;justify-content: space-between;background-color: #ffffff;}
.menu-bar nav ul{display: flex;justify-content: space-between;align-items: center;}
li{list-style: none;}
a{text-decoration: none;}
nav ul {margin: 0;}
nav ul li{position: relative;margin-left: 1.2rem;}
.logo{padding:0.6rem 0;}

nav ul li a {display: block;font-size: 0.7rem;color:var(--hvkmenutext);transition:all 0.1s linear;line-height: 72px;font-weight: 400;}
.btn-link a{display: inline;}
.menu-bar .menu-item-has-children ul {
    display: block;
    position: absolute;
    left: -20px;
    top: calc(100% + 30px);
    margin: 0;
    padding: 0.4rem 0.2rem;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    transition: 0.3s;
    border-radius: 0.4rem;
    height: auto;
    margin-left: 0;
  }
  .menu-bar .menu-item-has-children ul li{margin-left: 0;}
  .menu-bar .menu-item-has-children ul li {
    min-width: 200px;
  }
  .menu-bar .menu-item-has-children ul a {
    padding: 0.6rem 0.8rem;
    font-size: 0.7rem;
    text-transform: none;
    font-weight: 400;
   transition: all 0.3s linear;
  }
  .menu-bar .menu-item-has-children ul a:hover{font-weight: 600;}
 
  nav ul li a:hover{color:var(--hvkdarkblue);font-weight: 400;}
  .menu-bar nav ul li:hover > a{color:var(--hvkdarkblue);font-weight: 400;}
.menu-bar nav ul li:hover{color:var(--hvkdarkblue);font-weight: 400;}
.menu-bar nav ul li ul li:hover{color:var(--hvkdarkblue);font-weight: 400;}
  .menu-bar .menu-item-has-children:hover > ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
  }
  .menu-bar .menu-item-has-children .menu-item-has-children ul {
    top: 0;
    left: calc(100% - 30px);
    visibility: hidden;
  }
  .menu-bar .menu-item-has-children .menu-item-has-children:hover > ul {
    opacity: 1;
    top: 0;
    left: 100%;
    visibility: visible;
  }
  /*.menu-bar .menu-item-has-children > a:after {
    content: "\f107";
    font-family: "Font Awesome 6 Free"; 
    font-weight: 900;
    padding-left: 5px;
}*/
/*.menu-bar .menu-item-has-children:hover > a:after {
    content: "\f106";
    font-family: "Font Awesome 6 Free"; 
    font-weight: 900;
    padding-left: 5px;
}*/
  @media (max-width: 1366px) {
    .navbar .dropdown .dropdown ul {
      left: -90%;
    }
    .navbar .dropdown .dropdown:hover > ul {
      left: -100%;
    }
  }
/*Mobile Navigation*/
.mobile-nav {position: fixed;top: 0;bottom: 0;z-index: 9999;overflow-y: auto;left: -260px;width: 260px;padding-top: 18px;padding-bottom: 18px;background: var(--hvkdarkblue);transition: 0.4s;}
.mobile-nav * {margin: 0;padding: 0;list-style: none;}
.mobile-nav  li a {display: block;position: relative;color: #3B89CB;padding: 1.4rem;font-weight: 500;outline: none;
line-height: 10px;color: var(--hvkwhite);font-size: 0.9rem;}
.mobile-nav a:hover,
.mobile-nav li:hover>a {color: var(--hvklightbluetext);text-decoration: none;}
.mobile-nav-toggle {position: fixed;top:3.5rem;right: 1rem;z-index: 9998;border: 0;background: none;
 font-size: 1.5rem;transition: all 0.4s;outline: none !important;line-height: 1;cursor: pointer;text-align: right;}
 .mobile-nav-toggle i {color:#232090;}
.icofont-close{color: #000!important;}
.mobile-nav-active {overflow: hidden;}
.mobile-nav-active .mobile-nav {left: 0;}
.mobile-nav-active .mobile-nav-toggle i {color: #fff;}
/*.menu-item-has-children> a:after {content: "\ea99";font-family: IcoFont;padding-left: 2px;}*/
.mobile-nav .menu-item-has-children ul {display: none;overflow: hidden;}
.mobile-nav li.actives ul{display: none;}
.btn-link a{background-color: var(--hvkdarkblue);color: var(--hvkwhite);text-align: center;padding: 0.5rem 1.2rem;border-radius: 0.4rem;}
.fixed-top{width: 100%;left: 0;right: 0;background-color: var(--hvkwhite);box-shadow:0px 0px 10px rgba(127, 137, 161, 0.25);
}
.fixed-top-active{margin-top: 72px;}
.fixed-top-active-body .mobile-nav-toggle {top: 1rem;}
.mobile-nav .btn-link a {background-color: var(--hvklightblue);display: inline-block;margin:1rem;transition: all 0.3s linear;}
.mobile-nav .btn-link a:hover{color: var(--hvkdarkblue);}
.menu-bar nav ul li a:before {
    content: "";
    background: var(--hvklightblue);
    width: 100%;
    height: 2px;
    transform: translateX(-50%) scale(0);
    position: absolute;
    top: 20px;
    left: 50%;
    transition: all .3s ease-in-out;
}
.menu-bar nav ul li.btn-link a:before{display: none;}
.menu-bar .menu-item-has-children  ul li a:before{display: none;}
.menu-item-has-children ul li a{line-height: 1.5;}
.menu-bar nav ul li:hover a:before {
    transform: translateX(-50%) scale(1);
}
.menu-bar nav ul li.btn-link, .menu-bar nav ul li.btn-link a{transition: all 0.3s linear;}

.menu-bar nav ul li.btn-link a:hover, .menu-bar nav ul li.btn-link:hover a{background-color: var(--hvklightblue);color: var(--hvkwhite);}
.menu-bar nav ul li.btn-link a, .menu-bar nav ul li.btn-link{text-decoration: none;}
.home-hero{background-image: url(images/hero.png);background-repeat: no-repeat;background-size: cover;background-position: center center;
height: auto;position: relative;}
.home-hero:after{content:'' ;position: absolute;top: 0;left: 0;width: 100%;bottom: 0;background: linear-gradient(90deg, #006 0%, #5EDEFF 100%);opacity: 0.9;}
.hero-text{padding-top: 5rem;position: relative;z-index: 10;padding-bottom: 3.2rem;}
.hero-text h1{color: var(--hvkwhite);text-transform: uppercase;font-size: 3rem;}
.hero-text h1 span{color: var(--hvklightblue);}
.hero-text p{color: var(--hvktextlight);font-size: 1.1rem;margin-bottom: 2.3rem;}
.ctc{background-color: var(--hvkwhite);color: var(--hvkbodytext);padding:0.5rem 1.1rem;border-radius: 0.3rem;
font-size: 0.8rem;margin-right: 0.8rem;transition:  all 0.3s linear ;}
.hero-ctc{display: flex;flex-wrap: wrap;margin-top: 1.8rem;}
.ctc:hover{background-color: var(--hvkdarkblue);color: var(--hvkwhite);}
.ctc .fa-solid{font-size: 0.55rem;}
@media screen and (min-width:1000px){
  .hero-text{padding-left: 2rem;}
}
.sec-img-div img{border-radius: 1rem;}
.brands-slider{z-index: 10;position: relative;background-color: #f6f6f6;}
.brands-slider .container-1200{display: flex;justify-content: space-between;}
.bx-wrapper{margin-bottom: 0;border: 0;box-shadow: none;}
.brands-slider{padding:1rem 0;}
.slider-arrow{transition: all 0.3s linear;border: 0;padding: 0.8rem 0.8rem;border-radius: 0.5rem;background: linear-gradient(135deg, #F9FAFB 0%, #E5E7EB 100%);
}
.slider-arrow:hover{background:linear-gradient(90deg, #006 0%, #5EDEFF 100%);color: var(--hvkwhite);}
.slider-arrow i{color: var(--hvklightblue);font-size: 1.1rem;transition: all 0.3s linear;}
.slider-arrow:hover i{color: var(--hvkwhite);}
/*.spacer{padding: 1rem;}*/
.sec-padding{padding:4rem 0;}
.sec-img-div{border-radius: 1rem;overflow: hdden;text-align: center;}
.band{background-color: var(--hvkwhite);box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);width: auto;
  display: flex;align-items: flex-start;padding:1.2rem 1rem;border-radius: 0.5rem;}
.band img{background-color: #E6FAFF;padding: 0.6rem;border-radius: 50%;margin-right: 1rem;width: 2.8rem;}
.sec-img-div{position: relative;max-width: 100%;height:fit-content;}
.band-1{position: absolute;top: 1.5rem;right: 0;}
.band-2{position: absolute;top: 50%;transform: translateY(-50%);}
.band-3{position: absolute;bottom: -1.5rem;right: 0;}
.band h3{font-size: 1.5rem;color: var(--hvkblack);font-weight: 700;}
.band p{color: var(--hvkbodytext);font-size: 0.7rem;font-weight: 400;margin-top: -0.3rem;}
.default-head h3{font-size: 2.2rem;color: var(--hvkblack);font-weight: 700;}
.default-head h3 span{color: var(--hvklightblue);}
.default-head h4{color: var(--hvklightblue);font-size: 1.6rem;padding-top: 1.5rem;}
.sec-top p, .sec-bottom p {font-size: 0.8rem;margin:1rem 0 1rem 0}
.sec-top{padding-bottom: 0.7rem;}
.sec-top h3{padding-top: 1.5rem;}
.btn-blue{background-color: var(--hvkdarkblue);color: var(--hvkwhite);font-size: 0.7rem;padding: 0.4rem 1rem;border-radius: 0.3rem;margin-bottom: 0.5rem;display: inline-block;
transition: all 0.3s linear;}
.btn-blue:hover{background-color: var(--hvklightblue);color: var(--hvkwhite);}
.home-sec-1{background: linear-gradient(180deg, #FFF 0%, #F9FAFB 100%);padding-bottom: 6rem;}
.home-sec-2 h3, .home-sec-2 p{text-align: center;}.home-sec-2 p{margin-top: 0.5rem;}
@media screen and (min-width:1000px){
  .home-sec-2 .col-md-3{width: 20%;}
}
.band{text-align: left;}
.featured-product-col{border: 1px solid #E5E7EB;height: 100%;border-radius: 0.4rem;overflow: hidden;position: relative;
transition: all 0.3s linear;}
.featured-product-col:hover{transform: translateY(-0.4rem);box-shadow:0 0 10px rgba(127, 137, 161, 0.25);}
.home-sec-2 .col-md-3{padding: 0 0.5rem;}
.featured-product-col span{position: absolute;background-color: var(--hvkdarkblue);top:0.3rem;right: 0.3rem;
font-size: 0.55rem;color: var(--hvkwhite);padding:0.2rem;border-radius: 0.5rem;padding: 0.25rem 0.5rem;line-height: 1;}
.featured-product-col p, .featured-product-col h5{text-align: left;padding-left: 0.8rem;}
.featured-product-col p{color: var(--hvklightblue);font-size: 0.6rem;font-weight: 700;}
.featured-product-col h5{color: var(--hvkblack);font-size: 0.8rem;font-weight: 700;padding-bottom: 0.8rem;padding-top: 0.2rem;}
.cat-col{border: 1px solid #EBEDF0;padding: 1.3rem;height: 100%;border-radius: 0.5rem;
  background-color: var(--hvkwhite);transition: all 0.3s linear;}
  .cat-col:hover{box-shadow:0 0 10px rgba(127, 137, 161, 0.25);}
.bx-viewport{height: auto;}
.category-bxslider li{padding:  0 0.5rem;height: 100%;}
.home-sec-3 p {
    margin-top: 0.5rem;
}
.bg-grey{background-color: #FBFCFD;}
.category-bxslider{margin-left: -0.5rem;}
.arrow-col-right{text-align: right;}

.bx-wrapper{background-color: transparent;}

.cat-col img {background-color: #E6FAFF;padding: 0.6rem;border-radius: 0.5rem;margin-right: 1rem;width: 2.8rem;
margin-bottom: 0.8rem;}
.cat-col h5{font-size: 1rem;font-weight: 700;}.cat-col p{font-size: 0.7rem;margin-bottom: 0.5rem;}
i{transition: all 0.3s linear;}

.home-sec-4 h3, .home-sec-4 p{text-align: center;}.home-sec-4 p{margin-top: 0.5rem;}
.service-col{border: 1px solid #EBEDF0;height: 100%;border-radius: 0.5rem;background-color: var(--hvkwhite);overflow: hidden;
transition: all 0.3s linear;}
.service-col:hover{transform: translateY(-0.4rem);box-shadow:0 0 10px rgba(127, 137, 161, 0.25);}
.home-sec-4 .sec-col{padding: 0 0.5rem;}
.img-div{position: relative;}
.img-div img.icon {
  position: absolute;
  left: 0.7rem;bottom: 0.7rem;
    background-color: var(--hvkwhite);
    padding: 0.6rem;
    border-radius: 0.5rem;
   z-index: 2;
    width: 2.3rem;
    
}
.img-div:after{content: '';position: absolute;top: 0;left: 0;bottom: 0;width: 100%;background: linear-gradient(0deg, rgba(28, 57, 142, 0.70) 0%, rgba(0, 0, 0, 0.00) 100%);z-index: 1;}
.col-txt{padding: 0.8rem;text-align: left;}
.col-txt h5{font-size: 1rem;font-weight: 700;text-align: left;}
.col-txt p{font-size: 0.7rem;margin-bottom: 0.5rem;text-align: left;}

.view-all{display:  inline-flex;justify-content: center;border: 1px solid var(--hvklightblue);width: auto!important;margin: 0 auto;
color: var(--hvkbodytext);font-size: 0.7rem;align-items: center;padding:0.4rem 0.5rem;border-radius: 0.4rem;line-height: 1;
margin-top: 2rem;text-transform: capitalize;transition: all 0.3s linear;}
.view-all:hover{border: 1px solid var(--hvkdarkblue);background-color: var(--hvkdarkblue);color: var(--hvkwhite);}
.sec-intro p{margin-top: 0.5rem;}
a.view-link{font-size: 0.7rem;transition: all 0.3s linear;text-align: left;}
a.view-link:hover{color: var(--hvkdarkblue);}
a.view-link:hover i{transform: translateX(5px);}
.c-row{border:1px solid #AEAEB7;border-radius: 0.9rem;overflow: hidden;}
.home-sec-5 p{margin-top: 0.5rem;}
.home-sec-5 .col-txt p{font-size: 0.8rem;}
.ctc-col-left{text-align: left;}
.ctc-col-left h4{color: var(--hvkblack);font-size: 1.1rem;font-weight: 700;padding-top: 0;padding-bottom: 0.4rem;}
.ctc-inner-col{border-radius: 0.8rem;padding: 1.4rem;
border: 1px solid #E5E7EB;
background: #FFF;
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.10), 0 8px 10px -6px rgba(0, 0, 0, 0.10);}
.ctc-inner-col input{width: 100%;background-color: #F3F3F5;border: none;outline: none;padding: 0.3rem 0.4rem;
border-radius: 0.4rem;margin-bottom: 0.5rem;font-size: 0.7rem;}
.form-row .col-md-6,.form-row .col-md-12{padding: 0 0.4rem}
.form-row{margin-left: -0.4rem;}
.form-row label{font-size: 0.7rem;color: var(--hvkbodytext);padding-bottom: 0.2rem;font-weight: 400;width:100%;} 
.form-row ::placeholder{font-size: 0.65rem;color: var(--hvkbodytext);}
.form-row textarea{width: 100%;background-color: #F3F3F5;border: none;outline: none;padding: 0.3rem 0.4rem;
border-radius: 0.4rem;margin-bottom: 0.5rem;font-size: 0.7rem;height:90px;}
.form-row button{border: 0;outline: 0;background-color: var(--hvkdarkblue);color: var(--hvkwhite);font-size: 0.7rem;
  padding:0.5rem;border-radius: 0.4rem;margin: 0 0.4rem;transition: all 0.3s linear;}
  .form-row button:hover{background-color: var(--hvklightblue);}
@media screen and (min-width:768px){
 .ctc-col-right{padding-left: 1.5rem;max-height: 406px;}
 .ctc-col-left{padding-right: 1.5rem;}
}
.i4ewOd-pzNkMb-haAclf, .i4ewOd-pzNkMb-haAclf, .i4ewOd-pzNkMb-haAclf{display: none!important;}
.map-frame{border-radius: 0.4rem;}
.i4ewOd-pzNkMb-haAclf{display: none;opacity: 0;}
iframe{max-width: 100%;overflow: hidden;}
footer{background: linear-gradient(180deg, #48487E 0%, #006 100%);padding: 4rem 0;padding-bottom: 2rem;}

footer .f-1 h3{color: var(--hvkwhite);font-size: 1.4rem;padding-bottom: 0.4rem;font-weight: 700;}
footer .f-1 p{color: var(--hvkwhite);font-size: 0.7rem;padding-bottom: 0.4rem;color: var(--hvkwhite);font-weight: 400;}
.f-2 h5{color: var(--hvkwhite);font-size: 0.85rem;padding:0.4rem 0;font-weight: 600;text-transform: uppercase;}
.f-2 h6{color: var(--hvkwhite);font-weight: 400;font-size: 0.6rem;text-transform: uppercase;}

.social-icons ul{display: flex;margin: 0;padding: 0;margin-top: 1rem;}
.social-icons ul a{background-color: var(--hvkwhite);padding:0.3rem 0.5rem;border-radius: 0.4rem;line-height: 1;display: inline-block;margin: 0 0.3rem;}
.f-menu h5{text-transform: capitalize;}
.f-menu ul{padding: 0;}
.f-menu{padding: 0 1.5rem;}
.f-menu ul li a {color: var(--hvkwhite);font-size: 0.6rem;transition: all 0.3s linear;}
.f-menu ul li a:hover{color: var(--hvklightblue);}

.f-loc{display: flex;align-items: flex-start;padding:0 0.5rem 0 0}
.f-loc p{color: var(--hvkwhite);font-size: 0.65rem;}
.f-loc img{margin-right: 0.5rem;}
.footer-locations{padding:2rem 0;border-top: 1px solid #192C95;border-bottom: 1px solid #192C95;}
.footer-bottom{padding: 1.4rem 0;padding-bottom:0;}
.footer-bottom p, .footer-bottom a{color: var(--hvkwhite);font-size: 0.65rem;transition: all 0.3s linear;}
.footer-bottom a:hover{color: var(--hvklightblue);}
.policy{display: flex;align-items: flex-start;}
.policy li{padding: 0 0.3rem;line-height: 1;}
.policy ul{margin: 0;padding: 0;}
.motjuste{text-align: right;}
.testimonials{background-color: #101828;text-align: left;padding:2rem}
.testimonials h5{color: var(--hvkwhite);font-weight: 500;font-size: 0.9rem;line-height: 1.3;padding-left: 0;}
.profile{display: flex;align-items: flex-end;text-align: right;margin-top: 1rem;text-align: right;justify-content: end;}
.profile img{border-radius: 0.4rem;}
.profile p{color: var(--hvklightblue);text-align: right;margin-right: 0.6rem;margin-top: 0;margin-bottom: 0;
font-size: 0.7rem!important;line-height: 1.1;}
.arrows-slider button{outline: none;border: none;background-color: transparent;}
.arrows-slider img{max-width:0.45rem;}
.custom-prev-logos-tst{margin-right: 1rem;}
.testimonials .col-txt{padding: 0.5rem 0;}
.social-icons a{transition: all 0.3s linear;}
.social-icons a:hover{background-color: var(--hvklightblue);}
.quotation{display: inline-flex;justify-content: end;align-items: flex-start;}
.sec-img{width: 100%;}
@media screen and (max-width:820px){
  .top-bar .ctc-menu{justify-content: center;align-items: center;}
}
@media screen and (max-width:576px){
  .top-bar .ctc-menu{display: none;}
  .band-1{right: 0;top: 0;}.band-2{left: -1rem;}.band-3{bottom: -1.5rem;right: 0;}
  .category-bxslider li{justify-content: center;}
  .quotation{justify-content: flex-start;margin-top: 1rem;margin-bottom: 1rem;}
  .f-menu{padding-left: 0;margin-top: 1rem;}
  .f-loc{padding: 0.5rem 0;justify-content: flex-start;}
  .hero-text{padding: 2.5rem 0;}
  .home-hero:after {background: linear-gradient(90deg, #006 0%, #5EDEFF 175%);}
}
.img-div > img{width: 100%;}
.case-study-col img{width: 100%;}
@media (max-width: 991px) and (orientation: landscape){

    .top-bar .ctc-menu {align-items: flex-start;display: flex;}
    .hero-text{padding: 2.5rem 0;}
  

}
.brand-bxslider li{text-align: center;}
.brand-bxslider img{text-align: center;margin: 0 auto;}
.slider-arrow{transition: all 0.3s linear;}
@media screen and (min-width:768px){
  .f-menu{width:20%}
  .soc-menu{width: 20%;}
  .sec-img{width: 90%;margin: 0 auto;}
}
.home-sec-2 .row{margin-left: -0.5rem;}
.home-sec-3 .bx-viewport{padding: 0.5rem 0;}
.category-bxslider li {
    width:fit-content;
}

.bx-wrapper,
.bx-viewport {
    overflow: hidden !important;
}
  .cat-col{display: flex;flex-direction: column;}
  .cat-col .view-link{margin-top: auto;}
.col-txt {position: relative;display: flex;
  flex-direction: column;
  }
.col-txt .view-link{margin-top:auto;}

.service-col, .case-study-col {display: flex;flex-direction: column;}
.col-txt {display: flex;flex-direction: column;flex: 1;}
.view-link {margin-top: auto;}
.home-sec-4 .row{margin-left: -0.5rem;}
.case-study-col{position: relative;overflow: hidden;transition: all 0.3s linear;}
.case-study-col img{transition: all 0.3s linear;}
.case-study-col:hover img{transform: scale(1.1);}
.image-div{max-height: 173px;overflow: hidden;}
.testimonials{position: relative;}
.testimonials .arrows-slider{position: absolute;bottom: 1rem;}
@media screen and (max-width:576px){
  .hero-text h1{font-size: 2rem;}
  .top-bar p, .top-bar a{font-size: 0.75rem;}
  .hero-ctc a{margin-bottom: 1rem;}
  .sec-padding{padding: 2rem 0;}
  .default-head h3{font-size: 1.8rem;}
  .sec-img{width: 90%;}
  .band{padding: 0.5rem;}
  .band h3{font-size: 1.1rem;}
  .band img{width: 2.3rem;}
  .band-1{top: -1.5rem;right: -1rem;}.band-3{bottom: -1.5rem;right:-1rem;}
  .custom-prev-logos-cat, .custom-prev-logos-fet{margin-left:0!important;}
  .footer-bottom{flex-direction:column;}
  .footer-bottom p{margin-bottom:0.8rem;}
  .sep{display:none;}

}
.tax-col{padding: 0.5rem;}
.inner-banner{min-height:280px;background-size:cover;background-position:center center;}
.inner-banner .hero-text{padding-top:5rem;}
.about-1{background: linear-gradient(180deg, #FFF 0%, #F9FAFB 100%);padding:3rem 0;}
.about-1 p{max-width:950px;margin:auto;margin-bottom:1rem;}
.about-2{background-size:cover;background-repeat:no-repeat;background-position:center;padding:3rem 0;}
.about-2 .abt-2-col{padding:0 2.5rem;border-right:1px solid #fff;}
.about-2 .abt-2-col:last-child{border:0;}
.about-2 p{color:var(--hvkwhite);}
.about-2 h5{color:var(--hvklightblue);font-size:0.85rem;margin-bottom:0.8rem;}
.about-2 .row{margin-left:-2.5rem;}




.content {
  max-height: 360px;   /* 👈 collapsed height */
  overflow: hidden;
  position: relative;
  transition: max-height 0.6s ease;
}

/* 👇 Fade effect */
.content::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
  transition: opacity 0.4s ease;
}

/* Expanded state */
.content.expanded {
  max-height: 900px;
}

.content.expanded::after {
  opacity: 0;
}

.read-more {
  margin-top: 2rem;
  background: none;
  border: none;
  color: #4a90e2;
  cursor: pointer;
  font-weight: bold;
  text-align: center;
    margin: 0 auto;
    display: flex;
}
.readMoreBtn{
  margin-top: 2rem;
  background: none;
  border: none;
  color: #4a90e2;
  cursor: pointer;
  font-weight: bold;
  text-align: center;
    margin: 0 auto;
    display: flex;
    font-size:0.8rem;
}
.contentBox {
    max-height: 180px;
    overflow: hidden;
    position: relative;
    transition: max-height 0.6s ease;
}
.contentBox:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
    transition: opacity 0.4s ease;
}

.contentBox.expanded {
  max-height: 900px;
  transition:all 0.5s linear;
}

.contentBox.expanded::after {
  opacity: 0;
}
.contentBox p{font-size:0.75rem;}
.abt-3-col-left img{border-radius:1rem}
.abt-3-col-right{padding-left:3rem;}
.abt-3-col-right p{margin-bottom:0.7rem;}
.abt-3-col-right h3{margin-bottom:1rem;}
.about-4 .default-head {text-align:center;}
.about-4 .default-head p{margin-top:0.5rem;margin-bottom:1.6rem;}
.container-930{max-width:930px;margin:0 auto;}
.abt-4-col img{border-radius:1rem;}
.abt-4-col{padding:1rem;padding-top:0;}
.abt-4-col h4{font-size:0.9rem;padding-top:0.6rem;color:var(--hvkbodytext);}
.about-4 .bottom-content p{text-align:left;max-width:1000px;margin:0 auto;}
.about-5 h3{text-align:center;padding-bottom:1rem;}
.about-5 .row{max-width:840px;margin:0px auto;}
.abt-5-col {padding:0.5rem;}
.abt-5-col-inner {padding:1.4rem;height:100%;transition:all 0.3s linear;border-radius:0.8rem;}
.abt-5-col-inner:hover{background:#F5F5F5;}
.about-5 .col-md-4:nth-child(1) .abt-5-col-inner, .about-5 .col-md-4:nth-child(3) .abt-5-col-inner {
     background: #f5f5f5;
  
}
.about-5 .col-md-4:nth-child(2) .abt-5-col-inner, .about-5 .col-md-4:nth-child(4) .abt-5-col-inner {
 background: #E5E7EB;
}
.about-5 h5{color:var(--hvklightblue);font-size:0.9rem;padding-bottom:0.5rem;}
@media screen and (max-width:576px){
    .about-2 .abt-2-col{border:0;}
    .abt-3-col-right {
    padding-left: 0;margin-top:1rem;
}
.content.expanded {
    max-height: 3000px;
}
}
.inner-banner p{margin-bottom:0;}
.txt-middle{display:flex;flex-direction:column;justify-content:center;}
.bg-gradient{background: linear-gradient(180deg, #F9FAFB 0%, #FFFFFF 100%);}
.img-left-sec .txt-middle{padding-right:0;padding-left:1rem;}
.bullets{display:flex;align-items: flex-start; /* top align */
    gap: 10px;}
.bullets span {
  background: #EFF3FD;
  color: #3B82F6;
  font-weight: 600;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;margin-right:0.6rem;
  
}
.bullets p{margin-top:0.4rem;}
.bullets span p{color:var(--hvklightblue);font-weight:700;margin-top:0;}
.bullet-row{}
.bullets{padding:0.6rem 0.6rem;}
.bullets p{font-size:0.7rem;}
.sec-bottom-content p{margin-bottom:0.6rem;}
.title-sec  p{margin-top:0.8rem;}
.img-left-sec .txt-content{padding-left:2rem;}
.top-txt{padding-right:2rem;}
.img-right-sec .txt-content{padding-right:2rem;}
.location, .mobile, .email{display:flex;margin-top:0.4rem;align-items:flex-start;}
.exe {
    padding: 1.4rem;
    height: 100%;
    transition: all 0.3s linear;
    border-radius: 0.8rem;background:#f5f5f5;
}
.dist-col{padding:0.3rem;}
.ctc-col-left .fa-solid{color:var(--hvkbodytext);margin-right:0.3rem;font-size:0.9rem;}
.ctc-col-right-1{padding-left:1rem;}
.products .lft-image img{background:#f6f6f6;border-radius:1rem;}
.bg-gradient-grey{background:linear-gradient(180deg,rgba(249, 251, 252, 1) 33%, rgba(252, 252, 253, 1) 57%, rgba(255, 255, 255, 0.9) 100%);}
.blog-col{padding:0.5rem;}
.single-blogs{background:#f6f6f6;height:100%;}
.single-blogs img{width:100%;border-radius:0.5rem;}.single-blogs{padding:1rem;border-radius:0.5rem;}
.single-blogs h3{color:var(--hvklightblue);font-size:1.2rem;margin:0.5rem 0;}
.single-blogs a{color:#ffffff;}
.pagination-links{display:flex;justify-content:center;margin-top:1rem;}
.page-numbers{margin:0 0.2rem;}
.blog-content h1, .blog-content h2, .blog-content h3, .blog-content h4, .blog-content h5, .blog-content h6 {color:var(--hvkdarkblue);margin:1rem 0;}
.blog-content p{margin-bottom:0.5rem;}
.service-1 img{box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);border-radius:1rem;}
.rec-col{padding:0.5rem;border-bottom:1px solid #ddd;}

.rec-col-1 .btn-blue{margin-bottom:0!important;}
.rec-col h3 a{color:var(--hvkdarkblue);font-size:1.2rem;}
.job-left{padding-right:2rem;}
.ctc-inner-col h3{padding-left:0;}
.ctc-inner-col p{padding:0;}
.ser-col-1-left.default-head h3{font-size:1.6rem;}
.menu-top-list .current_page_item  a:before {
    transform: translateX(-50%) scale(1);
}
@media screen and (max-width:600px){
    .img-left-sec .txt-content {
    padding-left: 0;
}
.top-txt {
    padding-right: 0;
}
.img-left-sec .txt-middle {
    padding-right: 0;
    padding-left: 0;
}
.ctc-col-right-1{padding-left:0;}
}
.home-sec-4 .bx-viewport{padding:1rem 0;}
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background: rgba(0,0,0,0.6);

    display: flex;              /* keep flex always */
    justify-content: center;
    align-items: center;

    opacity: 0;                 /* hide using opacity */
    visibility: hidden;
    transition: 0.3s ease;

    z-index: 9999999;
}

.popup-overlay.active {
    opacity: 1;
    visibility: visible;
}

.popup-content {
    background: #fff;
   position:relative;
    max-width: 500px;
    width: 90%;
    border-radius: 8px;
    position: relative;

    transform: scale(0.9);
    transition: 0.3s ease;
}

.popup-overlay.active .popup-content {
    transform: scale(1);
}
.popup-content h4{font-size:1.2rem;color:var(--hvkdarkblue);margin-bottom:1rem;}
.popup-close{position:absolute;top:0.5rem;right:0.5rem;cursor:pointer;font-size:1rem;}
.footer-bottom{display:flex;justify-content:space-between;}
.f-1 ul li a{font-size:0.8rem;}
.f-2 #menu-item-377 a{font-size:0.8rem;}
.read-more-col{display:flex;justify-content:end;align-items:center;}
.f-4 #menu-item-386 a{font-size:0.8rem;}
@media screen and (max-width:576px){
    .slider-arrow{padding:0.4rem;}
    .slider-arrow i{font-size:1rem;}
    .read-more-col
 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}}

.logo-row{margin:0 auto;}
.brand-logo{padding:1rem;transition:all 0.3s linear;border-radius:1rem;height:100%;}
.brand-logo:hover{background:#cccccc;}
.brand-main{padding:0.3rem;}
.brands-slider img{width:80%;}
.sidebar-inner h3{font-size:1.1rem;color:var(--hvkdarkblue);margin-bottom:0.5rem;}
.sidebar-inner{padding:1.5rem;background:#f6f6f6;border-radius:1rem;}
.sidebar-inner li{list-style:disc;}
.sidebar-inner li a{color:#000;font-size:0.8rem;}
#training img{border-radius:1rem;}
.profile-text p{text-align:left;}
@media screen and (min-width:1400px){
    .brands-slider img{width:90%;}
}
.res-title h3{font-size:1.2rem;}
.vroc-2{background:#ccc;padding:3rem 0;}
.vroc-2 h3{text-align:center;padding-bottom:2rem;color:var(--hvkdarkblue);}
.vroc-2 .exe h4{color:#000000;font-size:0.95rem;padding-bottom:0.5rem;}
.service-3.vroc li{list-style:disc;    color: var(--hvkbodytext);
    font-size: 0.8rem;}
    .service-2.vroc li{list-style:disc;    color: var(--hvkbodytext);
    font-size: 0.8rem;}






/* Case Study Section Hide */
.home-sec-5 {
	display: none;
}


.feture-bxslider li{
    box-sizing: border-box;
}

/* When slider disabled */
.no-slider{
    display: flex !important;
    gap: 10px;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}

.no-slider li{
    float: none !important;
    list-style: none;
}

/* Desktop */
@media (min-width: 768px){

    .no-slider li{
        width: calc(33.33% - 7px) !important;
    }

}

/* Mobile */
@media (max-width: 767px){

    .no-slider li{
        width: 100% !important;
    }

}
.wpcf7-response-output{font-size:0.8rem;font-family:"Roboto", sans-serif;;}