html{
overflow-x: hidden;
}
body {
font-family:'avenir-book', Times, serif;
overflow-x:hidden;
}
@font-face {
font-family: 'avenir-book';
src: url('../fonts/avenir-book.ttf') format('truetype');
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
}
a {
text-decoration:none;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
a:hover{text-decoration:none;}
.header{
position: absolute;
left: 0;
top: 25px;
width: 100%;
z-index: 999;
}
.header .navbar{
background: #fff;
padding: 10px 18px;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
}
.header .navbar-brand{
padding: 0;
}
.header .nav-item{
margin-left: 18px;
display: flex;
align-items: center;
}
.header .nav-link{
color: #2d2d2d;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
padding: 0;
margin: 0;
font-family: "Inter", serif;
}
.header .nav-link:hover{
color: #CC988B;
}
.listdoulasbtn{
margin-left: 45px!important;
}
.listdoulasbtn .nav-link{
border: solid 2px #F2B2B2;
color: #F2B2B2!important;
border-radius: 5px;
padding: 10px 15px!important;
}
.accbtn .nav-link{
border: solid 2px #F2B2B2;
background: #fff;
color: #F2B2B2!important;
border-radius: 5px;
padding: 10px 15px!important;
}
.bannerbg img{
width: 100%;
}
.bannerbg-text{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
}
.bannerbg-text h1{
color: #0f0f0f;
font-size: 42px;
margin: 10% 0 20px 0;
font-weight: 400;
}
.bannerbg-text p{
color: #fff;
font-size: 22px;
width: 50%;
}
.readmorebtn{
display: inline-flex;
align-items: center;
gap: 25px;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
padding: 15px 25px;
background: #F2B2B2;
color: #fff;
font-size: 18px;
}
.readmorebtn:hover{
background: #CC988B;
}
.homeaboutsetion{
padding: 80px 0;
}
.homeaboutsetion h6{
color: #F2B2B2;
font-size: 15px;
text-transform: uppercase;
font-weight: 400;
margin: 0 0 20px 0;
}
.homeaboutsetion h1{
color: #0f0f0f;
font-size: 38px;
font-weight: 400;
}
.homeaboutsetion p{
color: #000;
font-size: 17px;
}
.homeaboutsetion-bottom img{
width: 100%;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
}
.heartbox{
background: #ffeaf3;
padding: 20px;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
display: flex;
align-items: center;
gap: 18px;
margin-bottom: 30px;
}
.heartbox-text h3{
color: #F2B2B2;
font-size: 28px;
font-weight: 400;
margin: 0;
}
.heartbox-text p{
font-size: 16px;
color: #303030;
margin: 0;
}
.numberbox{
padding: 35px 20px;
text-align: center;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
background: #121c28;
}
.numberbox p{
color: #78728f;
font-size: 18px;
}
.numberbox h3{
color: #fff;
font-size: 42px;
margin: 0;
font-weight: 400;
}
.headingbox{
padding-bottom: 50px;
text-align: center;
}
.headingbox h3{
color: #0f0f0f;
font-size: 38px;
margin: 0 0 15px 0;
font-weight: 400;
}
.headingbox p{
color: #F2B2B2;
font-size: 17px;
margin: 0;
}
.servicebox a{
display: block;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
overflow: hidden;
position: relative;
border: solid 2px #71cd9d;
}
.servicebox a:hover{
border: solid 2px #CC988B;
}
.servicebox a img{
width: 100%;
}
.servicebox a h3{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
color: #0f0f0f;
font-size: 22px;
margin: 0;
font-weight: 400;
padding: 25px 5px;
background: rgba(255, 255, 255, 0.84);
border-radius: 10% 10% 0px 0px;
-webkit-border-radius: 10% 10% 0px 0px;
-moz-border-radius: 10% 10% 0px 0px;
-ms-border-radius: 10% 10% 0px 0px;
-o-border-radius: 10% 10% 0px 0px;
}
.helpwithbg{
padding: 70px 0;
}
.helpwithbg-inner{
background: #F2B2B2;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
}
.helpwithbox{
display: flex;
justify-content: center;
align-items: center;
gap: 15px;
padding: 25px;
position: relative;
}
.helpwithbox-text h5{
font-size: 22px;
color: #fff;
font-weight: 400;
margin: 0;
}
.helpwithbox-text h4{
font-size: 28px;
color: #fff;
font-weight: 400;
margin: 0;
}
.helpwithboxshadow::before{
content: "";
width: 50px;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-image: linear-gradient(to right, rgba(0,0,0,0.3), rgba(255,0,0,0));
}
.whatdoesbg img{
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
width: 100%;
}
.whatdoesbg h3{
color: #0f0f0f;
font-size: 38px;
font-weight: 400;
margin: 50px 0 15px 0;
}
.whatdoesbg p{
color: #2a2a2a;
font-size: 17px;
line-height: 26px;
}
.benefitsbg{
padding: 70px 0;
}
.benefitstab-content{
padding-top: 55px;
text-align: left;
}
.benefitstab-content img{
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
width: 100%;
}
.benefitstab-content h3{
color: #F2B2B2;
font-size: 25px;
font-weight: 400;
margin: 0px 0 15px 0;
}
.benefitstab-content p{
color: #2a2a2a;
font-size: 17px;
line-height: 26px;
}
.benefitstab-content ul{
padding: 0;
margin: 0;
}
.benefitstab-content li{
list-style: none;
background: url(../images/listicon.png) no-repeat left 5px;
color: #2a2a2a;
font-size: 17px;
margin: 10px 0;
padding-left: 22px;
}
.benefitstab .nav-tabs{
border: none;
justify-content: space-between;
}
.benefitstab .nav-link{
border: solid 2px #F2B2B2;
border-radius: 15px 15px 0 0;
-webkit-border-radius: 15px 15px 0 0;
-moz-border-radius: 15px 15px 0 0;
-ms-border-radius: 15px 15px 0 0;
-o-border-radius: 15px 15px 0 0;
color: #0f0f0f;
font-size: 22px;
padding: 22px;
text-align: center;
min-width: 320px;
}
.benefitstab .nav-link:hover, .benefitstab .nav-link.active{
background: #CC988B;
color: #fff;
border: solid 2px #CC988B;
}
.happycustomersbg{
background: #f0f0f0;
padding: 45px 0;
}
.happycustomersbg-inner{
display: flex;
justify-content: space-between;
text-align: center;
}
.happycustomers{
position: relative;
}
.happycustomers-number{
display: inline-flex;
align-items: center;
justify-content: center;
width: 135px;
height: 135px;
background: #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
color: #000;
box-shadow: 0px 0px 5px #ccc;
font-size: 30px;
}
.happycustomers h5{
color: #F2B2B2;
text-transform: uppercase;
font-weight: 600;
font-size: 15px;
margin: 20px 0 0 0;
}
.happycustomers span{
position: absolute;
top: -10px;
left: -10px;
}
.testimonialbg{
padding: 65px 0 120px 0;
}
.testimonialbg-inner{
background: #F2B2B2;
padding: 65px;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
}
.testimonialbg-left h5{
color: #fff;
font-size: 22px;
margin: 0 0 20px 0;
}
.testimonialbg-left h3{
color: #fff;
font-size: 45px;
}
.testimonialbox p{
color: #fff;
font-size: 17px;
line-height: 26px;
}
.testimonialbox-devider{
border-bottom: solid 2px #fff;
position: relative;
margin-bottom: 40px;
height: 15px;
}
.testimonialbox-devider img{
width: 45px!important;
}
.testimonialbox-devider span{
position: absolute;
left: -2px;
bottom: -30px;
}
.testimonialbox-footer{
display: flex;
gap: 15px;
}
.testimonialbox-footer img{
width: 65px!important;
height: 65px!important;
object-fit: cover;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.testimonialbox-footer h4{
color: #fff;
}
.testimonialbox-footer h4 span{
font-size: 16px;
}
.footerbg{
background: #eaeaea;
}
.footer-top{
background: #F2B2B2;
padding: 22px;
text-align: center;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
color: #fff;
font-size: 33px;
position: relative;
top: -40px;
}
.footer-mid{
padding: 30px 0 70px 0;
display: flex;
justify-content: space-between;
}
.footerabout p{
color: #323232;
}
.footerabout{
max-width: 350px;
}
.quicklinks ul{
padding: 0;
margin: 0;
}
.quicklinks ul li{
list-style: none;
margin-bottom: 10px;
}
.quicklinks ul li a{
color: #323232;
}
.quicklinks ul li a:hover{
color: #CC988B;
}
.footermidright{
min-width: 375px;
max-width: 375px;
}
.newslatterinput{
position: relative;
}
.newslatterinput .input{
height: 60px;
background: #fff;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
width: 100%;
padding: 0 20px;
outline: none;
border: none;
color: #000;
}
.newslatterinput button{
width: 55px;
height: 55px;
background: #F2B2B2;
border: none;
outline: none;
border-radius: 50%;
color: #fff;
position: absolute;
right: 4px;
top: 2px;
}
.footersocial{
display: flex;
margin-top: 40px;
gap: 15px;
}
.footersocial a{
display: flex;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
background: #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
color: #323232;
font-size: 20px;
}
.footersocial a:hover{
background: #CC988B;
color: #fff;
}
.footer-bottom{
display: flex;
gap: 20px;
color: #a7a6a6;
padding-bottom: 40px;
}
.footer-bottom a{
color: #a7a6a6;
}
.footer-bottom a:hover{
color: #CC988B;
}
.bannerbg{
position: relative;
}
.location{
background: #F2B2B2;
padding: 40px;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
display: flex;
align-items: center;
gap: 12px;
}
.location h1{
color: #fff;
font-size: 65px;
margin: 0;
}
.location p{
color: #fff;
font-size: 30px;
margin: 0;
}
.missionbg{
padding: 0 0 100px 0;
}
.missionbg h1{
color: #F2B2B2;
font-size: 45px;
margin: 0 0 25px 0;
}
.missionbg p{
color: #000;
font-size: 17px;
line-height: 26px;
margin: 0;
}
.missionbg img{
width: 100%;
}
.missionbox{
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
overflow: hidden;
background: #f7f7f7;
}
.innerbannerheading{
background: #eeebe6;
text-align: center;
padding: 200px 0 50px 0;
}
.innerbannerheading h1{
font-size: 41px;
color: #F2B2B2;
margin: 0;
}
.midbg{
padding: 40px 0 120px 0;
}
.bookinghistorybg h3{
color: #121212;
font-size: 24px;
margin: 0 0 30px 0;
}
.bookinghistory-nav{
padding: 25px 50px 25px 0;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
background: #fff3f7;
}
.bookinghistory-nav ul{
padding: 0;
margin: 0;
}
.bookinghistory-nav li{
list-style: none;
margin: 2px 0;
}
.bookinghistory-nav li a{
padding: 7px 18px;
display: block;
color: #f6bfd0;
border-radius: 0 20px 20px 0;
}
.bookinghistory-nav li a span{
display: inline-block;
width: 35px;
font-size: 25px;
vertical-align: middle;
}
.bookinghistory-nav li a:hover, .bookinghistory-nav li a.active{
color: #CC988B;
background: #ffdce8;
}
.bookingbox{
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
overflow: hidden;
background: #fff3f7;
padding: 25px;
margin-bottom: 20px;
border-left: transparent 3px #eb799b;
}
.prebooking{
color: #F2B2B2;
font-size: 14px;
display: flex;
gap: 10px;
align-items: center;
margin-bottom: 18px;
}
.prebooking span{
background: #F2B2B2;
width: 8px;
height: 8px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.bookingbox-bottom{
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
}
.bookingbox-bottom-left{
padding: 25px;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
background: #fff;
box-shadow: 0 0 10px #ccc;
min-width: 65%;
display: flex;
gap: 20px;
}
.bookingbox-bottom-right{
min-width: 30%;
display: flex;
flex-direction: column;
align-items: center;
}
.bookingbox-bottom-left-img img{
width: 115px;
height: 115px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
object-fit: cover;
}
.bookingbox-bottom-left-name{
display: flex;
align-items: center;
justify-content: space-between;
}
.bookingbox-bottom-left-name h3{
color: #F2B2B2;
font-size: 25px;
margin: 0;
}
.bookingbox-bottom-left-text{
flex: 2;
}
.bookingbox-bottom-left-date{
margin: 15px 0;
}
.bookingbox-bottom-left-date{
display: flex;
justify-content: space-between;
}
.bookingbox-bottom-left-datebox{
display: flex;
gap: 5px;
}
.bookingbox-bottom-left-datebox h6{
color: #000;
font-size: 14px;
margin: 0;
}
.bookingbox-bottom-left-datebox h5{
color: #000;
font-size: 17px;
margin: 0;
}
.bookingbox-bottom-left-services h3{
color: #000!important;
font-size: 19px!important;
margin: 0 0 10px 0!important;
}
.bookingbox-bottom-left-services p{
margin-bottom: 5px;
}
.bookingbox-bottom-left-services a{
display: inline-block;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
color: #F2B2B2;
border: solid 1px #F2B2B2;
background: #fff3f7;
font-size: 13px;
padding: 5px 10px;
}
.bookingbox-bottom-right a{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
min-width: 160px;
max-width: 160px;
padding: 15px 20px;
color: #F2B2B2;
border: solid 1px #F2B2B2;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
font-family: "Inter", serif;
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
}
.seefullpro{
background: #F2B2B2!important;
color: #fff!important;
}
.prebookingbg .prebooking{
color: #000;
}
.prebookingbg {
border-left: solid 3px #F2B2B2;
}
.changepassbg{
background: #fff3f7;
padding: 25px;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
}
.changepassbg-inner{
padding: 25px;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
background: #fff;
box-shadow: 0 0 10px #ccc;
}
.changepassbg-inner label{
color: #F2B2B2;
font-size: 20px;
margin: 0 0 10px 0;
}
.changepassbg-inner .form-control{
height: 66px;
padding: 0 25px;
background: #f6f6f6;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border: none;
}
.changepassbgbtns{
margin-top: 25px;
display: flex;
gap: 15px;
}
.changepassbgbtns button {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
min-width: 190px;
max-width: 190px;
padding: 15px 20px;
color: #F2B2B2;
border: solid 1px #F2B2B2;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
font-family: "Inter", serif;
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
background: none;
}
.contact-topbg{
background: #F2B2B2;
padding: 200px 0 100px 0;
}
.contact-topbg h3{
color: #fff;
font-size: 41px;
}
.contact-topbg p{
font-size: 20px;
line-height: 30px;
margin: 0;
color: #fff;
}
.contact-topbg p a{
color: #fff;
}
.mapbg{
margin-top: -100px;
overflow: hidden;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
}
.contactformbg{
padding-top: 60px;
}
.contactformbg h3{
color: #0f0f0f;
font-size: 38px;
text-align: center;
margin: 0 0 25px 0;
}
.contactformbg h5{
color: #F2B2B2;
line-height: 26px;
font-size: 17px;
text-align: center;
margin: 0 0 55px 0;
}
.contactform{
padding: 35px;
background: #fff;
box-shadow: 0 0 15px #ccc;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
}
.contactform label{
display: block;
color: #F2B2B2;
font-size: 20px;
margin: 0 0 12px 0;
}
.contactform .form-control{
height: 65px;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
font-size: 20px;
color: #000;
}
.submitbtn{
color: #fff;
font-size: 20px;
text-align: center;
width: 100%;
background: #F2B2B2;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
padding: 18px 0;
border: none;
}
.doulabookingbg{
padding-top: 50px;
}
.doulabookingbg-left h2{
font-size: 38px;
color: #0f0f0f;
}
.doulabookingbg-left img{
width: 100%;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
}
.doulabookingbg-left p{
font-size: 17px;
line-height: 26px;
color: #000;
}
.doulabookingbg-right{
background: #F2B2B2;
padding: 30px;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
}
.doulabookingbg-right h1{
font-size: 38px;
color: #fff;
margin-bottom: 35px;
}
.doulabookingbg-right label{
color: #fff;
font-size: 20px;
margin-bottom: 12px;
display: block;
}
.doulabookingbg-right .form-control{
height: 65px;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
background: #fff;
border: none;
font-size: 20px;
color: #000;
padding: 0 30px;
}
.doulabookingbg-right .form-check-input{
width: 28px;
height: 28px;
margin-top: 0;
}
.doulabookingbg-right .form-check-label{
margin-left: 15px;
}
.doulabookingbg-right .checkgrp{
display: inline-block;
margin-right: 15px;
}
.doulalisting-top{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 30px;
}
.doulalisting-top label{
color: #F2B2B2;
font-size: 20px;
margin: 0;
white-space: nowrap;
}
.sortby{
display: flex;
align-items: center;
gap: 15px;
}
.sortby a{
display: inline-block;
border: solid 1px #F2B2B2;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
color: #F2B2B2;
font-size: 20px;
padding: 15px 0;
min-width: 150px;
text-align: center;
}
.sortby a:hover, .sortby a.active{
background: #CC988B;
color: #fff;
}
.sortby .form-control{
color: #a4a3a4;
font-size: 20px;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
border: solid 1px #F2B2B2;
background-color: #f6f6f6;
height: 65px;
min-width: 255px;
}
.listingbox{
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
box-shadow: 0 0 10px #ccc;
}
.listingboxtop{
padding: 25px;
}
.listingboxbottom{
padding: 12px 25px;
border-top: solid 1px #eeeeee;
}
.listingboxtop{
display: flex;
gap: 20px;
}
.listingboxtop-left{
width: 155px;
}
.proimg{
width: 155px;
height: 155px;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
object-fit: cover;
}
.seebtn{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
min-width: 155px;
max-width: 155px;
padding: 15px 15px;
color: #fff;
border: solid 1px #F2B2B2;
background: #F2B2B2;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
font-family: "Inter", serif;
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
}
.listingboxtop-right h3{
color: #F2B2B2;
font-size: 25px;
margin: 0 0 10px 0;
}
.listingboxtop-right p{
color: #000;
font-size: 17px;
line-height: 26px;
}
.listingboxtop-right .bookingbox-bottom-left-services a{
margin: 3px 0;
}
.listingboxbottom{
display: flex;
align-items: center;
justify-content: space-between;
}
.verified{
display: flex;
align-items: center;
gap: 10px;
color: #000;
font-size: 17px;
}
.docuploadrow {
display: inline-block;
width: 49%;
}
.docuploadrow label {
display: block;
margin: 0;
background-color: #f5c2d1;
color: #F2B2B2;
font-size: 20px;
padding: 15px 35px;
border-radius: 12px;
cursor: pointer;
margin: 15px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-ms-border-radius: 12px;
-o-border-radius: 12px;
}
.editfield{
color: #e0e0e0;
font-size: 25px;
position: absolute;
right: 30px;
bottom: 12px;
}
.editfield:hover{
color: #CC988B;
}
.changepassbg-inner .form-group{
position: relative;
}
.referpatientbg{
padding-bottom: 120px;
}
.referpatientbg-inner{
background: #ffe2eb;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
overflow: hidden;
}
.referform-right{
background: none;
}
.referform-right h1{
color: #F2B2B2;
}
.referform-right label{
color: #F2B2B2;
}
.referform-right .form-control{
border: solid 2px #F2B2B2;
}
.topsocial{
display: flex;
align-items: center;
gap: 7px;
margin-top: 20px;
}
.certificationbtn{
display: flex;
background: #F2B2B2;
padding: 18px 0;
align-items: center;
justify-content: center;
font-size: 22px;
color: #fff;
gap: 25px;
border-radius: 15px;
}
.certificationbtn:hover{
background: #CC988B;
}
.servicestagbg{
padding-bottom: 120px;
}
.servicestagbg-inner{
padding: 40px 80px;
background: #fcf5f7;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
}
.servicestagbg-inner h1{
color: #F2B2B2;
font-size: 38px;
margin: 0 0 30px 0;
text-align: center;
}
.servicestagbg-inner a{
display: inline-flex;
align-items: center;
padding: 15px 20px;
color: #F2B2B2;
font-size: 17px;
background: #fff;
border: solid 1px #F2B2B2;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
margin: 7px 5px;
gap: 15px;
}
.servicestagbg-inner a:hover{
background: #CC988B;
color: #fff;
}
@media only screen and (min-width: 1141px) and (max-width: 1420px) {
.container{max-width: 1130px;}
.listdoulasbtn {margin-left: 15px !important;}
.header .nav-item{margin-left: 10px;}
.header .nav-link{font-size: 11px;}
.benefitstab .nav-link{min-width: 270px;}
}
@media only screen and (min-width: 992px) and (max-width: 1140px) {
.header .nav-item{margin-left: 10px;}
.header .nav-link{font-size: 10px;}
.listdoulasbtn {margin-left: 5px !important;}
.navbar-brand img{width: 75px;}
.benefitstab .nav-link{min-width: inherit;}
.location h1{font-size: 35px;}
.location p{font-size: 24px;}
.location{flex-direction: column; justify-content: center; text-align: center;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header .nav-item{margin: 10px 0;}
.listdoulasbtn{margin-left: 0!important;}
.header{position: inherit;}
.bannerbg-text h1{margin-top: 0;}
.helpwithbox-text h5{font-size: 17px;}
.helpwithbox-text h4{font-size: 21px;}
.servicebox a h3{font-size: 18px;}
.footer-mid{display: block;}
.footermidright {min-width: 100%; max-width: 100%;}
.benefitstab .nav-link{min-width: inherit; font-size: 15px;}
.location h1{font-size: 35px;}
.location p{font-size: 24px;}
.location{flex-direction: column; justify-content: center; text-align: center;}
.innerbannerheading{padding: 50px 0;}
.bookingbox-bottom{display: block;}
.bookingbox-bottom-left{flex-direction: column; text-align: center;}
.bookingbox-bottom-left-name{display: block;}
.bookingbox-bottom-left-date{display: block;}
.bookingbox-bottom-left-datebox{flex-direction: column; margin: 10px 0;}
.bookingbox-bottom-left-services p{margin: 0;}
.bookingbox-bottom-left-services a{margin: 4px;}
.bookingbox-bottom-right{margin-top: 20px;}
.bookinghistory-nav{padding-right: 10px;}
.bookinghistory-nav li a span{width: 25px;}
.changepassbg-inner label{font-size: 16px;}
.contact-topbg{padding-top: 50px;}
.sortby a{min-width: 130px;}
.sortby .form-control{min-width: 200px;}
.servicestagbg-inner{padding: 20px;}
}
@media only screen and (max-width: 767px) {
.header .nav-item{margin: 10px 0;}
.listdoulasbtn{margin-left: 0!important;}
.header{position: inherit;}
.bannerbg-text h1{font-size: 17px; margin-top: 0; margin-bottom: 10px;}
.bannerbg-text p{font-size: 11px;}
.bannerbg-text .readmorebtn{font-size: 12px; padding: 10px 15px;}
.helpwithboxshadow::before{display: none;}
.helpwithbox{flex-direction: column; text-align: center;}
.benefitstab .nav-tabs{display: block;}
.benefitstab .nav-link{min-width: 100%; margin: 5px 0;}
.happycustomersbg-inner{display: block;}
.happycustomers{margin: 15px 0;}
.happycustomers span{left: auto;}
.testimonialbg-inner{padding: 20px 15px;}
.footer-mid{display: block;}
.footermidright {min-width: 100%; max-width: 100%;}
.footer-bottom{gap: 5px; font-size: 11px; justify-content: center;}
.location h1{font-size: 35px;}
.location p{font-size: 24px;}
.missionbg h1{font-size: 35px;}
.innerbannerheading{padding: 50px 0;}
.bookingbox-bottom{display: block;}
.bookingbox-bottom-left{flex-direction: column; text-align: center;}
.bookingbox-bottom-left-name{display: block;}
.bookingbox-bottom-left-date{display: block;}
.bookingbox-bottom-left-datebox{flex-direction: column; margin: 10px 0;}
.bookingbox-bottom-left-services p{margin: 0;}
.bookingbox-bottom-left-services a{margin: 4px;}
.bookingbox-bottom-right{margin-top: 20px;}
.changepassbg-inner label{font-size: 16px;}
.changepassbgbtns{flex-direction: column;}
.contact-topbg{padding-top: 50px;}
.doulalisting-top{display: block;}
.sortby{display: block;}
.doulalisting-top label{display: block; margin: 15px 0;}
.sortby a{min-width: 140px;}
.listingboxtop{display: block; text-align: center;}
.listingboxtop-left{width: 100%;}
.seebtn{display: inline-flex;}
.topsocial{margin-top: 0;}
.topsocial img{width: 20px;}
.bannerbg-text p{margin-bottom: 3px;}
.servicestagbg-inner{padding: 20px;}
}
.singlebannerbg{
min-height: 670px;
background: url(../images/singlebannerbg.jpg) no-repeat right bottom #eeebe6;
}
.singledoulaimg{
position: absolute;
right: 5%;
bottom: 0;
height: 100%;
display: flex;
align-items: end;
justify-content: end;
}
.singledoulaimg img{
width: auto;
}
@media only screen and (min-width: 768px) and (max-width: 1140px) {
.singlebannerbg .bannerbg-text{position: inherit; padding-top: 25px;}
.singlebannerbg{background-size: 100% auto; min-height: 430px;}
.singledoulaimg img{max-height: 250px;}
}
@media only screen and (max-width: 767px) {
.singlebannerbg .bannerbg-text{position: inherit; padding-top: 25px;}
.singlebannerbg{background-size: 100% auto; min-height: 430px;}
.singledoulaimg{width: 100%; right: 0; justify-content: center;}
.singledoulaimg img{max-height: 250px;}
}
/*** 17 Feb ***/
.getstartedbg{
padding-bottom: 100px;
}
.getstartedbg-inner{
background: #ffe0e8;
padding: 70px;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
}
.getstartedbg-inner h1{
color: #F2B2B2;
font-size: 35px;
font-weight: 400;
margin: 0;
}
.getstartedbg-inner p{
color: #141414;
font-size: 22px;
line-height: 30px;
margin: 0;
}
.ourservicesbg{
padding-bottom: 70px;
text-align: center;
}
.ourservicebox img{
width: 100%;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
}
.ourservicebox h3{
color: #F2B2B2;
font-size: 25px;
font-weight: 400;
margin: 20px 0 15px 0;
}
.ourservicebox p{
color: #000;
font-size: 17px;
line-height: 26px;
}
/*** 18 Feb ***/
.open-button {
background-color: #F2B2B2;
color: white;
cursor: pointer;
opacity: 1;
position: fixed;
bottom: 23px;
right: 28px;
width: 60px;
height: 60px;
border-radius: 50%;
display: flex
;
justify-content: center;
align-items: center;
font-size: 30px;
}
.chat-popup {
display: none;
position: fixed;
bottom: 0;
right: 15px;
border: 3px solid #f1f1f1;
z-index: 9;
padding-top: 25px;
background: #fff;
}
.form-container {
max-width: 300px;
padding: 10px;
background-color: white;
}
.form-container textarea {
width: 100%;
padding: 15px;
margin: 5px 0 22px 0;
border: none;
background: #f1f1f1;
resize: none;
min-height: 200px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
}
.form-container textarea:focus {
background-color: #ddd;
outline: none;
}
.form-container .btn {
background-color: #F2B2B2;
color: white;
padding: 16px 20px;
border: none;
cursor: pointer;
width: 100%;
margin-bottom:10px;
}
.form-container .cancel {
background-color: red;
}
.form-container .btn:hover {
background-color: #CC988B;
}
.chat-popup .close{
color: #000;
position: absolute;
right: 10px;
top: 10px;
}
/*** 21 Feb ***/
.availabiltybg{
background: #F2B2B2;
padding: 30px;
border-radius: 15px;
}
.availabiltybg .nav-tabs{
border: none;
justify-content: center;
gap: 20px;
margin-bottom: 25px;
}
.availabiltybg .nav-link{
background: #fea2be;
color: #fff;
border-radius: 10px;
font-size: 20px;
margin: 0;
min-width: 180px;
}
.availabiltybg .nav-tabs .nav-link.active{
color: #F2B2B2;
}
.radiogrp .form-switch .form-check-input{
border-color: #F2B2B2;
}
.radiogrp .form-check-input:checked{
background-color: #F2B2B2;
}
.timeingrow{
display: none;
}
.timeingrow.show{
display: block;
}
.timeingrowinner{
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-top: 20px;
padding-top: 20px;
border-top: solid 1px #ccc;
}
.myCalendar.nao-month td {
padding: 15px;
}
.myCalendar .month-head>div,
.myCalendar .month-head>button {
padding: 15px;
}
.calenderbg{
background: #fff;
padding: 20px;
border-radius: 15px;
}
.selectdate{
margin-top: 20px;
}
.selectdate label{
font-weight: 600;
display: block;
}
/*** 19 June ***/
.navbar-brand img{
max-width: 100px;
}
.footerabout img{
max-width: 100px;
}
#newsletterModal .modal-content{
overflow: hidden;
}
#newsletterModal .btn{
background: #F2B2B2;
padding: 20px 25px;
font-weight: 600;
border: none;
font-size: 18px;
display: flex;
justify-content: center;
gap: 15px;
align-items: center;
}
.footerregisterbtn{
margin-bottom: 150px;
}
.footerregisterbtn-inner{
background: #f0f0f0;
text-align: center;
padding: 40px 15px;
border-radius: 15px;
box-shadow: 0 0 15px #ccc;
}
.footerregisterbtn-inner h2 {
font-size: 38px;
color: #000;
}
.footerregisterbtn-inner h2 span{
color: #F2B2B2;
}
.service-img{
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.service-img {
max-width: 100%;
height: auto;
border-radius: 8px;
opacity: 1;
transition: opacity 0.5s ease-in-out;
}
#servicesAccordion .accordion-button:not(.collapsed){
background-color: #F2B2B2;
color: #000;
}
#servicesAccordion .accordion-body{
text-align: left;
}
#servicesAccordion .accordion-body a{
color: #F2B2B2;
font-weight: 600;
text-transform: uppercase;
font-size: 15px;
text-decoration: underline;
}
#servicesAccordion .accordion-button{
font-size: 18px;
}
.shadowimg{
position: absolute;
left: -50px;
top: -110px;
z-index: -9;
}
#newsletterModal .modal-body{
padding: 25px;
text-align: center;
}
#newsletterModal h2{
font-size: 30px;
font-weight: 600;
margin: 30px 0 20px 0;
}
.spanfreetext{
text-align: center;
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
margin-top: 25px;
}
.spanfreetext .fa{
color: #22c55e;
}
#newsletterModal .form-control{
min-height: 60px;
border: solid 2px #ccc;
}
#newsletterModal .btn-close{
position: absolute;
right: 25px;
top: 25px;
}
@media only screen and (max-width: 767px) {
.shadowimg{display: none;}
.spanfreetext{flex-direction: column;}
}
#servicesAccordion .accordion-button {
box-shadow: none;
}
.impact-section {
padding: 60px 0;
background-color: #f9f9f9;
}
.impact-heading h3 {
font-size: 32px;
font-weight: bold;
margin-bottom: 15px;
color: #333;
}
.impact-heading p {
font-size: 18px;
color: #666;
margin-bottom: 30px;
}
.impact-box {
background: #fff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
margin: 15px 0;
text-align: center;
height: 250px; /* Fixed height for all boxes */
display: flex;
flex-direction: column;
justify-content: center;
}
.circle-loader {
position: relative;
width: 120px;
height: 120px;
margin: 0 auto 15px;
}
.circular-chart {
width: 100%;
height: 100%;
}
.circle-bg {
fill: none;
stroke: #eee;
stroke-width: 3.8;
}
.circle {
fill: none;
stroke: #3E5D60;
stroke-width: 3.8;
stroke-dasharray: 100, 100;
stroke-linecap: round;
animation: progress 1.5s ease-out forwards;
}
.circle-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 20px;
font-weight: bold;
color: #333;
}
@keyframes progress {
0% {
stroke-dasharray: 0, 100;
}
}
@media (max-width: 768px) {
.impact-heading h3 {
font-size: 28px;
}
.impact-heading p {
font-size: 16px;
}
.circle-loader {
width: 100px;
height: 100px;
}
.circle-text {
font-size: 18px;
}
.impact-box {
padding: 15px;
height: 220px !important; /* Adjust height slightly for smaller screens */
}
.bannerbg-text p{
width: 100%;
}
}
@media (max-width: 576px) {
.impact-heading h3 {
font-size: 24px;
}
.impact-heading p {
font-size: 14px;
}
.circle-loader {
width: 80px;
height: 80px;
}
.circle-text {
font-size: 16px;
}
.impact-box {
padding: 10px;
height: 250px !important; /* Maintain height for mobile */
}
}
/* CSS for Styling the Carousel Section */
#cplogo .owl-item{
min-height: 200px;
border-radius: 15px;
overflow: hidden;
display: flex;
align-items: center;
padding: 25px;
}
#cplogo img {
max-width: 100%;
height: auto;
display: block;
}
#cplogo .owl-dot.active span, #cplogo .owl-dots .owl-dot:hover span{
background: #F2B2B2!important;
}
#cplogo .owl-dots .owl-dot span{
border: solid 1px #F2B2B2!important;
}
/**
.carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%233C5E5F'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}
.carousel-control-prev-icon{
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%233C5E5F'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") !important;
}
**/
.bannerbg-text{
background: rgba(0, 0, 0, 0.4);
}
.cplogo ul{
padding: 0;
margin: 0;
text-align: center;
display: block;
}
.cplogo ul li {
list-style: none;
display: inline-flex;
align-items: center;
border: solid 1px #ccc;
padding: 15px;
border-radius: 15px;
min-height: 165px;
vertical-align: middle;
width: 22%;
margin: 1%;
}
header.sticky{
position: fixed;
top: 2px;
}
@media only screen and (max-width: 767px) {
.cplogo ul{grid-template-columns: repeat(3, 1fr); gap: 10px;}
.bannerbg .carousel-indicators{display: none;}
.cplogo ul li{min-height: inherit;}
.cplogo ul li:last-child {grid-column: inherit;}
.cplogo ul li{width: 30%;}
}