.offcanvas.offcanvas-end {
    width: 100% !important;   
}
.offcanvas.offcanvas-top {
    height: 50svh;
}

a {
    text-decoration: none !important;
}

body {
    direction: rtl;
    font-family: iransans !important;
}
.lalezar{
    font-family: lalezar !important;
}

.flex-center{
    justify-content: center !important;
    align-items: center !important;
}
.bg-green{
    background: #0D3D35 !important;
}

.text-green{
    color: #0D3D35;
}


.bg-gold{
    background: #FAC682;
}

.text-gold{
    color: #FAC682;
}

.bg-red{
    background: #3A020D;
}

.text-red{
    color: #3A020D;
}
.button-gold {
    transition: 400ms;
}

.button-gold:hover {
    background: #E2A351;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    transition: 400ms;
    transform: translateY(-3px);
}

.button-green {
    transition: 400ms;

}

.button-green:hover {
    transition: 400ms;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
    transform: translateY(-3px);
}

.bgi-center{
    background-position: center !important;
}
.bgi-cover{
    background-size: cover !important;
}
.bgi-contain{
    background-size: contain !important;
    background-repeat: no-repeat !important;
}
.fw-500{
    font-weight: 500 !important;
}
.fw-600{
    font-weight: 600 !important;
}

/* scrollBar Css */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-thumb {
    /* background: linear-gradient(0deg, #0D3D35 0%, #23ab94 100%); */
    background:#0D3D35;
    border-radius: 5px;
    transition: background-color 3s ease;
}

/* Customize the scrollbar track when being hovered over */
::-webkit-scrollbar-thumb:hover {
    background:#12584c;
}


/* navbar */
.header {
    height: 65px;
    color: #048743;
    z-index: 10000 !important;
    
}

.header-items {
    padding: 0.25rem 0rem;
    transition: 300ms;
    color: #fff;
    font-weight: 500;
    font-size: 1rem;

}

.header-items:hover {
    padding: 0.25rem 1.5rem;
    /* background: #048743; */
    color: #FAC682 !important;
    border-radius: 50rem;
    transition: 300ms;
}

.header-items:focus {
    color: #FFFFFF !important;
}

.header-items.active {
    padding: 0.25rem 1.5rem;
    background: #a2d2ca81;
    font-weight: 550;
    color: #fff !important;
    border-radius: 50rem;
    transition: 300ms;
}

.menu-bar {
    background: #0d3d35d6;
    backdrop-filter: blur(10px);
}

.header-items-mobile {
    padding: 0.25rem 0rem;
    transition: 300ms;
    color: #fff;
    padding: 0.25rem 1.5rem;
    border-radius: 50rem;
    background: #fef3e411;
    font-weight: 400;

}


.header-items-mobile:hover {
    padding: 0.25rem 1.5rem;
    background: #fac682e2;
    color: #010101 !important;
    border-radius: 50rem;
    transition: 300ms;
}

.header-items-mobile:focus {
    color: #010101 !important;
}

.header-items-mobile.active {
    padding: 0.25rem 1.5rem;
    background: #fac682e2;
    color: #010101 !important;
    font-weight: 600;
    border-radius: 50rem;
    transition: 300ms;
}


/* index */
.bg-light-green {
    background: #a2d2ca81 !important;
}

.card-items {
    background: #fff;
    height: 175px;
    box-shadow: 0px 4px 11.8px rgba(0, 0, 0, 0.09);
    border-radius: 13px;
    transition: 400ms;
}

.card-items:hover {
    background: #1B5C51;
    color: #fff;
    box-shadow: 0px 9px 10px 2px rgba(0, 0, 0, 0.15);
    transition: 400ms;
}

.image-container {
    bottom: 0;
    width: 100%;
    height: auto;
}

th,
td {
    white-space: nowrap;
}

tr td {
    transition: 400ms;
}

tr:hover td {
    background: #E7E7ED !important;
    scale: 1.1;
    transition: 200ms;

}

.strip1 td {
    background: rgb(247, 247, 247) !important;
}

a {
    text-decoration: none;
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #20594f;
    --bs-btn-border-color: #20594f;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #247465;
    --bs-btn-hover-border-color: #146c43;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(15, 97, 59);
    --bs-btn-active-border-color: #13653f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #198754;
    --bs-btn-disabled-border-color: #198754;
}
.text-success-custom{
    color: #198754 !important;
}
.text-danger-custom{
    color: #dc3545 !important;
}
.form-control {
    background-color: #e5e5e5;
    transition: 400ms;
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: #e5e5e5;
    border: none;
    box-shadow: 0px 9px 10px 0rem #0000002b;
    transition: 400ms;
}

.form-control:focus-visible {
    outline: none !important;
}



.ltr {
    direction: ltr !important;
}

.swiper-button-next,
.swiper-button-prev {
    margin-top: -7rem;
    color: #0d3d35 !important;
}

.products-swiper .swiper-slide {
    opacity: 0;
    scale: 0.01;
    transition: 800ms;
}

.products-swiper .swiper-slide-active {
    opacity: 1;
    scale: 1;
    transition: 800ms;
}

.team-members-slider .swiper-slide {
    opacity: 0;
    scale: 0.5;
    transition: 1500ms;
}

.team-members-slider .swiper-slide-active {
    opacity: 1;
    scale: 1;
    transition: 1500ms;
}


.swiper-pagination-bullet {
    transition: 400ms;
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #0c5347 !important;
    width: 1.5rem !important;
    border-radius: 50rem !important;
    transition: 400ms;
}

.gallery-swiper .swiper-slide {
    scale: 0.6;
    opacity: 0.7;
    transition: 400ms;
}
.gallery-swiper .swiper-slide-active {
    scale: 1;
    opacity: 1;
    transition: 400ms;
}

.card-icons {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50%;
    padding: 0.75rem;
}

/* ==> Responsive <==  */
.smayarName {font-size: 3.5rem;}
.main-text{font-size:  calc(1rem + 0.2vw) !important;}
.titles{font-size:  calc(2rem + 0.3vw) !important;}
.header-items{font-size:    calc(1rem + 0.1vw) !important;}
.app-banner-buttton-text{font-size: calc(0.75rem + 0.1vw) !important;}
.app-banner {padding-top: calc(5rem + 10vw) ;}
.app-banner {padding-bottom: calc(4rem + 2vw) ;}
.app-img{width:calc(3rem + 15vw);}
.app-banner-title{font-size:    calc(0.75rem + 1vw) !important;}
.img-container-gallery-slider{width: calc(15rem + 20vw);}
.swiper-button-next,
.swiper-button-prev {
    scale: 0.4 !important;
}

.coin-stand { 
    width: calc(15rem + 17vw);
    height: calc(15rem + 17vw);
}


.coin-stand-card{
    filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.3));
    border-radius: calc(0.2rem + 1vw);
    width: calc(10rem + 13vw);
}
.ellipse-bg{
    background-size:  calc(3rem + 75vw) !important; 
    background-position: center calc(12rem - 4vw) !important;
}



/* Iphone SE*/
@media (min-width: 375px) {
    .smayarName {font-size: 4rem;}
}


/* sm */
@media (min-width: 576px) {
}

/* md */
@media (min-width: 768px) {
    .count-up-card{
        position: absolute;
        width: 60%;
        margin-top: -3rem;
    }
    .swiper-button-next,
    .swiper-button-prev {
        scale: 0.6 !important;
    }
}

   /* lg */
@media (min-width: 992px) {

}

/* xl */
@media (min-width: 1200px) {
    .smayarName {font-size: 5rem;}
    .app-img{width: calc(8rem + 10vw);}
    .swiper-button-next,
    .swiper-button-prev {
        scale: 0.7 !important;
    }
}

/* xxl */
@media (min-width: 1400px) {
    .smayarName {font-size: 5rem;}
    .app-img{width: calc(15rem);}
}


/* ==**animations**== */
@keyframes hoverUpDown {
    0%, 100% {
        transform: translateY(20px);
    }
    50% {
        transform: translateY(-20px); /* Adjust this value to control the distance of the movement */
    }
}

.zarbod-hero {
    display: inline-block; /* Ensure the element can be transformed */
    animation: hoverUpDown 8s ease-in-out infinite; /* Default animation to show movement */
}

.linear-bg-green {
    background-image: linear-gradient(180deg, rgba(255, 205, 109, 0) 1.04%, rgba(13 ,96 ,82,0.5) 55.15%, rgba(255, 205, 109, 0) 105.98%);
    padding: 2px;
    animation: rotateGreen 3s infinite;
}

.job-card{
    transition: 400ms;
}

.job-card:hover{
    box-shadow:  20px 20px 60px #ccccccd4,-20px -20px 60px #f4f4f4d1;
    transition: 400ms;
}
@keyframes rotateGreen {
    0% {
        background-image: linear-gradient(180deg, rgb(255, 205, 109, 0) 1.04%, rgba(13 ,96 ,82,0.5) 55.15%, rgba(255, 205, 109, 0) 105.98%);
    }

    5% {
        background-image: linear-gradient(198deg, rgba(255, 205, 109, 0) 1.04%, rgba(13 ,96 ,82,0.5) 55.15%, rgba(255, 205, 109, 0) 105.98%);
    }

    10% {
        background-image: linear-gradient(216deg, rgba(255, 205, 109, 0) 1.04%, rgba(13 ,96 ,82,0.5) 55.15%, rgba(255, 205, 109, 0) 105.98%);
    }

    15% {
        background-image: linear-gradient(234deg, rgba(255, 205, 109, 0) 1.04%, rgba(13 ,96 ,82,0.5) 55.15%, rgba(255, 205, 109, 0) 105.98%);
    }

    20% {
        background-image: linear-gradient(252deg, rgba(255, 205, 109, 0) 1.04%, rgba(13 ,96 ,82,0.5) 55.15%, rgba(255, 205, 109, 0) 105.98%);
    }

    25% {
        background-image: linear-gradient(270deg, rgba(255, 205, 109, 0) 1.04%, rgba(13 ,96 ,82,0.5) 55.15%, rgba(255, 205, 109, 0) 105.98%);
    }

    30% {
        background-image: linear-gradient(288deg, rgba(255, 205, 109, 0) 1.04%, rgba(13 ,96 ,82,0.5) 55.15%, rgba(255, 205, 109, 0) 105.98%);
    }

    35% {
        background-image: linear-gradient(306deg, rgba(255, 205, 109, 0) 1.04%, rgba(13 ,96 ,82,0.5) 55.15%, rgba(255, 205, 109, 0) 105.98%);
    }

    40% {
        background-image: linear-gradient(324deg, rgba(255, 205, 109, 0) 1.04%, rgba(13 ,96 ,82,0.5) 55.15%, rgba(255, 205, 109, 0) 105.98%);
    }

    45% {
        background-image: linear-gradient(342deg, rgba(255, 205, 109, 0) 1.04%, rgba(13 ,96 ,82,0.5) 55.15%, rgba(255, 205, 109, 0) 105.98%);
    }

    50% {
        background-image: linear-gradient(360deg, rgba(255, 205, 109, 0) 1.04%, rgba(13 ,96 ,82,0.5) 55.15%, rgba(255, 205, 109, 0) 105.98%);
    }

    55% {
        background-image: linear-gradient(378deg, rgba(255, 205, 109, 0) 1.04%, rgba(13 ,96 ,82,0.5) 55.15%, rgba(255, 205, 109, 0) 105.98%);
    }

    60% {
        background-image: linear-gradient(396deg, rgba(255, 205, 109, 0) 1.04%, rgba(13 ,96 ,82,0.5) 55.15%, rgba(255, 205, 109, 0) 105.98%);
    }

    65% {
        background-image: linear-gradient(414deg, rgba(255, 205, 109, 0) 1.04%, rgba(13 ,96 ,82,0.5) 55.15%, rgba(255, 205, 109, 0) 105.98%);
    }

    70% {
        background-image: linear-gradient(432deg, rgba(255, 205, 109, 0) 1.04%, rgba(13 ,96 ,82,0.5) 55.15%, rgba(255, 205, 109, 0) 105.98%);
    }

    75% {
        background-image: linear-gradient(450deg, rgba(255, 205, 109, 0) 1.04%, rgba(13 ,96 ,82,0.5) 55.15%, rgba(255, 205, 109, 0) 105.98%);
    }

    80% {
        background-image: linear-gradient(468deg, rgba(255, 205, 109, 0) 1.04%, rgba(13 ,96 ,82,0.5) 55.15%, rgba(255, 205, 109, 0) 105.98%);
    }

    85% {
        background-image: linear-gradient(486deg, rgba(255, 205, 109, 0) 1.04%, rgba(13 ,96 ,82,0.5) 55.15%, rgba(255, 205, 109, 0) 105.98%);
    }

    90% {
        background-image: linear-gradient(504deg, rgba(255, 205, 109, 0) 1.04%, rgba(13 ,96 ,82,0.5) 55.15%, rgba(255, 205, 109, 0) 105.98%);
    }

    95% {
        background-image: linear-gradient(522deg, rgba(255, 205, 109, 0) 1.04%, rgba(13 ,96 ,82,0.5) 55.15%, rgba(255, 205, 109, 0) 105.98%);
    }

    100% {
        background-image: linear-gradient(540deg, rgba(255, 205, 109, 0) 1.04%, rgba(13 ,96 ,82,0.5) 55.15%, rgba(255, 205, 109, 0) 105.98%);
    }
}