﻿/*From Aditi*/
.about-page {
    width: 100%;
    height: auto;
    overflow-x: hidden;
    font-family: 'Poppins', sans-serif !important;
}

    .about-page .main-content {
        width: 100%;
        height: 100%;
    }

        .about-page .main-content .price-section .price-banner {
            margin-top: -3rem;
        }
        /* cnaZone section css start */
        .about-page .main-content .cnazone {
            width: 100%;
            padding: 6rem 0;
            position: relative;
        }

.cnazone .left-part {
    display: flex;
    flex-direction: column;
    flex: 1;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100%;
}

    .cnazone .left-part .since {
        font-size: 18px;
        line-height: 26px;
        font-weight: 400;
        font-family: "Poppins";
        color: #99C555;
        z-index: 2;
        position: absolute;
        left: 26%;
        top: 70%;
    }

    .cnazone .left-part .year {
        font-size: 80px;
        font-weight: 900;
        line-height: 72px;
        z-index: 2;
        font-family: "Poppins";
        color: #99C555;
        position: absolute;
        bottom: -3%;
        left: 28%;
    }

.cnazone .right-part {
    display: flex;
    flex: 1;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
}

    .cnazone .right-part > p {
        font-size: 16px;
        line-height: 26px;
        font-weight: 400;
        text-align: left;
        margin: 0;
    }

    .cnazone .right-part .card-heading {
        font-size: 20px;
        font-weight: 400;
        color: #008EA3;
        line-height: 20px;
        margin: 0;
    }

    .cnazone .right-part h2 {
        font-size: 40px;
        font-weight: 500;
        margin: 0;
    }

        .cnazone .right-part h2::after {
            content: '';
            display: block;
            width: 15%;
            border: 2px solid #E3913A;
            border-radius: 50px;
            margin-top: 15px;
        }

    .cnazone .right-part ul {
        margin-top: -10px;
        padding-left: 1rem;
    }

        .cnazone .right-part ul li {
            font-size: 16px;
            font-weight: 400;
            line-height: 26px;
            list-style-type: none;
        }

            .cnazone .right-part ul li span {
                font-size: 16px;
                font-weight: 400;
                line-height: 26px;
                color: #E3913A;
            }

/* cnaZone section css end */

/* experts section css start */
.main-content .experts {
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
    padding: 7rem 0;
    position: relative;
}

.experts .corner-img {
    position: absolute;
    right: 10%;
    top: -7%;
    z-index: 2;
}

.experts .experts-content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 3;
}

.experts .experts-heading {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    text-align: center;
}

    .experts .experts-heading p {
        font-size: 20px;
        font-weight: 400;
        line-height: 26px;
        color: #008EA3;
        margin: 0;
    }

    .experts .experts-heading h2 {
        font-size: 40px;
        font-weight: 500;
        line-height: 46px;
        color: #292929;
    }

    .experts .experts-heading .line {
        width: 60px;
        background-color: #E3913A;
        height: 3px;
        border-radius: 50px;
    }

.experts .experts-cards {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin: 3rem 0;
}

    .experts .experts-cards .expert-card {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        height: 100%;
        align-items: center;
        justify-content: center;
        background-color: #ffffff;
        border-radius: 10px;
        padding-bottom: 20px;
    }

        .experts .experts-cards .expert-card .card-topImg {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 90px;
            height: 90px;
            border-radius: 50%;
            margin-top: -5%;
            background-color: #99C555;
        }

        .experts .experts-cards .expert-card .expert-details {
            display: flex;
            flex-direction: column;
            padding: 20px;
            align-items: center;
            justify-content: center;
            text-align: center;
            margin-bottom: auto;
        }

            .experts .experts-cards .expert-card .expert-details h4 {
                font: normal normal 500 22px/28px Poppins;
                letter-spacing: 0px;
                color: #292929;
            }

            .experts .experts-cards .expert-card .expert-details h6 {
                font: normal normal 500 20px/28px Poppins;
                letter-spacing: 2px;
                color: #008EA3;
            }

            .experts .experts-cards .expert-card .expert-details p {
                font: normal normal normal 16px/22px Poppins;
                letter-spacing: 0px;
                color: #555555;
            }

.experts .bottom-right {
    position: absolute;
    bottom: -37%;
    right: 0px;
    width: 250px;
    height: 600px;
    z-index: 1;
    opacity: 0.7;
}

.experts .top-left {
    position: absolute;
    top: -17%;
    left: 0;
    width: 300px;
    height: 500px;
    z-index: 1;
    opacity: 0.7;
}
/* experts section css end */


/* responsive css */

@media screen and (max-width: 1399px) {
    .cnazone .left-part .year {
        left: 24%
    }

    .cnazone .left-part .since {
        left: 22%;
    }
}

@media screen and (max-width: 1199px) {
    .cnazone .left-part .year {
        left: 19%
    }

    .cnazone .left-part .since {
        left: 16%;
    }
}

@media screen and (max-width: 991px) {
    .about-page .main-content .cnazone {
        padding: 4.5rem 0;
    }

    .cnazone .left-part {
        height: unset;
        margin-bottom: 2.5rem;
        margin-top: -1rem;
    }

        .cnazone .left-part img {
            width: 80%;
        }

        .cnazone .left-part .year {
            left: 27%;
            bottom: -10%;
        }

        .cnazone .left-part .since {
            left: 26%;
            top: 78%;
        }

    .experts .corner-img {
        width: 150px;
        height: 180px;
        top: -5%;
    }

    .experts .bottom-right {
        bottom: -23.5%;
    }
}

@media screen and (max-width: 767px) {
    .cnazone .left-part .year {
        left: 25%;
        bottom: -16%;
    }

    .cnazone .left-part .since {
        left: 23%;
        top: 72%;
    }

    .main-content .experts {
        padding: 4rem 0;
    }

    .experts .experts-cards {
        margin-bottom: 0;
    }

    .experts .corner-img {
        width: 120px;
        height: 150px;
        right: 5%;
    }

    .experts .bottom-right {
        bottom: -22%;
    }
}

@media screen and (max-width: 499px) {
    .about-page .main-content .cnazone {
        padding: 2rem 0;
        z-index: 2;
    }

    .cnazone .left-part {
        margin: 0;
    }

        .cnazone .left-part img {
            display: none;
        }

        .cnazone .left-part .year {
            position: unset;
        }

        .cnazone .left-part .since {
            position: unset;
        }

    .main-content .experts {
        padding: 2.5rem 0;
    }

    .experts .corner-img {
        display: none;
    }
}
