@import url('https://fonts.googleapis.com/css2?family=Titan+One');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Titan+One&display=swap');


/* -------------------------------- Navbar CSS ------------------------------- */
.nav_img {
    width: 7%;
}

.nav_img_mboile {
    display: none;
}

@media screen and (max-width:768px) {
    .nav_img_mboile {
        display: block;
        width: 50%;
    }

    .nav_img {
        display: none;
    }
}

.navbar-bgcolor {
    background-color: #E65E5C;
}

@media screen and (max-width:768px) {
    .navbar-bgcolor {
        background-color: #FBE8EC;
    }
}


.nav_link {
    font-family: Titan One;
    font-size: 18px;
    font-weight: 400;
    line-height: 77px;
    text-align: center;
    color: white !important;
    text-decoration: none;
}

@media screen and (max-width:768px) {
    .nav_link {
        font-family: Titan One;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
        color: rgb(143, 63, 63) !important;
    }

    .nav_link_main {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        background-color: #f89f9d9d;
        border-radius: 30px;
        padding: 20px;
    }
}

/* ------------------------------------- Hero section CSS section 1 ------------------------------- */
.hero-section-bg {
    background-image: url('../Img/hero-line.png');
    background-repeat: no-repeat;
    background-color: #FFB8C9;
}

@media screen and (max-width:768px) {
    .hero-section-bg {
        background-image: url('../Img/her-line-mobile.png');
        background-repeat: no-repeat;
        background-color: #FFB8C9;
    }
}

.hero-inner-section-bg {
    padding: 200px 200px;
}

@media screen and (max-width:768px) {
    .hero-inner-section-bg {
        padding: 0px 0px;
    }
}

.hero-section-heading {
    font-family: Titan One;
    font-size: 70px;
    font-weight: 400;
    line-height: 70px;
    text-align: left;
    color: #E65E5C;
    text-transform: uppercase;
}

@media screen and (max-width:768px) {
    .hero-section-heading {
        font-family: Titan One;
        font-size: 22px;
        font-weight: 400;
        line-height: 27.48px;
        text-align: left;
        width: 100%;
        margin-top: 50%;
    }
}

.hero-section-text-list {
    font-family: Outfit;
    font-size: 24px;
    font-weight: 400;
    line-height: 46px;
    color: #666666;
}

@media screen and (max-width:768px) {
    .hero-section-text-list {
        font-family: Outfit;
        font-size: 13px;
        font-weight: 400;
        line-height: 20px;
        z-index: 2;
        padding: 0;
    }
}

.hero-section-btn {
    font-family: Outfit;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    text-align: center;
    padding: 12px 35px 12px 35px;
    display: flex;
}

.hero-section-btn-icon {
    align-items: center;
    font-size: 25px;
}

.hero-section-img {
    position: relative;
    top: 100px;
    left: -80px;
    width: 100%;
}

.hero-section-img-mobile {
    display: none;
}

@media screen and (max-width:768px) {
    .hero-section-img {
        display: none;
    }

    .hero-section-img-mobile {
        display: block;
        position: relative;
        left: -15%;
        top: 17%;
    }
}

.hero-section-wave {
    position: relative;
    z-index: 2;
}

.hero-section-wave-mobile {
    display: none;
}

@media screen and (max-width:768px) {
    .hero-section-wave-mobile {
        display: block;
        position: relative;
        z-index: 2;
    }

    .hero-section-wave {
        display: none;
    }
}

/* ------------------------------------------ Homepage section 2 ------------------------------------------ */

.sec2_main_text {
    margin-top: 13%;
}

@media screen and (max-width:768px) {
    .sec2_main_text {
        margin-top: 0;
    }

    .h_sec2{
        padding: 50px 0px 0px 0px;
    }
}

.sec2_heading {
    font-family: Titan One;
    font-size: 50px;
    font-weight: 400;
    line-height: 60px;
    text-align: left;
    color: #E65E5C;
    text-transform: uppercase;
}

@media screen and (max-width:768px) {
    .sec2_heading {
        font-family: Titan One;
        font-size: 24px;
        font-weight: 400;
        line-height: 27.48px;
        text-align: center;
        padding: 30px 10px 10px 10px;
    }
}

.sec2_desc {
    font-family: Outfit;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: #666666;
}

@media screen and (max-width:768px) {
    .sec2_desc {
        font-family: Outfit;
        font-size: 13px;
        font-weight: 400;
        line-height: 20px;
        text-align: center;
    }
}

.sec2_btn {
    background-color: #E65E5C;
    color: white;
    font-family: Outfit;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    /* text-align: center; */
    border: none;
    padding: 10px;
    border-radius: 30px;
    width: 40%;
}

.sec2_btn2 {
    display: none;
}

@media screen and (max-width:768px) {
    .sec2_btn {
        display: none;
    }

    .sec2_btn2 {
        display: block;
        background-color: #E65E5C;
        color: white;
        font-family: Outfit;
        font-size: 18px;
        font-weight: 500;
        line-height: 26px;
        border: none;
        padding: 7px;
        border-radius: 30px;
        width: 50%;
    }
}


/* ---------------------------------------------- Homepage section 3 ---------------------------------- */

.sec3_bg {
    background-color: #BBE4DF;
}

.sec3_heading {
    font-family: Titan One;
    font-size: 50px;
    font-weight: 400;
    line-height: 60px;
    text-align: center;
    color: #E65E5C;
    text-transform: uppercase;
    padding: 30px;
}

@media screen and (max-width:768px) {
    .sec3_heading {
        font-family: Titan One;
        font-size: 24px;
        font-weight: 400;
        line-height: 27.48px;
        text-align: center;
    }
}

.sec3_main_img {
    width: 60%;
    position: absolute;
    left: 19%;
    top: 25%;
}

.sec3_icons {
    width: 100px;
}

@media screen and (max-width:768px) {
    .sec3_main_img {
        display: none;
    }

    .sec3_icons {
        width: 50px;
    }

    .sec3_mobile_view {
        display: flex;
    }
}

.sec3_subheading {
    font-family: Titan One;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    color: #E65E5C;
}

@media screen and (max-width:768px) {
    .sec3_subheading {
        font-family: Titan One;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        padding: 10px;
    }
}

.sec3_desc {
    font-family: Outfit;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: #666666;
}


.sec3_right {
    text-align: end;
}

@media screen and (max-width:768px) {
    .sec3_desc {
        font-family: Outfit;
        font-size: 13px;
        font-weight: 400;
        line-height: 20px;
    }

    .sec3_right {
        text-align: start;
    }
}



/* -------------------------------------- Section 4 ------------------------------------------------- */
.sec4_heading {
    font-family: Titan One;
    font-size: 50px;
    font-weight: 400;
    line-height: 60px;
    text-align: center;
    color: #E65E5C;
    text-transform: uppercase;
    padding: 40px 0px 0px 0px;
}

@media screen and (max-width:768px) {
    .sec4_heading {
        font-family: Titan One;
        font-size: 24px;
        font-weight: 400;
        line-height: 27.48px;
        text-align: center;
        padding: 0px;

    }
}

.sec4_desc {
    font-family: Outfit;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    color: #666666;
}

.sec4_desc_mobile {
    display: none;
}

@media screen and (max-width:768px) {
    .sec4_desc {
        display: none;
    }

    .sec4_desc_mobile {
        display: block;
        font-family: Outfit;
        font-size: 13px;
        font-weight: 400;
        line-height: 20px;
        text-align: center;
        color: #666666;
    }
}

.sec4_carousal_img {
    background-color: #ffffff;
    padding: 15px;
}

.sec4_carousal_img_inner {
    background-color: #FBE8EC;
    padding: 10px;
    border-radius: 30px;
}

@media screen and (max-width:768px) {
    .sec4_carousal_img_inner {
        width: 100%;
    }
}

.sec4_carousel_mobile {
    display: none;
}

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

@media screen and (max-width:768px) {
    .sec4_carousel_mobile {
        display: block;
    }

    .sec4_carousel_desktop {
        display: none;
    }
}

.sec4_card_heading {
    font-family: Titan One;
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    color: #E65E5C;
    text-transform: uppercase;
}

@media screen and (max-width:768px) {
    .sec4_card_heading {
        font-family: Titan One;
        font-size: 16px;
        font-weight: 400;
        line-height: 18.32px;
        text-align: center;
    }
}


/* ------------------------------------------- since 1981 section 5 ----------------------------------------- */
.sec5_heading {
    font-family: Titan One;
    font-size: 50px;
    font-weight: 400;
    line-height: 60px;
    text-align: left;
    color: #E65E5C;
    text-transform: uppercase;
}

@media screen and (max-width:768px) {
    .sec5_heading {
        font-family: Titan One;
        font-size: 24px;
        font-weight: 400;
        line-height: 27.48px;
        text-align: left;
    }
}

.sec5_desc {
    font-family: Outfit;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: #666666;
}

@media screen and (max-width:768px) {
    .sec5_desc {
        font-family: Outfit;
        font-size: 13px;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
    }
}

.sec5_btn {
    background-color: #E65E5C;
    color: white;
    font-family: Outfit;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    text-align: center;
    border: none;
    padding: 10px;
    border-radius: 30px;
    width: 40%;
}

.sec5_img_mobile {
    display: none;
}

@media screen and (max-width:768px) {
    .sec5_btn {
        display: block;
        background-color: #E65E5C;
        color: white;
        font-family: Outfit;
        font-size: 18px;
        font-weight: 500;
        line-height: 26px;
        border: none;
        padding: 7px;
        border-radius: 30px;
        width: 50%;
    }

    .sec5_img_mobile {
        display: block;
    }

    .sec5_img {
        display: none;
    }

}



/* -------------=============================== Footer section 6 ====================================----------------- */
.footer_follow {
    font-family: Titan One;
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
    color: white;
    text-transform: uppercase;
}

@media screen and (max-width:768px) {
    .footer_follow {
        font-family: Titan One;
        font-size: 30px;
        font-weight: 400;
        line-height: 30px;
        padding: 20px 0px 0px 0px;
    }
}

.footer_text {
    font-family: Outfit;
    font-size: 18px;
    font-weight: 500;
    line-height: 55px;
    text-align: left;
    color: white;
}

@media screen and (max-width:768px) {
    .footer_text {
        font-family: Outfit;
        font-size: 16px;
        font-weight: 500;
        line-height: 20.16px;
        text-align: left;
    }
}

.footer_text_add {
    font-family: Outfit;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    text-align: left;
    color: white;
}

@media screen and (max-width:768px) {
    .footer_text_add {
        font-family: Outfit;
        font-size: 16px;
        font-weight: 500;
        line-height: 20.16px;
        text-align: left;
    }
}

.footer_text_copy {
    font-family: Outfit;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-align: left;
    color: white;
}

@media screen and (max-width:768px) {
    .footer_text_copy {
        font-family: Outfit;
        font-size: 14px;
        font-weight: 500;
        line-height: 16px;
        text-align: left;
        color: white;
    }
}

.mobile_display {
    display: none;
}

.footer_mobile_wave {
    display: none;
}

@media screen and (max-width:768px) {
    .desktop_display {
        display: none !important;
    }

    .mobile_display {
        display: block;
    }

    .footer_desktop_wave {
        display: none !important;
    }

    .footer_mobile_wave {
        display: block;
    }
}








/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-= Extra CSS =-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
.hero_img_mobile {
    display: none;
}

@media screen and (max-width:768px) {
    .hero_img_desktop {
        display: none;
    }

    .hero_img_mobile {
        display: block;
    }
}

.Blog_btn {
    background-color: #E65E5C;
    color: white;
    border-radius: 50px;
    text-decoration: none;
}

@media screen and (max-width:768px) {
    .Blog_btn {
        background-color: #E65E5C;
        color: white;
        border-radius: 50px;

        font-family: Outfit;
        font-size: 16px;
        font-weight: 500;
        line-height: 26px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        padding: 4px 30px;
    }
}







/* ================== Extra CSS ==================== */
.Mobile_view {
    display: none;
}

@media screen and (max-width:768px) {
    .Desktop_view {
        display: none;
    }

    .Mobile_view {
        display: block;
    }
}


.Own_container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 auto;
    box-sizing: border-box;
}

@media screen and (max-width:1440px) {
    .Own_container {
        width: 100%;
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 auto;
        box-sizing: border-box;
    }
}

@media screen and (max-width:1024px) {
    .Own_container {
        width: 100%;
        max-width: 960px;
        margin: 0 auto;
        padding: 0 auto;
        box-sizing: border-box;
    }
}

@media screen and (max-width:768px) {
    .Own_container {
        width: 100%;
        max-width: 720px;
        margin: 0 auto;
        padding: 0 auto;
        box-sizing: border-box;
    }
}

@media screen and (max-width:425px) {
    .Own_container {
        width: 100%;
        max-width: 375px;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
}

/* .Text_limit {
        display: -webkit-box;
        -webkit-box-orient: block-axis;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
} */