body {
    font-family: Rubik,sans-serif;
}

.topbar {
    background: #37a7c3;
}

.topbar-area__left {
    padding: 0 0;
}

    .topbar-area__left ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
        flex-wrap: wrap;
        list-style: none;
        margin-bottom: 7px;
    }

li.neutral-bottom, p.neutral-bottom {
    margin-bottom: -5px;
}

.topbar-area__left a {
    color: #fff;
    font-size: 13px;
    line-height: 28px;
    font-weight: 600;
    align-items: center;
    gap: 10px;
    transition: all .3s ease-out;
}

    .topbar-area__left a:hover {
        text-decoration: none;
    }

    .topbar-area__left a i {
        padding-right: 10px;
        line-height: 20px;
        transition: inherit;
    }

.topbar-area__right {
    padding: 4px 0;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 30px;
    position: relative;
    z-index: 1;
}

    .topbar-area__right p {
        color: #000;
        font-weight: 500;
        font-size: 13px;
    }

.social {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

    .social a {
        width: 25px;
        min-width: 25px;
        height: 25px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0;
        transition: all .3s ease-out;
    }

        .social a i {
            font-size: 20px;
            color: #fff;
            transition: all .3s ease-out;
        }

        .social a.fb {
            background: #4267b2;
        }

        .social a.insta {
            background: radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);
        }

.topbar-area__right::after {
    content: "";
    position: absolute;
    left: 30px;
    top: 0;
    bottom: 0;
    width: 350px;
    background-color: #eef6fd;
    z-index: -1;
}

.navbar {
    margin-bottom: 0 !important;
}

.appointment {
    background: #37a7c3;
    border-radius: 4px;
    padding: 10px 15px;
    margin-left: 10px;
    font-weight: 600;
    color: #fff !important;
}

a:hover {
    text-decoration: none;
}

.active, .carousel, .item {
    height: 100%;
}

.carousel-inner {
    height: 100%;
    background: #000;
}

.carousel-caption {
    padding-bottom: 80px;
}

h2 {
    font-size: 60px;
}

.fill {
    width: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.btn-transparent {
    background: 0 0;
    color: #fff;
    border: 2px solid #fff;
}

    .btn-transparent:hover {
        background-color: #fff;
    }

.btn-rounded {
    border-radius: 70px;
}

.btn-large {
    padding: 11px 45px;
    font-size: 18px;
}

.animated {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100px,0,0);
        transform: translate3d(100px,0,0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100px,0,0);
        transform: translate3d(100px,0,0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.hideonmobile {
    display: none !important;
}

.hideondesktop {
    display: block !important;
}

@media (max-width:991px) {
    .hideondesktop {
        display: none !important;
    }

    .hideonmobile {
        display: block !important;
    }
}

.we_are_section {
    width: 100%;
    display: block;
    background: #fdf9f7;
    padding: 0;
}

.left_weare_s {
    width: 50%;
    float: left;
    padding: 50px;
}

    .left_weare_s h3 {
        font-size: 30px;
        font-weight: 700;
        font-style: normal;
        color: #523a52;
    }

    .left_weare_s ul {
        padding: 15px 0;
    }

        .left_weare_s ul li {
            font-size: 15px;
            display: block;
            padding: 7px 0 7px 25px;
            color: #666;
            position: relative;
        }

            .left_weare_s ul li:before {
                font: normal normal normal 14px/1 FontAwesome;
                position: absolute;
                left: 0;
                font-size: 11px;
                top: 11px;
                content: '\f111';
                color: #e0e0e0;
            }

.right_video_s {
    width: 50%;
    float: right;
}

    .right_video_s img {
        width: 100%;
        height: auto;
    }

.whyCrysta_newMainBannerWhyCrysta____pfS {
    background: #f0f8ff;
    padding: 50px 0;
}

.ivf-h2 {
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
}

.ivf-h3 {
    color: #4f4e4e;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.6;
    margin-top: 20px;
}

.whyCrysta_whyCrystaIvfStats1__Twrox {
    display: flex;
    align-items: center;
}

.whyCrysta_whyCrystaIvfStats1data__QvWQB {
    margin-left: 50px;
}

.whyCrysta_whyCrystaIvfStats1image__0Q6Vn {
    background-color: #fff;
    height: 80px;
    width: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 7px 20px #00000054;
}

.img-width {
    width: 45px;
}

.para-text {
    padding-left: 0 !important;
    font-size: 14px;
}

.ImageBackgroundWrap {
    position: relative;
    z-index: 0;
    background-size: cover;
    background-repeat: no-repeat;
}

.Background-fixed {
    background-attachment: fixed;
    background-position: center;
}

.ImageInnerWrap {
    max-width: 900px;
    margin: 0 auto;
}

.TextBackground {
    background-color: rgb(48 81 160 / 77%);
    padding: 13%;
    color: #fff;
    text-align: center;
}

.recognize ul li {
    color: #fff;
    font-size: 22px;
    text-align: left;
    line-height: 28px;
}

.whyCrysta_whyCrystaIvfStats1data__QvWQB h3 {
    font-size: 18px;
}

.callnow {
    font-size: 32px;
    background: #fff;
    color: #37a7c3;
    padding: 10px;
    border-radius: 4px;
    font-weight: 600;
}

.margintops {
    margin-top: 100px;
}

.c8 {
    font-style: normal;
    font-weight: 700;
    font-size: 42px;
    line-height: 53px;
    color: #4a4a4a;
    text-align: center;
}

.c10 {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #414141;
}

.accordion {
    background-color: #f0f8ff;
    border-bottom: 2px solid #000;
    border-left: none;
    border-top: none;
    border-right: none;
    color: #060606;
    cursor: pointer;
    padding: 20px 0 20px 0;
    width: 100%;
    text-align: left;
    outline: 0 !important;
    font-size: 15px;
    transition: .4s;
}

    .accordion:after {
        content: '\002B';
        color: #777;
        font-weight: 700;
        float: left;
        margin-left: 5px;
    }

.panel {
    padding: 0 18px;
    background-color: #f6f6f6;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out;
}

.c11 {
    line-height: 23px;
}

.tablinks {
    background: #d9d9d9;
    width: 100%;
    border: none;
    padding: 10px 40px 10px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    outline: 0 !important;
}

.tab button.active {
    width: 100%;
    border-left: none;
    border-right: none;
    border-top: none;
    padding: 10px 40px 10px;
    background-color: #37a7c3;
    font-style: normal;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #fff;
    outline: 0 !important;
}

.a14 {
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 19px;
    color: #37a7c3;
}

.a15 {
    text-align: justify;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #414141;
}

.pl-4 {
    padding-left: 1.5rem !important;
}

.banner-bottom {
    top: 100%;
    left: 5%;
    right: 5%;
    background-color: #fff;
    border-radius: 66px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    box-shadow: 0 3px 6px #00000029;
    z-index: 9;
}

.content-sec8 {
    background: #fff;
    border-radius: 8px;
}

.vertical__line {
    height: 41px;
    width: 1px;
}

.banner-bottom-link {
    display: grid;
    margin-top: 20px;
}

a.banner-bottom-link span {
    font-size: 22px;
    font-weight: 700;
}

a.banner-bottom-link img {
    margin: 0 auto;
}

a.banner-bottom-link p {
    font-size: 16px;
    color: #000;
    padding: 0;
}

.banner-bottom a:hover {
    text-decoration: none;
}

.content-sec8 .container {
    padding-left: 0;
    padding-right: 0;
}

.doc-img img {
    width: 300px;
    height: 300px;
    border-radius: 153px 153px 153px 153px;
    box-shadow: 11px 16px 0 0 rgb(55 167 195);
}

.meet-doc h3 {
    font-weight: 600;
}

.meet-doc p {
    font-size: 13px;
    text-align: justify;
}

.pt-50 {
    padding-top: 30px;
}

.pb-50 {
    padding-bottom: 30px;
}

.service {
    padding: 20px 0 10px 0;
    background-color: #eff5f9;
    text-align: center;
}

    .service img {
        background-color: #fff;
        border-radius: 99px;
        padding: 10px;
        height: 100px;
        width: 100px !important;
        margin: 0 auto;
    }

    .service h3 {
        font-size: 20px;
        font-weight: 600;
        text-align: center;
    }

.pt-150 {
    padding-top: 150px;
}

.services .pl-4 h3 {
    font-size: 18px;
    font-weight: 700;
    color: #333;
}

.services .choose-title h2 {
    font-size: 45px;
    font-weight: 700;
    width: 50%;
    color: #333;
}

.services {
    background: #eef6fd;
}

    .services p a {
        color: #219ebc;
        font-weight: 600;
    }

        .services p a:hover {
            text-decoration: none;
        }

.testimonial {
    height: 200px;
}

.client-testimonial-carousel .owl-dots button {
    height: 5px;
    background: #6aaf08 !important;
    width: 20px;
    display: inline-block;
    margin: 5px;
    transition: .2s;
    border-radius: 2px;
}

.client-testimonial-carousel button.owl-dot.active {
    background: #000 !important;
    width: 30px;
}

.client-testimonial-carousel .owl-dots {
    text-align: center;
    margin-top: 25px;
}

.single-testimonial-item {
    position: relative;
    box-shadow: 0 0 2px #dadfd3;
    margin: 2px;
    padding: 20px;
    font-style: italic;
    padding-left: 85px;
}

    .single-testimonial-item:before {
        font-family: "Font Awesome 5 Free";
        content: "\f10e";
        font-weight: 900;
        position: absolute;
        left: 20px;
        top: 50%;
        font-size: 20px;
        color: #6aaf08;
        line-height: 30px;
        margin-top: -15px;
    }

    .single-testimonial-item:after {
        background: #ddd;
        content: "";
        height: 70%;
        left: 60px;
        position: absolute;
        top: 10%;
        width: 1px;
    }

.sub-sec-third {
    padding: 20px;
    background: #fff;
    box-shadow: 0 2px 10px 0 rgb(1 1 1 / 10%);
    border-radius: 10px;
    margin: 30px 0 0;
}

.star-sec {
    margin-bottom: 12px;
}

    .star-sec i {
        display: inline-block;
        color: #f0ad4e;
        padding: 0 2px;
    }

.img-sec-third {
    display: flex;
    justify-content: space-between;
}

    .img-sec-third .img-seconds img {
        width: 40px !important;
        border-radius: 50%;
        height: 40px;
    }

.content-third {
    padding-left: 21px;
}

    .content-third h4 {
        color: #1a367a;
        font-size: 15px;
        font-weight: 600;
        margin-bottom: 0;
        margin-top: 0;
    }

.sub-sec-third p {
    text-align: justify;
    font-size: 13px;
}

.img-third {
    display: flex;
    align-items: center;
}

    .img-third img {
        width: 30px !important;
        height: 30px;
    }

.img-seconds {
    display: flex;
}

.card {
    color: #252a32;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 3px rgba(0,0,0,.24);
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.card-image {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 70%;
    background: #fff;
}

    .card-image img {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.footer-top {
    color: #888;
}

.footer-top {
    background-repeat: repeat;
    background-position: left top;
    padding-top: 30px;
    padding-bottom: 20px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(66,66,66,.4);
}

.site-footer .widget {
    margin-bottom: 25px;
}

.footer-top .widget .widget-title {
    color: #f9f9f9;
}

.site-footer .widget .widget-title {
    margin: 0 0 25px;
    font-size: inherit;
}

.widget .widget-title span {
    display: inline-block;
}

.site-footer p {
    font-size: 15px;
}

.site-footer p {
    margin-bottom: 15px;
}

.social-media-link.style-default a:not(:hover) {
    color: inherit;
}

.social-media-link.style-default a {
    margin: 0 10px;
}

.social-media-link a:first-child {
    margin-left: 0 !important;
}

.footer-top .widget .widget-title {
    color: #f9f9f9;
    font-size: 18px;
}

.site-footer .widget .widget-title {
    margin: 0 0 25px;
    font-size: inherit;
}

.la-contact-info .la-contact-item {
    padding-left: 35px;
    position: relative;
    margin-bottom: 20px;
}

.la-contact-info .la-contact-phone:before {
    content: "\f095";
}

.la-contact-info .la-contact-item:before {
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    font-size: 1.15em;
    top: -.1em;
}

.la-contact-info .la-contact-email:before {
    content: "\f0e0";
}

.la-contact-info .la-contact-address:before {
    content: "\f041";
}

.widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .widget ul li a {
        color: #fff;
    }

.site-footer ul li {
    margin-bottom: 18px;
}

.footer-bottom {
    background-color: #37a7c3;
    color: #fff;
    line-height: 30px;
}

    .footer-bottom .footer-bottom-inner {
        padding: 0;
    }

    .footer-bottom a {
        color: #fafafa;
    }

.textwidget p {
    color: #fff;
}

.footer-section {
    background-color: #233243;
    position: relative;
    overflow: hidden;
    z-index: 9;
}

    .footer-section:before {
        content: '';
        position: absolute;
        top: -146%;
        left: -18%;
        width: 44%;
        height: 257%;
        transform: rotate(54deg);
        background-color: #1f2f40;
        -webkit-transform: rotate(54deg);
        -moz-transform: rotate(54deg);
        -ms-transform: rotate(54deg);
        -o-transform: rotate(54deg);
        z-index: -10;
    }

    .footer-section:after {
        position: absolute;
        content: '';
        background-color: #1f2f40;
        top: -24%;
        right: 4%;
        width: 26%;
        height: 264%;
        transform: rotate(44deg);
        -webkit-transform: rotate(44deg);
        -moz-transform: rotate(44deg);
        -ms-transform: rotate(44deg);
        -o-transform: rotate(44deg);
        z-index: -10;
    }

.footer-top {
    padding-top: 60px;
    padding-bottom: 50px;
}

    .company-footer-contact-list li, .footer-top p {
        color: #fff;
        text-align: justify;
    }

.company-footer-contact-list {
    margin-top: 10px;
}

    .company-footer-contact-list li {
        display: flex;
        display: -webkit-flex;
        align-items: center;
    }

        .company-footer-contact-list li + li {
            margin-top: 15px;
        }

        .company-footer-contact-list li i {
            margin-right: 10px;
            font-size: 10px;
            display: inline-block;
        }

.footer-top .site-logo {
    margin-bottom: 25px;
    display: block;
    max-width: 170px;
}

.widget-title {
    text-transform: capitalize;
}

.footer-top .widget-title {
    color: #fff;
    margin-bottom: 25px;
}

.courses-link-list li + li {
    margin-top: 10px;
}

.courses-link-list li a {
    color: #fff;
    text-transform: capitalize;
    font-family: var(--para-font);
    font-weight: 400;
}

    .courses-link-list li a:hover {
        color: #ffdfef;
        text-decoration: none;
    }

.courses-link-list li i {
    margin-right: 5px;
}

.footer-top .small-post-title a {
    color: #fff;
    font-weight: 400;
}

.small-post-item .post-date {
    color: #ffb606;
    margin-bottom: 3px;
    font-weight: 400;
}

.small-post-list li + li {
    margin-top: 30px;
}

.footer-bottom {
    padding: 8px 0;
    border-top: 1px solid rgba(255,255,255,.149);
}

.copy-right-text {
    color: #fff;
}

    .copy-right-text a {
        color: #ffb606;
    }

.terms-privacy li + li {
    margin-left: 30px;
}

.terms-privacy li a {
    color: #fff;
    position: relative;
}

    .terms-privacy li a:after {
        position: absolute;
        content: '-';
        color: #fff;
        display: inline-block;
        top: 0;
        right: -18px;
    }

.terms-privacy li + li a:after {
    display: none;
}

.footer-social-icon span {
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}

.footer-social-icon a {
    color: #fff;
    font-size: 16px;
    margin-right: 15px;
}

.footer-social-icon i {
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 38px;
    border-radius: 50%;
    font-size: 26px;
}

.facebook-bg {
    background: #4267b2;
}

.insta-bg {
    background: radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);
}

.google-bg {
    background: #dd4b39;
}

.consultation {
    border-radius: 10px;
    background: #0000008c;
    margin: 0 auto;
    padding: 80px 20px;
    text-align: center;
}

    .consultation h3 {
        font-size: 30px;
        font-weight: 600;
        color: #ffdfef;
    }

    .consultation p {
        font-size: 14px;
    }

.border-line {
    margin-left: auto;
    margin-right: auto;
    width: 70px;
    border-width: 2px !important;
    border-radius: 10px;
    border-color: #f4b959 !important;
}

.btn-align-center {
    text-align: center;
}

    .btn-align-center .btn-color-white {
        background-color: #fff;
        color: #232324;
    }

.btn {
    font-size: 13px;
    display: inline-block;
    cursor: pointer;
    padding: 5px 30px;
    transition: all .3s ease;
    line-height: 30px;
    text-align: center;
}

.btn-align-center .btn-color-blue {
    background-color: #37a7c3;
    color: #fff;
    border-color: #37a7c3;
}

    .btn-align-center .btn-color-blue:hover {
        background-color: #fff;
        color: #37a7c3;
        border-color: #37a7c3;
    }

video {
    border-radius: 10px;
}

.fixed-bg {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100%;
    width: 100%;
    color: #fff;
    text-align: center;
    display: table;
}

    .fixed-bg h1 {
        display: table-cell;
        vertical-align: middle;
    }

.bg-1 {
    background-image: url('../images/consultation-bg.jpg');
}

#scrollings {
    overflow-y: scroll;
    height: 70px;
}

    #scrollings::-webkit-scrollbar {
        width: 3px;
        background-color: #f5f5f5;
    }

    #scrollings::-webkit-scrollbar-thumb {
        border-radius: 3px;
        -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 68%);
        background-color: #ccc;
    }

#para-scrollings {
    overflow-y: scroll;
    height: 150px;
    padding-right: 5px;
}

    #para-scrollings::-webkit-scrollbar {
        width: 3px;
        background-color: #f5f5f5;
    }

    #para-scrollings::-webkit-scrollbar-thumb {
        border-radius: 3px;
        -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 68%);
        background-color: #ccc;
    }

.banner_text {
    position: absolute;
    z-index: 1;
    right: 75px;
    top: 35%;
}

.form-absolute {
    position: relative;
    top: 0;
}

.form-position-right {
    right: 0;
    margin-right: 0;
    border-radius: 5px;
    box-shadow: 0 0 10px #000;
    float: right;
}

.formContainer {
    max-width: 350px;
    min-width: 350px;
    z-index: 1;
    border-radius: 5px;
}

.color-class {
    background: #fff;
    padding: 7px 0;
}

    .color-class .form-heading {
        color: #000;
        font-size: 14px;
        text-align: left;
    }

.text-center {
    text-align: center;
}

.form-heading {
    background-color: transparent;
    color: #000;
    padding: 10px;
    margin: 0;
    font-size: 21px;
    padding-bottom: 0;
}

.link-border .panel.dynamic_theme_block {
    padding: 3px 20px 25px 20px;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

    .panel.dynamic_theme_block .panel-body {
        box-shadow: 0 0 0 #fff;
        margin-top: 12px;
        padding: 0;
    }

.dynamic_theme_block .tab-content {
    line-height: 18px;
}

.tab-content > .active {
    display: block;
}

.fade.in {
    opacity: 1;
}

.panel.dynamic_theme_block .form-custom {
    max-height: 100%;
    padding-right: 0;
}

.form-group {
    margin-bottom: 15px;
}

.icon-class i.icon-name {
    position: absolute;
    margin-top: 9px;
    background: #eef6fd;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    padding: 12px 12px;
    line-height: 0;
    margin: 5px;
    color: #37a7c3;
}

    .icon-class i.icon-name:before {
        margin-left: -5px;
    }

.color-class .form-control {
    color: #000;
    background-color: #fff;
    border-radius: 4px;
    padding-left: 35px;
}

span.error_span {
    position: relative;
    bottom: 0;
    font-size: 10px;
    font-weight: 600;
    right: 0;
    color: #ff6b6b !important;
}

.btn-register {
    width: 100%;
    height: 38px;
    color: #fff;
    background: #37a7c3;
    border-radius: 4px;
    cursor: pointer;
    margin: 0 0 0;
    line-height: 15px;
}

@media (min-width:1024px) {
    .home-page-banner .home-page-banner-section {
        width: 50%;
    }
}

.home-page-banner {
    position: relative;
}

.home-page-banner {
    background-color: #37a7c3;
    color: #fff;
    overflow: hidden;
}

    .home-page-banner .home-page-banner-section {
        position: relative;
        float: left;
    }

.highlited, .highlited a {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
}

.home-page-banner .home-page-banner-section .text-copy {
    width: 700px;
    float: right;
    padding-top: 50px;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}

    .home-page-banner .home-page-banner-section .text-copy .banner-title {
        text-transform: uppercase;
        font-weight: 600;
        display: block;
        max-width: 600px;
        margin: auto;
    }

    .home-page-banner .home-page-banner-section .text-copy h1 {
        font-size: 55px;
        font-weight: 700;
        margin-bottom: 30px;
    }

    .home-page-banner .home-page-banner-section .text-copy .banner-title {
        margin-bottom: 0;
        font-size: 32px;
        line-height: 55px;
        letter-spacing: .6px;
    }

    .home-page-banner .home-page-banner-section .text-copy .dyc-icon {
        height: 49px;
        background-image: url(../images/elements/dyc-plus.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: auto 100%;
        margin: 25px 0;
    }

    .home-page-banner .home-page-banner-section .text-copy .chances {
        font-size: 18px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 700;
        margin-bottom: 30px;
    }

    .home-page-banner .home-page-banner-section .text-copy .provan {
        font-weight: 600;
        font-size: 16px;
    }

    .home-page-banner .home-page-banner-section .text-copy .ethical {
        font-weight: 400;
        font-size: 26px;
        font-style: italic;
        margin-top: 16px;
        display: block;
    }

    .home-page-banner .home-page-banner-section .text-copy .price {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 18px;
        line-height: 30px;
    }

        .home-page-banner .home-page-banner-section .text-copy .price span {
            font-style: italic;
            font-weight: 400;
        }

    .home-page-banner .home-page-banner-section .text-copy .buttons {
        text-align: center;
        z-index: 1;
    }

    .home-page-banner .home-page-banner-section .text-copy .btn {
        color: #fff;
        border-color: #fff;
        margin: 0 7px 10px;
        width: 160px;
        padding-left: 0;
        padding-right: 0;
        font-size: 14px;
    }

        .home-page-banner .home-page-banner-section .text-copy .btn:hover, .home-page-banner .home-page-banner-section .text-copy .white {
            background-color: #fff;
            color: #00abab;
        }

            .home-page-banner .home-page-banner-section .text-copy .white:hover {
                color: #fff;
                background-color: #da7301;
            }

.home-page-banner .home-page-banner-section .home-page-banner-mom-image {
    background-image: url(../images/lotus-ivf-centre-staff.jpg);
    background-position: center left;
    background-repeat: no-repeat;
    height: 400px;
    display: block;
    background-size: cover;
}

.whatsapp a:hover {
    color: #fff;
}

.float {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 20px;
    right: 10px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 40px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}

.about {
    padding: 50px 0;
    background-image: linear-gradient(90deg,#98e9fe 0,#37a7c3 100%);
    color: #fff;
}

    .about h2 {
        font-size: 40px;
        color: #fff;
        text-shadow: 1px 1px #767676;
    }

        .about h2 span {
            font-size: 17px;
        }

    .about .line {
        border-left: 2px solid #fff;
        padding: 20px 0 20px 4vw;
        min-height: 100px;
    }

        .about .line .desc a {
            color: #fff;
        }

            .about .line .desc a:hover {
                text-decoration: none;
            }

.our-achivements {
    width: 30%;
}

.c4 {
    font-weight: 700;
    font-size: 20.66px;
    line-height: 21px;
    text-align: center;
    color: #222;
}

.c5 {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #222;
}

.icon-ring {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 20px;
    color: #fff;
    left: 20px;
    z-index: 99;
}

.c-white {
    color: #fff !important;
}

.bgc-blue {
    background-color: #0031c1 !important;
}

.circle {
    border-radius: 50%;
    height: 60px;
    width: 60px;
}

.icon:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    content: "";
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid #0031c1;
    opacity: .5;
    animation: ring-circle-anim 1.2s infinite ease-in-out;
    transition: all .5s;
    transform-origin: 50% 50%;
}

.p-5 {
    padding: 2rem !important;
}

.icon:before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    content: "";
    background-color: rgba(0,170,218,.5);
    border-radius: 50%;
    border: none;
    animation: ring-circle-fill-anim 2.3s infinite ease-in-out;
    transition: all .5s;
    transform-origin: 50% 50%;
}

.osc-rotation {
    box-sizing: border-box;
    animation: oscillate-rotation 1s infinite ease-in-out;
    transform-origin: 50% 50%;
}

.icon {
    font-size: 3rem;
    line-height: 1;
    text-rendering: optimizeLegibility;
}

.icon-ring a {
    position: fixed;
    z-index: 99;
}

@keyframes ring-circle-anim {
    0% {
        transform: rotate(0) scale(1.1) skew(0);
        opacity: 0;
    }

    30% {
        transform: rotate(0) scale(1.5) skew(0);
        opacity: .5;
    }

    100% {
        transform: rotate(0) scale(1.7) skew(0);
        opacity: .1;
    }
}

@keyframes ring-circle-fill-anim {
    0% {
        transform: rotate(0) scale(1) skew(0);
        opacity: .2;
    }

    50% {
        transform: rotate(0) scale(1.4) skew(0);
        opacity: .2;
    }

    100% {
        transform: rotate(0) scale(1.1) skew(0);
        opacity: .2;
    }
}

@keyframes oscillate-rotation {
    0% {
        transform: rotate(0) scale(1) skew(0);
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(0);
    }

    20% {
        transform: rotate(25deg) scale(1) skew(0);
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(0);
    }

    40% {
        transform: rotate(25deg) scale(1) skew(0);
    }

    50% {
        transform: rotate(0) scale(1) skew(0);
    }

    100% {
        transform: rotate(0) scale(1) skew(0);
    }
}

#feedback {
    position: fixed;
    left: 0;
    bottom: 0;
    height: 250px;
    margin-left: -3px;
    margin-bottom: -3px;
}

#feedback-form {
    bottom: 140px;
    float: left;
    width: 254px;
    height: 100%;
    z-index: 1000;
    border: 1px solid rgba(0,0,0,.2);
    -moz-border-radius: 0;
    -webkit-border-radius: 0px;
    border-radius: 0;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    background: #fff;
    padding: 25px 10px;
}

#feedback-tab {
    float: right;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    text-align: center;
    width: 215px;
    height: 40px;
    background-color: rgb(204 12 113);
    margin-top: -34px;
    margin-left: -90px;
    padding-top: 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

    #feedback-tab:hover {
        background-color: rgba(0,0,0,.4);
    }

#feedback-form textarea {
    resize: none;
}

.feedback-form {
    position: fixed;
    top: 25%;
    right: 0;
    z-index: 100;
    min-height: 450px;
}

.feedback_form_area {
    position: relative;
    display: none;
    overflow: hidden;
    background: rgba(0,0,0,.8);
}

.feedback_form_area_inner {
    width: 300px;
    min-height: 350px;
    color: #fff;
    padding: 15px;
}

.feedback_form_area h3 {
    margin-top: 0;
}

.custom-inp {
    width: 100%;
    height: 30px;
    padding-left: 5px;
    color: #fff;
    border: 1px #fff solid;
    background: 0 0;
    border-radius: 4px;
}

.feedback-form-btn {
    position: absolute;
    left: -120px;
    color: #fff;
    transform: rotate(90deg);
    top: 40%;
    border-radius: 0;
    background: #c20569;
    font-size: 14px;
}

.custom-inp-txt {
    width: 100%;
    height: 70px;
    padding: 5px;
    color: #fff;
    border: 1px #fff solid;
    background: 0 0;
    border-radius: 4px;
}

.ti-logo-fb {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

.xs-footer {
    line-height: 1;
    background: #233243;
    color: #fff;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99999;
    font-size: 13px;
}

    .xs-footer a {
        text-decoration: none;
        color: #fff;
        font-weight: 500;
        font-size: 16px;
    }

@media (min-width:992px) {
    .d-lg-none {
        display: none !important;
    }
}

@media only screen and (max-width:991px) {
    .d-xs-none {
        display: none;
    }
}

.btn:active:focus, .btn:focus {
    border-radius: 0;
    background: #c20569;
    color: #fff;
}

.aboutus h2 {
    font-size: 25px;
    font-weight: 700;
    text-align: left;
    margin-bottom: 20px;
}

.aboutus h4 {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    color: #414141;
}

.aboutus p {
    line-height: 25px;
    text-align: justify;
}

.aboutus .btn-read-more {
    background-color: #37a7c3;
    color: #fff;
    border-color: #37a7c3;
}

.modal_pop {
    position: relative;
    top: 0;
    z-index: 101;
    bottom: 0;
    left: 0;
    right: 0;
    transition: opacity .5s;
    display: none;
}

    .modal_pop .popup_wrapper {
        background: #fff;
        position: fixed;
        left: 50%;
        top: 50%;
        width: 680px;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        z-index: 99;
    }

    .modal_pop .overlay {
        background: rgba(0,0,0,.8);
        width: 100%;
        left: 0;
        right: 0;
        height: 100%;
        display: block;
        opacity: 1;
        visibility: visible;
    }

    .modal_pop .pop_close {
        position: absolute;
        right: 13px;
        top: 11px;
    }

    .modal_pop .signup_left {
        float: left;
        width: 50%;
    }

    .modal_pop .signup_right {
        padding: 40px 35px 0;
        float: right;
        width: 49.85294%;
    }

    .modal_pop .signup_heading {
        color: #857970;
        font-size: 16px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: .8px;
    }

    .modal_pop .popoffer_heading {
        color: #999;
        margin-bottom: 15px;
    }

    .modal_pop .inputfields {
        margin: 9px 0;
        float: left;
        width: 100%;
    }

        .modal_pop .inputfields label {
            margin-bottom: 3px;
            display: block;
        }

        .modal_pop .inputfields input {
            padding: 10px;
        }

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

.modal-header {
    display: block !important;
}

.modal-content {
    width: 100%;
    border-radius: 100px 0 0 0;
}

#openModal1 .modal-header {
    padding: 0 !important;
    border-bottom: 0 !important;
    margin-bottom: -15px;
}

    #openModal1 .modal-header button {
        background: #000;
        color: #fff;
        border-radius: 50%;
        height: 33px;
        width: 33px;
        padding: 0;
        z-index: 99;
    }

#openModal .modal-title {
    padding: 0 25px;
    font-size: 20px;
    font-weight: 600;
}

.modal-backdrop.show {
    opacity: 1 !important;
}

.modal-dialog {
    width: 700px;
    margin: 30px auto;
}

.modal-body {
    padding-bottom: 1px;
}

@media(max-width:991px) {
    .modal-content {
        width: 90%;
        margin: auto;
    }
}

.AppForm .AppFormLeft h1 {
    font-size: 35px;
}

.AppForm .AppFormLeft input:focus {
    border-color: #ced4da;
}

.AppForm .AppFormLeft input::placeholder {
    font-size: 15px;
}

.AppForm .AppFormLeft i {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.AppForm .AppFormLeft a {
    color: #3a3e42;
}

.AppForm .AppFormLeft p span {
    color: #007bff;
}

.AppForm .AppFormRight {
    background-image: url('../images/mother-baby.jpg');
    height: 450px;
    background-size: cover;
    background-position: center;
}

    .AppForm .AppFormRight h2 {
        z-index: 1;
    }

        .AppForm .AppFormRight h2::after {
            content: "";
            position: absolute;
            width: 100%;
            height: 2px;
            background-color: #fff;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
        }

    .AppForm .AppFormRight p {
        z-index: 1;
    }

#myModal .close {
    font-size: 25px;
    font-weight: 700;
    line-height: 0;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    position: absolute;
    color: #37a7c3;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
    z-index: 9999;
    right: 8px;
    left: auto;
    top: 5px;
    align-items: center;
    display: flex;
    justify-content: center;
    background: #fff;
}

.form-check {
    display: inline-grid;
    align-items: center;
}

.AppFormLeft h2 {
    margin-top: 0;
    font-size: 20px;
    text-align: left;
    margin-bottom: 15px;
    color: #37a7c3;
}

.AppFormLeft h4 {
    margin-top: 0;
    font-size: 14px;
    text-align: left;
    margin-bottom: 15px;
    font-weight: 400;
}

.AppFormLeft .form-control {
    background: #f7fbfe;
    border: 1px solid #eaeaea;
    box-shadow: none;
}

.welcome-500-image {
    padding-top: 20px;
}

.AppFormLeft {
    padding: 20px 10px 20px 40px;
}

.modal {
    top: 10%;
}

#banner.inner-banner {
    padding: 77px 0;
    background-repeat: no-repeat;
    background-size: cover;
}

#banner h2 {
    font-weight: 700;
    font-size: 30px;
    color: #cd0d74;
    margin-bottom: 15px;
}
#banner h1 {
   /*text-shadow: 1px 2px 2px #505050a1;*/
    font-weight: 700;
    font-size: 30px;
    color: #cd0d74;
    margin-bottom: 15px;
}

#banner p {
    color: #040404;
    font-size: 14px;
    line-height: 24px;
    width: 70%;
    margin-bottom: 15px;
}

.breadcrumb {
    background: 0 0;
}

.breadcrumbdiv {
    background-color: #37a7c3;
    padding: 0 45px;
    margin: 0;
}

ul.breadcrumb {
    display: inline-flex;
    box-shadow: 3px 3px 12px 3px rgb(0 0 0 / 3%) !important;
    list-style: none;
    border-radius: .25rem;
    margin: 0;
}

    ul.breadcrumb li, ul.breadcrumb li a {
        font-size: 14px !important;
        color: #fff;
        font-weight: 500;
    }

label {
    font-weight: 500;
}

.card-box .icon-boxes-inner {
    -webkit-box-shadow: 0 0 25px 0 #ddddddbf;
    box-shadow: 0 0 25px 0 #ddddddbf;
    text-align: center;
    position: relative;
    padding: 0 0 25px;
    border-radius: 5px;
}

    .card-box .icon-boxes-inner img {
        width: 100% !important;
        border-radius: 5px 5px 0 0;
    }

    .card-box .icon-boxes-inner .box-contents {
        padding: 10px 20px 0;
    }

.icon-heading h3 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
}

.box-heading p {
    font-size: 13px;
    text-align: center;
    line-height: 24px;
}

.overview {
    background: #37a7c3;
}

    .overview p {
        color: #fff;
        font-size: 14px;
        text-align: justify;
        line-height: 24px;
    }

.fertility_reproductive {
    width: 100%;
    display: inline-block;
    color: #523a52;
    background-size: cover;
    background: url(../images/pregnant-woman.jpg) left no-repeat;
}

.reproductive_content {
    width: 50%;
    padding: 130px 0;
}

    .reproductive_content h5 {
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 2px;
    }

    .reproductive_content .h_worried {
        font-size: 35px;
        padding: 10px 0 20px;
        color: #523a52;
        line-height: 40px;
        font-weight: 700;
    }

.book_btn {
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
    padding: 13px 35px;
    background: #37a7c3;
    display: inline-block;
}

.aboutus img {
    width: 100%;
}

.aliceblue {
    background: #f0f8ff;
}

.ivf-treatment h2 {
    font-size: 25px;
    font-weight: 700;
    text-align: left;
    margin-bottom: 20px;
}

.ivf {
    background: #fff;
    box-shadow: 0 5px 20px #00000012;
    border-radius: 5px;
    padding: 30px 25px;
    text-align: justify;
    margin-bottom: 30px;
    height: 300px;
}

    .ivf:hover {
        box-shadow: 10px 5px 5px #dfdfdf;
    }

    .ivf h2 {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 20px;
    }

    .ivf span {
        font-size: 15px;
    }

.process {
    background: #37a7c3;
    color: #fff;
}

    .process ul li {
        list-style: none;
        line-height: 30px;
    }

    .process img {
        border: 2px solid #c20569;
        border-radius: 8px;
    }

.ivf-treatment ul li {
    list-style: none;
    line-height: 30px;
}

.pl-0 {
    padding-left: 0;
}

.ivf-treatment img {
    width: 100%;
}

.page-content .section {
    position: relative;
    margin-top: 110px;
}

.bg-blue {
    padding: 0;
    background-color: #37a6c1;
    color: #fff;
}

.faq-wrap {
    padding: 65px 100px 65px 80px;
    position: relative;
}

.bg-cover {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.ivf-treatment p {
    text-align: justify;
}

.cream {
    background-color: #f8f9f4;
    -webkit-box-shadow: inset 0 0 10vw 2vw #f8f9f4;
    -moz-box-shadow: inset 0 0 10vw 2vw #f8f9f4;
    box-shadow: inset 0 0 10vw 2vw #f8f9f4;
    color: #f8f9f4;
}

.section.half_image_main_section > .wrapper .half {
    display: table-cell;
    width: 50%;
    position: relative;
    vertical-align: middle;
    height: 100%;
}

.section.half_image_main_section > .wrapper .image_side .image_container {
    position: absolute;
    width: 100%;
    width: 50vw;
    height: 100%;
    top: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}

.lightblue {
    background-color: #37a7c3;
}

.section.half_image_main_section > .wrapper .image_side.left_side .image_container.popout .image {
    left: auto;
    right: -12%;
    background-position: 84% 50%;
}

.section.half_image_main_section > .wrapper .image_side .image_container.popout .image {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 10% 50%;
    position: relative;
}

.section.half_image_main_section > .wrapper .text_side {
    padding: 7rem;
}

.right_side h2 {
    color: #000;
    line-height: 38px;
    font-size: 25px;
    text-align: center;
}

.right_side p {
    color: #000;
    line-height: 24px;
    text-align: center;
    font-size: 15px;
    letter-spacing: .8px;
    margin: 20px 0;
}

.emailbox {
    width: 340px;
    height: 225px;
    box-shadow: 3px 7px 20px #00000012;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .emailbox .border-left {
        border-left: 5px solid #c20569;
        width: 100%;
        height: 70%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .emailbox h4 {
        font-size: 20px;
        font-weight: 600;
    }

    .emailbox p {
        font-size: 16px;
        color: grey;
    }

    .emailbox span a {
        font-size: 16px;
        color: #000;
    }

div#myModal1 .modal-dialog {
    width: 444px;
}

div#myModal1.modal {
    z-index: 9999;
}

.border-blue {
    border-width: 2px;
    display: block;
    height: 1px;
    border: 1px solid #c20569;
    margin: 20px 0;
}

.doc-shruti h4 {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    color: #414141;
}

    .doc-shruti h4 .fa {
        color: #c20569;
    }

.doc-shruti h2 {
    font-size: 25px;
    font-weight: 700;
    text-align: left;
    margin-bottom: 20px;
    color: #c20569;
}

.doc-shruti p {
    text-align: justify;
    line-height: 24px;
}

.qualification {
    margin-top: 20px;
}

    .qualification h4, .qualification h3 {
        font-size: 18px;
        font-weight: 400;
        color: #37a7c3;
        letter-spacing: .8px;
    }

        .qualification h4 .fa {
            color: #c20569;
        }

    .qualification ul li {
        list-style: none;
        line-height: 26px;
    }

.heading-subheading {
    margin-bottom: 5px;
}

    .heading-subheading h2.title {
        font-size: 25px;
        line-height: 48px;
        margin-bottom: 0;
    }

.mt-30 {
    margin-top: 30px !important;
}

.feature__list li {
    padding: 8px;
    font-size: 14px;
    color: #000;
    display: flex;
    align-items: center;
    gap: 7px;
}

.single__features .col-lg-6:first-child .featured__item {
    border-radius: 50px 0 0 0;
}

.single__features .col-lg-6:nth-child(2) .featured__item {
    border-radius: 0 50px 0 0;
}

.single__features .col-lg-6:nth-child(3) .featured__item {
    border-radius: 0 0 0 50px;
}

.single__features .col-lg-6:nth-child(4) .featured__item {
    border-radius: 0 0 50px 0;
}

.featured__item {
    text-align: center;
    -webkit-box-shadow: 0 0 20px 3px rgba(0,0,0,.05);
    box-shadow: 0 0 20px 3px rgba(0,0,0,.05);
    background-color: #fff;
    padding: 20px;
    margin-bottom: 30px;
    -webkit-transition: all .5s;
    transition: all .5s;
    border-radius: 10px;
}

    .featured__item h3 {
        margin-bottom: 10px;
        font-size: 20px;
    }

    .featured__item p {
        margin-bottom: 15px;
        font-size: 14px;
    }

.adv_sec {
    width: 100%;
    padding-top: 20px;
}

.adv_in {
    width: 100%;
}

.adv_box {
    width: 100%;
    position: relative;
    transition: .3s ease-in-out;
    text-align: center;
    margin-bottom: 25px;
    position: relative;
    -webkit-box-shadow: -10px 17px 46px -25px rgba(0,0,0,.68);
    -moz-box-shadow: -10px 17px 46px -25px rgba(0,0,0,.68);
    box-shadow: -10px 17px 46px -25px rgba(0,0,0,.68);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px;
    background: #ca1073;
    border-radius: 10px;
}

    .adv_box img {
        max-width: 100%;
    }

    .adv_box::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(../images/bx.png) no-repeat center center;
        background-size: contain;
        opacity: .1;
    }

    .adv_box .media-body h5 {
        font-size: 18px;
        color: #000;
        font-weight: 700;
        text-align: left;
    }

    .adv_box .media-body p {
        font-size: 14px;
        color: #000;
        text-align: justify;
        text-align: left;
    }

    .adv_box .media {
        align-items: center !important;
        display: flex;
        background: #fff;
        margin-top: 0;
        padding: 15px;
        height: 200px;
        border-radius: 0 6px 110px 0;
    }

.padding10 {
    padding: 10px;
}

.program-box {
    text-align: center;
    padding: 10px;
    margin: 0 0 15px;
    background: #fff;
    color: #000;
    border: 1px solid #ccc;
    border-left: 4px solid #37a7c3;
    height: 100%;
    box-shadow: 0 .5rem 1rem #00000042;
    display: flex;
    align-items: center;
    justify-content: center;
}

.PageData .PD_Left_sec p {
    text-align: justify;
    margin-bottom: 1em;
    font-size: 15px;
    line-height: 25px;
    color: #585858;
}

.program-box .fw-600 {
    font-weight: 600;
}

.program-box .green-clr {
    color: #37a7c3 !important;
}

.program-box .f-18 {
    font-size: 18px !important;
}

.program-box p {
    text-align: center !important;
}

.lotus-shape {
    transform: skewX(-28deg);
    height: 88%;
    left: -17%;
    position: absolute;
    width: 81%;
    background-color: #37a7c3;
}

.lotus-section-postfull {
    background: url(../images/Erectile-Problem.jpg);
    background-position: right;
    background-repeat: no-repeat;
    padding: 0 0 45px;
}

.color-yellow {
    color: #ffdb70;
}

.mt-30 {
    margin-top: 30px;
}

.mt-70 {
    margin-top: -70px;
}

.pt-60 {
    padding-top: 60px;
}

.heading {
    text-align: center;
}

    .heading h1 {
        font-size: 1.7rem;
        font-weight: bolder;
        color: #0b178f;
    }

.services-content {
    margin-top: 2rem;
}

    .services-content .box {
        text-align: center;
        border: 2px solid #37a7c3;
        padding: 20px;
        border-radius: 0 2rem 0 0;
        box-shadow: 10px 11px 11px rgb(14 55 54 / 11%);
        margin-bottom: 20px;
    }

        .services-content .box .bx {
            padding: 10px;
            color: #fff;
            font-size: 24px;
            background: #1c2844;
            border-radius: 4px;
        }

        .services-content .box h2 {
            font-size: 20px;
        }

        .services-content .box:hover {
            background: #37a7c3;
            color: #fff;
            transition: .2s;
        }

            .services-content .box:hover .bx {
                background: #fff;
                color: #1c2844;
                transition: .2s;
            }

.benefits {
    text-align: center;
}

    .benefits h5 {
        text-align: center;
        font-weight: 600;
        font-size: 20px;
        color: #0e0e0e;
    }

    .benefits img {
        border-radius: 50%;
        margin: 0 auto;
    }

    .benefits p {
        text-align: center;
        padding: 20px;
    }

.half-fluid, .left-half, .right-half {
    left: 50%;
    margin-left: -50vw;
    max-width: 100vw;
    position: relative;
    right: 50%;
    width: 100vw;
    padding: 0;
}

.image {
    background-image: url("../images/female-infertility-symptoms.jpg");
    background-size: cover;
    background-position: center;
    min-height: 400px;
    height: 100%;
}

.female-infer ul li {
    list-style: none;
    line-height: 30px;
    text-align: justify;
}

    .female-infer ul li b {
        color: #2f2f2f;
    }

@media (min-width:992px) {
    .half-fluid, .left-half {
        padding-left: 0 !important;
        position: absolute;
        left: 0;
        right: 50%;
        margin-left: auto;
        width: auto;
    }

    .right-half {
        padding-right: 0 !important;
        position: absolute;
        right: 0;
        left: 50%;
        margin-left: auto;
        width: auto;
    }
}

.services-block-three {
    margin-bottom: 30px;
}

    .services-block-three > div {
        height: 160px;
        display: block;
        border: 2px solid #c61071;
        border-radius: 4px;
        text-align: center;
        background: #fff;
        padding: 14px 20px;
        position: relative;
        margin-bottom: 30px;
        align-items: center;
        justify-content: center;
    }

        .services-block-three > div:before {
            display: block;
            content: "";
            width: 9%;
            height: 17%;
            position: absolute;
            bottom: -2px;
            right: -2px;
            border-bottom: 2px solid #37a7c3;
            border-right: 2px solid #37a7c3;
            transition: all .5s ease 0s;
            -webkit-transition: all .5s ease 0s;
        }

        .services-block-three > div:after {
            display: block;
            content: "";
            width: 9%;
            height: 17%;
            position: absolute;
            top: -2px;
            left: -2px;
            border-top: 2px solid #37a7c3;
            border-left: 2px solid #37a7c3;
            transition: all .5s ease 0s;
            -webkit-transition: all .5s ease 0s;
        }

        .services-block-three > div:hover {
            opacity: 1;
            border-color: #d5d5d5;
        }

            .services-block-three > div:hover:after, .services-block-three > div:hover:before {
                width: 95%;
                height: 90%;
            }

    .services-block-three h4 {
        color: #040404;
        font-size: 18px;
        margin-bottom: 10px;
        font-weight: 600;
        text-align: left;
    }

    .services-block-three p {
        margin-bottom: 0;
        color: #040404;
        text-align: justify;
    }

.Card {
    position: relative;
    text-align: center;
    width: 280px;
    height: 300px;
    border-radius: 74% 82% 70% 88%;
    display: table;
    padding: 20px;
    background-color: rgba(255,255,255,.9);
    cursor: pointer;
    z-index: 1;
    transition: .5s;
    color: #227093;
}

    .Card:after, .Card:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        animation: RotateDiv 5s linear infinite;
    }

    .Card:before {
        border-radius: 130% 151% 189% 166%;
        background-color: rgba(255,255,255,.7);
        animation-delay: 0s;
        transition: .5s;
    }

    .Card:after {
        border-radius: 145% 86% 80% 90%;
        background-color: rgba(255,255,255,.3);
        animation-delay: .2s;
        transition: .5s;
    }

    .Card div {
        display: table-cell;
        vertical-align: middle;
    }

        .Card div h2 {
            font-size: 25px;
        }

        .Card div p {
            margin-top: 20px;
            font-size: 18px;
        }

@keyframes RotateDiv {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.semen-section-postfull {
    background: url(../images/Semen-Analysis.jpg);
    padding: 0 0 45px;
    background-repeat: no-repeat;
    position: relative;
}

.semen-section-shape {
    background-color: #00586e;
    transform: skewX(-28deg);
    height: 88%;
    left: -17%;
    position: absolute;
    width: 81%;
}

.semen-title span {
    color: #ffdb70;
    font-size: 30px;
}

.semen-title h2 {
    font-size: 25px;
    font-weight: 700;
    text-align: left;
    margin-bottom: 4px;
}

.semen-title em {
    display: inline-block;
    position: relative;
    padding: 0 1px 0 0;
}

    .semen-title em:before {
        content: '';
        position: absolute;
        right: -75px;
        top: 14px;
        background-color: #fff;
        width: 75px;
        height: 1px;
    }

    .semen-title em:after {
        content: '';
        position: absolute;
        right: -40px;
        top: 11px;
        background-color: #fff;
        width: 40px;
        height: 1px;
    }

    .semen-title em i {
        font-size: 25px;
        color: #ffcf3e;
        margin-right: 4px;
    }

.semen-title p {
    text-align: justify;
    margin-top: 11px;
    margin-bottom: 0;
    line-height: 24px;
    width: 90%;
    padding-bottom: 18px;
}

.sonography-section-postfull {
    background: url(../images/Sonography.jpg);
    padding: 0 0 45px;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}

.sonography-section-shape {
    background-color: #00586e;
    transform: skewX(35deg);
    height: 100%;
    right: -17%;
    position: absolute;
    width: 81%;
}

.sonography-title {
    margin-left: 85px;
}

    .sonography-title p {
        text-align: justify;
        margin-top: 15px;
        margin-bottom: 0;
        line-height: 24px;
        width: 100%;
        padding-bottom: 18px;
    }

    .sonography-title span {
        color: #ffdb70;
        font-size: 30px;
    }

    .sonography-title h2 {
        font-size: 25px;
        font-weight: 700;
        text-align: left;
        margin-bottom: 4px;
    }

    .sonography-title em {
        display: inline-block;
        position: relative;
        padding: 0 1px 0 0;
    }

        .sonography-title em:before {
            content: '';
            position: absolute;
            right: -75px;
            top: 14px;
            background-color: #fff;
            width: 75px;
            height: 1px;
        }

        .sonography-title em:after {
            content: '';
            position: absolute;
            right: -40px;
            top: 11px;
            background-color: #fff;
            width: 40px;
            height: 1px;
        }

        .sonography-title em i {
            font-size: 25px;
            color: #ffcf3e;
            margin-right: 4px;
        }

.mb-20 {
    margin-bottom: 20px;
}

.helpful-box {
    background: #fff;
    border: 1px solid #37a7c3;
    text-align: center;
    padding: 20px;
    height: 140px;
}

.helpful-box-blue {
    background: #f0f8ff;
    border: 1px solid #37a7c3;
    text-align: center;
    padding: 20px;
    height: 140px;
}

.box-shadow {
    position: relative;
    float: left;
    width: 100%;
    padding: 1em;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,.1),0 0 40px rgba(0,0,0,.1) inset;
}

    .box-shadow:after, .box-shadow:before {
        content: "";
        position: absolute;
        z-index: -2;
    }

    .box-shadow p {
        font-size: 14px;
        line-height: 26px;
        text-align: justify;
    }

    .box-shadow h4 {
        text-transform: uppercase;
        color: #37a7c3;
    }

.lifted {
    border-radius: 4px;
}

    .lifted:after, .lifted:before {
        bottom: 15px;
        left: 10px;
        width: 50%;
        height: 20%;
        max-width: 300px;
        max-height: 100px;
        box-shadow: 0 15px 10px rgba(0,0,0,.7);
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        transform: rotate(-3deg);
    }

    .lifted:after {
        right: 10px;
        left: auto;
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        transform: rotate(3deg);
    }

.procedure {
    box-shadow: 0 0 9px 0 #e8e8e8;
    padding: 20px 30px 20px;
    height: 100%;
    margin-top: 20px;
}

    .procedure h4 {
        text-align: center;
    }

    .procedure p {
        text-align: justify;
    }

    .procedure ul li {
        text-align: justify;
        margin-bottom: 10px;
    }

.helpsec {
    background-size: 100%;
    background-repeat: no-repeat;
    background: #37a7c3;
    min-height: 304px;
    background-size: 100%;
    margin-top: 30px;
    display: block;
}

.backgrounWrapper {
    padding: max(50px) max(100px);
    text-align: center;
}

.cta-title {
    font-size: 12px;
    font-weight: 500;
    line-height: 19px;
    padding-bottom: 0;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
}

.helpsec .subheading-help {
    font-weight: 500;
}

.subheading-help {
    font-size: 35px;
    font-weight: 600;
    line-height: 45px;
    color: #fff;
    margin-bottom: 40px;
}

a.btn.bookanappointment {
    background: 0 0;
    color: #fff !important;
    border: 1px solid #fff !important;
    border-radius: 5px;
}

.role {
    background: #37a7c3;
}

    .role h3 {
        font-size: 25px;
        font-weight: 700;
        text-align: left;
        margin-bottom: 20px;
        color: #fff;
    }

    .role p {
        color: #fff;
    }

.benefits-laparoscopy-box {
    text-align: center;
    padding: 10px;
    margin: 0 0 15px;
    background: #fff;
    color: #666;
    border-bottom: 4px solid #37a7c2;
    display: flex;
    align-items: center;
    box-shadow: 0 .5rem 1rem #00000042;
    height: 130px;
    justify-content: center;
}

    .benefits-laparoscopy-box p {
        font-size: 15px;
        font-weight: 500;
    }

.treatment h2 {
    font-size: 25px;
    font-weight: 700;
    text-align: left;
    margin-bottom: 20px;
}

.lap-procedure h2 {
    font-size: 25px;
    font-weight: 700;
    text-align: left;
    margin-bottom: 20px;
}

.lap-procedure ul li {
    display: flex;
    font-size: 14px;
    text-align: left;
    line-height: 25px;
    margin-bottom: 10px;
}

    .lap-procedure ul li i {
        font-size: 15px;
        padding-right: 7px;
        color: #37a7c3;
        padding-top: 5px;
    }

.box {
    width: 100%;
    float: left;
    background-color: #fff;
    margin: 25px 15px;
    border-radius: 5px;
    text-align: center;
    height: 100px;
    padding: 0 8px 10px;
}

.box1 {
    background-color: #fff;
}

    .box1 img {
        width: 50px;
    }

.margint-30 {
    margin-top: -30px;
}

.benefits-lap h2 {
    font-size: 25px;
    font-weight: 700;
    text-align: left;
    margin-bottom: 20px;
}

.shadow1 {
    position: relative;
    box-shadow: 0 1px 4px rgba(0,0,0,.3),0 0 4px rgba(0,0,0,.1) inset;
}

    .shadow1:after, .shadow1:before {
        position: absolute;
        content: "";
        bottom: 12px;
        left: 15px;
        top: 80%;
        width: 45%;
        background: #9b7468;
        z-index: -1;
        -webkit-box-shadow: 0 20px 15px #9b7468;
        -moz-box-shadow: 0 20px 15px #9b7468;
        box-shadow: 0 20px 15px #9b7468;
        -webkit-transform: rotate(-6deg);
        -moz-transform: rotate(-6deg);
        transform: rotate(-6deg);
    }

    .shadow1:after {
        -webkit-transform: rotate(6deg);
        -moz-transform: rotate(6deg);
        transform: rotate(6deg);
        right: 15px;
        left: auto;
    }

    .shadow1 h3 {
        border-radius: 5px;
        font-size: 14px;
        font-weight: 400;
    }

.box-a {
    background: rgb(11 119 146);
    color: #fff;
    padding: 20px 20px 20px 20px;
    float: right;
    position: relative;
    margin-bottom: 25px;
    height: 100px;
    display: flex;
    align-items: center;
}

    .box-a:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        border-bottom: 15px solid #18687b;
        border-left: 15px solid #37a7c3;
        -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,.2);
        -moz-box-shadow: 4px 4px 4px rgba(0,0,0,.2);
        box-shadow: 4px 4px 4px rgba(0,0,0,.2);
        display: block;
        width: 0;
    }

    .box-a.rounded {
        -moz-border-radius: 5px 0 5px 5px;
        border-radius: 5px 0 5px 5px;
    }

        .box-a.rounded:before {
            border-width: 8px;
            border-color: #323232 #323232 transparent transparent;
            -moz-border-radius: 0 0 0 5px;
            border-radius: 0 0 0 5px;
        }

.section-common-space {
    padding: 65px 0;
}

.section-header {
    margin-bottom: 60px;
}

.features-item {
    background-color: #fff;
    margin-bottom: 110px;
    padding: 60px 25px 25px;
    position: relative;
    transition: .3s;
    border-radius: 2px;
}

    .features-item:hover {
        box-shadow: 0 40px 70px 0 rgba(0,0,0,.22);
        cursor: pointer;
    }

        .features-item:hover .features-icon {
            color: #000;
            border-color: #000;
        }

        .features-item:hover .features-info .title {
            color: #000;
            border-color: #000;
        }

        .features-item:hover .features-info p {
            color: #000;
            border-color: #000;
        }

.features-icon {
    width: 96px;
    height: 96px;
    line-height: 96px;
    text-align: center;
    background: #fff;
    border-radius: 60px;
    border: 2px dashed #f0f0f0;
    box-shadow: 0 0 0 10px #fff;
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translate(-50%);
    color: #bdbdbd;
    transition: .3s;
}

@media only screen and (max-width:992px) {
    .clear-problem > div:nth-child(3n+1) {
        clear: none;
    }
}

@media only screen and (max-width:768px) {
    .section-common-space {
        padding: 50px 0;
    }
}

.features-info .title {
    color: #1c1c1c;
    font-weight: 700;
    margin-bottom: 20px;
}

.features-info p {
    text-align: justify;
}

.image-background {
    min-height: 300px;
    background-image: url("../images/surrogacy-background.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.display-2 {
    font-weight: 600;
    color: #fff;
    font-size: 20px;
}

.lead {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}

.bg {
    margin: 80px auto;
    background: #0000004a;
    max-width: 800px;
    padding: 20px 10px;
}

.sperm-donation .col-md-6:first-child {
    border-right: 3px solid #c20569;
}

.sperm-donation img {
    border-radius: 6px;
}

.egg-donation {
    background: #0d5d7d;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 20px;
}

    .egg-donation p {
        color: #fff;
        font-size: 17px;
        font-weight: 600;
        text-align: center;
    }

.egg-donor {
    align-items: center;
    display: flex;
}

    .egg-donor img {
        width: 100%;
        padding: 10px;
        border-radius: 15px;
    }

    .egg-donor h4 {
        font-size: 22px;
        text-transform: uppercase;
    }

    .egg-donor p {
        text-align: justify;
    }

hr {
    margin-top: 20px !important;
    margin-bottom: 20px;
    border-top: 1px solid #000;
}

.cryo-section-postfull {
    background: url(../images/Cryopreservation-bg.jpg);
    padding: 0 0 45px;
    background-repeat: no-repeat;
    position: relative;
}

.cryopreservation ul li {
    list-style: none;
    line-height: 30px;
}

.serviceBox {
    background: #fff;
    text-align: center;
    padding: 40px 15px 25px;
    border-radius: 10px;
    position: relative;
    border: 1px solid #f5f5f5;
    height: 240px;
    margin-bottom: 20px;
}

    .serviceBox:after, .serviceBox:before {
        content: "";
        background: linear-gradient(to bottom,#00566b,#429bb1);
        width: 100%;
        height: 40px;
        border-radius: 10px 10px 0 0;
        position: absolute;
        top: 0;
        left: 0;
    }

    .serviceBox:after {
        background: #00566b;
        top: auto;
        bottom: 0;
        height: 10px;
        border-radius: 0 0 10px 10px;
    }

    .serviceBox .title {
        color: #fff;
        background: #00566b;
        font-size: 17px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: .5px;
        padding: 10px 12px 9px;
        margin: -10px 0 18px;
        display: inline-block;
        position: relative;
    }

        .serviceBox .title:after, .serviceBox .title:before {
            content: "";
            background: linear-gradient(to top left,#00566b 49%,transparent 50%);
            width: 10px;
            height: 10px;
            position: absolute;
            top: 0;
            left: -10px;
        }

        .serviceBox .title:after {
            transform: rotateY(180deg);
            left: auto;
            right: -10px;
        }

    .serviceBox .service-icon {
        color: #f36b23;
        font-size: 50px;
        line-height: 50px;
        margin: 0 0 15px;
    }

    .serviceBox .description {
        color: #000;
        font-size: 14px;
        line-height: 22px;
        margin: 0;
    }

    .serviceBox.purple:before {
        background: linear-gradient(#37a7c3,#60bfd7);
    }

    .serviceBox.purple .title, .serviceBox.purple:after {
        background: #37a7c3;
    }

        .serviceBox.purple .title:after, .serviceBox.purple .title:before {
            background: linear-gradient(to top left,#37a7c3 49%,transparent 50%);
        }

    .serviceBox.purple .service-icon {
        color: #c64292;
    }

    .serviceBox.cgreen:before {
        background: linear-gradient(#2da197,#4bb8ad);
    }

    .serviceBox.cgreen .title, .serviceBox.cgreen:after {
        background: #2da197;
    }

        .serviceBox.cgreen .title:after, .serviceBox.cgreen .title:before {
            background: linear-gradient(to top left,#1b817b 49%,transparent 50%);
        }

    .serviceBox.cgreen .service-icon {
        color: #2da197;
    }

    .serviceBox.green:before {
        background: linear-gradient(#82c145,#b1d23f);
    }

    .serviceBox.green .title, .serviceBox.green:after {
        background: #82c145;
    }

        .serviceBox.green .title:after, .serviceBox.green .title:before {
            background: linear-gradient(to top left,#41a133 49%,transparent 50%);
        }

    .serviceBox.green .service-icon {
        color: #82c145;
    }

@media only screen and (max-width:990px) {
    .serviceBox {
        margin: 0 0 30px;
    }
}

.processcryo h2 {
    color: #c20569;
}

.DFIserviceBox {
    border: 2px solid #37a7c3;
    color: #000;
    background: #fff;
    text-align: center;
    padding: 20px 15px 20px 30px;
    margin: 20px 15px 0 0;
    border-radius: 5px 5px;
    position: relative;
    z-index: 1;
}

    .DFIserviceBox:after, .DFIserviceBox:before {
        content: "";
        background: #37a7c3;
        width: 100%;
        height: 100%;
        border-radius: 5px 5px;
        position: absolute;
        top: -20px;
        right: -16px;
        z-index: -1;
    }

    .DFIserviceBox:after {
        background: #fff;
        top: -10px;
        left: 8px;
        box-shadow: 0 0 6px rgba(0,0,0,.3);
    }

    .DFIserviceBox .title {
        color: #000;
        font-size: 18px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .5px;
        margin: 0 0 7px;
    }

    .DFIserviceBox .description {
        font-size: 14px;
        line-height: 22px;
        text-align: justify;
        margin: 0;
    }

    .DFIserviceBox.green {
        --main-color:#37a7c3;
    }

@media only screen and (max-width:1199px) {
    .DFIserviceBox {
        margin: 20px 15px 50px 0;
    }
}

.Immunizationp_sec {
    background-image: url('../images/pli-pic.jpg');
    padding: 30px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.no-margin {
    padding-left: 0;
}

.pli-text h1 {
    padding: 23px 0 23px 33px;
    background: #0c5d71;
    color: #fff;
    border-radius: 0 40px 40px 0;
    opacity: .8;
}

.pli-text p {
    padding-left: 40px;
    color: #fff;
    text-align: justify;
}

.medical-text h1 {
    padding: 23px 33px 23px 0;
    background: #0c5d71;
    color: #fff;
    border-radius: 40px 0 0 40px;
    opacity: .8;
    text-align: right;
}

.medical-text p {
    padding-right: 40px;
    color: #000;
    text-align: justify;
}

.Purposepl_img img {
    width: 100%;
}

section.Purposepli_sec {
    padding: 30px 0;
}

.medical-img {
    width: 80%;
}

    .medical-img img {
        width: 100%;
    }

.col-md-6.image-wdth {
    margin: auto;
    display: flex;
    justify-content: center;
}

section.medical-sec {
    background-image: url('../images/future-page-bg.jpg');
    padding: 30px 0;
}

.Purposepl_text h3 {
    color: #cc0e72;
    margin-bottom: 21px;
}

section.pgt-a_sec {
    background-image: linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url(../images/pgt-a_bg.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding: 30px 0;
}

.mirror-sec {
    background-image: url('../images/future-page-bg.jpg');
}

#slider, #slider .slide {
    width: 500px;
    height: 250px;
}

#slider {
    overflow: hidden;
    margin: 0 auto;
    font-size: 1.2em;
    background: #ffd7d1;
}

    #slider .container {
        position: relative;
        width: 9000px;
        top: 0;
        right: 0;
        animation: slide-animation 25s infinite;
    }

    #slider .slide {
        position: relative;
        float: left;
        box-sizing: border-box;
        padding: 10px 20px;
    }

@keyframes slide-animation {
    0% {
        opacity: 0;
        right: 0;
    }

    11% {
        opacity: 1;
        right: 0;
    }

    22% {
        right: 100%;
    }

    33% {
        right: 100%;
    }

    44% {
        right: 200%;
    }

    55% {
        right: 200%;
    }

    66% {
        right: 300%;
    }

    77% {
        right: 300%;
    }

    88% {
        opacity: 1;
        right: 400%;
    }

    100% {
        opacity: 0;
        right: 400%;
    }
}

.details-tab {
    padding: 1.5rem 1rem;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    display: block;
    order: 0;
    border-radius: 1.5rem;
    margin-right: .35rem;
    margin-bottom: .5rem;
    cursor: pointer;
    border: 2px solid transparent;
}

.details-tabs {
    position: relative;
    justify-content: center;
    flex-wrap: wrap;
}

.details-content {
    order: 1;
    width: 100%;
}

.modal-backdrop {
    background-color: #000000b8 !important;
}

.newclassadded12444 {
    background-color: #00566b !important;
}

.newclassadeed4644 {
    background: #349db7 !important;
}

.newfontclass1232 {
    font-size: 13px !important;
}

.abttitle {
    font-size: 30px;
}

.fontsixe202 {
    font-size: 24px;
    font-weight: 600;
}

.paddingvlass122 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.fontsizeclasswartificial {
    font-size: 25px;
}

.widthpgta {
    width: 100%;
}

.classblackcolor {
    color: black;
}

.displaynoneclassheading1 {
    display: none;
}

.text-slider-sec {
    padding-bottom: 20px;
}
.best-div{background: #7e1f52bf;
    color: white !important;padding: 7px;line-height: 32px;
    font-size: 25px !important;}
.dkkaka-mi-new-kj{margin-top:0px;}
section.booking_form {
    padding: 50px 0px;
}