/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/


/* BEGIN Buddyboss primary menu */
body.bb-template-v2 header .primary-menu>li>a {
	font-family: "Our Hand"!important;
	font-size: 28px !important;
	letter-spacing: 0px !important;
	font-weight: 500 !important;
}

body.bb-template-v2 .site-header .user-wrap.menu-item-has-children .user-link .user-name {
	font-family: "Our Hand"!important;
	font-size: 28px !important;
	letter-spacing: 0px !important;
	font-weight: 500 !important;
}

/* END Buddyboss primary menu */

/* BEGIN Button coursepage */
.bb-single-course-sidebar a.btn-advance {
	background-color: #FFED00 !important;
}
.bb-single-course-sidebar a.btn-advance:hover {
   background-color: #FFD700 !important;
}
/* END Button coursepage */

/* BEGIN button markeer afgerond */
.learndash-wrapper .learndash_content_wrap .learndash_mark_complete_button {
	background-color: #FFED00 !important;
	white-space: nowrap;
    padding: 15px 25px; 
}

.learndash-wrapper .learndash_content_wrap .learndash_mark_complete_button:hover {
    background-color: #FFD700 !important; 
}
/* END button markeer afgerond */


/* Added By JJ */

/* End By JJ  */

.bb-template-v2 .learndash-wrapper .ld-item-list.ld-lesson-list .ld-section-heading h2 {font-size: 34px;}
.learndash-content-body .bb-lms-header .lms-header-title h1 {font-size: 50px;line-height: 1;}
.bb-activity  .bbel-list-flow .activity-list li.activity-item .activity-content .activity-inner {background-color: #FFED00;}
.bb-activity  .bbel-list-flow .activity-list li.activity-item .activity-content .activity-inner .activity-discussion-title-wrap,
.bb-activity  .bbel-list-flow .activity-list li.activity-item .activity-content .activity-inner .bb-content-inr-wrap {background: unset;}
.learndash-course-list .bb-card-list .bb-course-item-wrap .bb-course-title,
.learndash-wrap .ld-course-list-items .ld_course_grid .bb-course-title  {
	font-family: 'Muli';
	font-size: 20px;
}




/*home page hero section*/
.main-hero-section > .e-con-inner:before {
    content: "";
    width: 100%;
    height: 61%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(/wp-content/uploads/2024/10/Background.jpg) no-repeat top center;
    background-size: cover;
}
.main-hero-section > .e-con-inner:after {
    content: "";
    background: #F2F1E5;
    height: 39%;
    width: 100%;
    position: absolute;
    bottom: 0;
}
span.main-title-span {
    font-family: "Summer Lemonade" !important;
    font-weight: 300;
    font-style: italic;
}
.video-qoute blockquote.elementor-blockquote {
    padding: 0 28px;
    margin: 0;
    text-align: center;
    border: 0;
}

.video-qoute blockquote.elementor-blockquote .e-q-footer {
    text-align: right;
    justify-content: center;
}
span.author-span {
    font-family: Our Hand;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    display: block;
}
.video-qoute blockquote.elementor-blockquote .elementor-blockquote__author {
    line-height: 1;
}
.video-qoute blockquote.elementor-blockquote .e-q-footer:after {
    content: "" !important;
    width: 80px;
    height: 80px;
background: url(/wp-content/uploads/2024/10/qoute.svg) no-repeat center;
    display: block;
    background-size: contain;
    background-position: center center;
}
.video-qoute p.elementor-blockquote__content:before {
    content: "";
    background: url(/wp-content/uploads/2024/10/qoute-icon.svg) no-repeat center center;
    background-size: contain;
    width: 90px;
    height: 80px;
    position: absolute;
    left: -25px;
    top: -35px;
}


/*logo slider*/
.logo-slider .elementor-widget-image-carousel .swiper-slide {text-align: center; background: #E7E5F2; padding: 10px; border-radius: 20px; }
.logo-slider .elementor-widget-image-carousel .swiper-slide img.swiper-slide-image {max-height: 85px; width: auto; }



.hero-video-sec .qote-box, .hero-video-sec  .video-main-col {
    position: relative;
    z-index: 1;
}



.het-slider-card {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
}
.het-content-card {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.het-content {
    padding: 20px;
    height: 100%;
    max-width: 269px;
}
.het-sub-title {
    font-family: Mulish;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.2;
    color: #fff;
}
.het-slider-cont {
    font-family: Mulish;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    color: #fff;
    margin-bottom: 8px;
}

.het-lession {
    font-family: Mulish;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.3;
    color: #FFED00;
    margin-bottom: 10px;
}
.het-target {
    font-family: Our Hand;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 1.5;
}




p:empty {
    display: none;
}

.disble-text {
    display: flex;
    position: absolute;
    width: 100%;
    justify-content: center;
    height: 100%;
    top: 0;
    left: 0;
    align-items: center;
}
span.disble-span {
    width: 100%;
    background: #000000;
    text-align: center;
    color: #fff;
    font-family: Cabin;
    font-size: 14px;
    font-weight: 400;
    padding: 5px;
}



.step-title {
    font-family: Summer Lemonade;
    font-size: 50px;
    font-weight: 400;
    color: #000;
    line-height: 1.4;
    margin-bottom: 10px;
}
.step-cont {
    font-family: Mulish;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4;
}
.step-card {
    border: 1px solid #00000066;
    border-radius: 18px;
}
.steping-content {
    padding: 30px;
}


/*.ont-cont-col .ont-cont-p {
    max-width: 463px !important;
}*/



.step-listing .owl-stage {
    display: flex;    
}

.stapping-conent {
    margin-left: calc((100% - 1120px) / 2);
    overflow: hidden;
}
.step-listing {
    padding-right: 140px !important;
}

/**/
.het-slider-section .owl-stage {
    display: flex;
}
.champian-slider {
    overflow: hidden;
    margin-left: calc((100% - 1120px) / 2);
}



.owl-nav.disabled {
    display: none !IMPORTANT;
}
.het-slider-section {
    padding-right: 140px !important;
}
.het-slider-img img {
    width: 100%;
}
.step-card img {
    width: 100%;
    object-fit: cover;
}



/*contact form design*/
.contact-right form.wpforms-form .wpforms-field-container .wpforms-field input, .contact-right form.wpforms-form .wpforms-field-container .wpforms-field textarea {
    border: 1px solid #000000;
    background: transparent;
}
.contact-right form.wpforms-form .wpforms-field-container .wpforms-field label.wpforms-field-label {
    margin-bottom: 0;
    line-height: 1;
    font-family: Our Hand;
    font-size: 30px;
    font-weight: 700;
    position: absolute;
    left: 20px;
    top: 0;
    padding: 0 5px;
    background: #FFED00;
}
.contact-right form.wpforms-form  .wpforms-submit-container button[type="submit"] {
    font-family: Our Hand !important;
    font-size: 20px;
    font-weight: 700;
    background: #000000 !important;
}
.contact-right .wpforms-container {
    margin-bottom: 0 !important;
}
.contact-right .wpforms-container .wpforms-submit-container {
    text-align: right;
}



/*footer*/
.contact-address .elementor-icon-list-text span {
    font-weight: 900 !important;
    display: block;
}
.footer-title .elementor-heading-title:After {
    content: "";
    width: 26px;
    height: 32px;
background: url(/wp-content/uploads/2024/10/mm_wauw.svg) no-repeat;
    background-size: contain;
    position: absolute;
    right: -11px;
    top: -8px;
}

.contact-right #wpforms-1447-field_3-container .wpforms-layout-row {
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: 20px;
}
.contact-right #wpforms-1447-field_3-container .wpforms-layout-row .wpforms-layout-column.wpforms-layout-column-50 {
    width: 100%;
}
.contact-right #wpforms-1447-field_3-container .wpforms-layout-row input {
    width: 100% !important;
    min-width: 100%;
}




body.page-id-2 .buddypanel.buddypanel--toggle-on {display:none;}
body.page-id-2.bb-buddypanel:not(.activate) .site, .bb-buddypanel:not(.register) .site {margin-left:0px;}

/*media query*/

@media only screen and (max-width: 1430px) {
.world-list-section img {max-width: 600px !important; }
.step-title { font-size: 40px;}
.onmat-img-cont .elementor-element img {max-width: 100% !important; }
.ont-cont-p p {font-size: 17px; } 


}

@media only screen and (max-width: 1300px) {
.world-list-section img {max-width: 595px !important; }
}


@media only screen and (min-width: 767px) {
.mobile-item-shwo {display: none !important; }

}


@media only screen and (max-width: 1100px) {
html, body {position: relative; overflow-x: hidden; }
.world-list-section img {max-width: 100% !important; } 
.onmat-img-cont .elementor-element  img {max-width: 100% !important; }
.video-qoute p.elementor-blockquote__content:before {width: 50px; height: 50px; }
.logo-slider .elementor-widget-image-carousel .swiper-slide img.swiper-slide-image {max-height: 65px;}

.champian-slider {margin-left: 0;}
.stapping-conent {margin-left: 0;}
.steping-content {padding: 25px; }
.step-title {font-size: 35px; } 


.contact-right div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-row {flex-direction: column; }
.contact-right div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column-50, 
.contact-right div.wpforms-container .wpforms-form .wpforms-field-repeater .wpforms-layout-column-50 {width: 100%; }


.contact-right form.wpforms-form .wpforms-field-container .wpforms-field input, 
.contact-right form.wpforms-form .wpforms-field-container .wpforms-field textarea{width: 100% !important; max-width: 100% !important;}
.contact-right form.wpforms-form .wpforms-field-container .wpforms-field label.wpforms-field-label{    font-size: 26px;    top: 4px;}

.video-qoute blockquote.elementor-blockquote .e-q-footer:after { width: 60px; height: 60px;}
.video-qoute blockquote.elementor-blockquote {padding: 0 10px;}

/*navigation*/
.header-navigation nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {position: absolute; right: 0; top: 35px; width: 350px; padding: 20px; }
.header-navigation .elementor-menu-toggle{    background-color: transparent;}
.header-navigation .elementor-nav-menu a {padding-left: 0; padding-right: 0; }



}


@media only screen and (max-width: 969px) {
.video-qoute p.elementor-blockquote__content:before { top: -26px; left: -10px;}
.contact-right #wpforms-1447-field_3-container .wpforms-layout-row {gap: 0; }
}


@media only screen and (max-width: 767px) {

.video-qoute p.elementor-blockquote__content:before {top: -28px; left: -2px; width: 40px; height: 50px; } .het-slider-section {padding-right: 50px !important; }
.het-slider-cont { font-size: 13px;}
.step-listing {padding-right: 50px !important; }
.bewezen-p p {margin-bottom: 0; } 
.contact-p p {margin-bottom: 0 !important; } 
.footer-title .elementor-heading-title:After { width: 21px; height: 32px; right: -14px; top: -7px;}
.ont-cont-p p:last-child {margin-bottom: 0 !important; }
.contact-txt p {margin-bottom: 0 !important; }
.qoute-img-txt .elementor-image-box-wrapper {display: flex; align-items: center; }

.header-user-login,
.header-btnontak{display: none !important;}
.header-user a.elementor-item.elementor-item-anchor {gap: 5px; } 
.header-btn a.elementor-item.elementor-item-anchor {background: #000000; color: #fff; display: inline-block; border-radius: 30px; margin-top: 5px; padding: 13px 20px; }

.header-navigation nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{width: 300px;}
.hero-video-sec .qote-box.qoute-left {z-index: unset; }

.onmat-img-cont {flex-direction: column-reverse !important; }
}

@media only screen and (max-width: 480px) {
 .world-list-section img {max-width: 370px !important; }


}