@font-face {
    font-family: 'at9';
    src: url(fonts/at10.eot);
    src: url(fonts/at10.eot?#iefix) format("embedded-opentype"), url(fonts/at10.woff) format("woff"), url(fonts/at10.ttf) format("truetype")
}

@font-face {
    font-family: "BNazanin";
    src: url("fonts/BNazanin.eot?") format("eot"), url("fonts/BNazanin.woff") format("woff"), url("fonts/BNazanin.ttf") format("truetype"), url("fonts/BNazanin.svg#BNazanin") format("svg");
}

@font-face {
    font-family: "Byekan";
    src: url("fonts/BYekan.ttf") format("truetype");
}

@font-face {
    font-family: "g700";
    src: url("fonts/geometria/700.woff2") format("woff");
}

@font-face {
    font-family: "g800";
    src: url("fonts/geometria/800.woff2") format("woff");
}

@font-face {
    font-family: morbold;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("fonts/shakeri/shakeri-bold.woff2") format("woff2"), url("fonts/shakeri/shakeri-bold.woff") format("woff"), url("fonts/shakeri/shakeri-bold.eot?#iefix") format("embedded-opentype"), url("fonts/shakeri/shakeri-bold.ttf") format("truetype")
}

@font-face {
    font-family: shakeriBold;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("fonts/peyda/PeydaWeb-Bold.woff2") format("woff2"), url("fonts/peyda/PeydaWeb-Bold.woff") format("woff"), url("fonts/peyda/Peyda-Bold.ttf") format("truetype")
}

@font-face {
    font-family: morRegular;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("fonts/shakeri/shakeri-regular.woff2") format("woff2"), url("fonts/shakeri/shakeri-regular.woff") format("woff"), url("fonts/shakeri/shakeri-regular.eot?#iefix") format("embedded-opentype"), url("fonts/shakeri/shakeri-regular.ttf") format("truetype")
}

@font-face {
    font-family: shakeriRegular;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("fonts/peyda/PeydaWeb-Regular.woff2") format("woff2"), url("fonts/peyda/PeydaWeb-Regular.woff") format("woff"), url("fonts/peyda/Peyda-Regular.ttf") format("truetype")
}

@font-face {
    font-family: morBlack;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("fonts/shakeri/shakeri-black.woff2") format("woff2"), url("fonts/shakeri/shakeri-black.woff") format("woff"), url("fonts/shakeri/shakeri-black.eot?#iefix") format("embedded-opentype"), url("fonts/shakeri/shakeri-black.ttf") format("truetype")
}

@font-face {
    font-family: shakeriBlack;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("fonts/peyda/PeydaWeb-Black.woff2") format("woff2"), url("fonts/peyda/PeydaWeb-Black.woff") format("woff"), url("fonts/peyda/Peyda-Black.ttf") format("truetype")
}

@font-face {
    font-family: shakeriExtraBold;
    font-style: normal;
    font-display: swap;
    src: url("fonts/peyda/PeydaWeb-ExtraBold.woff2") format("woff2"), url("fonts/peyda/PeydaWeb-ExtraBold.woff") format("woff"), url("fonts/peyda/Peyda-ExtraBold.ttf") format("truetype")
}


body {
    margin: 0 !important;
    padding: 0 !important;
    font-family: at9;
    font-size: 1rem;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow-x: hidden;
}

a {
    text-decoration: none;
}

img {
    border-radius: 0 !important;
}

.fs-6rem {
    font-size: 0.6rem;
}

.fs-7rem {
    font-size: 0.7rem;
}

.fs-8rem {
    font-size: 0.8rem;
}

.fs-9rem {
    font-size: 0.9rem;
}

.rtl {
    direction: rtl !important;
    text-align: right !important;
}

.ltr {
    direction: ltr !important;
}

.text-special {
    color: #fe696a;
}

.nomargin {
    margin: 0;
}

.bottom-left {
    position: absolute;
    bottom: 8px;
    left: 16px;
}

/* Top left text */
.top-left {
    position: absolute;
    top: 8px;
    left: 16px;
}

/* Top right text */
.top-right {
    position: absolute;
    top: 8px;
    right: 16px;
}

.top {
    position: absolute;
    top: 8px;
    right: 44%;
}

/* Bottom right text */
.bottom-right {
    position: absolute;
    bottom: 8px;
    right: 16px;
}

/* Centered text */
.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.justify {
    text-align: justify;
}

.mybgdark {
    background-color: #373f50;
}

.position-icon {
    position: relative;
    top: 3px;
    right: 2px;
}


.one-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.three-lines {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* تعداد خطوط مجاز */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.position-iconinsta {
    position: relative;
    top: 3px;
    right: 2px;
}

#dailyNoteDiv {
    height: 5vh;
}

.tenniscolor {
    color: #df6436;
}

.tenniscolorBg {
    background-color: #df6436;
}

.tennisBorderColor {
    border-color: #df6436;
}

.tennisLink {
    border-color: black !important;
    margin-top: 0.1rem;
}

.tennisLink1 {
    border-color: white !important;
    margin-top: 0.1rem;
    color: white;
}

.margin-for-pages {
    /*margin-top: 4.8rem;*/
}

.login-mobile-icon {
    position: relative;
    top: 10px;
    left: 10px;
}

#verifybox {
    display: none;
}

#sendcodeagain {
    cursor: pointer;
}

.tennisLink:hover {
    color: #df6436;
    border-color: #df6436 !important;
    transition: all 0.2s linear;
    padding-left: 0.7rem;
}

.tennisLink1:hover {
    color: #df6436;
    border-color: #df6436 !important;
    transition: all 0.2s linear;
    padding-left: 1rem;
}

.seemore {
    width: 200px;
    height: 100%;
    border: 5px solid #df6436;
}

.seemore1 {
    width: 200px;
    height: 100%;
    border: 5px solid #df6436;
}

.seemore2 {
    width: 200px;
    height: 100%;
    border: 5px solid #df6436;
}

.seemore a {
    top: 45%;
}

.seemore1 a {
    top: 45%;
}

.seemore2 a {
    top: 45%;
}

.welcomeTennisLink {
    border-color: #000000 !important;
    margin-top: 0.6rem;

}

.welcomeTennisLink:hover {
    color: #df6436;
    border-color: #df6436 !important;;
    transition: all 0.2s linear;
    padding-left: 0.8rem;
}


#about-us-section input::placeholder {
    color: black;
    opacity: 1; /* برای اطمینان از نمایش کامل رنگ در برخی مرورگرها */
}

#about-us-section textarea::placeholder {
    color: black;
    opacity: 1; /* برای اطمینان از نمایش کامل رنگ در برخی مرورگرها */
}

.googlemapBtn {
    border: none;
}

.googlemapBtn:hover {
    background: #000;
    color: #DF6436;
}

.shakeriRegular {
    font-family: shakeriRegular;
}

.shakeriBold {
    font-family: shakeriBold;
}

.shakeriBlack {
    font-family: shakeriBlack;
}

.shakeriExtraBold {
    font-family: shakeriExtraBold;
}

.at9 {
    font-family: at9;
}

.ffg700 {
    font-family: g700;
}

.ffg800 {
    font-family: g800;
}

.zindexUp {
    z-index: 99999;
}

#headerschedule i {
    font-weight: bold;
    font-size: 1.1rem;
    color: #DF6436;
}

.h100 {
    font-family: "shakeriBlack";
    font-size: clamp(1.75rem, 6vw, 5.5rem);
    font-weight: 800;
    line-height: 1.2;
}

.h300 {
    font-family: "shakeriBlack";
    font-size: clamp(2rem, 2.5vw, 2rem);
    font-weight: 700;
    line-height: 1.2;
}

.section-title {
    width: fit-content;
    margin: 0 auto clamp(2.5rem, 5.5vw, 5rem);
    text-align: center;
}

/*#headerschedule .facebookIcon{color:#3B5998 !important;font-size: 1.3rem !important;top:0 !important;}*/
/*#headerschedule .twitterIcon{color:#55ACEE !important;font-size: 1.3rem !important;top:0 !important;}*/
/*#headerschedule .instagramIcon{color:#f40083 !important;font-size: 1.3rem !important;top:0 !important;}*/
/*#headerschedule .pinterestIcon{color:#cb2027 !important;font-size: 1.3rem !important;top:0 !important;}*/
/*#headerschedule .youtubeIcon{color:#bb0000 !important;font-size: 1.3rem !important;top:0 !important;}*/

#headerschedule .facebookIcon {
    color: #ffffff !important;
    font-size: 2rem !important;
    top: 0 !important;
}

#headerschedule .twitterIcon {
    color: #ffffff !important;
    font-size: 2rem !important;
    top: 0 !important;
}

#headerschedule .instagramIcon {
    color: #ffffff !important;
    font-size: 2rem !important;
    top: 0 !important;
}

#headerschedule .telegramIcon {
    color: #ffffff !important;
    font-size: 2rem !important;
    top: 0 !important;
}


#headerschedule .pinterestIcon {
    color: #ffffff !important;
    font-size: 2rem !important;
    top: 0 !important;
}

#headerschedule .youtubeIcon {
    color: #ffffff !important;
    font-size: 2rem !important;
    top: 0 !important;
}

#headerschedule i:hover {
    opacity: 0.5;
}

#dailyNote .carousel-item {
    width: 100%;
    height: 30px;
}

#dailyNote .carousel-caption {
    top: 5px;
}

#dailyNote button .carousel-control-prev-icon, #dailyNote button .carousel-control-next-icon {
    width: 1rem;
    height: 1rem;
}

#myCarousel .carousel-item {
    width: 100%;
    position: relative;
    height: calc(var(--vh-26, 1vh) * 100);
}

#myCarousel .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#myCarousel .carousel-item video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/*#myCarousel .carousel-item .carousel-caption{top:45%;}*/
#myCarousel .carousel-item h1 {
    font-family: shakeriBold;

    /*background-color: rgba(255, 255, 255, 0.5);*/

}

.slideshow-name {
    position: absolute;
    top: 0%;
    left: 0;
    right: 0;

}

.slideshow-title {
    position: absolute;
    top: 15%;
    left: 0;
    right: 0;

}

.slideshow-description {
    position: absolute;
    bottom: 20%;
    left: 0;
    right: 0;
}

.slideshow-description i {
    position: relative;
    top: 3px;
    right: 2px;
}

#myCarousel .carousel-caption {
    top: 20vh;
}

#theNumberOne h1 {
    font-weight: 10000;
    text-transform: uppercase;
    /*font-family: "g800";*/
    font-family: shakeriBlack;
    font-size: 6vw;
    color: black;
}

#theNumberOne h1.tenniscolor {
    color: #df6436;
}

#theNumberOne .row div {
    box-shadow: 0 -1px 0 0 lightgray, 0 1px 0 0 gray;
    overflow: hidden;
}

.theNumberOneH1 {
    opacity: 0;
    transition: all 0.8s ease;
    animation-name: theNumberOneH1Animation;
    animation-duration: 0.8s;
    animation-timing-function: ease;
    position: relative;
    top: 100px;
}


html:not([data-scroll='0']) .theNumberOneH1 {
    opacity: 1;
    top: 0;
}

@keyframes theNumberOneH1Animation {
    from {
        opacity: 0;
        top: 100px;
    }
    to {
        opacity: 1;
        top: 0;
    }
}


#describeAcademiDiv img {
    width: 100%;
    height: auto;
}

#describeAcademiDiv h2 {
    font-family: shakeriBold;

}

#ourcamps {
    position: relative;
    clip-path: inset(0 0 0 0);
}

.ourcampHDiv h3 {
    font-size: 2.5vw;
    font-family: shakeriBold;
}

#ourcamps .showCamps .showCampsItem {
    cursor: pointer;
}

#ourcamps .showCamps .showCampsItem span {
    font-family: shakeriRegular;
    font-size: 1rem;
    border-bottom: 1px solid white;
    width: auto;
    overflow: hidden;
    height: 60px;
    transition: width .2s ease;
}

#ourcamps .showCamps .showCampsItem span .firstsvg {
    width: 0.1rem;
    height: 2rem;
    rotate: 180deg;
    transition: width .1s ease;
}

#ourcamps .showCamps .showCampsItem span .secondsvg {
    width: 2rem;
    height: 2rem;
    rotate: 180deg;
    transition: width .1s ease;
}

#ourcamps .showCamps .showCampsItem:hover .firstsvg {
    width: 2rem;
}

#ourcamps .showCamps .showCampsItem:hover .secondsvg {
    width: 0.1rem;
}

/*#ourcamps .showCamps .showCampsItem:hover span {*/
/*    padding-left: 5rem;*/
/*}*/

#ourcamps .showCamps {
    z-index: 999;
}


#menuDiv {
    position: fixed;
    top: 0vh;
    left: 0;
    right: 0;
    z-index: 9999; /* برای اینکه منو همیشه بالاتر از سایر المان‌ها باشد */
    transition: top 0.3s ease;
    /*background-color: rgba(120, 120, 120, 0.7);*/
    /*background-color: rgba(255, 255, 255, 0.3);*/
    background-color: rgba(0, 0, 0, 1);
    color: white;
}

#navbarCollapse ul li a {
    font-family: shakeriBold;
    color: white;
}

#navbarCollapse ul li a:hover {
    color: #DF6436;
    font-size: 1.1rem;
}

.reserveNowBtn {
    margin: 0 0.5rem;
    margin-left: 0;
    padding: 0.6rem 0rem;
    background-color: #DF6436;
    color: white;
    display: inline-flex;
    isolation: isolate;
    overflow: hidden;
    position: relative;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 10vw;
    transition: background-color 0.2s ease;
    font-family: shakeriBlack;

}

.tennisbtn {
    font-family: shakeriBlack;
    font-size: 1.1rem;
    color: #DF6436;
    border: 3px solid #DF6436;
    padding: 0.2rem 0.5rem;
    float: left;
    transition: background-color 0.2s ease;
}

.tennisbtn:hover {
    background-color: #DF6436;
    color: #ffffff;
}

.burger-btn:focus, .burger-btn:active {
    outline: 2px solid #000; /* رنگ بوردر */
    box-shadow: none; /* اگر نمی‌خواهید سایه هم اضافه شود */
}

.reserveNowBtn::after {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 102%;
    background-color: #000000;
    transform: translateY(-100%);
    transition: transform 0.2s ease;
    color: white;
    z-index: -1;

}

.reserveNowBtn:hover::after {
    transform: translateY(0);
    color: white;
}

.reserveNowBtn:hover {
    color: white;
}

.loginBtn {
    padding: 0.4rem;
    color: white;
    background-color: transparent;
    display: inline-flex;
    isolation: isolate;
    overflow: hidden;
    position: relative;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: background-color 0.2s ease;
    font-size: 1rem;
}

.loginBtn::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 103%;
    background-color: #DF6436;
    transform: translateY(+100%);
    transition: transform 0.2s ease;
    color: white;
    z-index: -1;

}

.loginBtn:hover::after {
    transform: translateY(0);
    color: white;
}

.loginBtn:hover {
    color: white !important;
}

.loginBtndiv {
    margin-left: auto !important;
    margin-right: 0.5rem !important
}

.menuSearch {
    width: 30%;
}

.menuSearch input::placeholder {
    color: white;
}

menuSearch1 {
}

.header-actions {
    display: flex;
    margin-right: auto;
    align-items: center;
}


#myCarousel {
    position: relative; /* یا absolute در صورت نیاز */
    z-index: 1; /* اسلایدشو را در لایه پایین‌تر قرار می‌دهیم */
    width: 100dvw;
    /*margin-top: 12vh; !* فاصله از بالای صفحه و پایین منو *!*/

}

/*.myStickyMenu{position: sticky;align-self: flex-start;*/
/*    top: 0;overflow-y: auto;z-index: 1000;transition: top 0.3s;}*/


#tennisAndSchool img {
    width: 100%;
    height: auto;
}

#tennisAndSchool a {
    text-decoration: none;
    display: table;
}

#tennisAndSchool h1 {
    font-family: shakeriBlack;
}

#newsicon {
    z-index: 0;
}

#firstNews #newsicon p i {
    font-size: 4rem;
    color: gray;
}

#firstNews #newsicon p {
    font-size: 1.8rem;
    color: black;
    font-weight: bold;
    font-family: shakeriBlack;
}

#firstNews #newsicon a {
    font-size: 1rem;
    color: #0d6efd;
    /*text-decoration: underline;*/
    border-bottom: 1px solid white;
    padding-bottom: 0.2rem;
}


#firstNews #newsbox .card img {
    object-fit: cover;
}

.newsCard {
    background-color: transparent;
}

.shadowImgDiv {
    position: relative;
}

.shadowImgDiv::after {
    display: block;
    width: 100%;
    height: 30%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
    content: "";
}


.shadowImgWhiteDiv {
    position: relative;
}

.shadowImgWhiteDiv::after {
    display: block;
    width: 100%;
    height: 30%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-image: linear-gradient(to top, rgba(255, 255, 255, 255.9), rgba(255, 255, 255, 0));
    content: "";
}


.newsCard .card-body {
    background-color: transparent !important;
}

.newsItem .newsCard .card-body h5 {
    font-family: shakeriBold;
    height: 50px;
    overflow: hidden;
    color: white;
}

.tennisPlayerItem .newsCard .card-body h5 {
    font-family: shakeriRegular;
    height: 50px;
    overflow: hidden;
    color: white !important;
}


.newsItem .newsCard .card-body p {
    font-family: shakeriRegular;
    color: white;
    height: 50px;
}

.tennisPlayerItem .newsCard .card-body p {
    font-family: shakeriRegular;
    color: white !important;
}


#firstNews #newsbox .card-body {
    background-color: #cdccd0;
    height: 190px;
    overflow: hidden;
}

#firstNews #newsbox .card-body .showNewsDetail {
    position: absolute;
    bottom: 0px;
    right: 10px;
}

/*.flickity-button {*/
/*    display: none;*/
/*}*/

.flickity-page-dots {
    bottom: -20px !important;
}

/*.flickity-viewport{margin-bottom: 30px;}*/


.announcementAll {
    padding-bottom: 70px;
    font-family: shakeriRegular;
}


.announcementHeader {
    font-family: shakeriBold;
}


.announcementitem {
    position: relative;
}

.announcementAll .flickity-page-dots .dot {
    background: black !important;
}

.announcementitem footer {
    position: absolute;
    left: 1rem;
    bottom: 1rem;
    /*color: #DF6436;*/
    color: black;
}

.announcementitem blockquote {
    height: 130px;
}

.paper-div-btn {
    border: 1px solid white;
    color: white;
    background-color: #DF6436;
    font-family: shakeriRegular;
    padding: 0.6rem 0.9rem;
    font-size: 1rem;
    transition: all 0.2s ease;
}

.paper-div-btn:hover {
    border: 1px solid #DF6436;
    color: #DF6436;
    background-color: white;
}

#counts-up-section {
    direction: rtl;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    object-fit: cover;
    background-size: cover;
}

#counts-up-section .counter-timer-box {
    direction: ltr;
}

#counts-up-section .counter-timer-box p {
    background-color: rgba(24, 24, 24, 0.6);
}

#counts-up-section .count-up-text {
    font-family: shakeriBold !important;
    font-size: 1.5rem;
    color: white !important;
}

.counter-timer {
    font-size: 2.8rem;
    font-weight: bold;
    color: #ffffff;
    opacity: 0;

}

.show-counts-up {
    opacity: 1;
    transition: opacity 1s ease-in-out;
}


#about-us-section .about-us-section-div {
    max-width: 582px;
    transform: translate3d(0px, 0px, 0px) rotate(0.0001deg);
    transform-style: preserve-3d;
    backface-visibility: hidden;
    pointer-events: none;
    margin: 0 auto !important;
}

#about-us-section .about-us-section-divinner {
    transform: translate3d(3.8px, -6px, 0px);
    transform-style: preserve-3d;
    backface-visibility: hidden;
    position: relative;
    display: block;
    left: 0px;
    top: 0px;
}

#about-us-section .about-us-phoneback {
    max-width: 61%;
    padding: .3125rem;
    margin-bottom: 9.9%;
    border-radius: 2rem;

}

#about-us-section .about-us-phone {
    top: 4.4%;
    width: 85%;
}

#about-us-section .about-us-phone-video {
    border-radius: 1.8rem;
}

#about-us-section .about-us-phone-bc1 {
    transform: translate3d(11.4px, -18.1px, 0px);
    transform-style: preserve-3d;
    backface-visibility: hidden;
    position: absolute;
    display: block;
    left: 0px;
    top: 0px;
}

#about-us-section .about-us-phone-bc2 {
    transform: translate3d(-3.8px, 6px, 0px);
    transform-style: preserve-3d;
    backface-visibility: hidden;
    position: absolute;
    display: block;
    left: 0px;
    top: 0px;
}

#about-us-section .about-us-phone-bc3 {
    transform: translate3d(-5.7px, 9.1px, 0px);
    transform-style: preserve-3d;
    backface-visibility: hidden;
    position: absolute;
    display: block;
    left: 0px;
    top: 0px;
}

#about-us-section .about-us-phone-bc4 {
    transform: translate3d(-9.5px, 15.1px, 0px);
    transform-style: preserve-3d;
    backface-visibility: hidden;
    position: absolute;
    display: block;
    left: 0px;
    top: 0px;
}

.aboutus-bg {
    background-image: url("../img/aboutusbg.png");
    background-size: 100% 100%;
}

.contactUsBtn {
    color: white;
}

.contactUsBtn:hover {
    color: #DF6436;
    border: 1px solid #DF6436;
}


.animate-underline {
    position: relative;
    text-decoration: none;
    color: white;
    font-family: shakeriRegular;
}

#footer a::after {

    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: white;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.3s ease-in-out;
}

#footer a:hover::after {
    transform: scaleX(1);
}

#footer a:not(:hover)::after {
    transform-origin: left;
}


.brands-footer a:hover {
    color: #DF6436;
    background-color: black
}

.tennis-footer-btn:hover {
    color: #DF6436;
    background-color: black
}


#goTopBtn {
    position: fixed;
    right: 15px;
    bottom: calc(15px + env(safe-area-inset-bottom));
    z-index: 2000;
    display: none;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

#goTopBtn i {
    animation: btnrepeatAnimation 1200ms infinite;
    position: relative;
}


#news-page-banner {
    width: 100% !important;
    height: 50vh;
    margin-top: 3.5rem;
}

#news-page-banner img {
    width: 100% !important;
    height: 100%;
    object-fit: cover;
}


#aboutTennisDesDiv div {
    margin-top: 10px !important;
    font-family: shakeriRegular !important;
}

#aboutTennisDesDiv span {
    margin-top: 10px !important;
    font-family: shakeriRegular !important;
}

#aboutTennisDesDiv p {
    margin-top: 10px !important;
    font-family: shakeriRegular !important;
}

#aboutTennisDesDiv h1, h2, h3, h4, h5, h6 {
    margin-top: 10px !important;
    font-family: shakeriBlack !important;
}

#aboutTennisDesDiv strong {
    margin-top: 10px !important;
    font-family: shakeriBlack !important;
}

.hover-effect-scale {
    display: inline-block;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}

.hover-effect-scale img {
    display: block;
    transition: all 0.3s ease-in-out;
}

.hover-effect-scale::after {
    content: "\f00e"; /* آیکون ذره‌بین */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 2rem;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.hover-effect-scale:hover::after {
    opacity: 1;
}

.hover-effect-scale img {
    display: block;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.hover-effect-scale:hover img {
    transform: scale(1.1);
    opacity: 0.9; /* تصویر کمی محو شود */
}



.all-news-grid-img {
    height: 100%;
}


.special-news-link {
    max-width: 132px;
}

.news-item-grid img {
    /*height: 300px;*/
}

.news-item-grid h5 {
    height: 70px;
}

.news-item-grid p {
    height: 100px;
}


.polygon-avatar {
    width: 100px;
    height: 100px;
    margin-top: -40px;
    /*-webkit-clip-path: path("M44.2392 4.03005C47.6985 1.61004 52.3015 1.61004 55.7608 4.03005C57.9922 5.59105 60.7615 6.1797 63.4349 5.66124C67.5795 4.85747 71.7845 6.72967 73.9604 10.3475C75.364 12.6811 77.6545 14.3453 80.3076 14.959C84.4207 15.9105 87.5007 19.3311 88.0171 23.5212C88.3501 26.224 89.7657 28.6759 91.9398 30.3157C95.3104 32.8578 96.7328 37.2355 95.5002 41.2733C94.7051 43.8779 95.0011 46.6936 96.3203 49.0759C98.3654 52.7692 97.8843 57.347 95.116 60.5344C93.3303 62.5904 92.4554 65.283 92.6915 67.996C93.0577 72.2018 90.7562 76.1881 86.9307 77.974C84.4632 79.1259 82.5687 81.2299 81.681 83.8044C80.3048 87.7955 76.581 90.5011 72.3599 90.5766C69.6371 90.6253 67.0507 91.7768 65.1926 93.7677C62.312 96.854 57.8096 97.811 53.9228 96.1631C51.4156 95.1002 48.5844 95.1002 46.0772 96.1631C42.1904 97.811 37.688 96.854 34.8074 93.7677C32.9493 91.7768 30.3629 90.6253 27.6401 90.5766C23.419 90.5011 19.6952 87.7955 18.319 83.8044C17.4313 81.2299 15.5368 79.1259 13.0693 77.974C9.24381 76.1881 6.94232 72.2018 7.30846 67.996C7.54464 65.283 6.66974 62.5904 4.88405 60.5344C2.1157 57.347 1.63456 52.7692 3.67971 49.0759C4.99892 46.6936 5.29487 43.8779 4.4998 41.2733C3.26722 37.2355 4.68961 32.8578 8.06016 30.3157C10.2343 28.6759 11.6499 26.224 11.9829 23.5212C12.4993 19.3311 15.5793 15.9105 19.6924 14.959C22.3455 14.3453 24.636 12.6811 26.0396 10.3475C28.2155 6.72967 32.4205 4.85747 36.5651 5.66124C39.2385 6.1797 42.0078 5.59105 44.2392 4.03005Z");*/
    /*clip-path: path("M44.2392 4.03005C47.6985 1.61004 52.3015 1.61004 55.7608 4.03005C57.9922 5.59105 60.7615 6.1797 63.4349 5.66124C67.5795 4.85747 71.7845 6.72967 73.9604 10.3475C75.364 12.6811 77.6545 14.3453 80.3076 14.959C84.4207 15.9105 87.5007 19.3311 88.0171 23.5212C88.3501 26.224 89.7657 28.6759 91.9398 30.3157C95.3104 32.8578 96.7328 37.2355 95.5002 41.2733C94.7051 43.8779 95.0011 46.6936 96.3203 49.0759C98.3654 52.7692 97.8843 57.347 95.116 60.5344C93.3303 62.5904 92.4554 65.283 92.6915 67.996C93.0577 72.2018 90.7562 76.1881 86.9307 77.974C84.4632 79.1259 82.5687 81.2299 81.681 83.8044C80.3048 87.7955 76.581 90.5011 72.3599 90.5766C69.6371 90.6253 67.0507 91.7768 65.1926 93.7677C62.312 96.854 57.8096 97.811 53.9228 96.1631C51.4156 95.1002 48.5844 95.1002 46.0772 96.1631C42.1904 97.811 37.688 96.854 34.8074 93.7677C32.9493 91.7768 30.3629 90.6253 27.6401 90.5766C23.419 90.5011 19.6952 87.7955 18.319 83.8044C17.4313 81.2299 15.5368 79.1259 13.0693 77.974C9.24381 76.1881 6.94232 72.2018 7.30846 67.996C7.54464 65.283 6.66974 62.5904 4.88405 60.5344C2.1157 57.347 1.63456 52.7692 3.67971 49.0759C4.99892 46.6936 5.29487 43.8779 4.4998 41.2733C3.26722 37.2355 4.68961 32.8578 8.06016 30.3157C10.2343 28.6759 11.6499 26.224 11.9829 23.5212C12.4993 19.3311 15.5793 15.9105 19.6924 14.959C22.3455 14.3453 24.636 12.6811 26.0396 10.3475C28.2155 6.72967 32.4205 4.85747 36.5651 5.66124C39.2385 6.1797 42.0078 5.59105 44.2392 4.03005Z")*/
}

.polygon-avatar img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 1000px;
}

.goTopBtn {
    padding: 0;
    padding-top: 20px;
    width: 32px;
    height: 48px;
}

.goTopBtn i {
    text-align: center;
    margin: 0 auto;
}

#headerschedule {
    width: 100%;
    height: auto;
    position: absolute;
    left: 50%;
    bottom: 5px;
    transform: translateX(-50%);

}

.bg-gold {
    background-color: darkgoldenrod;
}

.bg-silver {
    background-color: #C0C0C0;
}

.bg-boronz {
    background-color: #CD7F32;
}

.bg-legend {
    background-color: #6A0DAD;
}

.gold {
    color: darkgoldenrod;
}

.silver {
    color: #C0C0C0;
}

.boronz {
    color: #CD7F32;
}

.legend {
    color: #6A0DAD;
}

.instagramvid {
    width: 40%;
    margin: 0 auto !important;
    display: block;
}

@keyframes btnrepeatAnimation {
    0% {
        top: 0;
        opacity: 1;
    }
    100% {
        top: -14px;
        opacity: 0.2;
    }
}


.triangle {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60%; /* اندازه مثلث */
    height: 40%;
    background: white;
    clip-path: polygon(0 100%, 100% 100%, 0 0);
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
    font-weight: bold;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}




html.offcanvas-open,
body.offcanvas-open {
    height: 100%;
    overflow: hidden;
    touch-action: none;
    overscroll-behavior: none;
}

body.offcanvas-open {
    position: fixed;
    width: 100%;
}

.offcanvas-body {
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

.offcanvas {
    overscroll-behavior: contain;
}


.gradient-border {
    position: relative;
}

.gradient-border::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(
        to right,
        transparent,
        #DF6436 40%,
        #DF6436 60%,
        transparent
    );
}

.gradient-border::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(
        to right,
        transparent,
        #DF6436 40%,
        #DF6436 60%,
        transparent
    );
}


.gradient-hr {
    border: none;
    height: 1px;
    width: 60%;
    margin: 1rem auto;
    background: linear-gradient(
        to right,
        transparent,
        #DF6436 20%,
        #DF6436 80%,
        transparent
    );
}

#mobileMenu{width: 90%;font-family: shakeriBold;}



/* ===== Article Card ===== */
.article-card {
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    transition: all .35s ease;
    height: 100%;
}

.article-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}

.article-img {
    height: 220px;
    overflow: hidden;
}

.article-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s ease;
}

.article-card:hover img {
    transform: scale(1.1);
}

.article-body {
    padding: 20px;
}

.article-title {
    font-size: 1.1rem;
    font-weight: bold;
    margin-bottom: 10px;
    color: #222;
    font-family: shakeriBold;
}

.article-desc {
    color: #666;
    font-size: .95rem;
    line-height: 1.8;
    text-align: justify;
    font-family: shakeriRegular;
}

.article-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}

.article-date {
    font-size: .75rem;
    color: #999;
}

.read-more {
    font-size: .9rem;
    color: #DF6436;
    font-weight: 900;
    text-decoration: none;
    font-family: shakeriBlack;
}



@media (max-width: 575px) {
    .newstitle{top: -0.7rem;font-size: 0.7rem;}

    .all-news-grid-img {
        height: 130px;
    }
    #newsitem1{height: 220px !important;}
    .newsItem {
        width: 85% !important;
    }

    .tennisPlayerItem {
        width: 40% !important;
    }

    .reserveNowBtn {
        width: 20vw;
        padding-top: 0.7rem;
        padding-bottom: 0.7rem;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        font-size: 1rem;
    }

    .menuSearch {
        width: 95%;
        display: none;
    }

    .ourcampHDiv h3 {
        font-size: 5vw;
    }

    #counts-up-section {
        background-attachment: initial;
    }

    .counter-timer {
        font-size: 2rem;
    }

    .instauser {
        font-size: 0.6rem;
        font-weight: normal !important;
        position: relative;
        top: -5px;
    }

    .instamin {
        font-size: 0.5rem;
        position: relative;
        top: -5px;
    }

    #alertbox {
        width: 90%
    }

    body.menu-open {
        height: 100vh;
        touch-action: none;
    }

    #navbarCollapse ul {

        height: calc(var(--app-height));
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }

    /*#ourcamps .showCamps .showCampsItem p {*/
    /*    width: 80%;*/
    /*}*/
    #counts-up-section .count-up-text {
        font-size: 1rem;
    }

    .counter-timer {
        font-size: 1.2rem;
    }

    .wsm100 {
        width: 70%;
    }

    #describeAcademiDiv {
    }

    #ourcamps .showCamps .showCampsItem span .firstsvg {
        display: none;
    }

    #ourcamps .showCamps .showCampsItem span .secondsvg {
        display: none;
    }
}

@media (min-width: 576px) and (max-width: 767px) {


    .newstitle{font-size: 0.8rem;}
    #newsitem1{height: 100px !important;}
    .newsItem {
        width: 70% !important;
    }

    .tennisPlayerItem {
        width: 30% !important;
    }

    .reserveNowBtn {
        width: 14vw;
        padding-top: 0.6rem;
        padding-bottom: 0.6rem;
        font-size: 1.1rem;
    }

    .menuSearch {
        width: 95%;
        display: none;
    }

    .ourcampHDiv h3 {
        font-size: 5vw;
    }

    #counts-up-section {
        background-attachment: initial;
    }

    .counter-timer {
        font-size: 1.5rem;
    }

    .instauser {
        font-size: 1rem;
    }

    .instamin {
        font-size: 0.8rem;
    }

    #alertbox {
        width: 90%
    }

    body.menu-open {
        height: 100vh;
        touch-action: none;
    }

    #navbarCollapse ul {

        height: calc(var(--app-height));
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }

    /*#ourcamps .showCamps .showCampsItem p {*/
    /*    width: 80%;*/
    /*}*/
    .counter-timer {
        font-size: 2rem;
    }

    .wsm100 {
        width: 70%;
    }

    #describeAcademiDiv {
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    #newsitem1{height: 95px !important;}
    .newsItem {
        width: 39% !important;
    }

    .tennisPlayerItem {
        width: 29% !important;
    }

    .myStickyCamp {
        position: sticky;
        align-self: flex-start;
        top: 30%;
        font-family: shakeriRegular;
        z-index: 2;
    }

    .menuSearch {
        width: 45%;
        display: none;
    }


    .reserveNowBtn {
        width: 14vw;
        font-size: 1.2rem;
    }

    #alertbox {
        width: 40%
    }

    #counts-up-section {
        background-attachment: initial;
    }

    body.menu-open {
        height: 100vh;
        touch-action: none;
    }

    #navbarCollapse ul {

        height: calc(var(--app-height));
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }

    /*#ourcamps .showCamps .showCampsItem p {*/
    /*    width: 80%;*/
    /*}*/
    #counts-up-section {
        background-attachment: fixed;
    }

    #firstNews #newsbox {
        border-right: 1px solid gray;
    }
}


@media (min-width: 992px) and (max-width: 1199px) {
    .nav-link{font-size: 0.8rem;padding: 0 0.3rem !important;}

    #newsitem1{height: 140px;}
    .newsItem {
        width: 40% !important;
    }

    .tennisPlayerItem {
        width: 23% !important;
    }

    .myStickyCamp {
        position: sticky;
        align-self: flex-start;
        top: 30%;
        font-family: shakeriRegular;
        z-index: 2;
    }

    /*.myStickyCampNews {*/
    /*    position: sticky;*/
    /*    align-self: flex-start;*/
    /*    top: 30%;*/
    /*    font-family: shakeriRegular;*/
    /*    z-index: 2;*/
    /*}*/
    .reserveNowBtn {
        width: 10vw;
        font-size: 1.2rem;
        padding-top: 0.8rem;
        padding-bottom: 0.8rem;

    }

    #navbarCollapse ul li a {
        font-size: 0.8rem
    }

    #navbarCollapse ul li a:hover {
        font-size: 0.9rem;
    }

    #alertbox {
        width: 25%
    }

    #counts-up-section {
        background-attachment: initial;
    }

    #headerschedule {
        display: none;
    }

    #firstNews #newsbox {
        border-right: 1px solid gray;
    }
}

@media (min-width: 1200px) {
    #newsitem1{height: 120px;}

    .newsItem {
        width: 30% !important;
    }

    .tennisPlayerItem {
        width: 23% !important;
    }

    .myStickyCamp {
        position: sticky;
        align-self: flex-start;
        top: 30%;
        font-family: shakeriRegular;
        z-index: 2;
    }

    .myStickyCampNews {
        position: sticky;
        align-self: flex-start;
        top: 30%;
        font-family: shakeriRegular;
        z-index: 2;
    }

    #alertbox {
        width: 25%
    }

    #headerschedule {
        display: none;
    }

    #counts-up-section {
        background-attachment: fixed;
    }

    .reserveNowBtn {
        width: 9vw;
        font-size: 1.3rem;
        padding-top: 0.7rem;
        padding-bottom: 0.7rem;
    }

    #firstNews #newsbox {
        border-right: 1px solid gray;
    }
}