nav{
    font-family: farsi;
}
.section-1{
    font-family: farsi;
}
.section-2{
    font-family: farsi;
}
.section-2 button{
    background-image: url(../../images/users/Group\(111\).png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.section-3{
    font-family: farsi;
}
.section-3 .card-parent .card{
    cursor: pointer;
    transition: 0.5s;
}
.section-3 .card-parent .card-insidebar{
    background-image: url(../../images/users/89631139.jpg);
    background-size: cover;
    height: 95%;
    background-repeat: no-repeat;
    background-position: center;
    /* padding: 4vh; */
    background-origin:content-box , padding-box;
    border-radius: 24px !important;

}
.section-3 .card-parent #ninth-coach{
    background-image: url(../../images/users/89631139.jpg);
    background-size: contain;
    /* height: 90%; */
    background-repeat: no-repeat;
    background-position: center;
    padding: 4vh;
    background-origin:content-box , padding-box;
    /* border-radius: 24px !important; */

}
.swiper-slide {
      box-sizing: border-box !important; 
      flex-shrink: 0 !important;
    }
@media screen and (max-width:639px){
.first-step-title{
    display: none;
}
.mmr-input-parent{
    display: none;
}
}
@media screen and (min-width:350px) and (max-width:460px){
.section-3 .card-parent .card{
    background-size: contain;
    padding: 1vh;
}

}
@media screen and (min-width:460px) and (max-width:640px){
.coach-available{
    margin-left: 20%;
}
.coach-info{
    margin-right: 20%;

}
}
.section-3 .card-parent .card .card-insidebar span{
    display: none;
    height: 100%;
    transition: 0.5s;
}
.card-detail{
    /* display: none; */
    display: flex;
    align-items: center;
    border-radius: 24px;
    /* padding: 2vh; */
    height: 100%;
    text-align: center !important;
    color: rgb(222, 222, 222);
    background-color: #000000b9;

}
#ninth-card-detail{
    display: flex;
    align-items: center;
    border-radius: 0;
    padding: 2vh;
    height: 100%;
    text-align: center !important;
    background-color: #000000b9;

}
.section-3 .card-parent .card:hover{
    box-shadow: 0 0 32px -2px #FF4C65;
    margin-top: -4vh;
}
.section-4{
    font-family: farsi;
}

/* swiper */

.swiper-slide {
    padding-inline: 4vh;
    padding-bottom: 4vh;
    padding-top: 2vh;
}

.swiper-slide img {
    object-fit: cover;
}
.swiper-pagination-bullet{
    background-color: aliceblue !important;
    margin-top: 16vh;
}
.swiper-pagination-bullet-active{
    background-color: #FF4C65 !important;
}
/* swiper end */

.section-5{
    font-family: farsi;
}
#current-rangeInput {
  -webkit-appearance: none;
  appearance: none;
  accent-color: #ff0000;
  background: #ff0000;
  width: 100%;
  height: 8px;
  border-radius: 999px;
  outline: none;
}

/* ===== CHROME / EDGE / SAFARI ===== */
#current-rangeInput::-webkit-slider-runnable-track {
  background: #ff0000;
  height: 8px;
  border-radius: 999px;
}

#current-rangeInput::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: white;
  margin-top: -4px;
  cursor: pointer;
}

/* ===== FIREFOX (THIS WAS MISSING) ===== */
#current-rangeInput::-moz-range-track {
  background: #0f172a;
  height: 8px;
  border-radius: 999px;
}

/* 🔥 THIS removes Firefox blue progress */
#current-rangeInput::-moz-range-progress {
  background: #ff0000;
  height: 8px;
  border-radius: 999px;
}

#current-rangeInput::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: white;
  cursor: pointer;
}


.section-5 .role-cards-parent .role-card{
    padding: 0.5vh;
    background-origin:content-box , padding-box;
    cursor: pointer;
    transition: 0.5s;
    background-color: #D9D9D91A;
    border-radius: 24px;
}
.section-5 .role-cards-parent .role-card span{
    display: none;
    transition: 0.5s;
}
#offlaner-detail .lane-details{
    background-image: url(../../images/users/offlaner-2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#soft-support-detail .lane-details{
    background-image: url(../../images/users/soft-support-2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#hard-support-detail .lane-details{
    background-image: url(../../images/users/hard-support-2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#mid-detail .lane-details{
    background-image: url(../../images/users/mid-2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#carry-detail .lane-details{
    background-image: url(../../images/users/carry-2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.section-5 .second-step .card-parent .card{
    background-image: url(../../images/users/Frame\(1\).png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 2vh;
    background-origin:content-box , padding-box;
    cursor: pointer;
    transition: 0.5s;

}
.section-5 .second-step .card-parent .card span{
    display: none;
    height: 100%;
    transition: 0.5s;
}
.section-5 .second-step .card-parent .card .card-detail{
    /* display: none; */
    display: flex;
    align-items: center;
    border-radius: 24px;
    padding: 2vh;
    height: 100%;
    text-align: center !important;
    color: rgb(222, 222, 222);
    background-color: #000000b9;

}
.section-5 .second-step .card-parent .card:hover{
    box-shadow: 0 0 32px -2px #FF4C65;
    margin-top: -4vh;

}
/* .sessions-options{
    box-shadow: inset 0 0 16px #3f0009;
} */
/* Calendar */
.section-5 .third-step{
    border-radius: 8px !important;
}
jdp-container{
    font-family: farsi;
    background-color: #340341 !important;
    max-width: 480px !important;
}
.jdp-day-name{
    background-color: transparent !important;
    color: aliceblue !important;
}
.jdp-day{
    color: aliceblue !important;
}
.holly-day{
    color: #05e5e5d1 !important;
}
.jdp-years .jdp-year select{
    color: aliceblue !important;
    background: #340341 !important;
}
.jdp-years .jdp-year select:focus{
    outline: none !important;
    border: none !important;
}
/* .jdp-years .jdp-year select option:hover{
    background: #05e5e5d1 !important;
} */
jdp-container .jdp-icon-plus{
    display: none !important;
}
jdp-container .jdp-icon-minus{
    display: none !important;
}
.jdp-months .jdp-month select{
    color: aliceblue !important;
    background: #340341 !important;
}
.jdp-months .jdp-month select:focus{
    border: none !important;
    
}
.jdp-btn-today{
     background-color: #00aeaed1 !important;       
}
.jdp-btn-empty{
     background-color: #00aeaed1 !important;   
}
data-jdp-only-time .jdp-time:first-child{
    display: none !important;
}
data-jdp-only-time .jdp-time::after{
    display: none !important;
}
/* Calender End */
.section-6{
    font-family: farsi;
}
.section-6 .text-box h2{
    text-shadow: #FF4C65 2px 0 16px;
}
.section-6 .text-box button{
    background-image: linear-gradient(to bottom , #D0133FCC , #D0133FCC ,  rgb(183, 183, 183));
    box-shadow: 0 0 24px #FF4D4D;
}
.section-6 input{
    box-shadow: inset 0 0 16px #E3DEFF33;
}
.section-6 textarea{
    box-shadow: inset 0 0 16px #E3DEFF33;
}
.calendar-section
{
    /* width: 45%; */
    position: relative;
    display:block;
    margin-top: 24vh;
    margin-inline: auto;
    /* background: #161623; */
    overflow: hidden !important;
}
/* .calendar-section::before
{
    content: '';
    position: absolute;
    width: 400px;
    height: 400px;
    background: linear-gradient(#ffc107,#f10915);
    border-radius: 50%;
    transform: translate(-250px,-120px);
}
.calendar-section::after
{
    content: '';
    position: absolute;
    width: 250px;
    height: 250px;
    background: linear-gradient(#2196f3,#b413e6);
    border-radius: 50%;
    transform: translate(250px,150px);
} */
.box
{
    position: relative;
    z-index: 1000;
    overflow: hidden !important;

}
.calendar-container
{
    position: relative;
    width: 600px;
    min-height: 420px;
    margin-inline: auto;
    background-image:linear-gradient( to right bottom, rgba(255,255,255,0.1) , #3f0009);
    box-shadow:0 25px 45px rgba(0,0,0,0.1);
    border: 1px solid rgba(255,255,255,0.5);
    border-right: 1px solid rgba(255,255,255,0.2);
    border-bottom: 1px solid rgba(255,255,255,0.2);
    backdrop-filter: blur(25px);
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden !important;

}
#calendar
{
    width: 100%;
    padding: 20px;
}
#calendar table
{
    width: 100%;
    margin-top: 40px;
    border-spacing: 5px;
}
#calendar table td
{
    color:#fff;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
}
#calendar table td:hover
{
   background:#fff;
   color:#111 !important;
    
}
#calendar table tr:nth-child(1) td
{
    background: transparent;
    color:#fff;
    border-radius: 5px;
    font-weight: 600;
    
}
#calendar table tr:nth-child(1) td:hover
{
   background:transparent;
   color:#fff !important;
}
.dycalendar-target-date
{
    background: #fff;
    color:#111; 
}
.dycalendar-prev-next-btn.prev-btn 

{
    
    background: transparent;
    color:#fff;
    width: 44px;
    height: 38px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
}
.dycalendar-prev-next-btn.next-btn
{
    
    background: transparent;
    color:#fff;
    width: 44px;
    height: 38px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
}
.dycalendar-span-month-year
{
    color:#fff;
    font-size: 1.5rem;
    font-weight: 600;
}
.dycalendar-container {
    display: inline-block;
    border : 1px solid #eee;
}

.dycalendar-container.round-edge {
    border-radius: 5%;
    -o-border-radius: 5%;
    -moz-border-radius: 5%;
    -webkit-border-radius: 5%;
}



/*================================== DAY CALENDAR ========================*/
/*
 * day calendar style
 *-------------------------------------------------*/
.dycalendar-day-container {
    padding : 10px;
    text-align : center;
    font-family : farsi !important;
}

.dycalendar-day-container div{
    padding : 0;
    margin-bottom : 10px;
}

.dycalendar-day-container .dycalendar-span-day {
    font-size : 110%;
}

.dycalendar-day-container .dycalendar-span-date {
    font-size : 250%;
}

.dycalendar-day-container .dycalendar-span-month-year {
    font-size : 90%
}

/*================================== DAY CALENDAR ENDS HERE ===============*/



/*================================== MONTH CALENDAR DEFAULT ========================*/

/*
 * month calendar style
 *-------------------------------------------------*/
.dycalendar-month-container {
    padding : 10px;
    text-align : center;
    font-family: farsi !important;

}

.dycalendar-month-container div{
    padding : 0;
    margin-bottom : 10px;
}

.dycalendar-month-container .dycalendar-header {
    position : relative;
    
}

.dycalendar-month-container .dycalendar-header .dycalendar-prev-next-btn {
    position : absolute;
    top : 0;
    cursor : pointer;
}

.dycalendar-month-container .dycalendar-header .dycalendar-prev-next-btn.prev-btn {
    left : 0;
}

.dycalendar-month-container .dycalendar-header .dycalendar-prev-next-btn.next-btn {
    right : 0;
}

.dycalendar-month-container .dycalendar-span-month-year {
    margin : 5px;
    cursor : pointer;
}
.dycalendar-month-container .dycalendar-body table tr td {
    padding : 5px;
}
.dycalendar-month-container .dycalendar-today-date,
.dycalendar-month-container .dycalendar-target-date {
    background-color: #111;
    color : #fff;
    border-radius: 2px;
}

/*================================== MONTH CALENDAR ENS HERE ===============*/



/*================================== DYCALENDAR SKIN =======================*/

/*
 * calendar skin  (default skin)
 *-------------------------------------------------*/
.dycalendar-container.gradient {
    background: #fff;
    background: linear-gradient(#fff, #d3d3d3);
    background: -o-linear-gradient(#fff, #d3d3d3);
    background: -moz-linear-gradient(#fff, #d3d3d3);
    background: -webkit-linear-gradient(#fff, #d3d3d3);
}

/*
 * calendar skin  (skin-black)
 *-------------------------------------------------*/
.dycalendar-container.skin-black {
    color : #fff;
    background-color: #111;
    border : 0;
}

.dycalendar-container.skin-black.gradient {
    background: #111;
    background: linear-gradient(#555, #111);
    background: -o-linear-gradient(#555, #111);
    background: -moz-linear-gradient(#555, #111);
    background: -webkit-linear-gradient(#555, #111);
}

.dycalendar-container.skin-black .dycalendar-today-date,
.dycalendar-container.skin-black .dycalendar-target-date {
    background-color: #fff;
    color : #111;
    border-radius: 2px;
}

/*
 * calendar skin  (skin-blue)
 *-------------------------------------------------*/
.dycalendar-container.skin-blue {
    color : #fff;
    background-color: #3c99d3;
    border : 0;
}

.dycalendar-container.skin-blue.gradient {
    background: #3c99d3;
    background: linear-gradient(#5ebbf5, #3c99d3);
    background: -o-linear-gradient(#5ebbf5, #3c99d3);
    background: -moz-linear-gradient(#5ebbf5, #3c99d3);
    background: -webkit-linear-gradient(#5ebbf5, #3c99d3);
}

.dycalendar-container.skin-blue .dycalendar-today-date,
.dycalendar-container.skin-blue .dycalendar-target-date {
    background-color: #fff;
    color : #3c99d3;
    border-radius: 2px;
}

/*
 * calendar skin  (skin-green)
 *-------------------------------------------------*/
.dycalendar-container.skin-green {
    color : #fff;
    background-color: #2bb063;
    border : 0;
}

.dycalendar-container.skin-green.gradient {
    background: #2bb063;
    background: linear-gradient(#3dd175, #2bb063);
    background: -o-linear-gradient(#3dd175, #2bb063);
    background: -moz-linear-gradient(#3dd175, #2bb063);
    background: -webkit-linear-gradient(#3dd175, #2bb063);
}

.dycalendar-container.skin-green .dycalendar-today-date,
.dycalendar-container.skin-green .dycalendar-target-date {
    background-color: #fff;
    color : #2bb063;
    border-radius: 2px;
}

/*
 * calendar skin  (skin-purple)
 *-------------------------------------------------*/
.dycalendar-container.skin-purple {
    color : #fff;
    background-color: #975ea4;
    border : 0;
}

.dycalendar-container.skin-purple.gradient {
    background: #975ea4;
    background: linear-gradient(#ca82d7, #975ea4);
    background: -o-linear-gradient(#ca82d7, #975ea4);
    background: -moz-linear-gradient(#ca82d7, #975ea4);
    background: -webkit-linear-gradient(#ca82d7, #975ea4);
}

.dycalendar-container.skin-purple .dycalendar-today-date,
.dycalendar-container.skin-purple .dycalendar-target-date {
    background-color: #fff;
    color : #975ea4;
    border-radius: 2px;
}

/*
 * calendar skin  (skin-red)
 *-------------------------------------------------*/
.dycalendar-container.skin-red {
    color : #fff;
    background-color: #e94d40;
    border : 0;
}

.dycalendar-container.skin-red.gradient {
    background: #e94d40;
    background: linear-gradient(#fb6f62, #e94d40);
    background: -o-linear-gradient(#fb6f62, #e94d40);
    background: -moz-linear-gradient(#fb6f62, #e94d40);
    background: -webkit-linear-gradient(#fb6f62, #e94d40);
}

.dycalendar-container.skin-red .dycalendar-today-date,
.dycalendar-container.skin-red .dycalendar-target-date {
    background-color: #fff;
    color : #e94d40;
    border-radius: 2px;
}

/*
 * calendar skin  (skin-spacegray)
 *-------------------------------------------------*/
.dycalendar-container.skin-spacegray {
    color : #fff;
    background-color: #343d46;
    border : 0;
}

.dycalendar-container.skin-spacegray.gradient {
    background: #343d46;
    background: linear-gradient(#454e57, #343d46);
    background: -o-linear-gradient(#454e57, #343d46);
    background: -moz-linear-gradient(#454e57, #343d46);
    background: -webkit-linear-gradient(#454e57, #343d46);
}

.dycalendar-container.skin-spacegray .dycalendar-today-date,
.dycalendar-container.skin-spacegray .dycalendar-target-date {
    background-color: #fff;
    color : #343d46;
    border-radius: 2px;
}

/*================================== DYCALENDAR SKIN ENDS HERE =============*/


/*================================== DYCALENDAR SHADOW =====================*/
/*
 * calendar shadow  (shadow-default)
 *-------------------------------------------------*/
 .dycalendar-container.shadow-default {
     -o-box-shadow: 0 4px 4px 0 rgba(50, 50, 50, 0.4);
     -moz-box-shadow: 0 4px 4px 0 rgba(50, 50, 50, 0.4);
     -webkit-box-shadow: 0 4px 4px 0 rgba(50, 50, 50, 0.4);
     box-shadow: 0 4px 4px 0 rgba(50, 50, 50, 0.4);
 }

 /*
  * calendar shadow  (shadow-black)
  *-------------------------------------------------*/
.dycalendar-container.shadow-black {
    -o-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.4);
}

/*
 * calendar shadow  (shadow-blue)
 *-------------------------------------------------*/
.dycalendar-container.shadow-blue {
   -o-box-shadow: 0 4px 4px 0 rgba(60, 153, 211, 0.4);
   -moz-box-shadow: 0 4px 4px 0 rgba(60, 153, 211, 0.4);
   -webkit-box-shadow: 0 4px 4px 0 rgba(60, 153, 211, 0.4);
   box-shadow: 0 4px 4px 0 rgba(60, 153, 211, 0.4);
}

/*
 * calendar shadow  (shadow-green)
 *-------------------------------------------------*/
.dycalendar-container.shadow-green {
   -o-box-shadow: 0 4px 4px 0 rgba(43, 176, 99, 0.4);
   -moz-box-shadow: 0 4px 4px 0 rgba(43, 176, 99, 0.4);
   -webkit-box-shadow: 0 4px 4px 0 rgba(43, 176, 99, 0.4);
   box-shadow: 0 4px 4px 0 rgba(43, 176, 99, 0.4);
}

/*
 * calendar shadow  (shadow-purple)
 *-------------------------------------------------*/
.dycalendar-container.shadow-purple {
   -o-box-shadow: 0 4px 4px 0 rgba(151, 94, 164, 0.4);
   -moz-box-shadow: 0 4px 4px 0 rgba(151, 94, 164, 0.4);
   -webkit-box-shadow: 0 4px 4px 0 rgba(151, 94, 164, 0.4);
   box-shadow: 0 4px 4px 0 rgba(151, 94, 164, 0.4);
}

/*
 * calendar shadow  (shadow-red)
 *-------------------------------------------------*/
.dycalendar-container.shadow-red {
   -o-box-shadow: 0 4px 4px 0 rgba(233, 77, 64, 0.4);
   -moz-box-shadow: 0 4px 4px 0 rgba(233, 77, 64, 0.4);
   -webkit-box-shadow: 0 4px 4px 0 rgba(233, 77, 64, 0.4);
   box-shadow: 0 4px 4px 0 rgba(233, 77, 64, 0.4);
}

/*
 * calendar shadow  (shadow-spacegray)
 *-------------------------------------------------*/
.dycalendar-container.shadow-spacegray {
   -o-box-shadow: 0 4px 4px 0 rgba(52, 61, 70, 1);
   -moz-box-shadow: 0 4px 4px 0 rgba(52, 61, 70, 1);
   -webkit-box-shadow: 0 4px 4px 0 rgba(52, 61, 70, 1);
   box-shadow: 0 4px 4px 0 rgba(52, 61, 70, 1);
}

@media screen and (min-width:1541px){
.section-6 .text-box h2{
    font-size: 36px;
}
.section-6 .text-box p{
    font-size: 18px ;
}
}
@media screen and (min-width:1280px) and (max-width:1540px){
.section-6 .text-box h2{
    font-size: 30px;
}
.section-6 .text-box p{
    font-size: 16px;
}
}
@media screen and (min-width:1024px) and (max-width:1280px){
.section-6 .text-box h2{
    font-size: 24px;
}
.section-6 .text-box p{
    font-size: 14px;

}
}
@media screen and (min-width:768px) and (max-width:1024px){
.section-6 .text-box h2{
    font-size: 20px;
}
.section-6 .text-box p{
    font-size: 16px;
}
}
@media screen and (min-width:640px) and (max-width:767px){
.section-6 .text-box h2{
    font-size: 20px;
}
.section-6 .text-box p{
    font-size:12px;

}
}
footer{
    font-family: farsi;
}

/* coach bio Page */
.coach-bio-body{
    font-family: farsi;
}
.other-coaches .card-parent .card{
    background-image: url(../../images/users/Frame\(1\).png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 2vh;
    background-origin:content-box , padding-box;
    cursor: pointer;
    transition: 0.5s;

}
.other-coaches .card-parent .card span{
    display: none;
    height: 100%;
    transition: 0.5s;
}
.card-detail{
    /* display: none; */
    display: flex;
    align-items: center;
    border-radius: 24px;
    padding: 2vh;
    height: 100%;
    text-align: center !important;
    color: rgb(222, 222, 222);
    background-color: #000000b9;

}
.other-coaches .card-parent .card:hover{
    box-shadow: 0 0 32px -2px #FF4C65;
    margin-top: -4vh;
}
/* coach bio Page End */
/* sign up */
.signup-users{
    background-image: url(../../images/users/76cb15653891ba950bb63f469759e8cecb241276.jpg);
    background-size: cover;
    font-family: farsi;
    backdrop-filter: blur(4px);

}
.signup-users section form{
    box-shadow: 0 0 16px 2px #cf001c;
}
/* sign up End */
/* sign up digit */
.signup-users-digit{
    background-image: url(../../images/users/76cb15653891ba950bb63f469759e8cecb241276.jpg);
    background-size: cover;
    font-family: farsi;
    backdrop-filter: blur(4px);

}
.signup-users-digit section form{
    box-shadow: 0 0 16px 2px #cf001c;
}
/* sign up digit End */
/* login */
.login-users{
    font-family: farsi;
    background-image: url(../../images/coachPanel/76cb15653891ba950bb63f469759e8cecb241276.jpg);
    background-size: cover;
    backdrop-filter: blur(4px);
}
.login-users section form{
    box-shadow: 0 0 16px 2px #cf001c;
}
/* login End */


.selected_coach {
    border-color: #00FF00;
    background-color: #1A1A1A;
    transform: scale(1.05);
    box-shadow: 0 0 20px #00FF00;
}
/* Blank */
.blank-body{
    font-family: farsi;
}
@media screen and (max-width:640px){
.calendar-container , .sessions-options-parent{
    width: 100% !important;
    margin: 0 !important;
}
}

.time-input {
    pointer-events: none;
}