/* header-css */
a.nav-link {
    font-size: 20px!important;
    padding: 0px!important;
}

i.fa.fa-circle-o {
    font-size: x-small;
}

p.contents a {
    text-decoration: none;
    color: #616161;
    display: flex;
    align-items: center;
    gap: 8px;
}

input.nav-input {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #D99C26;
    border-radius: 4px;
    font-size: 16px;
    background-color: white;
    background-image: url(../images/search.png);
    background-position: 10px 10px; 
    background-repeat: no-repeat;
    padding: 10px 10px 10px 50px;
}

a.navbar-brand {
    padding: 0;
}

.main {
    background-image: url(../images/Group\ 10.png);
    background-repeat: no-repeat;
    position: relative;
    background-position: center;
    background-size: cover;
}

ul.list-icon {
    list-style: none;
    padding: 0;
}

a.nav-link.active,a.nav-link:hover {
    border: 1px solid #d69d22;
    border-width: 0px 0px 0px 1px;
    padding-left: 4px!important;
}

.border-div {
    border: 6px solid #d69d22;
    border-radius: 33px;
    padding: 4px;
    align-items: center;
    gap: 10px;
}

nav.navbar {
    background-color: white!important;
    padding: 0;
}

section.navv {
    text-align: center;
    padding: 12px 0px;
    background-color: #f8f9fa;
}

ul.navbar-nav {
    display: flex;
    gap: 20px;
    margin: 0 auto;
}

span {
    font-family: Inria serif;
    color: #d69d22;
} 

.icon{
    color: #d69d22;
    font-size: 24px!important;
}

i.fa.fa-search {
    position: absolute;
    right: 11%;
}

p.contents {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
}

.social-icons {
    display: flex;
    gap: 20px;
    justify-content: end;
    align-items: center;
}

button.button-page {
    background-color: #6767678f;
    color: white;
    border-color: #d69d22;
    border-radius: 8px;
    padding: 5px;
    border-style: double;
}

li {
    font-size: 20px;
    font-family: Roboto;
    line-height: 35px;
    padding: 4px;
}

.more-buttons{
    gap: 20px;
}

.parah{
    width: 50%;
}

.post-review.picks {
    padding-top: 15px;
}

.row.happy {
    border: 1px solid #d69d22;
    border-width: 0px 0px 1px 0px;
    padding-bottom: 10px;
}

.passage{
    color: white;
}

h2{
    font-size: 50px!important;
    line-height: 50px!important;
    font-weight: 400!important;
    font-family: Inria serif!important;
}

p{
    font-size: 20px;
    font-family: Roboto;
    line-height: 35px;
}

h4{
    font-size: 26px;
    font-weight: 400;
    line-height: 37px;
}

hr {
    color: #ffaa05!important;
    border-width: 2px!important;
    width: 75%!important;
    margin: 0 auto!important;
}

.commit{
    width: 50%;
}

img.service-image {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    display: block;
}

section.our-service {
    background-image: url(../images/Ellipse\ 37.png);
    background-repeat: no-repeat;
    background-position: top right;
}

section.Dedicated-professional{
    background-image: url(../images/forumbee.png);
    background-repeat: no-repeat;
}

.btn.btn-secondary.dropdown-toggle {
    background-color: transparent!important;
    color: black;
    border-width: 0px 0px 2px 0px;
    border-radius: 0px;
    width: 100%;
    justify-content: space-between;
    display: flex;
    border-color: #d69d22;
    font-weight: 600;
    font-size: 20px;
    align-items: center;
}

ul.dropdown-menu.show {
    width: 100%;
    display: contents;
}

button.button-see-all {
    background-color: transparent;
    color: black;
    border-color: #d69d22;
    border-radius: 8px;
    padding: 2px 24px;
    font-size: 22px;
    border-style: double;
    font-weight: 500;
}

section.patients,section.patient-mental,section.front-lines,section.Dedicated-professional,section.about-us,section.golden-care,section.commitment-services,section.our-service {
    padding-top: 6rem;
}

ol {
    padding: 0!important;
    color: black;
    align-items: center;
    display: flex;
    gap: 12px;
}

/* slider css */
.owl-stage {
    border: 2px solid #D99C26;
    border-radius: 0px 30px 0px 30px;
    box-shadow: 2px 4px 6px gray;    
    margin: 15px;
    padding: 0px!important;
}

.post-slide5 {
    padding: 15px;
}

.post-img {
    border: 1px solid #D99C26;
}

h4.post-title {
    text-align: center;
}

/* footer */
footer {
    background-color: #FFE4A1;
    padding: 6rem 0;
    border-radius: 220px 0px 220px 0px;
    margin-top: 50px;
}

i.socialIcon {
    background-color: white;
    padding: 10px;
    border-radius: 10px;
    font-size: 26px;
    text-align: center;
}

h5.Copyright {
    text-align: center;
}

ol {
    line-height: 2.4rem;
}

footer ol a {
    text-decoration: none;
    color: black;
}

p.footer-parah {
    border: 2px solid #D99C26;
    border-radius: 40px 0px 40px 0px;
    padding: 16px;
}

.footer-col h4,.footer-col ol.socials, footer h5 {
    padding-left: 2rem!important;
}

/* media query */
@media (min-width: 992px){
    .owl-stage {
        max-width: 30%!important;
    }
    h2{
        font-size: 30px!important;
    }
}

@media (min-width:1400px){
    .container{
        max-width: 1400px!important;
    }
}

@media (max-width:1200px){
    .passage h2 {
        font-size: 37px!important;
        line-height: 36px!important;
    } 
  
    .main {
        background-size: initial;
        padding: 10% 6%;
    }
    section.navv {
        display: none;
    }
    a.nav-link {
        font-size: 18px!important;
    }
}

@media (max-width: 991px){
    img.girls-img {
        display: none;
    }
    section.navv {
        display: none;
    }
    footer {
        padding: 10% 4%;
        border-radius: 165px 0 165px 0!important;
    }
    h2{
        font-size: 30px!important;
    }
    .form-media-mobile {
        display: grid;
    }
}

@media (max-width:600px){
    section.navv {
        display: none;
    }
    .about-boy {
        padding-top: 3rem;
    }
    .obligated {
        padding-top: 3rem;
    }
    section.our-Commitment {
        padding-bottom: 2rem;
    }
    section.achieving-goal {
        padding: 3rem 0;
    }
    footer {
        padding: 10% 4%;
        border-radius: 165px 0 165px 0!important;
    }
    section.Dedicated-professional .professional {
        padding-top: 5rem;
    }
    div#navbarSupportedContent {
        z-index: 9999;
        position: absolute;
        background-color: white;
        width: 100%;
        top: 100%;
        right: 0;
        padding: 0 10px 20px 10px;
    }
    h2{
        font-size: 30px!important;
    }
    .form-media-mobile {
        display: grid;
    }
}

@media (min-width: 1800px){
.container {
    max-width: 1800px!important;
}
}