:root {

    --shadow-small: 0 1px 3px 0 rgba(0, 0, 0, 0.1),

      0 1px 2px 0 rgba(0, 0, 0, 0.06);

    --shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1),

      0 2px 4px -1px rgba(0, 0, 0, 0.06);

    --shadow-large: 0 10px 15px -3px rgba(0, 0, 0, 0.1),

      0 4px 6px -2px rgba(0, 0, 0, 0.05);

      --primary:#222;

      --secondary:#eb4e8a;

      --white:#fff;

      --font-body: 'Open Sans', sans-serif;

    --font-head: 'Josefin Sans', sans-serif;

  }

  

  *,

  *::before,

  *::after {

    padding: 0;

    margin: 0;

    box-sizing: border-box;

    list-style: none;

    list-style-type: none;

    text-decoration: none;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    text-rendering: optimizeLegibility;

  }

  

  html {

    scroll-behavior: smooth;

    height: -webkit-fill-available;

  }

  

  body {

    font-family: var(--font-body);

    font-size: 14px;

    font-weight: 400;

    line-height: 1.4;

    color: #000;

    background-color: #fff;

    transition: 0.35s;

  }

  h1, h2, h3, h4, h5, h6 {

    font-family: var(--font-head);

  }

  p, ul {

    font-family: var(--font-body);

    font-size: 16px;

    font-weight:400;

    line-height: 30px;

    letter-spacing: 0em;

    text-align: left;

    color: #6D6D6D;

  }

  ul, li{

    font-family: var(--font-body);

    padding: 0px;

  }



/*****************footer menu section ***************/

.app-menu {

    display: none;

}

.navbar {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    background: 0 0 !important;

    z-index: 999;

   

}

@media (max-width: 991.98px) {

    a.btn.btn-primary {

        padding: 10px 14px !important;

        margin-right: 0px;

    }

}

@media screen and (max-width: 767.98px) {

    .app-menu {

        display: block !important;

        padding: 8px 4px;

        background: #eb4e8a;

        position: fixed;

        bottom: 0;

        width: 100%;

        left: 0;

        z-index: 32;

        color: #f4f4f4;

    }

    .appo-inner.px-lg-4 {

        padding: 10px;

    }



	.btn-secondary.btn-11 {

        padding: 10px !important;

        margin-right: 0px !important;

	}

	section.acne-sec {

    padding-top: 0px !important;

    padding-bottom: 0;

}

	section.benefits_sec {

    padding-top: 60px;

    padding-bottom: 10px !important;

}

	

	button.btn.btn-secondary.btn-11 {

    display: none;

}

	.carousel {

    position: relative;

    margin: 0 !important;

}

	a.btn-sm.book-btn {

    padding: 0;

}

	.app-menu .rght-br {

        padding: 0 4px;

        border-right: 1px solid #fff;

        margin-top: 0;

    }

	    a.btn-sm.book-btn {

        text-decoration: none;

    }

	.app-menu .book-btn {

        background: 0 0;

        font-size: 15px;

        color: #f4f4f4;

        text-transform: uppercase;

        font-weight: 500;

    }

	    i.bi.bi-telephone {

        font-size: 24px;

        font-weight: 600;

        padding-right: 10px;

    }

	a.btn-sm.book-btn {

        text-decoration: none;

    }

	    i.bi.bi-calendar3 {

        font-size: 26px;

        font-weight: 600;

        padding-right: 5px;

    }

}





/*****************menu section start************************/

.navbar-light.is-sticky {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    background: #fff !important;

    z-index: 999;

    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);

    -webkit-animation: 0.5s ease-in-out 0s normal none 1 running fadeInDown;

    animation: 0.5s ease-in-out 0s normal none 1 running fadeInDown;

}

a.navbar-brand img {

    margin-top: -8px;

}

.navbar .row {

    width: 100%;

}



.navbar-light.navbar-expand-lg .navbar-nav li {

    padding: 10px 20px;

}



.navbar-light.navbar-expand-lg .navbar-nav li a {

    color: #6f8ba4;

    font-size: 15px;

    padding: 0;

}

.navbar-toggler:focus {

    text-decoration: none;

    outline: 0;

    box-shadow: none !important;

}

.navbar-light .navbar-nav .nav-link:focus,

.navbar-light .navbar-nav li a:hover {

    color: #007aff !important;

}





.navbar-light .navbar-nav .active>a,

.navbar-light .navbar-nav .show>a,

.navbar-light .navbar-nav a.active,

.navbar-light .navbar-nav a.show {

    color: #007aff !important;

}

.navbar.is-sticky .appointment-btn.white-btn {

    color: #0075ff;

    border-color: #0075ff;

}



.navbar.is-sticky .appointment-btn.white-btn:hover {

    color: #fff;

}



.navbar.navbar-two {

    position: relative;

    background: #fff !important;

}



.navbar.navbar-two.is-sticky {

    position: fixed;

}



.btn-secondary.btn-11 {

  font-size: 14px;

    font-weight: 600;

    color: #fff;

    border: 1px solid #eb4e8a;

    padding: 10px 30px;

    border-radius: 5px;

    background: 0 0;

    background: #eb4e8a;

    text-transform: uppercase;

    letter-spacing: .5px;

    margin-right: 15px;

    position: relative;

    overflow: hidden;

}

.btn-11:before {

    position: absolute;

    content: '';

    display: inline-block;

    top: -180px;

    left: 0;

    width: 30px;

    height: 100%;

    background-color: #fff;

    animation: shiny-btn1 4s ease-in-out infinite;

}

.btn-secondary.btn-11 a {

    text-decoration: none;

    color: #fff;

}





@media only screen and (min-width: 767px) and (max-width: 999px){

    .navbar {

        position: inherit;

        top: 0;

        left: 0;

        width: 100%;

        background: 0 0 !important;

        z-index: 999;

        padding: 15px 0;

		

		

      }

}

@media only screen and (max-width: 767px){

  



    .navbar-toggle-btn {

        text-align: left;

        left: 15px !important;

        right: auto !important;

    }

    .navbar-light .navbar-toggler {

       color: #ffffff;

        border-color: #eb4e8a;

        background: #eb4e8a !important;

    }

	.navbar-light .navbar-toggler-icon {

    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);

    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(201deg) brightness(106%) contrast(106%);

    /* font-weight: 600; */

    }

   

 

    .navbar-toggle-btn {

        display: none;

    }

    section.menu_section img {

        width: 95px;

        /* margin-top: -100px; */

       

    }



    .navbar-light .navbar-brand {

        color: rgba(0,0,0,.9);

        right: 0;

      

    }

    .navbar {

        position: revert;

        top: 0;

        left: 0;

        width: 100%;

        background: white !important;

        z-index: 999;

        padding: 15px 0;

    }

   

    .col-12.col-lg-2.col-md-3.text-right {

        margin-bottom: -21px;

    }

    .navbar-light.is-sticky {

        position:fixed;

        top: 0;

        left: 0;

        width: 100%;

        background: #fff !important;

        z-index: 999;

        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);

        -webkit-animation: 0.5s ease-in-out 0s normal none 1 running fadeInDown;

        animation: 0.5s ease-in-out 0s normal none 1 running fadeInDown;

      }

    }



.accordion-body {

    font-size: 16px;

    line-height: 30px;

}

.video-bx button img.img-fluid {

    filter: invert(20%) sepia(93%) saturate(7182%) hue-rotate(358deg) brightness(98%) contrast(111%);

}



.modal-content.video {

    background: none;

}

@media only screen and (max-width: 767px){

   

    .modal-body img {

      display: none;

    }

	.bg-white1.p-3 {

    width: 100%;

}

}



/************banner form section css*************/

.form-box ul {

    display: flex;

    list-style: none;

    align-items: center;

    padding: 0;

}

.form-box ul li {

    max-width: 20%;

    padding: 10px;

    min-width: 20%;

}

section#BookNow {

    background-color: #f3f3f3;

    padding: 60px 0px 40px 0px;

}



h5.h6 {

    font-size: 16px;

    font-weight: 400;

    letter-spacing: 2.6px;

    color: #eb4e8a;

    line-height: 28px;

}

form#treatment h3 {

    font-size: 38px;

    font-weight: 600;

    line-height: 62px;

    letter-spacing: 0em;

    text-align: left;

    color: #222;

}

/* **********fac section css*********


/***********form section css***********/

.appo-form {

    padding: 50px 0px;

}

.appo-inner h4 {

    font-size: 32px;

    line-height: 48px;

    letter-spacing: 1px;

}

form.contactForm {

    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;

    padding: 54px 49px;

    bottom: 45px;

    position: absolute;

    left: 78px;

}

img.vert-move {

    -webkit-animation: mover 1s infinite alternate;

    animation: mover 1s infinite alternate;

}

@-webkit-keyframes mover {

    0% { transform: translateY(0); }

    100% { transform: translateY(-10px); }

}

@keyframes mover {

    0% { transform: translateY(0); }

    100% { transform: translateY(-10px); }

}

.form-mobile {

    position: relative;

}

button#web-sticky-form {

    width: 100%;

    padding: 10px 26px;

    background-color: #ffffff;

    border: 0;

    font-size: 16px;

    letter-spacing: 1px;

    line-height: 26px;

    color: #eb4e8a;

    border-radius: 5px;

    white-space: normal;

    word-wrap: break-word;

    font-weight: 600;

}

form.contactForm h3 {

    font-size: 20px;

    padding-bottom: 5px;

    color: #fff;

    text-align: center;

    font-weight: 500;

}

.bi-calendar-check::before {

    content: "\f1e2";

    line-height: 19px !important;

    padding-right: 5px;

}



/***************our result section start*******************/

section.our-result {

    padding: 60px 0px;

    background: #fcf1f7;

}

.result-desc {

    padding: 3em 0em 3em 3em;

}

.result-desc h6, .our-step h5 {

    font-size: 18px;

    font-weight: 500;

    color: #545454;

}

.result-desc h3, section.service-sec h3{

    font-size: 32px;

    font-weight: 600;

    line-height: 40px;

    letter-spacing: 1px;

    color: var(--primary);

    padding-bottom: 5px;

}

.otro-blockquote {

    font-size: 18px;

    width: 100%;

    margin: 20px auto;

    font-family: Open Sans;

    font-style: italic;

    color: #000;

    padding: 1.2em 30px 1.2em 75px;

    border-left: 5px solid #eb4e8a;

    line-height: 1.6;

    position: relative;

    background: #fff;

    border-radius: 0px 5px 5px 0px;

    font-weight: 500;

}

.otro-blockquote::before {

    font-family: Arial;

    content: "\201C";

    color: #eb4e8a;

    font-size: 4em;

    position: absolute;

    left: 10px;

    top: -10px;

}

.otro-blockquote::after {

    content: '';

}









/*************why section css*********************/

section.why-sec {

    padding: 20px 0px 60px 0px;

}

.whychoo-sec {

    padding: 50px 0px;

    background: linear-gradient(135deg, #f9dbe9, #fcf2f8, #f1cbd8);

}

.whychoo-sec h2 {

    font-size: 30px;

    font-weight: 600;

    line-height: 40px;

    letter-spacing: 0em;

    text-align: center;

    color: #0E47A1;

    padding-bottom: 20px;

}

.why-img img {

    border-radius: 100%;

    border: 15px solid #FAF8F3;

    margin-bottom: 20px;

    width: 90%;

   

}

.video-bx {

    position: relative;

    padding: 0;

    overflow: hidden;

    width: 100%;

    margin: 0 auto;

    border: 6px solid #fff;

    box-shadow: #a8a8a8 2px 2px 9px -2px;

}

.video-bx img {

    -webkit-transition: .4s;

    transition: .4s;

    padding: 0;

    width: 100%;

}

.video-bx .video-btn {

    width: 70px;

    height: 70px;

    border-radius: 50%;

    z-index: 31;

    background: RGB(243, 243, 243, .7);

    position: absolute;

    left: 50%;

    top: 50%;

    margin: -35px 0 0 -35px;

    border: 4px solid #f4f4f4;

    box-sizing: border-box;

    padding: 9px 12px;

    text-align: center;

    box-shadow: none !important;

}



.row.whyc {

    justify-content: center;

    text-align: center;

}

img.revi-img {

    width: 70%;

}

.why-img h5 {

    font-size: 20px;

    font-weight: 600;

    line-height: 40px;

    letter-spacing: 0.5px;

    text-align: center;

    color: #222222;

}

.benefits_sec .owl-carousel .owl-item img {

    transform-style: preserve-3d;

    max-width: 100%;

    margin: 0 auto 17px;

    

}

/***************acne treatment section start*****************/

section.acne-sec {

    padding-top: 5px;

    padding-bottom: 60px;

}

.acne-inner h6 {

    font-size: 18px;

    color: #545454;

    font-weight: 500;

}

.acne-inner h2 {

    font-size: 32px;

    font-weight: 500;

    line-height: 46px;

    letter-spacing: 0em;

    text-align: left;

    color: #222;

    padding-bottom: 5px;

    padding-top: 10px;

}

a.main-btn {

    background:#eb4e8a;

    color: #fff;

    padding: 10px 15px !important;

    border: none;

    font-size: 14px;

    text-transform: uppercase;

    font-weight: 500;

    letter-spacing: 1px;

    border-radius: 0px;

    margin: 10px 10px 10px 0;

    text-decoration: none;

}

.acne-img img {

    border-radius: 10px;

}

/***************result section start*******************/



.doc-img {

    padding: 10px;

    border-style: solid;

    border-width: 1px;

    border-color: #f8fcfe;

    /* box-shadow: rgba(50, 50, 93, .25) 0 6px 12px -2px, rgba(0, 0, 0, .3) 0 3px 7px -3px; */

    border-radius: 5px;

    text-align: center;

    background: #fff;

}

.doc-img img {

    border-radius: 50%;

    transition-duration: .3s;

}

section.land-form h3 {

    font-size: 36px;

    text-align: center;

    padding-bottom: 25px;

    color: #222;

    font-weight: 500;

    line-height: 49px;

}

section.land-form {

    padding-bottom: 70px;

}

.doc-img h5 {

    font-size: 20px;

    font-weight: 600;

    line-height: 40px;

    letter-spacing: 1px;

    color: var(--primary);

    padding-bottom: 0;

    text-align: center;

    padding-top: 15px;

}

.doc-img p {

    text-align: center;

    color: #222e65;

    font-size: 16px;

    font-weight: 500;

}

/******************benefits section css***************/

section.benefits_sec {

    padding-top: 30px;

}

section.benefits_sec h2 {

    font-size: 30px;

    font-weight: 500;

    line-height: 40px;

    letter-spacing: 1px;

    color: #222;

    text-align: center;

    padding-bottom: 0px;

    padding-top: 15px;

}

section.result-sec {

    padding-top: 60px;

    padding-bottom: 60px;

    background: #fcf1f7;

}

.treat_sec {

    border-radius: 5px 5px 5px 5px;

    padding: 10px 10px 10px 10px;

    box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1);

    /* line-height: 1.8; */

    background: #fff;

}

.treat_img img {

    border-radius: 5px;

}

.treat-desc {

    padding: 18px 6px 0px 6px;

}

.treat-desc h5 {

    color: #222;

    text-align: center;

    font-size: 22px;

}

.treat-desc p {

    line-height: 1.8;

    overflow: hidden;

}

.benefits_sec .owl-nav .owl-prev {

    top: 45% !important;

    position: absolute;

    left: 5px;

}

.owl-nav .owl-prev, .owl-nav .owl-next {

    background: #eb4e8a;

    border-radius: 0%;

    font-size: 20px;

    color: #fff;

    padding: 0 6px;

    text-align: center;

    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;

    border-radius: 50%;

    width: 30px;

    height: 30px;

}

.benefits_sec .owl-nav .owl-next {

    top: 45% !important;

    position: absolute;

    right: 5px;

}

.treat_sec {

    margin: 25px 0px;

}

section.service-sec.pos-rel.pt-60.pb-120 {

    background: url(../image/img-1.png) left bottom no-repeat #faedf4;

}

/*************service section css*****************/

span.h4services-bg {

    position: absolute;

    width: 100%;

    min-height: 450px;

    bottom: 0;

    background: #E4F2FD;

}

section.service-sec {

    position: relative;

    padding-bottom: 35px;

    padding-top: 55px;

    background: linear-gradient(135deg, #f9dbe9, #fcf2f8, #f1cbd8);

}

.pull-right ul li {

    width: 50%;

    float: left;

    padding: 20px 0;

}

.pull-right cho-img {

    width: 15%;

    float: left;

    margin: 0;

    font-size: 55px;

}

.pull-right img-des {

    width: 85%;

    float: left;

}

.pull-right img-des h2 {

    font-size: 18px;

    color: #222;

    padding-top: 10px;

    padding-left: 12px;

    text-transform: capitalize;

    font-weight: 400;

    line-height: 26px;

}



.service-inner {

    position: relative;

}

.serv-cont h5 {

    font-size: 18px;

    color: #545454;

    font-weight: 500;

}

.serv-cont h2 {

    font-size: 36px;

    font-weight: 500;

    line-height: 45px;

    letter-spacing: 1px;

    color: #222;

    text-align: center;

    padding-bottom: 20px;

    padding-top: 15px;

}

.service-inner {

    border-radius: 5px 5px 5px 5px;

    padding: 10px 10px 10px 10px;

    box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1);

    background: #fff;

    margin-top: 10px;

}

.imgser {

    padding: 15px 15px;

    text-align: left;

}

.imgser h4 {

    font-size: 20px;

    font-weight: 500;

    text-align: left;

    padding-top: 10px;

}







/********************faq section css**************/

.faq_section .accordion-item {

    border-radius: 5px !important;

    margin-bottom: 15px;

    padding: 0px;

    color: #15233C !important;

    border-radius: 0px !important;

    border-bottom: #777777 1px solid !important;

    border: none;

}

.faq_section .accordion .accordion-item .accordion-button {

    font-size: 19px;

    color: #444;

    background: #fff !important;

    /* padding: 20px 10px 20px 15px; */

    font-weight: 500;

    border-radius: 10px;

}

.faq_section .accordion .accordion-item .accordion-button:not(.collapsed) {

    background: #fff !important;

    color: #444;

    font-weight: 600;

    border: none;

    box-shadow: none !important;

}

.accordion-button {

    background-color: #ffff !important;

    

}

.accordion-body {

    padding: 1rem 1.25rem;

    padding-top: 0px !important;

}

.faq_section .accordion-button:focus {

    z-index: 3 !important;

    border-color: #fff !important;

    outline: 0 !important;

    box-shadow: none;

}

section.faq_section {

    padding: 60px 0px;

    background: #fff;

}

.why-sec h2 {

    font-size: 34px;

    font-weight: 500;

    line-height: 48px;

    letter-spacing: 0.5px;

    color: var(--primary);

    padding-bottom: 10px;

}

img.acne-port {

    /* width: 100%; */

    padding: 20px;

    border-radius: 13px;

}

.video-data {

    text-align: left;

    margin: 0;

    margin-top: 12%;

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}

.btn-play:before {

    content: "";

    position: absolute;

    z-index: 0;

    left: 10%;

    top: 35%;

    transform: translateX(-50%) translateY(-50%);

    display: block;

    width: 60px;

    height: 60px;

    background: #0e47a1;

    border-radius: 50%;

    animation: pulse-border 1500ms ease-out infinite;

}

.btn-play i {

    width: 65px;

    height: 60px;

    line-height: 27px;

    display: block;

    color: #0e47a1;

    border-radius: 50%;

    position: relative;

    z-index: 6;

    text-align: left;

    font-size: 40px;

    padding-left: 31px;

}

.btn-play:after {

    content: "";

    position: absolute;

    z-index: 1;

    left: 10%;

    top: 35%;

    transform: translateX(-50%) translateY(-50%);

    display: block;

    width: 60px;

    height: 60px;

    background: #e4f2fd;

    border-radius: 50%;

    transition: all 200ms;

}

@keyframes pulse-border {

    0% {

      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

      opacity: 1;

    }

    100% {

      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

      opacity: 0;

    }

  }

  .video_modalSec button.btn-close {

    position: absolute;

    top: -1.875rem;

    right: 0;

    color: #fff !important;

    font-size: 1.875rem;

    text-shadow: none;

    opacity: .75 !important;

    z-index: 2;

    transition: 350ms ease all;

    background: transparent !important;

    font-family: "Inter", sans-serif;

}

@media only screen and (min-width: 992px){

    .skin_modal button.btn-close, .video_modalSec button.btn-close {

        right: -1.875rem !important;

    }

}



.video_modalSec .modal-content {

    border: none !important;

    outline: 0;

    border-radius: 20px !important;

}

.modal-dialog .btn-close {

    box-sizing: content-box;

    width: 1em;

    height: 1em;

    padding: 0.25em 0.25em;

    color: #0E47A1 !important;

    background: #E4F2FD !important;

    border: 0;

    border-radius: 0.25rem;

    opacity: .7 !important;

    font-size: 16px;

    line-height: 17px;

    font-weight: 600;

}

.video_modalSec iframe {

    padding: 20px;

    border-radius: 10px;

}

.modal-open {

    padding-right: 0px !important;

    overflow-y: scroll !important;

}



/****************testimonial section start******************/



.bg-image {

    background: linear-gradient(135deg, #f9dbe9, #fcf2f8, #f1cbd8);

    background-attachment: fixed;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}



h2.display-4 {

    font-size: 48px;

    font-weight: 500;

    line-height: 1.2;

    color: #222e65;

}



section.testimonials .owl-prev {

    position: absolute;

    top: 50%;

    margin-top: -18px;

    z-index: 99;

    width: 30px;

    height: 30px;

    text-align: center;

    -webkit-transition: all 0.35s;

    transition: all 0.35s;

    -moz-transition: all 0.35s;

    -ms-transition: all 0.35s;

    color: #eb4e8a;

    border: 1px solid rgba(0, 0, 0, 0.1);

    border-radius: 6px;

    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);

    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);

    background: white;

    opacity: 1;

    left: 0;

}

section.testimonials .owl-next {

    position: absolute;

    top: 50%;

    margin-top: -18px;

    z-index: 99;

    width: 30px !important;

    height: 30px !important;

    text-align: center;

    -webkit-transition: all 0.35s;

    transition: all 0.35s;

    -moz-transition: all 0.35s;

    -ms-transition: all 0.35s;

    color: #eb4e8a !important;

    border: 1px solid rgba(0, 0, 0, 0.1);

    border-radius: 6px;

    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);

    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);

    background: white;

    opacity: 1;

    right: 0;

}



	

.bg-white1.p-3 {

    cursor: pointer;

    align-items: flex-start;

    padding: 12px 24px 32px;

    gap: 24px;

    width: 96%;

    background: #fff;

    border-radius: 5px;

	flex-direction: column;

    display: flex;

}

.vcgmbmain {

    

    padding: 0;

    flex-direction: column;

    display: flex;

}

.vcquote {

    position: absolute;

    right: 22px;

    top: 20px;

}

.hirequote {

    background-image: url(https://www.vcaretrichology.com/landing/hair-and-skin-sample/assets/image/icon.svg);

    min-width: 35px;

    width: 35px;

    height: 22px;

    background-position: inherit;

    position: absolute;

    right: 30px;

    top: 0;

	 background-repeat: no-repeat;

}

.vcbottom {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    padding: 0;

    gap: 24px;

    margin-top: 30px;

}



.vcgmbprofile {

    width: 100% !important;

}

.vcgmbprofile {

    display: flex;

    flex-direction: row;

    align-items: flex-start;

    padding: 0;

    gap: 24px;

}



.vchireprofileright {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    padding: 0;

    gap: 4px;

}

	.vcprofileright{

		line-height:30px;

	}

.vcprofileright b {

    color: #000;

    padding: 0;

}

.vcprofileright b {

    font-weight: 600;

    font-size: 16px;

    line-height: 22px;

    letter-spacing: 0.03em;

    margin: 0;

}

.ti-stars {

    margin-bottom: 6px;

    margin-top: 15px;

    text-align: left;

}

.ti-star.f {

    background-image: url(https://www.vcaretrichology.com/landing/hair-and-skin-sample/assets/image/f.svg);

}

.ti-star {

    width: 16px;

    height: 16px;

    display: inline-block;

    margin: 0 !important;

    margin-right: 1px !important;

    background-size: contain;

    background-repeat: no-repeat;

}

.vcgmbpara {

    color:#6D6D6D;

    font-size: 16px;

    line-height: 25px;

    letter-spacing: 0.42px;

    overflow-x: auto;

    height: 100px;

    padding: 0 4px 0 0;

}

.vcgmbpara::-webkit-scrollbar {

    width: 5px;

}



.vcgmbpara::-webkit-scrollbar-track {

    box-shadow: inset 0 0 2px grey;

    border-radius: 10px;

}



.vcgmbpara::-webkit-scrollbar-thumb {

    background: #a8a8a8;

    border-radius: 10px;

}



.vcgmbpara::-webkit-scrollbar-thumb:hover {

    background: #696969;

}

 .review_alpha_img {

    margin-right: 15px;

    width: 50px;

    min-width: 50px;

    height: 50px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #ffffff;

    font-size: 24px;

    font-weight: bold;

}

.review_alpha_img {

    background:#eb4e8a;

}



	

/**************modal form csss***********************/

.modal-header {

    background: #eb4e8a;

    color: #fff;

    border-radius: 20px 20px 0px 0px;

  }

  h5#exampleModalLabel {

    font-size: 16px;

    font-weight: 500;

    line-height: 21px;

    letter-spacing: 1px;

    margin: 0 auto;

  }

  .modal-content .container {

    padding: 10px 10px;

  }

  .modal-content img {

    width: 100%;

  }

  .form-control {

    color: #96968e;

    font-size: 14px;

    font-weight: 500 !important;

    width: 100%;

    padding: 10px 10px;

    line-height: 1.42857143;

    background-image: none;

    background-color: #fff;

    border-radius: 4px;

    border: 1px solid #ededea;

    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.075);

    box-shadow: inset 0 0 0 rgba(0,0,0,.075);

  }

  .form-group {

    margin-bottom: 20px;

  }

  .form-group span {

    color: #9FB0CB;

    font-weight: 500;

    line-height: 21px;

    letter-spacing: 0.2px;

  }

  span.mod_for {

    color: #eb4e8a;

    font-weight: 600;

}

  

  .form-control:focus {

      color: #212529;

      background-color: #fff;

      border-color: #ededea !important;

      outline: 0;

      box-shadow: none !important;

  }

  button#consultbtn {

    background: #eb4e8a;

    padding: 7px 20px;

    border-radius: 5px;

    border: #eb4e8a;

    color: #fff;

    font-size: 16px;

    font-weight: 500;

    letter-spacing: 1px;

    line-height: 21px;

  }

  .col_full.center.nobottommargin {

      text-align: right;

  }

  .modal-dialog .btn-close {

    box-sizing: content-box;

    width: 1em;

    height: 1em;

    padding: 0.25em 0.25em;

    color: #0E47A1 !important;

    background: #E4F2FD !important;

    border: 0;

    border-radius: 0.25rem;

    opacity: .7 !important;

    font-size: 16px;

    line-height: 17px;

    font-weight: 600;

  }

  .modal-content {

    border: none !important;

    outline: 0;

    border-radius: 20px !important;

  }

  .modal-header .btn-close {

    padding: 0.5rem 0.5rem;

    margin: -0.5rem 0.5rem -0.5rem auto !important;

  }

  .widget-link .link li a:hover {

    color: #fff;

  }

  h5#staticBackdropLabel {

    font-size: 20px !important;

    text-align: center;

    margin: 0 auto;

}

img.img-circle {

    border-radius: 50px;

}

/**************footer section css*************/

section.foot_sec {

    position: relative;

    padding: 30px 0;

    background: #eb4e8a;

}

section.foot_sec h5 {

    font-size: 16px;

    color: #fff;

    margin-bottom: 0;

    font-weight: 500;

    letter-spacing: .5px;

}



 .why-box {

   

    margin-bottom: 24px;

}

.why-box .img-box {

    padding: 0 10px;

   

}

.img-box h5 {

    padding-top: 25px;

    font-size: 20px;

    line-height: 36px;

}

section.benefits_sec .owl-carousel .owl-nav.disabled {

    display: block !important;

}

.why-svg-icon {

    width: 90px;

    /* filter: brightness(0) saturate(100%) invert(72%) sepia(94%) saturate(2468%) hue-rotate(180deg) brightness(85%) contrast(92%); */

}

section.service-sec {

    margin-bottom: 60px;

}

 .why-box .con-box {

    padding: 0 0px;

    width: 85%;

}

.why-box .con-box h5 {

    font-size: 18px;

    margin-bottom: 0;

    color: #000;

    font-weight: 600 !important;

    padding-bottom: 10px;

    padding-top: 20px !important;

}

 .why-box .con-box p {

    font-size: 15px;

    line-height: 22px;

}

h2.float_head {

    text-align: center;

    font-size: 34px;

    font-weight: 500;

    line-height: 30px;

    letter-spacing: 0.5px;

    color: var(--primary);

   

}

/***land form section css***********/

.appiont-sec {

    padding: 8% 0 12% 0;

}

.appiont-sec h3 {

    padding: 4% 0 0 0;

    font-size: 2.2rem;

    color: #fff;

    font-weight: 700;

    margin: 0;

    letter-spacing: 0;

}

.appiont-sec p {

    padding: 0;

    /* font-family: 'Josefin Sans', sans-serif; */

    font-size: 20px;

    color: #fff;

    padding-top: 10px;

}

.lans-sec {

    position: absolute;

    top: -45px;

    background: #fff;

    box-shadow: 0 0 10px #666;

    border-radius: 10px;

    width: 40%;

}

button#bookconsultbtn {

    background: #eb4e8a;

    font-size: 22px;

    text-transform: uppercase;

    color: #fff;

    border-radius: 0;

    height: 48px;

    border: none;

    width: 100%;

    border-radius: 5px;

}

.lans-sec form {

    padding: 8% 7% 8% 7%;

}

@media (min-width: 768px) and (max-width: 991.98px) { 

    img.vert-move {

        width: 100%;

    }

    img.vert-move {

        display: none;

    }

    .form-mobile {

        position: relative;

        padding-top: 30px;

    }

    form.contactForm {

        transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;

        padding: 50px;

        bottom: 0px;

        position: relative;

        left: 0px;

        background: #eb4e8a;

        border-radius: 10px;

    }

    form.contactForm h3 {

        font-size: 34px;

        padding-bottom: 25px;

        color: #fff;

        text-align: center;

        font-weight: 600;

    }

    .appo-form img {

        display: none;

    }



 }

@media (max-width: 480px) {

    form.contactForm {

        transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;

        padding: 30px !important;

        bottom: 50px !important;

        position: absolute;

        left: 90px !important;

    }

    img.vert-move {

        -webkit-animation: mover 1s infinite alternate;

        animation: mover 1s infinite alternate;

        /* height: 489px; */

    }

    button#web-sticky-form {

        width: 100%;

        padding: 10px 8px !important;

    }

}

@media (max-width: 767.98px)  {

    .lans-sec{

        position: unset;

        left: unset;

        right: unset;

        top: unset;

        background: #fff;

        padding: 5% 6% 5% 6%;

        box-shadow: 0 0 10px #666;

        width: 100%;

    }

    .appo-form {

        padding: 20px 0px;

    }



    .appiont-sec h3 {

       text-align: center;

        line-height: 34px;

        font-size: 25px;

    }

    .appiont-sec p {

        text-align: center;

    }

    .land-sec {

        background:rgb(235 78 138);

        padding: 5px;

        position: relative;

        padding-bottom: 40px;

    }

    section.land-form {

        padding: 0px 0 !important;

        text-align: center;

    }

    section.foot_sec {

        position: relative;

        padding: 30px 0 65px 0px;

        background: #eb4e8a;

    }

    section.foot_sec h5 {

        line-height: 30px;

    }

	.bg-white1.p-3 {

    width: 100%;

}

	.appiont-sec {

    padding: 1% 0 12%;

}

	h2.float_head {

    line-height: 46px;

}

	nav.navbar.navbar-expand-lg.navbar-light.bg-light.is-sticky {

    height: auto !important;

}

}









@media (max-width: 991.98px){

    .result-inner.land {

        padding-top: 10px;

    }

    .lans-sec {

        position: relative;

        top: -17px;

        background: #fff;

        box-shadow: 0 0 10px #666;

        border-radius: 10px;

        width: 100%;

    }

	h2.display-4 {

    font-size: 44px;

    font-weight: 500;

    line-height: 1.2;

    color: #222e65;

}

    section.land-form {

        padding: 50px 0 50px;

        background-size: cover;

        background-position: center center;

    }

	.mam_img img {

    width: 100%;

}

	.mamdetail_sec h2 {

    padding-top: 30px;

	text-align: center;

}

	.mamdetail_sec p {

    text-align: center;

}



	



}







@media (max-width: 767.98px) {

    nav.navbar.is-sticky {

        position: relative;

        top: 0;

        left: 0;

        width: 100%;

        background: #fff !important;

        z-index: 999;

        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);

    }

    .container.navigation-bar {

        flex-direction: column;

        margin-bottom: 20px;

    }

    .why-sec h2 {

        font-size: 28px;

    text-align: center;

    }

    section.result-sec h3 span {

        font-size: 30px;

        font-weight: 600;

        line-height: 60px;

    }

    .result-inner {

        margin-bottom: 50px;

    }

    section.benefits_sec h2 {

        font-size: 26px;

        font-weight: 600;}



        .serv-cont h2 {

            font-size: 26px;

            font-weight: 600;

        }     

    p.land-form {

    align-items: center;

    text-align: center;

}

.video-data {

    display: none;

}

.testimonials h3 {

    text-align: center;

    font-size: 28px;

    font-weight: 600;

    line-height: 45px;

    letter-spacing: 0.5px;

    color: var(--primary);

}

.mamdetail_sec h2 {

    font-size: 30px;

    font-weight: 600;

    line-height: 40px;

    letter-spacing: 1px;

    color: var(--primary);

    padding-bottom: 5px;

    padding-top: 15px;

}

.acne-inner h2 {

    font-size: 25px;

    line-height: 34px;

}

.why-box {

    margin-bottom: 16px;

}

.why-box .con-box p {

    margin-bottom: 5px;

}

.why-box .img-box {

    padding: 0 10px;

    width: auto;

}

.pull-right ul li {

    width: 50%;

    float: left;

    padding: 10px 0;

    width: 100%;

}

}

@media (max-width: 480px) {

    section.service-sec.pos-rel {

        background: linear-gradient(135deg, #f9dbe9, #fcf2f8, #f1cbd8) !important;

    }

    

}



@media (max-width: 991px) {

    section.service-sec.pos-rel:before {

        position: absolute;

        content: " ";

        top: 0%;

        left: 0%;

        right: 0%;

        bottom: 0%;

       

    }

}



.why-sec {

    align-items: center;

    text-align: center;

}

.why-sec p {

    text-align: center;

}

p.land-form {

    text-align: center !important;

}



@media (min-width: 430px) and (max-width: 991.98px) { 

    img.vert-move {

        width: 100%;

    }

    img.vert-move {

        display: none;

    }

    .form-mobile {

        position: relative;

        padding-top: 30px;

    }

    form.contactForm {

        transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;

        padding: 54px 20px;

        bottom: 10px !important;

        margin-top: 0px;

        margin-bottom: 0px !important;

        position: relative;

        left: 0px !important;

        background: #eb4e8a;

        border-radius: 10px;

    }



    

    form.contactForm h3 {

        font-size: 34px;

        padding-bottom: 25px;

        color: #fff;

        text-align: center;

        font-weight: 600;

    }

    .appo-form img {

        display: none;

    }

    section.our-result {

        padding: 30px 0px;

        background: #fcf1f7;

    }

    .result-desc h3, section.service-sec h3 {

        font-size: 28px;

        font-weight: 600;

        line-height: 40px;

        letter-spacing: 1px;

        color: var(--primary);

        padding-bottom: 5px;

    }

    .result-desc {

        padding: 3em 0em 0em 1em;

    }

    section.our-result {

        padding: 30px 0px;

        background: #fcf1f7;

    }

    .result-desc {

        padding: 3em 0em 0em 1em;

    }

    .result-desc h3, section.service-sec h3 {

        font-size: 28px;

        font-weight: 600;

        line-height: 40px;

        letter-spacing: 1px;

        color: var(--primary);

        padding-bottom: 5px;

    }

    



 }

 



.dev-foot {

    text-align: right;

    position: absolute;

    bottom: 15px;

    right:30px;

}



img.foot-img {

    background: #fff;

    padding: 10px;

    position: fixed;

    z-index: 2;

    display: block;

    position: fixed;

    bottom: 80px;

    right: 10px;

}



@media (max-width: 767.98px) { .dev-foot {

    text-align: center;

    position: relative;

    bottom: 18px;

    right: 0px;

     

}

section.foot_sec {

    position: relative;

    padding: 30px 0 100px 0px;

    

}

section.foot_sec h5 {

    line-height: 40px;

}

img.foot-img {

    background: #fff;

    padding: 10px;

    position: fixed;

    z-index: 2;

    display: block;

    position: sticky;

    bottom: 80px;

  left: 30%;

    text-align: center;

}

}