/********* header starts here **********/
/*******************************************/

body{
    padding:66px 0 0 0;
}

header{
    padding: 5px;
    position: fixed;
    width: 100%;
    z-index: 10;
    left: 0;
    top: 0;
}
.top_nav{
    background: var(--light-blue-bg);
    border-radius: var(--border-radius-20);
    padding: 12px 38px;
}
.clps_btn{
    display: none;
}
.nav_content .logo{
    font-size: 1.1rem;
    font-weight: var(--font-bold);
    letter-spacing: var(--letter-spacing-2);
    text-transform: var(--text-uppercase);
    color: var(--text-blue);
    display: inline-block;

    /* flex: 1; */
}

.headr_item_right {
    flex: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nav_content{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.nav_content>*{
    /* flex: 0 0 33.333333%;
    max-width: 33.333333%; */
}

.nav_content .logo:hover{
    text-decoration: var(--no-underline);
}

.nav_list{
    margin-bottom: 0;
    padding-left: 0;
    text-align: var(--text-center);

    margin-left: auto;
    margin-right: auto;
}

.nav_list li{
    display: inline-block;
}

.nav_list li a{
    font-size: 0.83rem;
    font-weight: var(--font-semibold);
    letter-spacing: var(--letter-spacing-2);
    text-transform: var(--text-uppercase);
    color: var(--text-blue);
    padding:2px 15px ;
    position: relative;
}
.nav_list li a::after{
    content: '';
    position: absolute;
    height: 1.5px;
    width: 0;
    background: var(--deep-blue-bg);
    border-radius: 2px;
    bottom: -4px;
    left: 15px;
    overflow: hidden;
    opacity: 0;
    transition: 0.4s all;
}

.nav_list li a:hover{
    text-decoration: var(--no-underline);
}
.nav_list li a:hover::after{
    width: 28px;
    opacity: 1; 
}
.nav_sc{
    display: flex;
    justify-content: flex-end;
}
.sign_up_btn{
    background: var(--deep-blue-bg);
    color: var(--text-yellow);
    border-radius: var( --capsule-radius);
    text-transform: var(--text-uppercase);
    font-weight: var(--font-semibold);
    border: 1px solid transparent;
    font-size: 0.813rem;
    line-height: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 20px;
    transition: 0.4s all;
    align-self: flex-end;
}

.sign_up_btn:hover{
    border: 1px solid var(--text-blue);
    color: var(--text-blue);
    transition: all .3s linear;
    background: transparent;
    text-decoration: var(--no-underline);
}

.sc_nav_link{
    padding-left: 0;
    margin-bottom: 0;
    display: none;
}

.sc_nav_link li{
    display: inline-block;
    padding: 0 2px;
}

.sc_nav_link li .l_item{
    display:inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    font-size: 1.37rem;
    line-height: 1;
    background: var(--deep-blue-bg);
    color: var(--light-blue-bg);
    transition: 0.4s all;
}

.sc_nav_link li .l_item:hover{
    background: var(--yellow-bg);
    color: var(--text-blue);
    text-decoration: var(--no-underline);
}

.nav_sc .contact_list_top{
    display: none;
}


/*******************************************/
/********* header ends here *********/

/*******************************************/
/********* top_banner starts here *********/
.top_banner {
    padding: 0 5px;
}

.top_banner_inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.top_banner_left {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    background: var(--light-blue-bg);
    border-radius: var(--border-radius-20);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.top_banner_text {
    padding: 40px 38px 0 30px;
}

.top_banner_text h1 {
    color: var(--deep-blue-bg);
    text-transform: var(--text-uppercase);
    letter-spacing: -0.05em;
    padding: 0 0 16px 0;
}

.top_banner_text h1 span{
    display: block;
}

.top_banner_text p {
    padding: 24px 0 0 0;
    color: var(--body-blue);
    max-width: 658px;
    letter-spacing: -0.02em;
}

.top_banner_right {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding-left: 5px;
}

.top_banner_right img {
    width: 100%;
}

.signup_top {
    background: var(--yellow-bg);
    border-radius: var(--border-radius-20);
    padding: 20px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.contact_list_top {
    display: flex;
    align-items: center;
}

.contact_list_top li {
    font-size: 0.813rem;
    /** font-sze 13px **/
    line-height: 1rem;
    font-weight: var(--font-semibold);
    letter-spacing: var(--letter-spacing-2);
}

.contact_list_top li:first-child {
    padding-right: 20px;
    text-transform: var(--text-uppercase);
}

.contact_list_top li a {
    color: var(--deep-blue-bg);
    display: flex;
    align-items: center;
}

.contact_list_top li a img {
    margin-right: 6px;
}

.signup_for_class {
    background: transparent;
    position: relative;
    border: var(--no-border);
    box-shadow: var(--no-shadow);
    height: 41px;
    padding: 0 0 0 53px;
    text-transform: var(--text-uppercase);
    font-weight: var(--font-semibold);
    color: var(--text-blue);
    line-height: 100%;
    letter-spacing: var(--letter-spacing-2);
    font-size: 0.813rem;
    /** font-sze 13px **/
    line-height: 1rem;
}

.signup_for_class:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 41px;
    height: 41px;
    background: url("../images/top_arrow.svg") center center no-repeat var(--text-blue);
    border-radius: 12px;
}

.signup_for_class:hover:before{
    transform: rotate(-180deg);
    transition: all .3s linear;
}

/********* top_banner ends here **********/
/*******************************************/

/********* about_us starts here **********/
/*******************************************/
.about_us {
    padding: 200px 0 0 0;
}

.about_us_inner {
    align-items: flex-start;
}

.about_left h6,
.testimonial_left h6 {
    color: var(--white);
    text-transform: var(--text-uppercase);
    font-weight: var(--font-semibold);
}

.about_right h2 {
    color: var(--white);
    text-transform: var(--text-uppercase);
    letter-spacing: var(--letter-spacing-4);
    font-size: 3rem;
}

.about_bottom {
    margin: 50px 0 40px 0;
}

.about_bottom>* {
    width: 35%;
    display: inline-block;
    color: var(--white);
    vertical-align: text-top;
}

.about_bottom .about_bottom_right {
    margin-left: 70px;
}

.about_bottom p {
    color: var(--white);
}

.sports_item {
    margin: 2px;
}

.sport_slider {
    padding-top: 40px;
}

.sport_slider .slick-list{
    padding: 0 20% 0 0 !important;
}


.sport_slider .slick-arrow {
    display: inline-block;
    height: 44px;
    width: 44px;
    border-radius: 50%;
    line-height: 44px;
    text-align: var(--text-center);
    background: var(--light-blue-bg);
    position: absolute;
    top: -52px;
    transition: opacity 0.4s;
    color: transparent;
    border: var(--no-border);
    outline: none;
}

.sport_slider .slick-arrow:hover{
    opacity: .5;
}

.sport_slider .slick-prev.slick-arrow{
    background: url(../images/prev-arrow.svg) center center no-repeat var(--light-blue-bg);
    right: 83px;
    
}

.sport_slider .slick-next.slick-arrow{
    background: url(../images/next-arrow.svg) center center no-repeat var(--light-blue-bg);
    right: 35px;
    
}

.slick-arrow.prev-arrow[aria-disabled="true"],
.slick-arrow.next-arrow[aria-disabled="true"] {
    opacity: 0.5;
}


.sports_item img{
    width: 100%;
    height: auto;
}

.sport_filter_list {
    padding: 18px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    margin-bottom: 0;
}

.sport_filter_list li {
    color: var(--white);
    text-transform: var(--text-uppercase);
    letter-spacing: var(--letter-spacing-2);
    font-weight: var(--font-semibold);
    font-size: 0.81rem;
    margin: 0 15px;
    opacity: 0.5;
    cursor: pointer;
}

.sport_filter_list li:nth-child(1) {
    margin-left: 0;
}

.sport_filter_list li:hover {
    opacity: 1;
}

.sport_filter_list li.active {
    opacity: 1;
    color: var(--text-yellow);
    position: relative;
}

.sport_filter_list li.active:after {
    content: '';
    position: absolute;
    bottom: -78%;
    width: 100%;
    left: 0;
    background: var(--text-yellow);
    height: 1px;
}

.sm-pd-div {
    padding: 0 0 0 5px;
}

/********* about_us end here **********/
/*******************************************/

/********* we_conduct starts here **********/
/*******************************************/

.we_conduct {
    padding: 200px 0 0 0;
}

.we_conduct_left h2 {
    text-transform: var(--text-uppercase);
    color: var(--white);
    letter-spacing: var(--letter-spacing-4);
}

.we_conduct_right {
    display: flex;
    justify-content: space-between;
}

.conduct_box {
    background: var(--light-blue-bg);
    border-radius: var(--border-radius-20);
    padding: 40px 30px;
    width: 49.5%;
}

.conduct_box .text_title {
    position: relative;
    padding-left: 35px;
    margin: 0 0 16px 0;
}

.conduct_box .text_title h5 {
    color: var(--text-blue);
    /* font-family: 'Onest-Medium'; */
    font-size: 1.625rem;
    text-transform: capitalize;
}

.text_title object {
    position: absolute;
    left: 0;
    top: -2px;
}

.conduct_box p,
.conduct_box p a {
    color: var(--text-blue);
    letter-spacing: var(--letter-spacing-2);
}

.conduct_box p+p {
    margin-top: 24px;
}

.conduct_box p a {
    text-decoration: var(--underline);
}


/********* we_conduct ends here **********/
/*******************************************/

/********* testimonial_section starts here **********/
/*******************************************/

.testimonial_section {
    padding: 200px 5px 0 5px;
}

.testimonial_inner {
    background: var(--light-blue-bg);
    border-radius: var(--border-radius-20);
    padding: 30px 15px;
}

.testimonial_left h6 {
    color: var(--text-blue);
}

.t_item .profile {
    position: relative;
    padding-left: 55px;
}


.t_item .profile span.quote {
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: var(--text-center);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    background: var(--deep-blue-bg);
}

.t_item .profile span.quote img {
    display: inline-block;
}

.p_text {
    color: var(--text-blue);
    margin-bottom: 37px;
}

.p_text h4 {
    /* font-family: 'Onest-Medium'; */
    letter-spacing: var(--letter-spacing-3);
}

.p_text h6 {
    text-transform: var(--text-uppercase);
    font-weight: var(--font-semibold);
    letter-spacing: var(--letter-spacing-2);
}

.t_item .content {
    padding: 30px 0 0 0;
}

.t_item .content h3 {
    color: var(--text-blue);
    text-transform: var(--text-uppercase);
    font-family: 'Onest-Bold';
    letter-spacing: var(--letter-spacing-4);
}

.t_item .content h4 {
    color: var(--text-blue);
    /* font-family: 'Onest-Light'; */
    /* font-weight: var(--font-medium); */
    letter-spacing: var(--letter-spacing-3);
    padding: 20px 0 0 0;
}

 .testimonial_slider .slick-arrow {
    display: inline-block;
    height: 44px;
    width: 44px;
    border-radius: 50%;
    line-height: 44px;
    text-align: var(--text-center);
    position: absolute;
    right: 0;
    color: transparent;
    border: var(--no-border);
    outline: none;
    top: 0;
    background: var(--deep-blue-bg);
    z-index: 3;
    transition: all .5s linear;
}

.testimonial_slider .slick-prev.slick-arrow{
    right: 48px;
    background: url(../images/prev-arrow-white.png) center center no-repeat var(--deep-blue-bg);
}

.testimonial_slider .slick-next.slick-arrow{
    right: 0;
    background: url(../images/next-arrow-white.png) center center no-repeat var(--deep-blue-bg);
} 

.testimonial_slider .slick-arrow:hover{
    opacity: 0.5;
    transition: all .5s linear;
}

/********* testimonial_section end here **********/
/*******************************************/
.contact_section {
    padding: 5px;
}

.contact_inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.contact_left {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding-right: 5px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.contact_text {
    padding: 40px 30px;
    background: var(--light-blue-bg);
    border-radius: var(--border-radius-20);

    height: 100%;
}

.contact_list_btm li:first-child {
    padding-bottom: 8px;
    text-transform: var(--text-uppercase);
}

.contact_list_btm li a {
    color: var(--deep-blue-bg);
    display: flex;
    font-weight: var(--font-semibold);
    align-items: center;
}

.contact_list_btm li a img {
    margin-right: 6px;
}

.contact_text h2 {
    text-transform: var(--text-uppercase);
    color: var(--text-blue);
    letter-spacing: var(--letter-spacing-4);
}

.contact_list_btm{
    padding: 20px 0 125px 0;
}

.social-links {
    padding: 20px 0 125px;
}

.social-links a {
    display: inline-block;
    width: 24px;
    height: 24px;
    font-size: 12px;
    border-radius: 50%;
    text-align: center;
    background: var(--deep-blue-bg);
    color: var(--white);
}

.social-links a+a {
    margin-left: 4px;
}

.contact_text .content h6 {
    color: var(--text-blue);
    text-transform: var(--text-uppercase);
    letter-spacing: var(--letter-spacing-2);
    font-weight: var(--font-semibold);
}

.contact_text .content h6+h6 {
    opacity: 0.6;
    margin-top: 20px;
}

.contact_text .content p {
    color: var(--text-blue);
    text-transform: var(--text-uppercase);
    letter-spacing: var(--letter-spacing-2);
    font-weight: var(--font-semibold);
}

.contact_text .content p+p {
    margin-top: 5px;
}

.map {
    padding: 30px 0;
}

.cpy-right {
    font-size: 0.62rem;
    opacity: 0.6;
    font-weight: var(--font-medium);
    margin-top: 20px;
}

.contact_right {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    background: var(--yellow-bg);
    border-radius: var(--border-radius-20);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.contact_form_text{
    padding: 40px 30px 33px;
}

.contact_form_text h2 {
    text-transform: var(--text-uppercase);
    color: var(--text-blue);
    letter-spacing: var(--letter-spacing-4);
}

.contact_form_text h6{
    color: var(--text-blue);
    text-transform: var(--text-uppercase);
    font-weight: var(--font-semibold);
    padding: 22px 0 20px 0;
}

.contactform{}

.contactform .form_row {
    display: flex;
    justify-content: space-between;
}


.contactform .form-group {
    position: relative;
    width: 48%;
    margin: 0 0 20px 0;
}

.contactform .form_row.full .form-group {
    width: 100%;
}

.contactform .form-group .input-form{
    width: 100%;
    height: 40px;
    padding: 0;
    border: var(--no-border);
    box-shadow: var(--no-shadow);
    outline: none;
    line-height: 100%;
    background: transparent;
    font-weight: 500;
    font-size: 16px;
    color: var(--text-blue);
    letter-spacing: var(--letter-spacing-2);
}

.contactform .form-group .floating_label {
    position: absolute;
    top: 0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    cursor: text;
    transition: all .3s ease;
    margin: 0;
    font-weight: 500;
    font-size: 16px;
    color: var(--text-blue);
    letter-spacing: var(--letter-spacing-2);

}

.contactform .form-group .floating_label.gap_from_left{
    left: 40px !important;
}



.contactform .form-group .input_line_wrap {
    background: #a09559;
    width: 100%;
    height: 1px;
    position: relative;
    overflow: hidden;
}

.contactform .form-group .input_line_wrap .input_line{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--text-blue);
    height: 1px;
    z-index: 2;
    transition: all .5s linear;
    transform: translate(-100%,0);
}

.contactform .form-group:hover .input_line_wrap .input_line {
    transform: translate(0,0);
    transition: all .5s linear;
}


.contactform .form-group .input-form:focus + .floating_label, 
.contactform .form-group textarea:focus + .floating_label, 
form.contactformpage .form-group.filled .input-form + .floating_label, 
form.contactformpage .form-group.filled textarea + .floating_label {
    font-size: 10px;
    top: -5px;
    color: #A09559;
}



.contactform .form-group textarea {
    width: 100%;
    height: 38px;
    padding: 0;
    border: 0px none;
    outline: none;
    line-height: 38px;
    resize: none;
    background: transparent;
    font-weight: 500;
    font-size: 16px;
    color: var(--text-blue);
    letter-spacing: var(--letter-spacing-2);
}

.testimonial_slider .slick-arrow.prev-arrow {
    z-index: 9;
}

h6.form_item_heading{
    color: var(--text-blue);
    text-transform: var(--text-uppercase);
    font-weight: var(--font-semibold);
    padding: 25px 0 20px 0;
}

.age_option{
    display: flex;
    padding: 0 0 45px 0;
    position: relative;
}

.age_option li{
    padding: 0 20px 0 0;
    font-size: 1rem;
    line-height: 1.313rem;
    color: var(--text-blue);
    font-weight: var(--font-medium);
    letter-spacing: -0.03em;
}

.age_option li input[type="radio"]{
    margin: 0 6px 0 0;
    accent-color: var(--text-blue);
}

.sessione_option{
    display: flex;
    padding: 0 0 45px 0;
    position: relative;
}

.sessione_option li{
    padding: 0 20px 0 0;
    font-size: 1rem;
    line-height: 1.313rem;
    color: var(--text-blue);
    font-weight: var(--font-medium);
    letter-spacing: -0.03em;
}

.sessione_option li input[type="radio"]{
    margin: 0 6px 0 0;
    accent-color: var(--text-blue);
}

button[type="submit"].signup_btn{
    max-width: 181px;
    height: 44px;
    border-radius: 100vmax;
    background: var(--text-blue);
    text-transform: var(--text-uppercase);
    color: var(--yellow-bg);
    font-size: 0.813rem;
    line-height: 100%;
    width: 100%;
    display: block;
    box-shadow: var(--no-shadow);
    border: 1px solid transparent;
    font-weight: var(--font-semibold);
    letter-spacing: var(--letter-spacing-2);
    margin: 25px 0 0 0;
    transition: all .3s linear;
}


button[type="submit"].signup_btn:hover{
    border: 1px solid var(--text-blue);
    color: var(--text-blue);
    transition: all .3s linear;
    background: transparent;
}


.contactform label.error{
    position: absolute;
    width: 100%;
    z-index: 2;
    color: #f00;
    bottom: -20px;
    left: 0;
    font-size: .75rem;
    margin: 0;
}

.contactform .age_option li label.error,
.contactform .sessione_option li label.error{
    bottom: 15px;
}

.iti__selected-flag {
    padding: 0 6px 0 0;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: transparent;
}

.contactform .form-group .input-form.mobile_code{
    padding: 0 0 0 50px;
}

.iti{
    width: 100%;
}

.contact_mes.success{
    color: #04AA6D;
    font-size: .75rem;
    font-weight: bold;
}

.contact_mes.error{
    color: #f00;
    font-size: .75rem;
    font-weight: bold;
}








.registration{
    padding: 0 5px;
}

.registration_inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.registration_left {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    background: var(--light-blue-bg);
    border-radius: var(--border-radius-20);
    /* display: flex;
    flex-direction: column;
    justify-content: space-between; */
}

.registration_top{
    padding: 40px 30px 332px
}

.registration_top h1 {
    color: var(--deep-blue-bg);
    text-transform: var(--text-uppercase);
    letter-spacing: -0.05em;
    padding: 0 0 16px 0;
}

.registrationForm{}

.payment_information_heading_holder{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.payment_information_heading_holder img{
    margin-top: 15px;
}

.registrationForm h4{
    font-size: 22px;
    line-height: 29.7px;
    font-weight: var(--font-medium);
    letter-spacing: -0.03em;
}

.registrationForm h4.class_details_heading{
    padding: 0 0 20px 0;
}

.registrationForm .form_row{
    padding:0 0 26px 0;
}

/* .registrationForm .form_row.full{
    width: 100%;
    display: flex;
} */

.registrationForm .form_row.full,
.registrationForm .form_row.equal,
.registrationForm .form_row.uneven{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

select.select_class{
    width: 100%;
    height: 55px;
    line-height: 55px;
    font-size: 0.938rem;
    color: #A9A9A9;
    padding: 0 30px;
    font-weight: var(--font-regular);
    border: 1px solid #EEEDED;
    border-radius: var(--border-radius-10);
    outline: none;
    background: #fff;
    
}

.add_to_cart_btn {
    max-width: 210px;
    width: 100%;
    border-radius: 33px;
    height: 53px;
    font-size: 0.813rem;
    line-height: 100%;
    background: transparent;
    border: 1px solid var(--black);
    padding: 0 30px 0 83px;
    display: block;
    letter-spacing: var(--letter-spacing-2);
    font-weight: var(--font-medium);
    color: var(--text-blue);
    position: relative;
    margin: 10px 0 0 0;
    text-transform: var(--text-uppercase);
}

.add_to_cart_btn:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 30px;
    z-index: 1;
    width: 41px;
    height: 41px;
    background: url(../images/top_arrow.svg) center center no-repeat var(--text-blue);
    border-radius: 12px;
    
}


.payment_information_heading{
    margin: 54px 0 0 0;
    padding: 0 0 35px 0;
}

/* .registrationForm .form_row.uneven{
    width: 100%;
    padding:0 0 14px 0;
    display: flex;
    justify-content: space-between;
} */

.registrationForm .form_row .form-group{
    position: relative;
    margin: 0;
}

.registrationForm .form_row .form-group.full{
    width: 100%;
}

.registrationForm .form_row .form-group.small{
    width: 37%;
}

.registrationForm .form_row .form-group.big{
    width: 61%;
}

.registrationForm .form_row .form-group.equal{
    width: 37%;
}

.registrationForm .form_row .form-group.extra_small{
    width: 24%;
}


.registrationForm .form_row label{
    color: #a9a9a9;
    position: absolute;
    font-size: 0.938rem;
    line-height: 1.409rem;
    font-weight: var(--font-regular);
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease 0s;
    left: 30px;
}

.registrationForm .form_row label.error{
    transform: translateY(0);
    position: absolute;
    width: 100%;
    z-index: 2;
    color: #f00;
    bottom: -20px;
    top: initial;
    left: 30px;
    font-size: .75rem;
    margin: 0;
}

.registrationForm .form_row input[type="text"],
.registrationForm .form_row input[type="tel"],
.registrationForm .form_row input[type="email"]{
    width: 100%;
    height: 55px;
    line-height: 55px;
    font-size: 0.938rem;
    color: #A9A9A9;
    padding: 0 30px;
    font-weight: var(--font-regular);
    border: 1px solid #EEEDED;
    border-radius: var(--border-radius-10);
    outline: none;
    font-size: 0.938rem;
    color: #121212;
    font-weight: var(--font-regular);
}

/* .submit_payment_btn {
    max-width: 215px;
    width: 100%;
    border-radius: 33px;
    height: 53px;
    font-size: 0.813rem;
    line-height: 100%;
    background: transparent;
    border: 1px solid var(--black);
    padding: 0 30px 0 70px;
    display: block;
    letter-spacing: var(--letter-spacing-2);
    font-weight: var(--font-medium);
    color: var(--text-blue);
    position: relative;
    margin: 10px 0 0 0;
    text-transform: var(--text-uppercase);
} */

.submit_payment_btn{
    max-width: 215px;
    width: 100%;
    height: 56px;
    border-radius: 100vmax;
    background: #001EAC;
    color: var(--white);
    font-size: 15px;
    line-height: 100%;
    letter-spacing: var(--letter-spacing-3);
    position: relative;
    /* right: 0;
    top: 0; */
    border: var(--no-border);
    font-weight: var(--font-semibold);
    outline:none;
    transition: all .3s linear;
    overflow: hidden;
    z-index: 3;
    margin: 10px 0 0 0;
    text-transform: var(--text-uppercase);
}

.submit_payment_btn:hover{
    border:1px solid #001EAC;
    background: transparent;
    color: #fff;
    transition: all .3s linear;
}

/* .submit_payment_btn:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 16px;
    z-index: 1;
    width: 41px;
    height: 41px;
    background: url(../images/top_arrow.svg) center center no-repeat var(--text-blue);
    border-radius: 12px;
    
} */


.submit_payment_btn:before{
    content:"";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0px;
    height: 100%;
    z-index: -1;
    background: #000;
    transition: all .3s linear;
}

.submit_payment_btn:hover:before{
    width: 100%;
    transition: all .3s linear;
}

.registration_bottom{
    background: var(--yellow-bg);
    border-radius: var(--border-radius-20);
    padding: 33px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.contact_list_bottom{
    margin-left: auto;
    display: flex;
    align-items: center;
}

.registration_bottom h6.copyright_txt{
    color: #4C719C;
    font-weight: var(--font-medium);
}

.contact_list_bottom li{
    margin: 0  20px 0 0;
}

.contact_list_bottom li:last-child{
    margin: 0;
}

.contact_list_bottom li img{
    margin: 0 6px 0 0;
}

.contact_list_bottom li a{
    color: var(--black);
    font-size: 0.813rem;  /** font-sze 13px **/
    line-height: 1rem;  /** font-sze 16px **/
    font-weight: var(--font-semibold);
}

.registration_right{
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding-left: 5px;
}

.registration_right .registration_right_inner{
    background: #DDDDDD;
    border-radius: var(--border-radius-20);
    padding: 40px 18px;
}

.registration_right_inner h1{
    color: var(--deep-blue-bg);
    text-transform: var(--text-uppercase);
    letter-spacing: -0.05em;
    padding: 0 0 25px 0;
}

.registration_right_inner ul.list_price{
    margin: 0 0 40px 0;
}

.registration_right_inner ul.list_price li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: var(--font-medium);
    flex-wrap: wrap;
}

.registration_right_inner ul.list_price li span{
    font-size: 0.813rem;  /** font-sze 13px **/
    line-height: 1rem;  /** font-sze 16px **/
    letter-spacing: var(--letter-spacing-2);
    color: var(--black);
    
}

.registration_right_inner ul.list_price li span#crse_name{
    width: 70%;
}

.registration_right_inner ul.list_price li span.crse_price{
    width: 30%;
    text-align: right;
}

.registration_right_inner ul.list_price li form{
    display: flex;
    align-items: center;
    margin: 10px 0 0 0;
}

.registration_right_inner ul.list_price li form .value-button{
    /* padding: 0 10px; */
    width: 30px;
    height: 27px;
    color: #000;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    cursor: pointer;
}

.registration_right_inner ul.list_price li form .value-button#decrease{
    font-size: 1.25rem;
}


.registration_right_inner ul.list_price li form input[type="number"],
.registration_right_inner ul.list_price li form input[type="tel"]{
    width: 43px;
    height: 27px;
    text-align: center;
    line-height: 27px;
    background-color: #fff;
    border-radius: 6px;
    border:1px solid #121212;
}

form.coupon_code{
    border-radius: 5px;
    height: 56px;
    display: flex;
    background: var(--white);
    position: relative;
    border-radius: 20px 50px 50px 20px;
}

form.coupon_code input[type="text"]{
    width: 62%;
    border-radius: 5px;
    height: 56px;
    border: 0px none;
    padding: 0 20px;
    outline: none;
}

form.coupon_code button[type="submit"],
form.coupon_code button[type="button"].btncouponSubmit{
    max-width: 160px;
    width: 100%;
    height: 56px;
    border-radius: 100vmax;
    background: #001EAC;
    color: var(--white);
    font-size: 15px;
    line-height: 100%;
    letter-spacing: var(--letter-spacing-3);
    position: absolute;
    right: 0;
    top: 0;
    border: var(--no-border);
    font-weight: var(--font-semibold);
    outline:none;
    transition: all .3s linear;
    overflow: hidden;
    z-index: 3;
}

form.coupon_code button[type="button"].btncouponSubmit:hover{
    border:1px solid #001EAC;
    background: transparent;
    color: #fff;
    transition: all .3s linear;
}


form.coupon_code button[type="button"].btncouponSubmit:before{
    content:"";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0px;
    height: 100%;
    z-index: -1;
    background: #000;
    transition: all .3s linear;
}

form.coupon_code button[type="button"].btncouponSubmit:hover:before{
    width: 100%;
    transition: all .3s linear;
}

.total_price{
    margin: 76px 0 0 0;
}

.total_price li{
    font-size: 1.063rem; /** font-size:17px **/
    line-height: 1.438rem; /** font-size:23px **/
    font-weight: var(--font-semibold);
    color: var(--black);
    padding: 0 0 10px 0;
    display: flex;
    justify-content: space-between;
}

.total_price li.total_amount{
    padding: 20px 0 0 0;
    border-top: 1px solid var(--white);
    margin: 10px 0 0 0;
    position: relative;
}

.total_price li.total_amount:before{
    content: "Including no sales tax";
    width: 100%;
    position: absolute;
    bottom: -20px;
    left: 0px;
    font-size: 10px;
    color: #a9a9a9;
    font-weight: var(--font-regular);
}

.total_price li.total_amount small{
    font-size: 10px;
    color: #a9a9a9;
    font-weight: var(--font-regular);
}

.total_price li.total_amount span{
    font-size: 1.875rem;
    color: var(--body-blue);
    font-weight: var(--font-medium);
}


.nav_sc .contact_list_top.contact_list_top_black{
    display: flex;
}

.nav_sc .contact_list_top.contact_list_top_black li a{
    color: var(--black);
}

.contact_list_top_black{
    color: var(--black);
}