.date-section {
    display: inline-flex;
}

:focus-visible {
    outline: none !important;
}

.headdate {
    margin-right: 10px;
    font-size: 23px;
    padding: 10px;
    display: flex;
}

.text-h {
    margin: 15px 0 0 0;
    color: #e5c16d;
    font-weight: 600;
}

.i_h3 {
    margin: 10px;
}

.text-h {
    margin: -7px 0 0 0;
    color: #e5c16d;
    font-weight: 600;

}

span.text-h {
    padding: 18px;
}

.headdate.wow.fadeInLeft img {
    width: 33px;
}

i.i_h3 img {
    width: 33px;
}

.hap-sponsor-section {
    background-color: #010100;
    font-weight: 600;
    padding-bottom: 60px;
}

.hap-sponsor-content {
    overflow: hidden;
    z-index: 3;
    border-radius: 116px;
    background-image: linear-gradient(0deg, #ac8d37 0%, #fbdf98 98%, #fbdf98 100%);
    border: 4px solid #ac8d37;
    width: 75%;
    padding: 0px 7px;
}

.hap-sponsor-logo-area .sponsor-logo {
    width: 25%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    color: #000;
    font-size: 35px;
}

.sponsor-logo h2 {
    max-width: 250px;
    font-size: 25px;
    color: #000;
    text-align: center;
    font-weight: 400;
}

.hap-sponsor-logo-area .sponsor-logo {
    width: 25%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    color: #000;
    font-size: 35px;
}

.sponsor-logo div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

span.number {
    font-size: 30px;
}

span.sponsor-detail {
    font-size: 20px;
    font-weight: 400;
}

.hap-sponsor-logo-area.d-flex.justify-content-center.align-items-center.wow.fadeInUpBig img {
    width: 2px;
}

.hap-sponsor-logo-area img.wow.fadeInUpBig {
    width: 2px;
}

div#aboutthesummit .valign {
    display: block;
}

.Overview h2 {
    font-size: 40px;
    line-height: 30px;
    color: #FFDC6E;
    font-weight: bold;
    padding: 21px;
    position: relative;
    max-width: max-content;
    margin: 0px auto 35px;
    display: block;
    font-family: "Orbitron", sans-serif;
    text-transform: uppercase;
    border: 0.25px solid #fff;
}

section#faq {
    background: linear-gradient(to right, #000000 0%, #56350e 100%) !important;
    padding: 52px;
}

.wrap-awardsbrief ul li {
    font-size: 16px;
}

button.accordion {
    background: #f2f1d5;
    color: #3a1c05;
    font-weight: 600;
    font-family: 'Urbanist', sans-serif;
}

.wrap-hedi-faq h2 {
    font-family: 'Urbanist', sans-serif;
    font-size: 30px;
    line-height: 30px;
    color: #ffffff;
    font-weight: bold;
    position: relative;
    max-width: max-content;
    margin: 0px auto 35px;
    display: block;
    padding: 16px 36px;
    text-transform: uppercase;
}

.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

.active,
.accordion:hover {
    background-color: #ccc;
}

.accordion:after {
    content: '\002B';
    color: #3a1c05;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

/*.active:after {
  content: "\2212";
}*/

.panel {
    padding: 0 18px;
    background-color: #ffffff;
    max-height: 0;
    display: block;
    overflow: hidden;
    /* transition: max-height 0.2s ease-out; */
}

.panel ul li {
    list-style: disc;
    line-height: 20px;
    line-height: 28px;
}

.panel p {
    color: rgb(0, 0, 0);
    padding: 20px 0;
    font-size: 16px;
}

.wrap-accordian {
    margin: 0 0 20px;
}

.about-intro {
    padding: 60px 0px 80px 0px;
    background: #fff;
    /* background: url('https://events.eletsonline.com/urban/assets/imgs/page/homepage2/bg-imazing3.png'); */
    background-repeat: no-repeat;
    background-size: auto;
    background-attachment: fixed;
}


.gappign {
    margin-top: 65px;
}

.wrap-awardsbrief h4 i {
    font-size: 16px;
}

.wrap-awardsbrief h3 {
    font-size: 30px;
    border-bottom: 1px solid #f2f1d5;
    border-radius: 15px;
    padding: 10px;
    margin-bottom: 27px;
    font-family: 'Atlassian Sans';
}

.wrap-imgawards img {
    border-radius: 41px;
}

.wrap-categoryd {
    background: #f2f1d5;
    border-radius: 34px;
    margin-bottom: 24px;
    padding: 1px 21px 21px 21px;
}

.Overview h2 {
    color: #3a1c05;
    border: 0.25px solid #3a1c05;
}

footer#fote {
    background: black;
    z-index: 999999;
    padding: 46px;
}

.footer__menu__title {
    margin-bottom: 20px;
}

.footer__menu__title h6 {
    font-size: 18px;
    font-weight: 700;
    color: var(--whiteColor);
    position: relative;
    margin: 0;
    line-height: 1.7;
    display: inline-block;
}

.footer__menu__title h6:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: white;
    left: 0;
    bottom: 0;
}

.footer__menu ul {
    padding-left: 0px;
}

.footer__menu ul li a {
    color: #ffffffb8;
    font-weight: 400;
    margin-bottom: 0px;
    display: block;
    line-height: 32px;
    font-size: 15px;
}

.default__button {
    padding: 17px 39px;
    background: linear-gradient(90deg, #af8c6b 0%, #af8c6b 47.92%, #000 100%);
    color: var(--whiteColor);
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: var(--borderRadius);
    font-family: var(--buttonFont);
    transition: 0.3s;
    display: inline-block;
}

.copyright__left p {
    font-weight: 400;
    line-height: 40px;
    color: var(--whiteColor);
    margin: 0;
}

.copyright__right ul li a {
    margin: 0;
    color: #af8c6b;
}

.footer__icon ul li a {
    width: 52px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    border-radius: 100%;
    background: var(--whiteColor);
    display: inline-block;
    color: var(--blackColor);
    font-size: 27px;
    font-weight: 400;
}

.copyright--4 {
    background: black;
    border-radius: 0;
}

.wrap-awardbuton-sep {
    text-align: left;
}

.wrap-awardbuton-sep a {
    background: #f2f1d5;
    color: #3a1c05;
    padding: 15px 49px 14px 49px;
    border-radius: 32px;
    font-weight: 700;
}

.awardsheading h2 {
    font-size: 19px;
    line-height: 30px;
    color: #f2f1d5;
    font-weight: 500;
    background: #3a1c05;
}

.wrap-categoryd ul li {
    line-height: 32px;
    list-style: circle;
    color: black;
    border-bottom: 1px dotted;
}

/* PAST SPEAKER WRAPPER */
.past-speakers_wrapper {
    padding: 50px 0;
}

.past-speakers_wrapper .speaker_col {
    width: 20%;
}

.past-speakers_wrapper h2 {
    font-size: 40px;
    color: #000;
    font-family: "urbanist", sans-serif;
    font-weight: 600;
    text-align: center;
}

.past-speaker_inner {
    background: linear-gradient(to top, transparent, #c1203e);
    margin: 0 0 30px;
    min-height: 430px;
    border-radius: 10px;
}

.past_content {
    padding: 5px 10px;
    text-align: center;
}

.past_content h3 {
    font-size: 18px;
    color: #000;
    font-family: "urbanist", sans-serif;
    font-weight: 600;
    margin-bottom: 5px;
}

.past_content p {
    font-size: 14px;
    color: #000;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    line-height: 21px;
}

@media screen and (max-width: 992px) {
    section.banner-main {
        /* height: 100% !important; */
        width: 100%;
        position: relative;
        overflow: hidden;
        height: 52vh !important;
    }

    .past-speaker_inner{
            min-height: 350px;
    }

    .past-speakers_wrapper .speaker_col{
        width: 50%;
    }
    
    .past_content h3{
            font-size: 16px;
    }

    .past_content p{
        font-size: 12px;
    }
    .benefit_content,
    .benfit_images {
        margin: 0 0 20px;
    }

    .glimpes_txt {
        font-size: 27px;
        font-family: 'Urbanist';
        line-height: 34px;
    }

    section#faq {
        padding: 0;
    }

    .wrap-hedi-faq h2 {
        font-size: 27px;
        font-family: 'Urbanist';
        line-height: 34px;
    }


    .location-sec .container .wrapper .loc h3 {
        font-size: 22px !important;
        line-height: 28px !important;
    }

    .location-sec .container .wrapper {
        padding: 33px 44px 140px !important;
    }

    .wrap-award-img {
        padding-bottom: 34px;
    }

    .location-sec .container .wrapper .loc-line {
        display: none !important;
    }

    .location-sec .container .wrapper {
        display: block !important;
    }

    .Overview {
        padding-top: 20px;
    }

    .wrap-categoryd {
        margin-bottom: 20px;
    }

    .wrap-awardbuton-sep {
        text-align: center;
        margin-bottom: 43px;
    }
}

@media (max-width: 767px) {
    .navbar {
        position: sticky;
        left: 0;
        top: 0;
        padding: 0;
        display: block;
        margin: 0;
        width: 100%;
        background: transparent;
        border-bottom: 2px solid transparent;
        z-index: 999;
    }

    .navbar .container {
        padding: 0;
        width: 100%;
        max-width: 100%;
        background: linear-gradient(to right, #3a1c05 0%, #000000 100%) !important;
    }
}

nav.navbar.navbar-expand-lg.bord.fixed-top {
    background: linear-gradient(to right, #000000 0%, #56350e 100%) !important;
}

.sub-bg {
    background: radial-gradient(closest-side, #764c0e, #3e0317 32%, #000000);
}

.awardsregister a {
    margin: auto;
    text-align: center;
    border-radius: 20px;
    color: #fff;
    text-transform: capitalize;
    border: .2rem solid #f2f1d5;
    border-radius: 2rem;
    padding: 10px 40px;
    font-weight: 600;
    box-shadow: 0 0 .1rem #f2f1d5, 0 0 .2rem #f2f1d5, 0 0 0 #f2f1d5, 0 0 .2rem #f2f1d5, 0 0 1.2rem #f2f1d5, inset 0 0 1.2rem #f2f1d5;
    letter-spacing: 1.2px;
    cursor: pointer;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
    background: #3a1c05;
    font-size: 20px;
}

a#myBtn16 {
    color: #3a1c05;
    border: 1px solid #3a1c05;
    padding: 16px;
}

.nominatenowsticky a {
    background: #f2f1d5;
    color: #3a1c05;
    padding: 14px 26px 14px 26px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 38px;
    z-index: 99999;
}

p.wrp-botto-cont {
    background: #bda77c;
    padding: 5px;
    color: #3a1c05;
    border-radius: 21px;
    text-align: center;
    font-weight: 600;
}

ul.rest.social-text li a {
    background: #c3203c1c;
    padding: 14px;
    width: 50px;
    border-radius: 39px;
    height: 50px;
    text-align: center;
    border: 1px solid;
}

.wrap-logo-mid a {
    background: #c3203c1c;
    padding: 10px 55px 10px 55px;
    border-radius: 32px;
    font-size: 24px;
}

span.edition-text {
    background: #cbad56;
    color: #000000;
    padding: 0 10px;
    border-radius: 5px;
    margin: 0 10px;
}

.about-intro .texts {
    text-align: center;
}

.glimpes_txt {
    color: #ffffff;
    text-align: center;
    font-family: "Urbanist", sans-serif;
    font-size: 40px;
    margin: 0 0 30px;
}

.glimpes_txt span {
    color: #ebd36b;
}

.wrap-hedi-faq h2 {
    text-align: center;
    font-size: 40px;
    margin: 0 auto 30px;
}

@media screen and (max-width: 992px) {
    .box {
        height: auto !important;
    }
}

.wrap-lastdate {
    margin: 14px auto;
}

.sec-lg-head.md-mb30 h2 {
    font-size: 35px;
    color: #f2f1d5;
}

.texts p {
    color: rgb(0, 0, 0);
    font-family: 'Inter', sans-serif;
    font-size: 17px;
    font-weight: 500;
}

.sec-lg-head.md-mb30 h2 {
    font-size: 35px;
}

html {
    scroll-behavior: smooth;
}

.wrap-categoryd button {
    background: #3a1c05;
    color: #f2f1d5;
    padding: 11px 26px 11px 26px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 0px;
    border: none;
    margin-left: 13px;
    border: 1px solid white;
}

section#date-to-remember {
    background: #3a1c05;
    padding-top: 65px;
    padding-bottom: 65px;
}

.wrap-lastdate {
    background: #5b9baf;
    background: linear-gradient(180deg, #7a4217 0%, rgb(213 181 75 / 0%) 50%, #f8b42b 100%);
    height: 264px;
    margin: 0 auto;
}

.box {
    border: 1px solid #ccc;
    padding: 27px 6px 17px 8px;
    margin-bottom: 62px;
    background: radial-gradient(closest-side, #4690ca, #000538 32%, #000538);
    transition: all 0.3s ease;
    height: 166px;
    background-size: cover !important;
    background-position: center !important;
}

.box.active {
    background: radial-gradient(closest-side, #4690ca, #000538 32%, #000538);
    box-shadow: 0px 1px 8px 1px #1b4ebb;
}

body.home-main-crev.main-bg {
    height: auto !important;
}

.navbar .navbar-nav .nav-link {
    padding: 14px 10px 7px 12px;
    margin: 0 15px;
}

nav.navbar.navbar-expand-lg.bord.fixed-top {
    background: linear-gradient(to right, #000000 0%, #56350e 100%) !important;
}

.wrap-awardsfrst {
    background: url(../img/awardsbg-1.webp);
    padding: 35px;
    border-radius: 17px;
    background-size: cover;
}

div#moreContent h3 {
    font-size: 23px;
}

#awardscatrgries {
    background: url('https://digitalnativessummit.com/assets/img/bgb.webp');
    padding: 60px 0;
}

#awardscatrgries h2 {
    color: #ffffff;
    text-align: center;
    font-family: "Urbanist", sans-serif;
    font-size: 40px;
    margin: 0 0 30px;
}

#awardscatrgries h2 span {
    color: #ebd36b;
}

div#moreContent ul li {
    list-style: auto;
    line-height: 25px;
}

.moreContent h3 {
    font-size: 20px;
}

.moreContent ul li {
    line-height: 29px;
    list-style: auto;
}

.wrap-awardsfrst {
    background: url(../img/awardsbg-1.webp);
    padding: 35px;
    border-radius: 17px;
    background-size: cover;
    margin-bottom: 26px;
    border: 1px solid #f2f1d5;
}

.wrap-awardsfrst h2 {
    font-size: 24px;
}

.wrap-awardsfrst p {
    color: white;
    font-size: 18px;
    margin-bottom: 33px;
}

.wrap-awardsfrst a {
    background: #f2f1d5;
    color: #3a1c05;
    padding: 11px 28px;
    border-radius: 13px;
    font-weight: 800;
}

.wrap-awardsfrst h3 span {
    font-size: 25px;
    font-weight: 500;
    border-bottom: 2px solid #f2f1d5;
    border-radius: 12px;
}

.navbar .navbar-nav .nav-link .rolling-text {
    line-height: 30px;
    padding: 10px 0;
    display: inline-flex;
    position: relative;
    height: inherit;
    align-items: center;
    text-transform: uppercase;
}

#more {
    display: none;
}

section#legacyd {
    padding-top: 52px;
    background: #010101;
    display: none;
}

.pin-spacer {
    display: none !important;
}

.location-sec {
    background: #000;
    background-size: cover;
    background-position: bottom;
    padding-bottom: 28px;
    padding-top: 56px;
    position: relative;
}

.location-sec .container .wrapper {
    border-radius: 10px 10px 0 0;
    background: linear-gradient(180deg, #af8c6b 0, rgba(20, 13, 8, .95) 64.46%, #000 78.14%);
    display: flex;
    gap: 63px;
    padding: 80px 44px 140px;
    max-width: 1000px;
    margin: 20px auto 0;
    z-index: 1;
}

.location-sec .container .wrapper .loc p.date {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    line-height: 31px;
    text-transform: uppercase;
}

.location-sec .container .wrapper .loc {
    text-align: center;
}

.wrap-date {
    display: flex;
}

.location-sec .container .wrapper .loc p {
    color: #e2e2e2;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    line-height: 25px;
}

.wrap-date img {
    width: 67%;
}

.wrap-date h4 {
    font-size: 18px;
    text-align: left;
    color: #fff;
}

.location-sec .container .wrapper .loc h3 {
    color: #fff;
    font-size: 31px;
    font-weight: 600;
    line-height: 42px;
    text-transform: uppercase;
    margin: 10px 15px;
}

.location-sec .container .wrapper .loc-line {
    display: inline-block;
    background: url(https://www.manageengine.com/log-management/seminars/images/iam-cybersecurity-seminar-2024-uae-sprite.png) no-repeat -339px -279px;
    background-size: 478px;
    width: 20px;
    height: 222px;
}

.location-sec .container .wrapper .loc {
    text-align: center;
}

.location-sec .container .wrapper .loc p.date {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    line-height: 31px;
    text-transform: uppercase;
}

.wrap-date h4 {
    font-size: 18px;
    text-align: left;
}

.location-sec .container .wrapper .loc a {
    display: inline-block;
    margin-top: 10px;
    color: #ff5722;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    text-decoration-line: underline;
    position: relative;
    z-index: 5;
}

.location-sec .container .wrapper .loc a span {
    background: url(https://www.manageengine.com/log-management/seminars/images/iam-cybersecurity-seminar-2024-uae-sprite.png) no-repeat -22px -213px;
    background-size: 478px;
    width: 12px;
    height: 14px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    top: 0;
    left: -10px;
}

.location-sec::after {
    height: 63%;
    width: 100%;
    z-index: 2;
    position: absolute;
    content: "";
    background: url(https://wes.eletsonline.com/assets/wesdubai32/assets/img/desert-footer.webp) no-repeat;
    bottom: -110px;
    background-size: cover;
    background-position: center;
}

.main-footer {
    position: relative;
    background: #000;
    color: #868da5;
}

.footer-style-two {
    position: relative;
    overflow: hidden;
}

.main-footer {
    position: relative;
    background: #000;
    color: #868da5;
}

.main-footer .widgets-section {
    position: relative;
    padding: 90px 0 50px;
}

#MwoeFooter .auto-container {
    width: 1250px;
    margin: 0 auto;
}

.footer-style-two .widgets-inner {
    position: relative;
    padding: 45px 0 0;
    padding-left: 400px;
}

.footer-style-two .offer-carousel-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 340px;
    text-align: center;
    z-index: 5;
    height: 100vh;
}

.footer-style-two .offer-carousel-box .offer-block {
    position: relative;
    display: block;
    padding: 0 20px 40px 20px;
    background: linear-gradient(to bottom, #050606 0, #620927 51%, #851007 100%);
    color: #fff;
}

.footer-style-two .offer-carousel-box .offer-block .inner-box {
    position: relative;
    display: block;
    text-align: center;
}

.footer-style-two .offer-carousel-box .offer-block .inner-box img {
    width: 75%;
    margin: 30px auto;
    margin-bottom: 20px;
}

.footer-style-two .offer-carousel-box .offer-block .inner-box h2 {
    font-weight: 600;
    text-align: center;
    font-size: 20px;
    font-family: "Orbitron", sans-serif;
    padding-bottom: 10px;
    line-height: 35px;
}

.footer-style-two .offer-carousel-box .offer-block .inner-box p {
    font-family: 'Chakra Petch';
    font-size: 18px;
    line-height: 34px;
}

.footer-style-two .offer-carousel-box .offer-block .inner-box a {
    color: #e0ff37;
    font-size: 18px;
}

.main-footer .social-links {
    position: relative;
    padding-top: 10px;
    padding-bottom: 20px;
}

.main-footer .social-links li {
    position: relative;
    display: inline-block;
    margin: 0 8px 0 0;
    line-height: 44px;
}

.main-footer .social-links li a {
    position: relative;
    display: block;
    /* width: 44px; */
    height: 44px;
    line-height: 44px;
    /* background: #000; */
    color: #fff !important;
    font-size: 14px;
    text-align: center;
    border-radius: 50%;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.footer_event_name {
    font-size: 20px;
    color: #fff;
    font-family: 'Urbanist';
}

.footer-widget .Logo {
    width: 120px;
}

.main-footer .widget-title {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 15px;
}

.main-footer .widget-title:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 70px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.main-footer .widget-title h4 {
    position: relative;
    display: inline-block;
    line-height: 1.3em;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0;
}

.w-75 {
    width: 75% !important;
}

.main-footer .widget-title {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 15px;
}

.main-footer .widget-title:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 70px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.footer-widget.links-widget ul li a {
    color: white;
    font-size: 16px;
    line-height: 35px;
}

.main-footer .footer-bottom {
    position: relative;
    line-height: 24px;
    padding: 5px 0;
    text-transform: capitalize;
    border-top: 1px solid rgba(255, 255, 255, .1);
}

.main-footer .footer-bottom .copyright {
    position: relative;
    float: left;
    padding: 10px 0;
    color: black;
    font-size: 15px;
}

.main-footer .footer-bottom .bottom-links {
    position: relative;
    float: right;
    padding: 10px 0;
    color: black;
    font-size: 15px;
}

.gain_section {
    background: #f2f1d5;
}

.be-recognized_be-recognized .gain_section .gain_row .gain_row_col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.image_gain_wrapp img {
    width: 100%;
    height: 83%;
    object-fit: cover;
}

section.gain_section.py-5 h2 {
    color: #3a1c05;
    font-size: 35px;
    font-family: "Orbitron", sans-serif;
    text-transform: uppercase;
    font-weight: 800;
}

.image_gain_wrapp h3 {
    text-align: center;
    color: #fff;
}

.image_gain_wrapp h3 {
    text-align: center;
    color: #3a1c05;
    font-size: 24px;
    margin-top: 15px;
    font-weight: 600;
}

.image_gain_wrapp h3 span {
    display: block;
    font-size: 17px;
    padding: 2px 28px;
}

.row.justify-content-center.wrp-vieocont {
    position: absolute;
    top: 0px;
    left: 0px;
}

.video.fullscreen-home {
    position: absolute;
    overflow: hidden;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* transform: translateX(-50%) translateY(-50%); */
    z-index: -10;
    top: 0px;
}

section#mainbanner {
    position: relative;
}

.wrap-logo-bannerssa {
    text-align: right;
    padding: 126px 70px 0;
    padding-top: 126px;
}

.elementor-background-overlay {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    /* background-color: #0302025e; */
    background-image: linear-gradient(to right, #00000000 10%, #00000000 10%, #000000e0 80%);
    opacity: 0.95;
}

video#myVideos {
    height: 794px;
    width: 100%;
    object-fit: cover;
}

section#about-usbanner {
    background: url(../img/abou-usbanner.webp);
    background-size: cover;
    background-position: center;
    padding: 66px;
    height: 399px;
    text-align: center;
}

.wrapabouhed {
    padding-top: 119px;
}

.section-title.sal-animate p {
    color: black;
    font-family: 'Atlassian Sans';
}

.section-title.sal-animate ul li {
    color: black;
    line-height: 40px;
    font-family: 'Atlassian Sans';
    font-size: 17px;
}

span.theme-gradient {
    color: black;
    font-family: 'Orbitron';
}

.wrp-admed {
    padding-top: 52px;
}

.register_btn .button {
    --black-700: hsla(0 0% 12% / 1);
    --border_radius: 9999px;
    --transtion: 0.3s ease-in-out;
    --offset: 2px;

    cursor: pointer;
    position: relative;

    display: flex;
    align-items: center;
    gap: 0.5rem;

    transform-origin: center;

    padding: 10px 20px;
    background-color: transparent;

    border: none;
    border-radius: var(--border_radius);
    transform: scale(calc(1 + (var(--active, 0) * 0.1)));

    transition: transform var(--transtion);
    width: 200px;
}

.register_btn .button::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    width: 100%;
    height: 100%;
    background-color: hsl(349.13deg 70.8% 44.31%);
    border-radius: var(--border_radius);
    box-shadow: inset 0 0.5px hsl(0, 0%, 100%), inset 0 -1px 2px 0 hsl(0, 0%, 0%), 0px 4px 10px -4px hsla(0 0% 0% / calc(1 - 1)), 0 0 0 calc(var(--active, 0) * 0.375rem) #c1213e;
    transition: all var(--transtion);
    z-index: 0;
}

.register_btn .button::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    width: 100%;
    height: 100%;
    background-color: hsl(260deg 7.66% 9.05% / 75%);
    background-image: radial-gradient(at 51% 89%, hsla(266, 45%, 74%, 1) 0px, transparent 50%), radial-gradient(at 100% 100%, #c1213e 0px, transparent 50%), radial-gradient(at 22% 91%, hsla(266, 36%, 60%, 1) 0px, transparent 50%);
    background-position: top;

    opacity: var(--active, 0);
    border-radius: var(--border_radius);
    transition: opacity var(--transtion);
    z-index: 2;
}

.register_btn .button:is(:hover, :focus-visible) {
    --active: 1;
}

.register_btn .button:active {
    transform: scale(1);
}

.register_btn .button .dots_border {
    --size_border: calc(100% + 2px);

    overflow: hidden;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    width: var(--size_border);
    height: var(--size_border);
    background-color: transparent;

    border-radius: var(--border_radius);
    z-index: -10;
}

.register_btn .button .dots_border::before {
    content: "";
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform-origin: left;
    transform: rotate(0deg);

    width: 100%;
    height: 2rem;
    background-color: white;

    mask: linear-gradient(transparent 0%, white 120%);
    animation: rotate 2s linear infinite;
}

@keyframes rotate {
    to {
        transform: rotate(360deg);
    }
}

.register_btn .button .sparkle {
    position: relative;
    z-index: 10;

    width: 1.75rem;
}

.register_btn .button .sparkle .path {
    fill: currentColor;
    stroke: currentColor;

    transform-origin: center;

    color: hsl(0, 0%, 100%);
}

.register_btn .button:is(:hover, :focus) .sparkle .path {
    animation: path 1.5s linear 0.5s infinite;
}

.register_btn .button .sparkle .path:nth-child(1) {
    --scale_path_1: 1.2;
}

.register_btn .button .sparkle .path:nth-child(2) {
    --scale_path_2: 1.2;
}

.register_btn .button .sparkle .path:nth-child(3) {
    --scale_path_3: 1.2;
}

@keyframes path {

    0%,
    34%,
    71%,
    100% {
        transform: scale(1);
    }

    17% {
        transform: scale(var(--scale_path_1, 1));
    }

    49% {
        transform: scale(var(--scale_path_2, 1));
    }

    83% {
        transform: scale(var(--scale_path_3, 1));
    }
}

.register_btn .button .text_button {
    position: relative;
    z-index: 10;
    font-size: 1rem;
    color: #fff;
}


.speakerstylenew01 {
    background: url('/images/red-bg.webp');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}


.de_count {
    border-radius: 12px;
    box-shadow: 0 10px 30px rgb(0 19 87 / 6%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.de_count h3 {
    font-size: 65px;
    letter-spacing: .1px;
    color: #fff;
    margin: 0;
    padding: 0;
    margin-bottom: 0px;
    line-height: 1em;
    transform: unset !important;
    font-family: "Urbanist", sans-serif;
}

.timer {
    font-size: 1.2rem;
    text-align: center;
    margin: 20px 0;
    white-space: nowrap;
    overflow: hidden;
    display: flex;
    gap: 10px;
}

.de_count h4 {
    font-size: 17px;
    line-height: 25px;
    margin: 0 auto;
    text-align: center;
    font-family: "Inter", sans-serif;
}

.countdown_wrapper {
    padding: 50px 0;
    background: linear-gradient(to right, #000000 0%, #c1213e 100%) !important;
}

.number_div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.number_div p {
    font-size: 45px;
    margin: 0 10px;
}

#aboutus .container {
    background: #fff;
    border: 1px solid white;
    border-radius: 10px;
    padding-bottom: 60px;

}

.wrpabout p {
    color: #000;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 30px;
}

.wrpabout h3 {
    color: #000;
    font-family: "Urbanist", sans-serif;
    margin: 20px 0 5px;
}


.dual_tracks {
    background: #fff;
    padding: 60px 0;
}

.dual_tracks h2 {
    color: #000;
    text-align: center;
    font-family: "Urbanist", sans-serif;
    font-size: 40px;
    margin: 0;
}

.dual_tracks h2 span {
    color: #c1213e;
}

.dual_tracks p {
    font-size: 16px;
    color: #000;
    text-align: center;
    font-family: 'Inter', sans-serif;
}

.dual_tracks .nav-tabs {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
}

.dual_tracks .active {
    background: unset;
}

.dual_tracks h4 {
    text-align: center;
    font-size: 21px;
    color: #000;
    font-family: "Urbanist", sans-serif;
    margin: 0 0 40px;
}

.dual_inner {
    position: relative;
    z-index: 1;
    box-shadow: 0 20px 25px -5px #645a5a, 0 8px 10px -6px #8a6c6c;
    border-radius: 8px;
    margin: 0 0 30px;
}

.dual_inner::before {
    position: absolute;
    content: '';
    background: linear-gradient(to bottom, #270209, #b30e2c4a, transparent);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}

.learning_model {
    background: url(/images/learning-model.jpg);
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
}

.smart_class {
    background: url(/images/classroom.jpg);
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
}


.partnership {
    background: url(/images/partnership.jpg);
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
}

.strategy {
    background: url(/images/strategy.jpg);
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
}

.future_ready {
    background: url(/images/future-ready.jpg);
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
}

.University {
    background: url(/images/universiry.jpg);
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
}

.cross-border {
    background: url(/images/cross-border.jpg);
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
}

.ai_edu {
    background: url(/images/ai.edu.jpg);
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
}

.dual_inner p {
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
    padding: 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    text-align: left;
}

.edtech_hub {
    background: #000;
    padding: 90px 0;
}

.edtechInner {
    background: url(/images/eduction_hub_bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px;
    transition: filter 0.6s ease-in-out;
    border-radius: 8px;
    overflow: hidden;
    /* Slow ease-in-out transition */
}


.testimonials_wrapepr {
    background: #fff;
    padding: 60px 0;
}

.edtechInner:hover {
    filter: drop-shadow(0 0 30px #c2114e);
    /* background: linear-gradient(45deg, #510c44 70%, #c2114e); */
}

.edtechInner h2 {
    color: #fff;
    text-align: center;
    font-family: "Urbanist", sans-serif;
    font-size: 40px;
    margin: 0;
    padding: 0 20px;
}

.line_main {
    display: flex;
    justify-content: center;
    align-items: center;
}

.line {
    background: linear-gradient(270deg, #ffffff 0%, #ffc2c2 12%, #fa5b5a 30%, rgba(11, 12, 13, 0) 100%);
    flex: 1 0 0px;
    height: 1px;
    overflow: hidden;
    position: relative;
    width: 1px;
}

.edtechInner p {
    font-size: 17px;
    padding: 18px 0;
    font-family: 'Inter', sans-serif;
    line-height: 32px;
}


.button {
    margin: 0;
    height: auto;
    background: transparent;
    padding: 0;
    border: none;
    cursor: pointer;
}

.form_left {
    background: url("/images/dubai-conect.webp");
    background-size: cover;
    min-height: 600px;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    background-position: center;
}

.form_right {
    padding: 20px 30px;
    background: #fbf9ff;
    min-height: 600px;
}

.form_right h2 {
    color: #000000;
    text-align: left;
    font-family: "Urbanist", sans-serif !important;
    font-size: 30px;
    line-height: 40px;
    margin: 0 0 10px;
    font-weight: 800;
}

.form_right h2 span {
    color: #c1213e;
}

.form_right p {
    color: #000;
    font-size: 15px;
    font-family: 'Inter', sans-serif;
    line-height: 22px;
}

.form_right input {
    width: 100%;
    border: 1px solid #0a254080;
    height: 40px;
    padding: 0 8px;
    border-radius: 3px;
    margin: 0 0 20px;
    font-family: 'Inter', sans-serif;
}

.form_right textarea {
    width: 100%;
    border: 1px solid #0a254080;
    padding: 0 8px;
    border-radius: 5px;
}

.form_right input::placeholder,
.form_right textarea::placeholder {
    font-size: 14px;
    padding: 0;
    font-family: 'Inter', sans-serif;
}

.form_right button {
    border: 0;
    margin: 20px 0 0;
    background: #c1213e;
    background-position: top;
    padding: 4px 30px;
    font-family: "Urbanist";
    color: #fff;
}

/* button styling */
.edtech_hub .button {
    --border-right: 6px;
    --text-stroke-color: rgba(255, 255, 255, 0.6);
    --animation-color: #ffffff;
    --fs-size: 1em;
    letter-spacing: 3px;
    text-decoration: none;
    font-size: var(--fs-size);
    font-family: "Arial";
    position: relative;
    text-transform: uppercase;
    color: transparent;
    -webkit-text-stroke: 1px var(--text-stroke-color);
}

/* this is the text, when you hover on button */
.edtech_hub .hover-text {
    position: absolute;
    box-sizing: border-box;
    content: attr(data-text);
    color: var(--animation-color);
    width: 0%;
    inset: 0;
    border-right: var(--border-right) solid #ff5271;
    overflow: hidden;
    transition: 0.5s;
    -webkit-text-stroke: 1px var(--animation-color);
}

/* hover */
.edtech_hub .button:hover .hover-text {
    width: 100%;
    filter: drop-shadow(0 0 23px var(--animation-color))
}

.partner_btn {
    outline: none;
    cursor: pointer;
    border: none;
    padding: 10px 20px;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    position: relative;
    display: inline-block;
    letter-spacing: 0.05rem;
    font-weight: 400;
    font-size: 16px;
    border-radius: 500px;
    overflow: hidden;
    background: #c1213e;
    color: rgb(0, 0, 0);
    border: 1px solid #fff;
    overflow: hidden;
}

.partner_btn span {
    position: relative;
    z-index: 10;
    transition: color 0.4s;
}

.partner_btn:hover span {
    color: rgb(255, 255, 255);

}

.partner_btn::before,
.partner_btn::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.partner_btn::before {
    content: "";
    background: #ffffff;
    width: 120%;
    left: -10%;
    transform: skew(30deg);
    transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
}

.partner_btn:hover::before {
    transform: translate3d(100%, 0, 0);
}


.global_impact {
    padding: 0 0 60px;
    background-color: #000;
    position: relative;
}

.why-glow {
    width: 35vw;
    height: 35vw;
    background: #ed1459ad;
    border-radius: 50%;
    position: absolute;
    filter: blur(120px);
    z-index: 2;
    left: -27vw;
    top: -10vw;
}

.past_partners h2 {
    color: #000000;
    text-align: center;
    font-family: "Urbanist", sans-serif !important;
    font-size: 45px;
    margin: 0 0 60px;
    font-weight: 800;
}

.past_partners h2 span {
    color: #c1213e;
}

.global_impact h2 {
    color: #fff;
    text-align: left;
    font-family: "Urbanist", sans-serif !important;
    font-size: 40px;
    margin: 0 0 60px;
}

.global_impact h2 span {
    color: #c1213e;
}


.global_impact_left {
    border: 1px solid rgba(255, 255, 255, 0.071);
    text-align: center;
    padding: 30px 0;
    margin: 0 0 30px;
    background-color: rgba(255, 255, 255, 0.037);
    border-radius: 8px;
    backdrop-filter: blur(30px);
    box-shadow: 0 20px 25px -5px #d03d3d52, 0 8px 10px -6px #000;
}

.global_impact_left h4 {
    font-size: 18px;
    font-family: "Urbanist", sans-serif;
    background: #6c0a28;
    margin: -30px 0 30px;
    padding: 7px;
}

.global_impact_left P {
    font-size: 16px;
    line-height: 27px;
    color: #fff;
    font-family: 'Inter', sans-serif;
}

.scroll-section {
    display: flex;
    width: 100%;
    height: 70vh;
}

.column {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.image-container {
    position: absolute;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    will-change: transform;
}

.left-column .image-container {
    animation: scrollUp 1s linear infinite;
}

.right-column .image-container {
    animation: scrollDown 1s linear infinite;
}

@keyframes scrollUp {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-50%);
    }
}

@keyframes scrollDown {
    0% {
        transform: translateY(-50%);
    }

    100% {
        transform: translateY(0);
    }
}

.dual_tracks .nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #b51f3a;
}

.dual_tracks .nav-tabs .nav-link {
    border: 1px solid #3333331a;
    border-radius: 0;
    color: #000;
}


.image-item {
    width: 80%;
    margin: 20px 0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.image-item img {
    width: 100%;
    height: auto;
    display: block;
}

.wrp-ediotns-numbervideo {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

.video_wrp {
    width: 100%;
    height: auto;
    position: absolute;
    top: -33px;
    left: 0;
}


/* AWARD PAGE */
.about-intro h2 {
    text-align: center;
    font-family: "Urbanist", sans-serif;
    font-size: 28px;
    margin: 0 0 30px;
    color: #000000;
}

.about-intro .texts span {
    color: #c1213e;
    font-weight: 600;
}

.wrpabout h3 span {
    color: #c1213e !important;
}

#aboutus {
    position: relative;
}

#aboutus img {
    position: absolute;
    width: 545px;
    top: -109px;
}


::selection {
    background: rgba(187, 134, 252, 0.5);
    color: #FFF;
}



.container .topic {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 20px;
    color: rgba(255, 255, 255, 0.7);
}

.content input {
    display: none;
}

.text-content .text {
    background-image: url(https://digitalnativessummit.com/assets/img/bgf/bgf1.webp);
    background-size: cover;
    background-position: bottom;
    padding: 40px;
}

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

.content .list {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 30%;
}

.content .list label {
    padding: 10px 20px;
    cursor: pointer;
    line-height: 23px;
    font-size: 15px;
    font-weight: 500;
    color: rgb(255, 255, 255);
    padding-left: 25px;
    transition: all 0.5s ease;
    z-index: 10;
    background: #c1213e;
    margin: 0;
}

#home:checked~.list label.home,
#blog:checked~.list label.blog,
#help:checked~.list label.help,
#code:checked~.list label.code,
#about:checked~.list label.about {
    color: #ffffff;
    background: #030510;
    position: relative;
}

#home:checked~.list label.home::before,
#blog:checked~.list label.blog::before,
#help:checked~.list label.help::before,
#code:checked~.list label.code::before,
#about:checked~.list label.about::before {
    content: '';
    position: absolute;
    background: red;
    width: 20px;
    height: 20px;
    left: 0;
    top: 0;
}

.content .slider {
    position: absolute;
    left: 0;
    top: 0;
    height: 60px;
    width: 100%;
    border-radius: 12px;
    transition: all 0.5s ease;

    background: #BB86FC;
}

#home:checked~.list .slider {
    top: 0;
}

#blog:checked~.list .slider {
    top: 60px;
}

#help:checked~.list .slider {
    top: 120px;
}

#code:checked~.list .slider {
    top: 180px;
}

#about:checked~.list .slider {
    top: 240px;
}



.container .text p {
    text-align: justify;
}

.content .text-content .home {
    display: block;
}

#home:checked~.text-content .home,
#blog:checked~.text-content .blog,
#help:checked~.text-content .help,
#code:checked~.text-content .code,
#about:checked~.text-content .about {
    display: block;
}

#blog:checked~.text-content .home,
#help:checked~.text-content .home,
#code:checked~.text-content .home,
#about:checked~.text-content .home {
    display: none;
}

.content .list label:hover {
    color: #BB86FC;
}

/* ACCORDIAN */
.accordion-button:not(.collapsed),
.accordion-button:focus {
    outline: none;
    border-color: transparent;
    box-shadow: none;
    background-color: transparent;
}

.accordion-button::after {
    width: 11px;
    height: 11px;
    border-radius: 100%;
    background-color: var(--bs-danger);
    background-image: none !important;
}

.accordion-button.collapsed::after {
    background-color: var(--bs-gray-300);
}


.award_body h4 {
    font-size: 16px;
    font-family: "Urbanist", sans-serif;
    text-transform: uppercase;
    font-weight: 800;
    line-height: 26px;
    margin: 0;
}

.award_body h6 {
    font-size: 20px;
    font-family: "Urbanist", sans-serif;
    color: #c1213e;
    margin: 0 0 8px;
}

.award_body p b {
    color: #c1213e;
    font-weight: 400;
}

.apply_btn a {
    background: #fad97c;
    color: #000000;
    padding: 5px 10px;
    border-radius: 5px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    box-shadow: rgb(231 190 69) 0px 7px 29px 0px;
}

.apply_btn a:hover {
    color: #c1213e;
    background: #fff;
    border: 1px solid #c1213e;
}

#awardscatrgries .accordion-button {
    background: linear-gradient(45deg, #fbe575, #ffd768, #ffdd7b);
    padding: 0px 10px;
    font-size: 16px;
    font-weight: 800 !important;
    color: #000000;
    margin: 0 0 20px;
}

#awardscatrgries .accordion {
    background: unset;
}

#awardscatrgries .accordion:after {
    content: unset;
}

.nomination_wrapper {
    background: #fff;
    padding: 60px 0;
}

.nomination_wrapper h2 {
    text-align: left;
    font-family: "Urbanist", sans-serif;
    font-size: 22px;
    margin: 0 0 30px;
}

.benfit_images {
    z-index: 1;
    position: relative;
    padding: 20px;
    border-radius: 8px;
    overflow: hidden;
}

.benfit_images p {
    color: #fff;
    position: absolute;
    bottom: 0;
    font-family: "Urbanist", sans-serif;
    font-size: 15px;
}

.benfit_images::before {
    position: absolute;
    content: '';
    background: linear-gradient(to top, #30020a, #ff4d6d3d, transparent);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}

.benefit_1 {
    background: url('/images/benefit_1.JPG');
    background-size: cover;
    background-repeat: no-repeat;
    height: 400px;
    background-position: center;

}


.benefit_2 {
    background: url('/images/benefit_2a.png');
    background-size: cover;
    background-repeat: no-repeat;
    height: 400px;
    background-position: center;
}


.benefit_3 {
    background: url('/images/benefit_3.JPG');
    background-size: cover;
    background-repeat: no-repeat;
    height: 400px;
    background-position: center;
}


.mansory-gallery {
    display: flex;
    flex-wrap: wrap;
    padding: 0.5rem;
    position: relative;
}

.mansory-gallery .column {
    flex: 25%;
}

.mansory-gallery .column img {
    box-sizing: border-box;
    display: block;
    width: 100%;
}

.widget-content h4 {
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'Urbanist';
}

#contact {
    padding-top: 60px;
}

.contact {
    text-align: center;
}

.footer-social__v3 {
    display: flex;
    align-items: center;
    gap: 28px;
    margin-top: 20px;
    padding-top: 10px;
    /* border-top: 1px solid #363e6a; */
}

.footer-social__v3 .social-icon {
    margin-right: 40px;
}

.footer-social__v3 a {
    background: transparent;
    padding: 0;
    width: 0;
    height: 0;
    color: #fff;
    margin-right: 15px;
}

.footer__connect {
    display: none;
}

.widget.footer-widget {
    background-color: transparent;
    padding: 0;
    border: none;
    padding-bottom: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding-top: -webkit-calc(var(--section-space) - 20px);
    padding-top: -moz-calc(var(--section-space) - 20px);
    padding-top: calc(var(--section-space) - 100px);
    padding-bottom: 0px;
    margin-bottom: -5px;
}

.widget.widget_nav_menu.footer-widget .widget_title {
    color: #000000;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    text-transform: capitalize;
    font-family: 'Urbanist';
}

.copyright-wrap {
    padding: 5.5px 0;
    border-top: 1px solid #444A56;
    background: white !important;
}

.copyright-wrap .copyright-layout {
    align-items: center;
}

.copyright-wrap .copyright-layout p {
    color: #000;
    font-size: 14px;
}

.menu li {
    font-family: 'Urbanist';
    font-size: 17px;
    font-weight: 700;
    margin: 0 0 10px;
    color: #000;
}

.social-icon .fab,
.fa-brands {
    color: #000;
}

.contact h2 {
    color: #ffffff;
    font-family: 'Urbanist';
    font-size: 39px;
    font-style: normal;
    font-weight: 800;
    line-height: 72px;
}

#contact .loc {
    text-align: center;
    margin-top: 30px;
    border: 1px solid #b1b1b1;
    padding-top: 20px;
    border-radius: 10px;
}

#contact .loc h3 {
    color: #ff3f62;
    font-size: 22px;
    font-family: 'Urbanist';
}

.stackholder_wrapper .swiper-slide {
    border: 1px solid;
}

#contact .loc p {
    color: #fff;
}

.testimonial-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.testimonial-title h2 {
    font-weight: 700;
    font-size: 36px;
}

.testimonial-title p {
    color: #666;
    margin: 20px 0;
}

.view-more-btn {
    background: linear-gradient(to right, #fc466b, #3f5efb);
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 8px;
    transition: all 0.3s;
}

.view-more-btn:hover {
    opacity: 0.9;
}

#testimonialSlider {
    width: 50%;
    height: 700px !important;
    overflow: hidden;
}

#testimonialSlider .swiper-slide {
    background: #f8f8f8;
    border-radius: 12px;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    transition: all 0.3s;
    opacity: 0.5;
    transform: scale(0.9);
}

#testimonialSlider .swiper-slide-active {
    background: #fff;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    border-left: 5px solid #c1213e;
    opacity: 1;
    transform: scale(1);
}

.testimonial-content h5 {
    font-weight: 700;
    margin-bottom: 5px;
}

.testimonial-content p {
    font-size: 16px;
    margin: 0 0 10px;
    font-family: 'Urbanist';
    color: #000;
    line-height: 23px;
    font-weight: 500;
}

.testimonials_wrapper h2 {
    color: #c1213e;
    text-align: left;
    font-family: "Urbanist", sans-serif !important;
    font-size: 40px;
    margin: 0 0 60px;
}

.testimonials_name h4 {
    color: #c1213e;
    font-family: 'Urbanist';
    font-size: 20px;
    margin: 0 0 5px;
}

.testimonials_name h5 {
    font-size: 16px;
    color: #000;
    font-weight: 500;
    margin: 0 0 5px;
    font-family: 'Urbanist';
}

.testimonials_name h6 {
    font-size: 14px;
    color: #000;
    font-family: 'Urbanist';
    font-weight: 300;
    margin: 0;
}

.about_35 {
    padding: 60px 0 !important;
}

.about_35 h2 {
    color: #000;
    font-family: "Urbanist", sans-serif;
    margin: 0 0 10px;
    font-size: 40px;
}

.about_35 h2 span {
    color: #c1213e !important;
}

.about_35 h3 {
    color: #000;
    font-family: "Urbanist", sans-serif;
    margin: 0 0 10px;
    font-size: 19px;
}

.about_35 p {
    color: #000;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 26px;
}

.vision_wrapper h6 {
    color: #000;
    font-size: 20px;
    font-family: "Urbanist", sans-serif;
    font-weight: 800;
}

.vision_wrapper {
    display: flex;
    align-items: center;
    gap: 40px;
    margin: 20px 0 0;
}

.mission_container {
    margin-top: 40px;
}

.mission_container h3 {
    font-size: 40px;
}

.mission_col {
    background: #c1213e38;
    border-radius: 8px;
    padding: 20px;
}

.vision_wrapper ul li,
.vision_wrapper p {
    font-size: 15px;
    color: #000;
    font-family: 'Inter', sans-serif;
    list-style: circle;
    padding: 0 0 10px;

}


.milestones {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-left: 30px;
    border-left: 4px solid #f1ced5;
    padding-left: 20px;
    gap: 30px;
}

.milestone {
    display: flex;
    align-items: flex-start;
    position: relative;
}

.dot-line::before {
    content: '';
    width: 16px;
    height: 16px;
    background: #c1213e;
    border-radius: 50%;
    position: absolute;
    left: -30px;
    top: 5px;
}

.milestone-content h3 {
    margin: 0;
    font-size: 20px;
    font-weight: bold;
}

.milestone-content p {
    margin: 5px 0 0;
    font-size: 14px;
    color: #444;
}


.milestones::before {
    content: '';
    position: absolute;
    left: -22px;
    top: 0;
    width: 4px;
    height: 100%;
    background: #f7d84a;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 1s ease-in-out;
}

.milestones[data-aos='fade-up'].aos-animate::before {
    transform: scaleY(1);
}


.journery_wrapper {
    padding: 60px 0;
    background: linear-gradient(to right, #000000 0%, #c1213e 100%) !important;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

.journery_wrapper h2 {
    color: #fff;
    text-align: center;
    font-family: "Urbanist", sans-serif;
    font-size: 40px;
    margin: 0;
}

.journery_wrapper h2 span {
    color: #ff496a;
}

.journery_wrapper p {
    padding: 20px 60px;
    font-family: 'Inter', sans-serif;
    font-size: 17px;
}

#typed-text {
    display: inline-block;
    font-weight: 600;
}

.stackholder_wrapper {
    background: #fff;
    padding: 60px 0;
}

.stackholder_wrapper h2 {
    color: #000000;
    text-align: center;
    font-family: "Urbanist", sans-serif;
    font-size: 40px;
    margin: 0 0 60px;
}

.values_img {
    width: 100px;
    border-radius: 100px;
    border: 2px solid #ac9a9a59;

}

.header_title {
    font-family: "Urbanist", sans-serif;
    margin: 0 0 10px;
    font-size: 40px;
}

.stack_content {
    grid-column-gap: 1.2rem;
    background-color: #f1ced5;
    flex-flow: column;
    flex: 1;
    min-height: 9rem;
    padding: 20px 20px 0;
    display: flex;
}

.stack_content p {
    padding: 0;
    font-family: 'Inter', sans-serif;
    font-size: 17px;
    color: #000;
}

.stack_content h3 {
    color: #000000;
    font-family: "Urbanist", sans-serif;
    font-size: 22px;
    margin: 0 0 5px;
    font-weight: 600;
}

.gallery_wrapper {
    padding: 60px 0;
}

.cs_gescout_sticky {
    top: 0 !important;
    opacity: 1 !important;
    background: #000 !important;
}

.sidenav1 {
    position: fixed;
    top: 50%;
    left: 0%;
    transform: translate(0%, -50%);
    z-index: 3;
    border-radius: 0 10px 10px 0;
}

ul.sidenav_ul1 {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
}

ul.sidenav_ul1 li {
    width: 40px;
    /* initial width = image width */
    background: #c1213e;
    overflow: hidden;
    padding: 8px;
    border-bottom: 1px solid #ffffff;
    transition: width 0.4s ease;
    display: flex;
    align-items: center;
}

ul.sidenav_ul1 li:hover {
    width: 180px;
    /* expand to show text */
}

.sidenav_ul1 a {
    display: flex;
    align-items: center;
    text-decoration: none;
    width: 100%;
}

.sidenav-icon {
    width: 25px;
    height: auto;
    flex-shrink: 0;
    animation: blink 1s infinite;
}

.sidenav_ul_title {
    color: white;
    font-size: 13px;
    margin-left: 10px;
    white-space: nowrap;
    opacity: 0;
    transform: translateX(-20px);
    transition: opacity 0.4s ease, transform 0.4s ease;
}

/* Slide in text */
ul.sidenav_ul1 li:hover .sidenav_ul_title {
    opacity: 1;
    transform: translateX(0);
}


@keyframes blink {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }
}


/* award glimpses section */
.slider-wrapper {
    width: 100%;
    max-width: 1536px;
    margin-inline: auto;
    position: relative;
    height: 160px;
    margin-top: 1rem;
    overflow: hidden;
    /* mask-image: linear-gradient(to right,
            rgba(0, 0, 0, 0),
            rgba(0, 0, 0, 1) 20%,
            rgba(0, 0, 0, 1) 80%,
            rgba(0, 0, 0, 0)); */
}

@keyframes scrollLeft {
    to {
        left: -200px;
    }
}

@keyframes scrollRight {
    to {
        right: -200px;
    }
}

.gallery_wrapper .item {
    width: 270px;
    height: 100px;
    border-radius: 6px;
    position: absolute;
}

.gallery_wrapper .item img {
    border-radius: 8px;
}

.gallery_wrapper .left .item {
    left: max(calc(200px * 5), 100%);
    animation: scrollLeft 30s linear infinite;
}

.gallery_wrapper .right .item {
    right: max(calc(200px * 5), 100%);
    animation: scrollRight 30s linear infinite;
}

/* Update animation delays for 5 items */
.gallery_wrapper .left .item1,
.gallery_wrapper .right .item1 {
    animation-delay: calc((-30s / 5) * 4);
}

.gallery_wrapper .left .item2,
.gallery_wrapper .right .item2 {
    animation-delay: calc((-30s / 5) * 3);
}

.gallery_wrapper .left .item3,
.gallery_wrapper .right .item3 {
    animation-delay: calc((-30s / 5) * 2);
}

.gallery_wrapper .left .item4,
.gallery_wrapper .right .item4 {
    animation-delay: calc((-30s / 5) * 1);
}

.gallery_wrapper .left .item5,
.gallery_wrapper .right .item5 {
    animation-delay: calc((-30s / 5) * 0);
}


#our-blogs h2 {
    text-align: center;
    color: #000;
    font-family: "Urbanist", sans-serif;
}

#our-blogs h3 {
    color: #000;
    font-size: 20px;
    font-family: "Urbanist", sans-serif;
}

/* CONTACT PAGE */
.header_banner {
    text-align: center;
    background: url(/images/Banner.jpg);
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header_banner h2 {
    color: #000;
    font-family: "Urbanist", sans-serif;
    font-size: 50px;
}

.contact_top {
    text-align: center;
    padding: 60px 0;
}

.header_banner h2 {
    color: #000;
    font-family: "Urbanist", sans-serif;
    font-size: 45px;
}

.header_banner h2 span {
    color: #c1213e;
}

.contact_top p {
    color: #000;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 26px;
    width: 70%;
    margin: 0 auto 10px;
}

.contact_top p:last-child {
    color: #c1213e;
    font-weight: 700;
}

.query_wrapper {
    padding: 60px 0;
    background: url(https://wes.eletsonline.com/dubai/images/red-bg.webp);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}



.query_wrapper .accordion-button:not(.collapsed),
.query_wrapper .accordion-button:focus {
    outline: none;
    border-color: transparent;
    box-shadow: none;
    background-color: transparent;
    font-family: "Urbanist", sans-serif;
}

.query_wrapper .accordion-button {
    font-family: "Urbanist", sans-serif;
}

.query_wrapper .accordion-button::after {
    width: 11px;
    height: 11px;
    border-radius: 100%;
    background-color: var(--bs-danger);
    background-image: none !important;
}

.query_wrapper .accordion-button.collapsed::after {
    background-color: var(--bs-gray-300);
}

.query_wrapper .accordion:after {
    content: unset !important;
}

.query_wrapper .accordion {
    background: #fff;
    background: transparent;
}

.query_wrapper .accordion-flush .accordion-item .accordion-button {
    padding: 10px 20px;
}

.query_wrapper .accordion {
    padding: 18px 0;
    border-radius: 10px;
}

.query_wrapper .accordion-body p {
    color: #000;
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    line-height: 26px;
    margin: 0 auto 10px;
}

.contact_form {
    background: #fbf9ff;
    padding: 40px 20px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.contact_form label {
    font-style: normal;
    font-weight: 500;
    color: #000;
    font-size: 15px;
    font-family: 'Inter', sans-serif;
    margin: 0;
}

.contact_form input {
    width: 100%;
    border: 1px solid #0a254080;
    height: 50px;
    padding: 0 8px;
    border-radius: 5px;
}

.contact_form button {
    border: 0;
    background: #c1213e;
    background-position: top;
    padding: 4px 30px;
}

#DecisionBox,
.tick_mark input {
    height: unset;
    width: unset;
}

.contact_form input::placeholder,
.contact_form textarea::placeholder {
    font-size: 15px;
    padding: 0 5px;
}

.query_wrapper h2 {
    color: #ffffff;
    font-size: 36px;
    font-weight: 700;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 5px;
    margin: 0 0 20px;
}

.query_wrapper .accordion-button:not(.collapsed) {
    color: #c1213e;
}

.query_wrapper .accordion-body {
    padding: 0 20px 20px;
}


.contact_form h3 {
    color: #c1213e;
    font-size: 36px;
    font-weight: 700;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 5px;
    border-radius: 10px;
}

.partner_contect p span {
    color: #c1213e;
}

.partner_contect p {
    line-height: 30px;
}

.contact_form p {
    color: #000;
    font-size: 15px;
}


/* TERM AND CONDITION PAGE */
#about-usbanner h2 {
    text-align: center;
    font-family: "Urbanist", sans-serif;
    font-size: 40px;
    margin: 0 0 30px;
    color: #fff;
}

.term_body {
    padding: 60px 0;
    background: #fff;
}

.term_body p {
    color: #000;
    font-size: 16px;
    font-family: "Urbanist", sans-serif;
    font-weight: 400;
}

.term_body h2 {
    color: #000;
    font-family: "Urbanist", sans-serif;
    margin: 20px 0 5px;
    font-size: 30px;
}

.term_body h2 span {
    color: #c1213e;
}

.term_inner h3 {
    color: #c1213e;
    font-size: 20px;
    font-family: "Urbanist", sans-serif;
    margin: 0 0 6px;
}

.term_inner ul li {
    list-style: circle;
}

.term_inner ul li,
.term_inner p {
    color: #000;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 28px;
    padding: 0 0 10px;
    font-weight: 500;
}

.term_inner {
    border-top: 1px solid #0000002b;
    padding: 30px 0 0;
    border-bottom: 1px solid #0000002b;
}

.term_inner:first-child {
    border-top: 0;
}

.term_inner:last-child {
    border-bottom: 0;
}

/* APPLY SPEAK SECTION */
.apply_banner {
    background-image: url('https://digitalnativessummit.com/assets/img/bgb.webp');
}

.apply_speak {
    padding: 60px 0;
}

.apply_speak h2 {
    text-align: center;
    font-family: "Urbanist", sans-serif;
    font-size: 28px;
    margin: 0 0 30px;
    color: #c1213e;
}

.apply_speak p {
    color: #000;
    font-family: 'Inter', sans-serif;
    font-size: 17px;
    font-weight: 500;
    line-height: 26px;
}

.speak_first {
    background: #eceaea;
}

.speak_first p {
    padding: 20px;
    text-align: center;
    width: 80%;
    margin: 0 auto;
}


.speak_apply {
    text-align: center;
    color: #000;
    border: 1px solid #c1213e;
    justify-content: center;
    align-items: center;
    display: flex;
    width: fit-content;
    padding: 5px 20px;
    border-radius: 6px;
    margin: 0 auto;
}

.speak_apply:hover {
    color: #fff !important;
    background: #c1213e;

}

/* BLOG SECTION */

.cs_nav .cs_nav_list>li>a:hover {
    color: #c1213e !important;
}

.blog_wrapper {
    padding: 60px 0;
    background-color: #f9f9f9;
}

.blog_wrapper h2 {
    color: #c1213e;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    margin: 0 0 40px;
    font-size: 36px;
    font-weight: 800;
}

.blog_inner {
    position: relative;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    z-index: 0;
    margin: 0 0 30px;
}

.blog_inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 12px;
    padding: 2px;
    background: linear-gradient(120deg, #c1213e, #ff5c00, #c1213e);
    background-size: 300% 300%;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.3s ease;
    animation: borderRun 3s linear infinite;
    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    box-sizing: border-box;
}


@keyframes borderRun {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}


.blog_inner:hover::before {
    opacity: 1;
}



.blog_inner:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
}

.blog_inner:hover h3 {
    color: #000;
}

.blog_img_wrapper {
    overflow: hidden;
    height: 220px;
}

.blog_img_wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.blog_inner:hover .blog_img_wrapper img {
    transform: scale(1.08);
}

.blog_content_home {
    padding: 20px;
    font-family: 'Inter', sans-serif;
}

.blog_content_home h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #c1213e;
    font-family: "Urbanist", sans-serif;
    line-height: 1.4;
}

.blog_content_home p {
    font-size: 15px;
    color: #544646;
    margin-bottom: 20px;
    line-height: 1.6;
}

.blog_read a {
    color: #c1213e;
    text-decoration: none;
    font-weight: 600;
    position: relative;
    display: inline-flex;
    align-items: center;
    transition: color 0.3s ease;
    font-family: "Urbanist", sans-serif;
}

.blog_read a::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -2px;
    height: 2px;
    width: 0;
    background-color: #c1213e;
    transition: width 0.3s ease;
}

.blog_read a:hover::after {
    width: 100%;
}

.blog_read a::before {
    content: "";
    display: inline-block;
    /* margin-left: 6px; */
    transform: translateX(0);
    opacity: 1;
    transition: transform 0.3s ease;
    margin-right: 6px;

}

.blog_read a:hover::before {
    transform: translateX(4px);
}

.blog_read a:hover {
    transform: translateX(4px);
}

.blog_page_content {
    padding: 60px 0;
}

.blog_page_content h2 {
    color: #c1213e;
    font-size: 30px;
    text-align: center;
    line-height: 34px;
    font-weight: 800;
    font-family: "Urbanist", sans-serif;
}


.blog_page_content a {
    color: #c1213e;
    font-weight: 700;
    text-decoration: underline;
}

.blog_page_content p,
.blog_page_content ul li {
    color: #000;
    font-size: 15px;
    line-height: 24px;
    font-family: "Inter", sans-serif;
}

.blog_page_content ul li {
    list-style: circle;
    margin: 0 0 10px;
}

h3 {
    color: #000;
    font-size: 25px;
    line-height: 34px;
    font-weight: 800;
    font-family: "Urbanist", sans-serif;
}

/* WHY PARTNER SECTION */
.why_partner {
    background: url(/images/red-bg.webp);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding: 60px 0;
}

:root {
    --gap: 1.25rem;
    --speed: 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --closed: 11rem;
    --open: 30rem;
    --accent: #ff6b35;
}

.head {
    max-width: 1400px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 2rem;
}

.head h2 {
    font-family: "Urbanist", sans-serif;
    color: #ffffff;
    margin: 0 0 40px;

}

@media (min-width: 1024px) {
    .head h2 {
        font-size: 2.25rem;
    }
}

.why_partner .nav-btn {
    width: 2.5rem;
    height: 2.5rem;
    border: none;
    border-radius: 50%;
    background: rgb(193 33 62);
    color: #fff;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.3s;
}

.why_partner .nav-btn:hover {
    background: var(--accent);
}

.why_partner .nav-btn:disabled {
    opacity: 0.3;
    cursor: default;
}

.slider {
    max-width: 1400px;
    margin: auto;
    overflow: hidden;
}

.controls {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    margin: 0 0 30px;
}

.track {
    display: flex;
    gap: var(--gap);
    align-items: flex-start;
    justify-content: center;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    padding-bottom: 40px;
}

.track::-webkit-scrollbar {
    display: none;
}

.project-card {
    position: relative;
    flex: 0 0 var(--closed);
    height: 26rem;
    border-radius: 1rem;
    overflow: hidden;
    cursor: pointer;
    transition: flex-basis var(--speed), transform var(--speed);
}

.project-card[active] {
    flex-basis: var(--open);
    transform: translateY(-6px);
    box-shadow: 0 18px 55px rgba(0, 0, 0, 0.45);
}

.project-card__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.75) saturate(75%);
    transition: filter 0.3s, transform var(--speed);
}

.project-card:hover .project-card__bg {
    filter: brightness(0.9) saturate(100%);
    transform: scale(1.06);
}

.project-card__content {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.7rem;
    padding: 0;
    background: linear-gradient(#0000004a 40%, rgba(0, 0, 0, 0.85) 100%);
    z-index: 2;
}

.project-card__title {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-family: "Urbanist", sans-serif;
}

.project-card__thumb,
.project-card__desc,
.project-card__btn {
    display: none;
}

.project-card[active] .project-card__content {
    flex-direction: row;
    align-items: center;
    padding: 1.2rem 2rem;
    gap: 1.1rem;
}

.project-card[active] .project-card__title {
    writing-mode: horizontal-tb;
    transform: none;
    font-size: 30px;
}

.project-card[active] .project-card__thumb,
.project-card[active] .project-card__desc,
.project-card[active] .project-card__btn {
    display: block;
}

.project-card__thumb {
    width: 133px;
    height: 269px;
    border-radius: 0.45rem;
    object-fit: cover;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
}

.project-card__desc {
    color: #ddd;
    font-size: 17px;
    line-height: 23px;
    font-family: 'Inter', sans-serif;
}

.project-card__desc li {
    padding: 10px 0;
    font-size: 16px;
    color: #fff;
    font-family: 'Inter';
}

.project-card__btn {
    padding: 0.55rem 1.3rem;
    border: none;
    border-radius: 9999px;
    background: var(--accent);
    color: #fff;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
}

.project-card__btn:hover {
    background: #ff824f;
}

.dots {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
    padding: 20px 0;
}

.dot {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.35);
    cursor: pointer;
    transition: 0.3s;
}

.dot.active {
    background: var(--accent);
    transform: scale(1.2);
}

.key_sponsorship {
    padding: 60px 0;
}

.key_sponsorship h2 {
    font-family: "Urbanist", sans-serif;
    color: #000;
    margin: 0 0 20px;
    font-size: 30px;
    text-align: center;
}

.key_sponsorship h2 span {
    color: #c1213e;
}



.ticket-system {
    margin: auto;
    padding-top: 40px;
}

.ticket-system .receipts-wrapper {
    overflow: hidden;
    margin-top: -10px;
    padding-bottom: 10px;
}

.ticket-system .receipts {
    width: 100%;
    display: flex;
    /* align-items: center; */
    flex-direction: column;
    transform: translateY(-510px);
    animation-duration: 2.5s;
    animation-delay: 500ms;
    animation-name: print;
    animation-fill-mode: forwards;
}

.ticket-system .receipts .receipt {
    padding: 15px 30px 10px;
    text-align: left;
    min-height: 300px;
    border-radius: 15px;
    margin-bottom: 20px;
    position: relative;
    background: #c1213e;
    overflow: hidden;
}

.ticket-system .receipts .receipt::before,
.ticket-system .receipts .receipt::after {
    content: "";
    position: absolute;
    width: 25px;
    height: 20px;
    background: #ffffff;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px;
}

.ticket-system .receipts .receipt::before {
    left: -15px;
}

.ticket-system .receipts .receipt::after {
    right: -15px;
}

.ticket-system .receipts .receipt .route h2 {
    font-size: 18px;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ccc;
    text-transform: uppercase;
    margin: 0 -30px;
}

.details ul {
    margin: 10px 0 0;
}

.ticket-system .receipts .receipt .details {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ticket-system .receipts .receipt .details ul li {
    list-style: circle;
    color: #ffffff;
    font-family: "inter", sans-serif;
    font-size: 15px;
    line-height: 25px;
    padding: 8px 0;
}

.ticket-system .receipts .receipt .details .item {
    flex: 1 1 100%;
}

.ticket-system .receipts .receipt .details .item span {
    font-size: 0.8em;
    color: rgba(0, 0, 0, 0.6);
    font-weight: 500;
}

.ticket-system .receipts .receipt .details .item h3 {
    margin: 5px 0 15px;
    font-size: 1em;
    font-weight: 500;
}

@keyframes print {
    0% {
        transform: translateY(-510px);
    }

    35% {
        transform: translateY(-395px);
    }

    70% {
        transform: translateY(-140px);
    }

    100% {
        transform: translateY(0);
    }
}

.past_partner {
    background: #ffffff;
    padding: 0 0 60px;
}

.past_partner h2 {
    font-family: "Urbanist", sans-serif;
    color: #000000;
    margin: 0 0 40px;
    font-size: 40px;
    text-align: center;
}

.partner_inner {
    backdrop-filter: blur(16px) saturate(180%);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid rgb(114 101 101 / 19%);
    padding: 20px 10px;
    text-align: center;
    margin: 0 0 30px;
}

.partner_inner:hover {
    filter: drop-shadow(0 0 3px #c2114e);
}


.partner_inner img {
    height: 80px;
    /* filter: brightness(0) invert(1); */
    padding: 10px;
}

@media (max-width: 767px) {
    .form_right h2 {
        font-size: 20px;
    }

    .form_right p {
        font-size: 13px;
        line-height: 19px;
    }

    .form_left {
        background: url(/images/dubai-conect.avif);
        background-size: cover;
        min-height: 300px;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center;
    }

    :root {
        --closed: 4rem;
        --open: 22rem;
    }

    .head {
        padding: 50px 20px 30px;
    }

    .track {
        flex-direction: column;
        scroll-snap-type: y mandatory;
        align-items: center;
        justify-content: flex-start;
        padding-bottom: 0;
    }

    .project-card {
        height: 20rem;
    }

    .project-card__title {
        font-size: 1.1rem;
        writing-mode: horizontal-tb;
        transform: none;
        text-align: center;
        padding-inline: 0.3rem;
    }

    .nav-btn {
        width: 2rem;
        height: 2rem;
        font-size: 1.2rem;
    }
}

@media (max-width: 767px) {
    :root {
        --closed: 100%;
        --open: 100%;
        --gap: 0.8rem;
    }

    .head {
        padding: 30px 15px 20px;
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .slider {
        padding: 0 15px;
    }

    .track {
        flex-direction: column;
        scroll-snap-type: y mandatory;
        gap: 0.8rem;
        padding-bottom: 20px;
    }

    .project-card {
        height: auto;
        min-height: 80px;
        flex: 0 0 auto;
        width: 100%;
        scroll-snap-align: start;
    }

    .project-card[active] {
        min-height: 300px;
        transform: none;
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
    }

    .project-card__content {
        flex-direction: row;
        justify-content: flex-start;
        padding: 1rem;
        align-items: center;
        gap: 1rem;
    }

    .project-card__title {
        writing-mode: horizontal-tb;
        transform: none;
        font-size: 1.2rem;
        margin-right: auto;
    }

    .project-card__thumb,
    .project-card__desc,
    .project-card__btn {
        display: none;
    }

    .project-card[active] .project-card__content {
        align-items: flex-start;
        padding: 1.5rem;
    }

    .project-card[active] .project-card__title {
        font-size: 1.8rem;
        margin-bottom: 1rem;
        margin-top: 2rem;
    }

    .project-card[active] .project-card__thumb {
        width: 200px;
        height: 267px;
        border-radius: 0.35rem;
        margin-bottom: 1rem;
    }

    .project-card[active] .project-card__desc {
        font-size: 0.95rem;
        max-width: 100%;
        margin-bottom: 1rem;
    }

    .project-card[active] .project-card__btn {
        align-self: center;
        width: 100%;
        text-align: center;
        padding: 0.7rem;
    }

    .dots {
        display: none;
    }

    .controls {
        width: 100%;
        justify-content: space-between;
        padding: 0 15px 20px;
    }

    .nav-btn {
        position: static;
        transform: none;
    }
}


@media (max-width: 768px) {
    .contact_top h2 {
        font-size: 30px;
    }

    .contact_top p {
        width: 90%;
    }

    .query_wrapper h2 {
        font-size: 25px;
    }

    .contact_form {
        margin: 30px 0;
    }

    .text-h {
        font-weight: 400;
        FONT-SIZE: 15px;
        padding: 0 !important;
    }

    .headdate {
        align-items: center;
    }

    .mansory-gallery .column {
        flex: 50%;
    }

    section#about-usbanner {
        padding: 60px 0;
    }

    .dual_tracks {
        padding: 30px 0;
    }

    .dual_tracks p {
        font-size: 16px;
        color: #000;
        text-align: center;
        font-family: 'Inter', sans-serif;
        line-height: 22px;
    }

    .dual_tracks .nav-tabs .nav-link {
        border: 1px solid #3333331a;
        border-radius: 8px;
        margin: 0 0 10px;
        background: #80808021;
        color: #000;
        width: 200px;
        font-size: 15px;
    }

    .video#myVideos {
        height: 500px;
    }

    .wrap-logo-bannerssa img {
        width: 150px;
    }

    .wrap-logo-bannerssa h2 {
        font-size: 16px;
        line-height: 29px;
    }

    .wrpabout h3 {
        color: #000;
        font-family: "Urbanist", sans-serif;
        margin: 0px 0 10px;
        line-height: 25px;
    }

    .journery_wrapper h2 {
        font-size: 22px;
    }

    .journery_wrapper p {
        padding: 15px;
    }

    .stackholder_wrapper h2 {
        font-size: 18px;
    }

    .wrpabout p {
        font-size: 16px;
        line-height: 27px;
    }

    .register_btn .button {
        width: fit-content;
    }

    .about-intro h2 {
        font-size: 18px;
    }

    .footer-widget h4 {
        font-size: 1.1rem;
        margin-top: 1rem;
    }

    .footer-widget ul li a {
        font-size: 0.95rem;
    }

    .social-links ul {
        flex-wrap: wrap;
    }

    .social-links ul li {
        margin-bottom: 0.5rem;
    }

    .offer-block h2 {
        font-size: 1.2rem;
        line-height: 1.4;
    }

    .footer-bottom {
        padding: 1rem 0;
    }

}

@media (max-width: 500px) {
    .mansory-gallery .column {
        flex: 100%;
    }
}


@media (max-width: 991px) {
    #aboutus img {
        position: relative;
        width: 400px;
        top: 0;
        display: flex;
        align-items: center;
        margin: 0 auto;
    }

    video#myVideos {
        height: 500px;
    }

    #testimonialSlider {
        width: 80%;
    }

    .wrpabout {
        padding: 0;
    }

    .de_count h3 {
        font-size: 40px;
    }

    .de_count h4 {
        font-size: 12px;
        text-align: left;
        margin: inherit;
    }

    .speaker_title {
        font-size: 40px;
    }

    .scroll-section {
        height: 100vh;
    }
}

/* MOBILE MEDIA QUERY */
@media (max-width: 768px) {
    #our-blogs .get {
        color: #000;
        text-align: center;
        font-size: 28px;
        font-family: "Urbanist", sans-serif !important;
    }

    .dual_inner p {
        color: #fff;
    }

    .mission_container h3 {
        font-size: 30px;
    }

    .vision_wrapper {
        gap: 0;
        flex-direction: column;
    }

    .milestones {
        margin: 20px 0;
    }

    .milestone-content h3 {
        font-size: 18px;
    }

    .dual_tracks h2 {
        font-size: 27px;
    }


    section#aboutus {
        padding: 15px !important;
    }


    .de_count {
        margin: 0px 0 10px;
        text-align: left;
        align-items: baseline;
        justify-content: left;
    }

    .countdown_wrapper {
        padding: 30px;
    }

    .dual_inner {
        margin: 0 0 30px;
    }

    .edtechInner {
        padding: 20px;
    }

    .wrsp-ediotns-hd {
        padding: 0;
    }

    .wrsp-ediotns-hd h2,
    .highlightSection h4 {
        font-size: 30px;
    }

    .past_partners h2 {
        font-size: 30px;
        margin: 0 0 20px;
    }

    .speaker_title,
    .global_impact h2 {
        font-size: 20px;
    }

    .global_impact h2 {
        margin: 0 0 20px;
    }

    #aboutus img {
        position: relative;
        top: unset;
    }
}