/*Home - START*/
.home-link {
    color: var(--primary3) !important;
}

.carousel-item {
    color: white;
}

.carousel-content-img1 {
    align-self: flex-start;
}

.carousel-content-img2 {
    margin-left: 70%;
}

.carousel-content-img3 {
    transform: rotate(-15deg);
}

.text-content {
    font-weight: 900;
}

.text-content h1 {
    font-size: 2.6rem;
    line-height: 1.2;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.carousel-image {
    height: 990px;
    max-height: 990px;
    position: relative;
}

.carousel-content {
    padding-top: 100px;
}

.carousel-content-img1 img {
    width: 89px;
}

.carousel-content-img2 img {
    width: 67px;
}

.carousel-content-img3 {
    position: absolute;
    right: 10px;
    top: 360px;
}

.carousel-content-img3 img {
    width: 200px;
}

.wave-container {
    width: 100%;
    position: absolute;
    bottom: -1px;
}

/*CardsSection*/
.cards-section {
    margin-top: -24.33%;
}

.cards-section-cards {
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
    opacity: 0;
    transform: translateY(320px);
}

.card-blue {
    background-color: var(--primary1);
    color: white;
}

.card-red {
    background-color: var(--primary2);
    color: white;
}

.card-yellow {
    background-color: var(--primary3);
    color: white;
}

.card-blue-light {
    background-color: var(--primary4);
    color: white;
}

.card {
    border-radius: 15px;
    min-height: 338px;
}

.card-title {
    font-size: 1.25rem;
    margin-bottom: 1rem;
}

.card-text {
    font-size: 1rem;
    color: white;
}

hr {
    border-top: 2px solid white;
    opacity: 1;
}

.icon {
    width: 64px;
    transition: transform 0.5s;
}

.icon:hover {
    transform: translateY(-10px);
}

.card-body img {
    margin-bottom: 20px;
}

.carousel-inner-mobile {
    display: none !important;
}

@media (min-width: 1600px) {
    .carousel-image {
        max-height: 1200px;
        height: 1100px;
    }
}

@media (max-width: 900px) {
    .carousel-content {
        text-align: center;
    }

    .text-content h1 {
        font-size: 2rem;
    }

    .carousel-content-img1 img {
        width: 85px;
    }

    .carousel-content-img2 img {
        width: 62px;
    }

    .carousel-content-img3 img {
        width: 196px;
    }
}

@media (max-width: 798px) {
    .carousel-image {
        height: 700px;
    }

    .carousel-content-img3 img {
        width: 130px;
    }
}

@media (max-width: 768px) {
    .carousel-inner-desktop {
        display: none !important;
    }

    .carousel-inner-mobile {
        display: block !important;
    }
}

@media (max-width: 600px) {
    .icon {
        width: 54px;
    }

    .carousel-content-img3 {
        top: 480px;
    }

    .carousel-content-img3 img {
        width: 100px;
    }

    .card {
        border-radius: 15px;
        min-height: 288px;
    }
}
/*CardsSection - END*/

/*HomeSection3*/
.section3-container {
    width: 100%;
    gap: 30px;
    padding: 20px;
}

.section3-img1 {
    height: 500px;
    -webkit-mask-image: url('/Images/Home/blob_4.svg');
    -webkit-mask-size: 99%;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-image: url('/Images/Home/blob_4.svg');
    mask-size: 99%;
    mask-position: center center;
    mask-repeat: no-repeat;
}

.section3-image-container {
    position: relative;
}

.shape1-container {
    position: absolute;
    z-index: -1;
    top: -44px;
    transform: rotate(349deg);
}

.shape1-container img {
    width: 90%;
}

.shape2-container {
    position: absolute;
    z-index: 1;
    top: 30%;
    right: -8%;
}

.shape2-container img {
    width: 200px;
}

.section3-container-item img {
    width: 25%;
}

.section3-text-container {
    width: 573px;
    text-align: left;
    padding: 20px 30px;
}

.section3-text-container h1 {
    color: var(--primary1);
}

.section3-text-container h4 {
    color: #5192EC;
}

.section3-text-container-item p, .section3-card p {
    color: #939393;
}

.section3-cards-container {
    width: 100%;
    gap: 20px;
    padding-top: 30px;
}

.section3-cards1, .section3-cards2 {
    gap: 20px;
}

.section3-cards1 .section3-card, .section3-cards2 .section3-card {
    border-radius: 15px;
    width: 241.98px;
    height: 90px;
}

.section3-cards1 .section3-card:nth-child(1) {
    border-style: dotted;
    border-color: var(--primary9);
}

.section3-cards1 .section3-card:nth-child(2) {
    border-style: dotted;
    border-color: var(--primary3);
}

.section3-cards2 .section3-card:nth-child(1) {
    border-style: dotted;
    border-color: var(--primary2);
}

.section3-cards2 .section3-card:nth-child(2) {
    border-style: dotted;
    border-color: var(--primary1);
}

.section3-card {
    gap: 10px;
}

.section3-card h3 {
    color: var(--primary1);
}

.section3-card h3, .section3-card p {
    margin-bottom: 0px;
}

.section3-card img {
    width: 60px;
}

@media (max-width: 650px) {
    .section3-img1 {
        height: 270px;
    }

    .section3-container-item img {
        width: 12%;
    }

    .shape1-container img {
        width: 300px;
    }

    .shape2-container {
        right: -29px;
    }

    .shape2-container img {
        width: 120px;
    }

    section3-text-container-item {
        width: 100%;
    }

    .section3-container {
        padding: 10px;
    }

    .section3-text-container {
        width: 100%;
        padding: 10px;
    }

    .section3-cards1, .section3-cards2 {
        gap: 10px;
        width: 100%;
        justify-content: center;
        flex-direction: column;
    }

    .section3-cards1 .section3-card, .section3-cards2 .section3-card {
        width: 80%;
    }

    .shape1-container {
        transform: rotate(0deg);
        display: flex;
        justify-content: center;
    }

    .section3-image-container {
        display: flex;
        justify-content: center;
    }

    .section3-container-item:nth-child(1) {
        padding: 60px 10px 10px 10px !important;
    }

    .section3-container-item img {
        display: none;
    }
}
/*HomeSection3 - END*/

/*HomeSection4*/
.h-section4-container {
    width: 100%;
    padding: 60px 20px 0px 20px;
}

.h-section4-c-item {
    width: 50%;
    max-width: 590px;
}

.h-section4-c-item:nth-child(1) {
    position: relative;
    gap: 30px;
}

.h-section4-c-item:nth-child(1) .default-btn {
    width: 213px;
    text-align: center;
    font-weight: 900;
}

.h-section4-c-item:nth-child(1) h1 {
    color: var(--primary1);
}

.h-section4-c-item:nth-child(1) p {
    color: var(--color-p);
}

.h-section4-c-item:nth-child(1) img {
    width: 195px;
}

.h-section4-c-item:nth-child(2) {
    gap: 30px;
}

.h-section4-c-card {
    border-radius: 10px;
    text-align: center;
    color: white;
}

.h-section4-cards1 {
    margin-bottom: 100px;
}

.h-section4-cards1, .h-section4-cards2 {
    gap: 30px;
}

.h-section4-cards1 .h-section4-c-card:nth-child(1) {
    background-color: var(--primary2);
    width: 241px;
    height: 179px;
}

.h-section4-cards1 .h-section4-c-card:nth-child(1):hover,
.h-section4-cards1 .h-section4-c-card:nth-child(2):hover {
    background-color: var(--primary3);
}

.h-section4-cards1 .h-section4-c-card:nth-child(2) {
    background-color: var(--primary1);
    width: 241px;
    height: 227px;
}

.h-section4-cards2 .h-section4-c-card:nth-child(1) {
    background-color: var(--primary4);
    width: 241px;
    height: 203px;
}

.h-section4-cards2 .h-section4-c-card:nth-child(1):hover {
    background-color: var(--primary1);
}

.h-section4-cards2 .h-section4-c-card:nth-child(2) {
    background-color: var(--primary3);
    width: 241px;
    height: 227px;
}

.h-section4-cards2 .h-section4-c-card:nth-child(2):hover {
    background-color: var(--primary2);
}

.h-section4-c-card {
    gap: 10px;
    transition: background-color 0.5s;
}

.h-section4-cards1 .h-section4-c-card:nth-child(1), .h-section4-cards2 .h-section4-c-card:nth-child(1) {
    position: relative;
}

.h-section4-cards1 .h-section4-c-card:nth-child(1) img:nth-child(1) {
    position: absolute;
    width: 80px;
    left: -10px;
    top: -34px;
}

.h-section4-cards2 .h-section4-c-card:nth-child(1) img:nth-child(1) {
    position: absolute;
    width: 106px;
    right: -77px;
    top: -12px;
}

@media (max-width: 1194px) {
    .h-section4-container {
        flex-direction: column;
        gap: 100px;
    }

    .h-section4-c-item {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .h-section4-c-item:nth-child(2) {
        flex-direction: column;
        gap: 30px;
    }

    .h-section4-cards1 {
        margin-bottom: 0px;
    }
}

@media (max-width: 600px) {
    .h-section4-cards2 .h-section4-c-card:nth-child(1) img:nth-child(1) {
        right: -60px;
    }

    .h-section4-c-item:nth-child(1) img {
        width: 150px;
    }
}

/*HomeSection4 - END*/

/*HomeSection5*/
.h-section5-wave-container:nth-of-type(1) {
    margin-bottom: -1px;
}

.home-section5-container {
    width: 100%;
    position: relative;
}

.h-section5-item {
    background-color: #FCF9F4;
    height: 650px;
    width: 100%;
    gap: 50px;
    padding: 0px 10px;
}

.h-section5-content {
    max-width: 590px;
}

.h-section5-item h1, .h-section5-item h5 {
    color: var(--primary1);
}

.h-section5-wave-absolute {
    position: absolute;
    width: 100%;
    bottom: 0px;
}

.h-section5-card {
    gap: 30px;
}

.home-section5-container .icon {
    width: 50px !important;
}

.h-section5-image-container {
    width: 500px;
}

.h-section5-image {
    height: 400px;
    -webkit-mask-image: url('/Images/Home/blob_4.svg');
    -webkit-mask-size: 90%;
    -webkit-mask-position: center left;
    -webkit-mask-repeat: no-repeat;
    mask-image: url('/Images/Home/blob_4.svg');
    mask-size: 90%;
    mask-position: center left;
    mask-repeat: no-repeat;
}

.h-section5-image-container {
    position: relative;
    z-index: 10;
}

.h-section5-image-container .shape1-container img {
    width: 541px;
}

.h-section5-image-container .shape2-container {
    top: 72%;
}

@media (max-width: 1290px) {
    .h-section5-item {
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        height: 1100px;
    }
}

@media (max-width: 768px) {
    .h-section5-image-container {
        width: 400px;
    }

    .h-section5-image {
        height: 310px;
    }

    .h-section5-image-container .shape1-container img {
        width: 438px;
    }

    .h-section5-item {
        height: 940px;
    }
}

@media (max-width: 650px) {
    .h-section5-image {
        height: 270px;
    }

    .h-section5-image-container .shape1-container img {
        width: 370px;
    }

    .h-section5-image-container .shape2-container {
        right: 34px;
    }
}

@media (max-width: 500px) {
    .home-section5-container {
        margin-top: 40px;
    }

    .h-section5-card {
        gap: 10px;
    }

    .h-section5-content {
        padding: 10px;
    }

    .h-section5-image-container {
        width: 350px;
    }

    .h-section5-image {
        height: 226px;
    }

    .h-section5-image-container .shape1-container img {
        width: 320px;
    }

    .h-section5-item {
        height: 880px;
    }
}
/*HomeSection5 - END*/

/*HomeSection6*/

.home-section6-container {
    margin: 30px 0px;
    gap: 30px;
}

.home-section6-container h5 {
    color: var(--primary4);
    font-weight: 700;
}

.home-section6-container h1, .home-section6-container h3 {
    color: var(--primary1);
}

.h-sectioin6-text {
    padding: 0px 20px;
}

.h-sectioin6-text img {
    width: 83px;
    margin-left: 100%;
}

.h-section6-cards-container {
    gap: 40px;
}

.h-section6-cards {
    gap: 20px;
}

.h-section6-card {
    gap: 10px;
    width: 380px;
    height: 90px;
    border-style: dotted;
    border-radius: 15px;
    padding: 10px;
}

.h-section6-cards:nth-of-type(1) .h-section6-card:nth-of-type(1) {
    border-color: var(--primary2);
    position: relative;
}

.h-section6-cards:nth-of-type(1) .h-section6-card:nth-of-type(1) .heart-img {
    width: 67px;
    position: absolute;
    top: -55px;
    left: -54px;
}

.h-section6-cards:nth-of-type(1) .h-section6-card:nth-of-type(2) {
    border-color: var(--primary9);
}

.h-section6-cards:nth-of-type(2) .h-section6-card:nth-of-type(1) {
    border-color: var(--primary1);
}

.h-section6-cards:nth-of-type(2) .h-section6-card:nth-of-type(2) {
    border-color: var(--primary8);
}

.h-section6-card > div {
    width: 80%;
}

.h-section6-course {
    width: 100%;
    margin-top: 30px;
}

.h-section6-course img {
    width: 101px;
    margin-right: 100%;
}

@media (max-width: 768px) {
    .h-sectioin6-text img {
        margin-left: 0px;
    }
}

@media (max-width: 600px) {
    .h-section6-card {
        width: 320px;
    }

    .h-sectioin6-text img {
        width: 60px;
    }

    .h-section6-cards:nth-of-type(1) .h-section6-card:nth-of-type(1) .heart-img {
        left: -30px;
        top: -44px;
    }

    .h-section6-course img {
        margin-right: 0px;
    }
}
/*HomeSection6 - END*/


/*HomeSection7*/

.home-section7-container {
    width: 100%;
    position: relative;
}

.h-section7-wave-container {
    margin-bottom: -1px;
}

.h-section7-content {
    background-color: #FCF9F4;
    min-height: 600px;
    gap: 40px;
}

.h-section7-content-text {
    width: 626px;
    gap: 20px;
}

.h-section7-content-text .default-btn {
    width: 240px;
    font-weight: 900;
}

.h-section7-content-text h1 {
    color: var(--primary1);
}

.h-section7-content-text h5 {
    color: var(--primary4);
}

.h-section7-content-text p {
    line-height: 1.6;
}

.h-section7-content-cards {
    gap: 30px;
}

.h-section7-card {
    width: 241px;
    gap: 10px;
    border-radius: 10px;
    transition: background-color 0.5s ease;
    color: white;
    text-align: center;
    padding: 20px;
}

.h-section7-cards1 {
    gap: 30px;
}

.h-section7-cards1 .h-section7-card:nth-of-type(1) {
    height: 227px;
    background-color: var(--primary2);
}

.h-section7-cards1 .h-section7-card:nth-of-type(2) {
    height: 179px;
    background-color: var(--primary1);
}

.h-section7-cards2 {
    margin-top: 110px;
}

.h-section7-cards2 .h-section7-card:nth-of-type(1) {
    height: 227px;
    background-color: var(--primary4);
    position: relative;
}

.h-section7-card-heart-img {
    width: 106px;
    position: absolute;
    top: 60px;
    right: -68px;
}

.h-section7-cards1 .h-section7-card:nth-of-type(1):hover {
    background-color: var(--primary3);
}

.h-section7-cards2 .h-section7-card:nth-of-type(1):hover {
    background-color: var(--primary1);
}

@media (max-width: 1300px) {
    .h-section7-content {
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        height: 1000px;
    }
}

@media (max-width: 650px) {
    .h-section7-content-text {
        width: 100%;
        padding: 20px;
    }

    .h-section7-content-cards {
        flex-direction: column;
    }

    .h-section7-content {
        height: 1212px;
    }

    .h-section7-cards2 {
        margin-top: 0px;
    }
}

@media (max-width: 600px) {
    .h-section7-content {
        height: 1270px;
    }

    .h-section7-card-heart-img {
        width: 90px;
        top: 60px;
        right: -50px;
    }
}
/*HomeSection7 - END*/


/*HomeSection8*/

.home-section8-container {
    width: 100%;
    height: 670px;
    position: relative;
    background-color: #FCF9F4;
}

.home-section8-container .icon {
    width: 54px;
}

.h-section8-content {
    gap: 30px;
}

.h-section8-text, .h-section8-image-blob {
    width: 558px;
}

.h-section8-text h1 {
    color: var(--primary1);
}

.h-section8-text h5 {
    color: var(--primary4);
}

.h-section8-text-action {
    gap: 30px;
    margin-top: 20px;
}

.h-section8-text-action-item {
    gap: 20px;
}

.h-section8-text-action-item h5 {
    color: var(--primary1);
    margin-bottom: 0px;
}

.h-section8-wave-absolute {
    position: absolute;
    width: 100%;
    bottom: -4px;
}

.h-section8-image-container {
    width: 500px;
    position: relative;
}

.h-section8-image {
    height: 450px;
    -webkit-mask-image: url('/Images/Home/blob_4.svg');
    -webkit-mask-size: 99%;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-image: url('/Images/Home/blob_4.svg');
    mask-size: 99%;
    mask-position: center center;
    mask-repeat: no-repeat;
    position: relative;
    z-index: 2;
}

.h-section8-image-container .shape1-container {
    z-index: 1;
    width: 600px;
}

.h-section8-image-container .shape2-container {
    z-index: 2;
    top: 61%;
    right: -10%;
}

@media (max-width: 1326px) {
    .home-section8-container {
        height: 1100px;
    }

    .h-section8-content {
        flex-direction: column;
    }
}

@media (max-width: 768px) {
    .h-section8-image {
        height: 400px;
    }

    .h-section8-image-container .shape1-container {
        width: 560px;
    }

    .h-section8-image-container .shape2-container {
        top: 61%;
        right: 2%;
    }

    .shape2-container img {
        width: 170px;
    }
}

@media (max-width: 650px) {
    .h-section8-image-container .shape1-container img {
        width: 90%;
    }
}

@media (max-width: 600px) {
    .home-section8-container {
        height: 1000px;
    }

    .h-section8-text, .h-section8-image-blob {
        width: 100%;
        padding: 20px;
    }

    .h-section8-image-container {
        width: 370px;
        margin: auto;
    }

    .h-section8-image {
        height: 270px;
    }

    .h-section8-image-container .shape1-container {
        width: 370px;
    }

    .h-section8-image-container .shape2-container {
        top: 61%;
        right: 10%;
    }

    .shape2-container img {
        width: 120px;
    }
}

@media (max-width: 396px) {
    .h-section8-image-blob {
        margin-top: 10px;
        padding: 0px;
    }
}
/*HomeSection8 - END*/

/*Home - END*/