/* Hero Section Start */
.hero-section {
    background-image: url('../../Album/Index/HerosectionBanner.png'); /* Update the path as needed */
    background-repeat: no-repeat;
    background-size: cover;
    height: 700px; /* 100% of the viewport height */
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #FFFFFF;
}

.hero-content1 {
    padding-left: 170px;
}

.hero-section1 {
    background-image: url('../../Album/Index/HerosectionBanner.png'); /* Update the path as needed */
    background-repeat: no-repeat;
    background-size: cover;
    height: 800px; /* 100% of the viewport height */
    /*width: 100%;*/
    flex-direction: column;
    display: flex;
    text-align: match-parent;
    color: #FFFFFF;
}

.hero-content1 {
    /*width: 1560px;*/ /* Limit the width of the content */
    /*margin-left: 165px;*/
    padding-top: 53px;
}


.index-main-banner {
    width: 1560px !important;
}

.text-Shadow {
    margin-bottom: 15px;
    text-transform: uppercase !important;
    text-shadow: 1px 1px 0px black, /* Bottom-right shadow */
    -1px 1px 0px black, /* Bottom-left shadow */
    1px -1px 0px black, /* Top-right shadow */
    -1px -1px 0px black, /* Top-left shadow */
    0px 1px 0px black, /* Bottom shadow */
    0px -1px 0px black, /* Top shadow */
    1px 0px 0px black, /* Right shadow */
    -1px 0px 0px black;
}

.comrestion {
    margin-top: 48px;
}

.verticle-line {
    height: 10%;
}

.hero-heading1 {
    font-size: 40px;
}

.hero-heading2 {
    font-size: 66px;
}

.hero-subheading1 {
    margin-bottom: 48px;
    margin-top: 30px;
}

.hero-subheading1-font {
    font-size: 25px !important; /* Adjust font size for smaller screens */
}

.lato-semibold {
    font-size: 20px !important;
    font-weight: 600 !important;
}

.lato-regular {
    font-size: 18px !important;
}

.hero-content {
    max-width: 600px; /* Adjust max-width to control text area size */
    margin: auto;
}

.hero-box {
    margin-top: 50px; /* Adjust to move content down */
}

.hero-heading {
    font-size: 3rem;
    margin-bottom: 20px;
}
/* Media Query for smaller screens */

.hero-subheading {
    font-size: 1.25rem;
    margin-bottom: 30px;
}


.achievement-cards {
    margin-top: 50px; /* Adjust to add space between hero section and cards */
}

.achievement-card {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: flex;
    justify-content: start !important; /* Horizontal alignment */
    align-items: center; /* Vertical centering */
    text-align: center; /* Align text inside the card */
    border: 1px solid var(--grey-color) !important; /* Example border for visualization */
    border-radius: 20px !important;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}


    .achievement-card .card-body .card-title {
        color: var(--red-color) !important; /* Example color */
        font-size: 40px;
    }

    .achievement-card .card-body {
        flex: none !important;
    }

.achievement-text {
    font-size: 16px !important;
}

.achivement-block {
    position: static !important;
    bottom: auto !important;
    padding-top: 0 !important;
}

.achivement-block1 {
    position: static !important;
    bottom: auto !important;
    padding-top: 0 !important;
    max-width: 1000px;
    margin: auto;
}
/* Styles for smaller screens */

/* Base styles for the white button */
.hero-section-white-custombutton {
    background: #E13335 !important;
    border-radius: 10px !important;
    width: 222px !important;
    height: 48.62px !important;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) !important;
    color: #ffffff !important;
    font-family: "Roboto-SemiBold", sans-serif !important;
    font-size: 23px !important;
    text-align: center !important;
    line-height: 48.62px !important; /* Vertically centers the text */
    border: none !important;
    display: inline-flex !important;
    align-items: center !important; /* Centers text vertically within the button */
    justify-content: center !important; /* Centers text horizontally within the button */
    position: relative; /* Allows for positioning of the pseudo-element */
}

/* White button icon */
/*.hero-section-white-custombutton:after {
        content: url('../icons/Home/rightarrowred.svg');
        position: absolute;
        right: 10px;*/ /* Adjust position as needed */
/*top: 50%;
        transform: translateY(-50%);*/ /* Vertically centers the icon */
/*}*/

/* Hover effect: changes to red button styles */
/*.hero-section-white-custombutton:hover {
        background: var(--red-color) !important;
        color: #ffffff !important;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) !important;
        border: none !important;
    }*/

/* Hover effect icon for red button */
/*.hero-section-white-custombutton:hover:after {
            content: url('../icons/Home/rightarrowwhite.svg');
        }

    .hero-section-white-custombutton.hover {
        background: var(--red-color) !important;
        color: #ffffff !important;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) !important;
        border: none !important;
    }

        .hero-section-white-custombutton.hover:after {
            content: url('../icons/Home/rightarrowwhite.svg');
        }*/


/* Hide all elements initially */
.hero-heading, .hero-subheading, .button-group {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

/* Animation for showing elements */
.animate-in {
    opacity: 1;
    transform: translateY(0);
}

/* Delay for each element */
.hero-heading.animate-in {
    animation-delay: 0.5s;
}
.small-image {
    width: 90%;
}
.hero-subheading.animate-in {
    animation-delay: 1s;
}

.button-group.animate-in {
    animation-delay: 1.5s;
}

.btn-hover {
    background-color: #ffffff;
    color: #2c5aa0;
    border: 2px solid #2c5aa0;
    border-radius: 30px;
    padding: 10px 25px;
    font-weight: 600;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.4s ease;
}

    .btn-hover:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 0%;
        height: 100%;
        background-color: #2c5aa0;
        transition: all 0.4s ease;
        z-index: -1;
    }

    .btn-hover:hover {
        color: #ffffff;
        box-shadow: 0 5px 15px rgba(44, 90, 160, 0.4);
        transform: translateY(-3px);
    }

        .btn-hover:hover:before {
            width: 100%;
        }

.pfontSize {
    font-size: 21px !important;
}
/* Company Information */
.company-information-body {
    background-color: #FFFFFF !important;
}

.card {
    flex-direction: row !important;
}

.company-information-right-icons {
    background: var(--black-color) !important;
    width: 65px !important;
    height: 65px !important;
    position: relative !important;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .company-information-right-icons img {
        max-width: 100%;
        max-height: 100%;
    }

.main-advantages ul li {
    list-style: none !important;
}

.main-advantages .card {
    border: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.main-advantage-list-icon {
    width: 67px !important;
}

.main-advantages .card-title {
    font-size: 20px !important;
    line-height: 20px !important;
}

.main-advantages .card-text {
    font-size: 14px !important;
    line-height: 20px !important;
}


/* Short Testimonial */
.mainshorttestimonial {
    background-image: url('../images/Home/edit/Testimonialshort-BG.jpg?v=1'); /* Update the path as needed */
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #FFFFFF;
    padding: 0 15px; /* Added padding for better spacing */
}

/* Text Styling */
.shorttestimonialheader {
    color: var(--red-color) !important;
    font-size: 24px !important;
    text-align: left; /* Centered for smaller screens */
}
.padding-left-right {
    padding-left: 40px !important;
    padding-right: 64px !important;
}
.shorttestimonialparagraph1 {
    color: #FFFFFF !important;
    font-size: 24px !important;
    text-align: left; /* Centered for smaller screens */
}

.shorttestimonialparagraph2 {
    color: #FFFFFF !important;
    font-size: 16px !important;
    text-align: left; /* Centered for smaller screens */
}

/* User Details */
.shorttestimonialusername {
    color: var(--black-color) !important;
    font-size: 15px !important;
    line-height: 20px !important;
    font-weight: bold !important;
}

.shorttestimonialdesignation {
    color: var(--red-color) !important;
    font-size: 12px !important;
    line-height: 20px !important;
    font-weight: bold !important;
}

/* Card Styling */
.mainshorttestimonial .card,
.mainshorttestimonial .card-header,
.mainshorttestimonial .card-footer {
    border: none !important;
    background-color: #FFFFFF !important;
}

/* User List */
/* Ensure the user-list is vertical by default */
.user-list {
    position: relative;
    display: flex;
    flex-direction: column; /* Vertical layout by default */
    align-items: center; /* Center items horizontally */
}

    /* Maintain the vertical line for vertical layout */
    .user-list li {
        position: relative;
        margin-bottom: 20px;
    }

        /* Vertical line for vertical layout */
        .user-list li::after {
            content: '';
            position: absolute;
            top: 100%;
            left: 50%;
            transform: translateX(-50%);
            width: 2px;
            height: 20px; /* Adjust this to set the gap between images */
            background-color: var(--red-color);
        }

        /* Remove the vertical line for the last item in vertical layout */
        .user-list li:last-child::after {
            display: none;
        }

/* Horizontal layout on smaller screens */

/* Default layout: .user-content (card) comes before .user-content-list */
.user-content {
    order: 1;
}

.user-content-list {
    order: 2;
}

/* Responsive layout: .user-content-list comes before .user-content on screens smaller than 767px */

/* User Image */
.user-image {
    border-radius: 50%;
    border: 3px solid white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: block;
    max-width: 60px; /* Ensure responsiveness */
    height: auto;
}

    .user-image.selected {
        border-color: var(--red-color);
    }

/* Responsive Adjustments */


.short-testimonial-custom-gap {
    margin-right: 10rem !important;
    margin-left: 6rem !important;
}


/* Partners */

.partner-logos {
    width: 100% !important;
}

/* Styling for the carousel container */
.custom-carousel {
    overflow: hidden;
}

.custom-carousel-track {
    display: flex;
    width: max-content;
}

.custom-carousel-item {
    flex: 0 0 auto;
    padding: 0 10px;
}

.partner-logos {
    max-width: 100%;
    height: auto;
}

.custom-carousel {
    width: 100%;
}

/* Portfolio */
.portfolio-custom-image-border {
    box-shadow: 16px 16px 0px 2px var(--black-color) !important;
    border-radius: 10px !important;
}


/* Vacancies */
.mainvacancies {
    background-repeat: no-repeat;
    background-size: cover;
    height: 281px !important;
    color: #FFFFFF;
}

/*
.vacanciesparagraph1 {
    font-size: 48px !important;
}*/

.vacanciesparagraph1 {
    font-weight: 700 !important;
    font-size: 2rem !important;
    line-height: 45px !important;
}



.hire-us-white-custombutton {
    background: var(--red-color) !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    width: 218px !important;
    height: 45px !important;
    box-shadow: inset 0 0 0 0 #ffffff !important;
    font-family: "Lato-SemiBold", sans-serif !important;
    font-size: 22px !important;
    text-align: center !important;
    border: none !important;
    transition: ease-out 0.7s !important;
    outline: none !important;
}

    /* Hover effect: changes to red button styles */
    .hire-us-white-custombutton:hover {
        background: #F2F2F2 !important;
        color: var(--black-color) !important;
        box-shadow: inset 300px 0 0 0 #F2F2F2 !important;
        border: none !important;
    }


.hire-us-white-custombutton-geintouch {
    background: var(--red-color) !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    width: 218px !important;
    height: 60px !important;
    box-shadow: inset 0 0 0 0 #ffffff !important;
    font-family: "Lato-SemiBold", sans-serif !important;
    font-size: 25px !important;
    text-align: center !important;
    border: none !important;
    transition: ease-out 0.7s !important;
    outline: none !important;
}

    /* Hover effect: changes to red button styles */
    .hire-us-white-custombutton-geintouch:hover {
        background: #ffffff !important;
        color: var(--black-color) !important;
        box-shadow: inset 300px 0 0 0 #ffffff !important;
        border: none !important;
    }

/* Blog */

.view-more-white-custombutton {
    background: var(--red-color) !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    width: 131px !important;
    height: 38px !important;
    box-shadow: inset 0 0 0 0 #ffffff, 0px 4px 4px 0px rgba(0, 0, 0, 0.25) !important; /* Adds bottom outline */
    font-size: 20px !important;
    border: none !important;
    display: flex; /* Enables flexbox layout */
    justify-content: center; /* Centers content horizontally */
    align-items: center; /* Centers content vertically */
    text-align: center; /* Centers text horizontally within the button */
    line-height: 1.2; /* Adjust line height for vertical centering if needed */
    transition: ease-out 0.7s !important;
}

    .view-more-white-custombutton:hover {
        background: #ffffff !important;
        color: var(--black-color) !important;
        box-shadow: inset 300px 0 0 0 #ffffff, 0 2px 0 0 rgba(0, 0, 0, 0.25) !important; /* Keeps bottom outline on hover */
    }

/*-----------------------------------------*/

/*Policy section*/
.policyBg {
    background-image: url('../images/CommonImages/privacypolicyBg.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 700px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #FFFFFF;
}

.header {
    font-weight: 700;
}

.TechnologySubTitleOne {
    font-size: 18px;
}

.policy-heading {
    font-size: 4rem;
    margin-bottom: 20px;
}

.policy-subheading {
    font-size: 2.25rem;
    margin-bottom: 30px;
}


.feature-area {
    width: 1560px;
    height: max-content;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 4px 50px rgba(0, 35, 90, 0.1);
    box-shadow: 0px 1px 3px 0px;
    border-radius: 20px;
    padding: 40px;
    position: relative;
    top: -161px;
    z-index: 2;
}

.mb-60 {
    margin-bottom: 60px !important;
}

.align-self-center {
    align-self: center !important;
}

.section-title {
    margin-bottom: 40px;
    position: relative;
}

    .section-title .content.left-line {
        /*border-left: 5px solid var(--main-color);*/
        padding-left: 30px;
    }

    .section-title .content {
        margin-top: 17px;
        margin-bottom: 0;
    }

.owl-carousel.owl-loaded {
    display: block;
}

.owl-stage {
    display: inline-flex;
    transition: transform 0.3s ease-in-out;
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0px, 0px, 0px);
    }

.feature-slider .owl-nav {
    position: absolute;
    right: 0;
    top: -128px;
}

    .feature-slider .owl-nav .owl-prev {
        margin-right: 20px;
    }

.owl-carousel .owl-nav button {
    height: 60px;
    width: 60px;
    line-height: 58px;
    border-radius: 50%;
    background: #fff;
    border: 0;
    -webkit-box-shadow: 0px 8px 20px rgba(7, 36, 95, 0.15);
    box-shadow: 0px 8px 20px rgba(7, 36, 95, 0.15);
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

/* Roboto Bold */
.Roboto-bold {
    font-family: Roboto, math !important;
    font-weight: bold !important; /* 700 */
}

.Roboto-bold-freatures-size {
    font-size: 30px;
}

/* Roboto Regular */
.Roboto-regular {
    font-family: 'Roboto', math !important;
    font-weight: normal !important; /* 400 */
}

.Roboto-regular-Size {
    font-size: 21px;
}

.Roboto-regular-Size-industries {
    font-size: 20px;
}


.BoxTitle {
    box-shadow: 0px 2px 0px 1px #E13335 !important;
    border-radius: 30px !important;
    margin-bottom: 10px;
    color: #E13335 !important;
}

.CenterContainer {
    justify-items: center;
    height: 460px;
}

.CenterContainer-aboutus {
    justify-items: center;
}

.owl-prev, .owl-next {
    box-shadow: 0px 0px 20px -9px red !important;
}

.verticle-line {
    border-left: 7px #E13335 solid;
}

.feature-wrap {
    padding: 20px;
}

.owl-item-color1 {
    background-color: #E5F3FD;
}

.owl-item-color2 {
    background-color: #E6E6E9;
}

.owl-item-color3 {
    background-color: #FEECE7;
}

.owl-item-color4 {
    background-color: #E9FAFF
}

.owl-item {
    width: 344px;
    margin-right: 35px;
}


.owl-item-roboto-ragular-Size {
    font-size: 18px;
}

.owl-item:hover {
    background: url('../../Album/Index/FeatureContentCard.png');
    background-size: cover; /* Scale image to cover the element */
    background-position: center; /* Center the image */
    background-repeat: no-repeat;
    color: #FFFFFF;
    padding-top: 20px;
}

    .owl-item:hover .Feature-icons {
        display: none;
    }

    .owl-item:hover .FeatureViewMore {
        display: inline-block !important;
        color: #FFFFFF;
        text-decoration-line: none;
    }

.Roboto-medium {
    font-family: 'Roboto', math !important;
    font-weight: 500 !important; /* Medium */
}

.Roboto-medium-size {
    font-size: 22px;
}

.Roboto-medium-why-choose-size {
    font-size: 18px;
}

.Roboto-regular-GetInTouch-size {
    font-size: 30px;
}

.Roboto-bold-GetInTouch-size {
    font-size: 45px;
}

.Roboto-medium-industries-size {
    font-size: 25px;
}

.owl-item {
    border-radius: 21px;
    cursor: pointer;
}

/* Roboto Black */
.Roboto-Black {
    font-family: 'Roboto', math !important;
    font-weight: 900 !important; /* Black */
}

.Roboto-Black-size {
    font-size: 40px;
}

.aboutus-content {
    width: 50%;
}

.aboutus-part {
    width: 780px;
}

.Roboto-regular-Size-productbro {
    font-size: 35px;
}

/* Roboto Semibold */
.Roboto-semibold {
    font-family: 'Roboto', math !important;
    font-weight: 500 !important; /* Semibold */
}

.industriesBanner {
    background-image: url('../../Album/Index/industriesBanner.png'); /* Update the path as needed */
    background-repeat: no-repeat;
    background-size: cover;
    height: 722px; /* 100% of the viewport height */
    width: 100%;
}


.industriesBannerBtn {
    width: 194px;
    height: 51px;
    color: #E13335;
    text-align: center;
    padding-top: 15px;
}

.industries-card {
    border: none;
    border-radius: 18px !important;
    width: 238px !important;
    height: 278px !important;
}

    .industries-card:hover {
        box-shadow: 0px 0px 13px -5px #FF0000;
        transform: translateY(-10px) !important;
        cursor: pointer;
    }

.product-brochure-area {
    width: 1559px;
    height: 262px;
    /*background: url('../../Album/Index/ProductBrochureBanner.png');*/
    background-color: black;
    background-repeat: no-repeat;
    border-radius: 20px;
    padding: 40px;
    position: relative;
    top: -120px;
    z-index: 2;
    box-shadow: 0px -9px 0px 0px #E13436, 0px 9px 0px 0px #E13436;
}

    .product-brochure-area img {
        border-radius: 15px;
    }

.why-choose-container {
    width: 1920px;
    height: 935px;
    background: url('../../Album/Index/WhyChoozeBackBanner.jpg');
    padding: 40px;
    position: relative;
    top: -320px;
    z-index: 1;
}

.hire-us-white-custombutton, .product-brochure-button {
    width: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 11px;
}

.industries-container {
    width: 1559px !important;
}

.why-choose-sub-container {
    width: 1559px;
    display: flex !important;
    justify-content: center !important;
}

.WhyChoozeBanner {
    width: 100%;
    border-radius: 15px;
}

.why-chooze-mrg {
    margin-top: 190px !important;
}

/*.WhyChoozeBanner-container {
    width: 50% !important;
}*/

/*.why-chooze-mrg {
    width: 50% !important;
}*/

.WhyChoozeBanner {
    margin-top: 190px !important;
}

.why-choose-sub-content {
    margin-left: 20px;
}



.testimonail-btn-are {
    display: flex;
    place-items: center;
}

/*.testimonial-vertical-line {
    padding-left: 20px;
    border-left: 7px solid #E13436;
    line-height: 1.1;
}*/

.Roboto-semibold-testimonial-size {
    font-size: 18px;
}

.get-in-touch-content {
    padding-left: 45px;
}

.faq-sub-content {
    text-align: center;
}

.object-fit-contain {
    width: 100%;
}

.news-card {
    width: 100%;
    background-color: #F2F2F2 !important;
    border-radius: 20px;
}

.NewAndBlog-container {
    width: 1560px;
}

.NewAndBlog-sub-content {
    width: 562px;
    text-align: center;
}

.our-customer-section {
    height: 630px;
}

.our-customer-sub-content {
    width: 730px;
}

.aboutus-content {
    width: 50% !important;
}

@media screen and (max-width : 1600px) {
    .feature-area {
        width: 1260px;
    }

    .industries-container {
        width: 1160px !important;
    }

    .mainvacancies {
        width: 100% !important;
    }

    .industries-container {
        display: flex;
        justify-content: center;
    }

    .hero-heading2 {
        font-size: 60px;
    }

    .industries-container-row {
        width: 100% !important;
    }

    .industries-container {
        width: 100% !important;
    }

    .Roboto-regular-Size-productbro {
        font-size: 30px;
    }

    /*.why-chooze-mrg2 {
        padding-left: 20px !important;
    }*/

    .index-main-banner {
        margin-left: 20px !important;
    }
}

@media screen and (max-width : 1550px) {
    .industries-card {
        width: 230px !important;
        height: 240px !important;
        margin: 0px;
        padding: 0px;
        flex-direction: column !important;
    }

    .Roboto-medium-industries-size {
        font-size: 21px;
    }

    .hero-content1 {
        margin-left: 0px !important;
        margin-top: 60px;
    }

    .index-main-banner, .hero-content1 {
        width: 95% !important;
        padding-left: 124px !important;
    }
}

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

    .feature-slider .owl-nav {
        width: 100% !important;
    }

    .feature-area .row {
        margin-bottom: 120px;
    }


    .feature-area {
        height: 700px;
    }

        .feature-area .owl-prev {
            float: left;
        }

        .feature-area .owl-next {
            float: right;
        }

    .CenterContainer-aboutus {
        margin-top: 200px !important;
    }

    .Roboto-bold-GetInTouch-size {
        font-size: 39px;
    }

    .Roboto-regular-GetInTouch-size {
        font-size: 28px;
    }

    .hero-heading2 {
        font-size: 50px;
    }
}

@media screen and (max-width : 1200px) {
    .feature-area {
        width: 950px;
        height: 860px;
    }

    .get-in-touch-btn-box {
        display: flex;
        justify-content: center;
    }


    .product-brochure-area {
        height: 620px !important;
        display: flex !important;
        justify-content: center !important;
        text-align: center !important;
        margin-top: 20px;
    }


    .why-choose-container-part {
        margin-top: 20px !important;
    }

    .why-choose-common-text {
        margin-top: 20px !important;
    }

    .WhyChoozeBanner-container {
        text-align: center !important;
        width: 60% !important;
    }

    .why-chooze-mrg {
        width: 100% !important;
    }

    .WhyChoozeBanner {
        width: 90%;
        padding-top: 0px !important;
        margin-top: 0px !important;
    }

    .product-brochure-button-box {
        width: 100% !important;
    }

    .why-choose-container {
        height: 1260px !important;
    }

    .Roboto-Black-size {
        font-size: 32px;
    }

    .Roboto-regular-Size-productbro {
        font-size: 28px;
    }

    .industries-container {
        width: 100% !important;
    }

    .mainvacancies {
        width: 100% !important;
    }

    .aboutus-part {
        display: flex !important;
        justify-content: center !important;
    }

    .bout-more-btn-content {
        width: 100% !important;
        display: flex;
        justify-content: center;
    }

    .about-certified-content {
        display: flex;
        justify-content: center;
    }

    .Roboto-bold-GetInTouch-size {
        font-size: 34px;
    }

    .Roboto-regular-GetInTouch-size {
        font-size: 26px;
    }

    .Roboto-medium-industries-size {
        font-size: 19px;
    }

    .hero-heading2 {
        font-size: 47px;
    }

    .WhyChoozeBanner {
        margin-top: 30px !important;
    }

    .Testimonial-section {
        margin-top: 330px !important;
    }

    .index-main-banner, .hero-content1 {
        width: 95% !important;
    }

    .hero-content1 {
        margin-top: 60px
    }
}

@media (max-width: 1024px) {
    .industriesBanner-container {
        min-width: 100%; /* Allow shrinkage only on small screens */
        padding: 0 15px; /* Add some padding for mobile */
    }
}

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

    .industriesBanner {
        height: 920px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .feature-area {
        width: 850px;
    }

    .Roboto-Black-size {
        font-size: 28px;
    }

    .Roboto-regular-Size-productbro {
        font-size: 25px;
    }

    .industries-container {
        width: auto !important;
    }

    .mainvacancies {
        width: 100% !important;
    }

    .aboutUs-btn-row {
        margin-top: 10px;
        display: flex;
        justify-content: center;
    }

    .aboutus-part1 {
        margin-top: 150px !important;
    }

    .aboutus-content {
        padding-left: 20px !important;
    }

    .about-us-head {
        text-align: center !important;
    }

    .about-us-subhead {
        padding-left: 20px !important;
    }

    .Roboto-medium-size {
        font-size: 21.5px;
    }

    .Roboto-bold-GetInTouch-size {
        font-size: 29px;
    }

    .Roboto-regular-GetInTouch-size {
        font-size: 22px;
    }

    .Roboto-medium-industries-size {
        font-size: 18px;
    }

    .hero-heading2 {
        font-size: 42px;
    }

    .WhyChoozeBanner-container {
        margin-top: -510px;
    }

    .why-chooze-mrg {
        margin-top: 140px !important;
    }

    .testimonial-btn {
        width: 51px !important;
        height: 53px !important;
    }

    .custom-carousel {
        width: 75%;
    }
}

@media(max-width: 1199.98px) {
    .vacanciesparagraph1 {
        font-size: 1.75rem !important;
        line-height: 40px !important;
    }
}

@media(max-width: 991.98px) {
    .vacanciesparagraph1 {
        line-height: 35px !important;
    }
}

@media(max-width: 767.98px) {
    .clients-logo .clients-heading, .h3, h3 {
        font-size: 1.5rem !important;
        line-height: 35px !important;
    }

}

@media(max-width: 1399.98px) {


    .mainshorttestimonial {
        height: auto;
        padding: 20px;
    }

    .short-testimonial-custom-gap {
        margin-right: 0 !important;
        margin-left: 0rem !important;
    }

    .user-content {
        order: 2;
    }

    .user-content-list {
        order: 1;
    }

    .user-list {
        flex-direction: row; /* Horizontal layout on small screens */
        justify-content: center; /* Center items horizontally */
        flex-wrap: wrap; /* Allow wrapping if needed */
    }

        .user-list li {
            margin-right: 20px; /* Margin between items */
            margin-bottom: 0; /* Remove bottom margin */
        }

            /* Vertical line adjustment for horizontal layout */
            .user-list li::after {
                content: '';
                position: absolute;
                top: 50%;
                left: 100%;
                transform: translateY(-50%);
                width: 20px; /* Adjust this to set the gap between images */
                height: 2px; /* Make the line horizontal */
                background-color: var(--red-color);
            }

            /* Remove the horizontal line for the last item in horizontal layout */
            .user-list li:last-child::after {
                display: none;
            }

    .achivement-block1 {
        padding-top: 2.5rem !important; /* Padding for smaller screens */
        bottom: auto !important;
        padding-top: 0 !important;
    }

    .responsive {
        justify-content: center !important;
    }
}

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

    .feature-area {
        width: 750px;
    }

    .Roboto-Black-size {
        font-size: 25px;
    }

    .Roboto-regular-Size-productbro {
        font-size: 22px;
    }

    .mainvacancies {
        width: 100% !important;
    }

    .testimonial-btn {
        width: 41px !important;
        height: 43px !important;
    }

    .aboutus-part1 {
        margin: 150px !important;
    }

    .aboutUs-btn-row {
        margin-top: 10px;
        display: flex;
        justify-content: center;
    }

    .Roboto-regular-Size {
        font-size: 18px;
    }

    .Roboto-medium-size {
        font-size: 21px;
    }

    .Roboto-bold-freatures-size {
        font-size: 25px !important;
    }

    .Roboto-bold-GetInTouch-size {
        font-size: 26px;
    }

    .Roboto-regular-GetInTouch-size {
        font-size: 21px;
    }

    .Roboto-medium-industries-size {
        font-size: 17px;
    }

    .hero-heading2 {
        font-size: 39px;
    }

    .WhyChoozeBanner-container {
        width: 70% !important;
    }

    .company-information-body .card-body {
        padding-left: 1rem !important; /* Removes padding on medium screens and up */
    }

    .achivement-block {
        position: relative !important;
        bottom: 13vh !important;
        z-index: 1 !important;
    }
}

@media (max-width: 1099.98px) {
    .achivement-block1 {
        max-width: 600px !important;
    }
}

@media (min-width: 1399.98px) { /* Adjust the min-width value based on your design */
    .achivement-block1 {
        position: relative !important;
        padding-top: 0 !important;
        bottom: 18vh !important;
        z-index: 1 !important;
        max-width: 1550px;
        margin: auto;
        object-fit: cover;
    }
}

@media (max-width: 767px) {
    .user-list {
        flex-direction: row; /* Horizontal layout on small screens */
        justify-content: center; /* Center items horizontally */
        flex-wrap: wrap; /* Allow wrapping if needed */
    }

        .user-list li {
            margin-right: 20px; /* Margin between items */
            margin-bottom: 0; /* Remove bottom margin */
        }

            /* Vertical line adjustment for horizontal layout */
            .user-list li::after {
                content: '';
                position: absolute;
                top: 50%;
                left: 100%;
                transform: translateY(-50%);
                width: 20px; /* Adjust this to set the gap between images */
                height: 2px; /* Make the line horizontal */
                background-color: var(--red-color);
            }

            /* Remove the horizontal line for the last item in horizontal layout */
            .user-list li:last-child::after {
                display: none;
            }

    .hero-section1 {
        background-size: cover;
        background-position: center center;
        max-height: 500px;
    }

    .hero-heading1 {
        font-size: 20px; /* Adjust font size for smaller screens */
        margin-bottom: 10px;
    }

    .hero-heading2 {
        font-size: 28px; /* Adjust font size for smaller screens */
        margin-bottom: 10px;
    }

    .hero-subheading1-font {
        font-size: 18px !important; /* Adjust font size for smaller screens */
    }

    .hero-subheading1 {
        margin-bottom: 0px;
        margin-top: 3px;
    }

    .button-group1 {
        flex-direction: column; /* Stack buttons vertically on smaller screens */
    }

    .hero-content1 {
        max-width: 768px; /* Limit the width of the content */
        margin-left: 0px;
        padding-top: 3px;
    }

    .btn {
        width: 100%; /* Make buttons full-width on smaller screens */
        margin-bottom: 10px; /* Add space between buttons */
    }

    .responsive {
        justify-content: center !important;
    }

    .get-in-touch-content {
        padding: 0px !important
    }

    .user-content {
        order: 2;
    }

    .user-content-list {
        order: 1;
    }

    .mainshorttestimonial {
        height: auto; /* Allow height to adjust for content */
        padding: 20px; /* Adjust padding for smaller screens */
    }

    .shorttestimonialheader,
    .shorttestimonialparagraph1,
    .shorttestimonialparagraph2 {
        font-size: 18px; /* Adjust font sizes for smaller screens */
    }

    .shorttestimonialusername {
        font-size: 14px;
    }

    .shorttestimonialdesignation {
        font-size: 10px;
    }

    .achivement-block {
        max-width: 600px !important;
        padding-top: 2.5rem !important; /* Padding for smaller screens */
    }

    .company-information-body .card-body {
        padding-left: 0 !important; /* Adds padding on small screens and down */
    }

    .industriesBanner {
        height: 1153px !important;
    }

    .Responsive{
        padding-right:0px !important;
    }
}

@media (max-width: 1200px) {
    .short-testimonial-custom-gap {
        margin-right: 0 !important;
        margin-left: 0rem !important;
    }

    .mainvacancies {
        height: 100% !important;
    }
}

@media screen and (max-width : 595px) {
    .industriesBanner {
        height: 1150px !important;
    }

    .feature-slider .owl-nav .owl-prev {
        margin-left: 24px;
    }

    .owl-carousel .owl-nav button {
        margin-right: 24px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .feature-area {
        width: 100% !important;
    }

    .testimonial-btn {
        width: 41px !important;
        height: 43px !important;
    }

    .Roboto-regular-Size-industries {
        font-size: 17px;
    }

    .aboutus-part1 {
        margin: 230px !important;
    }

    .Roboto-Black-size {
        font-size: 23px;
    }

    .aboutUs-btn-row {
        margin-top: 10px;
        display: flex;
        justify-content: center;
    }
    /*.aboutus-sub-container{
        justify-content: center !important;
    }*/

    .bout-more-btn-content {
        margin-top: 20px !important;
    }

    .aboutus-content {
        width: 100% !important;
        display: flex;
        justify-content: center;
    }

        .aboutus-content div {
            text-align: center;
        }

        .aboutus-content .aboutus-small-img {
            padding-top: 30px !important;
        }

    .Roboto-regular-Size {
        font-size: 15px;
    }

    .Roboto-medium-size {
        font-size: 20px;
    }

    .owl-item {
        width: 300px;
    }

    .Roboto-bold-freatures-size {
        font-size: 22px !important;
    }

    .Roboto-bold-GetInTouch-size {
        font-size: 25px;
    }

    .Roboto-regular-GetInTouch-size {
        font-size: 20px;
    }

    .Roboto-medium-industries-size {
        font-size: 16px;
    }

    .hero-heading2 {
        font-size: 32px;
    }

    .Roboto-regular-Size-productbro {
        font-size: 20px;
    }
}

@media (max-width: 575.98px) {

    .hero-content1 {
        text-align: center;
        padding:0px !important;
    }

    .button-group1 {
        margin-top: 75px !important;
    }

    .custom-image-border {
        margin-top: 150px !important;
    }

    .WhyChoozeBanner-container {
        width: 80% !important;
    }

    .testimonial-btn {
        width: 41px !important;
        height: 43px !important;
    }

    .Roboto-regular-Size-industries {
        font-size: 15px;
    }

    .feature-area {
        width: 100% !important;
        top: -60px !important;
    }

    .testimonial-card {
        padding: 3px 15px !important;
    }

    .news-card {
        width: 100%;
        height: auto !important;
        padding-bottom: 15px;
    }

    .Roboto-Black-size {
        font-size: 22px;
    }

    .Roboto-regular-Size-productbro {
        font-size: 19px;
    }

    .aboutUs-btn-row {
        margin-top: 10px;
        display: flex;
        justify-content: center;
    }

    .bout-more-btn-content {
        margin-top: 20px !important;
    }

    .aboutus-content {
        width: 100% !important;
        display: flex;
        justify-content: center;
    }

        .aboutus-content div {
            text-align: center;
        }

        .aboutus-content .aboutus-small-img {
            padding-top: 30px !important;
        }

    .verticle-line p {
        padding-left: 10px;
    }

    .Roboto-regular-Size {
        font-size: 15px;
    }

    .Roboto-medium-size {
        font-size: 19px;
    }

    .owl-item {
        width: 244px;
    }

    .Roboto-bold-freatures-size {
        font-size: 20px !important;
        margin-left: 30px;
    }

    .Roboto-regular-GetInTouch-size {
        font-size: 18px;
    }

    .Roboto-medium-industries-size {
        font-size: 15px;
    }

    .hero-heading2 {
        font-size: 28px;
    }

    .Roboto-medium-why-choose-size {
        width: 100% !important;
    }
}
@media (max-width: 360px) {

    .why-choose-container-part {
        display: inline-flex !important;
        align-content: center !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }

    .hero-heading2 {
        font-size: 25px;
    }

    .Roboto-regular-Size-industries {
        font-size: 14px;
    }

    .why-chooze-mrg .why-chooze-mrg2 {
        padding-left: 5px !important;
    }

    .why-choose-sub-content {
        text-align: center !important;
        margin-top: 5px !important;
    }

    .why-choose-common {
        display: flex !important;
        justify-content: center !important;
    }

    .why-choose-common-text {
        text-align: center !important;
    }

    .why-choose-container {
        height: 1500px !important;
    }

    .WhyChoozeBanner-container {
        width: 90% !important;
    }

    .Testimonial-section {
        margin-top: 570px !important;
    }

    .feature-area {
        padding: 0px !important;
    }
}

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

    .comrestion {
        margin-top: 100px !important;
    }

    .product-brochure-area {
        margin-top: 20px !important;
        width: 1230px;
    }

    .verticle-line {
        height: 100px;
    }

    .product-brochure-button-box a {
        font-size: 18px !important;
    }
}

@media (min-width: 881px) and (max-width: 1255px) {
    .industriesBanner {
        height: 920px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1600px) {
    .margintop_5 {
        margin-top: 44px !important;
    }

    .text-font {
        font-size: 17px !important;
    }

    .WhyChoozeBanner {
        margin-top: 240px !important;
    }
}

.whychoozebanner-container_1 {
    display: flex !important;
    align-items: center !important;
}