@font-face {
    font-family: 'MyWebFont';
    src: url('WebFont.eot');
    src: url('WebFont.eot?#iefix') format('embedded-opentype'), url('WebFont.woff') format('woff'), url('WebFont.ttf') format('truetype'), url('WebFont.svg#webfont') format('svg');
}

:root {
    --shafwa-color: #EDE359;
    /* define shafwa color */
    --shafwa-gradient: linear-gradient(to right, #9A8022, #D0BF43, #E6D654, #F1E95C, #D0BF43, #B09129, #9A8022);
    /* define gradient variable */
}

#imgAppBar {
    width: 50px;
    height: auto;
}

a.nav-link.active {
    color: #9A8022 !important;
}

.shafwaFont {
    font-family: 'noteworthylight', Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.shafwaFontLarge {
    font-size: 70px;
    font-weight: bold;
}

.shafwaFontSmall {
    font-size: 18px;
    font-weight: bold;
}

.shafwaColor {
    color: var(--shafwa-color) !important;
}

.shafwaGradient {
    background-image: var(--shafwa-gradient);
    /* Example linear gradient */
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}

.shafwaEdgeInsets {
    padding-left: 15px;
    padding-right: 15px;
}

.fa-instagram {
    background: #125688;
    color: white;
    font-size: 48px;
}

.fa-whatsapp {
    background: #25D366;
    color: white;
    font-size: 48px;
}

a {
    text-decoration: none !important;
}

.ratio-9x16 {
    --bs-aspect-ratio: 177.7777777778%;
}