@import url(fontawesome-all.css);
@import url(flaticon.css);
@import url(owl.css);

*, li, ul {
    padding: 0
}

.f_map_widget a, .mobile-menu-visible, .page-wrapper, textarea {
    overflow: hidden
}

.appointment span, .main-header .header-top .info-list li a:hover {
    color: var(--color-default)
}

.mobile-menu .navigation, .mobile-menu .navigation li > ul > li:first-child {
    border-top: 1px solid rgba(255,255,255,.1)
}

.main-footer .activity-list li:last-child, .main-footer .contact-info li:last-child, .sec-head h4, figure {
    margin-bottom: 0
}

.main-timeline .timeline-content:hover, .main-timeline1 .timeline-content1:hover, a, a:hover {
    text-decoration: none
}

* {
    margin: 0;
    border: none;
    outline: 0;
    font-size: 100%;
    line-height: inherit
}

:root {
    --color-default: rgb(34, 34, 34);
    --color-primary: #ce1e8b;
    --color-secondary: #2b9c87;
    --color-primary-light: #ee63b7;
    --color-pprimary-light: #fdd6e9;
    --color-secondary-light: #c2f7ed;
    --color-text: #616161;
    --color-text-btn: #ffffff;
    --card_width: 250px;
    --row_increment: 10px;
    --card_border_radius: 16px;
    --card_small: 26;
    --card_med: 33;
    --card_large: 45
}

.inner-body, .text, p {
    color: #202020;
    font-weight: 400
}

.inner-body {
    font-size: 14px;
    line-height: 1.6em;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-family: "Open Sans",sans-serif
}

a {
    cursor: pointer;
    font-weight: 400
}

    a:focus, a:hover, a:visited {
        text-decoration: none;
        outline: 0
    }

h1, h2, h3, h4, h5, h6 {
    position: relative;
    margin: 0;
    background: 0 0;
    line-height: 1.2em
}

button {
    outline: 0 !important;
    cursor: pointer
}

.text, p {
    font-size: 16px;
    line-height: 30px;
    margin: 0
}

.auto-container, .page-wrapper {
    margin: 0 auto;
    position: relative
}

::-webkit-input-placeholder {
    color: inherit
}

::-moz-input-placeholder {
    color: inherit
}

::-ms-input-placeholder {
    color: inherit
}

.page-wrapper {
    width: 100%;
    min-width: 300px;
    z-index: 9
}

    .page-wrapper::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: -1;
        background-image: url(../img/test-bg2.jpg);
        opacity: .1;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: fixed
    }

.auto-container {
    max-width: 1155px;
    padding: 0 15px
}

li, ul {
    list-style: none;
    margin: 0
}

.theme-btn {
    display: inline-block;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.main-header .header-top .info-list li a, .scroll-to-top {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    color: #fff
}

.theme-btn i {
    position: relative;
    display: inline-block;
    font-size: 14px;
    margin-left: 3px
}

.centered {
    text-align: center !important
}

.f_map_widget a {
    display: inline-block;
    position: relative;
    margin-top: 4px;
    border: 9px solid #fff;
    border-radius: 22px
}

    .f_map_widget a::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%
    }

.f_map_widget span {
    width: 117px;
    position: absolute;
    right: -50px;
    bottom: -37px;
    border: 7px solid #fff
}

img {
    display: inline-block;
    max-width: 100%;
    height: auto
}

.bread_cumb_wrap ul li:last-child:before, .dropdown-toggle::after, .main-menu .navigation > li > ul > li::before, .mobile-menu .navigation li > ul, .mobile-menu .navigation li > ul > li > ul {
    display: none
}

.fa {
    line-height: inherit
}

.scroll-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 48px;
    height: 48px;
    font-size: 20px;
    line-height: 48px;
    text-align: center;
    z-index: 100;
    cursor: pointer;
    background: #ce111f;
    display: none;
    border-radius: 5px;
    transition: .3s
}

    .scroll-to-top:hover {
        background: var(--color-secondary)
    }

.main-header {
    background: #fff;
    position: relative;
    z-index: 999;
    vertical-align: middle;
    width: 100%
}

    .main-header .header-top {
        position: absolute;
        text-align: right;
        right: 0;
        top: -13px;
        z-index: 9;
        display: flex;
        align-items: center
    }

    .main-header .auto-container {
        max-width: 1161px
    }

    .main-header .header-top .top-left {
        position: relative;
        padding: 6px 0;
        margin-top: 19px;
        display: inline-block;
        color: #000;
        border-radius: 35px;
        background-color: #ce111f;
    }

        .main-header .header-top .top-left::before {
            content: "";
            position: absolute
        }

    .main-header .header-top .info-list {
        position: relative;
        display: inline-block;
        margin-bottom: 0
    }

        .main-header .header-top .info-list li:last-child {
            border-right: none
        }

        .main-header .header-top .info-list li {
            position: relative;
            display: inline-block;
            font-size: 15px;
            line-height: 30px;
            color: #fff;
            font-weight: 400;
            padding: 0 7px;
            border-right: 1px dashed #ffff
        }

            .main-header .header-top .info-list li a {
                display: inline-block;
                transition: .3s
            }

    .main-header .header-top .login-info li a, .main-menu .navigation > li {
        display: inline-block;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s
    }

    .main-header .header-top .info-list li span {
        position: relative;
        display: inline-block;
        margin-right: 5px;
        color: #000;
        font-size: 15px;
        line-height: 29px;
        width: 29px;
        height: 29px;
        background: #fff;
        text-align: center;
        border-radius: 50%
    }

    .main-footer .footer-bottom .social-icon-two, .main-header .header-top .top-right {
        position: relative;
        float: right
    }

    .main-footer, .main-footer .contact-info, .main-footer .contact-widget, .main-footer .links-widget, .main-footer .list, .main-header .header-top .login-info {
        position: relative
    }

.social-links {
    display: inline-block;
    margin: 0
}

.main-header .header-top .login-info li {
    position: relative;
    float: left;
    font-size: 14px;
    line-height: 30px;
    color: #c8bee3;
    font-weight: 700;
    padding: 10px 0;
    margin-left: 13px
}

    .main-header .header-top .login-info li a {
        color: #c8bee3;
        transition: .3s
    }

        .main-header .header-top .login-info li a:hover {
            color: #25bdd8
        }

.main-header .header-upper {
    position: relative;
    text-align: right;
    padding: 10px;
}

@media(max-width:991px) {
    .main-header .header-upper {
        position: absolute;
        top: 0px;
        text-align: right;
        padding: 0px;
    }
}

.main-header .header-upper .logo-outer {
    position: absolute;
    text-align: center;
    z-index: 999;
    width: 334px;
    top: 0;
    padding: 0 7px
}

    .main-header .header-upper .logo-outer:before {
        position: absolute;
        right: 100%;
        top: 0;
        content: ""
    }

.main-header .header-upper .logo:before {
    right: -37px;
    margin: auto;
    content: "";
    position: absolute
}

.main-header .header-upper .logo img {
    position: relative;
    display: inline-block;
    max-width: 100%;
    width: 100px;
    height: auto
}

.main-header .header-upper .social-links {
    position: absolute;
    padding: 0;
    margin-left: 0;
    right: 5%;
    top: 14px
}

.main-header .nav-outer {
    position: relative;
    display: inline-block;
    margin: auto;
    padding: 7px 0 0;
    border-radius: 0 30px 30px 0
}

.appointment {
    position: relative;
    background: 0 0;
    padding: 7px 18px;
    margin-top: 19px;
    display: inline-block;
    border: 2px solid var(--color-secondary);
    border-radius: 32px;
    cursor: pointer;
    left: 0;
    right: 0
}

    .appointment span {
        font-size: 16px;
        text-transform: capitalize
    }

    .appointment:hover, .box1 .content1 h3 a {
        color: #fff
    }

.top-wraapper {
    position: relative;
}

.main-header .header-lower {
    position: relative;
    width: 100%
}

.main-menu {
    position: relative;
    margin: 36px 0 0
}

    .main-menu .navbar-collapse, .pp-body.modal-body {
        padding: 0
    }

    .main-menu .navigation {
        position: relative;
        margin: 0;
        left: 0
    }

        .main-menu .navigation > li {
            position: relative;
            padding: 9px 10px;
            margin-left: 0;
            transition: .3s
        }

            .main-menu .navigation > li::before {
                content: "";
                position: absolute;
                width: 1px;
                height: 14px;
                right: 0;
                transform: rotate(-18deg);
                top: 17px
            }

            .main-menu .navigation > li > a {
                position: relative;
                display: block;
                text-align: center;
                font-size: 16px;
                line-height: 30px;
                font-weight: 400;
                opacity: 1;
                padding: 0;
                color: #202020;
                text-transform: capitalize;
                -webkit-transition: .3s;
                -moz-transition: .3s;
                -ms-transition: .3s;
                -o-transition: .3s;
                transition: .3s
            }

            .main-menu .navigation > li:hover > a, .main-timeline .timeline:nth-child(2n) .title, .pp-body.modal-body b {
                color: #ce111f;
            }

            .main-menu .navigation > li.current > a {
                font-weight: 700
            }

            .main-menu .navigation > li > ul {
                position: absolute;
                left: 0;
                top: 100%;
                width: 200px;
                z-index: 100;
                opacity: 0;
                visibility: hidden;
                padding: 0;
                background-color: #fff;
                border-top: 3px solid #ce111f;
                -moz-transform: translateY(30px);
                -webkit-transform: translateY(30px);
                -ms-transform: translateY(30px);
                -o-transform: translateY(30px);
                transform: translateY(30px);
                -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
                -ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
                -o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
                -moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
                box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05)
            }

                .main-menu .navigation > li > ul.from-right, .main-menu .navigation > li > ul > li > ul.from-right {
                    left: auto;
                    right: 0
                }

                .main-menu .navigation > li > ul > li {
                    position: relative;
                    width: 100%;
                    border-bottom: 1px dashed #303030
                }

                    .main-menu .navigation > li > ul > li:last-child, .main-menu .navigation > li > ul > li > ul > li:last-child, .mobile-menu .navigation li > ul > li:last-child, .pricingTable .pricingContent ul li:last-child {
                        border-bottom: none
                    }

                    .main-menu .navigation > li > ul > li:before {
                        position: absolute;
                        content: "";
                        left: 0;
                        top: 0;
                        width: 0%;
                        height: 100%;
                        display: block;
                        background: #f08534
                    }

                    .main-menu .navigation > li > ul > li:hover:before, .main-menu .navigation > li > ul > li > ul > li:hover:before {
                        width: 100%;
                        transition: .5s;
                        -moz-transition: .5s;
                        -webkit-transition: .5s;
                        -ms-transition: .5s;
                        -o-transition: .5s
                    }

                    .main-menu .navigation > li > ul > li > a {
                        position: relative;
                        display: block;
                        padding: 4px 16px;
                        line-height: 24px;
                        font-weight: 400;
                        font-size: 14px;
                        text-transform: capitalize;
                        color: #181818;
                        text-align: left;
                        transition: .5s ease-in-out;
                        -moz-transition: .5s ease-in-out;
                        -webkit-transition: .5s ease-in-out;
                        -ms-transition: .5s ease-in-out;
                        -o-transition: .5s ease-in-out
                    }

                    .main-menu .navigation > li > ul > li:hover > a {
                        background: var(--color-secondary);
                        color: #fff
                    }

            .main-menu .navigation > li.dropdown > a:after {
                font-family: "Font Awesome 5 Free";
                content: "\f107";
                position: absolute;
                right: -15px;
                top: 14px;
                display: block;
                line-height: 5px;
                font-size: 16px;
                font-weight: 800;
                text-align: center;
                z-index: 5
            }

        .main-menu .navigation .cstm-width {
            width: 98px
        }

        .main-menu .navigation > li > ul > li.dropdown > a:after {
            font-family: "Font Awesome 5 Free";
            content: "\f105";
            position: absolute;
            right: 20px;
            top: 13px;
            display: block;
            line-height: 5px;
            font-size: 16px;
            font-weight: 800;
            text-align: center;
            z-index: 5
        }

        .main-menu .navigation > li > ul > li > ul {
            position: absolute;
            left: 100%;
            top: 0;
            width: 308px;
            z-index: 100;
            opacity: 0;
            visibility: hidden;
            padding: 0;
            background-color: #fff;
            border-top: 3px solid #ff4788;
            -moz-transform: translateY(30px);
            -webkit-transform: translateY(30px);
            -ms-transform: translateY(30px);
            -o-transform: translateY(30px);
            transform: translateY(30px);
            -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
            -ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
            -o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
            -moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
            box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05)
        }

            .main-menu .navigation > li > ul > li > ul > li {
                position: relative;
                width: 100%;
                border-bottom: 1px solid #e0e0e0
            }

                .main-menu .navigation > li > ul > li > ul > li:before {
                    position: absolute;
                    content: "";
                    left: 0;
                    top: 0;
                    width: 0%;
                    height: 100%;
                    display: block
                }

                .main-menu .navigation > li > ul > li > ul > li > a {
                    position: relative;
                    display: block;
                    padding: 8px 16px;
                    line-height: 15px;
                    font-weight: 400;
                    font-size: 14px;
                    text-transform: capitalize;
                    color: #181818;
                    text-align: left;
                    transition: .5s;
                    -moz-transition: .5s;
                    -webkit-transition: .5s;
                    -ms-transition: .5s;
                    -o-transition: .5s
                }

                .main-menu .navigation > li > ul > li > ul > li:hover > a {
                    color: #fff;
                    background: var(--color-secondary)
                }

                .main-menu .navigation > li > ul > li > ul > li.dropdown > a:after {
                    font-family: "Font Awesome 5 Free";
                    content: "\f105";
                    position: absolute;
                    right: 20px;
                    top: 13px;
                    display: block;
                    line-height: 24px;
                    font-size: 16px;
                    font-weight: 900;
                    z-index: 5
                }

        .main-menu .navigation li > ul > li.dropdown:hover > ul, .main-menu .navigation > li.dropdown:hover > ul {
            visibility: visible;
            opacity: 1;
            -moz-transform: translateY(0);
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0);
            transition: .3s;
            -moz-transition: .3s;
            -webkit-transition: .5s;
            -ms-transition: .3s;
            -o-transition: .3s
        }

        .main-menu .navigation li.dropdown .dropdown-btn {
            position: absolute;
            right: 10px;
            top: 8px;
            width: 34px;
            height: 30px;
            border: 1px solid #fff;
            text-align: center;
            font-size: 16px;
            line-height: 26px;
            color: #fff;
            cursor: pointer;
            z-index: 5;
            display: none
        }

.nav-outer .mobile-nav-toggler {
    position: relative;
    float: left;
    font-size: 30px;
    line-height: 41px;
    cursor: pointer;
    color: var(--color-secondary);
    display: none
}

.mobile-menu {
    position: fixed;
    right: 0;
    top: 0;
    width: 300px;
    padding-right: 30px;
    max-width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 999999
}

    .mobile-menu .nav-logo {
        position: relative;
        padding: 30px 25px;
        text-align: left
    }

.mobile-menu-visible .mobile-menu {
    opacity: 1;
    visibility: visible
}

.mobile-menu .menu-backdrop {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0,0,0,.8);
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%);
    transition: .9s;
    -moz-transition: .9s;
    -webkit-transition: .9s;
    -ms-transition: .9s;
    -o-transition: .9s
}

.mobile-menu-visible .mobile-menu .menu-backdrop, .mobile-menu-visible .mobile-menu .menu-box {
    opacity: 1;
    visibility: visible;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -ms-transition: .7s;
    -o-transition: .7s;
    transition: .7s;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.mobile-menu .menu-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    background: #000;
    padding: 0;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%)
}

.mobile-menu .close-btn {
    position: absolute;
    right: 10px;
    top: 10px;
    line-height: 30px;
    width: 24px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    z-index: 10;
    -webkit-transition: .9s;
    -moz-transition: .9s;
    -ms-transition: .9s;
    -o-transition: .9s;
    transition: .9s
}

.mobile-menu-visible .mobile-menu .close-btn {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

.mobile-menu .close-btn:hover {
    color: var(--color-primary);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mobile-menu .navigation {
    position: relative;
    display: block
}

    .mobile-menu .navigation li {
        position: relative;
        display: block;
        border-bottom: 1px solid rgba(255,255,255,.1)
    }

        .mobile-menu .navigation li > a {
            position: relative;
            display: block;
            line-height: 24px;
            padding: 10px 25px;
            font-size: 14px;
            font-weight: 700;
            color: #fff;
            text-transform: uppercase;
            -webkit-transition: .5s;
            -moz-transition: .5s;
            -ms-transition: .5s;
            -o-transition: .5s;
            transition: .5s
        }

            .mobile-menu .navigation li.dropdown .dropdown-btn, .mobile-menu .navigation li > a:before {
                -webkit-transition: .5s;
                -moz-transition: .5s;
                -ms-transition: .5s;
                -o-transition: .5s;
                position: absolute
            }

        .mobile-menu .navigation li ul li > a {
            font-size: 16px;
            font-weight: 400;
            text-transform: capitalize
        }

        .mobile-menu .navigation li > a:before {
            content: "";
            left: 0;
            top: 0;
            height: 0;
            border-left: 5px solid #ff4788;
            transition: .5s
        }

        .mobile-menu .navigation li.current > a, .mobile-menu .navigation li > a:hover, .mobile-menu .social-links li a:hover {
            color: #ff4788
        }

            .mobile-menu .navigation li.current > a:before {
                height: 100%
            }

        .mobile-menu .navigation li.dropdown .dropdown-btn {
            right: 6px;
            top: 6px;
            width: 32px;
            height: 32px;
            text-align: center;
            font-size: 16px;
            line-height: 32px;
            color: #fff;
            background: rgba(255,255,255,.1);
            cursor: pointer;
            border-radius: 2px;
            transition: .5s;
            z-index: 5
        }

            .mobile-menu .navigation li.dropdown .dropdown-btn.open {
                background: #ff4788;
                -webkit-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                transform: rotate(90deg)
            }

.mobile-menu .social-links {
    position: relative;
    text-align: center;
    padding: 30px 25px
}

    .mobile-menu .social-links li {
        position: relative;
        display: inline-block;
        margin: 0 5px 10px
    }

        .mobile-menu .social-links li a {
            position: relative;
            line-height: 32px;
            font-size: 28px;
            color: #fff;
            -webkit-transition: .5s;
            -moz-transition: .5s;
            -ms-transition: .5s;
            -o-transition: .5s;
            transition: .5s
        }

.slides {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 120vh
}

/*.slide1 {
    background-image: url(../img/slider/slider1.png)
}

.slide2 {
    background-image: url(../img/slider/slider2.png)
}

.slide3 {
    background-image: url(../img/slider/slider3.png)
}

.slide4 {
    background-image: url(../img/slider/slider4.png)
}

.slide5 {
    background-image: url(../img/slider/slider5.png)
}

.slide6 {
    background-image: url(../img/slider/slider6.png)
}

.slide7 {
    background-image: url(../img/slider/slider7.png)
}*/

.sec-head .separator {
    position: relative;
    height: 0;
    text-align: center;
    width: 50%;
    margin: auto;
    top: 8px
}

    .sec-head .separator .cir {
        position: absolute;
        left: 0;
        top: -7px;
        width: 12px;
        height: 12px;
        border: 2px solid var(--color-default);
        background: #fff;
        margin: auto;
        right: 0
    }

    .sec-head .separator:before {
        content: "";
        position: absolute;
        top: -2px;
        left: 0;
        right: 0;
        margin: auto;
        width: 93px;
        border-bottom: 2px solid var(--color-default)
    }

    .sec-head .separator::after {
        content: "";
        position: absolute;
        top: -7px;
        right: 100%;
        margin-right: 10px;
        width: 36px;
        display: none
    }

.docr-info, .docr-info p, .sec-head {
    text-align: center
}

    .sec-head p {
        padding-top: 16px
    }

    .sec-head h3 {
        display: inline;
        color: var(--color-primary);
        border-radius: 23px;
        font-size: 23px;
        font-weight: 500
    }

    .sec-head h1, .sec-head h2, .sec-head h4 {
        padding-top: 14px;
        color: #ce111f;
        font-weight: 500;
        text-transform: uppercase
    }

.social-links::after, .social-links::before {
    border: 1px solid #ce111f;
    height: 250px;
    position: absolute;
    z-index: -1;
    content: ""
}

.sec-head h1 {
    font-size: 42px
}

.sec-head h2 {
    font-size: 38px
}

.sec-head h4 {
    font-size: 42px
}

.abt-section {
    text-align: center;
    padding-top: 40px;
    margin-bottom: 50px
}

.abt-matter p {
    padding-top: 10px;
    line-height: 30px;
    text-align: center;
    font-size: 16px
}

.abt-matter a, .main-footer .footer-bottom .copyright a, .main-footer .list li a:hover, .main-timeline .timeline:nth-child(odd) .title {
    color: var(--color-primary)
}

.social-links::after {
    top: -80px
}

.social-links {
    position: absolute;
    z-index: 99;
    left: 19px;
    text-align: center;
    top: 19rem;
    background: #ce111f;
    border-radius: 28px;
    width: 50px;
    padding: 9px 0
}

.social-icon-one {
    padding: 0;
    margin: 0
}

    .social-icon-one li, .social-icon-two li {
        position: relative;
        display: inline-block
    }

        .social-icon-one li a {
            position: relative;
            display: block;
            font-size: 19px;
            background: #fff;
            color: #000;
            text-align: center;
            width: 35px;
            height: 35px;
            border-radius: 50%;
            line-height: 34px;
            margin: 3px 0
        }

        .social-icon-one li:nth-child(5) a {
            color: #f518da
        }

        .social-icon-one li a:hover {
            color: var(--color-primary-light)
        }

.mvv-section {
    position: relative;
    padding-bottom: 25px
}

.counter {
    color: #000;
    text-align: center;
    padding: 20px 15px 15px;
    position: relative;
    z-index: 1
}

    .counter:after, .counter:before {
        content: "";
        background: #e3939d;
        border-radius: 14px;
        position: absolute;
        top: 80px;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1
    }

    .counter .counter-icon, .counter:after {
        background-color: #fff;
        border-radius: 10px
    }

    .counter:after {
        box-shadow: 0 10px 10px rgba(0,0,0,.3);
        top: 85px;
        left: 5px;
        right: 5px;
        bottom: 5px
    }

    .counter .counter-icon {
        color: #fff;
        font-size: 35px;
        text-align: center;
        line-height: 80px;
        width: 80px;
        height: 80px;
        margin: 0 auto 30px;
        box-shadow: 0 0 0 5px #b1b1b1;
        transform: rotate(45deg);
        padding: 16px
    }

        .counter .counter-icon img {
            transform: rotate(-45deg);
            display: block;
        }

    .counter .counter-value {
        font-size: 38px;
        font-weight: 600;
        line-height: 30px;
        margin: 0 0 15px;
        display: block
    }

    .counter h2 {
        font-size: 20px;
        font-weight: 600;
        text-transform: capitalize;
        color: #000;
        border-bottom: 2px solid;
        display: inline
    }

    .counter p {
        font-size: 15px;
        color: #202020;
        padding: 0 25px;
        line-height: 24px;
        margin-top: 10px
    }

.doc-section .serviceBox.purple .service-icon, .mvv-section .col-md-3:nth-child(2n) .counter::before {
    background: #aaa6bd
}

@media screen and (max-width:990px) {
    .counter {
        margin-bottom: 40px
    }
}

.doc-section {
    position: relative;
    margin-bottom: 35px
}

.home-doc {
    padding: 7px
}

    .home-doc img {
        border: 10px solid #f5f5f5;
        box-shadow: 0 0 5px #bfbfbf
    }

.team-item {
    padding-bottom: 15px;
    margin-left: 10px;
    margin-right: 10px
}

.doc-details {
    padding-top: 15px
}

    .doc-details h3 {
        font-size: 28px
    }

    .doc-details h4 {
        font-size: 20px;
        margin-bottom: 4px
    }

    .doc-details .number-box {
        padding: 10px 0
    }

.doc-section .doc-details a {
    color: #fff;
    background-color: #11998e;
    padding: 4px 14px;
    border-radius: 30px;
    font-size: 16px
}

.doc-section .serviceBox {
    text-align: center;
    padding: 0 10px
}

    .doc-section .serviceBox .service-icon {
        background: #c2f7ed;
        font-size: 80px;
        line-height: 127px;
        width: 155px;
        height: 155px;
        margin: 0 auto 10px;
        border-radius: 50%;
        position: relative;
        z-index: 1
    }

        .doc-section .serviceBox .service-icon span {
            font-size: 45px
        }

        .doc-section .serviceBox .service-icon:before {
            content: "";
            background: #fff;
            width: 85%;
            height: 85%;
            border-radius: 50%;
            box-shadow: 0 3px 8px rgba(0,0,0,.4);
            transform: translateX(-50%) translateY(-50%);
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: -1
        }

    .doc-section .serviceBox .title {
        color: #202020;
        font-size: 20px;
        font-weight: 500;
        line-height: 25px;
        text-transform: uppercase;
        margin: 0 0 5px
    }

    .doc-section .serviceBox .description {
        color: #202020;
        font-size: 13px;
        line-height: 20px;
        letter-spacing: .5px;
        margin: 0
    }

.serviceBox.pink .service-icon {
    background: #fbafb5
}

.inner-section2, .service_section .text_serv, .test-section {
    padding: 50px 0
}

    .test-section .test-desc {
        padding-top: 45px
    }

    .test-section .test-img img {
        border-radius: 35px 0;
        border: 7px solid #fff;
        box-shadow: 5px 5px 10px rgba(0,0,0,.3)
    }

    .blogs-section .blogs-content, .test-section .test-sec-row {
        padding-top: 35px
    }

    .test-section .serviceBox {
        color: #000;
        text-align: center;
        padding: 0 0 30px 20px;
        position: relative
    }

        .test-section .serviceBox:before {
            content: "";
            border: 3px dotted var(--color-pprimary-light);
            border-top-style: solid;
            border-bottom-style: solid;
            border-right: none;
            border-radius: 30px 0 0 30px;
            position: absolute;
            width: 35%;
            top: 90px;
            bottom: 7px;
            left: 0
        }

        .test-section .serviceBox .service-icon {
            font-size: 48px;
            line-height: 95px;
            width: 100px;
            height: 100px;
            margin: 0 auto 10px;
            border-radius: 50%;
            box-shadow: 5px 5px 10px rgba(0,0,0,.3);
            border: 3px solid var(--color-pprimary-light);
            position: relative
        }

        .test-section .serviceBox .service-content {
            padding: 20px 10px;
            border: 3px solid var(--color-pprimary-light);
            border-radius: 20px;
            box-shadow: 5px 5px 10px rgba(0,0,0,.3);
            background-color: #fff
        }

            .test-section .serviceBox .service-content:after, .test-section .serviceBox .service-content:before {
                content: "";
                background: var(--color-pprimary-light);
                width: 10px;
                height: 10px;
                border-radius: 50%;
                position: absolute;
                top: 86px;
                left: 35%
            }

            .test-section .serviceBox .service-content:after {
                border-radius: 0;
                transform: rotate(45deg);
                top: auto;
                bottom: 4px
            }

        .test-section .serviceBox .title {
            font-size: 20px;
            font-weight: 600;
            text-transform: uppercase;
            margin: 0 0 10px;
            color: #202020
        }

        .test-section .serviceBox .description {
            color: #202020;
            font-size: 14px;
            line-height: 23px
        }

.appointment-section {
    position: relative;
    padding: 195px 0 50px
}

    .appointment-section::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 60%;
        z-index: -1;
        padding-top: 50px;
        padding-bottom: 50px;
        margin-bottom: 15px;
        background-image: linear-gradient(to bottom,rgba(95,156,127,.75),rgba(0,0,0,.8)),url("../img/helping-hand-arya-hospital.jpg");
        background-size: cover;
        margin-top: -155px
    }

.appointment-form {
    text-align: center;
    padding: 51px;
    background: #fff;
    box-shadow: 0 6px 5px #8b8b8b;
    position: relative;
    border-radius: 32px
}

    .appointment-form .form-control {
        border: none;
        background-color: transparent;
        border-bottom: 1px dotted #000;
        border-radius: 0;
        color: #000
    }

    .appointment-form h2, .appointment-form p {
        color: #202020
    }

    .appointment-form .form-control:focus {
        color: #000;
        background-color: #fff;
        border-color: transparent;
        outline: 0;
        box-shadow: 0 0 10px #a6061c
    }

.pricingTable .btn-block:hover, .theme-btn {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

.appointment-form .form-control::-webkit-input-placeholder {
    color: #000;
    opacity: 1
}

.appointment-form .form-control::-moz-placeholder {
    color: #000;
    opacity: 1
}

.appointment-form .form-control:-ms-input-placeholder {
    color: #000;
    opacity: 1
}

.appointment-form .form-control::-ms-input-placeholder {
    color: #000;
    opacity: 1
}

.appointment-form .form-control::placeholder {
    color: #000;
    opacity: 1
}

.appointment-form .form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

.theme-btn {
    font-size: 16px;
    color: #fff;
    border-radius: 30px;
    background-color: #11998e;
    padding: 4px 14px
}

.pricingTable {
    border: 5px solid #727cb6;
    margin-top: 20px;
    text-align: center
}

    .pricingTable .pricingTable-header > span {
        width: 47%;
        border-radius: 5px;
        padding: 5px 10px;
        color: #fff;
        font-size: 18px;
        text-transform: capitalize;
        line-height: 1.5;
        display: inline-block;
        position: absolute;
        top: 3px;
        left: 0;
        right: 0;
        margin: auto
    }

    .pricingTable .pricingContent, .pricingTable .pricingTable-header {
        background-color: #fff
    }

        .pricingTable .pricingContent ul {
            list-style: none;
            margin-bottom: 0;
            padding: 0 15px
        }

            .pricingTable .pricingContent ul li {
                border-bottom: 1px dotted #8493a1;
                color: #9999a5;
                padding: 10px;
                text-align: center
            }

    .pricingTable .pricingTable-sign-up {
        color: #fff;
        padding: 10px 0
    }

    .pricingTable .price-value {
        font-size: 20px;
        font-weight: 400;
        color: #000
    }

    .pricingTable .btn-block {
        display: inline;
        color: #3c3c3c;
        border: 1px solid;
        padding: 2px 12px;
        border-radius: 30px;
        margin-top: 10px;
        background: #fff
    }

        .pricingTable .btn-block:hover {
            background: #fff
        }

.pricingTable-sign-up a {
    font-size: 14px
}

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

    .pricingTable {
        margin-bottom: 30px
    }

    .box {
        margin-bottom: 20px
    }
}

.faqs-section {
    padding: 68px 0 10px
}

.blogs-section .border-box {
    border-radius: 5px;
    box-shadow: 0 0 10px;
    padding: 5px;
    height: 404px
}

.blogs-section {
    padding: 35px 0
}

.service_section .service_txt_bottom {
    position: relative;
    padding: 15px 0
}

    .service_section .service_txt_bottom h4 {
        display: inline-block;
        padding: 14px 21px;
        color: #737373;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 36px;
        margin: 0;
        border-top: 2px solid #737373;
        border-bottom: 2px solid #737373;
        border-radius: 10px
    }

.appointment-section .appointment-text {
    margin: auto;
    left: 0;
    right: 0;
    position: relative;
    top: -61px
}

.appointment-text .appointmentt {
    position: relative;
    color: #fff;
    font-size: 36px;
    font-weight: 400;
    line-height: 1.3em;
    margin-bottom: 10px
}

    .appointment-text .appointmentt .icon {
        position: relative;
        color: #fff;
        font-size: 28px;
        margin-right: 18px
    }

.appointment-text .phone {
    position: relative;
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.3em
}

.service_section {
    position: relative;
    padding: 35px 0;
    margin-bottom: 20px
}

.box {
    position: relative;
    overflow: hidden;
    z-index: 1
}

    .box .box-img img {
        width: 100%;
        height: auto;
        transform: scale(1,1) translateY(0);
        transition: .8s;
        border-radius: 0 20px;
        margin-bottom: 33px;
        box-shadow: 0 3px 8px rgba(0,0,0,.4);
        border: 6px solid #fff
    }

.service_section .col-md-3:nth-child(2n) .box-img img {
    border: 8px solid #c2f7ed
}

.service_section .col-md-3:nth-child(odd) .box-img img {
    border: 8px solid #fdd6e9
}

.service_section .col-md-3:nth-child(2n) .box-img img, .service_section .col-md-3:nth-child(5) .box-img img, .service_section .col-md-3:nth-child(7) .box-img img {
    filter: grayscale(100%)
}

.service_section .col-md-3:nth-child(6) .box-img img, .service_section .col-md-3:nth-child(8) .box-img img {
    filter: grayscale(0%)
}

.box:hover .box-img img {
    transform: translateY(-50px) scale(.5);
    border-radius: 50%;
    box-shadow: 0 3px 8px rgba(0,0,0,.4)
}

.box .box-content {
    width: 100%;
    height: 95%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    z-index: -1;
    opacity: 0;
    background: #272731;
    transform: scale(0);
    padding: 10px 40px;
    transition: .8s;
    border-radius: 20px 0
}

.box .tag-line, .box .title {
    top: 60%;
    position: relative;
    color: #fff
}

.logo-widget .logo img, .main-footer .activity-list li a {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.box:hover .box-content {
    transform: scale(1,1);
    opacity: 1
}

.box .title {
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase
}

    .box .title:after {
        content: "";
        border: 1px solid #fff;
        display: block;
        margin-top: 10px
    }

.box .tag-line {
    font-size: 15px;
    text-transform: capitalize
}

@media only screen and (max-width:480px) {
    .box .title {
        font-size: 14px;
        letter-spacing: 0;
        top: 53%
    }

    .box .tag-line {
        top: 50%;
        font-size: 14px
    }
}

.main-footer .anim-icons .icon {
    opacity: .08
}

.main-footer .footer-upper {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    padding: 15px 0 0;
    margin-top: 0
}

    .main-footer .footer-upper .footer-column {
        position: relative;
        margin-bottom: 41px
    }

        .main-footer .footer-upper .footer-column:before {
            content: "";
            position: absolute;
            width: 3px;
            height: 137px;
            right: 12px;
            top: 83px
        }

        .main-footer .footer-upper .footer-column:last-child:before {
            content: none
        }

.main-footer .footer-widget .widget-title {
    position: relative;
    font-size: 23px;
    font-weight: 600;
    color: #2b9c87;
    margin-bottom: 18px;
    text-transform: uppercase
}

    .main-footer .footer-widget .widget-title::before {
        content: "";
        position: absolute;
        width: 62px;
        height: 2px;
        border-bottom: 2px solid #f26cbd;
        top: 32px
    }

a:hover {
    color: #f26cbd
}

.logo-widget, .main-footer .footer-bottom {
    position: relative;
    text-align: center
}

    .logo-widget p {
        font-size: 15px;
        line-height: 30px;
        font-weight: 400;
        margin: 0;
        padding-top: 32px;
        padding-bottom: 15px
    }

    .logo-widget .logo img {
        position: relative;
        transition: .3s;
        margin-top: 30px;
        width: 347px
    }

        .logo-widget .logo img:hover {
            opacity: 1
        }

    .logo-widget .text {
        position: relative;
        color: #000;
        font-size: 15px;
        line-height: 29px;
        margin-bottom: 7px
    }

.main-footer .activity-list {
    position: relative;
    padding-top: 10px
}

    .main-footer .activity-list li {
        position: relative;
        margin-bottom: 10px
    }

        .main-footer .activity-list li a {
            display: block;
            font-size: 16px;
            line-height: 22px;
            color: #c8bfe3;
            padding: 10px 15px 10px 30px;
            font-weight: 400;
            border: 1px solid rgba(255,255,255,.1);
            border-radius: 8px;
            transition: .3s
        }

.main-footer .list li a, .social-icon-two li a {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.main-footer .activity-list li a:hover {
    border: 1px solid #ff4788
}

.main-footer .list li {
    position: relative;
    display: block;
    margin-bottom: 0;
    padding-left: 17px
}

    .main-footer .list li:before {
        position: absolute;
        left: 0;
        top: 9px;
        height: 10px;
        width: 10px;
        border-radius: 5px;
        border: 2px solid var(--color-secondary);
        content: ""
    }

    .main-footer .list li a {
        position: relative;
        font-size: 15px;
        line-height: 26px;
        font-weight: 500;
        transition: .3s;
        color: #202020
    }

.main-footer .contact-info li {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 30px;
    color: #000;
    font-weight: 500;
    padding-left: 44px;
    margin-bottom: 20px
}

    .main-footer .contact-info li .icon {
        position: absolute;
        left: 0;
        top: 0;
        font-size: 17px;
        line-height: 30px;
        width: 30px;
        height: 30px;
        background: #e81f31;
        text-align: center;
        color: #fff
    }

    .main-footer .contact-info li a {
        color: #000;
        display: inline-block;
        transition: .3s
    }

        .main-footer .contact-info li a:hover {
            color: #f72f67
        }

.main-footer .footer-bottom:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: .03;
    content: ""
}

.main-footer .footer-bottom .copyright {
    position: relative;
    font-weight: 500;
    font-size: 15px;
    line-height: 30px;
    padding: 12px 0
}

    .main-footer .footer-bottom .copyright a:hover {
        text-decoration: underline
    }

.social-icon-two {
    position: relative;
    text-align: center;
    margin-top: 11px;
    display: inline-block;
    padding: 17px 17px 0;
    border-top: 1px dashed #07234c
}

    .social-icon-two li a {
        position: relative;
        display: block;
        font-size: 20px;
        width: 40px;
        height: 40px;
        line-height: 36px;
        color: #de0f0f;
        border: 1px solid #041d42;
        border-radius: 50%;
        font-weight: 400;
        text-align: center;
        margin: 0 5px;
        transition: .3s;
        background: 0 0
    }

        .social-icon-two li a:hover {
            color: #fff;
            background: #d91112
        }

        .social-icon-two li a:first-child, .social-icon-twoo li:first-child {
            margin-left: 0
        }

.main-footer .footer-upper ._addre_bar h5, .main-footer .footer-upper ._addre_bar p {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px
}

.main-footer .footer-upper ._addre_bar i {
    width: 45px;
    height: 45px;
    color: #151c17;
    background: #7bdfcc;
    font-size: 23px;
    line-height: 40px;
    margin-bottom: 15px;
    box-shadow: 0 4px 2px #858585;
    border-top: 4px solid;
    border-radius: 35px
}

.main-footer .footer-upper .add_bar_row {
    padding: 15px 0;
    border-top: 1px dashed #333;
    border-bottom: 1px dashed #333
}

.footer-column .footer-widget .fmap h2 {
    font-size: 18px
}

.footer-column .footer-widget .fmap {
    border: 9px solid #fff;
    box-shadow: 0 0 10px #ccc;
    background: #fff
}

.fmap iframe {
    width: 100%;
    height: 200px;
    box-shadow: 0 0 10px #ccc
}

.social-icon-twoo {
    position: relative;
    margin-top: 15px;
    display: flex;
    padding: 10px 0
}

    .social-icon-twoo li {
        position: relative;
        display: inline-block;
        margin-left: 8px
    }

        .social-icon-twoo li a {
            position: relative;
            display: block;
            font-size: 21px;
            width: 40px;
            height: 40px;
            line-height: 37px;
            background-color: #111f1f;
            color: #fafafa;
            border-radius: 50%;
            font-weight: 400;
            margin: 0 1px;
            -webkit-transition: .3s;
            -moz-transition: .3s;
            -ms-transition: .3s;
            -o-transition: .3s;
            transition: .3s
        }

        .social-icon-twoo li:nth-child(5) a {
            color: #0354ab
        }

    .social-icon-twoo::before {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 26px;
        width: 100%;
        max-width: 800px;
        height: 5px;
        background: linear-gradient(to left,var(--color-secondary),rgb(255 255 255 / 0%),var(--color-secondary));
        content: "";
        border-radius: 32px
    }

.content-section {
    position: relative;
    color: #fff
}

.content-section1 h2 {
    text-transform: capitalize;
    font-weight: 600;
    color: var(--color-secondary);
    font-size: 40px;
    margin-bottom: 18px
}

.content-section1 .styles li {
    position: relative;
    display: block;
    margin-bottom: 0;
    padding-left: 40px;
    font-size: 18px;
    line-height: 34px
}

    .content-section1 .styles li::before {
        position: absolute;
        left: 11px;
        content: "\f101";
        font-family: FontAwesome;
        font-size: 21px;
        color: var(--color-secondary)
    }

.content-section::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: linear-gradient(to bottom,rgba(0,0,0,.6),rgba(0,0,0,.6)),url("../img/arya-content-overlay.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.content-section1 {
    padding: 80px 0
}

.n-section {
    position: relative;
    padding: 25px 0
}

.subscribe-block {
    position: relative;
    padding: 40px 38px;
    background-color: #268775;
    border-color: #fff;
    box-shadow: 0 0 10px
}

.sub-title h2 {
    text-transform: uppercase;
    color: #fff;
    font-size: 33px
}

.sub-title p {
    margin: 0;
    color: #fff;
    font-size: 14px
}

.subscribe-input {
    position: relative;
    margin-top: 12px
}

    .subscribe-input .form-control {
        height: 58px;
        background-color: transparent;
        border: 1px solid #e4e4e4;
        color: #fff
    }

    .subscribe-input .btn {
        position: absolute;
        top: 7px;
        right: 8px;
        background: #fff;
        border: none;
        border-radius: 0;
        padding: 11px 16px;
        color: #000
    }

    .subscribe-input .btn-danger:hover {
        color: #fff;
        background-color: var(--color-secondary);
        border-color: transparent
    }

    .subscribe-input .form-control:focus {
        color: #000;
        background-color: #fff;
        border-color: transparent;
        outline: 0
    }

.main-timeline:after {
    content: "";
    display: block;
    clear: both
}

.main-timeline .timeline {
    min-height: 140px;
    padding: 30px 80px 30px 0;
    margin: -70px 30px 0 0;
    float: left;
    overflow: hidden;
    position: relative
}

    .main-timeline .timeline:before {
        content: "";
        background-color: var(--color-pprimary-light);
        height: 80px;
        width: 80px;
        border-radius: 35px;
        transform: translateY(-50%) rotate(45deg);
        position: absolute;
        right: -22px;
        top: 50%
    }

.main-timeline .timeline-content {
    color: #000;
    font-size: 17px;
    font-weight: 300;
    padding: 15px;
    display: block
}

.main-timeline .timeline-icon {
    color: #000;
    background-color: #fff;
    font-size: 30px;
    text-align: center;
    line-height: 60px;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: 7px;
    top: 50%;
    z-index: 1;
    box-shadow: -3px 3px 7px rgba(0,0,0,.3)
}

.main-timeline .timeline:nth-child(2n) {
    padding: 30px 0 30px 80px;
    float: right
}

    .main-timeline .timeline:nth-child(2n):before {
        right: auto;
        left: -21px
    }

    .main-timeline .timeline:nth-child(2n) .timeline-icon {
        right: auto;
        left: 7px
    }

.main-timeline .timeline:nth-child(4n+2):before {
    background-color: var(--color-secondary-light)
}

.main-timeline .timeline:nth-child(4n+2) .timeline-content, .main-timeline .timeline:nth-child(4n+2) .timeline-icon, .main-timeline .timeline:nth-child(4n+3) .timeline-content, .main-timeline .timeline:nth-child(4n+3) .timeline-icon {
    color: #000
}

.main-timeline .timeline:nth-child(4n+3):before {
    background-color: var(--color-pprimary-light)
}

.main-timeline .title {
    color: #df2947;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0 0 5px
}

@media only screen and (max-width:767px) {
    .pricingTable {
        margin-bottom: 40px
    }

    .main-timeline {
        padding: 0
    }

        .main-timeline:before {
            width: 2%;
            transform: translateX(0);
            left: 0
        }

        .main-timeline .timeline, .main-timeline .timeline:nth-child(2n) {
            width: 97%;
            min-height: auto;
            padding: 0 0 0 80px;
            margin: 0 0 5px;
            float: right
        }

            .main-timeline .timeline:before {
                right: auto;
                left: -75px
            }

            .main-timeline .timeline .timeline-icon {
                right: auto;
                left: 7px
            }

        .main-timeline .timeline-content {
            font-size: 16px
        }
}

.bread_cumb_wrap {
    position: relative;
    text-align: center;
    left: 0;
    right: 0;
    padding: 170px 0 60px
}

    .bread_cumb_wrap::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 543px;
        top: 0;
        left: 0;
        z-index: -1;
        background-image: url(../img/bread-bg-1.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        opacity: .2
    }

    .bread_cumb_wrap h1 {
        text-transform: capitalize;
        color: #000;
        font-size: 26px;
        margin-bottom: 10px;
        font-weight: 600
    }

._blog_nav h4, ._contact_info h3, .contact_form h4, .hos-name {
    text-transform: uppercase
}

.bread_cumb_wrap ul {
    display: inline-block;
    box-shadow: 0 5px 4px #ccc;
    padding: 4px 15px;
    border-radius: 30px;
    background: #fff;
    border: 4px solid #ccc
}

    .bread_cumb_wrap ul li {
        display: inline-block;
        position: relative;
        padding: 0 7px;
        color: #2c2c2c
    }

.bread_cumb_wrap i {
    color: #ee63b7
}

.bread_cumb_wrap ul li a {
    display: block;
    color: #000;
    font-size: 17px
}

._blog_nav h4, ._contact_info h3, ._contact_info ul li i, .box1 .social li, .contact_form h4, .docr-info h4 {
    display: inline-block
}

.inner-section1 {
    padding: 50px 0 100px
}

._contact_info {
    position: relative;
    text-align: center;
    background: #e1fff9;
    padding: 52px 39px;
    margin-bottom: 30px;
    border: 1px dashed
}

    ._contact_info h3 {
        color: #000;
        border-bottom: 1px solid;
        margin-bottom: 27px
    }

    ._contact_info ul li {
        position: relative;
        color: #000;
        border-bottom: 1px dashed #a2a2a2;
        padding-bottom: 12px;
        margin-bottom: 16px
    }

        ._contact_info ul li:last-child {
            border-bottom: 0;
            margin-bottom: 0;
            padding-bottom: 0
        }

        ._contact_info ul li i {
            width: 40px;
            color: #fff;
            height: 40px;
            background: #ee63b7;
            font-size: 19px;
            border-radius: 50%;
            line-height: 39px;
            margin-bottom: 8px
        }

        ._contact_info ul li span {
            display: block;
            font-size: 15px
        }

.contact_form {
    position: relative;
    padding: 20px;
    border: 10px solid #e8e8e8;
    margin-bottom: 30px;
    background: #fee0f2
}

    .contact_form h4 {
        margin-bottom: 30px;
        border-bottom: 1px solid
    }

    .contact_form .form-control {
        height: 45px;
        background-color: #fff
    }

    .contact_form textarea.form-control {
        height: 80px
    }

    .contact_form .btn {
        margin-top: 40px
    }

.cmap iframe {
    width: 100%;
    height: 207px;
    margin-top: 0
}

.contact_form .btn-danger {
    background: #268775;
    border: #268775
}

.inner-section {
    position: relative;
    min-height: 47vh;
    padding: 110px 0 80px;
    text-align: center
}

.main-timeline1 .timeline1 {
    width: calc(50% - 1px);
    padding: 3px 0;
    margin: 0 2px 0 0;
    float: left
}

.main-timeline1 .timeline-content1 {
    color: #777;
    text-align: center;
    padding: 20px 60px 20px 0;
    display: block;
    position: relative
}

    .main-timeline1 .timeline-content1:before {
        content: '';
        background: #ee63b7;
        width: 40px;
        transform: skewY(-20deg);
        position: absolute;
        right: -20px;
        top: 0;
        bottom: 0
    }

.main-timeline1 .timeline-year1 {
    color: #555;
    background-color: #268775;
    font-size: 38px;
    font-weight: 600;
    line-height: 100px;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: -50px;
    z-index: 1
}

    .main-timeline1 .timeline-year1:before {
        content: '';
        background-color: #fff;
        border-radius: 50%;
        box-shadow: 5px 5px 7px rgba(0,0,0,.4);
        position: absolute;
        left: 10px;
        right: 10px;
        top: 10px;
        bottom: 10px;
        z-index: -1
    }

.main-timeline1 .title {
    color: #000;
    font-size: 22px;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: .5px;
    margin: 0 0 5px
}

.main-timeline1 .description {
    font-size: 15px;
    line-height: 27px;
    margin: 0
}

.main-timeline1 .timeline1:nth-child(2n) {
    float: right
}

    .main-timeline1 .timeline1:nth-child(2n) .timeline-content1 {
        padding: 20px 0 20px 60px
    }

        .main-timeline1 .timeline1:nth-child(2n) .timeline-content1:before {
            right: auto;
            left: -20px
        }

    .main-timeline1 .timeline1:nth-child(2n) .timeline-year1 {
        right: auto;
        left: -50px
    }

@media screen and (max-width:767px) {
    .main-timeline1 .timeline1, .main-timeline1 .timeline1:nth-child(2n) {
        width: 100%;
        margin: 0 0 2px
    }

        .main-timeline1 .timeline-content1, .main-timeline1 .timeline1:nth-child(2n) .timeline-content1 {
            padding: 20px 0 20px 120px
        }

            .main-timeline1 .timeline-content1:before, .main-timeline1 .timeline1:nth-child(2n) .timeline-content1:before {
                left: 30px
            }

        .main-timeline1 .timeline-year1, .main-timeline1 .timeline1:nth-child(2n) .timeline-year1 {
            left: 0;
            right: auto
        }
}

.box1 .content1, .close {
    right: 0;
    position: absolute
}

.blog-matter p, .innerabt-matter p, .serv-matter p {
    font-size: 15px;
    text-align: justify
}

.ol_styles {
    padding: 0 0 0 20px;
    display: inline-grid;
    margin-bottom: 0
}

    .ol_styles li {
        position: relative;
        padding-left: 20px;
        margin-bottom: 5px;
        line-height: 28px;
        font-size: 15px
    }

        .ol_styles li::before {
            position: absolute;
            left: 0;
            top: 0;
            font-size: 17px;
            line-height: 28px;
            color: #373434;
            font-weight: 900;
            content: "\f0da";
            font-family: "Font Awesome 5 Free"
        }

._blog_nav, ._blog_nav ul li a, .box1 {
    position: relative
}

.serv-matter .serv-img img {
    border: 7px solid #f5f5f5;
    box-shadow: 0 0 10px #9f9f9f
}

.inner-abt h4, .innerabt-matter h2, .memer-ships h4, .serv-matter h2 {
    color: var(--color-secondary);
    font-size: 23px;
    margin-bottom: 5px
}

.serv-matter h3 {
    color: var(--color-secondary);
    font-size: 20px
}

.inner-doc-img img {
    box-shadow: 0 0 10px
}

.docr-info h4 {
    margin-top: 14px;
    border-bottom: 1px solid
}

.serv-img img {
    border: 7px solid #f5f5f5;
    box-shadow: 0 0 10px #9f9f9f;
    width: 300px
}

.memer-ships .ol_styles {
    margin-bottom: 10px
}

.innerabt-matter h5 {
    font-size: 30px;
    color: var(--color-secondary)
}

.hos-name {
    font-size: 40px !important;
    color: var(--color-primary) !important
}

.vid-yt1 .col-md-3 {
    padding: 15px
}

.vid-yt iframe {
    border: 5px solid #ccc
}

.inner_blog_row .col-md-4 {
    padding: 20px;
    text-align: center;
    box-shadow: 0 0 10px #ccc;
    background: #fff
}

._blog_nav ul, .box1 .social {
    padding: 0;
    list-style: none
}

.inn_blog_list h2 {
    font-size: 22px;
    margin: 12px 0 0;
    color: #003c70
}

.inn_blog_list p {
    font-size: 16px;
    margin: 10px 0 11px
}

.inn_blog_list a._blg_link {
    display: inline-block;
    position: relative;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    padding: 5px 14px;
    font-weight: 500;
    overflow: hidden;
    border-radius: 5px;
    background: linear-gradient(to left,#ee63b7,#2b9c87)
}

._blog_nav {
    box-shadow: 0 0 10px #ccc;
    padding: 17px 18px;
    margin: 0 0 29px;
    border-top: 4px solid #429c86;
    background: #ca2188
}

    ._blog_nav h4 {
        font-size: 25px;
        margin-bottom: 10px;
        border-bottom: 1px solid;
        color: #fff
    }

    ._blog_nav ul li a {
        display: block;
        border-bottom: 1px dashed #ccc;
        padding-bottom: 10px;
        margin-bottom: 10px;
        padding-left: 17px;
        color: #fefffc;
        font-size: 18px
    }

    ._blog_nav ul li:last-child a {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0
    }

    ._blog_nav ul li a::before {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        border: 2px solid;
        left: 0;
        border-radius: 50%;
        top: 8px
    }

.blog-matter h2 {
    font-size: 25px;
    color: var(--color-secondary)
}

.blog-matter h3 {
    font-size: 20px;
    color: var(--color-primary)
}

.pricingTable.blue, .pricingTable.blue .pricingTable-header > span, .pricingTable.pink, .pricingTable.pink .pricingTable-header > span {
    background: #dffffc;
    border-color: #fff;
    box-shadow: 0 0 10px;
    color: #000
}

.box1 {
    overflow: hidden;
    margin-bottom: 33px;
    border-radius: 18%;
    border: 8px solid #f5f5f5;
    box-shadow: 0 0 10px rgba(0,0,0,.3)
}

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

    .box1 .box-content1 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }

        .box1 .box-content1:after, .box1 .box-content1:before {
            content: "";
            width: 95%;
            height: 47%;
            background: #000;
            position: absolute;
            left: 0;
            right: 0;
            margin: auto;
            opacity: 0;
            transition: .5s
        }

        .box1 .box-content1:before {
            top: -20%;
            border-radius: 35px 35px 0 0
        }

    .box1:hover .box-content1:before {
        top: 3%;
        opacity: .8
    }

    .box1 .box-content1:after {
        bottom: -20%;
        border-radius: 0 0 35px 35px
    }

    .box1:hover .box-content1:after {
        bottom: 3%;
        opacity: .8
    }

    .box1 .content1 {
        width: 100%;
        height: 45px;
        top: 0;
        left: 0;
        bottom: 0;
        text-align: center;
        margin: auto;
        opacity: 0;
        transform: rotate(90deg);
        z-index: 1;
        transition: .5s
    }

    .box1:hover .content1 {
        opacity: 1;
        transform: rotate(0)
    }

    .box1 .social {
        margin: 0 0 20px
    }

        .box1 .social li {
            margin-right: 10px
        }

            .box1 .social li a {
                display: block;
                width: 40px;
                height: 40px;
                top: -35px;
                border-radius: 50%;
                line-height: 40px;
                background: #fff;
                font-size: 18px;
                color: #000;
                transition: .3s;
                position: relative
            }

                .box1 .social li a:hover {
                    color: #d83f15
                }

    .box1 .title {
        font-size: 16px;
        color: #fff;
        margin-bottom: 7px;
        padding: 0 10px;
        position: relative;
        top: -49px
    }

    .box1 .post {
        font-size: 14px;
        color: #fff;
        text-transform: capitalize
    }

@media only screen and (max-width:990px) {
    .box1 {
        margin-bottom: 30px
    }
}

.first-serv-row {
    padding: 30px 0 0
}

.other-section {
    margin-bottom: 50px
}

.pp-header.modal-header {
    display: block;
    padding: 0;
    border: none
}

.pp-dialouge.modal-dialog {
    margin-top: 8%
}

.close {
    top: 0;
    z-index: 2;
    background-color: var(--color-secondary) !important;
    opacity: 1;
    color: #fff;
    font-size: 35px;
    padding: 0 6px 2px
}

.pp-body.modal-body p {
    font-size: 20px
}

.modal-dialog {
    max-width: 520px
}

.facility-border {
    border: 3px solid #f7d1d4;
    border-radius: 10px;
    margin-bottom: 10px
}

.facility-img img {
    max-width: 100%;
    height: auto;
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.facility-text p {
    background-color: #ce111f;
    color: #fff;
    text-align: center;
    padding: 5px;
    margin-bottom: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.page-hospital-header {
    position: relative;
    display: block;
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 120px 0px 120px;
    z-index: 1;
    overflow: hidden;
}

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

.page-hospital-header__inner {
    position: relative;
    display: block;
}

    .page-hospital-header__inner .thm-hospital-breadcrumb {
        position: relative;
        display: inline-block;
        margin-bottom: 11px;
        overflow: hidden;
    }

        .page-hospital-header__inner .thm-hospital-breadcrumb::before {
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            height: 1px;
            background: #fff;
            content: "";
        }

        .page-hospital-header__inner .thm-hospital-breadcrumb li {
            position: relative;
            display: inline-block;
            color: #ffffff;
            font-size: 14px;
            line-height: 24px;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 0.1em;
        }

            .page-hospital-header__inner .thm-hospital-breadcrumb li a {
                position: relative;
                display: inline-block;
                color: #ffffff;
                font-size: 14px;
                line-height: 24px;
                font-weight: 500;
                text-transform: uppercase;
                letter-spacing: 0.1em;
            }

            .page-hospital-header__inner .thm-hospital-breadcrumb li + li {
                padding-left: 13px;
            }

    .page-hospital-header__inner h2 {
        color: #fff;
        font-size: 50px;
        line-height: 1em;
        letter-spacing: -0.04em;
    }

.video-block-page {
    padding: 6px;
    background: #f9fafa;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    transition: all 0.3s;
}

    .video-block-page h4 {
        font-size: 16px;
        font-weight: 600;
        text-align: center;
        margin: 0;
        padding: 15px 0;
    }

@media (max-width: 768px) {
    .header-row {
        display: flex !important;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
}

@media(max-width:991px)
{
.slides 
{
    background-position: center !important;
    background-repeat: no-repeat ! Important;
    background-size: 100% !important;
    height: 30vh;
}
}
/* 📱 All mobiles (Android + iPhone) */
@media (max-width: 768px) {
  .box .box-content {
    width: 100%;
    height: 95%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    z-index: -1;
    opacity: 1; /* already fully visible */
    background: #272731;
    transform: scale(1, 1);
    padding: 10px 40px;
    transition: .8s;
    border-radius: 20px 0;
  }

  .box-img img {
    transform: translateY(-33px) scale(0.5) !important;
    border-radius: 50% !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4) !important;
  }

  .box .box-img img {
    width: 100%;
    height: auto;
    transform: scale(1, 1) translateY(0);
    transition: .8s;
    border-radius: 0 20px;
    margin-top: -45px;	
    margin-bottom: 78px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .4);
    border: 6px solid #fff;
  }
}

/* iPhone-only overrides (applies only when JS added class is present) */
.is-ios .box {
  /* ensure absolute children position relative to this box */
  position: relative !important;

  /* give box an explicit min-height on iOS so % heights inside work */
  /* keep it flexible: use viewport height to mimic your 95% original.
     Adjust 95vh -> a different value if you used a specific parent size. */
  min-height: 95vh !important;
  /* if you prefer to keep relative to content instead of viewport,
     use min-height: -webkit-fill-available; or specific px value */
}

.is-ios .box .box-content {
  /* keep the same visual placement as absolute, but avoid iOS % height bugs */
  position: relative !important;
  top: -508px;
	order:-1;
  left: 0;
  width: 100% !important;

  /* avoid percent-height bug — use auto with a min-height that matches Android look */
  height: auto !important;
  min-height: 95% !important;        /* keeps same visual size as Android */

  /* stacking & background fixes */
  z-index: -1 !important;             /* ensure visible above other layers */
  background-color: #272731 !important;

  /* make transforms GPU-accelerated and Safari-friendly */
  -webkit-transform: translateZ(0) scale(1) !important;
  transform: translateZ(0) scale(1) !important;
  -webkit-backface-visibility: hidden !important;
  will-change: transform, opacity !important;
}
.is-ios .sec-head h4 
{
	margin-bottom:80px;
}
/* keep image transform consistent on iOS */
.is-ios .box-img img {
  -webkit-transform: translateY(-33px) scale(0.5) translateZ(0) !important;
  transform: translateY(-33px) scale(0.5) translateZ(0) !important;
  box-shadow: 0 3px 8px rgba(0,0,0,0.4) !important;
  border-radius: 50% !important;
}

.is-ios .box .box-img img {
  margin-top: -45px !important;
  margin-bottom: 78px !important;
  transform: scale(1) translateY(0) translateZ(0) !important;
  -webkit-transform: scale(1) translateY(0) translateZ(0) !important;
}
.swiper {
  width: 100%;
  padding: 20px 0;
}

.swiper-wrapper {
  transition-timing-function: linear !important; /* Force linear motion */
}

.swiper-slide {
  background: #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  border-radius: 10px;
  padding: 20px;
}