@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

body{
    font-family: "Noto Sans", sans-serif;
    background:#F1F4F0;
}
h1{
    font-family: "Noto Sans", sans-serif;
    font-size: 70px;
    font-style: normal;
    font-weight: 800;
    line-height: 86px;
}
h2{
    font-family: "Noto Sans", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 2.4px;
    padding-bottom:0;
}
h3{
    font-family: "Noto Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom:0;
}

h4,h5,h6{
    font-family: "Noto Sans", sans-serif;
}
p{
    font-family: "Noto Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
a{
    font-family: "Noto Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.spray:after{
    content: "";
    display: block;
    width: 350px;
    position: absolute;
    transform: translate(32%, 30%);
    bottom: 16px;
    border-top: 2px solid #DFDFDF;
    z-index: -1;
}
.spray2:after{
    content: "";
    display: block;
    width: 350px;
    position: absolute;
    transform: translate(97%, 30%);
    bottom: 16px;
    border-top: 2px solid rgba(108, 162, 95, 1);
    z-index: -1;
}
.spray3:after{
    content: "";
    display: block;
    width: 350px;
    position: absolute;
    transform: translate(78%, 30%);
    bottom: 16px;
    border-top: 2px solid #DFDFDF;
    z-index: -1;
}

/*services*/
.pagination>li>a, .pagination>li>span{
    color: #6CA25F;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #6CA25F !important;
    border-color: #6CA25F !important;
}
.booking-option-header{
    font-size:30px!important;
}
.orphan{
    color: #2F4D28 !important;
    font-family: "Noto Sans", sans-serif;
    font-size: 26px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
}
.service-group{
    color: rgba(46, 53, 56, 0.60) !important;
    font-family: "Noto Sans", sans-serif;
    font-size: 13px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
}
.service-name{
    color: #2E3538 !important;
    font-family: "Noto Sans", sans-serif;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
}
.book-button>i, .btn-rengine>i, .orphan>i, .calendar-icon{
    display:none !important;
}
.service-book a, .button, .action-container a, .success-container a, .btn-rengine, .btn.btn-default, .secondary-button{
    padding: 18px 30px !important;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
    letter-spacing:0 !important;
    border-radius: 57px !important;
    border: 1px solid #6CA25F !important;
    color:#6CA25F !important;
    background:transparent !important;
}
.result-item, .calendar{
    border:none !important;
}
.calendar-period, .choose-calendar-period{
    background:#fff !important;
}


@media(max-width:576px){
    .box1{
        display:flex;
        flex-direction:column;
    }
    .first{
        order:1;
    }
    .second{
        order:2;
    }
    .fl{
        flex-direction:column;
    }
    .fl1{
        flex-direction:column;
        gap:20px !important
    }
    .fl2{
        display:block !important;
    }
    .nav.navbar-nav.navbar-right.flex.justify-between.items-center{
        flex-direction: column;
        align-items: start;
    }
    .spray:after, .spray2:after, .spray3:after{
        transform: translate(0%, 30%) !important;
    }

}

.separator{
  display:flex;
  align-items: center;
}

.separator .line{
  height: 2px;
  flex: 1;
  border:2px solid #DFDFDF;
}

.separator img{
  padding: 0 2rem;
}
.is-btn-ghost2, .is-btn-ghost1 {
    padding: 18px 30px !important;
    font-family: "Noto Sans", sans-serif;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
    letter-spacing:0 !important;
    border-radius: 57px !important;
}

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

.rendered-form .form-group>label {
    color: #2E3538 !important;
    font-family: "Noto Sans";
    font-size: 12px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: normal;
}

.rendered-form .form-control:focus {
	outline: 0;
	box-shadow: none !important;
    border-radius: 4px !important;
    background:transparent !important;
    border: 1px solid #D5E5CF !important;
}
.form-group .formbuilder-required{
    color:#2E3538 !important;
}

.send-btn {
    padding: 18px 30px !important;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
    letter-spacing:0 !important;
    border-radius: 57px !important;
    border: 1px solid #6CA25F !important;
    color:#6CA25F !important;
    background:transparent !important;
}

.green>a{
    padding: 18px 30px !important;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
    letter-spacing:0 !important;
    border-radius: 57px !important;
    border: 1px solid #6CA25F !important;
    color:#6CA25F !important;
    background:transparent !important;
}
.navbar-nav>li{
    margin:0 20px !important;
}
.navbar-nav>li>a{
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform:uppercase;
}
.navbar-brand>img {
    display: block;
    max-width: 250px !important;
    margin-left: -20px;
}

.footer-text, .footer-text>a{
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #FFF;
}


.espabtn {
   background:transparent;
}
.espabtn a {
   background:transparent!important;
}
.tabimg {
   padding: 6px;
}
.pull-tab {
   z-index:999999999 !important;
   color: rgb(94, 94, 94);
   position: fixed;
   right: 0px;
   bottom:50px;
   width: 500px;
   height: auto;
   background: #FFFFFF;
   box-shadow: 0px 0px 100px 0px rgb(74 74 74 / 35%);
   padding: 14px 15px 0px 15px;
   border-radius: 3px;
   transition: 0.3s all;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
@media(max-width: 768px) {
    .pull-tab.tabbed {
        right: -330px !important;
        transition: 0.3s all;
    }
   .pull-tab {
       right: 0px;
       width: 330px;
   }
    .tabimg {
       padding: 22px 0;
    }
    .pull-tab .tab {
       margin-top: -16px!important;
       padding:13px!important;
       font-size:13px!important;
    }
}
.pull-tab.tabbed {
    right: -500px; transition: 0.3s all;
}
.pull-tab.untabbed {
    right: 500px; transition: 0.3s all;
}
.pull-tab .tab {
   cursor: pointer;
   color: #0F3B61;
   font-family: manrope, sans-serif !important;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   box-shadow: 0px -20px 50px 0px rgb(74 74 74 / 10%);
   position: absolute;
   left: -70px;
    top: 43%;
    background: #fff;
    text-align: center;
    padding: 10px 12px;
   text-transform: none;
   font-size: 13px;
   letter-spacing: 1px;
   font-weight: 600;
   width: auto;
   height: auto;
   -webkit-transform: rotate(
-90deg);
   -moz-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   -o-transform: rotate(-90deg);
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
   margin-top: -15px;
}
.is-container.container-fluid-fluid {
	z-index: auto!important;
}