body {
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}

* {
    box-sizing: border-box;
}

img {
    width: 100%;
}

a {
    text-decoration: none;
}

.main {
    padding-top: 0px;
    max-width: 100vw;
    overflow-x: hidden;
}

.header-mobile {
    display: none;
}

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

.for-enquiry-mobile-view {
    display: none;
}

.reverse {
    display: none;
}


.underline {
    height: 3px;
    background-color: red;
    margin: 0 auto;
    margin-top: -15px;
}

@keyframes floatY {
    from {
        transform: translateY(1);
    }

    to {
        transform: translateY(-10px);
        how much it moves up
    }
}





/*------ FOR TEXT COME FROM IN TO OUT---------*/
.hidden {
    opacity: 0;
    /*transform: scale(0.6);*/ /* aur chhota start karega */
    /*transition: all 0.9s ease-out;*/ /* thoda slow bhi rakha */

    transform: scale(0.4); /* bahut chhota se start hoga */
    transition: all 1s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.show {
    opacity: 1;
    transform: scale(1); /* final normal size */
}

/*.about-company-heading, .product-heading,
.value-added-heading, .watreat-water-heading {


    CSS IN TO OUT AT THE SAME ALL CONTENT YA TO9 FOR ONE CONTENT ONLY


    animation: grow 1.2s ease-out forwards;
}*/




/*-------FOR-HEADER PAGE-------------*/

.header {
    width: 100%;
    height: auto;
    background-color: white;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: 2px solid #51ed004f;
}

.header-inner {
    display: flex;
    width: 90%;
    margin: auto;
}

.header-logo {
    width: 22%;
    margin: auto;
}

.header-nav {
    width: 56%;
    margin: auto;
}

.header-nav-inner {
    margin: 40px 90px 25px 90px;
}


.nav-container {
    display: flex;
}

.nav-link {
    position: relative;
}

    .nav-link a {
        color: #3a3a3a;
        font-size: 17px;
        font-weight: 500;
        padding: 0 20px 20px 15px;
        font-family: Noto sans;
        display: block;
    }

        .nav-link a:hover {
            color: #74cda0;
            cursor: pointer;
        }

.head-sub-navlink {
    position: absolute;
    padding-top: 12px;
    border-radius: 20px 0px 20px 0px;
    border-top: 2px solid #74cda0;
    border-bottom: 2px solid #74cda0;
    margin: 0px;
    overflow: hidden;
}

.nav-link:hover .sub-navlink {
    display: block;
}

.sub-navlink {
    display: none;
    padding: 4px 0px;
    background-color: white;
    width: 25vw;
}



/* Dropdown arrow */

.arrow > a::after {
    content: "▼";
    font-size: 11px;
    margin-left: 5px;
}

.call-section {
    width: 16%;
    margin: 30px;
}

.call-section-container:hover {
    color: #014b88;
    background-color: white;
    border: 1px solid #014b88;
}

.call-section-container {
    border-radius: 26px;
    background-color: #014b88;
    width: 100%;
    margin: auto;
    text-align: center;
    padding: 14px;
    color: white;
}

    .call-section-container a {
        font-size: 15px;
        color: white;
        font-family: heebo;
    }

.call-section:hover a {
    color: #014b88;
    background-color: white;
}




/*----------HOME PAGE-----------*/

/*--------Swiper Slider Block ---------*/
.swiper-slider-desktop {
    width: 100%;
    margin-top: 112px;
    position: relative;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

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




/*---------About Company Block--------------*/
.separator1 {
    width: 13%;
}

.about-cmpny {
    padding-top: 15px;
    background-color: #EFFAFA;
}

.about-cmpny-containers {
    width: 100%;
    margin: auto;
    max-width: 1200px;
}

    .about-cmpny-containers h3 {
        text-align: center;
        font-size: 33px;
        font-family: 'Nunito Sans';
        color: #014b88;
        font-weight: 600;
    }

.about-cmpny-container {
    display: flex;
    padding-top: 35px;
    gap: 30px;
}

    .about-cmpny-container i {
        font-size: 17px;
        font-family: 'Noto Sans';
        margin-left: 10px;
    }

    .about-cmpny-container b {
        font-size: 17px;
        font-family: 'Noto Sans';
        margin-left: 60px;
        font-weight: 600;
    }

.about-cmpny-img {
    width: 63%;
    transition: 0.5s ease all;
}

    .about-cmpny-img:hover {
        transform: scale(0.9);
        animation: floatY 1s ease-in-out infinite alternate;
    }

.about-cmpny-content {
    font-size: 17px;
    line-height: 35px;
    font-family: 'Noto Sans';
    width: 85%;
}

.blogs {
    margin-top: 29px;
}

.ser {
    color: #ec1d25;
    font-size: 16px;
    font-family: 'Heebo';
    border: 2px solid #ec1d25;
    padding: 10px 25px;
    font-weight: 500;
    border-radius: 28px;
    cursor: pointer;
    position: relative;
}

    /* Arrow icon */
    .ser::after {
        content: "➜";
         /* right arrow */
        margin-left: 10px;
        font-size: 16px;
        transition: 0.3s ease;
        display: inline-block;
        color: #ec1d25;
    }

    /* Hover effect */
    .ser:hover {
        background-color: #ec1d25;
        color: white;
    }

        .ser:hover::after {
            color: white; /* arrow becomes white like your image filter */
        }





/*-----------Product Swiper Block-----------*/

.product-swiper {
    padding: 0px 7px 0px 0px;
    background-color: #EFFAFA;
}

.separator2 {
    width: 8%;
}

.product-swiper-container {
    padding: 30px;
}

    .product-swiper-container h3 {
        text-align: center;
        font-size: 33px;
        font-family: 'Nunito sans';
        color: #014b88;
        font-weight: 600;
        animation: grow 1.2s ease-out forwards;
    }



.custom-swiper-prev::after,
.custom-button-next::after {
    display: none;
}


/* Custom navigation buttons */
.custom-swiper-next,
.custom-swiper-prev {
    position: absolute;
    top: 0;
    cursor: pointer;
    height: 100%;
    display: flex;
    align-items: center;
}

    .custom-swiper-prev img,
    .custom-swiper-next img {
        width: 25px;
        z-index: 1;
        object-fit: contain;
    }

/* Button positions */
.custom-swiper-prev {
    left: -25px;
}

.custom-swiper-next {
    right: -25px;
}

.product-swiper-slider {
    padding-top: 80px;
    width: 100%;
    max-width: 1300px;
    margin: auto;
    position: relative;
}

.cards {
    border: 3px solid white;
    border-radius: 20px;
    display: block;
    transition: 0.5s ease all;
}

    .cards:hover {
        border: 3px solid #ec1d25;
        transform: scale(0.9);
    }

.swiper-content-box {
    padding-bottom: 50px;
}

.swiper-content-box-title {
    color: #014b88;
    font-size: 23px;
    font-family: 'Nunito Sans';
}

    .swiper-content-box-title:hover {
        color: #ec1d25;
    }

.product-swiper-blogs {
    margin-top: 20px;
    text-align: center;
}

.view {
    color: #ec1d25;
    font-size: 16px;
    font-family: 'Heebo';
    border: 2px solid #ec1d25;
    padding: 10px 26px;
    font-weight: 500;
    border-radius: 25px;
    cursor: context-menu;
    position: relative;
}
    /* Arrow icon */
    .view::after {
        content: "➜";
        ; /* right arrow */
        margin-left: 10px;
        font-size: 17px;
        transition: 0.3s ease;
        display: inline-block;
        color: #ec1d25;
    }

    /* Hover effect */
    .view:hover {
        background-color: #ec1d25;
        color: white;
    }

        .view:hover::after {
            color: white; /* arrow becomes white like your image filter */
        }






/*----------Value Service Block------------*/

.value-service {
    padding: 1px;
    background-color: #EFFAFA;
}

.separator3 {
    width: 9%;
}

.value-service-containers {
    width: 99%;
    margin: auto;
}

    .value-service-containers h4 {
        text-align: center;
        font-size: 25px;
        font-family: 'Nunito Sans';
        color: #014b88;
        font-weight: 600;
    }

.value-service-container {
    width: 100%;
    max-width: 1250px;
    padding: 30px;
    display: grid;
    gap: 25px;
    grid-template-columns: 1fr 1fr 1fr;
    margin: auto;
}

.value-service-container1 {
    width: 97%;
    border-radius: 15px;
    row-gap: 20px;
    border: 1px solid black;
    transition: 0.5s ease all;
}

    .value-service-container1:hover {
        transform: scale(1.1);
    }

.value-service-img {
    width: 21%;
    margin: auto;
    margin-top: 15px;
    transition: 0.3s ease;
}

    .value-service-img:hover {
        transform: scale(1.1);
    }

/* Hover effect – change image color to #014B88 */
.value-service-container1:hover img {
    filter: brightness(0) saturate(100%) invert(17%) sepia(81%) saturate(1535%) hue-rotate(186deg) brightness(92%) contrast(97%);
}

.value-service-container1 h5 {
    font-size: 18px;
    color: #014b88;
    font-weight: 400;
    text-align: center;
    font-family: 'Nunito Sans';
}

    .value-service-container1 h5:hover {
        color: #ec1d25;
    }

.last {
    padding: 25px;
}



/* Watreat Water Block*/

.watreat-water {
    padding: 1px;
    background-color: #EFFAFA;
}

.separator4 {
    width: 10%;
}

.watreat-water-containers h3 {
    font-size: 31px;
    font-family: 'Nunito Sans';
    color: #014b88;
    text-align: center;
    font-weight: 500;
}

.watreat-water-container {
    display: flex;
    width: 100%;
    max-width: 1200px;
    margin: auto;
    gap: 25px;
    padding-top: 35px;
    padding-bottom: 20px;
}

.watreat--water-img {
    width: 71%;
    transition: 0.5s ease all;
}

    .watreat--water-img img {
        border-radius: 10px;
    }

    .watreat--water-img:hover {
        transform: scale(0.9);
        animation: floatY 1s ease-in-out infinite alternate;
    }

.watreat-water-content {
    font-size: 17px;
    line-height: 35px;
    font-family: 'Noto Sans';
    width: 68%;
}




/*----------FOOTER BLOCK------------*/

.footer-section-mobileview {
    display: none;
}

.footer-section-desktop {
    display: block;
}

.footer-section {
    background-color: #D0E8FA;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 128px 0px 40px 0px;
    position: relative;
    display: block;
}

.footer-overlay {
    opacity: 0.5;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    inset: 0;
    position: absolute;
}

.elementor-shape-top {
    top: -1px;
}

.elementor-shape {
    direction: ltr;
    left: 0;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
}

.elementor-256 .elementor-element.elementor-element-a978850 > .elementor-shape-top svg {
    height: 110px;
}

.elementor-shape svg {
    display: block;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    width: calc(100% + 1.3px);
}

svg:not(:root) {
    overflow: hidden;
    display: inline;
}

.elementor-shape-fill {
    fill: #014B88;
}

.elementor-shape, .elementor-shape-fill {
    fill: #014B88;
    transform: rotateY(0deg);
    transform-origin: center;
}

.footer-main {
    width: 100%;
    background: #cce6f7;
    padding: 40px 20px;
    color: #002b54;
    position: relative;
}

.footer-main-container {
    position: relative;
}

.elementor-shape-top {
    top: -1px;
}

.elementor-shape {
    direction: ltr;
    left: 0;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
}

.elementor-shape-top svg {
    height: 110px;
}

.elementor-shape svg {
    display: block;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    width: calc(100% + 1.3px);
}

.footer-logo-img {
    width: 26%;
    margin: auto
}

.footer-main-container-inner {
    width: 100%;
    padding-bottom: 55px;
}

.footer-main-container-inner-part {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
    margin: auto;
    max-width: 1200px;
}

.link-heading {
    font-size: 23px;
    text-decoration: underline;
    color: #014b88;
    font-family: 'Noto Sans';
}

.for-link ul {
    margin: 0;
    padding-left: 0;
    list-style-type: none;
}

.for-link li a {
    font-size: 16px;
    color: #3a3a3a;
    line-height: 30px;
    font-family: 'Noto Sans';
    list-style: none;
    margin: 0;
    padding-left: 0;
    transition: 0.5s ease all;
    list-style: none;
}

    .for-link li a:hover {
        color: #4169e1;
        font-size: 18px;
        transform:scale(1.2);
        text-decoration: underline;
    }

.icons {
    display: inline-flex;
    padding-top: 30px;
    gap: 10px;
}

.fb-icon, .insta-icon, .li-icon {
    padding: 3px;
}

    .fb-icon img:hover, .insta-icon img:hover, .li-icon img:hover {
        transform: scale(1.1);
    }

    .fb-icon img {
        background-color: #3b5998;
        border-radius: 50%;
        padding: 8px;
        transition: 0.5s ease all;
    }

    .insta-icon img {
        background-color: #D70909;
        border-radius: 50%;
        padding: 8px;
        transition: 0.5s ease all;
    }

    .li-icon img {
        background-color: #0077b5;
        border-radius: 50%;
        padding: 8px;
        transition: 0.5s ease all;
    }

.aspect-link-content p {
    font-family: 'Noto Sans';
    font-size: 16px;
    line-height: 29px;
    color: #3a3a3a;
}

.contact-section {
    width: 100%;
    margin-top: 20px;
}

.contact-part {
    margin: auto;
    display: flex;
    padding: 7px;
    gap: 12px;
}

.contact {
    display: inline-flex;
    gap: 20px;
    flex-wrap: wrap;
}

.contact-part a:hover {
    color: #014b88;
}

.width {
    width: 9% !important;
}

.icon-img {
    width: 7%;
}

    .icon-img:hover {
        color: #014b88;
    }

.icon-txt {
    font-family: 'Noto Sans';
    font-size: 18px;
    color: black;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

    .icon-txt a {
        color: black;
    }

    .icon-txt:hover {
        color: #014b88;
    }

.chng {
    color: #014b88;
    font-size: 19px;
}




/*############  BACK TO TOP BUTTON ###########*/
#back-to-top-section {
    display: block;
    position: fixed;
    right: 30px;
    z-index: 9999;
}




.back-to-top {
    position: fixed;
    bottom: 45px;
    right: 30px;
    padding: 10px 12px;
    border: none;
    border-radius: 50%;
    background-color: #014B88;
    color: white;
    font-size: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: bounce-infinite 2s infinite ease-in-out;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.4);
    transition: box-shadow 0.5s ease-in-out;
}


    .back-to-top:hover {
        box-shadow: 0 20px 25px rgba(0, 0, 0, 0.5);
        background-color: #DEB144;
        color: #584D66;
    }


@keyframes bounce-infinite {
    0%, 100% {
        transform: translateY(0);
        box-shadow: 0 10px 15px rgba(0, 0, 0, 0.4);
    }

    50% {
        transform: translateY(-15px);
        box-shadow: 0 25px 35px rgba(0, 0, 0, 0.6);
    }
}






/* For Copyright Block*/
.copyright {
    background-color: red;
    width: 100%;
}

.copyright-container {
    display: flex;
}

.copyright-container-inner {
    display: flex;
    width: 70%;
    margin: auto;
}

.for-copyright {
    color: white;
    width: 50%;
    text-align: center;
    font-size: 13px;
    font-family: 'Noto Sans';
}

.for-2tech {
    color: white;
    text-align: center;
    width: 50%;
    font-family: 'Noto Sans';
    font-size: 13px;
}

    .for-2tech a {
        color: white;
    }

        .for-2tech a:hover {
            text-decoration: underline;
        }








/*----------FOR ABOUT PAGE------------*/

.about-company-page {
    margin-top: 112px;
    background-color: var(--e-global-color-astglobalcolor4);
    background-image: url(https://aspectchemicals.in/wp-content/uploads/2021/01/pharma-company-template-hero-bg.svg);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 15px 44px 90px 40px;
    background-color: #EFFAFA;
}

.about-company-container {
    width: 100%;
    max-width: 1200px;
    display: flex;
    margin: auto;
}

.about-company-container-heading {
    font-size: 32px;
    font-family: 'Nunito Sans';
    color: #014b88;
    animation: grow 1.2s ease-out forwards;
}

#ab {
    font-weight: 600;
    margin-bottom: 15px;
}

.separator5 {
    width: 32%;
    margin: 0px 0px;
}

.about-company-container-part {
    width: 49%;
}

.about-company-container-txt {
    font-family: 'Noto Sans';
    font-size: 17px;
    line-height: 35px;
    animation: grow 1.2s ease-out forwards;
}

    .about-company-container-txt b {
        color: red;
    }

.about-company-container-icon-img {
    display: flex;
}

.img1 {
    width: 90%;
    padding: 10px 0px 10px 20px;
}

.img2 {
    width: 93%;
    padding: 10px 0px 10px 20px;
}

.img3 {
    width: 86%;
    padding: 10px 0px 10px 10px;
}

.img4 {
    width: 78%;
    padding: 10px 0px 10px 0px;
}

.img5 {
    width: 80%;
    padding: 10px 0px 10px 0px;
}

.about-company-container-swiper-img {
    width: 42%;
    margin: auto;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0px 0px 3px 0px;
    position: relative;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

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

.custom-swiper-prev::after,
.custom-button-next::after {
    display: none;
}

/* Custom navigation buttons */
.custom-arrow-next,
.custom-arrow-prev {
    position: absolute;
    top: 0;
    cursor: pointer;
    height: 100%;
    display: flex;
    align-items: center;
}

    .custom-arrow-prev img,
    .custom-arrow-next img {
        width: 25px;
        object-fit: contain;
        z-index: 1;
    }

/* Button positions */
.custom-arrow-prev {
    left: 0px;
}

.custom-arrow-next {
    right: 0px;
}

.two img {
    width: 22px;
}




.custom-swiper-prev1::after,
.custom-button-next1::after {
    display: none;
}

/* Custom navigation buttons */
.custom-arrow-next1,
.custom-arrow-prev1 {
    position: absolute;
    top: 0;
    cursor: pointer;
    height: 100%;
    display: flex;
    align-items: center;
}

    .custom-arrow-prev1 img,
    .custom-arrow-next1 img {
        width: 25px;
        object-fit: contain;
        z-index: 1;
    }

/* Button positions */
.custom-arrow-prev1 {
    left: 0px;
}

.custom-arrow-next1 {
    right: 0px;
}





/*  Aspect Chemical Block*/
.about-aspect-chemicals {
    background-color: #EFFAFA;
}

.separator6, .separator7 {
    width: 10%;
}

.about-aspect-chemicals-container {
}

.about-aspect-chemicals-container1 {
    padding: 5px;
    max-width: 1200px;
    margin: auto;
    width: 100%;
}

.about-aspect-chemicals-heading {
    font-family: 'Nunito Sans';
    font-size: 29px;
    letter-spacing: 1px;
    text-align: center;
    color: #014b88;
}

.about-aspect-chemicals-content {
    display: flex;
    width: 100%;
    max-width: 1320px;
    margin: auto;
    padding-top: 30px;
    gap: 10px;
}

.about-aspect-chemicals-swiper {
    border-radius: 20px;
    width: 47%;
    overflow: hidden;
    margin: auto;
    position: relative;
}



.about-aspect-chemicals-container2 {
    padding-top: 45px;
    max-width: 1200px;
    margin: auto;
    width: 100%;
}

about-aspect-chemicals-container3 {
    padding: 50px;
    max-width: 1200px;
    margin: auto;
    width: 100%;
}

.about-aspect-chemicals-container4 {
    padding-top: 50px;
    max-width: 1200px;
    margin: auto;
    width: 100%;
}

.about-aspect-chemicals-container-inner {
    display: flex;
    width: 100%;
    max-width: 1200px;
    margin: auto;
    gap: 10px;
}

.about-aspect-chemicals-container-txt {
    font-size: 17px;
    font-family: 'Noto Sans';
    margin: auto;
    line-height: 35px;
    width: 50%;
}

#id {
    font-family: libre caslon;
}

.about-aspect-chemicals-container-img {
    width: 47%;
    margin: auto;
    transition: 0.5s ease all;
}

    .about-aspect-chemicals-container-img:hover {
        transform: scale(0.9);
        animation: floatY 1s ease-in-out infinite alternate;
    }

    .about-aspect-chemicals-container-img img {
        border-radius: 10px;
        box-shadow: 4px 14px 20px 0px rgba(0, 0, 0, 0.44);
    }

.three {
    width: 85%;
}






/*------ About Section3 Block------*/

.about-section3 {
    background-color: #EFFAFA;
    padding-top: 50px;
}

.about-section3-containers {
    max-width: 1200px;
    width: 100%;
    margin: auto;
}

.about-section3-heading {
    display: flex;
    justify-content: center;
    margin: auto;
    gap: 40px;
    font-family: 'Nunito Sans';
    font-size: 29px;
    letter-spacing: 1px;
    color: #014b88;
}

.counter-line {
    min-width: 2px;
    background-color: #014b88;
    margin: 20px;
    height: 68px;
}

.about-section3-block-heading3 {
    font-family: 'Nunito Sans';
    font-size: 29px;
    letter-spacing: 1px;
    color: #014b88;
}

.about-section3-container {
    display: flex;
    padding-top: 25px;
    padding-bottom: 60px;
}

.about-section3-common {
    width: 25%;
    height: 550px;
    position: relative;
    flex: 1 1 0%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin: 0px 10px 0px 0px;
    border-radius: 25px !important;
    transition: 0.5s ease all;
    overflow: hidden;
}

.about-section3-container1 {
    background-image: url('../img/standard-quality-control-collage-1.png');
}

    .about-section3-container1:hover {
        flex: 3 1 0% !important;
        width: 100%;
    }

        .about-section3-container1:hover .about-section3-container-inner-heading {
            visibility: visible;
            opacity: 1;
        }

        .about-section3-container1:hover .about-section3-container-inner-para {
            visibility: visible;
            opacity: 1;
        }

.about-section3-container1-inner {
    visibility: visible;
}

    .about-section3-container1-inner:hover {
        padding: 0 10px;
        position: absolute;
        opacity: 1;
        visibility: visible;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

.overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    align-items: center;
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 1;
    padding: 10px;
    transition: 0.3s ease-in-out;
}

.about-section3-container2 {
    background-image: url('../img/teamwork-dim-modern-lab.jpg');
}

    .about-section3-container2:hover {
        flex: 3 1 0% !important;
        width: 100%;
    }

        .about-section3-container2:hover .about-section3-container-inner-heading {
            visibility: visible;
            opacity: 1;
        }

        .about-section3-container2:hover .about-section3-container-inner-para {
            visibility: visible;
            opacity: 1;
        }


.about-section3-container3 {
    background-image: url('../img/dart-arrow-hitting-target-center-dartboard.png');
}

    .about-section3-container3:hover {
        flex: 3 1 0% !important;
        width: 100%;
    }

        .about-section3-container3:hover .about-section3-container-inner-heading {
            visibility: visible;
            opacity: 1;
        }

        .about-section3-container3:hover .about-section3-container-inner-para {
            visibility: visible;
            opacity: 1;
        }

.about-section3-container-inner-heading {
    font-family: 'Nunito Sans';
    font-size: 32px;
    transform: translate3d(0, -152px, 0);
    color: #E7E9EF !important;
    visibility: hidden;
    opacity: 0;
}

.about-section3-container-inner-para {
    width: 90%;
    margin: auto;
    color: #fff;
    font-size: 15px;
    margin-bottom: 0;
    line-height: 32px;
    transform: translate3d(0, 155px, 0);
    font-family: 'Noto Sans';
    visibility: hidden;
    opacity: 0;
    margin-top: -327px;
}






/*----------WATREAT PAGE-------------*/

.watreat-section {
    background-image: url('../img/watreat-logo-new-R.png');
    Background-position: center center;
    background-repeat: no-repeat;
    background-size: 30% auto;
    padding: 510px 0px 0px 0px;
    background-color: #EFFAFA;
}

.watreat-section-inner {
}

.water-desktop {
    display: block;
}

.water-mobile {
    display: none;
}


.watreat-container-section {
    display: flex;
    gap: 75px;
    max-width: 1200px;
    width: 100%;
    margin: auto;
}

.watreat-section-container1 {
    background-color: #EFFAFA;
    width: 100%;
    margin-top: -75px;
}

.watreat-section-container-img {
    width: 47%;
    transition: 0.5s ease all;
}

    .watreat-section-container-img:hover {
        transform: scale(0.9);
        animation: floatY 1s ease-in-out infinite alternate;
    }

    .watreat-section-container-img img {
        border-radius: 20px;
        box-shadow: 2px 2px 70px 0px rgba(0, 0, 0, 0.34);
    }

.watreat-section-container-txt {
    width: 49%;
    font-family: 'Noto Sans';
    line-height: 33px;
    font-size: 17px;
}

.watreat-section-container-txt-img {
    width: 40%;
    margin-top: 45px;
}






.watreat-section-container2 {
    background-color: #EFFAFA;
    width: 100%;
    padding-top: 55px;
    padding-bottom: 55px;
}

.sec2-img {
    width: 50%;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    display: flex;
}

    .sec2-img img {
        border-radius: 20px;
    }



.watreat-section-container3 {
    background-color: #EFFAFA;
    width: 100%;
    padding-bottom: 40px;
}

#sec3 {
    margin: auto;
}






.watreat-photo-section {
    background-color: #EFFAFA;
    width: 100%;
    padding-top: 1px;
    padding-bottom: 60px;
}

.separator8 {
    width: 9%;
}

watreat-photo-section-container {
}

.watreat-photo-heading {
    font-family: 'Nunito Sans';
    font-size: 29px;
    letter-spacing: 1px;
    text-align: center;
    color: #014b88;
}

.watreat-photo-grid {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding-top: 25px;
}

.watreat-photo-grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
}

.watreat-photo-grid-container1,
.watreat-photo-grid-container2,
.watreat-photo-grid-container3,
.watreat-photo-grid-container4,
.watreat-photo-grid-container5,
.watreat-photo-grid-container6 {
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    border: 8px solid white;
    border-radius: 15px;
}

.photos {
    border-radius: 15px;
    transition: 0.5s ease all;
}

    .photos:hover {
        transform: scale(0.9);
    }







/*-----------CLIENTS PAGE-----------*/
.clients-section-mobile{
    display:none;
}
.clients-section-heading {
    animation: grow 1.2s ease-out forwards;
}

.clients-section {
    padding-top: 40px;
    padding-bottom: 60px;
    background-color: #EFFAFA;
    margin-top: 80px;
}

.separator10 {
    width: 8%;
}

.clients-section-heading {
    font-family: 'Nunito Sans';
    font-size: 32px;
    letter-spacing: 1px;
    text-align: center;
    color: #014b88;
}

.clients-section-container-inner {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding-top: 50px;
}

.clients-section-container1 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 15px;
}

.images {
    border-radius: 20px;
    border: 8px solid lightgrey;
    box-shadow: 6px 6px 5px 0px rgba(0, 0, 0, 0.5);
    transition: 0.5s ease all;
}

    .images:hover {
        transform: scale(0.9);
    }

.clients-section-container2 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 15px;
    margin-top: 20px;
}

.clients-section-container3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 15px;
    margin-top: 20px;
}

.clients-section-container4 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 15px;
    margin-top: 20px;
}

.clients-section-container5 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 15px;
    margin-top: 20px;
}

.clients-section-container6 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 15px;
    margin-top: 20px;
}

.clients-section-container7 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 15px;
    margin-top: 20px;
}

.clients-section-container8 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 15px;
    margin-top: 20px;
}

.clients-section-container9 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 15px;
    margin-top: 20px;
    animation-name: slideInRight;
}




/*-----------CONTACT PAGE-----------*/

.contact-mobile {
    display: none;
}

.contact-block {
    margin-top: 112px;
}




.contact-block-section1 {
    padding: 100px 40px 50px 40px;
    position: relative;
    background-image: url(../img/ai-speeds-up-synthesis-of-important-chemical-building-blocks-367102-960x540-2-rotated.png);
    background-position: center, right;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -4px;
}

.background-overlay {
    position: absolute;
    background-color: #EFFAFA;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.9;
}

.contact-block-section1-container {
    opacity: 0.9;
    position: relative;
}

.contact-block-section1-container-inner {
    display: flex;
    width: 100%;
    max-width: 1200px;
    margin: auto;
}

.contact-block-section1-part1 {
    width: 50%;
    margin: auto;
    padding-bottom: 70px;
}

.contact-block-section1-inner1,
.contact-block-section1-inner2,
.contact-block-section1-inner3 {
    display: flex;
    margin: 15px;
    border-bottom: 1px solid #0000000F;
}

    .contact-block-section1-inner1:hover .loc-icon img,
    .contact-block-section1-inner2:hover .call-icon img,
    .contact-block-section1-inner3:hover .mail-icon img {
        background-color: #800020;
    }

.loc-icon, .call-icon, .mail-icon {
    padding: 13px;
}

    .loc-icon img, .call-icon img, .mail-icon img {
        background-color: #1dbfc1;
        border-radius: 50%;
        padding: 10px;
    }

.loc-txt, .call-txt, .mail-txt {
    margin-top: -15px;
}

    .loc-txt h6, .call-txt h6, .mail-txt h6 {
        color: #014b88;
        text-transform: uppercase;
        font-size: 15px;
        letter-spacing: 1px;
        margin-bottom: 10px;
        font-family: Nunito sans;
    }

.loc-para {
    font-size: 15px;
    font-family: 'Noto Sans';
    line-height: 27px;
    color: #3a3a3a;
}

.call-para, .mail-para {
    font-size: 19px;
    color: #3a3a3a;
    font-family: 'Noto Sans';
    line-height: 27px;
}

.contact-block-section1-inner {
    display: flex;
}

#contact-icon {
    padding: 5px;
    margin-left: 15px;
}

.contact-block-section1-part2 {
    width: 45%;
    background-color: white;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    margin: 0px 60px 0px 0px;
}

    .contact-block-section1-part2:hover {
        background-color: #3A3770;
    }

.contact-form {
    width: 99%;
}

.contact-form1 {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 40px;
}

.label {
    padding: 10px 20px 10px 20px;
    margin: 10px;
}

.name {
    padding: 12px 15px 12px 15px;
    font-size: 17px;
    font-family: 'Noto Sans';
    color: black;
    width: 100%;
}

.textform {
    padding: 12px 15px 95px 15px;
    font-size: 19px;
    font-family: 'Noto Sans';
    color: black;
    width: 100%;
}

.button {
    margin-top: 20px;
    padding: 0px 0px 0px 30px;
}

.submit {
    background-color: white;
    color: #b43041;
    padding: 9px 35px 9px;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Noto Sans';
    border: 1px solid #b43041;
    border-radius: 30px;
}

    .submit:hover {
        background-color: #b43041;
        color: white;
    }




.map {
    width: 100%;
    height: 450px;
    border: 0;
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft;
}

iframe {
    width: 100%;
    height: 450px;
}





/*----------PRODUCT PAGE------------*/
.product-section {
    background-color: #EFFAFA;
    margin-top: 115px;
    padding: 20px;
}

.separator9 {
    width: 10%;
}

.product-section-container {
    width: 90%;
    margin: auto;
    padding-bottom: 35px;
}

.product-heading {
    font-family: 'Nunito Sans';
    font-size: 32px;
    letter-spacing: 1px;
    text-align: center;
    color: #014b88;
}

.product-container-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    max-width: 1200px;
    margin: auto;
    grid-gap: 35px;
    padding-top: 30px;
    padding-bottom: 30px;
}


.product-content {
    overflow: hidden;
    border-radius: 10px;
    transition: 0.5s ease all;
}

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

.product-content-img {
    border-radius: 20px;
    transition: 0.5s ease all;
}

.product-content:hover img {
    transform: scale(1.1);
}


.stack {
    position: relative;
    height: 195px;
    margin-top: -105px;
}

.back-card {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 410px;
    height: 163px;
    border-radius: 10px;
    background-color: #FFEDED;
    transition: 0.5s ease all;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    transform: translateY(0);
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.b2 {
    top: 26px;
}

.b1 {
    top: 13px;
}

.product-content-p {
    background-color: #FFEDED;
    box-shadow: 5px 5px 4px 0px rgba(0, 0, 0, 0.22);
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 423px;
    height: 160px;
    padding: 24px 35px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 10;
    transition: transform 0.3s ease;
}

    .product-content-p h3 {
        margin: 0 0 10px;
        font-size: 17px;
        font-family: 'Noto Sans';
        transition: 0.5s ease all;
    }

.product-content:hover .explore,
.product-content:hover .back-card {
    display: block;
}

.product-content:hover .product-content-p h3 {
    color: #2575fc;
}

.explore {
    cursor: pointer;
    font-family: 'Noto Sans';
    font-size: 16px;
    padding: 11px 30px;
    background-color: #2575fc;
    color: white;
    border-radius: 8px;
    display: none;
    transition: 0.5s ease all;
}

    .explore:hover {
        color: white;
        background-color: red;
    }

.explore-more {
    justify-items: center;
}





/*  common for heading and underline code  for Water Chemicals  */
.description-section-container1 {
    width: 100%;
    max-width: 1400px;
    margin: auto;
}

.water-section {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 95px 0px 25px 0px;
    position: relative;
    height: auto;
}

.water-section-overlay {
    background-color: #000000;
    opacity: 0.8;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}

.water-chemicals-heading {
    font-family: 'Nunito Sans';
    font-size: 42px;
    letter-spacing: 1px;
    text-align: center;
    color: white;
}

    .water-chemicals-heading h5 {
        font-weight: 600;
    }

.description-heading {
    font-size: 24px;
    font-family: 'Nunito Sans';
    color: #99E6FF;
}

    .description-heading h4 {
        font-weight: 500;
    }

.underline1 {
    height: 3px;
    background-color: white;
    margin: 0 auto;
    margin-top: -35px;
}

.water-section-container1-para {
    color: white;
    font-family: 'Noto Sans';
    font-size: 17px;
    line-height: 32px;
}


.water-section-container2-para {
    color: white;
    font-family: 'Noto Sans';
    font-size: 17px;
}

.thermax-heading, .maxtreat-heading {
    font-size: 24px;
    font-family: 'Nunito Sans';
    color: #99E6FF;
}

    .thermax-heading, .maxtreat-heading h5 {
        font-weight: 500;
    }

.separator11 {
    width: 13%;
}

.thermax-section-container2, .maxtreat-section-container2 {
    width: 100%;
    max-width: 1400px;
    margin: auto;
}




/*-----------COOLING WATER PAGE----------*/
.cooling-water-section {
    background-image: url('../img/GettyImages-692869882.png');
}


.cooling-water-section-container {
    position: relative;
}




.cooling-water-section2 {
    position: relative;
    padding-top: 50px;
    padding-bottom: 50PX;
}

.cooling-water-section2-container {
    display: flex;
    width: 100%;
    max-width: 1400px;
    margin: auto;
    gap: 15px;
}

.table-main-head {
    width: 100%;
}

.table-content {
    border-collapse: collapse;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    table-layout: fixed;
    border: 1px solid white;
    width: 100%
}

.table-head {
}

.for-table {
    width: 54%;
    margin: auto;
    overflow: hidden;
    border: 1px solid white;
    border-radius: 10px;
}

.for-th {
    background-color: #2d3E90;
    color: white;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Montserrat';
    border-bottom: 2px solid white;
}

.table-body td {
    padding: 10px 10px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 12px;
    font-family: 'Montserrat';
    color: #FFFFFF;
    letter-spacing: 1px;
    text-align: start;
}

.table-body td {
    border-right: 1px solid #eaeaea;
}

.for-img {
    width: 46%;
    transition: 0.5s ease all;
}

    .for-img:hover {
        opacity: 0.8;
        transform: scale(0.9);
        animation: floatY 1s ease-in-out infinite alternate;
    }

    .for-img img {
        border-radius: 15px 15px 0px 0px;
    }





/*---------CHILLED WATER PAGE-----------*/

.chilled-water-section {
    background-image: url('../img/GettyImages-692869882.png');
}

.chilled-water-section-container {
    position: relative;
}




.chilled-water-section2 {
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
}

.chilled-water-section2-container {
    display: flex;
    width: 100%;
    max-width: 1400px;
    margin: auto;
    gap: 15px;
}

.chilled-table {
    margin: auto;
}




/*---------BOILER WATER PAGE------------*/

.boiler-water-section {
    background-image: url('../img/GettyImages-692869882.png');
}

.boiler-water-section-container {
    position: relative;
}




.boiler-water-section-container2-para {
    color: white;
    font-family: 'Noto Sans';
    font-size: 17px;
}

    .boiler-water-section-container2-para p {
        color: white;
        font-family: 'Noto Sans';
        font-size: 17px;
        line-height: 37px;
    }




.boiler-water-section2 {
    position: relative;
    padding: 50px;
}

.boiler-water-section2-container {
    display: flex;
    width: 100%;
    max-width: 1400px;
    margin: auto;
    gap: 15px;
}

.main-table {
    width: 80%;
}

.boiler-water-table {
    width: 100%;
}

.boiler-water-table3 {
    width: 100%;
    padding-top: 50px;
}

.nsf-section {
    display: flex;
    position: relative;
}

    .nsf-section h5 {
        color: green;
        font-size: 20px;
        font-family: 'Nunito-sans';
    }

    .nsf-section img {
        width: 6%;
        height: 0%;
        padding-top: 25px;
    }

.boiler-img {
    margin: auto;
    width: 45%;
}




/*---------R O CHEMICAL PAGE----------*/

.r-o-water-section {
    background-image: url('../img/GettyImages-692869882.png');
}

.r-o-water-section-container {
    position: relative;
}


strong {
    text-decoration: underline;
}




.r-o-water-section-container2-heading {
    font-size: 25px;
    font-family: 'Nunito Sans';
    color: #99E6FF;
}


.r-o-water-section-container2-para p {
    color: white;
    font-family: 'Noto Sans';
    font-size: 19px;
}




.r-o-water-section2 {
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
}

.r-o-water-section2-container {
    display: flex;
    width: 100%;
    max-width: 1400px;
    margin: auto;
    gap: 15px;
}

.r-o-water-table {
    width: 100%;
}

.r-o-water-table3 {
    width: 100%;
    margin-top: 50px;
}

.r-o-img {
    margin: auto;
    width: 45%;
}





/*----------POLYELECTROLYTE RAW H2O-----------*/

.polyelectrolyte {
    background-image: url('../img/GettyImages-692869882.png');
}

.polyelectrolyte-container {
    position: relative;
}





.polyelectrolyte-container2-heading {
    font-size: 25px;
    font-family: 'Nunito Sans';
    color: #99E6FF;
}

.polyelectrolyte-container3 {
    width: 100%;
    max-width: 1400px;
    margin: auto;
    position: relative;
}

.polyelectrolyte-container3-para {
    margin-left: 55px;
}

.wpr-feature-list-line {
    border-color: #6A65FF;
    border-left-width: 3px;
    border-left-style: solid;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
}

.polyelectrolyte-icon-para {
    display: flex;
    margin-bottom: 35px;
    align-items: center;
}

.flag-icon {
    background-color: #966CE6 !important;
}

.polyelectrolyte-icon {
    width: 85px;
    height: 82px;
    background-color: #6A65FF;
    border-style: none;
    border-radius: 5px;
    justify-content: center;
    margin-right: 25px;
    position: relative;
    font-size: 46px;
    align-items: center;
}

    .polyelectrolyte-icon img {
        width: 35%;
        margin: 25px 25px;
    }

.polyelectrolyte-para {
    color: white;
    font-family: 'Roboto';
    font-size: 17px;
    margin-left: 25px;
}





/*--------FIRE SIDE CLEANING PAGE---------*/
.fire-side-section {
    background-image: url('../img/GettyImages-692869882.png');
}

.fire-side-section-container {
    position: relative;
}


.fire-side-section-container2 {
    margin: auto;
    width: 85%;
}

.fire-side-section-container2-heading {
    font-size: 25px;
    font-family: 'Nunito Sans';
    color: #99E6FF;
}




.fire-side-section2 {
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
}

.fire-side-section2-container {
    display: flex;
    width: 100%;
    max-width: 1400px;
    margin: auto;
    gap: 15px;
}

.fire-side-img {
    width: 45%;
    height: auto;
}




/*--------INDUSTRIAL WATER TREATMENT PAGE--------*/

.industrial-water-section {
    background-image: url('../img/GettyImages-692869882.png');
}

.industrial-water-section-container {
    position: relative;
}


.industrial-water-section-container2 {
    margin: auto;
    width: 85%;
}

.industrial-water-section-container2-heading {
    font-size: 25px;
    font-family: 'Nunito Sans';
    color: #99E6FF;
}




.industrial-water-section2 {
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
}

.industrial-water-section2-container {
    display: flex;
    width: 100%;
    max-width: 1400px;
    margin: auto;
    gap: 15px;
}

.industrial-table {
    margin: auto;
}

.industrial-water-img {
    width: 45%;
    height: auto;
}





/*--------ONLINE-DEYTECTION PAGE----------*/

.online-detection-section-heading,
.online-detection-container-heading,
online-detection-container-heading,
.online-detection-container-heading,
.online-detection-container-heading {
    animation: grow 1.2s ease-out forwards;
}

.online-detection-container-heading {
    font-family: 'Nunito Sans';
    font-size: 25px;
    letter-spacing: 1px;
    color: #014b88;
    text-align: center;
    text-transform: uppercase;
}


.online-detection-section {
    margin-top: 116px;
    background-color: #EFFAFA;
}

.separator12 {
    width: 6%;
}

.online-detection-section-container {
    padding-top: 30px;
    padding-bottom: 30px;
}

.online-detection-section-container1 {
    display: flex;
    width: 80%;
    margin: auto;
    padding-top: 30px;
}

.online-detection-section-heading {
    font-family: 'Nunito Sans';
    font-size: 31px;
    letter-spacing: 1px;
    text-align: center;
    color: #014b88;
}


.online-detection-section-img {
    width: 35%;
    transition: 0.5s ease all;
}

    .online-detection-section-img:hover {
        transform: scale(0.9);
        animation: floatY 1s ease-in-out infinite alternate;
    }

.online-detection-section-para {
    margin: auto;
    font-size: 17px;
    font-family: 'Noto Sans';
    line-height: 34px;
    width: 61%;
    color: #3a3a3a;
}



.online-detection-section-container2-part {
    display: flex;
    width: 100%;
    max-width: 1400px;
    margin: auto;
    padding-top: 30px;
}

.separator13 {
    width: 18%;
}

.online-detection-section-container2-list li {
    font-weight: bolder;
}




.online-detection-section-container3 {
    width: 100%;
    max-width: 1300px;
    margin: auto;
    padding-top: 20px;
}

.separator14 {
    width: 19%;
}

.online-detection-img-para {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-top: 25px;
}

.online-detection-img-para-content1,
.online-detection-img-para-content2,
.online-detection-img-para-content3,
.online-detection-img-para-content4,
.online-detection-img-para-content5,
.online-detection-img-para-content6 {
    display: flex;
    gap: 55px;
    padding: 10px;
}

.online-detection-icon-img {
    width: 10%;
}

.online-detection-icon-para {
    font-size: 17px;
    font-family: 'Noto Sans';
    line-height: 34px;
    width: 80%;
    color: #3a3a3a;
}



.online-detection-section-container4 {
}

.separator15 {
    width: 6%;
}

.feature-table {
    border: 1px solid black;
    border-radius: 15px;
    width: 80%;
    margin: auto;
    margin-top: 25px;
}

thead th {
    font-size: 17px;
    font-family: Montserrat;
    background-color: #e6f7f9;
    font-weight: bold;
    border-radius: 11px;
}

tbody tr:nth-child(even) {
}

tr td {
    font-family: Montserrat;
    font-size: 16px;
}

th, td {
    border: 1px solid #ccc;
    padding: 12px 16px;
    text-align: center;
}

    td img {
        width: 7%;
    }

.online-detection-section-container5 {
    display: flex;
    padding-top: 70px;
    padding-bottom: 70px;
    width: 100%;
    max-width: 1400px;
    margin: auto;
}

.separator16 {
    width: 5%;
    margin: 0px;
    margin-top: -30px;
}

.benefit {
    text-align: start;
}

.online-detection-section-container5-img {
    transition: 0.5s ease all;
}

    .online-detection-section-container5-img:hover {
        transform: scale(0.9);
        animation: floatY 1s ease-in-out infinite alternate;
    }

.online-detection-section-container5-para {
    margin: auto;
}

.online-detection-list li {
    font-family: 'Noto Sans';
    font-size: 17px;
    padding: 4px;
    color: #3a3a3a;
}





.online-detection-section-container6 {
}

.separator17 {
    width: 16%;
}

.graphical-images {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 85%;
    margin: auto;
    grid-gap: 25px;
    padding-top: 25px;
}

.graphical-images1,
.graphical-images2,
.graphical-images3,
.graphical-images4 {
    transition: 0.5s ease all;
}

    .graphical-images1:hover,
    .graphical-images2:hover,
    .graphical-images3:hover,
    .graphical-images4:hover {
        transform: scale(1.1);
    }




/*----------SOLID CHEMISTRY BLOCK--------*/

.solid-chem-section1-heading,
.solid-chem-section5-heading,
.solid-chem-section9-hedaing,
.small-to-big {
    animation: grow 1.2s ease-out forwards;
}

.solid-chem-section1 {
    background-color: #EFFAFA;
    margin-top: 115px;
    padding: 35px;
}

.separator18 {
    width: 20%;
}

.solid-chem-section1-heading {
    font-family: 'Nunito Sans';
    font-size: 25px;
    color: #014b88;
    text-align: center;
    animation: 5s infinite;
}



.solid-chem-section1-container {
    padding-top: 40px;
    padding-bottom: 40px;
    width: 100%;
    margin: auto;
    max-width: 1400px;
    display: flex;
    gap: 30px;
}

.solid-chem-section1-container-img {
    width: 54%;
    transition: 0.5s ease all;
}

    .solid-chem-section1-container-img:hover {
       /* transform: scale(0.9);*/
        animation: floatY 1s ease-in-out infinite alternate;
    }

.solid-chem-section1-container-content {
    width: 50%;
}

.solid-chem-section1-container strong {
    font-size: 17px;
    font-family: 'Noto Sans';
    line-height: 34px;
    color: #3a3a3a;
}

.solid-chem-section1-container-para {
    font-size: 17px;
    font-family: 'Noto Sans';
    line-height: 34px;
    color: #3a3a3a;
}




.solid-chem-section2 {
    background-color: #EFFAFA;
}

.solid-chem-section2-container {
    padding: 40px;
    width: 90%;
    margin: auto;
    display: flex;
    gap: 30px;
}

.solid-chem-section2-heading {
    font-family: 'Nunito Sans';
    font-size: 28px;
    color: #014b88;
    text-align: start;
}

.solid-chem-section2-container-img {
    width: 53%;
    transition: 0.5s ease all;
}

    .solid-chem-section2-container-img:hover {
       /* transform: scale(0.9);*/
        animation: floatY 1s ease-in-out infinite alternate;
    }

.solid-chem-section2-container-content {
    width: 54%;
}

.solid-chem-section2-para {
    font-size: 17px;
    font-family: 'Noto Sans';
    line-height: 34px;
    color: #3a3a3a;
}




.solid-chem-section3 {
    background-color: #EFFAFA;
    padding: 10px;
}

.solid-chem-section3-heading {
    font-family: 'Nunito Sans';
    font-size: 28px;
    color: #014b88;
    text-align: start;
    margin-left: 85px;
}

.solid-chem-section-container3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    width: 90%;
    margin: auto;
}

.solid-chem-section-content1,
.solid-chem-section-content2,
.solid-chem-section-content3,
.solid-chem-section-content4,
.solid-chem-section-content5,
.solid-chem-section-content6 {
    border: 4px solid #3a3a3a;
    border-radius: 15px;
    background-color: #FFFFFF;
    box-shadow: 4px 4px 3px 2px rgba(0, 0, 0, 0.5);
    margin: 0px 20px 20px 0px;
}

    .solid-chem-section-content1:hover,
    .solid-chem-section-content2:hover,
    .solid-chem-section-content3:hover,
    .solid-chem-section-content4:hover,
    .solid-chem-section-content5:hover,
    .solid-chem-section-content6:hover {
        border: 4px solid red;
        background-color: #E9E9E9;
    }

.solid-chem-section-content-inner {
    margin: 30px 0px 30px 0px;
}

.solid-chem-section-content-img {
    width: 17%;
    margin: auto;
}

.solid-chem-section-content-heading {
    font-family: 'Nunito Sans';
    font-size: 16px;
    color: #7DD0A4;
    text-align: center;
}

.solid-chem-section-content-para {
    font-size: 17px;
    font-family: 'Noto Sans';
    line-height: 32px;
    color: #3a3a3a;
    text-align: center;
    width: 93%;
    margin: auto;
}

.summary {
    font-size: 17px;
    font-family: 'Noto Sans';
    line-height: 32px;
    color: #3a3a3a;
    width: 93%;
    margin-left: 85px;
}




.solid-chem-section4 {
    background-color: #EFFAFA;
    padding: 1px;
}

.solid-chem-section4-container {
    width: 90%;
    margin: auto;
}

.solid-chem-section4-heading {
    font-family: 'Nunito Sans';
    font-size: 27px;
    color: #014b88;
    text-align: start;
}

.solid-chem-section4-para {
    font-size: 17px;
    font-family: 'Noto Sans';
    line-height: 34px;
    color: #3a3a3a;
}




.solid-chem-section5 {
    background-color: #EFFAFA;
    padding: 1px;
}

.separator19 {
    width: 14%;
}

.solid-chem-section5-container {
    width: 90%;
    margin: auto;
}

.solid-chem-section5-heading {
    font-family: 'Nunito Sans';
    font-size: 28px;
    color: #014b88;
    text-align: center;
}

.solid-chem-section4-container-inner {
    margin: auto;
    width: 98%;
    display: flex;
    padding-top: 30px;
    gap: 20px;
}

.solid-chem-section5-img img {
    border-radius: 15px;
    transition: 0.5s ease all;
}

    .solid-chem-section5-img img:hover {
      /*  transform: scale(0.9);*/
        animation: floatY 1s ease-in-out infinite alternate;
    }

.solid-chem-section5-content {
    width: 50%;
    margin: auto;
}

.solid-chem-section5-para-heading {
    font-family: 'Nunito Sans';
    font-size: 27px;
    color: #014b88;
    text-align: left;
}

.solid-chem-section5-content p {
    font-size: 17px;
    font-family: 'Noto Sans';
    line-height: 34px;
    color: #3a3a3a;
}




.solid-chem-section6 {
    background-color: #EFFAFA;
    padding: 25px;
}

.solid-chem-section6-container {
    width: 90%;
    margin: auto;
}

.solid-chem-section6-container-inner {
    margin: auto;
    width: 98%;
    display: flex;
}

.solid-chem-section6-img img {
    border-radius: 15px;
    transition: 0.5s ease all;
}

    .solid-chem-section6-img img:hover {
       /* transform: scale(0.9);*/
        animation: floatY 1s ease-in-out infinite alternate;
    }

.solid-chem-section6-content {
    width: 50%;
    margin: auto;
}

.solid-chem-section6-para-heading {
    font-family: 'Nunito Sans';
    font-size: 27px;
    color: #014b88;
    text-align: left;
}

.solid-chem-section6-content p {
    font-size: 17px;
    font-family: 'Noto Sans';
    line-height: 34px;
    color: #3a3a3a;
}



.solid-chem-section7 {
    background-color: #EFFAFA;
    padding: 25px;
}

.solid-chem-section7-container {
    width: 90%;
    margin: auto;
}

.solid-chem-section7-container-inner {
    margin: auto;
    width: 98%;
    display: flex;
    gap: 20px;
}

.solid-chem-section7-img img {
    border-radius: 15px;
    transition: 0.5s ease all;
}

    .solid-chem-section7-img img:hover {/*
        transform: scale(0.9);*/
        animation: floatY 1s ease-in-out infinite alternate;
    }

.solid-chem-section7-content {
    width: 50%;
    margin: auto;
}

.solid-chem-section7-para-heading {
    font-family: 'Nunito Sans';
    font-size: 27px;
    color: #014b88;
    text-align: left;
}

.solid-chem-section7-content p {
    font-size: 17px;
    font-family: 'Noto Sans';
    line-height: 34px;
    color: #3a3a3a;
}




.solid-chem-section8 {
    background-color: #EFFAFA;
    padding: 25px;
}

.solid-chem-section8-container {
    width: 90%;
    margin: auto;
}

.solid-chem-section8-container-inner {
    margin: auto;
    width: 98%;
    display: flex;
    gap: 20px;
}

.solid-chem-section8-img img {
    border-radius: 15px;
    transition: 0.5s ease all;
}

    .solid-chem-section8-img img:hover {
     /*   transform: scale(0.9);*/
        animation: floatY 1s ease-in-out infinite alternate;
    }

.solid-chem-section8-content {
    width: 50%;
    margin: auto;
}

.solid-chem-section8-para-heading {
    font-family: 'Nunito Sans';
    font-size: 27px;
    color: #014b88;
    text-align: left;
}

.solid-chem-section8-content p {
    font-size: 17px;
    font-family: 'Noto Sans';
    line-height: 34px;
    color: #3a3a3a;
}




.solid-chem-section9 {
    background-color: #EFFAFA;
    padding: 25px;
}

.separator20 {
    width: 13%;
}

.solid-chem-section9-container {
    width: 90%;
    margin: auto;
}

.solid-chem-section9-hedaing {
    font-family: 'Nunito Sans';
    font-size: 29px;
    color: #014b88;
    text-align: center;
}

.solid-chem-section9-container-content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 32px;
    grid-gap: 20px;
    width: 80%;
    margin: auto;
}

.container-content:hover,
.container-content:hover,
.container-content:hover,
.container-content:hover,
.container-content:hover,
.container-content:hover,
.container-content:hover,
.container-content:hover,
.container-content:hover {
    background-color: white;
    transition-duration: 0.3s;
    animation-iteration-count: infinite;
}


.solid-chem-section9-img {
    width: 20%;
    margin: auto;
    padding-top: 20px;
}

.container-content img {
    transition: 0.3s ease;
}

/* On hover container — change image color */
.container-content:hover img {
    filter: brightness(0) saturate(100%) invert(32%) sepia(94%) saturate(657%) hue-rotate(150deg) brightness(95%) contrast(92%);
}

.container-content h4 {
    font-family: 'Nunito Sans';
    font-size: 25px;
    font-weight: 600;
    color: #014b88;
    text-align: center;
    margin-top: 15px;
}




/*----------Thank You Page--------------*/
.thank-page-v2 {
    width: 100%;
    min-height: 80vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
    background-color: #fff;
}

.thank-container-v2 {
    text-align: center;
    max-width: 900px;
    width: 100%;
}

.main-thank {
    font-size: 100px;
    font-weight: 900;
    color: #131D3B;
    font-family: Poppins;
    text-shadow: 6px 6px 15px rgba(13, 62, 255, 0.3);
    margin-bottom: 30px;
}

.thank-text {
    font-size: 27px;
    color: #333;
    margin-bottom: 15px;
    font-family: Poppins;
}