:root{

    --web-primary-color:#A6A182;
    --web--lblack-color:#3A3931;
}

*{
    font-family: "Nunito Sans", serif, sans-serif;
}

body{
    color: var(--web--lblack-color);
}

.pl-lb15{
    padding-left: 15px;
}
.pr-lb15{
    padding-right: 15px;
}
.wmb-3{
    margin-bottom: 1rem;
}
.mt-25{
    margin-top: 25px;
}
.mt-35{
    margin-top: 35px;
}
.mt-45{
    margin-top: 45px;
}
.mt-80{
    margin-top: 80px;
}
.ml-15{
    margin-left: 15px;
}
.ml-10{
    margin-left: 10px;
}
.mb-25{
    margin-bottom: 25px;
}

.fw-500{
    font-weight: 500;
}
.fw-900{
    font-weight: 900;
}
.fw-800{
    font-weight: 800;
}
.flex-shrink-0{
    flex-shrink: 0;
}
.top_header{
    background-color: #A6A182;
    padding: 10px 25px;
}
.top_header_block{
   
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.top_header_block a{
    text-decoration: none;
    color: #fff;
}
.top_header_block .info_cont{
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.index_header_container{
    padding-left: 15px;
}

.header_links_container{
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header_links_lists{

    display: flex;
    list-style: none;
    gap: 1.5rem;
    align-items: center;
    justify-content: end;
    padding: 10px 25px;
    margin: 0;
}
.header_link_item{
    text-decoration: none;
    color: var(--web--lblack-color);
    position: relative;
    font-weight: 500;
    font-size: 17px;
}
.header_link_item::after{
    content: '';
    display: block;
    width: 0%;
    height: 3px;
    border-radius: 4px;
    background-color: var(--web-primary-color);
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.header_logo{
    width: 170px;
}

.product_link_item{
    color: #fff;
}

.product_link_item::after{

    content: '';
    display: block;
    width: 0%;
    height: 3px;
    border-radius: 4px;
    background-color: #fff;

}

.header_link_item:hover::after{
    width: 100%;
}
.header_links_list{
    color: var(--web-primary-color);
}
.active_link{
    font-weight: 700;
}
.active_link::after{

    content: '';
    display: block;
    width: 100%;

}

.quote_btn{
    background: transparent;
    padding: 7px 30px;
    color: var(--web--lblack-color);
    font-size: 17px;
    font-weight: 500;
    border: 1px solid var(--web--lblack-color);
    position: relative;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
}
.quote_btn::before{
    content: '';
    display: block;
    position:absolute;
    width: 0%;
    height: 100%;
    background-color: var(--web-primary-color);
    left: 0;
    top: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;

}

.quote_btn:hover{
    color: #fff;
    border: 1px solid var(--web-primary-color);
}
.quote_btn:hover::before{
    width: 100%;
}

.quote_footer_btn{
    background: transparent;
    padding: 7px 30px;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    border: 1px solid #fff;
    position: relative;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
}
.quote_footer_btn::before{
    content: '';
    display: block;
    position:absolute;
    width: 0%;
    height: 100%;
    background-color: #fff;
    left: 0;
    top: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;

}

.quote_footer_btn:hover{
    color: var(--web--lblack-color);
    border: 1px solid #fff;
}
.quote_footer_btn:hover::before{
    width: 100%;
}

.index_banner_block{
    position: relative;
}

.index_banner_image_block{
    width: 95%;
    margin: auto;
}

.index_banner_image{
    width: 100%;
}

.index_wrapper_text{
    width: 95%;
    text-align: center;
    margin: 35px auto 30px auto; 
}

.bold_count{
    color: var(--web-primary-color);
    font-weight: 800;
    font-size: 26px;
    margin-bottom: 0.5rem;
}

.semi_bold_count{
    font-size: 20px;
}


.left_index_floating_container{
    width: max-content;
    padding: 10px 25px;
    background: #fff;
    border-top: 8px solid #A6A182;
    position: absolute;
    top: 45%;
    box-shadow: 0px 11px 25px 0px #0000001A;
    left: -70px;
    animation: tptranslateX2 2.5s infinite alternate;
}


@keyframes tptranslateX2 {

    0% {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
    }

    100% {
        -webkit-transform: translateX(40px);
        -moz-transform: translateX(40px);
        -ms-transform: translateX(40px);
        -o-transform: translateX(40px);
        transform: translateX(40px);
    }
    
}

@keyframes jumpTwo {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40% {
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 40px, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    
}

.animation_up{

    will-change: transform;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 1;
    transition: transform 0.9s var(--delay) ease-out;
    -webkit-transition: transform 0.9s var(--delay) ease-out;
    -o-transition: transform 0.9s var(--delay) ease-out;
    -moz-transition: transform 0.9s var(--delay) ease-out;

    
}

.translate_up{

    opacity: 0;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
}

.scale_down_animation{

    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);

    transition: transform 0.5s ease-out;
    -webkit-transition: transform 0.5s ease-out;
    -o-transition: transform 0.5s ease-out;
    -moz-transition: transform 0.5s ease-out;

} 

.initial_scale{

    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);

}

.text_shadow_animation span {

    display: inline-block;
    opacity: 0;
    transform: translateY(-20px);
    animation: fadeInUp 0.2s ease-out forwards;

  }

  .animation_transition_left{

    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);

    transition:all 0.3s var(--delay) ease-out;
    -webkit-transition:all 0.3s var(--delay) ease-out;
    -o-transition:all 0.3s var(--delay) ease-out;
    -moz-transition:all 0.3s var(--delay) ease-out;

  }
  
  .initial_left_transition {

    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);

  }
  


/* animation */

@keyframes tpfadeUp {

    0% {
        opacity: 0;
        -webkit-transform: translateY(60px);
        transform: translateY(60px);
    }
    
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    
}

@keyframes fadeInUp {
    0% {
      opacity: 0;
      transform: translateY(-20px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }



.index_banner_image_block::after {
    background: rgba(255, 255, 255, 0.3);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    opacity: 1;
    pointer-events: none;
}

.index_banner_image_block:hover::after {
    height: 100%;
    opacity: 0;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}



.right_index_floating_container{
    width: max-content;
    padding: 10px 25px;
    background: #fff;
    border-top: 8px solid #A6A182;
    position: absolute;
    top: 25%;
    right: -60px;
    text-align: end;
    box-shadow: 0px 11px 25px 0px #0000001A;
    animation: jumpTwo 4s infinite linear;
}

.index_wrapper_text p{
    width: 70%;
    margin: auto;
    font-weight: 600;
}


.clients_logo_container {
    overflow: hidden;
    padding: 40px 0;
    white-space: nowrap;
}

.clients_logos_slide img {
    height: 120px;
    width: 120px;
    object-fit: contain;
    margin: 0 30px;
}

.clients_logos_slide {
    display: inline-block;
    animation: 20s company_logo_slide infinite linear;
    -webkit-animation: 20s company_logo_slide infinite linear;
    -moz-animation: 20s company_logo_slide infinite linear;
    -o-animation: 20s company_logo_slide infinite linear;
    position: relative;
}

.clients_logo_container:hover .clients_logos_slide{
    animation-play-state: paused
}

@keyframes company_logo_slide {
    0%{
        transform: translateX(0%);
        -webkit-transform: translateX(0%);
        -o-transform: translateX(0%);
        -moz-transform: translateX(0%);

        
    }
    100% {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
    }
}

.mask_image_hidden{
    mask-image: linear-gradient(90deg, transparent, #000 25%, #000 75%, transparent);
}

.clinets_header{
    font-size: 20px;
    font-weight: 500;
    margin: 0;
}

.service_card{
    width: 100%;
    background: #fff;
    border: 1px solid #000;
    padding: 35px 45px;
    display: flex;
    justify-content: space-between;
    position: relative;

    transition: background 0.3s, width 0.3s, color, 0.3s, transform 0.4s var(--delay) ease-out, opacity 0.4s var(--delay) ease-out;
    -webkit-transition: background 0.3s, width 0.3s, color, 0.3s, transform 0.4s var(--delay) ease-out, opacity 0.4s var(--delay) ease-out;
    -o-transition: background 0.3s, width 0.3s, color, 0.3s, transform 0.4s var(--delay) ease-out, opacity 0.4s var(--delay) ease-out;
    -moz-transition: background 0.3s, width 0.3s, color, 0.3s, transform 0.4s var(--delay) ease-out, opacity 0.4s var(--delay) ease-out;


}

.service_card:hover{

    border: 1px solid var(--web-primary-color);

}

.service_card::before{

    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: var(--web-primary-color);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;

}

.service_card:hover::before{
    width: 100%;
}

.service_card h5, .service_card p{

    color: var(--web--lblack-color);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.service_card svg path{

    fill: var(--web--lblack-color);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;

}


.service_card:hover svg path{

    fill: #fff;

}



.service_card:hover h5, .service_card:hover p{

    color: #fff;

}

.contact_us_number{
    text-decoration: none;
    color: var(--web--lblack-color);
}
.contact_us_block{
    display: flex;
    align-items: center;
    gap: 1rem;
}

.best_service_txt{
    font-size: 20px;
    font-weight: 500;
}

.service_description_container{
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.contact_us_number_tag{

    text-decoration: none;
    color: var(--web--lblack-color);
}

.contact_us_number_tag svg rect, .contact_us_number_tag h4{

    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;

}

.contact_us_number_tag:hover svg rect{
    fill: #000;
}

.contact_us_number_tag:hover h4{
    color: var(--web-primary-color);
}
.z-index-1{
    z-index: 1;
}

.about_us_image_container{

    width: 50%;

}
.about_us_image_container img{
    width: 100%;
    height: 600px;
    object-fit: cover;
    position: relative;
    z-index: 1;
}

.about_us_sct{
    width: 50%;
    background-color: #F8F8F8;
    position: absolute;
    right: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.index_about_us_container{
    display: flex;
}


.about_us_txt{
    font-size: 120px;
    color: #F9F9F9;
    font-weight: 700;
    margin-left: -43px;
    background-color: #fff;
}


.abt_best_service_txt{
    font-size: 24px;
}

.index_about_us_detail{
    padding-left: 60px;
    padding-right: 30px;
}
.index_about_us_detail h4{
    max-width: 400px;
}

.abt_sub_mts p{
    margin: 0;
    font-size: 18px;
    font-weight: 800;
    display: inline;
    margin-left: 10px;
}

.abt_lst_container{
    display: flex;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 25px;
    justify-content: space-between; 
    flex-grow: 1;
    align-items: end;
}

.founders_container{

    background-color: #A6A1821A;
}

.founder_block{
    padding: 60px 0px;
}

.founder_header_tgs{

   
    margin-bottom: 60px
}
.founder_header_tgs p{
    font-size: 20px;
    font-weight: 500;
}

.founder_details h5{
    font-size: 24px;
    font-weight: 800;
}
.founder_image_block{
    width: 350px;
    height: 270px;
    overflow: hidden;
    border: 2px solid #000;
}
.founder_image_block img{
    max-width: 100%;
    filter: grayscale(1);
    transition: all 0.2s;
}
.founder_image_block img:hover{
    filter: grayscale(0);
}

.founder_details{
    margin-top: 25px;
}
.founder_inner_block{
    width: max-content;
}

.founder_main_block{
    display: flex;
    justify-content: center;
    gap: 3rem;
    flex-wrap: wrap;
}

.founder_details p{
    margin: 0;
}
.active_btn{
    background-color: var(--web-primary-color);
    border-color: var(--web-primary-color);
    color: #fff;
}

.index_product_img img{
    max-width: 100%;
}

.index_products_list_container{
    display: flex;
}

.index_product{
    width: 25%;
    position: relative;
}

.index_product_link_container{
    position: absolute;
    background: #00000033;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: bottom;

    -webkit-transform: scaleY(0);
    -webkit-transform-origin: bottom;
    -o-transform: scaleY(0);
    -o-transform-origin: bottom;
    -moz-transform: scaleY(0);
    -moz-transform-origin: bottom;

    -ms-transform: scaleY(0);
    -ms-transform-origin: bottom;

    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;

 
}

.index_product:hover .index_product_link_container{

    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -o-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    opacity: 1;

}
.index_product_link{
    background: transparent;
    padding: 5px;
    border-radius: 50%;

    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;

}
.index_product_link .link_uparrow{
    fill: #fff;
}
.index_product_link .link_maximize path{
    stroke: #fff;
}
.index_product_link:hover{

    background: #fff;
}
.index_product_link:hover .link_uparrow{
    fill: #000;
    
}
.index_product_link:hover .link_maximize path{
    stroke: #000;
}

.index_product_top_container{
    text-align: center;
    margin-bottom: 35px;
}

.index_product_btn_container{
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin-bottom: 35px;
    flex-wrap: wrap;
}

.get_in_touch_input{
    width: 100%;
    padding: 15px 10px;
    border: 1px solid #4D4D4D;
}

.testimonial-section{
    position: relative;
    padding: 90px 0px 120px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.testimonial-section:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgb(31 31 32 / 80%);
}
.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}
.testimonial-section .client-thumb-outer {
    position: relative;
    max-width: 250px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 22px;
    padding-bottom: 35px;
}
.testimonial-section .owl-nav {
    position: absolute;
    left: 50%;
    top: -90px;
    width: 100%;
    max-width: 710px;
    margin-left: -355px;
}
.testimonial-section .owl-dots {
    position: absolute;
    right: -80px;
    top: 0px;
    display: none;
}
.testimonial-section .owl-dots .owl-dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    margin-bottom: 8px;
    background-color: #ffffff;
}
.testimonial-section .owl-dots .owl-dot.active {
    position: relative;
    left: -2px;
    width: 8px;
    height: 8px;
    background: none;
    border: 1px solid #ffffff;
}
.testimonial-section .owl-dots .owl-dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    margin-bottom: 8px;
    background-color: #ffffff;
}
.testimonial-section .owl-nav .owl-prev {
    left: 0px;
}
.testimonial-section .owl-nav .owl-prev, .testimonial-section .owl-nav .owl-next {
    position: absolute;
    display: inline-block;
    color: #ffffff;
    font-size: 20px;
    line-height: 40px;
    width: 45px;
    height: 45px;
    text-align: center;
    border-radius: 50%;
    background: #FFFFFF40;
    border: none;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}
.testimonial-section .owl-nav .owl-next {
    right: 0px;
}

.testimonial-section .client-thumb-outer .client-thumbs-carousel {
    position: relative;
    max-width: 80px;
    margin: 0 auto;
    text-align: center;
}
.testimonial-section .client-thumb-outer .client-thumbs-carousel .owl-stage-outer {
    overflow: visible;
}
.testimonial-block-one .inner-box .text {
    position: relative;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.6em;
    font-weight: 400;
    /* font-style: italic; */
    max-width: 1100px;
    margin: 0 auto;
    margin-bottom: 25px;
    margin-top: 30px;
    text-align: center;
    /* font-family: 'Lora', serif; */
}
.testimonial-block-one .inner-box .author-name{

    font-weight: 700;
    font-size: 18px;
    color: #fff;
    text-align: center;

}
.testimonial-section .client-thumb-outer .owl-item {
    z-index: 0;
}

.testimonial-section .client-thumb-outer .thumb-item .thumb-box {
    width: 80px;
    height: 80px;
    cursor: pointer;
    border-radius: 50%;
    margin: 0 auto;
    z-index: -1;
    overflow: hidden;
    -o-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.testimonial-section .client-thumb-outer .thumb-item .quote-icon {
    position: absolute;
    left: 50%;
    bottom: -35px;
    color: #ffffff;
    width: 44px;
    height: 44px;
    font-size: 14px;
    z-index: 999;
    opacity: 0;
    margin-left: -22px;
    line-height: 44px;
    border-radius: 50%;
    background-color: #d9b256;
}

.testimonial-section .client-thumb-outer .thumb-item .quote-icon{
    background-color: transparent;
}

.testimonial-section .client-thumb-outer .owl-item.active .thumb-item .thumb-box {
    z-index: 999;
    -o-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    -webkit-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
}

.testimonial-section .client-thumb-outer .owl-item.active .thumb-item .quote-icon {
    opacity: 1;
}
.testimonial-section .client-thumb-outer .owl-item.active {
    z-index: 10;
}
.testimonial-section .client-thumb-outer .client-thumbs-carousel .thumb-item img {
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50%;
}
.testimonial-section .client-thumb-outer .thumb-item .thumb-box:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.50);
}
.testimonial-section .client-thumb-outer .owl-item.active .thumb-box:before {
    opacity: 0;
}

.testimonial-desc-container{
    text-align: center;
}
.testimonial-desc-container p{
    margin-bottom: 6px;
}
.testimonial-desc-container p, .testimonial-desc-container h4{
    color: #fff;
}

.header_txt_container p:first-child{

    font-size: 20px;
    margin-bottom: 10px;


}


.header_txt_container h4{
    font-size: 30px;
}
.index_wrapper_text h1{

    font-size: 42px;
}

.gallery_image_container{
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.gallery_image{
    width: calc(var(--width) - 15px);
   
}
.gallery_image img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

footer{

    padding: 40px;
    margin-top: 100px;
    background-color: var(--web-primary-color);
}

.footer_links_container{
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer_links_container a{
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.footer_links_container a svg{
    flex-shrink: 0;
}


.footer_block{
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
}

.footer_link_img_container{
    width: 50%;
    flex: 1;
}

.footer_links{
    flex-shrink: 0;
    max-width: 350px;
}

.index_gallery_header{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 40px;
}

.footer_links h5{
    color: #fff;
    font-weight: 800;
    margin-bottom: 18px;
}
.footer_links_container li{
    margin-bottom: 10px;
}
.footer_social_links{
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.footer_social_links a{
    text-decoration: none;
}

.footer_social_links p{
    color: #fff;
    margin: 0;
}

.product_header_container{
    height: 90vh;
    background-image: var(--bg-image);
    background-size: cover;
    background-position: center;
    position: relative;
}
.product_header_container::before{
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #00000059;
    left: 0;
    top: 0;
}

.contact_us_main_container{
    height: 90vh;
    background-image: var(--bg--image);
    background-size: cover;
    background-position: center;
    position: relative;
}
.contact_us_main_container::before{
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #00000059;
    left: 0;
    top: 0;
}


.product_index_name{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
}

.product_index_name h2{
    color: #ffffff;
    font-size: 45px;
}

.product_links_container{
    list-style: none;
    margin: 0;
    padding: 0;
}

.product_link_svg{
    display: inline-block;
    background: #F9F9F9;
    width: 68px;
    height: 40px;
    padding-left: 30px;
    padding-top: 3px;
    border-radius: 4px;

    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;

}

.product_links{
    border: 1px solid #ECECEC;
    padding: 15px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    box-shadow: 0px 8px 20px 0px #fff;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;

    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.product_links:hover{
    box-shadow: 0px 8px 20px 0px #0000001A;
}

.product_links:hover .product_link_svg, .active_product_link .product_link_svg{

    background: var(--web-primary-color);
    padding-left: 50px;
   
}
.product_links:hover .product_link_svg svg path, .active_product_link .product_link_svg svg path{

    stroke: #fff;

}

.active_product_link{

  box-shadow: 0px 8px 20px 0px #0000001A;
}

.contact_us_product{
    padding: 30px;
    border-radius: 30px;
    background-color: #F8F7F7;
    overflow: hidden;
    background-image: var(--bg--image);
    background-repeat: no-repeat;
    background-position: 100% -30%;
    background-size: 25%;
    margin-top: 35px;
}

.contact-us-txt{
    color: #717170;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 20px;
}
.contact_us_product p{

    color: #717170;
}

.contact_us_product img{
    width: 100px;
}
.z-index-2{
    z-index: 2;
}

.products_category_banner img{
    width: 100%;
    height: 320px;
    border-radius: 20px;
    object-fit: cover;
}

.product_description{
    margin-top: 45px;

}
.product_description h3, .product_description p{
    color: var(--web--lblack-color);
}
.product_description h3{
    margin-bottom: 20px;
}

.product_each_details{
    padding-left: 30px;
    display: none;
}
.active_product_details{
    display: block;
}

.product_sub_category{
    margin-top: 45px;
}

.product_item img{
    max-width: 100%;
    height: 400px;
    object-fit: cover;
}
.product_item {
    padding: 15px;
}

/* style for slick */

.product_carousel .slick-dots{

    list-style: none;
    padding: 0;
    margin: 0;

    display: flex;
    gap: 0.5rem;
    justify-content: center;
   

}

.product_slider_dot{

    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #D9D9D9;
    border-radius: 50%;

}

.product_carousel .slick-active .product_slider_dot{

    background-color: #000;

}
.sub_category_details{
    margin-top: 30px;
}
.sub_category_details h5{
    font-weight: 900;
    margin-bottom: 18px;
}

.product_category_container{
    margin-bottom: 20px;
}

.sticky-container{
    position: sticky;
    top: 50px;
    max-height: max-content;
}

.sub_category_details ul li{
    margin-bottom: 15px;
}

.contact-us-details-container a{

    text-decoration: none;
    color: #000;

}

.contact-us-details{
    display: flex;
    gap: 0.5rem;
    align-items: center;
    margin: 25px 0;
}
.contact-us-details p{
    font-weight: 500;
    margin: 0;
}

.contact-us-details svg{
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.contact-us-tw{
    padding-left: 30px;
}

.web_backdrop{
    background: #ffffff73;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 1000;
    opacity: 0;

    transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);

    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
}
.open_backdrop{

    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);

}


@media screen and (max-width: 1440px) {


    .left_index_floating_container{
        padding: 10px;
        left: -38px;
    }
    .bold_count{
        font-size: 22px;
        margin-bottom: 0.3rem;
    }
    .semi_bold_count{
        font-size: 16px;
    }

    .right_index_floating_container{

        right:-30px;
        padding: 10px 15px;
    }
    
}


@media screen and (max-width: 1200px) {

    .left_index_floating_container{

        bottom: -60px;
        top: auto;
        left: 0;
    }

    .right_index_floating_container {
        right: 0;
        padding: 10px 15px;
        bottom: -10px;
        top: auto;
    }

    .clients_logos_slide img {
        height: 70px;
        margin: 0 20px;
    }

    .clinets_header{
        font-size: 18px;
        padding-top: 50px;
    }

    .founder_main_block{
        justify-content: center;
        gap: 3rem;
    }




}

@media screen and (max-width: 992px){

    .about_us_txt{
        font-size: 95px;
    }
    .gallery_image{
        width: calc(50% - 15px);
    }

    .gallery_image_container .gallery_image:last-child{
        width: 100%;
    }


}

@media screen and (max-width: 768px) {


    .bold_count {
        font-size: 16px;
        margin-bottom: 0;
    }
    .semi_bold_count {
        font-size: 14px;
        margin-bottom: 8px;
    }

    .left_index_floating_container{

        border-top: 4px solid #A6A182;
        bottom: -25%;
    }


    .right_index_floating_container{
        padding: 10px;
        border-top: 4px solid #A6A182;
    }

    .index_wrapper_text h1{
        font-size: 28px;
    }

    .service_description_container{
        margin-top: 30px;
    }

    .pl-lb15{
        padding-left: 0;
    }

    .about_us_image_container{
        display: none;
    }

    .about_us_sct{
        width: 100%;
        position: relative;
    }

    .about_us_txt{
        margin-left: 0;
    }

    .abt_lst_container, .index_about_us_detail {

        padding-left: 30px;
        padding-right: 30px;

    }

    .abt_sub_mts p{
        font-size: 16px;
        margin-left: 10px;
    }

    .abt_sub_mts svg{
        width: 25px;
        height: 25px;
    }



    .quote_btn{
        padding: 6px 25px;
        font-size: 15px;
    }

    .index_products_list_container{
        flex-wrap: wrap;
       
    }

    .index_product{
        width: 50%;
        padding: 10px;
    }

    .header_txt_container h4{
        font-size: 24px;
    }

    .index_gallery_header {
        flex-wrap: wrap;
        gap: 0.8rem;
    }

    .index_wrapper_text p{
        width: 100%;
    }

    .testimonial-section .owl-nav{
        left: 0;
        margin-left: 0;
    }

    .sticky-container{
        position: relative;
        max-height: fit-content;
        top: auto;
        margin-bottom: 40px;
    }

    .contact-us-tw{
        padding-left: 0;
    }


}


@media screen and (max-width: 576px) {

    .founder_image_block{
        width: 300px;
        height: 250px;
    }
    .gallery_image{
        width: 100%;
    }
    .footer_links_container{
        max-width: 300px;
    }

    footer{
        padding: 40px 25px;
    }
    .service_card{
        padding: 24px 10px;
    }
    .service_card svg{
        width: 40px;
        height: 40px;
    }
    .about_us_txt{
        font-size: 70px;
    }
    .bold_count{
        font-size: 16px;
    }
    .semi_bold_count{
        font-size: 14px;
    }

    .wmb-3{
        margin-bottom: 0;
    }
    .left_index_floating_container{
        bottom: -77px;
    }
    .right_index_floating_container{
        bottom: -25px;
    }

    .clients_logo_container{
        padding: 40px 0 0 0;
    }

    .product_index_name h2{
        margin-top: 20px;
    }

    @keyframes tptranslateX2 {

        0% {
            -webkit-transform: translateX(0px);
            -moz-transform: translateX(0px);
            -ms-transform: translateX(0px);
            -o-transform: translateX(0px);
            transform: translateX(0px);
        }
    
        100% {
            -webkit-transform: translateX(25px);
            -moz-transform: translateX(25px);
            -ms-transform: translateX(25px);
            -o-transform: translateX(25px);
            transform: translateX(25px);
        }
        
    }
}