/* Roboto fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Public+Sans:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/* Merriweather fonts */
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&display=swap');

/* Sora fonts */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');


/* ============== Utalities Class Start ============== */
.sora-font {
    font-family: "Sora", sans-serif !important;
}

.merriwether-font {
    font-family: "Merriweather", serif !important;
}

.roboto-font {
    font-family: "Roboto", sans-serif !important;
}

.blue-color {
    color: #004AAD;

}

.blue-bg {
    background: #004AAD;
}

.font-100 {
    font-weight: 100;
}

.font-200 {
    font-weight: 200;
}

.font-300 {
    font-weight: 300;
}

.font-400 {
    font-weight: 400;
}

.font-500 {
    font-weight: 500;
}

.font-600 {
    font-weight: 600;
}

.font-700 {
    font-weight: 700;
}

.font-800 {
    font-weight: 800;
}

.font-900 {
    font-weight: 900;
}

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

.font-16 {
    font-size: 16px;
}

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

.font-20 {
    font-size: 20px;
}

.font-22 {
    font-size: 22px;
}

.font-24 {
    font-size: 24px;
}

.para-color {
    color: #606060;
}

.blue-color {
    color: #0D4FA0;
}

.blue-bg {
    background: #0D4FA0 !important;
}

.text-justified {
    text-align: justify;
}

.inr-liks{
    color: #0D4FA0 !important;
}

.word-spacings {
    word-spacing: 1px;
}

.lightblue-color {
    color: #0098FF !important;
}

.darkbluebg {
    background: #01377A !important;
}

.lightblue-bg {
    background: #0098FF !important;
}

.graybg {
    background: #F9F9F9;
}

.white-buttonouter .whitebutton {
    background: linear-gradient(180deg, #146ABC -22.69%, #001A67 100%);
    border-radius: 5px 5px 8px 8px !important;
    border: none;
    padding: 10px;
    border-top: 2px solid #FFFFFF !important;
    border-left: 2px solid #FFFFFF !important;
    border-right: 2px solid #FFFFFF !important;
    border-bottom: 4px solid #FFFFFF !important;
    padding: 1px 10px;
    border-radius: 5px 5px 8px 8px;
}

.blue-buttonouter .bluebutton {
    background: linear-gradient(180deg, #146ABC -22.69%, #001A67 100%);
    border-radius: 5px 5px 8px 8px !important;
    border: none;
    padding: 10px;
    border-top: 2px solid #0098FF !important;
    border-left: 2px solid #0098FF !important;
    border-right: 2px solid #0098FF !important;
    border-bottom: 4px solid #0098FF !important;
    padding: 1px 10px;
    border-radius: 5px 5px 8px 8px;
}

.red-btn {
    background: linear-gradient(180deg, #FF5F67 -22.69%, #CE000A 100%);
    border: none;
    padding: 7px 18px;
    color: white;
    font-size: 16px;
    box-shadow: 0px 3px 14px 0px #0000001A;
    font-family: "Sora", sans-serif !important;
    border-radius: 7px;
    font-weight: 700;
}

.plus-btn {
    background: white;
    border-width: 2px 2px 4px 2px;
    border-style: solid;
    border-color: #0098FF;
    padding: 5px 10px;
    border-radius: 7px;
    color: #0D4FA0;
    font-weight: 700;
    font-size: 16px;
}

.fa-plus {
    color: #0098FF;
    font-weight: 600;
}

/* ============== Utalities Class End ============== */

/* ============== Comming Soon page Start ========== */
.comming-sec {
    background: url(./images/comming-banner.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100vh;
}

.comming-sec .soon-logo {
    width: 315px;
    height: auto;
}

/* ============== Comming Soon page End ============ */

.header-sec {
    position: absolute;
    z-index: 999;
    width: 100%;
}

.head-top-links a img {
    width: 38px;
    height: auto;
}

.inside-logo {
    box-shadow: 0px 4px 24px 0px #00000040;
    border-radius: 20px;
    width: 135px;
    height: auto;
}

.top-logo {
    box-shadow: 0px 4px 24px 0px #00000040;
    border-radius: 0 0 20px 20px;
    width: 180px;
    height: auto;
    background: white;
}

.navigation-bar {
    background: white;
    box-shadow: 0px 4px 18px 0px #00000040;
    border-bottom: 6px solid #0098FF;
    border-radius: 10px;
    padding: 24px 0;
}

.navigation-bar .nav-item a {
    font-family: "Sora", sans-serif !important;
    padding: 0 !important;
    font-size: 16px;
    color: #000000;
    text-align: left;
    font-weight: 500;
}

.navigation-bar ul .nav-item {
    margin-right: 12px;
    padding: 0px 8px;
    text-align: center;
}

.navigation-bar .navbar-toggler {
    background: white;
    padding: 5px;
}

.navigation-bar .dropdown-menu li {
    margin: 3px 0;
}

.navigation-bar .dropdown-menu {
    min-width: 15rem;
}

.navigation-bar .dropdown:hover .dropdown-menu {
    display: block;
}

.navigation-bar .dropdown-menu li a {
    font-family: "Sora", sans-serif !important;
    padding: 0 !important;
    font-size: 16px;
    color: #000000;
    padding: 5px 15px !important;
    font-weight: 500;
}

.navigation-bar .nav-item a:hover {
    color: #007bff;
}

.navigation-bar .nav-item .active {
    color: #007bff !important;
    position: relative;
}

.navigation-bar .nav-item {
    position: relative;
}

.navigation-bar .active .nav-item::before {
    display: block !important;
}

.hero-overlay {
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    height: 715px;
}

.carousel-inner img {
    height: 715px;
    object-fit: cover;
}


.head-full-sec {
    position: relative;
    width: 100%;
    height: 715px;
    display: flex;
    align-items: anchor-center;
}

.slider {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 1;
}

.slider .carousel-indicators [data-bs-target] {
    width: 22px !important;
    height: 5px !important;
    border-radius: 40px !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    background: white;
    opacity: 1 !important;
}

.carousel-indicators .active {
    background: #39BCD7 !important;
}

.heading-sec {
    position: relative;
    z-index: 999;
    color: white;
}

.heading-sec h1 {
    font-size: 60px;
    margin-bottom: 25px;
}

.navigation-bar .nav-item .active::before {
    display: none;
}

@media (min-width:768px) {
    .navigation-bar .nav-item .active::before {
        content: '💙';
        font-size: 12px;
        position: absolute;
        left: 32%;
        top: -6px;
        transform: translateY(-50%);
        display: inline-block;
    }
}

/* header-end */

.about-sec .about-image-sec {
    width: 100%;
    height: 455px;
}

.about-sec .about-image-sec img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.blu-border-sec {
    width: 93%;
    height: 414px;
    border: 6px solid #0098FF;
    border-radius: 20px;
    position: absolute;
    top: 20px;
    margin: 0 auto;
    left: 17px;
}

.right-banner {
    position: absolute;
    right: 0;
    object-fit: cover;
    top: 0;
    height: 100%;
    z-index: -1;
}

.left-banner {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: -1;
}

.heat-image {
    position: absolute;
    top: 150px !important;
    left: -50px !important;
    width: 120px !important;
    height: 120px !important;
    border-radius: 50% !important;
    box-shadow: 0px 4px 14px 0px #00000026;
}

/* donate section start */
.donate-sec {
    background: #004AAD !important;
    padding: 40px 10px;
}

.donate-sec .main-box {
    border: 4px solid #0098FF;
    border-radius: 25px;
    padding: 20px;
    background: #004AAD !important;
}

.donate-sec .crvd-line-sec {
    position: relative;
    top: -75px !important;
    position: relative;
    top: -75px !important;
    width: 94%;
    margin: 0 auto;
}

.donate-sec .owl-theme .owl-nav {
    margin-top: 0 !important;
    position: relative;
    top: 40px;
}

.donate-sec .main-box img {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    border-radius: 50%;
    object-fit: cover;
}

.donate-sec .main-box .hide-sec {
    border-radius: 22px;
    opacity: 0;
    position: absolute;
    top: 225px;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    transition: 0.6s ease-in-out;
}

.hide-sec::-webkit-scrollbar {
    display: none;
}

.donate-sec .main-box:hover .hide-sec {
    opacity: 1;
    top: 0;
    transition: 0.6s ease-in-out;
}

.donate-sec .owl-item {
    padding: 0 !important;
}

.donate-sec .owl-theme .owl-dots {
    display: none !important;
}

/* departments section start */
.departments {
    background: #F9F9F9;
    padding: 30px 0 0 0;
}

.departments .card img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}

.departments .card {
    /* box-shadow: 0px 2px 8px 1px #00000059; */
    box-shadow: 0px 4px 4px 0px #00000026;
    border: none;
    border-radius: 10px;
    height: 100%;
}

.departments .owl-item .card .card-body p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.departments .owl-carousel .owl-nav.disabled {
    display: block !important;
}

.departments .owl-carousel .owl-dots {
    display: none !important;
}

.departments .owl-item {
    padding: 12px 8px 15px 8px;
}

.crvd-line-sec {
    position: relative;
    top: -118px;
}

.crved-line {
    width: 83%;
    height: auto;
}

.owl-theme .owl-nav {
    margin-top: 30px;
}

.departments .owl-next {
    background: url(./images/depart-slid-right.svg) !important;
    width: 50px;
    height: 50px;
    border-radius: 50% !important;
    background-size: cover !important;
}

.departments .owl-prev {
    background: url(./images/depart-slid-left.svg) !important;
    width: 50px;
    height: 50px;
    border-radius: 50% !important;
    background-size: cover !important;
}

.donate-sec .owl-next {
    background: url(./images/donate-slide-btn-r.svg) !important;
    width: 50px;
    height: 50px;
    border-radius: 50% !important;
    background-size: cover !important;
}

.donate-sec .owl-prev {
    background: url(./images/donate-slide-btn-f.svg) !important;
    width: 50px;
    height: 50px;
    border-radius: 50% !important;
    background-size: cover !important;
}

.departments .owl-next span,
.departments .owl-prev span {
    display: none;
}

.message-box {
    background-color: #004AAD;
    border-radius: 25px;
}

.message-box .msge-user {
    width: 150px;
    height: 150px;
    object-fit: cover;
}

.statmnt-box {
    background-color: #0098FF;
    border-radius: 25px;
}

.sml-box {
    background: #004AAD;
    border-radius: 0 0 10px 10px;
    height: 100% !important;
    z-index: 999;
}

.sml-box .eye-img {
    width: 120px;
    height: 120px;
    margin-top: -80px;
    object-fit: cover;
    border-radius: 50%;
}

.sml-box .smx-para {
    font-size: 12px;
    line-height: 23px;
}

.sml-box .ninty {
    color: #0098FF;
}

.eye-check-img-sec {
    width: 100%;
    height: 370px;
}

.eye-check-img-sec img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px;
}

.facilities-sec .service-card {
    width: 100%;
    height: 260px;
    border-radius: 18px;
}

.facilities-sec .service-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 18px;
}

.title-main {
    text-align: -webkit-center;
}

.service-title {
    box-shadow: 0px 4px 4px 0px #00000040;
    padding: 18px 8px;
    text-align: center;
    border-radius: 7px 7px 18px 18px;
    position: relative;
    background: white;
    width: 95%;
    margin: -66px 0px 0 0;
}

/*blog section  */
.heading h1 {
    font-weight: 600;
    font-size: 36px;
}

.heading img {
    width: 80px;
    height: auto;
}

.blog-card {
    height: 100%;
}

.blogimg-outer {
    width: 100%;
    height: 318px;
    position: relative;
}

.blogimg-outer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}

.blogoverlay {
    background: url(./images/blog-overlay.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 0;
    padding: 0px 10px;
    border-radius: 0 0 15px 15px;
}

.blogoverlay span {
    font-size: 14px;
    font-weight: 700;
}

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

.blogoverlay p {
    font-size: 13px;
    font-weight: 300;
}

/*blog section  */

/* new-letter-sec */
.new-letter-sec .subsribe-heading {
    font-size: 36px;
}

::placeholder {
    font-family: "Sora", sans-serif !important;
    color: var(--color-grey-46, #757575);
    font-size: 12px;
}

.newsinput {
    box-shadow: 0px 4px 4px 0px #00000040;
}

.subscribe-btn {
    font-size: 14px;
    font-weight: 500;
}

/* new-letter-sec */

/* sitelogo */
.sitelogo-sec .sitelogo-outer {
    width: 150px;
    height: auto;
    margin: 0 auto;
}

.sitelogo-outer img {
    width: 100%;
    height: 100%;
    object-fit: cover;

}

/* sitelogo */

/* footer css start */
.footer-sec {
    background-color: #0D4FA0;
}

.contact-list li {
    font-size: 14px;
    line-height: 23px;
    font-weight: 300;
    cursor: pointer;
}

.contact-list li a:hover {
    color: #0098ff !important;
    transition: 0.5ms ease-in-out;
}

.footer-social-links .socials-icons {
    width: 48px;
    height: auto;
}

.contact-list li a:hover svg path {
    fill: #0098ff;
}

.contact-list li span {
    font-weight: 500;
}

.parternimg-outer {
    width: 80px;
    height: 52px;
}

.parternimg-outer img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.copyright-sec {
    border-top: 1px solid #ffffff;
    padding: 18px 0;
    line-height: 24px;
}

@media (max-width: 576px) {
    .ftersocial-imgs img {
        width: 36px;
        height: auto;
    }

    .our-facilities-sec .facility-card {
        padding: 15px !important;
    }

    .location-map {
        height: 400px !important;
    }

    .frame-outer iframe {
        height: 360px !important;
    }

}

/* footer css ends */

/* @@@@@@@@@@@@@@@@@@@@@ MADIUM SCREEN START @@@@@@@@@@@@@@@@@@@@@ */
@media (max-width: 768px) {
    .blu-border-sec {
        width: 95% !important;
        height: 420px;
        top: 18px;
        left: 15px;
    }

    .getin-touch-sec {
        height: 740px !important;
    }

    .heat-image {
        display: none;
    }

    .right-banner,
    .left-banner {
        display: none;
    }

    .sml-box {
        margin-top: 65px;
    }

    .new-letter-sec .subsribe-heading {
        font-size: 30px;
    }
}

/* @@@@@@@@@@@@@@@@@@@@@ MADIUM SCREEN END @@@@@@@@@@@@@@@@@@@@@@@ */

/* %%%%%% 992PX START %%%%%% */
@media (max-width: 992px) {
    .donate-sec .owl-theme .owl-nav {
        top: 14px !important;
    }

    .donate-sec .crvd-line-sec {
        top: -60px !important;
    }

    .blu-border-sec {
        width: 96% !important;
    }

    .navigation-bar {
        background: none;
        padding: 0;
        border: none;
        box-shadow: none;
    }

    .navigation-bar li {
        margin: 5px 0;
        padding: 0px 8px;
    }

    .awardimg-outer {
        height: 350px !important;
    }

    .navigation-bar .navbar-nav {
        padding: 10px;
        align-items: start !important;
    }

    .navigation-bar .navbar-collapse {
        border-radius: 8px !important;
        border-bottom: 6px solid #0098FF;
        margin-top: 5px;
    }

    .inside-logo {
        border-radius: 10px;
        width: 100px;
        background: white;
    }


    .head-full-sec {
        height: 420px;
    }


    .carousel-inner img {
        height: 420px;
        object-fit: cover;
    }

    .hero-overlay {
        height: 420px;
        background-color: rgba(0, 0, 0, 0.4);
    }

    .heading-sec h1 {
        font-size: 30px !important;
        text-align: center;
    }

    .crvd-line-sec {
        position: relative;
        top: -82px !important;
    }

    .owl-theme .owl-nav {
        margin-top: 5px !important;
    }

    .blogimg-outer {
        width: 100%;
        height: 287px !important;
        position: relative;
    }
}

/* %%%%%% 992PX END %%%%%% */

/* %%%%%% 1200PX START %%%%%% */
@media (max-width: 1200px) {
    .donate-sec .owl-theme .owl-nav {
        top: 30px;
    }

    .donate-sec .crvd-line-sec {
        top: -65px !important;
    }

    .navigation-bar {
        padding: 10px 0 !important;
    }

    .navigation-bar a {
        font-size: 14px !important;
    }

    .navigation-bar li {
        margin-right: 0px !important;
        padding: 0px 4px !important;
    }

    .top-logo {
        width: 148px;
    }

    .carousel-inner img {
        height: 600px;
    }

    .head-full-sec,
    .hero-overlay {
        height: 600px;
    }

    .heading-sec h1 {
        font-size: 45px !important;
    }

    .red-btn {
        font-size: 14px;
    }

    .blu-border-sec {
        width: 93%;
        height: 420px;
        top: 16px;
        left: 13px;
    }

    .crvd-line-sec {
        position: relative;
        top: -100px;
    }

    .owl-theme .owl-nav {
        margin-top: 25px;
    }

    .f-head-img {
        text-align: center;
    }
}

/* %%%%%% 1200PX START %%%%%% */

/* %%%%%% 767PX START %%%%%% */
@media (max-width: 767px) {
    .crvd-line-sec {
        display: none;
    }

    .quic-donate-slider {
        padding: 30px 0 15px 0;
    }

    .blu-border-sec {
        width: 94% !important;
        left: 15px !important;
    }

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

    .heading-sec h1 {
        font-size: 35px !important;
        margin-bottom: 20px;
        margin-top: 50px;
    }

    .leftshape-outer {
        display: none;
    }
}

/* %%%%%% 767PX END %%%%%% */
/* @@@@@@@@@@@@@@@@@@@@@ MADIUM SCREEN END @@@@@@@@@@@@@@@@@@@@@@@ */

/* @@@@@@@@@@@@@@@@@@@@@ SMALL SCREEN START @@@@@@@@@@@@@@@@@@@@@@@ */
/* %%%%%% 576PX START %%%%%% */
@media (max-width: 576px) {
    .comming-sec {
        background-position: left;
    }

    .f-head-img {
        text-align: start !important;
    }

    .footer-social-links .socials-icons {
        width: 40px;
    }

    .comming-sec .soon-logo {
        width: 250px;
        height: auto;
    }


    .inside-logo {
        border-radius: 10px;
        width: 80px;
    }

    .inside-logo {
        border-radius: 10px;
        width: 80px;
        background: white;
    }

    .carousel-inner img {
        height: 350px !important;
        object-fit: cover;
    }

    .head-full-sec {
        height: 350px !important;
    }

    .hero-overlay {
        height: 350px !important;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .heading-sec {
        top: 20%;
        text-align: center;
    }

    .heading-sec h1 {
        font-size: 24px !important;
        margin-bottom: 15px;
        margin-top: 50px;
    }

    .blu-border-sec {
        width: 100% !important;
        height: 100%;
        top: 0 !important;
        border: 3px solid #0098FF;
        border-radius: 15px;
        left: 0 !important;
    }

    .about-sec .about-image-sec {
        width: 100%;
        height: 285px;
    }

    .owl-theme .owl-nav {
        margin-top: 0 !important;
    }


    .departments {
        padding: 15px 0;
    }


    .message-box .msge-user {
        width: 100px;
        height: 100px;
    }

    .eye-check-img-sec {
        height: 270px;
    }

    .new-letter-sec .subsribe-heading {
        font-size: 22px !important;
    }

    .social-outer svg {
        width: 42px;
        height: 43px;
    }

    .contact-list li {
        font-size: 13px;
        line-height: 18px;
        font-weight: 300;
        cursor: pointer;
    }

    .heading h1 {
        font-size: 22px;
    }

    .blogoverlay h4 {
        font-size: 16px;
    }

    .blogoverlay p {
        font-size: 12px;
    }

    .sitelogo-sec svg {
        width: 100px;
        height: 105px;

    }
}

/* %%%%%% 576PX END %%%%%% */
/* @@@@@@@@@@@@@@@@@@@@@ SMALL SCREEN END @@@@@@@@@@@@@@@@@@@@@@@ */

/* %%%%%% 425PX START %%%%%% */
@media (max-width: 425px) {
    .new-letter-sec .subsribe-heading {
        font-size: 18px !important;
    }

    .footer-heading {
        font-size: 16px !important;
    }
}

/* %%%%%% 425PX END %%%%%% */

/* %%%%%% 1500PX START %%%%%% */
@media (min-width: 1500px) {
    .head-full-sec {
        height: 1000px;
    }

    .carousel-inner img {
        height: 1000px;
        object-fit: cover;
    }

    .hero-overlay {
        height: 1000px;
    }
}



/* %%%%%% 1500PX END %%%%%% */

/* %%%%%% MIN-WIDTH 1200PX START %%%%%% */
@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1225px !important;
    }

    .list-outer2nd::after {
        content: "";
        position: absolute;
        width: 2px;
        height: 200px;
        background-color: #0098ff;
        right: 0;
        top: 20%;
    }
}

/* %%%%%% MIN-WIDTH 1200PX END %%%%%% */

@media (min-width: 768px) {
    .footer-heading {
        font-size: 20px;
    }

    .blogimg-outer {
        width: 100%;
        height: 460px !important;
        position: relative;
    }
}


@media (min-width: 992px) {

    .list-outer,
    .list-outer2nd {
        position: relative;
    }

    .list-outer::after {
        content: "";
        position: absolute;
        width: 2px;
        height: 200px;
        background-color: #0098ff;
        right: 0;
        top: 20%;
    }

}

@media (min-width: 576px) {
    .blogoverlay {
        padding: 150px 22px 20px 22px !important;
    }
}

.blog-sec .blog-card {
    min-height: 460px;
    max-height: 100%;
    border-radius: 20px;
}

.blog-banner {
    position: absolute;
    top: 0;
    width: 100%;
    min-height: 460px;
    height: 100%;
    z-index: 1;
    object-fit: cover;
    border-radius: 20px;
}

.banner-links {
    position: relative;
    z-index: 999;
    padding: 20px;
    width: 100%;
}

.blg-overlay {
    position: absolute;
    border-radius: 20px;
    width: 100%;
    min-height: 460px;
    height: 100%;
    z-index: 99;
    background: linear-gradient(0deg, #000000 17.25% 17.25%, rgba(0, 0, 0, 0) 56%);
}

@media (max-width: 576px) {

    .blog-card,
    .blg-overlay,
    .blog-banner {
        min-height: 360px;
    }

    .banner-links {
        padding: 14px;
    }

    .blg-title {
        font-size: 18px;
    }
}

/* ==================  About Ua Page Start ================ */
.our-jounery-sec {
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bot-lft-img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: auto;
    height: 250px;
}

.bot-rgt-img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: auto;
    height: 250px;
}

.vission-dtl .li-dots {
    list-style-type: none;
}

.lght-blue-clr {
    color: #0098FF;
}

/* ==================  About Ua Page End ================== */

/* ==================  Chairman 's Message Pages start ================== */
.inner-pages {
    position: relative;
}

.inner-pages-header {
    position: relative;
    background: url('./images/slider-banner1.png') no-repeat center center/cover;
    height: 425px;
}

.inner-pages-header .inner-heading {
    z-index: 99;
    top: 85px;
    font-size: 62px;
}

.inner-pages-header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1;
}

.chairman-sec .chrmn-para {
    line-height: 30px;
}

.charmn-discription {
    background: #F9F9F9;
    padding: 250px 0 40px 0;
    margin-top: -260px;
}

.charmn-pge {
    box-shadow: 0px 0px 21px 0px #979797;
}

.charmn-left-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 245px;
    height: auto;
    z-index: -1;
}

.charmn-right-bg {
    position: absolute;
    right: 0;
    object-fit: cover;
    top: 0;
    width: 245px;
    height: auto;
    z-index: -1;
}

.breadcrumbs-outer .breadcrumb-item+.breadcrumb-item::before {
    color: #ffffff;
    content: var(--bs-breadcrumb-divider, ">");
}

.blue-bg {
    background: #004AAD !important;
}

/* ==================  Chairman 's Message Page End ================== */

/* ==================  Our Vission Page start ================== */
.vission-dtl {
    background: #F9F9F9;
}

.vission-left-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 245px;
    height: 290px;
    object-fit: cover;
    z-index: -1;
}

.vission-right-bg {
    position: absolute;
    right: 0;
    object-fit: cover;
    top: 0;
    width: 245px;
    height: 290px;
    z-index: -1;
}

.vission-note {
    background: url(./images/vission-note-bg.png) no-repeat center center / cover;
    height: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

/* ==================  Our Vission Page End ================== */

.breadcrumb-item a {
    font-weight: 200 !important;
}

.breadcrumb .breadcrumb-item {
    font-size: 14px;
}

/* ==================  History and director Pages start ================== */
.history {
    height: 390px;
}

.director-sec {
    background: #F9F9F9;
}

.dirctor-box {
    width: 100%;
    min-height: 290px;
    display: flex;
    height: 100%;
    position: relative;
    align-items: end;
    padding: 15px;
    justify-content: center;
}

.dirctor-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 152, 255, 0) 55%, #005B99 77.52%);
    z-index: 1;
    border-radius: 20px;
}

.director-title {
    position: relative;
    z-index: 999;
    color: white;
}

.dirctor-box img {
    position: absolute;
    top: 0;
    width: 100%;
    min-height: 290px;
    height: 100%;
    border-radius: 20px;
    object-fit: cover;
}

/* ==================  History and director Pages End ================== */

.quic-donate-slider .card .card-body {
    height: 230px;
    position: relative;
}

.quic-donate-slider .card .quick-donate-price {
    position: absolute;
    bottom: 25px;
    width: 100%;
    left: 0;
}

/* @@@@@@@ Media quer for charimain , history, director, OUR Vission pages START @@@@@@@@@@@ */
@media (max-width: 992px) {
    .inner-pages-header .inner-heading {
        font-size: 50px;
    }

    .head-full-sec,
    .hero-overlay {
        height: 530px;
    }

    .carousel-inner img {
        height: 530px;
    }
}


@media (max-width: 767px) {

    .departments .owl-next,
    .departments .owl-prev {
        width: 40px !important;
        height: 40px !important;
    }

    .inner-pages-header {
        height: 285px;
    }

    .quic-donate-slider .card .quick-donate-price {
        bottom: 5px;
    }

    .donate-sec {
        padding: 30px 0 !important;
    }

    .donate-sec .owl-theme .owl-nav {
        top: 15px;
    }

    .inner-pages-header .inner-heading {
        top: 40px;
        font-size: 40px;
    }

    .our-jounery-sec {
        height: 100% !important;
        padding: 20px 0;
    }

    .charmn-left-bg,
    .charmn-right-bg,
    .vission-right-bg,
    .vission-left-bg,
    .bot-rgt-img,
    .bot-lft-img,
    .rightshape-outer,
    .leftshape-img1712 {
        display: none;
    }

    .charmn-discription {
        padding: 265px 0 40px 0;
    }
}

@media (max-width: 576px) {
    .inner-pages-header .inner-heading {
        z-index: 99;
        top: 40px;
        text-align: center;
        font-size: 30px !important;
        margin-bottom: 20px;
    }

    .charmn-discription {
        background: #F9F9F9;
        padding: 100px 0 40px 0;
        margin-top: -90px;
    }
}

/* @@@@@@@ Media quer for charimain , history, director, OUR Vission pages START @@@@@@@@@@@ */

/* ============== blog page css start ============== */
.blog-detail {
    position: relative;
}

.blog-detail .leftshape-outer {
    top: 0;
    height: 97px;
    position: absolute;
    left: 0;
    width: 141px;
}

.blog-detail .rightshape-outer {
    top: 0;
    height: 97px;
    position: absolute;
    right: 0;
    width: 141px;
}

.leftshape-outer img,
.rightshape-outer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ============== blog page css end============== */

/* ============== blog-detail page css Start ============== */
.blog-detailcard .blogoverlay {
    padding: 10px 14px !important;
}

.blogcard-details h5 {
    font-size: 22px;
    font-weight: 800;
}

.blogcard-details h6 {
    font-size: 14px;
    font-weight: 700;
}

.blogcard-details p {
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
}

.blogdetail-sec .leftshape-outer {
    rotate: 270deg;
}

.blogdetail-sec .rightshape-outer {
    rotate: 90deg;
}

.blogdetail-sec .leftshape-outer,
.blogdetail-sec .rightshape-outer {
    display: none;
}

@media (min-width: 992px) {
    .blogdetail-sec .leftshape-outer {
        display: block;
        top: -104px;
        height: auto;
        position: absolute;
        left: 79px;
        width: 194px;
        padding: 0 !important;
    }


    .blogdetail-sec .rightshape-outer {
        display: block;
        top: -104px;
        height: auto;
        position: absolute;
        right: 79px;
        width: 194px;
        padding: 0 !important;
    }
}

.postcoment-sec .postprofile-outer {
    width: 75px;
    height: 75px;
    margin: 0 auto;
}

.postcoment-sec .postprofile-outer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid #0098FF;
}

.postcoment-sec p {
    font-size: 14px;
}

.postcoment-sec input,
.postcoment-sec textarea {
    border: 1px solid #0098FF;
}

.blogdetail-sec .blogdetail-share {
    width: 50px;
    height: 50px;
}

@media (max-width: 576px) {
    .blogdetail-sec .blogdetail-share {
        width: 36px;
        height: 36px;
    }

    .parternimg-outer {
        width: 50px !important;
        height: 52px;
    }

    .blog-detailcard h6 {
        font-size: 12px !important;
    }
}

/* ============== blog-detail page css end ============== */

/* ============== Award & Recognitions page css start ============== */
.trophy-imgouter {
    width: 58px;
    height: 58px;
}

.trophy-imgouter img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.award-card .botton-line {
    width: 79px;
}

.award-card h6 {
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
}

.awardimg-outer {
    width: 100%;
    height: 220px;
}

.awardimg-outer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.award-card {
    border-left: 2px solid #0098FF;
    border-right: 2px solid #0098FF;
    border-bottom: 11px solid #0098FF;
    box-shadow: 0px 4px 4px 0px #00000040;
}

@media (max-width:576px) {
    .awardimg-outer {
        height: 190px !important;
    }

    .blog-detail .leftshape-outer,
    .blog-detail .rightshape-outer {
        height: 169px !important;
    }
}

/* ============== Award & Recognitions page css end ============== */

/* ============== Dialysis page css start ============== */
.facuilities-sec .facilities-card {
    border: 3px solid #0098FF;
    border-radius: 20px;
    height: 100%;
}

.facuilities-sec .facilities-card .facilities-img {
    width: 100%;
    height: 157px;
}

.facilities-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 3px solid #0098FF;
    border-radius: 20px;
    box-shadow: 0px 0px 10px 0px #0000008C;
}

.chairman-sec .charmn-left-bg2 {
    height: auto;
    width: 224px;
    position: absolute;
    top: 431px;
    left: 0;
}

.chairman-sec .charmn-right-bg2 {
    height: auto;
    width: 224px;
    position: absolute;
    top: 431px;
    right: 0;
}

.dialysis-hnd-bnr-lft,
.dialysis-hnd-bnr-rgt {
    height: 430px;
}

html body .faq-sec .accordion-button {
    border: 2px solid #0098FF;
    border-radius: 7px !important;
    box-shadow: 0px 0px 10px 0px #00000026;
    padding: 14px 15px;
}

.faq-sec .accordion-item {
    margin-bottom: 25px;
    border: none !important;
    background-color: transparent !important;
}

html body .faq-sec .accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background: url(./images/plus.png);
    background-repeat: no-repeat;
    background-size: contain;
    transition: transform 0s ease-in-out;
}

html body .faq-sec .accordion-button:not(.collapsed)::after {
    background: url(./images/minus.png);
    background-repeat: no-repeat;
    background-size: contain;
}

html body .accordion-body {
    border: 2px solid #0098FF;
    border-radius: 7px !important;
    margin-top: 10px;
    padding: 10px 10px;
}

@media (max-width: 576px) {

    html body .faq-sec .accordion-button,
    html body .faq-sec .accordion-item {
        font-size: 14px;
        align-items: flex-start;
    }

    .faq-sec .accordion-item {
        margin-bottom: 12px !important;
    }
}

/* ============== Dialysis page css end ============== */

/* ============== emergency page css Start ============== */
.emergency-sec {
    background: url(./images/emergencybg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 292px;
}

.emergency-sec h1 {
    font-size: 36px;
    font-weight: 900;
}

@media (max-width:576px) {
    .emergency-sec h1 {
        font-size: 18px;
    }

    .emergency-sec h2,
    .emergency-sec h5 {
        font-size: 17px;
    }

    .emergency-sec {
        height: 175px;
    }

    h1 {
        font-size: 22px;
    }
}

/* ============== emergency page css end ============== */

/* ============== contact-us page css start ============== */
.contact-detail h4 {
    font-size: 22px;
}

.svg-icon {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    flex-shrink: 0;
}

/* .contact-detail h4 {
    font-size: 16px;
} */

.contact-detail p,
.contact-detail h6 {
    font-size: 14px;
    font-weight: 500;
}

.getin-touch-sec .contactimg-outer {
    width: 100%;
    height: 246px;
}

.getin-touch-sec .contactimg-outer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 5px solid #FFFFFF;
    border-radius: 10px;
}

.getin-touch-sec {
    background: url(./images/get-in-touch.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 855px;
}

.location-map {
    background-color: #ffffff;
}

.location-map .frame-outer {
    position: relative;
    height: 40%;
}

.frame-outer iframe {
    width: 100%;
    height: 400px;
    border: 3px solid #FFFFFF;
    border-radius: 20px;
    box-shadow: 0px 20px 40px 0px #00000026;
}

.getin-touch-sec {
    position: relative;
}

.location-map {
    margin-top: -185px;
}

.location-map {
    height: 475px;
}

@media (min-width: 768px) {
    .svg-icon {
        width: 60px !important;
        height: 60px !important;
        min-width: 60px !important;
        min-height: 60px !important;
        flex-shrink: 0;
    }

    .getin-touch-sec .contactimg-outer {
        width: 100%;
        height: 533px !important;
    }

    .getin-touch-sec .contactimg-outer img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border: 8px solid #FFFFFF;
        border-radius: 35px !important;
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .location-map {
        margin-top: -210px;
    }

    .location-map {
        height: 400px;
    }

    .frame-outer iframe {
        height: 335px;
    }
}

@media (max-width:768px) {
    .location-map {
        margin-top: -88px;
    }

    .location-map {
        height: 360px;
    }

    .frame-outer iframe {
        height: 300px;
    }

}

/* ============== contact-us page css end ============== */

/* ============== Hospital Amenities page css Start ============== */
.our-facilities-sec {
    background: #F9F9F9;
}

.our-facilities-sec .facility-card {
    background-color: #0D4FA0;
    border-radius: 15px;
    padding: 23px;
    color: white;
    text-align: center;
    height: 100%;
}

.our-facilities-sec .facility-card img {
    border-radius: 15px;
    width: 100%;
    height: 280px;
    object-fit: cover;
    box-shadow: 0px 4px 4px 0px #00000059;
}

.free-medicines-sec {
    background: url('./images/medicin-bg-banner.png') no-repeat center center;
    background-size: cover;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.hospital-faqs-sec {
    background: #F9F9F9;
}

.hospital-faqs-sec .accordion-button {
    border: 3px solid #0098FF;
    border-radius: 10px !important;
    font-weight: bold;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    margin-bottom: 15px;
    font-size: 18px;
    box-shadow: 0px 0px 24px 0px #00000026;
    color: black;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    margin-bottom: 0;
    gap: 20px;
}

.hospital-faqs-sec .accordion-button::after {
    display: none;
}

.hospital-faqs-sec .accordion-item {
    border-radius: 10px;
    margin-bottom: 20px;
    border: none;
}

@media (max-width:576px) {
    .hospital-faqs-sec .accordion-button {
        border: 1px solid #0098FF;
        align-items: start;
        font-size: 16px;
    }

    .hospital-faqs-sec p {
        font-size: 14px !important;
    }

    .our-facilities-sec .facility-card img {
        height: 220px;
    }
}

/* ============== Hospital Amenities page css End ============== */

/* ============== General OUTpatient Department page css Start ============== */
.about-opds {
    background: #F9F9F9;
}

.opd-timings-se {
    background: url('./images/opd-timings-img.png') no-repeat center center;
    background-size: cover;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* ============== General OUTpatient Department page css End ================ */

/* ============== quick-donation page css Start ================ */
.quick-donation-sec .nav-pills .nav-link.active {
    background-color: #0481DE !important;
    color: var(--bs-nav-pills-link-active-color);
}

.quick-donation-sec .nav-pills .quik-donate-btn {
    background: #0098FF;
    color: white !important;
    font-weight: 700;
    border-radius: 10px;
    font-size: 20px;
    padding: 13px;
    width: 340px;
}

.tabs-main-sec {
    background: #004AAD;
    padding: 25px 0;
}

.tabs-main-sec .form-section .form-control {
    box-shadow: 0px 4px 4px 0px #0000001A;
    border: 1px solid #BBBBBB;
    padding: 9px 18px;
    border-radius: 6px;
    font-family: "Sora", sans-serif !important;
    font-weight: 400;
    font-size: 14px;
}

.tabs-main-sec .form-section .form-select {
    box-shadow: 0px 4px 4px 0px #0000001A;
    border: 1px solid #BBBBBB;
    padding: 9px 30px 9px 18px;
    border-radius: 6px;
    font-family: "Sora", sans-serif !important;
    font-weight: 400;
    font-size: 14px !important;
}

.tabs-main-sec .form-section .radio-tbs-btn {
    border-bottom: 1px solid white;
    padding-bottom: 25px;
}

.tabs-main-sec .form-section .btn-proceed {
    box-shadow: 0px 4px 4px 0px #0000001A;
    background: #0098FF;
    padding: 6px 20px;
    border-width: 2px 2px 4px 2px;
    border-style: solid;
    border-color: #FFFFFF;
    font-size: 14px !important;
}

.rows-brdr {
    color: white !important;
    height: 1px !important;
    background: white;
    opacity: 1;
}

.tabs-slider .card img {
    padding: 4px !important;
}

.tabs-slider .owl-next {
    background: url(./images/tabs-slide-right-btn.png) !important;
    width: 50px;
    height: 50px;
    border-radius: 50% !important;
    background-size: cover !important;
}

.tabs-slider .owl-next {
    background: url(./images/tabs-slide-right-btn.png) !important;
    width: 50px;
    height: 50px;
    border-radius: 50% !important;
    background-size: cover !important;
}

.tabs-slider .owl-prev {
    background: url(./images/tabs-slide-left-btn.png) !important;
    width: 50px;
    height: 50px;
    border-radius: 50% !important;
    background-size: cover !important;
}

@media (max-width: 576px) {
    .quick-donation-sec .nav-pills .quik-donate-btn {
        width: 290px;
    }
}

/* ============== quick-donation page css End ================ */

/* ============== picture-gallery page css Start ============== */
.glry-bnr-lft,
.glry-bnr-rgt {
    position: absolute;
    top: 0;
    width: 100px;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.glry-bnr-lft {
    left: 0;
}

.glry-bnr-rgt {
    right: 0;
}

.picture-gallery-sec .glry-cards {
    border-radius: 15px;
    border: 8px solid #0098FF;
    height: 100%;
}

.picture-gallery-sec .glry-cards .cards-img-sec {
    width: 100%;
    height: 400px;
    border-radius: 15px;
}

.picture-gallery-sec .glry-cards .cards-img-sec img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 7px;
}

@media (max-width: 767px) {

    .glry-bnr-lft,
    .glry-bnr-rgt,
    .charmn-right-bg2,
    .charmn-left-bg2 {
        display: none;
    }

    .getin-touch-sec {
        height: 880px !important;
    }

    .picture-gallery-sec .glry-cards .cards-img-sec {
        width: 100%;
        height: 300px;
        border-radius: 15px;
    }
}

/* ============== picture-gallery page css end ============== */



html body .modal {
    margin: 0 !important;
}

/* @media (min-width: 576px) {
    html body .modal-sm {
        --bs-modal-width: 300px;
    }
} */

.btn-close{
    top: 10px;
    right: 15px;
    z-index: 999;
}