@font-face {
    font-family: 'Senlot Norm Italic';
    src: url('../font/Senlot/BLNCOQ+Senlot-NorMedIt.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Senlot Norm';
    src: url('../font/Senlot/YMRTYW+Senlot-NorMed.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Senlot Norm Ext Italic';
    src: url('../font/Senlot/KHXGKY+Senlot-NorExBIt.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Senlot Norm Ext';
    src: url('../font/Senlot/NAUSAS+Senlot-NorExB.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Senlot Thin Italic';
    src: url('../font/Senlot/NORPAS+Senlot-ExtThiIt.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Senlot Thin';
    src: url('../font/Senlot/DOUMQM+Senlot-ExtThi.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Almarai';
    src: url('../font/Almarai/Almarai-Bold.ttf') format('truetype'), url('https://uploads-ssl.webflow.com/60b7619c08267b5940139846/62a47f0dc48871b3b4dde917_Almarai-ExtraBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Almarai';
    src: url('../font/Almarai/Almarai-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Almarai';
    src: url('../font/Almarai/Almarai-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


body::before {
    content: "";
    background-image: url("../media/logos/bg.jpg") !important;
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Place it behind the content */
}

.scrolltop ,.scrolltop:hover {
    background-color: white;
    opacity: 1 !important;
}

.bg-logo-dark {
    background-color: #8D2E1D !important;
}

.bg-logo-light {
    background-color: #DAB88E !important;
}

.text-logo-dark {
    color: #8D2E1D !important;
}

.text-logo-light {
    color: #DAB88E !important;
}

.w--current .card {
    background-color: #ffe8c2 !important;
    color: #b38a67 !important;
}


.sticky-navigation {
    position: relative;
    top: 0;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    background-color: #d9b88e;
}

.content {
    margin-top: 0; /* Adjust as needed */
}

.rounded-1 {
    border-radius: 1.5rem !important;
}
.truncate-text {
    white-space: nowrap; /* Prevent text from wrapping */
    overflow: hidden; /* Hide any overflowing text */
    text-overflow: ellipsis; /* Show ellipsis (...) when text overflows */
    /* width: 200px; */
}

.heading::after {
    content: ' ';
    width: 35px;
    text-align: center;
    height: 9px;
    border-radius: 120px;
    background-color: white;
    left: 50%;
    transform: translate(-50%, 5px);
    position: absolute;
}