/*MODREN CSS end*/
@media only screen and (min-width: 1600px) and (max-width: 1920px) {}

@media only screen and (min-width: 1445px) and (max-width: 1599px) {}

@media only screen and (min-width: 1400px) and (max-width: 1444px) {}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .logo img {
        width: 150px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .logo img {
        width: 150px;
    }

    .nav-link {
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
    }

    .navbar-collapse {
        flex-basis: 100%;
        flex-grow: 1;
        align-items: center;
        background-color: #038073;
        z-index: 99;
    }

    .dropdown-item {
        font-size: 12px;
    }

    .dropdown-menu {
        width: 100%;
        /* full width for tablets */
    }

    .dropdown-menu .list-unstyled {
        columns: 2;
        /* stack items in 1 column */
    }
    
    .navbar-toggler-icon i {
    margin-top: 5px;
    }


    .header1 a {
        position: relative;
        display: inline-block;
        padding: 10px 20px;
        color: #0B6E64;
        text-decoration: none;
        /* text-transform: uppercase; */
        /* letter-spacing: 4px; */
        transition: 0.5s;
        font-size: 10px;
        font-weight: 500;
        font-family: "Manrope", sans-serif;
        overflow: hidden;
        background-color: #52DBCF;
        border-radius: 10px;
    }

    .home1 {
        background-repeat: no-repeat;
        background-size: 100% 100%;
        padding: 150px 0px 60px 0px;
    }

    .home2 h6 {
        color: #fff;
        text-align: center;
        font-size: 14px;
        font-weight: 300;
        font-family: "SF UI Text", sans-serif;
    }

    .home2 h2 {
        color: #fff;
        font-size: 30px;
        font-weight: 700;
        font-family: "SF UI Text", sans-serif;
        width: 80%;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 20px;
    }

    .home2 p {
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
        width: 85%;
        margin: 0 auto;
        text-align: center;
    }

    .home6 {
        margin-top: 80px;
    }

    .home7 {
        padding: 40px 0px;
    }

    .home8 h2 {
        color: #52DBCF;
        font-size: 20px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        margin-bottom: 20px;
    }

    .home8 p {
        color: #fff;
        font-size: 10px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
    }

    .home9 {
        display: flex;
        gap: 20px;
    }

    .home10 {
        line-height: 2;
        padding-left: 0px;
    }

    .home10 li {
        color: #fff;
        font-size: 8px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
    }

    .home3 {
        display: flex;
        gap: 10px;
        margin-top: 20px;
    }

    .home12 {
        padding: 40px 0px;
        position: relative;
    }

    .home13 {
        justify-content: center;
        background-color: #0B6E64;
        padding: 40px 0px 20px 0px;
        width: 95%;
        margin: 0 auto;
        border-radius: 30px;
    }

    .home14 h2 {
        color: #fff;
        font-size: 28px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        width: 100%;
    }

    .home14 h4 {
        color: #52DBCF;
        font-size: 28px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        width: 100%;
    }

    .home15 {
        position: absolute;
        bottom: -15px;
        left: 8%;
    }

    .home15 img {
        width: 300px;
        height: auto;
    }

    .home16 img {
        width: 20px;
    }

    .home16 h2 {
        color: #52DBCF;
        font-size: 14px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        width: 100%;
        margin: 10px 0px;
    }

    .home16 p {
        color: #fff;
        font-size: 13px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
        height: 80px;
        overflow: auto;
        scrollbar-width: none;
    }

    .home18 h4 {
        color: #fff;
        font-size: 30px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        margin-bottom: 20px;
    }

    .home18 p {
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
    }

    .home5 a {
        background-color: transparent;
        color: #fff;
        font-size: 12px;
        font-weight: 500;
        font-family: "Manrope", sans-serif;
        padding: 10px 20px;
        border: 1px solid #fff;
        border-radius: 10px;
    }

    .home4 a {
        display: block;
        /* margin: 50px auto; */
        position: relative;
        overflow: hidden;
        width: 140px;
        padding: 10px 20px;
        border-radius: 10px;
        cursor: pointer;
        font-size: 12px;
        font-weight: 500;
        font-family: "Manrope", sans-serif;
        border: 1px solid #52DBCF;
        background-color: #52DBCF;
        color: #fff;
        text-align: center;
        text-decoration: none;
        z-index: 1;
        transition: all 0.5s ease-in-out;
        box-shadow: inset 0px 0px 3px #52DBCF;
    }

    .home20 {
        position: relative;
        z-index: 1;
        padding: 40px 0px;
    }

    .home21 h4 {
        color: #52DBCF;
        text-align: center;
        font-size: 14px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        line-height: 2;
    }

    .home21 h2 {
        color: #fff;
        font-size: 22px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        width: 70%;
        margin: 0 auto;
        text-align: center;
    }

    .home22 {
        justify-content: center;
        margin-top: 30px;
    }

    .home23 {
        background-color: #F3F3F3;
        padding: 25px 30px;
        border-radius: 15px;
    }

    .home25 h2 {
        color: #1E1E1E;
        font-size: 20px;
        font-weight: 600;
        font-family: "SF UI Text", sans-serif;
    }

    .home25 p {
        color: #1E1E1E;
        font-size: 10px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
    }

    .home25 a {
        background-color: #52DBCF;
        color: #000;
        padding: 10px 20px;
        font-size: 10px;
        font-weight: 600;
        font-family: "Manrope", sans-serif;
        border: 1px solid #52DBCF;
        border-radius: 10px;
    }

    .home20 .nav-link {
        color: #7C7C7C;
        font-size: 12px;
        font-weight: 400;
        border: 1px solid #646464;
        border-radius: 15px;
        margin-bottom: 10px;
        text-align: left;
        width: 180px;
        padding: 10px 20px;
    }

    .home20::before {
        content: "";
        position: absolute;
        top: 15%;
        left: 0;
        width: 140px;
        height: 450px;
        background-image: url(../images/pic10.png);
        background-repeat: no-repeat;
        background-size: cover;
        z-index: -1;
    }

    .home20::after {
        content: "";
        position: absolute;
        top: 10%;
        right: 0;
        width: 160px;
        height: 320px;
        background-image: url(../images/pic11.png);
        background-repeat: no-repeat;
        background-size: cover;
        z-index: -1;
    }

    .home27 h2 {
        color: #fff;
        font-size: 25px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        /* width: 90%; */
    }

    .home27 p {
        color: #fff;
        font-size: 10px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
    }

    .home26::before {
        content: "";
        position: absolute;
        top: -12%;
        left: 0%;
        width: 383px;
        height: 600px;
        background-image: url(../images/pic14.png);
        background-repeat: no-repeat;
        background-size: cover;
        /* z-index: -1; */
    }

    .home31 {
        padding: 40px 0px 40px 0px;
    }

    .home32 h4 {
        color: #52DBCF;
        font-size: 25px;
        font-weight: 600;
        font-family: "SF UI Text", sans-serif;
        text-align: center;
        line-height: 2;
    }

    .home32 p {
        color: #fff;
        font-size: 10px;
        font-weight: 300;
        font-family: "SF UI Text", sans-serif;
        text-align: center;
        width: 75%;
        margin: 0 auto;
    }

    .home33 {
        background-image: url(../images/pic21.png);
        background-repeat: repeat;
        background-size: 100% 100%;
        padding: 40px 0px;
    }

    .home34 h4 {
        color: #52DBCF;
        font-size: 20px;
        font-weight: 600;
        font-family: "SF UI Text", sans-serif;
        margin-bottom: 15px;
    }

    .home34 p {
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
    }

    .home35 img {
        margin-left: -15px;
        width: 45px;
    }

    .stars {
        color: #ffc107;
        font-size: 20px;
    }

    .stars1 span {
        color: #fff;
        padding: 0px 2px;
        font-size: 10px;
    }

    .home39 h2 {
        color: #000;
        font-size: 14px;
        font-weight: 600;
        font-family: "Roboto", sans-serif;
        margin-bottom: 10px;
    }

    .home39 p {
        color: #000;
        font-size: 12px;
        font-weight: 400;
        font-family: "Roboto", sans-serif;
        height: 70px;
        overflow: auto;
        scrollbar-width: none;
    }

    .home39 h6 {
        color: #000;
        font-size: 10px;
        font-weight: 600;
        font-family: "Roboto", sans-serif;
    }

    .home41 h2 {
        color: #fff;
        font-size: 30px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        width: 90%;
    }

    .home41 p {
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
    }

    .footer2 p {
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        margin-bottom: 0;
        padding-left: 15px;
    }

    .footer5 h4 {
        color: #52DBCF;
        font-size: 14px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
    }

    .footer6 li a {
        color: #fff;
        font-size: 11px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
    }

    .footer7 h4 {
        color: #52DBCF;
        font-size: 12px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
    }

    .footer8 li {
        margin-bottom: 15px;
    }

    .footer8 li a {
        color: #fff;
        font-size: 10px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
    }

    .social {
        margin-top: 10px;
    }

    .social1 li a {
        background-color: #52DBCF;
        color: #fff;
        font-size: 12px;
        width: 25px;
        height: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #52DBCF;
        border-radius: 50%;
        transition: all 0.3s ease;
    }

    .social1 {
        display: flex;
        align-items: center;
        gap: 5px;
        padding-left: 0px;
    }

    .footer9 h4 {
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        margin-bottom: 20px;
    }

    .footer10 input {
        padding: 10px 20px;
        font-size: 14px;
        border-radius: 10px;
        font-family: "SF UI Text", sans-serif;
    }


    .footer10 textarea {
        padding: 10px 20px;
        font-size: 11px;
        border-radius: 10px;
        font-family: "SF UI Text", sans-serif;
    }

    .footer12 {
        display: flex;
        justify-content: space-between;
        margin-top: 30px;
        align-items: center;
    }

    .footer13 p {
        color: #fff;
        font-size: 12px;
        font-family: "SF UI Text", sans-serif;
        margin-bottom: 0;
    }

    .footer14 a {
        color: #fff;
        font-size: 12px;
        font-family: "SF UI Text", sans-serif;
    }

    .about1 h6 {
        color: #fff;
        font-size: 16px;
        font-weight: 300;
        font-family: "SF UI Text", sans-serif;
    }

    .about1 h2 {
        color: #fff;
        font-size: 25px;
        font-weight: 700;
        font-family: "SF UI Text", sans-serif;
        /* width: 82%; */
    }

    .about1 p {
        color: #fff;
        font-size: 10px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
    }

    .edit25 h4 {
        color: #52DBCF;
        font-size: 20px;
        font-weight: 600;
        font-family: "SF UI Text", sans-serif;
        margin-bottom: 20px;
    }

    .edit25 p {
        color: #fff;
        font-size: 10px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
    }

    .pub3 h2 {
        color: #fff;
        text-align: center;
        font-size: 35px;
        font-weight: 600;
        font-family: "SF UI Text", sans-serif;
        line-height: 2;
    }

    .edit15 h2 {
        color: #52DBCF;
        font-size: 20px;
        font-weight: 600;
        font-family: "SF UI Text", sans-serif;
        margin-bottom: 20px;
    }

    .pub5 li {
        font-size: 10px;
        margin-bottom: 10px;
        color: #fff;
    }

    .pub6 h2 {
        color: #fff;
        text-align: center;
        font-size: 35px;
        font-weight: 600;
        font-family: "SF UI Text", sans-serif;
        width: 85%;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .pub8 h2 {
        color: #fff;
        font-size: 30px;
        font-weight: 600;
        font-family: "SF UI Text", sans-serif;
        margin-bottom: 30px;
        text-align: center;
    }

    .pub9 h2 {
        color: #52DBCF;
        font-size: 20px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
    }

    .edit2 h2 {
        color: #fff;
        font-size: 35px;
        font-weight: 600;
        font-family: "SF UI Text", sans-serif;
        text-align: center;
        width: 90%;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .edit2 h4 {
        color: #52DBCF;
        font-size: 16px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        text-align: center;
        line-height: 2;
    }

    .edit2 p {
        color: #fff;
        font-size: 13px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
        width: 80%;
        margin: 0 auto;
        text-align: center;
    }

    .edit6 h2 {
        color: #52DBCF;
        font-size: 22px;
        font-weight: 600;
        font-family: "SF UI Text", sans-serif;
        width: 80%;
    }

    .edit6 p {
        color: #fff;
        font-size: 10px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
    }

    .edit8 h2 {
        color: #fff;
        font-size: 25px;
        font-weight: 600;
        font-family: "SF UI Text", sans-serif;
        width: 80%;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 10px;
    }

    .edit8 p {
        color: #fff;
        font-size: 10px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
        width: 80%;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 30px;
    }

    .edit9 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        margin: 20px 0;
    }

    .edit15 p {
        color: #fff;
        font-size: 10px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
    }

    .edit16 {
        display: flex;
        gap: 20px;
    }

    .edit17 li {
        color: #fff;
        font-size: 7px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
    }

    .edit19 h2 {
        color: #52DBCF;
        font-size: 20px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        text-align: center;
        line-height: 2;
    }

    .edit19 p {
        color: #fff;
        font-size: 11px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
        text-align: center;
        width: 55%;
        margin: 0 auto;
    }

    .edit20 {
        margin-top: 30px;
        justify-content: center;
    }

    .edit21 {
        background-color: #0B6E64;
        padding: 40px;
        border-radius: 10px;
        margin-top: 20px;
    }

    .edit21 h4 {
        color: #52DBCF;
        font-size: 13px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        margin: 15px 0px;
    }

    .edit24 h2 {
        color: #52DBCF;
        font-size: 20px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        text-align: center;
        width: 80%;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .edit24 p {
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
        text-align: center;
        width: 60%;
        margin: 0 auto;
    }

    .home38 {
        background-color: #fff;
        padding: 20px;
        margin: 30px 0px;
    }

    .auth7::before {
        content: "";
        position: absolute;
        top: 60px;
        left: 0;
        width: 250px;
        height: 170px;
        background-image: url(../images/pic57.png);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .auth8 h2 {
        color: #52DBCF;
        font-size: 22px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        text-align: center;
    }

    .auth8 p {
        color: #fff;
        font-size: 10px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        text-align: center;
    }

    .book {
        position: relative;
        width: 120px;
        cursor: pointer;
        /* overflow: hidden; */
        border-radius: 6px;
    }

    .shelf {
        width: 100%;
        height: 130px;
        background: url(../images/pic106.png) no-repeat center;
        background-size: 100% 100%;
        margin-top: 20px;
    }

    .test1 {
        display: flex;
        justify-content: space-evenly;
        margin-top: 50px;
        gap: 20px;
        align-items: center;
    }

    .test3 p {
        color: #000000;
        font-size: 11px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        margin-top: 20px;
    }

    .stars2 {
        color: #0B6E64;
        font-size: 16px;
        text-align: end;
    }

    .blog2 h4 {
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        margin-top: 20px;
    }

    .blog2 p {
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
    }

    .price2 {
        border: 2px solid #52DBCF;
        border-radius: 10px;
        padding: 20px 30px;
        background-color: #52dbd01f;
        margin-top: 20px;
        height: 630px;
    }

    .price2 h4 {
        color: #52DBCF;
        font-size: 23px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        margin-bottom: 20px;
    }

}

@media only screen and (min-width: 520px) and (max-width: 767px) {}

@media only screen and (min-width: 300px) and (max-width: 519px) {
    .logo img {
        width: 150px;
    }

    .navbar-toggler {
        padding: 6px 10px;
        font-size: 15px;
        line-height: 1;
        background-color: transparent;
        border: 1px solid #52DBCF;
        border-radius: 0.25rem;
        transition: box-shadow 0.15s ease-in-out;
        color: #52DBCF;
    }

    .navbar-toggler-icon i {
    margin-top: 5px;
    }

    .nav-link {
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
    }

    .navbar-collapse {
        flex-basis: 100%;
        flex-grow: 1;
        align-items: center;
        background-color: #038073;
        z-index: 99;
        padding: 10px 20px;
    }

    .dropdown-item {
        font-size: 12px;
    }

    .dropdown-menu {
        width: 100%;
        /* full width for tablets */
    }

    .dropdown-menu .list-unstyled {
        columns: 1;
        /* stack items in 1 column */
    }

    .home1 {
        background-repeat: no-repeat;
        background-size: 100% 100%;
        padding: 100px 20px 30px 20px;
    }

    .home2 h6 {
        color: #fff;
        text-align: center;
        font-size: 12px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
    }

    .home2 h2 {
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        width: 85%;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 10px;
    }

    .home2 p {
        color: #fff;
        font-size: 9px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .home4 a {
        width: 150px;
        padding: 10px 20px;
        border-radius: 10px;
        cursor: pointer;
        font-size: 12px;
        font-weight: 500;
        font-family: "Manrope", sans-serif;
    }

    .home5 a {
        background-color: transparent;
        color: #fff;
        font-size: 12px;
        font-weight: 500;
        font-family: "Manrope", sans-serif;
        padding: 10px 30px;
        border: 1px solid #fff;
        border-radius: 10px;
    }

    .home6 {
        margin-top: 50px;
    }

    .home7 {
        padding: 40px 20px;
    }

    .home8 h2 {
        color: #52DBCF;
        font-size: 20px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        margin-bottom: 20px;
    }

    .home8 p {
        color: #fff;
        font-size: 10px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
    }

    .home9 {
        display: flex;
        gap: 15px;
    }

    .home10 li {
        color: #fff;
        font-size: 8px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
    }

    .home11 {
        margin-top: 30px;
    }

    .home12 {
        padding: 0px 0px;
        position: relative;
    }

    .home13 {
        justify-content: center;
        background-color: #0B6E64;
        padding: 40px 0px 20px 0px;
        width: 95%;
        margin: 0 auto;
        border-radius: 30px;
    }

    .home14 h2 {
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        width: 100%;
        text-align: center;
    }

    .home14 h4 {
        color: #52DBCF;
        font-size: 16px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        width: 100%;
        text-align: center;
        line-height: 2;
    }

    .home16 h2 {
        color: #52DBCF;
        font-size: 16px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        width: 100%;
        margin: 10px 0px;
    }

    .home17 {
        padding: 40px 20px;
    }

    .home15 {
        display: none;
    }

    .home18 h4 {
        color: #fff;
        font-size: 30px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        margin-bottom: 30px;
        text-align: center;
    }

    .home20 {
        position: relative;
        z-index: 1;
        padding: 40px 20px;
    }

    .home21 h4 {
        color: #52DBCF;
        text-align: center;
        font-size: 20px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        line-height: 1.5;
    }

    .home21 h2 {
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        width: 85%;
        margin: 0 auto;
        text-align: center;
    }

    .home22 {
        justify-content: center;
        margin-top: 30px;
    }

    .home20::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 150px;
        height: 500px;
        background-image: url(../images/pic10.png);
        background-repeat: no-repeat;
        background-size: cover;
        z-index: -1;
    }

    .home20::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        width: 160px;
        height: 500px;
        background-image: url(../images/pic11.png);
        background-repeat: no-repeat;
        background-size: cover;
        z-index: -1;
    }

    .home22 .nav {
        display: flex;
        justify-content: center;
    }

    .home23 {
        background-color: #f3f3f3e0;
        padding: 20px 20px;
        border-radius: 15px;
    }

    .home24 img {
        width: 270px;
    }

    .home25 h2 {
        color: #1E1E1E;
        font-size: 20px;
        font-weight: 600;
        font-family: "SF UI Text", sans-serif;
    }

    .home25 p {
        color: #1E1E1E;
        font-size: 11px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
    }

    .home25 a {
        background-color: #52DBCF;
        color: #000;
        padding: 10px 20px;
        font-size: 14px;
        font-weight: 600;
        font-family: "Manrope", sans-serif;
        border: 1px solid #52DBCF;
        border-radius: 10px;
        margin-bottom: 20px;
    }

    .home26 {
        background-image: url(../images/pic13.png);
        position: relative;
        padding: 50px 20px;
        margin: 40px 0px;
    }

    .home26::before {
        display: none;
    }

    .home27 h4 {
        color: #52DBCF;
        font-size: 16px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
    }

    .home27 h2 {
        color: #fff;
        font-size: 25px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        /* width: 90%; */
    }

    section.home26 .home3 {
        display: block;
    }

    section.home26 .home3 a {
        margin-top: 20px;
    }

    .home31 {
        padding: 40px 0px 40px 0px;
    }

    .home31 .item img {
        width: 100%;
    }

    .home32 h4 {
        color: #52DBCF;
        font-size: 18px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        text-align: center;
        line-height: 2;
    }

    .home32 p {
        color: #fff;
        font-size: 10px;
        font-weight: 300;
        font-family: "SF UI Text", sans-serif;
        text-align: center;
        width: 85%;
        margin: 0 auto;
    }

    .home33 {
        background-image: url(../images/pic21.png);
        background-repeat: repeat;
        background-size: 100% 100%;
        padding: 40px 20px;
    }

    .home34 h4 {
        color: #52DBCF;
        font-size: 20px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        margin-bottom: 20px;
    }

    .home38 {
        background-color: #fff;
        padding: 20px;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .home40 {
        padding: 40px 20px;
    }

    .home41 h2 {
        color: #fff;
        font-size: 25px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        width: 100%;
    }

    .footer1 a img {
        width: 150px;
    }

    .footer2 p {
        color: #fff;
        font-size: 13px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
        margin-bottom: 0;
        padding-left: 10px;
    }

    .footer4 {
        margin-top: 40px;
    }

    .footer5 h4 {
        color: #52DBCF;
        font-size: 20px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        text-align: center;
    }

    .footer6 {
        text-align: center;
        list-style: none;
        padding-left: 0;
    }

    .footer7 h4 {
        color: #52DBCF;
        font-size: 20px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        text-align: center;
    }

    .social1 {
        display: flex;
        align-items: center;
        gap: 10px;
        padding-left: 0px;
        justify-content: center;
    }

    .footer9 h4 {
        color: #fff;
        font-size: 25px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        margin: 20px;
        text-align: center;
    }

    .footer12 {
        display: block;
        margin-top: 30px;
    }

    .footer13 p {
        color: #fff;
        font-size: 13px;
        font-family: "SF UI Text", sans-serif;
        text-align: center;
    }

    .footer14 {
        text-align: center;
    }

    .footer14 a {
        color: #fff;
        font-size: 13px;
        font-family: "SF UI Text", sans-serif;
    }

    .footer8 {
        color: #fff;
        padding-left: 0px;
        text-align: center;
    }

    .about1 h6 {
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        text-align: center;
    }

    .about1 h2 {
        color: #fff;
        font-size: 30px;
        font-weight: 700;
        font-family: "SF UI Text", sans-serif;
        /* width: 82%; */
        text-align: center;
    }

    .about1 p {
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
        text-align: center;
    }

    .about2 {
        margin-top: 30px;
    }

    .pub1 {
        padding: 40px 20px;
    }

    .edit25 h4 {
        color: #52DBCF;
        font-size: 18px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        margin: 20px 0px;
        text-align: center;
    }

    .edit25 p {
        color: #fff;
        font-size: 11px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
        text-align: center;
    }

    .pub3 h4 {
        color: #52DBCF;
        text-align: center;
        font-size: 20px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
    }

    .pub3 h2 {
        color: #fff;
        text-align: center;
        font-size: 18px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        line-height: 1.5;
    }

    .pub4 {
        margin-top: 15px;
        background-color: #fff;
        border: 1px solid #52DBCF;
        border-radius: 10px;
        padding: 40px 30px;
        transition: all 0.4s ease;
    }

    .pub4 p {
        color: #000;
        font-size: 14px;
        font-weight: 300;
        font-family: "SF UI Text", sans-serif;
        height: 100px;
        overflow: auto;
        scrollbar-width: none;
        transition: color 0.4s ease;
    }

    .edit15 h2 {
        color: #52DBCF;
        font-size: 20px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        margin-bottom: 20px;
        text-align: center;
    }

    .pub5 li {
        font-size: 12px;
        margin-bottom: 20px;
        color: #fff;
    }

    .pub2 {
        margin-top: 30px;
    }

    .pub6 h2 {
        color: #fff;
        text-align: center;
        font-size: 25px;
        font-weight: 600;
        font-family: "SF UI Text", sans-serif;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .pub6 p {
        color: #fff;
        text-align: center;
        font-size: 11px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
        width: 100%;
        margin: 0 auto;
    }

    .pub7 {
        margin-top: 30px;
    }

    .pub1 .row.align-items-center.mt-5 {
        margin-top: 10px !important;
    }

    .pub7 h4 {
        color: #52DBCF;
        font-size: 20px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        text-align: center;
    }

    .pub7 p {
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
        text-align: center;
    }

    .edit1 {
        background-repeat: no-repeat;
        background-size: 100% 100%;
        padding: 120px 20px 40px 20px;
    }

    .edit2 h4 {
        color: #52DBCF;
        font-size: 10px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        text-align: center;
        line-height: 1.5;
    }

    .edit2 h2 {
        color: #fff;
        font-size: 25px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        text-align: center;
        width: 90%;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .edit2 p {
        color: #fff;
        font-size: 10px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
        width: 95%;
        margin: 0 auto;
        text-align: center;
    }

    .edit4 {
        padding: 40px 20px 40px 20px;
    }

    .edit5 {
        margin-top: 30px;
    }

    .edit6 h2 {
        color: #52DBCF;
        font-size: 25px;
        font-weight: 600;
        font-family: "SF UI Text", sans-serif;
        width: 100%;
        text-align: center;
        margin: 20px 0px;
    }

    .edit6 p {
        color: #fff;
        font-size: 10px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
        text-align: center;
    }

    .edit7 {
        padding: 40px 20px;
    }

    .edit8 h2 {
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        width: 90%;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 10px;
    }

    .edit8 p {
        color: #fff;
        font-size: 10px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 30px;
    }

    .edit9 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        margin: 20px 0;
    }

    .edit9 a {
        display: flex;
        align-items: center;
        padding: 10px 10px;
        background-color: #52DBCF;
        text-decoration: none;
        color: #1A1A1A;
        border: 1px solid #52DBCF;
        border-radius: 10px;
        font-size: 8px;
        font-weight: 500;
        transition: background-color 0.3s ease;
    }

    .edit11 a {
        background-color: #52DBCF;
        color: #000000;
        font-size: 12px;
        font-weight: 500;
        font-family: "Manrope", sans-serif;
        padding: 10px 30px;
        border: 1px solid #52DBCF;
        border-radius: 10px;
    }

    .edit12 a {
        background-color: transparent;
        color: #fff;
        font-size: 12px;
        font-weight: 500;
        font-family: "Manrope", sans-serif;
        padding: 10px 30px;
        border: 1px solid #fff;
        border-radius: 10px;
    }

    .edit13 {
        padding: 40px 20px;
    }

    .edit15 p {
        color: #fff;
        font-size: 11px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
        text-align: center;
    }

    .edit16 {
        display: flex;
        gap: 10px;
        justify-content: center;
    }

    .edit17 li {
        color: #fff;
        font-size: 7px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
    }

    .edit14 {
        margin-top: 30px;
    }

    .edit18 {
        padding: 40px 20px 40px 20px;
    }

    .edit19 h2 {
        color: #52DBCF;
        font-size: 18px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        text-align: center;
        line-height: 1.5;
    }

    .edit19 p {
        color: #fff;
        font-size: 11px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
        text-align: center;
        width: 90%;
        margin: 0 auto;
    }

    .edit20 {
        margin-top: 20px;
    }

    .edit21 {
        background-color: #0B6E64;
        padding: 25px;
        border-radius: 10px;
        margin-top: 10px;
    }

    .edit21 h4 {
        color: #52DBCF;
        font-size: 13px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
        margin: 15px 0px;
    }

    .edit21 p {
        color: #fff;
        font-size: 11px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
        height: 100px;
        overflow: auto;
        scrollbar-width: none;
    }

    .edit15 {
        margin-top: 30px;
    }

    .edit23 {
        padding: 40px 20px 40px 20px;
    }

    .edit24 h2 {
        color: #52DBCF;
        font-size: 18px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        text-align: center;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .edit24 p {
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
        text-align: center;
        width: 95%;
        margin: 0 auto;
    }

    .home3 {
        display: flex;
        gap: 20px;
        margin-top: 30px;
        justify-content: center;
    }

    .auth7::before {
        display: none;
    }

    .auth8 h2 {
        color: #52DBCF;
        font-size: 30px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        text-align: center;
    }

    .auth8 p {
        color: #fff;
        font-size: 10px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        text-align: center;
    }

    .auth9 p {
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        text-align: center;
        width: 50%;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .port1 {
        padding: 40px 20px;
    }

    .port3 h2 {
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        text-align: center;
    }

    .port3 a {
        color: #0B6E64;
        background-color: #52DBCF;
        font-size: 14px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        padding: 8px 20px;
        border: 1px solid #52DBCF;
        border-radius: 10px;
        transition: all 0.3s ease-in-out;
    }

    .bookshelf {
        text-align: center;
        padding: 40px 20px;
    }

    .books {
        display: flex;
        justify-content: center;
        gap: 25px;
        flex-wrap: wrap;
    }

    .book {
        position: relative;
        width: 100%;
        cursor: pointer;
        /* overflow: hidden; */
        border-radius: 6px;
    }

    .shelf {
        width: 100%;
        height: 100px;
        background: url(../images/pic106.png) no-repeat center;
        background-size: 100% 100%;
        margin-top: 30px;
    }

    .test1 {
        display: flex;
        justify-content: space-evenly;
        margin-top: 50px;
        gap: 10px;
        align-items: center;
    }

    .test2 {
        padding: 40px 20px;
    }

    .test3 p {
        color: #000000;
        font-size: 11px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        margin-top: 10px;
    }

    .test3 h6 {
        color: #000000;
        font-size: 12px;
        font-weight: 700;
        font-family: "Manrope", sans-serif;
    }

    .blog1 {
        padding: 40px 20px;
    }

    .blog2 h4 {
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        margin-top: 20px;
    }

    .blog2 p {
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
    }

    .blog2 h6 {
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
    }

    .price1 .nav-link {
        margin: 10px 0px;
    }

    .price2 {
        border: 2px solid #52DBCF;
        border-radius: 10px;
        padding: 20px 30px;
        background-color: #52dbd01f;
        margin-bottom: 20px;
    }

    .price2 h4 {
        color: #52DBCF;
        font-size: 14px;
        font-weight: 500;
        font-family: "SF UI Text", sans-serif;
        margin-bottom: 10px;
    }

    .price2 p {
        color: #fff;
        font-size: 10px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
    }

    .price3 {
        padding-left: 0px;
        height: 250px;
        overflow: auto;
    }

    .price3 li {
        color: #fff;
        font-size: 11px;
        font-weight: 300;
        font-family: "SF UI Text", sans-serif;
        line-height: 2;
    }

    .price4 {
        margin-top: 10px;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .price5 a {
        background-color: #0B6E64;
        color: #fff;
        font-size: 10px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
        padding: 10px 20px;
        border: 1px solid #0B6E64;
        border-radius: 15px;
    }

    .price6 a {
        background-color: transparent;
        color: #fff;
        font-size: 10px;
        font-weight: 400;
        font-family: "SF UI Text", sans-serif;
        padding: 10px 20px;
        border: 1px solid #fff;
        border-radius: 15px;
    }

    .cont1 {
        padding: 40px 0px 0px 0px;
    }
}