/* Inner Banner CSS Start */

.inner-brn {
    z-index: 2;
}

.inner-brn-img {
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    width: 100%;
    height: 700px;
    object-fit: cover;
    z-index: -1;
}

/*.inner-brn::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0B0501;
    opacity: 0.5;
    z-index: 0;
}*/

.inner-brn::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    background: #16243d;
    background: linear-gradient(0deg, rgb(0 0 0 / 50%) 14%, rgb(22 36 61 / 0.036852240896358524) 58%);
    z-index: 1;
}

.inner-brn .container {
    position: relative;
    z-index: 2;
}

.inner-bnr-txt
 {
    /* padding: 250px 0 160px; */
    position: absolute;
    top: auto;
    bottom: 10%;
    width: 100%;
    left: 0;
    z-index: 3;
}

.inner-bnr-txt h1 {
    font-size: 45px;
    line-height: 55px;
    color: #fff;
    font-family: 'myfirstfont-SemiBold';
    text-shadow: 6px 7px 14px #000000b0;
    text-align: center;
}

.inner-bnr-txt h1 span {
    color: var(--main-sub-color);
}

/* Inner Banner CSS End */

/* Vibe Section CSS Start */

.vibe-sec .mx-cont label span {
    font-family: 'myfirstfont-Medium';
    font-size: 50px;
    line-height: 60px;
    color: var(--main-color);
}

.vibe-sec .mx-cont .count-text {
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    font-family: 'mysecondfont-SemiBold';
}

.vibe-sec ul {
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    flex-wrap: wrap;
    margin-left: 0px;
}

.vibe-sec ul li {
    flex: 0 0 auto;
    width: 25%;
}

.vibe-sec .counting-box {
    border: 1px solid #E8E8E8;
    padding: 20px;
    margin: 0 10px;
    height: 100%;
}

/* .vibe-sec ul li:nth-child(1) {
    margin-top: 40px;
}

.vibe-sec ul li:nth-child(4) {
    margin-top: -40px;
} */

/* Vibe Section CSS End */

/* Mission Section CSS Start */

.mission-sec .mission-con {
    background-color: #F3E5DA;
    padding-left: 60px;
    padding-right: 60px;
    border-radius: 20px;
    overflow: hidden;
}

.mission-sec .heading h2 {
    margin-bottom: 20px;
}

.mission-row .mission-txt {
    margin-right: 80px;
}

.vision-row .mission-txt {
    margin-left: 80px;
}

.mission-sec .mission-con .mission-img {
    border-radius: 15px;
    overflow: hidden;
}

.mission-sec .mission-con .mission-img img {
    width: 100%;
}

.mission-row .growth-txt {
    margin-left: 50px;
}

.vision-row .growth-txt {
    margin-right: 50px;
}

.mission-sec .mission-con .growth-txt img {
    margin-bottom: 20px;
}

.mission-sec .mission-con .growth-txt h3 {
    font-size: 50px;
    line-height: 60px;
    font-family: 'myfirstfont-Bold';
    color: var(--main-color);
}

.mission-sec .mission-con .row {
    position: relative;
    z-index: 1;
}

.mission-shape {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 35%;
    height: auto;
    z-index: 0;
    object-fit: cover;
}

/* Mission Section CSS End */

/* Value Section CSS Start */

.value-bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.value-sec p {
    color: #ffffff;
}

.value-sec::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #975a0896;
}

.value-sec .container {
    position: relative;
    z-index: 3;
}

.core-txt {
    background-color: #35280480;
    padding: 25px;
    height: 100%;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    border-radius: 15px;
    overflow: hidden;
}

.core-head-txt {
    justify-content: center;
}

.core-txt .heading h2 {
    margin-bottom: 20px;
}

.core-txt img {
    margin-bottom: 20px;
    height: 50px;
    width: 50px;
    object-fit: contain;
}

.core-txt h3, .journey-box h3 {
    color: #fff;
    font-size: 25px;
    line-height: 35px;
    font-family: 'myfirstfont-SemiBold';
    margin-bottom: 10px;
}

/* Value Section CSS End */

/* Global Section CSS Start */

.global-sec .heading h2 {
    margin-bottom: 20px;
}

.global-sec .global-txt {
    text-align: center;
    margin-bottom: 50px;
}

.global-map {
    text-align: center;
}

/* Global Section CSS End */



/* Product Page CSS */

/* Product Page Section CSS Start */

.product-content .row.product-row {
    background: linear-gradient(0deg, #eddbcd, #ffbd8b);
    /* background: linear-gradient(116deg, #d5ae8f, #F3E5DA); */
    overflow: hidden;
    position: relative;
    margin-top: 60px;
    padding: 60px;
    border-radius: 30px;
}

.product-img {
    border-radius: 20px;
    overflow: hidden;
}

.product-head .heading {
    margin-bottom: 40px;
}

.inner-product .row:nth-child(even) {
    /* background: linear-gradient(116deg, #efded1, #ecd8c8); */
    /* background: linear-gradient(116deg, #F3E5DA, #d5ae8f); */
}

.inner-product .col-12 {
    position: relative;
    z-index: 1;
}

.product-shape {
    position: absolute;
    bottom: 0;
    right: -15px;
    z-index: 0;
    width: 40%;
    height: auto;
}

.inner-product .row:nth-child(even) .product-shape {
    right: auto;
    left: -15px;
    transform: scaleX(-1);
}

/* .inner-product .row:first-child {
    border-radius: 20px 20px 0 0;
}

.inner-product .row:last-child {
    border-radius: 0 0 20px 20px;
} */

.tabs {
    width: 70%;
    display: flex;
    flex-direction: column;
    margin-top: 60px;
}

.tab {
    padding: 15px 30px;
    cursor: pointer;
    transition: background 0.3s;
    font-size: 20px;
}

.tab:hover {
    color: var(--main-color);
}

.content {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 30px 70px;
}

.product-tab .slick-slide {
    margin: 0 10px;
    border-radius: 30px;
    overflow: hidden;
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
    opacity: 1;
    transform: translateX(0);
}

.product-tab {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 40px;
}

.tab-content .product-img {
    /*background-color: #fffbf7;*/
    width: 100%;
    height: 100%;
    /*padding: 40px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 3/3;
    /* border-radius: 15px; */
    overflow: hidden;
}

/* .tab-content .slick-list {
    border-radius: 30px;
    overflow: hidden;
} */

.tab-content .product-img img {
    object-fit: contain;
    mix-blend-mode: multiply;
    width: 100%;
    height: 100%;
}

.tab-content ul li .product-img-box h3 {
    font-size: 22px;
    color: var(--main-color);
    font-family: 'myfirstfont-SemiBold';
    margin-bottom: 10px;
}

.tab-content ul li .product-img-box p {
    font-size: 16px;
    line-height: 26px;
}

.tab-content ul li .product-img-box .product-box-txt {
    padding: 20px 10px;
}

.tab-content ul li .product-img-box .product-box-txt .main-btn {
    font-size: 14px;
    line-height: 24px;
    padding: 8px 16px;
}

.inner-product-img {
    position: relative;
    height: 100%;
    /* background: linear-gradient(90deg, #e3a405, #fdca1c); */
    background: linear-gradient(90deg, #ffba86, #dfc0a8);
    padding: 80px 0;
}

.inner-product-img .heading h2 {
    text-align: center;
    padding: 0 50px;
}

.inner-product .row:nth-child(even) .heading {
    right: auto;
    left: 80px;
}

.inner-product .row:nth-child(even) .inner-product-img {
    position: relative;
    height: 100%;
    background: linear-gradient(90deg, #eddbcd, #ffbd8b);
    /* background: linear-gradient(90deg, #fdca1c, #e3a405); */
    padding: 80px 0;
}

.inner-product-img img {
    width: 100%;
}

.inner-product-con {
    padding: 60px 0 0;
    padding-left: 0px;
}

.tab-content .slick-dots {
    bottom: -40px;
}

.product-tab .slick-dotted.slick-slider {
    margin-bottom: 50px;
}

.tab {
    margin-bottom: 7px;
    width: 70%;
    margin-right: auto;
    transition: all ease-in-out 0.5s;
    border-radius: 0 50px 50px 0;
    background: #e4a779;
    color: #000000;
}

.tab.active {
    background: #83491d;
    color: #fff;
    width: 100%;
}

.product-tab .slick-dots li button {
    background: var(--main-color);
}

.inner-product .row:nth-child(even) .product-tab {
    flex-direction: row-reverse;
}

.inner-product .row:nth-child(even) .inner-product-con {
    padding-right: 0;
    padding-left: 0px;
}

.inner-product .row:nth-child(even) .tabs {
    margin-left: auto;
}

.inner-product .row:nth-child(even) .tab {
    margin-left: auto;
    margin-right: 0;
    border-radius: 50px 0 0 50px;
}

.inner-product .row:nth-child(even) .tab.active {
    width: 100%;
}

.product-accordion .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: var(--main-color);
    box-shadow: none;
    outline: none;
    border: none;
}

.product-accordion .accordion-button:focus {
    box-shadow: none;
}

.product-accordion .accordion-button {
    background-color: var(--main-shape-color);
    color: #fff;
}

.product-accordion .accordion-item {
    background: #f0eae4;
    border-color: transparent;
    overflow: hidden;
}

.tab-accordion {
    padding: 40px 30px;
}

.tab-accordion .accordion-button::after {
    background-image: none;
    border: 2px solid #fff;
    border-left: none;
    border-top: none;
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
}

.tab-accordion .accordion-button:not(.collapsed)::after {
    transform: rotate(225deg);
    background-image: none;
}

.tab-accordion .carousel-indicators {
    margin-bottom: 0px;
}

.tab-accordion .accordion-body {
    padding: 0px;
}

.tab-accordion .product-img {
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    padding: 0px;
    /* display: flex;
    justify-content: center;
    align-items: center; */
    aspect-ratio: 1/1;
}

.tab-accordion .product-img img {
    width: 100%;
}

/* Product Page Section CSS End */



/* Infrastructure Page CSS */

/* Infrastructure Page Section CSS Start */

.infras-intro-sec {
    background-color: #fff;
    z-index: 2;
}

.infras-intro p:last-child {
    margin-bottom: 0;
}

.infras-img img {
    width: 100%;
}

.infras-video {
    height: 100%;
    width: 100%;
}

.infras-video iframe {
    width: 100%;
    height: 100%;
}

.inner-infrastructure .slick-slide {
    height: auto;
}

/* .inner-infrastructure .slick-slide div {
    height: 100%;
} */

video.about-video {
    height: 100%;
}

/* .inner-infrastructure .row:first-child {
    border-top-left-radius: 20px;
}

.inner-infrastructure .row:last-child {
    border-bottom-right-radius: 0px;
} */

.inner-infrastructure .row {
    /*background: var(--main-light-color);*/
    /*background: #efe9d8;*/
    padding: 0px;
    border-radius: 0px 0px;
    position: relative;
    margin: 25px 0;
    overflow: hidden;
    /*border-radius: 20px;*/
    
}

.inner-infrastructure .row .col-12 {
    position: relative;
    z-index: 2;
}

.infras-txt {
    position: relative;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0px;
    padding-left: 50px;
    text-align: center;
}

.infras-txt h3 {
    font-family: 'myfirstfont-Medium';
    font-size: 20px;
    color: var(--main-dark-color);
    margin-bottom: 15px;
    position: relative;
    width: fit-content;
}

.infras-txt h3::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 1px;
    background: var(--main-dark-color);
}

.infras-txt h4 {
    font-family: 'myfirstfont-Medium';
    font-size: 20px;
    color: var(--main-dark-color);
    margin-bottom: 10px;
}

.infras-txt p, .infras-txt li {
    margin-bottom: 12px;
}

.infras-txt li {
    /* list-style: disc; */
    /* margin-left: 20px; */
    position: relative;
}

.infras-txt li::before {
    content: '';
    padding: 4px;
    border-radius: 50px;
    background: #000;
    display: inline-block;
    margin-right: 10px;
}

.infrastructure-shape {
    position: absolute;
    bottom: 0;
    left: -10px;
    z-index: 0;
    width: 40%;
    height: auto;
    border-bottom-left-radius: 160px;
    /*display: none;*/
}

.inner-infrastructure .row:nth-child(even) .infrastructure-shape {
    right: -10px;
    bottom: -140px;
    left: auto;
    border-bottom-left-radius: 0px;
}

.inner-infrastructure .row .col-12 {
    position: relative;
    z-index: 1;
    padding: 0;
}

.inner-infrastructure .container {
    overflow: hidden;
}

.inner-infrastructure .row:first-child::after, .inner-infrastructure .row:last-child:before {
    background: transparent !important;
}

/* .inner-infrastructure .row:before {
    content: '';
    position: absolute;
    bottom: -150px;;
    right: 0;
    width: 300px;
    height: 300px;
    background: var(--main-light-color);
    z-index: -1;
}

.inner-infrastructure .row:after {
    content: '';
    position: absolute;
    top: -150px;;
    left: 0;
    width: 300px;
    height: 300px;
    background: var(--main-light-color);
    z-index: -1;
} */

/* .inner-infrastructure .row:nth-child(even) {
    flex-direction: row-reverse;
    background: #F3E5DA;
    position: relative;
}

.inner-infrastructure .row:nth-child(even)::after {
    content: '';
    position: absolute;
    top: -150px;;
    left: 0;
    width: 300px;
    height: 300px;
    background: #F3E5DA;
    z-index: -1;
}

.inner-infrastructure .row:nth-child(even)::before {
    content: '';
    position: absolute;
    bottom: -150px;;
    right: 0;
    width: 300px;
    height: 300px;
    background: #F3E5DA;
    z-index: -1;
} */

.infras-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-bottom: -7px;
}

.infras-img-con {
    border-radius: 35px;
    overflow: hidden;
}

/* .infras-img-con, .infras-img-con .secSliderWrap,
.infras-img-con .slick-dotted.slick-slider,
.infras-img-con .slick-list,
.infras-img-con .slick-track {
    height: 100%;
} */

.inner-infrastructure .slick-dots {
    bottom: 0px;
}

.infras-txt p:last-child {
    margin-bottom: 0;
}

.inner-infrastructure .row .heading h2 {
    margin-bottom: 20px;
    /* font-size: 35px;
    line-height: 45px; */
}

.inner-infrastructure .slick-dots li button {
    background-color: var(--main-sub-color);
}

.inner-infrastructure .slick-dots li {
    margin: 0;
}

/* Infrastructure Page Section CSS End */



/* Quality Page CSS */

/* Quality Page Section CSS Start */

.quality-policy {
    background-color: #F3E5DA;
}

.quality-policy-shape {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
}

.policy-accordion .accordion-button {
    color: var(--main-color);
    background-color: transparent;
    box-shadow: none;
    font-family: 'myfirstfont-Medium';
    font-size: 25px;
    line-height: 35px;
    padding: 20px 0;
}

.policy-accordion .accordion {
    background-color: transparent;
}

.policy-accordion  .accordion-item {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #dfdfdf;
}

.policy-accordion .accordion-body {
    padding: 20px;
    background-color: #A28269;
}

.policy-accordion .accordion-body p {
    color: #fff;
}

.quality-policy .container {
    position: relative;
    z-index: 2;
}

.quality-policy::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: #A28269;
    width: 320px;
    height: 376px;
    z-index: 0;
}

.quality-policy-con, .policy-accordion {
    margin-left: 50px;
}

.quality-img {
    border-radius: 15px;
    overflow: hidden;
    height: 100%;
}

.quality-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.certificate-txt {
    margin-right: 50px;
}

.certificate-img {
    width: 100%;
    height: 100%;
    padding: 20px;
    border: 1px solid #cccccc;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.certificate-img img {
    height: 95px;
    width: auto;
    max-width: unset;
}

.certificate-img p {
    font-weight: 600;
    padding-top: 10px;
}

.certificate-slide .slick-slide {
    margin: 0 10px;
}

.certificate-slide .slick-dots {
    bottom: -40px;
}

.certificate-slide {
    padding-bottom: 40px;
}

/* Quality Page Section CSS End */



/* Sustainbility Page CSS */

/* Sustainbility Page Section CSS Start */

.sustainability-sec {
    /*background-color: #fff9e9;*/
}

.sustainability-sec .row:not(:first-child) {
    border-radius: 20px;
    /*background-color: #fff;*/
    overflow: hidden;
    /*background-color: #fff8f8;*/
    background-color: #fff9e9;
    margin-bottom: 50px;
}

.sustainability-sec .row:last-child {
    margin-bottom: 0;
}

.sustainability-sec .row:nth-child(odd) {
    flex-direction: row-reverse;
}

.sustainability-img {
    height: 100%;
}

.sustainability-sec .row img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sustainability-sec .row .sustainability-txt {
    padding: 60px 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.sustainability-sec .row .sustainability-txt h2 {
    font-family: 'myfirstfont-Bold';
    color: var(--main-color);
    font-size: 35px;
    line-height: 45px;
    margin-bottom: 20px;
}

.sustainability-sec .row .sustainability-txt p:last-child {
    margin-bottom: 0;
}

/* Sustainbility Page Section CSS End */



/* Gallery Page CSS */

/* Gallery Page Section CSS Start */

.gallery-img-box {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
}

.gallery-img-box .main-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all ease-in-out 0.5s;
}

.gallery-img-box:hover .main-img {
    transform: scale(1.08);
}

.gallery-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all ease-in-out 0.5s;
}

.gallery-img-box:hover .gallery-icon {
    opacity: 1;
}

.career-gallery .slick-slide {
    margin: 0 10px;
}

.career-gallery .slick-dots {
    bottom: 0px;
}

.career-gallery .secGallerySlider {
    padding-bottom: 30px;
}

.career-testimonial {
    background-color: #F3E5DA;
}

.career-testimonial .slick-slide {
    height: auto;
}

.career-testimonial .slick-initialized .slick-slide div {
    height: 100%;
}

.testi-box {
    width: 100%;
    height: 100%;
    background-color: #f1f1f1;
    padding: 30px;
    position: relative;
    border-radius: 15px;
    height: 100%;
}

.testi-box p {
    position: relative;
    z-index: 1;
}

.testi-icon {
    position: absolute;
    top: 18px;
    left: 11px;
    width: 42px;
    z-index: 0;
}

.career-testimonial .slick-slide {
    margin: 0 10px;
}

.testi-box h3 {
    font-family: 'myfirstfont-Medium';
    color: #000;
    font-size: 25px;
    line-height: 35px;
}

.testi-box span {
    font-size: 16px;
    color: #6f6f6f;
    font-weight: 600;
}

.career-testimonial .slick-dots {
    bottom: 0px;
}

.career-testimonial .secTestiSlider {
    padding-bottom: 30px;
}

.current-opening .accordion-button {
    color: #fff;
    background-color: transparent;
    box-shadow: none;
    font-family: 'myfirstfont-Medium';
    font-size: 25px;
    line-height: 35px;
    padding: 20px 20px;
    background-color: #A28269;
}

.current-opening .accordion-button::after {
    background-image: none;
    border: 2px solid #fff;
    border-left: none;
    border-top: none;
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
}

.current-opening .accordion-button:not(.collapsed)::after {
    transform: rotate(225deg);
    background-image: none;
}

.current-opening .accordion {
    background-color: transparent;
}

.current-opening .accordion-item {
    background-color: transparent;
    border: none;
    margin-bottom: 20px;
    border-radius: 15px;
    overflow: hidden;
}

.current-opening .accordion-body {
    padding: 20px;
    background-color: #F3E5DA;
}

.current-opening .main-btn {
    margin-top: 40px;
}

.career-form {
    background-color: var(--main-color);
}

.career-form .contact-sec input::placeholder {
    color: #fff;
}

.career-form .contact-sec input[type="text"],
.career-form .contact-sec input[type="email"],
.career-form .contact-sec input[type="tel"],
.career-form .contact-sec input[type="file"],
.career-form .contact-sec select,
.career-form .contact-sec textarea {
    padding-left: 0;
    color: #fff;
    border-color: transparent;
    font-size: 17px;
    font-weight: 500;
}

.career-form .contact-sec {
    border-bottom: 1px solid #fff;
}
.sec-submit-resume .form-control:focus {
    color: #fff;
}
.contact-sec i {
    color: #fff;
    margin-right: 10px;
}
.uploadFile {
    width: 100%;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 16px;
    line-height: 19px;
    overflow: hidden;
    padding: 0 0 4px 0;
    position: relative;
    resize: none;
    display: flex;
    align-items: center;
}
.career-form .contact-sec .uploadFile input[type="file"] {
    cursor: pointer !important;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    z-index: 1;
}
span.filename {
    padding-left: 15px;
    padding: 5px 0;
    font-size: 14px;
    padding-left: 0;
    text-transform: uppercase;
    font-weight: 600;
    color: #ffffffad;
}

.form-group.contact-sec.careersecSix {
    display: block;
    border-bottom: 1px solid #fff !important;
    padding-bottom: 6px;
    margin-top: 6px;
}

.careersecSix .wrapper {
    text-align: left;
}

.careersecSix .wrapper #file-input {
    display: none;
}

.sec-submit-resume .form-control[type=file]:not(:disabled):not([readonly]) {
    padding-left: 0;
}

.careersecSix .wrapper label[for='file-input'] * {
    vertical-align: middle;
    cursor: pointer;
    font-size: 20px;
}

.careersecSix .wrapper label[for='file-input'] * {
    vertical-align: middle;
    cursor: pointer;
    font-size: 20px;
}

.careersecSix .wrapper label {
    display: inline-flex;
    width: 100%;
}

.careersecSix .wrapper label[for='file-input'] span {
    font-size: 17px;
    color: #b9b1aa;
    overflow: hidden;
    margin-left: 0;
    white-space: nowrap;
    width: 85%;
    text-overflow: ellipsis;
    text-align: left;
}

.main-btn, .main-btn:focus, .main-btn:hover {
    outline: none;
    border: none;
    margin-left: auto;
}

.career-form .main-btn:hover span {
    color: #000;
}

.career-form .main-btn::after, .career-form .main-btn::before {
    background-color: #fff;
}

.careersecSix .wrapper i.remove {
    vertical-align: middle;
    margin-left: 5px;
    cursor: pointer;
    display: none;
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
}

select.form-control, select.form-control:focus {
    background-image: url(../images/down-arrow.png);
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 10px;
    color: #fff;
}

.contact-form {
    background-color: var(--main-color);
    padding: 50px;
}

.form-control::placeholder {
    color: #fff;
}

/* .current-opening .accordion-body p {
    color: #fff;
} */

/* Gallery Page Section CSS End */


.journey-sec .slick-dots {
    bottom: -40px;
}

.journey-sec .slick-slide {
    height: auto;
}

.journey-sec .slick-initialized .slick-slide div {
    height: 100%;
}

.journey-box h3 {
    color: #000 !important;
}

.journey-slide .journey-box {
    padding: 25px;
    width: 100%;
    height: 250px;
    border: 2px solid var(--main-sub-color);
    border-radius: 15px;
}

.journey-slide .slick-slide {
    margin: 0 10px;
}

.journey-sec {
    background-color: rgb(243, 229, 218);
    position: relative;
}

.journey-sec .slick-dotted.slick-slider {
    margin-bottom: 20px;
}

/* .inner-brn {
    padding-top: 75px;
} */

.intro-sus img
{
    width: 100%;
}

.csr-img .slick-dots {
    bottom: 0;
}

.seccsrSlider {
    padding-bottom: 30px;
}

/* .csr-img {
    margin-left: 20%;
} */

.rnd-right {
    border-radius: 25px;
    overflow: hidden;
}

.rnd-right img {
    width: 100%;
}

.rnd-sec .slick-dots {
    bottom: 10px;
}

.rnd-left ul li {
    list-style: disc;
    margin-left: 20px;
}





.infras-tab-row .tab {
    background: transparent;
    border-radius: 0;
    margin: 0;
    width: 100%;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.infras-tab-row .tab button {
    outline: none;
    border: none;
    padding: 0px 20px 15px;
    background: transparent;
    font-family: 'myfirstfont-Regular';
    font-size: 22px;
}

.infras-tab-row .tab button.active {
    border-bottom: 2px solid var(--main-sub-color);
    color: var(--main-sub-color);
    font-family: 'myfirstfont-SemiBold';
}

.infras-tab-row .tab::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    width: 3000px;
    background: #959393;
    z-index: -1;
}

.garment-row:nth-child(even), .inner-infrastructure .row:nth-child(even) {
    flex-direction: row-reverse
}

.garment-row:nth-child(even) .infras-txt, .inner-infrastructure .row:nth-child(even) .infras-txt {
    padding-left: 0;
    padding-right: 50px;
}

.garment-row:not(:last-child), .inner-infrastructure .row:not(:last-child) {
    margin-bottom: 70px;
}

.infras-head {
    text-align: center;
    margin-bottom: 20px;
}




/* Timeline CSS */

.timeline-con {
    position: relative;
}

.timeline-con::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 3px;
    height: 100%;
    background-color: var(--main-sub-color);
}

.timeline-con .row {
    position: relative;
}

.timeline-con .row:nth-child(even) {
    flex-direction: row-reverse;
}

.timeline-con .row .timeline-txt {
    padding: 0;
    /* background-color: #fff; */
    margin-left: 40px;
    /* box-shadow: 6px 8px 0px 0px #000; */
    margin-top: 10px;
}

.timeline-con .row:nth-child(even) .timeline-txt {
    margin-left: 0px;
    margin-right: 60px;
    /*box-shadow: -6px 8px 0px 0px #000;*/
}

.timeline-con .row:nth-child(even) .timeline-txt {
    text-align: right;
}

.timeline-con .row:nth-child(odd) .timeline-date {
    text-align: right;
    margin-right: 60px;
}

.timeline-con .row .timeline-date {
    margin-right: 0px;
    margin-left: 60px;
}

.timeline-con .row:not(:last-child) {
    margin-bottom: 30px;
}

.timeline-con .row::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 50px;
    /*background: var(--main-sub-color);*/
    background: #f3e5da;
    border-radius: 50px;
    z-index: 1;
}

.timeline-con .row::after {
    content: url('https://nmexports.com/assets/Frontend/images/journey-icon.png');
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 55px;
    height: 55px;
    background: transparent;
    border-radius: 50px;
    z-index: 2;
}

.timeline-txt h3 {
    font-size: 25px;
    margin-bottom: 15px;
    font-family: 'myfirstfont-SemiBold'
}

.timeline-txt {
    position: relative;
}

/*.timeline-txt::after {
    content: '';
    position: absolute;
    top: 10px;
    left: -25px;
    width: 0;
	height: 0;
    border-top: 15px solid transparent;
    border-right: 30px solid #ffffff;
    border-bottom: 15px solid transparent;
}*/

/*.timeline-con .row:nth-child(even) .timeline-txt::after {
    left: auto;
    right: -25px;
    transform: rotateY(180deg);
}*/

/* .garmentlist {
  width: 200px;
  height: 300px;
  position: absolute;
}

.garment-nav {
  height: auto;
  width: 210px;
  float: right;
  position: relative;
  box-shadow: none;
  border: none;
  margin: 0;
  padding: 0;
} */

.tabcontent {
    position: relative;
}
.sidebar {
    position: fixed;
    height: auto;
    bottom: 0%;
    right: 0%;
}
.sidebar.fixed {
    position: fixed !important;
    bottom: 0% !important;
    right: 0;
}

.garmentlist li a {
    text-align: right;
    color: #000;
    padding: 4px 10px 4px 15px;
    background-color: #fff3f3;
    border-radius: 40px 0 0 40px;
    font-size: 14px;
    margin-bottom: 0;
    color: #000;
}

.garmentlist a {
    margin-bottom: 5px;
    display: block;
}

.garmentlist li.active a {
    color: #fff !important;
    background: var(--main-color);
}

.garmentlist li:not(:last-child) {
    margin-bottom: 3px;
}




/* Relative positioning*/
.map-figure { 
    position: relative;
    text-align: center;
}

.map-figure span { 
    display: inline-block; 
    width: 15px; 
    height: 15px;
    border-radius: 100%;
    position: absolute;
    border: .2rem solid #fff;
    z-index: 1;
}

.map-figure span::before { 
    content: ''; 
    position: relative;
    display: block; 
    width: 300%;
    height: 300%; 
    box-sizing: border-box; 
    margin-left: -100%;
    margin-top: -100%;
    border-radius: 45px;
    background-color: var(--main-sub-color) !important; 
    animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}

.map-figure span::after { 
    content: ''; 
    position: absolute; 
    left: 0; 
    top: 0; 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: var(--main-sub-color);
    border-radius: 15px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .3);  
    animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}

@keyframes pulse-ring {
    0% {
        transform: scale(0.33);
    }
    80%, 100% {
        opacity: 0;
    }
}

@keyframes pulse-dot {
    0% {
        transform: scale(0.8);
        background: var(--main-sub-color);
    }
    50% {
        transform: scale(1);
        background: var(--main-sub-color);
         
    }
    100% {
        transform: scale(0.8);
        background: var(--main-sub-color);
    }
}

.tooltip-inner{ 
    padding:5px 20px;
    color:#fff;
    font-size: 16px;
    text-align:center; 
    font-weight:600; 
    background: var(--main-color); 
    border-radius:5px;
    border: 2px solid var(--main-color);
    z-index: 0;
}

.tooltip .arrow::before {
    border-bottom-color: var(--main-color) !important;
    border-top-color: var(--main-color) !important; 
}

.germany {
    top: 8%;
    left: 52%;
}

.austria {
    top: 23.5%;
    left: 50%;
}

.netherlands {
    top: 16%;
    left: 50%;
}

.switzerland {
    top: 21%;
    left: 51%;
}

.poland {
    top: 12%;
    left: 53%;
}

.czech-republic {
    top: 17%;
    left: 52%;
}

.belgium {
    top: 19%;
    left: 49%;
}

.slovakia {
    top: 18%;
    left: 53.5%;
}

.hungary {
    top: 21.5%;
    left: 54%;
}

.romania {
    top: 21.5%;
    left: 55%;
}

.france {
    top: 23%;
    left: 48%;
}

.united-kingdom {
    top: 15%;
    left: 47%;
}

.spain {
    top: 26%;
    left: 47.4%;
}

.portugal {
    top: 26%;
    left: 46%;
}

.italy {
    top: 25.5%;
    left: 51%;
}

.croatia {
    top: 26%;
    left: 53%;
}

.slovenia {
    top: 23%;
    left: 52.5%;
}

.bulgaria {
    top: 26%;
    left: 55.5%;
}

.serbia {
    top: 26%;
    left: 54.5%;
}

.latvia {
    top: 11%;
    left: 51%;
}

.lithuania {
    top: 11%;
    left: 50%;
}

.estonia {
    top: 8%;
    left: 51%;
}

.luxembourg {
    top: 20%;
    left: 50%;
}

.denmark {
    top: 15%;
    left: 48.3%;
}

.sweden {
    top: 11%;
    left: 49%;
}

.finland {
    top: 11%;
    left: 52%;
}

.ireland {
    top: 22%;
    left: 46%;
}

.united-states {
    top: 40%;
    left: 25%;
}

.canada {
    top: 31%;
    left: 23%;
}

.turkey {
    top: 28%;
    left: 57.5%;
}

.russia {
    top: 12%;
    left: 65.5%;
}

.all-merrics {
    display: flex;
    justify-content: center;
    gap: 60px;
    margin-top: 25px;
    text-align: center;
}

.intra-metrics .metrics-title {
    font-family: 'myfirstfont-Light';
    font-size: 21px;
    line-height: 30px;
    color: var(--main-color);
}

.cont-main {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-family: 'myfirstfont-Medium';
    font-size: 35px;
    line-height: 60px;
    color: var(--main-color); 
}

.intra-metrics:not(:first-child) {
    padding-left: 50px;
    border-left: 1px solid #000;
}
.p-0.border-0 {
    padding: 0;
    border: 0;
}





.box-item {
    position: relative;
    -webkit-backface-visibility: hidden;
    max-width: 100%;
}

.flip-box {
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    perspective: 1000px;
    -webkit-perspective: 1000px;
}

.flip-box-front,
.flip-box-back {
    background-size: cover;
    background-position: center;
    border-radius: 0px;
    min-height: 120px;
    -ms-transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
    transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
    -webkit-transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    /* border: 1px solid #f1f1f1; */
    background: #fff;
    box-shadow: 0px 0px 15px 0px #00000012;
}

.flip-box-front {
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flip-box:hover .flip-box-front {
    -ms-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flip-box-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flip-box:hover .flip-box-back {
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flip-box .inner {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0px;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
    perspective: inherit;
    z-index: 2;
    transform: translateY(-50%) translateZ(60px) scale(.94);
    -webkit-transform: translateY(-50%) translateZ(60px) scale(.94);
    -ms-transform: translateY(-50%) translateZ(60px) scale(.94);
    top: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px;
    text-align: left;
}

.flip-box-header {
    font-size: 34px;
}

/* .flip-box p {
    font-size: 20px;
    line-height: 1.5em;
} */

.flip-box-img {
    margin-top: 25px;
}

.flip-box-button {
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    margin-top: 25px;
    padding: 15px 20px;
    text-transform: uppercase;
}

.flip-box-back p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0;
    width: 100%;
    text-align: left;
}

.flip-box-back p:first-child {
    font-weight: bold;
    font-family: 'mysecondfont-SemiBold';
}

.flip-box-back p:last-child {
    text-transform: capitalize;
}




.research-accordion {
    margin-left: 0;
}

.product-img img {
    width: 100%;
}

.infras-tab-row .tab.infras-tab {
    margin-top: 50px;
    gap: 20px;
}

.infras-tab-row .tab.infras-tab::after {
    background: none;
}

.infras-tab-row .tab.infras-tab button {
    padding: 10px 20px;
    background: #ffecde;
}

.infras-tab-row .tab.infras-tab button.active {
    border-bottom: none;
    color: #fff;
    background: var(--main-color);
}

.mobile-sticky {
}

.mobile-sticky a {
    padding: 10px;
    text-align: center;
    width: 25%;
    background-color: #ffecde;
    border: 1px solid #ffffff6c;
    color: #000;
}

.mobile-sticky a.active {
    color: #fff;
    background: var(--main-color);
}

.bar-en {
    width: 100%;
    position: fixed;
    bottom: 0px;
    z-index: 4;
    display: inline-block;
    background-color: #fff;
    opacity: 0;
}

.opening-accordion .opening-txt ul li {
    position: relative;
    padding-left: 16px;
    margin-bottom: 10px;
}

.opening-accordion .opening-txt ul li:before {
    content: "\f0c8";
    position: absolute;
    left: 0;
    font-family: FontAwesome;
    color: #513b2a;
    font-size: 9px;
}

.ytb-box
{
    position: relative;
}
.btn-play {
    position: absolute;
    top: 40%;
    width: 100%;
    padding: 0;
    z-index: 3;
    text-align: center;
}

.vdo-title {
    text-align: center;
    font-family: 'myfirstfont-Medium';
    color: var(--main-color);
    font-size: 23px;
    line-height: 45px;
    margin-top: 14px;
}
.youtube-video
{
    width: 100%;
    aspect-ratio: 16/9;
}

.btn-vdoclose {
    float: right;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 40px;
}

.mission-txt ul li
{
    position: relative;
    padding-left: 20px;
}

.mission-txt ul li:before{
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 8px;
    height: 8px;
    background: var(--main-color)
}

.current-opening.career-sec.new-faqsec {
    background: #F3E5DA;
    overflow: hidden;
    position: relative;
    margin-top: 60px;
    padding: 60px;
    border-radius: 30px;
}

.faq-shape {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
}

.accordion.faqs-accordion {
    z-index: 2;
    position: relative;
}


.current-opening.new-faqsec .accordion-button {
    font-size: 20px;
    line-height: 28px;
}

.current-opening.new-faqsec .accordion-body {
    background-color: #ffffff;
}

/* Responsive CSS Start */

@media (max-width: 1600px) {

   /* .inner-bnr-txt {
        padding: 220px 0 130px;
    }*/
    
    .inner-brn-img
    {
        height: 580px;
    }

    .inner-bnr-txt h1 {
        font-size: 40px;
        line-height: 55px;
    }

    .mission-row .growth-txt {
        margin-left: 30px;
    }

    .mission-sec .mission-con .growth-txt h3 {
        font-size: 45px;
        line-height: 55px;
    }

    .vision-row .growth-txt {
        margin-right: 30px;
    }

    .vibe-sec ul {
        margin-left: 10px;
    }

    .vibe-sec .mx-cont label span {
        font-size: 45px;
        line-height: 55px;
    }

    .austria {
        bottom: 15%;
        right: 9%;
    }

    .canada {
        top: 31%;
        left: 18%;
    }

    .united-states {
        top: 38%;
        left: 21%;
    }

    .garmentlist li {
        padding: 4px 10px 4px 10px;
        font-size: 14px;
    }

    .cont-main {
        font-size: 30px;
        line-height: 50px;
    }

    .intra-metrics .metrics-title {
        font-size: 19px;
        line-height: 28px;
    }

}

@media (max-width: 1440px) {

    .garment-row:nth-child(even) .infras-txt, .inner-infrastructure .row:nth-child(even) .infras-txt {
        padding-right: 30px;
    }

    .infras-txt {
        padding-left: 30px;
    }

    .tabs {
        width: 90%;
    }

    .content {
        padding: 0px 50px 20px;
    }

    .product-content .row.product-row {
        margin-top: 50px;
        padding: 40px;
    }

    .infras-tab-row .tab button {
        font-size: 19px;
    }
    
    .garmentlist li a {
        padding: 0px 10px 0px 5px;
        font-size: 12px;
    }

}



@media (max-width: 1399px) {

    .core-txt {
        padding: 40px 20px;
    }

    .vibe-sec .counting-box {
        padding: 30px 20px;
    }

    .vibe-sec .mx-cont .count-text {
        font-size: 16px;
        line-height: 26px;
    }

    .tab {
        font-size: 18px;
    }

    .sustainability-sec .row .sustainability-txt h2 {
        font-size: 30px;
        line-height: 40px;
    }

}

@media (max-width: 1280px) {

    /* .inner-bnr-txt {
        padding: 180px 0 80px;
    } */

    /* .inner-bnr-txt h1 {
        font-size: 55px;
        line-height: 65px;
    } */

    .vibe-sec .mx-cont label span {
        font-size: 40px;
        line-height: 50px;
    }

    .growth-txt p {
        margin-bottom: 10px;
    }

    .sustainability-sec .row .sustainability-txt {
        padding: 40px 50px;
    }

}

@media (max-width: 1199px) {

    .inner-bnr-txt h1 {
        font-size: 35px;
        line-height: 50px;
    }

    .mission-row .growth-txt {
        margin-left: 0;
    }

    .vision-row .growth-txt {
        margin-right: 0;
    }

    .mission-sec .mission-con .growth-txt h3 {
        font-size: 40px;
        line-height: 50px;
    }

    .mission-row .mission-txt {
        margin-right: 10px;
    }

    .vision-row .mission-txt {
        margin-left: 10px;
    }

    .mission-sec .mission-con {
        padding-left: 45px;
        padding-right: 45px;
    }

    .core-txt h3, .journey-box h3 {
        font-size: 22px;
        line-height: 32px;
    }

    .tab {
        padding: 13px 20px;
    }

    .product-tab {
        gap: 30px;
    }

    .tabs {
        margin-top: 70px;
    }

    .inner-product .row .inner-product-con {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    /* .inner-product .row:nth-child(even) {
        flex-direction: column-reverse;
    } */

    /* .inner-infrastructure .row {
        padding: 50px 60px;
    } */

    .sustainability-sec .row .sustainability-txt h2 {
        font-size: 26px;
        line-height: 36px;
    }

    .testi-box h3 {
        font-size: 21px;
        line-height: 31px;
    }

    .testi-box span {
        font-size: 14px;
    }

    .current-opening .accordion-button {
        font-size: 22px;
        line-height: 32px;
    }

    .garmentlist li {
        font-size: 14px;
    }

    .cont-main {
        font-size: 25px;
        line-height: 45px;
    }

    .intra-metrics .metrics-title {
        font-size: 17px;
        line-height: 26px;
    }

}

@media (max-width: 1024px) {

    .infras-tab-row .tab button {
        font-size: 17px;
    }

}

@media (max-width: 991px) {

    /* .inner-bnr-txt {
        top: -170px;
    } */

    /* .inner-bnr-txt h1 {
        font-size: 45px;
        line-height: 55px;
    } */

    .vibe-sec ul {
        margin-left: 0;
    }

    .mission-sec .mission-con .growth-txt img {
        margin-bottom: 10px;
        width: 70px;
    }

    .mission-sec .mission-con .growth-txt h3 {
        font-size: 35px;
        line-height: 45px;
    }

    .vision-row .mission-txt {
        margin-left: 0;
    }

    .mission-row .mission-txt {
        margin-right: 0;
    }

    .mission-txt p:last-child {
        margin-bottom: 0;
    }

    /* .inner-infrastructure .row {
        flex-direction: column-reverse !important;
    } */

    /* .inner-infrastructure .row {
        border-radius: 0px 120px !important;
    } */

    .infrastructure-shape {
        border-bottom-left-radius: 120px;
    }

    .infras-txt {
        padding: 0px;
        padding-top: 0;
        padding-left: 0;
    }

    .garment-row:nth-child(even) .infras-txt, .inner-infrastructure .row:nth-child(even) .infras-txt {
        padding-left: 0;
        padding-right: 0px;
    }
    
    .infras-tab-row .tab {
        flex-wrap: wrap;
    }

    /* .inner-infrastructure .row {
        padding: 50px 0px;
    } */

    .policy-accordion, .certificate-txt {
        margin-right: 0;
    }

    .policy-accordion .accordion-button {
        font-size: 22px;
        line-height: 32px;
    }

    .sustainability-sec .row {
        flex-direction: column-reverse !important;
    }

    .quality-policy-con, .policy-accordion {
        margin-left: 0px;
    }

    .vibe-sec ul li {
        width: 50%;
    }

    .timeline-con .row::before, .timeline-con .row::after {
        left: 30px;
    }

    .timeline-con::after {
        left: 19px;
    }

    .timeline-con .row:nth-child(odd) .timeline-date {
        text-align: left;
        margin-right: 60px;
    }

    .timeline-con .row:nth-child(even) .timeline-txt {
        margin-left: 60px;
        margin-right: 0;
    }

    .timeline-con .row .timeline-date {
        margin-bottom: 10px;
        font-size: 22px;
    }

    .timeline-con .row .timeline-txt {
        margin-left: 60px;
    }

    /* .timeline-con .row:nth-child(even) .timeline-txt {
        margin-left: 70px;
        margin-right: 0;
        box-shadow: 6px 8px 0px 0px #000;
    } */

    /* .timeline-con .row:nth-child(even) .timeline-txt::after {
        left: -22px;
        right: auto;
        transform: rotateY(0deg);
    } */

    /* .timeline-txt::after {
        left: -22px;
        border-top: 12px solid transparent;
        border-right: 24px solid #ffffff;
        border-bottom: 12px solid transparent;
    } */

    .timeline-con .row:nth-child(even) .timeline-txt {
        text-align: left;
    }

    .map-figure span {
        width: 8px;
        height: 8px;
        border: 2px solid #fff;
    }


    /* .inner-product-img,
    .inner-product .row:nth-child(even) .inner-product-img {
        padding: 30px 0 10px;
    }

    .inner-product .row:nth-child(even) {
        flex-direction: column-reverse;
    } */

    .inner-product-img {
        background: linear-gradient(180deg, #ffba86, #dfc0a8);
    }

    .inner-product .row:nth-child(even) .inner-product-img {
        background: linear-gradient(0deg, #eddbcd, #ffbd8b);
    }

    /* .product-img-box {
        padding-bottom: 20px;
    } */

    .product-accordion .accordion-item:not(:last-child) {
        margin-bottom: 20px;
    }

    /* .inner-product .row:not(:last-child) {
        margin-bottom: 40px;
    }

    .inner-product .row {
        border-radius: 20px !important;
        padding-bottom: 40px;
    }

    .product-accordion .accordion-item {
        border-radius: 10px !important;
        overflow: hidden;
    } */

    .infras-tab-row .tab.infras-tab button {
        padding: 8px 14px;
    }

    .infras-tab-row .tab.infras-tab {
        margin-top: 40px;
        gap: 10px;
    }
    
    .garment-row:not(:last-child), .inner-infrastructure .row:not(:last-child) {
        padding-bottom: 70px;
        margin-bottom: 50px;
        border-bottom: 1px solid #737373;
    }
    
    .contatc-txt {
        text-align: center;
    }
    
    .contact-form h2 {
        text-align: center;
    }
    
    .career-form .inter-text-para {
        text-align: center;
    }
    
    .career-form img {
        width: 100%;
    }

}

@media (max-width: 767px) {
    video.about-video {
        width: 100%;
        aspect-ratio: 16 / 9;
        height: 100%;
        object-fit: cover;
    }
    .certificate-img {
        padding: 5px;
    }
    /* .cont-main {
        font-size: 30px;
        line-height: 45px;

    }.intra-metrics .metrics-title {
        font-size: 18px;
    } */
    .all-merrics {
        display: block;
    }
    .intra-metrics:not(:first-child) {
        padding-left: 0;
        border-left: 0;
        padding-top: 20px;
        /*border-top: 1px solid #000;*/
        /*margin-top: 30px;*/
    }
    
    .inner-brn-img {
        height: 400px;
    }
/*    .inner-brn {*/
/*    padding-top: 400px;*/
/*}*/

    .inner-product-img .heading {
        right: 20px;
    }

    .inner-product .row:nth-child(even) .heading {
        left: 20px;
    }

    .inner-bnr-txt h1 {
        font-size: 26px;
        line-height: 36px;
    }

    /* .inner-brn {
        padding-top: 65px;
    } */

    /* .mission-img {
        display: none;
    } */

    .mission-sec .o2 {
        order: 3;
    }

    .mission-sec .o3 {
        order: 2;
    }

    /* .inner-bnr-txt {
        padding: 90px 0 50px;
    } */

    /* .inner-bnr-txt {
        top: -225px;
    } */

    .mission-sec .mission-con {
        padding-left: 25px;
        padding-right: 25px;
    }

    .vibe-sec .mx-cont label span {
        font-size: 35px;
        line-height: 45px;
    }

    .vibe-sec .counting-box {
        padding: 15px 15px;
    }

    .mission-sec .mission-con .growth-txt h3 {
        font-size: 30px;
        line-height: 40px;
    }

    /* .inner-infrastructure .row {
        border-radius: 20px 20px !important;
    } */

    .infrastructure-shape {
        border-bottom-left-radius: 60px;
    }

    .policy-accordion .accordion-button {
        font-size: 20px;
        line-height: 30px;
    }

    .sustainability-sec .row {
        margin-left: 0;
        margin-right: 0;
    }

    .sustainability-sec .row .sustainability-txt {
        padding: 30px 30px;
    }

    .sustainability-sec .row .sustainability-txt h2 {
        font-size: 22px;
        line-height: 32px;
    }

    .current-opening .accordion-button {
        font-size: 20px;
        line-height: 30px;
    }

    .contact-form {
        padding: 25px;
    }

    .core-txt h3, .journey-box h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .vibe-sec .mx-cont .count-text {
        font-size: 14px;
        line-height: 22px;
    }

    .timeline-con .row .timeline-txt {
        padding: 0px;
    }

    .product-content .row.product-row {
        margin-top: 30px;
        padding: 10px;
        padding-top: 20px;
    }

    .product-head .heading {
        margin-bottom: 0px;
    }
    
    /*.inner-bnr-txt h1 br {
        display: none;
    }*/
    
    /*  .growth-txt {
        display: flex;
        align-items: center;
        gap: 10px;
        justify-content: flex-start;
    }
    
    .mission-sec .mission-con .growth-txt img {
        margin-bottom: 0;
        width: 60px;
    }*/

}

@media (max-width: 575px) {

    /* .inner-brn {
        padding-top: 60px;
    } */

    /* .inner-bnr-txt h1 {
        font-size: 32px;
        line-height: 42px;
    } */

    .tab-accordion {
        padding: 15px 0px;
    }

    .inner-product {
        padding-left: 10px;
        padding-right: 10px;
    }

    /* .inner-infrastructure .row {
        padding: 30px 0px;
    } */

    .inner-infrastructure {
        margin: 0 10px;
    }

    .inner-infrastructure .row .heading h2 {
        margin-bottom: 12px;
    }

    .journey-slide .journey-box {
        padding: 12px;
    }

    .map-figure span {
        width: 5px;
        height: 5px;
        border: 1px solid #fff;
    }

    .product-content .row.product-row {
        margin-top: 30px;
        padding: 20px 0;
    }

    .infras-tab-row .tab button {
        font-size: 15px;
        margin-bottom: 10px;
    }
    
    .product-content .infras-tab-row .tab button {
        margin-bottom: 0px;
    }
    
    .garment-row:not(:last-child), .inner-infrastructure .row:not(:last-child) {
        padding-bottom: 50px;
        margin-bottom: 30px;
        border-bottom: 1px solid #737373;
    }
    
    .career-testimonial .heading h2 {
        width: 75%;
        margin-left: auto;
        margin-right: auto;
    }
    
    .quality-policy-con .heading h2 {
        width: 80%;
    }
    
    .current-opening.career-sec.new-faqsec {
        padding: 10px;
        padding-top: 30px;
    }

}