@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

    :root {
        --lato: "Lato", sans-serif !important;
        --montserrat: "Montserrat", sans-serif !important;
    }

    .header-padding {
        padding: 1em 38px 1em;
    }

    .main-menu {
        padding: 0px 10px;
    }

    .seperate-menu {
        padding: 15px 20px 13px;
        font-size: 13px;
        font-weight: 500;
        text-transform: uppercase;
        font-family: "Montserrat", sans-serif;
    }

    .active {
        color: #3c367f !important;
        font-weight: 600;
    }

    .head-contact {
        justify-content: end;
        align-items: end;
    }

    .number-size {
        font-size: 2.5em;
        font-weight: 700;
        line-height: 1.15;
        transition: all 0.3s ease;
        font-family: "Lato", sans-serif;
        color: #25262e;
        letter-spacing: -1;
        text-decoration: none;
    }

    .call-icon {
        font-size: 2em;
        margin: 0 .7em 0 .7em;
        color: #3c367f;
        cursor: pointer;
    }

    .carousel-caption {
        right: 50% !important;
        left: 0% !important;
        top: 0%;
        bottom: 0%;
        background: hsla(0, 0%, 0%, 0.751);
        text-align: left;
        padding-left: 90px;
    }

    .service-text {
        font-size: 14px;
        font-family: "Montserrat", sans-serif;
        color: #3c367f;
        font-weight: 700;
    }

    .caption-div {
        margin-top: 20%;
    }

    .icon-fan {
        padding-right: 15px;
    }

    .caption-heading {
        font-size: 60px;
        font-family: "Lato", sans-serif !important;
        font-weight: 900;
        letter-spacing: 0.5px;
        line-height: 60px;
    }

    .caption-content {
        color: rgba(255, 255, 255, 0.5);
        font-family: "Lato", sans-serif !important;
        font-size: 12px;
        letter-spacing: -1px;
        font-weight: 400;
    }

    .know-more-btn {
        text-transform: uppercase;
        cursor: pointer;
        text-decoration: none;
        background-color: #3c367f;
        font-family: "Lato", sans-serif !important;
        font-size: 16px;
        padding: 15px 35px;
        font-weight: 500;
        color: #ffffff;
        border: none;
        transition: all 0.5s ease;
    }

    .carousel,
    .carousel-indicators,
    .carousel-inner,
    .carousel-item,
    .slider-img {
        height: 450px !important;
    }

    .slogun-txt {
        font-size: 30px;
        font-weight: 400;
        font-family: "Lato", sans-serif !important;
        font-style: italic;
    }

    /* .hm-img {
        width: 100%;
        height: 200px;
        margin-top: 80%;
    } */

    .hm-img {
        background-image: url("../img/hm.jpg");
        background-size: cover;
        height: 100%;
        width: 100%;
    }

    .hm-div {
        background: #f6f6f6;
    }

    .outline-btn {
        text-transform: uppercase;
        text-decoration: none;
        cursor: pointer;
        color: #000000;
        margin-top: 20px;
        border: 2px solid #3c367f;
        transition: all 0.4s ease;
        padding: 1.14em 3.2em 1.14em;
    }

    .form-div {
        background: #3c367f;
    }

    .form-div-padding {
        padding: 40px 90px;
    }

    .form-heading {
        font-size: 33px;
        font-weight: 900;
        font-family: "Lato", sans-serif !important;
        line-height: 1.2em;
    }

    .form-input {
        width: 100%;
        color: #ffffff;
        border-color: #3c367f;
        background-color: #2c275e;
        text-transform: uppercase;
        letter-spacing: .7px;
        padding: 7px 25px;
        border-style: none;
    }

    .form-input::placeholder {
        color: #ffffff;
    }

    .form-input:focus-visible {
        border: none;
        outline: none;
    }

    .select-input {
        width: 100%;
    }

    .form-btn-div {
        display: flex;
        float: right;
        justify-content: end;
        align-items: end;
    }

    .btn-div {
        align-items: end;
        width: 100%;
        justify-content: end;
    }

    .form-btn {
        text-transform: uppercase;
        background: #ffffff;
        border: none;
        /* margin-top: 2.3em; */
        padding: 14px 40px 14px;
        transition: all 0.4s ease;
    }

    .desktop-margin {
        margin-top: 90px;
    }

    .benefit-text {
        font-size: 14px;
        font-family: "Montserrat", sans-serif !important;
        text-transform: uppercase;
        font-weight: 500;
        letter-spacing: .7px;
        line-height: 1.5em;

    }

    .bolt-icon {
        color: #3c367f;
        font-size: 2.35em;
    }

    .main-heading {
        font-size: 3em;
        text-align: center;
        line-height: 1.2em;
        font-family: "Lato", sans-serif !important;
        font-weight: 900;
    }

    .timer-icon {
        font-size: 40px;
        color: #3c367f;
    }

    .txt-choice {

        font-weight: 700;
        font-size: 13px;
        line-height: 1.45;
    }

    .response-div {
        padding: 20px;
        border: 2px solid #e5e5e5;
        text-align: center;
        width: 170px;
        height: 180px;
        transition: all .4s ease;
    }

    .manual-col-width {
        width: 20% !important;
    }

    .benefits-btn {
        background: #3c367f;
        color: #ffffff;
        text-decoration: none;
        cursor: pointer;
        border: none;
        padding: 10px 30px;
        transition: all .4s ease;
    }

    .flip-card {
        background-color: transparent;
        width: 100%;
        height: 400px;
        perspective: 1000px;
    }

    .flip-card-inner {
        position: relative;
        width: 100%;
        height: 100%;
        /* text-align: center; */
        transition: transform 0.6s;
        transform-style: preserve-3d;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    }


    .flip-card-front,
    .flip-card-back {
        position: absolute;
        width: 100%;
        height: 400px;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .flip-card-front {
        background-color: #bbb;
        color: black;
    }

    .flip-card-back {
        background-color: #2980b9;
        color: white;
        transform: rotateY(180deg);
    }

    .services-img {
        width: 100%;
        height: 400px;
        position: absolute;
        left: 0;

    }

    .services-content-div {
        padding: 30px;
        color: #ffffff;
        width: 100%;
        height: 400px;
        position: relative;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .services-para {
        margin-top: 70%;
    }

    .services-para p {
        border-left: 2px solid #3c367f;
        padding-left: 20px;
    }

    .services-btn {
        background: #3c367f;
        cursor: pointer;
        text-decoration: none;
        padding: 10px 30px;
        border: none;
        color: white;
        font-weight: 400;
        transition: .4s all ease;
    }

    .container-fluid-manual {

        padding-right: 0px !important;
        padding-left: 0px !important;

    }

    .section-margin {
        margin-top: 90px;
    }

    .about-heading {
        margin-top: 20px;
        font-size: 39px !important;
        font-family: var(--lato);
        line-height: 1.2em;
        letter-spacing: 0;
        font-weight: 900;
    }

    .gray-bg {
        background-color: #f6f6f6;
    }

    .founder-txt {
        font-family: var(--montserrat);
        font-weight: 600;
    }

    .call-btn {
        text-transform: uppercase;
        background: transparent;
        border: 2px solid #ffffff;
        color: #ffffff;
        transition: all 0.4s ease;
        padding: 1.14em 3.2em 1.14em;
    }


    .schedule-service-btn {

        text-transform: uppercase;
        text-decoration: none;
        color: #000000;
        background: #ffffff;
        border: none;
        padding: 1.20em 3.2em 1.20em;
        transition: all 0.4s ease;

    }

    .bg-schedule-service {
        background: #3c367f;
    }

    .appointment-text {
        font-family: var(--montserrat);
        font-size: 35px;
    }

    .director-text {
        font-family: var(--lato);
        font-size: 45px;
        font-weight: 900;
        letter-spacing: 0;
    }

    .founder-img-div {
        overflow: hidden;
        width: 100%;
        height: 260px;
        transition: all .4s ease;
    }

    .founder-img-div img {

        transition: all .4s ease;
    }

    .address-txt {
        border-left: 2px solid #3c367f;
        padding-left: 15px;
    }

    .address-xt a {
        text-decoration: none;
        color: #000000;
        transition: .4s all ease;
    }

    .footer {
        background-image: linear-gradient(#f8f8f8, #bcbcbc, #bcbcbc, #bcbcbc);
    }

    .address-txt,
    .overview-txt {
        color: #000000;
    }

    .about-banner {
        background-image: url("../img/aboutusbanner.jpg");
        background-position: top left;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 10%;
    }

    .about-heading {
        font-family: var(--lato);
        font-size: 2.572em;
        line-height: 42px;
        letter-spacing: 0;
        font-weight: 900;
        font-style: normal;
    }

    .breadcrum a {
        color: #ffffff;
        text-decoration: none;
        transition: .4s all ease;
    }

    .ac-expert-txt {
        font-size: 13px;
        font-family: var(--lato);
        text-align: center;
        line-height: 1.72;
    }

    .schedule-div {
        display: flex;
    }

    .service-col-width {
        width: 33% !important;
    }

    .service-div {
        padding: 20px;
        border: 2px solid #e5e5e5;
        text-align: center;
        width: 100%;
        height: 100%;
        transition: all .4s ease;
    }

    .txt-service {
        font-family: var(--lato);
        line-height: 1.2em;
        font-size: 30px;
        letter-spacing: 0;
        font-weight: 800;
    }

    .location-icon {
        /* color: #3c367f; */
        font-size: 30px;
    }

    .contact-call a {
        text-decoration: none;
        color: #ffffff;
    }

    .name-contact {
        width: 100%;
        color: #898a8f;
        border-color: #f6f6f6;
        background-color: #f6f6f6;
        /* border-style: none; */
        font-size: 14px;
        font-weight: 500;
        font-style: normal;
        line-height: normal;
        text-decoration: none;
        /* text-transform: uppercase; */
        letter-spacing: .7px;
        padding: .5em 1.8em;
        border: 1px solid #ffffff;
        height: 4.0714em;
    }

    .name-contact:focus-visible {
        outline: 2px solid #3c367f !important;
        background-color: #ffffff;
    }

    .contact-msg {
        width: 100%;
        color: #898a8f;
        border-color: #f6f6f6;
        background-color: #f6f6f6;
        /* border-style: none; */
        font-size: 14px;
        font-weight: 500;
        font-style: normal;
        line-height: normal;
        text-decoration: none;
        /* text-transform: uppercase; */
        letter-spacing: .7px;
        padding: 1.5em 1.8em;
        border: 1px solid #ffffff;
        min-height: 16em;
    }

    .contact-msg:focus-visible {
        outline: 2px solid #3c367f !important;
        background-color: #ffffff;
    }

    /* .row-manual {
        padding: 0px !important;
    } */

    /* .col-manual {
        padding: 0px !important;
    } */

    /* .benifits-div {
        position: relative;
    }

    .icon-position {
        position: absolute;
    } */