/* 
------ Header Section ----- 
*/

@media (max-width: 991px) {
    .header-default .logo a img {
        width: 150px;
    }
}

/* HTML: <div class="loader"></div> */
.loader {
    width: 45px;
    aspect-ratio: .75;
    --c: no-repeat linear-gradient(#000 0 0);
    background:
        var(--c) 0% 100%,
        var(--c) 50% 100%,
        var(--c) 100% 100%;
    background-size: 20% 65%;
    animation: l8 1s infinite linear;
}

@keyframes l8 {
    16.67% {
        background-position: 0% 0%, 50% 100%, 100% 100%
    }

    33.33% {
        background-position: 0% 0%, 50% 0%, 100% 100%
    }

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

    66.67% {
        background-position: 0% 100%, 50% 0%, 100% 0%
    }

    83.33% {
        background-position: 0% 100%, 50% 100%, 100% 0%
    }
}


/* 
------ Banner Section ----- 
*/

.key-visBG {
    /* background-image: url(../images/kv-background.webp); */
    /* background: linear-gradient(#000005, #042520); */
  
    padding-top: 200px;
   
    text-align: center;
    background-position: center;
}

.img-addOn {
    width: 60%;
    margin-top: -120px;
}




@media (max-width: 991px) {
    .key-visBG {
        padding-top: 240px;
    }
    .img-addOn {
        width: 80%;
    }

    .hotel-name.big-paragrap-2 {
        font-size: var(--font-xl);
    }
}

@media (max-width: 767px) {
    .key-visBG {
        padding-top: 240px;
    }

    .img-addOn {
        width: 100%;
    }

    .hotel-name.big-paragrap-2 {
        font-size: var(--font-lg);
    }

    .banner-date.big-paragrap-4 {
        font-size: var(--font-sm-2);
    }
}



/* 
------ Test Section ----- 
*/

.test-section {
    margin-top: -150px;
}

.card-main-1 {
    background: var(--primary-100);
    border-radius: 5px;
    padding: 30px;
    position: relative;
    z-index: 1;
    height: 650px;
}

.aerogel {
    position: absolute;
    z-index: -1;
    height: 6rem;
    width: calc(100% - 0.15rem);
    left: 0.1rem;
    right: 0.1rem;
    top: calc(100% - 2px);
    clip-path: polygon(0% 0%, 5% 100%, 95% 100%, 100% 0px);
    background: linear-gradient(var(--primary-100) -5.71%, transparent 100%);
}

.card-test-content {
    text-align: center;
}

.box-char {
    margin-top: 30px;
}

.img-char-1 {
    width: 220px;
}

.img-char-2 {
    margin-top: 8px;
}

.img-char-3 {
    margin-top: 3px;
}

.char-text {
    transition: 0.3s;
}

.char-text:hover {
    color: var(--primary-600);
    font-size: var(--font-sm);
}

.mt-char {
    margin-top: 10px;
}

@media (max-width: 1399px) {
    .img-char-1 {
        width: 190px;
    }
}

@media (max-width: 1199px) {
    .test-section {
        margin-top: -80px;
    }

    .img-char-1 {
        width: 203px;
    }

    .img-char-3 {
        margin-top: 4px;
    }
}

@media (max-width: 991px) {
    .img-char-1 {
        width: 140px;
    }

    .img-char-2 {
        width: 169px;
        margin-top: 0;
    }

    .img-char-3 {
        width: 167px;
        margin-top: 0;
    }

    .card-main-1 {
        height: auto;
    }

    .mt-char {
        margin-top: -10px;
    }
}

@media (max-width: 767px) {
    .img-char-1 {
        width: 107px;
    }

    .img-char-2 {
        width: 130px;
    }

    .img-char-3 {
        width: 129px;
    }

    .head-testing.big-paragrap-3 {
        font-size: var(--font-lg);
    }

    .char-text {
        font-size: 14px;
    }

    .char-text:hover {
        font-size: 16px;
    }
}
@media (max-width: 650px) {
    .key-visBG {
        padding-top: 180px;
    }
}
@media (max-width: 575px) {
   

    .card-main-1 {
        padding: 30px 17px;
    }

    .lets-fiveM.big-paragrap-5 {
        font-size: 22px;
    }
}

@media (max-width: 448px) {
    .head-testing.big-paragrap-3 {
        font-size: 30px;
    }
}

@media (max-width: 485px) {
    .img-char-1 {
        width: 86px;
    }

    .img-char-2 {
        width: 103px;
    }

    .img-char-3 {
        width: 103px;
    }
}

@media (max-width: 399px) {
    .img-char-1 {
        width: 77px;
    }

    .img-char-2 {
        width: 94px;
    }

    .img-char-3 {
        width: 94px;
    }

    .char-text {
        font-size: 12px;
    }

    .char-text:hover {
        font-size: 14px;
    }
}

/* 
------ Explan Event Section ----- 
*/

.explosion-blur {
    background-image: url(../images/explosion-blur.webp);
    background-size: cover;
    text-align: center;
    background-position: center;
    background-attachment: fixed;
}

.card-main-2 {
    background: var(--black-card-2);
    border-radius: 5px;
    padding: 30px;
    position: relative;
    z-index: 1;
    margin-top: 30px;
    height: 250px;
    transition: 0.3s;
}

.card-main-2:hover {
    background: var(--primary-1000-op-6);
    border-top: 1px var(--primary-300) solid;
    border-left: 1px var(--primary-300) solid;
    border-right: 1px var(--primary-300) solid;
}

.aerogel.black-card {
    position: absolute;
    z-index: -1;
    height: 5rem;
    width: calc(100% - 0.2rem);
    left: 0.1rem;
    right: 0.1rem;
    top: calc(100% - 0.2rem);
    clip-path: polygon(0% 0%, 5% 100%, 95% 100%, 100% 0px);
    background: linear-gradient(var(--black-card-2) -5.71%, transparent 100%);
}

.card-main-2:hover .aerogel.black-card {
    background: linear-gradient(var(--primary-300) -5.71%, transparent 100%);
}

.text-mrt {
    margin-top: 30px;
}

.explan-sec p {
    text-shadow: 2px 2px #000;
}

@media (max-width: 1199px) {
    .card-main-2 {
        padding: 30px 20px;
    }
}

@media (max-width: 991px) {
    p.lets-free.big-paragrap-1 {
        font-size: 76px;
    }

    .start-toget.space-t-80 {
        padding-top: var(--space-30);
    }

    .dont-miss.big-paragrap-3 {
        font-size: 40px;
    }

    .give-weapon {
        padding-top: var(--space-30);
    }

    .explan-sec {
        padding-top: var(--space-30);
    }
}

@media (max-width: 767px) {
    p.lets-free.big-paragrap-1 {
        font-size: 56px;
    }

    p.together.big-paragrap-2 {
        font-size: 40px;
    }

    .give-weapon {
        font-size: 26px;
    }

    .card-main-2 {
        height: auto;
    }


}

@media (max-width: 482px) {
    p.lets-free.big-paragrap-1 {
        font-size: 50px;
        line-height: 100%;
        margin-top: 15px;
        margin-bottom: 20px;
    }

    p.together.big-paragrap-2 {
        font-size: 35px;
    }

    .dont-miss.big-paragrap-3 {
        font-size: 35px;
    }
}

@media (max-width: 425px) {
    .start-toget {
        font-size: var(--font-xxs);
    }

    .give-weapon {
        font-size: 22px;
    }
}


/* 
------ Speaker Section ----- 
*/

.row.spk-1 {
    justify-content: flex-end;
    margin-bottom: 50px;
    margin-top: -20px;
}

.card-main-3 {
    background: var(--black-card-2);
    border-radius: 5px;
    padding: 10px;
    position: relative;
    z-index: 1;
    height: auto;
    transition: 0.3s;
}

.card-main-3:hover {
    background: var(--primary-1000-op-6);
    border-top: 1px var(--primary-300) solid;
    border-left: 1px var(--primary-300) solid;
    border-right: 1px var(--primary-300) solid;
}

.aerogel.dark-primary-card {
    position: absolute;
    z-index: -1;
    height: 5rem;
    width: calc(100% - 0.2rem);
    left: 0.1rem;
    right: 0.1rem;
    top: calc(100% - 0.2rem);
    clip-path: polygon(0% 0%, 5% 100%, 95% 100%, 100% 0px);
    background: linear-gradient(var(--black-card-2) -5.71%, transparent 100%);
}

.card-main-3:hover .aerogel.dark-primary-card {
    background: linear-gradient(var(--primary-300) -5.71%, transparent 100%);
}

.spk-content {
    padding: 20px 10px;
}

.img-spk {
    border-radius: 5px;
}

.cop-under {
    font-size: 14px;
    padding-left: 22px;
    line-height: 18px;
    margin-top: 10px;
    color: var(--black-300);
}

.spk-name {
    border-left: 2px #1fff6e solid;
    padding-left: 20px;
}

.spk-name-2 {
    border-left: 2px #1654ff solid;
    padding-left: 20px;
}

.spk-name-3 {
    border-left: 2px #16a2ff solid;
    padding-left: 20px;
}

.spk-name-4 {
    border-left: 2px #009481 solid;
    padding-left: 20px;
}

.spk-name-5 {
    border-left: 2px #ff5500 solid;
    padding-left: 20px;
}

.spk-name-6 {
    border-left: 2px #f2f93c solid;
    padding-left: 20px;
}

.spk-name-7 {
    border-left: 2px #9e17ff solid;
    padding-left: 20px;
}

.ul-cotent {
    margin-top: 15px;
    margin-bottom: 0 !important;
}

li.spk-list {
    list-style: disc !important;
    line-height: 120%;
}

li.spk-list::marker {
    color: rgb(104, 104, 104);
}

.card-spk:nth-child(2) {
    margin-top: -50px;
}

.card-spk-set2:nth-child(1) {
    margin-top: -200px;
}

.card-spk-set2:nth-child(3) {
    margin-top: -100px;
}

@media (max-width: 1399px) {
    .card-spk-set2:nth-child(3) {
        margin-top: -150px;
    }
}

@media (max-width: 1199px) {
    .card-spk-set2:nth-child(3) {
        margin-top: -170px;
    }

    li.spk-list {
        list-style: disc !important;
        line-height: 140%;
    }
}

@media (max-width: 991px) {
    .speaker.space-t-100 {
        padding-top: var(--space-30);
    }

    .spk-head {
        text-align: center;
    }

    .card-main-3 {
        height: 440px;
    }

    .card-spk:nth-child(1) {
        margin-top: 50px;
    }

    .card-spk:nth-child(2) {
        margin-top: 50px;
    }

    .card-spk:nth-child(3) {
        margin-top: 50px;
    }

    .card-spk:nth-child(4) {
        margin-top: 50px;
    }

    .row.spk-1 {
        justify-content: center;
    }

    /* _____________________ */

    .row.spk-2 {
        justify-content: center;
    }

    .card-spk-set2:nth-child(3) {
        margin-top: 0px;
    }

    .card-spk-set2:nth-child(4) {
        margin-top: 50px;
    }

    @media (max-width: 767px) {
        .spk-head {
            font-size: var(--font-lg);
        }

        .card-main-3 {
            height: auto;
        }

        .card-spk {
            margin: auto;
        }

        .card-spk-set2:nth-child(3) {
            margin-top: 50px;
        }
    }

}


/* 
------ Event List Section ----- 
*/

.box-info {
    display: flex;
    padding: 30px 20px;
    transition: 0.3s;
}

.box-info {
    background: var(--primary-100);
    border-radius: 5px;
    padding: 30px 20px;
    position: relative;
    z-index: 1;
    margin-bottom: 50px;
    transition: 0.3s;
}

.box-info p {
    color: var(--black-main);
}

.aerogel.primary-card {
    display: block !important;
    position: absolute;
    z-index: -1;
    height: 5rem;
    width: calc(100% - 0.2rem);
    left: 0.1rem;
    right: 0.1rem;
    top: calc(100% - 0.2rem);
    clip-path: polygon(0% 0%, 5% 100%, 95% 100%, 100% 0px);
    background: linear-gradient(var(--primary-100) -5.71%, transparent 100%);
}

.box-info:hover {
    border-top: 1px var(--primary-500) solid;
    border-left: 1px var(--primary-500) solid;
    border-right: 1px var(--primary-500) solid;
}

.box-info:hover .aerogel.primary-card {
    background: linear-gradient(var(--primary-500) -5.71%, transparent 100%);
}

.icon-evList {
    width: 10%;
    margin-right: 20px;
    margin-top: -8px;
}

.expert-consult {
    margin-top: 50px;
}

@media (max-width: 991px) {
    .icon-evList {
        width: 8%;
    }

    .box-info-right {
        text-align: center;
    }

    .box-info-left {
        margin-top: 50px;
    }

    .expert-consul.space-b-80 {
        padding-top: var(--space-30);
        padding-bottom: var(--space-30);
    }
}

@media (max-width: 767px) {
    .expert-consult.big-paragrap-4 {
        margin-top: 30px;
    }

    .expert-consult.big-paragrap-3 {
        font-size: var(--font-lg);
    }

    .icon-evList {
        width: 12%;
    }
}

@media (max-width: 485px) {
    .box-info {
        padding: 20px 15px;
    }

    .info-listt.paragrap-bold {
        font-size: 16px;
    }
}


@media (max-width: 379px) {

    .info-listt.paragrap-bold {
        font-size: 15px;
    }
}


/* 
------ Agenda Section ----- 
*/

.mt-hr {
    margin-top: 30px;
}

.mb-headAgen {
    margin-bottom: 20px;
}

.text-notice {
    padding-right: 30px;
}

.agenda.big-paragrap-3 {
    margin-bottom: 30px;
}

@media (max-width: 991px) {
    .agenda.big-paragrap-3 {
        text-align: center;
    }

    .mt-hr {
        margin-top: 0px;
    }

    .agenda-img {
        margin-bottom: 30px;
        margin-top: 20px;
    }

    .text-notice {
        text-align: left;
        font-size: var(--font-xs);
    }
}

@media (max-width: 767px) {
    .agenda.big-paragrap-3 {
        font-size: var(--font-lg);
    }
}

@media (max-width: 575px) {
    .spk-sub {
        font-size: var(--font-xs);
    }

}

/* 
------ CountDown Timer Section ----- 
*/

.box-timer {
    display: flex;
    justify-content: center;
    gap: 24px;
    margin-top: 40px;
}

.text-bf-count {
    font-size: 70px;
    line-height: 140%;
    font-weight: 600 !important;
    margin-top: 15px;
}

.list-br {
    border-right: 1px solid var(--primary-100-op5);
}

.list-timer {
    text-align: center;
    background-color: var(--black-950);
    border-radius: 100%;
    width: 110px;
    height: 110px;
}

.text-count {
    font-size: 38px;
    font-weight: 500;
    color: var(--white-50);
    position: relative;
    top: 10px;
}

.text-time {
    color: var(--black-300) !important;
    margin-top: -6px;
    font-size: var(--font-sm);
}

.card-count-timer {
    background: var(--primary-500);
    border-radius: 5px;
    padding: 30px 50px;
    position: relative;
    z-index: 1;
    margin-bottom: 50px;
    transition: 0.3s;
}

.card-count-timer p {
    color: var(--black-main);
}

.aerogel.primary-500-card {
    position: absolute;
    z-index: -1;
    height: 5rem;
    width: calc(100% - 0.2rem);
    left: 0.1rem;
    right: 0.1rem;
    top: calc(100% - 0.2rem);
    clip-path: polygon(0% 0%, 5% 100%, 95% 100%, 100% 0px);
    background: linear-gradient(var(--primary-500) -5.71%, transparent 100%);
}

ul.box-timer {
    margin-bottom: 0;
}

@media (max-width: 1399px) {
    .text-bf-count {
        margin-top: 30px;
        font-size: var(--font-xxl);
    }

    .text-count {
        font-size: 40px;
    }
}

@media (max-width: 1199px) {
    .text-bf-count {
        margin-top: 30px;
        font-size: var(--font-xl);
    }

    .text-time {
        font-size: var(--font-xxs);
        margin-top: -6px;
    }

 
}

@media (max-width: 991px) {
    .text-bf-count {
        text-align: center;
    }

    .text-count {
        font-size: 38px;
    }

    .text-time {
        font-size: var(--font-xs);
    }

    .box-timer {
        margin-top: 10px;
    }

    ul.box-timer {
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .box-timer {
        gap: 16px;
    }

    .card-count-timer {
        padding: 30px 20px;
    }

    .text-bf-count {
        margin-top: 0;
    }
}
@media (max-width: 590px) {
    .text-count {
        font-size: 28px;
        top: 17px;
    }
    .list-timer{
        width: 100px;
        height: 100px;
    }
    .text-time{
        margin-top: 5px;
    }

}
@media (max-width: 515px) {
    .text-count {
        top: 17px;
    }
    .text-time {
        font-size: var(--font-xxxs);
        margin-top: 5px;
    }
}

@media (max-width: 499px) {
    .list-timer {
        width: 80px;
        height: 80px;
    }
    .text-count {
        font-size: 21px;
        top: 13px;
    }
  
    .box-timer {
        gap: 10px;
    }
}




@media (max-width: 385px) {
    .text-count {
        font-size: 23px;
    }

    .text-time {
        font-size: 12px;
    }
}

/* 
------ Booking Section ----- 
*/

.box-btn-booking {
    text-align: right;
    margin-top: 75px;
}

@media (max-width: 1199px) {
    .booking-text.big-paragrap-4 {
        font-size: 26px;
    }

    .box-btn-booking {
        margin-top: 67px;
    }
}

@media (max-width: 991px) {
    .limit-guess {
        text-align: center;
    }

    .box-btn-booking {
        text-align: center;
        margin-top: 25px;
    }
}

@media (max-width: 767px) {
    .limit-guess.big-paragrap-2 {
        font-size: var(--font-xl);
        margin-top: 10px;
    }
}


@media (max-width: 575px) {
    .limit-guess.big-paragrap-2 {
        font-size: var(--font-lg);
    }
}



/* 
------ Conatct Section ----- 
*/

.icon-contact {
    width: 40px;
}

.icon-contact-2 {
    width: 45px;
}

.icon-contact-3 {
    width: 40px;
    margin-top: -5px;
    margin-right: 15px;
}

@media (max-width: 991px) {
    .icon-contact-2 {
        margin-top: 10px;
    }
}

@media (max-width: 425px) {
    .icon-contact-2 {
        margin-right: 11px;
    }
}


/* 
------ Img Element----- 
*/

.img-explo-2 {
    width: 100%;
    margin-left: 300px;
    margin-top: 200px;
}

@media (max-width: 1645px) {
    .img-explo-2 {
        margin-left: 200px;
    }
}

@media (max-width: 1399px) {
    .img-explo-2 {
        margin-left: 100px;
    }
}

@media (max-width: 1199px) {
    .img-explo-2 {
        margin-left: 0px !important;
        margin-top: 410px;
    }
}

@media (max-width: 767px) {
    .img-explo-2 {
        display: none;
    }
}