@font-face {
    font-family: 'Dubai'; /* اسم الخط */
    src: url('/Assets/Dubai-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.swiper-slide{
    height:250px !important;
}
.cardSection .descriptionCard {
    transition: opacity 1s linear;
    opacity: 0;
    height: 0;
    overflow: hidden;
    margin: 0;
    color: white !important;
    font-size: 10px;
}


.cardSection:hover .descriptionCard {
    opacity: 1;
    height: auto;
}

.swiper {
    font-family: 'Dubai', Arial, sans-serif;
}




.fontSizeIcons {
    font-size: 12px;
}

.fontSizeTitle {
    font-size: 30px !important;
}

.ConDiv {
    background-color: white;
    width: 28px;
    height: 28px;
    position: absolute;
    top: 20px;
    right: 20px;
}

.AniDiv {
    background-color: #00A79D;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 20px;
    right: 20px;
}

.cardSection:hover .ConDiv {
    background-color: #00A79D;
}

.cardSection:hover .AniDiv {
    background-color: white;
    top: 38px;
    right: 38px;
    transition: opacity 2s linear;
}

.top-bar {
    background: #F0974F;
    padding: 5px;
}

.triangles {
    height: 25px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><polygon points="50,0 100,100 0,100" fill="red"/></svg>');
    background-size: 20px 20px;
    background-repeat: repeat-x;
}