html {
scroll-behavior: smooth;
}
body {
font-family: "Roboto", sans-serif;
}
.mb-50{
margin-bottom: 50px;
}
.section-title{
font-size: 26px;
color: #444444;
font-weight: 600;
}
.font45{
font-size: 45px !important;
}
.mar-width
{
width: 80%;
margin: 0 auto;
}
.mr30{
margin-right: 30px;
}
.mr40{
margin-right: 40px;
}
.mr50{
margin-right: 50px;
}
.mr60{
margin-right: 6 0px;
}
body .blue-btn {
padding: 10px 15px;
background-color: #0148E2;
color: #FFFFFF;
text-align: center;
text-decoration: none;
border-radius: 20px;
font-size: 14px;
}
body .blue-btn i {
font-size: 11px;
background-color: #457AEF;
padding: 5px 5px;
width: 20px;
border-radius: 50%;
margin-left: 10px;
}
body .content {
color: #444444;
font-size: 15px;
}
body .content-2 {
color: #999999;
font-size: 17px;
}
body .content-3 {
color: #999999;
font-size: 14px;
}
body .banner-title {
font-size: 40px;
color: #444444;
font-weight: 600;
}
body .section-title {
font-size: 24px;
color: #444444;
}
body .mini-title {
font-size: 20px;
color: #444444;
}
body .link {
text-decoration: none;
font-size: 15px;
}
.blue-container small
{
opacity: 0.5;
}
.blue-container .green-btn{
padding: 10px 15px;
background-color: #0B9678;
color: #FFFFFF;
text-align: center;
text-decoration: none;
border-radius: 20px;
font-size: 14px;
}
.blue-container .green-btn i{
font-size: 11px;
background-color: #096F59;
padding: 5px 5px;
width: 20px;
border-radius: 50%;
margin-left: 10px;
}
.green-btn{
padding: 10px 15px;
background-color: #0B9678;
color: #FFFFFF;
text-align: center;
text-decoration: none;
border-radius: 20px;
font-size: 14px;
}
.green-btn i{
font-size: 11px;
background-color: #096F59;
padding: 5px 5px;
width: 20px;
border-radius: 50%;
margin-left: 10px;
}
.contact-box{
background-color: #EDF7FE;
padding: 20px;
border-radius: 10px;
width: 100%;
}
.contact-box a{
text-decoration: none;
color: #0148E2;
color: 14px;
}
.box-1{
box-shadow: 0px 3px 6px #00000029;
background-color: white;
}
.contact-bg-img{
width: 100%;
height: 50vh;
background-image:url(./images/contactus.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
body .circle {
background-color: #05096C;
width: 330px;
height: 330px;
border-radius: 50%;
padding: 60px;
position: absolute;
top: 230px;
}
.footer-mocero-logo
{
width: 50%;
}
.footer-mocero-logo-gif
{
width: 50%;
margin-top: -15px;
}
body footer {
background-color: #21257E;
}
body footer p {
color: #FFFFFF;
font-size: 16px;
}
body footer span {
color: #9092BF;
font-size: 14px;
}
body footer span a {
color: #9092BF;
font-size: 14px;
}
body footer span a:hover {
color: #FFFFFF;
font-size: 14px;
}
body footer ul li {
list-style: none;
line-height: 30px;
}
body footer ul li a {
text-decoration: none;
color: #9092BF;
font-size: 14px;
}
body footer ul li a:hover {
color: #FFFFFF;
}
body .footer-black {
background-color: #000000;
}
body .footer-black span {
color: #FFFFFF;
font-size: 14px;
}
body .footer-black ul li {
list-style: none;
}
body .footer-black ul li a {
text-decoration: none;
color: #FFFFFF;
font-size: 14px;
}
.gif-container{
margin-left: 24%;
}
.gif-container p{
margin-bottom: 10px;
margin-top: 22px;
}
/* bharani */
/* FAQ Styles */
a
{
text-decoration: none;
}
.header-topic
{
font-size: 16px;
}
.overall-light-header
{
font-size: 14px;
color: #999999;
}
.faq-accordian
{
margin-top: 75px;
margin-bottom: 75px;
}
.accordian-card
{
border: none;
border-radius: unset;
border-bottom: 1px solid #E1E1E1;
}
.accordian-card-header
{
border: none;
background-color: unset;
padding-left: 0px;
padding-right: 0px;
}
.accordian-question
{
width: 100%;
text-align: left;
border: none;
padding-left: 0px;
padding-right: 0px;
color: #444444;
font-size: 20px;
font-weight: 500;
}
.accordian-answer
{
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
color: #444444;
font-size: 14px;
width: 95%;
}
.card-header > a:before {
float: right !important;
font-family: FontAwesome;
content:"\f068";
color: #0148E2;
padding-right: 5px;
}
.card-header > a.collapsed:before {
float: right !important;
font-family: FontAwesome;
content:"\f067";
color: #0148E2;
}
.faq-load
{
color: #0048E2;
border: 1px solid #0048E2;
border-radius: 15px;
text-decoration: none;
padding: 5px;
font-weight: 600;
}
/* FAQ Styles */
/* Press_Room Styles */
/* Banner Style */
.header-banner
{
background-image: url(./images/press-room/pressroom-banner.png);
background-blend-mode: soft-light;
background-size: cover;
height: 400px;
display: flex;
align-items: center;
}
.header-banner-content
{
margin: 0 auto;
/* width: 70%; */
color: #FFFFFF;
display: flex;
align-items: center;
/* justify-content: center; */
text-align: center;
/* flex-direction: column; */
}
.who-we-serve-header-banner-content{
margin: 0 auto;
color: #FFFFFF;
display: flex;
align-items: center;
text-align: center;
flex-direction: column;
}
.header-banner-content-press-room{
margin: 0 auto;
color: #FFFFFF;
display: flex;
align-items: center;
text-align: center;
flex-direction: column;
}
.header-banner-content-aboutus{
margin: 0 auto;
color: #FFFFFF;
display: flex;
align-items: center;
text-align: center;
flex-direction: column;
}
.banner-header-mini
{
font-size: 23px;
font-weight: 400;
margin-bottom: 0px;
}
.banner-header
{
font-size: 45px;
font-weight: 600;
}
.banner-content
{
font-size: 16px;
line-height: 24px;
}
.landing-banner{
font-size: 16px;
line-height: 22px;
color: #ffffff;
}
.landing-banner-content{
font-size: 16px;
line-height: 22px;
color: #444444;
}
/* Banner Style */
.press-room-tabs .nav-link
{
color: black;
font-size: 16px;
font-weight: 500;
}
.press-room-tabs .nav-item .active
{
color: black;
background-color: unset;
border-radius: unset;
border-bottom: 1px solid #444444;
}
.press-room-tab-content,
.home-tab
{
width: 83% !important;
margin-left: auto;
margin-right: auto;
margin-top: 70px;
margin-bottom: 100px;
justify-content: space-between !important;
}
.corp_add
{
border-bottom: 1px solid #999999;
}
.corporate-address
{
list-style: none;
padding-left: 0px;
}
.corporate-address li
{
font-size: 16px;
}
.corporate-map
{
border-radius: 15px;
width: 40%;
height: 60%;
float: right;
margin-top: 15px;
}
.corporate-address-business
{
list-style: none;
line-height: 10px;
}
.corporate-address-business li::before
{
content: "\2022";
color:#00E0AE;
font-size: 20px;
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
}
.press-awards
{
width: 100%;
height: 50vh;
background-image: url(./images/award-bg.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
color: #FFFFFF;
padding: 5%;
}
.award-icon
{
height: 60px;
}
.logo1
{
background-color: #05096C;
padding: 15px;
border-radius: 15px;
}
.logo1-white
{
background-color: #FFFFFF;
padding: 15px;
border-radius: 15px;
border: 1px solid #000000;
}
.logo2
{
background-color:#000000;
padding: 15px;
border-radius: 15px;
}
.logo3
{
background-color: #FFFFFF;
padding: 15px;
border-radius: 15px;
border: 1px solid #000000;
}
.color1
{
background-color: #302E59;
width: 75px;
height: 75px;
border-radius: 15px;
border-radius: 15px;
}
.color2{
background-color: #00E0AF;
width: 75px;
height: 75px;
border-radius: 15px;
border-radius: 15px;
}
.color3{
background-color: #000060;
width: 75px;
height: 75px;
border-radius: 15px;
border-radius: 15px;
}
.color4{
background-color: #628DC8;
width: 75px;
height: 75px;
border-radius: 15px;
border-radius: 15px;
}
.color5{
background-color: #64BCA5;
width: 75px;
height: 75px;
border-radius: 15px;
border-radius: 15px;
}
.color6{
background-color: #60A8A3;
width: 75px;
height: 75px;
border-radius: 15px;
border-radius: 15px;
}
.color7{
background-color: #F2DDA4;
width: 75px;
height: 75px;
border-radius: 15px;
border-radius: 15px;
}
.color8{
background-color: #FFD4CA;
width: 75px;
height: 75px;
border-radius: 15px;
border-radius: 15px;
}
.color9{
background-color: #05096C;
width: 75px;
height: 75px;
border-radius: 15px;
border-radius: 15px;
}
/* Press_Room Styles */
/* About us */
.header-banner-nursing{
display: flex;
align-items: center;
width: 100%;
height: auto;
background-image: url(./images/nursing-home-banner.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.header-banner-aboutus
{
display: flex;
align-items: center;
width: 100%;
height: 60vh;
background-image: url(./images/aboutus-bg.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.header-sec-clr
{
color: #00E0AE;
}
.abt-careers
{
background-color: #F8F7FA;
}
/* .abt-careers a{
cursor: pointer;
} */
.our-culture
{
height: 100%;
background-color: #FEF6E9;
box-shadow: 0px 3px 6px #00000029;
border-radius: 10px;
}
.about-team
{
height: 100%;
background-color: #EFFEF5;
box-shadow: 0px 3px 6px #00000029;
border-radius: 10px;
}
.life-at-mocero
{
height: 100%;
background-color: #EDFBFF;
box-shadow: 0px 3px 6px #00000029;
border-radius: 10px;
}
.roadmap
{
height: 150px;
}
/* About us */
/* header */
.header-first
{
background-color: #05096C;
color: #FFFFFF;
font-weight: lighter;
height: 50px;
font-size: 14px;
align-items: center;
}
.header-first-ul
{
text-align: center;
margin: 0 auto;
}
.header-first-ul ul li
{
opacity: 0.5;
}
.header-first-ul ul li a{
text-decoration: none;
color: #FFFFFF;
}
.header-first-li
{
border-right: 1px solid #FFFFFF;
padding-right: 15px;
}
.mocero_logo
{
width: 150px;
/* border-right: 1px solid #000000; */
padding-right: 15px;
}
.mocero_logo-lan
{
width: 150px;
padding-right: 15px;
}
.header-line
{
/* width: 75%; */
/* margin: 0 auto; */
height: 70px;
}
.header-navbar ul li a
{
color: #000000;
font-size:14px;
}
.header-navbar ul li
{
padding-inline: 10px;
}
/* .header-navbar ul li a:hover{
color: #0148E2;
border-bottom: 2px solid #0148E2;
}
.header-navbar ul li a:hover{
color: #0148E2;
} */
.header-phone a
{
color: #0148E2 !important;
}
.header-login a
{
color: #0088CC !important;
}
.header-phone
{
border-right: 1px solid #000000;
border-left: 1px solid #000000;
}
.header-tutorials a
{
color: #FFFFFF !important;
}
.header-tutorials
{
background-color: #0148E2;
text-align: center;
border-radius: 20px;
}
.header-about
{
margin-right: 10px;
}
.g_content
{
cursor: pointer;
}
@media only screen and (max-width: 920px) {
.profile-info a:nth-child(4){
margin-left: 0px;
}
.press-room-tab-content,
.home-tab
{
width: 90% !important;
}
}
@media only screen and (max-width: 1290px) {
.header-navbar ul li
{
padding-inline: 7px;
}
}
@media only screen and (max-width: 575px) {
.header-navbar {
background-color: white;
z-index: 1;
}
.header-phone a
{
color: #000000 !important;
}
.header-login a
{
color: #000000 !important;
}
.header-phone
{
border-right: none;
border-left: none;
}
.header-tutorials a
{
color: #000000 !important;
}
.header-tutorials
{
background-color: unset;
text-align: unset;
border-radius: 20px;
}
.header-navbar ul li a {
font-size: 12px !important;
}
.press-room-tab-content,
.home-tab
{
width: 100% !important;
}
}
@media only screen and (max-width: 1400px) {
.header-navbar ul li a {
font-size: 14px;
}
}
@media only screen and (max-width: 1200px) {
.header-navbar ul li a
{
font-size:12px;
}
.header-about
{
margin-right: 0px;
}
}
@media only screen and (max-width: 1000px) {
.mocero_logo
{
width: 100px;
border-right: 1px solid #000000;
padding-right: 10px;
}
}
@media only screen and (max-width: 870px) {
.header-navbar ul li a
{
font-size:12px ;
}
.header-navbar ul li
{
padding-inline: 5px;
}
.mocero_logo
{
width: 80px;
border-right: 1px solid #000000;
padding-right: 10px;
}
}
@media only screen and (max-width: 700px) {
.header-navbar ul li a
{
font-size:8px ;
}
.header-navbar ul li
{
padding-inline: 3px;
}
.mocero_logo
{
width: 120px;
border-right: 1px solid #000000;
padding-right: 10px;
}
}
@media only screen and (max-width: 768px) {
.medium-4{
width: 60% !important;
margin: 0 auto !important;
}
.header-banner-content
{
height: unset;
}
.solution-right {
position: relative;
left: 0% !important;
}
.press-room-tab-content,
.home-tab
{
width: 90% !important;
}
.home-tab{
justify-content: center !important;
}
}
@media only screen and (max-width: 991px) {
}
/* header */
/* solution */
.header-banner-pat-engagement
{
background-image: url(./images/patient-engagement.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.header-banner-refferal-management
{
background-image: url(./images/refferal-management.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.solution-right
{
position: relative;
/* left: 7%; */
display: flex;
justify-content: right;
}
.solution-key1 {
position: inherit;
background-color: #67d3aa;
width: 80%;
padding: 4%;
border-radius: 15px;
}
.solution-key2 {
position: absolute;
top: -10%;
/* left: 18%; */
right: 9%;
background-color: #9F9FE6;
width: 63%;
padding: 4%;
border-radius: 15px;
}
.solution-key3 {
position: absolute;
top: -20%;
/* left: 22%; */
right: 13%;
background-color: #E6B59F;
width: 54%;
padding: 4%;
border-radius: 15px;
}
.solution-key1 h5
{
font-size: 14px;
/* color: #999999; */
}
.solution-key1 ul li
{
list-style: none;
color: #444444;
}
.solution-key1 ul li i
{
color: #059173;
}
.sol-plain {
height: 15px;
background-color: #FFFFFF;
width: 256px;
position: absolute;
top: -3%;
left: 0%;
}
.solution-activity
{
position: relative;
}
.sol-act-img
{
width: 60px;
position: absolute;
top: -15%;
left: 30%;
}
.sol-act-img-last
{
width: 60px;
position: absolute;
top: -15%;
right: 30%;
}
.sol-act-col-1
{
border-top: 1px dashed #2680EB;
border-bottom: 1px dashed #2680EB;
}
.sol-act-col-2
{
border-top: 1px dashed #2680EB;
border-bottom: 1px dashed #2680EB;
}
.sol-act-col-3
{
border-top: 1px dashed #2680EB;
border-bottom: 1px dashed #2680EB;
border-right: 1px dashed #2680EB;
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
}
.grey-color
{
color: #444444;
}
.sol-grey-bg
{
background-color: #F8F7FA;
}
.sol-grey-bg-half
{
background: linear-gradient(#F8F7FA 50%, #fff 50%);
}
.sol-grey-bg-home{
background-color: #F8F7FA;
}
.sol-grey-bg img{
height: 80px;
width: 80px;
object-fit: contain;
}
.sol-card-1
{
background-color: #F8F7FA;
}
.sol-card-2
{
background-color: #F2F0F8;
}
.sol-card-3
{
background-color: #EDEAF5;
}
.sol-card-4
{
background-color: #E7E2F2;
}
.sol-partner
{
background-color: #444444;
border-radius: 10px;
padding: 15px;
height: 100%;
}
.color-white
{
color: white;
}
.partner-green
{
background-color: #A2E5BB;
border-radius: 15px;
padding: 15px;
margin: 20px;
}
.avail-benefits-container-refferal {
background-color: #E8FBE5;
padding: 20px 30px 30px;
border-radius: 10px;
margin-top: -5%;
margin-bottom: 4%;
}
.header-banner-standard-of-care
{
background-image: url(./images/standard-care.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.header-banner-connected-care
{
background-image: url(./images/connected-care.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.connected-care-sec-2{
position: relative;
}
.elicpsce-connected-care-left{
position: absolute;
bottom: 10px;
right: 25%;
}
.elicpsce-connected-care-right{
position: absolute;
top: 27%;
left: 97%;
}
.avail-benefits-container {
background-color: #F2F0F8;
padding: 0 20px;
border-radius: 10px;
/* margin-top: -21vh; */
margin-bottom: 4%;
}
.avail-benefits-box{
padding: 20px;
}
.avail-benefits-box p:nth-child(1){
color:#444444;
font-size: 18px;
}
.avail-benefits-box p:nth-child(2){
color:#444444;
font-size: 16px;
}
.header-banner-digi-healthcare
{
background-image: url(./images/digitalize-healthcare.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.header-banner-secondarycare {
background-image: url(./images/secondarycare/secondarycare-clinics.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
body .serve-header-btn {
padding: 10px 15px;
background-color: #0B9678;
color: #FFFFFF;
text-align: center;
text-decoration: none;
border-radius: 20px;
font-size: 14px;
width: auto;
margin: 0 auto;
}
@media only screen and (max-width: 769px) {
.solution-key1 {
width: 100%;
}
.solution-key2 {
position: absolute;
top: -10%;
left: 13%;
background-color: #9F9FE6;
width: 74%;
padding: 4%;
border-radius: 15px;
}
.solution-key3 {
position: absolute;
top: -20%;
left: 20%;
background-color: #E6B59F;
width: 60%;
padding: 4%;
border-radius: 15px;
}
#London .backdrop-img,
#Paris .backdrop-img,
#Tokyo .backdrop-img {
width: 330px !important;
}
}
/* solution */
/* bharani */
/* modal-popup */
.modal-header{
border-bottom: none;
padding-bottom: 0px;
}
.modal-footer{
border-top: none;
padding-top: 0px;
}
.btn-danger{
-bs-btn-border-color: none !important;
}
.cancel-btn-popup{
font-size: 15px;
color: #0148E2;
padding-right: 20px;
}
.cancel-btn-popup :hover {
font-size: 20px;
color: #0148E2;
padding-right: 20px;
}
.content-h3-popup{
font-size: 16px;
font-weight: 600;
color: #444444;
margin-bottom: 0px;
}
.outer-div-calender-success{
display: flex;
align-items: center;
justify-content: center;
}
.outer-div-calender-success-formpopup{
width: 60%;
}
.p-font-16{
font-size: 16px;
color: #999999;
}
.inner-div-calender-succes{
background-color: #FEF6E9;
padding: 8px;
border-radius: 14px;
display: flex;
}
.p-font-blue{
font-size: 17px;
color: #0148E2;
}
.product-demo h4{
color: #444444;
font-weight: 600 !important;
font-size: 16px;
margin-bottom: 0px;
}
.next-btn-popup{
background-color: #0148E2;
padding: 5px 30px;
border-radius: 10px;
font-size: 15px;
color: white;
}
.next-btn-popup:hover{
background-color: #0148E2;
}
.p-font-15{
font-size: 15px;
color: #444444;
font-weight: 600;
}
.ul-class-popup{
padding-left: 18px;
color: #444444;
font-size: 12px;
}
.p-font-14{
padding-left: 18px;
font-size: 14px;
}
.p-font-15-footer{
font-size: 16px;
color: #444444;
}
.outer-whatsapp-popup{
display: flex;
justify-content: space-between;
align-items: center;
}
.inner-whatsapp-popup{
display: flex;
}
.whatsapp-logo-popup{
display: flex;
align-items: center;
background-color: #0EC151;
border-radius: 50px;
padding: 4px 8px;
}
.whatsapp-logo-popup img{
width: 35px;
height: 35px;
margin-top: 5px;
margin-left: 5px;
}
.whatsapp-logo-popup h4{
font-size: 12px;
color: white;
margin-top: 8px;
margin-left: -7px;
}
.whatsapp-logo-popup span{
font-size: 12px;
color: white;
margin-bottom: 0px;
}
.outer-phone-popup{
display: flex;
align-items: center;
}
.outer-phone-popup a{
font-size: 15px;
color: #444444;
font-weight: 600;
}
.popup-dropdown select{
outline: none;
font-size: 18px;
border-top: none;
border-left: none;
border-right: none;
border-bottom:dashed #707070;
color: #00E0AE;
}
.popup-dropdown select option{
color: #05096C;
font-size: 15px;
}
.blue-color-popup-h2 {
color: #05096C;
font-size: 18px;
font-weight: 600;
}
.outer-cookies-img{
height: 50px;
}
.cookies-img{
float: right;
margin-right: 20px;
}
.ppc-row-1{
display: flex;
justify-content: space-between;
border-bottom: 1px solid #707070;
padding: 20px 0px;
}
.ppc-row-1 h4{
font-size: 18px;
color: #444444;
}
.inner-ppc{
display: flex;
text-align: right;
}
.ppc-footer{
justify-content: space-between;
}
.ppc-modal{
width: 35%;
}
/* modal-popup */
/* legal page */
.legal h3{
padding-bottom: 10px;
border-bottom: 1px solid #EFEFEF;
}
.index-box {
position: sticky;
background-color: #EFEFEF;
padding: 30px 20px;
width: 60%;
left: 60%;
top: 35%;
border-radius: 2px;
}
.index-box ul li{
list-style: none;
margin-bottom: 10px;
}
.index-box ul li a{
color: #444444;
font-size: 15px;
text-decoration: none;
}
.careers-form-container{
width: 80%;
margin: 0 auto;
background-color: #F8F7FA;
padding: 50px;
margin-top: 100px;
border-radius: 10px;
}
.careers-form span{
color: red;
font-size: 13px;
}
.carrers-btn button{
float: right;
margin-top: 20px;
background-color: #0148E2;
border-radius: 20px;
padding: 5px 30px;
color: white;
outline: none;
font-size: 16px;
}
.carrers-btn button:hover{
background-color: #0148E2 !important;
color: white !important;
}
.file-drag{
padding: 40px;
}
.awards-banner{
background-image: url(./images/blog1/main-blog.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: white;
height: 50vh;
width: 100%;
}
.glimpse-banner{
background-image: url(./images/blog1/glimpse-banner.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: white;
/* height: 70vh; */
width: 100%;
}
.healthcare-saas-banner{
background-image: url(./images/blog5/healthcaresaas-banner.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: white;
/* height: 70vh; */
width: 100%;
}
.breaking-down-banner{
background-image: url(./images/blog6/breaking-down-banner.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: white;
/* height: 70vh; */
width: 100%;
}
.organ-transplant-solutions-banner{
background-image: url(./images/blog7/organ-transplant-solutions-banner.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: white;
/* height: 70vh; */
width: 100%;
}
.awards-banner h1:nth-child(1){
font: normal normal normal 60px/72px;
}
.awards-banner h1:nth-child(2){
font-weight: 500;
}
.award-banner-profile{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.award-banner-profile img{
width: 50px;
height: 50px;
margin-right: 10px;
}
.award-banner-profile .profile-info{
border-right: 1px solid #999999;
margin-right: 20px;
}
.award-banner-profile .profile-info p{
margin-bottom: 0px;
font-size: 13px;
padding-right: 20px;
}
.award-banner-profile a{
margin-right: 15px;
text-decoration: none;
color: #FFFFFF;
border: 1px solid #FFFFFF;
padding: 5px 15px;
border-radius: 20px;
}
.related-posts{
width: 100%;
height: 90%;
border-radius: 10px;
padding: 20px;
box-shadow: 0px 3px 6px #00000029;
}
.related-posts img{
width: 100%;
}
.related-posts a{
text-decoration: none;
color: #0148E2;
font-size: 13px;
}
.related-posts a i{
margin-left: 10px;
}
.blue-container{
width: 90%;
margin: 0 auto;
background-color: #05096C;
border-radius: 10px;
padding: 30px;
color: #FFFFFF;
text-align: center;
}
.blue-container p{
font-size: 15px;
}
.blue-container small{
margin-top: 20px;
display: block;
}
.whattsapp-enquiries{
text-align: left;
}
.whattsapp-enquiries a:hover
{
color: white;
}
.whattsapp-enquiries p{
color: #FFFFFF;
border-top: 4px solid #0B9678;
text-align: left;
padding-top: 10px;
}
.whattsapp-enquiries button{
font-size: 12px;
text-align: left;
padding: 5px 20px;
text-decoration: none;
border-radius: 25px;
color: #FFFFFF;
font-size: 12px;
background-color: #0EC151;
outline: none;
border: none;
}
.beyond-video{
width: 100%;
height: 80vh;
display: flex;
justify-content: center;
align-items: center;
}
.beyond-video video{
position: absolute;
width: 100%;
height: 100vh;
object-fit: cover;
right: 0;
left: 0;
top: 70px;
z-index: -1;
}
.beyond-banner-video{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
/* @media only screen and (min-aspect-ratio: 16/9) {
.beyond-video video{
width: 100%;
height: auto;
}
} */
/* .banner-video h1{
font-size: 28px;
color: #FFFFFF;
font-weight: 600;
}
.banner-video h3{
font-size: 23px;
color: #FFFFFF;
font-weight: 600;
}
.banner-video p{
font-size: 15px;
color: #FFFFFF;
} */
.banner-video .typically{
color: #FFFFFF;
font-size: 13px;
margin-top: 15px;
opacity: 0.5;
}
.connect-care{
width: 80%;
margin: 0 auto;
}
.connect-care h2{
text-align: center;
font-size: 28px;
}
.connect-care-box{
width: 100%;
padding: 10px;
}
.connect-care-box p:nth-child(1){
color: #444444;
font-size: 20px;
margin-top: 10px;
}
.connect-care-box p:nth-child(2){
color: #444444;
font-size: 14px;
margin-top: 10px;
}
.new-patients-sec{
background-color: #F8F7FA;
}
.new-patients-sec .container{
width: 70%;
}
.new-patients-sec .border-line{
border-right: 1px solid #E1E1E1;
}
.new-patients-sec .new-patients-container{
width: 60%;
}
.digital-journey{
background-color: #070B6E;
color: #FFFFFF;
}
.digital-journey ol li{
font-size: 15px;
}
.green-bg{
background-color: #00E0AE;
}
.banner-bg-img-primarycare{
width: 100%;
background-image: url(./images/primarycare-clinics.png);
opacity: 0.77;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
color: white;
}
.banner-bg-img-primarycare h1{
font-weight: 600;
font-size: 35px;
}
/* .banner-number{
margin-top: 100px;
margin-bottom: 60px;
display: flex;
flex-wrap: wrap;
}
.banner-number div{
margin-right: 40px;
}
.banner-number h3{
font: normal normal bold 60px/69px Times New Roman;
font-size: 45px;
margin-bottom: 0px;
}
.banner-number p{
font-size: 13px;
font: normal normal bold 16px/18px Times New Roman;
} */
.workflow-box{
margin: 0 auto;
width: 80%;
text-align: center;
color: #444444;
}
.workflow-box p{
font-size: 16px;
margin-bottom: 10px;
}
.doctor-img-sec{
position: relative;
margin-top: 13% !important;
}
.doctor-img-sec .doctor-img{
position: absolute;
z-index: -1;
bottom: 25%;
left: -169px;
}
.grassroots{
position: relative;
}
.grassroots .arr-div{
position: absolute;
top: -61px;
left: -25px;
}
.grassroots-sec{
background-color: #F9F9FB;
padding: 30px;
margin: 0 auto;
border-radius: 10px;
}
.grassroots ul p{
font-size: 14px;
color: #444444;
margin-bottom: 5px;
}
.grassroots ul li{
font-size: 14px;
list-style: none;
width: 80%;
}
.grassroots ul p::before{
content: "\2022";
color:#00E0AE;
font-size: 20px;
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
}
.key-features ul li{
color: #444444;
font-size: 13px;
font-weight: bold;
}
.key-features ul p{
font-size: 13px;
color: #999999;
}
.healthcare-space{
background-color: #F8F7FA;
}
.revenue-leakage{
background-color: #E6E2D7;
padding: 20px;
border-radius: 15px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.revenue-leakage .profile{
width: 25%;
}
.revenue-leakage .profile p{
color: #05096C;
}
.revenue-leakage img{
width: 80px;
}
.revenue-leakage p{
font-size: 12px;
color: #444444;
}
.revenue-leakage .profile-content{
width: 100%;
}
.happy-customer{
width: 50%;
background-color: #EFDCC8;
border-radius: 20px;
border-radius: 20px;
padding: 15px;
}
.happy-customer img{
width: 50px;
display: block;
margin-left: auto;
margin-right: auto;
}
.happy-customer p{
margin-top: 5px;
font-size: 12px;
margin-bottom: 0px;
}
.happy-customer ul{
margin-bottom: 0px;
}
.happy-customer ul li{
list-style: none;
font-size: 13px;
width: 100%;
}
.patient-retention{
background-color: #E7E5FD;
padding: 30px;
border-radius: 20px;
box-shadow: 0px 3px 6px #00000029;
}
.patient-retention img{
width: 80px;
}
.patient-retention p{
font-size: 12px;
margin-bottom: 0px;
}
.patient-retention .retention-profile{
display: flex;
justify-content: center;
flex-direction: column;
margin-right: 20px;
}
.tab-content-div{
padding: 30px;
}
.recent-engagement{
background-color: #0A0B15;
}
.recent-engagement h3{
color: #FFFFFF;
font-weight: 600;
}
.bedder-box1{
background-color: #44633F !important;
}
.bedder-box2{
background-color: #B57958 !important;
}
.bedder-box3{
background-color: #B57BA6 !important;
}
.bedder-box img{
width: 20px;
height: 20px;
margin-right: 10px;
}
.bedder-box .inner-color{
padding: 15px;
background: rgba( 255, 255, 255, 0.25 );
backdrop-filter: blur( 4px );
-webkit-backdrop-filter: blur( 4px );
}
.bedder-box {
/* background-color: #00E0AE; */
padding: 20px;
width: 80%;
height: 100%;
margin: 0 auto;
}
.bedder-box .box-icon i{
font-size: 12px;
color: #FFFFFF;
margin-right: 5px;
}
.faq-load-1{
color: #0048E2;
border: 1px solid #0048E2;
border-radius: 15px;
text-decoration: none;
padding: 5px;
font-weight: 600;
background-color: #FFFFFF;
}
.onboarding-process{
border-bottom: 1px solid #999999;
padding-bottom: 20px;
}
.onboarding-process li a{
color: #444444;
}
.onboarding-process li a:hover{
color: #444444;
}
.onboarding-process .nav-item .active{
color: black;
background-color: unset;
border-radius: unset;
font-weight: bold;
}
.sidetab-sec{
background-color: #F8F7FA;
}
.tab {
float: left;
}
/* .tab h4{
font-size: 20px;
font-weight: 600;
} */
/* .tab p{
color: #999999;
font-size: 13px;
} */
/* Style the buttons inside the tab */
.tab button {
width: 60%;
display: block;
background-color: inherit;
color: #444444;
border: none;
outline: none;
text-align: left;
cursor: pointer;
transition: 0.3s;
font-size: 13px;
padding: 26px;
border-radius: 15px;
}
.tab button i{
float: right;
}
/* Change background color of buttons on hover */
.tab button:hover {
background-color: #ddd;
}
/* Create an active/current "tab button" class */
.tab button.active {
background-color: #05096C;
color: #FFFFFF;
}
/* Style the tab content */
.tabcontent {
float: left;
padding: 0px 12px;
border-left: none;
}
.tabcontent-box {
/* position: absolute; */
left: 23%;
/* width: 70%; */
width: 320px;
color: #444444;
font-size: 15px;
margin: 0 auto;
border-radius: 20px;
padding: 30px 20px;
/* background: var(--background-presentation-) 0% 0% no-repeat padding-box; */
background-image: linear-gradient(#ffffff57, #ffffff57), url(./images/benefits-bg.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
/* background: #ffffff9c; */
}
.tabcontent-box div img{
margin-right: 10px;
width: 20px;
}
.tabcontent-box div p{
margin: 0px;
font-size: 13px;
color: #444444;
}
.curola-box{
background-color: #FFFFFF;
padding: 30px;
border-radius: 45px;
width: 75%;
margin-left: 50px;
margin: 0 auto;
}
.curola-box p{
margin-bottom: 0px;
margin-left: 5px;
color: #444444;
font-size: 13px;
}
.curola-box .curola-box-content{
font-size: 20px;
color: #444444;
}
/* why we serve */
/* beyomd walls and nursing home */
.blue-img-bg{
width: 100%;
background-image: url(./images/hospital-beyond-walls/Beyond.png);
background-position: center;
background-size: cover;
position: relative;
z-index: -1;
}
.wall-img img{
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 50px;
width: 70%;
}
.wall-img h4{
color: #FFFFFF;
font-weight: 600;
}
.wall-container img{
width: 300px;
position: absolute;
}
.making-healthcare-container{
background-color: #F8F7FA;
}
.future-function-shadow{
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.future-function-shadow .p{
border-radius: 15px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
padding: 20px;
margin: 20px auto;
width: 45%;
}
.future-function-shadow .p p{
margin-bottom: 0px;
text-align: center;
}
.future-function{
margin-top: -50px;
background-color: #FFFFFF;
box-shadow: 0px 3px 6px #00000029;
z-index: 1;
padding: 30px;
}
.making-healthcare{
background-color: #FFFFFF;
width: 100%;
height: 100%;
padding: 30px;
border-radius: 10px;
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-self: none;
}
.making-healthcare img{
width: 70px;
}
.nursing-banner-box{
background: rgba( 74, 149, 226, 0.25 );
box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
backdrop-filter: blur( 4px );
-webkit-backdrop-filter: blur( 4px );
border-radius: 10px;
padding: 15px;
color: #FFFFFF;
height: 100%;
}
.nursing-banner-box h5{
font-size: 18px;
font-weight: 600;
margin-left: 10px;
}
.nursing-banner-box ul li{
list-style: none;
font-size: 16px;
}
.nursing-banner-box li::before
{
content: "\2022";
color:#00E0AE;
font-size: 20px;
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
}
.offers-efficiency-bg-img{
width: 100%;
background-image: url(./images/nursing-home/nursing-home-bg-img.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.offers-efficiency{
color: #FFFFFF;
}
.offers-efficiency h4{
font-weight: 600;
}
.offers-efficiency-div {
display: flex;
justify-content: center;
align-items: center;
}
.offers-efficiency-box{
background-color: #FFFFFF;
border-radius: 20px;
padding: 15px;
color: #444444;
margin: 15px 0px;
}
.offers-efficiency-box h5{
font-weight: 600;
}
.offers-efficiency-box ul li{
list-style: none;
}
.offers-efficiency-box li::before
{
content: "\2022";
color:#00E0AE;
font-size: 20px;
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
}
/* beyomd walls and nursing home */
/* why we serve */
/* organ donation page */
.header-banner-organ-donation
{
background-image: url(./images/organ-donation.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.section-sub-title{
font-size: 30px;
color: #444444;
font-weight: 600;
}
.section-sub-p-tag{
font-size: 16px;
color: #444444;
}
.sub-head{
font-size: 20px;
color: #444444;
font-weight: 600;
}
.sub-para{
font-size: 20px;
color: #999999;
}
.col-center-img{
display: flex;
justify-content: center;
align-items: center;
}
.over-all-dig-org-section{
padding-bottom: 100px;
background-color: #F8F7FA;
}
.list-head-org-donation{
display: flex;
justify-content: center;
align-items: center;
}
/* .organ-list-sec ul li{
font-size:20px;
color: #444444;
} */
.over-all-organ-list-sec{
margin-top: -5%;
}
.organ-list-gov-private{
background-color: #F2F0F8;
padding: 15px 20px;
border-radius: 5px;
height: 100%;
}
.organ-list-donors-rec{
background-color: #E7E2F2;
padding: 15px 20px;
border-radius: 5px;
height: 100%;
}
/* organ donation page */
/* teritary page section */
.header-banner-teritiary-care{
background-image: url(./images/teritary-page/teritarycare-banner.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.banner-number-teritiary-banner{
display: flex;
align-items: center;
justify-content: center;
text-align: left;
}
.banner-number-teritiary-banner h3{
font-size: 30px;
color: #FFFFFF;
font-weight: 600;
}
.banner-number-teritiary-banner p{
font-size: 16px;
color: #FFFFFF;
}
.banner-number-teritiary-banner div{
margin-right: 40px;
}
.header-topic-teritiary{
font-size:30px;
font-weight: 600;
}
.teritary-doctor-overall-section{
padding: 130px 0px;
}
.teritary-doc-img{
position: absolute;
z-index: -1;
bottom:53px;
}
.doctor-benfits-section{
background-color: #F9F9FB;
opacity: 90%;
width: 70%;
margin: 0 auto;
padding: 35px;
}
.teritary-doc-bg-img{
background-image: url(./images/teritary-page/teritary-doc-bg-img.png);
background-position: right;
}
.teritary-kkk{
position: relative;
}
.teritary-patient-img{
position: absolute;
z-index: -1;
bottom:53px;
left: 60%;
}
.teritary-patient-bg-img{
background-image: url(./images/teritary-page/teritary-doc-bg-img.png);
background-position: left;
}
/* teritary page section */
/* govt-health section */
.header-banner-govt-health {
background-image: url(./images/govt-health/govt-healthcare.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
/* govt-health section */
/* index */
.home-tab .nav-item a {
color:#999999;
font-weight:300;
}
.home-tab .nav-item .active {
color: #0148E2;
background-color: unset;
border-radius: unset;
font-weight:600;
border-bottom: 5px solid #0148E2;
}
.home-fst .home-icon{
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom:20px;
width: 40px;
height: 40px;
object-fit: contain;
}
.home-icon{
width: 40px;
height: 40px;
}
.home-fst img{
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom:20px;
width: 40px;
height: 70px;
}
.home-fst h3{
text-align:center;
}
.home-fst p{
text-align:center;
min-height:120px;
}
.home-fst .col-md-2{
width: 19.666667%;
}
.btn-green{
background-color:#7AEEA2;
border:1px solid #7AEEA2;
color:black;
font-size:20px;
font-weight:600;
}
.btn-green:hover {
background-color:#7AEEA2 !important;
border:1px solid #7AEEA2 !important;
color:black !important;
font-size:20px;
font-weight:600;
}
.carousel-item video {
margin: 0px auto;
display: block;
width: 100%;
background-color:linear-gradient(243deg, #2F36E5 0%, #3D42BE 35%, #05096C 100%) 0% 0%;
}
/* .carousel-inner .carousel-item{
} */
/* index */
/* header-new css */
body .header_bottoms_outer_container {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
position: fixed;
z-index: 1;
top: 70px;
/* background-color: #fff;
box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; */
}
body .header_bottoms_outer_container .header_solution_container {
/* width: 80%; */
margin: 0 auto !important;
margin: 0px 0px 0px 0px;
display: flex;
padding: 20px;
flex-wrap: wrap;
justify-content: center;
align-items: center;
background-color: #ffffff;
/* border-bottom: 5px solid #00E0AE; */
}
body .header_bottoms_outer_container .header_solution_container .header_solution_inner_container {
/* width: 90%; */
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
}
body .header_bottoms_outer_container .header_solution_container .header_solution_inner_container .solution_content_container {
width: 25%;
border-radius: 6px;
padding: 8px 2%;
margin: 10px 0px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: left;
}
body .header_bottoms_outer_container .header_solution_container .header_solution_inner_container .solution_content_container .g_title {
width: 100%;
padding: 1% 0;
}
body .header_bottoms_outer_container .header_solution_container .header_solution_inner_container .solution_content_container .g_title h3 {
width: 100%;
padding: 0;
margin: 0;
font-size: 15px;
font-weight: 600;
cursor: pointer;
}
body .header_bottoms_outer_container .header_solution_container .header_solution_inner_container .solution_content_container .g_content {
width: 100%;
height: 75px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
body .header_bottoms_outer_container .header_solution_container .header_solution_inner_container .solution_content_container .g_content p {
font-size: 14px;
margin-top: 10px;
}
body .header_bottoms_outer_container .header_solution_container .header_bottom {
width: 95%;
border-radius: 12px;
margin: 3% auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
background-color: #05096C;
}
body .header_bottoms_outer_container .header_solution_container .header_bottom .header_bottom_content {
width: 60%;
}
body .header_bottoms_outer_container .header_solution_container .header_bottom .header_bottom_content h4 {
width: 100%;
padding: 0;
margin: 0;
font-size: 12px;
color: #fff;
}
body .header_bottoms_outer_container .header_solution_container .header_bottom .header_bottom_content h4 span {
opacity: 0.5;
}
body .header_bottoms_outer_container .header_solution_container .header_bottom .header_bottom_button {
width: auto;
padding: 10px;
border: 1px solid #fff;
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
margin: 1% 0;
}
body .header_bottoms_outer_container .header_solution_container .header_bottom .header_bottom_button p {
font-size: 12px;
color: #fff;
}
/* .header-bottomcolor{
width: 100%;
border-bottom: 5px solid #00E0AE;
} */
.green-color
{
color: #00E0AE;
}
.header-border
{
border-bottom: 1px solid #E9E9E9;
}
@media only screen and (max-width: 930px) {
body .header_bottoms_outer_container .header_solution_container .header_solution_inner_container .solution_content_container {
width: 30%;
}
body .header_bottoms_outer_container .header_solution_container .header_solution_inner_container .solution_content_container .g_title h3 {
font-size: 11px;
}
}
/* header-new css */
/* Carousel video */
/* .beyond-video1 .carousel-caption {
position: absolute;
right: 15%;
bottom: 16.25rem !important;
left: 15%;
top: 10%;
padding-top: 1.25rem;
padding-bottom: 1.25r8em;
color: #fff;
text-align: left !important;
} */
.beyond-video1{
width: 100%;
height: 80vh;
}
.beyond-video1 video{
position: absolute;
width: 100vw;
height: 80vh;
object-fit: cover;
right: 0;
top: 0px;
left: 0;
z-index: -1;
}
.beyond-video1 img{
width: 60%;
}
/* Carousel video */
/* for all pages banner font size */
.top-banner-head{
font-size: 40px;
font-weight: 800;
color: white;
}
.top-head-mini-head{
font-size: 22px;
font-weight: 600;
color: white;
}
.top-head-content p{
font-size: 18px;
font-weight: 400;
color:white;
}
/* for all pages banner font size */
/* for all solution pages common class */
.page-heading{
font-size: 32px;
font-weight: 800;
color: #444444;
}
.page-sub-head{
font-size:26px;
font-weight: 600;
color:#444444;
}
.page-sub-head-white{
font-size:26px;
font-weight: 600;
color:white;
}
.page-sub-head-20{
font-size:20px;
font-weight: 600;
color:#444444;
}
.card-head-16{
font-size:16px;
font-weight: 600;
color:#444444;
}
.card-head-16-white{
font-size:16px;
font-weight: 600;
color:#FFFFFF;
}
.page-content-ash{
font-size: 16px;
font-weight: 400;
color: #999999;
}
.page-content-14{
font-size: 14px;
font-weight: 400;
color: #444444;
}
.page-content-ash-14{
font-size: 16px;
font-weight: 400;
color: #999999;
}
.ash-14{
font-size: 14px;
font-weight: 400;
color: #999999;
}
.page-content{
font-size: 16px;
font-weight: 400;
color: #444444;
line-height: 27px;
}
.page-content-js{
font-size: 16px;
font-weight: 400;
color: #444444;
line-height: 27px;
text-align: justify;
}
.page-content li{
font-size: 16px;
font-weight: 400;
color: #444444;
}
.page-content-white{
font-size: 16px;
font-weight: 400;
color: #FFFFFF;
}
.privacy-content{
font-size: 16px;
font-weight: 400;
color: #444444;
line-height: 27px;
text-align: justify;
}
/* for all solution pages common class */
.sitemapbox{
background: #fff;
box-shadow: 0 5px 5px 0 rgb(0 0 0 / 8%);
}
.sitemapbox h4{
background-color: #f2f2f2;
padding: 10px;
font-size: 16px;
}
.sitemapbox ul{
padding: 0px;
}
.sitemapbox ul li{
list-style: none;
font-size: 16px;
padding: 5px;
border-bottom: dotted 1px #ddd;
}
.sitemapbox ul li a{
text-decoration: none;
color: #9a9a9a;
}
.sitemapbox ul li:hover{
background-color: #fcfcfc;
}
/* Scoll-to-top */
#scroll-to-top {
display: none;
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
font-size: 18px;
border: none;
outline: none;
background-color: #05096C;
color: white;
cursor: pointer;
border-radius: 50%;
}
.mocero-helps{
display: none;
background-color: #F8F7FA;
}
.mocero-helps h3{
background-color: #F8F7FA;
}
.mocero-helps img{
width: 95%;
display: block;
margin-left: auto;
margin-right: auto;
}
.calendar-show input{
border-top: none;
border-left: none;
border-right: none;
outline: none;
border-bottom: 1px solid #999999;
color: #999999;
}
.g-recaptcha{
margin-top: 30px;
}
/* Scoll-to-top */
@media only screen and (max-width: 992px) {
.bedder-box{
width: 100%;
}
.mocero-helps{
display: block;
}
.sol-grey-bg-home{
display: none;
}
}
@media only screen and (max-width: 780px){
.hide-workflow-box{
display: none;
}
}
@media only screen and (max-width: 768px) {
.beyond-video video{
top: 70px;
}
/* banner font size */
.banner-header{
font-size: 40px;
line-height: 55px;
}
/* .banner-content{
line-height: 28px;
} */
/* font size */
.page-heading{
font-size: 26px;
}
.page-sub-head{
font-size:20px;
}
.page-sub-head-white{
font-size:23px;
}
.page-sub-head-20{
font-size:17px;
}
.card-head-16{
font-size:14px;
}
.card-head-16-white{
font-size:14px;
}
.page-content-ash{
font-size: 14px;
}
.page-content-ash-14{
font-size: 12px;
}
.ash-14{
font-size: 14px;
}
.page-content{
font-size: 14px;
}
.page-content-white{
font-size: 14px;
}
/* font size */
.sol-act-col-1{
border-top: none;
border-bottom: none;
}
.sol-act-col-2{
border-top: none;
border-bottom: none;
}
.sol-act-col-3{
border-top: none;
border-bottom: none;
border-right: none;
}
.solution-activity{
text-align: center;
}
.sol-act-img {
width: 60px;
position: absolute;
top: -15%;
left: 44%;
}
.sol-act-img-last {
width: 60px;
position: absolute;
top: -15%;
right: 44%;
}
.doctor-benfits-section{
width: 90%;
}
.teritary-doc-img{
display: none;
}
.teritary-patient-img{
display: none;
}
.teritary-doctor-overall-section{
padding: 30px;
}
.our-timeline{
text-align: center;
}
.doctor-img-sec .doctor-img{
display: none;
}
.beyond-video1{
width: 100%;
height: 80vh;
padding: 20px;
}
.beyond-video1 video{
width: 100%;
height: 80vh;
}
.over-all-organ-list-sec{
margin-top: -8%;
}
.wall-img img{
width: 80%;
}
.bedder-box{
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.happy-customer{
width: 100%;
margin-bottom: 20px;
}
.gif-container {
margin-left: 6%;
}
.carousel-indicators{
display: none;
}
}
@media only screen and (max-width: 576px) {
.header-phone-landing{
display: flex;
flex-direction: column;
}
.header-phone-landing a{
margin: 5px;
}
.mocero_logo{
width: 170px;
border-right: none;
}
.mocero_logo-lan{
width: 130px;
}
.mobile-dropdown{
transition: 2s !important;
}
#collapsibleNavbar .header-tutorials
{
text-align: center;
padding-top: 20%;
padding-bottom: 10%;
}
#collapsibleNavbar .header-tutorials a{
border: 2px solid #FFFFFF;
border-radius: 10px;
padding: 2% 5%;
color: #999999 !important;
}
.mobile-dropdown li{
margin-bottom: 10px;
border-bottom: 1px solid #e1e1e1;
opacity: .5;
}
#collapsibleNavbar .mobile-dropdown li a{
color: #FFFFFF;
opacity: 1.5;
font-size: 17px !important;
}
.header-line{
height: 80px;
padding: 0px;
}
.navbar-toggler{
background-color: white;
border:none;
}
.navbar-toggler:focus
{
box-shadow: none;
}
nav{
background-color: #000064;
}
nav ul{
background-color: #000064;
}
.mobile-drop{
z-index: 2;
/* height: 100vh; */
}
#collapsibleNavbar ul li a{
color: #FFFFFF;
font-size: 18px !important;
margin-bottom: 10px;
}
#collapsibleNavbar .dropdown-menu{
background-color: #000064;
}
/* banner font size */
.banner-header{
font-size: 35px;
line-height: 45px;
}
/* font size */
.page-heading{
font-size: 23px;
}
.page-sub-head{
font-size:20px;
}
.page-sub-head-white{
font-size:21px;
}
.page-sub-head-20{
font-size:17px;
}
.card-head-16{
font-size:14px;
}
.card-head-16-white{
font-size:14px;
}
.page-content-ash{
font-size: 14px;
}
.page-content-ash-14{
font-size: 12px;
}
.page-content{
font-size: 14px;
}
.page-content-white{
font-size: 14px;
}
/* font size */
.beyond-video1 img{
display: none;
}
.beyond-video1{
width: 100%;
height: 80vh;
}
.beyond-video1 video{
width: 100%;
height: 80vh;
}
.bedder-box{
width: 50%;
}
.wall-img img{
width: 95%;
}
.summarise-card1{
margin: 10px auto !important;
height: auto !important;
}
.summarise-card2{
margin: 10px auto !important;
}
.emrsection_img img{
margin: 0 auto;
}
}
@media only screen and (max-width: 426px) {
.beyond-video1{
width: 100%;
height: 80vh;
}
.beyond-video1 video{
width: 100%;
height: 80vh;
}
#collapsibleNavbar .header-tutorials
{
text-align: center;
padding-top: 33%;
padding-bottom: 15%;
}
.bedder-box{
width: 90%;
}
.wall-img img{
width: 95%;
}
}
/* solution for flow */
@media only screen and (max-width: 576px) {
.header-phone-landing a:nth-child(1){
border-right: none !important;
padding-right: 0px !important;
}
.headernumbers h3{
font-size: 17px !important;
}
.headernumbers .mr40{
margin-right: 20px;
}
.solution-activity
{
border-left: 1px dashed #2680EB;
padding-left: 16%;
}
.sol-blue-line
{
padding-left: 16%;
}
.sol-act-img {
width: 40px;
position: absolute;
top: 38%;
left: -5%;
}
.sol-act-img-last {
width: 40px;
position: absolute;
top: 38%;
left: -5%;
}
.sol-img-card
{
background-color: #FFFFFF;
margin: 2rem;
padding: 2rem;
border-radius: 15px;
border: 1px solid #E1E1E1;
}
.sol-plain {
height: 50%;
width: 4%;
background-color: #F8F7FA;
position: absolute;
top: 51%;
left: -2%;
}
.font45{
font-size: 35px !important;
}
}
@media only screen and (max-width: 375px) {
.solution-activity
{
border-left: 1px dashed #2680EB;
padding-left: 5%;
}
.wall-img img{
width: 95%;
}
}
.popup-content{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.popup-content1 {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.popup-agenda{
border-right: 1px solid #F5F5F5;
}
.popup-agenda p{
font-size: 12px;
color: #444444;
}
.popup-agenda h4{
font-size: 12px;
font-weight: 600;
color: #444444;
}
.popup-footer p{
border-top: 1.5px dotted #F5F5F5;
font-size: 12px;
color: #444444;
padding-top: 5px;
}
.opacity-content{
opacity: 0.5;
padding-bottom: 50px;
margin-left: 15px;
}
.min30{
color: #999999;
font-size: 12px;
}
.formerror h3{
font-size: 16px;
font-weight: 600;
color: #444444;
}
.formerror span{
color: red;
font-size: 12px;
}
.show-date{
font-size: 12px;
color: #999999;
}
.calendar-show span{
color: red;
font-size: 12px;
display: block;
}
.carousel-item-next, .carousel-item-prev, .carousel-item.active{
display: flex;
}
.carousel-control-next{
display:none !important;
}
.carousel-control-prev{
display:none !important;
}
.carousel-indicators{
/* left:-80px !important; */
justify-content:left !important;
/* margin-left: 12% !important; */
}
.homedisplay{
display: flex;
justify-content: center;
align-items: center;
}
@media only screen and (max-width:1030px){
.tab-dropdown{
display: flex !important;
align-items: center;
}
#beyond_walls_btn,
#about_us_btn,
#blogs_btn{
display: none !important;
}
/* .welldesignbox .line{
left: 150px !important;
} */
}
@media only screen and (max-width:1024px) {
.careers-form-container {
width: 100%;
margin: 0 auto;
background-color: #F8F7FA;
padding: 10px;
margin-top: 40px;
border-radius: 10px;
}
.m-res-bottom-200{
margin-bottom:200px;
}
body .circle {
background-color: #05096C;
width: 300px;
height: 300px;
border-radius: 50%;
padding: 56px;
position: absolute;
top: 230px;
padding-left:74px;
}
}
/* pagination */
.list-wrapper {
padding-bottom:20px;
overflow: hidden;
}
.simple-pagination ul {
margin: 0 0 20px;
padding: 0;
list-style: none;
text-align: center;
}
.simple-pagination li {
display: inline-block;
margin-right: 5px;
}
.simple-pagination li a,
.simple-pagination li span {
color: #666;
padding: 5px 10px;
text-decoration: none;
border: 1px solid #EEE;
background-color: #FFF;
box-shadow: 0px 0px 10px 0px #EEE;
}
.simple-pagination .current {
color: #FFF;
background-color: #0148E2;
border-color: #0148E2;
}
.simple-pagination .prev.current,
.simple-pagination .next.current {
background: #0148E2;
}
/* pagination */
/* Branding-Page */
.brand-logo
{
width: 50%;
margin-top: 10%;
}
.brand-position
{
position: relative;
}
.brand-banner-content
{
width: 68%;
}
.brand-page-head {
font-size: 36px;
line-height: 44px;
font-weight: 500;
color: #444444;
}
.brand-page-content {
font-size: 16px;
font-weight: 400;
color: #444444;
}
.brand-page-head-white {
font-size: 26px;
font-weight: 600;
color: #FFFFFF;
}
.brand-page-content-white {
font-size: 16px;
font-weight: 400;
color: #FFFFFF;
}
.brand-circle {
background-color: #05096C;
width: 350px;
height: 350px;
border-radius: 50%;
display: flex;
position: absolute;
bottom: 0%;
left: 37%;
flex-direction: column;
justify-content: center;
flex-wrap: wrap;
align-items: center;
}
.brand-circle div
{
width: 75%;
margin: 0 auto;
}
.brand-application
{
background-color: #FFFFFF;
box-shadow: 0px 3px 6px #00000029;
border-radius: 5px;
padding: 2% 3%;
position: absolute;
right: 0%;
bottom: 32%;
list-style: none;
}
.brand-app-head
{
color: #999999;
border-bottom: 1px solid #999999;
height: 35px;
width: 70%;
margin-bottom: 15px;
}
.brand-application li
{
line-height: 45px;
font-size: 18px;
}
.brand-blue-circle
{
height: 100px;
}
.brand-bg
{
background-color: #F8F7FA;
}
.curola-heading
{
color: #6E00DC;
font-size: 34px;
font-weight: bolder;
}
.brand-submit-btn
{
background-color: #006FFA;
color: white;
border-radius: 5px;
border: none;
padding: 2% 5%;
}
.curola-form span{
color: red;
font-size: 13px;
}
.ursugarform span{
color: red;
font-size: 13px;
}
.concareform span{
color: red;
font-size: 13px;
}
.about-readmore a{
padding: 10px 15px;
background-color: #0148E2;
color: #FFFFFF;
text-align: center;
text-decoration: none;
border-radius: 20px;
font-size: 14px;
}
.about-readmore a:hover{
color: #FFFFFF;
background-color: #0148E2;
transition: .5s;
}
@media screen and (max-width: 1400px)
{
.brand-application {
padding: 3%;
right: -4%;
}
}
@media screen and (max-width: 992px)
{
.horizontal-scroll-section{
display: none;
}
.ipflowbgdiv{
display: block;
}
.brand-application {
padding: 3%;
right: -13%;
bottom: 38%;
}
.brand-circle div {
width: 66%;
margin: 0 auto;
}
}
@media screen and (max-width: 767px)
{
.landingheader{
margin-top: 50px;
}
.brand-blue-circle {
height: auto;
}
.brand-circle {
background-color: #05096C;
height: 350px;
width: 68%;
margin: 0 auto;
border-radius: 50%;
position: unset;
margin-top: 25%;
}
.brand-application {
padding: 7%;
right: -10%;
bottom: 31%;
}
.brand-circle div {
width: 66%;
margin: 0 auto;
}
}
@media screen and (max-width: 576px)
{
.medium-4{
width: 70% !important;
margin: 0 auto !important;
}
.brand-application {
padding: 3%;
right: -5%;
bottom: 31%;
}
.brand-circle {
width: 300px;
height: 300px;
margin: 0 auto;
margin-top: 25%;
}
}
/* Branding-Page */
.da-load-patsearch-img{
top: 50%;
position: fixed;
left: 50%;
right: 50%;
margin: auto;
width: 100px;
z-index: 10000;
}
.navbar-expand-sm .navbar-collapse{
align-content: center;
justify-content: center;
}
#menuToggle {
display: block;
position: absolute;
top: 50px;
right: 50px;
z-index: 1;
-webkit-user-select: none;
user-select: none;
}
#menuToggle input {
display: block;
width: 40px;
height: 32px;
position: absolute;
top: -7px;
left: -5px;
cursor: pointer;
opacity: 0;
z-index: 2;
-webkit-touch-callout: none;
}
#menuToggle span {
display: block;
width: 33px;
height: 4px;
margin-bottom: 5px;
position: relative;
background: #cdcdcd;
border-radius: 3px;
z-index: 1;
transform-origin: 4px 0px;
transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
opacity 0.55s ease;
}
#menuToggle span:first-child {
transform-origin: 0% 0%;
}
#menuToggle span:nth-last-child(2) {
transform-origin: 0% 100%;
}
#menuToggle input:checked~span {
opacity: 1;
transform: rotate(45deg) translate(-2px, -1px);
background: #232323;
}
#menuToggle input:checked~span:nth-last-child(3) {
opacity: 0;
transform: rotate(0deg) scale(0.2, 0.2);
}
#menuToggle input:checked~span:nth-last-child(2) {
opacity: 1;
transform: rotate(-45deg) translate(0, -1px);
}
#menu {
position: absolute;
width: 300px;
margin: -100px 0 0 0;
padding: 50px;
padding-top: 125px;
right: -100px;
background: #ededed;
list-style-type: none;
-webkit-font-smoothing: antialiased;
transform-origin: 0% 0%;
transform: translate(100%, 0);
transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
}
#menu li {
padding: 10px 0;
font-size: 22px;
}
#menuToggle input:checked~ul {
transform: scale(1.0, 1.0);
opacity: 1;
}
/* Digital Markting */
.why-mocero-bg
{
background-image: url(./images/digital-marketing/why-mocero-bgs.png);
background-repeat: no-repeat;
background-size: cover;
background-color: #05096C;
}
.dm-banner
{
background-image: url(./images/digital-marketing/dm-banner.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 100%;
height: auto;
}
.tq-banner
{
background-image: url(./images/digital-marketing/dm-banner.png);
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 70vh;
display: flex;
align-items: center;
justify-content: center;
}
.dm-div{
display: flex;
align-items: center;
justify-content: center;
}
.digi-form{
background-color: white;
padding: 30px;
border-radius: 10px;
width: 80%;
}
.digi-form input{
border: none;
border-bottom: 1px solid #707070;
border-radius: 0px;
outline: none;
}
.dm-btn{
background-color: #000065;
padding: 10px 30px;
border-radius: 10px;
color: white;
}
.digi-form span{
color: red;
font-size: 12px;
}
/* Digital Markting */
/* Digital Markting 1 */
.header-banner-digital{
background-image: url(./images/digital/digitalbanner.png);
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: auto;
}
.digitalbannercontent{
color: white;
}
.digitalbannertitle{
font-weight: 900;
font-size: 44px;
font-family: sans-serif;
color: white;
line-height: 55px;
}
.laptop img{
width: 80%;
}
.doctor img{
width: 70%;
height: 100%;
}
.mic-bg-color{
background-color: #EDF7FF;
}
.mic img{
width: 70%;
height: 100%;
}
.great-features:hover{
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
transition: 0.5s;
border-radius: 5px;
}
.great-features{
padding: 40px 20px;
}
.great-features .head{
color: #0F358E;
font-size: 22px;
}
.great-features img{
display: block;
margin-left: auto;
margin-right: auto;
width: 50px;
}
.offer{
font-weight: 900;
font-size: 44px;
font-family: sans-serif;
}
.offer span{
color: #01DAAC;
}
.receive-bg{
background-image: url(./images/digital/receive.png);
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: auto;
}
.receivediv{
display: flex;
flex-direction: column;
align-items: center;
margin-top: 70px;
}
.phone img{
width: 80%;
display: block;
margin-left: auto;
margin-right: auto;
}
.phonetitle{
color: #09D1C4;
font-weight: 600;
text-align: right;
}
.phonecontent{
color: white;
text-align: right;
}
.phonetitle1{
color: #09D1C4;
font-weight: 600;
text-align: left;
}
.phonecontent1{
color: white;
text-align: left;
}
.phonetitle1div{
margin-top: 100px;
}
/* Digital Markting 1 */
.blog-img img{
width: 60%;
display: flex;
justify-self: center;
align-items: center;
}
.blog-img p{
text-align: justify;
}
.blog-content{
display: flex;
justify-self: center;
align-items: center;
}
.blog-img-align{
display: flex;
justify-content: center;
align-items: center;
}
.blog-banner2{
width: 100%;
/* height: 70vh; */
background-image: url(./images/blog2/blog-banner2.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: white;
}
.blog-banner3{
width: 100%;
/* height: 70vh; */
background-image: url(./images/blog3/blog-banner3.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: white;
}
.blog-banner4{
width: 100%;
/* height: 70vh; */
background-image: url(./images/blog4/blog-banner4.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: white;
}
.telemedicine img{
width: 50%;
}
.telemedicine{
display: flex;
align-items: center;
justify-content: center;
}
.dataindexing img{
width: 80%;
}
.dataindexing{
display: flex;
align-items: center;
justify-content: center;
}
.hms img{
width: 60%;
}
.hms{
display: flex;
align-items: center;
justify-content: center;
}
.mandatory img{
width: 90%;
}
.mandatory{
display: flex;
align-items: center;
justify-content: center;
}
.personalization img{
width: 50%;
}
.personalization{
display: flex;
align-items: center;
justify-content: center;
}
.summarise-card{
width: 80%;
margin: 0 auto;
box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
border-radius: 10px;
padding: 15px 20px;
height: 100%;
}
.summarise-card img{
width: 50px;
height: 50px;
}
.corporate-address-business li::before {
content: "\2022";
color: #00E0AE;
font-size: 20px;
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
}
/* landing style */
.curola-transplant-banner
{
display: flex;
align-items: center;
width: 100%;
height: auto;
padding: 50px 0px;
background-image: url(./images/curola-transplants.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.emr-banner
{
display: flex;
align-items: center;
width: 100%;
height: auto;
padding: 50px 0px;
background-image: url(./images/emr-banner.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.hmsproduct-banner{
display: flex;
align-items: center;
width: 100%;
height: auto;
padding: 50px 0px;
background-image: url(./images/hmsproduct-banner.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.invent-img img{
width: 70%;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: -55px;
}
.general-list{
display: flex;
align-items: center;
justify-content: center;
}
.generalimg{
margin-right: 5px;
background: white;
padding: 10px;
border-radius: 50%;
}
.generalimg img{
width: 40px;
}
.listcontent{
width: 100%;
}
.listcontent h4{
font-size: 16px;
}
.listcontent p{
color: #999999;
font-size: 13px;
}
.benefitcontainer{
width: 85%;
margin: 0 auto;
}
.landing-general-container{
background-color: #EFEFEF;
width: 98%;
margin: 0 auto;
padding: 20px;
border-radius: 5px;
}
.welldesignno{
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
color: #BFC4CE;
width: 40px;
height: 40px;
border-radius: 50%;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.welldesignnohover:hover{
background-color: #000064;
color: white;
transition: 0.5s;
}
/* .welldesignno :hover {
background-color: bisque;
} */
.welldesignhead{
color: #1A47B0;
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
text-align: right;
}
.welldesigncontent{
color: #595F6F;
font-size: 13px;
text-align: right;
}
.welldesignhead1{
color: #1A47B0;
text-align: start;
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
}
.welldesigncontent1{
text-align: start;
font-size: 13px;
color: #595F6F;
margin-bottom: 5px;
}
/* Styles for wrapping the search box */
/* Bootstrap 4 text input with search icon */
.has-search .form-control-feedback {
position: absolute;
z-index: 2;
display: block;
width: 3.375rem;
height: 3.375rem;
line-height: 2.375rem;
text-align: center;
pointer-events: none;
color: #aaa;
}
.feature{
background-color: #F6FAFD
}
.form-control{
border: none;
}
.inventory{
line-height:2.375rem;
}
.featurecard{
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
border: none;
background-color: #fff;
display: flex;
align-items: center;
border-radius: 5px;
}
.featurecard p{
font-size: 13px;
}
.main{
width: 90%;
margin: auto;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
background-color: #ffffff;
color: #ffffff;
padding: 30px 30px;
border-radius: 10px;
position: relative;
}
.main button{
padding: 10px 0px;
}
.main p{
font-size: 13px;
}
.main label{
color: #999999;
}
.main input{
border: 1px solid #E1E1E1;
}
.main select{
/* border: 1px solid #E1E1E1;
width: 100%;
border-radius: 0.375rem; */
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #E1E1E1;
border-radius: 0.375rem;
outline: none;
}
.main span{
color: red;
font-size: 12px;
}
.main .spam{
color: #999999;
font-size: 12px;
margin-top: 10px;
}
.popupmain{
width: 90%;
margin: auto;
}
.main button{
padding: 10px 0px;
}
.popupmain p{
font-size: 13px;
}
.popupmain label{
color: #999999;
}
.popupmain input{
border: 1px solid #E1E1E1;
}
.popupmain select{
/* border: 1px solid #E1E1E1;
width: 100%;
border-radius: 0.375rem; */
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #E1E1E1;
border-radius: 0.375rem;
outline: none;
}
.popupmain span{
color: red;
font-size: 12px;
}
.popupmain .spam{
color: #999999;
font-size: 12px;
margin-top: 10px;
}
.productbg{
background-color: #F9FAFB;
}
.productbg img{
width: 70%;
display: block;
margin-left: auto;
margin-right: auto;
}
.emrsection{
background-color: #F7F7F7;
}
.emrsection-heading{
color: #05096C;
font-weight: 600;
}
.emrsection-content{
color: #05096C;
}
.emrmobile{
width: 65%;
display: block;
margin-left: auto;
margin-right: auto;
}
.implement-list{
display: flex;
}
.implementicon{
width: 40px;
height: 35px;
border-radius: 5px;
background-color: #EBEBEB;
display: inline-block;
margin-right: 8px;
margin-top: 5px;
display: flex;
justify-content: center;
align-items: center;
}
.implementicon img{
width: 20px;
height: 20px;
}
.implementcontent{
width: 100%;
}
.implementcontent p{
font-size: 12px;
color: #999999;
}
.implementcontent h4{
font-size: 15px;
}
.inventry{
width: 80%;
margin-left: auto;
margin-right: auto;
}
.gainbox{
display: flex;
flex-wrap: wrap;
border: 1px solid #E5E7EB;
border-bottom: none;
margin: 0 auto;
padding: 30px 20px;
border-radius: 10px 10px 0px 0px;
}
.gainboxbg{
background-color: #F9FAFB;
border: 1px solid #E5E7EB;
border-top: none;
padding: 30px 20px;
border-radius: 0px 0px 10px 10px;
}
.keycontent p{
color: #0148E2;
font-size: 15px;
font-weight: bold;
margin-left: 15px;
margin-bottom: 5px;
}
.keycontent ul li{
font-size: 14px;
color: #999999;
}
.store-master{
display: flex;
align-items: center;
}
.store-master img{
width: 95%;
display: block;
margin-right: auto;
margin-left: auto;
}
.supplierbg{
background-color: #F9FAFB;
}
.supplier{
display: flex;
align-items: center;
}
.supplier img{
width: 97%;
display: block;
margin-right: auto;
margin-left: auto;
}
.stock-transfer{
display: flex;
align-items: center;
}
.stock-transfer img{
width: 93%;
display: block;
margin-right: auto;
margin-left: auto;
}
.purchase-managementbg{
background-color: #F9FAFB;
}
.purchase-management{
display: flex;
align-items: center;
}
.purchase-management img{
width: 100%;
display: block;
margin-right: auto;
margin-left: auto;
}
.work-order{
display: flex;
align-items: center;
}
.work-order img{
width: 97%;
display: block;
margin-right: auto;
margin-left: auto;
}
.pharmacybg{
background-color: #F9FAFB;
}
.pharmacy{
display: flex;
align-items: center;
}
.pharmacy img{
width: 90%;
display: block;
margin-right: auto;
margin-left: auto;
}
.ecommerce-ordering{
display: flex;
align-items: center;
}
.ecommerce-ordering img{
width: 98%;
display: block;
margin-right: auto;
margin-left: auto;
}
.benefitbox{
background: transparent linear-gradient(109deg, #6766ED 0%, #9190EA 100%) 0% 0% no-repeat padding-box;
border-radius: 15px;
color: white;
padding: 50px 20px;
}
.benefitboxicon{
width: 40px;
height: 40px;
border-radius: 8px;
/* background-color: #8987F3; */
}
.benefitboxicon img{
border-radius: 6px;
}
.benefitbox .benefittitle{
font-weight: bold !important;
color: white;
}
.benefitbox .benefitcontent{
font-size: 14px;
color: #FFFFFF;
opacity: 0.5;
}
.numberdiv{
display: flex;
justify-content: end;
}
.numberdiv1{
display: flex;
justify-content: start;
}
.problems-faced{
background-color: #000000;
}
.onboarding h3{
color: #ffffff;
}
.onboarding p{
color: #ffffff;
opacity: 0.5;
}
@media only screen and (max-width: 768px) {
.numberdiv{
display: flex;
justify-content: center;
}
.numberdiv1{
display: flex;
justify-content: center;
}
.welldesignbox{
margin-top: 80px !important;
}
.welldesignhead{
text-align: center;
}
.welldesigncontent{
text-align: center;
}
.welldesignhead1{
text-align: center;
}
.welldesigncontent1{
text-align: center;
}
}
.page-sub-head-taps{
font-size:26px;
font-weight: 600;
color:#ffffff;
opacity: 0.7;
}
.page-content-taps{
font-size: 16px;
font-weight: 400;
color: #ffffff;
line-height: 27px;
opacity: 0.7;
}
.problems .nav-item .active{
color: #ffffff;
background-color: unset;
border-radius: unset;
font-weight: 600;
border-bottom: 5px solid #0148E2;
}
.problems .nav-item a {
color: #999999;
font-weight: 300;
}
.curola-tranplantimg{
width: 60%;
display: block;
margin-left: auto;
margin-right: auto;
}
.emrlandingimg{
width: 70%;
display: block;
margin-left: auto;
margin-right: auto;
}
.emrblack{
background-color: #000000;
color: #ffffff;
}
.emrblackinnerbox{
display: flex;
justify-content: center;
flex-direction: column;
text-align: center;
}
.emrblack .icon{
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #ffffff;
opacity: 0.5;
display: block;
margin: 10px auto;
display: flex;
align-items: center;
justify-content: center;
}
.emrblack .icon img{
width: 20px;
height: 20px;
}
.emrblack .emrblacktitle{
font-size: 17px;
font-weight: bold;
color: white;
opacity: 0.8;
}
.emrblack .emrblackcontent {
font-size: 15px;
color: white;
opacity: 0.5;
}
.headernumbers{
display: flex;
margin-top: 70px;
}
.headernumbers span{
color: #00E0AE;
}
.headernumbers h3{
font-size: 25px;
}
.headernumbers p{
font-size: 13px;
}
.allwidth{
width: 60%;
margin: 0 auto;
}
.trackerdiv{
width: 80%;
margin: 0 auto;
}
.period-tracker{
padding: 15px;
padding-bottom: 95px;
border-radius: 10px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.pregnancy-tracker{
padding: 15px;
padding-bottom: 115px;
border-radius: 10px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.postpartum-tracker{
padding: 15px;
border-radius: 10px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.period-tracker p{
margin-bottom: 0px;
}
.pregnancy-tracker p{
margin-bottom: 0px;
}
.postpartum-tracker p{
margin-bottom: 0px;
}
.period-tracker img{
width:40px;
height: 40px;
margin: 10px 0px;
}
.pregnancy-tracker img{
width: 40px;
height: 40px;
margin: 10px 0px;
}
.postpartum-tracker img{
width: 40px;
height: 40px;
margin: 10px 0px;
}
.we-provide{
background-color: #F8F7FA;
padding: 20px 40px;
border-radius: 15px;
}
.womenhealth-landing{
display: block;
margin-left: 20%;
/* margin-right: auto; */
width: 50%;
}
.contentwidth{
width: 80%;
margin: 0 auto;
}
.diabetes-img{
margin-top: -55px;
margin-left: -3%;
}
.diabetes-img img{
display: block;
margin-left: auto;
margin-right: auto;
}
.whatsapp-img{
margin-top: -55px;
}
.whatsapp-img img{
display: block;
margin-left: auto;
margin-right: auto;
}
.whatsapp-landing{
display: block;
margin-left: auto;
margin-right: auto;
}
.diabetes-landing{
display: block;
margin-left: auto;
margin-right: auto;
}
.denetal-landing{
display: block;
margin-left: auto;
margin-right: auto;
}
.header-phone-landing {
display: flex;
}
.header-phone-landing a{
margin-right: 10px;
color: #0048E2;
}
.header-phone-landing a:nth-child(1){
border-right: 1px solid #444444;
padding-right: 10px;
}
@media only screen and (max-width: 768px) {
.allwidth{
width: 100%;
margin: 0 auto;
}
.we-provide{
margin-top: 20px;
}
.womenhealth-landing{
display: block;
margin-left: auto;
margin-right: auto;
}
.contentwidth{
width: 100%;
}
}
.colorblur{
position: absolute;
z-index: -1;
right: -67px;
}
.colorblur img{
width: 590px;
height: 571px;
}
.curolawomenmobile{
margin-top: -55px;
margin-left: -7%;
}
.curolawomenmobile img{
display: block;
margin-left: auto;
margin-right: auto;
}
.navlanding{
position: sticky;
box-shadow: rgb(0 0 0 / 16%) 0px 25px 20px -22px;
background-color: white;
z-index: 10;
top: 0;
left: 0;
}
.downloadsectionin{
display: flex;
flex-wrap: wrap;
}
.downloadsection{
background-color: #E6EEFF;
padding: 20px 0px;
}
.downloadsection img{
width: 110px;
}
.downloadsection span{
font-size: 12px;
color: #444444;
opacity: .8;
}
.w-80{
width: 80%;
margin: 0 auto;
}
/* hover code */
/* nav .hovercontent {
background: #BEBEBE;
padding:0;
text-align: center;
display:none;
width: 100%;
position: absolute;
top: 60px;
left: 0px;
}
.dropdown:hover .hovercontent {
display:block;
}
.hovercontent{
background-color: red;
width: 100%;
display: none;
} */
nav ul li:hover > ul {
display:block;
}
nav ul ul {
padding:0;
text-align: center;
display:none;
width: 100%;
position: absolute;
top: 44px;
left: 0px;
}
.flex{
background-color: white;
width: 80%;
margin: 17px auto;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
border-bottom: 5px solid #00E0AE;
padding: 15px;
}
.flex .row a{
margin: 10px 0px;
}
.navdiv{
display: flex;
width: 100%;
padding: 8px 5px;
}
.navdiv a{
display: flex;
}
.navdiv:hover{
/* background-color: #F9FAFE; */
background-color: #cfd8fa;
border: none;
border-radius: 5px;
}
.navicon{
background-color: #ffffff;
border: 1.5px solid #DDE9FE;
width: 30px;
height: 30px;
border-radius: 7px;
display: flex;
align-items: center;
justify-content: center;
padding: 2px;
}
/* .navicon:hover{
border: none;
background-color: white;
} */
.navicon svg{
width: 15px;
}
.navbarcontent{
text-align: left;
}
.navbarcontent p{
font-weight: 600;
font-size: 14px;
color: #000000;
margin-bottom: 0px;
line-height: 1;
}
.navbarcontent span{
color: #00000093;
}
.navbarcontent small{
color: #999999;
font-size: 13px;
}
.innerli{
width: 30%;
padding: 30px;
}
.innerli:hover{
background-color: #e5e5e5;
}
.navwidth{
width: 70%;
display: flex;
flex-wrap: wrap;
}
.innerli ul ul {
padding:0;
text-align: center;
display:none;
width: 100%;
position: absolute;
top: 44px;
left: 0px;
}
.innerli ul li:hover > ul {
display:block;
}
/* .pricingdiv1{
font-size: 14px;
margin-bottom: 0px;
position: sticky;
top: 0;
left: 0;
width: 50% !important;
z-index: 1000000 !important;
} */
.pricingdiv1,.pricingdiv2,.pricingdiv3,.pricingdiv4{
width: 30%;
border: 1px solid #DDDDDD;
}
.pricingdiv1,.pricingdiv2,.pricingdiv3,.pricingdiv4,ul,li{
font-size: 14px;
margin-bottom: 0px;
}
.pricingdiv1 p{
font-weight: bold;
}
/* .pricingdiv2:hover .even{
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
background-color: #000064;
color: #ffffff;
} */
.pricingdiv2:hover{
transition: all .9s;
transform: scale(1.1);
background-color: #000064;
color: #ffffff;
}
.pricingdiv2:hover .even{
background-color: #e9eff63b;
border: none;
}
.pricingdiv2:hover ul{
background-color: #e9eff63b;
border: none;
}
.pricingdiv3:hover{
transition: all .5s;
transform: scale(1.1);
background-color: #000064;
color: #ffffff;
}
.pricingdiv3:hover .even{
background-color: #e9eff63b;
border: none;
}
.pricingdiv3:hover ul{
background-color: #e9eff63b;
border: none;
}
.pricingdiv4:hover{
transition: all .5s;
transform: scale(1.1);
background-color: #000064;
color: #ffffff;
}
.pricingdiv4:hover .even{
background-color: #e9eff63b;
border: none;
}
.pricingdiv4:hover ul{
background-color: #e9eff63b;
border: none;
}
.pricinghead{
background-color: #000064;
padding: 20px 30px;
color: #ffffff;
width: 100%;
height: 150px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.pricinghead p{
font-weight: 800;
font-size: 28px;
margin-bottom: 0px;
}
.pricefirdiv p{
padding: 10px;
}
.pricefirdiv .even{
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
.pricefirdiv ul{
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
.priamt{
background-color: #ffffff;
border-radius: 50%;
color: #000064;
width: 95px;
height: 95px;
text-align: center;
padding: 10px;
}
.priamt span{
color: #595F6F;
}
.mblmenu{
background-color: #000064;
box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
padding: 5px;
border: 1px solid #d7d7d76b;
border-radius: 5px;
}
.mblmenu p{
font-size: 22px;
color: #ffffff;
}
@media only screen and (max-width: 600px) {
.pricingdiv1,.pricingdiv2,.pricingdiv3,.pricingdiv4{
width: 90%;
margin: auto;
}
}
/* ganesh */
#carouselExampleCaptions .carousel-indicators{
margin-top: -40px;
padding-left: 10px;
position: relative;
margin-left: auto;
margin-right: auto;
}
.carouselExampleCaptions .carousel-inner{
margin-top: 70px;
}
.header-line{
background-color: #fff;
position: fixed;
top: 0;
left: 0;
z-index: 10;
width: 100%;
}
/* .home-tab .nav-item .nav-link{
padding: 8px 30px !important;
} */
.sol-grey-bg img{
padding: 12px;
background-color: white;
border-radius: 10px;
}
.summarise-card1 {
width: 80%;
/* margin: 0 auto; */
margin-left: 15%;
box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
border-radius: 10px;
padding: 15px 20px;
height: 100%;
}
.summarise-card2 {
width: 80%;
/* margin: 0 auto; */
margin-right: 15%;
box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
border-radius: 10px;
padding: 15px 20px;
height: 100%;
}
.summarise-card1 img,.summarise-card2 img{
width: 50px;
height: 50px;
}
.header-border{
height: 70px;
}
.header_bottoms_outer_container .header_solutions_inner_container{
width: 94%;
}
.header-bottomcolor{
width: 95%;
margin: 0 auto;
}
.header_services_container,.header_who_container,.header_solution_container{
width: 100%;
}
.profile-content p,
.happy-customer p,
.patient-retention p{
font-size: 14px;
}
#collapsibleNavbar .navbar-nav{
width: 100%;
display: flex;
justify-content: space-between;
}
.emrsection_img{
display: flex;
justify-content: center;
}
.emrsection_img img{
width: 80%;
margin-left: 20%;
margin-right: -10px;
}
#London, #Paris,#Tokyo{
position: relative;
}
#London .backdrop-img,
#Paris .backdrop-img,
#Tokyo .backdrop-img {
width: 63%;
position: absolute;
left: 15%;
z-index: 0;
opacity: 1;
}
.tab-dropdown:hover .tab-dropdown-menu{
display: block;
}
.tab-dropdown{
margin-top: 10px;
display: none;
}
.tab-dropdown span{
width: 5px;
height: 5px;
display: inline-block;
border-radius: 50%;
background: black;
margin-right: 2px;
}
.tab-dropdown .dropdown-toggle::after{
display: none !important;
}
.tab-dropdown-menu li{
margin: 8px 0;
}
.welldesignbox{
position: relative;
}
.welldesignbox .line{
width: 160px;
position: absolute;
right: -75px;
bottom: -50px;
}
.welldesignbox .line2{
width: 160px;
position: absolute;
left: -75px;
bottom: -50px;
}
.welldesigncontent,
.welldesigncontent1{
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
}
.tab-dropdown-menu{
top: 25px;
width: 180px;
}
.tab-dropdown-menu li a{
margin-left: 10px;
}
@media only screen and (min-width:1600px){
/* .avail-benefits-container{
margin-top: -12vh;
} */
.beyond-video1{
height: 45vh !important;
}
/* .usp-container{
height: 20vh !important;
} */
}
body .header_bottoms_outer_container .header_solution_container .header_solution_inner_container .solution_content_container:hover{
/* background-color: #05096C !important; */
background-color: #cfd8fa !important;
/* color: #ffffff; */
transition: 0.6s;
border-radius: 10px;
}
/* .usp-container{
height: 50vh;
} */
.usp-container{
position: relative;
background: linear-gradient(to bottom,#F8F7FA 50%,#FFFFFF 50%);
}
/* .navdiv:hover{
background-color: #05096C;
} */
/* .navdiv:hover .navbarcontent p{
color: #fff !important;
} */
.header_services_container{
padding: 0;
}
/* */
.related-posts1{
width: 100%;
height: 90%;
border-radius: 10px;
/* padding: 20px; */
border: 1px solid #E1E1E1;
}
.related-posts1 .authorImg{
width: 30px;
height: 30px;
border-radius: 50%;
}
.related-posts1:hover{
box-shadow: 0px 3px 6px #00000029;
}
.related-posts1 .content{
padding: 20px;
display: block;
}
.related-posts1 a {
text-decoration: none;
color: #0148E2;
font-size: 13px;
}
.related-posts1 img {
width: 100%;
height: 250px;
object-fit: cover;
}
.related-posts1 a i {
margin-left: 10px;
}
.related-posts1 .readTime{
padding-right: 8px;
border-right: 1px solid lightgray;
}