
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
/* ============== Default Element Style ================ */
body {
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
}
h1 {
    font-size: 4.40rem;
    font-family: 'Montserrat', sans-serif;
}
/*----font-size:70px----*/
h2 {
    font-size: 3.5rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
}/*----font-size:55px----*/
h3{font-size:2.25rem; font-weight:500; font-weight:bolder;}/*----font-size:36px----*/
h4 {
    font-size: 2rem;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
}/*----font-size:32px----*/
h5 {
    font-size: 1.50rem;
    font-family: 'Inter', sans-serif;
}/*----font-size:24px----*/
h6 {
    font-size: 1.50rem;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
}/*----font-size:16px----*/
p, a {
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    font-family: 'Inter', sans-serif;
}
ul{margin:0; padding:0; list-style:none;}
a,a:hover ,a:focus{text-decoration:none !important;}
img { border-style: none;}

.padding-100{padding:120px 0px;}
.padding-top{padding-top:120px;}
.padding-bottom{padding-bottom:120px;}

/*=============== header section================ */

.navbar-nav .nav-item .nav-link {
    color: #000000;
    font-family: 'Montserrat', sans-serif;
    font-weight:500 !important;
    
}

.dropdown-menu a {
    color: #000000!important;
}
#header-section {
    position: absolute;
    width: 100%;
    top: 30px;
}
/*ul li a {
    color: #FFFFFF !important;
}*/
.navbar-nav {
    margin-right: 15px;}
.navbar-nav .nav-item {
    margin: 0px 10px;
    font-weight: 500;
}
@media(max-width:1400px){
    .navbar-nav .nav-item {
        margin: 0px 0px !important;
    }
}
@media(max-width:1200px) {
    .navbar-nav .nav-item {
        margin: 0px 0px !important;
    }
}
@media(max-width:576px){
    .navbar-brand{
        width:235px
    }
}
.navbar {
    background-color: #FFFFFF !important;
    border-bottom-right-radius: 30px;
    border-top-left-radius: 30px;
    width: fit-content;
    margin: auto;
    margin-top: 18px;
    transition: all 0.5s ease-in-out;
}
@media(max-width:1200px){
    .navbar {
        border-bottom-right-radius: 0px;
        border-top-left-radius: 0px;
        width: 100%;
        margin: auto;
        margin-top: 0px;
        transition: all 0.5s ease-in-out;
    }
}

#header {
    background: url(../../assets/img/banner-areene-3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}

/*====DEFAULT SECTION==========*/
.text-color {
    color: #2E6EB7;
}
.text-white {
    color: #FFFFFF !important;
    font-family: 'Montserrat', sans-serif;
}
.heading{
    margin-top:250px;
    margin-bottom:300px;
 
}
@media(max-width:576px){
    .heading {
        margin-top: 250px;
      
    }
}
.p-color {
    color: #8B8B8B;
    font-family: 'Inter', sans-serif;
}
.btn-more {
    padding: 13px 28px;
    border-radius: 30px;
    color: #FFFFFF !important;
    background: rgb(52,122,174);
    background: linear-gradient(90deg, rgba(52,122,174,1) 11%, rgba(48,119,178,1) 20%, rgba(82,178,134,1) 87%);
    transition: .3s;
}
.btn-submit {
    padding: 12px 50px !important;
}
.btn-more:hover {
    animation: pulse 1s infinite;
    transition: .3s;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    70% {
        transform: scale(.9);
    }

    100% {
        transform: scale(1);
    }
}

#who-are {
    background: url(../../assets/img/about-bg-image.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}

/* FOOTER SECTION*/

#footer {
    background: url(../../assets/img/footer-bg-2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    /*height: 710px;*/
}
.descript{
    padding-right:140px !important;
}

@media(max-width:992px) {
    .social-icon{
        width:8% !important;
    }
    .descript {
        padding-right: 0px !important;
    }
}
.copy {
    border-top: 2px solid #FFFFFF;
}
/*PRODUCTS section */
.products-anti {
    position: relative;
}

.image {
    display: block;
    width: 100%;
    height: auto;
}

.overlay {
    position: absolute;
    bottom: 50px;
    left: 0px;
    right: 0;
    background-color: #00000075;
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .5s ease;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.products-anti:hover .overlay {
    height: 76%;
}

.text {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 45%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.disc{
    list-style:disc!important;
}

.products-anti:hover .anti{
    display:none;
}
.anti {
    background: url(../../assets/img/gradiant-color.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    opacity:0.5;
    
}
.anti {
    position: absolute;
    bottom: 48px;
    /*background-color: #0000002b;*/
    width: 100%;
}
@media(max-width:992px){.anti {width: 91%;}.overlay {width: 100%;}.products-anti:hover .overlay {height: 82% !important;}}
@media(max-width:576px) {.products-anti:hover .overlay {height: 87% !important;} }
@media(max-width:576px){
    .anti {
        width: 95%;
    }
    .overlay {
        width: 100% !important;
    }
}
@media (max-width: 768px) and (min-width:576px) {
    .products-anti:hover .overlay {
        height: 70% !important;
    }
}
@media (max-width: 1400px) and (min-width:1200px) {
    .products-anti:hover .overlay {
        height: 70%;
    }
}
@media (max-width: 1200px) and (min-width:992px) {
    .products-anti:hover .overlay {
        height: 75% !important;
    }
}
    /* OUR PRESENCE SECTION*/
#presenece {
    background: url(../../assets/img/presence-bg-image.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}
.map-icon {
    color: #00529C;
    font-size: 35px;
}
.map-icon-1 {
    color: #06AACB;
}
.medicine-img{
    position:absolute;
    bottom:380px;
    left:261px;
}
#products .owl-nav {
    display: none;
}
/*0----------About us Section=----------*/
#about-us {
    background: url(../../assets/img/about-us-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    height: 700px;
}
#heath-care-section {
    background: url(../../assets/img/about-us-inner-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
   height:800px;
}

@media(max-width:992px){
    #heath-care-section{
        height:1270px;
    }
}
.directors-pledge {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.explan li {
    list-style: disc;
    font-family: 'Inter', sans-serif;
    font-size:16px;
}
#hospital-supplies {
    background: url(../../assets/img/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    height:800px;
}
.supplies{
    margin-top:200px;
}
.lines{
    margin-left:370px;
}
.lines-1 {
    margin-left: 445px;
}

@media(max-width:1400px) {
    .lines {
        margin-left: 275px;
    }
    
}
@media(max-width:1200px) {
    .lines {
        margin-left: 190px;
    }
}
@media(max-width:992px) {
    .lines {
        margin-left: 75px;
    }
    #hospital-supplies {
        height: 1000px;
    }
}
@media(max-width:576px){
    .lines {
        margin-left: 30px;
    }
    #hospital-supplies {
        height: 1115px;
    }
}
/*.vision {
    background: url(../../assets/img/mission-vision-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    height:700px;
}*/
.mission{
    position:absolute;
    bottom:300px;
   left:210px;
}
.core-vision {
    position: absolute !important;
    bottom: 500px;
    left:700px;
    padding-left:150px;
}
    
    .vision {
        margin-left: 80px;
    }
.mission-descript{
    margin-right:318px !important;
}
/*.vison-mission{
    height:850px;
}*/
.miss {
    position: absolute;
    
}
/*----------source presence page-----------*/

#presence-heading {
    background: url(../../assets/img/presence-banner-page-img.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}
.main-heading {
    margin-top: 250px;
    margin-bottom: 200px;
}
.padding-top-1 {
    padding-top: 270px !important;
}
.heading-border{
    padding-right:230px;
}
@media(max-width:768px){
    .our-presence-title {
        font-size: 50px;
    }
    .heading-border {
        padding-right: 130px;
    }
}

@media(max-width:380px) {
   

    .heading-border {
        padding-right: 30px;
    }
}
#csr-banner {
    background: url(../../assets/img/csr-banner-img.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}
.box-shadow {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
#career-banner {
    background: url(../../assets/img/career-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}
.form-control {
    border: 2px solid #363636;
    color: #363636;
}
#contact-us {
    background: url(../../assets/img/contact-us-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}
.icon-image {
    background-color: #4DC7A4;
    border-radius:10px;
}

.contact-form-shadow {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
#sponsors-banner {
    background: url(../../assets/img/sponsor-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}
.lines-border {
    padding-right: 450px;
}
@media(max-width:768px){
    .lines-border {
        padding-right: 250px;
    }
}
@media(max-width:500px) {
    .lines-border {
        padding-right: 0px;
    }
}
.partner {
    border: 2px solid #939598;
}
#certificates-banner {
    background: url(../../assets/img/certificates-banner-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}
/*.decode-certificates {
    background: url(../../assets/img/decode-bg-img.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}*/
.decode-padding{
    padding-top:220px !important;
}
@media(max-width:1400px){
    .decode-padding {
        padding-top: 170px !important;
    }
}
@media(max-width:1200px) and (min-width:992px) {
    .decode-padding {
        padding-top: 105px !important;
    }
}
@media(max-width:992px) {
    .decode-padding {
        padding-top: 30px !important;
    }
}
/*----------manufacturing page-----------*/

#manufacturing {
    background: url(../../assets/img/manufacturing-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    height: 550px;
}

.head-manufac {
    color: #FFFFFF;
}

.quality-control {
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}

.box-one {
    background-color: #4DC7A4;
    height: 565px;
}



.box-two {
    background: #00B0A9;
    height: 565px;
}
@media(max-width:992px){
    .box-two {
     
        height: 850px;
    }
}
@media(max-width:768px) {
    .box-two {
        height: 900px;
    }
}

.box-three {
    background-color: #2DA6A2;
    height: 565px;
}
#product-banner {
    background: url(../../assets/img/products-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}

#nav-bar-1 {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
    #nav-bar-1 li {
        list-style: none;
        border-bottom: 0px;
        padding: 15px;
        padding-left: 40px;
        width: 100%;
        padding-left: 20px;
    }
        .bg-parent{
            background-color: #2374E1 !important;
        }
        .nav-link-2::after {
            content: "";
            display: block;
            width: 100%;
            height: 2px;
            background-color: #C6C6C6;
            transition: width 0.3s;
            margin-top: 20px;
        }
#nav-bar-1 a {
    color: #919191 ;
    font-size:16px;
}
/*.nav-link-1.active, .nav-link-2.active {
    color: #2374E1 !important;
}*/
/*.nav-link-2.active {
    color: #2374E1 !important;
}*/
#nav-bar-1 a.active {
color: #000!important;
}
.nav-link-2::before {
    content: "+";
    color: #2374E1;
    float: right;
    margin-right: 15px;
}
#gallery-banner {
    background: url(../../assets/img/gallery-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}

.nav-link {
    color: #000000;
}
.nav-link.active {
    color: #2E6EB7 !important;
}
#footer ul li a{
    color:#fff;
}

 #footer ul li a.active {
        color: #2E6EB7 !important;
  }

/*#manu-banner {
    background: url(../../assets/img/manufacturing-banner-footer.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-color: #EFEFEF;
}*/

#header-1 {
    background: url(../../assets/img/contact-us-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}
@media (min-width:768px){
    .scienti-line{
        padding-right:443px;
    }
}
.navbar.scrolled {
    width: 100%;
    background-color: white;
    margin-top: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    padding: 5px;
}

/*#header-section .dropdown-item.active {
    color: red !important;
}*/