/* Authentication page css */
/*-------------------------*/

.register_client_review .owl-section-stylist .item {
    padding: 18px 30px;
}
.register_client_review .owl-section-stylist .client_par.row {
    align-items: center;
}
.register_client_review .owl-section-stylist .client-name-title .client-name h6 {
    margin: 0 auto;
}
.register_client_review .owl-section-stylist .owl-item {
    height: 337px;
}
.register_client_review .owl-section-stylist .owl-item {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 11px #7459f21a;
    border-radius: 20px;
}
.register_client_review .client-image img {
    width: 100%;
    max-width: 56px;
}
.register_client_review .client-name.static_name {
    padding-left: 10px;
}
.scnd_slider.register_client_review .client_detail p {
    font-size: 14px;
}

a#sign_up_button {
    margin: 20px 0px;
}
p.text_under_button {
    font-size: 15px;
}

.bg-authentication {
    background-color: #F2F4F4;
}

.bg-authentication #icon-arrow {
  position: absolute;
  top: 11px;
  right: 15px;
}

.bg-authentication .brand-text {
  color: #5A8DEE;
  font-weight: 600;
  letter-spacing: 0.01rem;
}
.left_slider_area .main_area i, .scnd_slider.register_client_review .owl-nav i {
    color: #fff;
    font-size: 14px;
}
.login_button {
    display: flex;
    justify-content: center;
}
.login_button i, .signup_button i.fa.fa-light.fa-user-check {
    color: #fff;
    font-size: 23px;
    margin-right:10px;
}
.login_button i {
  
    
}
h4.seller_for_info {
    font-size: 17px;
    font-weight: 700;
    text-align: left;
    padding-top: 25px;
}

.login_button.after i {
    left: 47.2%;
    top: 10px;
    font-size:35px;
}

.login_button, .signup_button {
    position: relative;
}


/*
login page css */
@media (min-width:992px) {
    .login_page_area *, .left_slider_area * {
        font-family: 'Lato', sans-serif;
       
    }
}
.right_area_signup * {
    font-family: 'Lato', sans-serif;
}
.login_page_area {
    padding: 0px 65px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
    .login_page_area .form-control, .sign_up_page_area .form-control {
        border: 1px solid #CCCCCC;
        height:56px;
    }
        .login_page_area .form-control::placeholder, .sign_up_page_area .form-control::placeholder {
            color: #CCCCCC;
        }
    .login_page_area .card-title h4#login_text, .right_area_signup h4#sign_up_text  {
        text-align: left !important;
        color: #344767;
        font-size: 40px;
        font-weight: 700;
    }
    .login_page_area .card-body {
        padding-top: 0px;
    }
    .login_page_area .card-title p, .sign_up_page_area .sign_sub_title, .login_page_area p.mail_footer, .sign_up_page_area p.mail_footer{
        color: #344767;
        
        font-weight: 400;
    }
        .login_page_area .card-title p, .sign_up_page_area .sign_sub_title, .login_page_area p.mail_footer, .sign_up_page_area p.mail_footer
        {
            font-size:17px;
        }
        .login_page_area .remember_me {
            display: flex;
            justify-content: center;
            align-items: center;
        }

    .login_page_area .remember_me label {
        text-transform: capitalize;
        color: #CCCCCC;
        font-weight:400;
        margin-bottom:0px;
       padding-left:8px;
    }
    .login_page_area .card-title, .sign_up_page_area .card-title {
        margin-bottom: 0px;
    }
.login_page_area input#remember {
    width: 19px;
    height: 19px;
    border: 1px solid red;
}
    .right_area_signup .have_account_box, .right_area_signup .have_account_box small, .right_area_signup .active_seller_text, .left_slider_area .secure_text p, .login_page_area .remember_forgot_area .text-right a small, .login_page_area .remember_me label {
        font-size: 14px;
        font-weight: 400;
    }
    .login_page_area .dont_account_box small {
        font-size: 16px;
        font-weight: 400;
    }
    .login_page_area .remember_forgot_area .text-right a small, .login_page_area .dont_account_box a small {
        color: #08A6DF;
    }
    .login_page_area .dont_account_box small {
        color: #CCCCCC;
    }
    .login_page_area input#btnIn, .sign_up_page_area #sign_up_button, input#sendPassword {
        background-color: #08A6DF;
        padding-top: 21px;
        padding-bottom: 21px;
        cursor: pointer;
    }
    .login_page_area .dont_account_box {
        text-align: left !important;
        
    }
    .login_page_area .bottom_logos img, .sign_up_page_area .bottom_logos img {
        width: 100%;
        height: 100%;
    }
.dont_account_box {
    background-color: #E0F4FD;
    border-radius: 8px;
    padding: 14px;
    color: #fff;
    margin-top: 10px;
}

    .login_page_area .bottom_logos, .sign_up_page_area .bottom_logos {
        padding-top: 0px;
    }
.left_slider_area .clients_review {
   
    display:flex;
    flex-direction:column;
    position: relative;
    z-index:1000;
}
.login_page_area .footer_links, .sign_up_page_area .footer_links {
    
    padding-top: 16px;
    display: block;
    justify-content: space-between;
}
.footer_links > div:first-child {
    padding-bottom: 10px;
}

    .login_page_area .footer_links a, .sign_up_page_area .footer_links a {
        padding: 0px 14px 0px 0px;
        color: #727E8C;
    }
    .login_page_area .footer_links .icons img, .sign_up_page_area .footer_links .icons img{
        width: 20px;
    }
    .login_page_area .footer_links .icons a, .sign_up_page_area .footer_links .icons a {
        padding-right: 5px;
    }

    .login_page_area .footer_links a:hover, .login_page_area p.mail_footer a, .sign_up_page_area .footer_links a:hover {
        color: #7b54f1;
    }
    .login_page_area .footer_links a:first-child, .sign_up_page_area .footer_links a:first-child {
        padding-left: 0px;
    }
        .left_slider_area .heading {
            text-align: center;
            padding-bottom: 10px;
        }
    .left_slider_area  .heading h2 {
        color: #fff;
        font-size: 30px;
        margin-bottom:0px;
    }
            .left_slider_area .heading h6 {
                font-size: 26px;
                color: #fff;
                margin-bottom: 0px;
            }
.left_slider_area .business_evaluation_image img {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
}
.testimonial_carousel .client_detail {
    padding: 38px 0px 32px 0px;
}

.secure_text.credential_text {
    padding: 25px 43px 0px 43px;
}
    .secure_text.credential_text p {
        margin-bottom: 0px;
        padding: 40px 0px 0px 0px;
        font-size: 13px;
    }
.left_slider_area button.owl-prev {
    position: absolute;
    left: 37%;
    top: -15px;
}
.scnd_slider.register_client_review button.owl-prev {
    position: absolute;
    left: 43%;
    top: -15px;
}
.scnd_slider.register_client_review .owl-stage-outer {
    padding-bottom: 30px;
}
.scnd_slider.register_client_review {
    width: 100%;
    max-width: 90%;
    margin: 0 auto;
}
.owl-carousel-mob button.owl-prev {
    position: absolute;
    left: 30%;
    top: -15px;
}
.register_client_review.for_mobile button.owl-prev {
    position: absolute;
    left: 15%;
    top: -15px;
}
.left_slider_area .owl-nav, .owl-carousel-mob .owl-nav, .scnd_slider.register_client_review .owl-nav, .register_client_review.for_mobile .owl-nav {
    position: absolute;
    width: 100%;
}
.register_client_review.for_mobile button.owl-next {
    position: absolute;
    right: 15%;
    top: -17px;
}
.left_slider_area button.owl-next {
    position: absolute;
    right: 37%;
    top: -17px;
}
.owl-carousel-mob button.owl-next {
    position: absolute;
    right: 30%;
    top: -17px;
}
.scnd_slider.register_client_review button.owl-next {
    position: absolute;
    right: 43%;
    top: -15px;
}
.owl-section-stylist .owl-dots button:focus, .owl-section-stylist .owl-nav button:focus {
    outline: 0px;
    outline-offset: 0px;
}
.left_slider_area .owl-theme .owl-dots .owl-dot.active span, .left_slider_area .owl-theme .owl-dots .owl-dot:hover span {
    background: #ffff;
    width: 36px;
    height: 10px;
    opacity: 1;
}
.footer_slider_carousel button.owl-dot.active span, .register_client_review.for_mobile button.owl-dot.active span {
    background: #7B54F1 !important;
    width: 36px;
    height: 10px;
    opacity: 1;
}
.footer_slider_carousel .owl-nav i {
    color: #7B54F1;
}
.footer_logo_slider .owl-carousel .owl-stage-outer {
    margin-bottom: 26px;
    margin-top:26px;
}
.left_slider_area .owl-theme .owl-dots .owl-dot span {
    height: 10px;
    width: 10px;
    background-color: #fff;
    opacity: 0.2;
}
.left_slider_area  .secure_text p {
    color: #D9CCFF;
    text-align: center;
    padding-top:10px;
}
.pages_links a {
    color: #fff;
    padding: 0px 27px 0px 0px;
}
.pages_links {
    text-align: center;
}

.login_page_area p.mail_footer, .sign_up_page_area p.mail_footer {
    padding-top: 20px;
}
/*sign sup page*/
.right_area_signup, .classright {
    z-index: 1000;
}
.right_area_signup .sign_up_page_area {
    padding: 0px 75px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
    .right_area_signup h4#sign_up_text, .login_page_area .card-title h4#login_text {
        padding-top: 10px;
        margin-bottom:0px;
    }
.sign_up_page_area .sign_sub_title

{
    text-align:left;
    padding-top:25px;
}
.right_area_signup .card-body
{
    padding-left:0px;
}
.right_area_signup .active_seller_text {
    color: #344767;

}
    .right_area_signup .active_seller_text label
    {
        padding-right:21px;
    }
    .right_area_signup .active_seller_text
    {
        padding-top:10px;
    }

.right_area_signup .agree_text, .right_area_signup .have_account_box {
    color: #CCCCCC;
}
.right_area_signup input[type="checkbox"] {
    width: 25px;
    height: 25px;
    position:relative;
    float:left
}

.agree_text div{
    display: flex;
    align-items: center;
}

.agree_text span{
padding-left:10px;
}

.right_area_signup .have_account_box {
    text-align:left !important;
    padding-top:10px;
    
}
.footer_links .icons {
    padding: 20px 0px;
}
.left_slider_area {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.left_slider_area::before {
    content: "";
    width: 100%;
    height: 50%;
    background-image: url(/assets/images/circle-1.svg);
    z-index: 1000;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
    z-index: 888;
}
    .left_slider_area::after {
        content: "";
        width: 100%;
        height: 50%;
        background-image: url(/assets/images/circle-2.svg);
        position: absolute;
        background-repeat: no-repeat;
        background-size: contain;
        bottom: 0;
        right: 0;
        z-index: 888;
        transform: translate(61%, -2px);
    }

    .sign_up_page_area form#form1 .col-md-6 input
    {
        margin-right:10px;
    }
    
.right_area_signup .active_seller_text input[type="radio"] {
    width: 19px;
    height: 18px;
    position: relative;
    top: 4px;
}
#non_active
{
    margin-left:10px;
}
.main_row
{
    background-color:#fff;
}
.teams_header
{
    z-index:999;
}
.team_btn button {
    color: #fff;
    padding: 5px 17px;
    font-size: 15px;
}
.Team_intro {
    padding: 40px 27px;
    margin-top:80px
}
    .Team_intro p 
    {
        font-size:23px;
        font-weight:700;
        color:#000;
    }
    .fa-solid, .fa-thin, .fas, .fat, .fa {
        font-family: "Font Awesome 6 Pro" !important;
    }

.button_animated {
    width: auto;
    max-width: 20%;   
}
input#btnIn
{
    transition: ease-in 0.1s;
}
.button_animated_auto {
    margin: 0 auto;
    text-align: center;
    display: flex;
    font-size: 0px;
}

/*media queries start here*/
@media (max-width:1500px) {
    .left_slider_area button.owl-prev
        {
            left:33%;
        }
        .left_slider_area button.owl-next
        {
            right:33%;
        }
        .login_page_area .card-title p, .sign_up_page_area .sign_sub_title, .login_page_area p.mail_footer, .sign_up_page_area p.mail_footer {
            font-size: 16px;
        }
        .login_page_area, .right_area_signup .sign_up_page_area {
            padding: 0px 30px;
        }
    }
    
    @media (max-width:1366px) {
        .signup_button i.fa.fa-light.fa-user-check {
        left: 20%;
        
    }
}
    @media (max-width:1300px)
    {
        .login_page_area, .right_area_signup .sign_up_page_area {
            padding: 0px 10px;
        }
    }
@media (max-width:1100px) {
    .right_area_signup .sign_up_page_area, .login_page_area {
        padding: 0px 10px !important;
    }
    .left_slider_area button.owl-prev {
        left: 28%;
    }

    .left_slider_area button.owl-next {
        right: 28%;
    }
    .login_page_area .card-title p, .sign_up_page_area .sign_sub_title, .login_page_area p.mail_footer, .sign_up_page_area p.mail_footer, .right_area_signup .agree_text, .sign_up_page_area form#form1 .col-md-6 input::placeholder {
        font-size: 14px;
    }
    .left_slider_area .heading h2
    {
        font-size:25px;
    }
    .left_slider_area .heading h6
    {
        font-size:16px;
    }
    
    
}



@media only screen and (min-width: 500px) {
    .bg-authentication .disable-rounded-right {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }
    .main_row {
        background: transparent linear-gradient(133deg, #4399FA 0%, #08A6DF 100%) 0% 0% no-repeat padding-box;
    }
}

@media (max-width:768px)
{
    .left_slider_area button.owl-next {
        right: 30%; 
    }
    .left_slider_area button.owl-prev {
        left: 28%;
    }
    .sign_up_page_area .footer_links
    {
        padding-bottom:40px;
    }
    
}
.real_time_text
{
    display:none;
}
.rating_svg
{
    display:none;
}
@media (max-width:600px) {
    .clients_review.for_mobile {
        display: block !important;
    }
    .register_client_review.for_mobile .client-name-title p {
        font-size: 15px;
    }
    .register_client_review.for_mobile .owl-section-stylist .owl-item {
        border: 1px solid #c0c0c042;
        box-shadow: 0px 0px 11px #7459f200;
    }
    .register_client_review.for_mobile .owl-stage-outer {
        padding-bottom: 25px;
    }
    
    .for_desktop_heading {
        display: none;
    }
    h3.real_time_text {
        font-size: 18px;
        font-weight: 700;
        text-align: left;
        padding: 20px 0px 0px 0px;
        margin-bottom: 0px;
    }
    .real_time_text {
        display: block;
    }
    h4#sign_up_text
    {
        display:none;
    }
    .rating_svg {
        margin-top: 10px;
    }
    .rating_svg
    {
        display:block;
    }

}


@media only screen and (min-width:500px) and (max-width:768px)
{
    .signup_button i.fa.fa-light.fa-user-check {
        display: none;
    }
}
@media (max-width:480px) {
   
    h4.seller_for_info {
        font-size: 20px;
        font-weight: 600;
        text-align: left;
        padding-top: 25px;
    }

}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* IE Specific CSS */
  .bg-authentication {
    width: 100%;
    display: block;
  }
}

.form-error {
    margin-bottom: 0px !important;
    font-size:12px;
}