@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;700&display=swap');
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body{
    font-family: 'Mulish', sans-serif!important;
}
p{
    color: var(--para-color-font)!important;
    font-weight: 300;
    text-transform: none;
    
}
h1{
    color: var(--h1-main-headings)!important;
}
h2{
    color: var(--buttons-bg-color)!important;
}
h3{
    color: var(--buttons-bg-color)!important;
}
/***********variables******************/ 
:root{
    --h1-main-headings: #94C122;
    --buttons-bg-color: #1071B8;
    --main-sec-bg-color: #20bf55;
    --para-color-font: #000;
    --grey_bg-color:#CCCCCC;
    --footer-bg-color: #11333a;

}

/**background-color #20bf55;
background-image linear-gradient(315deg, #20bf55 0%, #01baef 74%);**/

/*************navbar section************/ 
.navbar{
    margin-bottom: 0px!important;
}
.navbar_section{
    background-color: #fff;
}
.i_lab_img{
    width: 300px;
    height: 100px;
    margin: auto;
}
.navbar_Ul{
    text-transform: capitalize;
}
.navbar_Ul li a{
    padding: 0px 5px;
    color: var(--buttons-bg-color);
    text-decoration: none;
}.dropdown:hover > .dropdown-menu{
    display: block;
}
.dropdown-menu{
    background-color: var(--h1-main-headings)!important;
}
.dropdown-menu li a{
    color: #fff!important;
}
.dropdown-menu li a:hover{
    background-color: #fff!important;
    color: var(--buttons-bg-color)!important;
}
/****************hero section carousel css*****************/ 
.swiper {
    width: 100%;
    height: 600px;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 600px;
    object-fit: cover;
  }
/*************main title section***********/
.main_heading_section{
    padding: 0px 40px;
} 
.main_title{
    text-transform: uppercase;
    text-align: center;
    margin: 80px 0px 40px 0px;
    letter-spacing: 2px;
    color: var(--h1-main-headings);
}
.main_theme{
    text-align: justify;
    margin: 20px 0px;
}
.know_abot_btn{
    width: 15%;
    margin: auto;
    padding: 12px 24px;
    color: #fff;
    background-color: var(--buttons-bg-color);
    text-transform: capitalize;
    transition: 0.5s;
    border-radius: 5px;
    letter-spacing: normal;
}
.know_abot_btn:hover{
    background-color: var(--h1-main-headings);
    color: var(--buttons-bg-color);
}
/*****************carousel_products_section**************/


.product_head{
    color: var(--h1-main-headings)!important;
}
.courosel_heading{
    color: var(--h1-main-headings);
    text-transform: uppercase;
}
.carousel_heading{
    color: var(--buttons-bg-color);
    text-transform: capitalize;
}
.carousel_products_section{
    background-color: var(--grey_bg-color);
    margin: 40px 0px;
    padding: 40px 0px;
}
.courasel_content{
    text-align: justify!important;
}
.human_med_btn{
    margin: auto;
    padding: 12px 24px;
    color: var(--h1-main-headings);
    text-transform: capitalize;
    transition: 0.5s;
    border-radius: 5px;
    letter-spacing: normal;
    width: 40%;
    border: 2px solid var(--buttons-bg-color);
}
.human_med_btn:hover{
    border: 2px solid var(--h1-main-headings);
    background-color: var(--buttons-bg-color);
}
/*************modal images*********/
.owl_carousek_gallery{
    margin: 0px 0px!important;
}
/************************************image modal css*********************/
.images_slider{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    animation: move;
    animation-duration: 10s;
    animation-delay: 3s;
    animation-iteration-count: infinite;
    transition: all 1s;
}
.images_slider img{
    margin: 20px 10px;
}
.owl-next{
    font-size: 60px!important;
    background-color: #fff!important;
    color: var(--buttons-bg-color)!important;
}
.owl-prev{
    font-size: 60px!important;
    background-color: #fff!important;
    color: var(--buttons-bg-color)!important;
}
.owl-dot{
    color: var(--buttons-bg-color)!important;
    background-color: var(--buttons-bg-color);
}
.owl-carousel{
    margin: 80px 0px!important;
}
/*************why partner newletter section**********/ 

.why_partner{
    margin: 0px 0px;
    padding: 40px 20px;
    background-color: var(--buttons-bg-color);
}
.why_partner_con_btn{
    display: flex;
    flex-direction: row;
}
.know_about_btn{
    padding: 12px 24px;
    color: #fff!important;
    text-transform: capitalize;
    transition: 0.5s;
    border-radius: 5px;
    letter-spacing: normal;
    width: 15%;
    border: 2px solid var(--h1-main-headings);
}
/**************sponser section*************/ 
.sponsper_section{
    margin: 0px 0px;
    padding: 80px 0px;
}
.logos_spons_imgs{
    display: flex;
}
.logos_spons_imgs img{
    padding: 10px;
    margin: 0px 10px;
    opacity: 0.5;
}
.logos_spons_imgs img:hover{
    opacity: 1;
}
/***********animated dashboard***************/ 

.animated_address_section{
    margin: 0px 0px;
    padding: 80px 0px;
    background-image: linear-gradient(315deg, #1071B8 0%, #94C122 34%);
    color: #fff;
}
.loader {
    color: #fff;
    font-weight: bold;
    opacity: 0.7;
  
  }
  .counter_add{
      display: flex;
  }
/***********footer section************/ 
.footer_section{
    padding: 40px 0px;
    background-color: var(--footer-bg-color);
}
.about_content img{
    margin: 20px 0px;
}
.contact_footer h4{
    margin: 20px 0px;
}
/*************contact form css**********/ 
.contact_us_form{
    width: 60%;
    margin: auto;
}
/*****comming soon update*********/ 
.comming_soon_update img{
    width: 100%;
    height: 600px;
}
/*****************media queries**************/ 
@media (max-width: 992px) { 
    .i_lab_img{
        width: 200px;
        height: 100px;
        margin: auto;
    }
    .know_abot_btn {
        width: 100%;
        
    }
    .why_partner_con_btn {
        display: block;
    
    }
    .human_med_btn{
        width: 100%;
    }
    .know_about_btn {
        width: 100%;
        text-align: center!important;
    }
    .navbar_Ul li a{
        color: #fff!important;
    }
    h1{
        font-size: 27px!important;
    }
    .logos_spons_imgs{
        display: block;
        text-align: center;
    }
    .animated_address{
        display: grid;
        grid-template-columns: repeat(1 , 1fr);
        column-gap: 10px;
        text-align: center;
    }
    .about_content{
        text-align: center;
    }
    .contact_footer{
        text-align: center;
    }
    .icons_logos{
        text-align: center;
    }
}
@media (min-width: 992px){
    .know_abot_btn {
        width: 15%;
        
    }
    .know_about_btn {
        width: 15%;
        text-align: center!important;
    }
    .navbar_Ul li {
        padding: 0px 10px;
        margin: 0px 10px;
    }
    .i_lab_img {
        width: 300px;
        height: 100px;
        /* margin: auto; */
        margin: 0px 40px;
    }
    
}