/* START OF OTHER PAGES */

/* About */
.mission-box,
.vision-box{
    padding:30px 50px;
    border-radius:15px;
    color:#fff;
}

.mission-box{
    background: linear-gradient(315deg, #243b7c, #27aae1);
}

.vision-box{
    background: linear-gradient(45deg, #243b7c, #27aae1);
}

.mission-box img,
.vision-box img{
    filter:invert(1);
    width:80px;
}

.step-box {
    padding: 15px;
    background: rgb(173 173 173 / 10%);
    border-radius: 15px;
    height:450px;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
}

.step-box img{
    width:300px;
}

@media (min-width:767px){
    .about-intro h2.sppb-addon-title br{
       display:none; 
    }
}

@media (max-width:1200px){
    .step-box {
        height:400px;
    }
}
@media (max-width:991px){
    .step-box {
        height:310px;
    }
    .mission-box,
    .vision-box{
        padding:20px 30px;
    }
}
@media (max-width:767px){
    .step-box {
        height:100%;
        margin:7.5px 0;
    }
    .mission-box,
    .vision-box{
        padding:15px;
    }
}



/* Services */
.service-box {
    padding: 30px 30px 30px 0;
}
.facility-box .sppb-addon-overlay-image-content {
    border-radius: 15px !important;
}
.facility-box .overlay-image-title{
    text-shadow:0 0 8px rgb(0 0 0 / 70%);
}
.facility-box {
    margin: 15px 0;
}
@media (max-width:1400px){
    .services-intro h2 br {
        display:none;
    }
}
@media (max-width:767px){
    .service-box {
        padding: 0px 15px 30px 15px;
    }
    .service-box.last-box {
        padding: 0px 15px 0px 15px;
    }
    .facility-box {
        margin: 7.5px 0;
    }
}


/* Booking */
.booking-form {
    padding: 50px;
    box-shadow: 0 0 10px rgb(0 0 0 / 30%);
    border-radius: 15px;
    background: linear-gradient(45deg, #243b7c, #27aae1);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
}
.booking-form #bfPage1>div:last-child {
    text-align: center;
}
.booking-form .form-label {
    color: #fff;
}
.booking-form input, .booking-form textarea,
.booking-form select{
    background: rgb(255 255 255 / 70%);
    border:0;
}
.bfQuickMode .fas.fa-asterisk, .bfQuickMode .bfbs5-fas.bfbs5-fa-asterisk {
    font-size: 6px !important;
}
.booking-form #bfPage2 p {
    color: #fff;
    margin-bottom: 0;
    font-size: 20px;
}
@media (min-width:2000px){
    .booking-section {
        background-size: contain !important;
    }
}
@media (max-width:991px){
    .booking-form {
        padding: 30px;
    }
    .bfQuickMode .bfElemWrap .form-inline label,
    .booking-form .form-control,
    .booking-form .form-select{
        width:100%;
        max-width:100%;
        min-width:100%;
    }
}
@media (max-width:767px){
    .booking-form {
        padding: 30px 15px;
    }
}



/* Contact */
.contact-info .sppb-icons-group-list li {
    text-align: start;
    margin-bottom:20px !important;
}

.contact-info .sppb-icons-label-text{
    padding-left:15px;
    color:#002c4b;
    transition:0.5s;
}

.contact-info a{
    color:#002c4b;
    margin:0 !important;
}
.contact-info a:hover,
.contact-info a:hover .sppb-icons-label-text{
    color:#98ba4c;
}

.contact-info i{
    width:20px;
    text-align:center;
}

.contact-form-001 {
    background: linear-gradient(45deg, #243b7c, #27aae1);
    padding: 30px 30px 50px 40px;
    border-radius: 15px;
}
.contact-form-001 h2.sppb-addon-title{
    color:#fff;
}

.contact-form-001 .form-label {
    color: #fff;
}
.contact-form-001 input, .contact-form-001 textarea{
    background: rgb(255 255 255 / 70%);
    border:0;
}
.contact-form-001 #bfPage2 p {
    color: #fff;
}

@media (max-width:991px){
    .contact-form-001 .form-label {
        width:100%;
    }
    .contact-form-001 input, .contact-form-001 textarea{
        max-width:100%;
        width:100%;
        min-width:100%;
    }
}
@media (max-width:767px){
    .contact-form-001 {
        background-color: #892134;
        padding: 20px 15px 30px 15px;
        border-radius: 15px;
    }
}





/* FAQ */
.sppb-panel-modern .sppb-panel-title {
    font-size: 18px;
}
.sppb-panel-modern>.sppb-panel-heading{
    background: linear-gradient(15deg, rgb(36 59 124 / 20%), rgb(39 170 225 / 20%));
    border-radius:15px;
}
.sppb-panel-modern>.sppb-panel-heading.active{
    border-radius: 15px 15px 0px 0px;
}
.sppb-panel-modern{
    border-radius:15px;
    background: linear-gradient(15deg, rgb(36 59 124 / 05%), rgb(39 170 225 / 05%));
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
}
@media (min-width:1200px){
    .faq-section h2.sppb-addon-title br{
        display:none;
    }
}
@media (max-width:991px){
    .sppb-panel-modern .sppb-panel-title {
        font-size: 16px;
    }
}



/*form*/
.bfSectionDescription.mb-2 p {
    color: #fff;
    font-size: small;
    font-style: italic;
    font-weight: 300;
}

section#pet1section, section#pet2section, section#pet3section, section#pet4section {
    padding: 10px 15px 1px 15px;
    background: #ffffff17;
    border-radius: 10px;
    margin-bottom: 20px;
}

div#bfElemWrap291 {
    color: #fff;
}


/* END OF OTHER PAGES */