svg.iconify.iconify--fa6-brands path {
    fill: #ffffff;
}

#progress-bar {
    transition: width 0.01s ease-in-out;
}

#dropmenue {
    transition: opacity 0.1s ease-in-out;
}

.footer.bg-primSky-200.py-20.clr-white.flex-center-both.flex-col.space-y-6.w-full.gap-6 {
    background-color: #e19527;
}

.flex.items-center.justify-center.space-x-5.space-x-reverse.gap-4 {
    max-width: -webkit-fill-available;
}

.whatsapp-ico {
    fill: white;
    width: 56px;
    height: 56px;
    padding: 3px;
    background-color: #4dc247;
    border-radius: 50%;
    z-index: 10;
}

.en.text-center.font-com.space-x-2.px-5.flex.flex-wrap.flex-center-both {
    color: black;
}

p.text-center.font-Messiri.text-xl.font-bold.text-white {
    line-height: 40px;
}

.sm\:h-14 {
    height: 5.5rem;
}

p.text-mint-950.text-3xl.font-bold.font-Messiri.relative.z-10 {
    text-align: center;
}

.font-messiri {
    font-family: 'Almarai';
}

a.hover-shadow.smooth.px-2.py-2.rounded-md {
    color: white;
    font-size: large;
    font-weight: bolder !important;
}

.footer.py-20.bg-mint-300.dark\:bg-mint-200.flex.flex-col.justify-between.gap-20.relative {
    background: #311817 !important;
}

.form-container {
    display: none;
    transition: opacity 0.3s ease;
    opacity: 0;
}

.form-container.show2 {
    display: block;
    opacity: 1;
    /* Show the form with transition */
}

.form-container {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    background: #3737377a;
    z-index: 10;
}