@import '_content/Havit.Blazor.Components.Web.Bootstrap/Havit.Blazor.Components.Web.Bootstrap.bmy6zq5myl.bundle.scp.css';
@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.bundle.scp.css';

/* _content/OnlineCourseWebsite/Admin/Pages/Users.razor.rz.scp.css */
.table>thead[b-ixqkgmn37r] {
    background-color: var(--bs-ar-darkGreen);
}
/* _content/OnlineCourseWebsite/Admin/Shared/AdminLayout.razor.rz.scp.css */
.page[b-c3a71yee1e] {
  position: relative;
  display: flex;
  flex-direction: column;
}

main[b-c3a71yee1e] {
  flex: 1;
}

.top-row[b-c3a71yee1e] {
  background-color: #f7f7f7;
  border-bottom: 1px solid #d6d5d5;
  justify-content: flex-end;
  height: 3.5rem;
  display: flex;
  align-items: center;
}

  .top-row[b-c3a71yee1e]  a, .top-row .btn-link[b-c3a71yee1e] {
    white-space: nowrap;
    margin-left: 1.5rem;
  }

  .top-row a:first-child[b-c3a71yee1e] {
    overflow: hidden;
    text-overflow: ellipsis;
  }

@media (max-width: 640.98px) {
  .top-row:not(.auth)[b-c3a71yee1e] {
    display: none;
  }

  .top-row.auth[b-c3a71yee1e] {
    justify-content: space-between;
  }

  .top-row a[b-c3a71yee1e], .top-row .btn-link[b-c3a71yee1e] {
    margin-left: 0;
  }
}

@media (min-width: 1200px) {
  .page[b-c3a71yee1e] {
    flex-direction: row;
  }

  .sidebar[b-c3a71yee1e] {
    width: 250px;
    height: 100vh;
    position: sticky;
    top: 0;
  }

  .top-row[b-c3a71yee1e] {
    position: sticky;
    top: 0;
    z-index: 1;
  }

  .top-row[b-c3a71yee1e], article[b-c3a71yee1e] {
    padding-left: 2rem !important;
    padding-right: 1.5rem !important;
  }
}
/* _content/OnlineCourseWebsite/Admin/Shared/AdminMenu.razor.rz.scp.css */
.navbar-toggler[b-2oegt9wlfd] {
  background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-2oegt9wlfd] {
  height: 3.5rem;
  background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-2oegt9wlfd] {
  font-size: 1.1rem;
}

.oi[b-2oegt9wlfd] {
  width: 2rem;
  font-size: 1.1rem;
  vertical-align: text-top;
  top: -2px;
}

.nav-item[b-2oegt9wlfd] {
  font-size: 0.9rem;
  padding-bottom: 0.5rem;
}

  .nav-item:first-of-type[b-2oegt9wlfd] {
    padding-top: 1rem;
  }

  .nav-item:last-of-type[b-2oegt9wlfd] {
    padding-bottom: 1rem;
  }

  .nav-item[b-2oegt9wlfd]  a {
    color: #d7d7d7;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
  }

    .nav-item[b-2oegt9wlfd]  a.active {
      background-color: rgba(255,255,255,0.25);
      color: white;
    }

    .nav-item[b-2oegt9wlfd]  a:hover {
      background-color: rgba(255,255,255,0.1);
      color: white;
    }

@media (min-width: 1200px) {
  .navbar-toggler[b-2oegt9wlfd] {
    display: none;
  }

  .collapse[b-2oegt9wlfd] {
    /* Never collapse the sidebar for wide screens */
    display: block;
  }
}
/* _content/OnlineCourseWebsite/Layouts/CourseLayout.razor.rz.scp.css */
@media(max-width: 1100px){
    .ar-heading5[b-izrjonijn4] {
        font-size: 28px;
        line-height: 130%;
    }
}
@media(max-width: 550px) {
    .ar-heading5[b-izrjonijn4] {
        font-size: 22px;
        line-height: 130%;
    }
}
/* _content/OnlineCourseWebsite/Pages/ActionExercise.razor.rz.scp.css */
.diary-container[b-85cammhg98]{
  border-radius: 24px;
  border: 1px solid var(--bs-ar-gray-200);
}
.header-border-left[b-85cammhg98]{
  border-radius: 8px 0px 0px 0px;
}
.header-border-right[b-85cammhg98] {
  border-radius: 0px 8px 0px 0px;
}
.header-divider[b-85cammhg98]{
  border-right: 1px solid white
}
.complete-button[b-85cammhg98]{
  width:214px;
  border-radius: 100px;
  background-color: black;
  font-size: 16px;
  color: white;
}
/* _content/OnlineCourseWebsite/Pages/Congratulation.razor.rz.scp.css */
.congratulation-container[b-toz1lvg11j]{
  height: calc(100vh - 68px);
}
/* _content/OnlineCourseWebsite/Pages/CoursePage.razor.rz.scp.css */
@media(max-width: 992px){
    .coursePage-container[b-rps9q2nw9w]{
        padding: 0;
    }
}
/* _content/OnlineCourseWebsite/Pages/Excercise.razor.rz.scp.css */
.excercise-container[b-boi4pi9xpw]{
  border: 1px solid var(--bs-ar-gray-300);
  border-radius: 24px;
  z-index: 2;
  margin-top:-18vh;
  width:auto;
}

@media(min-width: 1050px){
    .excercise-container[b-boi4pi9xpw] {
        margin: -18vh 225px auto 225px;
    }
}
/* _content/OnlineCourseWebsite/Pages/index.razor.rz.scp.css */
.item-link[b-7sy58uqidn] {
  margin: 21px 0 20px 0;
}
/* _content/OnlineCourseWebsite/Pages/Landing Pages/Parenting.razor.rz.scp.css */

#main[b-nceeoz04yq] {
    margin-top: -16px;
    margin-left: -12px;
    margin-right: -12px;
}

.row[b-nceeoz04yq] {
    margin-left: 0;
    margin-right: 0;
}

.row1[b-nceeoz04yq] {
    height: auto;
}

    .row1 > .text[b-nceeoz04yq] {
        background-color: #BDCE64;
        padding-top: 137px;
        padding-left: 137px;
    }

        .row1 > .text > h2[b-nceeoz04yq] {
            /*font: normal normal bold 55px/66px Open Sans;*/
            color: #2C5B61;
        }

        .row1 > .text > ul[b-nceeoz04yq] {
            margin-top: 83px;
            font: normal normal normal 30px/55px Open Sans;
        }

    .row1 > .imageContainer[b-nceeoz04yq] {
        background: transparent url('/resources/LandingPages/Parenting/portrait-of-an-annoyed-teenager-screaming-looking-2025-01-08-03-02-07-utc.jpg') center/cover no-repeat padding-box;
    }

.row2[b-nceeoz04yq] {
    padding-top: 139px;
    padding-left: 137px;
}

    .row2 > .text > h3[b-nceeoz04yq] {
        font: normal normal bold 40px/55px Open Sans;
        color: #2B5D64;
    }

    .row2 > .text > p[b-nceeoz04yq] {
        margin-top: 129px;
        font: normal normal normal 22px/55px Open Sans;
    }

    .row2 > .text > button[b-nceeoz04yq] {
        height: 97px;
        width: 310px;
        background: #15A9B2;
        border-radius: 54px;
        font: normal normal normal 30px/45px Open Sans;
        color: #FFFFFF;
    }

    .row2 > .imageContainer[b-nceeoz04yq] {
        background: transparent url('/resources/LandingPages/Parenting/haim-omer.jpg') center/cover no-repeat padding-box;
        border-radius: 324px 0px 0px 324px;
    }

.row3[b-nceeoz04yq] {
    margin-top: 150px;
    overflow: hidden;
    height: 1000px;
}

    .row3 > .background[b-nceeoz04yq] {
        margin: 40px -504.90px;
        width: 163.75%;
        height: 883px;
        transform: matrix(1, 0.09, -0.09, 1, 0, 0);
        background: #2B5D64 0% 0% no-repeat padding-box;
        border-radius: 45%;
        max-width: none;
    }

        .row3 > .background > .text[b-nceeoz04yq] {
            margin-top: 220px;
            margin-left: 724.9px;
            width: 43.38%;
            height: 548px;
            transform: matrix(1, -0.09, 0.09, 1, 0, 0);
            text-align: center;
        }

            .row3 > .background > .text > h3[b-nceeoz04yq] {
                text-align: center;
                font: normal normal normal 40px/65px Open Sans;
                color: #FFFFFF;
            }

            .row3 > .background > .text > h5[b-nceeoz04yq] {
                text-align: center;
                font: normal normal medium 22px/65px Inter;
                color: #FFFFFF;
            }

            .row3 > .background > .text > .line[b-nceeoz04yq] {
                width: 257px;
                height: 0px;
                border: 1px solid #FFFFFF;
                margin: auto;
            }

            .row3 > .background > .text > .imageContainer[b-nceeoz04yq] {
                width: 260px;
                height: 260px;
                background: transparent url('/resources/LandingPages/Parenting/mahatma-gandhi-gettyimages-102701091-2048x2048-1.jpg') center/cover no-repeat padding-box;
                margin: 45px auto;
                border-radius: 50%;
            }

.row4[b-nceeoz04yq] {
    margin-top: 50px
}

    .row4 > h3[b-nceeoz04yq] {
        text-align: center;
        font: normal normal normal 40px/65px Open Sans;
        color: #2B5D64;
        margin-left: 278px;
        width: 71.04%;
    }

        .row4 > h3 > .emphasis[b-nceeoz04yq] {
            text-align: center;
            font: italic normal bold 40px/65px Open Sans;
            color: #2B5D64;
        }

.row5[b-nceeoz04yq] {
    margin-top: 50px;
    padding: 100px 0px;
}

    .row5 > .text[b-nceeoz04yq] {
        padding-left: 137px;
        text-align: left;
    }

        .row5 > .text > h3[b-nceeoz04yq] {
            font: normal normal bold 40px/55px Open Sans;
            color: #2B5D64;
        }

        .row5 > .text > ul[b-nceeoz04yq] {
            margin-top: 74px;
            font: normal normal normal 22px/55px Open Sans;
        }

    .row5 > .imageContainer[b-nceeoz04yq] {
        background: transparent url('/resources/LandingPages/Parenting/parents-day-celebration-middle-aged-woman-hugging-2024-11-07-21-37-52-utc.jpg') center/cover no-repeat padding-box;
        border-radius: 0px 0px 0px 365px;
        height: 697px;
    }

.background-container[b-nceeoz04yq] {
    position: relative;
    height: 4033px;
}

.background-white-container[b-nceeoz04yq] {
    overflow: hidden;
    height: 1441px;
    position: relative;
    z-index: 5;
    /*top: -863px*/
}

.background-white[b-nceeoz04yq] {
    height: 1141px;
    width: 3187px;
    transform: matrix(-0.98, 0.21, -0.21, -0.98, 0, 0);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    margin-left: -526.467041015625px;
    border-radius: 30%;
}

.background-white-content[b-nceeoz04yq] {
    /* width: 100vw;
    transform: matrix(-0.98, -0.21, 0.21, -0.98, 0, 0);
    margin-top: -686px;
    margin-left: 1000px;*/
    position: absolute;
    z-index: 10;
    top: 270px;
}

.row6[b-nceeoz04yq] {
}

    .row6 > h3[b-nceeoz04yq] {
        text-align: center;
        font: normal normal bold 40px/55px Open Sans;
        color: #2B5D64;
    }

.row7[b-nceeoz04yq] {
    margin-top: 120px;
    height: 680px;
    padding-left: 206px
}

    .row7 > .imageContainer[b-nceeoz04yq] {
        background: transparent url('/resources/LandingPages/Parenting/happy-asian-mother-and-daughter-hugging-each-outdo-2025-02-13-00-49-34-utc.JPG') center/cover no-repeat padding-box;
        border-radius: 142px;
    }

    .row7 > .text[b-nceeoz04yq] {
        padding-left: 87px;
    }

        .row7 > .text > dl > dt[b-nceeoz04yq] {
            font: normal normal bold 22px/55px Inter;
            color: #16A9B2;
        }

        .row7 > .text > dl > dd[b-nceeoz04yq] {
            font: normal normal 500 22px/55px Inter;
        }


.background-green-container[b-nceeoz04yq] {
    height: 1712px;
    top: -500px;
    position: relative;
}

.background-green[b-nceeoz04yq] {
    height: 1712px;
    /*width: 2545px;*/
    transform: matrix(-1, 0, -0, -1, 0, 0);
    background: #B5CF5A 0% 0% no-repeat padding-box;
    margin-left: -320.653564453125px;
}

.background-green-content[b-nceeoz04yq] {
    /*width: 100vw;
    transform: matrix(-1, 0,0, -1, 0, 0);
    margin-top: -486px;
    margin-left: 1000px;*/
    position: absolute;
    z-index: 10;
    top: 1250.96px;
}

.row8[b-nceeoz04yq] {
    margin-top: 120px;
    height: 680px;
    padding-left: 206px
}

    .row8 > .imageContainer[b-nceeoz04yq] {
        background: transparent url('/resources/LandingPages/Parenting/this-team-is-going-to-the-top-2024-10-18-22-57-11-utc.jpg') center/cover no-repeat padding-box;
        border-radius: 142px;
    }

    /*    .row8 > .text {
        padding-left: 87px;
    }*/

    .row8 > .text > dl > dt[b-nceeoz04yq] {
        font: normal normal bold 22px/55px Inter;
    }

    .row8 > .text > dl > dd[b-nceeoz04yq] {
        font: normal normal 500 22px/55px Inter;
    }


.background-yellow-container[b-nceeoz04yq] {
    overflow: hidden;
    height: 1985px;
    top: -950px;
    position: relative;
    z-index: 5;
}

.background-yellow[b-nceeoz04yq] {
    height: 1785px;
    width: 2659px;
    transform: matrix(1, -0.07, 0.07, 1, 0, 0);
    background: #FAFFDE 0% 0% no-repeat padding-box;
    margin-left: -377.2647705078125px;
    margin-top: 100px;
}

.background-yellow-content[b-nceeoz04yq] {
    /*width: 100vw;
    transform: matrix(0.9951, 0.0697, -0.0697, 0.9951, 0, 0);
    margin-top: -486px;
    margin-left: 1000px;*/
    position: absolute;
    z-index: 10;
    top: 2112px;
}

.row9[b-nceeoz04yq] {
    margin-top: 250px
}

    .row9 > h3[b-nceeoz04yq] {
        text-align: center;
        font: normal normal bold 40px/65px Open Sans;
        color: #2B5D64;
    }

.row10[b-nceeoz04yq] {
    margin-top: 72px;
    padding-left: 137px;
    /*height: 650px;*/
}

    .row10 > .text > h4[b-nceeoz04yq] {
        font: normal normal bold 33px/55px Open Sans;
    }

    .row10 > .text > p[b-nceeoz04yq] {
        margin-top: 76px;
        font: normal normal normal 22px/55px Open Sans;
    }

    .row10 > .imageContainer[b-nceeoz04yq] {
        /*height: 650px;*/
        max-width: 650px;
       /* border-radius: 50%;*/
        /*background: transparent url('/resources/LandingPages/Parenting/Screenshot_20240422_085756_Gallery.jpg') 0px -350px/cover no-repeat padding-box;*/
    }

.row10b[b-nceeoz04yq] {
    margin-top: 72px;
    padding-left: 137px;
    /*height: 650px;*/
}

    .row10b > .text > h4[b-nceeoz04yq] {
        font: normal normal bold 33px/55px Open Sans;
    }

    .row10b > .text > p[b-nceeoz04yq] {
        margin-top: 76px;
        font: normal normal normal 22px/55px Open Sans;
    }

    .row10b > .imageContainer[b-nceeoz04yq] {
        /*height: 650px;*/
        max-width: 650px;
    }

.row11[b-nceeoz04yq] {
    margin-top: 72px;
    padding-left: 137px;
    /*height: 650px;*/
}

    .row11 > .text > h4[b-nceeoz04yq] {
        font: normal normal bold 33px/55px Open Sans;
    }

    .row11 > .text > p[b-nceeoz04yq] {
        margin-top: 76px;
        font: normal normal normal 22px/55px Open Sans;
    }

    .row11 > .imageContainer[b-nceeoz04yq] {
        /*height: 650px;*/
        max-width: 650px;
        /*border-radius: 50%;
        background: transparent url('/resources/LandingPages/Parenting/13501384_Van Martin.jpg') 0px -50px/cover no-repeat padding-box;*/
    }

.itemContainer[b-nceeoz04yq] {
    padding-left: 382px;
}

.rowItems[b-nceeoz04yq] {
    margin-top: 134px;
}

    .rowItems > .iconContainer[b-nceeoz04yq] {
        width: 300px;
        height: 300px;
    }

    .rowItems > .text > h4[b-nceeoz04yq] {
        font: normal normal bold 40px/55px Open Sans;
    }

    .rowItems > .text > p[b-nceeoz04yq] {
        font: normal normal normal 22px/55px Open Sans;
    }

.speechmark[b-nceeoz04yq] {
    width: 75px;
    position: relative;
}

.left-speechmark[b-nceeoz04yq] {
    top: 85px;
    right: 80px;
}

.right-speechmark[b-nceeoz04yq] {
    bottom: 85px;
    left: 80px;
}

.testimonials[b-nceeoz04yq] {
    height: 981px;
    background: #FAFAFA 0% 0% no-repeat padding-box;
    padding-top: 109px;
    padding-left: 137px;
}

.testimonials-header[b-nceeoz04yq] {
    padding-bottom: 92px;
    font: normal normal bold 40px/45px Open Sans;
    letter-spacing: 0px;
    color: #2B5D64;
}

.carousel-item[b-nceeoz04yq] {
    width: 1230px;
}

.testimonials-item[b-nceeoz04yq] {
    width: 1230px;
    height: 666px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 20px 30px #00000029;
    padding: 70.5px 161px 70.5px 175px;
    text-align: left;
    font: normal normal normal 22px/55px Open Sans;
}

.testimonials-signature[b-nceeoz04yq] {
    padding-top: 20px;
    font: normal normal bold 22px/55px Open Sans;
}

.row19[b-nceeoz04yq] {
    height: 829px;
    background: transparent url('/resources/LandingPages/Parenting/family kopie.jpg') 0% 0% no-repeat padding-box;
}

    .row19 > .text[b-nceeoz04yq] {
        margin-top: 235px;
        padding-left: 137px;
        width: 1102px
    }

        .row19 > .text > h3[b-nceeoz04yq] {
            font: normal normal bold 40px/66px Open Sans;
        }

        .row19 > .text > p[b-nceeoz04yq] {
            margin-top: 77px;
            font: normal normal normal 40px/66px Open Sans;
        }

.row20[b-nceeoz04yq] {
    height: 612px;
    background: #BECE64 0% 0% no-repeat padding-box;
}

    .row20 > .text[b-nceeoz04yq] {
        margin-top: 100px;
        padding: 0 21.71%;
        text-align: center;
    }

        .row20 > .text > h2[b-nceeoz04yq] {
            font: normal normal bold 45px/55px Open Sans;
        }

        .row20 > .text > p[b-nceeoz04yq] {
            margin-top: 62px;
            font: normal normal normal 33px/55px Open Sans;
        }

        .row20 > .text > button[b-nceeoz04yq] {
            margin-top: 92px;
            width: 310px;
            height: 97px;
            background: #005B63 0% 0% no-repeat padding-box;
            border-radius: 54px;
            color: #FFFFFF;
            font: normal normal normal 30px/45px Open Sans;
        }




@media(max-width: 1200px ) {
    .text[b-nceeoz04yq] {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .row1[b-nceeoz04yq] {
        background: transparent url('/resources/LandingPages//Parenting/portrait-of-an-annoyed-teenager-screaming-looking-2025-01-08-03-02-07-utc.jpg') center/cover no-repeat padding-box;
    }

        .row1 > .text[b-nceeoz04yq] {
            background-color: #000000;
            opacity: 45%;
        }

            .row1 > .text > h2[b-nceeoz04yq], .row1 > .text > ul[b-nceeoz04yq] {
                color: white;
            }

                .row1 > .text > h2[b-nceeoz04yq]{
                    font-size: 35px;
                }
            .row1 > .text > ul[b-nceeoz04yq]{
                font-size: 20px;
                line-height: 1.7;
            }
            .row1 > .imageContainer[b-nceeoz04yq] {
                display: none;
            }

    .row2 > .imageContainer[b-nceeoz04yq] {
        height: 264px;
        margin-top: 88px;
    }

    .row2 > .text > p[b-nceeoz04yq]{
        font-size: 20px;
        text-align: justify;
        line-height: 1.5;
        margin-top: 65px;
    }
    .row2 > .text > button[b-nceeoz04yq] {
        width: 100%;
    }

    .row3 > .background[b-nceeoz04yq] {
        margin: 0px;
        width: 100%;
        height: auto;
        transform: none;
        background: #2B5D64 0% 0% no-repeat padding-box;
        border-radius: 0;
        max-width: none;
    }

        .row3 > .background > .text[b-nceeoz04yq] {
            margin-top: 0px;
            margin-left: 0px;
            width: 100%;
            height: 700px;
            transform: none;
            text-align: center;
        }

            .row3 > .background > .text > h3[b-nceeoz04yq] {
                font-size: 15pt;
                padding: 60px 0px;
            }

        .row4 > h3[b-nceeoz04yq] {
            margin-left: 0px;
            text-align: center;
            font: normal normal normal 15pt/65px Open Sans;
            color: #2B5D64;
            width: 1004%;
            padding-top: 50px;
        }

            .row4 > h3 > .emphasis[b-nceeoz04yq] {
                font-size: 15pt;
            }

    .row5 > .text > ul[b-nceeoz04yq], .row7 > .text > dl > dd[b-nceeoz04yq], .row8 > .text > dl > dd[b-nceeoz04yq], .row10 > .text > p[b-nceeoz04yq], .row10b > .text > p[b-nceeoz04yq], .row11 > .text > p[b-nceeoz04yq], .rowItems > .text > p[b-nceeoz04yq], .testimonials-item[b-nceeoz04yq] {
        text-align: justify;
        line-height: 1.5 !important;
    }
    .background-white-container[b-nceeoz04yq], .background-green-container[b-nceeoz04yq], .background-yellow-container[b-nceeoz04yq] {
        display: none;
    }

    .background-white-content[b-nceeoz04yq], .background-green-content[b-nceeoz04yq], .background-yellow-content[b-nceeoz04yq] {
        position: initial;
    }

    .background-container[b-nceeoz04yq] {
        height: auto;
    }

    .row2[b-nceeoz04yq], .row3[b-nceeoz04yq], .row7[b-nceeoz04yq], .row8[b-nceeoz04yq], .row10[b-nceeoz04yq], .row10b[b-nceeoz04yq], .row11[b-nceeoz04yq] {
        height: auto;
        padding-left: initial;
        overflow: initial;
    }

    .row7[b-nceeoz04yq] {
        margin-top: 60px;
    }
        .row7 > .text[b-nceeoz04yq] {
            padding-left: inherit;
        }

        .row7 > .imageContainer[b-nceeoz04yq], .row8 > .imageContainer[b-nceeoz04yq] {
            height: 358px;
            width: 358px;
            margin: auto;
            border-radius: 50pt 50pt 50pt 50pt;
        }
    .row8 > .text > dl > dt[b-nceeoz04yq] {
        color: #16A9B2;
    }
    .row5 > .imageContainer[b-nceeoz04yq] {
        height: 286px;
    }

    .row10[b-nceeoz04yq]{
        margin-top: 36px
    }
        .row10 > .text > p[b-nceeoz04yq], .row10b > .text > p[b-nceeoz04yq], .row11 > .text > p[b-nceeoz04yq] {
            margin-top: 38px;
        }
        .row10  > .imageContainer[b-nceeoz04yq], .row10b > .imageContainer[b-nceeoz04yq], .row11 > .imageContainer[b-nceeoz04yq]{
            margin: auto;
        }

    .row9[b-nceeoz04yq] {
        margin-top: 0px;
    }

    .background-yellow-content[b-nceeoz04yq] {
        margin-top: 82px;
        padding: 56px 0px 104px 0px;
        background: #FAFFDE 0% 0% no-repeat padding-box;
    }

    .itemContainer[b-nceeoz04yq] {
        padding-left: inherit;
    }

        .itemContainer .text > h4[b-nceeoz04yq] {
            font-size: 30px;
            padding-bottom: 50px;
        }

        .rowItems[b-nceeoz04yq]{
            margin-top: 67px
        }
    .rowItems > .iconContainer[b-nceeoz04yq] {
        width: 175px;
        height: 175px;
    }

    .testimonials[b-nceeoz04yq] {
        padding-left: inherit;
        height: auto;
    }

    .carousel-item[b-nceeoz04yq] {
        width: 100%;
    }

    .right-speechmark[b-nceeoz04yq], .left-speechmark[b-nceeoz04yq] {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .testimonials[b-nceeoz04yq] {
        padding-bottom: 30px;
    }

    .testimonials-item[b-nceeoz04yq] {
        padding: inherit;
        width: 100%;
        height: auto;
        padding-bottom: 75px
    }

    .row19[b-nceeoz04yq] {
        height: auto;
        background: initial;
    }

        .row19 > .text[b-nceeoz04yq] {
            width: auto;
            padding-left: initial;
            margin-top: 117px;
        }

            .row19 > .text > h3[b-nceeoz04yq] {
                font-size: 30px;
                margin-left: -36px;
                margin-right: -36px;
                padding: 57px 130px 56px 36px;
                background: transparent url('/resources/LandingPages/Parenting/family kopie.jpg') 0% center/cover no-repeat padding-box;
            }

            .row19 > .text > p[b-nceeoz04yq] {
                text-align: center;
                font: normal normal normal 15pt/45px Open Sans
            }

    .row20[b-nceeoz04yq] {
        height: initial;
        padding-bottom: 30px;
    }

        .row20 > .text[b-nceeoz04yq] {
            padding: initial;
            font: normal normal normal 15pt/45px Open Sans
        }

        .row20 > .text > p[b-nceeoz04yq]{
            font-size: 28px;
        }
            .row20 > .text > button[b-nceeoz04yq] {
                width: 100%;
            }
}

@media (max-width: 340px){
    .row19 > .text > h3[b-nceeoz04yq] {
        padding-right: 36px
    }
}

@media (max-width: 1900px) {
    .background-container[b-nceeoz04yq]{
        height: 4133px
    }
    .background-yellow-container[b-nceeoz04yq]{
        height: 2085px
    }
    .background-yellow[b-nceeoz04yq]{
        height: 1885px;
    }
}

@media (max-width: 1800px) {
    .background-container[b-nceeoz04yq] {
        height: 4233px
    }

    .background-yellow-container[b-nceeoz04yq] {
        height: 2185px
    }

    .background-yellow[b-nceeoz04yq] {
        height: 1985px;
    }
}

@media (max-width: 1700px) {
    .background-container[b-nceeoz04yq] {
        height: 4333px
    }

    .background-yellow-container[b-nceeoz04yq] {
        height: 2285px
    }

    .background-yellow[b-nceeoz04yq] {
        height: 2085px;
    }
}

@media (max-width: 1600px) {
    .background-container[b-nceeoz04yq] {
        height: 4433px
    }

    .background-yellow-container[b-nceeoz04yq] {
        height: 2385px
    }

    .background-yellow[b-nceeoz04yq] {
        height: 2185px;
    }
}

@media (max-width: 1500px) {
    .background-container[b-nceeoz04yq] {
        height: 4533px
    }

    .background-yellow-container[b-nceeoz04yq] {
        height: 2485px
    }

    .background-yellow[b-nceeoz04yq] {
        height: 2285px;
    }
}

@media (max-width: 1400px) {
    .background-container[b-nceeoz04yq] {
        height: 4633px
    }

    .background-yellow-container[b-nceeoz04yq] {
        height: 2585px
    }

    .background-yellow[b-nceeoz04yq] {
        height: 2385px;
    }
}

@media (max-width: 1300px) {
    .background-container[b-nceeoz04yq] {
        height: 4733px
    }

    .background-yellow-container[b-nceeoz04yq] {
        height: 2685px
    }

    .background-yellow[b-nceeoz04yq] {
        height: 2485px;
    }
}
@media (max-width: 1300px) {
    .background-container[b-nceeoz04yq] {
        height: auto
    }
}
/* _content/OnlineCourseWebsite/Pages/QuestionExercise.razor.rz.scp.css */
.video-container[b-lg6gdyrvqt] {
  height: 342px;
  border-radius: 16px;
}

.main-videdo[b-lg6gdyrvqt], .playlist > div[b-lg6gdyrvqt] {
  border-radius: 16px;
}

.suggestion[b-lg6gdyrvqt], textarea[b-lg6gdyrvqt], .submit-button[b-lg6gdyrvqt] {
  font-size: 16px !important;
  line-height: 150% !important;
}

.submit-button[b-lg6gdyrvqt] {
  border-radius: 100px;
  width: 214px;
}

.suggestion:hover[b-lg6gdyrvqt], .suggestion:visited[b-lg6gdyrvqt] {
  color: var(--bs-ar-green) !important;
}
/* _content/OnlineCourseWebsite/Shared/Footer.razor.rz.scp.css */
.footer[b-v7kbigioes] {
  height: 240px;
}
/* _content/OnlineCourseWebsite/Shared/Header.razor.rz.scp.css */
.header-bar[b-1dy2f35w3j] {
    /*height: 299px;*/
    height: 119.6px;
}

.top-right-design[b-1dy2f35w3j] {
    position: absolute;
    /*  width: 240.5px;
  height: 240.5px;
  left: calc(100% - 240.5px);*/
    width: 96.2px;
    height: 96.2px;
    left: calc(100% - 96.2px);
    /* Green/400 */
    background: var(--bs-ar-green);
    border-radius: 1000px 0px 1000px 1000px;
}

.bottom-left-design[b-1dy2f35w3j] {
    position: absolute;
    /*  width: 240px;
  height: 240px;
  left: 0;
  top: calc(100% - 240px);*/
    /*  width: 192px;
  height: 192px;
  left: 0;
  top: calc(100% - 192px);*/
    width: 96px;
    height: 96px;
    left: 0;
    top: calc(100% - 96px);
    /* Green/400 */
    background: var(--bs-ar-green);
    border-radius: 1000px 0px 1000px 1000px;
    transform: rotate(180deg);
}
.header-title[b-1dy2f35w3j]{
    width: calc(100% - 186.2px);
    z-index:1;
}
@media(max-width: 550px) {
    .top-right-design[b-1dy2f35w3j] {
        width: 48.1px;
        height: 48.1px;
        left: calc(100% - 48.1px);
    }

    .bottom-left-design[b-1dy2f35w3j] {
        width: 48px;
        height: 48px;
        left: 0;
        top: calc(100% - 48px);
    }
    .header-title[b-1dy2f35w3j] {
        width: calc(100% - 90.1px)
    }
}

.icon-box[b-1dy2f35w3j] {
    width: 32px;
    height: 32px;
    /* Tosca */
    background: var(--bs-ar-tosca);
    border-radius: 200px;
    display: inline-block;
    position: relative;
}

.logo-container[b-1dy2f35w3j] {
    width: 150.6px;
    margin: auto;
}
/* _content/OnlineCourseWebsite/Shared/Lecture.razor.rz.scp.css */
.lecture-box[b-r7u4x1ehjs]{
  border: 1px solid #D0D5DD;
  border-radius: 16px;
  padding: 20px 24px;
  height: 178px;
  
}
@media (max-width: 992px){
    .lecture-box[b-r7u4x1ehjs] {
        height: 198px;
        padding: 10px 12px;
    }
    .lecture-info[b-r7u4x1ehjs]{
        font-size: 12px;
    }
    .ar-subtitle2[b-r7u4x1ehjs]{
        font-size: 20px;
    }
}
.lecture-description[b-r7u4x1ehjs]{
  height: 48px;
}
  .lecture-box:hover[b-r7u4x1ehjs] {
    /* Green/400 */
    background-color: var(--bs-ar-green);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
  }
  .lecture-box:focus[b-r7u4x1ehjs] {
    /* Green/400 */
    background-color: var(--bs-ar-green);
  }
.lecture-img[b-r7u4x1ehjs]{
  width:24px;
  height:24px;
  border-radius: 100%
}
.lecture-box-disabled[b-r7u4x1ehjs],
.lecture-box-disabled:hover[b-r7u4x1ehjs] {
    background-color: lightgray;
    box-shadow: unset;
}

/* _content/OnlineCourseWebsite/Shared/LectureSection.razor.rz.scp.css */
.lectureSection-box[b-1q8asirc3p] {
  padding: 32px;
  gap: 24px;
  border: 1px solid var(--bs-ar-gray-300);
  border-radius: 24px;
}
.progress-round-container[b-1q8asirc3p]{
  height:16px;
}
.progress-round-outside[b-1q8asirc3p] {
  width: 16px;
  height: 16px;
  left: calc(50% - 16px/2);
  top: calc(50% - 16px/2 + 0.5px);
  background: var(--bs-ar-gray-200);
  border-radius: 100px;
  position: absolute;
}
.progress-round-inside-completed[b-1q8asirc3p] {
  width: 8px;
  height: 8px;
  left: calc(50% - 8px/2);
  top: calc(50% - 8px/2 + 0.5px);
  background: var(--bs-ar-tosca);
  opacity: 1 !important;
  border-radius: 100px;
  position: absolute;
  z-index: 50;
}
.progress-round-outside-completed[b-1q8asirc3p] {
  background: var(--bs-ar-tosca) !important;
  opacity: 0.25 !important; 
}
.progress-line-container[b-1q8asirc3p] {
  height:186px;
}
.progress-line[b-1q8asirc3p] {
  width: 0px;
  height: 202px;
  left: calc(50% - 1px);
  top: -8px;
  /*top: calc(50% - 8px/2 + 0.5px);*/
  border: 1px solid var(--bs-ar-gray-200);
  /*transform: rotate(90deg);*/
  position: absolute;
}
.progress-line-completed[b-1q8asirc3p] {
  border-color: var(--bs-ar-tosca) !important;
}
.collapse-btn[b-1q8asirc3p]{
  border: none;
  background:inherit;
}
@media(max-width: 992px){
    .progress-line-container[b-1q8asirc3p]{
        height: 206px;
    }
    .progress-line[b-1q8asirc3p]{
        height: 222px;
    }
    .lectureSection-box[b-1q8asirc3p]{
        padding:15px;
    }
}
/* _content/OnlineCourseWebsite/Shared/LoginHeader.razor.rz.scp.css */
.header-top-bar[b-yjb405ma71] {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.icon-box[b-yjb405ma71]{
    position:relative
}

@media(max-width: 550px){
    .header-top-bar[b-yjb405ma71] {
        padding-right: 0 !important;
        padding-left: 0 !important;
        justify-content: center;
    }
}
/* _content/OnlineCourseWebsite/Shared/Menu.razor.rz.scp.css */
.navbar-toggler[b-tn2vfu1sfq] {
  background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-tn2vfu1sfq] {
  height: 3.5rem;
}

.navbar-brand[b-tn2vfu1sfq] {
  font-size: 1.1rem;
}

.oi[b-tn2vfu1sfq] {
  width: 2rem;
  font-size: 1.1rem;
  vertical-align: text-top;
  top: -2px;
}

.nav-item[b-tn2vfu1sfq] {
    font-size: 1.5rem;
    margin: 0 25.6px;
    min-height: 80px;
    display: flex;
}
.nav-item[b-tn2vfu1sfq]  .nav-link {
  padding: 0;
}


  .nav-item[b-tn2vfu1sfq]  a {
    display: flex;
    align-items: center;
  }

    .nav-item[b-tn2vfu1sfq]  a.active {
      color: var(--bs-ar-green) !important;
    }

    .nav-item[b-tn2vfu1sfq]  a:hover {
      color: var(--bs-ar-green) !important;
    }

@media (min-width: 641px) {
  .top-row[b-tn2vfu1sfq] {
    display: none;
  }

  .collapse[b-tn2vfu1sfq] {
    /* Never collapse the sidebar for wide screens */
    display: block;
  }
}

@media (max-width: 641px) {
    .navbar-container[b-tn2vfu1sfq] {
        position: absolute;
        left: -96px;
        right: -96px;
        z-index: 100;
        background-color: var(--bs-ar-darkGreen)
    }

    .nav-item[b-tn2vfu1sfq] {
        width: 100%;
    }
}

@media (max-width: 550px) {
    .navbar-container[b-tn2vfu1sfq] {
        left: -48px;
        right: -48px;
    }
}
/* _content/OnlineCourseWebsite/Shared/Module.razor.rz.scp.css */
.lecturers-box[b-pa4asube0u] {
  padding: 24px;
  /* Green/50 */
  background: var(--bs-ar-green-50);
  /* Green */
  border: 1px solid var(--bs-ar-green);
  border-radius: 16px;
}
.lecturer-img[b-pa4asube0u] {
  width: 24px;
  height: 24px;
  border-radius: 100%
}
/* _content/OnlineCourseWebsite/Shared/ModuleList.razor.rz.scp.css */
.item[b-amaeaicecx]{
  outline: 1px solid var(--bs-ar-gray-300);
  outline-offset: -10px;
}
/* _content/OnlineCourseWebsite/Shared/PracticeModal.razor.rz.scp.css */
.complete-button[b-dpbros0iew] {
  width: 214px;
  border-radius: 100px;
  background-color: black;
  font-size: 16px;
  color: white;
}
/* _content/OnlineCourseWebsite/Shared/VideoModal.razor.rz.scp.css */
.video-container[b-c7ltgzgfvk]{
  border-radius: 16px
}
.video-modal[b-c7ltgzgfvk]{
  border-radius: 24px;
  border-top: 8px;
  border-color: var(--bs-ar-green);
}