footer img {
    width: 40%;
}

h2.text-5xl {
    padding-bottom: 20px;
    margin-bottom: 10px;
}

footer p a {
    color: #ec8c33;
}

#special-features .bg-white span img {
    border-radius: 10px;
    width: 100%;
}

ul.sponsor {
    margin-left: 15px;
}

ul.sponsor li {
    margin-bottom: 10px;
}



.from-pinks-400 {
    --tw-gradient-from: #b5387e var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(74 222 128 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-pinkish-500 {
    --tw-gradient-to: #ad10b9 var(--tw-gradient-to-position);
}

@media (min-width: 768px) {
    .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}


#sponsors .grid .bg-white.rounded-3xl.p-8 {
    padding: 10px;
}

#sponsors .grid .bg-white.rounded-3xl.p-8 .mx-auto.mb-6 {
    min-height: 100px;
    max-height: 100px;
    overflow: hidden;
}

#sponsors .grid .bg-white.rounded-3xl.p-8 img {
    align-items: center;
    justify-content: center;
    text-align: center;
    /*max-width: 163px;*/

    margin-top: 10px;
}

#sponsors .grid .bg-white.rounded-3xl.p-8 h4 {
    font-size: 15px;
    line-height: 19px;
}

#sponsors .grid .bg-white.rounded-3xl.p-8.asklogos img {
    background: #b58447;
}

#sponsors .diamond .bg-white.rounded-2xl {
    padding: 10px;
}

#sponsors .diamond .rounded-xl.mx-auto {
    min-height: 80px;
    max-height: 80px;
    overflow: hidden;
}

#sponsors .diamond img {
    width: 70%;
}

#sponsors .diamond .kotaks img {
    background: #1e467a;
}


#sponsors .diamond h4 {
    font-size: 13px;
}



#sponsors .sapphire .bg-white.rounded-xl {
    padding: 2px;
}


#sponsors .sapphire .rounded-lg.mx-auto {
    min-height: 80px;
    max-height: 80px;
    overflow: hidden;
}

#sponsors .sapphire img {
    width: 90%;
}

#sponsors .sapphire h4 {
    font-size: 11px;
}

#sponsors .sapphire .abakkus img {
    background: #1e467a;
}

#sponsors .sapphire .axis img {
    background: #811897;
}


#sponsors .gold .bg-white.rounded-xl {
    padding: 2px;
}

#sponsors .gold .rounded-lg.mx-auto {
    min-height: 40px;
    max-height: 40px;
    overflow: hidden;
}

#sponsors .gold img {
    width: 90%;
}

#sponsors .gold h4 {
    font-size: 9px;
    padding-left: 3px;
    padding-right: 3px;
    line-height: 13px;
}

#about .rounded-3xl.p-10 {
    padding-left: 20px;
    padding-right: 20px;
}

#about .text-4xl {
    font-size: 30px;
}




.presidentpic
{  
    border-radius: 20px;
}












@media (max-width: 840px) {
    nav .max-w-7xl div.flex {
        justify-content: center;
        margin: 0;
        padding: 0;
    }

    #home h1 {
        line-height: 45px;
        font-size: 40px;
    }

    #home p.text-2xl.text-3xl {
        line-height: 45px;
    }

    #home .flex.flex-col {
        display: flex;
        flex-direction: row;
    }

    #home .flex.flex-col .inline-flex {
        padding: 10px;
        width: 50%;
    }

    .text-5xl {
        font-size: 35px;
    }

    h2.text-5xl {
        font-size: 30px;
        margin-bottom: 10px;
        padding: 0;
    }

    .p-12 {
        padding: 20px;
    }

    #fee-display-section .relative {
        display: block;
    }

    #fee-display-section .relative .text-right {
        text-align: left;
    }

    #fee-display-section #fee-display1 {
        font-size: 20px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #special-features h2.text-5xl {
        font-size: 23px;
        padding-bottom: 10px;
    }

    .experts.border-gray-100 .grid.md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .experts h4.text-xl {
        font-size: 18px;
    }

    .experts .text-center div.inline-block {
        padding: 10px;
    }

    #agenda h4.font-bold {
        font-size: 13px;
    }

    #agenda .text-gray-600 {
        font-size: 10px;
    }

    #agenda .text-xs.font-medium {
        font-size: 9px;
    }

    #agenda .text-orange-600.font-bold {
        font-size: 9px;
        text-align: right;
    }

    #agenda .p-8 {
        padding: 10px;
    }

    #agenda .space-y-6 .flex.justify-between {
        width: 100%;
    }

    #agenda .space-y-6 .flex.justify-between div {
        width: 75%;
    }

    #agenda .space-y-6 .flex.justify-between div.text-orange-600.font-bold {
        width: 25%;
    }

    .max-w-7xl p.text-2xl.text-gray-600 {
        font-size: 16px;
        margin-bottom: 0;
        padding-bottom: 0;
        line-height: unset;
    }

    .p-8 {
        padding: 4px;
    }

    #sponsors .md\:grid-cols-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    #sponsors .grid .bg-white.rounded-3xl.p-8 h4 {
        font-size: 11px;
        line-height: 14px;
    }

    #sponsors .grid .bg-white.rounded-3xl.p-8 .mx-auto.mb-6 {
        min-height: 50px;
        max-height: 50px;
        overflow: hidden;
    }

    #sponsors .grid .bg-white.rounded-3xl.p-8 .mx-auto.mb-6 img {
        width: 75%;
    }

    #sponsors .diamond .rounded-xl.mx-auto {
        min-height: 60px;
        max-height: 60px;
        overflow: hidden;
    }

    #sponsors .diamond h4 {
        font-size: 9px;
    }

    #sponsors .grid-cols-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    #sponsors .grid-cols-6 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
    }

    #sponsors .sapphire h4,
    #sponsors .gold h4 {
        display: none;
    }

    #sponsors .sapphire img,
    #sponsors .gold img {
        width: 70%;
    }

    #sponsors .sapphire .rounded-lg.mx-auto {
        min-height: 50px;
        max-height: 50px;
        overflow: hidden;
    }

    #sponsors .gold .rounded-lg.mx-auto {
        min-height: 30px;
        max-height: 30px;
        overflow: hidden;
    }

    #about .text-4xl {
        font-size: 22px;
    }


    /*
        #special-features .lg\:grid-cols-3 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 20px;
        }
    */

    #special-features h3 {
        font-size: 15px;
        line-height: 19px;
    }

    #special-features .inline-block {
        font-size: 14px;
        padding: 12px;
    }

    #special-features .flex.items-center .w-2.h-2 {
        display: none;
    }

    #special-features .flex.items-center .text-sm {
        font-size: 11px;
        line-height: 14px;
    }

    #special-features .max-w-7xl .grid .space-y-3 {
        min-height: 100px;
    }

    #special-features .max-w-7xl .grid .bg-white .p-4 {
        padding: 10px;
    }
    
    .mt-8.p-6 
    {
        padding-left:15px;
        padding-right:15px;
    }
    
    .mt-8.p-6  h4 
    {
        text-align:center;
    }
    button.w-full.text-xl 
    {
        font-size: 16px;
        line-height: 33px;
        padding: 10px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .pt-20 {
        padding-top: 25%;
    }
    .py-20 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    /*
        #special-features .grid > div:nth-child(3) {
            grid-column: span 2;
            justify-self: center;
        }
    */
    
    
    
    /*
    #special-features .grid {
        justify-items: start;    
    }

    #special-features .grid > div:nth-child(3) {
        grid-column: 1 / -1;        
        width: 50%;         
        margin-left: auto;
        margin-right: auto;  
    }
    
    */
    
    #president-message .mb-8
    {
        margin-bottom:  5px;
    }
    .presidentpic
    {
        margin-top: 50px;
    }
    #president-message .w-32.h-32
    {
        margin-bottom: 60px;
    }
    .registration-form .arnstats
    {
        border-right: 0; 
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        margin-right: 2px;
    }
    .registration-form #arn-number
    {
                border-left: 0px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }
    
    #special-features .w-24.h-24
    {
        width: 45%;
        height: auto;
        margin-top: 20px;
    }
    
    #special-features .flex.items-center .w-2.h-2 {
        display: flex;
    }
    #special-features .flex.items-center .text-sm {
        font-size: 17px;
        line-height: 22px;
    }
    #special-features .space-y-3 .flex.items-center
    {
        margin-left: 15%;
    }
}