@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
:root {
    --white-color: #ffffff;   
    --theme-color: #192547;   
    --seconadary-color: #243666;   
    --black-color: #000000; 
}
/* color setup */
.z-1{z-index: 1;}
.text-white{color:var(--white-color);}
.text-theme{color:var(--theme-color);}
.text-secondary{color:var(--seconadary-color) !important;}
.text-black{color:var(--black-color);}
.bg-white{background-color: var(--white-color);}
.bg-theme{background-color: var(--theme-color);}
.bg-seconadary{background-color: var(--seconadary-color) !important;}
.bg-black{background-color: var(--black-color);}
html{ 
    scroll-behavior: smooth;
    font-size: 62.5%;
}
body{
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.6rem;
    color: var(--black-color);
    font-family: "Poppins", sans-serif;
}
.inter{
  font-family: "Inter", sans-serif;
}
.roboto{
    font-family: "Roboto", sans-serif;
}
.fw-200{
    font-weight: 200;
}
.fw-300{
    font-weight: 300;
}
.fw-400{
    font-weight: 400;
}
.fw-500{
    font-weight: 500;
}
.fw-600{
    font-weight: 600;
}
.fw-700{
    font-weight: 700;
}
.fw-800{
    font-weight: 800;
}
.pt-40{
    padding-top: 4rem;
}
.pb-40{
    padding-bottom: 4rem;
}
.p-40{
    padding: 4rem;
}
.pt-50{
    padding-top: 5rem;
}
.pb-50{
    padding-bottom: 5rem;
}
.pt-60{
    padding-top: 6rem;
}
.pb-60{
    padding-bottom: 6rem;
}
.pt-70{
    padding-top: 7rem;
}
.pb-70{
    padding-bottom: 7rem;
}
.mt-80{
    margin-top: 8rem;
}
.mb-80{
    margin-bottom: 8rem;
}
.pt-80{
    padding-top: 8rem;
}
.pb-80{
    padding-bottom: 8rem;
}
.pt-100{
    padding-top: 10rem;
}
.pb-100{
    padding-bottom: 10rem;
}
.ps-100{
    padding-left: 10rem;
}
.pe-100{
    padding-right: 10rem;
}
.p-100{
    padding: 10rem;
}
h1,.h1{
    font-size: 4rem;
    line-height: 5rem;
}
h2,.h2{
    font-size: 2.8rem;
    line-height: 3.8rem;
}
h3,.h3{
    font-size: 2.4rem;
    line-height: 3.4rem;
}
h4,.h4{
    font-size: 2rem;
    line-height: 3rem;
}
h5,.h5{
    font-size: 1.8rem;
    line-height: 2.8rem;
}
h6,.h6{
    font-size: 1.2rem;
    line-height: 1.2rem;
}
.ls-12{
    letter-spacing: 1.2px;
}
.lh-24{
    line-height: 2.4rem;
}
.font-30{
    font-size: 3rem;
    line-height: 3.8rem;
}
.font-15{
    font-size: 1.5rem;
    line-height: 3rem;
}
.font-14{
    font-size: 1.4rem;
    line-height: normal;
}
.font-16{
    font-size: 1.6rem;
    line-height: 2.6rem;
}
.font-18{
    font-size: 1.8rem;
    line-height: 2.8rem;
}
.font-20{
    font-size: 2rem;
    line-height: 3rem;
}
.radius-15{
    border-radius: 1.5rem;
}

:focus-visible ,.form-control:focus,.form-select:focus{
    outline: none;
    box-shadow: none;
    border-color: initial;
}
.bg-img{
    background-size: cover;
    background-repeat: no-repeat;
}
/* scrollbar */
html,
body {
  scroll-behavior: smooth;
}
::-webkit-scrollbar {
    width: 5px;
    height: 7px;
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgb(198, 198, 198);
}
a{
    text-decoration: none;
}
.container-fluid {
  padding: 0 2%;
}
.radius-0{
    border-radius: 0;
}
.theme-btn{
    padding: 1rem 2rem;
    border: 1px solid var(--white-color);
    background-color:var(--white-color); ;
    border-radius: 1rem;
    color: var(--seconadary-color);
    display: inline-block;
}
.theme-btn:hover{
    color: var(--white-color);
    background-color: var(--seconadary-color);
}
.theme-btn3{
    padding: 1rem 2rem;
    border: 1px solid var(--white-color);
    background-color:var(--seconadary-color); ;
    border-radius: 1rem;
    color: var(--white-color);
    display: inline-block;
    cursor: pointer;
}
.theme-btn3:hover{
    color: var(--seconadary-color);
    border-color: var(--seconadary-color);
    background-color: var(--white-color);
}
.text-justify{
    text-align: justify;
}

/* header */

.top-header .navbar-nav .nav-link {
  color: var(--black-color);
  padding-left: 3rem;
}
.top-header .navbar-nav .nav-link:hover,.top-header .navbar-nav .nav-link.show {
  color: #2E488B;
}
.submenu-wrap .submenu-wrap-nav {
    flex: 0 0 auto;
    width: 20%;
}
.submenu-wrap .submenu-wrap-content {
    flex: 0 0 auto;
    width:  80%;
}
.submenu-wrap .submenu-wrap-nav .nav-link {
    padding: 2rem;
    border-bottom: 2px solid var(--white-color);
    color: var(--white-color);
    border-radius: 0;
}
.submenu-wrap .submenu-wrap-nav .nav-link.active{
    box-shadow: rgba(0, 0, 0, .15) 1.95px 1.95px 2.6px;
    background-color: var(--white-color);
    color:var(--theme-color);
}
.submenu-wrap .submenu-wrap-nav .nav-link:hover,.submenu-wrap .submenu-wrap-nav .nav-link.active:hover {
    background-color: rgba(0, 0, 0, .49);
    color: var(--white-color);
}
.right-menu .menu-border {
    margin-bottom: 2rem;
}
.right-menu .menu-padding {
    padding-left: 3.5rem;
    line-height: 2.7rem;
}
.right-menu .menu-border:not(:first-child) {
    border-left: 1px solid rgba(25,37,71,.5);
}
.right-menu .menu-border:nth-child(4){
    border-left: 0;
}
.right-menu .menu-padding .single-menu:not(:first-child) {
    padding-top: 4rem;
}
.menu-bottom{
    background-image: linear-gradient(180deg, #192547 0%, #243666 100%);
    box-shadow: -4px 0px 5px 1px rgba(0, 0, 0, .5);
}
.menu-bottom a{
    padding: 0.5rem 2rem;
    color: var(--white-color);
    border-radius: 20px;
    line-height: 2.4rem;
}
.menu-bottom a:hover{
    background-color: var(--white-color);
    color: #2e488b;
}
.menu-padding .single-menu a:hover {
    text-decoration: underline;
    color: var(--black-color);
}
.navbar-nav .dropdown-menu {
    left: 0;
    right: 0;
    width: 100%;
    top: 84px;
    border-top: 1px solid var(--seconadary-color);
    padding: 0 1rem;
    border-radius: 0;
}
.submenu-wrap{
    /* border-top: 2px solid var(--seconadary-color); */
}

.navbar-nav .dropdown-menu{
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.navbar-nav .dropdown-menu.show{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    padding: 0;
    overflow: hidden;
}
.nav-item.dropdown {
    position: unset;
}

.right-menu .menu-padding .single-menu h4, .right-menu .menu-padding .single-menu a:hover {
    color: var(--seconadary-color);
    /* text-decoration: none; */
}


/* header css ends  */

/* footer  */
.footer {
    background-color: #243465;
    padding: 3rem 0 2rem;
}
.footer a {
    color: var(--white-color);
}
.footer .form-control {
    border-radius: 0;
    padding: 1.2rem 2rem;
    color: var(--seconadary-color);
    font-size: 1.6rem;
    line-height: 2.4rem;
}
.footer .btn1 {
    border-radius: 0;
}
.footer-bottom {
    border-top: 2px solid var(--white-color);
    margin-top: 3rem;
    padding-top: 1rem;
}
.footer .form-btn {
    width: auto;
    min-width: 10.6rem;
}
.floating-btn {
    right: 0;
    bottom: 30%;
    cursor: pointer;
    z-index: 3;
}

/* homepage  */
.som-design-section .single-product {
    border: 2px solid var(--theme-color);
    border-radius: 2.5rem;
    padding-bottom: 8.2rem;
    background-color: var(--theme-color);
    overflow: hidden;
    transition: all .5s ease-out;
}
.som-design-section .single-product:hover::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: var(--theme-color);
    transition: all .5s ease-out;
}
.single-product .img-thumbnail {
    border-radius: 2.5rem 2.5rem 0 0;
    padding: 0.5rem;
    border: 0;
    height: 23rem;
}
.single-product .hover-div .show-hover{
    display: none;
}
.single-product .hover-div {
    padding: 1rem 2rem;
    transition: all .5s ease-out;
    top: 23rem;
}
.single-product:hover .hover-div {
    padding: 2rem;
    top: 0;
}
.single-product:hover .hover-div .show-hover{
    display: block;
}

.single-product .theme-btn2{
    padding: 0.5rem 2rem;
    border: 1px solid var(--white-color);
    border-radius: 1rem;
    color: var(--white-color);
    margin-top: 2rem;
}
.expertise-section .nav-pills .nav-link {
    min-width: 17.8rem;
    color: var(--white-color);
    background-color: transparent;
    display: inline-block;
    position: relative;
}
.expertise-section .nav-pills .nav-link.active {
    color: var(--theme-color);
    background-color: var(--white-color);
}
.expertise-section .nav-pills .nav-link:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 10px 8px 0 8px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    opacity: 0;
}
.expertise-section .nav-pills .nav-link.active:after{
    opacity: 1;
}
.industries-section .single-industry img {
    height: 22rem;
    width: 100%;
}
.industries-section .single-industry .h5 {
    text-align: center;
    padding: 0.5rem 1.9rem;
    line-height: normal;
}
.industries-section .single-industry {
    border-radius: 0 50px 0 50px;
    overflow: hidden;
}
.industries-section .owl-nav{
    margin: 0;
    height: 0 ;
}
.industries-section .owl-nav .owl-prev span, .industries-section .owl-nav .owl-next span{
    color: var(--white-color);
    font-size: 3rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-size: 25px;
    width: 25px;
    height: 25px;
    font-size: 0;
}
.industries-section .owl-nav .owl-prev span{
    left: 0;
    background-image: url('data:image/svg+xml,<svg aria-hidden="true" class="e-font-icon-svg e-eicon-chevron-left" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z" fill="%23fff"></path></svg>');
}
.industries-section .owl-nav .owl-next span{
    right: 0;
    background-image: url('data:image/svg+xml,<svg aria-hidden="true" class="e-font-icon-svg e-eicon-chevron-right" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z" fill="%23fff"></path></svg>');
}
.single-insights .insight-desc{
    padding: 1rem 2rem 2rem;
}
.single-insights{
    border-radius: 1.5rem;
    overflow: hidden;
}
.contact-section{
    color: #eeeeef;
}
.contact-section .h2{
    font-size: 3.1rem;
    line-height: normal;
}
.single-insights .insight-desc li p {
    margin-bottom: 0;
}
sr7-module .sr7-tabs {
    min-width: 100%;
    left: 0 !important;
    right: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* about page  */
.page-banner-section {
    padding: 14.75rem 0;
}

.cards-hover--text:hover .elementskit-box-body {
    display: block !important;
    bottom: 50px;
    left: 10px;
    transition: all 0.5s ease-out;
}

@media(max-width: 768px) {
    .cards-hover--text .elementskit-box-body {
        display:block !important;
        position: absolute;
        bottom: 10px;
        left: 10px;
        transition: all 1s ease-out;
    }
    .cards-hover--text .elementskit-box-header img {
        width: 100% !important;
        position: relative;
    }
    .cards-hover--text .image-box-img-left:after {
        content: " ";
        position: absolute;
        bottom: 0;
        background: rgb(0, 0, 0);
        background: rgba(0, 0, 0, 0.3);
        /* Black see-through */
        color: #f1f1f1;
        width: 100%;
        height: 100%;
        transition: .5s ease;
        opacity: 0;
        border-radius: 25px;
    }
    .cards-hover--text .image-box-img-left:after {
        opacity: 1 !important;
    }
    .cards-hover--text .elementskit-box-style-content, .cards-hover--text .elementskit-box-footer {
        display: block !important;
        transition: all 0.5s ease-out;
    }
    .cards-hover--text:hover .elementskit-box-body {
        display: block !important;
        bottom: 10px;
        left: 10px;
        transition: all 0.5s ease-out;
    }
}
.cards-hover--text .elementskit-box-body {
    display: flex;
    position: absolute;
    bottom: 0px;
    left: 10px;
    transition: all 0.5s ease-out;
}

.cards-hover--text .elementskit-box-style-content, .cards-hover--text .elementskit-box-footer {
    display: none;
    transition: all 0.5s ease-out;
}

.cards-hover--text:hover .elementskit-box-style-content, .cards-hover--text:hover .elementskit-box-footer {
    display: block;
    transition: all 0.5s ease-out;
}

.cards-hover--text .elementskit-box-header img {
    width: 100% !important;
    position: relative;
}

.cards-hover--text .image-box-img-left:after {
    content: " ";
    position: absolute;
    bottom: 0;
    background: rgb(0, 0, 0);
    background: rgba(255, 255, 255, 0);
    color: #f1f1f1;
    width: 100%;
    height: 100%;
    transition: .5s ease;
    opacity: 1;
    border-radius: 25px;
    border: 2px solid #192547
}

.cards-hover--text:hover .image-box-img-left:after {
    opacity: 1 !important;
    background: rgb(0, 0, 0);
    background: rgba(25, 37, 71, 1) !important;
}
.cards-hover--text .elementskit-box-body .elementskit-info-box-title {
    font-size: 2.8rem !important;
}
/* contact page  */

.contact-page-form .ekit-wid-con .ekit-form form .wpcf7-form-control{
    border-color: #475569 !important;
    font-size: 16px !important;
    font-weight: 400;
    color: #475569 !important;
}
.contact-page-form .ekit-wid-con .ekit-form form input[type=submit]{
    max-width: 100%;
    padding: 14px 25px;
    line-height: 16px;
    margin: 0 auto;
    display: block;
    background-color: #243666;
    color: var(--white-color) !important;
}
.contact-page-form .ekit-wid-con .ekit-form form .d-flex{
    justify-content: center;
}
.contact-page-form .ekit-wid-con .ekit-form form .wpcf7-form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #475569 !important;
}
.contact-page-form .ekit-wid-con .ekit-form form .wpcf7-form-control::-moz-placeholder { /* Firefox 19+ */
    color: #475569 !important;;
}
.contact-page-form .ekit-wid-con .ekit-form form .wpcf7-form-control:-ms-input-placeholder { /* IE 10+ */
    color: #475569 !important;;
}
.contact-page-form .ekit-wid-con .ekit-form form .wpcf7-form-control:-moz-placeholder { /* Firefox 18- */
    color: #475569 !important;;
}
/* news page  */
.latest-blog-area .archive-listing-div .hentry {
    border: 1px solid #e1e1e1;
    border-radius: 2px;
}
.latest-blog-area .archive-listing-div {
    --bs-gutter-x: 4rem;
    --bs-gutter-y: 4rem;
}
.latest-blog-area .archive-listing-div .post-thumbnail img {
    width: 100%;
    height: 19.7rem;
    object-fit: cover;
}
.latest-blog-area .archive-listing-div .blog-box-content {
    padding: 2rem;
}
.latest-blog-area .archive-listing-div .blog-box-content .blog-box-title {
    color: #1E1E1E;
}
.custom-sidebar-section .sidebar-left .side-bar-title {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="11" viewBox="0 0 13 11" fill="none"><path d="M0.695415 0L12.1671 0L6.43126 11L0.695415 0Z" fill="%23192547"/></svg>');
    background-repeat: no-repeat;
    background-position-x: calc(100% - 10px);
    background-position-y: center;
}
.custom-sidebar-section .sidebar-left a {
    color: var(--white-color);
}
.custom-tooltip {
    position: absolute;
    
}
/* press release pages  */
.resource-banner {
    /* height: calc(100vh - 28.5rem); */
    height: 30rem;
    background-position: center;
    max-height: 48rem;
}
.custom-banner-section:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: rgb(0 0 0 / 50%);
}
/* case study  */
.scope-work-wrap ul {
    margin: 2rem 0 0 2.8rem;
}
.scope-work-wrap ul li:not(:last-child){
    margin-bottom: 2rem;
}
.scope-work-wrap ul li::marker {
    color: #fff;
}
/* product detail page  */
.single-product .theme-btn2.raduis-btn{
    border-radius: 50px;
    padding: 9px 20px;
    line-height: 16px;
}
.product-item-slider .product-item{
    width: 40rem;
    border: 1px solid var(--white-color);
    border-left-width: 2px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
   margin-right: 4rem;
}
.product-item-slider .owl-stage-outer {
    width: 44rem;
}
.product-item-slider .product-item{
    object-fit: contain;
}
.product-item-slider.owl-carousel{
    display: flex;
}
.product-item-slider button.owl-dot {
    width: 8.5rem;
    height: 8.5rem;
    border: 1px solid var(--white-color);
    padding: 1rem;
    background-position: center;
    background-size: contain;
}
.product-item-slider .owl-dots {
    display: flex;
    flex-direction: column;
}
.documents-header{
    border-top: 2px solid var(--theme-color);
}
.documents-header span{
    padding: 4px 40px;
    width: fit-content;
    clip-path: polygon(0 0, 100% 0, 85% 100%, 15% 100%);
}
.documents-list {
    display: flex;
    justify-content: center;
    gap: 20px;
}
.document-group {
    border-style: solid;
    border-width: 0px 2px 0px 0px;
    margin: 0px 0px 0px 10px;
    padding-right: 25px;
}
.document-group:last-child {
    border-style: unset;
    border-width: 0;
}
.document-group a:hover{
    text-decoration: underline;
    cursor: pointer;
}
.productModal .modal-dialog .modal-content{
    padding: 4rem 5rem;
    text-align: center;
    background-position: bottom;
    border-radius: 30px;
}
.productModal .btn-close {
    font-size: 2rem;
    height: 2rem;
    width: 2rem;
    background-image: none;
    color: #334155;
    top: 10px;
    right: 15px;
}
.productModal .form-control {
    background-color: transparent;
    border: 1px solid var(--theme-color);
    padding: 10px 20px;
    border-radius: 0;
    font-size: 1.6rem;
    color: var(--theme-color);
}
.productModal .theme-btn3:hover{
    background-color: #045cb4;
    color: var(--white-color);
}
.tafe-table {
    width: 100%;
    font-size: 1em;
    line-height: 1.8;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    border-color: var(--white-color);
}
.tafe-table th,.tafe-table td {
    width: 50%;
    padding: 1rem;
}
.tafe-table th {
    font-size: 20px;
    text-align: center;
}
.tafe-table td:first-child {
    text-align: center;
    font-size: 18px;
}
.product-tab-section .nav-pills .nav-link {
    padding: 0 0 1rem;
    border-bottom: 2px solid transparent;
    border-radius: 0;
}
.product-tab-section .nav-pills .nav-link.active{
    border-bottom-color: var(--white-color);
}
.product-tab-section .nav-pills {
    column-gap: 1.5rem;
}
.product-tab-section .nav-pills .nav-link:after {
    content: "";
    width: 20px;
    height: 20px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 11px solid var(--white-color);
    position: absolute;
    bottom: -21px;
    opacity: 0;
}
.product-tab-section .nav-pills .nav-link.active:after{
    opacity: 1;
}

.custom-tab-content.thermal-mechanical img{
    max-width: 37.8rem;
}
.single-thermal-mechanical {
    border-radius: 25px;
    overflow: hidden;
    transition: all .4s ease;
    border: 1px solid;
}
.single-thermal-mechanical p {
    margin: 0;
}
.single-thermal-mechanical .object-fit-cover {
    height: 26rem;
}
.single-thermal-mechanical:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0);
}
.single-thermal-mechanical  .thermal-overlay{
    bottom: 0;
    padding: 10px 15px;
    transition: all .5s ease-out;
}
.single-thermal-mechanical:hover:before{
    /* background-color: var(--seconadary-color); */
    background-color: var(--theme-color);
}

.single-thermal-mechanical:hover   .thermal-overlay{
    bottom: 5rem;
}
.single-thermal-mechanical .thermal-overlay .thermal-overlay-hide {
    display: none;
    transition: all .5s ease-out;
}
.single-thermal-mechanical .thermal-overlay .theme-btn2{
    max-width: max-content;
}
.single-thermal-mechanical:hover .thermal-overlay .thermal-overlay-hide {
    display: block;
    transition: all .5s ease-out;
}
.single-product .custom-tab-content .theme-btn2:hover, .single-thermal-mechanical .thermal-overlay .theme-btn2:hover {
    color: var(--theme-color);
    background-color: var(--white-color);
}
/* 23-05-25  */
.single-related img {
    border-radius: 10px;
    filter:none;border: 1px solid rgb(0 0 0 / 55%);
    transition: .5s ease;
}
.single-related:hover img{
    filter: none;
    transition: .5s ease;
}
.related-product .single-related .h4{
    filter: none;
    bottom: 1rem;
    left: 2rem;
    right: 2rem;
    position: absolute;
    color: var(--white-color);
    text-align: center;
}
.related-product .single-related:hover .h4{
    transition: .5s ease;
}
.related-product .related-slider .owl-nav .owl-prev,.related-product .related-slider .owl-nav .owl-next {
    font-size: 0;
    background-image: url('data:image/svg+xml,<svg width="75" height="76" viewBox="0 0 75 76" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_d_2096_399)"><ellipse cx="22.5" cy="22.5" rx="22.5" ry="22.5" transform="matrix(1 -8.74228e-08 -8.74228e-08 -1 14 60)" fill="white" shape-rendering="crispEdges"/></g><path d="M40 28L30.8098 37.1946L40 46.3848" stroke="%231e293b" stroke-width="2"/><defs><filter id="filter0_d_2096_399" x="0" y="0.5" width="75" height="75" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="5" operator="dilate" in="SourceAlpha" result="effect1_dropShadow_2096_399"/><feOffset dx="1" dy="0.5"/><feGaussianBlur stdDeviation="5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2096_399"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2096_399" result="shape"/></filter></defs></svg>');
    height: 6rem;
    width: 6rem;
    background-size: 6rem;
    background-repeat: no-repeat;
    position: absolute;
    top: calc(50% - 30px);
    transform: translateY(-50%);
}
.related-product .related-slider .owl-nav .owl-next {
    right: 0;
    background-image: url('data:image/svg+xml,<svg width="75" height="76" viewBox="0 0 75 76" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_d_2096_394)"><ellipse cx="36.5" cy="37.5" rx="22.5" ry="22.5" transform="rotate(-180 36.5 37.5)" fill="white" shape-rendering="crispEdges"/></g><path d="M33 28L42.1902 37.1946L33 46.3848" stroke="%231e293b" stroke-width="2"/><defs><filter id="filter0_d_2096_394" x="0" y="0.5" width="75" height="75" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="5" operator="dilate" in="SourceAlpha" result="effect1_dropShadow_2096_394"/><feOffset dx="1" dy="0.5"/><feGaussianBlur stdDeviation="5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2096_394"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2096_394" result="shape"/></filter></defs></svg>');
}
.single-iframe-video {
    aspect-ratio: 1.77777;
}
.single-iframe-video iframe {
    border-radius: 20px;
}
.other-tab-section .single-thermal-mechanical img {
    height: 25rem;
}
.active .fadeInUp {
    animation-name: fadeInUp;
}
.active .fadeInUp.in-view, .fadeIn.in-view{
    animation-duration: 2s;
}
.fadeIn {
    animation-name: fadeIn;
}
@keyframes fadeInUp{
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }    
}
@keyframes fadeIn{
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }    
}

.delay-300{
    animation-delay: 1s;
}
.delay-200{
    animation-delay: 0.5s;
}

.plp-header{
    border-top: 2px solid var(--theme-color);
}
.plp-header .theme-btn {
    width: max-content;
    background-color: var(--theme-color);
    padding: 0.7rem 1.5rem;
}
.plp-wrap .filter-left {
    width: 28.8rem;
    padding: 2.6rem 3rem 3rem 4.6rem;
}

.plp-wrap .plp-right {
    width: calc(100% - 28.8rem);
    padding: 0 4.8rem 3rem 5.3rem;
}

.plp-wrap .plp-right .single-plp {
    box-shadow: 0px 4px 10px 5px #0000001A;
    height: 100%;
    position: relative;
    padding-bottom: 62px;
}
.plp-grid .single-plp .plp-desc .theme-btn3 {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
}
.plp-grid .single-plp .img-thumbnail img{
    object-fit: cover;
    width: 100%;
}
.plp-grid .single-plp .plp-desc {
    padding: 1.5rem 1.5rem 2rem;
}
.plp-grid .single-plp .plp-desc ul {
    line-height: 3rem;
}
.plp-grid .single-plp .plp-desc .theme-btn3:hover img {
    filter: brightness(1) invert(0);
    filter: grayscale(100%) brightness(40%) contrast(2);
}
.plp-grid .row{
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 3.6rem;
}
.pagination {
    column-gap: 1rem;
}

.pagination .page-link {
    display: flex;
    height: 3rem;
    width: 3rem;
    align-items: center;
    justify-content: center;
    padding: 0;
    line-height: 3rem;
    font-size: 2rem;
    font-weight: 700;
    color: var(--theme-color);
}

.pagination .page-item.active .page-link{
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: var(--white-color);
}

.pagination .page-link.prev img {
    transform: rotate(180deg);
}
.pagination .page-numbers.current {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: var(--white-color);
    display: flex;
    height: 3rem;
    width: 3rem;
    align-items: center;
    justify-content: center;
    padding: 0;
    line-height: 3rem;
    font-size: 2rem;
    font-weight: 700;
}
.plp-wrap .filter-left .h4 {
    border-bottom: 1px solid;
    width: max-content;
    margin: 0 auto;
}
.plp-wrap .filter-left ul{
    padding: 0;
    box-shadow: none;
    border:0;
    transform: none !important;
}
.plp-dropdown .dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg width="11" height="17" viewBox="0 0 11 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.01789 1.2591C1.08371 0.994971 1.31451 0.920717 1.53352 1.09309L9.70246 7.53743L9.78059 7.60969C9.79903 7.63006 9.81591 7.65231 9.83234 7.67512C9.94237 7.68646 10.0341 7.76411 10.0784 7.90071C10.1597 8.15126 10.0493 8.50704 9.83137 8.69563L1.67805 15.7464L1.59602 15.807C1.40254 15.9199 1.20716 15.8542 1.13605 15.6351C1.05477 15.3845 1.16607 15.0278 1.3841 14.8392L9.07355 8.18782L1.29523 2.05305L1.21809 1.97981C1.04815 1.79235 0.960453 1.49091 1.01789 1.2591Z" fill="white"/><path d="M1.01789 1.2591L0.532724 1.13821L0.532566 1.13885L1.01789 1.2591ZM1.53352 1.09309L1.84319 0.700535L1.84276 0.70019L1.53352 1.09309ZM9.70246 7.53743L10.042 7.17038L10.0276 7.15704L10.0121 7.14487L9.70246 7.53743ZM9.78059 7.60969L10.1512 7.27408L10.1364 7.25767L10.1201 7.24264L9.78059 7.60969ZM9.83234 7.67512L9.42667 7.9674L9.55785 8.14947L9.78107 8.17248L9.83234 7.67512ZM10.0784 7.90071L10.5541 7.7465L10.554 7.74634L10.0784 7.90071ZM9.83137 8.69563L10.1584 9.07383L10.1586 9.07371L9.83137 8.69563ZM1.67805 15.7464L1.97497 16.1487L1.9905 16.1372L2.0051 16.1246L1.67805 15.7464ZM1.59602 15.807L1.84815 16.2387L1.87134 16.2252L1.89294 16.2092L1.59602 15.807ZM1.13605 15.6351L0.660444 15.7893L0.660475 15.7894L1.13605 15.6351ZM1.3841 14.8392L1.71118 15.2174L1.71121 15.2173L1.3841 14.8392ZM9.07355 8.18782L9.40066 8.56597L9.8584 8.17003L9.38319 7.79523L9.07355 8.18782ZM1.29523 2.05305L0.95098 2.41566L0.967602 2.43145L0.985599 2.44564L1.29523 2.05305ZM1.21809 1.97981L0.84764 2.31562L0.860233 2.32951L0.873831 2.34242L1.21809 1.97981ZM1.01789 1.2591L1.50306 1.38C1.50578 1.36908 1.48385 1.45218 1.37146 1.48836C1.2635 1.52311 1.2056 1.47129 1.22427 1.48599L1.53352 1.09309L1.84276 0.70019C1.64243 0.542519 1.35962 0.441639 1.06505 0.536457C0.766058 0.632701 0.595821 0.884995 0.532725 1.13821L1.01789 1.2591ZM1.53352 1.09309L1.22384 1.48564L9.39278 7.92998L9.70246 7.53743L10.0121 7.14487L1.84319 0.700535L1.53352 1.09309ZM9.70246 7.53743L9.36294 7.90447L9.44106 7.97674L9.78059 7.60969L10.1201 7.24264L10.042 7.17038L9.70246 7.53743ZM9.78059 7.60969L9.40996 7.9453C9.40943 7.94472 9.41051 7.94587 9.4135 7.94969C9.41656 7.95359 9.42068 7.95909 9.42667 7.9674L9.83234 7.67512L10.238 7.38284C10.2178 7.35481 10.1883 7.31499 10.1512 7.27408L9.78059 7.60969ZM9.83234 7.67512L9.78107 8.17248C9.73015 8.16724 9.68182 8.14515 9.64603 8.11303C9.61234 8.08279 9.60323 8.05621 9.60286 8.05507L10.0784 7.90071L10.554 7.74634C10.4618 7.46215 10.2297 7.21344 9.88362 7.17776L9.83234 7.67512ZM10.0784 7.90071L9.60281 8.05491C9.60247 8.05385 9.60578 8.06417 9.60501 8.08782C9.60426 8.11099 9.59973 8.14045 9.58959 8.17307C9.56782 8.24317 9.53133 8.29405 9.50417 8.31755L9.83137 8.69563L10.1586 9.07371C10.3493 8.90862 10.477 8.68731 10.5446 8.46973C10.6114 8.25472 10.6344 7.9942 10.5541 7.7465L10.0784 7.90071ZM9.83137 8.69563L9.50431 8.31743L1.35099 15.3682L1.67805 15.7464L2.0051 16.1246L10.1584 9.07383L9.83137 8.69563ZM1.67805 15.7464L1.38112 15.3441L1.29909 15.4047L1.59602 15.807L1.89294 16.2092L1.97497 16.1487L1.67805 15.7464ZM1.59602 15.807L1.34388 15.3752C1.34611 15.3739 1.40399 15.3441 1.4906 15.3755C1.58106 15.4083 1.60939 15.4738 1.61163 15.4807L1.13605 15.6351L0.660475 15.7894C0.733822 16.0154 0.895396 16.2234 1.14969 16.3156C1.40013 16.4064 1.65244 16.353 1.84815 16.2387L1.59602 15.807ZM1.13605 15.6351L1.61166 15.4808C1.61211 15.4822 1.60878 15.472 1.60958 15.4483C1.61036 15.4251 1.61494 15.3955 1.62518 15.3627C1.64718 15.2921 1.68396 15.2409 1.71118 15.2174L1.3841 14.8392L1.05702 14.461C0.866209 14.626 0.738331 14.8475 0.670496 15.065C0.603482 15.28 0.57992 15.5411 0.660444 15.7893L1.13605 15.6351ZM1.3841 14.8392L1.71121 15.2173L9.40066 8.56597L9.07355 8.18782L8.74645 7.80966L1.057 14.461L1.3841 14.8392ZM9.07355 8.18782L9.38319 7.79523L1.60487 1.66046L1.29523 2.05305L0.985599 2.44564L8.76392 8.5804L9.07355 8.18782ZM1.29523 2.05305L1.63949 1.69044L1.56234 1.61719L1.21809 1.97981L0.873831 2.34242L0.95098 2.41566L1.29523 2.05305ZM1.21809 1.97981L1.58853 1.644C1.51599 1.56398 1.49075 1.42966 1.50321 1.37936L1.01789 1.2591L0.532566 1.13885C0.430155 1.55217 0.580308 2.02072 0.84764 2.31562L1.21809 1.97981Z" fill="white"/></svg>');
    width: 9px;
    height: 18px;
    background-size: contain;
    position: absolute;
    right: 0;
    border: 0;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.2s ease;
}
.plp-dropdown .dropdown-toggle.show::after {
    transform: rotate(90deg);
}
.plp-dropdown .dropdown-item:hover{
    background-color: transparent;
    color: var(--white-color);
}
.plp-dropdown .dropdown-item {
    padding: 0;
    margin: 0 0 4px;
}
.second-level .dropdown-item {
    font-size: 1.4rem;
}
.second-level .dropdown-item:after{
    background-size: 6px;
    margin-top: 3px;
}
.plp-dropdown .dropdown-toggle {
    border-bottom: 1px solid transparent;
}
.plp-dropdown .dropdown-toggle.show {
    border-bottom-color: var(--white-color);
}
/* Hide default checkbox appearance */
.custom-checkbox.form-check-input[type=checkbox] {
    width: 1.5rem;
    height: 1.5rem;
    margin-top: 0.15em;
    border-radius: 0;
    border: 1px solid var(--white-color);
    appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    transition: all 0.2s ease;
    position: relative;
    cursor: pointer;
}
.custom-form-check{
    padding: 2px 0;
}
/* On checked state */
.custom-checkbox:checked {
    background-color: transparent;
    border-color: var(--white-color);
}
.custom-checkbox.form-check-input:checked[type=checkbox]{
    --bs-form-check-bg-image: none;
}
/* Add checkmark using pseudo-element */
.custom-checkbox:checked::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 3px;
    width: 5px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
  
/* Focus style */
.custom-checkbox:focus {
    outline: none;
    box-shadow: none;
}

/* order now modal  */
.product-Modal.in {
    display: flex;
    justify-content: center;
    align-items: center;
}
.buynow-popup.product-Modal .modal-dialog {
    height: auto;
}
.product-Modal .modal-dialog {
    max-width: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}
.buynow-popup.product-Modal .modal-content {
    border-radius: 65px;
    padding: 25px 0;
    border: 2px solid #004a64;
    width: 90%;
    box-shadow: -3px -3px 6px 4px rgba(0, 0, 0, .2);
}
.product-Modal .modal-body {
    padding: 13px 10px 8px;
}
.product-Modal .modal-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom right;
}
.product-Modal button.close {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none"><path d="M9.52543 16.2488L15.6219 9.08629M16.1549 15.7158L8.99244 9.61928M21.5267 20.2881C25.7181 15.3639 25.1185 7.90578 20.1943 3.71445C15.2701 -0.47688 7.81193 0.122734 3.6206 5.04693C-0.57073 9.97112 0.0288836 17.4293 4.95307 21.6206C9.87727 25.8119 17.3354 25.2123 21.5267 20.2881Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    opacity: 1;
    color: transparent;
    width: 25px;
    height: 25px;
    font-size: 0;
    position: absolute;
    right: 30px;
    top: 30px;
    cursor: pointer;
    z-index: 9;
    border-radius: 50%;
    border: 0;
}
.buynow-popup .modal-padding {
    position: relative;
    padding: 0 50px;
}
.buynow-popup .modal-padding {
    padding: 25px 50px;
}
.buynow-popup .btn {
    width: 160px;
    border-color: #004a64;
    margin: 0;
    padding: 10px 20px;
    border-radius: 20px;
    background-color: #337ab7;
}
.buynow-popup .modal-padding img {
    max-width: 150px
}
.buynow-popup.product-Modal .modal-content {
    border-radius: 65px;
    padding: 0;
    border: 2px solid #004a64;
    width: 90%;
    box-shadow: -3px -3px 6px 4px rgba(0,0,0,.2)
}
.buynow-popup.product-Modal .row {
    margin-top: 15px;
    margin-bottom: 15px;
    align-items: center;
    justify-content: center;
    display: flex
}
.buynow-popup p {
    font-size: 18px;
    font-weight: 600
}
.buynow-popup .btn.bg-sky {
    background-color: #31a4a2
}
.buynow-popup .btn a {
    color: #fff;
    font-weight: 700
}
.product-banner-desc .btn.bg-blue {
    background-color: #003d54
}
.buynow-popup .btn.bg-orange {
    background-color: #ff2100
}
.buynow-popup.product-Modal .modal-dialog {
    height: auto
}
.product-Modal button.close span {
    font-size: 0;
}
.productModal .wpcf7-form p {
    margin-bottom: 0;
}
.wpcf7-form .wpcf7-not-valid-tip {
    position: absolute;
    font-size: 10px;
    line-height: normal;
}
.wpcf7-spinner {
    position: absolute;
    bottom: 0;
}

/* fancy box  */
.fancybox__container .f-thumbs__slide__button {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fancybox__container .f-thumbs__track {
    width: 100% !important;
}
.fancybox__container .f-thumbs__slide.for-image {
    width: 110px;
    height: 110px;
    border: 2px solid;
    display: flex;
    align-items: center;
    border-radius: 2px;
    --shift: 0 !;
    --shift: 0 !;
}
.woocommerce-page .fancybox__container .f-thumbs__slide__img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.fancybox__container .f-thumbs__slide.for-image.is-nav-selected {
    border-color: red;
}
.custom-product-page .order-btn {
    position: absolute;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
}
.product-tab-section,.related-product , .product-template-default .footer {
    z-index: 2;
    position: relative;
}
.custom-banner-section:before {
    display: none;
}
#productOrderModal .modal-dialog {
    max-width: 600px;
}
.productModal .modal-dialog .modal-content .iwave-buyproduct-sucess-msg b {
    font-size: 27px;
    line-height: 35px;
    font-weight: 500;
    color: #243465;
}
.productModal .modal-dialog .modal-content .iwave-buyproduct-sucess-msg p {
    padding: 50px 30px;
}


.top-header .gtranslate_wrapper {
    margin-left: auto;
    position: relative;
}
.top-header .gt_float_switcher .gt-selected .gt-current-lang {
    padding: 0;
}
.top-header .gt_float_switcher .gt_options.gt-open, .top-header .gt_float_switcher .gt_options {
    position: absolute;
    bottom: -37px;
    right: 0;
    min-width: 128px;
    background-color: #fff;
    box-shadow: rgba(0,0,0,0.15) 0 5px 15px;
}
.top-header .gt_float_switcher .gt_options a {
    display: flex;
    font-size: 14px;
}
.top-header .gt_float_switcher .gt-selected {
    background: transparent;
}
.top-header .gt_float_switcher {
    box-shadow: none;
}
.top-header .gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code {
    color: #000;
    font-size: 16px;
}
.productModal .modal-dialog .modal-content .iwave-download-sucess-msg {
    padding: 50px 30px;
}

.productModal .modal-dialog .modal-content .iwave-download-sucess-msg b {
    font-size: 27px;
    line-height: 35px;
    font-weight: 500;
    color: #243465;
}

.iwave-file-dwnload {
    padding: 1rem 2rem;
    border: 0;
    background-color: var(--seconadary-color);
    border-radius: 1rem;
    color: var(--white-color);
    display: flex;
    max-width: max-content;
    margin: 0 auto;
    align-items: center;
    font-size: 14px;
}

.iwave-file-dwnload:hover {
      background-color: var(--theme-color);
      color: var(--white-color);
}
/* 23-05-25  */
.single-insights .insight-desc a:hover {
    text-decoration: underline;
}
.sjb-page .sjb-detail .list-data .v1 ul li::before, .sjb-page .sjb-detail .list-data .v2 ul li::before {
    content: "\f101";
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.product-item-slider .product-item .img-desc {
    display: none;
}
.product-item-slider button.owl-dot {
    position: relative;
}
.product-item-slider .dot-desc {
    color: var(--theme-color);
    font-size: 10px;
    font-weight: 600;
    line-height: 13px;
    padding: 15px 0;
    background-color: var(--white-color);
    position: absolute;
    width: 100px;
    top: 50%;
    transform: translateY(-50%);
    left: 70px;
    opacity: 0;
    z-index: 2;
}
.product-item-slider .dot-desc:before {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 13px 13px 13px 0;
    border-color: transparent #FFFFFF transparent transparent;
    transform: rotate(0deg);
    content: "";
    position: absolute;
    content: "";
    left: -13px;
    top: 50%;
    transform: translateY(-50%);
}
.product-item-slider .owl-dot:hover .dot-desc {
    opacity: 1;
}
/* 27-05-25  */
.single-iframe-video.play-video {
    position: relative;
}
.single-iframe-video.play-video .video-overlay-content {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    cursor: pointer;
}
.single-iframe-video.play-video > img {
    border-radius: 20px;
}
/* feedback 09-06-25 */
.top-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}
body {
    padding-top: 8.7rem;
}
.single-product .theme-btn2:hover {
    color: var(--theme-color);
    background-color: var(--white-color);
}
.plp-grid .single-plp .h5 {
    color: var(--white-color);
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 5px;
    margin: 0;
}
.top-header .navbar-nav .menu-padding a {
    font-size: 1.2rem;
}
/* feedback 09-06-25 ends */
@media all and (min-width: 800px) {

  .fancybox-thumbs {
    top: auto;
    width: auto;
    bottom: 0;
    left: 0;
    right : 0;
    height: 95px;
    padding: 10px 10px 0 10px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.3);
  }

  .fancybox-show-thumbs .fancybox-inner {
    right: 0;
    bottom: 95px;
    overflow: visible;
  }

  .fancybox-thumbs::-webkit-scrollbar {
    height: 7px;
  }

  .fancybox-thumbs::-webkit-scrollbar-track {
    background: #2a2a2a;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  }

  .fancybox-thumbs::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
  }
}
/* responsive styles  */
@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 1215px;
  }
}
@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 1215px;
  }
    #fpga-system-on-modules .menu-border:first-child .menu-padding .col-md-6:first-child,
     #fpga-system-on-modules .menu-border:nth-child(3) .menu-padding .col-md-6:first-child {
        width: 60%;
    }
    #fpga-system-on-modules .menu-border:first-child .menu-padding .col-md-6:nth-child(2) ,
    #fpga-system-on-modules .menu-border:nth-child(3) .menu-padding .col-md-6:nth-child(2) {
        width: 39%;
    }
}
/* feedback 09-06-25 */
@media (max-width: 1440px) {
    body {
        padding-top: 8.6rem;
    }
}
/* feedback 09-06-25 ends */
@media (max-width: 1199px) {
    /* feedback 09-06-25 */
     body {
        padding-top: 92px;
    }
    /* feedback 09-06-25 ends */
    .navbar  .header-left {
        justify-content: space-between;
    }
    .navbar-nav .dropdown-menu {
        display: none;
        transform: none;
        opacity: 1;
    }
    .navbar-nav .dropdown-menu.show {
        transform: none;
        display: block;
        padding: 15px 0;
        margin: 0;
    }
    .top-header .menu-icon {
        padding: 8px 8px 8px 8px;
        width: 45px;
        border-radius: 3px;
        border: 1px solid rgba(0, 0, 0, .2);
        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    }
    .offcanvasMenu.offcanvas.offcanvas-start {
        max-width: 100%;
        width: 35rem;
    }
    .offcanvasMenu .menu-close {
        padding: 8px;
        width: 45px;
        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
        color: rgba(51, 51, 51, 1);
        font-size: 20px;
        line-height: 14px;
        margin: 12px 0;
    }
    .top-header .navbar-nav .nav-link,.top-header .navbar-nav a {
        padding: 10px 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .top-header .navbar-nav .dropdown-toggle::after {
        display: none;
    }
    
    .top-header .navbar-nav .nav-link {
        font-family: "Inter", Sans-serif;
        font-size: 18px;
        font-weight: 600;
        line-height: 30px;
        border-bottom: 1px solid rgb(25, 37, 71);
    }
    .top-header .navbar-nav .nav-link:hover, .top-header .navbar-nav .nav-link.show {
        background-color: rgb(36, 54, 102);
        color: var(--white-color);
    }
    .top-header .navbar-nav .dropdown-submenu a {
        font-size: 12px;
        color: var(--black-color);
        font-weight: 800;
        font-family: "Roboto", sans-serif;
        border-bottom: 1px solid rgba(122, 122, 122, 0.28);
        letter-spacing: 0.5px;
    }
    .top-header .navbar-nav i {
        font-size: 18px;
        padding: 0;
    }
    .top-header .navbar-nav .dropdown-submenu a.show {
        color: #2E488B;
        text-decoration: underline;
    }
    .top-header .navbar-nav .dropdown-submenu li a {
        width: 100%;
        font-weight: 400;
    }
    .top-header .navbar-nav .dropdown-submenu li .dropdown-toggle {
        font-weight: 800;
    }
    .top-header .dropdown-item:focus, .top-header .dropdown-item:hover{
        background-color: transparent;
    }
    .nav-item.dropdown {
        max-height: 350px;
        overflow-y: auto;
    }
    .single-product .hover-div .h4 {
        font-size: 17px;
    }
    .single-product .hover-div {
        line-height: normal;
    }
    .industries-section .single-industry .h5 {
        padding: 0.5rem 1.5rem;
        min-height: 64px;
    }
    /* product page  */
    .custom-product-page h1,  .custom-product-page .h1{
        font-size: 3.2rem;
        line-height: 4.2rem;
    }
    .product-item-slider .product-item {
        width: 34rem;
    }
    .product-item-slider .owl-stage-outer {
        width: 38rem;
    }
    .custom-product-page .h4{
        font-size:
        1.8rem;
        line-height: 2.6rem;
    }
    .product-tab-section .nav-pills {
        column-gap: 7px;
    }


    .top-header .gtranslate_wrapper {
        margin: 20px 0 0;
        padding: 0 15px;
    }
    .top-header .gt_float_switcher .gt_options.gt-open, .top-header .gt_float_switcher .gt_options {
        left: 15px;
        right: auto;
        bottom: -45px;
    }
    /* 23-05-25  */
    .product-item-slider .dot-desc {
        display: none;
    }
}
@media (max-width: 991px) {
    .container, .container-md, .container-sm {
        max-width: 100%;
        padding: 0 15px;
    }
    .expertise-section .nav-pills .nav-link{
        padding: 5px 20px;
        min-width: auto;
    }
    /* case study  */
    .scope-work-wrap h2,.scope-work-wrap h2 span {
        font-size: 22px;
    }
    /* product page  */
    .product-item-slider .owl-dots {
        flex-direction: row;
        margin: 20px 0 0;
        justify-content: center;
    }
    .product-item-slider.owl-carousel {
        display: block;
    }
    .product-item-slider .product-item {
        width: 100%;
        margin: 0;
    }
    .product-item-slider .owl-stage-outer {
        width: 100%;
    }
    .custom-product-page .product-title {
        padding-bottom: 3rem;
    }
    /* PLP page  */
    .plp-wrap .plp-right {
        padding: 0 1.5rem 3rem 1.5rem;
        width: calc(100% - 25rem);
    }
    .plp-wrap .filter-left {
        width: 25rem;
        padding: 2rem;
    }
    .plp-grid .single-plp .plp-desc ul {
        line-height: 1.6;
    }
    
}

@media (max-width: 767px) {
    .footer .form-btn {
        margin: 0 auto;
    }
    .productModal .modal-dialog .modal-content {
        padding: 20px;
    }
    .nav-tabs {
        display: block;
        overflow: auto;
        white-space: nowrap;
        padding-bottom: 15px;
    }
    .nav-tabs li {
        display: inline-block;
        margin-right: 10px;
    }
    /* about page */
    .page-banner-section {
        padding: 7.25rem 0;
    }
    /* case study  */
    .resource-banner {
        max-height: 30rem;
    }

    /* product page  */
    .custom-product-page .product-title {
        padding-bottom: 3rem;
    }
    .product-item-slider {
        margin-top: 50px;
    }
    .custom-product-page .product-title {
        padding-bottom: 3rem;
    }
    .product-item-slider {
        margin-top: 50px;
    }
    .custom-product-page .h2, .custom-product-page h2 {
        font-size: 20px;
        line-height: 28px;
    }
    .custom-product-page .h4 {
        font-size: 16px;
    }
    .documents-list {
        gap: 10px; 
    }
    .documents-section .container {
        padding: 0 15px 0 38px;
    }
    .document-group:last-child {
        padding-right: 0;
    }
    .document-group {
        margin: 0;
        padding: 0 10px 0 0;
        font-size: 13px;
        word-break: break-word;
    }
    .product-tab-section .nav-pills {
        display: block;
        overflow: auto;
        white-space: nowrap;
        padding-bottom: 18px;
    }
    .product-tab-section .nav-pills .nav-item {
        display: inline-block;
        width: auto !important;
        padding: 0 10px;
    }
    .product-tab-section .nav-pills .nav-link {
        padding: 0 10px 10px;
    }
    .single-thermal-mechanical .thermal-overlay .thermal-overlay-hide {
        display: block;
    }
    .development-kit-right {
        margin-top: 30px;
    }
    .custom-tab-content.thermal-mechanical img {
        max-width: 100%;
    }
    .single-thermal-mechanical:before {
        background: rgba(0, 0, 0, 0.5);
    }
    .single-thermal-mechanical .thermal-overlay {
        bottom: 10px;
    }
    .custom-tab-content {
        padding-top: 20px;
    }
     /* PLP page  */
     .plp-wrap .plp-right {
        padding: 15px;
        width: 100%;
    }
    .plp-wrap .filter-left {
        width: 100%;
    }
    .filter-offcanvas {
        min-height: 100vh;
    }
    .filter-offcanvas .offcanvas-header .btn-close {
        opacity: 1;
        filter: brightness(0) invert(1);
    }
    .plp-wrap .filter-left {
        padding: 0 10px;
    }
    .filter-offcanvas .offcanvas-body{
        margin-bottom: 50px;
    }
    /* modal  */
    .buynow-popup .modal-padding {
        padding:0 20px;
    }
    .buynow-popup.product-Modal .row {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .buynow-popup .modal-padding img {
        margin: 0 0 10px;
    }
    .buynow-popup.product-Modal button.close {
        top: -6px;
    }
    .buynow-popup.product-Modal .modal-content {
        width: 100%;
        border-radius: 20px;
    }
    .buynow-popup .btn {
        margin: 15px 0 20px;
    }
    .wpcf7-form .wpcf7-not-valid-tip {
        font-size: 10px;
        line-height: normal;
    }
    .fancybox__container .f-thumbs__slide.for-image {
        width: 80px;
        height: 80px;
    }
}

/* 18-06-25  */
.woocommerce .tax-product-custom ul li.product {
    box-shadow: 0px 4px 10px 5px #0000001A;
    position: relative;
    flex: 0 0 auto;
    width: calc(25% - 15px);
    margin: 0;
    float: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.woocommerce .tax-product-custom ul.columns-4 {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    gap: 20px;
}
.woocommerce-products-grid.row.tax-product-custom {
    margin: 0;
}
.woocommerce .tax-product-custom ul.products::before {
    display: none;
}
.woocommerce  .tax-product-custom ul.products .button {
    margin: 15px;
    padding: 1rem 2rem;
    border: 1px solid var(--white-color);
    background-color: var(--seconadary-color);
    border-radius: 1rem;
    color: var(--white-color);
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
}
.woocommerce .tax-product-custom ul li.product .woocommerce-loop-product__title {
    background-color: var(--seconadary-color);
    color: var(--white-color);
    padding: 10px 15px;
    font-size: 14px;
    line-height: 1.5;
}
.woocommerce .tax-product-custom ul.products .button:hover {
    color: var(--seconadary-color);
    border-color: var(--seconadary-color);
    background-color: var(--white-color);
}
.woocommerce .pagination.tax-product-pagination nav.woocommerce-pagination ul {
    margin: 0;
    border: 0;
    display: flex;
    gap: 1rem;
}
.woocommerce .pagination.tax-product-pagination nav.woocommerce-pagination ul li a{
        display: flex;
    height: 3rem;
    width: 3rem;
    align-items: center;
    justify-content: center;
    padding: 0;
    line-height: 3rem;
    font-size: 2rem;
    font-weight: 700;
    color: var(--theme-color);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.woocommerce .pagination.tax-product-pagination nav.woocommerce-pagination ul li span.current {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: var(--white-color);
    display: flex;
    height: 3rem;
    width: 3rem;
    align-items: center;
    justify-content: center;
    padding: 0;
    line-height: 3rem;
    font-size: 2rem;
    font-weight: 700;
}
.woocommerce .pagination.tax-product-pagination nav.woocommerce-pagination ul li {
    border: 0;
}
@media (max-width: 1199px) {
    .woocommerce .tax-product-custom ul li.product {
        width: calc(33.33% - 15px);
    }
}
@media (max-width: 991px) {
    .woocommerce .tax-product-custom ul li.product {
        width: calc(50% - 15px);
    }
}
@media (max-width: 767px) {
    .woocommerce .tax-product-custom ul li.product {
        width: 100% !important;
        margin: 0 !important;
    }
}