@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

html, body, h1, h2, h3, h4, h5, h6, a, p, span, b, div, u, li, ul {
    font-family: 'Roboto',sans-serif  !important;
}

.navbar-nav>li>a{
    color:white !important;
    font-weight:400px !important;
    font-size:16px !important;
}


@media(min-width:769px) and (max-width:1024px){
    .uno{
        min-height: 162px !important;
    }
    .weird{
        height: calc(85% - 3px) !important;
    }
}

@media(min-width:577px) and (max-width:768px){
    .uno{
        min-height: 200px !important;
    }
}
@media(max-width:768px){
    .weird{
        position:static !important;
        height: auto !important;
        writing-mode: horizontal-tb !important;
        transform: rotate(0deg) !important;
        font-size: 20px !important;
        line-height: 30px !important;
    }
    .cont{
        min-height:auto !important;
    }
}
@media(max-width:576px){
    .weird{
        position:static !important;
        height: auto !important;
        writing-mode: horizontal-tb !important;
        transform: rotate(0deg) !important;
        font-size: 20px !important;
        line-height: 30px !important;
    }
    .cont{
        min-height:auto !important;
    }
    .mar{
        margin-top:0 !important;
    }
    .padd{
        padding-left:15px !important;
        padding-right:15px !important;
    }
    .no-padd{
        padding:18px !important;
    }
    .send-btn2{
        bottom: 6px !important;
    }
    .imgone{
        padding:0 !important;
        margin-top:20px !important;
    }
    #app\ companyadmin\.webapp-page\.publish > div.is-section.is-box.is-bg-grey.is-light-text.is-section-auto > div > div > div > div:nth-child(2) > div.col-md-10 > div:nth-child(1) > div.col-md-8.col-xs-12{
        margin-top:0 !important;
    }
    .ab{
        font-size: 14px !important;
        right: 25px !important;
        top: 115px !important;
        z-index: 9 !important;
        line-height: 19px !important;
    }
}
.send-btn2{
    position: absolute;
    right: 23px;
    bottom: 21px;
}
form > div.contact-form-container > div > div:nth-child(6){
    text-align:center !important;
}
.send-btn{
    padding: 12px 20px !important;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    border-radius:0 !important;
    color: #FFFFFF;
    margin-top:68px !important;
}
.send-btn:hover{
    background:#66736A !important;
    border:1px solid #66736A !important;
}
.form-control{
    background: #FFFFFF;
    border: 1px solid #131811;
    border-radius:0 !important;
}

.footer-text, .footer-text>a{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #FFFFFF;
}

.footer{
    background-color:rgb(2,168,158) !important;
}


.navbar-nav>li>a:hover {
    font-weight:500px !important;
    border-bottom: solid 2px white !important
}```css /* General Styles */ body { font-family: Arial, sans-serif; background-color: #fafafa; color: #333; margin: 0; padding: 0; } /* Appointment Calendar Styles */ .calendar { max-width: 800px; margin: 20px auto; background-color: #fff; border: 1px solid #ddd; border-radius: 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } .calendar-header { background-color: #4CAF50; color: white; padding: 20px; text-align: center; border-radius: 5px 5px 0 0; font-size: 1.5em; } .calendar-body { padding: 20px; } .calendar-day { display: inline-block; width: 13%; /* Adjust to fit seven days in a row. */ margin: 1%; padding: 10px; text-align: center; background-color: #f9f9f9; border: 1px solid #ddd; border-radius: 3px; cursor: pointer; } .calendar-day:hover { background-color: #e7f4e4; border-color: #4CAF50; } /* Checkout Box Styles */ .checkout-box { max-width: 300px; margin: 20px auto; padding: 20px; background-color: #fff; border: 1px solid #ddd; border-radius: 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } .checkout-header { background-color: #4CAF50; color: white; padding: 10px; text-align: center; border-radius: 5px 5px 0 0; font-size: 1.2em; } .checkout-body { padding: 20px; text-align: center; } .checkout-body p { margin: 0 0 10px; } .checkout-button { display: inline-block; padding: 10px 20px; background-color: #4CAF50; color: white; border: none; border-radius: 5px; text-decoration: none; cursor: pointer; } .checkout-button:hover { background-color: #45a049; } ```

.is-btn-ghost1, .white>a {
    padding: 12.5292px 29.2349px !important;
    background: transparent !important;
    border-radius: 4px;
    border: 1px solid #FFFFFF !important;
    letter-spacing: 0 !important;
    font-style: normal;
    font-weight: 500 !important;
    font-size: 13.3645px !important;
    line-height: 186.02% !important;
    color: #FFFFFF !important;
}
.is-btn-ghost1:hover, .white>a:hover, .btn-rengine:hover, .book-button:hover{
    background:#BEBEBE !important;
    border-color:#BEBEBE !important;
    color:#282A2E !important;
}
.is-btn-ghost1:hover, .white>a:hover, .btn-rengine:hover, .book-button:hover {
    background: #ffffff00 !important;
    border-color: #ffffff !important;
    color: #ffffff !important;
}

.blue-btnn>a{
    background: #feca38 !important;
    color:#fff !important;
   
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    
}
.blue-btnn>a {
    background: #FECA38 !important;
    color: #000 !important;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
}
#slots .ui-selected, #slots .selectable-selected {
    /* background: #F39814 !important; */
    background: rgb(2, 168, 158) !important;
}
.btn-slot:enabled {
    border-color: rgb(2, 168, 158);
    color: #ffffff;
}.btn.btn-default {
    color: #333333;
    background-color: rgb(2, 168, 158);
}
.btn-slot:enabled:hover {
    border-color: rgb(2, 168, 158);
    color: rgb(2, 168, 158);
}
.btn.btn-default:hover {
    color: #111;
    background-color: #fff;
    border-color: #ccc;
}
.service-book a, .button, .action-container a, .success-container a {
    border: 1px solid rgb(2, 168, 158);
    border-radius: 4px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #00a6d8;
    margin: 10px;
    background-color: rgb(2, 168, 158);
    color: #ffffff;
    font-family: inherit;
    font-weight: inherit;
    text-transform: none;
    letter-spacing: inherit;
    line-height: inherit;
}
.secondary-button {
    background: none;
    padding: 10px 10px;
    width: 100%;
    text-align: center;
    font-weight: 300;
    display: block;
    border-radius: 12px;
    border: 1px solid rgb(2, 168, 158);
    color: rgb(2, 168, 158);
    margin-top: 8px;
    margin-bottom: 10px;
}
.btn-rengine {
    background-color: rgb(2, 168, 158);
    border-color: rgb(2, 168, 158);
    color: white;
    display: block;
    padding: 7px 30px;
    margin-top: 11px;
    text-align: center;
    margin-right: 20px;
    font-size: 16px;
    border-radius: 20px;
}
.is-btn-ghost1:hover, .white>a:hover, .btn-rengine:hover, .book-button:hover {
    background: #ffffff00 !important;
    border-color: rgb(2, 168, 158) !important;
    color: rgb(2, 168, 158) !important;
}
.white>a{
        border:0 !important;
        padding: 10px 15px !important;
    }
    .is-btn-ghost1, .white>a {
    padding: 12.5292px 29.2349px !important;
    background: transparent !important;
    border-radius: 4px;
    border: 1px solid #FFFFFF !important;
    letter-spacing: 0 !important;
    font-style: normal;
    font-weight: 500 !important;
    font-size: 13.3645px !important;
    line-height: 186.02% !important;
    color: #FFFFFF !important;
}
.is-btn-ghost1:hover, .white>a:hover, .btn-rengine:hover, .book-button:hover {
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: #000000 !important;
}