@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arizonia&family=Quicksand:wght@300..700&family=Racing+Sans+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');

body {
    font-family: "Quicksand", serif;
    margin: 0;
    padding: 0;
}

.max800 {
    max-width: 800px;
}

.centerflex {
    display: flex;
    justify-content: center;
    align-items: center;
}

.colwhite {
    color: #ffffff;

}

.flexcol {
    flex-direction: column;
}

.birthstone-regular {
    font-family: "Birthstone", cursive;
    font-weight: 400;
    font-style: normal;
}

.merriweather {
    font-family: "Merriweather", serif;
    font-weight: 400;
    font-style: normal;
}

.spaceevnely {
    justify-content: space-evenly
}

.max300 {
    max-width: 350px;
}

.flexwarp {
    flex-wrap: wrap;
}

/* Header Styles------------------------------------------- */
.headerborder {
    font-size: 1.2rem;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.logo img {
    height: 75px;
}

.activelink {
    color: #D22320;
}

.appbtn {
    box-sizing: border-box;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.3s all;
    
    padding: 10px 20px;
    min-height: 50px;
    min-width: 140px;
    background-color: transparent;
    background-image: none;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
    z-index: 0;
}

.appbtn:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -1;
    background-color: #1977cc;
    border-radius: 15px;
    transition: 0.3s all;
}

.appbtn:hover:after {
    left: -20px;
    right: -20px;
}

.headerfixd {
    position: fixed;
    top: 0;
    width: 100%;
}

.activeheder {
    background-color: #fff;
}

.header {
    z-index: 10;
}



/* Main Landing Page Styles------------------------------------------- */

.mainland {
    background-image: url(./img/bg.jpg);
   
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 250px;
    padding-bottom: 15vh;
    background-size: cover;
    background-attachment: fixed;
    
}

.mainland .dland h2 {
    font-family: "Arizonia", serif;
    font-size: 158px;
}



.mainland .dland p {
    font-size: 48px;
    letter-spacing: 2px;
}

.mland {
    display: none;
}

/* Service Styles------------------------------------------- */
.sr_section {
    padding: 45px 0px;
    background-color: #fff;
}

.service-item {
    border: 1px solid #cadff1;
    margin: 20px;
    min-height: 440px;
    display: flex;
    flex-direction: column;
}

.service-item:hover {
    border: 1px solid #1977cc;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

.service-item img {
    height: 250px;
    padding: 10px;
}

.service h3 {
    font-size: 22px !important;
}

.dr .sr_card {
    box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    margin: 20px;
    background-color: #fff;
    max-width: 350px;
    width: 100%;
}

.dr .sr_card img {
    width: 350px;
}

/* Doctore Styles------------------------------------------- */

.br {
    border-bottom: 1px solid #1977cc;
    min-width: 300px;
}

.section-title h2 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #082b49;
    font-size: 32px;
}

.br_p {
    border-bottom: 1px solid #1977cc;
    padding: 0 10px;
}

.bg_dr {
    background-color: #EEF7FC;
}

.br_p {
    border-bottom: 1px solid #1977cc;
    padding: 0 10px;
}

.bg_dr {
    background-color: #EEF7FC;
}

.dr {
    padding: 45px 0px;
}

.dr_card {
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
    padding: 30px;
    border-radius: 25px;
    margin: 20px;
    background-color: #fff;
}

.dr_card img {
    max-width: 300px;
    border-top-right-radius: 30%;
    border-top-left-radius: 30%;
    border-bottom-left-radius: 10%;
    border-bottom-right-radius: 10%;
    padding: 10px;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.2);
}

/* Glaley Styles------------------------------------------- */












/* Footer Styles------------------------------------------- */
footer{
    width: 100%;
}
.cpwrt {
    background-color: #1977cc;
}

.intrologo p {
    text-align: justify;
}

.footers {

    background-color: #EEF7FC;
}

.intrologo p {
    font-size: 22px;

}

.intrologo p img {
    float: left;
    width: 50%;
    height: auto;
    padding-right: 10px;
}

.phonecall h3 img {
    height: 50px;
    float: left;
}

.phonecall h3 {
    font-size: 32px;
}

/* Preloader Styles------------------------------------------- */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

#preloader img {
    width: 300px;
    height: auto;
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.1);
        opacity: 0.8;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@media only screen and (max-width: 867px) {
    .uselink {
        display: none;
    }

    .appbtn_lap {
        display: none;
    }

    .hedcenter {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .mainland .mland {
        display: flex;
    }

}

@media only screen and (max-width: 576px) {
    .logo img {
        height: 60px;
    }

    .mainland .dland h2 {

        font-size: 68px;
    }



    .mainland .dland p {
        font-size: 22px;
    }

    .footers .max800 .intrologo {
        width: 100%;
        padding: 0px 30px;
        height: auto;
    }

    .footers .max800 .intrologo p img {
        width: 100%;
        padding: 0px 30px;
        height: auto;
    }

    .footers .max800 .phonecall h3 img {
        height: 36px;
        float: left;
        padding: 5px;
    }

    .footers .max800 .phonecall h3 {
        font-size: 22px;
        text-align: center;
    }

    .intrologo p {
        font-size: 18px;

    }

}

.uselink a {
    text-decoration: none;
}

.textshadow {
    text-shadow: 0 0 3px #000;
}

.ticker-container {

    overflow: hidden;
    white-space: nowrap;
    background: #7C2C61;
    padding: 10px;
    color: #fff;
}

.ticker-wrapper {
    display: inline-block;
    animation: ticker 30s linear infinite;
}

.ticker-wrapper:hover {
    animation-play-state: paused;
}

.ticker {
    display: inline-block;
}

.ticker-text {
    font-weight: bold;
    color: #F2B922;
}

.ticker .blink {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

@keyframes ticker {
    0% {
        transform: translateX(50%);
    }

    100% {
        transform: translateX(-100%);
    }
}

.btnbb {
    background: #F2B922;
    color: #000;
    padding: 5px 8px;
    border-radius: 5px;
    text-decoration: none;
}

.newscard a {
    text-decoration: none;
}


.page {
    margin: 0px;
    padding: 0px;
}

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

.newscard {
    max-width: 500px;
    max-height: 450px;
    margin: 15px;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
    background-color: #fff;

}

.newscard img {
    border-radius: 25px;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;

}

.moblink a {
    text-decoration: none;
}





.boxshawdo25 {

    box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
}







a {
    text-decoration: none;
}

.header-infopad {
    padding: 10px 50px;
}

.header-info {

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;

    background-color: #fff;
    width: 100%;
    /* Optional: Add a background color */
}

.hide {
    display: none;
}

.header-info p {
    margin: 0;
    padding: 0;
    font-size: 18px;
    color: #333;
}




.mainland .dland h1 {
    font-family: "Archivo Black", serif;
    font-size: 102px;
}

@media only screen and (max-width: 868px) {
    .header .tablinkcenter {
        display: flex;

        justify-content: center;
    }

    .mainland .dland h1 {

        font-size: 62px;
    }

    .tablinkcenter {
        display: flex;
    }
}

@media only screen and (max-width: 576px) {

    .header-infopad {
        display: flex;
        justify-content: center;
    }

    .mainland .dland h1 {

        font-size: 38px;
    }

    .header {
        text-align: center;

    }


    .header-info .moblink a {
        font-size: .8em;
        padding: 0;
        margin: 0;
    }
}

.black {
    color: #000;
}

.black:hover {
    color: #D22320;
}

.teamimg {
    width: 100%;


}

.teamimg img {
    width: 100%;


}

@media only screen and (max-width: 379px) {
    .header .header-info p {
        font-size: 0.8em;
        width: 100%;
    }

    .header .header-infopad {

        padding: 10px;

    }

    .header {
        text-align: center;
        width: 100vw;
    }

    .dland .centerflex h1 {
        font-size: 2em;
    }

    .dr .sr_card {

        max-width: 250px;
        width: 100%;
    }

    .dr .sr_card img {
        width: 250px;
    }

    .dr .dr_card {

        padding: 15px;

        margin: 10px;

    }

    .dr .dr_card img {
        max-width: 250px;

        padding: 10px;

    }

    .section-title h2 {
        font-size: 1.5em;
    }

    .phonecall h3 {
        font-size: 1.5em;
    }



    .header .header-infopad {
        padding: 10px;
    }


}

.tablinkcenter {
    display: none;
}

#hedbar {
    width: 100%;
}




        /* Popup Styling */
        .img-popup {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: rgba(255, 255, 255, .5);
            display: flex;
            justify-content: center;
            align-items: center;
            display: none;
            z-index: 12;
        }

        .img-popup img {
            max-width: 900px;
            width: 100%;
            opacity: 0;
            transform: translateY(-100px);
            -webkit-transform: translateY(-100px);
            -moz-transform: translateY(-100px);
            -ms-transform: translateY(-100px);
            -o-transform: translateY(-100px);
        }

        .close-btn {
            width: 35px;
            height: 30px;
            display: flex;
            justify-content: center;
            flex-direction: column;
            position: absolute;
            top: 20px;
            right: 20px;
            cursor: pointer;
            background-color: #fff;
        }

        .close-btn .bar {
            height: 4px;
            background: #333;
        }

        .close-btn .bar:nth-child(1) {
            transform: rotate(45deg);
        }

        .close-btn .bar:nth-child(2) {
            transform: translateY(-4px) rotate(-45deg);
        }

        .opened {
            display: flex;
        }

        .opened img {
            animation: animatepopup 1s ease-in-out .8s;
            -webkit-animation: animatepopup .3s ease-in-out forwards;
        }

        @keyframes animatepopup {

            to {
                opacity: 1;
                transform: translateY(0);
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
            }

        }
        .glaeryscale img:hover{
            scale: 1.05;
            cursor: pointer;
        }
/*Our mission at Sameer Hospital is to provide outstanding surgical care with kindness, honesty, and quality.  Our hospital, which is proudly serving the local community, is situated in Sahadutpura, Narai Bandh, Mau, and is run by the highly qualified and experienced general surgeon Dr. Sarfraz Ahmad (MBBS, MS).*/