*, body {
    padding: 0
}

.b_start, .billing_order_details tr.border-bottom, .btn_a, .collaborations .border-start, .sisters_brand .border-start, header .border {
    border-color: var(--orange) !important
}

.account_login .sign_mobile .login-type .vr, .bg_orange, .topbar a.btn_a_hover:hover {
    background-color: var(--orange) !important
}

.hero .hero-slider .slick-next, .hero .hero-slider .slick-prev {
    width: 90px;
    height: 180px;
    top: auto;
    z-index: 9;
    background-color: transparent !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    bottom: 0
}

.Session_detail .message-area, .blog-btn, .box-date, .card .card-img, .marquee, .plans .card .card-img, .shopping-cart .input-group {
    position: relative
}

.marquee, body {
    overflow-x: hidden
}

* {
    margin: 0;
    box-sizing: border-box
}

body::-webkit-scrollbar {
    width: 8px
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

body::-webkit-scrollbar-thumb {
    background-color: #a9a9a9;
    outline: slategrey solid 1px
}

:root {
    --orange: #ed6030;
    --darkblue: #2d3047;
    --green: #4cc1b9;
    --orange_light: #fdebd8;
    --white: #ffffff;
    --black: #000000 !important;
    --darkgray: #333333;
    --gray: #666766;
    --maroon: #bf5c4b;
    --cream: #fdebd8;
    --gray-light: #e5e5e5;
    --header-black: #282828
}

.bg_orange_light {
    background-color: var(--orange_light) !important
}

.bg_green, .shopping-cart .count-fill {
    background-color: var(--green) !important
}

.bg_light_gray {
    background-color: var(--gray-light) !important
}

.bg_maroon {
    background-color: var(--maroon) !important
}

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

.bg-event-site-cream {
    background-color: #fff8f099 !important
}

.btn_a_hover:hover, .field_area .nav-tabs .nav-link:focus, .field_area li.nav-item.vr, .nav-tabs .nav-link:hover, .navbar .dropdown .dropdown-toggle:after, .side-menu .navbar-nav .nav-item .active, .side-menu .navbar-nav .nav-item:hover, .t_orange, .topbar a:hover, header .nav-link {
    color: var(--orange) !important
}

.input-group .btn, .navbar-nav .nav-link.active, .navbar-nav .nav-link.show, .navbar-nav .nav-link:hover, .t_green, .topbar a, .topbar i {
    color: var(--green) !important
}

.t_gray {
    color: var(--gray) !important
}

.t_maroon {
    color: var(--maroon) !important
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show, .t-white, .t_white {
    color: var(--white) !important
}

.account_login .form_area .title h1, .t-cream {
    color: var(--cream) !important
}

.t-black {
    color: var(--black) !important
}

.t-darkgray {
    color: var(--darkgray) !important
}

.btn_a, .btn_b {
    color: var(--orange)
}

@font-face {
    font-family: Playlist_Script;
    src: url("../../assets/fonts/Playlist_Script.otf")
}

@font-face {
    font-family: Inter-Regular;
    src: url("../../assets/fonts/Inter-Regular.ttf")
}

@font-face {
    font-family: Inter-Medium;
    src: url("../../assets/fonts/Inter-Medium.ttf")
}

@font-face {
    font-family: Inter-SemiBold;
    src: url("../../assets/fonts/Inter-SemiBold.ttf")
}

@font-face {
    font-family: Inter-Bold;
    src: url("../../assets/fonts/Inter-Bold.ttf")
}

@font-face {
    font-family: pacifico-regular;
    src: url("../../assets/fonts/Pacifico-Regular.ttf")
}

.f_pacifico-regular {
    font-family: pacifico-regular;
    font-weight: 400 !important
}

.f_playlist_Script {
    font-family: Playlist_Script
}

.f_inter-regular {
    font-family: Inter-Regular
}

.f_inter-medium {
    font-family: Inter-Medium
}

.f_inter-semiBold {
    font-family: Inter-SemiBold
}

.f_inter-bold {
    font-family: Inter-Bold
}

.f_60 {
    font-size: 60px !important
}

.f_40 {
    font-size: 40px !important
}

.f_42 {
    font-size: 42px !important
}

.f_38 {
    font-size: 38px !important
}

.f_30 {
    font-size: 30px !important
}

.f_24 {
    font-size: 24px !important
}

.f_20 {
    font-size: 20px !important
}

.f_16, a.dropdown-item {
    font-size: 16px !important
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: var(--orange);
    font-family: Inter-SemiBold;
    font-weight: 600 !important
}

.btn_a {
    background: 0 0
}

.btn_b, .btn_c {
    background: var(--white)
}

.btn_a, .btn_b, .btn_c, .btn_green-fill, .btn_orange-fill {
    padding: 8px 48px;
    border: 3px solid;
    font-size: 20px;
    font-weight: 600;
    text-align: center
}

.btn_b {
    border-color: var(--green) !important
}

.btn_c, .btn_orange-fill, .btn_orange-fill:hover {
    border-color: var(--orange) !important
}

.btn_b:hover {
    color: var(--white);
    background: var(--green)
}

.btn_c {
    color: var(--green)
}

    .btn_c:hover {
        color: var(--white);
        background: var(--orange)
    }

.btn_orange-fill {
    color: var(--white) !important;
    background: var(--orange) !important
}

    .btn_orange-fill:hover {
        color: var(--orange) !important;
        background: var(--white) !important
    }

.btn_green-fill {
    color: var(--cream) !important;
    border-color: var(--green) !important;
    background: var(--green) !important
}

.link_btn {
    color: var(--orange)
}

    .link_btn:hover {
        color: var(--green)
    }

.topbar a, .topbar i {
    font-weight: 500
}

    .topbar a.btn_a_hover:hover {
        color: var(--cream) !important
    }

a.dropdown-item {
    color: #333 !important;
    font-weight: 500 !important
}

.topbar a, .topbar p {
    font-size: 1.25rem
}

    .topbar a.btn {
        font-size: 14px;
        font-weight: 600;
        padding: 6px 40px
    }

header {
    box-shadow: 7px 6px 10px 0 #1a1a1a87;
    z-index: 9999
}

.navbar-brand img {
    position: absolute;
    top: 140px;
    bottom: 0;
    margin: auto;
    z-index: 999;
    border-radius: 50%;
    box-shadow: 7px 11px 20px 0 #2a2a2a87;
    transition: .5s;
    width: 160px
}

.list-view-box-package, .menu .dropdown-menu, .topbar .dropdown-menu {
    background-color: var(--orange_light)
}

.hero-slider .slick-list {
    margin: 0 !important
}

.hero-slider .slick-dots li button:before {
    font-size: 16px !important;
    color: var(--white) !important
}

.hero-slider .slide_1, .hero-slider .slide_2, .hero-slider .slide_3 {
    display: flex
}

.hero .hero-slider .slick-slide .slide-img img, .story_bg img {
    object-fit: cover;
    height: 100%;
    object-position: left top
}

.hero .hero-slider .slick-slide {
    margin-left: 0
}

.hero .hero-slider .slick-prev {
    color: transparent !important;
    border-radius: 0;
    border: none;
    margin-left: 0;
    left: 0;
    background-image: url(../../assets/images/slider/arrow-left.png) !important
}

.hero .hero-slider .slick-next {
    color: transparent !important;
    border-radius: 0;
    border: none;
    left: auto;
    right: 0;
    background-image: url(../../assets/images/slider/arrow-right.png) !important
}

.hero .text-area a {
    font-size: 20px;
    display: inline-block
}

.game-slider .slider img {
    max-width: 128px
}

.brands .slider img {
    max-width: 270px
}

.review {
    background-image: url(../../assets/images/png/quote.png);
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 320px
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background: 0 0 !important;
    border-color: var(--orange) !important
}

.dropdown-group button.btn.btn-primary {
    background: 0 0;
    border-color: var(--darkgray) !important;
    color: var(--darkgray) !important;
    padding: 8px 16px;
    font-size: 16px;
    width: 360px;
    font-weight: 600
}

.city h4 {
    color: var(--darkgray) !important;
    font-size: 16px
}

.tournament-city h4 {
    color: var(--darkgray) !important;
    font-size: 16px
}

.city_tab li.nav-item {
    width: 180px;
    display: flex;
    align-items: flex-end;
    justify-content: center
}

    .city_tab li.nav-item .icon .slide, .city_tab_1 .slick-slide .city .to .icon .slide, .city_tab_1 .slick-slide .tournament-city .to .icon .slide {
        max-height: 110px
    }

.city_tab .nav-link, .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    border-bottom: 3px solid var(--white);
    border-radius: 0 !important;
    cursor: pointer
}

.footer .img_girls img {
    right: 0;
    bottom: 0;
    z-index: 999;
    position: absolute;
    width: 40%
}

.footer .nav .nav-item .nav-link {
    color: #ffff !important;
    font-size: 16px
}

.button_group.d-flex.justify-content-between.align-items-center a.btn_b.rounded-pill.text-center.text-uppercase.mt-4.mt-lg-8:hover, .button_group.d-flex.justify-content-between.align-items-center a.btn_c.rounded-pill.text-center.text-uppercase.mt-4.mt-lg-8:hover, .col-12.col-lg-5.col-xl-4.text-area.bg_green.ps-lg-8.px-8.py-lg-16.py-10.order-2.order-lg-1 h2, .col-12.col-lg-5.col-xl-4.text-area.bg_green.ps-lg-8.px-8.py-lg-16.py-10.order-2.order-lg-1 h3, .d-flex.align-items-center.justify-content-lg-start.flow-row.mt-8 button:hover, .footer .social-links, .footer span.small.text-muted, .footer span.small.text-muted a, a.btn_c.rounded-pill.text-uppercase.mt-2.mb-4.mb-lg-0.mt-lg-8.t-black.book-session-now-btn:hover {
    color: #ffff !important
}

.our-story .about_text .arrow-icon {
    margin-left: 15px;
    max-width: 11px;
    margin-bottom: 2px
}

.our-story .fullimg {
    object-fit: cover;
    object-position: left top
}

.border-separate {
    height: 430px;
    width: 4px
}

.plans .card .button_group .btn_b, .plans .card .button_group .btn_c {
    font-size: 16px
}

.plans .card-body {
    border-radius: 0 0 30px 30px !important;
    padding: 24px
}

.plans .card {
    border: 0;
    background: 0 0
}

    .plans .card .card-top-share {
        position: absolute;
        bottom: 20px;
        right: 20px;
        cursor: pointer
    }

    .plans .card .card-top-left {
        float: left;
        color: var(--orange);
        line-height: 1.2;
        margin-top: 1px;
        margin-left: 1px;
        padding: 4px 12px;
        border-radius: 0 10px 10px 0;
        background-color: var(--orange_light)
    }

    .plans .card .card-top-right, .plans .card .card-top-right-green {
        float: right;
        line-height: 1.2;
        margin-top: 1px;
        margin-right: 1px;
        padding: 4px 12px;
        border-radius: 10px 0 0 10px;
        color: var(--white)
    }

    .list-view-box, .plans .card .card-top-right {
        background-color: var(--orange)
    }

    .plans .card .card-top-right-green {
        background-color: var(--green)
    }

.card-body .location p {
    color: var(--black);
    font-size: 18px
}

.our_pillars .user_img .insta {
    top: 0;
    position: absolute;
    right: 50px
}

.our_pillars .user_img a {
    cursor: pointer
}

.arrow.position-absolute {
    width: 100%;
    bottom: 40px;
    z-index: 999
}

.testimonials .slick-dots {
    left: 0;
    right: 0
}

.sessions .cityslide .slick-prev {
    color: transparent !important;
    border-radius: 0;
    border: none;
    margin-left: 0;
    width: 24px;
    height: 40px;
    bottom: 0;
    left: -40px;
    top: 60%;
    z-index: 9;
    background-color: transparent !important;
    background-image: url(../../assets/images/icons/left-arrow.svg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important
}

.sessions .cityslide .slick-next, .testimonial .testimonials .slick-prev {
    border-radius: 0;
    bottom: 0;
    top: 60%;
    z-index: 9;
    background-color: transparent !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    color: transparent !important
}

.sessions .cityslide .slick-next {
    border: none;
    width: 24px;
    height: 40px;
    left: auto;
    right: -40px;
    background-image: url(../../assets/images/icons/right-arrow.svg) !important
}

.city_tab_1 .slick-slide .city, .city_tab_1 .slick-slide .tournament-city {
    width: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border-bottom: 3px solid var(--white)
}

.city_tab_1 .slick-slide .active_city {
    border-bottom: 3px solid var(--orange)
}

.testimonial .testimonials .slick-prev {
    border: none;
    margin-left: 0;
    width: 34px;
    height: 60px;
    left: 10px;
    background-image: url(../../assets/images/icons/left-arrow.svg) !important
}

.testimonial .testimonials .slick-next {
    color: transparent !important;
    border-radius: 0;
    border: none;
    width: 34px;
    height: 60px;
    bottom: 0;
    left: auto;
    right: 10px;
    top: 60%;
    z-index: 9;
    background-color: transparent !important;
    background-image: url(../../assets/images/icons/right-arrow.svg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important
}

.plans .event-slider-1 .slick-next, .plans .event-slider-1 .slick-prev, .plans .event-slider-2 .slick-next, .plans .event-slider-2 .slick-prev {
    color: transparent !important;
    width: 32px;
    height: 60px;
    top: 60%;
    z-index: 9;
    background-color: transparent !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    bottom: 0
}

.plans .event-slider-1 .slick-prev, .plans .event-slider-2 .slick-prev {
    border-radius: 0;
    border: none;
    margin-left: 0;
    left: -40px;
    background-image: url(../../assets/images/icons/left-arrow.svg) !important
}

.plans .event-slider-1 .slick-next, .plans .event-slider-2 .slick-next {
    border-radius: 0;
    border: none;
    left: auto;
    right: -40px;
    background-image: url(../../assets/images/icons/right-arrow.svg) !important
}

.package-plan .card-body .icon img {
    filter: brightness(5) invert(1) !important
}

.package-plan .slick-dots li button:before, .package-plan .slick-dots li.slick-active button:before {
    color: var(--white)
}

.list-view-box, .list-view-box-green, .list-view-box-package {
    width: 100%;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    margin: 15px 0;
    padding: 20px;
    justify-content: space-between
}

.list-view-box-green {
    background-color: var(--green)
}

.box-date {
    width: 120px;
    min-height: 138px;
    text-align: center;
    padding: 15px;
    background-color: #fdecd9;
    margin-left: 38px
}

    .box-date .date-name {
        transform: rotate(-90deg) translateX(-90px);
        transform-origin: left;
        position: absolute;
        right: -3px;
        top: 0;
        color: #fff;
        padding: 1px 7px;
        background-color: var(--darkgray);
        height: 38px;
        bottom: 38px;
        min-width: 142px;
        margin: auto;
        display: block;
        text-transform: uppercase;
        font-size: 22px;
        font-weight: 600
    }

    .box-date .date-text1 {
        color: #ee5f2f;
        font-weight: 800;
        font-size: 56px;
        line-height: 1.1;
        margin-bottom: 6px
    }

    .box-date .date-text2, .box-date .date-text3 {
        color: #ee5f2f;
        font-weight: 500;
        font-size: 16px;
        line-height: 1.1
    }

    .box-date .date-text2 {
        margin-bottom: 8px
    }

.box-city, .box-image {
    margin: 0 8px
}

.list-view-box .box-image img {
    height: 140px;
    width: 140px;
    object-fit: cover
}

.box-title {
    width: 18%
}

.box-title-icon {
    width: 10%;
    text-align: center
}

.box-button, .box-city {
    width: 20%
}

    .box-city p {
        color: #fff;
        margin-bottom: 0
    }

.box-title-icon p {
    font-size: 20px;
    margin-top: 5px
}

.box-button .box-button-cu {
    border-radius: 32px;
    font-size: 14px;
    margin: 3px auto;
    padding: 4px 10px;
    display: inline-block;
    width: 80%
}

.modal .modal-dialog .modal-content .dialog-main-body {
    background-color: #313232;
    padding: 40px
}

.main-body-button .btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    filter: invert(1) brightness(2)
}

.dialog-main {
    flex-wrap: wrap;
    display: flex;
    width: 100%
}

.dialog-image {
    width: 40%
}

    .dialog-image h3 {
        margin-top: 10px;
        font-size: 44px;
        color: #ed6030
    }

    .dialog-image span {
        font-size: 24px;
        font-weight: 400;
        color: #2f978f
    }

.dialog-paragraph {
    width: 60%;
    color: #fff
}

.dialog-sub-header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.f_18 {
    font-size: 18px !important;
    font-weight: 600 !important
}

.dialog-description {
    width: 100%;
    color: #fff
}

#gridviews, #listviews {
    cursor: pointer;
    filter: grayscale(1)
}

#gridviews-content, #listviews-content {
    display: none
}

.activeview {
    filter: grayscale(0) !important
}

.view-more-btn {
    color: var(--orange);
    cursor: pointer
}

.marquee {
    width: 100vw;
    max-width: 100%
}

.track {
    white-space: nowrap;
    will-change: transform;
    animation: 6s linear infinite marquee
}

to {
    transform: translateX(-50%)
}

.banner-text h2 {
    text-transform: uppercase;
    letter-spacing: 8px;
    text-align: center;
    background: #fff212;
    padding: 12px
}

.bg-light-sis {
    background-color: #fdebd8 !important
}

footer h6.mb-4.text-black {
    font-size: 20px
}

.contact-info h2 {
    color: #ed6030
}

.testimonial .user_info h5 {
    color: #2f978f
}

.contact-info .info p {
    color: #ed6030;
    font-size: 20px
}

.events {
    background: #fdebd8
}

.brand-logos img {
    max-width: 136px;
    height: -webkit-fill-available
}

.pagination .page-link {
    background-color: #ccc;
    color: var(--t-darkgray) !important;
    font-weight: 500;
    font-size: 20px !important;
    height: 38px;
    width: 38px;
    padding: 2px 0;
    text-align: center
}

    .pagination .active > .page-link, .pagination .page-link:hover {
        background-color: var(--bg_white) !important;
        border-color: #ccc !important
    }

.pagination .page-item .page-link {
    border-radius: 100% !important
}

.shopping-cart .step-count, .shopping-cart .steps {
    background: var(--white);
    border: 4px solid var(--green)
}

.page-item:not(:first-child) .page-link, .pagination .page-item:first-child .page-link {
    margin-right: 15px !important
}

.pagination .page-link:focus {
    box-shadow: none;
    background-color: var(--bg_white) !important
}

.contact_form input, .contact_form textarea {
    font-size: 30px;
    box-shadow: 12px 9px 18px 0 #1a1a1a69
}

.blog .blog_reading_time {
    position: absolute;
    bottom: 34px;
    right: 34px;
    z-index: 100
}

.shopping-cart .steps {
    padding: 10px 38px;
    text-align: left;
    border-radius: 42px;
    position: relative;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px
}

.shopping-cart .step-count {
    width: 56.8px;
    height: 56.8px;
    border-radius: 100px;
    text-align: center;
    font-size: 32px;
    position: absolute;
    right: -4px;
    top: -4px;
    font-weight: 700
}

.Session_detail .card-bg-image, .account_login .banner-area, .blog-image-bg, section.contact_banner {
    background-position: center;
    background-size: cover
}

.steps_border {
    position: absolute;
    z-index: -1;
    top: 26px;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px
}

.cart-detail .coupon_field input {
    border: 4px solid var(--green);
    border-radius: 100px;
    height: 60px;
    font-size: 18px;
    padding: 26px
}

.cart-detail .coupon_field .btn_green-fill {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    line-height: 38px;
    margin: auto;
    text-align: center
}

.cart-detail {
    border-top: 2px solid var(--gray)
}

    .billing_order_details tr, .cart-detail table.table, .community .title p {
        font-weight: 500
    }

.billing-details .form-select, .billing-details input, .sign_mobile input {
    box-shadow: 7px 6px 10px 0 #1a1a1a2e;
    font-size: 20px;
    border-color: #eee;
    padding: 11px
}

.billing-details .form-check-input[type=checkbox], .sign_mobile .form-check-input[type=checkbox] {
    box-shadow: none;
    border: 2px solid var(--gray)
}

.billing-details .form-select, .billing-details input::placeholder {
    color: #b5b5b5;
    opacity: 1
}

. .billing-details .form-select, .billing-form input::-ms-input-placeholder {
    color: #b5b5b5
}

.form-check-input:checked {
    background-color: var(--orange) !important;
    border-color: #0aad0a
}

h2.thankyou_text_style {
    font-size: 80px !important
}

.order_completed_detail p {
    font-weight: 700;
    line-height: 48px
}

.account_login .sign_mobile {
    border-radius: 20px;
    width: 65%
}

    .account_login .sign_mobile .title {
        border-top-right-radius: 20px;
        border-top-left-radius: 20px
    }

.account_login .banner-area {
    background-image: url(../../assets/images/banner/Login-img.jpg);
    height: 800px
}

.blog-image-bg {
    background-image: url("../../assets/images/blog/blog_popular_post_1.jpg");
    height: 550px
}

.blog-btn svg {
    position: absolute;
    top: 6px;
    border: 0;
    margin: auto
}

.blog-next svg {
    right: -46px
}

.blog-prev svg {
    left: -46px
}

.Session_detail .plan_info .accordion-item {
    background: 0 0 !important
}

.accordion-button:focus {
    border-color: none !important
}

.Session_detail .plan_info button.accordion-button {
    border: 1px solid #ffff;
    border-radius: 24px !important
}

.Session_detail .accordion-button:after {
    margin: 0 !important;
    background-image: url(../../assets/images/icons/large-arrow.svg) !important
}

.Session_detail .card-bg-image {
    background-image: url(../../assets/images/banner/session_img.jpg)
}

.detail_page_btn, .package-plan .list-view-box, detail_page_btn {
    background: var(--cream) !important
}

.card-detail .nav .active {
    border-bottom: 2px solid var(--orange) !important
}

.card-detail .nav-link {
    border-bottom: 2px solid var(--white) !important
}

.card-detail textarea.form-control {
    min-height: 200px;
    background-color: var(--cream);
    border: 0;
    border-radius: 20px;
    padding: 28px
}

    .card-detail textarea.form-control::-ms-input-placeholder {
        color: var(--orange);
        font-size: 20px;
        font-weight: 600
    }

    .card-detail textarea.form-control::placeholder {
        color: var(--orange);
        font-size: 20px
    }

.Session_detail .message-area img, .dashboard .content-area .message-area img {
    position: absolute;
    right: -4px;
    top: -18px
}

.shopping-cart .counter input {
    background: 0 0;
    border-radius: 100px !important;
    border: 3px solid var(--cream);
    font-size: 30px;
    text-align: center;
    color: #fff;
    padding: 0
}

.shopping-cart .input-group .input-group-btn .btn {
    background: 0 0;
    border: 3px solid var(--cream);
    border-radius: 100%;
    height: 52px;
    width: 52px;
    opacity: 100
}

.shopping-cart .input-group input {
    color: var(--cream)
}

.shopping-cart .counter {
    width: 22%
}

.shopping-cart .input-group .input-group-btn {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 10
}

.shopping-cart .input-group .plus {
    right: -1px
}

.shopping-cart .input-group .minus {
    left: -1px
}

.fade:not(.show) {
    opacity: 100 !important
}

section.contact_banner {
    background-image: url(/assets/images/banner/c_banner.jpg);
    background-color: #ccc;
    background-repeat: no-repeat;
    min-height: 800px
}

.brands .slick-track, .slick-track {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.blog-item .row {
    margin: 0 auto;
    padding: 0
}

.our-story, .plans {
    overflow: hidden
}

.blog-item .col-12 img {
    width: 100%
}

.detail_page_btn, detail_page_btn {
    color: var(--cream) !important;
    border-color: var(--orange) !important
}

.error-color {
    color: var(--fc-danger)
}

.modal {
    z-index: 11111 !important
}

img.imgcolor.img-fluid {
    filter: brightness(0) invert(1) !important
}

.slider .slick-slide.slick-current a:after {
    content: '';
    width: 100px;
    height: 2px;
    background: #ed6030;
    position: absolute;
    margin: 0 auto;
    bottom: 0
}

a.btn_b {
    cursor: pointer !important
}

.slick-next, .slick-prev, .slider.cityslide.slick-initialized.slick-slider .slidefix {
    display: block !important
}

.card-body .plan_info .icon img {
    margin-left: 12px
}

.card-body .price samll {
    font-size: 28px !important;
    text-align: right
}

.our_pillars .modal {
    top: 0 !important
}

.field_area ul.nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row;
    border: 0
}

.field_area .nav-tabs .nav-item.show .nav-link, .field_area .nav-tabs .nav-link.active {
    border: 0 !important;
    background: 0 0;
    color: var(--orange) !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.button_group.d-flex.justify-content-between.align-items-center a.btn_b.rounded-pill.text-center.text-uppercase.mt-4.mt-lg-8, .button_group.d-flex.justify-content-between.align-items-center a.btn_c.rounded-pill.text-center.text-uppercase.mt-4.mt-lg-8, .navbar .dropdown .dropdown-toggle:after, .packages .card-body, .packages .card-body .level h3.location, .packages .card-body .level p {
    color: #000 !important
}

.packages .plans .slick-dots li button:before {
    color: #fff !important
}

.card-body .price small {
    font-size: 26px;
    text-align: right
}

.reward-stuff .reward-card-bottom {
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px
}

.questions-card {
    background-color: #f04d2d;
    padding: 30px;
    border-radius: 40px;
    text-align: center;
    color: #fff;
    margin: 30px,auto
}

.contact-button {
    background-color: #ffeeda;
    color: #f04d2d;
    font-weight: 700;
    text-decoration: none;
    padding: 12px 30px;
    border-radius: 25px;
    border: 2px solid #ffeeda;
    display: inline-block;
    transition: background-color .3s,color .3s;
    font-size: 16px;
    box-shadow: 0 4px 4px rgba(0,0,0,.25)
}

    .contact-button:hover {
        background-color: #f04d2d;
        color: #fff;
        border-color: #fff
    }

.btn_green-fill:hover {
    color: var(--green) !important;
    border-color: var(--green) !important;
    background: var(--white) !important
}

.profile_form .user_img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.side-menu {
    background: var(--cream);
    padding: 120px 46px 46px !important;
    webkit-transition: width .2s ease;
    -o-transition: width .2s;
    transition: width .2s;
    top: 166px;
    overflow-y: auto;
    width: 20%;
    position: fixed;
    height: 100vh
}

    .side-menu .navbar-nav .nav-link {
        font-size: 24px !important;
        color: var(--darkgray) !important;
        font-weight: 600;
        text-transform: capitalize;
        margin-bottom: 18x
    }

.content-area {
    background: var(--white);
    height: 100vh;
    padding: 60px 120px;
    width: 80%;
    margin-left: 380.8px
}

@media (max-width:991px) {
    .profile .form_footer a {
        padding: 8px 15px
    }

    .content-area, .side-menu {
        width: 100% !important
    }

    .side-menu {
        position: relative;
        padding: 20px !important;
        top: 0;
        height: auto
    }

    .content-area {
        margin-left: 0;
        padding: 20px !important
    }
}

.dashboard .btn_orange-fill, .dashboard .btn_orange-fill:focus {
    color: var(--cream) !important;
    border-color: var(--green) !important;
    text-align: center
}

    .dashboard .btn_orange-fill:hover {
        color: var(--orange) !important;
        background-color: var(--cream) !important
    }

.dashboard .btn_b {
    background-color: var(--cream) !important;
    text-align: center
}

.dashboard .community-form .form-control, .dashboard .community-form select {
    font-size: 24px;
    border-color: var(--cream) !important;
    font-weight: 400
}

.dashboard .community-form input, .dashboard .community-form select {
    box-shadow: 1px 9px 8px 0 #1a1a1a26
}

    .dashboard .community-form input::placeholder, .dashboard .community-form select {
        color: #c2c2c2 !important;
        font-size: 24px;
        font-weight: 400
    }

.add-to-cart-sidebar .cart_value {
    border-bottom: 1px solid var(--orange) !important
}

.add-to-cart-sidebar .price-value h4 {
    color: var(--gray) !important;
    font-weight: 600 !important
}

@media screen and (min-width:1200px) and (max-width:1425px) {
    .nav-link, .topbar a, .topbar p {
        font-size: 13px !important
    }
}

@media screen and (min-width:1426px) and (max-width:1599px) {
    .nav-link, .plans .card .button_group .btn_b, .plans .card .button_group .btn_c, .topbar a, .topbar p {
        font-size: 14px !important
    }
}

@media (min-width:1600px) and (max-width:1799px) {
    .nav-link, .topbar a, .topbar p {
        font-size: 16px !important
    }
}

@media (min-width:1800px) and (max-width:1920px) {
    .nav-link, .topbar a, .topbar p {
        font-size: 20px !important
    }

    .brand-logo img {
        max-width: 160px
    }
}

@media screen and (min-width:1200px) and (max-width:1599px) {
    .brand-logo img {
        max-width: 120px
    }
}

@media screen and (min-width:1600px) and (max-width:1920px) {
    .brand-logo img {
        max-width: 140px
    }
}

@media (min-width:1200px) and (max-width:1920px) {
    body {
        padding-top: 148px !important
    }
}

@media (min-width:768px) and (max-width:992px) {
    body {
        padding-top: 86px !important
    }
}

@media (max-width:767px) {
    body {
        padding-top: 96px !important
    }
}

.card .card-img img.card-box-img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.card-top-left, .card-top-right-green {
    position: absolute;
    top: 0
}

.card-top-left {
    left: 0
}

.card-top-right-green {
    right: 0
}

.our_pillars .user_img img.pillars-img {
    height: 332px;
    width: 332px;
    object-fit: cover;
    object-position: center
}

.Session_detail .card-body {
    height: 100%
}

.plans .group-date span {
    color: var(--white);
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    margin: 5px
}

.plans .group-date {
    display: flex;
    flex-flow: column;
    justify-content: center
}

.past-orders {
    filter: grayscale(100%)
}

.dark-city-img {
    filter: brightness(10) invert(1) !important
}

.list-group.list-group-flush a {
    background: #000 !important;
    color: #ffff !important
}

nav.navbar.navbar-expand-sm.navbar-light.border-bottom.box-shadow.mb-3 {
    border-bottom: 0;
    margin-bottom: 0 !important
}

.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

img.admin-logo {
    position: absolute;
    left: 10px;
    z-index: 10;
    top: 10px;
    width: 170px
}

.editButton {
    background-color: #ed6030;
    color: #fff;
    border-radius: 40px
}

.btn_c, section.sessions.pt-12 .row.text-center h2.f_PlayfairDisplay-SemiBold.f_40 {
    color: #000
}

.event_info {
    min-height: 100px !important
}

.plan_info.d-flex.justify-content-between .level p {
    color: #000;
    font-size: 28px
}

.message-area.mt-8.h-10.w-lg-50 textarea#exampleFormControlTextarea1 {
    color: #ed6030;
    font-size: 22px
}

.card-body.p-0 .plan_info.d-flex.justify-content-between, .level .icon.d-flex.allign-items-center {
    align-items: center
}

.d-flex.flex-column span {
    font-size: 38px;
    font-weight: 500
}

.level .icon.d-flex.allign-items-center h3, .level .icon.d-flex.allign-items-center img {
    margin: 0
}

.info_group.mt-6.d-flex.justify-content-between {
    margin-bottom: 15px
}

.blog_text p, .tab-pane.fade.active.show {
    font-size: 18px
}

section > :first-child {
    margin-top: 140px
}

@media screen and (max-width:1920px) {
    section > :first-child {
        margin-top: 0
    }
}

header.position-fixed.bg-light.top-0.w-100.small-header img.img-fluid.header-logo-img {
    position: inherit;
    transition: .3s
}

@media screen and (max-width:768px) {
    .event_info, .title h2 {
        min-height: auto !important
    }

    .plan_info.d-flex.justify-content-between .icon img {
        margin: 0
    }

    .plans .card-body {
        padding: 20px
    }
}

.plan_info.d-flex.justify-content-between {
    min-height: 115px
}

@media screen and (max-width:992px) and (min-width:768px) {
    .card-body .plan_info .card-body.p-0 .plan_info.d-flex.justify-content-between {
        min-height: 145px
    }
}