/********** CAREHOME CSS **********/


* {
    margin: 0px;
    padding: 0px;
}

:root {
    --font-primary: "Poppins", sans-serif;
    --font-secondary: "Lato", sans-serif;
    --font-tertiary: "Adamina", serif;
    --color-teal: #12717f;
    --color-white: #fff;
    --color-black: #000;
    --color-blue: #1D5EDF;
    --color-lightgray: #e5e5e5;
    --color-gray: #808080;
    --color--gr: #36b742;
}

a,
button {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-decoration: none;
    background-color: transparent;
    border: 0;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
ul {
    margin: 0px;
    padding: 0px;
}

.col-lg-12 {
    padding: 0px;
}


/* =========INDEX-PAGE======= */

/* ========SECTION-hospital-slider======= */



.hospital-slider {
    padding: 0px;
    position: relative;
}

.hospital-item-img-1 {
    background-image: url('../images/banner/1.webp');
}

.hospital-item-img-2 {
    background-image: url('../images/banner/2.webp');
}

.hospital-item-img-3 {
    background-image: url('../images/banner/3.webp');
}


.hospital-item-img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    height: 500px;
    width: 100%;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    padding: 50px;

}


.hospital-img-content {
    text-align: left;
}

.hospital-img-content h2 {
    font-size: 32px;
    font-weight: 100;
    color: var(--color-black);
    font-family: var(--font-tertiary);
    text-transform: capitalize;



}

.hospital-img-content p {
    font-size: 42px;
    font-weight: 100;
    color: var(--color--gr);
    margin-bottom: 20px;
    font-family: var(--font-tertiary);
    text-transform: capitalize;

}

.hospital-btn {
    padding: 10px 20px;
    background-color: #34aee2;
    color: var(--color-white);
    font-size: 17px;
    font-family: var(--font-primary);
    font-weight: 600;
    text-transform: uppercase;
    margin: 0px 10px 0px 0px;

}

.hospital-bot {
    background-color: var(--color-black);
    width: 100px;
    height: 1px;
    top: 0px;
    left: 0px;
    position: absolute;
}

.talk-our {
    background-color: #34b44b;
}

/* ===========FOOTER-SECTION========== */

.footer-one-img img {
    width: 200px;
}

.footer-one-img {
    margin: 0px 0px 20px 0px;
}


.footer-section {
    background-color: #1d5edf;
    padding: 20px 0px 20px 0px;
}

.footer-icon img {
    margin: 0px 10px 0px 0px;
    width: 30px;
}

.footer-link-email {
    margin: 0px 0px 20px 0px !important;
}

.social-icons {
    margin: 20px 0px 40px 0px;
}

.social-icons .icons-section ul {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
}

.social-icons .icons-section ul li .social-link i {
    font-size: 15px;
    color: var(--color-white);
    margin: 0px 10px 0px 10px;
    border-width: 1px;
    border-color: var(--color-white);
    border-style: solid;
    padding: 10px 10px;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 20px;
}

.about-footer-one {
    text-align: left;
}

.about-footer-two {
    text-align: center;
}

.footer-link-email i {
    font-size: 40px;
    margin: 0px 10px 0px 0px;
}

.footer-link i {
    margin: 0px 10px 0px 0px;
}

.f-link {
    margin: 0px 0px 10px 0px;
}

.about-footer-three {
    text-align: left;
}

.about-footer-content ul li a i {
    margin: 0px 10px 0px 0px;
}


.about-footer-title h3 {
    font-family: var(--font-primary);
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 600;
    color: var(--color-white);
    position: relative;
    margin: 0px 0px 12px 0px;
}

.about-footer-content p {
    font-family: var(--font-primary);
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 400;
    color: var(--color-white);
    position: relative;
    margin: 0px 0px 20px 0px;
}

.about-footer-content ul {
    list-style: none;
}

.about-footer-content ul li {
    display: flex;
}

.about-footer-content ul li .footer-link {
    font-family: var(--font-primary);
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 400;
    color: var(--color-white);
    margin: 0px 0px 20px 0px;
    line-height: 25px;
    display: flex;

}

.about-footer-content .footer-link {
    font-family: var(--font-primary);
    font-size: 15px;

    font-weight: 400;
    color: var(--color-white);
    margin: 0px 0px 20px 0px;
}

.about-footer-info {
    margin: 0px 0px 40px 0px;
}

.footer-link-email-bottom {
    text-align: center;
}



.copyright-section .copyright-section-content p {
    font-family: var(--font-primary);
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 400;
    color: var(--color-white);
    position: relative;
    margin: 0px 0px 20px 0px;
    text-align: center;
}

.copyright-section .copyright-section-content p i {
    margin: 0px 5px 0px 5px;
}


/* ======header-section======= */

.carehome-header {
    background-color: var(--color-teal);
}

.carehome-top-header {
    text-align: right;
    padding: 5px;

}

.carehome-top-header .carehome-header {
    font-size: 15px;
    font-weight: 400;
    color: var(--color-white);
    font-family: var(--font-primary);

    margin: 0px 10px 0px 0px;

}

.carehome-header-contact {
    font-size: 15px;
    font-weight: 400;
    color: var(--color-white);
    font-family: var(--font-primary);
    margin: 0px 10px 0px 0px;
}

.carehome-top-header .carehome-header i {
    margin: 0px 10px 0px 0px;
}

.snowman-navbar {
    background-color: var(--color-white);
}

.head-img img {
    width: 200px;
}


.menu-section .menu-detail .nav-content {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-black);
    font-family: var(--font-primary);

}

.web-con {
    background-color: var(--color-teal);
    font-size: 17px;
    font-weight: 600;
    color: var(--color-white);
    font-family: var(--font-primary);
    text-transform: uppercase;

}


/* =======support-appoinment-section======= */
.support-appoinment-section {
    padding: 0px 0px 40px 0px;
    background: linear-gradient(90deg, rgba(7, 160, 67, 1) 0%, rgba(0, 139, 194, 1) 100%);
}

.support-left {
    padding: 60px 40px;
}

.support-title h2 {
    font-size: 30px;
    font-weight: 600;
    color: var(--color-white);
    font-family: var(--font-primary);
    text-transform: capitalize;
    margin: 0px 0px 20px 0px;

}

.for-support ul {
    list-style: none;
}


.for-support ul li {
    font-size: 16px !important;
    font-weight: 400;
    color: var(--color-white);
    font-family: var(--font-primary);

    margin: 0px 0px 10px 0px;
}

.for-support ul li i {
    background-color: var(--color-white);
    color: var(--color-black);
    padding: 10px 10px;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    margin: 0px 10px 0px 0px;
    text-align: center;
    line-height: 10px;
    font-size: 15px;
    text-align: center;
}

.appoinment-form-title h2 {
    font-size: 30px;
    font-weight: 600;
    color: var(--color-white);
    font-family: var(--font-primary);
    text-transform: capitalize;
    margin: 0px 0px 10px 0px;
}

.appoinment-form-content p {
    font-size: 17px;
    font-weight: 400;
    color: var(--color-white);
    font-family: var(--font-primary);
    text-transform: capitalize;
    margin: 0px 0px 30px 0px;
}

.form-detail {
    margin: 0px 0px 10px 0px;
}

.form-detail label {
    font-size: 16px;
    font-weight: 400;
    color: var(--color-white);
    font-family: var(--font-primary);
    text-transform: capitalize;
    margin: 0px;
}

.form-name {
    border-radius: 0px;
}

.appoinment-btn {
    padding: 10px 20px;
    border-radius: 20px;
    background-color: var(--color-black);
    color: var(--color-white);
    font-size: 15px;
    font-family: var(--font-primary);
    font-weight: 400;
    text-transform: uppercase;
    border: none;
}

/* ===welcome-section=== */


.welcome-header .welcome-title {
    font-size: 30px;
    font-weight: 600;
    color: var(--color-black);
    font-family: var(--font-primary);
    text-transform: uppercase;
    margin: 0px 0px 5px 0px;
}

.welcome-section-header {
    text-align: center;
}

.welcome-section-title {
    font-size: 40px;
    font-weight: 600;
    color: var(--color-black);
    font-family: var(--font-primary);
    text-transform: capitalize;
    margin: 0px 0px 20px 0px;
}

.welcome-header .welcome-content {
    font-size: 16px;
    font-weight: 400;
    color: var(--color-black);
    font-family: var(--font-primary);
    text-transform: capitalize;
    margin: 0px 0px 20px 0px;
}


.welcome-description {
    font-size: 15px;
    font-weight: 400;
    color: var(--color-gray);
    font-family: var(--font-primary);
    text-transform: capitalize;
    margin: 0px 0px 20px 0px;
}

.vision-title {
    font-size: 26px;
    font-weight: 500;
    color: var(--color-black);
    font-family: var(--font-primary);
    text-transform: capitalize;
    margin: 0px 0px 5px 0px;
}


.vision-description {
    font-size: 15px;
    font-weight: 400;
    color: var(--color-gray);
    font-family: var(--font-primary);
    text-transform: capitalize;
    margin: 0px 0px 20px 0px;
}

/* ====director-board=== */

.director-board {
    padding: 0px 0px 60px 0px;
}

.director-board-title {
    font-size: 30px;
    font-weight: 600;
    color: var(--color-black);
    font-family: var(--font-primary);
    text-transform: uppercase;
    margin: 0px 0px 20px 0px;
}

.director-info {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    padding: 20px;
}

.director-img img {
    width: 100%;
    height: 100%;
}


/* =====why-amala-section===== */

.why-amala-section {
    padding: 60px 0px;
    background: linear-gradient(90deg, rgba(7, 160, 67, 1) 0%, rgba(0, 139, 194, 1) 100%);
}

.why-amala-content {
    text-align: center;
    margin: 0px 0px 40px 0px;
}

.why-amala-img {
    margin: 0px 0px 10px 0px;
}

.why-amala-img {
    width: 110px;
    display: inline-block;
}

.why-amala-title {
    font-size: 35px;
    font-weight: 600;
    color: var(--color-black);
    font-family: var(--font-primary);
    text-transform: capitalize;
    margin: 0px 0px 20px 0px;
}

.amala-image {
    width: 70px;
}

.why-amala-text {
    font-size: 18px;
    font-weight: 400;
    color: var(--color-black);
    font-family: var(--font-primary);
    text-transform: capitalize;
    margin: 0px 0px 20px 0px;
    line-height: 40px;

}

.amala-detail {
    border-right: 1px solid var(--color-lightgray);
    padding: 20px;
}

.amala-detail-title {
    font-size: 20px;
    font-weight: 600;
    color: var(--color-white);
    font-family: var(--font-primary);
    text-transform: capitalize;
    margin: 0px 0px 15px 0px;
}

.amala-detail-text {
    font-size: 14px;
    font-weight: 400;
    color: var(--color-white);
    font-family: var(--font-primary);
    text-transform: capitalize;
    margin: 0px 0px 20px 0px;
    line-height: 25px;
    text-align: justify;
}

.detail-last {
    border-right: none;
}

.amala-icon {
    width: 50px;
    background-color: var(--color-blue);
    padding: 5px;
    color: var(--color-white) !important;
    border-radius: 5px;
    margin: 0px 0px 10px 0px;
}

/* ====facilitiees-section==== */

.facilitiees-section {
    display: block;
    text-align: center;
    padding: 60px 0px 60px 0px;
}

.facilities-header {
    text-align: center;
    margin: 0px 0px 40px 0px;

}

.facilities-title {
    font-size: 20px;
    font-weight: 600;
    color: var(--color-blue);
    font-family: var(--font-primary);
    text-transform: uppercase;
    margin: 0px 0px 10px 0px;
    text-align: left;
}

.facilities-text {
    font-size: 14px;
    font-weight: 400;
    color: var(--color-black);
    font-family: var(--font-primary);
    text-transform: capitalize;
    margin: 0px 0px 20px 0px;
    line-height: 25px;
    text-align: justify;
}

.facilities-img {
    position: relative;
    margin: 0px 0px 10px 0px;
}

/* --------services--------- */
.service-section {
    padding: 60px 0px 0px 0px;
    display: block;
    text-align: center;
}

.services {
    background-color: var(--color-blue);
    min-height: 320px;


}

.services-2 {
    background-color: var(--color--gr);
    min-height: 319px;
    padding: 0px 0px 20px 0px;
}

.services h1 {
    font-family: var(--font-primary);
    font-weight: 600;
    color: var(--color-white);
    font-size: 20px;
    padding: 10px;
    margin: 0px 0px 10px 0px;
    text-align: center;
    border-bottom: solid 1px var(--color-lightgray);
}

.services h2 {
    font-family: var(--font-primary);
    font-weight: 600;
    color: var(--color-white);
    font-size: 20px;
    padding: 10px;
    margin: 0px 0px 10px 0px;
    text-align: center;

}

.services-2 h1 {
    font-family: var(--font-primary);
    font-weight: 600;
    color: var(--color-white);
    font-size: 20px;
    padding: 0px 20px 0px 20px;
    margin: 0px 0px 10px 0px;
    text-align: center;
    border-bottom: solid 1px var(--color-lightgray);
}


.services-2 h2 {
    font-family: var(--font-primary);
    font-weight: 600;
    color: var(--color-white);
    font-size: 20px;
    padding: 0px 20px 0px 20px;
    text-align: center;
    margin: 10px 0px 0px 0px;
}

.service-image img {
    width: 80px;
    margin: 20px;
    display: inline-block;
}

/* ------about---- */

.about-us {
    padding: 60px 0px;
}

.about-img {
    position: relative;
}

.about-bot-img {
    position: absolute;
    right: 0px;
    bottom: -30px;
}

.about-title span {
    border: 1px solid var(--color--gr);
    padding: 5px 10px;
    border-radius: 20px;
    color: var(--color--gr);
    text-transform: capitalize;
    font-size: 15px;
    font-family: var(--font-primary);
    font-weight: 300;
    display: inline-block;
    margin: 0px 0px 20px 0px;
}

.about-title h2 {
    color: var(--color--gr);
    text-transform: capitalize;
    font-size: 35px;
    font-family: var(--font-primary);
    font-weight: 800;
    margin: 0px 0px 20px 0px;
}

.about-content-detail p {
    color: var(--color--black);
    text-transform: capitalize;
    font-size: 17px;
    font-family: var(--font-primary);
    font-weight: 300;
    line-height: 30px;
    margin: 0px 0px 20px 0px;
}

.about-btn {
    text-transform: capitalize;
    font-size: 17px;
    font-family: var(--font-primary);
    font-weight: 700;

}

.about-know {
    padding: 10px 15px;
    background-color: var(--color--gr);
    color: var(--color-white);
    margin: 0px 10px 0px 0px;
    border-radius: 5px;
}

.about-save {
    color: var(--color--gr);
}

.about-btns {
    padding: 0px 0px 30px 0px;
    border-bottom: 1px solid var(--color-lightgray);
    margin: 0px 0px 20px 0px;
}

.about-info {
    margin: 0px 40px 0px 0px;
}

.about-info span {
    text-transform: capitalize;
    font-size: 35px;
    font-family: var(--font-primary);
    font-weight: 700;
    color: var(--color--gr);
}

.about-info p {
    color: var(--color--black);
    text-transform: capitalize;
    font-size: 17px;
    font-family: var(--font-primary);
    font-weight: 300;
}

.num-info {
    display: flex;
}