* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

a {
    text-decoration: none !important;
    text-decoration: underline;
}

:root {
    --text-blue: #01387F;
}

html {
    overflow-x: hidden;

}

body {
    font-family: "Poppins", sans-serif !important;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    overflow-y: hidden;
}

.maya-btn {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 12px !important;
    background: rgb(1, 55, 125);
    color: white !important;
    font-family: "Poppins", sans-serif !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    background: linear-gradient(341deg, rgba(1, 55, 125, 1) 0%, rgba(24, 109, 219, 1) 50%, rgba(1, 55, 125, 1) 100%);
}

.btn-white {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 12px !important;
    background-color: rgb(255, 255, 255) !important;
}

.btn-white a {
    background: linear-gradient(341deg, rgba(1, 55, 125, 1) 0%, rgba(24, 109, 219, 1) 50%, rgba(1, 55, 125, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-decoration: none;
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    text-transform: uppercase;
}

.maya-btn a {
    color: white;
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    text-transform: uppercase;

}

.maya-btn a:hover {
    color: white;
}

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

.banner-bg {
    background-image: url("assets/banner-bg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* height: 80vh; */
    margin-top: 127px;
    padding: 50px;
}

.sm-pt-5 {
    padding-top: 30px;
}

.form-bg {
    background-image: url("assets/form-bg.svg");
    background-repeat: no-repeat;
    background-size: cover;
    /* height: 470px; */
    /* background-position: center; */
    max-width: 100%;

}

.form-bg input {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    width: 100%;
    border: 1px solid #BFBFBF;
    padding: 10px 10px;
}

.form-bg input::placeholder {
    font-size: 18px;
    color: black;
    font-weight: 500;
}

.ml-60 {
    margin-left: 60px !important;

}

.stethoscope {
    position: relative;
}

.stethoscope img {
    position: absolute;
    right: -60px;
    top: -253px;
}

.text-color {
    background: linear-gradient(341deg, rgba(1, 55, 125, 1) 0%, rgba(24, 109, 219, 1) 50%, rgba(1, 55, 125, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-decoration: none;
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    text-transform: uppercase;
}

/* .pallaitive-care {
    background-image: url("assets/pallitive-care.png");
    background-repeat: no-repeat;
    background-size: 100%;
    height: 800px;
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
} */

.what-is-pallative-care {
    position: relative;
    top: -30px;
    padding: 20px 30px !important;
    background: linear-gradient(341deg, rgba(1, 55, 125, 1) 0%, rgba(24, 109, 219, 1) 50%, rgba(1, 55, 125, 1) 100%);
    box-shadow: rgb(38, 57, 77) 0px 10px 20px -10px;
}

.what-is-pallative-care .left-arrow {
    position: absolute;
    left: -15px;
    top: 50%;


}

.what-is-pallative-care .right-arrow {
    position: absolute;
    right: -15px;
    top: 50%;


}

.about {
    background-color: white;
    padding-top: 20px;
    padding-bottom: 20px;
}

.text-blue {
    color: var(--text-blue);
    font-size: 18px;
    font-weight: 500;
}

.about-img {
    position: relative;
    right: -100px;
}

.plus-img {
    position: absolute;
    right: 43%;
    top: 1350px;
    width: 270px !important;
}

.services {
    background-image: url(assets/service-banner.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 100%;
}

.service-img {
    position: relative;
    left: -192px;
    width: 564px;
}

.box-1 {
    background-color: white;
    padding: 20px;
    margin-bottom: 15px;
    border-radius: 20px;
}

.box-1 h5 {
    font-size: 18px;
}

.box-1 .img {
    position: relative;
}

.box-1 .img img {
    position: absolute;
    left: -40px;
}

.text-heading {
    color: var(--text-blue);
}

.box {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.box .icons {
    padding-right: 10px;
}

.pallitive {
    background-image: url(assets/hospital-facilites.png);
    background-size: 100%;
    background-repeat: no-repeat;
    padding-bottom: 50px;
    position: relative;
    /* z-index: -99; */
    width: 95%;
    margin: auto;
    top: 70px;
    filter: drop-shadow(7px 6px 4px #00000057);

}

.pallitive-care {
    rotate: 270deg;
    position: relative;
    bottom: -60px;
    left: -18%;

}


.hospital-facilities {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
    padding-top: 50px;
    border-radius: 20px;
    height: 300px;
}

.facilities {
    position: relative;
    top: 60px;
}

.facilities-box {
    background-color: white;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
    border-radius: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
    height: 180px;
}

.facilities-box h4 {
    font-size: 1.3rem;
    color: var(--text-blue);
    font-weight: 700;
}

.team {
    padding-top: 80px;
}

/* testimonials */
.testimonials {
    background-image: url(assets/testimonials.png);
    background-repeat: no-repeat;
    padding-top: 5px;
    padding-bottom: 50px;
}

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

.testimonial {
    padding: 40px 20px;
    border-radius: 10px;
    background-image: url(assets/testi-bg.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    height: 270px;

}

.testimonial img {
    border-radius: 50%;
    margin-bottom: 20px;
}

.testimonial h5 {
    font-weight: bold;
    margin-bottom: 10px;
}

.testimonial p {
    font-family: "Poppins", sans-serif;
    color: var(--text-blue);
}

.carousel-control-prev {
    left: -100px !important;
}

.carousel-control-next {
    right: -100px !important;
}

/* Customize carousel controls */
.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: none;
    /* Hide the default Bootstrap controls */
}

.carousel-control-prev,
.carousel-control-next {
    font-size: 30px;
    /* Custom icon size */
    color: #000;
    /* Custom icon color */
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
    color: #007bff;
    /* Change color on hover */
}

.unlisted {
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

footer {
    background-image: url(assets/footer-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.footer-bottom {
    border-top: 1px solid white;
    padding-top: 10px;
}

.footer-logo-1 {
    margin-top: -8px;
}

.who-needs {
    padding-top: 40px;
    padding-bottom: 40px;
}

.who {
    border: 1px solid black;
    padding: 40px 20px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.pl-4 {
    padding-left: 50px;
}







@media only screen and (max-width: 767px) {
    .team {
        padding-top: 0px;
    }

    .what-is-pallative-care {
        position: relative;
        top: 200px;
    }

    .pallaitive-care {
        /* height: 700px; */
    }

    .plus-img {
        position: absolute;
        right: 43%;
        top: 1450px;
        width: 200px !important;
    }

    .about {
        padding-top: 45px;
    }

    .about-img {
        position: static;

    }

    .ml-60 {
        margin-left: 7px !important;
    }

    .form-bg input {
        width: 90%;
        margin: auto;
    }

    .banner-bg {
        height: 90vh;
        padding-top: 50px;
        padding: 0;
    }

    .who svg {
        width: 20px !important;
        height: 20px !important;
    }

    .services {
        padding-bottom: 30px;
        background-size: cover;
    }

    .services h2 {
        margin-bottom: 30px;
    }

    .sm-img-margin-top {
        margin-top: 20px;
    }

    .hospital-facilities {
        padding-top: 95px;
    }

    .hospital-facilities h2 {
        margin-bottom: 25px;
    }

    .service-img {
        position: static;
        width: 100%;
    }

    .pallitive {
        height: 300px;
        background-size: cover;
    }

    .pallitive-care {
        left: -30%;
        bottom: -65px;
    }

    .facilities {
        position: static;
        margin-top: 10px;
    }

    .facilities .col-lg-2 {
        margin-bottom: 20px;
    }

    .facilities-box {
        height: 160px;
        width: 90%;
        margin: auto;
    }

    .hospital-facilities {
        height: auto;
    }

    .testimonial {
        background-size: 100% 100%;
        background-repeat: no-repeat;
        height: 390px;
        padding: 50px;
    }

    .carousel-control-prev {
        left: 0px !important;
    }

    .carousel-control-next {
        right: 0px !important;
    }

    .who-needs h5 {
        font-size: 15px;
    }

    .pl-4 {
        padding-left: 25px;
    }
    .palliativecaresection{
        margin-top: 200px !important;
    }
    .transitionimgone p{
        color: white;
        padding-left: 40px;
        font-size: 20px;
        margin-top: 20px;
    }
    .transitionimgtwo p {
        color: white;
        padding-left: 56px;
        font-size: 15px;
        margin-top: 14px;
    }
}
/* @media (max-width: 576px){
    .palliativecaresection{
        margin-top: 200px !important;
    }
    .transitionimgone p{
        color: white;
        padding-left: 40px;
        font-size: 20px;
        margin-top: 20px;
    }
} */



/* santhosh css */

.textfontchange h2 {
    font-size: 31px;
}


/* .palliativecarebigimg img{
    margin-top: 150px;
} */

/* .palliativecarebigimg {
    margin-top: 250px;
} */



.bannerpara {
    font-size: 25px;
}



.transitionimgone img {
    width: 350px;
}

.transitionimgtwo img {
    width: 350px;
}

.transitionimgthree img {
    width: 350px;
}

.transitionimgfour img {
    width: 350px;
}


.spacing {
    margin-top: 380px;
    margin-bottom: 50px;
}




.transitionimgtwo {
    background-image: url(./assets/transitionbg-2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px;
    height: 220px;
}
.transitionimgone {
    background-image: url(./assets/transitionbg-1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px;
    height: 220px;
    border-radius: 20px;
}

.transitionimgthree {
    background-image: url(./assets/transitionbg-3.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px;
    margin-top: 40px;
    height: 270px;
}

.transitionimgfour {
    background-image: url(./assets/transitionbg-4.png);
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 40px;
    height: 266px;
    padding-top: 50px;
    padding-right: 50px;
    padding-left: 50px ;
}

.transitionimgone p {
    color: white;
    padding-left: 125px;
    font-size: 20px;
    margin-top: 20px;
}


.transitionimgtwo p {
    color: white;
    padding-left: 125px;
    font-size: 20px;
}

.transitionimgthree p {
    color: white;
    padding-left: 125px;
    font-size: 20px;
    margin-top: 30px;
}

.transitionimgfour p {
    color: white;
    padding-left: 125px;
    font-size: 18px;
}

@media (max-width: 576px){
    .palliativecaresection{
        margin-top: 200px !important;
    }
    .transitionimgone p{
        color: white;
        padding-left: 69px;
        font-size: 17px;
        margin-top: 21px;
    }
    .transitionimgtwo p {
        color: white;
        padding-left: 65px;
        font-size: 14px;
        margin-top: 20px;
    }
    .transitionimgthree p {
        color: white;
        padding-left: 70px;
        font-size: 14px;
        margin-top: 30px;
    }
    .transitionimgfour p {
        color: white;
        padding-left: 69px;
        font-size: 14px;
    }

    .transitionimgtwo {
        background-image: url(./assets/transitionbg-2.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        padding: 50px;
        /* height: 220px; */
        margin-top: -60px;
    }
    .transitionimgone {
        background-image: url(./assets/transitionbg-1.png);
        /* background-position: center; */
        background-repeat: no-repeat;
        background-size: 100%;
        padding: 50px;
        /* height: 220px; */
        border-radius: 20px;
    }
    
    .transitionimgthree {
        background-image: url(./assets/transitionbg-3.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        padding: 50px;
        margin-top: -70px;
        /* height: 270px; */
    }
    
    .transitionimgfour {
        background-image: url(./assets/transitionbg-4.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 50px;
        margin-top: -40px;
        /* height: 321px; */
    }
    .palliativecaresection{
        margin-top: 50px !important;
    }
    /* .palliativecarebigimg {
        margin-top: 174px;
    } */
    .palliativecaresection h2{
        font-size: 15px;
    }
    .smallscreenbox{
        margin-top: 30px;
    }
    /* .palliativecarebigimg {
        margin-top: 250px;
    } */
    .spacing {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    #whotwo{
        margin-top: 20px;
    }
    .whoneedrow{
        display: flex;
        justify-content: center;
    }
    .what-is-pallative-care {
        position: relative;
        top: 0px;
        padding: 20px 30px !important;
        background: linear-gradient(341deg, rgba(1, 55, 125, 1) 0%, rgba(24, 109, 219, 1) 50%, rgba(1, 55, 125, 1) 100%);
        box-shadow: rgb(38, 57, 77) 0px 10px 20px -10px;
    }
    .addressflex {
        display: flex;
        justify-content: space-evenly;
        flex-direction: column;
        gap: 10px;
    }
    .homebased{
        font-size: 20px;
    }
    .mayahome{
        font-size: 20px;
    }
        

}


.addressflex{
    display: flex;
    justify-content: space-evenly;
}

.addressflex a{
    color: #ffffff !important;
}

.address{
    color: #ffffff !important;

}


#footercopy a{
    color: #ffffff;
}


.navbar>.container
    .navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {
        display: flex;
        flex-wrap: inherit;
        align-items: center;
        justify-content: space-evenly !important;
}

.banner-heading{
    padding-left: 85px;
}

@media (min-width:272px) and (max-width:600px){
    .banner-heading{
        display:none;
    }
}
.banner-heading h2{
    font-size: 43px;
    background: linear-gradient(341deg, rgba(1, 55, 125, 1) 0%, rgba(24, 109, 219, 1) 50%, rgba(1, 55, 125, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "Poppins", sans-serif;
    font-weight: 800;
}

.banner-heading p{
    font-size: 21px;
    font-weight: 600;

}


.pvtfont{
    font-size: 25px;
}