body {
    margin: 0;
    padding: 0;
    font-family: 'Plus Jakarta Sans', sans-serif;
}

* { box-sizing: border-box; }

h1,h2,h3,h4,h5,h6,p {
    margin: 0px;
    padding: 0px;
}


a {
    text-decoration: none;
}

/* Style the main menu */
.navbar-nav {
    display: flex;
    justify-content: center;
}

.navbar-nav li {
    margin: 0 10px;
    position: relative;
}

/* Style the submenu */
.sub-menu {
    /* display: none; */
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    width:200px;
}




.sub-menu a {
    text-decoration: none;
    color: #333;
}


/* Style the submenu */
.sub-menu {
    display: none;
    /* ... other styles ... */
}
ul.sub-menu.show-submenu {
    display: block; /* Display sub-menu when it has the show-submenu class */
}


/* Adjust mobile submenu display */
@media (min-width: 992px) {
    .navbar-nav li:hover > .sub-menu {
        display: block;
        width: max-content;
    }
}

/* Adjust mobile submenu display */
@media (max-width: 1024px) {
    .navbar-nav .menu-item-has-children .sub-menu {
        position: relative; 
		width: max-content;
    }
    /* .navbar-nav .menu-item-has-children.show-submenu .sub-menu {
        display: block;
    } */
}

#header .navbar-light .navbar-nav .nav-link {
    font-size: 20px;
    color: #1F256B;
    font-weight: 600;
    line-height: 24px;
    transition: 0.5s;
}

#header .navbar-light .navbar-nav .nav-link:hover {
    color: #4A55D8;
}
.navbar {
    padding: 30px 0 30px;
    background: #fff;
}

.get_in {
    padding: 16px 30px;
    background: #4A55D8;
    border-radius: 8px;
    color: #fff;
    text-decoration: none;
    text-align: right;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    transition: 0.5s;
    border: 1px solid #4A55D8;
    display: inline-block;
}

.get_in:hover {
    background: #fff;
    color: #4A55D8;
}

#banner_section {
    background: #F4F5FD;
    padding: 48px 0 0px;
    position: relative;
}


.banner_content {
    width: 100%;
    position: relative;
}

.banner_content {
    width: 100%;
    position: relative;
}

.banner_img img {
    width: 100% !important;
}

.banner_bg {
    width: 894px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: auto;
    transform: translate(-50%, -50%);
}

.banner_text {
    position: relative;
}

.banner_text p {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px; 
}
.banner_text h1 {
    color: #1F256B;
    font-size: 50px;
    font-weight: 700;
    line-height: 130%;
    margin: 14px 0;
}
.banner_text a {
    margin-top: 30px;
}

#banner_section .owl-nav {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 210px;
    display: flex;
    justify-content: space-between;
    margin: auto;
}

#banner_section .owl-dots {
    text-align: center;
    height: 36px;
}

#banner_section .owl-nav button.owl-next, #banner_section .owl-nav button.owl-prev {
    background: none;
    line-height: 32px;
    font-size: 24px;
    transition: 0.5s;
    color: #999999;
    margin: 0;
}

#banner_section .owl-nav button.owl-next:hover, #banner_section .owl-nav button.owl-prev:hover {
    color: #4A55D8;
}

#banner_section .owl-dots .owl-dot {
    width: 12px;
    display: inline-block;
    height: 12px;
    border-radius: 50%;
    background: #999999;
    margin: 0 5px;
    position: relative;
}

#banner_section .owl-dots .owl-dot:hover {
    background: #4A55D8;
}

#banner_section .owl-dots .owl-dot.active {
    background: #4A55D8;
}

#logo_section {
    height: 100px;
    width: 100%;
    background: #4A55D8;
    display: flex;
    align-items: center;
}
.logo_item_main {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.logo_item {
    display: flex;
    position: relative;
}
.logo_item:after {
    content: '';
    width: 1px;
    height: 15px;
    position: absolute;
    top: 7px;
    right: -22px;
    background: #e1e1e1;
}
.logo_item:last-child:after {
    width: 0px
}
.logo_item img {
    padding-left:10px;
}
.logo_item p {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #F4F5FD;
}

#instagram_story_section {
    width: 100%;
    padding: 77px 0px 100px;
}

.inta_img {
    width: 100%;
    position: relative;
    transition: all ease-in-out 0.5s;
}
.inta_img:hover:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0, 0.5);
    border-radius: 10px;
}
.insta_icon {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 26px 33px;
    background: #000;
    border-radius: 0 0 10px 10px;
    z-index: 1;
}
.video_play {
    opacity: 0;
    transition: all ease-in-out 0.5s;
}
.inta_img:hover .video_play {
    opacity: 1;
}
.video_play a i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    color: #000;
    z-index: 1;
}

.owl-nav {
    text-align: center;
    margin-top: 40px;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    width: 40px;
    height: 40px;
    background: #cacaca;
    margin: 0 10px;
    color: #fff;
    line-height: 32px;
    font-size: 30px;
    transition: 0.5s;
}

.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover {
    background: #4A55D8;
}

.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span {
    line-height: 30px;
    width: 40px;
    height: 40px;
    display: inline-block;
}

.insta_icon a {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}

#excellence_program {
    background-image: url(../image/excellence.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 321px;
    padding-bottom: 247px;
}

.excellence {
    max-width: 965px;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 10px;
    margin: auto;
    padding-top: 49px;
    padding-bottom: 44px;
    text-align: center;
}

.excellence h2 {
    font-weight: 700;
    font-size: 45px;
    line-height: 57px;
    color: #1F256B;
}
.excellence p {
    font-weight: 500;
    font-size: 22px;
    line-height: 28px;
    color: #232323;
    padding: 24px 105px 30px;
}

.excellence h5 { 
    font-weight: 600;
    font-size: 14px;
    line-height: 26px;
    color: #1F256B;
    margin-bottom: 10px;
}

#our_courses {
    width: 100%;
    margin-top: 130px;
    position: relative;
}

.course_text h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    color: #000000;
    margin-bottom: 12px;
}

.course_text p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
}
.management {
    background: #F4F5FD;
    padding: 23px 24px 35px;
    border-radius: 10px;
    margin-top: 45px;
}

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

.pupuler-btn span {
    width: 137px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    font-weight: 500;
    font-size: 16px;
    color: #DC6803;
}

.star_icon {
    margin: 0;
    padding: 0;
}

.star_icon li {
    list-style: none;
    display: inline-block;
}

.title_text h4 {
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    color: #000000;
    margin: 24px 0px;
}

.title_text p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgba(35, 35, 35, 0.7);
}

.online_class {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 50px;
    border-bottom: 2px solid #232323;
    padding-bottom: 20px;
}

.online_class li {
    list-style: none;
    display: inline-block;
}

.online_class li span {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: #232323;
    opacity: 0.8;
}

.online_class li i {
    width: 30px;
    height: 30px;
    border-radius: 20px;
    background: #000;
    color: #fff;
    text-align: center;
    line-height: 30px;
    margin-right: 10px;
}

.online_class1 {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.online_class1 li {
    list-style: none;
    display: inline-block;
}

.owl-carousel-3 .owl-nav {
    position: relative;
    margin-top: 30px;
    width: 100%;
}

/* .owl-carousel-3 .owl-nav button.owl-next, .owl-carousel-3 .owl-nav button.owl-prev {
    width: 56px;
    height: 56px;
    background: #cacaca;
    margin: 0 10px;
    color: #000;
    line-height: 30px;
    font-size: 40px;
    transition: 0.5s;
    border-radius: 5px;
} */
.owl-carousel-3 button.owl-prev {
    position: absolute;
    left: -100px;
    top: -350px;
    width: 35px;
    height: 35px;
    background: #cacaca;
    margin: 0 10px;
    color: #000;
    line-height: 30px;
    font-size: 32px;
    transition: 0.5s;
    border-radius: 50%;
}
.owl-carousel-3 button.owl-next {
    position: absolute;
    right: -100px;
    top: -350px;
    width: 35px;
    height: 35px;
    background: #cacaca;
    margin: 0 10px;
    color: #000;
    line-height: 30px;
    font-size: 32px;
    transition: 0.5s;
    border-radius: 50%;
}

.owl-carousel-3 .owl-nav button.owl-next:hover, .owl-carousel-3 .owl-nav button.owl-prev:hover {
    background: #4A55D8;
    color: #fff;
}

#expert_says {
    width: 100%;
    margin-top: 102px;
}

.online_class1 li span {
    font-size: 14px;
    color: #232323;
    font-weight: 600;
    opacity: 0.8;
    text-decoration: line-through;
}

.online_class1 li span:last-child {
    text-decoration: none;
}

.online_class1 li span strong {
    font-size: 20px;
    color: #232323;
    font-weight: 600;
    padding-left: 16px;
}

.testimonial_main {
    margin-top: 70px;
    position: relative;
}

.testimonial_main .owl-nav {
    margin-top: 20px;
    position: relative;
}

/* .testimonial_main .owl-nav button.owl-next, .testimonial_main .owl-nav button.owl-prev {
    width: 28px;
    height: 28px;
    background: #E2EDFF;
    margin: 0px 15px;
    color: #fff;
    line-height: 10px;
    font-size: 20px;
    transition: 0.5s;
    border-radius: 50%;
} */
.testimonial_main button.owl-prev {
    position: absolute;
    left: -100px;
    top: -200px;
    width: 35px;
    height: 35px;
    background: #cacaca;
    margin: 0px 15px;
    color: #000;
    line-height: 10px;
    transition: 0.5s;
    border-radius: 50%;
}
.testimonial_main button.owl-next {
    position: absolute;
    right: -100px;
    top: -200px;
    width: 35px;
    height: 35px;
    background: #cacaca;
    margin: 0px 15px;
    color: #000;
    line-height: 10px;
    transition: 0.5s;
    border-radius: 50%;
}

.testimonial_main .owl-dots {
    text-align: end;
}

.testimonial_main .owl-nav button.owl-next span, .testimonial_main .owl-nav button.owl-prev span {
    line-height: 22px;
    width: 40px;
    height: 40px;
    display: inline-block;
}

.testimonial_main .owl-dots .owl-dot {
    width: 46px;
    display: inline-block;
    height: 46px;
    background-image: url(../image/Ellipse1.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    margin-left: -20px;
}

.testimonial_main .owl-dots .owl-dot:nth-child(2) {
    background-image: url(../image/Ellipse2.png);
}
.testimonial_main .owl-dots .owl-dot:nth-child(3) {
    background-image: url(../image/Ellipse3.png);
}
.testimonial_main .owl-dots .owl-dot:nth-child(4) {
    background-image: url(../image/Ellipse4.png);
}
.testimonial_main .owl-dots .owl-dot:nth-child(5) {
    background-image: url(../image/Ellipse5.png);
}

.tiang {
    display: flex;
    align-items: start;
}

.tiang_img {
    width: 50%;
    position: relative;
}

img.icon-1 {
    width: 14% !important;
    position: absolute;
    left: 0;
    top: 0;
}

.tiang_content {
    padding-left: 80px;
}

.jwelry {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.jwelry_icon {
    margin: 0;
    padding: 0;
}

.jwelry_icon li {
    list-style: none;
    display: inline-block;
}

.jwelry_title h5 {
    font-weight: 600;
    font-size: 25px;
    line-height: 38px;
    color: #000000;
}

.jwelry_title span {
    font-weight: 400;
    font-size: 25px;
    line-height: 38px;
    color: #455164;
}

.tiang_content p {
    font-weight: 400;
    font-size: 25px;
    line-height: 38px;
    color: #455164;
    margin-top: 23px;
}

.jwelry_icon li i {
    color: #DC6803;
    padding-right: 8px;
}

.jwelry_icon li .star {
    color: #D9D9D9;
}

.jwelry_icon li:last-child {
    font-size: 18px;
    color: #000;
    font-weight: 600;
}

#create {
    background: #f5f2ff;
    padding: 81px 0px;
    margin-top: 102px;
}

.profile_box {
    width: 100%;
    position: relative;
}

.profile_bg {
    width: 100%;
    position: relative;
}

.profile_bg img {
    width: 100%;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.admin_box {
    position: absolute;
    width: 365px;
    height: 392px;
    right: 40px;
    bottom: 0;
    background: #FFFFFF;
    box-shadow: 0px 9.10294px 26px rgba(40, 43, 111, 0.2);
    border-radius: 18.2059px;
    text-align: center;
}

.admin_box img {
    /* position: relative; */
    margin-top: 50px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.admin_box h6 {
    font-weight: 500;
    font-size: 30px;
    line-height: 45px;
    color: #000000;
    margin-top: 42px;
}

.admin_box span {
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    color: #455164;
    position: relative;
    display: inline-block;
}

.admin_box span::after {
    content: '';
    position: absolute;
    bottom: -21px;
    left: 0;
    right: 0;
    background: #2B63C3;
    height: 1px;
    width: 60px;
    margin: auto;
}

.admin_box a {
    position: absolute;
    width: 365px;
    height: 95px;
    display: flex;
    left: 0;
    align-items: center;
    justify-content: center;
    bottom: 0;
    background: #4A55D8;
    border-radius: 0px 0px 18px 18px;
    font-weight: 600;
    font-size: 30px;
    line-height: 45px;
    color: #FFFFFF;
}

.together {
    width: 100%;
}

.together h2 {
    font-weight: 600;
    font-size: 50px;
    line-height: 63px;
    color: #000000;
    margin-bottom: 24px;
}

.together h2 span {
    color: #2B63C3;
}

.together p {
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    color: #455164;
}

.success_form {
    width: 100%;
    margin-top: 30px;
}

.create_form {
    width: 100%;
    margin-bottom: 20px;
}

.create_form input {
    width: 100%;
    padding: 14px 10px;
    border: 0;
    border-radius: 5px;
}
.create_form textarea {
    width: 100%;
    padding: 14px 10px;
    border: 0;
    border-radius: 5px;
}

.create_btn button {
    padding: 15px 58px;
    margin-top: 10px;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    color: #FFFFFF;
    background: #4A55D8;
    border-radius: 50px;
    border: 1px solid #4A55D8;
    transition: 0.5s;
}

.create_btn button:hover {
    color: #4A55D8;
    background: none;
    border: 1px solid #4A55D8;
}

#footer {
    width: 100%;
    background: #1F256B;
    padding: 56px 0px 20px;
}

.policys {
    display: flex;
    justify-content: space-evenly;
    margin-top: 10px;
    margin-bottom: 10px;
}
.policys a {
    color: rgb(255, 255, 255);
    font-weight: bold;
    font-size: 14px;
}
.policys a:hover {
    color: #4a55d8;
    text-decoration: underline;
}
section.second_foo {
    background-color: #1f256b;
    border-top: 2px solid white;
}

.footer_logo h6 {
    margin-top: 16px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;

}

.footer_logo p {
    margin-top: 16px;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: rgba(255, 255, 255, 0.6);
}

.about_links {
    width: 100%;
}

.about_links h6 {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #9CA3FC;
    margin-bottom: 24px;
}

.about_links ul {
    margin: 0;
    padding: 0;
}

.about_links ul li {
    list-style: none;
}

.about_links ul li a {
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF;
    transition: 0.5s;
    padding: 0px;
}

.social_links ul li {
    display: inline-block;
    padding-right: 12px;
}

.social_links ul li a {
    font-size: 24px;
}

.about_links ul li a:hover {
    color: #4A55D8;
}

/* About Page Start */
#unagitated {
    width: 100%;
    position: relative;
}

.unagitated_text {
    text-align: center;
    margin: 50px 60px 0;
}

.unagitated_text h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    color: #000000;
    margin-bottom: 24px;
}

.unagitated_text h2 span{
    color: #4A55D8;
}

.unagitated_text p {
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    color: #000000;
    margin-bottom: 50px;
}

.unagitated_text img {
    width: 100%;
}

#mission {
    background: #EDEEFB;
    position: relative;
    margin-top: 80px;
}

.mission_text_box {
    width: 100%;
    padding: 50px 60px;
}
.mission_text_box h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    color: #4A55D8;
    margin-bottom: 20px;
}
.mission_text_box p {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #455164;
} 
#mission_list {
    width: 100%;
    position: relative;
    margin-top: 80px;
}
.parental_main {
    background: #FFFFFF;
    box-shadow: 0px 12px 15px rgba(0, 0, 0, 0.15);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.missionicon {
    text-align: center;
    width: 25%;
    position: relative;
    padding: 30px 0px;
}
.missionicon::after {
    content: '';
    width: 1px;
    height: 110px;
    background: #afafaf;
    position: absolute;
    top: 0;
    right: 0;
}
.missionicon:last-child::after{
    width: inherit;
    height: inherit;
}
.missionicon img {
    margin-bottom: 50px;
    position: relative;
    margin-top: -60px;
}
.missionicon p {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #4A55D8;
}
#team {
    width: 100%;
    margin-top: 80px;
}
.team_text {
    text-align: center;
}
.team_text h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    color: #4A55D8;
    margin-bottom: 48px;
}
.team_text h2 span {
    color: #1F256B;
}
.team_box {
    width: 100%;
    margin-bottom: 50px;
}
.team_box.admin_text {
    padding: 0px 30px 0px 70px;
}
.team_box h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    color: #4A55D8;
    /* margin-bottom: 24px; */
}
.team_box h2 span {
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    color: #1F256B;
}
.team_box.admin_text span {
    font-size: 18px;
    font-weight: 700;
}
.environment p {
    font-weight: 700;
    font-size: 38px;
    line-height: 48px;
    color: #1f256b;
}
.environment p span {
    font-size: 20px;
} 
.study_of_kids_text a.join-program {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #FFFFFF;
    background: #4A55D8;
    padding: 24px 44px;
    border-radius: 10px;
    /* margin-top: 70px; */
    display: inline-block;
}
.study_of_kids_text h1{
    margin-bottom: 0px;
}
.hero-text {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
 
.team_box p {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #455164;
    margin-top: 25px;
    margin-bottom: 24px;
}
.team_box img {
    width: 100%;
}

/* About Page End */


/* Coureses Detail page Start */

#study_of_kids {
    background-image: url(../image/coureses.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 150px 0px;
}
.study_of_kids_text span {
    font-weight: 600;
    font-size: 30px;
    line-height: 38px;
    color: #FFFFFF;
}

.study_of_kids_text h1 {
    font-weight: 800;
    font-size: 62px;
    line-height: 70px;
    color: #FFFFFF;
    /* margin-bottom: 30px; */
}
.study_of_kids_text p {
    font-weight: 600;
    font-size: 35px;
    line-height: 44px;
    color: #FFFFFF;
    /* max-width: 60%; */
    margin-bottom: 30px;
}

#we_provide {
    background: #EDEEFB;
    padding: 80px 0px;
}
.environment {
    text-align: center;
}
.environment a {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #FFFFFF;
    background: #4A55D8;
    border-radius: 10px;
    display: inline-block;
    padding: 20px 57px;
    /* margin-top: 50px; */
}
.outcome_box {
    background: #FFFFFF;
    border-radius: 10px;
    margin-bottom: 50px;
    text-align: center;
    padding: 55px 20px;
}
.outcome_box img {
    margin-bottom: 30px;
}
.outcome_box p {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #000000;
}
.program {
    text-align: center;
}
.program a {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #4A55D8;
    background: #FFFFFF;
    border-radius: 10px;
    padding: 20px 57px;
    display: inline-block;
    margin-bottom: 80px;
}
.session_box {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    padding: 30px 0px;
    margin-top: 30px;
    text-align: left;
}
.session_box p {
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    color: #455164;
    padding-right: 40px;
}
.session_img {
    padding-right: 55px;
    position: relative;
    margin-left: -20px;
}
.session_img span {
    background: #4a55d8;
    width: 260px;
    display: inline-block;
    padding: 20px 25px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    border-radius: 5px;
    clip-path: polygon(85% 0%, 95% 50%, 85% 100%, 0% 100%, 0% 0%, 0% 0%);
    position: relative;
}
.mt-70 {
    margin-top: 70px;
}
.mt-70 a {
    background: #4A55D8;
    color: #FFFFFF;
}
#inner_banner {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 97px 0px;
    width: 100%;
    position: relative;
}

.inner_banner_text {
    width: 100%;
    position: relative;
    text-align: center;
    z-index: 1;
}

.inner_banner_text h1 {
    font-weight: 600;
    font-size: 50px;
    line-height: 63px;
    color: #FFFFFF;
}
.analytical {
    text-align: center;
}
a.impact_out {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #1F256B;
    background: #ffffff;
    padding: 24px 44px;
    border-radius: 10px;
    text-align: center;
    margin: 70px 0px;
    display: inline-block;
}
#Breakdown a.impact_out  {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #ffffff;
    background: #1f256b;
    padding: 24px 44px;
    border-radius: 10px;
    text-align: center;
    margin: 70px 0px;
    display: inline-block;
}
.session_box:hover p.session_num {
    color: black;
}
.session_box:hover {
    background-color: #1f256b;
    color: white;
}
.session_box:hover p {
    color: white;
}
.study_of_kids_text a.join-program:hover {
    background-color: #1F256B;
}
.environment a:hover {
    background-color: #1F256B;
}
#impact .program a:hover {
    background-color: #1f256b;
    color: white;
}
.icon.clicked h2 {
    color: #1f256b !important;
}










/* Coureses Detail page End */



@media (max-width: 1400px) {
    /* .outcome_box {
        padding: 55px 70px;
    } */
}


@media (max-width: 1200px) {
    .unagitated_text h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .owl-carousel-3 .owl-nav button.owl-next, .owl-carousel-3 .owl-nav button.owl-prev {
        width: 56px;
        height: 56px;
        background: #cacaca;
        margin: 0 10px;
        color: #000;
        line-height: 30px;
        font-size: 40px;
        transition: 0.5s;
        border-radius: 50%;
        position: revert;
    }
    .testimonial_main .owl-nav button.owl-next, .testimonial_main .owl-nav button.owl-prev {
        width: 35px;
        height: 35px;
        background: #cacaca;
        margin: 0px 15px;
        color: #000;
        line-height: 10px;
        transition: 0.5s;
        border-radius: 50%;
        position: revert;
    }
    
    .team_box h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 15px;
    }
    .team_box p {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 18px;
    }
    .team_text h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 35px;
    }
    .study_of_kids_text span {
        font-size: 20px;
        line-height: 26px;
    }
    
    .study_of_kids_text h1 {
        font-size: 52px;
        line-height: 60px;
    }
    .study_of_kids_text p {
        font-size: 24px;
        line-height: 36px;
        max-width: 80%;
    }
    #study_of_kids {
        padding: 110px;
    }
    .outcome_box {
        padding: 55px 20px;
    }
    .session_img {
        padding-right: 40px;
    }
}


@media (max-width: 991px) {
    .unagitated_text p {
        font-size: 18px;
        line-height: 24px;
    }
    .unagitated_text {
        margin: 40px 0px;
    }
    .mission_text_box {
        padding: 50px 0;
    }
    .mission_text_box {
        padding: 20px 0;
    }
    .team_text h2 {
        font-size: 24px;
        line-height: 30px;
    }
    .team_box h2 {
        font-size: 24px;
        line-height: 30px;
    }
    .team_box h2 span {
        font-size: 17px;
    }
    .logo_item:after {
	width: 0px;
	height: 0px;
     }
    .team_box {
        margin-bottom: 30px;
    }
    .team_box.admin_text {
        padding: 0;
    }
    .missionicon {
        width: 50%;
    }
    .missionicon:nth-child(2):after {
        width: 0;
    }
    .study_of_kids_text span {
        font-size: 18px;
        line-height: 22px;
    }
    
    .study_of_kids_text h1 {
        font-size: 50px;
    line-height: 52px;
    }
    .study_of_kids_text h1{
        margin-bottom: 0px;
    }


    .study_of_kids_text p {
        font-size: 20px;
        line-height: 24px;
        max-width: 100%;
    }
    .session_box p {
        font-size: 18px;
        line-height: 36px;
        padding-right: 20px;
    }
}


@media (max-width: 767px) {
    .unagitated_text h2 {
        font-size: 24px;
        line-height: 30px;
    }

    .study_of_kids_text h1 {
        font-size: 30px;
        line-height: 40px;
        /* margin-bottom: 20px; */
    }
    .hero-text {
        margin-bottom: 0px;
    }
    .study_of_kids_text a.join-program {
        margin-top: 0px;
        padding: 16px 32px;
        font-size: 16px;
        line-height: 20px;
    }
    .study_of_kids_text p {
        font-size: 16px;
    }
    .environment p span {
        font-size: 14px;
    }

    #study_of_kids {
        padding: 80px 0;
    }
    .session_box {
        display: block;
    }	
    .session_box p {
       padding: 5px 20px;
       font-size: 16px;
       line-height: 24px;
    }
.faq_accordion {
    margin-top: 30px;
}
#we_provide {
    padding: 40px 0px;
}
.environment p {
    padding: 12px 25px;
    font-size: 18px;
    line-height: 22px;
}
.environment a {
    padding: 15px 50px
}
.outcome_box {
    padding: 40px 20px;
}
    
}

@media (max-width: 575px) {
    .missionicon {
        width: 100%;
    }
    .missionicon::after {
        width: 0;
    }
}





#multiple_courses {
    background: rgba(74, 85, 216, 0.1);
    padding: 60px 0px;
    position: relative;
}

.multiple_text {
    text-align: center;
    /* margin-bottom: 70px; */
}

.multiple_text span {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
}

.multiple_text h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    color: #1F256B;
    margin: 12px 0px 17px;
}
.multiple_text h2 span {
    color: #4A55D8;
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
}

.multiple_text p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    padding: 0 120px;
}

.journey {
    /* width: 100%;
    height: 990px;
    position: relative; */
}

.journey_btn a {
    background: #4A55D8;
    border-radius: 5px;
    width: 307px;
    display: block;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #FFFFFF;
    padding: 14px 0;
}
div#v-pills-tabContent {
    	padding-bottom: 2px;
    }
.journey_btn span {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #4A55D8;
    margin-top: 22px;
    display: block;
}
div#Parenting {
    position: absolute;
    right: 0;
    top: 28.8%;
}
div#Victory {
    margin-top: 115px;
}
div#Emotional {
    position: absolute;
    bottom: 25.5%;
    right: 0;
}
div#Multi-skill {
    position: absolute;
    bottom: 20%;
    left: 0;
}
div#scholars {
    position: absolute;
    top: 34.5%;
    left: 0;
}
a.join-program {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #FFFFFF;
    background: #1F256B;
    padding: 24px 44px;
    border-radius: 10px;
    /* margin-top: 70px; */
    display: inline-block;
}
#impact {
    width: 100%;
    background: linear-gradient(121.75deg, rgba(0, 0, 0, 0.87) 0%, #4A55D8 100%);
    position: relative;
    /* padding-bottom: 207px; */
}
.main_outcome {
    margin: auto;
    position: relative;
}

.impact_text {
    width: 100%;
    text-align: center;
    padding: 40px 0px 62px;
}


.impact_text span {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
}

.impact_text h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    text-align: center;
    color: #E6A52F;
    margin-top: 12px;
}

.outcome_bg {
    position: absolute;
    top: 0;
    right: 25px;
}
.outcome_bg img {
   width: 100%;
}

.secure {
    display: flex;
    max-width: 930px;
    margin: auto;
    align-items: flex-end;
}

.award-img {
    width: 36%;
    position: relative;
    right: -50px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.award-img img {
    width: 100%;
}

.secure_box {
    background: #000000;
    border-radius: 10px;
    padding: 50px;
}

.secure_box h5 {
    font-weight: 600;
    font-size: 40px;
    line-height: 50px;
    color: #ECB40E;
    margin-bottom: 40px;
}

.analytical-list {
    margin-top: 75px;
}

.future-list {
    margin: 0;
    padding: 0;
}

.future-list li {
    list-style: none;
    display: flex;
    margin-bottom: 30px;
}
.future-list li span {
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    display: inline-block;
    color: #FFFFFF;
}
.future-list li:last-child {
    margin-bottom: 0px;
}
.future-list li img {
    margin-right: 23px;
}

.analytical-list h5  {
    font-weight: 600;
    font-size: 40px;
    line-height: 50px;
    color: #E8AA22;
    margin-bottom: 40px;
    text-align: left;
}
#Breakdown {
    width: 100%;
    position: relative;
    margin-top: 70px;
}
.hero-text h1:first-child {
    padding-right: 10px;
}
.breakdown_text {
    text-align: center;
}
/* .breakdown_text span {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
} */
.breakdown_text h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    text-align: center;
    color: #4A55D8;
}
.breakdown_text h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    color: #1F256B;
}
.breakdown_text h2 span {
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    color: #4A55D8;
}
.breakdown_tabs {
    width: 100%;
    margin-top: 78px;
    display: flex;
    align-items: start;
}
.session_table {
    width: 100%;
    box-shadow: 1px 0px 5px 0 #ccc;
    padding: 30px;
    border-radius: 10px;
}
.session_table h4 {
    font-weight: 600;
    font-size: 30px;
    line-height: 28px;
    color: #4A55D8;
    margin-bottom: 20px;
}

.session_table P {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #000000;
}
.breakdown_tabs #v-pills-tab {
    width: 30%;
}
.session_table {
    box-shadow: 1px 0px 5px 0 #ccc;
    padding: 30px;
    border-radius: 10px;
}
.session_table table {
    width: 100%;
}
.session_table table {
    width: 100%;
    margin-top: 30px;
    text-align: center;
    border: 1px solid #000;
}
.session_table table thead {
    background: #1F256B;
}
.session_table table thead tr th {
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    color: #FFFFFF;
    padding: 7px 0;
}
.session_table table tbody {
    background: #EDEEFB;
}
.session_table table tbody tr td {
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    color: #1F256B;
    padding: 7px 0;
}
.session_table table tbody .bg-blue-light {
    background: #4A55D8;
}
.session_table table tbody .bg-blue-light td {
    color: #fff;
}
.breakdown_tabs .nav-pills .nav-link {
    background: #FFFFFF;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    border: 0;
    margin-bottom: 24px;
    padding: 16px 0px;
}
.breakdown_tabs .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #4A55D8;
}
.breakdown_tabs a {
    background: #4A55D8;
    border-radius: 8px;
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    color: #FFFFFF;
    display: inline-block;
    padding: 14px 30px;
    text-align: center;
    margin-top: 30px;
}
#faq {
    background: #EDEEFB;
    /* margin: 50px 0px; */
    position: relative;
    padding: 64px 0px;
}
.faq_text {
    text-align: center;
}
.faq_text h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    color: #301F6B;
    margin-bottom: 12px;
}

.faq_text p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #301F6B;
}
.faq_accordion {
    width: 100%;
    margin-top: 80px;
}

.faq_accordion .accordion-item {
    border: 0;
    margin-bottom: 20px;
    border-radius: 5px !important;
}
.faq_accordion button.accordion-button {
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    color: #4A55D8;
    padding: 15px 24px;
}
.faq_accordion .accordion-button:not(.collapsed) {
    background-color: #4A55D8;
    color: #fff;
}
.faq_accordion .accordion-button:focus {
    border: 0;
    box-shadow: 0 0 0;
}
.faq_accordion .accordion-button:hover {
    border: 0;
    box-shadow: 0 0 0;
    background-color: #4A55D8;
    color: #fff;
}
.faq_accordion .accordion-body {
    padding: 12px 24px 18px;
}
.faq_accordion .accordion-body p {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
}

@media (max-width: 1400px) {
    div#Victory {
        margin-top: 98px;
    }
    div#Parenting {
        position: absolute;
        right: 0;
        top: 24.8%;
    }
    div#Emotional {
        position: absolute;
        bottom: 34.5%;
        right: 0;
    }
    div#scholars {
        position: absolute;
        top: 29.5%;
        left: 0;
    }
    div#Multi-skill {
        position: absolute;
        bottom: 30.2%;
        left: 0;
    }
}

@media (max-width: 1200px) {
    div#Victory {
        margin-top: 75px;
    }
    div#Parenting {
        position: absolute;
        right: 0;
        top: 20%;
    }
    div#scholars {
        position: absolute;
        top: 24.5%;
        left: 0;
    }
    div#Emotional {
        position: absolute;
        bottom: 44.5%;
        right: 0;
    }
    div#Multi-skill {
        position: absolute;
        bottom: 39.2%;
        left: 0;
    }
    .impact_text h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .analytical-list h5 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 30px;
    }
    .secure_box h5 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 30px;
    }
    #impact {
        padding-bottom: 150px;
    }
    .breakdown_text h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .breakdown_text h2 span {
        font-size: 30px;
        line-height: 40px;
    }
    .faq_text h2 {
        font-size: 30px;
        line-height: 40px;
    }
}



@media (max-width: 991px) {
    .journey {
        height: inherit;
        text-align: center;
    }
    div#Victory {
        margin-top: 75px;
    }
    div#Parenting {
        position: relative;
        right: 0;
        top: 20%;
    }
    div#scholars {
        position: relative;
        top: 24.5%;
        left: 0;
    }
    div#Emotional {
        position: relative;
        bottom: 44.5%;
        right: 0;
    }
    div#Multi-skill {
        position: relative;
        bottom: 39.2%;
        left: 0;
    }
    a.join-program {
        display: inline-block;
    }
    .journey_btn a {
        margin: auto;
    }
    .journey_btn {
        margin-bottom: 20px;
    }
    .multiple_text h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .multiple_text p {
        padding: 0;
    }
    .multiple_text h2 span {
        font-size: 30px;
        line-height: 40px;
    }
    .future-list li span {
        font-size: 17px;
    }
    .future-list li span {
        font-size: 18px;
    }
    .secure {
        display: block;
    }
    .award-img {
        width: 100%;
        right: 0;
    }
    #impact {
        padding-bottom: 100px;
    }
    .breakdown_tabs {
        margin-top: 50px;
        display: block;
    }
    .breakdown_tabs #v-pills-tab {
        width: 100%;
        flex-direction: row !important;
        overflow: scroll;
        justify-content: space-between;
        flex-wrap: nowrap !important;
    }
    .breakdown_tabs .nav-pills .nav-link {
        padding: 16px 25px;
        white-space: nowrap;
        margin: 0 14px;
        margin-bottom: 10px;
    }
    #Breakdown {
        margin: 50px 0px;
    }
    .faq_accordion {
        margin-top: 0px;
    }
	.faq_text p{
		    margin-bottom: 40px;
	}
}

@media (max-width: 767px) {
    .multiple_text p {
        padding: 0;
        font-size: 15px;
    }
    .multiple_text h2 {
        font-size: 24px;
        line-height: 30px;
    }
    .multiple_text h2 span {
        font-size: 26px;
        line-height: 30px;
    }
    .journey_btn a {
        margin: auto;
        padding: 10px 0;
        font-size: 18px;
    }
    .journey_btn span {
        font-size: 16px;
        line-height: 20px;
        margin-top: 13px;
    }
    a.join-program {
        font-size: 18px;
        line-height: 24px;
        padding: 10px 30px;
        margin-top: 36px;
    }
.multiple_text {
    margin-bottom: 30px;
}
.impact_text {
    padding: 30px 0px 24px;
}
.secure_box h5 {
    font-size: 24px;
}
.secure_box {
    padding: 20px;
}
.analytical-list {
    margin-top: 40px;
    padding: 0px 20px;
}
.future-list li span {
    font-size: 16px;
}
    #multiple_courses {
        padding: 50px 0px;
    }
    .impact_text h2 {
        font-size: 24px;
        line-height: 30px;
    }
    .analytical-list h5 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 20px;
        text-align: left;
    }
    #impact {
        padding-bottom: 80px;
    }
    .breakdown_text h2 {
        font-size: 24px;
        line-height: 30px;
    }
    .breakdown_text h2 span {
        font-size: 24px;
        line-height: 30px;
    }
    .session_table h4 {
        font-size: 22px;
    }
    .faq_text h2 {
        font-size: 24px;
        line-height: 30px;
    }
    #faq {
    	margin: 40px 0px;
    	padding: 30px 0px;
        margin-bottom: 0px;
   }
}

@media (max-width: 575px) {
    #impact {
        padding-bottom: 40px;
    }
    .faq_accordion button.accordion-button {
        font-size: 17px;
    }
.award-img {
    top: -20px;
}
.future-list li img {
    margin-right: 15px;
    width: 20px;
}
.breakdown_tabs {
    margin-top: 30px;
}
.session_table h4 {
    font-size: 20px;
}
.session_table {
    padding: 16px;
}
.session_table h4 {
    font-size: 20px;
}
.session_table P {
    font-size: 15px;
}
.session_table table {
    margin-top: 10px;
}
.breakdown_tabs a {
   padding: 10px 20px;
}

}

.tiang_content {
    width: 75%;
    padding-left: 80px;
}

.tiang_img {
    width: 25%;
    position: relative;
}

@media (max-width: 767px) {
    .tiang_content {
        width: 100%;
        position: relative;
    }
}

@media (max-width: 575px) {
    .tiang_img {
        width: 40%;
        position: relative;
    }
}

.accordion-button::after {
    background-image: url(../image/chevron-down.png);
}
.accordion-button:not(.collapsed)::after {
    background-image: url(../image/chevron-down1.png);
    transform: rotate(-180deg);
}


/* courses page css start  */


#course {
    width: 100%;
    position: relative;
    /* margin-bottom: 85px; */
}
.course-img {
    text-align: center;
}

#skill_section {
    width: 100%;
    margin-bottom: 110px;
}

.management_img img {
    width: 100%;
}

.skill_text h4 {
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    color: #000000;
    padding: 12px 0px 16px 0px;
}

.program_btn span {
    background: #F3F3FC;
    border-radius: 2px;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #1F256B;
    padding: 8px 14px;
}

.enroll_btn {
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    color: #FFFFFF;
    background: #4A55D8;
    border-radius: 10px;
    padding: 7px 33px;
}
.enroll_btn:hover {
    color: #FFFFFF;
}

.skill_development {
    background: #FFFFFF;
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    padding: 16px;
    margin-top: 50px;
}


/* faqs page start */
.faq_Courses_box {
    margin-bottom: 20px;
}
section.faq_section {
    margin-bottom: 80px;
}

.faq_Courses_box h6 {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    color: #FFFFFF;
    background: #1F256B;
    border-radius: 10px 10px 0px 0px;
    padding: 16px 0px;
}

.faqs_accordion h6 {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    color: #1F256B;
    opacity: 0.5;
    margin-bottom: 12px;
}
.faq_Courses_box .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #1F256B;
    background: inherit;
}

.faq_Courses_box .nav-link {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    color: #1F256B;
    padding: 16px 0px;
    border-bottom: 2px solid #cccccc!important;
    border-radius: 0 !important;
}
.faq_Courses_box .nav-link:last-child {
    border-bottom: 0px !important;
}
.faq_Courses_box .nav-link:hover {
    color: #1F256B;
}

.faq_Courses_box #v-pills-tab {
    background: #dbddf7;
    border: 1px solid #cccccc;
    border-top: 0;
    border-radius: 0px 0px 10px 10px;
}

.faqs_accordion .accordion-item {
    background: #EDEEFB;
    border: 0;
    margin-bottom: 20px;
    border-radius: 8px;
}

.faqs_accordion .accordion-button:not(.collapsed) {
    color: #1F256B;
    background-color: #EDEEFB;
    box-shadow: 0 0 0 0;
}

.faqs_accordion button.accordion-button {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    display: flex;
    align-items: center;
    color: #1F256B;
    background: #EDEEFB;
    border-radius: 8px;
}
.faqs_accordion button.accordion-button:focus {
    box-shadow: 0 0 0 0;
}

.faqs_accordion .accordion-body p {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    color: #4A55D8;
}

.faqs_accordion .accordion-body {
    padding: 0px 24px 15px;
}



.faqs_accordion .accordion-item:last-of-type .accordion-button.collapsed {
    border-radius: 8px;
}

.faqs_accordion .accordion-item:first-of-type .accordion-button {
    border-radius: 8px;
}

@media (max-width: 991px) {
    .populer img {
        width: 70px;
    }
    .skill_text h4 {
        font-size: 16px;
    }
    .online_class li span {
        font-size: 12px;
    }
    .online_class1 li span strong {
        font-size: 14px;
    }
    #toggle {
        width: 20px;
        margin-left: auto;
    }
      
      #toggle div {
        width: 100%;
        height: 2px;
        background: #000000;
        margin: 4px auto;
        transition: all 0.3s;
        backface-visibility: hidden;
      }
      
      #toggle.on .one {
        transform: rotate(43deg) translate(5px, 6.5px);
    }
      
      #toggle.on .two {
        opacity: 0;
      }
      section.faq_section {
        margin-bottom: 40px;
    }
      #toggle.on .three {
        transform: rotate(-42deg) translate(2px, -3px);
    }
    #header .navbar-light .navbar-nav .nav-link {
        font-size: 18px;
        line-height: 40px;
    }
    #course {
        margin-bottom: 50px;
    }
    .skill_development {
        margin-top: 30px;
    }
    #skill_section {
        width: 100%;
        margin-bottom: 70px;
    }

}

@media (max-width: 575px) {
    .faqs_accordion button.accordion-button {
        font-size: 18px;
    }
    .faqs_accordion .accordion-body p {
        font-size: 15px;
    }
}


/* Additional styling for Plyr */
.plyr {
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.plyr__control.plyr__tab-focus,
.plyr__control:hover {
    background-color: transparent;
}

.plyr__progress--played,
.plyr__volume--display {
    background-color: #1a73e8; /* Customize the progress bar color */
}

.plyr__volume--display::before {
    color: #1a73e8; /* Customize the volume icon color */
}
video.plyr {
    width: 100% !important;
    height: 600px !important;
    object-fit: cover;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt {
    background-color: #4A55D8 !important;
}
.woocommerce-billing-fields__field-wrapper input, .woocommerce-billing-fields__field-wrapper select {
    font-size: 14px;
    border-radius: 2px;
    border: 1px solid #cccccc;
    display: block;
    width: 100%;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.25rem;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.woocommerce-shipping-fields__field-wrapper input , #coupon_code{
    font-size: 14px;
    border-radius: 2px;
    border: 1px solid #cccccc;
    display: block;
    width: 100%;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.25rem;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
form.woocommerce-form.woocommerce-form-login.login #password, form.woocommerce-form.woocommerce-form-login.login #username , input#user_login {
    font-size: 14px;
    border-radius: 2px;
    border: 1px solid #cccccc;
    display: block;
    width: 100%;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.25rem;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

form.woocommerce-form.woocommerce-form-register.register input{
    font-size: 14px;
    border-radius: 2px;
    border: 1px solid #cccccc;
    display: block;
    width: 100%;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.25rem;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
form.woocommerce-EditAccountForm.edit-account input {
    font-size: 14px;
    border-radius: 2px;
    border: 1px solid #cccccc;
    display: block;
    width: 100%;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.25rem;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
button.woocommerce-Button.button {
    padding: 16px 30px !important;
    background: #4A55D8 !important;
    border-radius: 8px !important;
    color: #fff !important;
    text-decoration: none !important;
    text-align: right !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    transition: 0.5s;
    border: 1px solid #4A55D8 !important;
    display: inline-block !important;
    margin-bottom: 30px !important;
}
.u-column1 h2, .u-column2 h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    color: #000000;
    margin-bottom: 12px;
}
.single-page.container .woocommerce {
    padding-top: 50px;
}
nav.woocommerce-MyAccount-navigation ul{
    list-style: none;
    padding: 0px;
}
nav.woocommerce-MyAccount-navigation ul li {
    background: #FFFFFF;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    border: 0;
    margin-bottom: 24px;
    padding: 15px 15px;
}
.woocommerce-MyAccount-navigation-link.is-active {
    background-color: #4A55D8;
}
.woocommerce-MyAccount-navigation-link.is-active a {
    color: #fff !important;
}

.select2-container .select2-selection--single {
    height: 36px !important;
}
.select2-container--default .select2-selection--single {
    border: 1px solid rgba(0,0,0,.15) !important;
}
.woocommerce-message {
    border-top-color: #4a55d8 !important;
}
.woocommerce-info {
    border-top-color: #4a55d8 !important;
}
.woocommerce-info::before {
    color:  #4a55d8 !important;
}
.woocommerce-message::before {
    color: #4a55d8 !important;
}
a.button.wc-forward {
    padding: 8px 24px !important;
    background: #4A55D8 !important;
    border-radius: 8px !important;
    color: #fff !important;
    text-decoration: none !important;
    text-align: right !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    transition: 0.5s !important;
    border: 1px solid #4A55D8 !important;
    display: inline-block !important;
}
a.button.wc-backward {
    padding: 8px 24px !important;
    background: #4A55D8 !important;
    border-radius: 8px !important;
    color: #fff !important;
    text-decoration: none !important;
    text-align: right !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    transition: 0.5s !important;
    border: 1px solid #4A55D8 !important;
    display: inline-block !important;
    margin-bottom: 30px !important;
}
.woocommerce form .form-row button{
    padding: 8px 24px !important;
    background: #4A55D8 !important;
    border-radius: 8px !important;
    color: #fff !important;
    text-decoration: none !important;
    text-align: right !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    transition: 0.5s !important;
    border: 1px solid #4A55D8 !important;
    display: inline-block !important;
}
.coupon button.button {
    padding: 8px 24px !important;
    background: #4A55D8 !important;
    border-radius: 8px !important;
    color: #fff !important;
    text-decoration: none !important;
    text-align: right !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    transition: 0.5s !important;
    border: 1px solid #4A55D8 !important;
    display: inline-block !important;
    margin-top: 10px !important;
}
.woocommerce-shop .title_text p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgba(35, 35, 35, 0.7);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.woocommerce-billing-fields h3{
    font-weight: 300;
    font-size: 28px;
    line-height: 45px;
    color: #000000;
}
#ship-to-different-address span{
    font-weight: 300;
    font-size: 28px;
    line-height: 45px;
    color: #000000;
}
/* ul.sub-menu {
    display: none;
} */
/* .sub-menu li a.nav-link {
    padding: 15px !important;
    background-color: white;
}
.sub-menu li a.nav-link:hover {
    padding: 15px;
    background-color: black;
    color: white !important;
} */
.session_table .session_box {
    padding: 20px 0px;
    margin-top: 15px;
}
.session_img {
    margin-left: -24px;
    display: flex;
    align-items: center;
}
p.session_num {
    border-radius: 50%;
    background-color: #ffffff;
    color: black;
    padding: 15px;
    line-height: 16px;
    margin-right: 15px;
    font-size: 16px;
    font-family: cursive;
    width: 50px;
    height: 50px;
    text-align: center;
    border: 2px dotted black;
}

/* CSS for the dropdown menu */
.show-submenu .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    z-index: 999;
}

.show-submenu:hover .sub-menu {
    display: block;
}

.menu-item-has-children > a.nav-link::after {
    content: '⮛'; /* Down arrow Unicode character */
    margin-left: 5px;
}
.course_text h2 span {
    color: #4A55D8;
}
.faq_Courses_box .nav-pills .nav-link.active {
    background-color: aliceblue;
}
#mission_list {
    display: none;
}


/* =====================N New CSS==================*/

section#mindful {
    padding: 100px 0;
  }
  
  section#mindful .textarea h2 {
    font-weight: 700;
    font-size: 40px;
    color: #1f256b;
    margin-bottom: 10px;
  }
  section#mindful .textarea p {
    color: #455164;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px; /* 200% */
  }
  section#mindful .row {
    align-items: center;
  }
  
  section#whycourse {
    padding: 0px 0 50px;
  }
  section#ideals {
    padding: 0px 0 100px;
  }
  
  section#whycourse .textarea h2 {
    font-weight: 700;
    font-size: 40px;
    color: #1f256b;
    margin-bottom: 10px;
  }
  section#whycourse .textarea p {
    color: #455164;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px; /* 200% */
  }
  section#ideals .textarea h2 {
    font-weight: 700;
    font-size: 40px;
    color: #1f256b;
    margin-bottom: 10px;
  }
  section#ideals .textarea p {
    color: #455164;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: inherit; /* 200% */
  }
  section#whycourse .row {
    /*     align-items: center; */
  }
  .program_new a {
    font-weight: 700;
    /* font-size: 24px; */
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    background: #1f256b;
    border-radius: 10px;
    /* padding: 20px 57px; */
    padding: 16px 38px;
    display: inline-block;
    /* margin-bottom: 80px; */
    border: 1px solid #1f256b;
    transition: 0.5s;
  }
  .program_new a:hover {
    background: #fff;
    color: #1f256b;
  }
  .program_new {
    margin-top: 20px;
  }
  
  section#drlitakashah {
    padding: 50px 0;
  }
  .meet-title {
    text-align: center;
    margin-bottom: 40px;
  }
  .meet-title h4 {
    color: #000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .meet-title h2 {
    color: #1f256b;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 0 170px;
  }
  
  section#drlitakashah .textarea h2 {
    color: #4a55d8;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 8px;
  }
  
  section#drlitakashah .textarea h4 {
    color: #1f256b;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 8px;
  }
  section#drlitakashah .textarea p {
    color: #455164;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 150% */
    margin-bottom: 15px;
  }
  
  div#icon img {
    max-width: 5%;
  }
  div#icon1 {
    display: flex;
    justify-content: center;
    cursor: pointer;
    align-items: center;
  }
  div#icon {
    display: flex;
    justify-content: center;
    cursor: pointer;
    align-items: center;
  }
  .postid-115 .sessionbreak {
    display: none;
  }
  div#icon i {
    margin-left: 10px;
    font-size: 30px;
  }
  
  .sesionbreskdownnew {
    padding-bottom: 100px;
  }
  div#icon {
      border: 1px solid;
      background-color: #1f256b;
      color: white;
      padding: 15px;
      border-radius: 10px;
  }
  div#icon span {
          font-size: 24px;
      color: white;
  }
  div#icon h2 {
      color: white;
      text-transform: math-auto;
      font-size: 24px;
     line-height: 20px;
  }
  .icon.clicked {
    background: #fff !important;
    color: #1f256b !important;
  }
  .session_box:hover .session_img span {
    background-color: white;
    color: #1f256b;
}

  

/* Carousel */

.owl-carousel-1 .item {
    background: #fff;
  text-align: left;
  border-radius: 10px;
}

.owl-carousel-1 .item-text {
padding: 12px;
}

.owl-carousel .item .item-kicker {
    color: #1F256B;
  display: block;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
  overflow: hidden;
  font-family: 'Poppins', sans-serif;
}

.owl-carousel-1 .item .item-title  p {
   color: #455164;
  font-size: 15px;
  font-weight: 400;
  margin: 0;
  overflow: hidden;
  font-family: 'Poppins', sans-serif;
}


.owl-carousel-1 .owl-dots {
margin-top: 40px;
text-align: center;
width: 100%;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}

.owl-carousel-1 .owl-dot {
border-radius: 50px;
height: 10px;
width: 10px;
display: inline-block;
background: rgba(127, 127, 127, 0.5);
margin-left: 5px;
margin-right: 5px;
}

.owl-carousel-1 .owl-dot.active {
background: rgba(127, 127, 127, 1);
}




.help-img img{
  width:100%;
}
section#helpdection .col-lg-3 {
  padding: 0;
}
section#helpdection .col-lg-9 {
  padding: 0;
}
.owl-carousel-1 .carousel-item-image img {
  padding: 20px 20px 20px 20px;
}
.owl-carousel.owl-carousel-1 {
  margin-left: -50px;
}
.owl-carousel-1 .carousel-item-text {
  padding: 0 25px 25px;
  min-height: 145px;
}
.help-text {
    padding: 50px;
    padding-bottom: 15px;
}
.help-text .row {
    margin-left: 0px;
}

.help-text h1 {
  color: #4A55D8;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom:12px;
}
.help-text p {
  color: #455164;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-family: 'Poppins', sans-serif;
      padding-right: 20px;
}
section#helpdection {
  background: #F2F3FC;
}

.owl-carousel-1 .owl-nav {
/*     display: block !important;
  position: absolute;
  top: -125px;
  right: 0; */
  margin-top: 11px;
  margin-bottom: 11px;
}
.owl-carousel-1 .owl-nav button.owl-next,  
.owl-carousel-1 .owl-nav button.owl-prev {
    width: 40px;
    height: 40px;
    background: #cacaca;
    margin: 0 10px;
    color: #fff;
    line-height: 32px;
    font-size: 30px;
    transition: 0.5s;
    border-radius: 50%;
}
.owl-carousel-1 .owl-nav button.owl-next:hover, .owl-carousel-1 .owl-nav button.owl-prev:hover {
    background: #4A55D8;
    color: #fff;
}
.owl-carousel-1 .item .item-title p {
    font-size: 14px;
}
section#helpdection .row {
  align-items: center;
}
.help-text .row {
  align-items: unset !important;
}
div#help-btn {
  margin-top: 0;
}

.twobutton {
  display: flex;
  justify-content: center;
}
.twobutton .program {
  margin-right: 15px;
}
.join_prog a {
    position: relative;
    padding: 20px 30px;
}
.join_prog span.discount-percentage {
    position: absolute;
    right: -10%;
    top: -35%;
    background-color: red;
    padding: 10px 20px;
    border-radius: 15px;
    background-clip: inherit;
    font-size: 16px;

}
span.regular-price {
    text-decoration: line-through;
    font-size: 18px;
    padding-right: 10px;
}
span.sale-price {
    font-size: 22px;
    padding-left: 10px;
    padding-right: 20px;
    text-decoration: underline;
}
.join_prog a:hover {
    background-color: #1f256b;
}

@media(max-width:1070px){
  .owl-carousel.owl-carousel-1 {
  margin-left: 0;
}
  section#helpdection {
    padding: 0px;
}
  div#help-btn {
  margin-top: 20px;
}
  .help-text h1{
      font-size:28px;
  }
  .help-text p{
      font-size:18px;
      padding:0;
  }
  section#helpdection .col-lg-9 {
  padding: 10px;
}
}

@media(max-width:767px){
    .help-text {
        padding: 15px;
        padding-bottom: 15px;
    }
    section#helpdection .col-lg-9 {
        padding-left: 0px;
    }
}
.price_pro {
    padding-top: 10px;
}
.price_pro span.discount-percentage {
    background-color: #1f256b;
    color: white;
    padding: 5px;
    border-radius: 5px;
}
section#ideals .program.join_prog {
    margin-top: 40px;
    text-align: left;
}
section#ideals .program.join_prog a {
    margin-bottom: 0px;
    background-color: #1f256b;
}
section#ideals .program.join_prog a:hover {
    background-color: white;
    color: #1f256b;
    border: 1px solid;
}

form.checkout.woocommerce-checkout {
    display: flex;
}