@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Vidaloka&display=swap');
/*--------------------------------------------------------------
## Sign Up Template Css Start Here
--------------------------------------------------------------*/
:root {
    --clr-1: #707070;
    --clr-2: #ff0000;
    --clr-3: #2D1A10;
}

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

body {
    overflow-x: hidden !important;
    font-family: "Vidaloka", serif;
}

a {
    outline: 0;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    transition-duration: 0.8s;
    position: relative;
}

ul {
    list-style: none;
}

img {
    max-width: 100% !important;
}

p {
    font-size: 18px !important;
    color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
}

a.active,
a:active,
a:focus,
a:hover {
    color: #fff;
    outline: 0 !important;
    text-decoration: none;
    cursor: pointer;
}

button.btn {
    color: #fff;
    transition-duration: 1s;
    border-radius: unset;
    border: none;
    position: relative;
    border: none;
    background-image: linear-gradient(80deg, #fdc12a, #ff0000);
    padding: 13px 27px;
    border-radius: 217px;
}

.btn:active,
.btn:focus,
.btn:hover,
button:active,
button:focus,
button:hover {
    outline: 0;
    color: #fff;
    background-image: linear-gradient(80deg, #ff0000, #fdc12a);
}

.btn.fb {
    background-color: #436FEF;
    background-image: none;
}

.btn.ggl {
    background-color: #fff;
    background-image: none;
    color: #000;
}

.btn-login {
    background-image: none !important;
    background-color: transparent !important;
    border: 1px solid #fff !important;
    padding: 13px 50px !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
label,
a {
    text-transform: capitalize;
    font-style: normal;
    line-height: 1.2;
}

select {
    color: #707070 !important;
    ;
}

label {
    line-height: 1.5;
}

.alt-font {
    font-family: 'Source Sans Pro', sans-serif;
}

p,
a.p {
    line-height: 1.2 !important;
}

.clr-1 {
    color: var(--clr-1);
}

.clr-2 {
    color: var(--clr-2);
}

.black {
    color: #000;
}

.white {
    color: #fff;
}

.text-clr {
    color: var(--clr-3);
}

.f-100 {
    font-size: 100px;
}

.f-73 {
    font-size: 73px;
}

.f-70 {
    font-size: 70px;
}

.f-54 {
    font-size: 54px;
}

.f-40 {
    font-size: 40px;
}

.f-36 {
    font-size: 36px;
    font-family: "Montserrat", sans-serif;
}

.f-28 {
    font-size: 28px;
}

.f-34 {
    font-size: 34px;
}

.f-30 {
    font-size: 30px;
}

.f-25 {
    font-size: 25px;
}

.f-24 {
    font-size: 24px;
}

.f-22 {
    font-size: 22px;
}

.f-21 {
    font-size: 21px;
}

.f-20 {
    font-size: 20px;
}

.f-15 {
    font-size: 15px;
}

.f-17 {
    font-size: 17px;
}

.f-18 {
    font-size: 18px;
}

.f-16 {
    font-size: 16px !important;
}

.f-14 {
    font-size: 14px;
}

.f-13 {
    font-size: 13px;
}

.f-12 {
    font-size: 12px !important;
}

.f-11 {
    font-size: 11px !important;
}

.f-10 {
    font-size: 10px;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select,
textarea {
    font-size: 16px;
    resize: none;
}

input[type="time"]::-webkit-calendar-picker-indicator {
    filter: invert(48%) sepia(13%) saturate(3207%) hue-rotate(130deg) brightness(95%) contrast(80%);
}

.form-control,
input,
select {
    color: #000;
    padding: 15px;
}

.form-control:focus,
input:focus,
textarea:focus {
    outline: 0 !important;
    border: none !important;
}


/* ----------------**************************** edit-profile-3 ***************----------------------------- */

.edit-prof-card {
    padding: 1rem;
    border-radius: 10px;
    box-shadow: 0 0 25px 3px #3333331a;
}

.edit-prof {
    width: 100%;
    height: 185px;
    border-radius: 50%;
    overflow: hidden;
}

.edit-prof img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.edit-prof-btn.active button {
    color: var(--clr-pink) !important;
}

.edit-prof-btn.active button::after {
    content: "";
    position: absolute;
    bottom: -16px;
    left: -14px;
    width: 187px;
    height: 9px;
    background-color: var(--clr-pink);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.auth-sec .nav-pills .nav-link.active,
.auth-sec .nav-pills .nav-link.active:hover {
    color: var(--clr-pink) !important;
    background-color: unset;
}

.auth-sec button.active::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    height: 9px;
    background-color: var(--clr-pink);
    color: var(--clr-pink);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.auth-sec .nav-pills .nav-link,
.auth-sec .nav-pills .nav-link:hover {
    color: #000;
}

body.dark-mode-theme .auth-sec .nav-pills .nav-link,
body.dark-mode-theme .auth-sec .nav-pills .nav-link:hover {
    color: #fff;
}

.prof-img {
    width: 175px;
    height: 175px;
}

.fa-pencil.edit-img {
    box-shadow: 0 0 26px 0 #3333338f;
    border-radius: 50%;
    transform: translate(133px, -69px);
}

button.edit-pg-btn {
    padding: 15px 80px;
}

button.cancel {
    background-image: none;
    background-color: transparent;
    border: 1px solid #707070;
    color: var(--clr-2)
}

button.cancel:active,
button.cancel:focus,
button.cancel:hover {
    background-color: var(--clr-pink);
}

.auth-sec .nav-pills .nav-link.active,
.auth-sec .nav-pills .nav-link.active:hover {
    color: #CC0000 !important;
    background-color: unset;
}

.auth-sec button.active::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    height: 9px;
    background-image: linear-gradient(80deg, #fdc12a, #ff0000) !important;
    background-image: linear-gradient(80deg, #fdc12a, #ff0000) !important;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}


/* ----------------**************************** edit-profile-3 ***************----------------------------- */


/* ----------------**************************** profile-5 ***************----------------------------- */

.profile-banner-img {
    height: 440px;
}

.profile-user-content,
.profile-user-res {
    width: 293px;
}

.profile-user-details {
    width: 275px;
}

.prof-event-img {
    width: 103px;
    height: 97px;
    border-radius: 5px;
    overflow: hidden;
}

.prof-food-img {
    height: 210;
}

.profile-food .slick-prev::before {
    content: "\f104";
}

.profile-food .slick-next::before {
    content: "\f105";
}

.profile-food .slick-prev::before,
.profile-food .slick-next::before {
    color: #502040;
    background-color: #f9d0d7;
    padding: 4px 10px;
    border-radius: 5px;
}

.friends .nav-pills .nav-link.active,
.friends .nav-pills .nav-link.active:hover {
    background-color: var(--clr-pink) !important;
    color: #fff !important;
}

.friends .nav-pills .nav-link,
.friends .nav-pills .nav-link:hover {
    background-color: #f9d0d7;
    color: #502040 !important;
}

.prof-friends-img {
    width: 61px;
    height: 61px;
}

.prof-footer {
    margin-top: 200px;
}

.edit-prof input {
    display: none;
}


/* ----------------**************************** profile-5 ***************----------------------------- */

.register {
    height: 100vh;
}

.register input,
.register select {
    background-color: transparent;
    border: 1px solid #707070;
}

::placeholder {
    color: #707070;
}

.or {
    color: #ffffff78;
}

label.privacy {
    display: unset;
}

h1.reg {
    margin-top: 20px;
}

.trainer-2 {
    clip-path: polygon(9% 0, 100% 0, 100% 100%, 0% 100%);
    width: 52%;
    height: 100%;
    position: absolute;
    background-color: #cc000085;
    background-color: transparent;
    top: 0;
    right: 0;
    transition-duration: 0.8s;
}

.trainer-1 {
    clip-path: polygon(0 0, 100% 0, 93% 100%, 0% 100%);
    width: 52%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition-duration: 0.8s;
}

.trainer-1:hover,
.trainer-2:hover {
    background-color: #bfa20461;
}

.profile-img {
    width: 138px;
    height: 138px;
    border-radius: 50%;
    overflow: hidden;
}

form.edit-profile label {
    color: #707070 !important;
}

.listing-pg-banner {
    height: 75vh;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.team-card {
    width: 355px;
    border-radius: 38px;
    background-color: #FFE39B;
    margin-top: -95px;
    z-index: -99999999;
    height: 579px;
}

.mem-desc {
      width: 58%;
    height: 234px;
    margin-left: 0;
    background-size: contain !important;
}

.team-members p {
    line-height: 16px !important;
}

.team-card-2 {
    background-image: linear-gradient(to bottom, #FFDE8B -124%, #FFD287 -19%, #FF6464 124%);
    ;
}

.mem-desc-2 {
    width: 57%;
    height: 36%;
}

.team-div {
    margin-top: 238px;
}


/* trainer-details */

.trainer-details p,
.trainee-prof p {
    color: #000;
    line-height: 27px !important;
}

.trainer-team-card {
    background-color: #E1E1E1;
    width: 508px;
    height: 579px;
    border-radius: 38px;
}

.span-details {
    color: #CC0000;
}

.trainer-links i {
    font-size: 18px;
}

.trainer-skills {
    margin-top: 185px;
}

.cntct-btn {
    padding: 13px 45px !important;
}


/* ------------------------------------- */

.qual i {
    color: #ff7905;
    font-size: 17px;
}

.load-parent {
    width: 424px;
    height: 5px;
    background-color: #E8E8E8;
}

.load-child {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #CC0000;
    width: 359px;
    height: 100%;
}

.child-1::after {
    position: absolute;
    content: "90%";
    top: -22px;
    right: -26px;
    font-size: 11px;
}

.child-2 {
    width: 100%;
}

.child-2::after {
    position: absolute;
    content: "100%";
    top: -22px;
    right: -26px;
    font-size: 11px;
}

.child-3 {
    width: 336px;
}

.child-3::after {
    position: absolute;
    content: "85%";
    top: -22px;
    right: -26px;
    font-size: 11px;
}

.trainee-info {
    margin: 120px 0;
}

.trainer-links a:hover,
a.forgot:hover {
    color: #CC0000;
}

.margin-top-custom {
    margin-top: 15%;
}

@media only screen and (max-width:1366px) {
		.signup_with .trainer h1 {
    font-size: 60px;
}
    .register {
        height: 112vh;
    }
    .f-73 {
        font-size: 63px;
    }
    h1.reg {
        margin-top: 7px;
    }
    .f-40 {
        font-size: 25px;
    }
    .edit-prof {
        height: 155px;
    }
    .fa-pencil.edit-img {
        transform: translate(105px, -59px);
    }
    .listing-pg-banner {
        height: 93vh;
    }
    .mem-desc {
        width: 54%;
        height: 32%;
        margin-left: 74px;
    }
    .mem-desc-2 {
        width: 54%;
        height: 29%;
    }
    .trainer-team-card {
        width: unset;
    }
}

@media screen and (max-width: 1025px) {
    .register {
        overflow-x: hidden;
    }
    .reg-sec {
        height: 68%!important;
    }
    .reg-header {
        margin-left: 175px;
    }
    .register .h-100 {
        height: 46%!important;
    }
    .reg-sec-header {
        margin-left: 218px;
    }
    .listing-pg-banner {
        height: 40vh;
    }
    .mem-desc {
        width: 69%;
        height: 34%;
        margin-left: 40px;
        background-size: contain;
    }
    .team-card {
        width: unset;
    }
    .mem-desc-2 {
        background-size: contain !important;
    }
    .f-30 {
        font-size: 25px;
    }
    section.register {
        height: auto;
        padding: 100px 0;
    }
    .reg-header {
        margin: 0;
    }
    .reg-header h1 {
        font-size: 55px;
    }
    .reg-header h1 br {
        display: none;
    }
    section.register .col-md-7 {
        width: 100%;
        padding: 0 50px;
    }
}

@media only screen and (max-width: 821px) {
    .reg-sec {
        height: 75%!important;
    }
    .reg-header {
        margin-left: 145px;
    }
    .f-100 {
        font-size: 85px;
    }
    .register .h-100 {
        height: 52%!important;
    }
    .reg-sec-header {
        margin-left: 40px;
    }
    .reg-sec-header h1.f-73 br {
        display: none;
    }
    .mem-desc {
        width: 69%;
        height: 34%;
        margin-left: 40px;
        background-size: contain !important;
    }
    .team-card {
        width: unset;
    }
    .mem-desc-2 {
        background-size: contain !important;
    }
    .f-73 {
        font-size: 45px;
    }
    .f-30 {
        font-size: 20px;
    }
    section.register {
        height: auto;
        padding: 100px 0;
    }
    .reg-header {
        margin: 0;
    }
    .reg-header h1 {
        font-size: 55px;
    }
    .reg-header h1 br {
        display: none;
    }
    section.register .col-md-7 {
        width: 100%;
        padding: 0 50px;
    }
}


/* -------- mob screens */

@media only screen and (max-width: 414px) {
    .reg-header {
        margin-left: 0px;
    }
    .reg-sec-header {
        margin-left: 0px;
    }
    .register .h-100 {
        height: 59%!important;
    }
    .profile-img {
        margin: auto;
    }
    .f-100 {
        font-size: 50px;
    }
    .register.login-popup {
        height: 100vh
    }
    .f-22 {
        font-size: 17px;
    }
    .auth-sec button.active::after {
        bottom: -12px;
        left: 4px;
        width: 186px;
    }
    .team-card {
        margin-bottom: 56%;
    }
    .load-parent {
        width: 366px;
    }
    .trainer-skills {
        margin-top: 15px;
    }
    .child-1 {
        width: 331px;
    }
    .child-3 {
        width: 316px;
    }
    section {
        overflow-x: hidden !important;
    }
}

.row-fluid.diff {
    position: absolute;
    top: 30px;
    z-index: 9999;
}

.navbar-brand {
    background: transparent !important;
    padding: 25px 23px;
    /* border-right: 5px solid #fff; */
    width: 250px;
}

.navbar-brand a {
    font-size: 29px;
    font-family: "Josefin Sans", sans-serif;
    font-weight: 500;
    line-height: 35px;
    color: #fff;
    display: inline-block !important;
}

.trainer a {
    background-image: none !important;
    background-color: #FF0000 !important;
    border: 1px solid #fff !important;
    padding: 13px 50px !important;
    border-radius: 5px !important;
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #fff !important;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 18px;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: 0.5s;
    border: 1px solid #FF0001 !important;
    font-family: "Poppins", sans-serif;
}

.trainer a:hover {
    transition: 0.5s;
    background: transparent !important;
}

.um-form input[type="text"],
.um-form input[type="password"] {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    background-color: transparent;
    border: 1px solid #707070;
    color: #000;
    padding: 15px;
    margin-bottom: 15px;
}

.um-form input#um-submit-btn {
    color: #fff;
    transition-duration: 1s;
    border-radius: unset;
    border: none;
    position: relative;
    border: none;
    background-image: linear-gradient(80deg, #fdc12a, #ff0000);
    padding: 13px 27px;
    border-radius: 217px;
    width: 100%;
    margin-bottom: 15px;
}

label.um-field-checkbox {
    display: none;
}

p.um_request_name {
    display: none;
}

.um-form input[type="password"] {
    margin-bottom: 0 !important;
}

.um-row._um_row_1 {
    margin-bottom: 15px !important;
}

.um-form a {
    color: #fff;
    text-align: center;
}

.um-form .um-right.um-half a {
    margin-bottom: 15px !important;
    display: block;
}

.um-form .um-col-alt-b {
    text-align: center;
}

#registerform input#um-submit-btn {
    color: #fff;
    transition-duration: 1s;
    border-radius: unset;
    border: none;
    position: relative;
    border: none;
    background-image: linear-gradient(80deg, #fdc12a, #ff0000);
    padding: 13px 27px;
    border-radius: 217px;
    width: 100%;
    margin-top: 15px;
}

form#registerform input[type="text"],
form#registerform input[type="password"] {
    width: 100%;
    margin-bottom: 15px;
}

form#registerform .mt-3 {
    margin-top: 0 !important;
}

form#registerform select {
    margin-bottom: 15px;
}

#registerform input#um-submit-btn {
    margin-bottom: 15px;
}

.register input:focus,
.register select:focus {
    color: #fff;
    border: 1px solid #707070 !important;
}

.register input,
.register select {
    color: #fff !important;
}

form.edit-profile input,
form.edit-profile select {
    height: auto !important;
}

img.sbloader {
    width: 200px !important;
    display: inline-block !important;
}

a.add_button {
    position: absolute;
    top: 15px;
    right: 10px;
}

.field_wrapper {
    position: relative;
}

a.add_button_specialities {
    position: absolute;
    top: 15px;
    right: 10px;
}

.field_wrapper_specialities {
    position: relative;
}

input.reapter_feild.form-control.bs-none.w-100 {}

.field_wrapper div {
    margin-bottom: 15px;
    position: relative;
}

.field_wrapper div a.remove_button {
    position: absolute;
    top: 15px;
    right: 10px;
}

.field_wrapper_specialities div {
    margin-bottom: 15px;
    position: relative;
}

.field_wrapper_specialities div a.remove_button_specialities {
    position: absolute;
    top: 14px;
    right: 10px;
}

.edit-profile input[type="submit"] {
    color: #fff;
    transition-duration: 1s;
    border-radius: unset;
    border: none;
    position: relative;
    border: none;
    background-image: linear-gradient(80deg, #fdc12a, #ff0000);
    padding: 13px 47px;
    border-radius: 217px;
}

.edit-profile select#country {
    text-transform: uppercase;
}

.trainerlist {
    margin-bottom: 150px !important;
}


/* CUstom view service */

.services-block-three {
    margin-bottom: 30px;
}

.services-block-three i {
    font-size: 32px;
}

.services-block-three>a {
    display: block;
    border: 2px solid #d5d5d5;
    border-radius: 4px;
    text-align: center;
    background: #fff;
    padding: 20px;
    position: relative;
    margin-bottom: 30px;
}

.services-block-three>a:before {
    display: block;
    content: "";
    width: 9%;
    height: 17%;
    position: absolute;
    bottom: -2px;
    right: -2px;
    border-bottom: 2px solid #CC0000;
    border-right: 2px solid #FF4C21;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}

.services-block-three>a:after {
    display: block;
    content: "";
    width: 9%;
    height: 17%;
    position: absolute;
    top: -2px;
    left: -2px;
    border-top: 2px solid #CC0000;
    border-left: 2px solid #FF4C21;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}

.padding-15px-bottom {
    padding-bottom: 15px;
}

.services-block-three h4 {
    color: #6f6f6f;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 600;
}

.services-block-three p {
    margin-bottom: 0;
    color: #757575;
}

.services-block-three>a:hover {
    opacity: 1;
    border-color: #d5d5d5;
}

a:hover,
a:active {
    color: #03a9f5;
    text-decoration: none;
}

.services-block-three>a:hover:before,
.services-block-three>a:hover:after {
    width: 95%;
    height: 90%;
}

.padding-15px-bottom img {
    width: auto;
    height: 200px;
}

.services-block-three h4 strong {
    color: #000 !important;
    margin: 10px;
}

.services-block-three h4 strong {
    color: #000 !important;
    margin: 10px;
}

h2.f-30.fw-600.text-center.my-2.mt-3.serviceONe {
    float: left !important;
}


@media screen and (max-width: 767px) {
    .row-fluid.diff .navbar-brand {margin-top: -30px;}
    .reg-header {
        margin-left: 40px;
    }
    .reg-header h1 {
        font-size: 36px;
    }
    .reg-header h3.f-30.fw-500.white {
        font-size: 18px;
    }
    h1.f-54.fw-700.white {
        font-size: 44px;
        line-height: 1.4;
    }
}


/* custom view service css ends her  */
.trainer h1 {
    margin-bottom: 40px;
}
/*--------------------------------------------------------------
## Sign Up Template Css End Here
--------------------------------------------------------------*/