@import url(../css/font.css);

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

:root {
    /* font size */
    --fs-large: clamp(3.1rem, 3vw + 1.3rem, 3.5rem);
    --fs-big: clamp(1rem, 2vw + 1.6rem, 4.8rem);
    --fs-bigmob: clamp(0.5rem, 0.5vw + 1.3rem, 1.8rem);
    --fs-normal: clamp(1rem, 1.5vw + 1.7rem, 5rem);
    /* --fs-big: clamp(1.5rem , 19vw + 2rem , 3.5rem); */
    --fs-medium: clamp(1.1rem, 1vw + 0.5rem, 2rem);
    /* --fs-samall: clamp(0.5rem , 1vw + 0.7rem , 1.7rem); */
    --fs-samall: clamp(1.2rem, 1vw + 0.5rem, 2.2rem);
    --fs-extrasmall: clamp(1rem, 1vw + 0.7rem, 2rem);
    --fs-smallcontain: clamp(1.2rem, 1vw + 0.3rem, 2.3rem);
    --fs-contentbold: clamp(1.1rem, 1vw + 0.6rem, 2rem);
    --fs-morebold: clamp(1rem, 2vw + 0.5rem, 1.8rem);

    /* font color */

    --fc-highlight: #cd1417;
    --fc-light: #c0bbbb;
    --fc-white: #ffff;
    --fc-dark: #000000;

    /* font family */

    --font-family: "Barlow", sans-serif;
    --ff-thin: "Barlow-Thin", sans-serif;
    --ff-medium: "Barlow-Medium", sans-serif;
    --ff-bold: "Barlow-Bold", sans-serif;
    --ff-semibold: "Barlow-SemiBold", sans-serif;
    --ff-light: "Barlow-Light", sans-serif;
    --ff-regular: "Barlow-Regular", sans-serif;

    /* padding */

    --padding-inline: clamp(3rem, 10vw + 1rem, 7rem);
    /* --padding-block: clamp(2rem, 10vw + 5rem, 8rem) */
    --padding-block: clamp(0.5rem, 4vw + 1rem, 12rem);
}

/* Include the Barlow font family */
body {
    font-family: "Barlow", sans-serif;
}

html {
    /* scroll-snap-type: y proximity; */
    scroll-behavior: smooth;
}

section {
    scroll-snap-align: start !important;
    scroll-snap-stop: normal;
    scroll-behavior: smooth;
    scroll-margin-top: var(--navbar-height, 75px);
    /* overflow-y: hidden; */
    overflow-x: clip;
    /* height: clamp(200px, 100vh, 500px); */
    height: auto;
}

.container {
    --max-width: 90vw;
    --padding: 1rem;
    max-width: min(var(--max-width), 100% - (var(--padding) * 2));
    margin-inline: auto;
    height: auto;
    padding-block: var(--padding-block);
}

.img {
    width: 100%;
    height: auto;
}

/* banner-start */
.text-highlight {
    color: var(--fc-highlight);
}

.main-heading {
    font-family: var(--ff-thin);
    font-size: var(--fs-big);
    line-height: 1.1em;
}
.main-heading-mobile {
    font-family: var(--ff-thin);
    font-size: var(--fs-bigmob);
    line-height: 1.1em;
}

.main-normal-heading {
    font-family: var(--ff-thin);
    font-size: var(--fs-normal);
    line-height: 1.1em;
}

.main-subsmall-heading {
    font-family: var(--ff-semibold);
    font-size: var(--fs-samall);
    line-height: 1.3em;
}

.main-medium-heading {
    font-family: var(--ff-thin);
    font-size: var(--fs-medium);
    line-height: 1.3em;
}

.main-heading-large {
    font-family: var(--ff-thin);
    font-size: var(--fs-large);
    line-height: 1.1em;
}

.main-sub-heading {
    font-family: var(--ff-semibold);
    font-size: var(--fs-extrasmall);
    line-height: 1.1em;
}

.main-sub-heading-mob {
    font-family: var(--ff-semibold);
    font-size: var(--fs-extrasmall);
    line-height: 1.1em;
    padding-right: 5rem;
}

.content-bold-text {
    font-family: var(--ff-semibold);
    font-size: var(--fs-contentbold);
    line-height: 1.1em;
}

.content-bold-product {
    font-family: var(--ff-semibold);
    font-size: var(--fs-medium);
    line-height: 1.1em;
}

.contain-morebold {
    font-family: var(--ff-semibold);
    font-size: var(--fs-morebold);
    line-height: 1.1em;
}

.card-containtext {
    font-family: var(--ff-light);
    font-size: var(--fs-smallcontain);
    line-height: 1.1em;
}

.banner-main-heading {
    font-family: var(--ff-thin);
    font-size: clamp(2rem, 3vw + 1rem, 5rem);
    font-size: var(--fs-big);
    line-height: 1.1em;
}

/* button */
.navigational-button {
    border-radius: 3rem;
    border: 3px solid #c0c0c0;
    color: #000000;
    font-family: var(--ff-bold);
    font-size: clamp(0.2rem, 2vw + 0.5rem, 1.4rem);
    line-height: 1.1em;
    padding: 0.7rem 3rem;
    text-decoration: none;
    /* width: clamp(9rem, 5vw + 2rem, 4rem); */
    text-align: center;
}

.mob-banner-section {
    display: none;
}

.med-banner-section {
    display: block;
    /* height: calc(100vh - var(--navbar-height, 75px)); */
}

.navigational-button:hover {
    background-color: var(--fc-highlight);
    color: #ffffff;
    border: 3px solid var(--fc-highlight);
}

.more-banner-btn {
    padding-top: 1rem;
    padding-bottom: clamp(0.2rem, 4vw + 4rem, 5rem);
}

/* #banner-carousel {
    min-height: 100vh;
} */

/* button */

.banner-tittle {
    width: 37vmax;
}

.banner-sub-tittle {
    width: 35vmax;
    font-size: var(--fs-medium);
    padding-block: clamp(0.5rem, 1vw + 0.5rem, 1.5rem);
    /* padding-block: clamp(0.8rem , 1vw + 1.2rem , 2rem); */
}

.banner-section {
    /* padding-top: clamp(1.8rem, 2vw + 2.2rem, 3rem); */
    padding-top: var(--navbar-height, 75px);
}

.carousel-inner-image {
    min-height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: flex;
    flex-direction: column;
    background-size: 100% 100%;
}

.carousel-mini-caruosel {
    position: absolute;
    bottom: 3%;
    transform: scaley(0.8);
    width: min(25vw, 60vw);
}

.slider-adjust {
    align-items: center;
}

.carousel-heading-content {
    padding-block: clamp(0.2rem, 5vw + 0.3rem, 4rem);
    color: var(--fc-dark);
}

.carousel-indicators [data-bs-target] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #333;
    margin: 9px;
}

.carousel-indicators .active {
    background-color: var(--fc-highlight) !important;
    transform: scale(1.3);
}

.carousel-mini-caruosel .mini-heading {
    font-family: "Barlow-SemiBoldItalic", sans-serif;
    font-size: 1.2rem;
    opacity: 0.7;
}

.carousel-mini-caruosel .mini-line {
    height: 1px;
    background: linear-gradient(
        90deg,
        rgba(0, 0, 0, 1) 0%,
        rgba(120, 120, 120, 1) 52%,
        rgba(240, 240, 240, 1) 100%
    );
    margin: 5px 0 15px 0;
}

.carousel-slider-container {
    height: 8%;
    overflow-x: hidden;
}

.carousel-slider-container .slider {
    display: flex;
    animation: slide 8s linear infinite;
    height: 100%;
    width: 45.33%;
    /* animation-direction: alternate; */
}

.carousel-slider-container .slide {
    flex: 0 0 100%;
    height: 100%;
    width: 100%;
    transform: scale(0.8);
}

.carousel-indicators {
    bottom: 2%;
}

@keyframes slide {
    0% {
        transform: translateX(-300%);
    }

    33.33% {
        transform: translateX(-200%);
    }

    66.67% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0);
    }
}

@media only screen and (max-width: 576px) {
    /* first section */

    .banner-tittle {
        width: auto;
    }

    .banner-sub-tittle {
        width: auto;
    }

    .mob-banner-section {
        display: block;
    }

    /* .carousel-heading-content {
        padding-block: 0%;
    } */

    .carousel-slider-container {
        height: auto;
        overflow-x: hidden;
    }

    .more-banner-btn {
        padding-bottom: 0%;
    }

    .med-banner-section {
        display: none;
    }

    .banner-bgimg {
        background-image: none;
    }

    .carousel-inner-image .carousel-more-button {
        border: 2px solid #c0c0c0;
    }

    .carousel-inner-image {
        padding: 0%;
    }

    .banner-bgimg {
        background-image: none !important;
    }

    .mob-ban-img {
        height: 33vh;
    }

    .mob-banner-img {
        display: flex;
        background-repeat: no-repeat;
        height: auto;
        width: 100%;
        background-size: cover;
        background-position: center center;
    }

    .carousel-mini-caruosel {
        width: auto;
        position: relative;
    }

    .carousel-mini-caruosel .mini-heading {
        color: #c8c8c8;
        font-size: 1.3rem;
    }

    .carousel-inner-image .carousel-heading {
        width: 29rem;
        line-height: 3.5rem;
    }

    .carousel-indicators {
        bottom: 0%;
    }

    .mob-text-adjust {
        align-items: center;
    }

    .carousel-mini-caruosel {
        padding-inline: 2rem;
    }
}

@media screen and (min-width: 1900px) {
    .carousel-heading-content {
        padding-block: clamp(5%, 8vw + 7%, 10%);
        color: var(--fc-dark);
    }
}

/* banner-end */

/* right patner */

.motto-wrapper {
    background-image: url("../images/image/The_Right_Partner.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 100%;
    background-position: center;
    /* height: calc(80vh - var(--navbar-height, 75px)); */
}

.right-patner-align {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--fc-white);
    padding-block: clamp(1rem, 3vw + 2.5rem, 7rem);
}

.truck-sub-heading {
    padding-block: 1rem;
}

.right-adjust-con {
    /* padding-bottom: clamp(2rem , 3rem , 4rem); */
}

@media only screen and (max-width: 576px) {
    .motto-wrapper {
        background-image: url("../images/image/Truck_mob.png");
        background-size: cover;
        background-repeat: no-repeat;
        max-width: 100%;
        height: auto;
        background-position: 0%;
    }

    .right-patner-align {
        justify-content: start;
        align-items: start;
        text-align: start;
        width: auto;
    }

    .container {
        padding-right: 0% !important;
        padding-left: 0% !important;
    }

    .truck-sub-heading {
        width: 30vmax;
    }
}

/* right patner-end */

/* Index-About-Us-Start */
.index-about {
    /* min-height: calc(100vh - var(--navbar-height, 75px)); */
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow-y: hidden;
}

.index-about-heading {
    font-size: var(--fs-large);
}

.index-text-align {
    display: flex;
    justify-content: center;
}

.index-about-min-content {
    padding-block: clamp(0.5rem, 1vw + 0.8rem, 1.5rem);
}

.index-about .index-about-content {
    justify-content: center;
}

.index-about-content {
    font-family: "Barlow-Regular", sans-serif;
    font-size: clamp(0.7rem, 1vw + 0.9rem, 2.8rem);
    line-height: 1.5em;
    width: 65vmax;
}

.more-btn-about {
    padding-top: 4.2vmax;
    padding-bottom: 2vmax;
}

@media only screen and (max-width: 576px) {
    .index-about {
        text-align: start;
        align-items: start;
        height: auto;
    }

    .index-text-align {
        justify-content: flex-start;
    }

    .index-about-min-content {
        align-items: center;
    }

    .index-about-more-button {
        border: 2px solid #c0c0c0;
    }
}

/* Products-Wrapper */

.select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    top: 9px;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    line-height: 3em;
}

.select2-container .select2-selection--single {
    height: 45px !important;
}

.select2-container--default
    .select2-results__option--highlighted[aria-selected] {
    background-color: var(--fc-highlight);
    font-size: var(--fs-smallcontain);
}

/* .product-border-right {
    border-right: 1px solid rgb(184, 184, 184);  //remove
} */

.product-top-section {
    align-content: space-between;
}

.product-select-industry .form-select {
    width: 100%;
    padding: 0.2rem;
    font-size: 1.2rem;
    border-radius: 0%;
    border: none;
    border-bottom: 1px solid #000000;
}

.form-select {
    text-decoration: none;
}

.industry-product-desc a {
    text-decoration: none;
    color: #000000;
}

.industry-product-desc h6 {
    font-size: var(--fs-extrasmall);
    font-family: var(--ff-medium);
    /* padding-block: 1%; */
}

.product-swiper-pagination {
    position: relative;
    bottom: 0 !important;
}

.product-list-slider {
    padding-block-start: 0.8rem;
}

.industries-categories,
.industries-product-list {
    list-style-type: none;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    transition: transform 0.3s ease;
}

.industries-categories li,
.industries-product-list li {
    cursor: pointer;
    font-family: "Barlow-Medium", sans-serif;
    font-size: 1.3rem;
    line-height: 1.5rem;
    color: #000000;
    padding-block: 0.25rem;
}

.industries-categories li:hover,
.industries-product-list li:hover,
.industryActive {
    color: #cd1417 !important;
    font-family: "Barlow-Bold", sans-serif !important;
    transform: scaleY(1.4);
}

.industryActive svg {
    display: block !important;
}

.mobile-product-view {
    display: none;
}

.index-products-details {
    padding-inline-start: 2rem;
    display: flex;
    gap: 1rem;
}

.index-products-details .product-moto {
    padding-block: 1rem;
    flex-basis: 20%;
}

.index-products-details .product-descriptions {
    border-left: 1px solid rgb(184, 184, 184);
    flex-basis: 80%;
    display: flex;
}

.index-products-details .product-descriptions > * {
    border-right: 1px solid rgb(184, 184, 184);
    padding-block: 1rem;
    padding-inline: 0.5rem;
    flex: 1;
}

.index-products-details
    .product-descriptions
    .product-industries-product-images {
    border-right: none;
    padding: 0;
}

.industries_list {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
}

.product-image-preview {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

.product-more-button {
    /* padding: clamp(2rem, 6rem, 15rem); */
    /* position: relative; */
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    /* align-self: center; */
}

/* .product-more-button a {
    position: absolute;
    inset: 50%;
    transform: translate(-50%, -50%);
} */

.pro-sub-heading {
    font-family: var(--ff-semibold);
}

@media screen and (min-width: 1601px) {
    .industries-categories li,
    .industries-product-list li {
        font-size: 1.6rem;
        line-height: 2rem;
        padding-block: 0.25rem;
        transform: scaleY(1);
    }

    .industries-categories li:hover,
    .industries-product-list li:hover,
    .industryActive {
        font-size: 2rem !important;
        line-height: 2rem !important;
        transform: scaleY(1);
    }
}

@media only screen and (max-width: 993px) {
    .industry-product-desc img {
        width: 100%;
    }

    .industries-categories option,
    .industries-product-list option {
        font-family: "Barlow-Medium", sans-serif;
        font-size: 1.3rem;
        line-height: 1.5rem;
        color: #000000;
        padding-top: 0.5rem;
    }

    .industries-categories option:hover,
    .industries-product-list option:hover,
    .industryActive {
        color: #cd1417 !important;
        font-family: "Barlow-Bold", sans-serif !important;
        transform: scaleY(1.4);
    }

    .products-mini-heading {
        width: 80%;
    }

    .mobile-product-view {
        display: flex;
    }

    .index-products-details {
        display: none;
    }

    .swiper-pagination-bullet {
        opacity: 2 !important;
    }

    .swiper-pagination-bullet-active {
        color: #cd1417 !important;
    }
}

.custom-dropdown {
    position: relative;
    display: inline-block;
    font-family: Arial, sans-serif;
    min-width: 187px;
}

.custom-select {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    cursor: pointer;
    border: none;
    background: transparent;
    border-bottom: 1px solid black;
    border-radius: 0;
    font-size: small;
    transition: all 0.3s;
}

.selected-option {
    flex-grow: 1;
    transition: all 0.3s;
}

.custom-options {
    position: absolute;
    top: 85%;
    left: 0;
    right: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    color: black;
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 0;
    overflow: hidden;
    min-width: 150px;
    transition: max-height 0.3s ease-in-out;
    display: none;
}

.custom-option {
    padding: 10px;
    cursor: pointer;
    font-size: small;
    transition: background-color 0.3s;
}

.custom-select:focus {
    box-shadow: none;
}

.custom-select.open .custom-options {
    max-height: 120px;
    display: block;
}

/* product End */

/* Joining */
.joining-section {
    background-image: url("../images/image/background-images/product-main-bg.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    color: var(--fc-white);
    display: flex;
}

.join-adjust-contain {
    width: 60vmax;
    padding-bottom: clamp(4rem, 8vw + 2rem, 14rem);
}

.joining-heading {
    width: 53vmax;
    font-size: clamp(0.8rem, 1.5vw + 1.5rem);
}

.joining-content {
    width: 70vmin;
}

@media screen and (max-width: 576px) {
    .joining-section {
        background-image: url("../images/image/mob-person.jpg");
    }

    .join-adjust-contain {
        padding-block-end: 65%;
    }

    .joining-heading {
        width: 52vmax;
        font-size: var(--fs-normal);
    }

    .product-list-img {
        min-height: 15vmax;
    }

    .product-listname {
        height: 3vh;
    }
}

/* joining */

/* Certificate Wrapper */

.certificate-wrapper {
    background-image: url("../images/image/Certification.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
}

.certificate-adjust-contain {
    color: var(--fc-white);
}

.cert-close-bt {
    position: absolute;
    top: 19px;
    right: 18px;
}

.cert-modal-content {
    overflow: visible !important;
    position: relative !important;
}

.modal-body {
    max-height: calc(100% - 120px);
    overflow-y: auto;
}

.certificate-modal {
    width: 100%;
    height: 100%;
}

/* .certimicate-normal-view {
    display: block;
} */

.certificaate-mobile-view {
    display: none;
    color: var(--fc-white);
    overflow-x: hidden;
}

.certificate-wrapper > div {
    flex: 1;
}

.certoficate-image .certification-mini-heading {
    font-size: 1.2rem;
    line-height: 1.3rem;
}

.certificate-image-copy {
    height: 80%;
    width: 80%;
    cursor: pointer;
}

.certificate-image-copy img {
    width: 100%;
    height: 100%;
}

.content-heading {
    font-family: "Barlow-Thin", sans-serif;
    font-size: 2rem;
    line-height: 2rem;
}

.swiper-slide.certify-image {
    padding-top: 70px;
}

.swiper-slide.certify-image img {
    height: 237px;
    width: 170px;
}

.swiper-slide-active.certify-image {
    padding-top: 0;
}

.certificate-pagination-div {
    height: 2rem;
}

.swiper-slide-active.certify-image img {
    /* transition: height 0.3s ease, width 0.3s ease; */
    height: 307px;
    width: 220px;
}

.certificate-images img {
    height: 324px;
    width: 232px;
}

/* .certificate-images .swiper-slide-active img {
    width: 90%;
    height: 80%;
} */

.certificate-space-between {
    padding-top: clamp(0.2rem, 2vw + 0.5rem, 1.5rem);
}

.big-image {
    width: 150%;
}

@media only screen and (max-width: 576px) {
    /* .certimicate-normal-view {
        display: none;
    } */

    .content-heading {
        font-size: 1.5rem;
        line-height: 1em;
    }

    .certoficate-image .certification-mini-heading {
        font-size: 1rem;
    }

    .certoficate-image img {
        width: 100%;
    }

    .certificaate-mobile-view {
        display: flex;
        /* align-content: space-between; */
    }

    .certificate-wrapper {
        background-image: url("../images/image/certifiacte_mob.png");
    }

    .certificate-slider {
        padding-top: clamp(2rem, 2vw + 3rem, 4rem);
        /* padding-bottom: clamp(1.25rem, 1vw + 2rem, 2.5rem); */
    }

    .certoficate-image {
        transform: scale(0.9);
    }

    .certificate-images img {
        /* width: clamp(150px, 25%, 400px);
        height: auto; */
        /* height: 230px; */
    }

    .certificate-pagination {
        position: relative;
        /* padding-top: 1.5rem; */
    }

    .swiper-slide-active.certify-image {
        /* transform: scale(1.2); */
    }

    /* .swiper-slide-active .certification-mini-heading {
        padding-block: 0.5rem;
    } */

    .swiper-slide-active .certify-date {
        /* padding-block: 0.5rem; */
    }
}

@media screen and (min-width: 1660px) {
    .certoficate-image {
        transform: scale(1);
    }
}

/* certificate section End */

/* Testimonial-Wrapper */

.testimonial-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow-x: clip;
}

.testimonial-wrapper .container {
    margin-inline: 0%;
}

.testimonial-pagination {
    display: none;
    position: relative;
}

.testimonial-mini-heading {
    width: 50vmax;
}

.testimonial-pagination .swiper-pagination-bullet {
    width: var(
        --swiper-pagination-bullet-width,
        var(--swiper-pagination-bullet-size, 11px)
    );
    height: var(
        --swiper-pagination-bullet-height,
        var(--swiper-pagination-bullet-size, 11px)
    );
}

.testimonial-wrapper > div:first-child {
    padding: 3% 5%;
}

.testimonial-swiper {
    padding-left: 1.5rem;
}

.testimonial-swiper .swiper-container {
    padding-top: clamp(2rem, 2vw + 3rem, 3.5rem);
    padding-bottom: 3vmax;
}

.testimonial-swiper
    .swiper-slide.swiper-slide-active
    + .swiper-slide
    + .swiper-slide {
    margin-right: 30px !important;
}

.test-review {
    transition: all 0.2s ease;
    cursor: pointer;
}

.test-review:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.06);
    transform: scale(1.1);
}

.review-company-logo {
    width: 40%;
    padding: 5% 5% 3% 5%;
}

.test-review {
    background: linear-gradient(45deg, #fff5d1, #ffffff);
    position: relative;
}

.left-diagonal-shadow {
    position: absolute;
    top: 0;
    left: -12px;
    height: calc(100% + 12px);
    width: 12px;
    background: linear-gradient(to bottom right, transparent 50%, #c8c8c8 50%);
}

.bottom-diagonal-shadow {
    position: absolute;
    bottom: -12px;
    left: -12px;
    width: calc(100% + 12px);
    height: 12px;
    background: linear-gradient(to bottom right, #c8c8c8 50%, transparent 50%);
}

.testimonial-review {
    padding-top: 7%;
    padding-left: 5%;
    padding-right: 5%;
    font-family: "Barlow-Italic", sans-serif;
    font-size: clamp(1rem, 1vw + 0.5rem, 2rem);
    line-height: 1em;
    color: #000000;
    width: 95%;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}

.testimonial-review:hover {
    -webkit-line-clamp: initial;
    overflow: visible;
}

/* @media screen and (min-width: 992px) and (max-width: 1550px) {
    .testimonial-review {
        font-size: 1.4rem;
        line-height: 1.4rem;
    }
} */

.review-owner {
    padding-left: 5%;
    padding-right: 5%;
    font-family: var(--ff-semibold);
    font-size: clamp(0.5rem, 1vw + 0.5rem, 1.2rem);
    line-height: 1em;
    color: #000000;
}

.review-owner-position {
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 5%;
    font-family: "Barlow-SemiBold", sans-serif;
    font-size: clamp(0.5rem, 1vw + 0.5rem, 1.5rem);
    line-height: 1.2em;
    color: #000000;
}

.testimonoal-arrow {
    background-color: #ffffff;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: 3rem;
    z-index: 100;
}

.testimonial-next-arrow {
    right: 40px;
    background-image: url("../images/style-icons/next-arrow-black.png");
    transform: scale(0.8);
    height: 49px;
    width: 58px;
    background-repeat: no-repeat;
}

.testimonial-next-arrow:hover {
    background-image: url("../images/style-icons/next-arrow-red.png");
}

.testimonial-previous-arrow {
    transform: scale(0.8);
    left: calc(35% + 40px);
    background-image: url("../images/style-icons/previous-arrow-black.png");
    height: 49px;
    width: 58px;
    background-repeat: no-repeat;
}

.testimonial-previous-arrow:hover {
    background-image: url("../images/style-icons/previous-arrow-red.png");
}

@media only screen and (max-width: 576px) {
    .testimonial-wrapper .container {
        margin-inline: auto !important;
    }

    .testimonial-previous-arrow,
    .testimonial-next-arrow {
        display: none;
    }

    .testimonial-pagination {
        display: block !important;
    }

    .testimonial-pagination .swiper-pagination-bullet-active {
        background-color: #cd1417 !important;
    }

    .testimonial-wrapper > div:first-child {
        padding: 5% 1% 0% 1% !important;
    }

    .testimonial-mini-heading {
        padding-top: 5% !important;
    }
}

/* Testimonial END */

/* Counter */

.counter-wrapper {
    background-image: url("../images/image/Enopeck_houses_Bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #ffffff;
    display: flex;
    flex-direction: column;
}

.counter-wrapper .row {
    flex-grow: 1;
}

.counter-mob-view {
    display: none;
}

.counter-normal-view {
    display: flex;
}

.counter-heading {
    font-size: clamp(0.8rem, 2vw + 1.1rem, 4rem);
    font-family: var(--ff-thin);
    line-height: 1.1em;
    padding-left: 5%;
    padding-top: clamp(0.5rem, 2vw + 1.3rem, 1.5rem);
    width: 50%;
}

.count-tittle {
    width: 35vmax;
}

.counter-content {
    padding: 2%;
    border-inline: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

.counter-content-heading {
    font-family: var(--ff-semibold);
    font-size: clamp(0.3rem, 2vw + 0.4rem, 1.5rem);
    line-height: 1.2em;
    color: #ffffff;
    height: 30%;
}

.counter-content-count {
    /* height: 80%; */
    font-family: var(--ff-thin);
    font-size: clamp(2rem, 3vw + 2rem, 4rem);
    font-weight: 300;
    line-height: 5.5rem;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.counter-content-logo {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    /* padding-bottom: 2%; */
    padding-bottom: clamp(1rem, 1vw + 1rem, 1.5rem);
}

@media only screen and (max-width: 576px) {
    .counter-heading {
        padding-left: 6% !important;
    }

    .counter-normal-view {
        display: none;
    }

    .counter-mob-view {
        display: flex;
    }

    .counter-wrapper {
        background-image: url("../images/image/Enopeck_houses_mob.png");
    }

    .counter-contain-adjust {
        flex-direction: column;
        align-items: center;
    }

    .counter-four,
    .counter-third {
        border-bottom: none;
    }

    .counter-content-count {
        height: 75%;
        font-size: 2.5rem;
    }

    .counter-heading {
        width: 100%;
    }

    .counter-content-heading {
        padding-inline: 1.2rem;
    }

    .counter-content {
        border: none;
        border-inline-end: 1px solid #fff;
        border-block-end: 1px solid #fff;
    }

    .counter-third {
        border-bottom: none;
    }

    .counter-four {
        border: none;
    }

    .counter-secound {
        border-inline-end: none;
    }
}

@media screen and (min-width: 1600px) {
    .counter-content-logo img {
        transform: scale(1.2);
        margin-bottom: 0.8rem;
        margin-right: 0.8rem;
    }
}

/* counter section End */

/* our-clients-wrapper */

.our-clients-wrapper {
    overflow-x: clip;
}

.grayscale {
    filter: grayscale(100%);
    transition: filter 0.5s ease, transform 0.5s ease;
}

.grayscale:hover {
    filter: none;
    transform: scale(1.3);
}

.mob-client-logoslide {
    display: none;
}

.normal-client-slider {
    display: block;
}

.client-logo-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.client-logo-subtitle {
    width: 33vmax;
}

/* .logo-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 300px;
}

.logo-image {
    max-width: 100%;
    max-height: 100%;
} */

@media only screen and (max-width: 576px) {
    .mob-client-logoslide {
        display: block;
    }

    .ourclient-pagenation {
        position: relative;
        padding-top: 3rem;
    }

    .client-logo-center {
        padding-block: 3%;
    }

    .client-logo-slide {
        padding-block: 5%;
    }

    .normal-client-slider {
        padding-block: 4%;
    }

    /* .normal-client-slider {
        display: none;
    } */

    .our-client-slider {
        padding-block: clamp(0.5rem, 1vw + 1rem, 1.5rem);
    }
}

/* our client END */

/* Our-Security-Wrapper */
.our-security-wrapper {
    background-image: url("../images/image/Our_Security.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: var(--fc-white);
}

.security-arrows .security-next-arrow {
    right: 40px;
    background-image: url("../images/style-icons/next-arrow-white.png");
    height: 50px;
    width: 59px;
    background-repeat: no-repeat;
}

.security-next-arrow:hover {
    background-image: url("../images/style-icons/next-arrow-red.png");
}

.security-previous-arrow {
    left: calc(35% + 30px);
    background-image: url("../images/style-icons/previous-arrow-white.png");
    height: 50px;
    width: 59px;
    background-repeat: no-repeat;
}

.security-previous-arrow:hover {
    background-image: url("../images/style-icons/previous-arrow-red.png");
}

.security-arrows {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.security-swiper {
    padding-bottom: 3rem;
    overflow: hidden;
}

.security-product-name {
    font-size: var(--fs-extrasmall);
    color: #ffffff;
}

.security-pagination {
    display: none;
}

.security-swiper .card-body {
    padding-left: 0;
    padding-right: 0;
}

.security-swiper .card-body img {
    background-color: #000000;
    padding-right: 0.3rem;
    border-radius: 0 !important;
}

@media only screen and (max-width: 576px) {
    .our-security-wrapper {
        background-image: url("../images/image/Our_Security_mob.png");
    }

    .security-swiper .card-body img {
        width: 100%;
        height: 20vh;
    }

    .security-pagination {
        position: relative;
        padding-top: 2rem;
        display: block;
    }

    .security-arrows {
        display: none;
    }
}

/* About-Us-CSS-Start */

/* About-Us-Main-CSS-Start */
.about-main-background {
    /* background-image: url("../images/image/About_US.png"); */
    background: url("../images/image/background-images/AboutUs_PageVideo.mp4");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: auto;
    margin-top: var(--navbar-height, 50px);
    display: flex;
    align-items: center;
    color: #000000;
}

.abouts-mobile-view {
    display: none;
}

#more_btn {
    display: none;
}

.about-description {
    background-color: #efefef;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 576px) {
    .about-heading-text .about-main-tittle {
        font-size: 1.5rem;
        margin-bottom: 0;
    }

    .about-main-background {
        background-image: none;
    }

    .abouts-mobile-view {
        display: block;
    }

    .about-mob-img {
        display: flex;
        background-image: url("../images/image/About_us_m.png");
        height: 25vh;
        max-width: 100%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    /* 
    .abouts-wrapper .container {
        margin-top: 0.2rem;
        max-width: 100vw;
        padding-block: 0%;
    } */

    #more_btn {
        display: block;
    }

    .about-heading-text {
        --padding: 2rem;
        max-width: min(var(--max-width), 100% - (var(--padding) * 2));
        /* padding-inline: clamp(1rem, 1vw + 2rem, 4rem); */
        /* padding-block: var(--padding-block); */
    }

    .founder-heading-text {
        padding-inline: clamp(0.5rem, 1vw + 1rem, 1.2rem);
        margin-inline: auto;
    }

    /* .abouts-wrapper {
        overflow-x: clip;
    } */

    .desk-about-video {
        display: none;
    }

    .desk-about-video {
        width: 50%;
        margin-right: 50%;
    }

    /* .production-video {
        height: 400px;
        width: 100%;
        overflow: hidden;
    }
*/

    /* .production-video>video {
        object-fit: cover;
    } */
}

/* .abouts-wrapper {
    margin-top: var(--navbar-height, 50px);
    position: relative;
} */

.desk-about-video {
    display: block;
}

/* About-Us-Main-CSS-End */

/* About-Us-Description-CSS-Start */

.about-subheading {
    width: 17vmax;
}

.para-scroll {
    display: none;
}

.para-arrow:hover .para-scroll {
    display: block;
}

.description-down-arrow {
    background-image: url("../images/style-icons/down-arrow-red.png");
    height: 48px;
    width: 38px;
    background-repeat: no-repeat;
}

.description-up-arrow {
    background-image: url("../images/style-icons/up-arrow-red.png");
    height: 85px;
    width: 38px;
    background-repeat: no-repeat;
}

.about-us-content {
    margin-bottom: 3%;
}

.about-us-content .content-description {
    font-family: var(--ff-regular);
    font-size: var(--fs-extrasmall);
    text-align: justify;
}

.about-description-left {
    display: flex;
    flex-direction: column;
}

.about-description-left .heading-content {
    width: 80%;
}

.paragraph-toggle-button {
    flex-grow: 1;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.para-arrow {
    padding-right: 5rem;
}

.paragraph-toggle-button .para-arrow {
    float: left;
    padding-bottom: 2rem;
}

@media only screen and (max-width: 576px) {
    .paragraph-toggle-button {
        display: none;
    }

    .about-scroll-contain {
        padding-block: 1rem;
    }

    .about-subheading {
        width: auto;
    }
}

/* About-Us-Description-CSS-End */

/* About-Us-Founder-Swiper-CSS-Start */

.founder-mobile-swiper {
    display: none;
}

.founder-swiper-wrapper {
    /* height: calc(100vh - var(--navbar-height)); */
    /* height: clamp(42rem, 30vw + 20rem, 50rem); */
    background-color: #000000;
    padding-bottom: 2.5rem;
    padding-top: 1rem;
}

.founder-swiper-wrapper .container {
    padding-block: 1%;
}

.founder-slider-about {
    height: 40vmax;
}

.founder-heading-text {
    color: var(--fc-light);
    padding-block: 1.5rem;
}

.founder-tittle {
    color: var(--fc-white);
    width: 60vmax;
    padding-bottom: 1rem;
}

.founder-subtittle {
    font-family: var(--ff-regular);
    width: 35vmax;
}

/* .founder-heading-text {
    padding-left: 5%;
    height: 30%;
    display: flex;
    flex-direction: column;
    justify-content: center;
} */

.founder-heading-text .heading-text {
    font-family: "Barlow-Thin", sans-serif;
    font-size: 3rem;
    font-weight: 550;
    line-height: normal;
    color: #e40424;
    width: 45rem;
}

.founder-heading-text .heading-content {
    font-family: "Barlow-Regular", sans-serif;
    font-size: 1.4rem;
    line-height: normal;
    color: #ffffff;
    width: 34rem;
    /* 34rem */
}

.founder-swiper-wrapper .swiper-container {
    position: relative;
    width: 100%;
    height: 70%;
    overflow: hidden;
    /* display: none; */
}

.founder-swiper-wrapper .swiper-wrapper {
    width: 100%;
    display: flex;
    transition: transform 0.3s ease;
}

.founder-swiper-wrapper .swiper-slide {
    flex-shrink: 0;
    /* transform: scale(1) !important; */
    height: 70% !important;
    transition: all 200ms linear !important;
    color: #ffffff;
    position: relative;
}

.founder-swiper-wrapper .swiper-slide::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 1) 100%
    );
    height: 50%;
}

.founder-swiper-wrapper .swiper-slide-active {
    height: 100% !important;
    width: 30%;
}

.founder-swiper-wrapper .swiper-slide .founder-description {
    display: none;
}

.founder-swiper-wrapper .swiper-slide-active .founder-description {
    font-size: 1.2rem !important;
    display: block;
    text-align: justify;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}

/* .founder-swiper-wrapper .swiper-slide .founder-name {
    position: absolute;
    bottom: 21%;
    left: 10%;
    font-family: "Barlow-Thin", sans-serif;
    font-size: 1.5rem;
    z-index: 200;
    font-weight: 600;
    padding-right: 10%;
    padding-bottom: min(2%, 6px);}
*/

/* .founder-swiper-wrapper .swiper-slide-active .founder-name {
    bottom: 31% !important;

} */

.founder-swiper-wrapper .swiper-slide-active .founder-post {
    position: absolute;
    bottom: 26% !important;
    left: 10%;
    font-family: "Barlow-Thin", sans-serif;
    font-size: 1.5rem;
    z-index: 200;
    /* font-weight: 600; */
    padding-right: 10%;
    padding-bottom: 1%;
}

.founder-swiper-wrapper .swiper-slide .founder-post {
    position: absolute;
    bottom: 14%;
    left: 10%;
    font-family: "Barlow-Thin", sans-serif;
    font-size: 1.5rem;
    z-index: 200;
    /* font-weight: 600; */
    padding-right: 10%;
    padding-bottom: 1%;
}

.founder-swiper-wrapper .swiper-slide .founder-description {
    position: absolute;
    top: 74%;
    left: 10%;
    font-family: "Barlow-Thin", sans-serif;
    font-size: 0.9rem;
    z-index: 200;
    padding-right: 10%;
    max-height: calc(1.2em * 5);
    overflow: hidden;
    line-height: 1.2em;
}

.founder-swiper-wrapper .swiper-slide .founder-description:hover {
    overflow: hidden;
}

.founder-details-1 {
    background-image: url("../images/image/founders-profile/founder-1.jpg");
    mask-image: linear-gradient(to bottom, transparent, black);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100%;
    width: 100%;
}

.founder-details-2 {
    background-image: url("../images/image/founders-profile/founder-2.jpg");
    mask-image: linear-gradient(to bottom, transparent, black);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100%;
    width: 100%;
}

.founder-details-3 {
    background-image: url("../images/image/founders-profile/founder-3.jpg");
    mask-image: linear-gradient(to bottom, transparent, black);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100%;
    width: 100%;
}

.founder-details-3:hover {
    transform: scale(1.1);
}

.founder-details-1:hover {
    transform: scale(1.1);
}

.founder-details-2:hover {
    transform: scale(1.1);
}

.founder-details-4:hover {
    transform: scale(1.1);
}

.founder-details-4 {
    background-image: url("../images/image/founders-profile/founder-4.jpg");
    mask-image: linear-gradient(to bottom, transparent, black);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100%;
    width: 100%;
}

.founder-next-arrow,
.founder-previous-arrow {
    position: absolute;
    top: 84.5%;
}

.founder-next-arrow {
    right: clamp(7rem, 7vw + 3rem, 12rem);
    background-image: url("../images/style-icons/next-arrow-white.png");
    height: 49px;
    width: 58px;
    background-repeat: no-repeat;
}

.founder-next-arrow:hover {
    background-image: url("../images/style-icons/next-arrow-red.png");
}

.founder-previous-arrow {
    left: calc(30% + 40px);
    background-image: url("../images/style-icons/previous-arrow-white.png");
    height: 49px;
    width: 58px;
    background-repeat: no-repeat;
}

.founder-previous-arrow:hover {
    background-image: url("../images/style-icons/previous-arrow-red.png");
}

/* .red_line {
    background: #e40424;
    width: 82%;
    height: 0.1vh;
    margin: auto;
} */

/* .expertise-description {
    display: none;
}

.expertise-details:hover .expertise-description {
    display: block;
} */

.founder-card {
    height: 50vh;
    width: 100%;
}

.founder-card img {
    width: 100%;
    height: 100%;
}

.founder-grid {
    padding-bottom: 3%;
    padding-inline: 1.5%;
}

/* .fonder-text-contain {
    display: flex;
    justify-content: center;
    flex-direction: column;
} */

/* .founder-name {
    font-family: var(--ff-medium);
    align-self: center;
}

.founder-post {
    font-family: var(--ff-light);
    align-self: center;
} */

/* About-Us-Founder-Swiper-CSS-End */
/* About mobile wrapper */
@media screen and (max-width: 576px) {
    .founder-tittle {
        width: auto;
    }

    .founder-mobile-swiper {
        display: block !important;
    }

    .founder-heading-text .heading-text {
        font-size: 3.3rem;
        color: #ffffff;
        width: auto;
    }

    .founder-name h5 {
        font-size: 0.9rem;
    }

    .founder-post {
        font-size: 1rem;
    }

    /* .founder-heading-text .heading-content {
        width: 70%;
        font-size: 1.9rem;

    } */
    /* 
    .founder-heading-text {
        padding-left: 5%;
        padding-right: 5%;
        margin-bottom: 3%;
        margin-top: 3%;
    } */

    .founder-swiper-wrapper {
        /* height: 60vh; */
        background-color: #000000;
        overflow-x: clip;
    }

    .founder-swiper-wrapper .swiper-container {
        display: none;
    }

    .founder-mobile-swiper .swiper-slide {
        text-align: center;
        font-size: 18px;
        /* background: #fff; */
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .founder-mobile-swiper .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .founder-mobile-swiper {
        width: auto;
        height: 64%;
        /* margin: 5% auto; */
        position: relative;
    }

    .founder-mobile-swiper .swiper-slide {
        height: 99% !important;
    }

    .founder-mobile-swiper .swiper-slide-active {
        height: 99% !important;
    }

    .founder-details-1 {
        background-image: url("../images/image/founders-profile/Rectanglecopy.png");
    }

    .founder-mobile-swiper .swiper-slide::after {
        background: 0;
    }

    .founder-mobile-swiper .swiper-pagination-bullet {
        background-color: #ffffff;
        opacity: 1;
    }

    .founder-mobile-swiper .swiper-pagination-bullet-active {
        background-color: #e81212;
        transform: scale(1.3);
    }

    .founder-mobile-swiper .swiper-slide .founder-post {
        position: relative;
        bottom: 0% !important;
        left: 0%;
        padding-bottom: min(0%, 4px);
        padding-right: 0%;

        font-family: "Barlow-Light";
    }

    .founder-mobile-swiper .swiper-slide .founder-description {
        display: none;
    }

    /* .founder-mobile-swiper .swiper-slide .founder-name {
        padding-bottom: min(0%, 4px);
        padding-right: 0%;
    }

    .founder-mobile-swiper .swiper-slide .founder-description,
    .founder-mobile-swiper .swiper-slide .founder-name {
        position: initial;

    } */

    .founder-mobile-swiper .swiper-wrapper {
        height: 90%;
    }

    .founder-mobile-swiper .swiper-pagination {
        height: 6%;
    }

    .founder-mobile-swiper .swiper-horizontal > .swiper-pagination-bullets,
    .founder-mobile-swiper
        .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 0;
    }
}

@media screen and (min-width: 1900px) {
    /* .fouder-image .founders-img { */
    /* height: 70vh; */
    /* } */

    .founder-swiper-wrapper {
        height: auto;
    }
}

@media only screen and (min-width: 600px) and (max-width: 990px) {
    .founder-previous-arrow {
        left: calc(50% + 40px);
    }
}

/* Footer css */

.footer-logo img {
    padding-bottom: 0.5rem;
}

.footer-info-content > div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.footer-info-content a {
    position: relative;
    text-decoration: none;
    color: #c0bbbb;
    width: 100%;
}

.footer-info-content a::before {
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    background-color: #c0bbbb;
    left: 0;
    bottom: -3px;
    transition: width 0.4s ease;
}

.footer-info-content a:hover::before {
    width: 100%;
}

.footer-wrapper .row {
    background: #000000;
    color: #c0bbbb;
}

.footer-company-info a:hover {
    color: #fff;
}

.footer-background-image {
    background-image: url("../images/image/fotterimg.png");
    height: 30px;
}

.footer-wrapper a {
    color: #c0bbbb;
    text-decoration: none;
    display: inline;
}

.footer-social-icons {
    min-height: 300px;
    padding-top: 2rem;
    padding-right: 2rem;
}

.footer-links-section {
    padding-bottom: 2rem;
}

.footer-links-section > div {
    min-height: 300px;
    border-right: 1px solid #c0bbbb;
    padding: 1.8rem;
}

.footer-links-section > div:last-child {
    border-right: none;
}

.footer-haeding-section {
    min-height: 300px;
    padding-top: 2rem;
    padding-left: 2rem;
}

.footer-social-icons .social-logos a {
    display: inline;
}

.footer-info-heading {
    font-family: var(--ff-semibold);
    color: #ffffff;
    font-size: clamp(0.5rem, 1vw + 0.7rem, 1.4rem);
    padding-bottom: 1rem;
}

.social-logos {
    padding-bottom: 1rem;
}

.footer-info-logo {
    padding-bottom: 25%;
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .footer-haeding-section {
        min-height: auto;
    }

    .footer-social-icons {
        padding-left: 2rem;
    }

    .footer-links-section {
        padding-bottom: 1rem;
    }

    .footer-g-map {
        padding-left: 0;
    }
}

@media only screen and (min-width: 576px) and (max-width: 768px) {
    .footer-haeding-section {
        min-height: auto;
    }

    .footer-links-section > div:nth-child(2) {
        border-right: none;
    }

    .footer-social-icons {
        padding-left: 2rem;
    }

    .footer-links-section {
        padding-bottom: 1rem;
    }

    .footer-info-logo {
        padding-bottom: 20%;
    }
}

@media only screen and (max-width: 576px) {
    .footer-company-info {
        padding-block-end: 8%;
    }

    .footer-haeding-section {
        min-height: auto;
    }

    .footer-info-logo {
        padding-bottom: 10%;
    }

    .footer-logo img {
        padding-bottom: 1rem;
    }

    .footer-links-section {
        padding-bottom: 0;
        flex-direction: row;
    }

    .footer-social-icons {
        padding-left: 2rem;
    }

    .con-details {
        padding-bottom: 10%;
    }

    .footer-info-heading {
        font-size: 1.3rem;
    }

    .footer-links-section > div {
        width: 50%;
        min-height: auto;
        border-right: none;
    }

    .footer-links-section > div::after {
        position: relative;
        bottom: -2rem;
        content: "";
        display: block;
        height: 1px;
        background: #ffffff;
    }
}

.footer-logo img {
    width: 19vmax;
}

.social-logos a {
    padding: 0% 0.5%;
}

.social-logos img {
    background: #fff;
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 50%;
    padding: 3px;
}

.footer-bottom-image {
    background-image: url("../images/image/fotterimg.png");
    height: 50px;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .navbar-brand {
        width: 50%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .navbar-brand {
        width: 50%;
    }

    .testimonoal-arrow {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
    }

    .counter-content-heading {
        padding-top: 4%;
    }
}

@media screen and (min-width: 1537px) {
    .footer-logo img {
        width: 20rem;
    }
}

.contain-adjust {
    max-width: 90% !important;
}

/* NavBar Styles */
.main-navbar {
    background-color: #000000;
    min-height: 75px;
}

.nav-link {
    font-family: "Barlow-Medium", sans-serif;
    color: #ffffff !important;
    font-size: clamp(1.1rem, 1vw + 0.2rem, 2.3rem);
}

.nav-link:hover {
    color: #e40424 !important;
}

.nav-link.active {
    color: #e40424 !important;
}

.e-seal-padding {
    margin-left: 6rem !important;
}

.navbar-toggler-icon {
    color: #c0c0c0;
    height: auto;
    width: auto;
}

.navbar-brand {
    width: 25%;
}

.enopeck-logo {
    width: 60%;
}

.aboutus-more-button {
    width: clamp(9rem, 5vw + 2rem, 4rem);
}

@media screen and (max-width: 480px) {
    .enopeck-logo {
        width: 100%;
    }

    .navbar-brand {
        width: 60%;
    }

    .fa-bars.fa-2x {
        font-size: 2em !important;
    }
}

@media screen and (min-width: 480px) and (max-width: 576px) {
    .navbar-brand {
        width: 55%;
    }

    .enopeck-logo {
        width: 80%;
    }
}

@media screen and (max-width: 768px) {
    .nav-link {
        font-size: 1rem;
    }

    .footer-logo img {
        width: 30vmax;
    }
}

@media screen and (min-width: 576px) and (max-width: 768px) {
    .navbar-brand {
        width: 50%;
    }
}

@media screen and (max-width: 992px) {
    .e-seal-padding {
        margin-left: 0 !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .navbar-brand {
        width: 40%;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1080px) {
    .e-seal-padding {
        margin-left: 1rem !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .navbar-brand {
        width: 30%;
    }
}

/* pagination style */

.certificate-pagination .swiper-pagination-bullet {
    width: var(
        --swiper-pagination-bullet-width,
        var(--swiper-pagination-bullet-size, 7px)
    );
    height: var(
        --swiper-pagination-bullet-height,
        var(--swiper-pagination-bullet-size, 7px)
    );
}

.certificate-pagination .swiper-pagination-bullet-active {
    background: var(--swiper-pagination-bullet-inactive-color, #fff);
    transform: scale(1);
}

.security-pagination .swiper-pagination-bullet {
    width: var(
        --swiper-pagination-bullet-width,
        var(--swiper-pagination-bullet-size, 9px)
    );
    height: var(
        --swiper-pagination-bullet-height,
        var(--swiper-pagination-bullet-size, 9px)
    );
    background: var(--swiper-pagination-bullet-inactive-color, #fff);
}

.security-pagination .swiper-pagination-bullet-active {
    background: var(--swiper-pagination-bullet-inactive-color, #cd1417);
    transform: scale(1);
}

.ourclient-pagenation .swiper-pagination-bullet-active {
    background: var(--swiper-pagination-bullet-inactive-color, #cd1417);
}

.product-swiper-pagination .swiper-pagination-bullet-active {
    background: var(--swiper-pagination-bullet-inactive-color, #cd1417);
}

/* pagination style */

/* Product Image Preview Model */
.product-image-preview-model {
    justify-content: center;
    align-items: center;
    background: rgb(0, 0, 0, 0.5);
}

.product-image-preview-div {
    position: relative;
    width: 70%;
}

.product-image-preview-div span {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    font-size: 40px;
    line-height: 24px;
    color: #cd1417;
}

.product-image-preview-div img {
    display: block;
    width: 100%;
    object-fit: contain;
}