@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap');

body,html{
    margin: 0px;
    padding: 0px;
   font-family: 'Poppins', sans-serif;
   font-weight:400;   
   color: #00487a;

}
*, *::before, *::after {
    box-sizing: border-box;
}
p{
    font-size: 24px;
    line-height: 34px;
    font-weight: 400;
    text-align: left;
}
.gsexe3{
    font-weight: 500;
    font-size: 21px;
    line-height: 32px;	
    text-align: center;
}
.flxbx {
    display: flex;
    justify-content: space-evenly;
}
.flxbx div {
    margin: 30px 5px;
    padding: 30px;
    font-weight: 600;
    font-size: 20px;
    border-radius: 42px;
    border: 2px solid;
    width: 25%;
}
.hmptxt{
    max-width: 68%;
    text-align: center;
    margin: auto;
}
.product-carousel .sld1 img{
width: 100%;
max-width: 100%;
}
.photobx img {
    width: 28%;
    display: inline-block;
    margin: 20px;
}
.medpls {
    margin-top: 38px;
}
.medpls img {
    max-width: 30px;
    margin-right: 20px;
}
.medpls div {
display: inline-block;
    vertical-align: top;
    padding-top: 0px;
    max-width: 88%;
    font-size: 21px;
    font-weight: 500;
}
.hsfhsr{
    max-width: 67%;
    margin: auto;
}
.h1 {
    font-size: 48px;
    font-weight: 700;
    line-height: 85px;
    position: relative;
    display: inline-block;
        margin-bottom: 45px;
}
.h1:before {
    content: ' ';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 175px;
    height: 3px;
    transform: translateX(-50%);
    background: #ffcf03;
}
.whtbtm:before {
background: #fff!important;
}
.blubtm:before {
background: #00487a!important;
}
.hmdona{
background-color: #ffec9b;
padding-top: 120px;
    padding-bottom: 50px;
}
.hmdona p {
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    max-width: 76%;
    margin: auto;
    line-height: 48px;
}
.footer{
position: relative;
margin-top: 0px!important;
background-color: #00487a;
color: #fff;
    padding-top: 250px;
    padding-bottom: 80px;
}
.ftlogo{
    max-width: 300px;    
    margin-bottom: 45px;
}
.footer h4{
  font-size: 31px;
  margin-bottom: 40px;
}
.footer p{
line-height: 40px;
}
.copy {
    text-align: center;
    margin-top: 100px;
    font-size: 19px;
    padding-top: 48px;
    border-top: 1px solid #1173b7;
}
.ftlinks{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.ftlinks a{
position: relative;
    margin-right: 20px;
    font-size: 23px;
    display: inline-block;
    margin-bottom: 11px;
        padding-left: 10px;
}
.ftlinks a::before{
content: '';
	height: 12px;
	width: 12px;
	background: #ffcf03;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: -.65em;
	transform: translateY(-50%);
}
.footer a{
color: #fff;
}
.hmtxtcon h1 {
    font-size: 66px;
    font-weight: 700;
    padding-left: 10%;
    line-height: 93px;
}
.owl-theme .owl-controls .owl-nav div.owl-prev {
    left: -65px!important;
}
.owl-theme .owl-controls .owl-nav div.owl-next {
    right: -65px!important;
}
.product-carousel .owl-theme .owl-controls .owl-nav div.owl-prev {
    left: 20px!important;    filter: brightness(300) grayscale(1);
}
.product-carousel .owl-theme .owl-controls .owl-nav div.owl-next {
    right: 10px!important;    filter: brightness(300) grayscale(1);
}
.owl-theme .owl-controls .owl-nav div.owl-prev:before {
     background-image: url('../images/left.png');
    background-size: 32px 55px;
    display: inline-block;
    width: 32px; 
    height: 55px;
    content:"";
}
.owl-theme .owl-controls .owl-nav div.owl-next:before {
   background-image: url('../images/right.png');
    background-size: 32px 55px;
    display: inline-block;
     width: 32px; 
    height: 55px;
    content:"";
}
.tpflx{
display: flex;
    align-items: center;
    justify-content: space-between;
}
.logo{
    max-width: 345px;
}
.tmenu .menlik{
    display: inline-block;
    font-size: 30px;
    font-weight: 700;
    margin: 0px 24px;
    position: relative;
    cursor: pointer;
        color: #00487a;
}
.thrsxs{
display: inline-block;
    font-size: 30px;
    font-weight: 700;
    margin-left: 24px;
    position: relative;
    cursor: pointer;
    color: #00487a;
    background-color: #ffcf03;
    transition: all .3s;
    padding: 10px 41px;
    border-radius: 40px;
}
.thrsxs:hover{
    color: #ffcf03;
    background-color: #00487a;
}
.menlik::before {
    bottom: -16%;
    height: 2px;
    width: 0%;
    left: 0%;
    content: '';
    position: absolute;
    background-color: #00487a;
    transition: 0.3s ease all;
}

.menlik:hover::before {
    width: 100%;
    transition: 0.3s ease all;
}
.hmtxtcon{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
        display: flex;
    align-items: center;
}
.section{
  margin-top:118px;
}
.containerc{
  width:90%;
  margin:auto;
  max-width:1920px;
}
.containerd{
  width:80%;
  margin:auto;
  max-width:1920px;
}
.hmslider{
width: 100%;
    background: url('../images/hmbg.png');
    background-size: cover;
    position: relative;
    overflow: hidden;
    
}
.hmmidbg{
background: url('../images/hmmid.jpg');
    background-size: cover;
    position: relative;
    padding: 205px 0px 250px 0px;
    
}
.pgslider{
height: 600px;
 background: url('../images/hmbg.png');
    background-size: cover;
    position: relative;
    overflow: hidden;    
        background-position: bottom;
}
.pgslider h1{
font-size: 66px;
    font-weight: 700;
    line-height: 93px;
}
.pgtxtcon {
    position: absolute;
    top: 62%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    display: flex;
    align-items: center;
    text-align: center;
}
.hmmidbgcon {
    width: 72%;
    margin: auto;
    max-width: 1920px;
}
h3, .h3 {
    font-size: 53px;
    color: #fff;
    line-height: 85px;
    text-align: center;
    font-weight: 400;
	text-shadow: 0px 4px 14px black;
}
.fullwidth{
width: 100%;
}
#mainmenu{
position: absolute;
width: 100%;
top: 0;
    z-index: 2;
    padding-top: 30px;
}
.homeslidebtm {
    text-align: center;
    display: block;
    position: absolute;
    bottom: 6%;
        width: 100%;
animation: bounce 2s;
	animation-iteration-count: infinite;
}
@keyframes bounce {
0%,
25%,
50%,
75%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-20px);
}
60% {
transform: translateY(-12px);
}
}
#toTop {
    position: fixed;
    right: 15px;
    bottom: 30px;
    margin: 0;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    width: 80px;
    
}
#toTop img{
width: 100%;
}
.shows {
    opacity: 1!important;
    visibility: visible!important;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
.pbtn{
margin-left: 0!important;
margin-top: 65px;
    font-weight: 600;
}
.vmisocon{
display: flex;
    width: 100%;
    justify-content: space-evenly;
    align-items: flex-start;
        text-align: center;
        margin-top: 100px;
}
.vmisobx{
    width: 30%;
       padding: 20px 35px;
    display: inline-block;
}
.vmisobx h2 {
    font-size: 43px;
}
.vmisobx p {
    text-align: center;
}
.vmisobx img{

}
.lbt{
position: absolute;
bottom: 0;
}
.lbtd{
position: absolute;
top: 0;
}
.sld1 img{
max-width: 90%;
margin: auto;
}
.slanm p {
    text-align: center;
    margin-top: 49px;
    font-weight: 600;
    padding: 0px 15px;
    font-size: 26px;
}
.blusec{
margin-top: 0!important;
padding: 54px 0px 135px 0px;
background-color: #b4e4ee;
position: relative;
}
.al-carousel .avatar {
    box-shadow: none;
}
.hmmanagement{
position: relative; 
margin-top: 0px!important;
padding-top: 230px;
}
.peoplebx {
    width: 24%;
    display: inline-block;
    padding: 15px 18px;
    vertical-align: top;
    margin-top: 15px;
    margin-bottom: 20px;
    font-size: 24px;
}
.peoplebx img {
    max-width: 250px;
    margin-bottom: 30px;
}

.peoplebx strong{
    
}
.mnbxcon{
margin-top: 30px;
text-align: center;
}

@media (max-width: 1758px) {
#toTop {
    width: 60px;
}
.pgslider h1 {
    font-size: 50px;
}
.pgslider {
    height: 400px;
}
.logo {
    max-width: 234px;
}	
.tmenu .menlik {
    font-size: 19px;
    margin: 0px 15px;
}
.thrsxs {
    font-size: 18px;
    font-weight: 700;
    margin-left: 35px;
    padding: 10px 31px;
}
.hmtxtcon h1 {
    font-size: 44px;
    padding-left: 10%;
    line-height: 67px;
}
.homeslidebtm img{
max-width: 50px;
}
.hmtxtcon {
    top: 51%;
}
.section {
    margin-top: 67px;
}
.h1 {
    font-size: 34px;
    line-height: 68px;
    margin-bottom: 25px;
}
p {
        font-size: 16px;
    line-height: 25px;
}
.pbtn {
    margin-top: 38px;
}
.vmisocon {
    margin-top: 57px;
}
.vmisobx img {
    max-width: 105px;
}
.vmisobx h2 {
    font-size: 28px;
        margin-bottom: 10px;
}
h3, .h3 {
    font-size: 36px;
    line-height: 55px;
}
.hmmidbg {
    padding: 143px 0px 190px 0px;
}
.slanm p {
    margin-top: 30px;
    padding: 0px 13px;
    font-size: 18px;
}
.owl-theme .owl-controls .owl-nav div.owl-prev:before {
    background-size: 20px 34px;
    width: 20px;
    height: 34px;
}
.owl-theme .owl-controls .owl-nav div.owl-next:before {
    background-size: 20px 34px;
    width: 20px;
    height: 34px;
}
.blusec {
    padding: 18px 0px 75px 0px;
}
.hmmanagement {
    padding-top: 146px;
}
.peoplebx img {
    max-width: 135px;
    margin-bottom: 20px;
}
.peoplebx {
    padding: 15px 10px;
    margin-top: 15px;
    margin-bottom: 20px;
    font-size: 17px;
    line-height: 25px;
}
.hmdona p {
    font-size: 20px;
    font-weight: 600;
    max-width: 76%;
    line-height: 36px;
}
.hmdona {
    padding-top: 73px;
    padding-bottom: 38px;
}
.ftlogo {
    max-width: 202px;
    margin-bottom: 31px;
}
.footer h4 {
    font-size: 22px;
    margin-bottom: 24px;
}
.footer p {
    line-height: 30px;
}
.ftlinks a {
    margin-right: 12px;
    font-size: 16px;
    margin-bottom: 11px;
    padding-left: 10px;
}
.copy {
    margin-top: 73px;
    font-size: 13px;
    padding-top: 23px;
}
.footer {
    padding-top: 174px;
    padding-bottom: 50px;
}

}

@media (max-width: 1280px) {
.logo {
    max-width: 225px;
}	
.tmenu .menlik {
    font-size: 18px;
    margin: 0px 13px;
}
.thrsxs {
    font-size: 18px;
    font-weight: 700;
    margin-left: 30px;
    padding: 8px 28px;
}
.hmtxtcon h1 {
    font-size: 43px;
    padding-left: 10%;
    line-height: 62px;
}
.h1 {
    font-size: 31px;
    line-height: 60px;
    margin-bottom: 24px;
}
.vmisobx img {
    max-width: 95px;
}
.vmisobx h2 {
    font-size: 27px;
    margin-bottom: 9px;
}
.section {
    margin-top: 60px;
}
h3, .h3 {
    font-size: 34px;
    line-height: 50px;
}
.slanm p {
    margin-top: 30px;
    padding: 0px 13px;
    font-size: 17px;
}
p {
    line-height: 24px;
}
.peoplebx img {
    max-width: 126px;
    margin-bottom: 20px;
}
.peoplebx {
    margin-top: 0px;
    font-size: 14px;
        line-height: 17px;
}
.footer h4 {
    font-size: 20px;
    margin-bottom: 24px;
}
.ftlogo {
    max-width: 195px;
    margin-bottom: 31px;
}
.peoplebx strong {
    font-size: 16px;
        margin-bottom: 5px;
    display: inline-block;
}	
.homeslidebtm img {
    max-width: 35px;
}
}

@media (max-width: 1024px) {
.hmtxtcon h1 {
    font-size: 34px;
    line-height: 47px;
}	
h3, .h3 {
    font-size: 27px;
    line-height: 39px;
}
.pgslider h1 {
    font-size: 41px;
}
 .tmenu{
display: none;
}   
}

@media (max-width: 990px) {
.logo {
    max-width: 188px;
}

.hmtxtcon h1 {
    font-size: 26px;
    line-height: 37px;
}
.h1 {
    font-size: 29px;
    line-height: 58px;
    margin-bottom: 23px;
}
.vmisobx {
    width: 30%;
    padding: 20px 15px;
    display: inline-block;
}
.vmisobx img {
    max-width: 75px;
}
.h1:before {
    height: 2px;
}
.peoplebx {
    margin-top: 0px;
    font-size: 12px;
    line-height: 17px;
}
.peoplebx strong {
    font-size: 15px;
    margin-bottom: 5px;
}
.hmdona p {
    font-size: 20px;
    max-width: 76%;
    line-height: 30px;
}
.footer .col-md-4, .footer .col-md-5{
margin-bottom: 20px;
}


}

@media (max-width: 768px) {


}

@media (max-width: 479px) {
.hmslider {
    height: 100vh;
    background-position: center;
}
#mainmenu {
    padding-top: 10px;
}
.logo {
    max-width: 170px;
}
.peoplebx {
    width: 46%;
}
.owl-theme .owl-controls .owl-nav div.owl-prev {
    left: -15px!important;
}
.owl-theme .owl-controls .owl-nav div.owl-next {
    right: -15px!important;
}
.vmisocon {
    margin-top: 0px;
    flex-direction: column;
}
.owl-theme .owl-controls .owl-nav div.owl-prev:before {
    background-size: 14px 25px;
    width: 14px;
    height: 25px;
}
.owl-theme .owl-controls .owl-nav div.owl-next:before {
   background-size: 14px 25px;
    width: 14px;
    height: 25px;
}
.vmisobx {
    width: 100%;
    padding: 20px 15px;
    display: inline-block;
}
.hmmidbg {
    background-position: center;
}
h3, .h3 {
    font-size: 24px;
    line-height: 37px;
}
.h1 {
    font-size: 25px;
    line-height: 31px;
    margin-bottom: 20px;
    padding-bottom: 11px;
}
.hmptxt {
    max-width: 95%;
}
.hmdona p {
    font-size: 17px;
    max-width: 84%;
    line-height: 30px;
}
.footer .col-md-4, .footer .col-md-5 {
    margin-bottom: 40px;
}
.ftlinks {
    flex-direction: column;
}
.ftlinks a::before {
    height: 8px;
    width: 8px;
}
.hmtxtcon {
    top: 55%;
    flex-direction: column;
}
.hmtxtcon h1 {
    font-size: 26px;
    line-height: 37px;
    padding-left: 0%;
}
.thrsxs {
    font-size: 16px;
}
.pgtxtcon .col-md-12{
width: 100%;
}
.gsexe3 {
    font-size: 18px;
    margin-bottom: 30px;
}
h2, .h2 {
    font-size: 24px;
}
.medpls img {
    max-width: 20px;
    margin-right: 10px;
}
.hsfhsr {
    max-width: 90%;
    margin: auto;
}
.medpls div {
    padding-top: 0px;
    font-size: 16px;
}
.medpls {
    margin-top: 30px;
}
.photobx img {
    width: 42%;
    margin: 10px;
}
.flxbx {
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
	align-items: center;
}
.flxbx div {
    margin: 10px 5px;
    padding: 30px;
    font-weight: 600;
    font-size: 20px;
    border-radius: 42px;
    border: 2px solid;
    width: 90%;
}
.pgslider h1 {
    font-size: 38px;
    line-height: 54px;
}

}

@media (max-width: 350px) {
.peoplebx {
    width: 70%;
    display: block;
    margin: 10px auto;
}

	
}