@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;1,400&display=swap');


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
}

a {
    text-decoration: none;
    color: #000;
}

li {
    list-style: none;
}

img {
    max-width: 100%;
}

input,
textarea,
select {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #636363;
}

input:-webkit-autofill {
    -webkit-background-clip: text;
    border: 2px solid #fafafa !important;
    -webkit-box-shadow: 0 0 0px 1000px #fafafa inset;
    background-color: #AF7EB7 !important;
}

input:focus,
textarea:focus {
    background: #F2EAF3 !important;
    border: none !important;
}

input::placeholder,
textarea::placeholder {
    font-style: italic !important;
    font-weight: 300;
    font-size: 14px;
}

.container-fluid {
    margin: 0 auto;
    float: left;
    width: 100%;
    padding: 0;
    overflow-x: hidden;
    min-height: 50vh;
}

.container-fluid-footer {
    margin: 0 auto;
    float: left;
    width: 100%;
    padding: 0;
    overflow-x: hidden;
    min-height: 25vh;
}

.container {
    margin: 0 auto;
    width: 100%;
    max-width: 1260px;
    padding: 0 0;
}

.logo {
    position: relative;
    padding: 20px;
    width: 100%;
    text-align: center;
}

.border {
    position: relative;
    overflow-x: visible;
}

.border::before {
    content: '';
    background: linear-gradient(180deg, #BBBBBB 0%, rgba(255, 255, 255, 0) 100%);
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.logo img {
    max-width: 120px;
}

.landing_page {
    padding: 30px 0 60px;
    float: left;
    width: 100%;
}

.landing_page h2 {
    font-weight: 700;
    font-size: 50px;
    line-height: 97.7%;
    text-align: center;
    letter-spacing: -0.04em;
    color: #A98D4B;
    mix-blend-mode: normal;
    margin-bottom: 60px;
}

.landing_page .left_form {
    float: left;
    width: 50%;
    padding-left: 31px;
}

.landing_page .left_form p {
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #636363;
    padding-right: 60px;
    margin-bottom: 40px;
}

.landing_page .left_form .hire_because {
    background-color: #FAFAFA;
    width: 85%;
    border-radius: 10px;
    padding: 20px;
    /* max-width: 500px; */
    text-align: center;
    float: left;
    margin-right: 15%;
    margin-bottom: 30px;
}

.landing_page .left_form .hire_because h4 {
    color: #7D2B8B;
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 21px;
}


.landing_page .left_form .hire_because ul li {
    width: 33.33%;
    display: block;
    float: left;
}

.landing_page .left_form .hire_because ul li img {
    /* display: block; */
    margin-bottom: 10px;
}

.landing_page .left_form .hire_because ul li span {
    display: block;
    width: 100%;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #636363;
}

.landing_page .left_form .detail {
    width: 85%;
    float: left;
    margin-right: 15%;
    margin-bottom: 20px;
}

.landing_page .left_form .detail h3 {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 21px;
    color: #636363;
}

.landing_page .left_form .detail .form_group {
    width: 50%;
    float: left;
    margin-bottom: 20px;
    position: relative;
}

.landing_page .left_form .detail .form_group input {
    width: 95%;
    border-radius: 70px;
    border: 2px solid transparent;
    padding: 10px 20px;
    background-color: #FAFAFA;
    appearance: none;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
}

.landing_page .left_form .detail .form_group input::placeholder {
    font-weight: 300;
    font-size: 14px;
    line-height: 19px;
    color: #636363;
}

.landing_page .left_form .choose>label {
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #636363;
    margin-bottom: 10px;
}

.landing_page .left_form .choose {
    float: left;
    width: 100%;
}

.landing_page .left_form .choose input {
    opacity: 0;
    position: relative;
    margin-right: 10px;
    cursor: pointer;
}

.landing_page .left_form .choose input~label::before {
    border: 1px solid #7F7F7F;
    content: '';
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    background-color: transparent;
    border-radius: 50%;
    left: -4px;
    top: -1px;
    z-index: -1;
}

.landing_page .left_form .choose input:checked~label::after {
    width: 12px;
    height: 12px;
    content: '';
    background-color: #A98D4B;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 0px;
    top: 3px;
}

.landing_page .left_form .choose span {
    width: 40%;
    margin-right: 30px;
    margin-left: 15px;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #636363;
    position: relative;
}

.landing_page .left_form button.join {
    margin-top: 30px;
    background: transparent;
    border-radius: 50px;
    border: none;
    padding: 10px 30px;
    font-weight: 700;
    font-size: 16px;
    line-height: 103.28%;
    color: #A98D4B;
    cursor: pointer;
    border: 2px solid #A98D4B;
    transition: 0.3s;
    float: left;
}

.slick-prev {
    left: 0 !important;
}

.slick-next {
    right: 0 !important;
}

.slick-slide img {
    border-radius: 50%;
    height: 100px;
    width: 100px;
}

.landing_page.landing_page .left_form button.join:hover {
    border: 2px solid #A98D4B;
    background-color: #A98D4B;
    color: #fff;
}

.landing_page .right_section {
    float: right;
    width: 50%;
    text-align: right;
    padding-right: 49px;
}

.landing_page .right_section ul {
    float: initial;

}

.landing_page .right_section ul li {
    width: 40%;
    margin-left: 10%;
    float: right;
    display: flex;
    border: 1px solid #D8BFDC;
    border-radius: 10px;
    transform: 0.3s;
    padding: 15px;
    text-align: left;
}

.landing_page .right_section ul li a {
    display: flex;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 109.7%;
    transform: 0.3s;
    text-decoration-line: underline;
}

.landing_page .right_section ul li a img {
    background: #A98D4B;
    border-radius: 50%;
}

.landing_page .right_section ul li a svg {
    fill: #A98D4B;
}

.landing_page .right_section ul li:hover a img {
    background: linear-gradient(100.53deg, #7D2B8B 31.22%, #BD01AA 63.44%);
}

.landing_page .right_section ul li:hover a svg {
    fill: linear-gradient(100.53deg, #7D2B8B 31.22%, #BD01AA 63.44%);

}

.landing_page .right_section>img {
    margin-top: 60px;
}

.landing_page .right_section ul li a {
    color: #A98D4B;
}

.landing_page .right_section ul li:hover a {
    color: #7D2B8B;
}

.landing_page .right_section ul li img {
    margin-right: 10px;
}

.landing_page .right_section ul li:first-child {
    margin-right: -17px;
}

.footer .social_media {
    text-align: center;
    margin-top: 20px;
}

.footer .social_media ul {
    width: 110px;
    margin: 0 auto;
    display: flex;
    margin-bottom: 20px;
}

.footer .social_media ul li {
    margin: 0 5px;
}

.footer .social_media p {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #B7B7B7;
    margin-bottom: 10px;
}


/* home */

.header {
    width: 100%;
    float: left;
    padding: 20px 0;
}

.header .logo_main {
    float: left;
}

.header .logo_main img {
    max-width: 142px;
}

.header .menu {
    float: right;
    vertical-align: middle;
    margin-top: 14px;
}

.header .menu li {
    float: left;
    margin-left: 30px;
    cursor: pointer;
    position: relative;
    text-transform: capitalize;
}

.header .menu>ul>li>ul {
    position: absolute;
    left: 0;
    top: 25px;
    background: #fff;
    padding: 5px 10px;
    box-shadow: 0 0 5px #ccc;
    z-index: 8;
    display: none;
    width: 100%;
    min-width: 90px;
}

#filteron {
    display: none;
}

.header .menu>ul>li:hover>ul {
    display: block;
}

.header .menu>ul>li>ul li,
.header .menu>ul>li>ul li a {
    margin-left: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    color: #636363;
    transition: 0.3s;
    display: block;
    width: 100%;
    text-transform: capitalize;
}

.header .menu li a,
.header .menu li.lang select option,
.header .menu li.lang select {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    display: flex;
    align-items: center;
    color: #636363;
    transition: 0.3s;
    display: block;
    text-transform: capitalize;
}

.header .menu li a.active {
    font-weight: 600;
    /* color: #A98D4B; */
}

.header .menu li.lang select option:focus {
    padding: 15px;
    background-color: #fff;
    border: 1px solid #ccc;
}

.header .menu li.signup,
.header .menu li.login {
    background: transparent;
    color: #A98D4B;
    border: 2px solid #A98D4B;

    border-radius: 40px;
    padding: 4px 25px 8px;
    margin-top: -7px;
    transition: 0.3s;
    min-width: 130px;
    height: 40px;
    text-align: center;

}



.header .menu li.signup:hover,
.header .menu li.login:hover {
    background: #A98D4B;
    border-color: transparent;
}

.header .menu li.signup a,
.header .menu li.login a {
    color: #A98D4B;
}


.header .menu li.login:hover a,
.header .menu li.signup:hover a {
    color: #fff;
}


.header .menu>ul>li:hover>a,
.header .menu>ul>li>ul>li:hover a,
.header .menu>ul>li>ul>li:hover {
    color: #A98D4B;
}




.header .menu li.lang select {
    background: transparent;
    border: none;
    cursor: pointer;
    appearance: none;
}

.header .menu li.lang select option {
    background: transparent;
    border: none;
    cursor: pointer;
}

.header .menu li.lang {
    display: flex;
    margin-left: 20px;
}

.header .menu li.lang select {
    font-size: 16px;
}

.Profile_complete .work-experience .parents2 .form_group .customSelectHundredPerc {
    width: 100% !important;
}

.header .menu li.lang img {
    width: 25px;
    height: 25px;
    margin-left: 5px;
    border: 1px solid #E5E5E5;
    border-radius: 50%;
    object-fit: contain;
}

.better_care {
    float: left;
    width: 100%;
    padding: 50px 0;
}

.better_care h2 {
    font-weight: 700;
    font-size: 50px;
    line-height: 137.7%;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -0.04em;
    background: linear-gradient(90deg, #A98D4B 1.42%, #C8B483 101.42%), #A98D4B;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    mix-blend-mode: normal;
    margin-bottom: 100px;
}

.better_care .service_gurid {
    float: left;
    width: 50%;
}

.better_care .service_gurid .process_guid {
    float: left;
    width: 100%;
    margin-bottom: 100px;
}

.better_care .service_gurid .process_guid ul li {
    float: left;
    width: 25%;
    text-align: center;
    padding: 20px;
    position: relative;
}

.better_care .service_gurid .process_guid ul li::after {
    content: '';
    background-image: url(../images/3arrow.svg);
    position: absolute;
    right: -22px;
    top: 39px;
    width: 50px;
    height: 10px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.better_care .service_gurid .process_guid ul li:last-child::after {
    display: none;
}

.better_care .service_gurid .process_guid ul li span {
    display: block;
    font-weight: 600;
    font-size: 14px;
    color: #636363;
}

.better_care .service_gurid .need_service {
    float: left;
    margin-bottom: 60px;
    width: 86%;
    margin-left: 7%;
    text-align: center;
}

.better_care .service_gurid .need_service a {
    width: 100%;
    text-align: center;
    padding: 14px 0 8px 0;
    background: transparent;
    border-radius: 60px;
    display: block;
    font-weight: 600;
    font-size: 19px;
    line-height: 27px;
    align-items: center;
    text-transform: uppercase;
    color: #A98D4B;
    border: 2px solid #A98D4B;
    transition: 0.3s;
    height: 60px;
    min-width: 500px;
}



.better_care .service_gurid .need_service a svg {

    fill: #fff;
    background: #A98D4B;
    border-radius: 50%;
    width: 30px !important;
    height: 30px;
    padding: 7px;
    display: inline-block;
    margin-right: 11px;
    margin-bottom: -8px;
    transition: 0.3s;
}




.better_care .service_gurid .need_service a:hover {
    background: #A98D4B;
    color: #fff;
    border-color: transparent;
}

.better_care .service_gurid .need_service a:hover svg {
    fill: #A98D4B;
    background: #fff;
}


.better_care .service_gurid .need_service p {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    margin-top: 10px;
    align-items: center;
    text-align: center;
    color: #636363;
}




.better_care .service_gurid .advertise {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 30px;
}

.better_care .service_gurid .advertise span {
    display: block;
    font-weight: 700;
    font-size: 18px;
    line-height: 100.72%;
    align-items: center;
    text-align: center;
    text-decoration-line: underline;
    color: #7D2B8B;
}

.better_care .right_banner {
    float: right;
    width: 50%;
    text-align: right;
}

.make_safe {
    float: left;
    width: 100%;
}

.make_safe h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 100.72%;
    align-items: center;
    letter-spacing: -0.02em;
    color: #636363;
    text-align: center;
    margin-bottom: 30px;
}

.make_safe .left {
    text-align: right;
    width: 33.33%;
    float: left;
}

.make_safe .left h4 {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    align-items: center;
    color: #7D2B8B;
    margin-bottom: 40px;
    text-align: center;
}

.make_safe .left h4 span {
    font-weight: 400;
}

.make_safe .left ul.first {
    float: left;
    width: calc(100% - 50px);
}

.make_safe .left ul.first li {
    font-weight: 500;
    color: #7F7F7F;
    font-size: 15px;
    line-height: 22px;
    align-items: center;
    text-align: right;
    padding: 9.5px 0 9px;
}

.make_safe .left ul.second {
    width: 40px;
    float: right;
    background: #D8BFDC;
    border-radius: 40px;
    text-align: center;
    padding: 8px 0 0;
}

.make_safe .left ul.second li {
    margin-bottom: 5px;
}

.make_safe .middel {
    float: left;
    width: 33.33%;
    text-align: center;
}

.make_safe .middel img {
    margin: -20px;
}

.make_safe .right {
    float: left;
    width: 33.33%;
    text-align: left;
}

.make_safe .right ul.first li {
    text-align: left;
}

.make_safe .right ul.second {
    float: left;
}

.make_safe .right ul.first {
    float: right;
}

.make_safe p {
    float: left;
    display: block;
    margin: 20px 0;
    text-align: center;
    width: 100%;
    font-weight: 500;
    font-size: 15px;
    line-height: 19px;
    color: #7F7F7F;
}

.make_safe p a {
    color: #A98D4B;
    text-decoration: underline;
}

.footer {
    float: left;
    width: 100%;
}

.footer .head {
    background: linear-gradient(100.53deg, #7D2B8B 31.22%, #BD01AA 63.44%);
    float: left;
    width: 100%;
    padding: 5px 0;
}

.footer .head ul li {
    float: left;
    width: 25%;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: #FFFFFF;
    padding-left: 54px;
}

.footer .head ul li:last-child,
.footer .footer_menu ul:last-child,
.bottom>ul>li:last-child {
    padding-left: 180px;
}

.footer .head ul li:nth-child(3),
.footer .footer_menu ul:nth-child(3),
.bottom>ul>li:nth-child(3) {
    padding-left: 120px;
}

.footer .head ul li:nth-child(2),
.footer .footer_menu ul:nth-child(2),
.bottom>ul>li:nth-child(2) {
    padding-left: 70px;
}

.footer .footer_menu {
    float: left;
    width: 100%;
}

.footer .footer_menu ul {
    float: left;
    width: 25%;
    margin-top: 10px;
    padding-left: 53px;
}

.footer .footer_menu ul li {
    margin-top: 17px;
}

.footer .footer_menu ul li a {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    align-items: center;
    color: #636363;
    transition: 0.3s;
}

.footer .footer_menu ul li a:hover {
    color: #BD01AA;
}

.bottom {
    float: left;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 10px;
}

.bottom>ul>li {
    float: left;
    width: 25%;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #636363;
}

.bottom>ul>li:first-child {
    padding-top: 8px;
    padding-left: 27px;
}

.bottom>ul>li ul li {
    float: left;
    margin-right: 10px;
}

.bottom>ul>li:last-child img {
    max-width: 85px;
}

.promocode {
    background-color: #F2EAF3;
    padding: 6px 0;
    float: left;
    width: 100%;
    text-align: center;
}

.promocode p,
.promocode p a {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #7D2B8B;
    position: relative;
}

.promocode p button {
    background-color: transparent;
    border: none;
    position: absolute;
    right: 20%;
    top: -4px;
    font-size: 22px;
    color: #7D2B8B;
    transform: rotate(45deg);
    cursor: pointer;
}

.mobileicon,
.search,
.mobilenone,
.mobilef,
.mobilem {
    display: none;
}


/* thanks */

.thank_page {
    float: left;
    width: 100%;
    padding: 30px 0;
    max-width: 1024px;
    margin: 0 auto;
    float: none;
}

.thank_page h2 {
    font-weight: 700;
    font-size: 38px;
    line-height: 97.7%;
    color: #A98D4B;
    letter-spacing: -0.04em;
    mix-blend-mode: normal;
}

.thank_page .thanks {
    float: left;
    width: 50%;
}

.thank_page .thanks.over {
    width: 45%;
}

.thank_page .flow {
    width: 55%;
}

.footer.bagf {
    margin-top: 0 !important;
}

.thank_page .thanks h4 {
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 28px;
    line-height: 117.7%;
    letter-spacing: -0.04em;
    color: #C8B483;
    mix-blend-mode: normal;
}

.thank_page .thanks p {
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #636363;
    padding: 10px 0 25px;
}

.thank_page .thanks ul li {
    padding: 10px 0;
    display: flex;
    align-items: center;
}

.thank_page .thanks ul li span {
    margin-left: 20px;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02em;
    color: #636363;
}

.thank_page .thanks h3 {
    font-weight: 700;
    font-size: 35px;
    line-height: 117.7%;
    letter-spacing: -0.04em;
    color: #7D2B8B;
    mix-blend-mode: normal;
    background-image: url(../images/staybg.png);
    padding: 100px 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}


.thank_page>img {
    width: 55%;
    float: left;
    margin-left: -5%;
    margin-top: -68px;
}


/* signup */
.header_sign {
    float: left;
    width: 100%;
    padding: 20px 0;
}

.header_sign ul li:first-child {
    float: left;
}

.header_sign ul li:first-child a {
    display: flex;
    align-items: center;
}

.header_sign ul li:first-child span {
    margin-left: 5px;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #A98D4B;
}

.header_sign ul li:last-child {
    float: right;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #636363;
    margin-top: 10px;
}

.header_sign ul li:last-child a {
    background: transparent;
    border-radius: 40px;
    padding: 6px 25px 8px;
    margin-top: -12px;
    transition: 0.3s;
    border: 2px solid #A98D4B;
    color: #A98D4B;
    margin-left: 10px;

}

.header_sign ul li:last-child a:hover {
    background-color: #A98D4B;
    color: #fff;
    border-color: transparent;
}



.more_about {
    max-width: 60%;
    margin: 0 auto;
    float: left;
    margin: 35px 0 40px 20%;
    width: 70%;
    text-align: center;
    padding: 40px 40px;
    box-shadow: 0 0px 24px 10px #E5E5E5;
    background-color: #fff;
}

.more_about h2 {
    font-weight: 700;
    font-size: 21px;
    line-height: 29px;
    margin: 20px 0 40px;
    color: #7D2B8B;
}

.more_about>ul {

    float: left;
    width: 60%;
    margin: 0 19% 30px;
    text-align: center;
    /* display: inline-flex; */
    display: flex;
    justify-content: center;
    /* align-items: center; */
}

.more_about>ul li {
    width: 45%;
    cursor: pointer;
    margin: 0 2.5%;
    max-width: 200px;
}

.more_about>ul li .bordererror {
    border-radius: 0 !important;
}

.more_about>ul li span {
    float: left;
    width: 100%;
    padding: 20px 0;
    border: 1px solid transparent;
    background: #FCFCFC;
}

.more_about>ul li.active span {
    background: #F2EAF366;
    border: 1px solid #7D2B8B;
    border-radius: 4px;
    position: relative;
}

.more_about>ul li.active span::before {
    content: '';
    background-image: url(../images/done.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
}

.more_about>ul li h4 {
    margin-top: 15px;
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #7D2B8B;
}

.more_about>ul li p {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #7F7F7F;
    margin-top: 10px;
    float: left;
    width: 100%;
}

.more_about .process_guid {
    float: left;
    width: calc(100% + 80px);
    background: #FCFCFC;
    padding: 18px 40px 0;
    margin-left: -40px;
}

.provider.more_about>ul li h4 {
    font-weight: 600;
    color: #636363;
}

.more_about .process_guid p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #636363;
    margin-bottom: 20px;
}

.more_about .process_guid ul li {
    float: left;
    width: 25%;
    text-align: center;
    padding: 20px;
    position: relative;
}

.more_about .process_guid ul li::after {
    content: '';
    background-image: url(../images/3arrow.svg);
    position: absolute;
    right: -22px;
    top: 39px;
    width: 50px;
    height: 10px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

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

.more_about .process_guid ul li span {
    display: block;
    font-weight: 600;
    font-size: 14px;
    color: #636363;
    margin-top: 15px;
}

.more_about>button {
    background: transparent;
    border-radius: 50px;
    font-weight: 700;
    font-size: 16px;
    line-height: 103.28%;
    color: #A98D4B;
    clear: both;
    border: none;
    padding: 10px 10px;
    margin-top: 20px;
    text-align: center;
    margin-bottom: 30px;
    cursor: pointer;
    border: 1px solid #A98D4B;
    transition: 0.3s;
    width: 160px;
    height: 40px;
}

.more_about>button:hover {
    background: #A98D4B;
    border-color: transparent;
    color: #fff;
}

.more_about>button a {
    color: #A98D4B;
}

.more_about>button:hover a {
    color: #fff;
}

.describe {
    margin-right: 0;
}

.describe p {
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 30px;
    float: left;
    width: 100%;
    line-height: 22px;
    color: #636363;
}

.describe h2 {
    margin-bottom: 20px;
}

.describe.more_about .process_guid ul li::after {
    display: none;
}



.more_about button.back_sign {
    background-color: transparent;
    color: #A98D4B;
    border-color: #A98D4B;
    margin-right: 20px;

}

.more_about .react-datepicker__navigation-icon--previous::before {
    right: -7px !important;
}

.more_about .react-datepicker__navigation-icon--next::before {
    left: -7px !important;
}

.more_about button.back_sign:hover {
    background-color: #A98D4B;
    border-color: transparent;
    color: #fff;
}

.describe .process_guid ul li {
    width: 23%;
    min-height: 173px;
    margin-right: 1.333%;
    margin-bottom: 30px;
}

/* .editinfo .Profile_complete .detail.additional_info .language ul li.active {
    border-color: #A98D4B;
    color: #353535;
} */

.describe .process_guid ul li:last-child {
    margin-right: 0;
}

.describe.more_about .process_guid ul li {
    padding: 10px;
    cursor: pointer;
    border: 1px solid transparent;
}

.describe .process_guid ul li.active {
    background: rgba(242, 234, 243, 0.4);
    border: 1px solid #7D2B8B;
    border-radius: 4px;
    position: relative;
}



.describe .process_guid ul li.active:before {
    content: '';
    background-image: url(../images/done.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
}

.Account {
    padding: 20px;
    width: 100%;
    display: block;
    margin-bottom: 50px;
    float: left;
    width: 100%;
}

.describe .process_guid ul li span {
    margin-top: 15px;
}

.describe .process_guid ul li.active span {
    color: #7D2B8B;
}

.signupdetail {
    width: 18%;
    float: left;
    margin-top: 80px;
    margin-left: 2%;
}

.signupdetail h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 35px;
    margin-bottom: 25px;
    color: #A98D4B;
}

.signupdetail ul li {
    display: flex;
    padding: 5px;
}

.signupdetail ul li img {
    max-height: 17px;
    min-width: 17px;
}

.signupdetail ul li span {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #636363;
    margin-left: 10px;
}

.form_signup {
    float: left;
    width: 100%;
}

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

.slick-prev::before,
.slick-next::before {
    content: '\f104' !important;
    font-family: FontAwesome !important;
    color: #7F7F7F !important;
    font-size: 35px !important;
}

.slick-next::before {
    content: '\f105' !important;
}

.form_signup form {
    float: left;
    width: 100%;
}

.form_signup form .form_group {
    float: left;
    width: 47%;
    margin-right: 6%;
    margin-bottom: 20px;
}

.form_signup form .form_group input::placeholder,
.form_signup form .form_group select {
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #636363;
}



.form_signup p {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #636363;
    text-align: left;
}

.form_signup p a {
    color: #A98D4B;
    text-decoration: underline;
    font-weight: 600;
    transition: 0.3s;
}

.form_signup p a:hover {
    color: #7D2B8B;
}

.form_signup form .form_group input:focus {
    background: #F2EAF3;
    border: none;
}

.form_signup form .form_group:nth-child(2n + 2) {
    margin-right: 0;
}

.form_signup form .form_group label {
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    color: #636363;
    display: block;
    text-align: left;
    margin-bottom: 10px;
}

.form_signup form .form_group input,
.form_signup form .form_group select {
    background: #FAFAFA;
    mix-blend-mode: normal;
    border-radius: 40px;
    padding: 8px 20px;
    border: none;
    width: 100%;
    -webkit-appearance: textfield;
    appearance: textfield;
    -moz-appearance: textfield;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #636363;
}

.form_signup form .form_group .citydetail {
    float: left;
    width: 58%;
    margin-right: 2%;
}

.form_signup form .form_group .citydetail:last-child {
    width: 40%;
    float: left;
    margin-right: 0;
}



.option_socal {
    padding: 15px 0;
    background-color: #fff;
    float: left;
    width: 18%;
    margin-left: 2%;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    margin-top: 40px;
}


.option_socal ul li a {
    display: block;
    padding: 5px 15px;
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    color: #636363;
    transition: 0.3s;
}

.option_socal ul li a:hover {
    color: #A98D4B;
    background: #F7F7F7;
}

.none {
    display: none;
}

.signup_section {
    float: left;
    width: 100%;
    position: relative;
}

.signup_section::after {
    content: '';
    background: url(../images/home_right.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 center;
    z-index: -1;
    width: calc(100% - 60px);
    height: 70%;
    position: absolute;
    opacity: 0.5;
    left: 60px;
    top: 6px;
}

.provider {
    margin-right: 0;
}

.provider h2 {
    margin-bottom: 20px;
}

.more_about>p {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #636363;
    margin-bottom: 20px;
}

.more_about>p span {
    color: #A98D4B;
    font-weight: 700;
}



/* verify */
.verify {
    max-width: 750px;
    margin: 0 auto;
    background-color: #fff;
    box-shadow: 0 0 10px #BBBBBB;
    float: left;
    width: 100%;
    margin-left: 50%;
    transform: translateX(-50%);
    margin-top: 30px;
}

.header_verify {
    width: 100%;
    float: left;
    padding-bottom: 5px;
}

.header_verify .logo_verify {
    width: 50%;
    float: left;
    text-align: left;
    padding: 40px 0 0;
}

.header_verify .shadow {
    width: 50%;
    float: left;
    text-align: right;
}

.header_verify .shadow img {
    max-width: 150px;
}

.border2 {
    position: relative;
}

.border2::after {
    content: '';
    background: linear-gradient(180deg, #A98D4B 0%, #E5E5E5 0.01%, rgba(255, 255, 255, 0) 100%);
    width: 100%;
    height: 10px;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
}

.verify_content {
    padding: 40px 0;
    text-align: center;
}

.Reset_email button {
    width: 185px;
    height: 40px;
    padding: 0 !important;
}

.Reset_email p a {
    color: #A98D4B;
    transition: 0.3s;
}

.Reset_email p a:hover {
    color: #7D2B8B;
}

.verify_content p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #636363;
    text-align: left;
}

.verify_content button {
    font-weight: 700;
    font-size: 16px;
    line-height: 103.28%;
    background: #A98D4B;
    border-radius: 50px;
    color: #FFFFFF;
    padding: 10px 40px;
    border: none;
    margin: 50px auto 0;
    cursor: pointer;
    border: 1px solid transparent;
    transition: 0.3s;
}

.verify_content button:hover {
    background: transparent;
    border-color: #A98D4B;
    color: #A98D4B;
}

.verify_content h4 {
    text-align: left;
    margin-top: 10px;
}

.verify .social_media {
    text-align: center;
    padding: 10px 0;
    float: left;
    width: 100%;
}

.verify .social_media p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #636363;
    padding: 10px;
}

.verify .social_media p:last-child {
    padding: 40px 0;
    background: #F7F7F7;
    margin-top: 15px;
}

.verify .social_media ul li {
    display: inline-block;
    padding: 3px;
}


.modal {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.1);
    transition: 0.5s;
    z-index: 1000000000000;
    height: 100%;
}

.modal-dialog {
    max-width: 1000px;
    /* padding: 30px; */
    border-radius: 10px;
    margin: 0 20px;
    background-color: #FCFCFC;
    /* height: calc(100% - 100px); */
    float: left;
    width: calc(100% - 40px);
    animation: mymove 0.5s ease-in;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

}

.promocode_content {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    /* overflow-y: scroll; */
    padding: 40px 30px 30px;
    background-color: #FAFAFA;


}

.promocode_content h2 {
    font-weight: 700;
    font-size: 21px;
    line-height: 25px;
    color: #7D2B8B;
    text-align: center;
}

.promocode_content p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    padding: 10px 30px;
    color: #636363;
}

.promocode_content p span {
    color: #7D2B8B;
}

.promocode_content img {
    max-width: 180px;
    margin: 0 auto;
    width: 100%;
}

.promocode_content h5 {
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    color: #636363;
    margin-top: 30px;
}

.promocode_content h5 a {
    color: #A98D4B;
}

.promocode_content button {
    background: linear-gradient(100.53deg, #7D2B8B 31.22%, #BD01AA 63.44%);
    border-radius: 40px;
    font-weight: 700;
    font-size: 16px;
    line-height: 103.28%;
    padding: 10px 30px;
    border: transparent;
    color: #FFFFFF;
    transition: 0.3s;
    border: 1px solid transparent;
    position: relative;
    margin: 15px 0;
    cursor: pointer;

}

.promocode_content button:hover {
    background: transparent;
    color: #7D2B8B;
    border-color: #7D2B8B;
}

.promocode_content button span {
    position: absolute;
    left: 0;
    top: 0;
    background: #b7b7b794;
    padding: 10px;
    border-radius: 5px;
    font-size: 13px;
    color: #000;
    width: 100%;
    text-align: center;
    transition: 0.6s;
    transform: scale(0);
}

.promocode_content button:hover span {
    left: 110%;
    transform: scale(1);
}

.resources_tabs>p {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #636363;
    display: block;
    text-align: center;
    padding: 30px 0;
}

.promocode_content>a {
    position: absolute;
    right: 15px;
    top: 0px;
    transform: rotate(45deg);
    z-index: 8;
    cursor: pointer;
    color: #B7B7B7;
    font-size: 30px;
    background: none !important;
    box-shadow: none !important;
    border: none !important;
}

.younger h5 {
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    color: #636363;
}

.younger p {
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    color: #636363;
    margin-bottom: 30px;
}

.testimonial_slid {
    float: left;
    width: 100%;
    margin: 30px 0;
}

.testimonial_slid h2 {
    font-weight: 700;
    font-size: 21px;
    line-height: 100.72%;
    letter-spacing: -0.02em;
    color: #636363;
}

.testimonial_slid p {
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #636363;
    margin: 10px 0;
}

.testimonial_slid .slider_test {
    margin: 60px 0;
    position: relative;
}

.testimonial_slid .slider_test .profile_image {
    float: left;
    width: 100px;
}

.testimonial_slid .slider_test .review {
    float: right;
    width: calc(100% - 110px);
}

.testimonial_slid .slider_test .review .star {
    display: block;
    width: 100%;
    float: left;
    margin: 0 0 15px 0;
}

.reset .password_rule {
    position: relative;
    bottom: 0;
}

.promocode_content .form_group:nth-child(2) span.errorfield {
    top: 71px !important;
}

.testimonial_slid .slider_test .review .star i {
    width: 12px;
    height: 12px;
    color: #A98D4B;
    float: left;
    margin-right: 6px;
}

.testimonial_slid .slider_test .review a {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #A98D4B;
    float: left;
    width: 100%;
}

.testimonial_slid .slider_test .review p {
    font-weight: 400;
    font-size: 14px;
    float: left;
    width: 100%;
    line-height: 21px;
    color: #636363;
    margin-top: 10px;
}

.testimonial_slid .slider_test .owl-next {
    position: absolute;
    right: 0;
    top: 50%;
    background-color: transparent !important;
    transform: translateY(-50%);
}

.testimonial_slid .slider_test .owl-prev {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent !important;
}

.testimonial_slid .slider_test .owl-next span,
.testimonial_slid .slider_test .owl-prev span {
    font-size: 101px;
    font-weight: 100;
    color: #E5E5E5;
    line-height: 0;
    background-color: transparent !important;
}

.testimonial_slid .slider_test .owl-dots {
    display: none;
}

.testimonial_slid .slider_test {
    padding: 0 60px;
}


.login_form {
    max-width: 46%;
    padding: 30px 40px 0;
    min-width: auto !important;
    max-height: 100% !important;
    margin: 40px 0 40px 50%;
    transform: translateX(-50%);
}

.login_form form .form_group {
    width: 100%;
    display: block;
    text-align: left;
    margin-bottom: 15px;
}

.login_form form .form_group label {
    display: block;
    font-weight: 400;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 22px;
    color: #636363;
}

.login_form form .form_group input {
    background: #FAFAFA;
    mix-blend-mode: normal;
    border-radius: 40px;
    padding: 9px 20px;
    border: none;
    width: 100%;
}

input {
    border: 2px solid transparent !important;
}

.Hoverclose::before {
    content: "";
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9;
}

.Hoverclose2::before {
    content: "";
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9;
}

.Hoverclose.second::before {
    width: 96vw;
    left: -28vw;
    top: -56vh;
}

input:focus,
textarea:focus,
select:focus {
    border: 2px solid #814d8a !important;
    outline: none;
}

.login_form form .form_group input:focus {
    background: #F2EAF3;
}

.login_form form .rmfog,
.reset .rmfog {
    width: 100%;
    display: block;
    margin-bottom: 30px;
    float: left;
}

.login_form form .rmfog label,
.reset .rmfog label {
    float: left;
    width: 50%;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #7F7F7F;
    text-align: left;
}

.login_form form .rmfog input[type="checkbox"]:checked {
    opacity: 0;
}


.login_form form .rmfog label span,
.testimonial_adds.promocode_content .add_test .option label span,
.reset .rmfog label span {
    position: relative;
    padding-left: 5px;
}

.login_form form .rmfog label input:checked~span::before,
.testimonial_adds.promocode_content .add_test .option label input:checked~span::before,
.reset .rmfog label input:checked~span::before {
    content: "\f00c";
    position: absolute;
    left: -22px;
    top: 0;
    font-family: FontAwesome;
    width: 20px;
    height: 20px;
    display: block;
    background: #A98D4B;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    padding: 1px;
    box-sizing: border-box;
    font-size: 12px;
}

.login_form form .rmfog a {
    float: left;
    width: 50%;
    text-align: right;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #7D2B8B;
    cursor: pointer;
    transition: 0.3s;
}

.login_form form .rmfog a:hover {
    color: #A98D4B;
}

.login_form button {
    float: left;
    width: 100%;

}

.login_form>span {
    float: left;
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #636363;
    position: relative;
    z-index: 1;
    margin-bottom: 10px;
}

.login_form>span p {
    z-index: 2;
    background-color: #fff;
    padding: 4px 15px;
    position: relative;
    float: left;
    margin-left: 50%;
    transform: translateX(-50%);
}

.login_form>span span {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 0;
    height: 2px;
    background-color: #B7B7B7;
    width: 100%;
    display: block;
}

.login_form>a,
.login_form>button.facebook {
    border: 1px solid #C4C4C4;
    border-radius: 50px;
    float: left;
    width: 100%;
    padding: 12px 0;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 103.28%;
    color: rgba(125, 43, 139, 0.7);
    margin-top: 30px;
    background-color: transparent;
    transition: 0.3s;
}

.reset2 {
    max-width: 600px;
    padding: 15px 15px;
    border-radius: 10px;
    margin: 0 20px;
    background-color: #fff;
    float: left;
    width: calc(100% - 40px);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 10px #d8d8d8;
}

.login_form>a i,
.login_form>button.facebook i {
    margin-right: 6px;
}

.login_form>button.facebook {
    margin-bottom: 0;
}

.login_form>a:hover,
.login_form>button.facebook:hover {
    background-color: #A98D4B;
    color: #fff;
    border-color: #A98D4B;
}

.login_form>p {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #7F7F7F;
    margin-top: 30px;
    float: left;
    width: 100%;
}

.login_form>p a {
    color: #A98D4B;
    margin-left: 5px;
    font-weight: 600;
    transition: 0.3s;
}

.login_form>p a:hover {
    color: #7D2B8B;
}

.loginbg {
    overflow: hidden;
}

.loginbg::after {
    height: 100%;
    background-size: cover;
    left: 0;
    top: 0;
}

.welcome p {
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #636363;
    margin-top: 15px;
}

.welcome a {
    width: 160px;
    height: 40px;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 103.28%;
    display: block;
    padding: 11px;
    margin-top: 40px;
    color: #A98D4B;
    background: transparent;
    border-radius: 50px;
    border: 2px solid #A98D4B;
    transition: 0.3s;
}

.welcome a:hover {
    background-color: #A98D4B;
    color: #fff;
    border-color: #A98D4B;
}

.reset h2 {
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    color: #636363;
    margin-bottom: 20px;
}

.reset .form_group {
    margin-bottom: 25px;
}

.reset .form_group .rmfog {
    text-align: left;
}

.reset .form_group input {
    background: linear-gradient(0deg, #FAFAFA, #FAFAFA), #FFFFFF;
    mix-blend-mode: normal;
    border-radius: 30px;
    padding: 10px 20px;
    display: block;
    border: none;
    width: 100%;
}

.reset .form_group label {
    font-weight: 600;
    font-size: 14px;
    text-align: left;
    line-height: 21px;
    color: #636363;
    display: block;
    margin-bottom: 8px;
}

.reset .rmfog {
    margin-left: 15px;
}

.reset .buttons {
    /* max-width: 340px !important; */
    margin: 0 auto;
    clear: both;
}

.reset .buttons.reset3 {
    max-width: 400px;
}

.reset .buttons.reset4 {
    max-width: 380px;
}

select {
    cursor: pointer !important;
}

.reset button {
    width: 170px;
    border: 1px solid #B7B7B7;
    border-radius: 50px;
    font-weight: 600;
    font-size: 16px;
    line-height: 103.28%;
    color: #B7B7B7;
    height: 40px;
    background: transparent;
    padding: 10px 0;
    margin: 0 15px;
    transition: 0.3s;
    float: left;
}

.reset button:hover {
    border-color: #A98D4B;
    background-color: #A98D4B;
    color: #fff;
}

.reset button.rest {
    background-color: transparent;
    color: #A98D4B;
    border: 2px solid #A98D4B;
    float: right;
}

.reset button.rest:hover {
    border: 2px solid transparent;
    color: #fff;
    background: #A98D4B;
}

.reset .password_rule {
    /* display: none; */
    margin-top: 0;
    padding-top: 0;
}

.reset .password_rule,
.reset .password_rule p {
    text-align: left;
    padding-bottom: 0;
}

.bgnon {
    background: transparent !important;
}

.reset .captch {
    margin-bottom: 30px;
    width: 100%;
    float: left;
}

.reset .captch>div>div>div {
    width: 100% !important;
}

/* .reset .form_group input:focus~.password_rule {
    display: block;
} */

.reset .password_rule h3 {
    font-weight: 600;
    font-size: 12px;
    line-height: 21px;
    color: #7D2B8B;
    margin-bottom: 8px;
}

.reset .password_rule p {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    padding-left: 0;
    color: #7D2B8B;
    padding-top: 0;

}

.reset_email {
    padding: 0 70px;
    margin-bottom: 40px;
}

.reset_email p {
    font-size: 14px;
    padding: 10px 0;
    margin-top: 15px;
}

.reset_email p span {
    margin-bottom: 5px;
    display: block;
    float: left;
    width: 100%;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    color: #636363;
}

.reset_email .buttons {
    max-width: 280px;
}

.reset_email button {
    width: 160px;
}

.react-datepicker__input-container {
    max-width: 375px;
    display: inline-block;
    width: 100%;
    height: 40px;
    background: #FAFAFA;
    mix-blend-mode: normal;
    border-radius: 40px;
}

.Profile_complete .detail .form_group .react-datepicker__input-container input {
    position: absolute;
    left: 0;
    top: 0;
    background: transparent !important;
}

.Profile_complete .detail .form_group .react-datepicker__input-container::before {
    display: none;
}

.react-datepicker__input-container::before {
    content: "\f0d7";
    font-family: fontAwesome;
    position: absolute;
    right: 14px;
    color: #7F7F7F;
    top: 50%;
    font-size: 13px;
    transform: translateY(-50%);
}

.login_first h2 {
    font-size: 20px;
    margin-bottom: 30px;
}

.login_first p {
    padding: 15px 50px;
}

.login_first p.pro {
    color: #7D2B8B;
}

.login_first p a {
    color: #A98D4B;
    text-decoration: underline;
    font-weight: 600;
}

.login_first button {
    width: 240px;
    height: 40px;
    background: transparent;
    border-radius: 50px;
    color: #A98D4B;
    border: 2px solid #A98D4B;
    white-space: nowrap;
}

.login_first button a {
    color: #A98D4B;
}

.login_first button:hover a {
    color: #fff;
}

.login_first button:hover {
    color: #fff;
    border-color: #A98D4B;
    background-color: #A98D4B;
}



.error h2 {
    font-weight: 700;
    font-size: 35px;
    line-height: 97.7%;
    letter-spacing: -0.04em;
    margin-bottom: 20px;
    color: #636363;
}

.error p {
    font-weight: 400;
    font-size: 21px;
    line-height: 28px;
    color: #636363;
    margin-bottom: 30px;
}

.error a {
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
    display: flex;
    align-items: center;
    text-decoration-line: underline;
    color: #A98D4B;
    transition: 0.3s;
}

.error a span {
    margin-left: 10px;
}

.error a:hover {
    color: #7D2B8B;
}

.bggray,
.dask {
    background: linear-gradient(0deg, #FCFCFC, #FCFCFC), linear-gradient(0deg, #F7F7F7, #F7F7F7), #FFFFFF;
}

.testimonial_adds .add_test {
    background: #FAFAFA;
    padding: 20px 50px;
    overflow: auto;
    overflow-x: auto;
    height: 80vh;
    overflow-x: hidden;
    scrollbar-width: thin;
    margin-bottom: 10px;
}

.testimonial_adds {
    padding: 30px 0 0;

}

.promocode_content.testimonial_adds>a {
    right: 11px;
    top: 0;
}

.testimonial_adds.promocode_content h2 {
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    color: #A98D4B;
    margin-bottom: 20px;
}

.testimonial_adds.promocode_content .add_test h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    padding-bottom: 15px;
    color: #636363;
}

.testimonial_adds.promocode_content .add_test h5 {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #636363;
    text-align: left;
    margin-top: 20px;
}

.testimonial_adds.promocode_content .add_test .que1 p {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #636363;
    text-align: left;
    padding: 0;
    margin-bottom: 5px;
}

.testimonial_adds.promocode_content .add_test .que1 .option {
    display: block !important;
}

.testimonial_adds.promocode_content .add_test .que1 {
    text-align: left;
    margin-top: 20px;
    position: relative;
}

.testimonial_adds.promocode_content .add_test .star i {
    color: #A98D4B;
    margin-right: 3px;
    font-size: 14px;
    cursor: pointer;
    transition: 0.3s;
}

.testimonial_adds.promocode_content .add_test .star i:hover {
    transform: scale(1.4);
}

.testimonial_adds.promocode_content .add_test .option label {
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #636363;
    margin-bottom: 5px;
    cursor: pointer;
}

.testimonial_adds.promocode_content .add_test .option label span {
    margin-left: 5px;
}

.testimonial_adds.promocode_content .add_test .comment textarea {
    width: 100%;
    background: #FFFFFF;
    mix-blend-mode: normal;
    border-radius: 4px;
    border: none;
    padding: 10px;
    height: 60px;
    margin: 5px 0;
}

.testimonial_adds.promocode_content .add_test .comment {
    position: relative;
    margin-left: 5%;
    padding-bottom: 20px;
}

.testimonial_adds.promocode_content .add_test .option .comment {
    display: none;
    padding-bottom: 0;
}

.testimonial_adds.promocode_content .add_test .comment span {
    position: absolute !important;
    right: 20px;
    bottom: 30px;
    font-size: 12px;
    line-height: 16px;
    color: #B7B7B7;
}

.testimonial_adds.promocode_content .add_test .option label:last-child {
    padding-bottom: 20px;
}

.testimonial_adds.promocode_content .add_test .option label:last-child input:checked~.comment {
    display: block;
}

.bordererror {
    border: 1px solid red !important;
    border-radius: 50px;
    overflow: hidden;
}

.errorfield {
    color: red;
    padding: 0 10px;
    display: block;
    font-size: 12px;
    text-align: left;
    position: absolute;
    left: 0;
    bottom: -18px;
}
.errorfield a {
    color: #7D2B8B;
}

.errorfield a:hover {
    color: #A98D4B;
}

.testimonial_adds.promocode_content .add_test .sec2 .comment {
    margin-left: 0;
}

.testimonial_adds.promocode_content .add_test .buttons {
    max-width: 265px;
    margin: 0 auto;
}

.testimonial_adds.promocode_content .add_test .buttons button.rest,
.testimonial_adds.promocode_content .add_test .buttons button {
    width: 112px;
    height: 40px;
    margin: 30px 10px;
    color: #A98D4B;
    background: transparent;
    border: 2px solid #A98D4B;
}

.reset2 {
    margin: 0;
}

.testimonial_adds.promocode_content .add_test .buttons button.rest:hover,
.testimonial_adds.promocode_content .add_test .buttons button:hover {
    background: #A98D4B;
    border-radius: 50px;
    color: #fff;
}


.mobile {
    margin-top: 10px;
    display: none;
}

.promocode p button {
    display: none;
}


button {
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
}



.on {
    color: #000;
}

.off {
    color: #ccc;
}

.form_group {
    position: relative;
}

.eyes {
    position: absolute;
    right: 14px;
    top: 40px;
    width: 18px;
    height: 16px;
}

.signuppassword {
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #fff;
    padding: 20px;
    box-shadow: 0 0 10px #ccc;
    min-height: 151px;
    z-index: 99;
    border-radius: 25px;
}

.signuppassword p {
    color: #7D2B8B;
}

.eyes i {
    position: absolute;
    width: 18px;
    height: 16px;
    display: block;
    right: 0px;
    top: 0px;
    z-index: 0;
}

.eyes i::before {
    content: '\f070';
    font-family: FontAwesome;
    color: #d3d3d3;
}

.eyes input {
    opacity: 0;
    cursor: pointer;
    position: relative;
    z-index: 2;
    width: 18px;
    height: 16px;
    padding: 0;
}

.form_group .eyes input:checked~i::before {
    content: "\f06e";
    color: #b3b3b3;
}

@keyframes mymove {
    from {
        opacity: 0;
        transform: translate(-50%, -100%);
    }

    to {
        opacity: 1;
        transform: translateY(-50%, 0%);
    }
}

/* about */

.about {
    padding: 39px 0;
    width: 100%;
    max-width: 1260px;
    float: none;
    margin: 0 auto;
}

.about h2 {
    font-weight: 700;
    font-size: 21px;
    line-height: 100.72%;
    letter-spacing: -0.02em;
    color: #636363;
    display: block;
    padding-bottom: 8px;
}

.about .content {
    padding-bottom: 15px;
    margin-bottom: 35px;
    transition: 0.3s !important;
    max-height: 100% !important;
}

.about .content p {
    font-weight: 400;
    padding-bottom: 25px;
    font-size: 20px;
    line-height: 27px;
    color: #636363;
}


.about ul {
    float: left;
    width: 100%;
    display: flex;
    margin-top: 20px;
    margin-bottom: 100px;
}

.about ul .slider_test {
    width: 100%;
}

.about ul li {
    width: 100%;
    text-align: center;
}

.about ul li img {
    border-radius: 220px;
    width: 180px;
    height: 180px;
    object-fit: unset;
    margin: 0 auto;
}

.about ul li h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #636363;
    margin-top: 15px;
}

.about ul li p {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #636363;
    padding: 5px 0;
}

.about ul li h4 {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #636363;
}

.about ul li button {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    padding: 5px 0;
    color: #A98D4B;
    cursor: pointer;
    transition: 0.3s;
}

.about ul li button:hover {
    color: #7D2B8B;
}

.about_team {
    float: left;
    width: 100%;
    background: linear-gradient(0deg, #FAFAFA, #FAFAFA), #FFFFFF;
    margin-top: 130px;
    padding: 30px 40px 40px;
}

.about_team img {
    float: left;
    width: 50%;
    max-width: 180px;
    max-height: 180px;
    border-radius: 50%;
    margin-top: -104px;
}

.about_team .named {
    float: left;
    margin-left: 20px;
    text-align: left;
}

.about_team .named h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #A98D4B;
}

.about_team .named p {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    padding: 5px 0;
    color: #636363;
    margin-top: 0;
    text-align: left;
}

.about_team .named h4 {
    font-size: 15px;
    line-height: 19px;
    color: #636363;
}

.about_team>p {
    float: left;
    width: 100%;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #636363;
    margin: 15px 0 0 0;
}

.about_model .modal-dialog {
    max-width: 740px !important;
}

/* contact */

.contact,
.career,
.investor {
    float: left;
    width: 80%;
    margin: 0 10%;
    padding: 39px 0;
}

.dask_margin {
    margin-bottom: 250px;
}

.contact {
    width: 80%;
    margin: 0 auto;
    padding: 39px 0;
    max-width: 740px;
    float: none;
}

.investor {
    width: 100%;
    margin: 0 auto;
    max-width: 740px;
    float: none;
}

.career {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    float: none;
    max-width: 740px;
}



.contact h2,
.career h2,
.investor h2 {
    font-weight: 700;
    font-size: 21px;
    line-height: 100.72%;
    letter-spacing: -0.02em;
    color: #636363;
    text-align: left;
}

#safety_tips h2 {
    font-weight: 600;
}

.career p {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #636363;
    margin-top: 8px;
    text-align: left;
}

.contact p,
.investor p {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #636363;
    margin-top: 8px;
    width: 100%;
    text-align: left;
}

.investor p {
    width: 100%;
}

.contact h3,
.investor h3 {
    color: #636363;
    margin-top: 20px;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
}



.career img {
    width: 100%;
    margin: 40px auto;
    max-width: 600px;
}

.contact .form,
.investor form {
    float: left;
    width: 100%;
    padding-bottom: 45px;
    margin-bottom: 30px;
}

.contact .form_group,
.investor .form_group {
    float: left;
    width: 50%;
    margin-top: 15px;
}

.contact form .form_group input,
.investor .form_group input,
.contact form .form_group select,
.contact form .form_group2 select {
    background: #FAFAFA;
    mix-blend-mode: normal;
    border-radius: 40px;
    padding: 8px 20px;
    border: none;
    width: 100%;
    -webkit-appearance: textfield;
    appearance: textfield;
    -moz-appearance: textfield;
    width: 95%;
    height: 40px;
}

.contact form .form_group input::placeholder,
.investor .form_group input::placeholder,
.investor .form_group textarea::placeholder,
.contact form .form_group select,
.contact form .form_group2 select {
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #636363;
}

.contact form .form_group label,
.contact form .form_group2 label,
.investor .form_group label {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #636363;
    display: block;
    text-align: left;
    margin-bottom: 10px;
}

.contact .workus ul {
    margin: 15px 0;
}

.contact .workus ul li {
    font-weight: 600;
    font-size: 16px;
    line-height: 162.4%;
    color: #636363;
    margin: 3px 25px;
    position: relative;
}

.contact .workus ul li::before {
    content: '';
    background: url(../images/checkbox.svg);
    width: 16px;
    height: 16px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: -25px;
    top: 50%;
    transform: translateY(-50%);
}


.contact form .form_group label span,
.investor .form_group label span {
    color: #A98D4B !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    position: relative !important;
    left: 0;
    top: 0;
}

.contact form .form_group2 label {
    display: inline-block;
}

.contact form .form_group.part2 .citydetail {
    float: left;
    width: 58%;
    position: relative;
}

.contact form .form_group.part2 .country_flag img {
    width: 25px;
    margin-right: 20px;

}


.contact form .form_group.part2 .country_flag {
    /* border:1px solid green; */
    background: #FAFAFA;
    border-radius: 40px 0 0 40px;
    height: 40px;
    width: 94px;
    display: flex;
    align-items: center;
    float: left;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #636363;
    padding: 10px;
    cursor: pointer;
    position: relative;
    border-right: none !important;
}

.contact form .form_group.part2 ul {
    background-color: red;
    width: 100%;
    text-align: left;
    max-height: 300px;
    overflow-y: scroll;
    position: absolute;
    background: #fff;
    z-index: 9999999;
    box-shadow: 0px 0px 3px #ccc;
    top: 100%;
}

.contact form .form_group.part2 ul li {
    font-weight: 400;
    font-size: 15px;
    line-height: 14px;
    color: #636363;
    padding: 10px;
    cursor: pointer;
    transition: 0.3s;
}

.contact form .form_group.part2 ul li img {
    width: 25px;
    margin-right: 5px;
}

.contact form .form_group.part2 .citydetail span {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #7F7F7F;
}

.contact form .form_group.part2 .citydetail:last-child input {
    padding-left: 32px;
}

.contact form .form_group2 {
    width: 95%;
    margin: 20px 0 10px;
    float: left;
}

option {
    cursor: pointer;
}



.contact form .form_group2 select {
    width: 120px;
    margin-left: 20px;
    padding: 8px 0 8px 20px;
}

.contact .form_group.full,
.investor .form_group.full {
    width: 100%;
    position: relative;
}

.contact .form_group.full span,
.investor .form_group.full span {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #B7B7B7;
}

.contact .form_group textarea,
.investor .form_group textarea {
    background: #FAFAFA;
    mix-blend-mode: normal;
    border-radius: 5px;
    padding: 8px 20px;
    border: none;
    width: 100%;
    position: relative;
    resize: none;
    height: 70px;
}

textarea {
    resize: none;
}

.contact button,
.investor button {
    font-weight: 700;
    font-size: 16px;
    line-height: 103.28%;
    color: #A98D4B;
    border: 2px solid #A98D4B;
    float: left;
    width: 130px;
    height: 40px;
    background: transparent;
    border-radius: 50px;
    margin-bottom: 30px;
    transition: 0.3s;
}

.contact button:hover,
.investor button:hover {
    border: 2px solid transparent;
    color: #fff;
    background: #A98D4B;
}

.contact .follow {
    float: left;
    width: 100%;
    text-align: center;
}

.contact .follow h3 {
    color: #636363;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
}

.contact .follow ul li a {
    margin-right: 12.5px;
}

.contactpop button {
    width: 140px;
    height: 40px;
    background: #A98D4B;
    border-radius: 50px;
    font-weight: 700;
    font-size: 16px;
    line-height: 103.28%;
    text-align: center;
    color: #FFFFFF;
}

.contactpop p {
    width: 70%;
    color: #636363;
    margin: 0 auto;
}

.contactpop button:hover {
    border-color: #A98D4B;
    color: #A98D4B;
}

.investor button {
    margin-top: 50px;
}

.privacy p {
    width: 100%;
    padding: 8px 0;
}

.privacy .privacycon h2 {
    font-weight: 600;
    font-size: 17px;
    line-height: 22px;
    color: #636363;
    margin-top: 8px;
    text-align: left;
}

.faq .form_group .inp {
    width: calc(100% - 170px);
}

.privacy .privacycon strong {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: -15px;
    display: block;
}

.privacy .privacycon p a {
    color: #A98D4B;
    transition: 0.3s;
    text-decoration: underline;
}

.privacy .privacycon p a:hover {
    color: #7D2B8B;
}

.safety,
.safety_tips,
.more_tips {
    width: 100% !important;
    margin: 0% auto !important;
    clear: both;
}

.contact .left,
.contact .right {
    width: 50%;
    float: left;
}

.contact .right {
    text-align: center;
    padding-left: 30px;
}

.contact form .form_group input {
    width: 99%;
    height: 38px;
}


.contact .right h3 {
    font-family: 'Lora';
    font-weight: 400;
    font-size: 30px;
    line-height: 38px;
    text-align: center;
    width: 90%;
    margin: 0 auto;
    font-style: italic;
    color: #7D2B8B;
    background-image: url(../images/cote.png);
    background-repeat: no-repeat;
    background-position: 15% 0;
    background-size: inherit;
}

.privacy ul li {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #636363;
    margin-top: 8px;
    text-align: left;
    list-style: disc;
    margin-left: 15px;
    padding-left: 10px;
}

.provider_tabing {
    background-color: #FAFAFA;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.safety_tips {
    width: 94%;
    margin: 0 3%;
}

.safety_tips h3 {
    padding-left: 80px;
}

.safety_tips ul {
    display: flex;
}

.safety_tips ul li {
    width: 25%;
    text-align: center;
    padding: 30px 0;
    position: relative;
}

.safety_tips ul li::after {
    content: '';
    position: absolute;
    width: 100%;
    display: block;
    border-bottom: 2px dotted #7F7F7F;
    right: -50%;
    top: 55px;
    z-index: 0;
}

.safety_tips ul li::before {
    content: '';
    position: absolute;
    background: url(../images/right_arrow.svg) no-repeat center;
    display: block;
    width: 6px;
    height: 11px;
    top: 51px;
    right: 0%;
}

.safety_tips ul li:last-child:after,
.safety_tips ul li:last-child:before {
    display: none;
}

.safety_tips ul li h4 {
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #636363;
    margin-top: 10px;
}

.safety_tips ul li img {
    position: relative;
    z-index: 5;
}

.safety_tips ul li h4 span {
    color: #A98D4B;
}

.safety .tabing button {
    width: 33.33%;
    background: transparent;
    border: none;
    border-bottom: 2px solid #DADADA;
    border-radius: 0;
    color: #7F7F7F;
    font-size: 18px;
    font-weight: 500;
}

.safety .tabing button.active {
    color: #A98D4B;
    border-color: #A98D4B;
    border-width: 4px;
}

.more_tips {
    padding: 0;
    margin: 0 10%;
    width: 80%;
    margin-top: 10px;
}

.more_tips ul {
    width: 50%;
    float: left;
    padding-right: 20px;
}

.more_tips ul:last-child {
    padding: 0 0 0 20px;
}

.more_tips ul li {
    float: left;
    width: 100%;
    margin-top: 40px;
}

.more_tips ul li>img {
    width: 50px;
    float: left;
}

.more_tips ul li .morecontent {
    width: calc(100% - 60px);
    float: right;
}

.more_tips ul li p {
    width: 100%;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #636363;
}

.more_tips ul li h5 {
    font-weight: 600;
    font-size: 16px;
    line-height: 100.72%;
    letter-spacing: -0.02em;
    color: #B7B7B7;
    margin: 18px 0 10px 0;
}

.more_tips ul li h3 {
    margin-top: 14px;
}

.resources_tabs .tab_open p svg {
    margin-bottom: -6px;
    fill: #7D2B8B;
    margin-right: 5px;
}

.more_tips ul li h5 span a,
.more_tips ul li h5 span {
    color: #7D2B8B;
}

.more_tips ul li.inner p {
    padding-left: 20px;
}

.more_tips ul li.inner>img {
    width: 16px;
    margin: 17px;
}

.tab1 {
    display: none;
}

.tab1.active {
    display: block;
}

.safety_tips.parents ul li {
    width: 16.66%;
}

.safety_tips.parents {
    width: 90%;
    margin: 0 5%;
}

.more_tips ul li.inner.out p {
    padding: 0;
}

.more_tips ul li.inner.out img {
    border: 1px solid #BBBBBB;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 2px 0 0 4px;
    object-fit: none;
    margin: 10px;
}

.category_use {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}

.category_use ul:first-child {
    display: flex;
    margin-bottom: 20px;
}

.category_use ul:first-child li {
    width: 33.33%;
    list-style: none;
    text-align: left;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: #7F7F7F;
}

.category_use ul li {
    padding: 0;
}

.category_use ul:last-child li {
    display: flex;
    background-color: #FAFAFA;
    align-items: center;
    margin: 0;
    border-bottom: 1px solid #E5E5E5;
}

.category_use ul:last-child li:first-child {
    border-top: 1px solid #E5E5E5;
}

.category_use ul:last-child li h4 {
    width: 33.33%;
    text-align: center;
    padding: 0 40px;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #636363;
}

.category_use ul:last-child li p {
    margin: 0;
    padding: 20px;
    background-color: #fff;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0.2px;
    line-height: 21px;
    color: #636363;
}

.cookie_pop {
    background: #7D2B8B;
    opacity: 0.9;
    float: left;
    width: 100%;
    padding: 20px 0;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9999999999999;
}

.cookie_pop .container {
    display: flex;
    align-items: center;
}

.cookie_pop p {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    max-width: 600px;
    color: #FFFFFF;
    margin: 0 30px;
}



.cookie_pop p a {
    color: #fff;
    transition: 0.3s;
    /* border-bottom: 1px solid #fff; */
}

.cookie_pop p a:hover {
    color: #A98D4B;
    border-bottom: 1px solid #A98D4B;
}

.cookie_pop button {
    border: 1px solid #FFFFFF;
    border-radius: 50px;
    font-weight: 700;
    margin-top: 4px;
    font-size: 14px;
    color: #FFFFFF;
    padding: 8px 0;
    background: transparent;
    margin-right: 15px;
    transition: 0.3s;
    width: 168px;
    height: 40px;
    text-align: center;
}

.wrapper .bggray_slider {
    display: block;
    float: left;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.wrapper .bggray_slider ul li {
    width: 24%;
    background-color: #7D2B8B;
    height: 5.5px;
    float: left;
    border-radius: 1px;
}

.wrapper .bggray_slider ul li:first-child {
    width: 24%;
}

.wrapper .bggray_slider ul li:nth-child(2) {
    width: 18%;
}

.wrapper .bggray_slider ul li:nth-child(3) {
    width: 17%;
}

.wrapper .bggray_slider ul li:nth-child(4) {
    width: 18%;
}

.wrapper .bggray_slider ul li:last-child {
    width: 23%;
}

.cookie_pop button.accept {
    background: #fff;
    color: #7D2B8B;
}

.cookie_pop button:hover {
    background: #fff;
    color: #7D2B8B;
}

.cookie_pop button.accept:hover {
    background: transparent;
    color: #fff;
}

.drodownsearch {
    position: relative;
    margin: 0 10px;
}

.drodownsearch span {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #B7B7B7;
    background-color: transparent;
    padding-right: 15px;
    cursor: pointer;
    width: 100%;
}

.close_eve {
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    z-index: 99;
    background: #00000005;
}

.mttop {
    margin-bottom: -10px !important;
}

.drodownsearch ul {
    border: 1px solid #eee;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 999;
    background-color: #fff;
}

.drodownsearch ul li {
    padding: 5px;
    font-size: 14px;
    line-height: 19px;
    color: #585858;
    cursor: pointer;
    transition: 0.3s;
    display: block;
    width: 100%;
    white-space: nowrap;
}

.drodownsearch ul li:hover {
    background-color: #A98D4B;
    color: #fff;
}

/* .cookie_pop span {
    transform: rotate(45deg);
    color: #fff;
    font-size: 22px;
    cursor: pointer;
    margin-left: 25px;
    margin-top: 4px;
} */

.resource_tital {
    background: #FAFAFA;
    padding: 40px 0;
    overflow: hidden;
    position: relative;
    height: 200px;
    display: flex;
    align-items: center;
}

.resource_tital .container {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0 0;
    max-width: 940px;
}

.resource_tital .container::before {
    content: '';
    width: 220px;
    height: 183px;
    position: absolute;
    right: 36px;
    top: -66px;
    background: url(../images/home_right.svg) no-repeat center;
    background-size: cover;
}

.resource_tital h2 {
    font-weight: 700;
    font-size: 21px;
    line-height: 100.72%;
    letter-spacing: -0.02em;
    color: #636363;
    margin-bottom: 10px;
    position: relative;
    z-index: 5;
}

.resource_tital p {
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #636363;
}

.resource_tital p a {
    color: #A98D4B;
}

.resources_tabs .tab_open p img {
    margin-bottom: -3px;
}

.resources_tabs .tab_open p img.imgmrgn {
    margin-bottom: -9px;
}

.resources_tabs .tab_open .workus .interview {
    display: inline-block;
    background: linear-gradient(100.53deg, #7D2B8B 31.22%, #BD01AA 63.44%);
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
    border-radius: 40px;
    color: #FFFFFF;
    text-decoration: none;
    margin: 0 6px;
    font-size: 13px;
    padding: 2px 15px;
    height: 29px;
    width: auto;
    float: none;
}

.resources_tabs .tab_open p.eachicon {
    line-height: 34px;
}

.resources_tabs .tab_open p.eachicon img {
    margin-right: 6px;
    width: 30px;
    object-fit: scale-down;
    margin-bottom: -9px;
    height: 30px;
}

.resource_tital p span {
    color: #A98D4B;
}

.resource_content {
    width: 80%;
    margin: 30px 10%;
}

.resource_search {
    background-color: #F5F2EA;
    padding: 16px 22px;
    float: left;
    width: 100%;
    max-width: 940px;
    margin-left: 50%;
    transform: translateX(-50%);
}

.resource_search .form_group {
    width: calc(100% - 148px);
    margin: 0 0 5px 0;
    float: left;
}

.resource_search .clear {
    width: 142px;
    text-align: center;
    float: right;
}

.resource_content label {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #636363;
    display: block;
    margin-bottom: 10px;
}

.resource_search .form_group input,
.resource_search .form_group select {
    background: #FFFFFF;
    border: none;
    padding: 8px;
    margin-right: 10px;
    mix-blend-mode: normal;
    border-radius: 4px;
    height: 40px;
    float: left;
    width: calc(30% - 11px);
    -moz-appearance: textfield;
}

.resource_search .form_group select {
    font-style: italic !important;
    color: #acacac;
    font-weight: 300;
    font-size: 14px;
}

.resource_search .form_group input.keyword {
    width: calc(40% - 11px);
}

.resource_content label a {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    text-decoration-line: underline;
    color: #A98D4B;
    margin-right: 26px;
    float: right;
}

.resource_search .clear button {
    background: transparent;
    border-radius: 40px;
    width: 140px;
    height: 40px;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #A98D4B;
    border: 2px solid #A98D4B;
    transition: 0.3s;
}

.resource_search .clear button:hover {
    color: #fff;
    background: #A98D4B;
    border-color: transparent;
}

.resource_search .clear button svg {
    width: 18px;
    margin-right: 5px;
    fill: #A98D4B;
    transition: 0.3s;
    margin-bottom: -3px;
}

.resource_search .clear button:hover svg {
    fill: #fff;
}

.resources_tabs {
    margin: 20px auto 40px;
    max-width: 940px;
    width: 100%;
}

.resources_tabs .tabs {
    width: 100%;
    float: left;

}

.resources_tabs .tabs h2 {
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    color: #7D2B8B;
    padding: 10px 0;
    border-bottom: 1px solid #E5E5E5;
    cursor: pointer;
}

.resources_tabs .tabs h2 img {
    float: inline-end;
    padding: 12px 0;
}

.resources_tabs .tabs>img {
    float: right;
    width: 12px;
    height: 100%;
}

.resoft p {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    color: #636363;
}

.resoft p a {
    color: #A98D4B;
    margin: 0 5px;
    text-decoration: underline;
    transition: 0.3s;
}

.resoft p img {
    margin-right: 10px;
}

.resoft p a:hover {
    color: #7D2B8B;
}

.resources_tabs .tab_open {
    margin-bottom: 25px;
}

.resources_tabs .tab_open h3 {
    font-weight: 700;
    margin: 15px 0;
    font-size: 16px;
    line-height: 22px;
    color: #636363;
}

.resources_tabs .tab_open h4 {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #636363;
}

.resources_tabs .tab_open p {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #636363;
    margin: 15px 0 15px 15px;
}

.resources_tabs .tab_open p a {
    display: inline-block;
}

.resources_tabs .tab_open a {
    font-weight: 600;
    font-size: 15px;
    line-height: 14px;
    text-decoration-line: underline;
    color: #A98D4B;
    display: block;
    padding-top: 7px;
    transition: 0.3s;
}

.resources_tabs .tab_open a:hover {
    /* color: #7D2B8B; */
}

.resources_tabs .tab_open a.border {
    padding-bottom: 30px;
}

.tab_open .answer {
    display: none;
}

.resources_tabs.faq .tab_open {
    display: block;
}

.resources_tabs.faq h2 {
    border: none;
}

.resources_tabs.faq .tab_open h3,
.resources_tabs.faq .tab_open h5 {
    font-weight: 600;
    font-size: 16px;
    line-height: 100.72%;
    letter-spacing: -0.02em;
    color: #7D2B8B;
}

.resources_tabs.faq .tab_open h5 {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    margin: 15px 0;
    color: #AF7EB7;
}

.resources_tabs.faq .tab_open h4 {
    font-weight: 500;
    font-size: 15px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.resources_tabs.faq .tab_open h4 span {
    width: calc(100% - 20px);
    display: block;
}

.resources_tabs.faq .tab_open .faqans {
    border-bottom: 1px solid #E5E5E5;
    padding: 10px 0;
    display: block;
}

.faq .form_group {
    display: flex;
    margin-top: 15px;
}

.faq .form_group form {
    width: 100%;
}

.faq .form_group input {
    background: #FFFFFF;
    mix-blend-mode: normal;
    opacity: 0.9;
    border-radius: 2px;
    width: calc(100% - 160px);
    height: 40px;
    padding: 0 20px;
}

.filter_search .Profile_complete .detail .form_group .checkbox ul li input[type="radio"]:checked~span::before {
    background: #7D2B8B;
}

.faq .form_group button {
    background: #7D2B8B;
    border-radius: 40px;
    width: 140px;
    height: 40px;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    margin-left: 20px;
}

.resource_tital.faq .container::before {
    content: '';
    width: 404px;
    height: 396px;
    /* background: none; */
}

.faq .form_group button img {
    margin-bottom: -5px;
}

.contact p a {
    color: #A98D4B;
    font-weight: 500;
}

.resources_tabs .tab_open p img {
    float: none;
    padding: 0;
}

.inp {
    position: relative;
    display: block;
    float: left;
    width: calc(61% - 11px);
    margin-right: 10px;

}

.more_tips p a {
    text-decoration: underline;
}

.safety_tips.parents ul li {
    padding: 30px 7px;
}

.inp span {
    position: absolute;
    right: 10px;
    top: 2px;
    cursor: pointer;
    font-size: 25px;
    color: #acacac;
    transform: rotate(45deg);
}

.inp input {
    width: 100% !important;
    margin: 0;
}

.option {
    display: none;
}

.customselect {
    width: calc(35% - 11px);
    min-width: 200px;
}

.customselect .option {
    background: #FFFFFF;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15);
    border-radius: 0 0 4px 4px;
    padding: 10px 10px 10px;
    position: absolute;
    left: 0;
    top: 100%;
    float: left;
    z-index: 9999;
    width: 100%;
}

.customselect .option p {
    float: left;
    width: 100%;
    min-height: 36px;
    position: relative;
    padding-top: 9px;

}

.customselect .option p.border {
    padding-bottom: 10px;
}

.customselect .option p h3 {
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    color: #636363 !important;
    float: left !important;
    width: calc(100% - 25px) !important;
}

.profileshow.editview h2 a {
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    display: flex;
    align-items: center;
    gap: 7px;
    float: right;
    color: #A98D4B;
}

.profileshow .left_side_section {
    display: block;
    width: 50%;
    border: none;
    border-right: 1px solid #E5E5E5;
}

.profileshow.editview .about_edit {
    padding: 0 0 40px;
}

.profileshow .left_side_section .profile_box {
    background: transparent;
    padding-left: 0;
}

.profileshow .left_side_section .profile_box .profile_functions {
    padding: 25px 15% 0;
}

.profileshow.editview .about_edit>p {
    padding-left: 20px;
}

.profileshow.editview .about_edit p span {
    height: 187px;
    margin-bottom: 10px;
}

.profileshow.editview .about_edit .quarybtn .message {
    background: transparent;
    border-radius: 40px;
    font-weight: 600;
    font-size: 13px;
    line-height: 103.28%;
    padding: 10px 20px;
    border: 1px solid #7D2B8B;
    height: 40px;
    color: #7D2B8B;
    margin-right: 20px;
    margin-bottom: 10px;
}

.profileshow.editview .about_edit .quarybtn .message:hover {
    background: linear-gradient(100.53deg, #7D2B8B 31.22%, #BD01AA 63.44%);
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);
    border: 1px solid transparent;
    color: #fff;
}



.no_active {
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    text-align: center;
    color: #DADADA;
    border: none;
}

.profileshow.editview .about_edit .quarybtn .ask {
    border: 1px solid #A98D4B;
    border-radius: 40px;
    font-weight: 600;
    font-size: 13px;
    color: #A98D4B;
    transition: 0.5s;
    padding: 10px 10px;
}

.profileshow .right_side_section {
    padding: 30px 0;
    width: 100%;
}

.profileshow.editview .about_edit .quarybtn .ask:hover {
    color: #fff;
    background: #A98D4B;
    border-color: #A98D4B;
}

.profileshow.editview .about_edit .left_side_section .quarybtn {
    display: none;
}

.profileshow .left_side_section .profile_box .profile_detail p {
    width: 100%;
    padding-left: 20px;
}

.profileshow.editview .about_edit {
    width: 100%;
}

.customselect .option p h3 {
    text-align: left !important;
}

.slick-next,
.slick-prev {
    z-index: 10;
}

.customselect .option input {
    width: 100% !important;
    height: 20px;
    border-radius: 50%;
    float: right;
    margin: 0;
    opacity: 0;
    position: relative;
    z-index: 3;
    cursor: pointer;
    position: absolute;
    right: 0;
    padding-left: 10px;
}

.customselect .option input:checked~h3 {
    color: #A98D4B !important;
}

.customselect .option p input:checked~span {
    background: url(../images/checkbox.svg) no-repeat center !important;
    transform: rotate(0deg);
    border: none;
}

.filter_search .customselect .option p input:checked~span,
.advance_search_popup .customselect .option p input:checked~span {
    background: url(/images/purpleok.svg) no-repeat center !important;
    transform: rotate(0deg);
    border: none;
}

.advance_search_popup .customselect .option input:checked~h3 {
    color: #7D2B8B;
}

.form_signup form .form_group .react-datepicker-wrapper {
    position: absolute;
    left: 0;
    top: 42%;
    opacity: 0;
}

.clr {
    display: block;
    width: 100%;
    height: 36px;
    padding-top: 9px;
    font-size: 14px;
    line-height: 19px;
    display: flex;
    align-items: center;

    color: #B7B7B7;
}

.clr span {
    right: 0;
    top: 9px;
}

.contact form .form_group.part2 .citydetail.small {
    width: 40%;
}

.customselect .option p span {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    display: block;
    border: 1px solid #7F7F7F;
    border-radius: 50%;
    top: 9px;
    z-index: 0;
}

.customselect.inp>span {
    transform: rotate(180deg);
    margin-top: 0px;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    margin-right: -8px;
    padding-left: 11px;
}

/*  */
.Profile_complete {
    width: 100%;
    float: left;
    padding: 0 0 0 0;
    position: relative;
    display: flex;
}

.Profile_complete .left {
    width: 300px;
    float: left;
    text-align: center;
    background: #FCFCFC;
    padding-top: 20px;
    padding-bottom: 20px;
}

.Profile_complete .left h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    color: #636363;
    margin-bottom: 20px;
}

.Profile_complete .left ul li {
    text-align: center;
    padding: 30px 0 0;
    position: relative;
}

.Profile_complete .left ul li p::before {
    width: 19px;
    display: block;
    content: '';
    border: .5px dashed #B7B7B7;
    transform: rotate(90deg);
    z-index: 1;
    left: 137px;
    position: absolute;
    top: -8px;
}

.Profile_complete .left ul li p::after {
    width: 29px;
    display: block;
    content: '';
    border: .5px dashed #B7B7B7;
    transform: rotate(90deg);
    z-index: 1;
    left: 132px;
    position: absolute;
    top: 42px;
}

.Profile_complete .left ul li:last-child p::after {
    display: none;
}

.Profile_complete .left ul li:last-child p::before {
    display: none;
}

#success {
    display: none;
}

.Profile_complete .left ul li span {
    width: 16px;
    margin-bottom: 10px;
    height: 16px;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #B7B7B7;
    background: #fff;
    position: relative;
    z-index: 4;
}

.Profile_complete .left ul li p {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #636363;
    position: relative;
    background: #fff;
    padding: 3px 0 5px;
    background: transparent;
}

.Profile_complete .left ul li p b {
    font-weight: 400;
    font-weight: 400;
    position: relative;
    z-index: 5;
    background: #FCFCFC;
}

.Profile_complete .left ul li.active span {
    border-width: 4px;
    border-color: #7D2B8B;
}

.Profile_complete .left ul li.active2 span {
    border: none;
    background: #7D2B8B;
}

.Profile_complete .left ul li.active p,
.Profile_complete .left ul li.active2 p {
    color: #7D2B8B;
    font-weight: 600;
    font-size: 14px;
    background: transparent;
}

.Profile_complete .left ul li.active p::before,
.Profile_complete .left ul li.active2 p::before,
.Profile_complete .left ul li.active p::after,
.Profile_complete .left ul li.active2 p::after {
    border-color: #7D2B8B;
}

.Profile_complete .right {
    width: calc(100% - 300px);
    float: left;
    position: relative;
    margin-left: 25px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.Profile_complete .right h2 {
    font-weight: 700;
    font-size: 21px;
    line-height: 29px;
    color: #7D2B8B;
    padding-bottom: 20px;
}

.Profile_complete .right h2 span {
    color: #A98D4B;
    text-transform: capitalize;
}

.Profile_complete .right .detail>span {
    float: right;
    font-weight: 600;
    font-size: 12px;
    line-height: 21px;
    padding-top: 5px;
    color: #A98D4B;
    margin-bottom: 20px;
}

.Profile_complete .detail.stap1 {
    margin-top: 0 !important;
}

.Profile_complete .detail {
    float: left;
    width: 100%;
    margin-top: 0;
    margin-bottom: 60px;
}

.Profile_complete .detail .form_group label span {
    margin-left: -1px;
}

.Profile_complete .detail .form_group label {
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    color: #636363;
    position: relative;
    display: block;
    width: 100%;
}

.Profile_complete .detail .form_group {
    float: left;
    width: 50%;
    padding-right: 50px;
    margin-bottom: 40px;
}

.Profile_complete .detail .form_group:nth-child(2n + 2) {
    padding-right: 0;
    padding-left: 50px;
}

.Profile_complete .detail .form_group.full {
    width: 100%;
    padding: 0;
}

.Profile_complete .detail .form_group.full.space .checkbox li {
    width: 96px !important;
}

::-webkit-calendar-picker-indicator {
    color: #ff0000;
    fill: #7D2B8B;
}

.Profile_complete .detail .form_group textarea {
    width: 100%;
    border: none;
    margin: 15px 0 0;
    padding: 10px;
    height: 65px;
    background: linear-gradient(0deg, #FAFAFA, #FAFAFA), #FFFFFF;
    mix-blend-mode: normal;
    border-radius: 4px;
}

.Profile_complete .detail .form_group textarea::placeholder {
    font-size: 12px;
    line-height: 16px;
    color: #B7B7B7;
    padding-right: 8px;
    font-weight: 300;
}

.Profile_complete .detail .form_group textarea::placeholder {
    color: #636363;
}

.Profile_complete .detail .form_group .upload span {
    color: #636363cc !important;
}

.overflow {
    position: fixed;
    width: 98vw;
    height: 100vh;
    display: block;
    left: 0 !important;
    top: 0 !important;
    z-index: 5;
    display: none;

}

.Profile_complete .detail .form_group>span {
    position: absolute;
    right: 10px;
    bottom: 8px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #B7B7B7;
    padding-right: 8px;
}

.Profile_complete .detail .form_group p {
    font-weight: 300;
    font-size: 14px;
    line-height: 19px;
    padding: 20px;
    background: linear-gradient(0deg, #FAFAFA, #FAFAFA), #FFFFFF;
    mix-blend-mode: normal;
    border-radius: 4px;
    font-style: italic;
    margin: 15px 0;
    color: #999999;
}

.Profile_complete .detail .form_group label a {
    color: #BE95C5;
    cursor: pointer;
    text-decoration: underline;
    font-weight: 600;
    font-size: 17px;
    line-height: 21px;
    display: inline-block;
    position: relative;
}


.Profile_complete .detail .form_group label a.special-pop::before,
.Profile_complete .detail .form_group label a.special-pop::before {
    content: '';
    position: absolute;
    top: 113%;
    left: calc(50% - 5px);
    display: block;
    transform: rotate(180deg);
    width: 15px;
    height: 10px;
    background-image: linear-gradient(to bottom right, transparent 50%, #BE95C5 0), linear-gradient(to top right, #BE95C5 50%, transparent 0);
    background-size: 50% 100%;
    background-repeat: no-repeat;
    background-position: left, right;
    display: none;
}

.Profile_complete .detail .form_group label a::before {
    content: '';
    position: absolute;
    top: -40%;
    left: calc(50% - 5px);
    display: block;
    transform: rotate(180deg);
    width: 15px;
    height: 10px;
    background-image:
        linear-gradient(to bottom right, transparent 50%, #BE95C5 0),
        linear-gradient(to top right, #BE95C5 50%, transparent 0);
    background-size: 50% 100%;
    background-repeat: no-repeat;
    background-position: left, right;
    display: none;
}

.Profile_complete .detail .form_group label span.smallpop {
    position: absolute;
    left: 0;
    bottom: 135%;
    background: #BE95C5;
    border-radius: 4px;
    padding: 20px;
    color: #fff;
    font-style: italic;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    display: none;
    z-index: 100000000;
}

.Profile_complete .detail .form_group .checkbox ul li {
    float: left;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    display: flex;
    align-items: center;
    color: #636363;
    margin-bottom: 15px;
    position: relative;
}

.Profile_complete .detail .form_group.set .checkbox ul li:nth-child(1) {
    width: 38%;
}

.Profile_complete .detail .form_group .checkbox ul li input {
    margin-right: 8px;
}

.Profile_complete .detail .form_group .checkbox ul li:nth-child(3),
.Profile_complete .detail .form_group .checkbox ul li:nth-child(4) {
    width: 100%;
}

.Profile_complete .detail .form_group label a:hover~span.smallpop,
.Profile_complete .detail .form_group label a:hover:before {
    display: block;
    z-index: 999;
}

.Profile_complete .detail .form_group .upload,
.Profile_complete .detail .form_group .select,
.Profile_complete .detail .form_group .text input,
.Profile_complete .detail .form_group .checkbox {
    position: relative;
    width: 100%;
    margin-top: 15px;
}

.Profile_complete .detail .form_group .select,
.Profile_complete .detail .form_group .text input {
    max-width: 375px;
    position: relative;
}



.Profile_complete .detail .form_group .text {
    position: relative;
}

.Profile_complete .detail .form_group .text>span {
    background: linear-gradient(0deg, #FAFAFA, #FAFAFA), #FFFFFF;
    border-radius: 40px;
    height: 40px;
    width: 100%;
    padding: 0px 20px;
    font-style: italic;
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #636363;
    margin-top: 15px;
}

.Profile_complete .detail .form_group .text>span::after {
    content: '\f107';
    font-family: fontAwesome;
    font-style: normal;
    float: right;
    position: absolute;
    right: 10px;
}

.Profile_complete .detail .form_group .text ul {
    position: absolute;
    left: 0;
    top: 115%;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 10px #e3e3e3;
    padding: 5px 0;
    z-index: 99999999999;
}

.Profile_complete .detail .form_group .text ul li {
    font-size: 14px;
    line-height: 19px;
    display: flex;
    align-items: center;
    color: #636363;
    cursor: pointer;
    transition: 0.3s;
    padding: 5px 13px;
}

.Profile_complete .detail .form_group .text ul li:hover {
    background: linear-gradient(0deg, #FAFAFA, #FAFAFA), #FFFFFF;
    color: #A98D4B;
}

.Profile_complete .detail .form_group .upload input {
    width: 100%;
    z-index: 5;
    position: absolute;
    height: 40px;
    border-radius: 40px;
    opacity: 0;
    cursor: pointer;
}

.Profile_complete .detail .form_group .checkbox.create li {
    width: 96px;
}

.Profile_complete .detail.your_kids .form_group .checkbox.create li {
    width: 96px;
}

.Profile_complete .detail.your_kids .form_group .checkbox.create li {
    width: 96px;
}



.Profile_complete .detail .form_group .upload span,
.Profile_complete .detail .form_group .select select,
.Profile_complete .detail .form_group .text input,
.Profile_complete .detail .form_group .checkbox ul li:nth-child(4) input[type="text"],
.Profile_complete .detail.job_performance .form_group .checkbox ul li:nth-child(6) input[type="text"] {
    background: linear-gradient(0deg, #FAFAFA, #FAFAFA), #FFFFFF;
    mix-blend-mode: normal;
    border: none;
    border-radius: 40px;
    height: 40px;
    width: 100%;
    padding: 0px 20px;
    font-style: italic;
    font-weight: 300;
    font-size: 14px;
    line-height: 19px;
    display: flex;
    align-items: center;
    color: #636363;
}

.Profile_complete .detail .form_group .select select {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    font-style: normal;
}

.Profile_complete .detail .form_group .select::after {
    content: "\f107";
    font-family: fontAwesome;
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 10px;
    z-index: 0;
}

.Profile_complete .detail .form_group .checkbox ul li:nth-child(4) input[type="text"],
.Profile_complete .detail.job_performance .form_group .checkbox ul li:nth-child(6) input[type="text"] {
    height: 30px;
}

.Profile_complete .detail .form_group .checkbox ul li:nth-child(4) input[type="text"] {
    width: 90%;
}

.Profile_complete .detail.job_performance .form_group .checkbox ul li:nth-child(6) input[type="text"] {
    width: 30%;
    margin-left: 5px;
}

.Profile_complete .detail.job_performance .form_group .checkbox ul li:nth-child(6) span {
    display: flex;
    align-items: center;
    width: 100%;
}

.Profile_complete .detail .form_group .checkbox ul li:nth-child(4) span {
    width: 100%;
}

.Profile_complete .detail .form_group .checkbox ul li input[type="radio"] {
    width: 16px;
    height: 16px;
    cursor: pointer;
    min-width: 16px !important;
}

.Profile_complete .detail .form_group.free {
    float: none;
    clear: both;
}

.Profile_complete .detail .form_group .checkbox ul li input[type="radio"]:checked~span::before {
    content: "\f00c";
    position: absolute;
    left: -2px;
    top: 50%;
    transform: translateY(-50%);
    font-family: FontAwesome;
    width: 20px;
    height: 20px;
    display: block;
    background: #A98D4B;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    box-sizing: border-box;
    font-size: 12px;
}

.custom-checkbox input[type="radio"]:checked~span::before {
    margin-right: 35px;
}

.Profile_complete .detail .form_group .select select,
.Profile_complete .detail .form_group .text input::placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    display: flex;
    align-items: center;
    color: #636363;
}

.Profile_complete .detail .form_group .select select {
    position: relative;
    z-index: 1;
    background: transparent;
}

.Profile_complete .detail .special_education .form_group {
    padding-left: 0 !important;
}

.Profile_complete .detail .form_group .text input {
    color: #636363;
    font-style: normal;
}

.Profile_complete .detail .form_group .select select option {
    font-style: normal;
}

.form_signup form .form_group.number {
    position: relative;
}

.form_signup form .form_group.number ul {
    width: 100%;
    text-align: left;
    max-height: 300px;
    overflow-y: scroll;
    position: absolute;
    background: #fff;
    z-index: 9999999;
    box-shadow: 0px 0px 3px #ccc;
    top: 100%;
}

.form_signup form .form_group.number ul li {
    font-weight: 400;
    font-size: 15px;
    line-height: 14px;
    color: #636363;
    padding: 10px;
    cursor: pointer;
    transition: 0.3s;
}

.form_signup form .form_group.number input {
    width: calc(100% - 94px);
    border-radius: 0 40px 40px 0;
    float: right;
    border: 2px solid transparent;
    /* border-left: none !important; */
    background: #FAFAFA !important;
    height: 40px;
}

.form_signup form .form_group.number input:focus {
    border: none;
}

.form_signup form .form_group.number .country_flag img {
    width: 25px;
    margin-right: 20px;
}

.form_signup form .form_group.number .country_flag {
    background: #FAFAFA;
    border-radius: 40px 0 0 40px;

    height: 40px;
    width: 94px;

    display: flex;
    align-items: center;
    float: left;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #636363;
    padding: 10px;
    cursor: pointer;
    position: relative;
    border-right: none !important;
}

.form_signup form .form_group.number .country_flag::after {
    content: "\f107";
    font-family: fontAwesome;
    position: absolute;
    right: 46px;
    font-size: 11px;
}

.form_signup form .form_group.number ul li:hover {
    background: #e1e1e1;
}

.form_signup form .form_group.number ul li img {
    width: 25px;
    margin-right: 5px;
}

.Profile_complete .detail .form_group .upload button {
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    border-radius: 0 40px 40px 0;
    background: #A98D4B;
    padding: 0 20px;
}

.Profile_complete .detail .button {
    position: absolute;
    bottom: -15px;
    display: flex;
    width: 100%;
    justify-content: center;
}

.Profile_complete .detail .button>button {
    background: transparent;
    display: block;
    color: #A98D4B;
    border: 2px solid #A98D4B;
    border-radius: 40px;
    padding: 6px 25px 8px;
    transition: 0.3s;
    width: 160px;
    height: 40px;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 103.28%;
    margin: 20px;
}

.Profile_complete .detail .button>button:hover {
    color: #fff;
    background: #A98D4B;
}

.Profile_complete .work-experience h2 {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    color: #7D2B8B;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.Profile_complete .work-experience h2 img {
    margin-right: 8px;
}

.Profile_complete .work-experience .form_group .checkbox ul li {
    width: 96px !important;
}

.Profile_complete .work-experience .form_group .rang .slider {
    width: 320px;
    float: left;
    margin-right: 15px;
}

.Profile_complete .detail.parents1 .form_group.second {
    padding-left: 0;
    padding-right: 50px;
}

.Profile_complete .detail.parents1 .form_group.third {
    padding-left: 50px;
    padding-right: 0;
}

.Profile_complete .work-experience .form_group .rang .slider.two {
    width: 375px;
}

.Profile_complete .work-experience .form_group .rang .slider .Profile_complete .work-experience .form_group .rang .slider input:focus {
    background: #E5E5E5;
}

.Profile_complete .work-experience .form_group .rang .slider input {
    width: 100%;
    height: 1px;
    -webkit-appearance: none;
    background: #E5E5E5;
    outline: none;
    -webkit-transition: .2s;
    border: none !important;
    background-image: linear-gradient(#7D2B8B, #7D2B8B) !important;
    background-repeat: no-repeat;
}

.Profile_complete .work-experience .form_group .rang .slider ul li {
    margin-right: calc(25% - 24px);
    float: left;
    width: 19px;
    margin-top: 10px;
    font-weight: 400;
    font-size: 13px;
    color: #B7B7B7;
    line-height: 21px;
}

.Profile_complete .work-experience .form_group .rang .slider ul li:last-child {
    margin-right: 0;
}


.Profile_complete .work-experience .form_group .rang .slider input::-moz-range-thumb {
    background: #7D2B8B;
    color: #636363;
    -webkit-appearance: none;
    border: 4px solid #fff;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
    width: 13px !important;
    height: 13px !important;
    border-radius: 50%;
    cursor: pointer;
    margin-top: -3px;
}

.Profile_complete .work-experience .form_group .rang .slider input[type='range']::-webkit-slider-thumb {
    background: #7D2B8B;
    color: #636363;
    -webkit-appearance: none;
    border: 4px solid #fff;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    cursor: pointer;
    margin-top: -2px;
}

.Profile_complete .work-experience .form_group .price {
    background: #FAFAFA;
    float: left;
    min-width: 54px;
    height: 40px;
    display: flex;
    align-items: center;
    border-radius: 10px;
    padding: 15px;
    font-size: 15px;
    color: #000;
    position: relative;
    left: 30px;
    border: 1px solid #666;
    top: 18px;
}

.Profile_complete .work-experience .form_group .rang,
.Profile_complete .work-experience .preferred_school_jobs .form_group .customselect {
    width: 375px;
    margin-top: 20px;
}

.Profile_complete .work-experience .form_group .rang {
    float: left;
}

.Profile_complete .work-experience .form_group .rang>ul li {
    background: #E5E5E5;
    color: #636363;
    border: 4px solid #fff;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    cursor: pointer;
    margin-top: 15px;
    display: inline-block;
    margin-right: calc(25% - 30px);
    position: relative;

}


.Profile_complete .work-experience .form_group .rang>ul li.active {
    background: #7D2B8B;
}

.Profile_complete .work-experience .form_group .rang>ul li:last-child {
    margin-right: 0;
}

.Profile_complete .work-experience .form_group .rang>ul li::before {
    position: absolute;
    content: '';
    left: 0;
    top: 49%;
    width: 87px;
    height: 2px;
    display: block;
    background: linear-gradient(0deg, #E5E5E5, #E5E5E5), #FFFFFF;
    z-index: -1;
}

.Profile_complete .work-experience .form_group .rang>ul li:last-child::before {
    display: none;
}

.Profile_complete .work-experience .form_group .rang span {
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding-top: 8px;
    text-align: center;
    background: #FAFAFA;
    border: 1px solid #666;
}

.form_signup form .form_group2.number>div {
    width: 150px;
    height: 38px;
    background: #FAFAFA !important;
    text-align: center;
    padding: 8px 0;
    border-radius: 20px;
    color: #636363;
    display: inline-grid;
    margin-left: 15px;
    cursor: pointer;
}

.form_signup form .form_group2.number ul {
    overflow: hidden;
    width: 150px;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-57%);
}

.Profile_complete .detail .nanny,
.Profile_complete .detail .special_education,
.Profile_complete .detail .tutor,
.Profile_complete .detail .preferred_school_jobs {
    float: left;
    width: 100%;
}

.Profile_complete .job_performance .form_group .rang .slider ul li {
    color: #636363;
    margin-top: 0;
}

.Profile_complete .work-experience.job_performance .form_group .checkbox ul li {
    width: 96px !important;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #636363;
    margin-bottom: 15px;
}

.Profile_complete .work-experience.preferences .form_group .checkbox ul li.aline input[type="checkbox"]~ ::after {
    top: 50%;
    transform: translateY(-50%);
}

.Profile_complete .work-experience.job_performance .form_group.tutorteach .checkbox ul li:last-child {
    width: 100% !important;
}

.Profile_complete .job_performance .form_group .customselect>input,
.Profile_complete .job_performance .form_group .customselect>.detl {
    min-height: 40px;
    padding: 7px 15px;
    background: #FAFAFA;
    mix-blend-mode: normal;
    border-radius: 40px;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #636363;
}

.Profile_complete .job_performance .form_group .customselect p {
    padding: 8px 10px 0 10px;
    margin: 0;
}

.Profile_complete .job_performance .form_group .customselect .option p span {
    right: 10px;
}

.Profile_complete .work-experience.job_performance .form_group .checkbox.create ul li {
    width: 96px !important;
}

.Profile_complete .work-experience.job_performance .general_info .form_group .checkbox.create ul li {
    width: auto !important;
    margin-right: 40px;
}

.Profile_complete .work-experience.job_performance .parents .form_group .checkbox.create ul li {
    width: 96px !important;
}

.Profile_complete .work-experience.job_performance .tutor .form_group .checkbox {
    float: none;
}

.Profile_complete .work-experience.job_performance .tutor .form_group .checkbox ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.Profile_complete .detail .form_group .children_number ul li {
    float: left;
    width: 45px;
    border: 1px solid #B7B7B7;
    display: inline-grid;
    align-items: center;
    margin-right: 20px;
    margin-top: 8px;
    cursor: pointer;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #B7B7B7;
    border-radius: 50%;
    height: 45px;
}

.Profile_complete .detail .form_group .children_number ul li.active {
    background: #7D2B8B;
    color: #fff;
    border: none;
    font-weight: 700;
}

.Profile_complete .detail .form_group .date_cal input {
    background: #FAFAFA;
    mix-blend-mode: normal;
    border-radius: 40px;
    height: 40px;
    width: 375px;
    padding-left: 80px;
}

.Profile_complete .detail .form_group .date_cal {
    position: relative;
    margin-top: 15px;
}

.Profile_complete .detail .form_group .date_cal span {
    position: absolute;
    background: #FFFFFF;
    mix-blend-mode: normal;
    text-align: center;
    border: 1px solid #FAFAFA;
    padding-top: 10px;
    width: 60px;
    height: 40px;
    display: block;
    align-items: center;
    border-radius: 40px 0 0 40px;
    z-index: 1;
}

.react-datepicker__navigation-icon--next::before {
    left: 8px !important;
    top: 11px !important;
    width: 6px !important;
    height: 6px !important;
    border-color: #7D2B8B !important;

}

.react-datepicker__navigation-icon--previous::before {
    right: 8px !important;
    top: 11px !important;
    width: 6px !important;
    height: 6px !important;
    border-color: #7D2B8B !important;
}

.react-datepicker__day--keyboard-selected,
.react-datepicker__day--selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected,
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
    border-radius: 50% !important;
    background-color: #7D2B8B !important;
    color: #fff;
}

.react-datepicker__triangle {
    display: none !important;
}

.react-datepicker__header {
    background-color: #fff !important;
    border-bottom: none !important;
    padding-bottom: 0;

}

.react-datepicker {
    border: none !important;
    box-shadow: 0 0 10px #ccc;
}

.Profile_complete .work-experience .preferred_school_jobs .form_group .customselect {
    margin-right: 0;
}

.Profile_complete .detail.job_performance {
    margin-bottom: 50px;
}



.Profile_complete .detail .preferred_school_jobs.general_info h2 {
    color: #A98D4B;
}

.Profile_complete .detail.job_performance .button,
.Profile_complete .detail.work-experience .button,
.Profile_complete .detail.additional_info .button {
    bottom: -20px;
    margin-bottom: 0;
}

.starred {
    color: red !important;
}

.Profile_complete .detail.info_parents .form_group .checkbox.setredio ul li:nth-child(3),
.Profile_complete .detail.info_parents .form_group .checkbox.setredio ul li:nth-child(4) {
    width: 25% !important;
}

/*  */
.calanderfull {
    float: left;
    width: 50%;
    min-width: 385px;
    margin-bottom: 10px;
}

.fc-liquid-hack td {
    width: 40px;
    height: 40px;
}

.fc-toolbar-chunk,
.fc-toolbar-chunk,
.fc-scrollgrid-section-body {
    /* display: none; */
}

.Profile_complete .detail.availability p {
    padding: 0;
    background: transparent;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #636363;
    margin-top: 10px;
}

.Profile_complete .detail.availability>.form_group ul {
    display: flex;
    margin-top: 10px;
}

.Profile_complete .detail.availability>.form_group ul li {
    border: 1px solid #636363;
    cursor: pointer;
    border-radius: 30px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 103.28%;
    text-align: center;
    color: #636363;
    padding: 9px 20px;
    margin-right: 20px;
}

.Profile_complete .detail.availability>.form_group ul li:hover,
.Profile_complete .detail.availability>.form_group ul li.active {
    color: #7D2B8B;
    border-color: #7D2B8B;
}

.Profile_complete .detail.availability .legend {
    width: 40%;
    /* float: right; */
}

.Profile_complete .detail.availability .legend .form_group label {
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.Profile_complete .detail.availability .legend .form_group ul li strong {
    font-weight: 600;
}

.Profile_complete .detail.availability .legend .form_group ul li {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    margin-top: 15px;
    color: #636363;
}

.fc-direction-ltr .fc-timegrid-slot-label-frame {
    text-align: left !important;
}

.fc .fc-view-harness {
    min-height: 500px;
    height: 100%;
}

.Profile_complete .detail.additional_info .language {
    float: left;
    width: 47%;
    margin-top: 20px;
}

.Profile_complete .detail.additional_info .language:nth-child(2n+2) {
    margin-right: 6%;
}

.Profile_complete .detail.additional_info .language strong {
    font-weight: 600;
    font-size: 15px;
    line-height: 21px;
    display: block;
    color: #636363;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.select ul::before {
    content: "";
    width: 97vw;
    height: 100vh;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1;
}

.Profile_complete .detail.additional_info .language strong input {
    height: 30px;
    padding: 5px 15px;
    width: 100%;
    background: linear-gradient(0deg, #FAFAFA, #FAFAFA), #FFFFFF;
    mix-blend-mode: normal;
    border-radius: 40px;
    margin-left: 10px;
}

.Profile_complete .detail.additional_info .language ul li {
    float: left;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
    line-height: 14px;
    color: #636363;
    width: 23%;
    margin: 0 1%;
    padding: 10px 0;
    text-align: center;
    border-bottom: 4px solid #F5F2EA;
}

.Profile_complete .detail.additional_info.no_cur .language ul li {
    cursor: auto;
}

.Profile_complete .detail.additional_info .language ul li.active {
    border-color: #A98D4B;
    font-weight: 600;
    color: #636363;
}

.Profile_complete .detail.additional_info .iconsec {
    float: left;
    width: 100%;
}

.Profile_complete .detail .form_group.qualification.set .checkbox ul li:last-child input[type="checkbox"]~ ::after {
    top: 2px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.form_signup form .form_group {
    position: relative;
}

.autocomplete-dropdown-container {
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #fff;
    box-shadow: 0 0 10px #ccc;
    text-align: left;
    z-index: 5;
    width: 100%;
}

.filter_box .filter_search .zip.code {
    position: relative;
}

.autocomplete-dropdown-container .suggestion-item,
.suggestion-item--active {
    padding: 3px 10px;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #636363;
    border-bottom: 1px solid #e9e9e9;
}

.autocomplete-dropdown-container .suggestion-item--highlighted {
    cursor: pointer;
}

.autocomplete-dropdown-container .suggestion-item--highlighted:hover {
    background-color: #F2EAF3;
}

.select-box {

    position: relative;
}

.select-box .select-down {
    position: absolute;
    top: 12px;
    right: 15px;
    width: 10px;
}

.select-box .select-down::before {
    width: 10px;
    display: inline-block;
    color: #636363
}

.select-btn {
    text-align: left;
    font-style: italic;
    font-weight: 500 !important;
}

.select-btn:hover {
    cursor: pointer;
}

.Profile_complete .detail .form_group .checkbox.setredio.vertical ul {
    width: 250px;
}

.Profile_complete .detail .form_group .checkbox.setredio.vertical ul li,
.Profile_complete .detail.info_parents .form_group .checkbox.setredio.vertical ul li:nth-child(3),
.Profile_complete .detail.info_parents .form_group .checkbox.setredio.vertical ul li:nth-child(4) {
    width: 50% !important;
}

.Profile_complete .detail .form_group .checkbox.setredio.vertical ul li:last-child {
    height: 21px;
    width: 100% !important;
}

.Profile_complete .detail.additional_info .iconsec .left2,
.Profile_complete .detail.additional_info .iconsec .right2 {
    float: right;
    text-align: left;
    width: 50%;
}

.Profile_complete .detail.additional_info .iconsec .right2 {
    padding-left: 26px;
}

.Profile_complete .detail.verification .form_group:first-child {
    float: right;
    padding-right: 0;
    padding-left: 55px;
}

.Profile_complete .detail.verification .form_group.fs {
    padding-left: 0;
    padding-right: 40px;
}

.Profile_complete .detail.additional_info .iconsec .left2 {
    float: left;
}

.Profile_complete .detail.additional_info .iconsec .form_group .checkbox ul li {
    width: auto;
    min-width: 96px;
}

.Profile_complete .detail.additional_info .iconsec .form_group .checkbox ul li {
    width: auto !important;
    min-width: 118;
}

.Profile_complete .detail.additional_info .iconsec .form_group.set .checkbox ul li {
    min-width: 96px;
    margin-right: 0;
}

.monile_search {
    display: none;
}

.Profile_complete .detail.additional_info .iconsec .form_group .checkbox textarea {
    height: 110px;
}

.profilecretate {
    position: relative;
}

.profilecretate input {
    width: calc(76% - 94px) !important;
    border-radius: 0 40px 40px 0 !important;
    float: right;
    padding-left: 0 !important;
    border: 2px solid transparent !important;
    background: #FAFAFA !important;
}

.profilecretate .country_flag {
    background: #FAFAFA;
    border-radius: 40px 0 0 40px;
    height: 40px;
    width: 94px;
    display: flex;
    align-items: center;
    float: left;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #636363;
    padding: 10px;
    cursor: pointer;
    position: relative;
}

.profilecretate .country_flag img {
    width: 25px;
    margin-right: 20px;
}

.profilecretate .country_flag::after {
    content: "\f107";
    font-family: fontAwesome;
    position: absolute;
    right: 46px;
    font-size: 11px;
}

.profilecretate ul {
    width: 100%;
    text-align: left;
    max-height: 300px;
    overflow-y: scroll;
    position: absolute;
    background: #fff;
    z-index: 999999999;
    box-shadow: 0px 0px 3px #ccc;
    top: 100%;
}

.profilecretate ul li {
    font-weight: 400;
    font-size: 15px;
    line-height: 14px;
    color: #636363;
    padding: 10px;
    cursor: pointer;
    transition: 0.3s;
}

.profilecretate ul li img {
    width: 25px;
    margin-right: 5px;
}

.Profile_complete .detail.additional_info .iconsec .form_group .checkbox>span {
    position: absolute;
    right: 10px;
    bottom: 8px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #B7B7B7;
}

.Profile_complete .detail.additional_info .iconsec .icons svg:hover,
.Profile_complete .detail.additional_info .iconsec .icons svg.active {
    fill: #7D2B8B;
}

.Profile_complete .detail.additional_info .iconsec .icons svg:hover circle,
.Profile_complete .detail.additional_info .iconsec .icons svg.active circle {
    stroke: #7D2B8B;
}

.Profile_complete .detail.additional_info .iconsec .icons svg:hover path,
.Profile_complete .detail.additional_info .iconsec .icons svg.active path {
    fill: #fff;
    stroke: #fff;
}

.Profile_complete .detail.additional_info .iconsec .icon ul li {
    float: left;
    width: 100%;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #636363;
    margin-top: 20px;
    margin-bottom: 10px;
}

.Profile_complete .detail.additional_info .iconsec .icon ul li .icons {
    float: right;
    margin-top: -8px;
    margin-right: 20px;
}

.Profile_complete .detail.additional_info .iconsec .icons svg {
    margin-right: 15px;
    cursor: pointer;
}

.Profile_complete .detail.additional_info .iconsec .form_group label span.smallpop {
    bottom: 119%;
}

.Profile_complete .detail.verification .form_group.fs label span.smallpop.special-pop,
.Profile_complete .detail .form_group label span.smallpop.special-pop {
    top: 91%;
    bottom: unset;
}

.Profile_complete .detail.verification .form_group.fs label span.smallpop {
    bottom: 51%;
    left: 20%;
    max-width: 40rem;
    z-index: 9999;
}

.Profile_complete .detail.verification .form_group.fs label span.smallpop a {
    color: #fff;
    font-size: 13px;
}

.Profile_complete .detail.verification .form_group.fs label strong {
    margin-bottom: 10px;
    font-weight: 600;
    display: block;
}

.Profile_complete .detail.verification .form_group.fs label {
    font-weight: 400;
}

.Profile_complete .detail.verification .form_group label {
    margin-bottom: 15px;
}

.Profile_complete .detail.verification .form_group.fs .number {
    display: flex;
    align-items: center;
}

.Profile_complete .detail.verification .form_group.fs input {
    background: #FAFAFA;
    mix-blend-mode: normal;
    border-radius: 40px;
    height: 40px;
    padding: 0 20px;
    appearance: none;
    width: calc(77%);
    -webkit-appearance: textfield;
}

.Profile_complete .detail.verification .form_group.fs button {
    align-items: center;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 103.28%;
    margin-left: 10px;
    width: 78px;
    color: #A98D4B;
}

.Profile_complete .detail.verification .form_group.fs .success {
    width: 100%;
    background: #F2EAF3;
    text-align: center;
    padding: 15px;
    font-style: italic;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #7D2B8B;
    margin-top: 40px;
}

.Profile_complete .detail.verification .form_group.fs .success svg,
.Profile_complete .detail.verification .form_group.fs .success2 svg {
    margin-right: 8px;
    margin-bottom: -2px;
}



.Profile_complete .detail.verification .form_group.fs .success2 {
    width: 100%;
    text-align: center;
    padding: 15px;
    font-style: italic;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #7D2B8B;
    margin-top: 40px;
}

.Profile_complete .work-experience.job_performance .form_group.tutorteach .checkbox ul li {
    width: 50% !important;
    margin-right: 5px;
}

.Profile_complete .detail.verification .form_group.fs .success2 a {
    font-style: italic;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #7D2B8B;
    text-decoration: underline;
}

.Profile_complete .detail.verification .form_group .social_verify svg {
    margin-right: 15px;
    transition: 0.3s;
    cursor: pointer;
}

.Profile_complete .detail.verification .form_group .social_verify svg:hover,
.Profile_complete .detail.verification .form_group .social_verify svg.active,
.editview .editkids.security label span strong svg.active {
    fill: #A98D4B;
}

.Profile_complete .detail.verification .form_group .social_verify svg:hover rect,
.Profile_complete .detail.verification .form_group .social_verify svg.active rect,
.editview .editkids.security label span strong svg.active rect {
    stroke: #A98D4B;
}

.Profile_complete .detail.verification .form_group .social_verify svg:hover path,
.Profile_complete .detail.verification .form_group .social_verify svg.active path,
.editview .editkids.security label span strong svg.active path {
    fill: #fff;
}

.Profile_complete .detail.verification .form_group .upload {
    float: left;
    width: 100%;
    overflow: hidden;
}

.promocode_content img {
    border-radius: 50%;
}

.Profile_complete .detail.verification .form_group.full .checkbox ul li {
    width: 96px;
}

.Profile_complete .detail.your_kids .right2,
.Profile_complete .detail.your_kids .left2 {
    float: right;
    width: 50%;
}

.Profile_complete .detail.your_kids .left2 {
    float: left;
    padding-right: 20px;
}

.Profile_complete .detail.your_kids .right2 textarea {
    height: 110px;
}

.Profile_complete .detail.your_kids .right2 .checkbox>span {
    position: absolute;
    right: 10px;
    bottom: 8px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #B7B7B7;
}

.Profile_complete .detail.your_kids .customselect {
    width: 100%;
    max-width: 375px;
    margin-top: 15px;
}

.Profile_complete .work-experience .parents .form_group .checkbox ul li,
.Profile_complete .work-experience.preferences .form_group .checkbox ul li:last-child {
    width: 33.33% !important;
}

.Profile_complete .work-experience .parents .form_group .checkbox ul li:last-child span {
    display: flex;
    align-items: center;

}

.Profile_complete .work-experience .parents .form_group .checkbox ul li:last-child span input {
    background: #FAFAFA;
    mix-blend-mode: normal;
    border-radius: 40px;
    height: 30px;
    margin-left: 8px;
    padding: 0 15px;
    min-width: 150px !important;
}

.Profile_complete .work-experience .parents2 .form_group select,
.Profile_complete .work-experience.preferences .form_group .checkbox,
.Profile_complete .work-experience.preferences .tutor .form_group .checkbox.create,
.Profile_complete .work-experience.preferences .parents2 .form_group .checkbox.create {
    width: 50rem !important;
}

.Profile_complete .work-experience.preferences .tutor .form_group .checkbox {
    float: none;
    width: 100% !important;
}

.Profile_complete .detail.info_parents .form_group .checkbox ul li:nth-child(3),
.Profile_complete .detail.info_parents .form_group .checkbox ul li:nth-child(4) {
    width: 50% !important;
}

.Profile_complete .info_parents .form_group .checkbox ul li:last-child span {
    display: flex;
    align-items: center;
}

.Profile_complete .info_parents .form_group .checkbox ul li:last-child span input {
    background: #FAFAFA;
    mix-blend-mode: normal;
    border-radius: 40px;
    height: 30px;
    margin-left: 8px;
    padding: 0 15px;
    min-width: 150px !important;
    color: #7D2B8B;
}

.Profile_complete .info_parents .form_group .checkbox ul li:last-child {
    /* padding-bottom: 20px; */
}

.Profile_complete .detail .form_group .checkbox.setredio {
    padding-bottom: 10px;
    float: left;
    width: 100%;
}

.Profile_complete .detail .form_group .checkbox.setredio li {
    margin-bottom: 15px;
}

.Profile_complete .detail .form_group .checkbox {
    margin-left: 2px;
}

.Profile_complete .info_parents .icon {
    float: left;
    width: 100%;
    padding-bottom: 15px;
}

.Profile_complete .info_parents {
    padding-bottom: 80px;
}

.Profile_complete .info_parents .button {
    bottom: -40px;
}

.Profile_complete .job_post .sec textarea {
    height: 100px;
}

.Profile_complete .detail .tutor.parents .form_group {
    padding-left: 0;
}

.fc .fc-toolbar.fc-header-toolbar {
    display: none;
}

.fc-timegrid-slots tbody tr:nth-child(2n+2),
.fc-scrollgrid-sync-table,
.fc-timegrid-event .fc-event-time {
    display: none;
}

.fc-timegrid-slots tbody tr {
    width: 40px;
    height: 40px;
}

.fc-direction-ltr .fc-timegrid-col-events {
    margin: 0 !important;
}

.fc-timegrid-event .fc-event-main {
    padding: 0 !important;
}

.fc-v-event {
    border: none !important;
}

.fc .fc-timegrid-slot {
    border-left: 0 !important;
}

.fc .fc-timegrid-slot-label {
    border-right: 0 !important;
}

.fc-timegrid-event-harness {
    height: 40px;
    width: 50px;
    background: transparent !important;
}

.fc .fc-timegrid-col-bg .fc-highlight,
.fc-timegrid-event-short .fc-event-main-frame {
    height: 40px;
    background: #F2EAF3 !important;
}

.custom_calender {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    float: left;
    width: 100%;
}

.custom_calender .leftc ul {
    background: linear-gradient(25.02deg, #7D2B8B 28.3%, #BD01AA 54.11%);
    width: 39px;
    padding: 36px 0 20px;
    text-align: center;
}

.custom_calender .leftc ul li {
    padding: 26px 0;
}

.custom_calender .leftc {
    float: left;
    width: 42px;
}

.custom_calender .middel {
    float: right;
    width: calc(100% - 45px);
    background-color: #fff;
    padding-top: 15px;
}

.custom_calender .middel ul li ul li {
    display: inline-block;
    cursor: pointer;
    width: 40px;
    height: 40px;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: #636363;
    text-align: center;
    border: 0.5px solid #E5E5E5;
    border-bottom: 0;
    border-right: 0;
}

.custom_calender .middel>ul>li span {
    width: 60px;
    height: 40px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    float: left;
    border-bottom: 0.5px solid #E5E5E5;
    color: #636363;
}

.custom_calender .middel>ul>li>ul {
    float: right;
    width: calc(100% - 60px);
    height: 40px;
}

.custom_calender .middel>ul>li:first-child span {
    border-bottom: 0 !important;
}

.custom_calender .middel>ul>li:first-child>ul li {
    border: none !important;
}

.custom_calender .middel>ul>li:last-child>ul li {
    border-bottom: 0.5px solid #E5E5E5;
}

.custom_calender .middel>ul>li>ul li:last-child {
    border-right: 0.5px solid #E5E5E5;
}

.custom_calender .middel ul li ul li.active {
    background: #F2EAF3;
    position: relative;
}

.custom_calender .middel ul li ul li.active::after {
    content: "";
    background: url(../images/right_cale.svg) no-repeat;
    background-position: center center;
    background-size: contain;
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.progress,
.Profile_complete .left h3 span {
    display: none;
}

.Profile_complete .detail .form_group.qualification .checkbox ul li input[type="checkbox"] {
    opacity: 0;
    cursor: pointer;
    width: 14px;
}



.Profile_complete .detail .form_group.qualification .checkbox ul li input[type="checkbox"]:checked~span::before {
    content: "";
    left: 3.4px;
    top: 50.8%;
    min-width: 11px;
    min-height: 11px;
    position: absolute;
    transform: translateY(-50%);
    font-family: FontAwesome;
    display: block;
    background: #A98D4B;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    padding: 1px;
    box-sizing: border-box;
    font-size: 12px;
    z-index: -2;
    display: block;
}

.Profile_complete .detail .form_group.qualification .checkbox ul li input[type="checkbox"]~ ::after {
    content: "";
    border: 2px solid #acacac;
    width: 14px;
    height: 14px;
    display: block;
    border-radius: 50%;
    position: absolute;
    left: 0.1px;
    top: 2px;
    z-index: -1;
    cursor: pointer;
}


.Profile_complete .work-experience.job_performance .form_group.socialpost .checkbox.create ul li {
    width: 96px !important;
}

.socialpost {
    padding-bottom: 10px !important;
}

.Profile_complete .detail .form_group.qualification .checkbox ul li:nth-child(4),
.Profile_complete .detail .form_group.qualification .checkbox ul li:nth-child(6) {
    display: inline-flex;
    height: 21px;
}

.Profile_complete .customselect .option {
    background: #FFFFFF;
}

.Profile_complete .customselect .option p {
    background: #fff;
}

.unsuccess {
    background: #F2EAF3;
    padding: 8px;
    font-size: 13px !important;
    line-height: normal !important;
    color: #7D2B8B !important;
    font-weight: 600 !important;
    display: none;
    margin-bottom: 22px;
}

.mobilemenubottom {
    display: none;
}

.mobilemenubottom ul {
    display: flex;
    padding: 15px 0px 7px;
    background-color: #fff;
    box-shadow: 0 0 10px #000;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 10;
    width: 100%;
    align-items: center;
}

.mobilemenubottom ul li {
    width: 20%;
    text-align: center;
}

.mobilemenu {
    display: none;
}

.mobilemenubottom ul li img {
    width: 22px;
    cursor: pointer;
    height: 22px;
}

.mobilemenubottom ul li span {
    display: block;
    font-weight: 700;
    font-size: 10px;
    line-height: 11px;
    color: #636363;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__navigation-icon::before {
    border-color: #7D2B8B !important;
    border-width: 2px 2px 0 0 !important;
    height: 8px !important;
    position: absolute !important;
    top: 3px !important;
    width: 8px !important;
    content: "";
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
    padding: 5px 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
    background-color: #fff !important;
}

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
    background-color: #7D2B8B !important;
    color: #fff !important;
}

.form_signup form .form_group .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.form_signup form .form_group .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
    border-color: #fff !important;
}

.react-datepicker__year-option:last-of-type .react-datepicker__navigation--years-previous,
.react-datepicker__year-option .react-datepicker__navigation--years-upcoming {
    border-color: #7D2B8B !important;
    border-width: 2px 2px 0 0 !important;
    height: 8px !important;
    width: 8px !important;
    border-style: solid;
    transition: revert;
    transform: rotate(137deg);
    margin: 0px auto 11px;
}

.react-datepicker__year-option .react-datepicker__navigation--years-upcoming {
    transform: rotate(-44deg);
    margin: 12px auto -3px;
}



.Account h2 {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    display: flex;
    align-items: center;
    color: #636363;
    padding-bottom: 10px;
    border-bottom: 1px solid #E5E5E5;
    width: 100%;
    display: block;
    margin-bottom: 16px;
}

.Account .personal {
    display: block;
    margin-top: 4px;
    clear: both;
    float: left;
    width: 100%;
}

.Account .personal>h3 {
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
    display: flex;
    align-items: center;
    color: #636363;
    width: 100%;
    display: block;
    background: #FAFAFA;
    padding: 7.5px 15px;
    position: relative;
    cursor: pointer;
}

.Account .personal>h3::after {
    content: "\f078";
    font-family: fontAwesome;
    width: 14px;
    position: absolute;
    height: 14px;
    right: 15px;
    top: calc(50% - 7px);
    line-height: 14px;
    font-size: 12px;
    font-weight: 400;
    transition: 0.5s;
}

.Account .personal.active>h3 {
    color: #A98D4B;
}

.Account .personal.active>h3::after {
    transform: rotate(180deg);
}

.Account .personal .withoutedit {
    width: 100%;
    display: flex;
    flex-direction: column;
    clear: both;
    float: left;
    margin-left: 1rem;
    margin-top: 10px;
}

.Account .personal .withoutedit .personal-info {
    display: flex;
    justify-content: space-between;
}

.Account .personal .withoutedit>button {
    float: right;
    margin: 10px 0 0;
    margin-right: 1rem;
}

.Account .personal .withoutedit .detail {
    clear: both;
    float: left;
    width: 94%;
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 30px;
}

.Account .personal .withoutedit .detail ul li {
    float: left;
    width: 50%;
    margin: 10px 0;
    margin-top: 10px;
    margin-bottom: 0;
    display: flex;
}

.Account .personal .withoutedit .detail ul li .data {
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    display: flex;
    align-items: center;
    color: #636363;
}

.Account .personal .withoutedit .detail ul li .main {
    min-width: 120px;
}

.Account .personal .withoutedit .detail ul li .main,
.Account .personal .withoutedit .detail ul li.disabledata .data {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    display: flex;
    align-items: center;
    color: #B7B7B7;
}

.Account .personal .withoutedit .resetpassword {
    float: left;
    width: 100%;
    margin: 20px 0 50px;
}

.Account .personal .withoutedit .resetpassword .form_group {
    width: 47%;
    float: left;
    position: relative;
}

.Account .personal .withoutedit .resetpassword .form_group:nth-child(2) {
    float: right;
}

.Account .personal .withoutedit .resetpassword .form_group label {
    width: 100%;
    display: block;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #636363;
    margin-bottom: 10px;
}

.Account .personal .withoutedit .resetpassword .form_group input {
    background: #FAFAFA;
    mix-blend-mode: normal;
    padding: 0 20px;
    width: 100%;
    border-radius: 40px;
    height: 40px;

}

.Account .personal .withoutedit .resetpassword button {
    float: right;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #A98D4B;
    cursor: pointer;
}

.Account .personal .withoutedit .resetpassword button:hover {
    color: #A98D4B;
}

.Account .personal .withoutedit .resetpassword .form_group.disabledata label {
    color: #B7B7B7;
}

.Account .personal .cardstype {
    clear: both;
    width: 100%;
    display: block;
    margin: 20px 0 50px;
    float: left;
}

.Account .personal .cardstype .paymenttype {
    width: 100%;
    display: block;
}

.Account .personal .cardstype .paymenttype ul {
    float: left;
    display: flex;
    gap: 35px;
}

.Account .personal .cardstype .paymenttype ul li {
    display: flex;
    gap: 10px;
    position: relative;
}

.Account .personal .cardstype .paymenttype ul li input,
.Account .personal .cardstype .savecard ul li label input {
    opacity: 0;
    cursor: pointer;
    width: 14px;
}

.Account .personal .cardstype .paymenttype ul li label::before,
.Account .personal .cardstype .savecard ul li label span::before {
    content: "";
    border: 2px solid #acacac;
    width: 12px;
    height: 12px;
    display: block;
    border-radius: 50%;
    position: absolute;
    left: 0.1px;
    top: 0px;
    z-index: -1;
    cursor: pointer;
}

.childinput {
    min-height: 40px;
    padding: 7px 15px;
    background: #FAFAFA;
    mix-blend-mode: normal;
    border-radius: 40px;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #636363;
}

.Account .personal .cardstype .paymenttype ul li input:checked~label::after,
.Account .personal .cardstype .savecard ul li label input:checked~span::after {
    content: "";
    left: 2.6px;
    top: 56.8%;
    min-width: 10px;
    min-height: 10px;
    position: absolute;
    transform: translateY(-50%);
    font-family: FontAwesome;
    display: block;
    background: #A98D4B;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    padding: 1px;
    box-sizing: border-box;
    font-size: 12px;
    z-index: -2;
    display: block;
}

.Account .personal .cardstype .paymenttype ul li label {
    font-weight: 400;
    font-size: 16px;
    line-height: 14px;
    color: #636363;
}

.Account .personal .cardstype .paymenttype button {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    text-align: right;
    color: #A98D4B;
    float: right;
}

.Account .personal .cardstype h4 {
    display: block;
    clear: both;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #636363;
    width: 100%;
    float: left;
    margin: 15px 0 20px;
}

.Account .personal .cardstype .savecard {
    float: left;
    width: 100%;
    padding-bottom: 30px;
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 30px;

    display: none;

}

.Account .personal .cardstype .savecard ul li {
    float: left;
    padding: 0 30px 0;
    border-right: 1px solid #E5E5E5;
    width: 25%;
}

.Account .personal .cardstype .savecard ul li:nth-child(1) {
    padding-left: 0;
}

.Account .personal .cardstype .savecard ul li:last-child {
    border: none;
}

.Account .personal .cardstype .savecard ul li label {
    display: flex;
    gap: 10px;
    width: 100%;
    margin: 0 0 15px;
    position: relative;
    align-items: center;
}

.Account .personal .cardstype .savecard ul li label span {
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: #636363;
}

.Account .personal .cardstype .savecard ul li>span {
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    display: block;
    color: #B7B7B7;
}

.Account .personal .cardstype .savecard ul li>p {
    font-weight: 600;
    font-size: 15px;
    line-height: 21px;
    color: #636363;
    margin-bottom: 5px;
}

.Account .personal .cardstype .savecard ul li button {
    float: left;
    width: 50%;
    font-weight: 600;
    font-size: 14px;
    color: #A98D4B;
    text-align: left;
    margin-top: 10px;
}

.activeplan {
    float: left;
    width: 100%;
}

.activeplan ul {
    display: flex;
    gap: 30px;
}

.activeplan ul li {
    width: 50%;
}

.activeplan ul li>label {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #B7B7B7;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.activeplan ul li label span {
    color: #7D2B8B
}

.activeplan ul li button {
    float: left;
    padding: 0 25px;
    height: 30px;
    color: #A98D4B;
    border: 1px solid #A98D4B;
    border-radius: 50px;
    font-weight: 700;
    font-size: 14px;
    line-height: 103.28%;
    margin-right: 20px;
    transition: 0.3s;
}

.activeplan ul li a {
    opacity: 0.5;
}

.activeplan ul li button:hover {
    background-color: #A98D4B;
    color: #fff;
}

.activeplan ul li p {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    display: flex;
    align-items: center;
    color: #636363;
    float: left;
    width: 100%;
    gap: 11px;
}

.Account .personal .deletedeactivate {
    margin-top: 20px;
    margin-bottom: 50px;
}

.Account .personal .deletedeactivate.activeplan ul li button {
    border-color: #7D2B8B;
    color: #7D2B8B;
}

.Account .personal .deletedeactivate.activeplan ul li button:hover {
    color: #fff;
    background: #7D2B8B;
}

.Account .personal .cardstype .switch {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 16px;
}

.Account .personal .cardstype .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.Account .personal .cardstype .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.Account .personal .cardstype .slider:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.Account .personal .cardstype .switch input:checked+.slider {
    background-color: #7D2B8B;
}

.Account .personal .cardstype .switch input:focus+.slider {
    box-shadow: 0 0 1px #7D2B8B;
}

.Account .personal .cardstype .switch input:checked+.slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
}

/* Rounded sliders */
.Account .personal .cardstype .slider.round {
    border-radius: 34px;
}

.Account .personal .cardstype .slider.round:before {
    border-radius: 50%;
}

.panel-body {
    float: left;
    width: 100%;
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 30px;
}

.panel-body.savebutton {
    padding-bottom: 0;
    margin-bottom: 30px;
}

.panel-body .form-group {
    width: 45%;
}

.sorryto .modal-dialog {
    max-width: 400px;
    background: #7D2B8B;
}

.sorryto .modal-dialog h2 img {
    margin-bottom: 15px;
}

.panel-body .form-group .field-box {
    margin-top: 10px;
    position: relative;
    float: left;
    width: 100%;
}

.panel-body .form-group .field-box>span {
    color: #7D2B8B;
    padding: 0 10px;
    display: block;
    font-size: 12px;
    text-align: left;
    position: absolute;
    left: 0;
    bottom: -18px;
}

.panel-body .form-group .field-box input {
    -webkit-appearance: textfield;
    appearance: none;
    -moz-appearance: textfield;
}

.panel-body .form-group .field-box .with-icon {
    position: relative;
}

.panel-body .form-group .field-box .with-icon img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    background: #fff;
    width: 38px;
    padding: 11px;
}

.panel-body .form-group .field-box .with-icon input {
    padding-left: 40px;
}

.panel-body .button {
    display: inline-flex;
    gap: 40px;
    align-items: center;
    vertical-align: middle;
    text-align: center;
    margin: 38px calc(50% - 171px);
}

.panel-body .button .pull-right button {
    border: 1px solid #A98D4B;
    border-radius: 50px;
    width: 160px;
    height: 40px;
    font-weight: 600;
    font-size: 16px;
    line-height: 103.28%;
    color: #A98D4B;
    transition: 0.3s;
}

.paymentedit.reset h2 {
    margin-bottom: 10px;
}

.paymentedit .panel-body .form-group .field-box {
    margin-top: 10px;
}

.panel-body .button .pull-right button:hover {
    background-color: #A98D4B;
    color: #fff;
    border-color: #A98D4B;
}

.panel-body .form-group .country_flag {
    background: #FAFAFA;
    border-radius: 40px 0 0 40px;
    height: 40px;
    width: 97px;
    display: flex;
    align-items: center;
    float: left;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #636363;
    padding: 10px;
    cursor: pointer;
    position: relative;
    border-right: none !important;
}

.panel-body .form-group .country_flag::after {
    content: "\f107";
    font-family: fontAwesome;
    position: absolute;
    right: 49px;
    font-size: 11px;
}

.panel-body .form_group.number ul {
    width: 100%;
    text-align: left;
    max-height: 300px;
    overflow-y: scroll;
    position: absolute;
    background: #fff;
    z-index: 5;
    box-shadow: 0px 0px 3px #ccc;
    top: 100%;
}

.panel-body .form_group.number ul li {
    font-weight: 400;
    font-size: 15px;
    line-height: 14px;
    color: #636363;
    padding: 10px;
    cursor: pointer;
    transition: 0.3s;
}

.panel-body .form_group.number .country_flag img,
.panel-body .form_group.number ul li img {
    width: 25px;
    margin-right: 18px;
}

.panel-body .form_group.number input {
    width: calc(100% - 97px);
    float: right;
    border-radius: 0 50px 50px 0;
    -webkit-appearance: textfield;
    appearance: none;
    -moz-appearance: textfield;
}

.mobileshow {
    display: none;
}

.reactivatefirst.login_first p {
    color: #7D2B8B;
    font-weight: 600;
    font-size: 14px;
}

.reactivatefirst.login_first button {
    padding: 0;
}

.reactivatefirst.login_first button {
    color: #7D2B8B;
    border-color: #7D2B8B;
}

.reactivatefirst.login_first button a {
    color: #7D2B8B;
}

.reactivatefirst.login_first button:hover {
    background: #7D2B8B;
}

.reactivatefirst.login_first button:hover a {
    color: #fff;
}

.reactiveask h2 {
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    color: #636363;
}

.reactiveask p {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #636363;
}

.reactiveask .button {
    display: inline-flex;
    gap: 15px;
}

.promocode_content.reactiveask button {
    color: #A98D4B;
    background: transparent;
    border-color: #A98D4B;
}

.promocode_content.reactiveask button.btnconfirm {
    color: #A98D4B;
    background: #A98D4B;
    border-color: #A98D4B;

}




.promocode_content.reactiveask button a {}

.promocode_content.reactiveask button:hover {
    color: #fff;
    background-color: #A98D4B;
}

.promocode_content.reactiveask button:hover a {
    color: #fff;
}


.promocode_content.reactiveask button:hover {
    background: #A98D4B;
    color: #fff;
}

.deletemodel.cancelmembership .cancelmembershipp .button .pull-right:nth-child(2) button,
.cancelmembership .cancelmembershipp .button .pull-right:nth-child(2) button {
    background-color: #7D2B8B;
    color: #fff;
    transition: 0.3s;
    border-color: #7D2B8B;
}

.deletemodel.cancelmembership .cancelmembershipp .button .pull-right:nth-child(2) button:hover,
.cancelmembership .cancelmembershipp .button .pull-right:nth-child(2) button:hover {
    color: #B7B7B7;
    background: transparent;
    border-color: #B7B7B7;
}

.editview h2 {
    border: none;
}

.editview>h3 {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    display: flex;
    align-items: center;
    color: #A98D4B;
    width: 100%;
    height: 40px;
    background: #F5F2EA;
    padding: 0 20px;
    margin-bottom: 20px;
}

.editview>h3 svg {
    margin-right: 10px;
}

.editview .about_edit {
    padding: 0 20px 40px;
    display: inline-flex;
}

.editview .about_edit p {
    width: 50%;
}

.editview .about_edit p svg {
    float: left;
    margin-right: 15px;
}

.editview .about_edit p span {
    float: left;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #7D2B8B;
    width: calc(100% - 65px);
}

.editview .about_edit h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    display: flex;
    align-items: center;
    color: #B7B7B7;
    margin-bottom: 20px;
}

.editview .about_edit .rating {
    width: 25%;
    text-align: center;
    border-left: 1px solid #E5E5E5;
}

.editview .about_edit .rating h5 {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #636363;
}

.editview .about_edit .rating p {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #7D2B8B;
    display: block;
    float: left;
    width: 100%;
    padding: 15px 10px;
}

.editview .about_edit .rating:nth-child(3) p {
    color: #7F7F7F;
}

.editview .about_edit .rating .score {
    width: 116px;
    height: 116px;
    border-radius: 50%;
    background-color: transparent;
    border: 11px solid #A98D4B;
    margin: 4px auto 0;
    display: inline-flex;
    align-items: center;
    /* vertical-align: middle; */
    text-align: center;
}

.editview .about_edit .rating .score span {
    margin: 0 auto;
    font-weight: 700;
    font-size: 32px;
    line-height: 21px;
    align-items: center;
    text-align: center;
    color: #A98D4B;
}

.editview .editabout {
    padding: 10px 20px;
}

.editview .Profile_complete {
    padding-bottom: 0;
    padding: 0;
    margin-top: 10px;
}

.editview .Profile_complete .detail {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
}

.editview .Profile_complete .detail .form_group {
    margin-bottom: 20px;
}

.editview .editabout button,
.editview .editkids>button {
    float: right;
    line-height: 0;
}

.editview .Profile_complete .detail.verification .form_group.fs button {
    display: inline-flex;
    font-size: 14px;
    gap: 5px;
}

.editview .Profile_complete .detail.verification .form_group.fs button svg {
    width: 16px;
    height: 16px;
}

.editview .editabout h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    display: flex;
    align-items: center;
    color: #B7B7B7;
    margin-bottom: 10px;
}

.editview .editabout>h4 {
    float: left;
    width: 100%;
}

.editview .editabout>p {
    float: left;
    width: 100%;
    padding-bottom: 20px;
}

.editview .editabout p {
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    color: #636363;
}

.editview .editkids {
    padding: 0 20px 0;
    float: left;
    width: 100%;
    margin-bottom: 0.5rem;
}

.editview .editkids.security>label {
    float: left;
    width: 100%;
}

.editview .editkids label {
    display: block;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    display: flex;
    align-items: center;
    color: #B7B7B7;
    clear: both;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem
}

.editview .editkids label span strong {
    margin-left: 1rem;
}

.editview .editkids.edit-about label .half {
    min-width: 180px;
}

.editview .editkids label .cir.specialStyle {
    width: 55px;
    height: 50px;
}

.editview .editkids label span.cir {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #7D2B8B;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    display: inline-grid;
    align-items: center;
    text-align: center;
    color: #fff;
    margin-left: 1rem;
}

.editview .editkids label span.cir.twins {
    font-size: 10px;
}

.left_side_section .profile_box .profile_box_social .profile_box_social_sec1 img:nth-child(1) {
    margin-right: 10px;
}

.left_side_section .profile_box .profile_box_social .profile_box_social_sec1 img:nth-child(3) {
    width: 16px;
}

.editview .editkids .gernaledt label span.cir {
    margin-top: -18px;
    margin-bottom: -16px;
}

.editview .editkids label span strong {
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    display: flex;
    align-items: center;
    color: #636363;
}

.editview .editkids label span strong svg {
    margin-right: 8px;
    width: 16px;
    height: 16px;
}

.editview .editkids h2 {
    display: flex;
    gap: 7px;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #7D2B8B;
}

.editview .editkids .gernaledt h2 {
    color: #A98D4B;
}

.editview .editkids .gernaledt {
    float: left;
    width: 100%;
}

.editview .editkids .gernaledt label {
    float: left;
    width: 100%;
}

.editview .calendershow {
    padding: 0 20px 0;
    float: left;
    width: 100%;
}

.editview .editkids .nannyediy {
    float: left;
    width: 100%;
}

.editview .calendershow button {
    float: right;
}

.editview .calendershow .calander {
    float: left;
    width: 100%;
}

.editview .calendershow .calander .legend {
    float: right;
    width: 40%;
    margin-left: 2%;
}

.editview .calendershow .calander .legend label {
    width: 100%;
    display: block;
    padding: 0 0 10px;
    margin: 0 0 10px 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    color: #636363;
}

.editview .calendershow .calander .legend ul li {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #636363;
    margin-bottom: 15px;
}

.editview .calendershow .calander .form_group>label {
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    color: #636363;
}

.editview .calendershow .calander .legend>ul {
    float: left;
    width: 100%;
}

.editview .calendershow .calander .legend>ul>li {
    border: 1px solid #636363;
    display: inline-grid;
    float: left;
    cursor: pointer;
    border-radius: 30px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 103.28%;
    text-align: center;
    color: #636363;
    padding: 9px 20px;
    margin-right: 20px;
}

/* .profileshow.editview .editinfo .icon {
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    padding: 15px 0;
} */

.editview .calendershow .calander .legend>ul>li.active {
    border: 1px solid #7D2B8B;
    color: #7D2B8B;
}

.editview .calendershow .calander .legend .form_group {
    float: left;
    width: 100%;
    padding: 20px;
    background: #FCFCFC;
}

.editview .editinfo .icon {
    max-width: 400px;
    float: left;
    display: block;
    margin-bottom: 20px;
}

.editview .editinfo .nannyediy>.icon {
    max-width: 300px;
    padding-right: 50px;
}

.editview .editinfo .icon ul li {
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    color: #636363;
    margin: 10px 0;
    float: left;
    width: 100%;
}

.editview .editinfo .icon ul li .icons {
    float: right;
    margin-top: -11px;
    display: inline-flex;
    gap: 15px;
}

.editview .editinfo .nannyediy>label span {
    margin-right: 60px;
}

.editview .editinfo .nannyediy .abrod {
    float: left;
    margin-bottom: 10px;
    margin-top: 1rem;
    border-top: 2px solid rgba(128, 128, 128, 0.3);
    /* Subtle gray border */
    border-bottom: 2px solid rgba(128, 128, 128, 0.3);
    width: 50%;
    padding: 10px 15px;
    /* Adds space for a clean look */
}


.aboutdetail .left2,
.aboutdetail .right2 {
    float: left;
    width: 50%;
    margin: 15px 0;
}

.profileshow.editview>h2 {
    border-bottom: 1px solid #E5E5E5;
}

.editview .editinfo .nannyediy .abrod .abrodd {
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    color: #7D2B8B;
    gap: 5px;
}

.editview .editinfo .nannyediy .abrod .abrodd span {
    min-width: 70px;
    height: 30px;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    display: grid;
    align-items: center;
    color: #7D2B8B;
    background: #F5F2EA;
    border-radius: 30px;
    text-align: center;
    margin-left: 30px;
    padding: 0 10px;
}

.editview .editkids.security label span strong svg {
    width: auto;
    height: auto;
}

.editview .editkids.security label span strong .social_verify {
    margin-left: 30px;
}

.editview .personal_preferences {
    padding: 10px 30px 30px;
    float: left;
    width: 100%;
}

.editview .personal_preferences button {
    float: right;
}

.editview .personal_preferences .icon {
    cursor: default
}

.editview .personal_preferences h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    margin-top: 30px;
    color: #636363;
    float: left;
    width: 100%;
}

.editview .personal_preferences ul.offerplace {
    float: left;
    width: 100%;
}

.editview .personal_preferences ul.offerplace li span {
    background: #FFFFFF;
    border: 1px solid #7D2B8B;
    border-radius: 40px;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    display: inline-grid;
    width: 40px;
    height: 40px;
    align-items: center;
    text-align: center;
    color: #7D2B8B;
    margin-right: 10px;
}

.editview .personal_preferences ul.offerplace li {
    float: left;
    margin-right: 30px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #636363;
}

.editview .personal_preferences ul.offer {
    float: left;
    width: 100%;
}

.editview .personal_preferences ul.offer li {
    background: #F5F2EA;
    border-radius: 30px;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    height: 40px;
    color: #7D2B8B;
    width: 48%;
    padding-top: 9px;
    float: left;
    margin-bottom: 10px;
}

.noteedit {
    display: inline-flex;
    align-items: center;
    min-height: 50px;
    background: #FAFAFA;
    font-weight: 600;
    font-size: 13px;
    padding: 10px 20px;
    line-height: 18px;
    color: #B7B7B7;
    margin: 20px -20px;
    width: calc(100% + 40px);
    gap: 10px;
}

.noteedit svg {
    min-width: 18px;
}

.noteedit button {
    border: 1px solid #A98D4B;
    border-radius: 50px;
    width: 190px;
    height: 30px;
    margin-right: 15px;
    font-weight: 700;
    font-size: 14px;
    line-height: 103.28%;
    color: #A98D4B;
    transition: 0.3s;
    min-width: 190px;
}

.noteedit button:hover {
    background-color: #A98D4B;
    color: #fff;
}

.editview .Profile_complete .detail .general_info .form_group {
    float: left;
    width: 50%;

}

.editview .Profile_complete .detail .general_info .form_group:last-child label {
    margin-bottom: 25px;
}

.editview .charactor .personal_preferences {
    padding: 0;
    float: none;
    width: auto;
}

.editview .personal_preferences ul.offer li:nth-child(2n+1) {
    margin-right: 4%;
}

.editview .personal_preferences ul.offer li svg {
    float: right;
    padding-top: 3px;
    margin: 0px 10px 0 0;
}

.editview .personal_preferences h6 {
    background: #FAFAFA;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    height: 30px;
    float: left;
    width: calc(100% + 40px);
    color: #636363;
    margin-top: 20px;
    padding: 5px 20px;
    margin-left: -20px;
    margin-right: -20px;
}

.editview .personal_preferences .switchedit,
.professional_select .personal_preferences .switchedit {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 16px;
}

.editview .personal_preferences .switchedit input,
.professional_select .personal_preferences .switchedit input {
    opacity: 0;
    width: 0;
    height: 0;
}

.editview .personal_preferences .switchedit input {
    opacity: 0;
    width: 33px;
    height: 19px;
}

.editview .personal_preferences .slideredit,
.professional_select .personal_preferences .slideredit {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    -webkit-transition: .4s;
    transition: .4s;
    border: 1px solid #A98D4B;
    margin: 0 !important;
}

.editview .personal_preferences .slideredit::before,
.professional_select .personal_preferences .slideredit::before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 1px;
    bottom: 1px;
    background-color: #A98D4B;
    -webkit-transition: .4s;
    transition: .4s;
}

.editview .personal_preferences input:checked+.slideredit,
.professional_select .personal_preferences input:checked+.slideredit {
    background-color: #A98D4B;
}

.editview .personal_preferences input:focus+.slideredit,
.professional_select .personal_preferences input:focus+.slideredit {
    box-shadow: 0 0 1px #fff;
}

.editview .personal_preferences input:checked+.slideredit:before,
.professional_select .personal_preferences input:checked+.slideredit::before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
    background-color: #fff
}

/* Rounded slideredits */
.editview .personal_preferences .slideredit.roundedit,
.professional_select .personal_preferences .slideredit.roundedit {
    border-radius: 34px;
}

.editview .personal_preferences .slideredit.roundedit:before,
.professional_select .personal_preferences .slideredit.roundedit::before {
    border-radius: 50%;
}

.editview .personal_preferences .notification_edt>label {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    margin: 10px 0 0;
    color: #636363;
    float: left;
    width: 100%;
}

.editview .personal_preferences .notification_edt ul {
    float: left;
    width: 100%;
    display: inline-flex;
    gap: 30px;
    margin-top: 15px;
}

.editview .personal_preferences .notification_edt ul li {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #636363;
}

.editview .personal_preferences .emailchnge {
    float: left;
    width: 100%;
    border-top: 1px solid #DADADA;
    margin-top: 20px;
    padding-top: 15px;
}

.editview .personal_preferences .emailchnge h5 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    color: #B7B7B7;
}

.editview .personal_preferences .emailchnge h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
    color: #636363;
    margin-top: 0;
}

.editview .personal_preferences .emailchnge .inputemail {
    position: relative;
    max-width: 410px;
}

.editview .personal_preferences .emailchnge .inputemail input {
    background: #FAFAFA;
    mix-blend-mode: normal;
    border-radius: 40px;
    height: 40px;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    padding: 0 25px;
    color: #7F7F7F;
    width: 100%;
}

.editview .personal_preferences .emailchnge .inputemail button {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    text-align: right;
    color: #A98D4B;
    margin-top: 6px;
}

.editview .personal_preferences .emailchnge .button {
    display: inline-flex;
    gap: 22px;
    align-items: center;
    vertical-align: middle;
    text-align: center;
    margin: 38px calc(50% - 171px) 0;
}

.editview .button button {
    border: 1px solid #A98D4B;
    border-radius: 50px;
    width: 160px;
    height: 40px;
    font-weight: 600;
    font-size: 16px;
    line-height: 103.28%;
    color: #A98D4B;
    transition: 0.3s;
}

.editview .button {
    float: left;
    width: 340px;
    gap: 20px;
    display: inline-flex;
    margin: 30px calc(50% - 274px) 0;
}

.editview .personal_preferences .notification_edt {
    float: left;
    width: 100%;
}

.more_about>ul li.bordererror,
.describe .process_guid ul li.bordererror {
    border-radius: 0 !important;
}

.younger .button {
    display: inline-flex;
    gap: 20px;
}

.younger .button button {
    background: transparent;
    color: #B7B7B7;
    border: 1px solid #B7B7B7;
    border-radius: 50px;
    transition: 0.3s;
    min-width: 120px;
}

.younger .button button:hover {
    color: #fff;
    background: #A98D4B;
}

.editview .button button:hover {
    background-color: #A98D4B;
    color: #fff;
    border-color: #A98D4B;
}

.personal_preferences .personaledit h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    color: #636363;
    margin-bottom: 20px;
}

.personal_preferences .personaledit .preferred ul li {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
}

.personal_preferences .personaledit .preferred ul li span {
    background: #FFFFFF;
    border: 1px solid #7D2B8B;
    border-radius: 40px;
    width: 40px;
    height: 40px;
    display: inline-grid;
    align-items: center;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: #7D2B8B;
}

.personal_preferences .personaledit .preferred ul li input {
    background: #FAFAFA;
    mix-blend-mode: normal;
    border-radius: 40px;
    height: 40px;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    padding: 10px;
    color: #636363;
    width: 50%;
}

.personal_preferences .personaledit .interested ul {
    float: left;
    width: 100%;
}

.personal_preferences .personaledit .interested ul li {
    cursor: pointer;
    border-radius: 30px;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    height: 40px;
    color: #7D2B8B;
    width: 48%;
    padding-top: 9px;
    float: left;
    margin-bottom: 10px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    position: relative;
}

.personal_preferences .personaledit .interested ul li.active {
    background: #F5F2EA;
    border: none;
}

.personal_preferences .personaledit .interested ul li.active::before {
    content: "\f00c";
    font-family: fontAwesome;
    position: absolute;
    width: 16px;
    height: 16px;
    background: #7D2B8B;
    border-radius: 50%;
    color: #fff;
    font-size: 8px;
    line-height: 2;
    right: 10px;
    top: 12px;
}

.personal_preferences .personaledit .interested ul li:nth-child(2n+1) {
    margin-right: 4%;
}

.professional_select .modal-dialog {
    max-width: 800px;
}

.professional_select .modal-dialog .more_about {
    width: 100%;
    max-width: 100%;
    margin: 0;
    border-radius: 8px;
    box-shadow: 0 0px 0px 0px #E5E5E5;
    padding: 20px 40px 0;
}

.professional_select .more_about h2 {
    padding: 10px 0;
}

.professional_select .describe .process_guid ul li {
    margin-bottom: 15px;
    background: linear-gradient(0deg, #FCFCFC, #FCFCFC), #FFFFFF;
}

.professional_select .describe .process_guid ul li .checkededit svg {
    position: absolute;
    left: 10px;
    top: 10px;
}

.professional_select .describe .process_guid ul li .checkededit>input {
    position: absolute;
    left: 12px;
    top: 11px;
    width: 17px;
    height: 17px;
    opacity: 0;
    cursor: pointer;
    z-index: 5;
}

.professional_select .describe .process_guid ul li .checkededit input:checked~span:before {
    content: '';
    background-image: url(../images/done.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
}

.professional_select .more_about .process_guid p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #636363;
    text-align: left;
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 10px;
    margin-left: 54px;
}

.professional_select .more_about .process_guid p:nth-child(3) svg {
    margin: 0 6px;
}

.professional_select .noteedit {
    text-align: left;
    align-items: flex-start;
    line-height: normal;
}

.professional_select .noteedit svg {
    min-width: 15px;
}

.professional_select .personal_preferences {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 5;
    background: #fff;
}

.professional_select .describe .process_guid ul li.active::before {
    right: auto;
    left: 10px;
    opacity: 0;
}

.Profile_complete .detail .form_group .select {
    background: linear-gradient(0deg, #FAFAFA, #FAFAFA), #FFFFFF;
    border-radius: 50px;
}

.filter_box .filter_search .advance_search_filter .filters_search .form_group .select select {
    background: transparent !important;
    position: relative;
    z-index: 2;
}

.question_new .modal-dialog {
    max-width: 1000px;
    padding: 0 50px;
    max-height: calc(100vh - 20px);
    overflow: scroll;
    overflow-x: hidden;
}

#cate88 {
    max-height: 400px;
    overflow: scroll;
    overflow-x: hidden
}

.question_new .Profile_complete {
    padding: 0;
    text-align: left;
}

.question_new .younger {
    padding: 30px 0 0;
    position: relative;
    text-align: center;
}

.question_new .younger>a {
    position: absolute;
    right: -34px;
    top: 0px;
    transform: rotate(45deg);
    z-index: 8;
    cursor: pointer;
    color: #B7B7B7;
    font-size: 30px;
    background: none !important;
    box-shadow: none !important;
    border: none !important;
}

.question_new .younger>h2 {
    font-weight: 700;
    font-size: 21px;
    line-height: 29px;
    text-align: center;
    color: #7D2B8B;
    margin: 0px 0 8px;
}

.question_new .younger>p {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #636363;
    margin-bottom: 10px;
}

.question_new .Profile_complete .detail {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}

.question_new .Profile_complete .detail .col-6 {
    float: left;
    width: 100%;
    padding: 0 0;
}

.question_new .Profile_complete .detail .col-6:nth-child(3) {
    padding-left: 50px;
}

.question_new .Profile_complete .detail .col-6 .iconsec {
    float: left;
    width: 48%;
}

.question_new .Profile_complete .detail .col-6 .iconsec ul li {
    margin-top: 0;
}

.question_new .Profile_complete .detail .col-6 .iconsec .icon .form_group {
    margin-bottom: 20px !important;
}

.question_new .Profile_complete .detail .col-6 .rightsec {
    float: right;
    width: 48%;
}

.question_new .Profile_complete .detail .col-6.sideby .form_group {
    float: left;
    width: 48%;
}

.question_new .Profile_complete .detail .col-6.sideby .form_group:nth-child(2n + 2) {
    margin-left: 4%;
}

.question_new .Profile_complete .work-experience .form_group .price {
    max-width: 100px;
    padding: 0 8px;
}

.question_new .Profile_complete .work-experience .form_group .rang,
.question_new .Profile_complete .work-experience .form_group .rang .slider.two {
    width: 330px;
}

.question_new .Profile_complete .detail .form_group.full.qualification .checkbox ul li {
    width: 50% !important;
}

.question_new .Profile_complete .detail .form_group.full.qualification .checkbox ul li.aline {
    width: 100% !important;
}

.question_new .Profile_complete .work-experience h2 {
    margin-bottom: 0;
}

.question_new .Profile_complete .detail .form_group {
    margin-bottom: 0;
    margin-top: 15px;
}

.question_new .Profile_complete .detail>div>span {
    float: left;
    width: 100%;
    font-weight: 600;
    font-size: 12px;
    line-height: 21px;
    display: flex;
    align-items: center;
    color: #A98D4B;
}

.question_new .Profile_complete .work-experience .form_group .rang {
    margin-top: 0;
}

.question_new .Profile_complete .work-experience .form_group .price {
    top: 0;
}

.question_new .button {
    margin: 30px 0 40px;
}

.question_new .button button {
    border: 1px solid #A98D4B;
    border-radius: 50px;
    height: 40px;
    font-weight: 700;
    font-size: 16px;
    line-height: 103.28%;
    text-align: center;
    color: #A98D4B;
    width: 160px;
}

/* .question_new .button button.confirm {
    background-color: #A98D4B;
    color: #fff;
}

.question_new .button button.confirm:hover {
    background-color: transparent;
    color: #A98D4B;
} */

.question_new.jobs .modal-dialog {
    max-height: 95vh;
    overflow-y: scroll;
    overflow-x: hidden;
}

.question_new.jobs .Profile_complete .detail .form_group>span {
    width: auto;
    float: none;
    bottom: 0;
    color: #B7B7B7;
}

.educationun {
    float: left;
    width: 100%;
}

.educationun .left2,
.educationun .right2 {
    float: left;
    width: 50%;
}

#job_note {
    background: #F2EAF3;
    padding: 10px;
    display: flex;
    align-items: center;
    margin: 15px 0 0;
    gap: 10px;
    float: left;
    width: 100%;
}

#job_note p {
    font-style: italic;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #7D2B8B;
    margin-bottom: 0;
}

#job_note p a {
    color: #A98D4B;
}

.profile_full {
    display: none;
}

.profchange .describe button {
    background-color: #A98D4B;
    color: #fff;
}

.confirmchnage .button .pull-right:nth-child(2) button {
    background-color: #A98D4B;
    color: #fff;
    border: 1px solid #A98D4B;
}


.editview .Profile_complete .detail .form_group .checkbox.setredio.vertical ul li:last-child {
    width: 50% !important;
}

.confirmchnage .button .pull-right:nth-child(2) button:hover {
    background-color: transparent;
    color: #B7B7B7;
    border: 1px solid #B7B7B7;
}

.profchange .more_about button.back_sign,
.profchange .describe button:hover {
    background-color: #fff;
    color: #A98D4B;
    border: 1px solid #A98D4B;

}

.profchange .more_about button.back_sign:hover {
    background-color: #A98D4B;
    color: #fff;
}


.editview .editkids .gernaledt .left2,
.editview .editkids .gernaledt .right2 {
    float: left;
    width: 46%;
}

.review_list {
    float: left;
    width: 100%;
    display: flex;
    gap: 10px;
    padding: 30px 0;
}

.profileshow.editview .about_edit .quarybtn {
    text-align: center;
}

.profileshow.editview .about_edit .quarybtn .faid {
    opacity: 0.6;
}

.review_list .left_img img {
    width: 40px;
    height: 40px;
    min-width: 40px;
}

.review_list .right_content h2 {
    font-weight: 700;
    font-size: 16px;
    line-height: 14px;
    color: #A98D4B;
    margin: 0;
    padding-bottom: 4px;
}

.review_list .right_content span {
    display: block;
}

.review_list .right_content span.date {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 10px;
    color: #636363;
}

.review_list .right_content h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 8px;
    color: #636363;
    font-style: italic;
}

.review_list .right_content p {
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #636363;
}

.reviewshow .slick-prev,
.reviewshow .slick-next {
    display: block;
    right: 0;
    bottom: 0;
    left: auto !important;
    top: auto;
    width: 33px;
    height: 33px;
    border: 3px solid #B7B7B7;
    border-radius: 50%;
}

.reviewshow .slick-prev {
    right: 40px;
}

.report.cancelmembership .cancelmembershipp .onepxline {
    max-width: 500px;
}

.report.cancelmembership .cancelmembershipp ul {
    max-width: 500px;
}

.report.cancelmembership .cancelmembershipp p.second.active {
    color: red;
}

.report.cancelmembership .cancelmembershipp p.giveus {
    text-align: left;
    margin-bottom: 10px;
}

.report.cancelmembership .cancelmembershipp .comment {
    max-width: 500px;
    padding-left: 0;
}

.reviewshow .slick-prev::before,
.reviewshow .slick-next::before {
    font-size: 18px !important;

}

.reviewshow {
    padding: 30px 0;
}

.left_side_section .profile_box .profile_box_social .profile_box_social_sec2 {
    cursor: pointer;
}

.reportthanks p strong {
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    color: #636363;
}

.reportthanks p b {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #636363;
}

.reportthanks p {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    padding: 0 80px;
    color: #636363;
}

.reportthanks p a {
    color: #A98D4B;
    text-decoration: underline;
}

.reportthanks button {
    border-color: #A98D4B;
    background: #A98D4B;
}

.reportthanks button:hover {
    background: transparent;
    color: #A98D4B;
    border-color: #A98D4B;
}

.uploadphoto ul,
.uploadphoto ol {
    text-align: center;
    display: flex;
    margin: 0 calc(50% - 170px);
}

.uploadphoto ol li {
    display: inline-flex;
    width: 150px;
    text-align: center;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #636363;
    margin-left: 20px;
    position: relative;
    margin-top: 10px;
}

.uploadphoto ol li .select_photoprofile {
    display: flex;
    align-items: center;
}

.uploadphoto ol li input {
    margin-right: 7px;
    cursor: pointer;
    width: 18px;
    height: 18px;
    margin-bottom: -2px;
}

.uploadphoto ol li input[type="radio"]:checked~span::before {
    content: "\f00c";
    position: absolute;
    left: -1px;
    top: 55%;
    transform: translateY(-50%);
    font-family: FontAwesome;
    width: 20px;
    height: 20px;
    display: block;
    background: #A98D4B;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 1.7;
}

.uploadphoto ul li {
    width: 150px;
    height: 150px;
    border-radius: 7px;
    border: 1px dashed #7D2B8B;
    margin: 0 auto;
    display: inline-flex;
    text-align: center;
    align-items: center;
    position: relative;
    margin-left: 20px;
}

.uploadphoto ul li img {
    height: 101%;
    border-radius: 0;
    min-width: 101%;
    margin: -1px;
    object-fit: cover;
}

.uploadphoto ul li button {
    background: transparent;
    border: none;
    position: absolute;
    right: 10px;
    top: 10px;
    margin: 0;
    padding: 0;
    z-index: 10;
}

.uploadphoto ul li input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.uploadphoto ul li span {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #7D2B8B;
    overflow: hidden;
    max-width: 140px;
}

.uploadphoto ul li svg {
    margin: 0 auto;
}

.uploadphoto p.giveus {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #7D2B8B;
}

.uploadphoto .button {
    display: inline-flex;
    gap: 20px;
}

.uploadphoto .button button {
    width: 160px;
    height: 40px;
    border: 1px solid #A98D4B;
    background: transparent;
    color: #A98D4B;
    font-size: 14px;
}


.uploadphoto .button button:hover {
    background: #A98D4B;
    color: #fff;
}

/* .uploadphoto .button button.confirm:hover {
    border: 1px solid #A98D4B;
    background: transparent;
    color: #A98D4B;
} */
/* body {
    top: 0 !important;
} */

.goog-te-gadget>span {
    display: none !important;
}

.skiptranslate iframe {
    display: none !important;
}

body {
    top: 0 !important;
}

.header .menu li.lang .goog-te-gadget {
    display: flex;
    align-items: center;
    margin-top: -4px;
    font-size: 0;
}

.header .menu li.lang .goog-te-gadget select {
    border: 1px solid #b3b3b3 !important;
    border-radius: 20px;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    margin-right: 10px;
    font-family: 'Open Sans', sans-serif;
}

.header .menu li.lang .goog-te-gadget select option {
    font-size: 13px;
    font-weight: 500;
}

.editview .editkids .readonly .nannyediy h2,
.editview .editkids .readonly label span strong,
.editview .editkids .readonly label span strong svg path:nth-child(1) {
    color: #7F7F7F;
    fill: #7F7F7F;
}

.editview .editkids .readonly label span.cir {
    background-color: #7F7F7F;
}

.question_new .Profile_complete .detail .col-6 .iconsec h3 {
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    color: #636363;
}

.question_new .Profile_complete .detail.your_kids .form_group .checkbox.create li:nth-child(3),
.question_new .Profile_complete .work-experience .tutor .form_group.tutorteach .checkbox ul li:last-child {
    width: 100% !important;
}

.question_new .Profile_complete .work-experience .tutor .form_group.tutorteach .checkbox li span input {
    background-color: #F7F7F7;
    padding: 0 8px;
    height: 30px;
    border-radius: 50px;
}

.question_new .Profile_complete .detail .special_education .form_group.methad ul li {
    margin-right: 0 !important;
}

@media (min-width:1100px) and (max-width:1300px) {



    .describe .process_guid ul li {
        min-height: 170px !important;
    }

    .footer .head ul li:last-child,
    .footer .footer_menu ul:last-child,
    .bottom>ul>li:last-child {
        padding-left: 140px;
    }


}

.panel-body .form-group .field-box button {
    float: right;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 103.28%;
    width: 78px;
    color: #A98D4B;
}

.statuschange {
    padding: 40px 0 0px;
}

.statuschange .graybg {
    background: #FAFAFA;
    padding: 0 40px 30px;
}

.editview .Profile_complete .detail.additional_info .language {
    float: left;
    width: 47%;
    margin-top: 20px;
    clear: both;
}

.legend2 {
    display: none;
}

.editview .editkids .gernaledt .left2 .form_group,
.editview .editkids .gernaledt .right2 .form_group {
    width: 100%;
    float: left;
}

.editview .editkids .gernaledt .right2 .form_group .date_cal {
    float: left;
    width: 100%;
}

.editview .editkids label .half {
    min-width: 254px;
}

.editview .Profile_complete .detail .gernaledt .form_group .select {
    float: left;
}

.editview .Profile_complete .detail .gernaledt.general_info .form_group:last-child label {
    margin: 7px 0;
}

.editview .editkids.aboutdetail label .half {
    min-width: 120px;
}


.editview .editkids .educationun label .half {
    min-width: 180px;
}

.reviewpop.signout .form_groupre span.star {
    position: relative;
    right: 0;
    bottom: 0;
}

.reviewpop.signout .form_groupre span.star i {
    font-size: 14px;
    margin-left: 3px;
    color: #A98D4B;
    cursor: pointer;
    transition: 0.3s;
}

.reviewpop.signout .form_groupre span.star i:hover {
    transform: scale(1.3);
}

.reviewpop.signout .form_groupre input,
.reviewpop.signout .form_groupre textarea {
    margin-bottom: 0;
}

.reviewpop.signout .form_groupre label {
    margin-top: 20px;
}

@media (max-width:400px) {
    .editview .editkids label {
        font-size: 14px;
        letter-spacing: -0.2px;
    }

    .editview .editkids label span.cir {
        margin-top: -9px;
    }
}



@media (max-width:1250px) {



    .editview .calendershow .calander .legend {
        width: 100%;
        margin-left: 0%;
    }

    .editview .calendershow .calanderfull {
        width: 100%;
    }

    .footer .head ul li:nth-child(3),
    .footer .footer_menu ul:nth-child(3),
    .bottom>ul>li:nth-child(3) {
        padding-left: 60px;
    }

    .footer .head ul li:nth-child(2),
    .footer .footer_menu ul:nth-child(2),
    .bottom>ul>li:nth-child(2) {
        padding-left: 50px;
    }

    .footer .head ul li:last-child,
    .footer .footer_menu ul:last-child,
    .bottom>ul>li:last-child {
        padding-left: 120px;
    }

    .better_care .service_gurid .need_service a {
        min-width: auto;
    }
}

@media (max-width:1080px) {
    .container {
        padding: 0 30px;
    }

    .footer .head ul li:last-child,
    .footer .footer_menu ul:last-child,
    .bottom>ul>li:last-child {
        padding-left: 90px;
    }

    .footer .head ul li:nth-child(3),
    .footer .footer_menu ul:nth-child(3),
    .bottom>ul>li:nth-child(3) {
        padding-left: 48px;
    }

    .footer .head ul li:nth-child(2),
    .footer .footer_menu ul:nth-child(2),
    .bottom>ul>li:nth-child(2) {
        padding-left: 48px;
    }

    .footer .footer_menu ul li a {
        font-size: 14px;
    }
}

@media (max-width:860px) {
    .mobile {
        display: block;
    }

    .interview,
    .inner_wrapper .column_left,
    .inner_wrapper .column_right,
    .link_wrap {
        width: 100% !important;
    }

    .left_side_section {
        width: 100%;
        border: none;
    }

    .body_section {
        display: block !important;
        min-height: 80vh !important;
    }

    .daskshow {
        display: none;
    }

    .left_side_section {
        width: 100% !important;
        border: none;
    }

    .profile_box {
        display: none;
    }

    .silde_bar_dropdowns {
        display: none;
    }

    .editview .Profile_complete .detail.additional_info .language {
        width: 100%;
    }

    .right_side_section .looking_for_candidate .looking_for_candidate_boxs {
        display: none;
        justify-content: space-between;
        padding: 7px 0px;
    }

    .mobile {
        display: block !important;
        margin-top: 30px;
    }

    .mobile form {
        text-align: center;
    }

    .form_signup form .form_group2.number>div {
        width: 105px;
        margin-left: 5px;
    }

    .form_signup form .form_group2.number ul {
        transform: translate(0);
        left: auto;
        right: 0;
    }

    .dask_margin {
        margin-bottom: 0;
    }

    .footer .footer_menu ul li {
        text-align: center;
    }

    .footer .container {
        padding: 0;
    }

    .editview .editkids label .half {
        min-width: 180px;
    }

    .editview .Profile_complete .work-experience .form_group .rang .slider {
        width: 270px;
    }

    .profile .editview .about_edit h4 {
        display: none;
    }

    .providerprofile .about_edit .rating {
        display: none;
    }

    .providerprofile.editview .about_edit p {
        border-bottom: none !important;
        margin-bottom: 0 !important;
    }

    .legend2,
    .legend2 .form_group {
        display: block !important;
    }

    .legend2 .form_group {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .editview .editkids.security label {
        display: block;

    }

    .editview .editkids.security label span {
        width: 100%;
        margin-top: 10px;
    }

    .editview .editkids.security label span .social_verify {
        margin-left: 0 !important;
    }

    .noteedit {
        display: block;
        float: left;
    }

    .noteedit button {
        float: none;
        margin: 19px calc(100% - 190px) 20px 0;
    }

    .question_new.jobs .modal-dialog .younger>p {
        text-align: left;
    }

    .editview .editkids .gernaledt .left2,
    .editview .editkids .gernaledt .right2 {
        float: left;
        width: 100%;
    }

    .educationun .left2,
    .educationun .right2 {
        width: 100%;
    }

    .profile_full,
    .profile_full .profile_box {
        display: block;
    }

    .profile_full .profile_box h2 {
        padding-left: 0;
    }

    .profile_full.left_side_section .profile_box .profile_box_social .profile_box_social_sec1 {
        align-items: center;
    }

    .profile_full.left_side_section .profile_box .profile_pic_sec,
    .profile_full.left_side_section .profile_box .profile_pic_sec {
        margin: 15px 0;
    }

    .profile_full.left_side_section .profile_box .profile_pic_sec>img,
    .profile_full.left_side_section .profile_box .profile_pic_sec>img {
        display: none;
    }

    .profile_full.left_side_section .profile_box .profile_detail .profilestart_video img:nth-child(1) {
        margin-left: -14px;
    }

    .profile_full.left_side_section .profile_box .profile_pic_sec .profile_pic {
        border: 8px solid #fff;
        border-radius: 50%;
        width: 96px;
        height: 96px;
    }

    .profile_full.left_side_section .profile_box .profile_functions {
        padding: 20px 15% 0;
    }

    .profile_full {
        margin-bottom: 15px;
        border-bottom: 1px solid #c4c4c4 !important;
    }

    .mobile.profile {
        margin-top: 0 !important;
    }

    .Account>h2 {
        display: none;
    }

    .dasktopshow {
        display: none;
    }

    .mobileshow {
        display: block;
    }

    .Account {
        padding: 20px 0;
    }

    .mobilemenubottom {
        display: block;
    }

    .Profile_complete .detail.stap1 .button {
        left: 50%;
    }

    .Profile_complete .detail.additional_info .iconsec .right2 {
        padding-left: 0;
    }

    .Profile_complete .detail.additional_info .iconsec .icon ul li .icons {
        margin-right: 0;
    }

    .resource_tital {
        height: 205px;
    }

    .resource_tital {
        align-items: initial;
    }

    .resource_content,
    .resource_tital .container {
        width: 100%;
        margin: 0;
    }

    .inp {
        width: 100%;
        margin-top: 20px;
    }

    .resource_search .form_group input {
        width: calc(100% - 155px);
    }

    .customselect {
        margin-bottom: 20px;
    }

    .customselect .option {
        z-index: 9999999;
    }

    .resource_search .clear {
        width: 142px;
        float: none;
        margin: 0 auto;
        position: relative;
        z-index: 5;
    }

    .cookie_pop button.accept {
        display: block;
        margin: 20px auto 0;
    }

    .resource_search .form_group,
    .resource_search .form_group input.keyword,
    .resource_search .form_group select {
        width: 100%;
    }

    .resource_content label a {
        margin: 0;
    }

    .resource_tital .container {
        padding: 0 15px;
    }

    .resource_tital p {
        width: 70%;
    }

    .faq .form_group input {
        width: 100%;
    }

    .Profile_complete .detail.verification .form_group.fs,
    .Profile_complete .detail.verification .form_group:first-child {
        padding: 0;
    }

    .faq .form_group button {
        margin: 20px 50%;
        transform: translateX(-50%);
    }

    .resource_tital .container::before {
        content: '';
        width: 152px;
        height: 173px;
        position: absolute;
        right: 29px;
        top: -10%;
        background: url(../images/home_right.svg) no-repeat center;
        background-size: contain;
    }

    .cookie_pop button {
        margin: 20px 0 0 0;
    }

    .cookie_pop span {
        display: block;
    }

    .cookie_pop p {
        margin-top: 10px;
    }

    .cookie_pop .container {
        display: block;
        text-align: center;
    }

    .category_use ul:last-child li h4 {
        padding: 0 7px;
        margin: 0;
        width: 250px;
        text-align: center;
    }

    .safety,
    .contact .right h3,
    .safety_tips,
    .more_tips {
        width: 100%;
        margin: 0;
    }

    .safety .tabing button {
        margin: 30px 0 0;
        font-size: 14px;
        transform: translate(0);
    }

    .contact .left,
    .safety_tips.parents ul li,
    .contact .right,
    .safety_tips h3,
    .safety_tips ul li,
    .more_tips ul,
    .more_tips ul:last-child {
        width: 100%;
        padding: 0;
    }

    .safety_tips ul {
        display: block;
    }

    .safety_tips ul li::after {
        width: 1px;
        height: 100%;
        right: 91.5%;
        border-left: 2px dotted #7F7F7F;
        top: 50%;
    }

    .safety_tips ul li::before {
        top: 57px;
        right: 91.3%;
        transform: rotate(90deg);
    }

    .safety_tips ul li h4 br {
        display: none;
        text-align: left;
    }

    .resource_tital.faq .container::before {
        width: 100%;
    }

    .safety_tips ul li {
        display: flex;
        margin-top: 30px;
    }

    .safety_tips ul li h4 {
        text-align: left;
        margin-top: 14px;
    }

    .landing_page .right_section {
        text-align: center;
    }

    .landing_page .choose {
        padding: 0;
        background: transparent;
        text-align: center;
        letter-spacing: normal;
        text-transform: none;
        float: left;
        width: 100%;
    }



    .better_care h2 {
        margin-bottom: 40px;
    }

    .better_care .service_gurid .process_guid {
        margin-top: 0;
        margin-bottom: 0;
    }

    .testimonial_adds .add_test {
        padding: 20px;
    }



    .Account h2 {
        padding-left: 15px;
    }

    .activeplan ul {
        display: block;
    }

    .Account .personal .cardstype {
        margin-bottom: 30px;
    }

    .Account .personal .deletedeactivate ul li button:last-child {
        margin-right: 0;
    }

    .Account .personal .deletedeactivate ul li button {
        padding: 0 21px;
    }

    .Account .personal .cardstype .paymenttype button {
        margin-bottom: 15px;
    }

    .Account .personal .withoutedit,
    .Account .personal .cardstype,
    .Account .personal .deletedeactivate,
    .Account .personal .cardstype .savecard ul li {
        padding: 0 15px;
    }

    .Account .personal .withoutedit .detail ul li,
    .Account .personal .withoutedit .resetpassword .form_group,
    .Account .personal .cardstype .paymenttype ul,
    .Account .personal .cardstype .paymenttype button,
    .Account .personal .cardstype .savecard ul li,
    .activeplan ul li {
        width: 100%;
    }

    .Account .personal .cardstype .savecard ul li,
    .Account .personal .cardstype .savecard ul li:nth-child(3) {
        border-bottom: 1px solid #E5E5E5;
        padding-bottom: 20px;
        border-right: none;
    }



    .Account .personal .cardstype .savecard {
        padding-bottom: 0;
        border: none;
        margin-bottom: 0;
    }


    .activeplan ul li {
        float: left;
        width: 100%;
        margin-bottom: 20px;
    }

    .mobile .detail h3 {
        text-align: center;
    }

    .Profile_complete {
        display: block;
    }

    .Profile_complete .detail .form_group textarea {
        height: 100px;
    }

    .editview .editinfo .nannyediy .abrod .abrodd span {
        min-width: 114px;
        font-size: 13px;
    }

    .testimonial_adds.promocode_content .add_test .comment textarea {
        height: 100px;
    }

    .error {
        text-align: center;
    }

    .login_first p {
        padding: 15px 0;
    }

    .reset_email {
        padding: 0 10px !important;
    }

    .Account .personal .cardstype .savecard ul li {
        padding-left: 0;
        margin-bottom: 20px;
    }

    .editview .editkids.security.mg label {
        width: 100% !important;
        margin-top: 0 !important
    }

    .Profile_complete .detail .form_group .checkbox.create li,
    .Profile_complete .work-experience .form_group .checkbox ul li,
    .Profile_complete .detail.verification .form_group.full .checkbox ul li,
    .Profile_complete .work-experience.job_performance .form_group .checkbox ul li,
    .Profile_complete .work-experience.job_performance .parents .form_group .checkbox.create ul li,
    .Profile_complete .detail .form_group.full.space .checkbox li,
    .Profile_complete .detail .special_education .form_group.methad ul li {
        width: 118px !important;
    }

    .login_form form .rmfog,
    .reset .rmfog {
        padding: 0 10px;
    }

    .reset .rmfog {
        margin-bottom: 15px;
    }

    .reset button {
        width: 128px;
        font-size: 14px;
        margin: 0 9px;
    }

    .modal-dialog {
        margin: 0;
    }

    .welcome {
        text-align: center;
    }

    .payment_form .row {
        display: block !important;
    }

    .payment_form .row.exp_Sec,
    .payment_form .row.city_zip {
        display: flex !important;
    }


    .welcome h2 {
        font-size: 35px;
        line-height: 35px;
    }

    .welcome h2 span {
        white-space: nowrap;
        display: block;
    }

    .signup_section::after {
        background: none;
    }

    .welcome a {
        margin: 40px auto;
    }

    .testimonial_slid .slider_test .profile_image {
        width: 100% !important;
    }

    .testimonial_slid .slider_test .profile_image img {
        max-width: 100px;
        margin: 0 auto;
    }

    .testimonial_slid .slider_test .star i {
        float: none !important;
    }

    .testimonial_slid .slider_test .review {
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }

    .testimonial_slid .slider_test {
        padding: 0 30px;
        margin: 20px 0;
    }

    .container {
        padding: 0 15px;
    }

    .mobileicon,
    .search {
        display: block;
        width: 25%;
        float: left;
    }

    .mobileicon button,
    .search button {
        border: none;
        background: transparent;
        float: right;
        cursor: pointer;
    }

    .search button {
        float: left;
    }

    .monile_search {
        display: block;
    }

    .header .logo_main {
        width: 50%;
        text-align: center;
    }

    .header .logo_main img {
        max-width: 100px;

    }

    .header .menu,
    .dask {
        display: none;
    }

    .header .menu li {
        display: block;
        width: 100%;
        text-align: center;
        padding: 0 0 10px 0 !important;
        margin: 10px 0 !important;
        position: relative;
    }

    .header .menu>ul>li>ul>li {
        text-align: left;
        margin: 0 !important;
        padding: 0 !important;
    }


    .landing_page h2 {
        font-size: 36px;
        line-height: 107.7%;
    }

    .promocode p,
    .promocode p a {
        font-size: 14px;
    }

    .promocode p button {
        right: 10%;
    }

    .better_care .right_banner,
    .better_care .service_gurid,
    .better_care .service_gurid .need_service,
    .better_care .service_gurid .process_guid ul li,
    .make_safe .left,
    .make_safe .middel,
    .make_safe .right,
    .footer .footer_menu ul,
    .thank_page .thanks,
    .thank_page>img,
    .landing_page .left_form,
    .landing_page .right_section,
    .more_about .process_guid ul li {
        width: 100%;
    }

    .better_care .right_banner {
        margin-bottom: 30px;
    }

    .better_care .service_gurid .need_service {
        margin-left: 0 !important;
        margin-bottom: 20px;
    }

    .mobileblock,
    .mobilef {
        display: block;
    }

    .better_care .service_gurid .process_guid ul li,
    .more_about .process_guid ul li {
        text-align: left;
        padding-left: 60px;
    }

    .aboutdetail .left2,
    .aboutdetail .right2 {
        float: left;
        width: 100%;
        margin: 0;
    }

    .profileshow.editview .about_edit h4 {
        display: none;
    }

    .invite.signout .button button {
        width: 120px !important;
        padding: 10px;
    }

    .invite.signout .noteedit {
        margin: 0 !important;
        text-align: justify !important;
        width: 100% !important;
    }

    .better_care .service_gurid .process_guid ul li a,
    .more_about .process_guid ul li a,
    .better_care .service_gurid .advertise a {
        display: flex;
        align-items: center;
    }

    .thank_page .thanks.over,
    .thank_page .flow,
    .investor p {
        width: 100%;
    }

    .contact .form_group,
    .investor .form_group,
    .investor .form_group input {
        width: 100%;
    }

    .better_care .service_gurid .process_guid ul li span,
    .more_about .process_guid ul li span {
        margin-left: 17px;
    }



    .Profile_complete .work-experience.job_performance .form_group.socialpost .checkbox.create ul li {
        width: 118px !important;
    }

    .editview .editinfo .icon {
        padding-right: 80px;
    }

    .editview .editinfo .left2 .icon {
        padding-right: 0;
    }

    .more_about .process_guid ul li span {
        margin-top: 0;
        margin-left: 0 !important;
    }

    .better_care .service_gurid .process_guid ul li::after,
    .more_about .process_guid ul li::after {
        left: 60px;
        top: 96%;
        transform: rotate(90deg);
        right: auto;
    }

    .better_care .service_gurid .advertise span {
        text-align: left;
        padding-left: 15px;
        line-height: 22px;
    }

    .make_safe .left ul.first {
        float: right;
        text-align: left;
    }

    .make_safe .left ul.first li {
        text-align: left;
        padding-left: 10px;
        line-height: 18px;
    }

    .make_safe .left {
        text-align: left;
    }

    .make_safe .right ul.first li {
        line-height: 22px;
    }

    .footer .footer_menu ul {
        padding-left: 0 !important;
        background-color: #fff;
        padding: 0 30px 15px !important;
        border-radius: 5px;
        display: none;
    }

    .personal_preferences .personaledit .interested ul li {
        height: auto;
        min-height: 40px;
    }

    .editview .calendershow .calander .calanderfull {
        border-top: 1px solid #A98D4B;
        margin-left: -20px;
        width: calc(100% + 40px);
    }

    .profile.mobile .daskshow {
        display: block;
        padding-top: 0 !important;
    }

    .footer .footer_menu ul.show {
        display: block;
        border-radius: 0;
    }



    .editview>h3 svg {
        min-width: 18px;
    }

    .footer {
        background: linear-gradient(100.53deg, #7D2B8B 31.22%, #BD01AA 63.44%);
        padding: 0px 0;
    }

    .footer .footer_menu h4 {
        text-align: center;
        color: #fff;
        margin-top: 10px;
        float: left;
        width: 100%;
        cursor: pointer;
        padding: 8px 0;
    }

    .footer .footer_menu h4 img {
        margin-left: 10px;
    }

    .bottom2 {
        margin: 30px 0;
        float: left;
        width: 100%;
    }

    .bottom2>ul>li ul li {
        margin: 0 6px;
    }

    .bottom2>ul>li {
        width: 45%;
        float: left;

        text-align: right;
        padding-top: 20px;
        padding-right: 10px;
    }

    .bottom2>ul>li:nth-child(2) {
        width: 55%;
        float: left;

        text-align: left;

    }

    .bottom2>ul>li>ul {
        display: inline-flex;
        align-items: center;
        text-align: center;
        /* margin: 20px auto 0; */
    }

    .bottom2>ul>li:nth-child(3) {

        width: 100%;
        text-align: center;
    }

    .bottom2>ul>li:last-child {
        font-weight: 400;
        width: 100%;
        font-size: 14px;
        line-height: 16px;
        align-items: center;
        color: #B7B7B7;
        text-align: center;
    }

    .mobilem {
        display: block !important;
        width: 300px;
        position: fixed;
        right: 0;
        top: 0;
        bottom: 0;
        background: #fff;
        padding: 20px;
        z-index: 10;
        margin: 0 !important;
        box-shadow: 0 0 10px #ccc;
        transform: translateX(200%);
        transition: 0.5s;
    }

    .shadow {
        width: 100% !important;
        background-color: transparent;
    }

    .shadow::before {
        background-color: rgba(0, 0, 0, 0.507);
        content: '';
        width: 100vh;
        height: 100vh;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
    }

    .header .menu li.lang select {
        font-weight: 400;
        font-size: 16px;
        line-height: 122.97%;
        text-transform: uppercase;
        color: #B7B7B7;
    }

    .mobilem.open {
        transform: translateX(0);
    }

    .mobilem ul li a {
        text-align: left;
    }

    .panel-body .button .pull-right button {
        width: 140px;
    }

    .panel-body .button {
        margin: 38px calc(50% - 151px);
    }

    .header .menu li.signup a,
    .header .menu li.login a {
        text-align: center;
    }

    .signupdetail {
        display: none;
    }

    .header .mobilem button {
        background: transparent;
        border: none;
        float: right;
        cursor: pointer;
    }



    .header .menu li.signup,
    .header .menu li.login {
        padding-top: 4px !important;
        width: 51%;
        margin: 10px 50% !important;
        display: block;
        transform: translateX(-50%);
    }

    .header .menu li.signup {
        margin-top: 60px !important;
    }

    .bagf {
        background: #fff !important;
    }

    .landing_page .left_form p {
        padding-right: 0;
        text-align: center;
    }

    .landing_page .left_form .hire_because ul li {
        width: 25%;
    }

    .landing_page .left_form .hire_because ul li:nth-child(2) {
        width: 50%;
    }


    .landing_page .left_form .hire_because,
    .landing_page .left_form .detail,
    .landing_page .left_form .detail .form_group {
        margin-right: 0;
        width: 100%;

        text-align: center;

    }

    .landing_page .left_form .detail .form_group input {
        width: 50%
    }




    .better_care .service_gurid .need_service a {
        min-width: auto;
    }

    .landing_page .left_form button.join {
        margin-left: 50%;
        transform: translateX(-50%);
    }

    .landing_page .right_section ul li {
        width: 48%;
        margin: 0 1%;
        padding: 8px;
    }

    .landing_page .right_section ul li img {
        width: 40px;
    }

    .landing_page .left_form button.join {
        padding: 10px;
        width: 160px;
    }

    .thank_page .thanks h3 {
        padding: 100px 38px;
        font-size: 27px;
    }

    .landing_page .right_section ul li a {
        font-size: 16px;
    }

    .monile_search .searchbutton {
        display: flex;
        width: 100%;
        gap: 15px;
    }

    .monile_search {
        padding: 10px 0;
    }

    .monile_search h2 {
        font-weight: 700;
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 15px;
        color: #FFFFFF;
    }

    .filter_box .filter_search .monile_search .filter_category #my-fil-cat {
        border-radius: 5px;
    }

    .Profile_complete .work-experience .form_group .price {
        left: 0;
        top: 0;
    }

    .editview .about_edit>p {
        border-bottom: 1px solid #E5E5E5 !important;
        padding-bottom: 20px;
    }

    .editview .personal_preferences ul.offer li {
        height: auto;
        min-height: 40px;
    }

    .advance_search_popup {
        float: left;
        width: 100%;
        text-align: center;
        position: relative;
        padding: 40px 0px 10px;
        overflow-y: scroll;
        height: 95vh;
    }

    .advance_search_popup>a {
        position: absolute;
        right: 15px;
        top: 0px;
        transform: rotate(45deg);
        z-index: 8;
        cursor: pointer;
        color: #B7B7B7;
        font-size: 30px;
        background: none !important;
        box-shadow: none !important;
        border: none !important;
    }

    .advance_search_popup .filter_box .filter_search .filter_category #my-fil-cat {
        background-color: #FCFCFC;
        border-radius: 50px;
        width: 100%;
        border: 1px solid #7D2B8B2E !important;
    }

    .filter_box .filter_search .filter_category {
        width: 100% !important;
    }

    .filter_box .filter_search>.keyword,
    .filter_box .filter_search .city,
    .filter_box .filter_search .zip,
    .filter_box .filter_search .distance {
        width: 50%;
    }

    .advance_search_popup h2 {
        font-weight: 700;
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 15px;
        color: #7D2B8B;
        text-align: left;
    }

    .monile_search .searchbutton a {
        padding-top: 10px;
        text-align: center;
    }

    .monile_search .searchbutton button,
    .monile_search .searchbutton a {
        box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);
        border-radius: 40px;
        width: 50%;
        height: 40px;
        font-weight: 600;
        font-size: 14px;
        line-height: 22px;
        color: #7D2B8B;
        background: #fff;
    }

    .monile_search .searchbutton button img,
    .monile_search .searchbutton a img {
        margin-right: 4px;
        width: 16px;
        margin-bottom: -3px;
    }

    .landing_page .right_section {
        border-top: 2px solid #BE95C5;
        padding-top: 30px;
    }

    .landing_page .right_section ul li {
        margin-bottom: 10px;
        height: 70px;
        margin-left: 3px;
    }

    .landing_page .right_section ul li a {
        display: flex;
        align-items: center;
    }

    .about_team .named {
        border-bottom: 1px solid #E5E5E5;
        padding-bottom: 10px;
    }

    /* signup */
    .header_sign ul li:last-child span {
        display: none;
    }

    .more_about {
        width: 100%;
        margin: 40px 0;
        max-width: 100%;
        box-shadow: none;
        padding: 0;
    }

    .more_about>ul {
        width: 100%;
        margin: 0 0 30px !important;
        display: block;
    }

    .more_about>ul li {
        padding: 10px;
        margin: 0 0 0 0%;
        width: 100%;
        padding: 0;
        margin-bottom: 10px;
        float: left;
        max-width: 100%;
    }

    .more_about .process_guid ul li::after {
        left: 42%;
    }

    .more_about>ul li span {
        padding: 20px 0 10px 0;
    }

    .more_about>ul li h4 {
        margin-bottom: 10px;
    }

    .signupdetail,
    .option_socal {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .form_signup form .form_group {
        width: 100%;
        margin-right: 0;
    }

    .more_about {
        margin-bottom: 20px;
    }

    .more_about>button {
        padding: 10px 10px;
        width: 140px;
    }

    .describe.more_about .process_guid ul li {
        width: 47%;
        float: left;
        margin-left: 4px;
        background-color: rgba(242, 234, 243, 0.4);
        margin-bottom: 8px;
    }

    .more_about .process_guid {
        padding: 18px 10px 0;
    }

    .describe.more_about .process_guid ul li {
        padding: 27px 10px;
        cursor: pointer;
        border: 1px solid transparent;
    }

    .describe.more_about .process_guid ul li a {
        display: block;
        text-align: center;
    }

    .verify {
        margin: 0;
        transform: translateX(0);
    }

    .login_form {
        transform: translateX(-0%);
        padding: 30px 15px 0;
    }

    .verify .social_media {
        padding-bottom: 0;
    }

    .login_form button {
        margin: 20px 0 20px 50%;
        transform: translateX(-50%);
        width: 160px;
    }

    /* about */
    .about_team {
        padding: 20px 25px 25px;
        margin: 90px 0% 0;
        width: 100%;
    }

    .body_section.searchbody {
        min-height: 86vh !important;
    }

    .about_model .modal-dialog {
        max-height: 500px;
        overflow-y: scroll;
    }

    .about ul {
        display: block;
        margin-top: 10px;
    }

    .about ul li {
        float: left;
        width: 100%;
        min-height: 330px;
        padding: 0px 0;
    }

    .about ul li p {
        font-size: 12px;
    }

    .about_team img {
        width: 100%;
        max-width: 100px;
        margin: -80px auto 0;
        float: none;
    }

    .about ul li>img {
        padding: 12px;
    }

    .about_team .named {
        float: none;
        margin-left: 0;
    }

    .reset_email p {
        text-align: center;
        margin-top: 0;
    }

    .contact p,
    .contact .form_group,
    .contact form .form_group input,
    .contact form .form_group select,
    .contact form .form_group2 select,
    .contact form .form_group2,
    .career p {
        width: 100%;
    }

    .career,
    .contact,
    .investor {
        width: 100%;
        margin: 0;
    }

    .investor button {
        margin-left: 50%;
        transform: translateX(-50%);
        margin-bottom: 10px;
    }

    .contact form .form_group2 select {
        width: 105px;
        margin-left: 5px;
        padding: 8px !important;
    }

    .contact form .form_group.part2 .citydetail:last-child {
        margin-left: 2%;
    }

    .contact .form_group textarea {
        height: 110px;
    }

    .contact button {
        margin-left: 50%;
        transform: translateX(-50%);
    }

    .contactpop p {
        margin: 0;
        width: 100%;
        padding: 15px 0;
    }

    .contact form .form_group2 label {
        display: inline-block;
        font-size: 14px;
    }

    .question_new .Profile_complete .detail .col-6 .iconsec {
        float: left;
        width: 100%;
    }

    .question_new .Profile_complete .detail .col-6 .rightsec {
        float: right;
        width: 100%;
    }

    .question_new .Profile_complete .detail .col-6.sideby .form_group {
        float: left;
        width: 100%;
    }

    .question_new .Profile_complete .detail .col-6.sideby .form_group:nth-child(2n + 2) {
        margin-left: 0%;
    }

    .question_new .modal-dialog {
        width: 100%;
        padding: 0 15px;
        max-height: 500px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .question_new .button button {
        width: 150px;
    }

    .faq .form_group .inp {
        width: 100%;
        margin: 0;
    }

    .Profile_complete .left,
    .Profile_complete .right {
        width: 100%;
        margin-left: 0;
    }

    .Profile_complete .left {
        overflow: scroll;
        margin-bottom: 10px;
        width: calc(100% + 30px);
        margin-left: -15px;
    }

    .bgnonen {
        background: none !important;
    }

    .filter_box .filter_search {
        display: flex;
        gap: 3px;
        flex-wrap: wrap;
        align-items: center;
    }

    .filter_box .filter_search>.keyword,
    .filter_box .filter_search .city,
    .filter_box .filter_search .zip,
    .filter_box .filter_search .distance {
        width: 29%;
    }

    .filter_box .filter_search {
        gap: 5px;
    }

    .search_box {
        margin-top: 21px;
    }

    .filter_box .filter_search #my-fil-city,
    .filter_box .filter_search #my-fil-zip {
        max-width: 100% !important;
    }

    .filter_box .distance_input {
        position: relative !important;
    }

    .Profile_complete .work-experience.job_performance .form_group .checkbox.create ul li {
        width: 118px !important;
    }

    .Profile_complete .detail.verification .form_group.fs label span.smallpop {
        bottom: 40%;
    }

    .Profile_complete .detail .tutor,
    .Profile_complete .detail .preferred_school_jobs.general_info {
        margin-top: 12px;
    }

    .Account .personal .withoutedit .resetpassword {
        margin-bottom: 0;
    }

    #filteron {
        display: block;
    }

    .statuschange .graybg {
        padding: 0 20px 30px;
    }

    .overflow {
        position: fixed;
        width: 100vw;
        height: 100vh;
        display: block;
        left: -15px;
        top: -0%;
        z-index: 5;
        display: none;
    }

    .younger .button {
        gap: 20px;
    }

    .statuschange .graybg button {
        min-width: 130px !important;
        font-size: 14px;
        padding: 10px;
    }

    .statuschange .graybg p {
        padding: 10px;
    }

    .Profile_complete .detail {
        margin-top: 0 !important;
    }

    .Profile_complete .right .detail>span {
        margin-bottom: 9px;
    }

    .Profile_complete .left ul {
        display: flex;
        width: 1000px;
        overflow: scroll;
        margin-top: 50px;
        /* transform: translateX(60%); */

    }

    .Profile_complete .left ul li p::before {
        width: 121px;
        display: block;
        content: '';
        border: 1px dashed #B7B7B7;
        transform: rotate(0);
        z-index: 1;
        left: 57%;
        position: absolute;
        top: -23px;
        /* height: 1px; */
    }

    .progress-circle {
        display: none;
    }

    .Profile_complete .left ul li {
        width: 14.28%;
    }


    .progress {
        position: relative;
        height: 4px;
        width: 100%;
        border: 3px solid #F2EAF3;
        border-radius: 15px;
        display: block;
    }

    .progress .color {
        position: absolute;
        background-color: #7D2B8B;
        height: 7px;
        border-radius: 15px;
        animation: progres 4s infinite linear;
        left: -2px;
        top: -4px;
    }

    .Profile_complete .left h3 {
        text-align: left;
    }

    .Profile_complete .left h3 span {
        float: right;
        font-weight: 700;
        font-size: 21px;
        line-height: 29px;
        display: flex;
        align-items: center;
        text-align: right;

        color: #7D2B8B;
    }

    .Profile_complete .stop {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }

    .customselect_inp {
        height: 0px;
    }

    .Profile_complete .detail .form_group,
    .Profile_complete .detail .form_group:nth-child(2n+2) {
        width: 100%;
        padding: 0;
    }



    .Profile_complete .detail .form_group .checkbox ul li input {
        margin-right: 9px;
    }

    .Profile_complete .detail.work-experience .form_group label span.smallpop {
        bottom: 119%;
    }

    .Profile_complete .detail.availability>.form_group ul {
        display: block;
    }

    .Profile_complete .detail.availability>.form_group ul li {
        padding: 9px 0px;
        width: 117px;
        float: left;
        margin-right: 5px;
        margin-bottom: 15px;
    }

    .Profile_complete .detail .form_group .checkbox ul li {
        font-size: 14px;
    }


    .Profile_complete .detail .button {
        position: relative;
        transform: translate(-0%);
        display: inline-flex;
        left: 0;
        bottom: 0;
        width: 340px;
        margin: 0 calc(50% - 170px);
    }

    .profileshow,
    .profileshow .left_side_section {
        width: 100% !important;
    }

    .profileshow .left_side_section {
        border-right: 0;
    }

    .profileshow .left_side_section .profile_box {
        padding-right: 0;
    }

    .profileshow.editview .about_edit p .quarybtn {
        display: none;
    }

    .profileshow.editview .about_edit p span {
        height: auto;
    }

    .Profile_complete .detail.stap1 .button {
        width: 170px;
        margin: 0;
    }

    .Profile_complete .detail .button>button {
        margin: 0 15px 15px;
    }

    .Profile_complete .work-experience.job_performance .tutor .form_group .checkbox,
    .calanderfull,
    .Profile_complete .detail.availability .legend {
        width: 100%;
    }

    .calanderfull {
        margin-bottom: 20px;

    }

    .Profile_complete .detail.additional_info .language:nth-child(2n+2),
    .Profile_complete .detail.additional_info .language,
    .Profile_complete .detail.additional_info .iconsec .left2,
    .Profile_complete .detail.additional_info .iconsec .right2,
    .Profile_complete .detail.parents1 .form_group.second {
        width: 100%;
        margin-right: 0;
    }

    .Profile_complete .detail.verification .form_group:first-child,
    .Profile_complete .detail.parents1 .form_group.third {
        padding-left: 0;
    }

    .Profile_complete .detail.parents1 .form_group.second,
    .Profile_complete .detail.your_kids .left2,
    .Profile_complete .detail.your_kids .right2 {
        padding-right: 0;
        width: 100%;
    }

    .Profile_complete .detail .form_group.qualification .checkbox ul li:nth-child(6) {
        width: 100% !important;
    }

    .Profile_complete .detail .form_group .select,
    .Profile_complete .detail .form_group .text input,
    .Profile_complete .detail.your_kids .customselect,
    .Profile_complete .work-experience .form_group .rang .slider.two,
    .Profile_complete .work-experience .form_group .rang,
    .Profile_complete .work-experience .preferred_school_jobs .form_group .customselect,
    .Profile_complete .work-experience .parents2 .form_group select,
    .Profile_complete .work-experience.preferences .form_group .checkbox,
    .Profile_complete .work-experience.preferences .tutor .form_group .checkbox.create,
    .Profile_complete .work-experience.preferences .parents2 .form_group .checkbox.create,
    .Profile_complete .detail .form_group .date_cal input {
        width: 330px !important;
    }

    .Profile_complete .work-experience .parents2 .form_group select {
        width: 100% !important;
    }

    .Profile_complete .detail .form_group .text input {
        width: 100% !important;
        max-width: 51%;
    }

    .custom_calender .leftc ul,
    .custom_calender .leftc {
        width: 30px;
    }

    .custom_calender .middel {
        width: calc(100% - 33px);
    }

    .custom_calender .middel>ul>li span {
        width: 54px;
    }

    .custom_calender .middel>ul>li>ul {
        width: calc(100% - 54px);
    }

    .advance_search_popup .filter_box .filter_search>.keyword,
    .advance_search_popup .filter_box .filter_search .city,
    .advance_search_popup .filter_box .filter_search .zip,
    .advance_search_popup .filter_box .filter_search .distance {
        width: 49%;

    }

    .advance_search_popup .filter_box .filter_search #my-fil-key,
    .advance_search_popup .filter_box .filter_search #my-fil-city,
    .advance_search_popup .filter_box .filter_search #my-fil-zip,
    .advance_search_popup .filter_box .filter_search #my-fil-dis,
    .advance_search_popup .filter_box .distance_input {
        background-color: #FCFCFC !important;
        margin-left: 1%;
        border-radius: 50px;
        border: 1px solid #7D2B8B2E !important;
    }

    .advance_search_popup .filter_box .distance_input {
        border: none !important;
    }

    .advance_search_popup .filter_box .filter_search>.keyword,
    .advance_search_popup .filter_box .filter_search>.zip {
        margin-left: 0;
        margin-right: 1%;
    }

    .advance_search_popup .filter_box .filter_search #my-fil-dis {
        left: 0;
    }

    .advance_search_popup .filter_box .filter_search #my-fil-dis option {
        color: red;
    }

    .advance_search_popup .Profile_complete .detail .form_group.full {
        text-align: left;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .advance_search_popup .Profile_complete .detail .form_group.qualification.selectbt .checkbox ul li input[type="checkbox"] {
        position: absolute;
        left: 0;
        z-index: 5;
        height: 100%;
        width: 100%;
        text-align: center;
    }

    .profileshow.editview .about_edit .left_side_section .quarybtn {
        display: block;
    }

    .profileshow.editview .about_edit .quarybtn .message {
        margin-right: 15px;
        font-size: 12px;
        padding: 5px 20px;
        margin-bottom: 20px;
        display: inline-block;
        line-height: normal;
        height: 30px;
    }

    .thank_page>img {
        margin-left: 0;
        margin-top: 20px;
    }

    .profileshow.editview .about_edit .quarybtn .ask {
        font-size: 12px;
        padding: 5px 20px;
        height: 30px;
    }

    .profileshow.editview .about_edit>p {
        border-bottom: none !important;
    }

    .review_list {
        padding: 0;
    }

    .profileshow {
        padding-top: 10px;
    }

    .right_side_section .looking_for_candidate .looking_for_candidate_boxs .looking_for_candidate_box .second_sec .heading .mobile {
        margin-top: 0;
        margin-right: 5px;
    }

    .profileshow .right_side_section .looking_for_candidate .looking_for_candidate_boxs .looking_for_candidate_box .second_sec .post_general {
        display: none;
    }

    .profileshow .right_side_section .looking_for_candidate .looking_for_candidate_boxs .looking_for_candidate_box .view_profile_btn {
        float: none;
        margin: 0 auto;
        text-align: center;
    }

    .profileshow .right_side_section .looking_for_candidate .looking_for_candidate_boxs .looking_for_candidate_box .view_profile_btn a,
    .profileshow .right_side_section .looking_for_candidate .looking_for_candidate_boxs .looking_for_candidate_box .view_profile_btn button {
        display: inline-flex;
    }

    .profileshow .right_side_section .looking_for_candidate .looking_for_candidate_boxs .looking_for_candidate_box .view_profile_btn button {
        display: block;
    }

    .profileshow .right_side_section .looking_for_candidate .looking_for_candidate_boxs>p {
        padding: 0 10px;
    }



    .profileshow .right_side_section .looking_for_candidate .looking_for_candidate_boxs {
        display: block;
    }

    .profileshow .right_side_section .looking_for_candidate .looking_for_candidate_boxs .looking_for_candidate_box .first_sec {
        display: none;
    }

    .profileshow .right_side_section .looking_for_candidate .looking_for_candidate_boxs .looking_for_candidate_box .second_sec {
        padding: 10px;
        padding-bottom: 0;
    }

    .right_side_section .looking_for_candidate .looking_for_candidate_boxs .looking_for_candidate_box .second_sec .post_detail .vi {
        display: none;
    }

    .profileshow .right_side_section .looking_for_candidate .looking_for_candidate_boxs .looking_for_candidate_box .second_sec .post,
    .profileshow .post_pay,
    .profileshow .post_fet,
    .profileshow .post_cal,
    .profileshow .post_loc {
        padding-right: 10px;
    }



    .profileshow .right_side_section .looking_for_candidate .looking_for_candidate_boxs .looking_for_candidate_box .second_sec .post h5,
    .profileshow .post_pay h5,
    .profileshow .post_fet h5,
    .profileshow .post_cal h5,
    .profileshow .post_loc h5 {
        font-size: 14px !important;
    }

    .reviewshow .slick-prev {
        display: block;
        right: auto;
        bottom: auto;
        top: 50%;
        left: -49px !important;
        width: 60px;
        height: 60px;
        background: #BE95C540;
        border: none;
        text-align: right;
        padding-right: 12px;
    }

    .reviewshow .slick-next {
        display: block;
        right: -49px !important;
        bottom: auto;
        top: 50%;
        left: auto !important;
        width: 60px;
        height: 60px;
        background: #BE95C540;
        border: none;
        text-align: left;
        padding-left: 12px;
    }

    .profileshow>h2 {
        display: block;
        margin: 0;
    }

    .advance_search_popup .Profile_complete .work-experience .form_group .checkbox ul li {
        width: 100% !important;
    }

    .advance_search_popup .Profile_complete .detail .form_group.selectbt .checkbox ul li {
        font-size: 14px;
        background: #FFFFFF;
        border: 1px solid #7D2B8B;
        border-radius: 40px;
        height: 40px;
        overflow: hidden;
        width: auto !important;
        margin-right: 15px;
    }

    .advance_search_popup .Profile_complete .detail .form_group.selectbt .checkbox ul li span {
        margin: 0 auto;
        width: 100%;
        height: 100%;
        text-align: center;
        padding: 0 15px;
        padding-top: 8px;
        color: #7D2B8B;
        font-weight: 600;
    }

    .advance_search_popup .Profile_complete .detail .form_group.qualification.selectbt .checkbox ul li input[type="checkbox"]~ ::after,
    .advance_search_popup .Profile_complete .detail .form_group.qualification.selectbt .checkbox ul li input~::before {
        display: none;
    }

    .advance_search_popup .Profile_complete .detail .form_group.qualification.selectbt .checkbox ul li input[type="checkbox"]:checked~span {
        background-color: #7D2B8B;
        color: #fff;
    }

    .advance_search_popup .Profile_complete .work-experience .form_group .price {
        margin-bottom: 10px;
    }

    .advance_search_popup .Profile_complete .detail button {
        box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);
        border-radius: 40px;
        padding: 8px 15px;
        font-weight: 700;
        font-size: 16px;
        line-height: 22px;
        height: 40px;
        width: 180px;
        border: 1px solid #7D2B8B;
        color: #7D2B8B;
        transition: 0.3s;
    }

    .advance_search_popup .Profile_complete .detail button svg {
        margin-bottom: -2px;
        margin-right: 5px;
    }

    .advance_search_popup .Profile_complete .detail button svg path {
        fill: #7D2B8B;
    }

    .advance_search_popup .Profile_complete .detail button:hover {
        background: linear-gradient(100.53deg, #7D2B8B 31.22%, #BD01AA 63.44%);
        color: #fff;

    }

    .noresult h3 {
        left: 4%;
    }

    .advance_search_popup .Profile_complete .detail button:hover svg path {
        fill: #fff;
    }



    .advance_search_popup .filter_box .filter_search .form_group.full {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .advance_search_popup .Profile_complete .work-experience .form_group .rang,
    .Profile_complete .work-experience .form_group .rang .slider.two,
    .Profile_complete .detail .form_group .select {
        width: 100% !important;
    }

    .Profile_complete .detail .form_group.qualification .checkbox ul li input[type="checkbox"]:checked~span::before {
        background-color: #7D2B8B !important;
    }

    .customselect .option input {
        right: 0;
    }

    .panel-body form>.row,
    .panel-body>.row {
        display: block;
    }

    .panel-body form>.row .row {
        gap: 15px;
    }

    .panel-body .form-group,
    .editview .editkids .gernaledt label {
        width: 100%;
    }

    .editview .about_edit {
        display: block;
    }

    .editview .editkids label span {
        margin-left: 15px;
        flex: 0 0 33.333333%;
    }

    .editview .about_edit p,
    .editview .about_edit .rating,
    .editview .about_edit .rating {
        width: 100%;
        float: left;
        margin-bottom: 20px;
        border: none;
    }

    .editview .Profile_complete .detail .general_info .form_group,
    .editview .calendershow .calander .legend {
        width: 100%;
        margin-left: 0;
    }

    .editview .calendershow .calander .legend .form_group {
        padding: 20px 0;
        display: none;
    }

    .editview .personal_preferences {
        padding: 10px 20px 30px;
    }

    .personal_preferences .personaledit .interested ul li,
    .editview .personal_preferences ul.offer li,
    .editview .personal_preferences ul.offerplace li {
        width: 100%;
        margin-right: 0;
    }

    .editview .personal_preferences ul.offerplace li {
        margin-bottom: 10px;
    }

    .editview .personal_preferences .notification_edt ul li {
        margin-bottom: 10px;
    }

    .editview .button {
        margin: 30px calc(50% - 170px) 80px;
    }

    .personal_preferences .personaledit .preferred ul li input {
        width: 80%;
    }

    .editview .personal_preferences .notification_edt ul,
    .editview .personal_preferences .notification_edt ul li {
        display: block;
    }

    .editview .editinfo .nannyediy>label span {
        margin-right: 5px;
    }

    .editview .personal_preferences .switchedit {
        float: right;
    }

    .uploadphoto ul,
    .uploadphoto ol {
        text-align: center;
        display: flex;
        margin: 0 calc(50% - 145px);
    }

    .uploadphoto ol li input {
        margin-right: 3px;
    }

    .uploadphoto ol li {
        font-size: 11px;
    }

    .uploadphoto ul li {
        width: 130px;
        height: 130px;
        margin: 0 auto;
    }

    .editview .editkids label {
        font-size: 14px;
        display: flex;
        flex-wrap: wrap;
    }

    .calanderfull {
        min-width: 360px;
    }

    .editview .editkids h2 {
        padding-left: 0 !important;
    }

    .editview .editkids>button {
        float: none;
        line-height: 0;
        width: 100%;
        text-align: right;
    }

    .editview .editkids {
        padding: 10px 10px;
    }

    .Profile_complete .detail .form_group label span {
        float: none;
    }

    .editview>h3 {
        height: 60px;
        margin-bottom: 0;
    }

    .editview .about_edit .rating {
        width: 50%;
        padding: 0 10px;
    }

    .editview .about_edit .rating:nth-child(2) {
        border-right: 1px solid #E5E5E5;
    }

    .body_section .interview {
        margin-bottom: 40px !important;
    }
}

@media (min-width:1420px) {
    .more_about>ul {
        margin: 0 21% 30px !important;
    }
}

@media (max-width:529px) {
    .resource_tital .container::before {
        content: '';
        width: 152px;
        height: 173px;
        position: absolute;
        right: 3px;
        top: -10%;
        background: url(../images/home_right.svg) no-repeat center;
        background-size: contain;
    }

}

@media (max-width:450px) {
    .resource_tital .container::before {
        content: '';
        width: 152px;
        height: 173px;
        position: absolute;
        right: -7px;
        top: -10%;
        background: url(../images/home_right.svg) no-repeat center;
        background-size: contain;
    }

}

@media (min-width:1440px) {
    .more_about h2 {
        margin: 20px 0 20px;
    }

    .abslute {
        position: absolute;
        right: 0;
        top: 100px;
        width: 12% !important;
    }

    .professional_select .modal-dialog {
        max-width: 1024px;
    }
}

.select-box--selected-item {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    position: relative;
    width: 100px;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    color: #636363;
    transition: 0.3s;
}

.select-box--box {
    position: relative;
}

.select-box--items div.drop {
    position: absolute;
    z-index: 100000;
    background-color: #fff;
    top: 30px;
    max-width: 120px;
    width: 100%;
}

.select-box--items .drop div {
    border-top: 1px solid #ddd;
    /* border-bottom: 1px solid #ddd; */
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 5px 9px;
    transition: 0.5s;
    display: flex;
    align-items: center;
    font-size: 14px;
}

.select-box--items .drop div:hover {
    color: #fff;
    background-color: #A98D4B;
}

.select-box--items .drop div:last-child {
    border-bottom: 1px solid #ddd;
}


.wrapper {
    position: relative;
    width: 100%;
}

.container_slide {
    position: relative;
    width: 100%;
    height: 35px;
    margin-top: 30px;
}

.wrapper input[type="range"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    outline: none;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    background-color: transparent !important;
    pointer-events: none;
    border: none !important;
}

.slider-track {
    width: 100%;
    height: 5px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    border-radius: 5px;
    background: #7D2B8B;
}

.slider-track ul li {
    width: 2px;
    height: 20px;
    background-color: #7D2B8B;
    float: left;
    margin-left: 19%;
    margin-top: -7px;
}

.wrapper .slider>ul li {
    margin-right: calc(20% - 27px) !important;
    float: left;
    width: 19px;
    margin-top: 10px;
    font-weight: 400;
    font-size: 13px;
    color: #B7B7B7;
    line-height: 21px;
    margin-left: 1%;
}

.rang .container_slide {
    margin-top: 0;
}


.Profile_complete .work-experience .form_group .wrapper.rang .slider ul li {
    margin-right: calc(20% - 28px) !important;
}

.Profile_complete .work-experience .form_group .wrapper .slider>ul li:last-child {
    margin-right: 0 !important;
    width: 18px !important;
}

.slider-track ul li:nth-child(1) {
    margin-left: 23%;
}

.slider-track ul li:nth-child(2) {
    margin-left: 18%;
}

.slider-track ul li:nth-child(3) {
    margin-left: 16%;
}

.slider-track ul li:nth-child(4) {
    margin-left: 17%;
}

.Profile_complete .work-experience .form_group .wrapper.rang .slider-track ul li:nth-child(4) {
    margin-left: 18%;
}

.wrapper input[type="range"]::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    height: 5px;
}

.wrapper input[type="range"]::-moz-range-track {
    -moz-appearance: none;
    height: 5px;
}

.wrapper input[type="range"]::-ms-track {
    appearance: none;
    height: 5px;
}

.wrapper input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 1.7em;
    width: 1.7em;
    cursor: pointer;
    border-radius: 50%;
    margin-top: -9px;
    background-color: #7D2B8B !important;
    pointer-events: auto;
    border: none !important;
}

.wrapper input[type="range"]::-moz-range-thumb {
    -webkit-appearance: none;
    height: 1.7em;
    width: 1.7em;
    cursor: pointer;
    border-radius: 50%;
    margin-top: -9px;
    background-color: #7D2B8B !important;
    pointer-events: auto;
    border: none !important;
}

.wrapper input[type="range"]::-ms-thumb {
    appearance: none;
    height: 1.7em;
    width: 1.7em;
    cursor: pointer;
    border-radius: 50%;
    background-color: #3264fe;
    pointer-events: auto;
}

.wrapper input[type="range"]:active::-webkit-slider-thumb {
    background-color: #ffffff;
    border: 3px solid #3264fe;
}

.values {
    background-color: #3264fe;
    width: 32%;
    position: relative;
    margin: auto;
    padding: 10px 0;
    border-radius: 5px;
    text-align: center;
    font-weight: 500;
    font-size: 25px;
    color: #ffffff;
}

.values:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border-top: 15px solid #3264fe;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    margin: auto;
    bottom: -14px;
    left: 0;
    right: 0;
}

.ant-picker.ant-picker-outlined {
    border: 0;
    display: block;
    padding: 0;
    outline: none !important;
    box-shadow: none !important;
    /* Remove box shadow */
}

:where(.css-dev-only-do-not-override-1hpnbz2).ant-col {
    max-height: 42px;
}

.ant-row.ant-form-item-row {
    max-height: 42px;
}

.parents_cal .react-datepicker__input-container::before {
    display: none;
}

/* Style for when the select is focused (selected/highlighted) */
.form_group.hear-about-select select:focus {
    outline: none;
    background-color: #d9d9d9;
    /* Lighter gray when focused */
}

/* Change the color of options when hovering */
.form_group.hear-about-select select option:hover {
    background-color: #d9d9d9;
    /* Lighter gray background on hover */
}

.signup-select {
    position: relative;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #636363;
    cursor: pointer;
}

.signup-select-trigger {
    width: 100%;
    padding: 8px 12px;
    background: #FAFAFA;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.signup-select-options {
    position: absolute;
    width: 100%;
    /* Match the width of the trigger */
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    z-index: 10;
    margin-top: 2px;
    padding: 2px 0;
    text-align: left;
}

.signup-select-option {
    cursor: pointer;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #000;
    background-color: #fff;
    transition: background-color 0.2s;
}

.signup-select-option:hover {
    background-color: #e0e0e0;
    /* Light gray on hover */
}

/* Mimic default select active styles */
.signup-select-option.selected {
    background-color: #e0e0e0;
}

.signup-select-trigger:focus,
.signup-select:focus {
    outline: none;
    border: 1px solid #7D2B8B;
}

.MuiButtonBase-root.Mui-selected {
    background-color: #d6b3ff !important;
    /* Light purple background */
    color: #fff !important;
}

.MuiButtonBase-root.Mui-selected:hover {
    background-color: #b085f5 !important;
    /* Darker purple on hover */
}

.custom-date-picker {
    width: 100%;
}

.MuiOutlinedInput-notchedOutline {
    border: none !important;
}

.Mui-error.MuiInputBase-formControl {
    border-radius: 40px;
    font-size: 14px;
    line-height: 19px;
}

.MuiFormHelperText-root.Mui-error {
    margin-bottom: 0px;
    color: #7D2B8B;
}

.Profile_complete .work-experience.preferences .form_group .checkbox,
.Profile_complete .work-experience.preferences .tutor .form_group .checkbox.create.frequency-wrap {
    width: 30rem !important;
}

.purple {
    color: #7D2B8B;
}