.hero-mixed {
    background-position: center;
    background-image: url(../img/event/bg-image-toxic.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    height: 1000px !important;

}
.hero-mixed.hero-mixed--course {
    height: auto !important;
    min-height: 0 !important;
    background: linear-gradient(251.91deg, #5F9598 -26.54%, #1D546D 75.48%) !important;
}

.new-div-hero-style-course {
    background-color: #061E29;
    box-shadow: 0px 4px 4px 0px #0000003D;

}

.new-div-hero-style {
    background: linear-gradient(180deg, #5F9598 -10.51%, #1D546D 100%);

}

.abu-dhabi {
    background-color: #061E29;
    padding: 20px 30px;
    border: 1px solid #B8860B;
    border-radius: 16px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
}

.abu-dhabi-title1 {
    font-size: 20px;
}

.abu-dhabi-title2 {
    font-size: 24px;
    font-weight: bold;
}

.new-type-in-hero {
    margin-top: 0px;
}

.one-type-in-hero {
    background: linear-gradient(90.23deg, #FFE8B2 44.72%, #F5F5F5 154.51%) !important;

}

.flag-right-img {
    position: absolute;
    right: 0;
    top: 0;
}

.flag-bottom-img {
    position: absolute;
    bottom: 0;
    left: 0;
}

.flag-bottom-img-res,
.right-flower-res {
    display: none;
}

.title-one-about {
    color: #1D546D !important;
}

.btn-bundle {
    background-color: #1D546D !important;
    box-shadow: none !important;
    margin-top: 10px !important;
}

.swiper-pagination-about .swiper-pagination-bullet-active,
.swiper-pagination-prevv .swiper-pagination-bullet-active {
    background-color: #061E29 !important;
}

.inner-accordion-header {
    width: 90%;
}

.accordion-header h3 {
    width: 100% !important;
}

.card-registration_options {
    background: linear-gradient(180deg, #547792 0%, #1A3263 100%) !important;

}

.custom-sets {
    background: linear-gradient(91.95deg, #5F9598 16.83%, #F5F5F5 116.27%);
    padding: 10px 20px;
    border-radius: 12px;
    box-shadow:
        0px 16px 32px #00000066,
        0px 8px 12px #0000003D,
        0px 4px 4px #00000033,
        0px 6px 4px #FFFFFF66 inset;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.custom-sets img {
    height: 87px;
}

.inner-custom-sets {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 20px;
    font-weight: bold;
}

.custom-sets-num {
    font-size: 40px;
    font-weight: bold;
    text-shadow: 0px 8px 4px #0000003D;
}

.title-custom-sets {
    color: white;
    font-size: 24px;
    font-weight: bold;
}

.not-available-custom-sets {
    background-color: #FFC1763D;
    color: #F2B522;
    font-size: 24px;
    font-weight: bold;
    box-shadow: 0px 4px 4px 0px #00000059;
    border-top-right-radius: 32px;
    border-bottom-right-radius: 32px;
    padding: 10px 20px;
    margin-left: -3%;
}

.top-custom-sets {
    padding-bottom: 60px;
    margin-bottom: 40px;
    border-bottom: 1px solid white;
}

.bottom-custom-sets {
    padding-bottom: 60px;
    margin-bottom: 40px;
    border-bottom: 1px solid white;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.one-custom-sets {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.one-custom-sets p {
    font-size: 20px;
    color: white;
    margin-top: 5px;
}

.new-min-height {
    min-height: 1100px;
}

.inner-smart-register-now {
    background-image: url(../img/event/bg-toxic.png) !important;
    height: 700px !important;
    background-position: top;
    border-top-right-radius: 20px;
    padding-bottom: 100px !important;
}

.div-border-smart-register {
    padding: 25px 25px 0px 0px;
    height: 140px !important;
}

.info-smart-register {
    background-color: #1D546D !important;
}

.positive-diff-top-title {
    margin-bottom: 20px;
}

.value-problems-title {
    width: 70%;
}

.value-problems-desc {
    margin-top: 20px;
    color: white;
    font-size: 24px;
    width: 90%;
}

.value-problems {
    background: radial-gradient(84.81% 1941% at 100% -84.65%, #486882 7.59%, #273B4F 100%);
    padding: 60px 30px;
}

.big-problem {
    width: 90%;
    margin: 80px auto 180px auto;
    background: radial-gradient(71.05% 1681.16% at 82.53% -35.68%, #1D546D 7.59%, #061E29 100%)
        /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
    ;
    padding: 50px;
    border-radius: 24px;
    position: relative;
}

.fly-big {
    position: absolute;
    left: 50px;
    top: 50px;
}

.inner-big-problem {
    display: flex;
    align-items: flex-start;
    gap: 30px;
}

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

.big-problem-desc {
    font-size: 24px;
    color: white;
    margin-bottom: 30px;
}

.one-big-problem {
    margin-bottom: 10px;
}

.one-big-problem p {
    font-size: 22px;
    font-weight: 600;
    color: white;
}

.big-problem-res {
    display: none;
}

.big-problem-res-title {
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 20px;
}

.inner-big-problem-res {
    background-color: #061E29;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: white;
    padding: 20px;
    font-size: 17px;
    margin-bottom: 25px;
}

.fly-big-inner {
    width: 100px;
    height: 88px;
}

.one-big-problem-res {
    margin-bottom: 15px;
}

.one-big-problem-res img {
    width: 50px;
    height: 50px;
}

.one-big-problem-res p {
    font-size: 16px;
}

.big-problem-desc-res {
    text-align: center;
}

.inner-decision-smart {
    background-image: url(../img/event/bg-toxic-8.png) !important;
    height: auto;
}

.inner-decision-smart.course-mode {
    height: 500px;
}

.inner-left-decision-smart {
    background: linear-gradient(127.34deg, #1A3263 11.16%, #486882 70.33%) !important;

}

.left-decision-smart {
    bottom: 59px;
}

.top-decision-smart-res {
    background-image: url(../img/event/bg-toxic-res-8.png) !important;
}

.middle-decision-smart-res {
    background: linear-gradient(345.01deg, #486882 30.61%, #1A3263 112.96%) !important;
    height: 250px !important;
}

.decision-smart-res img {
    width: 100%;
    margin-top: -55px;
}

.hall-images-section {
    width: 90%;
    margin: 50px auto 50px auto;
}

.hall-images-section-title {
    font-size: 40px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
}

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

.swiper-pagination-hall {
    display: none;
}

.swiper-pagination-hall .swiper-pagination-bullet,
.swiper-pagination-join .swiper-pagination-bullet {
    background-color: #D5D9DF !important;
    margin-left: 10px !important;
}

.swiper-pagination-hall .swiper-pagination-bullet-active,
.swiper-pagination-join .swiper-pagination-bullet-active {
    background-color: #474E93 !important;
    margin-left: 10px !important;
}

.hall-images-slider img {
    width: 100%;
    border-radius: 40px;
    height: 600px;
}

.swiper-slide {
    display: block !important;
}

.event-place {
    position: relative;
    margin-top: 150px;
}

.event-place-middle {
    background-color: #61509E;
    height: 152px;
    display: flex;
    align-items: center;
    padding: 0px 100px;
    position: absolute;

    top: 60%;
    transform: translateY(-50%);
    z-index: 50;
    width: 100%;
    color: white;
    font-size: 40px;
    font-weight: bold;
    box-sizing: border-box;
    /* تمنع التمدد عند استخدام padding مع width: 100% */
}

.event-place-right {
    position: relative;
    z-index: 30;
    right: 50px;
}

.event-place-right-p1 {
    position: absolute;
    top: 30px;
    right: 30px;
    font-size: 40px;
    font-weight: bold;
}

.event-place-right-p2 {
    position: absolute;
    bottom: 15px;
    right: 30px;
    font-size: 25px;
}

.event-place-left {
    position: absolute;
    left: 50px;
    top: -77px;
}

@media screen and (max-width: 1628px) {
    .left-decision-smart {
        bottom: 110px;
    }
}

.place-right-res {
    display: none;
}
.event-place-bottom{
    width: 90%;
    margin: 50px auto 150px auto;
}
.event-place-bottom-mobile{
    display: none;
}
.event-place-bottom-slider{
    position: relative;
    padding-bottom: 42px;
}
.event-place-bottom-slider img,
.event-place-bottom-mobile img{
    width: 100%;
    margin-bottom: 30px;
}
.event-place-bottom-slider img{
    margin-bottom: 0;
}
.event-place-bottom-slider .event-place-bottom-entrance{
    border-radius: 32px;
}
.event-place-bottom-pagination{
    bottom: 0 !important;
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-top: 20px;
}
.event-place-bottom-pagination .swiper-pagination-bullet{
    background-color: #6FDDBC;
    margin: 0 !important;
    opacity: .45;
}
.event-place-bottom-pagination .swiper-pagination-bullet-active{
    opacity: 1;
}
.event-place-bottom-prev,
.event-place-bottom-next{
    background: #061E29;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    height: 42px;
    position: absolute;
    top: calc(50% - 21px);
    width: 42px;
    z-index: 2;
}
.event-place-bottom-prev{ right: 18px; }
.event-place-bottom-next{ left: 18px; }
.event-place-bottom-prev::after,
.event-place-bottom-next::after{
    border: solid #fff;
    border-width: 0 2px 2px 0;
    content: '';
    display: block;
    height: 10px;
    margin: auto;
    transform: rotate(135deg);
    width: 10px;
}
.event-place-bottom-next::after{
    transform: rotate(-45deg);
}

.smart-register-now-btnnn{
    background-color: #6FDDBC;
    box-shadow: 5px 5px #45907A;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    padding: 10px 35px;
    border: none;
    outline: none;
    font-size: 20px;
    font-weight: bold;
    color: #3C4046;
}

@media screen and (max-width: 1003px) {
    .event-place-bottom{
    margin: 80px auto;
}
    .event-place-bottom-slider{
        display: none;
    }
    .event-place-bottom-mobile{
        display: block;
    }
    .place-right-res {
        display: block;
        position: relative;
        right: 20px;
        top: 21px;
    }
.event-place{
    margin-top: 80px;
}
    .event-place-middle {
        height: 68px;
        font-size: 20px;
        justify-content: center;
        white-space: nowrap;
    }

    .event-place-left {
        width: 35%;
        top: -53px;
        left: 20px;
    }

    .event-place-right {
        display: none;
    }

    .event-place-right img {
        width: 100%;
    }

    .hall-images-section {
        margin: 0px auto 50px auto;
    }

    .hall-images-section-title {
        font-size: 24px;
    }

    .hall-images-slider img {
        height: 250px;
        border-radius: 12px;
    }

    .swiper-pagination-hall {
        display: block;
    }

    .big-problem {
        display: none;
    }

    .big-problem-res {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 90%;
        margin: auto;
    }

    .value-problems-title {
        width: 100%;
        font-size: 22px;
    }

    .value-problems-desc {
        font-size: 18px;
        width: 100%;
    }

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

    .inner-smart-register-now {
        height: 470px !important;
        padding-bottom: 151px !important;
        background-image: url(../img/event/bg-toxic-res.png) !important;
    }

    .title-custom-sets {
        margin-bottom: 10px;
    }

    .not-available-custom-sets {
        margin-left: -27%;
    }

    .top-custom-sets-titles {
        flex-direction: column;
    }

    .top-custom-sets {
        padding-bottom: 40px;
        margin-bottom: 40px;
    }

    .inner-custom-sets {
        flex-direction: column;
        gap: 0px;
        font-size: 16px;
    }

    .one-custom-sets img {
        width: 48px;
        height: 48px;
    }

    .bottom-custom-sets {
        padding-bottom: 30px;
    }

    .one-custom-sets p {
        font-size: 13px;
        text-align: center;
    }

    .new-min-height {
        min-height: auto;
    }

    .hero-mixed {
        min-height: auto !important;
        height: 100% !important;
        background: linear-gradient(251.91deg, #5F9598 -26.54%, #1D546D 75.48%) !important;
        border-top-right-radius: 100px;
        border-top-left-radius: 100px;
    }

    .flag-right-img {
        display: none;
    }

    .flag-bottom-img {
        display: none;
    }

    .new-div-hero-style {
        margin-top: 0px;
    }

    .new-div-hero-style {
        background: transparent;
        border: none;
        position: relative;
    }

    .new-div-hero-imagee {
        margin-bottom: -89px;
    }

    .flag-bottom-img-res {
        display: block;
        position: absolute;
        width: 184px;
        height: 160px;
        bottom: -75px;
        left: -10px;
    }

    .abu-dhabi {
        width: 110%;
        border-radius: 0px;
        border-top: 1px solid #B8860B;
        border-bottom: 1px solid #B8860B;
        border-right: 0px;
        border-left: 0px;
        margin-top: 75px;
    }

    .abu-dhabi-title1 {
        font-size: 16px;
    }

    .abu-dhabi-title2 {
        font-size: 20px;
    }

    .abu-dhabi img {
        width: 168px;
        height: 40px;
    }

    .new-div-hero-style-title {
        font-size: 38px;
        font-weight: bold;
        text-shadow: 0px 12px 12px #6E6E6EC2;
    }

    .right-flower-res {
        display: block;
        position: absolute;
        bottom: -75px;
        right: -10px;
    }
}