/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap'); */
    
    * {
        box-sizing: border-box
    }
    
    @font-face {
        font-family: 'Graphik-font-regular';
        src: url('../fonts/Graphik-Font-Family/GraphikRegular.otf') format("opentype");
    }
    
    @font-face {
        font-family: 'Graphik-font-semibold';
        src: url('../fonts/Graphik-Font-Family/GraphikSemibold.otf') format("opentype");
    }
    
    @font-face {
        font-family: 'Graphik-font-bold';
        src: url('../fonts/Graphik-Font-Family/GraphikBold.otf') format("opentype");
    }
    
    body {
        padding: 0;
        margin: 0;
        font-size: 1rem;
        font-family: "Graphik-font-regular", Sans-Serif;
        overflow-x: hidden;
        font-weight: 400;
        background: #ffffff;
    }
    
    a {
        -webkit-transition: .5s;
        transition: .5s;
        text-decoration: none;
    }
    
    a:hover,
    a:focus {
        text-decoration: none;
    }
    
    button {
        outline: 0!important
    }
    
    p {
        margin-bottom: 10px;
        line-height: 1.6;
        color: #000;
    }
    
    h1 {
        font-family: "Graphik-font-bold", Sans-Serif;
    }
    
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: 'Graphik-font-semibold';
    }
    
    .sina-nav .sina-menu>li>a {
        padding: 20px 20px;
        margin-right: 5px;
        color: #e9e9e9 !important;
        font-size: 15px;
        font-weight: 600;
        line-height: 25px;
        text-transform: capitalize;
    }
    
    .sina-nav {
        padding: 5px 0;
    }
    
    .sina-nav .sina-menu .dropdown-menu {
        background-color: #fcfcfc;
    }
    
    .sina-nav .sina-menu .dropdown .dropdown-menu>li>a {
        padding: 10px 12px;
        border-top: solid 1px #eee;
        background-color: #fff;
        text-transform: capitalize;
        font-size: 14px;
        font-weight: 500;
    }
    
    .sina-nav .sina-menu .dropdown-menu li.active>a,
    .sina-nav .sina-menu .dropdown-menu li>a:hover,
    .sina-nav .sina-menu .dropdown-menu li>a:focus {
        color: #222;
        background-color: #ffffff;
        text-transform: capitalize;
    }
    
    .book_now_btn {
        margin-top: 6px;
        margin-left: 20px;
    }
    
    .book_now_btn a {
        padding: 13px 45px;
        background: #ffffff00!important;
        color: #000;
        text-transform: capitalize !important;
        font-size: 15px !important;
        font-weight: 600;
        border-radius: 0;
        border: 1px solid #000;
    }
    /*banner area*/
    
    .section_banner {
        background-image: url('../img/header_bg.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 500px;
    }
    
    .banner_wrapper {
        background-image: url('../img/banner1.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 700px;
    }
    
    .section-center-title h2 {
        text-align: center;
        padding: 10px 0 40px;
        text-transform: capitalize;
        font-weight: 700;
        font-size: 38px;
        width: 60%;
        margin: 20px auto;
    }
    
    .section-title-left h2 {
        font-size: 32px;
        font-weight: 700;
        text-align: left;
        text-transform: capitalize;
        padding-bottom: 17px;
    }
    /*service blocks*/
    
    .service-block-wrapper {
        padding: 30px;
        border: 1px solid #ededed;
        border-radius: 8px;
        min-height: 488px;
        margin-bottom: 30px;
        transition: 400ms ease-in-out;
        background: #fff;
    }
    
    .service-block-wrapper:hover {
        -webkit-box-shadow: 0px 2px 18px -10px rgb(94 94 94);
        -moz-box-shadow: 0px 2px 18px -10px rgba(94, 94, 94, 1);
        box-shadow: 0px 2px 18px -10px rgb(94 94 94);
        background: #fff;
        border: 1px solid #fff;
    }
    
    .service-block-wrapper .service-img img {
        border-radius: 14px;
        margin-bottom: 10px;
    }
    
    .services {
        padding: 80px 0;
        background: #f7f7f7;
    }
    
    .service-description h3 {
        text-align: left;
        padding: 10px 0 12px;
        text-transform: capitalize;
        font-size: 20px;
        font-weight: 600;
    }
    
    .service-description p {
        margin-bottom: 10px;
    }
    
    .service-description a {
        text-decoration: none;
        text-align: left;
        font-weight: 700;
        margin-bottom: 20px;
        color: #444;
        transition: 400ms linear;
    }
    
    .service-description a:hover {
        color: #04a6c2;
    }
    
    .service-description a:after {
        content: ' \2192';
        font-size: 32px;
        font-weight: 700;
        position: relative;
        top: 4px;
    }
    /*about*/
    
    .about {
        padding: 80px 0;
    }
    
    section.about ul {
        font-size: 16px;
        font-weight: 500;
        padding-top: 15px;
        padding-left: 0;
    }
    
    section.about ul li {
        padding-bottom: 10px;
        list-style-type: none;
    }
    
    section.about ul li i {
        padding-right: 10px;
        color: #04a6c2;
    }
    /*blog*/
    
    .our_blog {
        padding: 80px 0;
        background: aliceblue;
    }
    
    .blog-block-wrapper {
        padding: 30px;
        border: 1px solid #ededed;
        border-radius: 8px;
        min-height: 578px;
        margin-bottom: 30px;
        margin-bottom: 30px;
        transition: 400ms ease-in-out;
        background: #fff;
    }
    
    .blog-block-wrapper:hover {
        -webkit-box-shadow: 0px 2px 18px -10px rgb(94 94 94);
        -moz-box-shadow: 0px 2px 18px -10px rgba(94, 94, 94, 1);
        box-shadow: 0px 2px 18px -10px rgb(94 94 94);
        background: #fff;
        border: 1px solid #fff;
    }
    
    .blog-block-wrapper .blog-img img {
        border-radius: 14px;
        margin-bottom: 10px;
    }
    
    .blog-description h3 {
        text-align: left;
        padding: 10px 0 12px;
        text-transform: capitalize;
        font-size: 20px;
        font-weight: 600;
    }
    
    .blog-description p {
        margin-bottom: 10px;
    }
    
    .blog-description a {
        background: #ffffff;
        padding: 10px 25px;
        font-size: 13px;
        border-radius: 0;
        text-decoration: none;
        text-align: left;
        font-weight: 700;
        margin-top: 8px;
        color: #000;
        transition: 400ms linear;
        border: 1px solid #000;
    }
    
    .blog-description a:after {
        content: '\00BB';
        font-size: 22px;
        font-weight: 500;
        position: relative;
        top: 2px;
        left: 5px;
    }
    
    .blog-footer {
        margin-top: 20px;
    }
    
    .blog-footer p {
        margin-bottom: 20px;
        font-size: 12px;
        text-transform: capitalize;
    }
    
    .blog-footer p span {
        padding-left: 10px;
        text-transform: capitalize;
    }
    
    h6.auther {
        font-size: 14px;
        font-weight: 700;
        text-transform: capitalize;
        text-align: left;
    }
    /*about sections*/
    
    .section-title-left p {
        font-size: 16px;
        padding-bottom: 7px;
    }
    
    section.about ul li {
        padding-bottom: 15px;
        list-style-type: none;
    }
    
    .overlay-box {
        background: #fff;
        border-radius: 7px;
        padding: 15px;
        -webkit-box-shadow: 4px 4px 34px -27px rgb(92 92 92);
        -moz-box-shadow: 4px 4px 34px -27px rgba(92, 92, 92, 1);
        box-shadow: 4px 4px 34px -27px rgb(92 92 92);
        position: relative;
        right: 26%;
        bottom: 20%;
    }
    
    .overlay-box h6 {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 5px;
        padding-top: 10px;
    }
    
    .overlay-box2 {
        background: #fff;
        border-radius: 7px;
        padding: 15px;
        -webkit-box-shadow: 4px 4px 34px -27px rgb(92 92 92);
        -moz-box-shadow: 4px 4px 34px -27px rgba(92, 92, 92, 1);
        box-shadow: 4px 4px 34px -27px rgb(92 92 92);
        position: relative;
        left: 3%;
        bottom: 22%;
    }
    
    .overlay-box2 h6 {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 5px;
        padding-top: 10px;
    }
    /*end*/
    /*client carousal*/
    
    .client_reviews {
        padding-top: 30px;
    }
    
    .clients_talk {
        padding: 80px 0;
        background: #07c2e3;
        background: -webkit-linear-gradient(to top, #FFFFFF, #a7edf8, #07c2e3);
        background: linear-gradient(to top, #FFFFFF, #a7edf8, #07c2e3);
    }
    
    .client_img img {
        position: absolute;
        top: -15%;
        left: 6%;
        width: 70px;
        height: 70px;
        border: 2px solid #fff;
        border-radius: 50%;
    }
    
    element.style {
        width: 505px;
    }
    
    .slick-initialized .slick-slide {
        display: block;
    }
    
    .review_box {
        background: #fff;
        padding: 40px 50px 30px 50px;
        border-radius: 25px;
        position: relative;
        margin-bottom: 20px;
        margin-top: 45px;
        width: 86%;
        /* margin: 45px 25px 20px 25px; */
        margin: 45px 25px 20px 0px;
        -webkit-box-shadow: 0px 0px 36px -25px rgba(140, 140, 140, 1);
        -moz-box-shadow: 0px 0px 36px -25px rgba(140, 140, 140, 1);
        box-shadow: 0px 0px 36px -25px rgba(140, 140, 140, 1);
    }
    
    .review_description {
        font-size: 15px;
        font-weight: 400;
        text-align: left;
        padding: 12px 0 15px;
        border-bottom: 1px solid #ddd;
    }
    
    .client_details {
        padding: 15px 0 0;
    }
    
    .client_details h3 {
        font-size: 20px;
        text-transform: capitalize;
        font-weight: 600;
    }
    
    .client_details span {
        font-size: 13px;
        text-transform: capitalize;
        color: #949494;
        font-weight: 600;
    }
    
    .client_details ul {
        list-style-type: none;
        padding: 0;
        display: inline-block;
    }
    
    .client_details ul li {
        display: inline-block;
        padding: 0 1px;
        color: gold;
        font-size: 20px;
    }
    
    .clients_talk .slick-prev {
        position: absolute;
        left: 89%;
        top: -13%;
        background: #0000ff00;
        font-size: 50px;
        border: 1px solid #555;
        padding: 20px;
        border-radius: 0;
        transform: translate(0, -50%);
        transition: 150ms ease-in;
    }
    
    .clients_talk .slick-next {
        position: absolute;
        right: 3%;
        top: -13%;
        background: #0000ff00;
        font-size: 50px;
        border: 1px solid #555;
        padding: 20px 20px;
        border-radius: 0;
        transform: translate(0, -50%);
    }
    
    .clients_talk .slick-prev:before {
        background: transparent;
        content: ' \2190';
        font-size: 40px;
        font-family: monospace;
        line-height: 0;
        opacity: 1;
        color: #555;
        position: relative;
        bottom: 5px;
        right: 10px;
        transition: 150ms ease-in;
    }
    
    .clients_talk .slick-next:before {
        background: transparent;
        content: ' \2192';
        font-size: 40px;
        font-family: monospace;
        line-height: 0;
        opacity: 1;
        color: #555;
        position: relative;
        bottom: 5px;
        right: 10px;
        transition: 150ms ease-in;
    }
    
    .clients_talk .slick-prev:hover,
    .clients_talk .slick-next:hover {
        background-color: #ebebeb00;
        border: 1px solid #dfdfdf;
    }
    
    .clients_talk .slick-prev:hover:before,
    .clients_talk .slick-next:hover:before {
        color: #fff;
    }
    /*section contact*/
    
    section.contact {
        padding: 80px 0px;
    }
    
    .contact_box {
        background-image: url(../img/BG-9.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 60px 90px;
        border-radius: 25px;
    }
    
    .contact_box_title {
        text-align: center;
        padding: 0 60px;
    }
    
    .contact_box_title h2 {
        color: #fff;
        font-size: 36px;
        font-weight: 700;
        text-transform: capitalize;
        margin-bottom: 30px;
    }
    
    .contact_box_title p {
        color: #fff;
        margin-bottom: 30px;
        font-weight: 500;
    }
    
    .contact_box .form-group {
        color: #fff;
        font-weight: 500;
        text-transform: capitalize;
    }
    
    .contact_box input.form-control {
        width: 100%;
        height: 50px;
        font-size: 14px;
        text-transform: capitalize;
        position: relative;
        border-radius: 6px !important;
    }
    
    .contact_box .input-group>.custom-file .custom-file-input:focus~.custom-file-label,
    .contact_box .input-group>.custom-select:focus,
    .contact_box .input-group>.form-control:focus {
        z-index: 0;
    }
    
    .contact_box span#basic-addon2 {
        position: absolute;
        right: 4%;
        top: 12%;
        padding: 7px 25px;
        border-radius: 6px;
        text-transform: capitalize;
        text-align: center;
        font-size: 14px;
        background: #04a6c2;
        font-weight: 600;
        color: #fff;
        display: block;
        border: 1px solid #04a6c2;
    }
    /*end*/
    /*footer css goes here*/
    
    .footer {
        padding: 60px 0 0px;
        background: #ffffff;
        color: #333;
    }
    
    .footer-logo {
        width: 120px;
    }
    
    .footer ul.social_media_links {
        list-style-type: none;
        padding-left: 0;
        display: inline-block;
        padding-top: 10px;
    }
    
    .footer ul.social_media_links li {
        display: inline-block;
        padding: 0 5px;
        font-size: 16px;
    }
    
    .footer ul.social_media_links li i {
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        border-radius: 50%;
        color: #fff;
        background: #00b1d9;
    }
    /* .footer ul.social_media_links li i.fa-facebook-f {
        color: #fff;
        background-color: #3b5998;
    }
    
    .footer ul.social_media_links li i.fa-instagram {
        color: #fff;
        background: #f09433;
        background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
        background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
        background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
    }
    
    .footer ul.social_media_links li i.fa-twitter {
        color: #fff;
        background-color: #00acee;
    } */
    
    ul.quick_links {
        list-style-type: none;
        padding: 0;
        font-size: 15px;
        font-weight: 500;
        color: #333;
    }
    
    ul.quick_links li {
        padding: 4px 0;
    }
    
    .quick_links a {
        color: #333;
    }
    
    .footer_menu_title h4 {
        font-size: 20px;
        text-transform: capitalize;
        font-weight: 600;
        color: #1d1d1d;
        margin-bottom: 20px;
    }
    
    ul.info_list {
        list-style-type: none;
        padding: 0;
    }
    
    ul.info_list li a {
        text-decoration: none;
        color: #333;
        font-weight: 400;
        text-transform: capitalize;
        font-size: 15px;
    }
    
    ul.info_list li {
        padding: 10px 0;
        font-weight: 500;
        text-transform: capitalize;
    }
    
    ul.info_list li i {
        padding-right: 5px;
        font-size: 18px;
        color: #333;
    }
    /*About Page Css */
    /* .about_banner_wrapper {
        background-image: url(../img/about_banner.jpg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        padding: 120px 0;
        min-height: 350px;
        margin-bottom: 40px;
    } */
    
    .about_banner_wrapper {
        padding: 60px 0;
        min-height: 243px;
        margin-bottom: 40px;
        background: aliceblue;
    }
    
    .about_banner_wrapper .breadcrumb {
        background: #f0f8ff00;
        padding: 12px 0;
    }
    
    .about_banner_wrapper .breadcrumb li,
    .breadcrumb-item a {
        color: #22262a;
    }
    
    .breadcrumb-item+.breadcrumb-item::before {
        display: inline-block;
        padding-right: .5rem;
        color: #22262a;
        content: "/";
    }
    
    .page_title h1 {
        font-size: 45px;
        font-weight: 800;
        color: #22262a;
        text-transform: capitalize;
    }
    
    .overlay_box_about {
        background: #fff;
        border-radius: 7px;
        padding: 15px;
        position: relative;
        left: 7%;
        bottom: 26%;
        -webkit-box-shadow: 0px 0px 36px -14px rgba(140, 140, 140, 1);
        -moz-box-shadow: 0px 0px 36px -14px rgba(140, 140, 140, 1);
        box-shadow: 0px 0px 36px -14px rgba(140, 140, 140, 1);
    }
    
    .overlay_box_about h6 {
        font-size: 22px;
        font-weight: 700;
        margin-bottom: 8px;
        padding-top: 10px;
    }
    
    .overlay_box_about p {
        font-size: 15px;
        margin-bottom: 0px;
        font-weight: 500;
    }
    
    .overlay_box_about p a {
        color: black;
        font-weight: 400;
        text-decoration: none;
    }
    
    .special_box {
        padding: 30px;
        border: 1px solid #eaeaea;
        border-radius: 8px;
        transition: 300ms ease-in-out;
    }
    
    .special_box:hover {
        -webkit-box-shadow: 0px 0px 28px -9px rgba(140, 140, 140, 1);
        -moz-box-shadow: 0px 0px 28px -9px rgba(140, 140, 140, 1);
        box-shadow: 0px 0px 28px -9px rgba(140, 140, 140, 1);
    }
    
    .special_box i {
        font-size: 35px;
        width: 60px;
        height: 60px;
        text-align: center;
        line-height: 59px;
        border-radius: 8px;
        margin-bottom: 20px;
    }
    
    .special_box i.fa-user-tie,
    .special_box i.fa-user-md {
        background: aliceblue;
        color: #05a6c2;
    }
    
    .special_box i.fa-briefcase-medical {
        background: #ffe8eb;
        color: #f763a4;
    }
    
    .special_box h3 {
        font-size: 25px;
        font-weight: 700;
        text-transform: capitalize;
        padding-bottom: 10px;
    }
    /*custome check list */
    
    .checklist {
        max-width: 100%;
        background: #fff;
        /* box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2); */
    }
    
    .checklist__header {
        font-size: 19px;
        font-weight: bolder;
        text-transform: uppercase;
        text-align: center;
        padding: 2rem;
    }
    
    .checklist__header:after {
        content: '';
        width: 1.5rem;
        height: 5px;
        background: #212121;
        display: block;
        margin: 1rem auto 0;
    }
    
    .checklist__input {
        display: none;
    }
    
    .checklist__content {
        /* border-bottom: 1px solid #e4e7f6; */
        background: #fff;
        padding: 11px 10px;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        cursor: pointer;
    }
    
    .checklist__content:hover {
        opacity: 0.9;
    }
    
    .checklist__content:before {
        content: '\2713';
        color: transparent;
        font-size: 15px;
        text-align: center;
        line-height: 1;
        width: 20px;
        height: 20px;
        border: 2px solid #d8d7d7;
        border-radius: 50%;
        background: transparent;
        padding: 0.1rem;
        margin-right: 1rem;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        flex-shrink: 0;
    }
    
    .checklist .checklist__header label {
        display: inline-block;
        width: 100% !important;
        margin-bottom: 5px;
        font-weight: 700;
    }
    
    .checklist__input:checked+.checklist__content {
        color: #3F51B5;
        background: #eff1fa;
    }
    
    .checklist__input:checked+.checklist__content:before {
        color: #fff;
        border-color: #3F51B5;
        background: #3F51B5;
    }
    
    .doc-title {
        font-size: 23px;
        text-align: left;
        text-transform: capitalize;
        font-weight: 500;
        letter-spacing: 0.7px;
    }
    
    .checkbox-inline+.checkbox-inline,
    .radio-inline+.radio-inline {
        margin-top: 0;
        margin-left: 25px;
    }
    
    table.dataTable tr th.select-checkbox.selected::after {
        content: "✔";
        margin-top: -11px;
        margin-left: -4px;
        text-align: center;
        text-shadow: rgb(176, 190, 217) 1px 1px, rgb(176, 190, 217) -1px -1px, rgb(176, 190, 217) 1px -1px, rgb(176, 190, 217) -1px 1px;
    }
    /*end*/
    /*comparison Slider Css*/
    
    #comparison {
        width: 100%;
        padding-bottom: 100%;
        overflow: hidden;
        position: relative;
    }
    
    figure {
        position: absolute;
        background-image: url('../img/photoshop-face-after.jpg');
        background-size: cover;
        font-size: 0;
        width: 100%;
        height: 100%;
        margin: 0;
    }
    
    .acne_treatment figure {
        position: absolute;
        background-image: url('../img/acne_after.jpg');
        background-size: cover;
        font-size: 0;
        width: 100%;
        height: 100%;
        margin: 0;
    }
    
    #divisor {
        background-image: url('../img/photoshop-face-before.jpg');
        background-size: cover;
        position: absolute;
        width: 50%;
        box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.3);
        bottom: 0;
        height: 100%;
    }
    
    .acne_treatment #divisor {
        background-image: url('../img/acne_before.jpg');
        background-size: cover;
        position: absolute;
        width: 50%;
        box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.3);
        bottom: 0;
        height: 100%;
    }
    
    #divisor::before,
    #divisor::after {
        content: "";
        position: absolute;
        right: -2px;
        width: 4px;
        height: calc(50% - 25px);
        background: white;
        z-index: 3;
    }
    
    #divisor::before {
        top: 0;
        box-shadow: 0 -3px 8px 1px rgba(0, 0, 0, 0.3);
    }
    
    #divisor::after {
        bottom: 0;
        box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.3);
    }
    
    #handle {
        position: absolute;
        height: 50px;
        width: 50px;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        z-index: 1;
    }
    
    #handle::before,
    #handle::after {
        content: "";
        width: 0;
        height: 0;
        border: 6px inset transparent;
        position: absolute;
        top: 50%;
        margin-top: -6px;
    }
    
    #handle::before {
        border-right: 6px solid white;
        left: 50%;
        margin-left: -17px;
    }
    
    #handle::after {
        border-left: 6px solid white;
        right: 50%;
        margin-right: -17px;
    }
    
    input[type=range] {
        -webkit-appearance: none;
        -moz-appearance: none;
        position: absolute;
        top: 50%;
        left: -25px;
        transform: translateY(-50%);
        background-color: transparent;
        width: calc(100% + 50px);
        z-index: 2;
    }
    
    input[type=range]:focus,
    input[type=range]:active {
        border: none;
        outline: none;
    }
    
    input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none;
        border: none;
        height: 50px;
        width: 50px;
        border-radius: 50%;
        background: transparent;
        border: 4px solid white;
        box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.3);
    }
    
    input[type=range]::-moz-range-track {
        -moz-appearance: none;
        height: 15px;
        width: 100%;
        background-color: transparent;
        position: relative;
        outline: none;
    }
    /*acnepage*/
    
    .acne_treatment #comparison {
        width: 100%;
        padding-bottom: 100%;
        overflow: hidden;
        position: relative;
    }
    
    .acne_treatment figure {
        position: absolute;
        background-image: url('../img/acne_after.jpg');
        background-size: cover;
        font-size: 0;
        width: 100%;
        height: 100%;
        margin: 0;
    }
    
    .acne_treatment #divisor {
        background-image: url('../img/acne_before.jpg');
        background-size: cover;
        position: absolute;
        width: 50%;
        box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.3);
        bottom: 0;
        height: 100%;
    }
    
    .acne_treatment #divisor::before,
    .acne_treatment #divisor::after {
        content: "";
        position: absolute;
        right: -2px;
        width: 4px;
        height: calc(50% - 25px);
        background: white;
        z-index: 3;
    }
    
    .acne_treatment #divisor::before {
        top: 0;
        box-shadow: 0 -3px 8px 1px rgba(0, 0, 0, 0.3);
    }
    
    .acne_treatment #divisor::after {
        bottom: 0;
        box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.3);
    }
    
    .acne_treatment #handle {
        position: absolute;
        height: 50px;
        width: 50px;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        z-index: 1;
    }
    
    .acne_treatment #handle::before,
    .acne_treatment #handle::after {
        content: "";
        width: 0;
        height: 0;
        border: 6px inset transparent;
        position: absolute;
        top: 50%;
        margin-top: -6px;
    }
    
    .acne_treatment #handle::before {
        border-right: 6px solid white;
        left: 50%;
        margin-left: -17px;
    }
    
    .acne_treatment #handle::after {
        border-left: 6px solid white;
        right: 50%;
        margin-right: -17px;
    }
    
    .acne_treatment input[type=range] {
        -webkit-appearance: none;
        -moz-appearance: none;
        position: absolute;
        top: 50%;
        left: -25px;
        transform: translateY(-50%);
        background-color: transparent;
        width: calc(100% + 50px);
        z-index: 2;
    }
    
    .acne_treatment input[type=range]:focus,
    .acne_treatment input[type=range]:active {
        border: none;
        outline: none;
    }
    
    .acne_treatment input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none;
        border: none;
        height: 50px;
        width: 50px;
        border-radius: 50%;
        background: transparent;
        border: 4px solid white;
        box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.3);
    }
    
    .acne_treatment input[type=range]::-moz-range-track {
        -moz-appearance: none;
        height: 15px;
        width: 100%;
        background-color: transparent;
        position: relative;
        outline: none;
    }
    /*end*/
    /*career page css*/
    
    .myaccordion {
        margin: 10px auto;
        box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
    }
    
    .myaccordion .card,
    .myaccordion .card:last-child .card-header {
        border: none;
        margin: 3px 0;
    }
    
    .myaccordion .card-header {
        border: 1px solid rgb(218, 218, 218) !important;
        background: transparent;
    }
    
    .myaccordion .fa-stack {
        font-size: 18px;
    }
    
    .myaccordion .btn {
        width: 100%;
        font-weight: bold;
        color: #2e2e2e;
        padding: 0;
    }
    
    .myaccordion .btn-link:hover,
    .myaccordion .btn-link:focus {
        text-decoration: none;
    }
    
    .myaccordion li+li {
        margin-top: 10px;
    }
    
    .career_page .form-control::placeholder {
        color: #b2b3b3;
        opacity: 1;
        font-size: 14px;
    }
    
    .file-upload {
        display: block;
        text-align: center;
        font-size: 14px;
    }
    
    .file-upload .file-select {
        display: block;
        border: 2px solid #dce4ec;
        color: #34495e;
        cursor: pointer;
        height: 43px;
        line-height: 40px;
        text-align: left;
        background: #FFFFFF;
        overflow: hidden;
        position: relative;
    }
    
    .file-upload .file-select .file-select-button {
        background: #dce4ec;
        padding: 0 10px;
        display: inline-block;
        height: 40px;
        line-height: 40px;
    }
    
    .file-upload .file-select .file-select-name {
        line-height: 40px;
        display: inline-block;
        padding: 0 10px;
        font-size: 14px;
        color: #899292;
    }
    
    .file-upload .file-select:hover {
        border-color: #3ec1d5;
        transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
    }
    
    .file-upload .file-select:hover .file-select-button {
        background: #3ec1d5;
        color: #FFFFFF;
        transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
    }
    
    .file-upload.active .file-select {
        border-color: #3fa46a;
        transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
    }
    
    .file-upload.active .file-select .file-select-button {
        background: #3fa46a;
        color: #FFFFFF;
        transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
    }
    
    .file-upload .file-select input[type=file] {
        z-index: 100;
        cursor: pointer;
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        filter: alpha(opacity=0);
    }
    
    .file-upload .file-select.file-select-disabled {
        opacity: 0.65;
    }
    
    .file-upload .file-select.file-select-disabled:hover {
        cursor: default;
        display: block;
        border: 2px solid #dce4ec;
        color: #34495e;
        cursor: pointer;
        height: 40px;
        line-height: 40px;
        margin-top: 5px;
        text-align: left;
        background: #FFFFFF;
        overflow: hidden;
        position: relative;
    }
    
    .file-upload .file-select.file-select-disabled:hover .file-select-button {
        background: #dce4ec;
        color: #666666;
        padding: 0 10px;
        display: inline-block;
        height: 40px;
        line-height: 40px;
    }
    
    .file-upload .file-select.file-select-disabled:hover .file-select-name {
        line-height: 40px;
        display: inline-block;
        padding: 0 10px;
    }
    
    .note {
        color: rgb(68, 68, 68);
        font-size: 12px;
        margin-top: 6px;
    }
    
    .form_wrapper {
        padding: 40px 40px 50px;
        background-color: #fff;
        -webkit-box-shadow: 0px 0px 16px -4px rgb(0 0 0 / 75%);
        -moz-box-shadow: 0px 0px 16px -4px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 16px -4px rgb(0 0 0 / 75%);
        border-radius: 8px;
        margin-top: 50px;
    }
    
    .career_brief {
        text-align: center;
        padding-bottom: 50px;
    }
    
    .career_brief h2 {
        font-weight: 600;
        padding-bottom: 12px;
    }
    /*end*/
    
    .services .slick-prev,
    .services .slick-next {
        width: 30px;
        height: 30px;
    }
    
    .services .slick-dots li button:before {
        font-family: 'slick';
        font-size: 8px;
        line-height: 13px;
        position: absolute;
        top: 0;
        left: 0;
        width: 12px;
        height: 12px;
        content: '•';
        text-align: center;
        opacity: .25;
        color: #10b9cf;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        border: 1px solid #01b5cd;
        border-radius: 50%;
    }
    
    .services .slick-dots li.slick-active button:before {
        opacity: .75;
        color: #01b5cd;
    }
    
    .services .slick-prev:before,
    .services .slick-next:before {
        font-family: 'slick';
        font-size: 25px;
        line-height: 1;
        opacity: .75;
        color: #0a0a0a;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    .footer_tag {
        text-align: center;
        padding: 5px 0;
        background: #e5e5e5;
        margin-bottom: 0;
    }
    
    .footer_tag p {
        margin-bottom: 0;
        font-size: 14px;
    }
    
    .footer_tag p a {
        color: #333;
        font-weight: 600;
    }
    
    .footer_tag p a:hover {
        color: #00acee;
    }
    
    .contact {
        padding: 70px 0;
    }
    
    .contact .book_now_btn button {
        padding: 15px 40px;
        background: #ffffff00;
        color: #fff;
        text-transform: capitalize !important;
        font-size: 16px !important;
        font-weight: 600;
        border-radius: 0;
        border: 1px solid #000;
        position: relative;
        transition: all 0.5s ease;
    }
    
    .contact .book_now_btn button:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background-color: #F15922;
        top: -10px;
        left: -10px;
        transition: all 0.5s ease;
        z-index: -1;
        border: 1px solid #F15922;
    }
    
    .contact .book_now_btn button:hover {
        border-color: #F15922;
        background-color: #F15922;
        color: #fff;
    }
    
    .contact .book_now_btn button:hover:after {
        top: 0px;
        left: 0px;
    }
    
    .form-control {
        display: block;
        width: 100%;
        height: calc(1.5em + .75rem + 2px);
        padding: 1.5rem 0.75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: .25rem;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }
    
    .form-group {
        margin-bottom: 1.5rem;
    }
    
    .contact_box_wrapper {
        padding: 45px;
        border: 1px solid #fff;
        border-radius: 8px;
        -webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.1);
    }
    
    .contact iframe {
        border: 1px solid #ccc;
        border-radius: 8px;
    }
    
    .py-100 {
        padding: 100px 0;
    }
    
    .services_page {
        padding: 80px 0;
    }
    
    .services_section_title h2 {
        text-align: center;
        margin: 0 0 30px 0;
        padding-bottom: 45px;
        text-transform: capitalize;
        font-size: 40px;
        font-weight: 600;
    }
    
    section.services_page h3 {
        font-size: 25px;
        font-weight: 500;
        margin-bottom: 10px;
        text-align: left;
        text-transform: capitalize;
        margin-top: 0;
    }
    
    section.services img,
    section.services_page img {
        border-radius: 20px;
    }
    
    #changingText {
        color: #ffd166;
        border-right: 4px solid #7533e6;
        animation: cursoranim 1s linear infinite;
    }
    
    @keyframes cursoranim {
        50% {
            border-right: 1px solid rgba(0, 0, 0, 0);
        }
    }
    
    .sina-nav {
        margin-bottom: 0;
        border-radius: 0;
        min-height: 80px;
        z-index: 9999;
        left: 0;
        right: 0;
        background: #fff0;
        border: none;
        transition: box-shadow, border, background 0.5s ease-in-out;
        padding: 20px 0;
    }
    
    .landing_banner_wrapper h1 {
        font-size: 45px;
        color: #fff;
        font-family: "Graphik-font-bold", Sans-Serif;
    }
    
    #changingText {
        text-transform: capitalize;
        background: rgb(0, 196, 204);
        background: -moz-linear-gradient(90deg, rgba(0, 196, 204, 1) 0%, rgba(125, 42, 232, 1) 100%);
        background: -webkit-linear-gradient(90deg, rgba(0, 196, 204, 1) 0%, rgba(125, 42, 232, 1) 100%);
        background: linear-gradient(90deg, rgba(0, 196, 204, 1) 0%, rgba(125, 42, 232, 1) 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: inherit;
    }
    
    .banner_text p {
        color: #fff;
        font-size: 18px;
        font-family: "Graphik-font-semibold", sans-serif;
        font-weight: 400;
    }
    
    .banner_text {
        padding: 100px 0;
        text-align: center;
    }
    
    .qupsites_demo {
        padding: 100px 0 50px;
    }
    
    .banner_text h4 {
        color: #fff;
        padding: 20px 0;
    }
    
    .site_title {
        text-align: center;
        padding: 20px 0;
        text-transform: capitalize;
    }
    /*imgage scroll effect*/
    
    .qupsites_demo .cards {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        margin: 0.5rem 0.5rem 2.5rem;
    }
    
    .qupsites_demo .card {
        align-items: center;
        background-color: #f5f7f9;
        box-shadow: 1px 1px 2px rgb(0 0 0 / 10%);
        display: flex;
        flex: 0 0 20rem;
        flex-direction: column;
        margin: 0.5rem;
        margin-bottom: 30px;
        padding: 0.5rem;
        position: relative;
        background: #fbfbfb;
    }
    
    .card__title {
        font-size: 24px;
        font-weight: 300;
        margin: 0 0 0.5rem;
        text-align: center;
        padding: 10px 0;
        color: #000;
        text-transform: capitalize;
    }
    
    .qupsites_demo .card__image {
        height: 350px;
        margin-bottom: 0rem;
        overflow: hidden;
        width: 100%;
    }
    
    .qupsites_demo .card__image img {
        -o-object-fit: cover;
        object-fit: cover;
        overflow: hidden;
        transition: transform 1s ease-in-out;
        width: 100%;
    }
    
    .qupsites_demo .card__image:hover img {
        transform: translateY(calc(-100% + 350px));
        transition: transform 5s ease-in-out;
    }
    /* i.fab.fa-youtube {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        line-height: 30px;
        text-align: center;
        background: #c4302b;
        color: #fff;
    } */
    
    .footer ul.social_media_links {
        list-style-type: none;
        padding-left: 0;
        display: inline-block;
        padding-top: 5px;
        margin-bottom: 5px;
    }
    
    .footer_tag p {
        margin-bottom: 0;
        font-size: 14px;
    }
    
    .footer ul.social_media_links li i {
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        border-radius: 50%;
        color: #fff;
        background: #555555;
    }
    
    .footer ul.social_media_links li i:hover {
        background: #000;
    }
    
    .banner_text h1 span {
        font-size: 50px;
        text-transform: capitalize;
        background: rgb(0, 196, 204);
        background: -moz-linear-gradient(90deg, rgba(0, 196, 204, 1) 0%, rgba(125, 42, 232, 1) 100%);
        background: -webkit-linear-gradient( 90deg, rgba(0, 196, 204, 1) 0%, rgba(125, 42, 232, 1) 100%);
        background: linear-gradient( 90deg, rgba(0, 196, 204, 1) 0%, rgba(125, 42, 232, 1) 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: inherit;
    }
    /*end of css*/