@font-face { font-family:MV_Waheed; src:url(/storage/fonts/MV_Waheed.otf) }
@font-face { font-family:EasaFulhaaBold; src:url(/storage/fonts/EasaFulhaa-Bold.ttf) }
@font-face { font-family:EasaSurukheeBold; src:url(/storage/fonts/EasaSurukhee-Bold-0723.ttf) }
@font-face { font-family:EasaGlanMedium; src:url(/storage/fonts/EasaGalanMedium-Regular-0723.ttf) }
@font-face { font-family:EasaBoduhiyaniBold; src:url(/storage/fonts/EasaBoduhiyaniBold-Regular-0723.ttf) }
@font-face { font-family:EasaManzaruAkuruRegular; src:url(/storage/fonts/EasaManzaruAkuru-Regular-0723.ttf) }
@font-face { font-family:MV_Faseyha; src:url(/storage/fonts/MV_Faseyha.otf) }
@font-face { font-family:MVWaheedSmooth; src:url(/storage/fonts/MVWaheedSmooth.otf) }
@font-face { font-family:motarudhigu; src:url(/storage/fonts/motarudhigu-regular.woff) }
@font-face { font-family:iyyu_formal; src:url(/storage/fonts/mv_iyyu_formal.otf) }
@font-face { font-family:mvtyper; src:url(/storage/fonts/mvtyper.ttf) }

@font-face {
    font-family: 'DD';
    font-style: normal;
    font-weight: 700;
    src: local('DD'), url('/storage/fonts/digital-dismay.regular.otf') format('woff');
}

.timefont {
    font-family: 'DD';
}

.wrapper {
    background: rgba(179, 179, 179, 0.322);
    backdrop-filter: blur(3px);
}
.wrapper-medium {
    background: rgba(255, 255, 255, 0.658);
    backdrop-filter: blur(3px);
    overflow: hidden;
}
.wrapper-light {
    background: rgba(255, 255, 255, 0.897);
    backdrop-filter: blur(3px);
    overflow: hidden;
}

.bg-wrap {
    background-image: url('/storage/images/background/wrap.png');
    background-size:100% 100%;
    background-repeat: no-repeat;
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.rtl {
    direction:rtl;
}
.ltr {
    direction:ltr;
}
.faseyha {
    direction:rtl;
    font-family:mvtyper;
}
.waheed {
    direction:rtl;
    font-family:MV_Waheed;
}
.easafulhaa {
    direction:rtl;
    font-family:EasaFulhaaBold;
}

.easaGlanMedium {
    direction:rtl;
    font-family:EasaGlanMedium;
}
.easaSurukheeBold {
    direction:rtl;
    font-family:EasaSurukheeBold;
}
.easaBoduhiyaniBold {
    direction:rtl;
    font-family:EasaBoduhiyaniBold;
}
.easamanzaru {
    direction:rtl;
    font-family:EasaManzaruAkuruRegular;
}

.waheed-smooth {
    direction:rtl;
    font-family:MVWaheedSmooth;
}
.englishfont {
    font-family:
    Nunito,
  }
.thaanaKeyboardInput, .thaana-keyboard {
    direction: rtl;
    font-family:MV_Faseyha;
}
.from-teal-300 {
    --tw-gradient-from: #000da0;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
}
.to-teal-600 {
    --tw-gradient-to: #1F2248;
}
/* bg-gradient-to-r from-teal-300 to-teal-600 */
.no-select {
    user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.bg-image-sunset {
    background-image:url('/storage/images/background/oldwall.jpg');
    background-size: 100% 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.bg-admin {
    background-color: #FAEEFA;
}
.bg-main {
    background-color: #3FEEE6;
}
.bg-image-back {
    background-color: #00503c;
}

.bg-image-one {
    background-image:url('/storage/images/background/beach.jpg');
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.bg-image-feyli {
    background-image:url('/storage/images/background/feyli.jpg');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.bg-image-bluefeyli {
    background-image:url('/storage/images/background/bluefeyli.png');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.bg-image-leader {
    background-image:url('/storage/images/background/leader.jpg');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.bg-image-leadertwo {
    background-image:url('/storage/images/background/leadertwo.jpg');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.bg-image-kunaasmall {
    background-image:url('/storage/images/background/kunaasmall.jpg');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.bg-image-wallsmall {
    background-image:url('/storage/images/background/wallsmall.jpg');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.bg-image-wall {
    background-image:url('/storage/images/background/wall.jpg');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.grid-cols-13 {
    grid-template-columns: repeat(13, minmax(0, 1fr));
}
.text-shadow-white {
    text-shadow: 2px 2px 10px #d4e443;
}
.text-shadow-md {
    text-shadow: 0 0 3px #b2be00, 0 0 5px #004706;
}
.text-shadow-lg {
    text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;
}
.text-shadow {
    text-shadow: 2px 2px 10px #000000;
}
.box-shadow {
    box-shadow: 2px 4px 5px 5px rgba(0, 0, 0, 0.3), 0 6px 20px 0px rgba(0, 0, 0, 0.3);
}
.box-shadow-white {
    box-shadow: 2px 4px 5px 5px rgba(255, 255, 255, 0.589), 0 6px 20px 0px rgba(255, 255, 255, 0.651);
}
.bg-brown {
    --bg-opacity: 1;
    background-color: rgba(255, 232, 189, 0.61);;
}

.border-brown {
    border-color: #613f00;
}

.bg-teal-50 {
    --bg-opacity: 1;
    background-color: #edfafa;
    background-color: rgba(237, 250, 250, var(--bg-opacity));
}

.bg-teal-100 {
    --bg-opacity: 1;
    background-color: #d5f5f6;
    background-color: rgba(213, 245, 246, var(--bg-opacity));
}

.bg-teal-200 {
    --bg-opacity: 1;
    background-color: #afecef;
    background-color: rgba(175, 236, 239, var(--bg-opacity));
}

.bg-teal-300 {
    --bg-opacity: 1;
    background-color: #7edce2;
    background-color: rgba(126, 220, 226, var(--bg-opacity));
}

.bg-teal-400 {
    --bg-opacity: 1;
    background-color: #16bdca;
    background-color: rgba(22, 189, 202, var(--bg-opacity));
}

.bg-teal-500 {
    --bg-opacity: 1;
    background-color: #0694a2;
    background-color: rgba(6, 148, 162, var(--bg-opacity));
}

.bg-teal-600 {
    --bg-opacity: 1;
    background-color: #047481;
    background-color: rgba(4, 116, 129, var(--bg-opacity));
}

.bg-teal-700 {
    --bg-opacity: 1;
    background-color: #036672;
    background-color: rgba(3, 102, 114, var(--bg-opacity));
}

.bg-teal-800 {
    --bg-opacity: 1;
    background-color: #05505c;
    background-color: rgba(5, 80, 92, var(--bg-opacity));
}

.bg-teal-900 {
    --bg-opacity: 1;
    background-color: #014451;
    background-color: rgba(1, 68, 81, var(--bg-opacity));
}

.hover\:bg-teal-50:hover {
    --bg-opacity: 1;
    background-color: #edfafa;
    background-color: rgba(237, 250, 250, var(--bg-opacity));
}

.hover\:bg-teal-100:hover {
    --bg-opacity: 1;
    background-color: #d5f5f6;
    background-color: rgba(213, 245, 246, var(--bg-opacity));
}

.hover\:bg-teal-200:hover {
    --bg-opacity: 1;
    background-color: #afecef;
    background-color: rgba(175, 236, 239, var(--bg-opacity));
}

.hover\:bg-teal-300:hover {
    --bg-opacity: 1;
    background-color: #7edce2;
    background-color: rgba(126, 220, 226, var(--bg-opacity));
}

.hover\:bg-teal-400:hover {
    --bg-opacity: 1;
    background-color: #16bdca;
    background-color: rgba(22, 189, 202, var(--bg-opacity));
}

.hover\:bg-teal-500:hover {
    --bg-opacity: 1;
    background-color: #0694a2;
    background-color: rgba(6, 148, 162, var(--bg-opacity));
}

.hover\:bg-teal-600:hover {
    --bg-opacity: 1;
    background-color: #047481;
    background-color: rgba(4, 116, 129, var(--bg-opacity));
}

.hover\:bg-teal-700:hover {
    --bg-opacity: 1;
    background-color: #036672;
    background-color: rgba(3, 102, 114, var(--bg-opacity));
}

.hover\:bg-teal-800:hover {
    --bg-opacity: 1;
    background-color: #05505c;
    background-color: rgba(5, 80, 92, var(--bg-opacity));
}

.hover\:bg-teal-900:hover {
    --bg-opacity: 1;
    background-color: #014451;
    background-color: rgba(1, 68, 81, var(--bg-opacity));
}

@media (min-width: 768px) 
{
.md\:grid-cols-13 {
    grid-template-columns: repeat(13, minmax(0, 1fr));
}
.md\:box-shadow-none {
    box-shadow: none;
}
}
/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
 .la-line-scale-pulse-out,
 .la-line-scale-pulse-out > div {
     position: relative;
     -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
             box-sizing: border-box;
 }
 .la-line-scale-pulse-out {
     display: block;
     font-size: 0;
     color: #fff;
 }
 .la-line-scale-pulse-out.la-dark {
     color: #333;
 }
 .la-line-scale-pulse-out > div {
     display: inline-block;
     float: none;
     background-color: currentColor;
     border: 0 solid currentColor;
 }
 .la-line-scale-pulse-out {
     width: 40px;
     height: 32px;
 }
 .la-line-scale-pulse-out > div {
     width: 4px;
     height: 32px;
     margin: 2px;
     margin-top: 0;
     margin-bottom: 0;
     border-radius: 0;
     -webkit-animation: line-scale-pulse-out .9s infinite cubic-bezier(.85, .25, .37, .85);
        -moz-animation: line-scale-pulse-out .9s infinite cubic-bezier(.85, .25, .37, .85);
          -o-animation: line-scale-pulse-out .9s infinite cubic-bezier(.85, .25, .37, .85);
             animation: line-scale-pulse-out .9s infinite cubic-bezier(.85, .25, .37, .85);
 }
 .la-line-scale-pulse-out > div:nth-child(3) {
     -webkit-animation-delay: -.9s;
        -moz-animation-delay: -.9s;
          -o-animation-delay: -.9s;
             animation-delay: -.9s;
 }
 .la-line-scale-pulse-out > div:nth-child(2),
 .la-line-scale-pulse-out > div:nth-child(4) {
     -webkit-animation-delay: -.7s;
        -moz-animation-delay: -.7s;
          -o-animation-delay: -.7s;
             animation-delay: -.7s;
 }
 .la-line-scale-pulse-out > div:nth-child(1),
 .la-line-scale-pulse-out > div:nth-child(5) {
     -webkit-animation-delay: -.5s;
        -moz-animation-delay: -.5s;
          -o-animation-delay: -.5s;
             animation-delay: -.5s;
 }
 .la-line-scale-pulse-out.la-sm {
     width: 20px;
     height: 16px;
 }
 .la-line-scale-pulse-out.la-sm > div {
     width: 2px;
     height: 16px;
     margin: 1px;
     margin-top: 0;
     margin-bottom: 0;
 }
 .la-line-scale-pulse-out.la-2x {
     width: 80px;
     height: 64px;
 }
 .la-line-scale-pulse-out.la-2x > div {
     width: 8px;
     height: 64px;
     margin: 4px;
     margin-top: 0;
     margin-bottom: 0;
 }
 .la-line-scale-pulse-out.la-3x {
     width: 120px;
     height: 96px;
 }
 .la-line-scale-pulse-out.la-3x > div {
     width: 12px;
     height: 96px;
     margin: 6px;
     margin-top: 0;
     margin-bottom: 0;
 }
 /*
  * Animation
  */
 @-webkit-keyframes line-scale-pulse-out {
     0% {
         -webkit-transform: scaley(1);
                 transform: scaley(1);
     }
     50% {
         -webkit-transform: scaley(.3);
                 transform: scaley(.3);
     }
     100% {
         -webkit-transform: scaley(1);
                 transform: scaley(1);
     }
 }
 @-moz-keyframes line-scale-pulse-out {
     0% {
         -moz-transform: scaley(1);
              transform: scaley(1);
     }
     50% {
         -moz-transform: scaley(.3);
              transform: scaley(.3);
     }
     100% {
         -moz-transform: scaley(1);
              transform: scaley(1);
     }
 }
 @-o-keyframes line-scale-pulse-out {
     0% {
         -o-transform: scaley(1);
            transform: scaley(1);
     }
     50% {
         -o-transform: scaley(.3);
            transform: scaley(.3);
     }
     100% {
         -o-transform: scaley(1);
            transform: scaley(1);
     }
 }
 @keyframes line-scale-pulse-out {
     0% {
         -webkit-transform: scaley(1);
            -moz-transform: scaley(1);
              -o-transform: scaley(1);
                 transform: scaley(1);
     }
     50% {
         -webkit-transform: scaley(.3);
            -moz-transform: scaley(.3);
              -o-transform: scaley(.3);
                 transform: scaley(.3);
     }
     100% {
         -webkit-transform: scaley(1);
            -moz-transform: scaley(1);
              -o-transform: scaley(1);
                 transform: scaley(1);
     }
 }

.banner {
    width: 25000px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    transform: translate3d(0,0,0);
    animation: platformsSlideshow 180s linear infinite;
    padding: 0 40px;
    box-sizing: border-box;
}
.banner-inner {
    overflow: hidden;
    height: 150px;
    position: relative;
    transform: translate3d(0,0,0);
    z-index: 1;
}

.banner-item {
    display: inline-flex;
    justify-content: center;
}
.banner:before {
    left: 0;
}
.banner:after, .banner:before {
    position: absolute;
    content: "";
    top: 0;
    width: 20px;
    height: 100%;
    z-index: 1;
    background: 0 0;
}
@keyframes platformsSlideshow {
    0% {
        transform: translateX(-19000px);
    }
    100% {
        transform: translateX(0);
    }
}