html {
    overflow-x: hidden !important;
}

.smart-register-now {
    padding: 0px 0px 30px 0px;
}

.inner-smart-register-now {
    width: 100%;
    background-position: center;
    background-image: url(../img/event/power-22.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 760px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding-bottom: 140px;
}

.info-smart-register {
    background-color: #5C1E28;
    border: 1px solid #E6D5C3;
}

.div-border-smart-register {
    border-top: 3px solid #E6D5C3;
    border-right: 3px solid #E6D5C3;
    border-bottom: 3px solid #E6D5C3;
}

.new-reg-btn {
    margin-left: 10%;
    margin-top: -55px
}

.div-smart-register-now-desc {
    width: 70%;
    margin: -40px auto 0px auto;
}

.div-smart-register-now-desc p {
    text-align: center;
    font-size: 20px;
}

.inner-decision-smart {

    background-image: none !important;
}

.decision-smart {
    background-color: transparent !important;
    width: 100%;
    background-image: url(../img/event/bg-new-power2.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: top;
    height: 570px !important;
}

.info-decision-smart {
    width: 60% !important;
    margin-left: 10%;
}

.inner-left-decision-smart {
    background-color: transparent;
    background: linear-gradient(91.29deg, #432123 -90.63%, #89585D 98.9%) !important;
    font-size: 20px !important;
}

.left-decision-smart {
    width: 60% !important;
    border-top: 3px solid #5C1E28;
    border-right: 3px solid #5C1E28;
    border-bottom: 3px solid #5C1E28;
    padding: 15px 15px 0px 0px;
    bottom: 76px !important;
}

.top-decision-smart-res {
    background-image: url(../img/event/bg-des.png) !important;
    height: 400px !important;
}

.middle-decision-smart-res {
    background: linear-gradient(339.77deg, #432123 4.14%, #89585D 76.92%) !important;
    height: 325px !important;
}

.bottom-decision-smart {
    border: none;
}

.bottom-decision-smart-res {
    width: 80%;
    margin-top: -15px;
    border: none;
}

.info-smart-goals p {
    font-size: 18px;
}

.learning-mixed-left {
    background: linear-gradient(339.77deg, #432123 4.14%, #89585D 76.92%) !important;
    border-radius: 24px !important;
    color: white !important;
}

.learning-mixed {
    align-items: flex-start;
}

.real-enemy {
    width: 90%;
    margin: 50px auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.real-enemy-right {
    width: 45%;
}

.real-enemy-right-title {
    font-size: 40px;
    font-weight: bold;
}

.real-enemy-right-desc {
    font-size: 20px;
    margin-top: 20px;
}

.real-enemy-left {
    position: relative;
}

.real-enemy-left-info {
    padding: 0px 20px;
    position: absolute;
    top: 150px;
}

.real-enemy-left-info-one {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.real-enemy-left-info-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

.real-enemy-left-info p {
    font-size: 18px;
}

.real-enemy-bottom-desc {
    width: 90%;
    margin: 0px auto 100px auto;
    text-align: center;
    font-size: 16px;
    display: none;
}

.outer-smart-changes {
    background-color: #5C1E28 !important;
}

.inner-smart-changes1 {
    align-items: flex-start;
}

.inner-smart-changes {
    background-color: #8B2F3C !important;
}

.left-smart-changes {
    width: 40%;
    color: white;
    font-size: 23px;
    margin-top: 26px;
}

.title-smart-changes {
    margin-bottom: 20px;
}

.desc-smart-changes {
    font-size: 20px;
    margin-bottom: 150px;
    text-align: center;
}

.smart-changes {
    margin-bottom: 380px;
}

.apply-problems {
    width: 90%;
    margin: 50px auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.apply-problems-titles {
    display: flex;
    align-items: flex-end;
}

.apply-problems-titles img {
    margin-right: -40px;
}

.apply-problems-title {
    background-color: #E6D5C3;
    box-shadow: 0px 4px 4px 0px #00000040;
    font-size: 40px;
    font-weight: bold;
    padding: 22px 45px;
    border-radius: 64px;
    color: #333333;
    margin-bottom: 20px;
}

.prev-apply {
    margin-top: 25px;
}

.cards-apply-problems {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 30px;
}

.card-apply-problems {
    width: 49%;
    background-color: #D5D9DF;
    display: flex;
    align-items: center;
    gap: 15px;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 20px;
}

.card-apply-problems p {
    font-size: 24px;
    font-weight: bold;
}

.apply-problems-desc {
    font-size: 20px;
    text-align: center;
    width: 25%;
    margin: 20px auto;
}

.power-gift {
    width: 90%;
    margin: 150px auto;
    background-color: #E6D5C3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 50px;
    border-radius: 24px;
}

.power-gift img {
    margin-top: -50px;
    margin-bottom: 21px;
}

.power-gift-title {
    font-size: 40px;
    font-weight: bold;
}

.power-gift-desc {
    font-size: 40px;
    color: #8B2F3C;
    font-weight: bold;
    margin-bottom: 20px;
}

.power-gift-p-title {
    font-size: 24px;
    margin-bottom: 15px;
    font-weight: bold;
}

.power-gift-p-desc {
    font-size: 24px;
    width: 60%;
    text-align: center;
    margin-bottom: 22px;
}

.course-featured .titlee {
    font-size: 40px;
}

.course-featured {
    margin: 130px auto 60px auto;
}

.title-join-mixed-mobile {
    font-size: 24px !important;
    font-weight: bold;
}

.one-obtain {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.one-obtain p {
    color: white;
    text-align: right;
}

.one-obtain-circle {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: white;
}

.card-join-slide {
    background-color: transparent !important;
    background: linear-gradient(209deg, #432123 4.14%, #89585D 76.92%);

    border-radius: 24px !important;
}

.icon-join-slide {
    width: 58px;
    height: 58px;
    margin: -52px auto 20px auto;
}

.your-thinks {
    width: 90%;
    margin: 70px auto 100px auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.your-thinks-title {
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 25px;
}

.your-thinks-info {
    position: relative;
}

.your-thinks-info-inner {
    position: absolute;
    top: 0;
    top: 180px;
    right: 309px;
    color: white;
}

.your-thinks-info-inner-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

.one-your-thinks {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.one-your-thinks p {
    font-size: 20px;
}

.value-problems {
    background: radial-gradient(84.81% 1941% at 100% -84.65%, #547792 7.59%, #1A3263 100%);
    width: 90%;
    margin: 40px auto;
    border-radius: 24px;
    padding: 30px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.value-problems-title {
    font-size: 40px;
    font-weight: bold;
    color: white;
    border-bottom: 1px solid #FBEBC5;
    padding-bottom: 10px;
    width: fit-content;
}

.cards-value-problems {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 30px;
}

.card-value-problems {
    width: 45%;
    display: flex;
    align-items: center;
    gap: 10px;
}

.card-value-problems svg {
    width: 36px;
    height: 36px;
}

.card-value-problems p {
    width: 90%;
    font-size: 24px;
    color: white;
}

.prev-courses {
    width: 90%;
    margin: 60px auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.title-prev-courses {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center;
}

.desc-prev-courses {
    font-size: 18px;
    margin-bottom: 30px;
    width: 80%;
    text-align: center;
}

.top-images,
.bottom-images {
    display: flex;
    gap: 25px;
    justify-content: space-between;
}

.bottom-images {
    margin-top: 30px;
}

.top-images img {
    width: 32%;
}

.bottom-images img:first-child {
    width: 65.5%;
}

.bottom-images img:last-child {
    width: 32%;
}

.prev-course-slider {
    display: none !important;
    width: 100% !important;
    overflow: hidden !important;
}

.prev-courses .swiper {
    width: 100% !important;
}

.prev-courses .swiper-wrapper {
    align-items: center !important;
}

.swiper-pagination-prevv {
    margin-right: 40%;
}


.swiper-pagination-prevv .swiper-pagination-bullet {
    background-color: #432123 !important;
}

.swiper-pagination-prevv .swiper-pagination-bullet-active {
    background-color: #C9A24D !important;
}


.program-host {
    width: 90%;
    margin: 50px auto;
}

.program-host-titlee {
    font-size: 40px;
    font-weight: bold;
}

.inner-program-host {
    display: flex;
    margin-top: 40px;
    align-items: center;
    gap: 70px;
}

.inner-program-host-img {
    box-shadow: 0px 0px 20px 0px #00000033;
    border-radius: 12px;
}

.div-name-program-host {
    width: fit-content;
    background: linear-gradient(90deg, #486882 0%, #273B4F 100%);
    box-shadow: 0px 4px 4px 0px #00000040;
    padding: 15px 40px;
    border-top-left-radius: 64px;
    border-bottom-left-radius: 64px;
    border-top-right-radius: 32px;
    color: white;
    font-size: 33px;
    font-weight: bold;
    margin-bottom: 30px;
}

.div-two-program-host {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.div-two-program-host p {
    font-size: 20px;

}

.div-two-program-host span {
    color: #1A3263;
    font-weight: bold;
}

.program-host-desc {
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.program-host-info {
    background-color: #56D9A029;
    border: 2px solid #56D9A0;
    border-radius: 24px;
    padding: 25px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
}

.one-program-host-info {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 7px 15px;
    border: 1px solid #56D9A0;
    border-radius: 32px;
}

.one-program-host-info p {
    font-size: 20px;
}

.questions-problems {
    width: 90%;
    margin: 50px auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.questions-problems-titles {
    display: flex;
    align-items: center;
    grid-area: 20px;
    margin-bottom: 25px;
}

.questions-problems-titles p {
    font-size: 40px;
    font-weight: bold;
}

.cards-questions-problems {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.card-questions-problems {
    width: 48%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 35px;
}

.top-card-questions-problems {
    position: relative;
    display: inline-block;
    /* يجعل الحاوية تأخذ نفس عرض الصورة تماماً */
}

.top-card-questions-problems img {
    display: block;
    /* يمنع وجود أي مسافات بيضاء غريبة تحت الصورة */

    height: auto;
}

.top-card-questions-problems p {
    font-size: 24px;
    color: white;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -30%);
    margin: 0;
    white-space: nowrap;
    font-weight: bold;
}

.bottom-card-questions-problems {
    box-shadow: 0px 8px 24px 0px #00000014;
    margin-top: -40px;
    width: 100%;
    border-radius: 12px;
    padding: 40px 20px;
    text-align: center;
    font-size: 20px;
}

.bottom-card-questions-problems p {
    width: 45%;
    margin: auto;

}
.qee{
    white-space: wrap !important;
}
.title-need-mixed{
    font-weight:  normal !important;
}
.need-mixed1{
        margin: -100px 0px 100px 0px ;
}
.title-smart-changes1{
    margin-top: 110px;
}
.book_now22{
    margin-bottom: 120px;
}
.book-now22-title{
    font-size: 40px;
    font-weight: bold;
    text-align: center;
}
.book-now22-desc{
    width: 50%;
    margin: 15px auto;
    font-size: 20px;
    text-align: center;
}
.accordion-item.active .accordion-content {
    max-height: 600px;
}
@media screen and (max-width: 1580px) {
    .inner-smart-changes {
        height: 355px;
    }

    .smart-register-now-para {
        width: 45%;
    }

    .info-decision-smart {
        width: 55% !important;

    }
}

@media screen and (max-width: 1375px) {
    .info-decision-smart {
        margin-left: 4%;
    }
}

@media screen and (max-width: 1300px) {
    .card-apply-problems p {
        font-size: 20px;
    }
}
@media screen and (max-width: 1270px) {
    .top-card-questions-problems img {
        width: 90%;
        margin: auto;
    }
}
@media screen and (max-width: 1230px) {
    .card-value-problems {
        width: 48%;
    }

    .card-value-problems p {
        font-size: 20px;
    }
}

@media screen and (max-width: 1185px) {
    .apply-problems {
        margin: 150px auto 50px auto;
    }
     .top-card-questions-problems p {
        font-size: 20px;
    }

    .bottom-card-questions-problems p {
        width: 60%;
        font-size: 16px;
    }
}

.your-thinks-info-img-res {
    display: none;
}

@media screen and (max-width: 1003px) {
    .smart-goals .btn-idea ,.program-host .btn-idea {
        display: none;
    }
    .book_now22_bb{
        margin-top: -123px;
    margin-bottom: 192px;
    }
    .btn-idea{
        position: relative !important;
    }
    .book-now22-title{
        font-size: 24px;
    }
    .book-now22-desc{
        width: 90%;
        font-size: 18px;
    }
     .questions-problems-titles {
        margin-bottom: 20px;
    }

    .questions-problems-titles p {
        font-size: 24px;
    }

    .questions-problems-image {
        width: 40px;
        height: 64px;
    }

    .bottom-card-questions-problems p {
        width: 90%;
        font-size: 15px;
    }

    .top-card-questions-problems p {
        font-size: 17px;
    }

    .cards-questions-problems {
        flex-direction: column;
        width: 100%;
    }

    .card-questions-problems {
        width: 100%;
        margin-bottom: 20px;
    }
     .program-host {
        margin: 10px auto;
    }

    .program-host-titlee {
        font-size: 24px;
        text-align: center;
    }

    .program-host-info {
        padding: 15px;
    }

    .one-program-host-info p {
        font-size: 16px;
    }

    .program-host-desc {
        font-size: 16px;
        text-align: center;
    }

    .div-name-program-host {
        font-size: 22px;
    }

    .inner-program-host-img {
        width: 100%;
        box-shadow: none;
        margin-top: -60px;
    }

    .inner-program-host {
        flex-direction: column-reverse;
    }
    .desc-prev-courses {
        font-size: 16px !important;
        width: 100% !important;
    }

    .title-prev-courses {
        font-size: 24px !important;
    }

    .value-problems img {
        width: 150px;
        height: 150px;
        margin: -100px auto -18px auto;
    }

    .card-value-problems svg {
        width: 20px;
        height: 20px;
    }

    .card-value-problems p {
        font-size: 18px;
        width: 90%;
    }

    .value-problems-title {
        font-size: 24px;
        text-align: center;
        width: 100%;
    }

    .card-value-problems {
        width: 100%;
    }

    .cards-value-problems {
        flex-direction: column;
        align-items: center;
        margin-bottom: 20px;
    }

    .value-problems {
        flex-direction: column;
        margin: 100px auto 50px auto;
        padding: 30px 10px;
    }

    .your-thinks-title {
        font-size: 24px;
    }

    .your-thinks-info-img {
        display: none;
    }

    .your-thinks-info {
        width: 100%;
    }

    .your-thinks-info-inner {
        right: 40px;
    }

    .your-thinks-info-img-res {
        width: 100%;
        display: block;
    }

    .join-mixed {
        background-color: transparent !important;
    }

    .course-featured {
        margin: 80px auto 60px auto !important;
    }

    .power-gift {
        margin: 100px auto;
        padding-bottom: 30px;
    }

    .power-gift img {
        width: 112px;
        height: 112px;
        margin-bottom: 10px;
    }

    .power-gift-title {
        font-size: 24px;
    }

    .power-gift-p-desc {
        font-size: 17px;
        width: 90%;
    }

    .power-gift-desc {
        font-size: 18px;
        font-weight: normal;
    }

    .power-gift-p-title {
        font-size: 17px;
    }

    .apply-problems-titles {
        align-items: flex-start;
    }

    .apply-problems-titles img {
        width: 60px;
        height: 96px;
        margin-right: -21px;
    }

    .apply-problems {
        margin: 60px auto 50px auto;
    }

    .apply-problems-desc {
        width: 80%;
        font-size: 16px;
        margin: 10px auto;
    }

    .card-apply-problems svg {
        width: 20px;
        height: 20px;
    }

    .card-apply-problems p {
        font-size: 16px;
        width: 90%;
        font-weight: normal;
    }

    .card-apply-problems {
        width: 100%;
        gap: 7px;
        padding: 20px;
        margin-bottom: 10px;
    }

    .apply-problems-title {
        font-size: 25px;
        padding: 15px 22px;

    }

    .learning-mixed {
        margin: 0px auto 100px auto;
    }

    .title-smart-changes {
        width: 90%;
        margin: auto;
    }

    .smart-changes {
        margin-bottom: 0px;
    }

    .inner-smart-changes1 {
        gap: 0px;
    }

    .outer-smart-changes {
        background-color: transparent !important;
    }

    .inner-smart-changes {
        height: auto;
        background-color: transparent !important;
    }

    .left-smart-changes {
        width: 100%;
        font-size: 17px;
        color: #333333;
    }

    .real-enemy-right-title {
        font-size: 24px;
    }

    .real-enemy-right-desc {
        font-size: 18px;
    }

    .real-enemy {
        flex-direction: column;
        margin: 100px auto 20px auto;
    }

    .real-enemy-right {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin-bottom: 25px;
    }

    .real-enemy-right .btn-idea {
        display: none;
    }

    .inner-smart-register-now {
        background-position: top;
    }

    .smart-register-now-para {
        width: 90%;
    }

    .learning-mixed-right {
        align-items: center;
    }

    .desc-learning-mixed-right {
        text-align: center;
    }

    .smart-goals {
        margin-top: 50px !important;
    }

    .info-smart-goals p {
        font-size: 16px;
    }

    .div-smart-register-now-desc {
        width: 90%;
    }

    .div-smart-register-now-desc p {
        font-size: 18px;
    }

    .smart-register-now {
        padding: 30px 0px;
    }

    .inner-smart-register-now {
        background-image: url(../img/event/power-22-res.png) !important;
        height: 300px !important;
        padding-bottom: 59px !important;
    }

    .new-reg-btn {
        margin-left: 17%;
        margin-top: -10px
    }
}

@media screen and (max-width: 661px) {
    .img-prev-slide {
        width: 100%;
        height: 250px;
        object-fit: cover;
        border-radius: 12px;
    }

    .prev-course-slider {
        display: block !important;
        margin-bottom: 30px;
    }

    .prev-course-div {
        display: none !important;
    }
}

@media screen and (max-width: 548px) {
    .your-thinks-info-inner-title {
        font-size: 20px;
    }

    .one-your-thinks {
        margin-bottom: 7px;
    }

    .one-your-thinks svg {
        width: 16px;
        height: 16px;
    }

    .one-your-thinks-first {
        width: 50%;
    }

    .one-your-thinks p {
        font-size: 16px;
    }

    .your-thinks-info-inner {
        top: 80px;
        right: 15px;
    }

    .real-enemy-left {
        width: 100%;
    }

    .real-enemy-left img {
        width: 100%;
    }
}

.real-enemy-img-res {
    display: none;
}

@media screen and (max-width: 500px) {
    .real-enemy-bottom-desc {
        display: block;
    }

    .real-enemy-img {

        display: none;
    }

    .real-enemy-img-res {
        display: block;
    }

    .real-enemy-left-info {
        top: 82px;

    }

    .real-enemy-left-info p {
        font-size: 18px;
    }

    .real-enemy-left-info p {
        font-size: 16px;
    }

    .real-enemy-left-info-one {
        margin-bottom: 10px;
    }

    .real-enemy-left-info-one svg {
        width: 15px;
        height: 15px;
    }
}

@media screen and (max-width: 411px) {
    .one-your-thinks p {
        font-size: 14px;
    }

    .your-thinks-info-inner-title {
        font-size: 17px;
    }

    .your-thinks-info-inner {
        top: 65px;
    }

    .real-enemy-left-info p {
        font-size: 15px;
    }

    .real-enemy-left-info-one {
        margin-bottom: 5px;
    }
}


@media screen and (max-width: 575px) {
    .middle-decision-smart-res {
        font-size: 20px;
        padding: 25px 20px;
    }
}