*{
    margin: 0;
    padding: 0;
    font-family: var(--font-plus-jakarta-sans);
    /* transition: all 450ms ease; */
}
a{text-decoration: none;}
li{list-style: none;}
:root{
    --body-color: #444444;
    --primary-color:#B21F1F;
    --secondary-color:#00203E;
    --ternary-color:#2b2a29;
    --white-color:#ffffff;
    --black-color:#000000;
    --font-plus-jakarta-sans:"Plus Jakarta Sans", sans-serif;
    --font-golos-text:"Golos Text", sans-serif;
}
p:last-child {margin-bottom: 0;}

/* custom scrollbar */
::-webkit-scrollbar-track { -webkit-box-shadow: none; background-color: var(--white-color); }
::-webkit-scrollbar { width: 4px; background-color: var(--white-color); }
::-webkit-scrollbar-thumb { background-color: var(--primary-color); } 

.nisarg-menu ::-webkit-scrollbar-track { -webkit-box-shadow: none; background-color: var(--white-color); }
.nisarg-menu ::-webkit-scrollbar { width: 4px; background-color: var(--white-color); }
.nisarg-menu ::-webkit-scrollbar-thumb { background-color: #f3f3f3; } 
.overflow-hidden {overflow: hidden;}
header.transform_unset {transform: unset !important;}
.body-class {overflow: hidden;}

/*Header Section Start*/
#header_menu {z-index: 999;margin: 0 12px;position: fixed;top: 21px;left: 0;}
#header_menu.sticky {top: 0px;transition: all 0.5s ease;transform: translateY(0px);margin: 0;position: fixed; left: -1px; right: 0;}
.fixed-top {top: 20px;}
#header_menu .container {padding: 0;}
#header_menu .navbar{position: relative;transition: all 0.4s;border-radius: 17px;padding-left: 40px;padding-right: 40px;}
#header_menu .navbar .navbar-brand {padding-top: 4px;padding-bottom: 4px;}
#header_menu .navbar .navbar-brand:focus-visible {outline: none;}
#header_menu::before {
    content: "";
    position: absolute;
    height: 100%;
    width:calc(100% - 24px);
    background: rgb(255 255 255 / 78%);
    left: 50%;
    top: 00;
    transform: translateX(-50%);
    border-radius: 17px;
    backdrop-filter: blur(8px);
    transition: all 0.4s;
    max-width: 1374px;
}
#header_menu.sticky::before {
    max-width: 100%;
    width: 100%;
    border-radius: 0;
    background-color: var(--white-color);
    box-shadow: 0 0px 10px rgb(0 0 0 / 15%);    
}
.navbar-collapse {
    /* clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); */
    position: absolute;
    right: 0;
    top: 105%;
    background-color: var(--white-color);
    width: 100%;
    max-width: 420px;
    height: auto;
    z-index: 1;
    transition: all 0.5s cubic-bezier(0.25, 0.1, 0.75, 1);
    overflow: hidden;
    display: inline-block;
    clip-path: polygon(0 0, 100% 0, 100% 0%, 0% 0%);
    transition: all 0.5s;
    opacity: 1;
    border-radius: 15px; border-bottom: 2px solid #ccc;
    overflow: auto;
    height: calc(80vh - 0px);
    max-height: fit-content;
    border-bottom: 1px solid #ccc;
}
.navbar-collapse.collapse.show {clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); opacity: 1;}

.navbar-toggler {
    flex-direction: column;
    justify-content: space-between;
    display: flex;
    align-items: flex-start;
    width: 78px;
    height: 19px;
    border: none;
    border-radius: 0;
    padding: 0 0 0 4px;
    transition: all 0.4s;
    background-color: transparent;
    position: relative;
} 
.navbar-toggler::after {position: absolute;content: "MENU";top: 1px;right: 0;font-size: 15px;font-weight: 700;color: #212529;}

.navbar-toggler:focus{box-shadow: none;}
#header_menu .navbar .navbar-toggler .navbar_toggler_line {
    display: block;
    width: 22px;
    height: 3px;
    background-color: var(--ternary-color);
    border-radius: 50px;
}
#header_menu .navbar .navbar-toggler .navbar_toggler_line:nth-child(2) {width: 14.5px;transition: all 0.4s ease;}
#header_menu .navbar .navbar-toggler:hover .navbar_toggler_line {background-color: var(--secondary-color);}
#header_menu .navbar .navbar-toggler:hover .navbar_toggler_line:nth-child(2) {width: 22px;}
#header_menu.sticky .navbar .navbar-brand img {max-height: 84px;}
#header_menu .navbar .navbar-brand img {max-height: 99px;transition: all 0.4s;}
#header_menu .nav-link.dropdown-toggle {position: relative;width: fit-content!important;height: auto!important;}

#header_menu .nav-link.dropdown-toggle span{width: 20px;height: 20px;margin-left: 4px;position: absolute; right: 10px;display: inline-block;}
#header_menu .nav-link.dropdown-toggle span::before {
    border: none;
    position: absolute;
    top: 50%;
    content: "";
    left: 50%;
    width: calc(100% - 12px);
    height: 2px;
    transition: all 0.4s;
    background-color: var(--primary-color);
    width: 14px;
    transform: translate(-50%, -50%);
}
#header_menu .nav-link.dropdown-toggle::before,
#header_menu .nav-link.dropdown-toggle::after {display: none;}
#header_menu .nav-link.dropdown-toggle span::after {
    border: none;
    position: absolute;
    top: 50%;
    content: "";
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    height: 2px;
    transition: all 0.4s;
    background-color: var(--primary-color);
    width: 14px;
}
#header_menu .nav-link.dropdown-toggle.show span::after {transform: translate(-50%, -50%) rotate(0deg);}
.theme-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 168px;
    height: 50px;
    border-radius: 5px;
    font-size: 16px;
    line-height: 50px;
    color: var(--white-color);
    background-color: transparent;
    font-weight: 400;
    text-align: center;
    position: relative;
    overflow: hidden;
    transition: 0.5s;
    z-index: 0;
    border: none;
}
.theme-btn::after{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 0.5s;
    z-index: -1;
    background: var(--primary-color);
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%, 0 100%);
}
.theme-btn:hover::after {background-color: var(--secondary-color);clip-path: polygon(0 0, 100% 0, 100% 0, 100% 100%, 10px 100%, 0 calc(100% - 10px));}
.header_btn_box {display: flex;justify-content: flex-end;align-items: center;gap: 18px;}
#header_menu .navbar  .header_btn_box .quote-btn {padding: 16px 18px 16px 20px;}
#header_menu .navbar  .header_btn_box .quote-btn img {width: 13px;height: 13px;display: none;visibility: hidden;z-index: 1;}
#header_menu .navbar  .header_btn_box .quote-btn span {
    font-size: 14px;
    text-transform: uppercase;
    line-height: normal;
    margin-bottom: 0;
    display: block;
    z-index: 1;
    color: var(--white-color);
}
#header_menu .navbar  .header_btn_box .call-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.4s ease;
}
#header_menu .navbar  .header_btn_box .call-btn:hover span{color: var(--primary-color);}
#header_menu .navbar  .header_btn_box .call-btn img {max-height: 14px;}
#header_menu .navbar .header_btn_box .call-btn span {color: var(--body-color);transition: 0.5s;font-size: 16px;font-weight: 600;}
.nisarg-blue {height: 100vh;background: var(--secondary-color);overflow-y: auto;}
.nisrag-info {margin: 0px 0px 0px 0px;padding: 60px 60px 40px;}
.nisarg-logo {margin: 0px 0px 20px 0px;position: relative;display: block;}
.nisarg-logo img {min-height: 106px;}
.nisarg-address h2 {
    font-size: 16px;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0px 0px 15px 0px;
    font-weight: 600;
}
.nisarg-address p {
    font-size: 15px;
    color: #BFC7CE;
    line-height: 1.7;
    font-weight: 500;
    margin: 0px 0px 25px 0px;
    white-space: pre-line;
}
.nisarg-address h2 span {margin: 0 10px 0 0;width: 18px;height: 15px;display: inline-flex;}
.nisarg-address h2 span img {width: 100%;height: 100%;object-fit: contain;filter: brightness(0) invert(1);}
.nisarg-address ul {margin: 0px 0px 25px 0px;padding: 0px 0px;position: relative;}
.nisarg-address ul li a {
    color: #BFC7CE;
    transition: all 0.4s ease;
    font-weight: 500;
    line-height: 1.6;
}
.nisarg-address ul li a:hover { padding-left: 4px;color: var(--white-color);}
.nisarg-menu {height: auto;padding: 45px 35px;position: relative;overflow-y: auto;overflow-x: hidden;z-index: 1; background-color: var(--white-color); }
.nisarg-menu::after{ content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url(../images/about-bg.svg) no-repeat; background-position: bottom right; background-size: contain; opacity: .5; z-index: -1; border-radius: 15px; border: 1px solid #ccc;}    
.nisarg-menu .btn-close {
    position: absolute;
    right: 45px;
    top: 20px;
    width: 20px;
    height: 20px;
    background-color: transparent;
    background-image: none;
    transition: all 0.4s ease;
    padding: 0;
    opacity: 1;
    box-shadow: none;
}
.nisarg-menu .btn-close::before {transform: translate(-50%, -50%) rotate(45deg);}
.nisarg-menu .btn-close::after {transform: translate(-50%, -50%) rotate(-45deg);}
.nisarg-menu .btn-close::before, .nisarg-menu .btn-close::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transition: all 450ms ease;
    width: 100%;
    height: 3px;
    background-color: var(--ternary-color);
    border-radius: 5px;
}
.nisarg-menu .btn-close:hover {opacity: 1;}
.nisarg-menu .btn-close:hover::before {background-color: var(--secondary-color);transform: translate(-50%, -50%) rotate(135deg);}
.nisarg-menu .btn-close:hover::after {background-color: var(--primary-color);transform: translate(-50%, -50%) rotate(45deg);outline: 1px solid var(--white-color);}
/*Nested Dropdown Menu*/
#header_menu .dropdown-toggle::after {display: none;}
#header_menu .dropdown-toggle span{
    width: 20px;
    height: 20px;
    margin-left: 6px;
    position: relative;
    display: inline-block;
}
#header_menu .dropdown-toggle span::before, 
#header_menu .dropdown-toggle span::after {
    border: none;
    position: absolute;
    top: 50%;
    content: "";
    left: 50%;
    width: 14px;
    height: 2px;
    transition: all 0.4s;
    background-color: var(--primary-color);
}
#header_menu .dropdown-toggle span::after {transform: translate(-50%, -50%);}
#header_menu .dropdown-toggle span::before {transform: translate(-50%, -50%) rotate(90deg);}
#header_menu .dropdown-toggle.show span::before { transform: translate(-50%, -50%) rotate(0deg);}
.navbar-nav {transition: all 0.5s ease;}
.navbar-nav .nav-item {max-width: fit-content;min-width: 340px;padding: 6px 10px;transition: all 0.5s ease;}
.dropdown-toggle {background-color: transparent;position: relative;border: none;}
#header_menu .navbar-nav .nav-link {
    font-size: 16px;
    text-transform: uppercase;
    color: var(--body-color);
    font-weight: 600;
    line-height: 1.2;
    display: contents;
    align-items: center;
    position: relative;
    transition: all 0.7s ease;
    width: auto;
}
#header_menu .navbar-nav .nav-item:hover .nav-link{color: var(--primary-color);}
.dropdown-item {position: relative;transition: all 04s;}
.dropdown-menu .dropdown-item {
    font-size: 14px;
    color: var(--body-color);
    text-transform: capitalize;
    padding: 10px 12px 10px 26px;
    line-height: 1.6;
    font-weight: 600;
    position: relative;
    transition: all 0.7s ease;
    background-color: transparent;
    display: block;
    border-bottom: 1px solid var(--white-color);
}
.dropdown-menu .dropdown-item:hover{color: var(--primary-color);}
.dropdown-menu .dropdown-item::after{
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0%;
    height: 1px;
    background-color: var(--white-color);
    z-index: -1;
    transition: all 0.7s ease;
}
.dropdown-menu .dropdown-item:hover::after{background-color: var(--primary-color);width: 100%;}
ul.dropdown-menu.dropdown-sub-menu {margin-top: 4px;}
.navbar-nav .dropdown-menu {
    position: static;
    top: 14px;
    left: 0;
    height: 0;
    min-width: 300px;
    width: fit-content;
    border: none;
    border-radius: 0;
    clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
    transition: 0.6s all;
    transform-origin: top;
    overflow: hidden;
    display: block;
    visibility: hidden;
    padding: 0;
    background-color: transparent;
} 
.navbar-nav .dropdown-menu.show {clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);visibility: visible; height: 100%;transition: 0.6s all;}
.dropdown-menu .dropdown-item::before{
    position: absolute;
    content: "";
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    transition: all 0.7s;
    background-color: var(--primary-color);
}
.navbar-nav .dropdown-menu:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f1f1f1;
    z-index: -1;
    filter: blur(5px);
    opacity: 0.6;
}
.dropdown-submenu:has(.dropdown-menu.dropdown-sub-menu) > .dropdown-toggle {
    width: 16px;
    height: 10px;
    transition: all 0.7s ease;
    background-image: url(../images/trangal-red.svg);
    background-position: center;
    background-size: 12px;
    background-repeat: no-repeat; 
}
.dropdown-submenu:has(.dropdown-menu.dropdown-sub-menu.show) > .dropdown-toggle {transform: rotateX(-180deg);}
.dropdown-submenu:has(.dropdown-menu.dropdown-sub-menu.show) > .dropdown-toggle::before {transform: translate(-50%, -50%) rotate(0deg)!important;}
.dropdown-submenu:has(.dropdown-menu.dropdown-sub-menu) > .dropdown-toggle::after, .dropdown-submenu:has(.dropdown-menu.dropdown-sub-menu) > .dropdown-toggle::before {
    width: calc(100% - 0px)!important;transition: all 0.5s ease;display: none;}
/*Header Section End*/
/*About Section Start*/
/*counter start*/    
 .about_img {position: relative;}
.about_part {
    position: absolute;
    bottom: 18%;
    left: 0;
    background: #2B2A29;
    padding: 20px 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 204px;
    height: 220px;
    animation: jump-1 5s linear infinite;
}
@keyframes jump-1{
    0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
50% {
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
}
100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.about_part .about_year {display: flex;flex-direction: column;align-items: center;}
.about_part .about_year h4 {
    font-size: 70px;
    color: var(--white-color);
    font-weight: 600;
    position: relative;
    display: flex;
    align-items: flex-end;
    margin-bottom: 0;
    justify-content: center;
    gap: 0;
}
.about_sec .theme-title {max-width: 558px;}
.about_part .about_year p {
    white-space: pre-line;
    font-size: 14px;
    font-weight: 400;
    color: var(--white-color);
    letter-spacing: 0.2px;
    margin: 4px 0 0;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.3;
}
.about_part .about_year .counter {
    position: relative;
    display: flex;
    overflow: hidden;
    height: 75px;
    text-align: center;
    padding-right: 0px;
    justify-content: center;
}
.about_part .about_year .counter > span {
    z-index: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 38px;
    transition: transform 2s ease;
    transform: translateY(0);
    align-items: center;
    font-weight: 600;
    color: var(--white-color);
}
.about_part .about_year .counter > span span {
    flex: 0 0 100%;
    height: 100%;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}
.about_part .about_year h4:after {
    content: "+";
    font-size: 30px;
    color: var(--white-color);
    position: absolute;
    top: -14px;
    right: -14px;
    font-weight: 300;
}
/*counter end*/
.theme_padding {position: relative;padding: 90px 0 0 29px;}
.about_sec {padding: 87px 0 100px;position: relative;background-color: #ffffff;z-index: 1;}
.about_sec .theme-btn{margin-top: 10px;}
.about_sec::after {
   position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    max-width: 28%;
    /* max-width: 530px; */
    max-height: 330px;
    width: 100%;
    height: 100%;
    background-image: url(../images/about-bg-vector.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
    z-index: -1;
}
.about_sec .about_img {
    clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 0 100%, 0 100%);
    transition: clip-path 650ms ease;
    border-radius: 7px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    max-width: 670px;
}
.about_sec .about_img_inn{position: relative;}
.about_sec .about_img:hover {clip-path: polygon(0 0, 100% 0, 100% 0, 100% 100%, 0 100%, 0 100%);}
.about_sec .about_img img{width: 100%;height: 100%;object-fit: cover;}
.theme-title {
    display: block;
    font-size: 14px;
    line-height: normal;
    color: var(--ternary-color);
    letter-spacing: 0.05em;
    padding-bottom: 12px;
}
/*About Section End*/
/* ------------------ Theme Title ------------------ */
.theme-title .sub-title{margin-bottom: 16px;padding-top: 14px;width: fit-content;font-size: 14px;font-weight: 500;letter-spacing: 0.8px;text-transform: uppercase;position: relative;}
.theme-title .sub-title::before{content: '';position: absolute;top: 0;left: 0;width: 56px;height: 4px;background: var(--primary-color);border-radius: 3px;}
.theme-title .title{margin: 0;font-size: 40px;font-weight: 600;color: var(--secondary-color);margin-bottom: 20px;}
/* .theme-title p{margin-top: 15px;} */
.theme-title p {
    font-size: 16px;
    color: #444444;
    font-weight: 500;
    line-height: 1.6;
    font-family: 'Plus Jakarta Sans';
    letter-spacing: 0;
    margin-bottom: 10px;
}
/* ------------------ Industries Section ------------------ */
.industries-secn{padding: 70px 0;background: url(../images/bg-1.jpg) no-repeat center center;background-size: cover;background-attachment: fixed;}
.industries-secn .industries-left{padding: 131px 12vw 124px 90px;width: 100%;background: var(--secondary-color);border-radius: 0 0 7px 0;clip-path: polygon(0 0,calc(100% - 30px) 0, 100% 30px,100% 100%,0 100%,0 100%);}
.industries-secn .theme-title .sub-title{color: rgb(255 255 255/70%);}
.industries-secn .theme-title .title{color: rgb(255 255 255);}
.industries-secn .theme-title p{width: 80%;color: rgb(255 255 255/70%);}
.industries-secn .theme-btn{margin-top: 25px;color: var(--white-color);}
.industries-secn .theme-btn::after{z-index: -1;}
.industries-secn .industries-right{margin-left: -8vw;position: relative;}
.industries-secn .industries-right .owl-theme .owl-nav{margin: 0 0 0 -50px;}
/* ------------------ Theme Carousel ------------------ */
.industries-left .theme-title{padding-bottom: 0;}
.owl-theme .owl-nav{display: flex;flex-direction: row;justify-content: flex-start;align-items: center;position: relative;gap: 12px;}
.owl-theme .owl-nav::after{content: '';width: 70%;height: 1px;background: #437CB1;}
.owl-carousel .owl-nav button.owl-next, 
.owl-carousel .owl-nav button.owl-prev{margin: 0;width: 54px;min-width:54px; height: 54px;min-height: 54px; border-radius: 50%;border: 1px solid #fff;transition: 0.5s;display: flex;
    justify-content: center;
    align-items: center;}
.owl-carousel .owl-nav button.owl-next img, 
.owl-carousel .owl-nav button.owl-prev img{filter: brightness(0) invert(1);transition: 0.5s;}
.owl-carousel .owl-nav button.owl-prev img{transform: rotate(180deg);}
.owl-carousel .owl-nav button.owl-next:hover, 
.owl-carousel .owl-nav button.owl-prev:hover{background: #fff;}
.owl-carousel .owl-nav button.owl-next:hover img, 
.owl-carousel .owl-nav button.owl-prev:hover img{filter: unset;}
/* ------------------ */
.owl-carousel .owl-stage{padding: 40px 0 40px;}
#industries-carousel.owl-carousel .item{filter: drop-shadow(0 0 20px rgb(0 0 0/25%));}
.owl-carousel .slider-card{display: block; margin: 0;z-index: 0; aspect-ratio: 234/295;border-radius: 7px;border: none;clip-path: polygon(0 0,calc(100% - 30px) 0, 100% 30px,100% 100%,0 100%,0 100%);position: relative;overflow: hidden;}
.owl-carousel .slider-card::before{content: '';z-index: 1; position: absolute;bottom: 0;left: 0;width: 100%;height: 40%;background: linear-gradient(0deg, rgb(0 0 0/100%) 10%, rgb(0 0 0/0%));transition: 0.5s;}
.owl-carousel .slider-card .img-area{width: 100%;height: 100%;}
.owl-carousel .slider-card .img-area img{width: 100%;height: 100%;object-fit: cover;}
.owl-carousel .slider-card .content-area{z-index: 1; position: absolute;bottom: 0;left: 0;padding-bottom: 19px;width: 100%;font-size: 16px;color: #fff;font-family: "Golos Text", sans-serif;text-align: center;line-height: 1.4;white-space: pre-line;}
.owl-carousel .slider-card:hover::before{height: 60%;}
.owl-carousel .slider-card .img-area img {width: 100%;height: 100%;object-fit: cover;transition: transform 1s cubic-bezier(.19,1,.22,1) 0s;}
.owl-carousel .slider-card:hover .img-area img {transform: scale(1.08);}
.industries-secn .theme-btn:hover, .quality-secn .quality-area .theme-btn:hover,  .request-quote-area .theme-btn:hover{color: var(--secondary-color)!important;}
.industries-secn .theme-btn:hover::after, 
.quality-secn .quality-area .theme-btn:hover::after, 
.request-quote-area .theme-btn:hover::after {background-color: var(--white-color);}
/* ------------------ */
/* Quality Assurance Section Start */
.quality-secn{padding-top: 90px;}
.quality-secn .quality-area{margin-top: 30px; padding: 35px 130px 68px 110px;width: 100%;background: var(--secondary-color);border-radius: 7px;border-top-left-radius: 0;position: relative;}
.quality-secn .quality-area::before{content: '';position: absolute;bottom: calc(100% - 1px);left: 0;width: 100%;height: 30px;background: var(--secondary-color);border-radius: 7px 0 0 0;clip-path: polygon(0 0,75% 0,calc(75% + 30px) 100%,0 100%);}
.quality-secn .quality-area .theme-title .sub-title{color: rgb(255 255 255/70%);}
.quality-secn .quality-area .theme-title .title{color: rgb(255 255 255);}
.quality-secn .quality-area .theme-title p{color: rgb(255 255 255/70%);max-width: 800px;}
.quality-secn .quality-area .theme-btn{margin-top: 10px; z-index: 0;}
.quality-secn .quality-area .theme-btn::after{z-index: -1;}
.quality-secn .quality-area .quality-right{display: flex;justify-content: end; align-items: center;}
.quality-secn .quality-area .quality-right img{width: 100%;max-width: 142px;}
/* Quality Assurance Section End */
/* Capabilities Section Start */
.capabilities-secn{margin-top: 95px;position: relative;}
.capabilities-secn::after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/capability-bg.svg) no-repeat right top;z-index: -1;}
.capabilities-secn .theme-title{margin-bottom: 40px;padding: 0 0 0 30px;width: 77%;}
/* --------- Capabilities Area --------- */
.capabilities-secn .capabilities_area{display: flex;gap: 15px;}
.capabilities-secn .capabilities_area .capability_item{height: 565px;width: 24%;border-radius: 7px;clip-path: polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,0 100%,0 100%);overflow: hidden;position: relative;transition: 0.5s;}
.capabilities-secn .capabilities_area .capability_item::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0 0 0/52%);transition: 0.5s;}
.capabilities-secn .capabilities_area .capability_item .capability-img{width: 100%;height: 100%;object-fit: cover;}
.capabilities-secn .capabilities_area .capability_item .capability-content{z-index: 11; position: absolute;left: 0;bottom: 0;padding: 15px 35px;width: 100%;height: fit-content;background: linear-gradient(0deg, rgb(0 0 0/100%), rgb(0 0 0/0%));color: #fff;display: flex;flex-direction: column;justify-content: flex-end;transition: 0.5s;}
.capabilities-secn .capabilities_area .capability_item .capability-content h3{margin-bottom: 12px;font-size: 20px;font-weight: 500;text-transform: uppercase;}
.capabilities-secn .capabilities_area .capability_item .capability-content p{margin-bottom: 0;font-size: 15px;font-weight: 300;opacity: 70%;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition: 0.5s;}
.capabilities-secn .capabilities_area .capability_item .capability-content .capability-btn{margin-top: 0;width: 0;height: 0;background: var(--primary-color);border-radius: 50%;display: flex;justify-content: center;align-items: center;opacity: 0;transition: 0.5s;}
.capabilities-secn .capabilities_area .capability_item .capability-content .capability-btn:hover{transform: scale(0.9);}
.capabilities-secn .capabilities_area .capability_item.active{width: calc(76% - 0px);}
.capabilities-secn .capabilities_area .capability_item.active::before{opacity: 0;}
.capabilities-secn .capabilities_area .capability_item.active .capability-content{padding: 35px 70px;}
.capabilities-secn .capabilities_area .capability_item.active .capability-content p{/* max-width: 58%; */max-width: 507px;}
.capabilities-secn .capabilities_area .capability_item.active .capability-content .capability-btn{margin-top: 13px;width: 54px;height: 54px;opacity: 1;}
.capabilities-secn .capabilities_area .capability_item.active .capability-content .capability-btn img{filter: brightness(0) invert(1);}
/* Capabilities Section End */
/* Request a Quote Section Start */
.request-quote-secn{margin-top: -34px;position: relative;transform: translateY(58%);z-index: 1;}
.request-quote-area{gap: 20px;margin-top: 40px;padding: 53px 90px 53px;width: 100%;background: var(--secondary-color);border-radius: 7px;border-top-right-radius: 0;position: relative;display: flex;justify-content: space-between;align-items: center;}
.request-quote-area::before{content: '';position: absolute;bottom: calc(100% - 2px);left: 0;width: 100%;height: 40px;background: var(--secondary-color);border-radius: 0 7px 0 0;clip-path: polygon(33.33% 0,100% 0,101% 100%,calc(33.33% - 40px) 100%);}
.request-quote-area .theme-title .title{font-size: 35px;color: #fff;white-space: pre-line;padding: 0;margin: 0;}
.request-quote-area .theme-btn{min-width: 255px;height: 76px;font-size: 20px;line-height:76px;z-index: 0;}
.request-quote-area .theme-btn::after{z-index: -1;}
.request-quote-area .theme-title{padding: 0;}
.request-quote-area .theme-btn:hover{color: var(--white-color);}
/* Request a Quote Section End */
/* Global Presence Section Start */
.global-presence-secn{overflow: hidden; padding: 230px 0 110px;background: url(../images/bg-1.jpg) no-repeat center center;background-size: cover;
    background-attachment: fixed;position: relative;z-index: 0;margin-bottom: -30px;}
.global-presence::after{content: '';position: absolute;left: 0;bottom: 30px;width: 100%;height: calc(100% - 30px);background: url(../images/globe.png) no-repeat left bottom;z-index: -1;}
.global-presence .global-contentarea{padding: 0 0 0 30px;}
.global-presence .global-contentarea .theme-title{margin-bottom: 30px;}
.global-presence .global-contentarea p{margin: 0;font-size: 16px;font-weight: 500;}
.global-presence .global-contentarea .theme-btn{margin-top: 30px;}
.global-contentarea .theme-btn {margin-top: 10px;}
.global-contentarea .theme-btn:hover {color: var(--white-color);}
.global-contentarea .theme-btn::after {z-index: -1;}
section.global-presence-secn::after {
    position: absolute;
    content: "";
    bottom: 30px;
    left: 0;
    max-width: 350px;
    max-height: 177px;
    width: 100%;
    height: 100%;
    background-image: url(../images/global-presence-bg.svg);
    background-repeat: no-repeat;
    background-position: center;
    object-fit: contain;
    z-index: -2;
}
.global-contentarea .theme-title p{padding-top: 6px;}
.global-contentarea {padding-left: 30px;}
/* Global Presence Section End */
/*Footer Section Start*/
a.footer-logo img {max-width: 157px;}
.footer {
    margin: -30px 0 0 0;
    padding: 90px 0 0 0;
    background: #00203E;
    position: relative;
    z-index: 0;
    clip-path: polygon(0 0, 32% 0, calc(32% + 30px) 30px, 100% 30px, 100% 100%, 0 100%);
}
.footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/bg-texture.jpg) no-repeat center center;
    background-size: cover;
    mix-blend-mode: color-burn;
    opacity: 85%;
    z-index: -1;
}
.footer .footer-nav {margin: 0;padding: 0 0 0 68px;}
.footer .footer-nav.pl_0{padding-left: 0;}
.footer .footer-nav .footer-title:first-child {margin-top: 0;}
.footer .footer-nav .footer-title {
    margin: 30px 0 15px 0;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.footer .footer-nav p {
    font-size: 15px;
    font-weight: 300;
    color: rgb(255 255 255 / 75%);
    white-space: pre-line;
}
.footer .bdr-r {padding-bottom: 45px;border: 1px solid rgb(255 255 255 / 50%);border-width: 0 1px 0 0;}
.footer .footer-nav .footer-title span {margin: 0 10px 0 0;width: 18px;height: 15px;display: inline-flex;}
.footer .footer-nav .footer-title span img {width: 100%;height: 100%;object-fit: contain;filter: brightness(0) invert(1);}
.footer .footer-nav .footer-linkarea { margin: 0;padding: 0;list-style: none;}
.footer .footer-nav .footer-linkarea li {margin: 0 0 10px 0;line-height: 1;}
.footer .footer-nav .footer-linkarea .link-item {
    padding: 0 4px 0 0;
    font-size: 15px;
    font-weight: 300;
    color: rgb(255 255 255 / 75%);
    text-decoration: none;
    transition: 0.5s;
    position: relative;
}
.footer .footer-nav .footer-linkarea .link-item:hover{padding-left: 16px;color: var(--white-color);}
.footer .footer-nav .footer-linkarea .link-item::before{
    position: absolute;
    content: "";
    top: 50%;
    left: 0px;
    width: 0px;
    height: 2px;
    border-radius: 2px;
    background-color: var(--primary-color);
    transition: 0.5s;
}
.footer .footer-nav .footer-linkarea .link-item.link_bfor::before{display: none;}
.footer .footer-nav .footer-linkarea .link-item.link_bfor{padding-left: 0;}
.footer .footer-nav .footer-linkarea .link-item.link_bfor:hover{padding-left: 0;}
.footer .footer-nav .footer-linkarea .link-item:hover::before{width: 12px;}
.footer .footer-nav .footer-linkarea.column2 {column-count: 2;}
/*----Bottom Footer Start*/
.footer_bottom {
    margin-top: 44px;
    padding: 38px 0 26px;
    border-top: 1px solid rgb(255 255 255 / 50%);
    text-align: center;
}
.copy_right span+span {border-left: 1px solid var(--white-color);padding-left: 7px;margin-left: 3px;}
.footer_bottom a, .copy_right span {
    font-size: 14px;
    color: var(--white-color);
    line-height: 1.6;
    transition: all 0.3s ease;
    white-space: nowrap;
}
.footer_bottom a img {mix-blend-mode: luminosity;transition: all 0.4s;}
.footer_bottom a:hover img {mix-blend-mode: lighten;}
/*Footer Section End*/
/*Products Owl Section Start*/
.products_owl_sec {
    padding: 78px 0 70px;
    background: url(../images/bg-1.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    overflow: hidden;
}
.products_owl_sec .theme-title {padding-left: 30px;padding-bottom: 50px;}
.products_owl_sec .theme-title p {max-width: 1127px;}
.products_owl_main .container{max-width: 1723px;}
.products_left_img {
    width: 100%;
    height: 100%;
    box-shadow: 0 0 24.3px 0 rgba(0, 0, 0, 25%);
    max-width: 704px;
    max-height: 530px;
    position: relative;
}
.products_left_img img {width: 100%;height: 100%;}
.products_left_img::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 25%;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0%) 0%, rgba(0, 0, 0, 100%) 100%);
}
.products_right .owl-carousel .owl-stage-outer {margin-left: -8vw;position: relative;}
.products_right .owl-carousel .slider-card::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 65%;
    background: linear-gradient(180deg, rgba(0, 32, 62, 0) 0%, rgba(0, 32, 62, 1) 100%);
    z-index: 1;
    opacity: 0.41;
    transition: 0.5s;
}
.products_right .owl-carousel .slider-card:hover::before {opacity: 1;}
.product_title {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    padding-left: 58px;
}
.product_title h3{
    font-size: 35px;
    font-weight: 500;
    color: var(--secondary-color);
    font-family: var(--font-golos-text);
    margin-bottom: 0;
}
.products_right .owl-carousel .owl-stage {padding: 43px 0 25px;}
.theme-btn:hover{color: var(--white-color);}
.products_right .owl-carousel .slider-card {
    margin: 0;
    aspect-ratio: 263 / 274;
    border-radius: 7px;
    border: none;
    clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 30px, 100% 100%, 0 100%, 0 100%);
    position: relative;
    overflow: hidden;
    z-index: 0;
    display: block;
}
.products_right .owl-theme .owl-nav {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    gap: 12px;
}
.products_right .owl-carousel .owl-nav button.owl-next, .products_right .owl-carousel .owl-nav button.owl-prev {border: 1px solid var(--secondary-color);}
.products_right .owl-carousel .owl-nav {margin: 0 0 0 32px;}
.products_right .owl-theme .owl-nav::after {width: 100%;margin-left: 18px;}
.products_right .owl-carousel .owl-nav button.owl-next img, .products_right .owl-carousel .owl-nav button.owl-prev img {filter: none;transition: 0.5s;}
.products_right .owl-carousel .owl-nav button.owl-next:hover, .products_right .owl-carousel .owl-nav button.owl-prev:hover {background-color: var(--secondary-color);}
.products_right .owl-carousel .owl-nav button.owl-next:hover img, .products_right .owl-carousel .owl-nav button.owl-prev:hover img {filter: brightness(0) invert(1);}
/*Products Owl Section End*/
/*Engineering Parts Section Start*/
.products_owl_sec.engineering_owl_sec{padding: 50px 0 100px;}
.products_right.engineering_owl .owl-carousel .owl-stage-outer {margin-right: -8vw;position: relative; margin-left: 0;}
.products_right.engineering_owl .owl-carousel .owl-nav {margin: 0 42px 0 0;}
.products_right.engineering_owl .owl-theme .owl-nav::after{display: none;}
.products_right.engineering_owl .owl-theme .owl-nav::before {width: 100%;margin-right: 18px;content: '';height: 1px;background: #437CB1;}
.product_title.engineering_title{padding-right: 70px;}
/*Engineering Parts Section End*/
/*Process Section Start*/
.process_sec{position: relative;padding: 100px 0;}
@media only screen and (min-width: 1400px){.container{
    /* padding: 0; */
    max-width: 1374px;}}
.process-secn{padding: 100px 0 130px;}  
.process-secn .theme-title{margin-bottom: 80px;padding: 0 0 0 30px;}
.process-card{width: 184px;position: relative;display: flex;flex-direction: column;align-items: center;}
.process-card img{display: block;width: 164px;height: 164px;border-radius: 50%;border: 10px solid #fff;box-shadow: 0 0px 10px rgb(0 0 0/25%);object-fit: cover;position: relative;transition: all 0.5s;}
.process-card h4{margin-top: 10px;font-size: 18px;font-weight: 500;color: #000;text-align: center;}
.process-row{display: flex;flex-direction: row;justify-content: flex-start;}
.process-row .process-item{width: 25%;display: flex;justify-content: center;position: relative;}
.process-row .process-item .arrow{position: absolute;top: calc(50% - 20px);left: 78%;margin: 0;width: 45%;height: 20px;background: transparent;transform: translateY(-50%);}
.process-row .process-item .arrow::before{content: '';position: absolute;top: calc(50% - 1px);left: 0;width: calc(100% - 10px);height: 2px;border-radius: 2px;background: #999;}
.process-row .process-item .arrow::after{content: '';position: absolute;top: 0;right: 0;width: 20px;height: 20px;background: url(../images/right-arrow2.svg) no-repeat center right;background-size: contain;border: none;}
.process-row .process-item .spcl-tag{position: absolute;bottom: 50%;right: 0;}
.process_sec .theme-title{padding-left: 40px;}
.process-row .process-item {width: 50%;display: flex;justify-content: center;position: relative;}
.process-flow {display: flex;width: 100%;}
.process-row {display: flex;flex-direction: row;justify-content: flex-start;width: 50%;margin-left: -40px;margin-right: 40px;}
.process_sec .process-flow.pro_flow_scd .process-row:last-child .process-item:last-child .arrow {display: none;}
.process_sec .process-flow.pro_flow_scd, 
.process_sec .process-flow.pro_flow_scd .process-row{flex-direction: row-reverse;}
.process-flow.pro_flow_fst {margin-bottom: 140px;margin-top: 100px;}
.process_sec .process-flow.pro_flow_scd .process-row:nth-child(odd) .process-item .arrow{right: 78%;left: unset;transform: translateY(-50%) rotate(180deg);}
.process-flow.pro_flow_fst .process-row:nth-child(even) .process-item:last-child .arrow{top: calc(100% + 20px);left: 50%;width: 20px;height: 90px;transform: unset; z-index: 1;}
.process-flow.pro_flow_fst .process-row:nth-child(even) .process-item:last-child .arrow::before{top: 0;left: calc(50% - 1px);width: 2px;height: calc(100% - 10px);}
.process-flow.pro_flow_fst .process-row:nth-child(even) .process-item:last-child .arrow::after{top: unset;bottom: 0;transform: rotate(90deg);}
.process-card .process-img{position: relative;}
.process-card .process-img .number {
    position: absolute;
    content: "";
    top: 2px;
    right: 4px;
    width: 39px;
    height: 39px;
    background: var(--primary-color);
    border-radius: 50%;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.process-row .process-item .arrow h4{
    position: absolute;
    content: "";
    top: -200px;
    left: 44%;
    transform: translateX(-50%);
    font-size: 20px;
    font-weight: 400;
    color: var(--white-color);
    background: var(--secondary-color);
    padding: 14px 20px;
    border-radius: 5px;
    min-width: 136px;
    text-align: center;
}
.process-row .process-item .arrow h4::after {
    position: absolute;
    content: "";
    top: 53px;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: 120px;
    border: 1px dashed var(--primary-color);
}
.process-row .process-item .arrow h4::before {
    position: absolute;
    content: "";
    top: calc(100% + 120px);
    left: 50%;
    transform: translateX(-50%);
    background-image: url(../images/trangal-red.svg);
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    width: 20px;
    height: 12px;
}
.process_sec .theme-title .title{padding-bottom: 78px;}
.process-card img {transform: scale(0.9);transition:0.6s ease;}
.process-card img.active {transform: scale(1.01);}
.process-card .number {transition: 0.6s ease;transform: scale(0);}
.process-card .number.active {transform: scale(1);box-shadow: 0 0px 10px rgb(0 0 0 / 36%);}
/*active end*/
/*Process Section End*/
/*Request a Quote Model Start*/
@media (min-width: 576px) {
   .modal-dialog {max-width: 100%;margin: 0;}
}
.modal{height: 100%;background-color: var(--white-color);}
.modal-content{background-color: transparent;}
/* .modal.fade.show{clip-path: polygon(0 100%, 0 0, 100% 0%, 100% 100%); opacity: 1;} */
.modal.fade.show{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);opacity: 1;}
/* .modal.fade{clip-path: polygon(0 00%, 0 0, 100% 0%, 100% 0%);transition: all 0.5s;} */
.modal.fade{display: inline-block;clip-path: polygon(0 0, 100% 0, 100% 0%, 0% 0%);transition: all 0.5s; opacity: 1;}
.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.model_img {height: 100vh;position: sticky;top: 0;}
.model_img img{width: 100%;height: 100vh;object-fit: cover;}
#req_a_quote .contact_form{height: 100%;
    padding: 40px;
    margin: 60px 60px 60px 50px;
    border: 1px solid #cccccc;clip-path: none;
    background-color: #ffffff;
    position: relative;max-height: fit-content;}
.btn-close {
    box-sizing: content-box;
    width: 30px;
    height: 30px;
    padding: 0;
    color: transparent;
    background: none;
    border: 0;
    border-radius: 0;
    opacity: 1;
    position: fixed;
    transition: all 450ms ease;
    top: 20px;
    right: 30px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    z-index: 9;
    background-color: #ffffff;
    box-shadow: 0 0px 10px rgb(0 0 0 / 12%);
}
.btn-close:focus{box-shadow: none;}
.btn-close:hover {opacity: 1;transition: all 450ms ease;}
.btn-close span:nth-child(1),button.btn-close span:nth-child(2) {
    width: 84%;
    height: 3px;
    border-radius: 5px;
    background-color: var(--secondary-color);
    position: absolute;  
    display: block;
    transition: all 450ms ease;
}
.btn-close span:nth-child(1) {transform: rotate(45deg);}
.btn-close span:nth-child(2) {transform: rotate(135deg);}
.btn-close:hover span:nth-child(1){transform: rotate(135deg);}
.btn-close:hover span:nth-child(2){transform: rotate(225deg);background-color: var(--primary-color);outline: 1px solid var(--white-color);}
#req_a_quote .theme-title p {max-width: 810px;}
#req_a_quote .theme-title p a{
    font-size: 16px;
    color: #444444;
    font-weight: 600;
    line-height: 1.6;
    font-family: 'Plus Jakarta Sans';
    letter-spacing: 0;
    transition: all 450ms ease;
}
#req_a_quote .theme-title p a:hover{color: var(--primary-color);}
/*Request a Quote Model End*/
.form-control {
    padding: 10px 0px;
    font-size: 15px;
    font-weight: 500;
    font-family: 'Plus Jakarta Sans';
    letter-spacing: 0;
    line-height: 1.5;
    color: var(--body-color);
    background-color: var(--white-color);
    border: none;
    border-bottom: 1px solid #cccccc;
    border-radius: 0;
}
.form-label {
    margin-bottom: .5rem;
    font-size: 17px;
    color: #444444;
    font-weight: 500;
    font-family: 'Plus Jakarta Sans';
    letter-spacing: 0;
    margin-bottom: 0;
}
.form-control:focus {background-color: transparent;border-color: #444444ab;outline: 0;box-shadow: none;}
textarea.form-control {resize: none;}
textarea.form-control:active,
textarea.form-control:focus,
.form-control:focus, .form-control:active{
    font-size: 15px;
    color: #444444;
    font-weight: 500;
    font-family: 'Plus Jakarta Sans';
    letter-spacing: 0;
}
input.form-control+p,
textarea.form-control::placeholder,
input.form-control::placeholder{
    font-size: 15px;
    color: #cccccc;
    font-weight: 500;
    font-family: 'Plus Jakarta Sans';
    letter-spacing: 0;
}
.modal-fullscreen .modal-body {overflow-y: visible;}
/*Hero Slider Section Start*/
  .hero_swiper{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.hero_swiper .container{position: relative;}
.hero_swiper .swiper-container {width: 100%;height: 100%;}
.hero_swiper .swiper-slide img{
    display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      min-height: 500px;
      position: relative; clip-path: polygon( -0.156% 0.726%,-0.156% 0.726%,-0.152% 0.608%,-0.138% 0.497%,-0.116% 0.392%,-0.086% 0.297%,-0.05% 0.213%,-0.007% 0.14%,0.041% 0.081%,0.093% 0.037%,0.149% 0.01%,0.209% 0%,99.635% 0%,99.635% 0%,99.694% 0.01%,99.75% 0.037%,99.803% 0.081%,99.851% 0.14%,99.893% 0.213%,99.93% 0.297%,99.959% 0.392%,99.981% 0.497%,99.995% 0.608%,100% 0.726%,99.999% 99.274%,99.999% 99.274%,99.994% 99.392%,99.98% 99.503%,99.958% 99.608%,99.929% 99.703%,99.892% 99.787%,99.85% 99.86%,99.802% 99.919%,99.749% 99.963%,99.693% 99.99%,99.634% 100%,68.524% 100%,68.524% 100%,68.495% 99.998%,68.467% 99.991%,68.439% 99.98%,68.412% 99.965%,68.385% 99.945%,68.359% 99.922%,68.334% 99.894%,68.31% 99.863%,68.288% 99.828%,68.267% 99.789%,66.982% 97.247%,66.982% 97.247%,66.96% 97.208%,66.938% 97.172%,66.914% 97.141%,66.889% 97.113%,66.863% 97.09%,66.836% 97.07%,66.808% 97.055%,66.78% 97.044%,66.751% 97.037%,66.722% 97.035%,0.21% 97.559%,0.21% 97.559%,0.151% 97.55%,0.094% 97.523%,0.042% 97.479%,-0.006% 97.42%,-0.049% 97.347%,-0.086% 97.263%,-0.116% 97.167%,-0.138% 97.063%,-0.152% 96.951%,-0.156% 96.833%,-0.156% 0.726% );
}
.hero_swiper .swiper-slide img{position: relative;overflow: hidden;}
.hero_swiper .swiper-slide{position: relative;}
.hero_swiper .swiper-slide img::after {
    content: '';
    border-radius: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 35%);
    z-index: -1;
}
.hero_swiper .swiper-horizontal>.swiper-pagination-bullets, .hero_swiper .swiper-pagination-horizontal.swiper-pagination-bullets {width: 33%;right: 0;left: auto;}

.hero_swiper .swiper-pagination {display: flex;justify-content: center;bottom: 17px;}
.hero_swiper .swiper-pagination-bullet:focus{border: none;}
.hero_swiper .swiper-pagination-bullet {
    width: 40px;
    height: 5px;
    border-radius: 0;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.4);
    opacity: 1;
}
.hero_swiper .swiper-pagination-bullet::before {content: "";display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 4px;}
.hero_swiper .swiper-pagination-bullet-active {background: rgba(255, 255, 255, 0.4);}
.hero_swiper .swiper-pagination-bullet-active::before {background-color: #ffffff;animation: slide-progress 4s cubic-bezier(0.3, 0, 0.3, 1) forwards;}
.hero_swiper .swiper-paused .swiper-pagination-bullet-active::before {animation-play-state: paused;}
@keyframes slide-progress {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(0);
  }
}
.hero_swiper .swiper-slide{
    position: relative;
    width: 100%;
    height: 100%;
}
.hero_swiper .banner_text{
    position: absolute;
    /* bottom: 134px; */
    bottom: 220px;
    left: 50px;
}
.hero_swiper .swiper-slide .banner_text h2 {
    white-space: pre-line;
    line-height: 1.1848;
    text-align: left;
    transform: translateY(20%);
    transition-delay: 0.6s;
    transition: all 2s ease;
    font-size: 55px;
    font-weight: 700;
    margin-bottom: 30;
    color: var(--white-color);
    opacity: 0;
    visibility: hidden;
}
.hero_swiper .swiper-slide.swiper-slide-active h2 {
    transform: none;
    opacity: 1;
    transition-delay: 0.3s;
    visibility: visible;
    transform: translateY(0%);
}
video#foundry_video {max-width: 100%;object-fit: cover;}

/*Hero Slider Section End*/
/**add-15-04-2026*****/
.capability_item img.capability-img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    transition: opacity 0.3s ease;
}

.capability_item video.capability-img {position: relative;z-index: 1;}

.capability_item.playing img.capability-img {opacity: 0;}
.process-row.pro_flow_third .process-item .arrow {
    position: absolute;
    top: calc(50% - 20px);
    left: -22%;
    margin: 0;
    width: 45%;
    height: 20px;
    background: transparent;
    transform: translateY(-50%);
    right: 78%;
    left: unset;
    transform: translateY(-50%) rotate(180deg);
}
.process-row.pro_flow_third .process-item:last-of-type .arrow {display: none;}                                    
                   

/*add 11-05-2026 start*/
/* OFFCANVAS */
textarea.form-control {resize: none;}
.btn-close:focus {box-shadow: none;}
.inquiry-offcanvas {
    width: 100% !important;
    max-height: fit-content;
    min-height: 300px;
    height: auto !important;
    background: var(--white-color);
    border-radius: 25px 25px 0 0;
    max-height: calc(100% - 160px);
    padding: 0;
}
.offcanvas.offcanvas-bottom.inquiry-offcanvas {
    bottom: 0;
    top: auto;
    transform: translateY(100%);
    transition: transform .4s ease-in-out;
    border-radius: 0;
    padding-top: 60px;
    padding-bottom: 50px;
}
.inquiry-offcanvas .offcanvas-body {padding: 0;}
.offcanvas.offcanvas-bottom.show {transform: translateY(0);}
.quote_btn.btn-close {
    box-shadow: none;
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0;
    background-color: var(--white-color);
    top: 20px;
    right: 20px;
    border-radius: 5px;
    box-shadow: 0 0px 10px rgb(0 0 0 / 12%);
}
.modal-backdrop.show {opacity: 0.8;}
.offcanvas-body::-webkit-scrollbar-track { -webkit-box-shadow: none; background-color: var(--white-color); }
.offcanvas-body::-webkit-scrollbar { width: 5px; background-color: var(--white-color); }
.offcanvas-body::-webkit-scrollbar-thumb { background-color: var(--primary-color); } 
/* MOBILE */
@media (max-width: 767px) {
    .inquiry-offcanvas {
        width: 100% !important;
    }
}
.navbar-toggler[aria-expanded="true"] .navbar_toggler_line:nth-child(2) {
    width: 22px!important;
}
.navbar-toggler[aria-expanded="false"] .navbar_toggler_line:nth-child(2) {
    width: 14px!important;
}