* {
    box-sizing: border-box;
}

:root {
    --primary: #b7e5ed;

    --dark: #000;

    --light: #ababab;
}

body {
    font-size: 18px;

    color: var(--dark);

    font-family: 'Anteb';

    line-height: 140%;

    overflow-x: hidden;

    padding-top: 90px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
}

a {
    color: var(--primary);

    text-decoration: none;

    transition: all 0.4s;
}

a:hover {
    color: var(--light);

    text-decoration: none;
}

p:last-child {
    margin-bottom: 0;
}

ul {
    list-style: none;
}

html button {
    box-shadow: none !important;
}

img {
    max-width: 100%;

    width: auto;

    height: auto;
}

html .container {
    max-width: 1450px;

    padding-left: 25px;

    padding-right: 25px;

    width: 100%;
}

/* Home Page css */

.home-page header {
    background-color: transparent;
}

.sticky .home-page header {
    background-color: var(--dark);
}

header {
    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    z-index: 99;

    padding: 15px 0;

    transition: all 0.4s;

    background-color: var(--dark);
}

header .logo a {
    width: 350px;
}

header .logo a,
header .logo img {
    display: block;
}

.fixed header {
    background-color: var(--dark);
}

ul.header_right_nav {
    list-style: none;

    padding: 0;

    margin: 0;

    display: flex;

    align-items: center;
}

ul.header_right_nav > li > a {
    color: #fff;

    display: inline-flex;

    position: relative;

    align-items: center;

    vertical-align: top;

    line-height: 40px;
}

ul.header_right_nav > li > a:hover {
    color: var(--primary);
}

ul.header_right_nav > li {
    margin-right: 22px;
}

ul.header_right_nav > li:last-child {
    margin-right: 0;
}

ul.header_right_nav > li > a svg {
    width: 18px;
}

ul.header_right_nav > li > a .cart_count {
    min-width: 22px;

    line-height: 18px;

    background: var(--primary);

    border-radius: 50%;

    text-align: center;

    font-size: 12px;

    position: absolute;

    right: -14px;

    top: -7px;

    color: var(--dark);

    border: 2px solid var(--dark);

    font-weight: 600;
}

ul.header_right_nav .cart_action_nav {
    padding-right: 10px;
}

ul.header_right_nav > li.whatsapp_action_nav > a {
    font-size: 14px;
}

ul.header_right_nav > li.whatsapp_action_nav {
    border-left: 1px solid #707070;

    padding-left: 22px;
}

.togalbar-wrap {
    min-width: 226px;
}

.togalbar {
    height: 34px;

    width: 34px;

    display: flex;

    justify-content: center;

    flex-direction: column;

    transition: all 0.4s;

    cursor: pointer;
}

.togalbar span {
    height: 3px;

    width: 34px;

    background-color: #fff;

    margin-bottom: 8px;

    display: block;

    border-radius: 2px;

    transition: all 0.4s;
}

.togalbar:hover span:nth-child(1) {
    width: 20px;
}

.togalbar:hover span:nth-child(3) {
    width: 26px;
}

.togalbar span:last-child {
    margin-bottom: 0;
}

section {
    padding-top: 80px;

    padding-bottom: 80px;
}

html .btn {
    border: 2px solid var(--dark) !important;

    color: var(--dark);

    background: transparent !important;

    padding: 8px 30px;

    line-height: 40px;

    font-size: 18px;

    display: inline-block;

    vertical-align: top;

    font-weight: 800;

    position: relative;

    z-index: 2;

    transition: all 0.4s;

    border-radius: 0;

    min-width: 215px;

    text-align: center;

    box-shadow: 0 0 0 0 transparent !important;
}

html .btn:hover {
    color: #fff;
}

html .btn:before {
    content: '';

    background: var(--dark);

    width: 0;

    height: 100%;

    position: absolute;

    left: auto;

    right: 0;

    top: 0;

    z-index: -1;

    transition: all 0.4s;

    box-shadow: 0 0 0 transparent !important;
}

html .btn:hover:before {
    width: 100%;

    left: 0;

    right: auto;
}

html .btn.btn-light {
    border-color: #fff !important;

    color: #fff;
}

html .btn.btn-light:hover {
    color: var(--dark);
}

html .btn.btn-light:before {
    background: #fff;
}

.banner-text h1 {
    font-size: 110px;

    margin-bottom: 50px;

    text-transform: uppercase;

    line-height: 100%;

    opacity: 0;

    transform: translateY(70px);

    transition: all 0.4s;
}

.banner-text h1 span {
    color: transparent;

    -webkit-text-stroke: 1px #fff;
}

.active .banner-text h1 {
    opacity: 1;

    transform: translateY(0);
}

.banner-text .btn-set {
    opacity: 0;

    transform: translateY(70px);

    transition: all 0.4s;

    transition-delay: 0.2s;
}

.active .banner-text .btn-set {
    opacity: 1;

    transform: translateY(0);
}

.main-slider .item {
    height: 450px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    min-height: 100vh;

    padding-top: 60px;

    position: relative;

    z-index: 1;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;
}

.main-slider .item:before {
    background: url('../images/banner/banenr-arrow.png') no-repeat center center;

    background-size: contain;

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    width: 850px;

    height: 600px;

    max-height: 70%;

    content: '';

    z-index: -1;

    opacity: 0;

    transform: translatex(-80px);

    transition: all 0.4s;

    transition-delay: 0.4s;
}

.main-slider .active .item:before {
    transform: translatex(0);

    opacity: 0.5;
}

.main-slider .owl-nav button[class*='owl-'].owl-next {
    left: 0;

        right: auto;

    transform: rotate(180deg);
}

.main-slider .owl-nav button[class*='owl-'] {
    width: 40px;

    height: 40px;

    border: 2px solid;

    color: #ddd;

    border-radius: 50%;

    margin: auto 60px;

    font-size: 0;

    position: relative;

    transition: all 0.4s;

    position: absolute;

    top: 0;

    bottom: 0;

    transition: all 0.3s;

    right: 0;
}

.main-slider .owl-nav button[class*='owl-']:hover {
    background: #fff;

    border-color: #fff;
}

.main-slider .owl-nav button[class*='owl-']:before {
    content: '';

    display: block;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    width: 15px;

    height: 12px;

    margin: auto;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.336' height='13.329' viewBox='0 0 15.336 13.329'%3E%3Cpath id='noun_Arrow_Left_2682937' data-name='noun_Arrow Left_2682937' d='M8.673 0l5.556 5.561 1.107 1.107L14.228 7.775 8.673 13.329l-1.107-1.1 4.773-4.773H0V5.885H12.338L7.565 1.11Z' fill='%23fff'/%3E%3C/svg%3E");

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center center;
}

.main-slider .owl-nav button[class*='owl-']:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.336' height='13.329' viewBox='0 0 15.336 13.329'%3E%3Cpath id='noun_Arrow_Left_2682937' data-name='noun_Arrow Left_2682937' d='M8.673 0l5.556 5.561 1.107 1.107L14.228 7.775 8.673 13.329l-1.107-1.1 4.773-4.773H0V5.885H12.338L7.565 1.11Z' fill='%23000'/%3E%3C/svg%3E");
}

.bg-dark {
    background-color: var(--dark) !important;
}

.text-light {
    color: #fff !important;
}

.title h2 {
    text-transform: uppercase;

    font-size: 62px;

    margin-bottom: 60px;
}

.title h2 span {
    color: transparent;

    -webkit-text-stroke: 2px var(--dark);
}

.title.text-light h2 span {
    -webkit-text-stroke: 2px #fff;
}

.sport_t_box .img {
    position: relative;

    padding-top: 150%;

    overflow: hidden;
}

.sport_t_box .img img {
    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    height: 100%;

    object-fit: cover;

    width: 100%;

    transition: all 0.4s;

    opacity: 0.5;

    z-index: 1;
}

.sport_t_box:hover .img img {
    transform: scale(1.2);
}

.sport_t_box .text h3 {
    font-size: 42px;

    margin: 0;

    position: absolute;

    left: 50%;

    top: 50%;

    color: #fff;

    z-index: 2;

    display: inline-flex;

    transform: translate(-50%, -50%);
}

.our_sport_carousel_wrap {
    margin-right: -15%;
}

.our_sport_carousel .owl-nav {
    position: absolute;

    left: 50%;

    top: -70px;

    margin-left: 435px;

    display: flex;

    align-items: center;
}

.our_sport_carousel .owl-nav button[class*='owl-'].owl-next {
    left: 0;

    /*    right: 0;*/

    transform: rotate(180deg);
}

/*.our_sport_carousel .owl-nav button[class*="owl-"].owl-prev {



    transform: rotate(-180deg);



}*/

.our_sport_carousel .owl-nav button[class*='owl-'] {
    width: 40px;

    height: 40px;

    border: 2px solid;

    color: #ddd;

    border-radius: 50%;

    margin: 0 0 0 30px;

    font-size: 0;

    position: relative;

    transition: all 0.4s;

    transition: all 0.3s;
}

.our_sport_carousel .owl-nav button[class*='owl-']:hover {
    background: #fff;

    border-color: #fff;
}

.our_sport_carousel .owl-nav button[class*='owl-']:before {
    content: '';

    display: block;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    width: 15px;

    height: 12px;

    margin: auto;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.336' height='13.329' viewBox='0 0 15.336 13.329'%3E%3Cpath id='noun_Arrow_Left_2682937' data-name='noun_Arrow Left_2682937' d='M8.673 0l5.556 5.561 1.107 1.107L14.228 7.775 8.673 13.329l-1.107-1.1 4.773-4.773H0V5.885H12.338L7.565 1.11Z' fill='%23fff'/%3E%3C/svg%3E");

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center center;
}

.our_sport_carousel .owl-nav button[class*='owl-']:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.336' height='13.329' viewBox='0 0 15.336 13.329'%3E%3Cpath id='noun_Arrow_Left_2682937' data-name='noun_Arrow Left_2682937' d='M8.673 0l5.556 5.561 1.107 1.107L14.228 7.775 8.673 13.329l-1.107-1.1 4.773-4.773H0V5.885H12.338L7.565 1.11Z' fill='%23000'/%3E%3C/svg%3E");
}

.text-gray {
    color: var(--light);
}

.who_section {
    background-position: center center;

    background-size: cover;
}

.video-thumbnail {
    max-width: 990px;

    height: 560px;

    margin: 60px auto;

    position: relative;

    z-index: 2;

    background: var(--dark);
}

.video-thumbnail img {
    width: 100%;

    height: 100%;

    object-fit: cover;

    z-index: 1;

    opacity: 0.62 !important;
}

.video_play_btn {
    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    display: flex;

    justify-content: center;

    align-items: center;

    z-index: 5;
}

.video_play_btn a {
    width: 70px;

    height: 70px;

    border: 4px solid #fff;

    color: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;
}

.video_play_btn a:hover {
    color: var(--dark);

    background-color: #fff;

    transform: scale(1.2);
}

.bg-primary {
    background-color: #b7e5ed !important;
}

.traners_box {
    overflow: hidden;
}

.traners_box .img {
    position: relative;

    padding-top: 170%;

    overflow: hidden;
}

.traners_box .img img {
    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    height: 100%;

    object-fit: cover;

    width: 100%;

    transition: all 0.4s;
}

.traners_box:hover .img img {
    transform: scale(1.2);
}

.traners_box .text {
    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    color: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    background-color: rgba(0, 0, 0, 0.8);

    transform: translateY(50px);

    opacity: 0;

    visibility: hidden;

    transition: all 0.4s;

    font-size: 16px;

    text-align: center;

    padding: 30px 50px;

    font-weight: 300;
}

.traners_box:hover .text {
    transform: translateY(0);

    opacity: 1;

    visibility: visible;
}

.traners_box h3 {
    font-size: 42px;

    margin: 0 0 5px;
}

.traners_box h3 a {
    color: #fff;
}

.traners_box h3 a:hover {
    color: var(--primary);
}

.traners_box .heading {
    position: absolute;

    left: 0;

    right: 0;

    bottom: 30%;

    color: #fff;

    transition: all 0.4s;

    text-align: center;
}

.traners_box:hover .heading {
    transform: translateY(-50px);

    opacity: 0;

    visibility: hidden;
}

.traners_box h6 {
    font-size: 24px;

    margin: 0 0 20px;
}

ul.social_media {
    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0;

    margin: 0;
}

ul.social_media li {
    margin-right: 20px;
}

/*ul.social_media li:last-child {



    margin-right: 0px;



}*/

ul.social_media li a {
    color: #fff;
}

ul.social_media li a:hover {
    color: var(--primary);
}

.traners_box .knowmore {
    position: absolute;

    right: 0;

    bottom: 0;

    margin: 25px;
}

.traners_box .knowmore a {
    width: 40px;

    height: 40px;

    color: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 2px solid #fff;

    border-radius: 50%;
}

.traners_box .knowmore a:hover {
    color: var(--dark);

    background: #fff;
}

.our_traners_carousel_wrap {
    margin-right: -15%;

    margin-top: 60px;
}

main {
    overflow-x: hidden;
}

* {
    outline: 0 !important;
}

.free_trial_section {
    background-color: #0a0a0a;

    background-position: center center;
}

.trial_form .form-feild label {
    font-weight: 300;

    font-size: 14px;

    display: block;

    margin-bottom: 5px;
}

.trial_form .form-feild {
    margin-bottom: 24px;
}

.trial_form .form-feild .form-control {
    border-radius: 0;

    background: var(--dark);

    color: #fff;

    border: 1px solid #717171;

    box-shadow: 0 0 0 transparent !important;

    height: 40px;

    padding: 0 14px;

    display: block;

    font-size: 14px;

    transition: all 0.3s;
}

.trial_form .form-feild .form-control:hover,
.trial_form .form-feild .form-control:focus {
    border-color: #fff;
}

.trial_form .form-feild textarea.form-control {
    height: 126px;

    padding-top: 10px;

    resize: none;
}

.trial_form .form-feild .form-control::-webkit-input-placeholder {
    /* Edge */

    color: #717171;
}

.trial_form .form-feild .form-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */

    color: #717171;
}

.trial_form .form-feild .form-control::placeholder {
    color: #717171;
}

.form_left_text h2 {
    font-size: 55px;

    margin: 0 0 20px;
}

.form_left_text {
    font-weight: 300;
}

footer {
    background-color: var(--dark);

    padding: 60px 0 20px;

    font-size: 14px;

    font-weight: 300;

    color: #fff;
}

.footer_copy_section p {
    margin-bottom: 30px;
}

ul.footer_social_media {
    display: flex;

    align-items: center;
}

ul.footer_social_media li {
    margin-right: 30px;
}

ul.footer_social_media li:last-child {
    margin-right: 0px;
}

.footer_social_media a {
    color: #fff;
}

.footer_social_media a:hover {
    color: var(--primary);
}

footer h6 {
    margin-bottom: 15px;

    font-size: 16px;
}

footer ul {
    margin: 0;

    padding: 0;

    list-style: none;
}

.footer_know_us ul li {
    margin-bottom: 8px;

    transition: all 0.4s;
}

.footer_know_us ul li a {
    color: #fff;
}

.footer_know_us ul li:hover a {
    color: var(--primary);
}

.footer_know_us ul li:hover {
    margin-left: 5px;
}

.footer_help_you ul {
    margin: 0;

    padding: 0;
}

.footer_help_you ul li {
    margin-bottom: 8px;

    transition: all 0.4s;
}

.footer_help_you ul li a {
    color: #fff;
}

.footer_help_you ul li:hover a {
    color: var(--primary);
}

.footer_help_you ul li:hover {
    margin-left: 5px;
}

.footer_top {
    margin-bottom: 30px;
}

.copyright p {
    color: #fff;
}

.footer_logo {
    margin-bottom: 30px;
}

.footer_logo a {
    display: block;

    max-width: 300px;
}

/* end Home Page css */

/* side menu open css */

.side-menubar {
    background-color: #fff;

    height: 100%;

    width: 400px;

    position: fixed;

    top: 0;

    left: 0;

    transition: all 0.5s;

    transform: translatex(-100%);

    z-index: 9999;

    padding: 25px;
}

.side-menu-open .side-menubar {
    transform: translatex(0);
}

.side-menu-overlay {
    background-color: rgba(0, 0, 0, 0.5);

    width: 100%;

    height: 100%;

    position: fixed;

    left: 0;

    top: 0;

    visibility: hidden;

    opacity: 0;

    transition: all 0.5s;

    z-index: 999;
}

.side-menu-open .side-menu-overlay {
    visibility: visible;

    opacity: 1;
}

.side-menu-head {
    margin-bottom: 30px;
}

.side-menu-body ul {
    margin: 0;

    padding: 0;

    list-style: none;
}

.sidemenu_logo a {
    display: block;

    max-width: 240px;
}

.side-menu-close {
    width: 36px;

    height: 36px;

    border: 0;

    position: relative;

    background: transparent;
}

.side-menu-close:before,
.side-menu-close:after {
    content: '';

    display: block;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    width: 28px;

    height: 2px;

    background: var(--dark);

    margin: auto;

    border-radius: 4px;

    transform: rotate(45deg);

    transition: all 0.3s;
}

.side-menu-close:after {
    transform: rotate(-45deg);
}

.side-menu-close:hover:before,
.side-menu-close:hover:after {
    width: 24px;
}

ul.side_menu > li {
    transition: all 0.5s;

    margin-bottom: 20px;
}

ul.side_menu > li > a {
    color: #717171;

    display: flex;

    align-items: center;

    justify-content: space-between;

    transition: all 0.4s;

    font-weight: 300;
}

ul.side_menu > li > a:hover {
    color: var(--dark);

    text-indent: 5px;
}

.side-menu-body h6 {
    color: var(--light);

    font-size: 18px;

    font-weight: 300;

    margin: 0 0 14px;
}

.side-menu-body .menu-border {
    border-bottom: 1px solid #dadada;

    margin-bottom: 30px;

    padding-bottom: 5px;
}

.side-menu-body .account .profile-list {
    padding-left: 20px;
}

.side-menu-body .menu-border .drop-down > a::after {
    content: '';

    border-left: 2px solid;

    border-right: 2px solid transparent;

    border-top: 2px solid;

    border-bottom: 2px solid transparent;

    width: 10px;

    height: 10px;

    display: inline-block;

    transform: rotate(135deg);

    transition: all 0.4s;
}

.side-menu-body .menu-border .drop-down-box {
    display: none;

    padding-left: 20px;

    margin-top: 10px;
}

.side-menu-body .menu-border .drop-down-box ul li {
    margin-bottom: 10px;
}

.drop-down-box ul li a {
    color: #717171;

    font-weight: 300;
}

.drop-down-box ul li a:hover {
    color: var(--dark);

    text-indent: 5px;
}

.side-menu-body .menu-border .drop-down-box-show .drop-down-box {
    display: block;
}

.side-menu-body .menu-border .drop-down.drop-down-box-show > a::after {
    transform: rotate(222deg);
}

/* end side menu open css */

.breadcrumb_list ul {
    display: flex;

    align-items: center;

    margin: 0;

    padding: 0;

    font-size: 13px;
}

.breadcrumb_list ul li {
    margin-right: 15px;

    position: relative;

    padding-right: 15px;
}

.breadcrumb_list ul li a {
    color: #ababab;

    transition: all 0.5s;
}

.breadcrumb_list ul li a:hover {
    color: var(--dark);
}

.breadcrumb_list ul li:after {
    content: '';

    display: inline-flex;

    height: 20px;

    background-color: #ababab;

    transform: rotate(20deg);

    width: 1px;

    position: absolute;

    right: 0;

    top: 3px;
}

.breadcrumb_list ul li:last-child {
    margin-right: 0;

    padding-right: 0;
}

.breadcrumb_list ul li:last-child:after {
    display: none;
}

.breadcrumb_list {
    margin-bottom: 50px;
}

.breadcrumb_list ul li.active a {
    color: var(--dark);
}

.breadcrumb_list ul li.active a:hover {
    color: #ababab;
}

/* About-Us Page Css */

.inner_banner {
    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

    position: relative;

    z-index: 1;

    padding: 200px 0;
}

.inner_banner:before {
    content: '';

    background-color: rgb(0, 0, 0, 0.6);

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;
}

.inner_banner h1 {
    font-size: 100px;

    font-weight: 400;

    color: #fff;

    text-align: center;

    margin: 0;
}

.about_sport h2 {
    color: var(--dark);

    font-size: 60px;

    font-weight: bold;

    margin-bottom: 80px;

    text-transform: uppercase;
}

.about_sport h4 {
    color: var(--dark);

    font-size: 32px;

    font-weight: bold;

    margin-bottom: 25px;

    text-transform: uppercase;
}

.about_sport p {
    font-size: 16px;

    margin-bottom: 30px;
}

.about_sport p:last-child {
    margin-bottom: 0px;
}

.about_sport_img img {
    width: 100%;

    height: 100%;
}

.about_sport_img {
    position: relative;
}

.about_sport_img_bg {
    position: absolute;

    bottom: 30px;

    left: 0;

    text-align: center;

    right: 0;

    padding: 0 30px;
}

.our_story_background {
    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

    position: relative;

    z-index: 1;

    padding: 200px 0;
}

.our_story_text {
    padding: 0px 135px;

    text-align: center;

    color: #fff;
}

.our_story_text h3 {
    font-size: 32px;

    margin-bottom: 50px;
}

.our_story_text p {
    font-size: 16px;

    margin-bottom: 30px;
}

.our_story_text p:last-child {
    margin-bottom: 0;
}

/* End About-Us Page Css */

/* FAQ Page Css */

.faq-title {
    font-size: 24px;

    margin: 0 0 30px;
}

.faq_acc .accordion-body {
    font-size: 16px;

    padding: 20px 0;
}

.faq_acc .accordion-item .accordion-button {
    border-bottom: 2px solid #d7d7d4;

    padding: 20px 0px 20px 35px;

    color: #717171;

    font-size: 18px;

    border-radius: 0;

    background: transparent;
}

.faq_acc .accordion-item .accordion-button:after {
    display: none;
}

.faq_acc .accordion-item .accordion-button:before {
    content: '';

    display: block;

    position: absolute;

    left: 0;

    top: 22px;

    width: 18px;

    height: 18px;

    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='20' height='20' rx='1' stroke='%23717171' stroke-width='2'/%3E%3Crect x='5' y='10' width='13' height='2' fill='%23717171'/%3E%3Crect x='12.5' y='4.5' width='13' height='2' transform='rotate(90 12.5 4.5)' fill='%23717171'/%3E%3C/svg%3E");

    background-size: contain;

    background-position: center center;

    background-repeat: no-repeat;
}

.faq_acc .accordion-item .accordion-button:not(.collapsed) {
    color: var(--dark);
}

.faq_acc .accordion-item .accordion-button:not(.collapsed):before {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='20' height='20' rx='1' stroke='black' stroke-width='2'/%3E%3Crect x='5' y='10' width='13' height='2' fill='black'/%3E%3C/svg%3E");
}

.faq_acc .accordion-button:focus {
    z-index: 3;

    outline: 0;

    box-shadow: none !important;
}

.faq_acc .accordion-item {
    border: none;
}

.faq_acc .accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0;
}

/* end faq page css */

/* contactus page css */

.contact_us_form h3 {
    font-size: 32px;

    margin: 0 0 50px;
}

.form-feild.form-feild-submit .btn {
    min-width: 150px;
}

.contact_form .form-feild {
    margin-bottom: 25px;
}

.contact_form .form-feild label {
    font-weight: 500;

    font-size: 16px;

    display: block;

    color: var(--primary);

    margin-bottom: 5px;
}

.contact_form .form-feild .form-control,
.contact_form .form-feild .form-select {
    height: 40px;

    width: 100%;

    padding: 0 15px;

    border: 1px solid var(--light);

    background-color: #fff;

    font-size: 15px;

    margin: 0;

    display: block;

    font-family: inherit;

    box-shadow: 0 0 0 transparent !important;

    border-radius: 0;
}

.contact_form .form-feild textarea.form-control {
    resize: none;

    min-height: 100px;

    padding-top: 10px;
}

.contact_us_form .contact_form_line {
    border-right: 1px solid #e0e0e0;

    padding-right: 80px;

    margin-right: 70px;
}

.contact_with_us ul {
    margin: 0;

    padding: 0;
}

.contact_with_us .contact_with_us_text li h6 {
    font-size: 22px;

    margin-bottom: 0;

    font-weight: normal;
}

.contact_with_us .contact_with_us_text li a {
    color: var(--dark);
}

.contact_with_us .contact_with_us_text li a:hover {
    color: var(--primary);
}

.contact_with_us .contact_with_us_text li p {
    color: #9dc8cf;

    font-size: 16px;
}

.contact_with_us .contact_with_us_text li {
    margin-bottom: 25px;
}

.contact_with_us_text li .contact_icon {
    width: 19px;

    height: 26px;

    margin-right: 10px;

    color: #9dc8cf;
}

.contact_us_social_media {
    display: flex;
}

.contact_us_social_media .contact_text {
    margin-left: 10px;
}

.google-map iframe {
    display: block;

    width: 100%;

    height: 700px;
}

/* my-cart */

.cart-title h6 {
    font-size: 24px;

    color: black;

    margin-bottom: 24px;
}

.cart-title h6 span {
    font-size: 16px;

    color: #636363;

    margin-left: 5px;
}

.item .order-name {
    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 22px;
}

.btn-close {
    box-sizing: content-box;

    width: 1em;

    height: 1em;

    padding: 0.25em 0.25em;

    color: #000;

    background: transparent
        url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e")
        center/1em auto no-repeat;

    border: 0;

    border-radius: 0.375rem;

    opacity: 0.5;
}

.cart-list {
    background: #b7e5ed;

    padding: 4px;
}

.cart-list .item .order-name h4 {
    font-size: 24px;

    color: #000;
}

.cart-list .item {
    padding: 20px 25px;

    border: 0;

    background: #fff;

    margin-bottom: 4px;
}

.cart-list .item.hide {
    display: none;
}

.cart-list .item table tr td {
    width: 380px;

    padding-bottom: 8px;

    font-weight: 300;
}

.cart-list .item.bg-color {
    border: none;

    background-color: #b7e5ed;
}

.btn-close.order-menu-close {
    width: 18px;

    background-size: contain;

    padding: 0;

    height: 18px;
}

.order-summary-box {
    border: 1px solid #c5c5c5;

    padding: 20px;
}

table.order-summary-box tr th {
    color: #0a0a0a;

    font-size: 20px;

    font-weight: 700;

    line-height: 26px;

    margin: 0;

    padding: 11px 14px;
}

table.order-summary-box {
    width: 100%;
}

table.order-summary-box tr td,
table.order-summary-box tr tbody th {
    padding: 14px 15px;

    font-size: 16px;
}

table.order-summary-box tr {
    border-bottom: 1px solid #c5c5c5;
}

table.order-summary-box tr td:nth-child(1) {
    color: #636363;
}

table.order-summary-box tr.total-price th {
    font-size: 16px;
}

.item .order-name .btn {
    background: #fff !important;

    line-height: 30px;

    min-width: 0;

    color: var(--dark) !important;
}

.item .order-name .btn:hover {
    color: #fff !important;
}

.item .order-name .btn:before {
    background: var(--dark);
}

.login-box .login-box-img {
    background: url('../images/login-banner.jpg');

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    z-index: 4;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    padding: 100px 0;
}

.login-box .login-box-img::after {
    content: '';

    background-color: #000;

    height: 100%;

    opacity: 0.9;

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: -1;
}

.login-box .login-form-box {
    padding: 60px 30px 30px;
}

.login-box-img {
    position: relative;
}

.modal-body .btn-close {
    position: absolute;

    height: 40px;

    width: 40px;

    top: 0;

    right: 0;

    opacity: 1;
}

.login-form .text h6 {
    font-size: 24px;

    color: #000;

    margin-bottom: 44px;

    font-weight: 600;
}

.form-field .form-control,
.form-field .form-select {
    height: 56px;

    border-radius: 0;

    border: 1px solid #393737;

    padding: 0 15px;

    box-shadow: 0 0 0 transparent !important;
}

.form-field {
    margin-bottom: 30px;

    position: relative;
}

.form-field:last-child {
    margin-bottom: 0px;
}

.field-password-icon {
    position: absolute;

    right: 0;

    top: 0;

    transition: all 0.4s;
}

.was-validated .field-password-icon {
    right: 20px;
}

.field-password-icon button {
    display: flex;

    height: 56px;

    width: 56px;

    align-items: center;

    justify-content: center;

    border: 0;

    background: transparent;

    padding: 0;

    color: #808080;

    transition: all 0.4s;
}

.field-password-icon button:hover {
    color: var(--dark);
}

.check-password .form-check input {
    height: 20px;

    width: 20px;

    border: 1px solid #d8d8d8;

    border-radius: 0;

    margin-right: 8px;

    box-shadow: 0 0 0 transparent !important;
}

.check-password label.form-check-label {
    font-size: 16px;
}

.form-check {
    display: inline-flex;
}

.login-box-img .text h3 {
    font-size: 16px;

    line-height: 21px;

    margin-top: 40px;

    font-weight: 100;

    color: #fff;
}

.check-password {
    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 80px;
}

.check-password a.forgot-password {
    text-decoration: underline;

    color: #f5440d;

    font-size: 16px;
}

a.forgot-password:hover {
    color: black;
}

.social-media-btn {
    margin-bottom: 26px;
}

.social-media-btn .btn {
    min-width: 0;

    padding-left: 10px;

    padding-right: 10px;
}

html .btn.btn-blue {
    border-color: #3b5998 !important;

    color: #3b5998;
}

html .btn.btn-orange {
    border-color: #f1584d !important;

    color: #f1584d;
}

html .btn.btn-blue:before {
    background-color: #3b5998;
}

html .btn.btn-orange:before {
    background-color: #f1584d;
}

html .btn.btn-blue:hover {
    color: #fff;
}

html .btn.btn-orange:hover {
    color: #fff;
}

.login-form .text p {
    color: var(--light);

    margin-bottom: 35px;
}

.social-media-btn a svg {
    margin-right: 16px;
}

.social-media-btn .btn_outline_dark {
    min-width: 145px;

    padding: 0 15px;

    line-height: 50px;
}

.social-media-btn a svg {
    margin-right: 16px;
}

html .modal-xl {
    --bs-modal-width: 1280px;
}

.member_signup span {
    color: var(--light);

    font-size: 14px;

    margin-right: 10px;
}

.member_signup h6 a {
    color: var(--dark);

    font-size: 16px;

    transition: all 0.4s;
}

.member_signup h6 a:hover {
    color: var(--light);
}

html .modal-content {
    border: 0;
}

html .modal-lg {
    --bs-modal-width: 970px;
}

html .r_title {
    font-size: 24px;

    text-transform: uppercase;

    font-weight: 600;

    margin: 0 0 25px;
}

.login-box .login-form-box.r_form_box {
    padding-left: 60px;

    padding-right: 60px;
}

.r_form_box .form-field {
    margin-bottom: 14px;
}

.r_form_box .check-password {
    margin-bottom: 36px;
}

html .form-check-input:checked {
    background-color: var(--dark) !important;

    border-color: var(--dark) !important;
}

.form-check-inblock .form-check {
    display: inline-block;
}

.packages-select {
    max-width: 200px;

    margin-bottom: 20px;
}

.trainer-bio-section .title h1 {
    font-size: 82px;

    line-height: 70px;

    font-weight: 600;

    margin-bottom: 30px;

    letter-spacing: -5px;
}

.trainer-bio-section .title h5 {
    color: var(--light);

    margin-bottom: 4px;

    font-size: 14px;

    text-transform: uppercase;
}

.trainer-bio-section .title h2 {
    font-size: 42px;

    margin-bottom: 30px;

    line-height: 100%;

    letter-spacing: -1px;
}

.trainer-bio-section .title p {
    font-size: 16px;
}

.trainer-bio-section .trainning_location {
    font-size: 16px;
}

.trainer-bio-section .trainning_location a {
    display: flex;

    align-items: center;

    color: var(--dark);
}

.trainer-bio-section .trainning_location a:hover {
    color: var(--light);
}

.trainer-bio-section .trainning_location svg {
    margin-right: 10px;
}

.trainer-bio-section .image {
    position: relative;
}

.social-media-link {
    position: absolute;

    left: 0;

    bottom: 50px;

    padding: 15px 30px;

    background-color: var(--dark);

    display: flex;

    align-items: center;

    justify-content: center;
}

.social-media-link ul {
    display: flex;

    align-items: center;

    margin: 0;

    padding: 0;
}

.social-media-link ul li {
    margin-right: 35px;
}

.social-media-link ul li:last-child {
    margin-right: 0;
}

.social-media-link ul li a {
    font-size: 32px;
}

.social-media-link ul li a {
    transition: all 0.5s;

    color: #fff;
}

.social-media-link ul li a:hover {
    color: #b7e5ed;
}

/* Skills-section CSS */

.skills-content .title h2 {
    line-height: 110%;

    margin-bottom: 30px;
}

.skills-content .title p {
    font-size: 16px;
}

.skills-content .skills-list {
    padding: 94px 30px 0 50px;
}

.skills-content {
    border-bottom: 1px solid var(--light);

    padding-bottom: 40px;
}

section.skills {
    padding: 50px 0 0 0;
}

.skills-content h3 {
    font-size: 42px;

    margin-bottom: 20px;

    font-weight: 600;

    line-height: 120%;
}

.skils-list-item {
    margin-bottom: 30px;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;
}

.skils-list-item:last-child {
    margin-bottom: 0px;
}

.skils-list-item h5 {
    font-size: 18px;

    line-height: 24px;

    display: block;

    margin-bottom: 15px;
}

.skils-list-item .percentage_line {
    position: relative;
}

.skils-list-item .percentage_line h3 {
    font-size: 22px;

    line-height: 24px;

    margin-bottom: 0;

    font-weight: bold;

    position: absolute;

    top: -36px;

    right: 0;
}

.skils-list-item .percentage_line {
    width: 100%;

    height: 6px;

    border-radius: 20px;

    display: block;

    background: #f5f5f5;
}

.skils-list-item .percentage_line .percentage_line_range {
    width: 0px;

    height: 6px;

    display: block;

    background-color: #b7e5ed;

    border-radius: 20px;

    position: relative;
}

/* section.sports-images CSS */

html .btn.btn-sm {
    min-width: 0;

    line-height: 30px;
}

section.sports-images ul.nav-pills {
    margin-bottom: 70px;
}

section.sports-images .gallery-box .img {
    margin-bottom: 24px;

    transition: all 0.5s;

    height: 300px;

    overflow: hidden;
}

section.sports-images .gallery-box .img > img {
    height: 100%;

    width: 100%;

    object-fit: cover;

    transition: all 0.5s;
}

section.sports-images .gallery-box .img:hover img {
    transform: scale(1.1);
}

section.sports-images .col-3:nth-last-child(-n + 4) .images {
    margin-bottom: 0;
}

section.sports-images {
    padding: 25px 0 100px 0;
}

section.sports-images ul li.nav-item {
    margin-right: 70px;
}

section.sports-images ul .nav-link {
    padding: 0;

    line-height: 44px;

    color: var(--light);

    font-size: 18px;

    font-weight: 600;

    background: transparent !important;

    border-radius: 0 !important;

    border: 0 !important;

    position: relative;

    transition: all 0.4s;

    text-transform: uppercase;
}

section.sports-images ul .nav-link:after {
    content: '';

    background: #000;

    width: 0;

    height: 3px;

    display: block;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

    border-radius: 20px;

    transition: all 0.4s;
}

section.sports-images ul .nav-link.active:after {
    width: 100%;
}

section.sports-images ul .nav-link:hover,
section.sports-images ul .nav-link.active {
    color: var(--dark);
}

.subscription_carousal .box .image {
    overflow: hidden;

    height: 250px;

    margin-bottom: 25px;
}

.subscription_carousal .box .image a {
    display: block;

    height: 100%;
}

.subscription_carousal .box .image img {
    object-fit: cover;

    margin-bottom: 20px;

    width: 100%;

    height: 100%;

    object-fit: cover;
}

.subscription_carousal .box .image img {
    transition: all 0.4s;
}

.subscription_carousal .box:hover .image img {
    transform: scale(1.1);
}

.subscription_carousal .box .text {
    min-height: 86px;

    margin-bottom: 36px;
}

.subscription_carousal .box .text h5 {
    font-size: 22px;

    color: #717171;

    margin-bottom: 5px;
}

.subscription_carousal .box .text h3 {
    font-size: 32px;

    color: var(--dark);

    margin-bottom: 4px;
}

.subscription_carousal .box .text h3 a {
    color: inherit;
}

.subscription_carousal .box .text h3 a:hover {
    color: var(--primary);
}

.subscription_carousal .box .text h6 {
    font-size: 18px;

    color: #717171;
}

.subscription_carousal .box p {
    font-size: 14px;

    margin-bottom: 20px;

    color: var(--dark);
}

.subscription_carousal .box {
    margin-bottom: 45px;
}

.subscription_carousal .owl-nav button[class*='owl-'].owl-next {
    left: auto;

    right: 0;
}

.subscription_carousal .owl-nav button[class*='owl-'].owl-prev {
    transform: rotate(-180deg);

    left: 0;
}

/*.subscription_carousal .owl-nav button[class*="owl-"].owl-prev {



    transform: rotate(-180deg);



}*/

.subscription_carousal .owl-nav button[class*='owl-'] {
    width: 40px;

    height: 40px;

    border: 2px solid;

    color: #000;

    border-radius: 50%;

    margin: auto -50px;

    font-size: 0;

    position: relative;

    transition: all 0.4s;

    position: absolute;

    top: 0;

    bottom: 0;

    transition: all 0.3s;
}

.subscription_carousal .owl-nav button[class*='owl-']:hover {
    background: #000;

    border-color: #000;
}

.subscription_carousal .owl-nav button[class*='owl-']:before {
    content: '';

    display: block;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    width: 15px;

    height: 12px;

    margin: auto;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.336' height='13.329' viewBox='0 0 15.336 13.329'%3E%3Cpath id='noun_Arrow_Left_2682937' data-name='noun_Arrow Left_2682937' d='M8.673 0l5.556 5.561 1.107 1.107L14.228 7.775 8.673 13.329l-1.107-1.1 4.773-4.773H0V5.885H12.338L7.565 1.11Z' fill='%23000'/%3E%3C/svg%3E");

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center center;
}

.subscription_carousal .owl-nav button[class*='owl-']:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.336' height='13.329' viewBox='0 0 15.336 13.329'%3E%3Cpath id='noun_Arrow_Left_2682937' data-name='noun_Arrow Left_2682937' d='M8.673 0l5.556 5.561 1.107 1.107L14.228 7.775 8.673 13.329l-1.107-1.1 4.773-4.773H0V5.885H12.338L7.565 1.11Z' fill='%23fff'/%3E%3C/svg%3E");
}

.subscription_carousal .owl-dots button {
    width: 8px;

    height: 8px;

    background: rgb(0 0 0 / 20%) !important;

    border-radius: 50px;

    margin-right: 6px;

    transition: all 0.4s;
}

.subscription_carousal .owl-dots button.active {
    width: 38px;

    background: #000 !important;
}

.subscription_carousal .owl-dots {
    display: flex;

    align-items: center;

    justify-content: center;
}

.subscription_tittle h4 {
    font-size: 24px;

    margin-bottom: 35px;
}

.calender_table {
    border: 1px solid #e5e5e5;

    width: 100%;

    margin: 0;
}

.calender_table thead tr th {
    width: 11.11%;

    background: #fbfbfb;

    padding: 20px 0;
}

.calender_table thead tr th h6 {
    font-size: 18px;

    font-weight: 400;

    color: var(--light);
}

.calender_table thead tr th h2 {
    font-size: 42px;

    font-weight: 600;

    color: var(--dark);
}

.calender_table tbody tr td {
    border: 1px solid #e5e5e5;

    padding: 5px;

    text-align: center;

    height: 78px;

    color: #373737;

    font-size: 18px;
}

.calender_table .table_button_available a {
    color: #000;
    border: 1px solid #b7e5ed;
    background-color: #d6f9ff;
    padding: 0 10px;
    text-align: center;
    line-height: 78px;
    display: block;
    border-radius: 6px;
    transition: all 0.4s;
    font-size: 18px;
    font-weight: 600;
}

.calender_table .table_button_available a:hover {
    color: #fff;
    border: 1px solid #14788a;
    background-color: #14788a;
}

.calender_table tbody td.disabled {
    background-color: #f6f6f6;
}

.calender_table tbody td .booked-block {
    background: #14788a;

    min-height: 171px;

    color: #fff;

    text-align: left;

    padding: 12px;

    border-radius: 6px;

    font-size: 18px;
}

.calender_table tbody td .booked-block.single {
    min-height: auto;
}

.unavailable_block {
    background-color: #e5e5e5;

    color: #373737;
}

.calender_data .prev_next_btn button {
    width: 40px;

    height: 40px;

    border-radius: 50%;

    background-color: #eff2f5;

    border: 0;

    color: #000;

    transition: all 0.4s;
}

.calender_data .prev_next_btn button:hover {
    color: #fff;

    background-color: var(--dark);
}

.calender_data h5 {
    font-size: 18px;

    margin: 0;
}

.calender_data .prev_next_btn {
    display: flex;

    align-items: center;
}

.calender_data .prev_next_btn button svg {
    width: 26px;

    height: 15px;

    display: flex;

    align-items: center;

    justify-content: center;
}

.calender_data .prev_next_btn button.btn-prev {
    margin-right: 15px;
}

ul.btn_status {
    margin: 0;

    padding: 0;

    display: flex;

    align-items: center;

    color: #717171;

    font-size: 18px;
}

ul.btn_status li {
    display: flex;

    align-items: center;

    margin-right: 20px;
}

ul.btn_status li:last-child {
    margin-right: 0px;
}

ul.btn_status .label_box {
    width: 22px;

    height: 22px;

    margin-right: 14px;

    border: 1px solid;
}

.subscription_day {
    display: flex;

    align-items: center;
}

.subscription_day button {
    width: 40px;

    height: 40px;

    border-radius: 50%;

    border: 2px solid #000;

    background-color: transparent;

    transition: all 0.4s;

    color: #000;

    transition: all 0.4s;
}

.subscription_day button:hover {
    background-color: #000;

    color: #fff;
}

.subscription_day button svg {
    width: 26px;

    height: 15px;

    display: flex;

    align-items: center;

    justify-content: center;
}

.subscription_day h5 {
    font-size: 18px;

    margin: 0 30px;

    margin-bottom: 0;
}

.available_book .form-field .form-control,
.available_book .form-field .form-select {
    height: 43px;
}

.modal-header {
    border-bottom: 0;
}

.modal-header a {
    transition: all 0.4s;
}

.modal-header a:hover {
    transform: scale(0.9);
}

/*.tenni-tab {*/
/*    margin-bottom: 40px;*/

/*    border-bottom: 1px solid #e6e1e5;*/

/*    padding: 0 30px;*/
/*}*/

/*.tenni-tab button.slick-prev,*/
/*.tenni-tab button.slick-next {*/
/*    height: 52px;*/

/*    top: 0;*/

/*    left: 0;*/

/*    margin: 0 -30px;*/

/*    width: 30px;*/

/*    background-image: url("data:image/svg+xml,%3Csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 1.5L1 9L8.5 16.5' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");*/

/*    background-color: transparent;*/

/*    background-position: center center;*/

/*    background-size: 9px auto;*/

/*    background-repeat: no-repeat;*/

/*    transition: all 0.4s;*/
/*}*/

/*.tenni-tab button.slick-prev:hover,*/
/*.tenni-tab button.slick-next:hover {*/
/*    opacity: 0.6;*/
/*}*/

/*.tenni-tab button.slick-prev.slick-disabled,*/
/*.tenni-tab button.slick-next.slick-disabled {*/
/*    opacity: 0.2;*/

/*    pointer-events: none;*/
/*}*/

/*.tenni-tab button.slick-next {*/
/*    right: 0;*/

/*    left: auto;*/

/*    transform: rotate(180deg);*/
/*}*/

/*.tenni-tab button.slick-prev:before,*/
/*.tenni-tab button.slick-next:before {*/
/*    display: none;*/
/*}*/

/*.tenni-tab .nav {*/
/*    margin-bottom: 0;*/
/*}*/

/*.tenni-tab .nav li {*/
/*    margin: 0 30px 0 0;*/
/*}*/

/*.tenni-tab .nav .nav-link {*/
/*    padding: 10px 0;*/

/*    font-size: 24px;*/

/*    font-weight: 300;*/

/*    color: #717171;*/

/*    line-height: 30px;*/

/*    margin: 0 60px 0 0;*/

/*    position: relative;*/
/*}*/

/*.tenni-tab .nav .nav-link:before {*/
/*    content: '';*/

/*    display: block;*/

/*    position: absolute;*/

/*    left: 0;*/

/*    right: 0;*/

/*    bottom: 0;*/

/*    background: var(--dark);*/

/*    height: 5px;*/

/*    border-radius: 50px;*/

/*    width: 0;*/

/*    margin: 0 auto;*/

/*    transition: all 0.3s;*/
/*}*/

/*.tenni-tab .nav .nav-link:hover {*/
/*    color: var(--dark);*/
/*}*/

/*.tenni-tab .nav .nav-link.active {*/
/*    color: var(--dark);*/

    /*font-weight: 600;*/
/*}*/

/*.tenni-tab .nav .nav-link.active:before {*/
/*    width: 100%;*/
/*}*/

/*//code add by mayur 11-6-24*/
.tenni-tab {
    margin-bottom: 40px;
    border-bottom: 1px solid #e6e1e5;
}

.tenni-tab button .prev-slide,
.tenni-tab button .next-slide {
    height: 52px;
    width: 30px;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 1.5L1 9L8.5 16.5' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-color: transparent;
    background-position: center center;
    background-size: 9px auto;
    background-repeat: no-repeat;
    transition: all 0.4s;
}

.tenni-tab button.owl-prev,
.tenni-tab button.owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.tenni-tab button.owl-prev {
    left: -2rem;
}

.tenni-tab button.owl-next {
    right: -2rem;
}

.tenni-tab button .next-slide {
    transform: rotate(180deg);
}

[dir='rtl'] .tenni-tab button.owl-prev {
}

.tenni-tab button.owl-prev:hover,
.tenni-tab button.owl-next:hover {
    opacity: 0.6;
}

.tenni-tab button.owl-prev.owl-disabled,
.tenni-tab button.owl-next.owl-disabled {
    opacity: 0.2;
    pointer-events: none;
}

.tenni-tab .nav {
    margin-bottom: 0;
    display: flex;
}

.tenni-tab .nav li {
    margin: 0 30px 0 0;
}

.tenni-tab .nav .nav-link {
    padding: 10px 0;
    font-size: 24px;
    font-weight: 300;
    color: #717171;
    position: relative;
    padding-bottom: 30px;
    margin: 0 20px;
}

.tenni-tab .owl-item:last-child .nav-link {
    margin-right: 0;
}

[dir='rtl'] .tenni-tab .owl-item:last-child .nav-link {
    margin-left: 0;
    margin-right: 20px;
}

.tenni-tab .nav .nav-link:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--dark);
    height: 5px;
    border-radius: 50px;
    width: 0;
    margin: 0 auto;
    transition: all 0.3s;
}

.tenni-tab .nav .nav-link:hover {
    color: var(--dark);
}

.tenni-tab .nav .nav-link.active {
    color: var(--dark);
    font-weight: 500;
}

.tenni-tab .nav .nav-link.active:before {
    width: 100%;
}

/*//code end by mayur 11-6-24*/
.sort_filter {
    position: relative;

    min-width: 200px;

    padding: 0 0 0 70px;

    border: 1px solid var(--dark);
}

.sort_filter select.form-select {
    height: 41px;

    border-radius: 0;

    box-shadow: 0 0 0 transparent !important;

    font-size: 16px;

    font-family: inherit;

    font-weight: 600;

    padding: 0;

    border: 0;
}

.sort_filter label {
    position: absolute;

    left: 12px;

    top: 0;

    line-height: 43px;

    font-size: 16px;

    font-weight: 600;

    margin: 0;

    color: #717171;
}

.tenni-filter {
    margin-bottom: 25px;
}

.tenni-box {
    font-size: 14px;

    font-weight: 300;

    margin-bottom: 40px;
}

.tenni-box .image {
    height: 385px;

    overflow: hidden;

    position: relative;

    margin: 0 0 17px;
}

.tenni-box .image img {
    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    transition: all 0.4s;
}

.tenni-box:hover .image img {
    transform: scale(1.1);
}

.tenni-box h5 {
    font-size: 22px;

    font-weight: 300;

    margin: 0 0 10px;
}

.tenni-box h5 a {
    color: inherit;
}

.tenni-box h5 a:hover {
    color: #717171;
}

.tenni-box h3 {
    font-size: 20px;

    font-weight: 600;

    margin: 0 0 20px;

    padding-bottom: 20px;

    border-bottom: 1px solid #efefef;
}

.tenni-box p {
    margin: 0 0 20px;

    padding-bottom: 20px;

    border-bottom: 1px solid #efefef;
}

.summury-box {
    margin: 0 auto;

    max-width: 845px;
}

.summury-box .icon {
    width: 65px;

    height: 65px;

    margin: 0 auto;
}

.summury-box .heading {
    background-color: var(--primary);

    padding: 40px 0;

    color: #14788a;
}

.summury-box .heading h3 {
    font-size: 45px;

    line-height: 50px;

    margin-bottom: 15px;
}

.summury-box .heading h5 {
    margin: 0 auto;

    max-width: 430px;
}

.summury-box .s-order-list .item {
    padding: 10px 20px 30px 20px;

    border-bottom: 4px solid var(--primary);

    border-left: 4px solid var(--primary);

    border-right: 4px solid var(--primary);
}

.summury-box .s-order-list .item:last-child {
    margin-bottom: 25px;
}

.summury-box .s-order-list .item h5 {
    font-size: 16px;

    color: #717171;

    font-weight: 600;

    margin: 0 0 15px;
}

.summury-box .s-order-list .item h5 b {
    color: var(--dark);
}

.summury-box .s-order-list .item h4 {
    font-size: 24px;

    font-weight: 600;

    margin: 0 0 10px;
}

.summury-box .s-order-list .item table tr td {
    padding-bottom: 8px;

    font-weight: 300;
}

.so_time_details {
    font-size: 20px;

    font-weight: 300;
}

html .btn.btn-dark {
    background: var(--dark) !important;

    color: #fff !important;
}

html .btn.btn-dark:hover {
    color: var(--dark) !important;
}

html .btn.btn-dark:before {
    background: #fff;
}

.s-order-list .item ul {
    list-style: none;

    margin: 0;

    padding: 0;

    font-size: 16px;

    color: #717171;

    font-weight: 600;
}

.s-order-list .item ul b {
    color: var(--dark);
}

.s-order-list .item ul li {
    margin-bottom: 12px;
}

.s-order-list .item ul li:last-child {
    margin-bottom: 0;
}

.payment-nav ul {
    display: flex;

    align-items: center;

    margin: 0;

    padding: 0;

    font-size: 18px;

    text-transform: uppercase;
}

.payment-nav ul li {
    margin-right: 30px;

    position: relative;

    padding-right: 30px;
}

.payment-nav ul li:last-child {
    /*    margin: 0;*/

    padding: 0;
}

.payment-nav ul li a {
    color: #ababab;

    transition: all 0.5s;
}

.payment-nav ul li a.active {
    color: #000;
}

.payment-nav ul li a:hover {
    color: var(--dark);
}

.payment-nav ul li:after {
    content: '';

    display: inline-flex;

    width: 10px;

    height: 10px;

    transform: rotate(45deg);

    border-top: 2px solid #ababab;

    border-right: 2px solid #ababab;

    position: absolute;

    right: 0;

    top: 7px;
}

.payment-nav ul li:last-child:after {
    display: none;
}

.payment-detail .title h4 {
    font-size: 24px;

    font-weight: 400;

    margin-bottom: 0;
}

section.payment-detail .payment-all-info {
    max-width: 1210px;
}

table.payment_order_s_box {
    width: 100%;
}

.payment_order_s_box {
    border: 1px solid #c5c5c5;

    padding: 20px;
}

table.payment_order_s_box tr {
    border-bottom: 1px solid #c5c5c5;
}

table.payment_order_s_box tr th {
    color: #0a0a0a;

    font-size: 20px;

    font-weight: 700;

    line-height: 26px;

    margin: 0;

    padding: 11px 14px;
}

table.payment_order_s_box tr td:nth-child(1) {
    color: #636363;
}

table.payment_order_s_box tr td,
table.payment_order_s_box tr tbody th {
    padding: 14px 15px 60px 15px;

    font-size: 16px;
}

table.payment_order_s_box tr.total-price th {
    font-size: 16px;
}

table.payment_order_s_box tr th {
    color: #0a0a0a;

    font-size: 20px;

    font-weight: 700;

    line-height: 26px;

    margin: 0;

    padding: 11px 14px;
}

.payment-field {
    border: 1px solid #c5c5c5;

    padding: 30px 15px;

    background-color: #f2f2f2;
}

.payment-field .form-check {
    display: block !important;
}

html .form-check-input:focus {
    box-shadow: 0 0 0 transparent;
}

.my_profile_account {
    border: 1px solid #0a0a0a;
}

.my_profile_account .profile_name {
    background-color: #0a0a0a;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 20px 80px 30px;

    flex-direction: column;
}

.my_profile_account .profile_name .p_n_first_letter h3 {
    font-size: 42px;

    color: #b7e5ed;

    margin-bottom: 0;
}

.my_profile_account .profile_name .p_n_first_letter {
    background-color: transparent;

    border: 4px solid #fff;

    border-radius: 50%;

    width: 100px;

    height: 100px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 20px;
}

.my_profile_account .profile_name h4 {
    font-size: 24px;

    color: #b7e5ed;

    margin-bottom: 12px;
}

.my_profile_account .profile_name h6 {
    font-size: 14px;

    color: #b7e5ed;

    margin-bottom: 0;
}

.my_profile_account .profile_account {
    padding: 20px;
}

.my_profile_account .profile_subscription {
    padding: 20px;

    border-bottom: 1px solid #0a0a0a;
}

.my_profile_account .profile_account h5,
.my_profile_account .profile_subscription h5 {
    font-size: 16px;

    color: #c5c5c5;

    margin-bottom: 20px;
}

.my_profile_account .profile_account ul,
.my_profile_account .profile_subscription ul {
    margin: 0;

    padding: 0;
}

.my_profile_account .profile_account ul li,
.my_profile_account .profile_subscription ul li {
    margin-bottom: 10px;
}

.my_profile_account .profile_account ul li:last-child,
.my_profile_account .profile_subscription ul li:last-child {
    margin-bottom: 0px;
}

.my_profile_account .profile_account ul li a,
.my_profile_account .profile_subscription ul li a {
    color: #717171;

    font-size: 14px;
}

.my_profile_account .profile_account ul li a:hover,
.my_profile_account .profile_subscription ul li a:hover {
    color: var(--dark);
}

.my_profile_account .profile_account ul li.active a,
.my_profile_account .profile_subscription ul li.active a {
    color: var(--dark);
}

.profile_form .profile_head {
    padding-bottom: 14px;

    border-bottom: 1px solid #e0e0e0;

    margin-bottom: 30px;

    position: relative;
}

.profile_form .profile_head h4 {
    font-size: 24px;

    margin-bottom: 0;
}

.custom-field .form-control-sm {
    padding: 0 10px;

    height: 40px;
}

.custom-field.custom-field-error .form-control {
    border: 1px solid #fccaca;

    color: #f1584d;
}

.custom-field.custom-field-error .form-control::placeholder {
    color: #f1584d;
}

.profile_form .profile_head .error_box {
    background-color: #fff3f3;

    border: 1px solid #fccaca;

    display: flex;

    align-items: center;

    justify-content: space-between;

    color: #f1584d;

    padding: 14px 16px;

    width: 312px;

    height: 42px;
}

.profile_form .profile_head .form_error_box {
    position: absolute;

    top: -14px;

    right: 0;

    left: 0;

    display: flex;

    justify-content: center;
}

.my_order_list .order_head {
    padding-bottom: 12px;

    border-bottom: 1px solid #e0e0e0;

    margin-bottom: 0;
}

.my_order_list .order_head h4 {
    font-size: 24px;

    margin-bottom: 0;
}

.order_group .order_item {
    border: 1px solid #b7e5ed;

    border-bottom: 4px solid #b7e5ed;

    margin-bottom: 20px;

    padding: 16px 26px 34px 26px;
}

.order_group .order_item .inner_item {
    border-bottom: 1px solid #e0e0e0;

    margin-bottom: 20px;

    padding-bottom: 20px;

    position: relative;
}

.order_group .order_item .inner_item h5 {
    font-size: 16px;

    font-weight: 600;

    margin-bottom: 18px;

    color: #717171;
}

.order_group .order_item .inner_item span {
    font-weight: 600;

    color: var(--dark);
}

.order_group .order_item .inner_item h3 {
    font-size: 24px;

    font-weight: 600;

    margin-bottom: 10px;
}

.order_group .order_item .inner_item h4 {
    font-size: 20px;

    font-weight: 300;

    margin-bottom: 0;
}

.order_group .order_item .inner_item h6 {
    font-size: 16px;

    font-weight: bold;

    color: #00bba2;

    margin-bottom: 22px;
}

.order_group .order_item.suspended {
    border-color: #fccaca;
}

.order_group .order_item.suspended h6 {
    color: #f1584d;
}

.order_group .order_item .inner_item:last-child {
    padding-bottom: 0;

    margin-bottom: 0;

    border-bottom: 0;
}

.order_group .order_item .inner_item .order_read {
    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    margin: auto;

    display: block;

    width: 24px;

    height: 24px;
}

.order_group .order_item .inner_item .order_read a:hover {
    opacity: 0.5;
}

.nav_pagination .page-link {
    border: 0;

    color: var(--dark);

    font-weight: bold;

    min-width: 38px;

    min-height: 38px;

    line-height: 38px;

    border-radius: 50px !important;

    padding: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all 0.4s;
}

.nav_pagination .page-link.active,
.nav_pagination .page-link:hover {
    color: #fff;

    background-color: var(--dark);
}

.nav_pagination li.page-item {
    margin: 0 2px;
}

.nav_pagination .page-link.page-link-nav {
    color: var(--dark);

    background-color: #eff2f5;
}

.nav_pagination .page-link.page-link-nav:hover {
    color: #fff;

    background-color: var(--dark);
}

.order_detail_group {
    border: 1px solid#C5C5C5;
}

.order_detail_group .order_detail_group_wrap {
    padding: 16px 16px 40px;

    border-bottom: 1px solid#C5C5C5;

    background-color: #f1fdff;
}

.order_detail_group .order_list {
    border-bottom: 1px solid #c5c5c5;

    padding-bottom: 16px;

    margin-bottom: 16px;
}

.order_detail_group .order_detail_group_wrap .order_list:last-child {
    border: 0;

    padding-bottom: 0;

    margin-bottom: 0;

    padding-top: 20px;
}

.order_detail_group_wrap .order_list table thead h4 {
    font-size: 24px;

    margin-bottom: 14px;

    font-weight: 600;
}

.order_detail_group_wrap .order_list table tbody h5 {
    font-size: 20px;

    font-weight: 300;

    margin-bottom: 0px;
}

.order_detail_group_wrap .order_list table tbody h5 span {
    color: #00bba2;
}

.order_detail_group_wrap .order_list p {
    margin-bottom: 0;

    font-size: 14px;
}

.order_detail_group .order_detail_group_wrap.payment_info {
    background-color: #fff;

    padding: 20px 16px 16px;

    border-bottom: 0;
}

.payment_info .order_list table thead tr th h5 {
    font-size: 24px;

    margin-bottom: 20px;
}

.payment_info .order_list table tbody tr td h6 {
    font-size: 16px;

    color: #717171;

    margin-bottom: 0;

    margin-bottom: 22px;
}

.payment_info .order_list table tbody tr td span {
    color: var(--dark);
}

.payment_info .order_list .payment_method_info {
    padding: 22px 16px;

    border: 1px solid #e0e0e0;

    background: #fbfbfb;

    margin-bottom: 30px;
}

.payment_info .order_list .payment_method_info h5 {
    color: #717171;

    font-size: 16px;
}

.payment_info .order_list .payment_method_info h6 {
    color: var(--dark);

    font-size: 16px;

    font-weight: bold;

    margin-bottom: 0;
}

.payment_info h3 {
    font-size: 24px;

    margin-bottom: 15px;
}

.pmi_info {
    margin-bottom: 18px;

    font-size: 16px;

    color: #717171;

    font-weight: 600;
}

.pmi_info span {
    color: var(--dark);
}

.order_summary table {
    border: 1px solid #c5c5c5;

    width: 100%;
}

.order_summary table thead tr th {
    color: #636363;

    font-size: 16px;

    padding: 14px 20px 48px;

    border-bottom: 1px solid #c5c5c5;

    background: #fbfbfb;
}

.order_summary table thead tr th span {
    color: var(--dark);

    font-size: 16px;
}

.order_summary table tbody tr td {
    color: var(--dark);

    font-size: 18px;

    padding: 14px 20px;

    font-weight: bold;
}

.custom-field {
    margin-bottom: 20px;
}

.custom-field .form-control {
    border: 1px solid var(--dark);

    border-radius: 0;

    padding: 0 20px;

    height: 43px;

    font-size: 16px;

    box-shadow: 0 0 0 transparent !important;
}

.custom-field textarea.form-control {
    height: 120px;

    padding-top: 10px;
}

.file-field-design {
    position: relative;
}

.file-field-design span {
    background: var(--dark);

    position: absolute;

    right: 0;

    top: 0;

    height: 41px;

    line-height: 41px;

    padding: 0 30px;

    color: #fff;

    font-size: 18px;

    font-weight: 600;

    text-transform: uppercase;
}

.custom-field .form-control.file-field-design {
    line-height: 43px;
}

.file-field-design input[type='file'] {
    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    z-index: 5;

    opacity: 0;

    cursor: pointer;
}

.file-field-design input[type='file']::-webkit-file-upload-button {
    cursor: pointer;
}

.my_order_list ul.nav-pills {
    margin-bottom: 30px;

    border-bottom: 1px solid #e0e0e0;

    padding: 0 15px;
}

.my_order_list ul.nav-pills li.nav-item {
    margin-right: 50px;
}

.my_order_list ul.nav-pills .nav-link {
    padding: 0;

    line-height: 58px;

    color: var(--light);

    font-size: 18px;

    font-weight: 600;

    background: transparent !important;

    border-radius: 0 !important;

    border: 0 !important;

    position: relative;

    transition: all 0.4s;
}

.my_order_list ul.nav-pills .nav-link:after {
    content: '';

    background: #000;

    width: 0;

    height: 6px;

    display: block;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

    border-radius: 20px;

    transition: all 0.4s;
}

.my_order_list ul.nav-pills .nav-link.active:after {
    width: 100%;
}

.my_order_list ul.nav-pills .nav-link:hover,
.my_order_list ul.nav-pills .nav-link.active {
    color: var(--dark);
}

.joinus_form .login-form {
    width: 100%;
}

.joinus_form .check-password {
    margin-bottom: 20px;
}

.joinus_form .login-box .login-box-img {
    width: 50%;
}

.joinus_form .login-box .login-form-box {
    width: 50%;

    padding: 30px 70px 30px;
}

.joinus_form .login-form .text h6 {
    margin-bottom: 30px;
}

.coach_container_box .coach_register_head {
    border-bottom: 1px solid var(--light);

    padding-bottom: 30px;
}

.coach_container_box .coach_register_head h3 {
    font-size: 42px;

    font-weight: 600;

    margin-bottom: 0;
}

.coach_register_img {
    background: #ddd;

    background-position: center center;

    background-size: cover;
}

.coach_container_box {
    max-width: 710px;

    margin-left: auto;

    padding: 80px 70px 80px 25px;
}

.showbtn svg {
    display: none;
}

.showbtn svg#noun_hide_2040068 {
    display: block;
}

.hdnbtn svg#noun_hide_2040068 {
    display: none;
}

html .ui-front {
    z-index: 999999;
}

html .vsb-main {
    position: relative;

    display: block;

    vertical-align: middle;

    text-align: left;

    /*    width: 140px;*/
}

html .vsb-main button {
    height: 43px;
}

html .vsb-main ul {
    white-space: nowrap;

    padding: 0;

    margin: 0;
}

html .vsb-menu .multi li {
    font-size: 16px;

    background-color: #fff;

    min-height: 18px;

    min-width: 260px;

    padding: 8px 8px 8px 32px;

    position: relative;
}

html .vsb-menu .multi li:not(.grouped-option)::before {
    content: '';
    display: inline-block;
    font-size: inherit;
    font-weight: bold;
    margin-left: -22px;
    margin-right: 10px;
    border: 1px solid;
    border-radius: 3px;
    margin-top: 0px;
    color: black;
    position: absolute;
    top: 13px;
    left: 32px; /** dir left fix **/
}

html .vsb-menu .multi li:not(.grouped-option).active::after {
    content: '';
    display: inline-block;
    font-size: inherit;
    color: #333;
    margin-left: -18px;
    display: inline-block;
    transform: rotate(45deg);
    margin-top: 1px;
    height: 8px;
    width: 5px;
    border-bottom: 2px solid black;
    border-right: 2px solid black;
    position: absolute;
    top: 15px;
    left: 33px;
}

.form-field .form-control.custom_datepicker {
    padding-right: 32px;
}

.select_date_icon {
    display: flex;

    align-items: center;

    justify-content: space-between;

    position: absolute;

    top: 0;

    bottom: 0;

    right: 10px;

    padding: 0;

    pointer-events: none;

    width: 15px;

    height: 43px;

    transition: all 0.4s;
}

.was-validated .select_date_icon {
    right: 35px;
}

html .dudp__calendar-header {
    display: none;
}

html .dudp__cal-container {
    padding: 0;
}

html .dcalendarpicker .dudp__cal-container .dudp__btn-cal-prev,
html .dcalendarpicker .dudp__cal-container .dudp__btn-cal-next {
    top: 5px;

    font-size: 28px;

    line-height: 34px;

    width: 38px;

    height: 38px;
}

html .dcalendarpicker .dudp__cal-container .dudp__calendar .dudp__weekdays {
    display: flex;

    flex-direction: row;

    border-bottom: 1px solid #ddd;
}

html .vsb-main .title {
    user-select: none;

    font-size: 16px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    max-width: 90%;

    display: inline-block;

    vertical-align: top;
}

html .ui-selectmenu-button.ui-button {
    text-align: left;

    white-space: nowrap;

    width: 100%;

    height: 43px;

    line-height: 30px;

    background: transparent;

    padding-left: 15px;

    font-size: 16px;

    border: 1px solid #393737;

    border-radius: 0;
}

html .ui-button .ui-icon {
    background-image: url('../images/drop-down.svg');

    background-position: center;

    height: 30px;

    transition: all 0.4s;
}

html [aria-expanded='true'].ui-selectmenu-button.ui-button .ui-icon {
    transform: rotate(180deg);
}

html .ui-button:hover .ui-icon,
html .ui-button:focus .ui-icon {
    background-image: url('../images/drop-down.svg');
}

html .ui-menu .ui-menu-item-wrapper {
    position: relative;

    padding: 10px 15px;

    font-size: 16px;
}

html .ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #b7e5ed;

    background: #b7e5ed;

    font-weight: normal;

    color: #000;
}

html .ui-widget {
    font-family: inherit;
}

.was-validated .form-field .form-control.custom_datepicker {
    padding-right: 32px;

    font-size: 15px;

    padding-left: 8px;
}

html .modal-w-100 .modal-dialog {
    min-width: 100%;
}

html .modal-w-100 {
    --bs-modal-margin: 0;
}

html .modal-w-100 .modal-dialog .modal-header h1 {
    margin: 0 auto;
}

html .modal-w-100 .modal-dialog .modal-header button {
    margin-left: 0;

    opacity: 1;
}

html .modal-w-100 .modal-dialog .form-feild .search-btn {
    color: #000;

    background: transparent;

    height: 32px;

    width: 32px;

    display: flex;

    align-items: center;

    justify-content: center;

    position: absolute;

    border: 0;

    top: 0;

    bottom: 0;

    margin: auto 0;

    right: 6px;

    transition: all 0.4s;
}

html .modal-w-100 .modal-dialog .form-feild .search-btn:hover {
    opacity: 0.5;
}

html .modal-w-100 .modal-dialog .form-feild .search-btn svg * {
    fill: currentColor;
}

html .modal-w-100 .modal-dialog .form-feild .form-search {
    line-height: 40px;

    box-shadow: none;

    border-color: var(--light);

    width: 100%;

    border: 1px solid #ced4da;

    padding: 0 15px;
}

html .modal-w-100 .modal-dialog .form-feild {
    width: 60%;

    position: relative;

    margin: 0 auto;
}

html .modal-w-100 .modal-dialog .modal-header {
    padding: 30px 30px 16px 30px;
}

html .modal-w-100 .modal-dialog .modal-body {
    padding-bottom: 40px;

    padding-top: 0;
}

.file-field-design input[type='file'] ~ .invalid-feedback {
    line-height: 100%;

    margin-left: -20px;
}

/** 404 page ***/

.not-found p.not-msg {
    color: #f1584d;

    font-size: 35px;

    font-weight: normal;

    line-height: 40px;

    margin: 0;
}

.not-found h1 {
    font-size: 12em;

    font-weight: 900;

    line-height: 100%;
}

.not-found p {
    color: #636363;

    font-size: 28px;

    margin: 20px 0 50px;

    line-height: 30px;
}

.faq_acc.ene,
.ene {
    display: block;
}

.faq_acc.are,
.are {
    display: none;
}

#selectGroup {
    display: none;
}

.ui-selectmenu-menu .ui-menu {
    max-height: 150px;
}

.set-location {
    max-width: 200px;
}

/**Arabic Direction CSS **/

html[dir*='rtl'] body {
    font-size: 18px;

    color: var(--dark);

    font-family: 'NotoKufiArabicRegular';

    line-height: 140%;

    overflow-x: hidden;
}

html[dir*='rtl'] ul.header_right_nav li:last-child {
    margin-right: 22px;
}

html[dir*='rtl'] ul.footer_social_media li:last-child {
    margin-right: 30px;
}

html[dir*='rtl'] .breadcrumb_list ul li:last-child {
    margin-right: 15px;

    padding-right: 15px;
}

html[dir*='rtl'] .breadcrumb_list ul li:first-child {
    margin-right: 0;

    padding-right: 0;
}

html[dir*='rtl'] .breadcrumb_list ul li:first-child::after {
    display: none;
}

html[dir*='rtl'] .breadcrumb_list ul li:last-child:after {
    content: '';

    display: inline-flex;

    height: 20px;

    background-color: #ababab;

    transform: rotate(20deg);

    width: 1px;

    position: absolute;

    right: 0;

    top: 3px;
}

html[dir*='rtl'] table tr td[align*='right'],
html[dir*='rtl'] table tr th[align*='right'],
html[dir*='rtl'] table thead tr th[align*='right'],
html[dir*='rtl'] table tr td[align*='right'],
html[dir*='rtl'] .text-end {
    text-align: left !important;
}

html[dir*='rtl'] .form-check .form-check-input {
    float: right;
}

html[dir*='rtl'] .me-3 {
    margin-right: 2rem !important;
}

html[dir*='rtl'] .form-check {
    padding-left: 0;
}

html[dir*='rtl'] .contact_us_form .contact_form_line {
    border-left: 1px solid #e0e0e0;

    padding-left: 80px;

    margin-left: 70px;

    border-right: 0;

    padding-right: 0;

    margin-right: 0;
}

html[dir*='rtl'] .contact_with_us_text li .contact_icon {
    margin-left: 10px;

    margin-right: 0;
}

html[dir*='rtl'] .contact_us_social_media .contact_text {
    margin-right: 10px;

    margin-left: 0;
}

html[dir*='rtl'] .my_order_list ul.nav-pills li.nav-item {
    margin-left: 50px;

    margin-right: 0;
}

html[dir*='rtl'] .order_group .order_item .inner_item .order_read,
html[dir*='rtl'] .skils-list-item .percentage_line h3 {
    left: 0;

    right: auto;
}

html[dir*='rtl'] .order_group .order_item .inner_item .order_read a svg,
html[dir*='rtl'] .nav_pagination .page-link.page-link-nav svg,
html[dir*='rtl'] .calender_data .prev_next_btn button svg,
html[dir*='rtl'] .subscription_day button svg,
html[dir*='rtl'] .traners_box .knowmore a svg,
html[dir*='rtl'] .tenni-tab button.slick-prev.slick-disabled,
html[dir*='rtl'] .tenni-tab button.slick-next.slick-disabled {
    transform: rotate(180deg);
}

html[dir*='rtl'] .social-media-link ul li:last-child {
    margin-right: 35px;
}

html[dir*='rtl'] section.sports-images ul.nav-pills {
    padding-right: 0;
}

html[dir*='rtl'] section.sports-images ul li.nav-item:first-child,
html[dir*='rtl'] ul.footer_social_media li:first-child {
    margin-right: 0;
}

html[dir*='rtl'] .calender_data .prev_next_btn button.btn-prev,
html[dir*='rtl'] ul.btn_status .label_box {
    margin-left: 15px;

    margin-right: 0;
}

html[dir*='rtl'] ul.btn_status li {
    margin-left: 20px;

    margin-right: 0;
}

html[dir*='rtl'] ul.btn_status li:last-child {
    margin-left: 0;
}

html[dir*='rtl'] .trainer-bio-section .trainning_location svg {
    margin-right: 0;

    margin-left: 10px;
}

html[dir*='rtl'] .tenni-tab button.slick-next,
html[dir*='rtl'] .traners_box .knowmore,
html[dir*='rtl'] .field-password-icon {
    right: auto;

    left: 0;
}

html[dir*='rtl'] ul.social_media li:last-child {
    margin-right: 20px;
}

html[dir*='rtl'] .custom-field .form-control.file-field-design,
html[dir*='rtl'] .sort_filter select.form-select {
    text-align: left;
}

html[dir*='rtl'] .tenni-tab button.slick-next {
    transform: rotate(0deg);
}

html[dir*='rtl'] .modal-w-100 .modal-dialog .form-feild .search-btn {
    left: 6px;

    right: auto;
}

html[dir*='rtl'] .ui-selectmenu-text {
    text-align: right;

    margin-right: 0;
}

html[dir*='rtl'] .ui-selectmenu-icon.ui-icon {
    float: left;
}

html[dir*='rtl'] .faq_acc.ene,
.ene {
    display: none;
}

html[dir*='rtl'] .faq_acc {
    display: block;
}

html[dir*='rtl'] .side-menubar {
    left: auto;

    transform: translatex(100%);
}

html[dir*='rtl'] .side-menu-open .side-menubar {
    transform: translatex(0);
}

.cart-list .item.hide {
    display: none;
}

/****************************/

.vsb-menu {
    visibility: hidden !important;
}

.vanilabox_show .vsb-menu {
    visibility: visible !important;
}

/*vanilabox drop down select style 18/4/2023*/

.vsb-main .caret {
    width: 16px;

    height: 16px;

    background-image: url(../images/drop-down.svg);

    border: 0;

    margin-top: 3px !important;

    margin-right: 8px;
}

.mouse-pointer {
    position: relative;

    z-index: 1;
}

.custum-icon-btn {
    border-radius: 50%;

    background-color: #fff;

    border: 0;

    color: #000;

    transition: all 0.4s;
}

.custum-icon-btn:hover {
    transform: scale(0.9);
}

.custum-icon-btn:hover svg {
    fill: #a6a8a9;
}

@media print {
    .noprint {
        visibility: hidden;
    }
}
[dir='rtl'] .add-btn.ps-2 {
    padding-left: 0 !important;
    padding-right: 0.5rem !important;
}

[dir='rtl'] .ps-md-2 {
    padding-left: 0 !important;
    padding-right: 0.5rem !important;
}

[dir='rtl'] .pe-md-2 {
    padding-left: 0.5rem !important;
    padding-right: 0 !important;
}
[dir='rtl'] .form-select.date-picker {
    padding: 0 35px 0 15px !important;
}

[dir='rtl'] html .vsb-menu .multi li:not(.grouped-option)::before {
    left: 32px !important;
}