@import url('https://v1.fontapi.ir/css/SFUIDisplay');
@import url('https://v1.fontapi.ir/css/Estedad');
@import url('https://v1.fontapi.ir/css/Farnaz');
#about-us-section h3,
#about-us-section h1,
#about-us-section h2,
#about-us-section h4,
#about-us-section h5,
#about-us-section h6,
#about-us-section p {
    color: #fcfcfc;
}

#about-us-section li {
    color: #cea847 !important;
}
.sfuid-font{
    font-family: SF UI Display, sans-serif !important;
}
.estedad-font{
    font-family: Estedad, sans-serif !important;
}
.farnaz-font{
    font-family: Farnaz, sans-serif !important;
}
.btn-gold{
    background-color: #cea847;
    color:#151515;
    padding: 2px 12px;
    border-radius: 10px;
    margin-right: 8px;
    transition: background-color ease-in 100ms;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-gold:hover{
    background-color: #e09b3e;
    color: #0b2e13;
}

.call-to {
    position: fixed;
    right: 25px;
    bottom: 25px;
    z-index: 5000;
    animation: myAnim 2s ease 0s infinite normal forwards;
}

.text-gold{
    color: #cea847 !important;
}

.font-25{
    font-size: 25px;
}
.text-black{
    color: #151515 !important;
}

.tp-loop-wrap .tp-mask-wrap{
    top: 300px !important;
}

.title-shadow {
    text-shadow: 2px 2px 6px #020202;
}

@keyframes myAnim {
    0%,
    100% {
        transform: rotate(0deg);
        transform-origin: 50% 50%;
    }

    10% {
        transform: rotate(3deg);
    }

    20%,
    40%,
    60% {
        transform: rotate(-5deg);
    }

    30%,
    50%,
    70% {
        transform: rotate(5deg);
    }

    80% {
        transform: rotate(-3deg);
    }

    90% {
        transform: rotate(3deg);
    }
}