@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body{
    font-family: "Inter", sans-serif;
}

h1{
    color: #28353C;
    font-size: 90px;
    font-style: normal;
    font-weight: 700;
    line-height: 96px; 
    letter-spacing: -2.7px;
    font-family: "Inter", sans-serif;
}

h2{
    font-family: "Poppins", sans-serif;
    color: #28353C;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: -1.2px;
    padding-bottom:0;
}

h3{
    font-family: "Poppins", sans-serif;
    color: #00B697;
    font-family: "Inter", sans-serif;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: normal; 
    padding-bottom:0;
}

h4{
    color: #00B697;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.08px;
    text-transform: uppercase;
    padding-bottom:0;
}

h5,h6{
   font-family: "Poppins", sans-serif;
}
p{
    color: #313539;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 0px; 
    margin-bottom: 0px;
}
a{
    font-family: "Inter", sans-serif;
}
/*lang switcher*/
.flag-icon {
    width: 25px !important;
    height: 25px !important;
}
a.language-switcher-button:hover {
    background-color: transparent !important;
}
.dropdown-menu {
    background-color: transparent !important;
    border: 0 !important;
}

@media(max-width:600px){
    h1{
       font-size: 50px !important;
       line-height: normal;
    }
    h2{
        font-size:35px !important;
    }
    .col-md-12{
        padding-left:20px !important;
        padding-right:20px !important
    }
    .navbar{
        padding:20px !important;    
    }
    .flex-1.flex-lg.nav.navbar-nav.flex.items-center{
        justify-content:start !important; 
    }
    .rev-col{
        flex-direction:column-reverse;
    }
    .navbar-right.flex.justify-between.items-center{
        justify-content: start;
        flex-direction: column;
        align-items: start;
    }
    .move-center{
        text-align:center!important;
        justify-content:center !important;
    }
    .whole-hero{
        flex-direction: column-reverse !important;
        justify-content: center;
        align-items: center;
        gap:20px !important;
    }
    .heroimg{
        right:0 !important;
    }
    .expbg{
        background:#F4FAF8 !important;
    }
    .experience{
        padding:20px !important;
    }
    .experience>div{
       flex-direction: column!important; 
       margin:20px 0 !important;
    }
    .about-section{
        flex-direction: column-reverse !important;
        justify-content: center;
        align-items: center;
        gap: 30px !important;
    }
    .services-section{
        flex-direction:column !important;
        gap: 30px !important;
    }
    .medical-services{
        flex-direction:column !important;
        gap: 30px !important;
    }
    .why-us{
        flex-direction:column !important;
        gap: 30px !important;
    }
    #app\ companyadmin\.webapp-page\.publish > div:nth-child(13) > div > div:nth-child(1) > div.is-boxes > div > div{
        margin-bottom: 0px !important;
        padding-bottom: 0 !important;
        padding-top:20px !important;
    }
    .footer-person>div{
        background-size:25% !important;
    }
    .about-pharmacist{
        padding:40px 20px !important;
    }
    
}
@media(min-width:601px) and (max-width:768px){
    .whole-hero{
        flex-direction: column-reverse;
    }
    .experience>div{
        flex-direction:column !important;
    } 
    .about-section, .why-us{
        flex-direction: column-reverse;
        gap:20px !important;
    }
    .medical-services{
        flex-direction: column;
        gap:20px !important;
    }
}

/*blog internal page - carousel module*/
div.owl-stage-outer > div > div > div > a > div > span{
    display:none 1;
}
.blog-posts-module>div>div>div.owl-stage-outer>div>div>.item {
	display: flex;
	flex-direction: column;
}

.blog-posts-module>div>div>div.owl-stage-outer>div>div>div>div:nth-child(1) {
	margin-bottom: 0 !important;
}

.blog-posts-module>div>div>div.owl-stage-outer>div>div>div>div.flex {
	margin: 0 16px;
}

.blog-posts-module>div>div>div.owl-stage-outer>div>div>div>a {
	margin: 16px;
}

.blog-posts-module>div>div>div.owl-stage-outer>div>div>div>div:nth-child(4) {
	margin: 0 16px;
}

.blog-posts-module>div>div>div.owl-stage-outer>div>div {
    border-radius: 24px !important;
    border: 1px solid #F4FAF8 !important;
    background: #F4FAF8 !important;
	display: flex;
	padding-bottom: 24px;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
	align-self: stretch;
}

.blog-posts-module>div>div>div.owl-stage-outer>div>div>div>a>h3 {
    color: #28353C !important;
    font-family: Inter;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 800 !important;
    line-height: 120%; 
}

.owl-item .item .image-preview {
	border-radius: 24px 24px 0px 0px;
}
.owl-carousel .owl-item img{
    max-height:100% !important;    
    width: 100% !important;
}
.post-description {
    margin-top: 50px;
    margin-bottom: 150px;
}
/*end of blog*/

/*services*/
.single-service{
    border-radius: 20px;
    border: 2px solid #D0D0D0;
    background: #FFF;
    display: flex;
    padding: 30px 30px 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}
.single-service:hover{
    border: 2px solid #00B697 !important; 
    background: #D7F0EC !important;
    transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}
/*end of services*/

/*partners slide*/
.slider:before {
	background: transparent !important;
}

.slider {
	position: relative;
	width: 100%;
	margin: 0 auto;
	overflow: visible;
	border: 0 !important;
}

.slider-container {
	display: flex;
	transition: transform 0.5s ease-in-out;
}

.slider-item {
	flex: 0 0 120px;
	opacity: 1;
	transform: scale(0.8);
	transition: all 0.5s ease-in-out;
	text-align: center;
	margin: 0 10px;
}

.slider-item img {
	max-width: 100px;
	height: auto;
}

.slider-item.active {
	opacity: 1;
	transform: scale(1.4);
}

.slider-item.left,
.slider-item.right {
	transform: scale(.8);
}

/*end slider*/

.navbar{
    border-bottom: 2px solid #01C3A9;
    padding:40px;
}
.navbar-nav>a>img{
    max-width:70px;
}
.navbar-brand>img{
    max-width:80px;
}
.green>a{
    border-radius: 12px !important;
    background: #00B697 !important;
    color:#fff !important;
    padding: 12px 20px !important;
    margin-right: 15px;
}
.is-btn-ghost2,.is-btn-ghost1 {
	padding: 12px 20px !important;
    text-transform: capitalize !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: normal;
    border-radius: 12px !important;
    letter-spacing:0 !important;
}
.is-btn-ghost2:hover svg path {
  fill: #00B697;
}

.form-control {
    background:transparent !important;
    border: 1px solid #CCC !important;
    border-radius:0 !important;
}

.rendered-form .form-group>label {
    color: #28353C;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.send-btn {
    padding:16px 24px !important;
    border-radius: 12px !important;
    background: #00B697 !important;
    border:0 !important;
    box-shadow: 0 4px 7.6px 0 rgba(0, 0, 0, 0.05);
    color: #FFF !important;
    font-size: 16px !important; 
    font-style: normal;
    font-weight: 500 !important;
    line-height: 100%;
    text-transform: capitalize;
	margin-top:30px;
}
.form-group .formbuilder-required {
    color: #28353C !important;
}
#message{
    min-height:100px !important;
}

.navbar-nav>li>a{
    color: #28353C;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: normal;
}

@media (min-width: 768px) {
    .is-boxes.is-navigation-box .navbar-nav {
        padding-left: 0px !important;
    }
}

.modal-body > .container {
    max-width: -webkit-fill-available !important;
}

.company-address, #app > div.footer > div > div:nth-child(1){
    display:none !important;
}
.footer {
    display:none !important;
}