body{
    margin: 0;
    font-family: var(--font2) !important;
    color: var(--primary);
    font-size: 16px;
    line-height: 140%;
    overflow-x: hidden;
}
:root{
	--primary:#FFB416;
    --secondary:#111111;
	--dark : #2B2B2B;
    --text : #444444;
    --light : #F7F3E9;
    --white : #FFFFFF;
    --black : #000000;
    --font1: "Poppins", sans-serif !important;
    --font2: "Chakra Petch", sans-serif !important;
}
a {
    color: var(--white);
    font-family: var(--font2);
    text-decoration: none !important;
    transition: all 0.4s;
}
a:hover {
    color: var(--primary);
    text-decoration: none;
}
ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
p {
    font-family:  var(--font1) !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}
h1,h2,h3,h4,h5,h6{
    font-family: var(--font2);
}
p:last-child {
    margin-bottom: 0;
}
::selection {
    color: var(--white);
    background: var(--primary);
}
img {
    max-width: 100%;
    width: auto;
    height: auto;
    z-index: 1;
}
html .container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0px;
}
section {
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
}
html .btn{
  background-color: var(--primary);
  border-radius: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0px 5px 0px 25px;
  height: 44px;
  line-height: 44px;
  font-size: 15px;
  font-weight: 600;
  color: var(--secondary);
  gap: 18px;
  text-transform: uppercase;
  transition: all 0.5s;
}
html .btn .icon{
    height: 34px;
    width: 34px;
    border-radius: 100px;
    background-color: var(--secondary);
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s;
}
html .btn:hover{
    background-color: #ffb416de;
}
html .btn:hover .icon{
    transform: rotate(45deg);
}
html .btn.btn-dark{
    background-color: var(--secondary);
    color: var(--white);
}
html .btn.btn-dark:hover{
    background-color: var(--black);
}
html .btn.btn-dark .icon{
    background-color: var(--white);
    color: var(--secondary);
}
.title h5{
    font-size: 16px;
    color: var(--secondary);
    margin-bottom: 12px;
    line-height: 160%;
    letter-spacing: 0.9px;
    text-transform: uppercase;
}
.title h2{
    font-size: 50px;
    font-weight: 700;
    color: var(--secondary);
    text-transform: uppercase;
}
.title p{
    font-size: 16px;
    color: var(--text);
 }
 .bg-white-image{
    position: relative;
}
.bg-white-image:before{
        position: absolute;
    content: "";
    height:94px;
    width: 94px;
    background-color: var(--white);
    right: -1px;
    bottom: -1px;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    z-index: 1;
    transition: all 0.5s;
}
.bg-light{
    background-color: #efefef !important;
}
html input[type="file"].form-control{
    padding-top: 15px;
}
html .form-control{
    height: 50px;
    padding: 0px 25px;
    background-color: var(--white);
    border-radius: 6px;
    color: var(--black);
    font-size: 15px;
    font-weight: 400;
    border: 0px;
    font-family: var(--font1);
    margin-bottom: 20px;
}
html .form-control::placeholder{
    color: var(--text);
}
html .form-control:focus{
    box-shadow: unset;
    border: 0px;
}
header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 99;
    transition: all 0.5s;
    padding: 14px 0px;
}
.header-main-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
header nav > ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}
header nav > ul > li {
    position: relative;
}
header nav > ul > li > a {
    color: var(--white);
    font-weight: 600;
    font-size: 16px;
    line-height: 35px;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0.64px;
    padding: 8px 22px;
    border-radius: 40px;
    border: 1px solid transparent;
    transition: all 0.5s;
}
header nav > ul > li > a > svg {
    width: 12px;
    height: auto;
    margin-left: 10px;
    transition: all 0.5s;
}
header nav > ul > li:hover > a,
header nav > ul > li.current-menu-item > a {
    color: var(--primary);
     border: 1px solid #FFB4164D;
}
header nav > ul > li:hover > a > svg,
header nav > ul > li.current-menu-item > a > svg {
    color: var(--primary);
    transform: rotate(180deg);
}
header nav > ul > li + li {
    margin-left: 12px;
}
header nav > ul > li:has(.mega-menu) {
    position: static;
}
.header-navbar > ul > li.menu-item-has-children ul.sub-menu {
    display: block;
    background-color: var(--white);
    box-shadow: 2px 2px 10px 0px rgb(100 100 100 / 20%);
    padding: 8px !important;
    border-radius: 6px;
    position: absolute;
    top: 50px;
    left: 0;
    min-width: 250px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s;
    transform: translateY(20px);
    list-style: none;
}
.header-navbar > ul > li.menu-item-has-children:hover > ul.sub-menu, 
.header-navbar > ul > li.menu-item-has-children > ul.sub-menu li.menu-item-has-children:hover > ul.sub-menu {
    transform: translateY(0px);
    visibility: visible;
    opacity: 1;
}
.header-navbar > ul > li.menu-item-has-children > ul.sub-menu li {
    margin-bottom: 3px;
}
.header-navbar > ul li.menu-item-has-children ul.sub-menu li > a {
    font-size: 14px;
    display: block;
    padding: 6px 10px;
    border-radius: 6px;
    color: var(--dark) !important;
    line-height: 20px;
    font-weight: 500;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2px;
}
.header-navbar > ul li.menu-item-has-children > ul.sub-menu li:hover > a {
    background-color: var(--primary);
}
header .contact_wrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
header .contact_wrap li {
    color: var(--white);
    position: relative;
    font-size: 12px;
    padding-left: 56px;
    line-height: 130%;
    padding-top: 3px;
    font-weight: 400;
    text-transform: uppercase;
    transition: all 0.5s;
}
header .contact_wrap li .icon {
    height: 44px;
    width: 44px;
    border: 1px solid #FFB41666;
    color: var(--primary);
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.4s;
}
header .contact_wrap li a {
    font-size: 20px;
    font-weight: 600;
    display: block;
    line-height: 130%;
    color: var(--primary);
}
header .contact_wrap li a:hover {
    opacity: 0.8;
}
header .contact_wrap a.btn{
    margin-left: 24px;
    padding: 0px 35px;
    border: 1px solid var(--primary);
}
header .contact_wrap a.btn:hover{
    background-color: transparent;
    border: 1px solid #FFB41666;
    color: var(--white);
}
.sticky header {
    box-shadow: 0 6px 15px 0 rgb(0 0 0 / 4%);
    background-color: #2B2B2B;
    padding: 10px 0;
}
header .header-logo img{
    transition: all 0.5s;
}
.sticky header .header-logo img{
    transform: scale(0.90);
}
.banner_section{
    counter-reset: carousel-counter-box;
     background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
    padding-top: 122px;
    background-image: url(../images/banner-bg-img.png);
}
.banner_section:before{
    height: 100%;
    width: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--secondary);
    opacity: 0.8;
    z-index: -1;
}
.banner_section .banner_slider_wrap{
    position: relative;
}
.banner_section .banner_slider_wrap:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background-image: url(../images/banner-image-bg.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
}
.banner_slider .item .item_wrap{
    display: flex;
}

.banner_section .banner_slider .item .container,
.banner_section .banner_slider .item .container .row{
    height: 100%;
}

.banner_section .banner_slider .item .content{
    padding-top: 65px;
    padding-bottom: 85px;
}
.banner_slider .item h2{
    font-size: 62px;
    font-weight: 700;
    color: var(--white);
    line-height: 120%;
    transition: all 1.4s;
    opacity: 0;
    translate: 0 80px;
    transition-delay: 0.8s;
    text-transform: uppercase;
}
.banner_slider .owl-item.active h2,
.banner_slider .owl-item.active .content  img,
.banner_slider .owl-item.active p,
.banner_slider .owl-item.active a.btn,
.banner_slider .owl-item.active .image img{
     opacity: 1;
    translate: 0;
}
.banner_slider .item  h2 span{
    color: var(--primary);
}
.banner_slider .item .content  img{
    margin: 34px 0px;
    max-width: 528px;
    width: 100%;
    transition: all 1.8s;
    opacity: 0;
    translate: 0 80px;
    transition-delay: 0.8s;
}
.banner_slider .item p{
    color: var(--white);
    margin-bottom: 34px;
    max-width: 500px;
    width: 100%;
    transition: all 1.4s;
    opacity: 0;
    translate: 0 80px;
    transition-delay: 0.8s;
}
.banner_slider .item a.btn{
     transition: all 1.4s;
    opacity: 0;
    translate: 0 80px;
    transition-delay: 0.8s;
}
img.banner-image-bg {
    position: absolute;
    bottom: -1px;
    right: 0px;
    z-index: -1;
}
.banner_slider .owl-item img {
    display: block;
    width: fit-content;
    
}
.banner_slider .item .image{
    position: relative;
    margin-left: 58px;
}
.banner_slider .item .image img{
     transition: all 1.4s;
    opacity: 0;
    translate: 0 80px;
    transition-delay: 0.8s;
}

.banner_slider .owl-dots {
    position: absolute;
    right: 40px;
    top: 42%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.banner_slider .owl-dots .owl-dot {
    font-size: 25px;
    font-weight: 600;
    color: rgba(17, 17, 17, 0.3);
    line-height: 130%;
    transition: all 0.5s;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
}
.banner_slider .owl-dots .owl-dot:before {
    counter-increment: carousel-counter-box;
    content: counter(carousel-counter-box, decimal-leading-zero);
    transition: all 0.5s;
}
.banner_slider .owl-dots .owl-dot:after {
    content: "";
    width: 2px;
    height: 0px;
    margin-top: 8px;
    background-color: var(--secondary);
    display: none;
    transition: all 0.5s;
}
.banner_slider .owl-dots .owl-dot.active {
    color: var(--secondary);
}
.banner_slider .owl-dots .owl-dot.active:after {
    display: inline-block;
    height: 40px;
}
 .who_we_are_section p{
    color: var(--text);
    margin-left: 30px;
 }
  .who_we_are_section p:first-child{
    margin-top: 45px;
  }
  .who_we_are_section .who_we_are_content_wrap{
    margin-top: 40px;
  }

  
  .who_we_are_content_wrap .content{
    margin-left: 30px;
  }
  .who_we_are_content_wrap .content  img{
        margin: 40px 0px;
  }
  .counter_box h3.digit{
    font-size: 50px;
    font-weight: 700;
    line-height: 120%;
    color: var(--secondary);
    margin-bottom: 5px;
  } 
  .counter_box h3.digit span{
    color: var(--primary);
  }
  .counter_box p{
    margin-left: 0px;
  }
  .who_we_are_section .tbw_wrap{
    background-color: var(--secondary);
    padding: 30px 40px;
    margin-top: 40px;
  }
   .tbw_wrap .text{
    padding-right: 40px;
    border-right: 3px solid var(--primary);
    max-width: 312px;
    width: 100%;
   }
  .tbw_wrap h4{
    font-size: 27px;
    font-weight: 700;
    color: var(--white);
    margin-bottom: 0px;
    line-height: 120%;
  }
.tbw_wrap .tbw_logos_wrap {
    padding-left: 40px;
    gap: 30px;
    display: flex;
    align-items: center;
    position: relative;
    max-width: 872px;
    width: 100%;
}
.tbw_wrap .tbw_logos_wrap:before {
    position: absolute;
    content: "";
    height: 100px;
    width: 200px;
    right: 0px;
    top: -15px;
    background: linear-gradient(90deg, rgba(17, 17, 17, 0) 0%, #111111 100%);
    z-index: 2;
}
.tbs_logos_slider img{
    max-width: 200px;
    height: 70px;
    width: 100%;
  }
.services_wrap .title{
    max-width: 590px;
    width: 100%;
    margin: 0px auto 40px;
    text-align: center;
}
.services_wrap .title h2{
    margin-bottom: 20px;
}
.services_wrap .services_row{
    row-gap: 40px;
}
.services_wrap .services_box{
    background-color: #efefef;
    padding: 25px 0px 25px 25px;
    transition: all 0.5s;
    margin-bottom: 40px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 0;
}
.services_box h4{
    font-size: 26px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--secondary);
    margin-bottom: 25px;
    max-width: 252px;
    width: 100%;
}
.services_box h4 a{
    color: var(--secondary);
}
.services_box h4 a:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.services_box .image{
    overflow: hidden;
    position: relative;
}
.services_box .image img{
    width: 100%;
    transition: all 0.5s;
}
.services_box:hover{
    background-color: var(--primary);
}
.services_box:hover img{
    transform: scale(1.1);
}
.services_box .image svg{
    transition: all 0.5s;
    position: absolute;
    left: 0;
    bottom: 0;
}
.services_box:hover .image svg{
    color: var(--primary);
}
.services_box:hover:before{
    height: 46px;
    width: 46px;
}
.availabel_equipment_wrap .title {
    margin-bottom: 60px;
}
.availabel_equipment_wrap .eqp_box{
    background-color: var(--white);
    padding: 260px 20px 20px 20px;
    text-align: center;
    position: relative;
    height: 100%;
    transition: all 0.5s;
}
.availabel_equipment_wrap .eqp_box:before {
    position: absolute;
    content: "";
    height: 34px;
    width: calc(100% - 60px);
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(../images/eqp-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.5s;
}
.availabel_equipment_wrap .eqp_box:hover:before {
    height: 0%;
    width: 0%;
}
.availabel_equipment_wrap .eqp_row{
    row-gap: 50px;
}
.eqp_box h4{
    font-size: 26px;
    font-weight: 600;
    color: var(--secondary);
    text-transform: uppercase;
    line-height: 130%;
    margin-bottom: 0px;
}
.eqp_box h4 a{
    color: var(--secondary);
    pointer-events: none;
}
.eqp_box h4 a:hover{
    color: var(--primary)
}
.eqp_box:hover a{
    color: var(--primary)
}
.eqp_box h4 a:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;;
    top: 0;
    left: 0;
}
.eqp_box .image {
    position: absolute;
    top: -40px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.eqp_box .image img{
    transition: all 0.5s;
}
.eqp_box:hover img{
    transform: scale(0.9);
}
.testimoniqal_section .container{
    padding: 0px 60px;
}
.testimonial_wrap .title{
    margin-bottom: 60px;
}
.testimonial_slider .owl-stage-outer{
    width: calc(100% + 20px);
}
.testimonial_slider .owl-item{
    max-width: 580px;
    width: 100%;
}
.testimonial_slider .item {
    padding: 40px;
    background-color: #efefef;
    backdrop-filter: blur(16px);
    position: relative;
    
}
.testimonial_slider .item:before{
    position: absolute;
    content: "";
    width: 258px;
    height: 18px;
     background-image: url(../images/testimonial-bg-img.png);
    background-repeat: no-repeat;
    background-size: contain;
    right: -20px;
    bottom: 40px;
}
.testimonial_slider .item .image{
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 22px;
}
.testimonial_slider .item .image img{
    height: 60px;
    width: 60px;
    border-radius: 50%;
    border: 1.6px solid var(--secondary);
    overflow: hidden;
}
.testimonial_slider .item h4{
    font-size: 24px;
    font-weight: 600;
    color: var(--secondary);
    text-transform: uppercase;
    margin-bottom: 3px;
}
.testimonial_slider .item h6{
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    margin-bottom: 0px;
    color: var(--secondary);
}
.testimonial_slider .item p{
    line-height: 160%;
    margin-bottom: 20px;
    color: var(--secondary);
    min-height: 100px;
}
.testimonial_slider .item img{
    max-width: 134px;
    width: 100%;
}
.testimonial_slider .owl-nav button{
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background-image: url('data:image/svg+xml,<svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.49997 11C6.49997 11 1.50002 7.3176 1.5 6C1.49999 4.6824 6.5 1 6.5 1" stroke="%23111111" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    transition: all 0.5s;
}
.testimonial_slider .owl-nav button:hover{
    background-color: var(--primary) !important;
}
.testimonial_slider .owl-nav button span{
    display: none;
}
.testimonial_slider button.owl-next{
    right: -70px;
    transform: scale(-1);
}
.testimonial_slider  button.owl-prev{
    left: -70px;
}
.git_section{
    padding-bottom: 180px;
    background: linear-gradient(180deg, #FFFFFF 50.28%, #EFEFEF 100%);
    /* overflow-x: hidden; */
}
.git_section:before{
    position: absolute;
    content: "";
    height: 50%;
    width: 100%;
    bottom: 0;
    left: 0;
    background-image: url(../images/contact-section-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;

}
.git_section .git-1-img{
    position: absolute;
    left: 40px;
    bottom: -8px;
}
.git_section .git-2-img{
    position: absolute;
    right: 0px;
    bottom: -80px;
    z-index: 2;
}
.git_wrap h2{
    margin-bottom: 14px;
}
.git_wrap .title{
    margin-bottom: 40px;
}

.career-modal .cnt_form_wrap,
.git_wrap .cnt_form_wrap{
    background-color: #efefef;
    padding: 40px;
    border: 1px solid #1111111a;
    max-width: 670px;
    width: 100%;
    margin: 0px auto;
    border-radius: 15px;
    position: relative;
    z-index: 1;
}
.career-modal .cnt_form_wrap {
    border-radius: 0;
}
.cnt_form_wrap textarea.form-control{
    margin-bottom: 30px;
    height: 100px;
    padding: 10px 25px;
}
footer{
    background-color: var(--secondary);
    font-size: 16px;
    color: var(--white);
    background-image: url(../images/footer-bg.png);
    background-position: 100% 94%;
    background-repeat: no-repeat;
    font-family: var(--font1);
    position: relative;
    z-index: 1;
}
footer .footer-bottom-img {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
footer a{
    font-family: var(--font1);
}
footer a:hover{
    color: var(--primary);
}
footer .footer_logo img{
    transition: all 0.5s;
    margin-bottom: 30px;
}
footer .footer_logo img:hover{
    transform: scale(0.9);
}
footer p{
    font-size: 15px;
}
footer .footer_top{
    padding: 70px 0px 60px;
}
.footer_top h4{
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--primary);
    margin-bottom: 24px;
}
.footer_top h5 {
    font-weight: 600;
    font-size: 16px;
    color: var(--primary);
    margin-bottom: 0;
    text-transform: uppercase;
}
.footer_top ul.social-media {
    display: flex;
    align-items: center;
    gap: 10px;
}
.footer_top ul.social-media a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #ffffff0f;
    color: var(--white);
    border-radius: 30px;
}
.footer_top ul.social-media a:hover {
    background: var(--primary);
    color: var(--black);
}
.footer_top ul.links li{
    margin-bottom: 14px;
}
.footer_top ul.links a {
    font-size: 16px;
    font-weight: 400;
    color: var(--white);
    display: inline-flex;
    gap: 10px;
}
.footer_top ul.links a:before {
    content: '';
    display: block;
    width: 5px;
    min-width: 5px;
    height: 5px;
    background: var(--primary);
    border-radius: 4px;
    margin-top: 7px;
}
.footer_top ul.links a:hover{
    color: var(--primary);
}
.footer_top ul.links li.current_page_item a,
.footer_top ul.links li.active a{
    color: var(--primary);
}
.footer_top ul.links.services-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
}
footer .footer_middle{
    background-color: #181818;
    border: 1px solid #ffffff1a;
    border-radius: 20px;
    padding: 30px;
}
.footer_middle ul{
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 60px;
}
.footer_middle ul li {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 440px;
    max-width: 100%;
}
.footer_middle ul li .icon{
    height: 44px;
    min-width: 44px;
    border-radius: 50%;
    background-color: var(--primary);
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer_middle ul li p{
    font-size: 16px;
    font-weight: 500;
}
.footer_middle ul li p a{
    font-size: 20px;
}
footer .footer_bottom{
    padding-top: 30px;
    padding-bottom: 10px;
    text-align: center;
}
footer .developed-by{
    padding-bottom: 30px;
    text-align: center;
}
.inner-banner{
    background-image: url(../images/inner-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 158px 20px 60px;
    text-align: center;
    color: #fff;
}
section.inner-banner:after {
    content: '';
    width: 100%;
    height: 100%;
    background: #111111CC;
    position: absolute;
    left: 0;
    top: 0;
}
.inner-banner > *{
    position: relative;
    z-index: 1;
}
.inner-banner h1{
    font-size: 52px;
    font-weight: 700;
    margin-bottom: 24px;
}
.breadcrumb-item+.breadcrumb-item::before {
    content: '>';
    font-family: var(--font1);
    color: #fff;
}
ol.breadcrumb ,ol.breadcrumb a,.breadcrumb-item.active {
    font-family: 'Poppins';
    color: #fff;
}
ol.breadcrumb a:hover {
    color: var(--primary);
}
.contact-info-sec .info-box a:hover {
    opacity: 0.7;
}
section.inner-banner:before {
    content: '';
    width: 541px;
    height: 17px;
    background-image: url(../images/dashed-img.png);
    position: absolute;
    bottom: -10px;
    left: 50%;
    z-index: 2;
    background-repeat: no-repeat;
    transform: translateX(-50%);
}
.contact-info ul.social-media a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #EFEFEF;
    color: #000;
    border-radius: 30px;
}
.contact-info ul.social-media a:hover{
    background-color: var(--primary);
    color: #fff;
}
.contact-info ul.social-media {
    display: flex;
    align-items: center;
    gap: 10px;
}
.contact-info .title {
    max-width: 628px;
    margin: 0 auto 16px;
}
.contact-info .title h4{
    font-size: 50px;
    font-weight: 700;
    color: #000;
}
.contact-info .title p{
    color: #444444;
    margin-bottom: 0;
}
.contact-info-sec .container{
    max-width: 1250px;
}
.contact-info-sec .info-box {
    background: #EFEFEF;
    padding: 30px 40px;
    border-radius: 10px;
    height: 100%;
}
.contact-info-sec .info-box a {
    color: #000;
    overflow-wrap: anywhere;
    font-family: 'Poppins';
}
.contact-info-sec .info-box h6 {
    color: #000;
    margin-top: 20px;
}
.contact-info-sec .info-box h4 {
    font-size: 22px;
    font-family: 'Poppins';
    font-weight: 500;
}
section.contact-info {
    padding-bottom: 40px;
}
.contact-info.contact-info2 .title {
    margin-left: 0;
}

/* contact-us-2 start */

section.contact-info.contact-info2 h4 {
    text-transform: uppercase;
}
section.contact-info.contact-info2 {
    padding-bottom: 0;
}
section.contact-info.contact-info2 .container {
    max-width: 1100px;
    padding: 0 20px;
}
.contact_cards {
    padding-left: 40px;
}
.contact_cards .contact_card_box {
    padding: 35px 35px;
    background: #EFEFEF;
    border-radius: 10px;
    margin-bottom: 20px;
}
.contact_cards .contact_card_box:last-child {
    margin-bottom: 0;
}
.contact_card_box ul.contact_info li:last-child {
    margin-bottom: 0;
}
.contact_cards .contact_card_box h3 {
    font-weight: 700;
    font-size: 28px;
    line-height: 120%;
    text-transform: uppercase;
    color: #111111;
    margin-bottom: 16px;
}
.contact_cards .contact_card_box h4 {
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    text-transform: uppercase;
    color: #111111;
    margin-bottom: 16px;
}
.contact_card_box ul.contact_info li {
    display: flex;
    gap: 10px;
    align-items: start;
    margin-bottom: 13px;
}
.contact_card_box ul.contact_info li .content p {
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;color: #111111;
    transition: all 0.4s;
}
.contact_card_box ul.contact_info li .content p a:hover{
    color: var(--primary);
}
.contact_card_box ul.contact_info li .content p a {
    color: inherit;
    font-family: var(--font1) !important;
}
.sticky_wrp {
    position: sticky;
    top: 120px;
}

/* contact-us-2 end */


.about_us_wrap .image{
    max-width: 624px;
    width: 100%;
    height: 700px;
    position: relative;
}
.about_us_wrap .image:before {
    position: absolute;
    content: "";
    height: 35px;
    width: 200px;
    background-color:var(--white);
    right: -1px;
    bottom: -1px;
    clip-path: polygon(21% 0, 100% 0, 100% 100%, 0% 100%);
    z-index: 1;
}
.about_us_wrap .image img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.about_us_wrap p{
    margin-left: 0px;
}
.about_us_wrap .content{
    margin-left: 25px;
}
.mv_text_section{
    background-image: url(../images/mv-bg-img.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 1;
}
.mv_text_section:before,
.mv_text_section:after{
     position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
.mv_text_section:before{
    background-color: var(--text);
    opacity: 0.9;
  
}
.mv_text_section:after {
    opacity: 0.6;
    background-color: #ffb416;
}
.mv_text__wrap .image{
    height: 540px;
    margin-top: -112px;
    margin-bottom: 20px;
    overflow: hidden;
}
.fancybox__caption {
    display: none;
}
.mv_text__wrap .image:before {
    position: absolute;
    content: "";
    width: 100%;
    top: 0;
    left: 0;
    height: 110px;
    background-color: var(--white);
}
.mv_text__wrap .image img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: relative;
    z-index: 1;
    transition: all 0.5s;
}
.mv_text__wrap .image:hover img{
    transform: scale(1.1);
}
.mv_text__wrap .image a {
    height: 100%;
    width: 100%;
    display: block;
    position: relative;
}
.mv_text__wrap .image .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.mv_text__wrap .image .icon svg{
    transition: all 0.5s;
}
.mv_text__wrap .image:hover .icon svg{
    transform: scale(0.9);
}
.mv_text__wrap .mv_text_box{
    padding: 32px;
    background-color: var(--dark);
    height: 100%;
}
.mv_text_box h4{
    font-size: 30px;
    font-weight: 600;
    color: var(--white);
    padding-bottom: 20px;
    border-bottom: 1px solid var(--text);
    margin-bottom: 0px;
}
.mv_text_box p{
    padding-top: 20px;
    margin-bottom: 0px;
    color: var(--white);
}
.mv_text_box p:last-child{
    padding-top: 10px;
}
.about_us_wrap .counter_box{
    height: 200px;
    width: 200px;
    background-color: var(--primary);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -45px;
    left: -10px;
}
.about_us_wrap .counter_box h3.digit{
    font-size: 60px;
    margin-bottom: 0px;
    line-height: 100%;
}
.about_us_wrap .counter_box h3.digit span{
    color: var(--black);
}
.scrollToTop {
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 80px;
    border-radius: 55px;
    right: 18px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15);
    opacity: 0;
    background: var(--primary);
    z-index: 9;
    padding: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(0.8) translateY(40px);
}
.scrollToTop:hover{
    color: var(--white);
}
.sticky .scrollToTop {
    opacity: 1;
    transform: scale(1) translateY(0);
}
/* .ms_wrap {
    height: fit-content;
    position: sticky;
    top: 150px;
} */
.services_detail_wrap .more_services_wrap {
    background-color: #F5F5F5;
    padding: 35px 25px 25px;
}
.more_services_wrap h3 {
    font-size: 30px;
    font-weight: 700;
    color: var(--black);
    line-height: 130%;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 30px;
    
}
.more_services_wrap ul li {
   
    transition: all 0.5s;
    background-color: var(--secondary);
    margin-bottom: 15px;
    position: relative;
   
}
.more_services_wrap ul li:before{
    height: 20px;
    width: 20px;
    background-color: #F5F5F5;
}
.more_services_wrap ul li a {
     padding: 15px 30px 15px 15px;
    font-weight: 500;
    color: var(--white);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    font-size: 16px;
    transition: all 0.5s;
}
.more_services_wrap ul li svg{
    height: 18px;
    min-width: 18px;
    fill: var(--white);
    transition: all 0.5s;
}
.more_services_wrap ul li:hover, .more_services_wrap ul li.active{
   background-color: var(--primary);
}
.more_services_wrap ul li:hover a,.more_services_wrap ul li.active a{
    color: var(--secondary);
}
.more_services_wrap ul li:hover svg,
.more_services_wrap ul li.active svg{
    fill: var(--secondary);
}
.services_content_wrap{
    padding: 50px;
    background-color: #F5F5F5;
    margin-right: 28px;
    color: var(--secondary);
}
.services_content_wrap h4{
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.services_detail_wrap p{
    font-size: 16px;
    color: var(--text);
    margin-bottom: 40px;
}
.services_detail_wrap .key_feature_box{
    padding: 30px 20px 30px 30px;
    background-color: #EBEBEB;
    position: relative;
}
.services_detail_wrap .key_feature_box:before{
    height: 50px;
    width: 50px;
    background-color: #F5F5F5;
}
.key_feature_box .icon_wrap{
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}
.key_feature_box .icon{
    height: 50px;
    min-width: 50px;
    background-color: var(--primary);
    display: flex;
    justify-content: center;
    align-items: center;
    clip-path: polygon(22% 0, 100% 0, 100% 78%, 78% 100%, 25% 100%, 0 100%, 0 22%);

}
.key_feature_box h4{
    font-size: 20px;
    margin: 0px !important; 

}
.key_feature_box p{
    margin-bottom: 0px !important;
}
.services_detail_wrap img{
    width: 100%;
}
.services_detail_wrap .image{
    margin: 50px 0px;
}
.services_detail_wrap .image:before{
    background-color: #F5F5F5;
}
.services_detail_wrap .fleet_box{
    background-color: var(--primary);
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px;
    position: relative;
}
.fleet_box:before{
    height: 25px !important;
    width: 25px !important;
    background-color: #F5F5F5;
}
.fleet_box img{
    min-width: 50px;
}
.fleet_box h5{
    font-size: 18px;
    margin-bottom: 0px;
    font-weight: 700;
}
.certificate_section .title{
    margin-bottom: 60px;
}
.certificate_section .container{
    max-width: 1170px;
}
.certificate_box .image{
    overflow: hidden;
}
.certificate_box img{
    width: 100%;
    object-fit: cover;
    transition: all 0.5s;
}
.certificate_box:hover img{
    transform: scale(1.1);
}
.certificate_box .image a {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
}
.certificate_box .image a:after {
    content: "";
    display: block;
    background: url("../images/loupe.png") no-repeat center center;
    filter: brightness(0) invert(1);
    transform: scale(1.5);
    background-size: 40px auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    transition: all 0.5s;
    z-index: 1;
}
.certificate_box:hover a:after {
    opacity: 1;
    transform: scale(1);
}
.certificate_box .image a:before {
    content: "";
    display: block;
    background: #000;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    transition: all 0.5s;
    z-index: 1;
}
.certificate_box:hover a:before {
    background: #00000099;
    opacity: 1;
}


 .fancybox__thumbs {
    display: none;
}
.faq_sec .title{
        margin-bottom: 60px;
 }
 .faq_sec .accordian_wrap{
    max-width: 960px;
    margin: 0px auto;
 }
 .accordian_wrap .accordion-item {
    background-color: var(--black);
    margin-bottom: 20px;
    position: relative;
    border: 0px;
    color: var(--white);

}
.accordion-item .accordion-button {
    background-color: var(--black);
     font-size: 20px;
    font-weight: 600;
    padding: 20px;
    position: relative;
    color : var(--white)
}
.accordion-item .accordion-button:focus {
    border-color: 0px;
    box-shadow: none;
}
.accordion-body{
    padding-top: 0px;
}
.accordion-body p{
    color: var(--white);
    font-size: 15px;
    margin-bottom: 10px;
}
.accordion-button:not(.collapsed) {
    box-shadow: unset;
    color: var(--white);
}
.accordian_wrap .accordion-button:not(.collapsed)::after {
       filter: brightness(1) invert(0);
}
.accordian_wrap .accordion-button::after {
    filter: brightness(1) invert(1);
}

.accordion-button:not(.collapsed)::after {
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.64601 4.64601C1.69245 4.59945 1.74763 4.5625 1.80838 4.5373C1.86912 4.51209 1.93424 4.49911 2.00001 4.49911C2.06578 4.49911 2.1309 4.51209 2.19164 4.5373C2.25239 4.5625 2.30756 4.59945 2.35401 4.64601L8.00001 10.293L13.646 4.64601C13.6925 4.59952 13.7477 4.56264 13.8084 4.53749C13.8692 4.51233 13.9343 4.49938 14 4.49938C14.0658 4.49938 14.1309 4.51233 14.1916 4.53749C14.2523 4.56264 14.3075 4.59952 14.354 4.64601C14.4005 4.6925 14.4374 4.74769 14.4625 4.80842C14.4877 4.86916 14.5006 4.93426 14.5006 5.00001C14.5006 5.06575 14.4877 5.13085 14.4625 5.19159C14.4374 5.25233 14.4005 5.30752 14.354 5.35401L8.35401 11.354C8.30756 11.4006 8.25239 11.4375 8.19164 11.4627C8.1309 11.4879 8.06578 11.5009 8.00001 11.5009C7.93424 11.5009 7.86912 11.4879 7.80838 11.4627C7.74763 11.4375 7.69245 11.4006 7.64601 11.354L1.64601 5.35401C1.59945 5.30756 1.5625 5.25239 1.5373 5.19164C1.51209 5.1309 1.49911 5.06578 1.49911 5.00001C1.49911 4.93424 1.51209 4.86912 1.5373 4.80837C1.5625 4.74763 1.59945 4.69245 1.64601 4.64601Z" fill="white"/></svg>');
}
.contact_info .icon {
    min-width: 30px;
}
ul.contact_info li .content {
    margin-top: 3px;
}
ul.contact_info li .content h5{
    color: var(--secondary);
}
.contact-info-sec .info h4 {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #000;
}
.contact-info-sec .info span {
    font-size: 14px;
    font-style: italic;
    color: #000;
}

.whatsapp-float {
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 20px;
  right: 20px;
  background-color: #fff;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  font-size: 30px;
  box-shadow: 2px 2px 5px #999;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.whatsapp-float img {
  width: 30px;
  height: 30px;
}
.whatsapp-float:hover {
  background-color: var(--primary);
}

.no-arrow .btn {
    padding-left: 30px;
    padding-right: 30px;
}
.no-arrow .btn:hover{
    background:#111 !important;
    color:#fff !important;
}

.wpcf7-spinner {
    margin: 10px -38px 0 14px;
    vertical-align: top;
}
html .wpcf7-form-control-wrap {
    display: block;
    margin-bottom: 20px;
}
html .wpcf7-form-control-wrap .form-control {
    margin-bottom: 0;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
    border-color: #FF0000;
    color: #ff0000;
}
.wpcf7 form.success .wpcf7-response-output{
    border-color: #00a500;
    color: #00a500;
}
.error-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--dark);
    padding: 200px 25px 80px;
    text-align: center;
}
.error-card {
    background: var(--white);
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    max-width: 720px;
    width: 100%;
    padding: 48px 28px;
}
.error-code {
    font-family: var(--font2, 'Chakra Petch'), sans-serif;
    font-size: 112px;
    line-height: 1;
    margin: 0 0 12px 0;
    color: var(--secondary);
    letter-spacing: 2px;
}
.error-highlight {
    color: var(--primary);
}
.error-title {
    font-family: var(--font1, 'Poppins'), sans-serif;
    font-size: 28px;
    margin: 0 0 12px 0;
    color: var(--dark);
    font-weight: 600;
}
.error-text {
    font-family: var(--font1, 'Poppins'), sans-serif;
    color: var(--text);
    font-size: 16px;
    margin: 0 0 28px 0;
}
html .error-actions .btn {
    padding: 0 30px;
}
html .error-actions .btn:hover {
    background-color: transparent;
    border-color: var(--primary);
}
.error-footer {
    margin-top: 20px;
    font-size: 13px;
    color: var(--text);
    font-family: var(--font1, 'Poppins'), sans-serif;
}

.wpcf7 form.sent .wpcf7-response-output {
    color: #46b450;
}


/*Career Page*/
.why_join_us h5 {
    color: var(--secondary);
    font-weight: 600;
}

.who_we_are_section .career-opening-main p:first-child {
    margin: 0;
}
.career-opening-main .details-btn.btn-white:focus .material-symbols-rounded,
.career-opening-main .details-btn.btn-white:hover .material-symbols-rounded {
    transform: rotate(0deg) scaleY(-1);
}
.career-opening-main .details-btn.btn-white .material-symbols-rounded {
    transform: rotate(0deg) scaleY(-1);
    margin-top: -3px;
    transition: none;
}
.career-opening-main .accordion-button.collapsed .details-btn.btn-white .material-symbols-rounded {
    transform: rotate(0deg);
    margin-top: 0;
}
.career-opening-main .accordion {
    border-radius: 18px;
    overflow: hidden;
}
.career-opening-main .accordion .accordion-item {
    border: 1px solid rgba(25, 32, 32, 0.1);
    margin-bottom: 30px;
}
.career-opening-main .accordion .accordion-item:last-child {
    margin-bottom: 0;
}
.career-opening-main .accordion .accordion-item:first-of-type {
    border-radius: 18px;
}
.career-opening-main .accordion .accordion-item .accordion-header .btn {
    padding: 0px 35px;
    border: 1px solid var(--primary);
}
.career-opening-main .accordion .accordion-item .accordion-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-radius: 18px 18px 0 0;
    overflow: hidden;
}
.career-opening-main .accordion-body {
    background-color: #f7f7f7;
    border-radius: 18px;
    overflow: hidden;
    padding: 22px;
}
.career-opening-main .accordion-body .requirements li {
    color: var(--dark);
    position: relative;
    padding: 8px 0 8px 32px;
}
.career-opening-main .accordion-body .requirements li::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='m423.231-394.153-92.924-92.923q-8.307-8.308-20.884-8.5-12.577-.193-21.269 8.5-8.692 8.692-8.692 21.076t8.692 21.076l109.769 109.769q10.846 10.846 25.308 10.846 14.461 0 25.307-10.846l222.538-222.538q8.308-8.307 8.5-20.884.193-12.577-8.5-21.269-8.692-8.692-21.076-8.692t-21.076 8.692L423.231-394.153Zm56.836 294.152q-78.836 0-148.204-29.92-69.369-29.92-120.682-81.21-51.314-51.291-81.247-120.629-29.933-69.337-29.933-148.173t29.92-148.204q29.92-69.369 81.21-120.682 51.291-51.314 120.629-81.247 69.337-29.933 148.173-29.933t148.204 29.92q69.369 29.92 120.682 81.21 51.314 51.291 81.247 120.629 29.933 69.337 29.933 148.173t-29.92 148.204q-29.92 69.369-81.21 120.682-51.291 51.314-120.629 81.247-69.337 29.933-148.173 29.933ZM480-160q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    position: absolute;
    top: 8px;
    left: 0;
    background-repeat: no-repeat;
    background-position: center center;
}
.career-opening-main .accordion-body .apply-now a{
    color: var(--primary);
}
.career-opening-main .accordion-body .apply-now {
    color: var(--dark);
    background-color: #f0f0f0;
    text-align: center;
    padding: 12px 10px;
    border-radius: 10px;
}
.career-opening-main .opening-right .accordion-button:focus {
    outline: none;
}
.career-opening-main .opening-right .accordion-button:not(.collapsed) {
    color: transparent;
    background-color: transparent;
    box-shadow: none;
    padding: 0;
}
html .career-opening-main .accordion-button {
    background-color: transparent;
    border-radius: 50px !important;
    line-height: 44px;
    padding: 0 26px !important;
    color: var(--dark) !important;
    border: 1px solid var(--dark);
    box-shadow: none;
}
html .career-opening-main .accordion-button a{
    color: var(--dark) !important;
}
html .career-opening-main .accordion-button::after {
    background-size: 14px;
    height: 14px;
    width: 14px;
    margin-left: 10px;
    margin-bottom: -1px;
}
html .career-opening-main .accordion-button:not(.collapsed)::after{
    filter:brightness(0) invert(0);
}
html .career-opening-main .accordion-button:hover {
    background-color: var(--dark);
    color: var(--light) !important;
}
html .career-opening-main .accordion-button:hover::after{
    filter: brightness(0) invert(1);
}
html .career-opening-main .accordion-button:hover a{
    color: var(--light) !important;
}
.career-opening-main .accordion .accordion-item .accordion-header h5 {
    color: var(--dark);
    font-weight: 600;
    font-size: 20px;
}
.career-opening-main .accordion .accordion-item .accordion-header strong {
    font-weight: 600;
}
.career-opening-main .accordion .accordion-item .accordion-header p {
    font-size: 15px;
}
.career-opening-main .accordion .accordion-item .accordion-header h5 span {
    font-weight: 300;
}
.career-opening-main .accordion-body h5 {
    color: var(--dark);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 14px;
}
.career-modal .btn-close {
    background-color: red;
    color: #333;
}