@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');
*{ margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; outline:none;}
html,body{font-family: "Red Hat Display", sans-serif;  color:var(--bodytextcolor);font-size:18px; font-weight: 500; margin: 0;padding: 0;}
img{ max-width:100%;}
a,a:focus,a:visited,a:hover{outline:none;text-decoration:none;transition:all linear .2s;-o-transition:all linear .2s;-ms-transition:all linear .2s;-moz-transition: all linear .2s;-webkit-transition:all linear .2s;}
p{margin-bottom:15px;line-height: 1.8;}
p:empty{display:none;}
ul{margin:0;padding:0;list-style:none;}
h1, h2, h3, h4, h5, h6{margin: 0;padding: 0;font-family: "Red Hat Display", sans-serif; font-weight: normal;color: var(--titletextcolor);}
h1{font-size: 64px;font-weight:600; line-height:84px;}
h2{font-size: 55px;font-weight:600; line-height:75px;}
h3{font-size: 30px;font-weight:600; line-height:35px;}
h4{font-size: 37px;font-weight:700;}
h5{font-size: 30px;font-weight:500;}
/*== Variables ==*/
:root {
  --Bgcolor: #F8F6F4; 
  --BrownColor: #B7966B;
  --BrowndarkColor: #946D42;
  --bodytextcolor: #6D6E87; 
  --titletextcolor: #57514A;
  --graycolor: #F8F8F8;; 
  --White: #fff; 
  --InputBg: #F8F8F8; 
  --InputBorder: #B4B4B4; 
  --InputBorderFocus: #CB4C1A; 
  --ForgotLink: #B7966B; 
  --BorderRadius: 10px; 
  --FontSize25: 25px; 
  --FontSize20: 20px; 
  --FontSize40: 40px; 
  --smallfontSize: 16px; 
  --email-font-size: 17px;
  --DashPText: #8B8B8B; 
}
html,body {overflow-x: hidden;}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {-moz-appearance: textfield;}
input, textarea, button{font-family: "Roboto Slab", serif;color:var(--bodytextcolor);font-size: var(--FontSize24);font-weight: 300;border-radius: var(--BorderRadius);background-color: var(--InputBg);border-width: 1px; border-style: solid; border-color: var(--InputBorder);padding: 10px 15px;}
input:focus, textarea:focus{border-color: var(--InputBorderFocus);}
a.read-more{color:#303030; text-decoration: underline; font-size: var(--email-font-size);font-weight:500;}
a.read-more img{margin-left: 10px;}
a.read-more:hover{text-decoration: none;color:var(--yellowColor);}
a.read-more:hover img{margin-left: 15px;}
.top-title { position: relative;}
.top-title .top-anchor {position: absolute;top: -80px; left: 0; height: 1px; background: transparent; pointer-events: none;}

/*Globle Button*/
.globlebtn{width:260px; height: 63px; line-height: 2.4em; font-size: 19px; background-color:var(--BrownColor); color:var(--White); border-color:var(--BrowndarkColor); font-weight: 700; font-family: "Red Hat Display", sans-serif; border-radius: 60px;}
.globlebtn:hover {background-color:var(--BrowndarkColor); color:var(--BrownColor);border-color:var(--BrowndarkColor); color:var(--White)}

/*Header*/
.main-menu {  position: relative;  z-index: 1;}
.main-menu .navbar-nav .nav-link {font-size: 20px; font-weight: 600;}
.main-menu .globlebtn {width: 146px; height: 55px; line-height: 2.1em;}
.main-menu .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {color:var(--BrownColor);}
.main-menu .navbar-nav .nav-link:hover {color:var(--BrownColor);}
#ct {
  position: relative;
}
/*footer*/
.top-footer {clear: both; background-color:var(--Bgcolor); position: relative; padding-top:20px; padding-bottom: 10px;}
.copyright {border-top: 2px solid #BD9A7F;}
.top-footer p {font-size:16px;line-height:28px;color:var(--bodytextcolor); padding-right: 15px;}
.copyright p {font-size:15px;font-weight: 500;color:var(--titletextcolor); margin-bottom: 0px;}
.top-footer ul li {font-size: 16px; font-weight: 500; line-height: 30px;}
.top-footer ul li a {color: var(--bodytextcolor); line-height: 30px; font-size: 16px;}
.top-footer h4 {line-height: 32px; font-weight: 600; font-size: 24px;}
.by-brown {color: #B38B6D;}
.top-footer ul li a:hover { color:var(--BrownColor);}
.mapes { position: relative;}
.mapes:after { content: ''; border: 1px dashed rgb(0 0 0 / 50%); height: 85px; position: absolute; right: 0px; top: 24px; height: 92%;}
.social-icon a:hover { filter: invert(1);}
/* .top-footer .container {
  padding-bottom: 65px !important;
} */	

/*Home*/
.make {background-color:#FBF4EB; border-radius:70px; padding:90px 65px; width:45%;}
.main-bannner img {width:100%;}
.make h1 {margin-top:20px;
        margin-bottom:50px !important;
        font-size:52px;
        line-height:62px;}
.make .sub-heading {
    margin:0 0 20px;
    padding:0;
    font-family:"Red Hat Display", sans-serif;
    font-weight:400;
    color: var(--titletextcolor);
    font-size:22px;
    line-height:32px;}	
.main-bannner-right {width:55%;}
.subtittle { font-size: var(--FontSize25); color: var(--titletextcolor); font-weight:500;}
.make .by-brown {text-decoration-thickness:3px;}
.make .globlebtn {width:235px;}

/*let*/
.let p {font-size: var(--FontSize20);color: var(--bodytextcolor);font-weight: 500;line-height: 34px;}
.let h2 {font-size:30px; line-height:48px;}

/**childcare*/
.child-care-box img { margin-bottom: 30px;}
.child-care-box {position: relative;text-align: center;}
.child-care-box:before { content: ""; display: block; position: absolute; left: 0; width: 1px; height: 14vh; border-left: 1px dashed #adadad;}
.fourboxes .col.child-care-box:nth-child(1):before { display: none;}
.fourboxes {margin: 0 -100px;}

/*menuservices*/
.menu-box {background: linear-gradient(180deg, rgba(255,242,237,1) 0%, rgba(255,255,255,1) 100%);padding-top:60px;padding-bottom:70px;border-radius: 135px 135px 0px 0px;}
.menu-box h3 {margin-top: 35px;margin-bottom: 15px;}
.bnt-read {font-size: 18px; color: var(--titletextcolor); font-weight: 500; display: block; padding-top: 10px;}
.bnt-read img {margin-left: 6px;}
.menu-box p {line-height: 30px;color: var(--bodytextcolor);}
.menu-box-inner p {height:115px;}
:hover.bnt-read {filter: invert(1);}
.menu-box-inner p {padding-right: 22px;}
.menu-box-p {font-size: 20px;}
.menu-box-inner picture img {border: 5px solid #fff5f2;border-radius: 40px;}
:hover.menu-box-inner picture img {border: 5px solid #FFE3D8;}

/*whyuse*/
.why-use {background-color: #F9F6F1; padding-top:70px;padding-bottom:230px;}
.why-use h2 {font-size:30px; line-height:48px;}
.com-records {display:flex; flex-wrap:wrap;}
.com-records li {position:relative; padding:1em 1em 0; flex:0 0 auto; width:25%; text-align: center; line-height:24px; color:var(--titletextcolor); font-weight:600;
    font-size:17px;}
.com-records li .sub-text {display:block;
    font-size:14px;
    font-weight:500;
    line-height:22px;
    padding:5px 0 0;
    color:#6D6E87;}	
.com-records li:after {border-right: 1px dashed #CECECE;width: 2px;height:140px;position: absolute;right: 0;content: "";top: 25px;}
.com-records li:last-child:after {display: none;}
.why-use-row { margin: 0 -75px;}
.why-use p {font-size: var(--FontSize20);line-height: 30px;}

/*ifyoue*/
.if-you .container {/*background-image: url(../images/long-shot-men-working-together.png);background-size: cover;background-position: initial;background-repeat: no-repeat;*/height: 40vh; border-radius: 50px; position: relative; overflow: hidden; background-image: unset !important;}
.if-you h2 { width:55%; margin:0 auto; color: var(--titletextcolor); line-height:48px; padding-top:80px; padding-bottom: 30px; position: relative; z-index: 9;}
/*.if-you .container:after { content: ''; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background-image: url(../images/blck-gradient.png); z-index: 8; }*/
.if-you { margin-top: -235px;}
.if-you .globlebtn {  position: relative; z-index: 9; width: 230px;}

/*.how-work*/
.how-work { padding-top:70px; padding-bottom:70px;}
.how-work-box {position: relative;padding: 0px 28px;}
.how-work-box p {line-height: 25px; font-size:16px;}
.how-work-box p br {display:none;}
.how-work-box h3 {margin-top:35px; margin-bottom:10px; font-size:20px;}
.how-work-box:after {content:''; border:1px dashed #CECECE; position:absolute; right:-8px; top:0px; height:185px;}
.how-work h2 {margin-bottom:70px; font-size:42px;}
.how-work-box:last-child:after {display:none;}
.quick h5.mb-2 {font-size:18px; font-weight:600;}

/* contact */
.menu-boxs {background: linear-gradient(180deg, rgba(255, 242, 237, 1) 0%, rgba(255, 255, 255, 1) 100%); padding-top:70px;padding-bottom:70px;border-radius: 135px 135px 0px 0px;}
.menu-boxs input {border: 1px solid transparent;box-shadow: unset;border-radius: unset;display: inline-block;border-bottom: 1px solid #57514A;background-color: unset;font-size: 20px;font-weight: 600;font-family: "Red Hat Display", sans-serif;line-height: 1.8;padding-left: 45px;padding-bottom: 15px;}
.menu-boxs input:focus {box-shadow: none;background-color: unset;border: 1px solid transparent;border-bottom: 1px solid rgba(87, 81, 74, 1);}
.menu-boxs textarea:focus {box-shadow: none;background-color: unset;border: 1px solid transparent;border-bottom: 1px solid rgba(87, 81, 74, 1);}
.menu-boxs textarea {border: 1px solid transparent;box-shadow: unset;border-radius: unset;display: inline-block;border-bottom: 1px solid #57514A;background-color: unset;font-size: 20px;font-weight: 600;font-family: "Red Hat Display", sans-serif;line-height: 1.8; padding-left: 45px;}
.menu-boxs .btn-submit {background-color: #B38B6D;color: #fff;border-radius: 50px;padding: 18px 12px;font-family: "Red Hat Display", sans-serif;font-size: 20px;font-weight: 700;text-align: center;border: 1px solid #946D42;width: 173px;margin: 45px auto 30px;display: block;}
.menu-boxs input::placeholder {color: #6D6E87;}
.menu-boxs textarea::placeholder {color: #6D6E87;}
.menu-boxs :hover.btn-submit  {background: #946D42;}
.menu-boxs form {box-shadow: 0px 4px 34px 0px #0000000F;background-color: #fff;border: 1px solid #FFF2ED;padding: 40px 70px;border-radius: 40px;}
.menu-boxs .form-inner {position: relative;}
.menu-boxs .form-inner .svg-icon { position: absolute;top: 10px;left: 28px;}
.message {text-align:center;}
.error-message{ color: #cd1414}
.frequency_msg, .slot_not_found_msg {clear:both;
    padding:5px 10px;
    margin:10px 15px;
    color:#946D42;
    background:#e6d8c5;
    border-color:#946D42;}
.displayNone{display:none!important}
.modalbox-footer {text-align: center; clear:both; margin-top: 20px;}
.fluid_btn{background-color: #003b46;  border: 1px solid #003b46;}
.fluid_btn:hover{border: 1px solid #003b46;  color:#ffffff; background-color: #187d90}
.modalbox-header{margin-bottom: 15px; text-decoration: underline;}
.mapes h5.mb-2 {
    font-size: 18px;
    font-weight: 600;}
.mapes img.mt-2 {
    margin-top: 0 !important;
    max-width: 40px;
    vertical-align: top;
    line-height: 1;
    max-height: 40px;}	
.menu-box h2.mb-3 {line-height:54px; font-size:42px;}	
section.let {padding-top: 20px;}	
body.contact-cms h2.text-center {font-size:42px; line-height:54px;}
.terms-cms {margin-top: 20px;}
.menu-box .terms-cms h3 {
    margin:10px auto 30px;
    font-size: 22px;
    line-height: 30px;
    text-decoration: none;}
.terms-cms .content-para {
    display: block;
    margin: 0 0 25px;
    padding: 10px 20px;
    background: #fff;
    border-radius: 10px;
    border-bottom: 3px solid #eee;}	
.terms-cms .content-para h4 {
    font-size:19px; line-height:24px;
    margin: 10px auto;
    padding: 0;
    display: block;}	
.terms-cms p {font-size:15px; line-height:24px; font-weight:500;}	









/*booking*/

.booking_banner .booking_banner_inner {background: #FBF4EB;border-radius: 40px;}
.booking_mother .booking_mother_left {background: #F7F7F7;box-shadow: 0px 4px 34px 0px #0000000F;border: 1px solid #F8E4DD;border-radius: 40px;}

.title_selct {font-size: 22px; font-weight: 700;line-height: 1.5;}
.select_city {border: 1px solid #C7C7C7;background: #fff;border-radius: 5px;}
.week_available {border: 1px solid #C7C7C7;background: #fff;border-radius: 5px;}
.button-checkboxes {display: flex;flex-wrap: wrap;gap: 15px;}
.hidden-checkbox {display: none;}
.checkbox-button {display: inline-block;padding: 10px 15px;border: 1px solid #B6B6B6;background-color: #F7F7F7;cursor: pointer;border-radius:10px;width: 32%;transition: background-color 0.3s, color 0.3s, border-color 0.3s;}
.checkbox-button:hover {background-color: #f5f5f5;}
.hidden-checkbox:checked + .checkbox-button {background-color: #FBF4EB;color: #fff;border-color: #B7966B;box-shadow: 0px 4px 14px 0px #00000033;}
.hidden-checkbox:checked + .checkbox-button:hover {background-color: #FBF4EB;color: #fff;border-color: #B7966B;box-shadow: 0px 4px 14px 0px #00000033;}

.week_box ul li {font-size: 16px;font-weight: 500;line-height: 1.8;color: #57514A;}
.week_box .lable-title {font-size: 18px;font-weight: 700;line-height: 1.5;margin-bottom: 5px;color: #57514A;display: block;}
.btn-next {font-size: 20px;font-weight: 500;line-height: 1.5;color: #B7966B;text-decoration: underline;}


.booking_mother_right {background: #FBF4EB;border: 1px solid #B7966B;box-shadow: 0px 4px 36px 0px #0000000F;border-radius: 40px;}
.booking_mother_right ul li {font-size: 18px;font-weight: 700;line-height: 30px;color: #57514A;}
.booking_mother_right ul li .list-mother {font-size: 18px;font-weight: 600;line-height: 1.8;color: #6D6E87;}
.booking_mother_right ul li .list-city {display: inline-block;width: 80px;}


@media (min-width: 1560px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1450px;}
}



@media (max-width: 1559px) {
  html,body{font-size:17px;}
    h1{font-size: 58px; }
    h2 {font-size:30px; line-height: 48px;}
    h3{font-size: 23px; }
    h4{font-size: 24px; }
    h5{font-size: 20px;} 
  .main-menu .navbar-nav .nav-link { font-size: 18px;}
  .main-menu .globlebtn { width: 140px;}
  .make h1 { margin-top: 20px; margin-bottom:35px !important;}
  .com-records li {padding:1em 1em 0;}
  .why-use-row {margin: 0 -55px;}
  :root {
   --FontSize25: 24px; 
  --FontSize20: 18px; 
  }
  .copyright p {font-size:15px;}
  .make { padding: 80px 50px;}
  
  }

@media (max-width: 1440px) {
html,body{font-size:17px;}
  h1{font-size: 55px; }
  h2{font-size: 40px; }
  h3{font-size: 26px; }
  h4{font-size: 24px; }
  h5{font-size: 20px;} 
.main-menu .navbar-nav .nav-link { font-size: 18px;}
.main-menu .globlebtn { width: 140px;}
.make h1 { margin-top: 20px; margin-bottom: 35px;}
.com-records li {padding:0em 1em 0;}
.why-use-row {margin: 0 -55px;}
:root {
 --FontSize25: 23px; 
--FontSize20: 18px; 
}

.make { padding: 80px 50px;}

}

@media (max-width: 1380px) {
  html,body{font-size:17px;}
  h1{font-size: 52px; line-height: 65px; }
  h2 {font-size:30px; line-height:48px;}
  h3{font-size: 24px; }
  h4{font-size: 24px; }
  h5{font-size: 20px;} 
.main-menu .navbar-nav .nav-link { font-size: 18px;}
.main-menu .globlebtn { width: 140px;}
.make h1 {margin-top: 20px; margin-bottom:40px !important; font-size:46px;
        line-height:60px;}
.com-records li {padding:1em 1em 0;}
.why-use-row {margin: 0 -55px;}
:root {
 --FontSize25: 22px; 
--FontSize20: 17px; 
}
.copyright p {font-size:15px;}
.make { padding:60px 50px;}
.child-care {padding-top: 50px;}
.main-menu .navbar-brand img {width: 245px;}
.menu-box-inner p {height:115px; font-size:16px;}
 }

@media (max-width: 1280px) {}

@media (max-width: 1200px) {
.main-bannner img {height: 58vh;}
h1 {font-size: 40px;line-height: 65px;}	
.menu-box-inner p {height: 165px;}
.how-work-box:after { height: 230px;}
.com-records li {padding: 1em 1em 0;}
}

@media (max-width: 992px) {
  h1{font-size: 48px; }
  h2{font-size: 30px; line-height: 62px;} 
  .top-footer h4 br{display:none;}
  .make {width: 100%; padding:40px;}
  .main-bannner-right { width: 100%;margin-top: 50px; padding-left: 0px !important;}
  .menu-box-inner p { height: 250px;}
  .fourboxes { margin: 0 0px;}
  .why-use-row {margin: 0 0px; padding-top: 0px !important;}
  .com-records li { padding: 1em 1em 0; width: 32.6%; padding-bottom: 30px;padding-top: 29px;}
  .how-work-box:after {height: 230px;}
  .com-records li:after {height: 80px;}
   .main-menu .navbar-collapse {position:absolute;
        top:95px;
        width:94%;
        left:0px;
        background-color:#63503d;
        padding:0;
        z-index:99;
        margin:0 auto;
        right:0;}
.main-menu {position:relative;}
.main-menu .navbar-nav .nav-link {padding-left:15px; padding-right:15px; border-bottom:1px solid #b7966b; color:#fff; font-size: 16px;
        font-weight: normal;}
.main-menu .navbar-nav li {margin:0px!important;}
.main-menu .globlebtn {width:auto; background-color:unset; border:none; height:auto; padding:0px; font-size:18px; font-weight:500; padding-left:30px;}
.main-menu .navbar-collapse .navbar-nav {margin: 0px auto !important;
        display: block !important;
        width: 100%;
        padding: 0;
        position: relative !important;
        background:#63503d;
        left: 0 !important;
        top: 0 !important;
        transform: none !important;}
.main-menu .navbar-collapse a.globlebtn {
    display: block;
    width: 100% !important;
    text-align: left;
    padding:5px 15px;
	font-size: 16px;
    font-weight: normal;}		
.navbar-toggler:focus {box-shadow: 0 0 0 0.10rem !important;}	
.com-records li:nth-child(3):after {display: none;}
.main-bannner {padding-top: 0px!important;}
.if-you h2 {width: 58%;line-height: 45px;}
.why-use h2 {line-height: inherit;}
.how-work-box {width: 50%;margin-top: 20px;}
.how-work-box:last-child:after { display: none;}
.how-work-box:nth-child(2):after { display: none;}
.if-you .container {height: 45vh;}
.main-bannner img {height: auto;}

.container-fluid.px-5 {
    padding-left:1.5rem !important;
    padding-right:1.5rem !important;}

.subtittle {font-size:18px;}
.make h1 {
        margin-top:10px;
        margin-bottom:40px !important;
        font-size:32px;
        line-height:44px;}
.make .globlebtn {
    width:auto;
    min-width:160px;
    height:50px;
    line-height:48px;
    padding:0 15px;
    font-size:16px;
    font-weight:500;}
.menu-box {padding-top:50px;
    padding-bottom:50px;}
.why-use { 
    padding-top:50px;
    padding-bottom:30px;}				
.if-you {margin-top:0;}
.how-work {
    padding-top:50px;
    padding-bottom:50px;}

.top-footer {padding-top:10px;
    padding-bottom:10px;}	
.top-footer .py-5 {padding-top:2rem !important;
    padding-bottom:2rem !important;}
.top-footer .col-md-7.ps-3 {
    margin-left:3.33333333%;
    width:63.333333%;}
.top-footer .py-5 .mapes {
    width:100%;
    flex:none;}		
.top-footer .py-5 .quick {
    margin-left:0;
    width:100%;}		
.mapes:after {display:none;}	
.how-work h2 {margin-bottom:20px;}
nav.navbar.py-4 {padding-top:1rem!important; padding-bottom:1rem!important;}
.login-form-container, .forget-form-container, .staff-form-container {width:90%;}

body.contact-cms .menu-boxs {padding-top: 30px;
        padding-bottom: 60px;
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 15px !important; 
		border-radius:50px 50px 0px 0px;}
body.contact-cms .menu-boxs form {padding:0 40px 20px; border-radius:40px;}	
body.contact-cms .menu-boxs h2.mb-5 {margin-bottom: 1rem !important;}	


}


@media (max-width: 767px) {
  .mapes:after { display: none;}
  .mapes .col-md-10.ps-0 {padding-left: 12px!important;}
  .top-footer .row:nth-child(2) {padding-top: 8px !important;padding-bottom: 0px !important;}
  .if-you h2 {width:90%; line-height:38px; padding-top:125px;}
  .com-records li:after { top: 0px;}
.com-records {align-items:center; padding-left:0; padding-right:0;}
  .menu-box-inner p { height: auto;}
  .fourboxes { margin: 0px;justify-content: center;}
  .how-work-box:last-child:after { display: none;}
.how-work-box:nth-child(2):after,
.how-work-box:nth-child(3):after,
.how-work-box:nth-child(1):after {display:none;}
.mapes .col-md-2 img {margin-bottom:10px; text-align:left; max-width:fit-content;}
.main-bannner-right {width:100%; padding-right:0px;}
.make {border-radius: 50px;}
.menu-box {border-radius: 50px 50px 0px 0px;}
.how-work-box { width: 100%;}
.main-bannner img { height: auto;}

.main-menu .navbar-collapse {position:absolute; top:88px; width:92%; padding-bottom:0;}
.container-fluid.px-5 {
    padding-left:1rem !important;
    padding-right:1rem !important;}
button.navbar-toggler {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-top: 2px;}	
.main-menu .navbar-nav .nav-link {padding-left:15px; padding-right:15px; font-size:14px; font-weight:normal;}			
.main-menu .navbar-collapse a.globlebtn {padding:5px 15px; font-size:14px; font-weight:normal;}
section.let .container .col-md-5 {
    width:100%;
    padding:0;
    margin:0 0 5px;}
section.let .container .col-md-7 {width:100%;
    padding:0;
    margin:0;}	
.child-care {padding-top:20px;}	
.menu-box {padding-top:30px;
    padding-bottom:30px;
    border-radius:135px 135px 0px 0px;
    margin-left:15px;
    margin-right:15px;}
.menu-box h2.mb-3 {font-size:20px !important; line-height:24px !important; margin-bottom:10px !important;}	
.menu-box .pt-5.g-5 .col-md-4 {width:100%;
    flex:none;
    margin:0 auto 40px !important;
    text-align:center;}
.menu-box h3 {margin-top:10px; margin-bottom:5px; font-size:17px !important; line-height:24px;}	
.menu-box-inner p {height:auto;}
.subtittle {font-size:14px;}
.make .globlebtn {
        width:auto;
        min-width:130px;
        height:42px;
        line-height:40px;
        padding:0 15px;
        font-size:13px;
        font-weight:500;}
.main-bannner-right {margin-top:20px;}
section.let {padding:0 15px;}		
.let h2 {font-size:18px; line-height:26px;}
.child-care-box img {margin-bottom:20px;}
.child-care-box p {font-size:12px;}
.menu-box-p {font-size:14px; line-height:20px !important;}
.bnt-read {font-size:14px; padding-top:0;}
.why-use {padding-top:30px;}
.why-use .row-cols-auto>* {width:100%;}
.why-use h2 {line-height:30px;
        margin-bottom:0;
        font-size:18px;} 
.why-use p {line-height:24px; font-size:14px;}		
  .if-you h2 {width: 100%;
        line-height: 35px;
        padding-top: 100px;
        font-size: 22px;
        padding-left: 30px;
        padding-right: 30px;}
.if-you .globlebtn {
    position: relative;
    z-index: 9;
    width: 200px;
    font-size: 16px;
    font-weight: 500;
    height: 52px;}
.how-work {padding-top:30px; padding-bottom:30px;}			
.how-work h2 {margin-bottom:10px; font-size:20px;}
.how-work-box h3 {
    margin-top:10px;
    margin-bottom:0px;
    font-size:16px;
    line-height:28px;}
.how-work-box p {
    line-height:24px;
    font-size:14px;}
.top-footer p {
    font-size:13px;
    line-height:24px;
    padding-right:0;}	
.top-footer .col-md-7.ps-3 {margin-left:0; width:100%;}		
.top-footer h4 {line-height:22px; font-size:16px; margin-bottom:10px;}
.top-footer h5 {font-size:16px;}	
.top-footer ul li {
    font-size:13px;
    font-weight:500;
    line-height:24px;}
.top-footer ul li a {font-size:13px; line-height:24px;}	
.copyright {
    border-top:1px solid #BD9A7F;
    padding-top:10px !important;
    padding-bottom:10px !important;
    font-size:14px;}	
.com-records li {padding:0;
        width:100%;
        margin-bottom:18px;
        line-height:18px;
        font-size:14px;
        text-align:left;
        font-weight:700;}
.com-records li .sub-text {padding:0; font-size:14px;}	
.frequency_msg, .slot_not_found_msg {margin:0 auto 15px; font-size:13px; line-height:20px;} 		
body.contact-cms .menu-boxs {
        padding-top:20px;
        padding-bottom:20px;
        margin-left:15px;
        margin-right:15px;
        margin-top:15px !important;
        border-radius:30px 30px 0px 0px;}
body.contact-cms .menu-boxs form {padding:20px; border-radius:20px;}		
body.contact-cms .menu-boxs .form-inner {
    position: relative;
    flex: none;
    margin-bottom:20px;}
body.contact-cms .menu-boxs .mb-5.mt-5.gx-5 {
    margin-bottom:0rem !important;
    margin-top:0rem !important;}	
body.contact-cms .menu-boxs input {font-size: 14px; padding-left: 32px;}	
body.contact-cms .menu-boxs .form-inner .svg-icon {
    position: absolute;
    top: 3px;
    left: 28px;
    width: 24px;}
body.contact-cms .menu-boxs textarea {font-size: 14px; padding-left: 32px;}	
.make .sub-heading {font-size: 14px; line-height: 24px; margin:0 0 10px;}
.menu-boxs .btn-submit {
    background-color: #B38B6D;
    color: #fff;
    border-radius: 50px;
    padding: 15px;
    font-family: "Red Hat Display", sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    border: 1px solid #946D42;
    width: 160px;
    margin: 10px auto;
    display: block;}
.mapes h5.mb-2 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px !important;}	
.quick h5.mb-2 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px !important;}	
.top-footer .mapes .row > .col-md-2 {display:none;}	
.menu-box .terms-cms h3 {margin: 0 auto 10px;
    font-size: 16px !important;
    line-height: 24px;}
.terms-cms .content-para h4 {font-size:18px;
    line-height:22px;
    margin:10px auto;}	
.terms-cms p {
    font-size:14px;
    line-height:23px;
    font-weight:500;}	
.terms-cms .content-para {padding:5px 12px;}	


}



@media (max-width: 576px) {
.navbar-toggler-icon {width:1.2em; height:1.2em;}
.main-bannner .row { margin-right: auto; margin-left:auto;}
.make {width:100%; padding:25px; margin-bottom:0px; border-radius:25px;}
h1 {font-size:35px; line-height:55px;}
.make h1 {margin-top:0px;
        margin-bottom:10px!important;
        font-size:18px;
        line-height:26px;}
.menu-box {padding-top:30px;
        padding-bottom:10px;
        margin-top:20px !important;
        border-radius:45px 45px 0px 0px;}
.menu-box-inner p {height:auto; padding-right:0; font-size:14px; line-height:24px; margin-bottom:10px;}
h2 {font-size:20px; line-height:30px;}
  .top-footer {padding-top:25px;}
  .let p {margin-bottom:20px; font-size:14px; line-height:26px;}
  .child-care-box:nth-child(4):before {display:none;}
  .child-care-box {margin-top:40px;}
  .copyright .col-6 {width:100%; text-align:center!important; padding-bottom:10px;}
  .mapes img {margin-bottom:15px;}

  
.child-care { padding-top: 10px;}
.com-records li:nth-child(2):after,
.com-records li:nth-child(4):after {display: none;}
.com-records li:nth-child(3):after {display: block;}
.com-records li:after {right: -5px;}

.if-you h2 {
    padding-top: 0px;
  }
.if-you .container {
height: auto;
padding: 60px 0px;
}
.main-bannner {padding-top:0px!important; padding-bottom:2rem !important;}

 .fourboxes {
   
    margin-bottom: 60px;
  }

}


@media (max-width: 374px) {

.main-menu .navbar-brand {margin-right:0;}

}