@media (max-width: 900px) {
    #burger {
        box-sizing: initial;
        display: block;
        width: 1rem;
        color: rgb(86, 57, 154);
        cursor: pointer;
        margin-bottom: 0.5em;
        padding-right: 10px;
    }

    #burger:focus {
        border: none;
        outline: none;
    }
.dec-video{display: none;}
.mob-video{display: block;}


    nav {
        position: fixed;
        /* MUST be fixed */
        inset: 0;
        /* top:0; left:0; right:0; bottom:0 */
        width: 100%;
        height: 100vh;
        background: #ffffff;
        display: flex;
        justify-content: center;
        align-items: center;
        clip-path: circle(0% at 100% 0);
        transition: 0.4s ease-in-out;
        z-index: 999;
        top: 4em;
        right: 0;
        padding-bottom: 120px;

    }

    nav.show {
        clip-path: circle(200% at 100% 0);
        transition-duration: 300ms;
    }

    nav ul {
        list-style: none;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        margin: 0;
        /* REMOVE default margin */
        padding: 0;
        /* REMOVE default padding */

        gap: 30px;
    }


    nav ul li {
        padding: 0;
        text-align: center;
        font-size: 15px;
    }

    .logo {
        margin-left: 7px;
    }

    .logo img {
        width: 50%;
    }

    nav ul li::after {
        display: none;
    }

    nav ul li:not(:last-child)::after {
        content: "|";
    }

}




@media only screen and (min-width: 1001px) and (max-width:1100px) {

    .logo {
        margin-left: 0px;
    }

    .logo img {
        width: 200px;
    }

    nav ul {
        font-size: 13px;
        margin-right: 0px;
        gap: 18px;
        margin-bottom: 18px;
    }
    .about-top-text {
 
    font-size: 15px;
}
.about-bottom-text {
  
    font-size: 15px;
}
.about-content h2 {
    font-size: 20px;
}
.why-content h2 {
    font-size: 20px;
}
.vertical-line {
    width: 3px;
    height: 55px;
    background: #f97316;
}
.why-description {
  
} 
.why-list li {
  
}

    .who-section {
        width: 100%;
        padding: 100px 57px;
        background: #fff;
    }

    .pillars-section {
        width: 100%;
        background: #ffffff;
        padding: 30px 35px;
        position: relative;
        z-index: 5;
    }

    .agenda-action {
        position: absolute;
        right: 20px;
        top: 118px;
    }
    .problem-row {
    gap: 15px;
}

    .agenda-wrapper {
        position: relative;
        z-index: 3;
        max-width: 1000px;
        margin: auto;
        padding: 0 73px;
    }

    .site-footer {
        background: #1d2556;
        color: #ffffff;
        padding: 80px 49px 40px;
        font-size: 15px;
    }

    .pillars-heading {
        display: flex;
        align-items: flex-start;
        gap: 20px;
        margin-bottom: 30px;
    }
    .pillar-item p {
   
    }
    .agenda-card p {
    font-size: 16px;
   }
}

@media only screen and (min-width: 1101px) and (max-width:1200px) {

    .logo {
        margin-left: 0px !important;
    }

    .logo img {
        width: 200px;
    }

    nav ul {
        font-size: 14px;
        margin-right: 0px;
    }

    
}

@media only screen and (min-width: 1201px) and (max-width:1300px) {

    .logo {
        margin-left: 0px !important;
    }

    .logo img {
        width: 200px;
    }

    nav ul {
        font-size: 14px;
        margin-right: 0px;
    }

    .who-section {
        width: 100%;
        padding: 100px 57px;
        background: #fff;
    }


    .site-footer {
        background: #1d2556;
        color: #ffffff;
        padding: 80px 49px 40px;
        font-size: 15px;
    }

    .pillars-heading {
        display: flex;
        align-items: flex-start;
        gap: 20px;
        margin-bottom: 30px;
    }

}

@media only screen and (min-width: 1301px) and (max-width:1500px) {

    nav ul {
    list-style: none;
    display: flex;
    gap: 16px;
    font-size: 14px;
    }

        .about-top-text {
        font-size: 14px;
        }
            
                .about-bottom-text {
        font-size: 14px;
                }
                     
    .why-section {
    padding: 75px 0px;
    }
        .why-description {
        font-size: 14px;
    }
        .why-list li {
        font-size: 14px;
    }
        .register-btn {
        padding: 6px 9px;
        font-size: 14px;
    }
    .problem-section {
    padding: 85px 20px;
    }
        .problem-content h2 {
        font-size: 22px;
    }
    .problem-sub {
    font-size: 14px;
  
    margin-bottom: 40px;
}
.orange-line-1 {
    width: 3px;
    height: 64px;
}
.future-left p {
    margin-left: 26px;
    font-size: 14px;
    padding-top: 5px;
  
}
.future-intro {
    font-size: 14px;
    
}
.future-list li {
    margin-bottom: 12px;
    color: #1f2a44;
    font-size: 14px;
}
.who-title {
    margin-bottom: 50px;
}
.number {
    font-size: 60px;
    top: -20px;

}
.who-item h4 {
    margin-top: 40px;
    font-size: 16px;
    color: #272a5b;
}
.who-item p {
    font-size: 14px;
}
.pillars-heading {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 25px;
}
.pillars-accent {
    width: 4px;
    height: 60px;
}
.pillar-item h4 {
    font-size: 16px;
}
.pillar-item p {
    font-size: 14px;
}
.agenda-description {
    font-size: 11px;
}
.agenda-description {
    font-size: 11px;
}
.agenda-button:hover {
    background: #ea580c;
    font-size: 15px;
    padding: 8px 16px;
}
.agenda-card p {
    font-size: 14px;
    
}
     
    .speakers-description {
    font-size: 14px;
    
    color: #6b7280;
    margin: 0px auto 38px auto;
    }
    .speakers-button:hover {
    background: #ea580c;
    font-size: 16px;
        padding: 8px 16px;
}
.contact-row{
    font-size: 14px;
}
.footer-association h4 {
    margin-bottom: 30px;
    font-size: 16px;
}
.footer-links a {
    color: #ffffff;
    text-decoration: none;
    margin: 0 8px;
    font-size: 14px;
}
    .footer-bottom {
        font-size: 14px;
    }
    .footer-social a {
    width: 30px;
    height: 30px;
    }
    .future-card {
    width: 80%;
    /* max-width: 1200px; */
    margin: -50px auto 0px auto;
    }

}
@media only screen and (min-width: 901px) and (max-width:1000px) {

    .logo {
        margin-left: 0px;
    }

    .logo img {
        width: 150px;
    }

    nav ul {
        font-size: 12px;
        margin-right: 0px;
    }

    .who-section {
        width: 100%;
        padding: 100px 57px;
        background: #fff;
    }

    .pillars-section {
        width: 100%;
        background: #ffffff;
        padding: 30px 35px;
        position: relative;
        z-index: 5;
    }

    .agenda-action {
        position: absolute;
        right: 20px;
        top: 118px;
    }

 
}









@media (max-width: 768px) {

    .about-section {
        padding: 60px 0px;
    }

    .about-container {
        flex-direction: column;
        gap: 35px;
    }

    /* Image */
    .about-image {
        width: 100%;
    }

    .about-image img {
        width: 100%;
        height: auto;
        border-radius: 0px;
    }

    /* Content */
    .about-content {
        width: 100%;
    }

    .about-top-text {
        font-size: 14px;
        line-height: 1.8;
        margin-bottom: 25px;
    }

    .orange-line {
        width: 70px;
        height: 3px;
        margin: 20px 0 25px 0;
    }

    .about-content h2 {
        font-size: 26px;
        line-height: 1.35;
        margin-bottom: 18px;
    }

    .about-bottom-text {
        font-size: 14px;
        line-height: 1.8;
    }
}

@media (max-width: 900px) {
    .about-container {
        flex-direction: column;
        text-align: center;
    }

    .orange-line {
        margin: 25px auto;
        width: 200px;
    }

    .about-image {
        width: 100%;
    }

    .about-content {
        flex: 1;
        width: 100%;
    }
}











@media (max-width: 900px) {

    .why-container {
        flex-direction: column;
        gap: 50px;
    }

    .vertical-line {
        height: 60px;
    }

    .why-content h2 {
        font-size: 28px;
    }

    .why-description {
        font-size: 14px;
    }

    .why-content h4 {
        font-size: 18px;
    }

    .why-list li {
        font-size: 14px;
    }

    .register-btn {
        padding: 12px 22px;
    }
}



@media (max-width: 1000px) {

    .problem-row {
        flex-wrap: wrap;
        gap: 50px;
        justify-content: center;
    }

    .divider {
        display: none;
    }

    .problem-item {
        flex: 45%;
    }

}

@media (max-width: 600px) {

    .problem-content h2 {
        font-size: 28px;
    }

    .problem-item {
        flex: 100%;
    }
}








@media (max-width: 1000px) {

    .future-card {
        flex-direction: column;
        padding: 50px;
        margin-top: -80px;
    }

    .who-grid {
        flex-wrap: wrap;
        gap: 50px;
    }

    .who-item {
        flex: 45%;
    }

    .who-section {
        width: 100%;
        padding: 100px 65px;
    }
}

@media (max-width: 600px) {

    .future-card {
        padding: 40px 25px;
        margin-top: -60px;
    }

    .future-left h2 {
        font-size: 20px;
    }

    .who-title h2 {
        font-size: 26px;
    }

    .who-item {
        flex: 100%;
    }

    .who-section {
        width: 100%;
        padding: 100px 25px;
    }

    .who-section {
        width: 100%;
        padding: 65px 25px;
    }
}



@media (max-width: 1000px) {

    .pillars-container {
        flex-direction: column;
        gap: 60px;
    }

    .pillars-grid {
        grid-template-columns: 1fr 1fr;
    }

    .pillars-image img {
        bottom: 0px;
    }

    .pillars-section {
        padding: 30px 70px;
    }
}



@media (max-width: 600px) {

    .pillars-heading h2 {
        font-size: 20px;
    }

    .pillars-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .pillars-section {
        padding: 30px 25px;
    }

}








@media (max-width: 768px) {

    .speakers-title-row {
        flex-direction: row;
        align-items: flex-start;
        gap: 15px;
    }

    .speakers-accent-bar {
        height: 70px;
    }

    .speakers-title-row h2 {
        font-size: 28px;
    }

    .speakers-description {
        font-size: 15px;
    }

    .speakers-highlight {
        padding: 80px 20px;
    }
}








@media (max-width: 1000px) {

    .agenda-action {
        position: static;
        margin-top: 30px;
    }

    .agenda-cards {
        flex-direction: column;
        gap: 40px;
    }

    .agenda-wrapper {
        padding: 0 83px;
    }

    .agenda-button {
        display: inline;
    }

}

@media (max-width: 600px) {

    .agenda-header h2 {
        font-size: 20px;
    }

    .agenda-accent {
        height: 60px;
    }

    .agenda-card {
        padding: 25px;
    }

    .agenda-wrapper {
        padding: 0 0px;
        margin-top: -55px;
    }

}




@media (max-width: 900px) {

    .footer-main {
        flex-direction: column;
        gap: 50px;
    }

    .association-row {
        display: flex;
        align-items: center;
        gap: 25px;
        /* flex-direction: column; */
    }

    .site-footer {
        padding: 80px 60px 40px;
        font-size: 15px;
    }

    .association-divider {
        display: none;
    }

    .footer-bottom {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }
}

@media (max-width:600px) {
    .site-footer {
        padding: 80px 16px 40px;
        font-size: 14px;
    }
}

@media only screen and (min-width: 0px) and (max-width:500px) {

        .about-top-text {
        font-size: 12px;
        }
            .about-content h2 {
        font-size: 20px;
            }
                .about-bottom-text {
        font-size: 12px;
                }
                    .why-content h2 {
        font-size: 20px;
    }
    .why-section {
    padding: 75px 0px;
    }
        .why-description {
        font-size: 12px;
    }
        .why-list li {
        font-size: 12px;
    }
        .register-btn {
      padding: 12px 10px;
    font-size: 11px;
    }
    .problem-section {
    padding: 85px 20px;
    }
        .problem-content h2 {
        font-size: 22px;
    }
    .problem-sub {
    font-size: 12px;
  
    margin-bottom: 40px;
}
.orange-line-1 {
    width: 3px;
    height: 64px;
}
.future-left p {
    margin-left: 26px;
    font-size: 12px;
    padding-top: 5px;
  
}
.future-intro {
    font-size: 14px;
    
}
.future-list li {
    margin-bottom: 12px;
    color: #1f2a44;
    font-size: 12px;
}
.who-title {
    margin-bottom: 50px;
}
.number {
    font-size: 60px;
    top: -20px;

}
.who-item h4 {
    margin-top: 40px;
    font-size: 16px;
    color: #272a5b;
}
.who-item p {
    font-size: 12px;
}
.pillars-heading {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 25px;
}
.pillars-accent {
    width: 4px;
    height: 50px;
}
.pillar-item h4 {
    font-size: 16px;
}
.pillar-item p {
    font-size: 12px;
}
.agenda-description {
    font-size: 11px;
}
.agenda-description {
    font-size: 11px;
}
.agenda-button:hover {
    background: #ea580c;
    font-size: 13px;
    padding: 8px 16px;
}
.agenda-card p {
    font-size: 12px;
    
}
    .speakers-title-row h2 {
        font-size: 20px;
    }
    .speakers-description {
    font-size: 12px;
    
    color: #6b7280;
    margin: 0px auto 38px auto;
    }
    .speakers-button:hover {
    background: #ea580c;
    font-size: 14px;
        padding: 8px 16px;
}
.contact-row{
    font-size: 12px;
}
.footer-association h4 {
    margin-bottom: 30px;
    font-size: 14px;
}
.footer-links a {
    color: #ffffff;
    text-decoration: none;
    margin: 0 8px;
    font-size: 12px;
}
    .footer-bottom {
        font-size: 11px;
    }
    .footer-social a {
    width: 30px;
    height: 30px;
    }

}

@media only screen and (min-width: 0px) and (max-width:1000px) {

   .grid-4 {
    grid-template-columns: repeat(1, 1fr);
}
.logo-box{width: auto; height: auto;}

.grid-4 .s-col:not(:last-child)::after, .grid-2 .s-col:not(:last-child)::after{width: 0px;}

.s-col {
    text-align: center;
    position: relative;
    margin: 0 0 80px 0;
}
.logo-box1 ul li{width: 100%;}

.grid-2 {
    grid-template-columns: repeat(1, 1fr);
}
.logo-box1 ul li:nth-child(1){ border:1px solid #ccc;margin: 0 0 20px 0px; }
.logo-box1 ul li:nth-child(2){  border:1px solid #ccc; margin: 0 0 20px 0px;  }
.logo-box1 ul li:nth-child(3){  border:1px solid #ccc; margin: 0 0 20px 0px; }
.logo-box1 ul li:nth-child(4){  border:1px solid #ccc; margin: 0 0 20px 0px; }
.logo-box1 ul li:nth-child(5){  border:1px solid #ccc; margin: 0 0 20px 0px; }
.logo-box1 ul li:nth-child(6){  border:1px solid #ccc; margin: 0 0 20px 0px; }
.logo-box1 ul li:nth-child(7){  border:1px solid #ccc; margin: 0 0 20px 0px; }
.logo-box1 ul li:nth-child(8){  border:1px solid #ccc; margin: 0 0 20px 0px;  }
.logo-box1 ul li:nth-child(9){  border:1px solid #ccc; margin: 0 0 20px 0px;   }
.logo-box1 ul li:nth-child(10){ border:1px solid #ccc; margin: 0 0 20px 0px; }
.logo-box1 ul li:nth-child(11){ border:1px solid #ccc; margin: 0 0 20px 0px;  }
.logo-box1 ul li:nth-child(12){ border:1px solid #ccc; margin: 0 0 20px 0px;  }
.logo-box1 ul li:nth-child(13){ border:1px solid #ccc;  margin: 0 0 20px 0px; }
.logo-box1 ul li:nth-child(14){ border:1px solid #ccc;  margin: 0 0 20px 0px; }
.logo-box1 ul li:nth-child(15){ border:1px solid #ccc;  margin: 0 0 20px 0px; }
.logo-box1 ul li:nth-child(16){ border:1px solid #ccc; margin: 0 0 20px 0px;  }
.logo-box1 ul li:nth-child(17){ border:1px solid #ccc; margin: 0 0 20px 0px;  }
.logo-box1 ul li:nth-child(18){ border:1px solid #ccc;  margin: 0 0 20px 0px; }
.logo-box1 ul li:nth-child(19){ border:1px solid #ccc;  margin: 0 0 20px 0px; }
.logo-box1 ul li:nth-child(20){ border:1px solid #ccc; margin: 0 0 20px 0px;  }
.logo-box1 ul li:nth-child(21){ border:1px solid #ccc; margin: 0 0 20px 0px;  }
.logo-box1 ul li:nth-child(22){ border:1px solid #ccc; margin: 0 0 20px 0px;  }
.logo-box1 ul li:nth-child(23){ border:1px solid #ccc; margin: 0 0 20px 0px;  }
.logo-box1 ul li:nth-child(24){ border:1px solid #ccc; margin: 0 0 20px 0px;  }
.logo-box1 ul li:nth-child(25){ border:1px solid #ccc; margin: 0 0 20px 0px;    }
.logo-box1 ul li:nth-child(26){ border:1px solid #ccc; margin: 0 0 20px 0px;   }
.logo-box1 ul li:nth-child(27){ border:1px solid #ccc; margin: 0 0 20px 0px;   }
.logo-box1 ul li:nth-child(28){ border:1px solid #ccc;  margin: 0 0 20px 0px;  }
.logo-box1 ul li:nth-child(29){ border:1px solid #ccc;  margin: 0 0 20px 0px;  }
.logo-box1 ul li:nth-child(30){ border:1px solid #ccc;  margin: 0 0 20px 0px; }
.logo-box1 ul li:nth-child(31){ border:1px solid #ccc; margin: 0 0 20px 0px;  }
.logo-box1 ul li:nth-child(32){ border:1px solid #ccc; margin: 0 0 20px 0px;   }
.logo-box1 ul li:nth-child(33){ border:1px solid #ccc; margin: 0 0 20px 0px;  }
.logo-box1 ul li:nth-child(34){ border:1px solid #ccc; margin: 0 0 20px 0px; }
.logo-box1 ul li:nth-child(35){ border:1px solid #ccc; margin: 0 0 20px 0px; }
.logo-box1 ul li:nth-child(36){ border:1px solid #ccc; margin: 0 0 20px 0px; }
.logo-box1 ul li:nth-child(37){ border:1px solid #ccc;margin: 0 0 20px 0px;   }
.logo-box1 ul li:nth-child(38){ border:1px solid #ccc;margin: 0 0 20px 0px;   }

}