:root {
    --primary-color: #152D55;
    --secondary-color: #F7F0F2;
    --text-color: #7B798C;
    --accent-color: #A8D7CD;
    --accent-secondary-color: #FEF7F8;
    --white-color: #FFFFFF;
    --divider-color: #7B798C24;
    --dark-divider-color: #FFFFFF24;
    --error-color: rgb(230, 87, 87);
    --default-font: "Manrope", sans-serif;
    --accent-font: "Manrope", sans-serif;
}
.footer-main::after,.footer-main::before,
.book-appointment::before,
.book-appointment::after,
.our-mission-vision:before,
.our-mission-vision:after,
.our-process::after,
.our-process::before,
.our-benefit::before,
.our-benefit::after,
.our-faqs::before,
.our-faqs::after{
    display: none;
}
.navbar-brand img{
    max-width: 160px;
}
.btn-default {
    background: #A8D7CD;
    color: #374744;
}
.footer-contact-content h3{
    margin-bottom: 0;
}
.footer-contact-content h3 a{
    color: #FFFFFF;
    font-size: 18px;
}
.mission-vision-item {
    width: calc(50% - 20px);
}
.bg-section.dark-section {
    background-image: url(../images/b6c61c09-06fa-4231-8060-2b3495002d27.jpg);
    /*background-image: url(../images/450454540537-fondo.png);*/
    background-size: cover;
    background-position: center;
}
.btn-default:hover{
    color: #FFFFFF;
}
.btn-default::before{
    filter: brightness(0.3);
}
.btn-default:hover::before{
    filter: none;
}
.hero-section.hero-bg-image::before {
    opacity: 20%;
}
.how-we-work-img figure::before,
.process-video-image figure::before {
    display: none;
}
.our-mission-vision {
    padding-bottom: 100px;
}
.our-faqs .image-bx img{
    max-width: 420px;
    margin: 0 auto;
    display: block;
}
.faq-button a{
    margin-bottom: 10px;
    display: inline-block;
}
.footer-logo img{
    display: block;
    margin: 0 auto;
}
.about-footer-content p {
    text-align: center;
}
.hero-section{
    margin: 0;
}
.hero-section {
    border-radius: 0px;
    width: 100%;
}
header.main-header {
    position: absolute;
    width: 100%;
    background: transparent;
}
.our-process .process-video-image,
.how-we-work .how-we-work-img,
.why-choose-us .why-choose-image{
    border-radius: 30px;
    background-image: url(../images/b6c61c09-06fa-4231-8060-2b3495002d27.jpg);
    background-size: cover;
    background-position: center;
}
.our-process .process-video-image img,
.how-we-work .how-we-work-img img,
.why-choose-us .why-choose-image img{
    opacity: 0.8;
    transition-duration: 0.2s;
}
.our-process .process-video-image:hover img,
.how-we-work .how-we-work-img:hover img,
.why-choose-us .why-choose-image:hover img{
    opacity: 1;
    transition-duration: 0.2s;
}
@media only screen and (max-width: 1560px){
    .hero-section{
        width: 100%;
    }
    .our-faqs .section-title h2{
        font-size: 42px;
    }
}

@media only screen and (max-width: 767px){
    .mission-vision-item{
        width: 100%;
    }
    .our-faqs .image-bx img {
        max-width: 320px;
    }
    .our-benefit{
        margin-top: 0 !important;
    }
    .navbar-brand img {
        max-width: 160px;
    }
}

.book-appointment-form .form-control{
    color: #000 !important;
    opacity: 1;
}

@media(min-width: 1441px){
    .why-choose-image, .why-choose-image figure, .why-choose-image img,
    .process-video-box, .process-video-image figure, .process-video-image img,
    .how-we-work-img, .how-we-work-img figure, .how-we-work-img img{
                height: 580px;
                object-fit: cover;
                object-position: center
    }
}

@media(max-width: 1440px){
    .why-choose-image, .why-choose-image figure, .why-choose-image img,
    .process-video-box, .process-video-image figure, .process-video-image img,
    .how-we-work-img, .how-we-work-img figure, .how-we-work-img img{
                height: 450px;
                object-fit: cover;
                object-position: center
    }
}

@media(max-width: 767px){
    .why-choose-image, .why-choose-image figure, .why-choose-image img,
    .process-video-box, .process-video-image figure, .process-video-image img,
    .how-we-work-img, .how-we-work-img figure, .how-we-work-img img{
                height: 320px;
                object-fit: cover;
                object-position: center
    }
}

@media(max-width: 480px){
    .why-choose-image, .why-choose-image figure, .why-choose-image img,
    .process-video-box, .process-video-image figure, .process-video-image img,
    .how-we-work-img, .how-we-work-img figure, .how-we-work-img img{
                height: 280px;
                object-fit: cover;
                object-position: center
    }
}


.c-btn-whatsapp{
    position: fixed;
    cursor: pointer;
    height: 60px;
    width: 60px;
    line-height: 60px;
    text-align: center;
    background: #fff;
    z-index: 300;
    right: 30px;
    border-radius: 50%;
    align-items: center;
    display: block;
    bottom: 60px;
    color: #84b8ce;
    font-size: 36px;
}


.menu-btn{
    border: 0 !important;
    background: transparent !important;
    outline: 0 !important;
    padding: 0 !important;
    
}


.menu-btn, .close-btn {
  font-size: 1.5rem;
  background: none;
  border: none;
  color: white !important;
  cursor: pointer;
}

/* Full screen menu styles */
.menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #a8d7cdf2;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transform: translateY(-100%);
  transition: transform 0.5s ease-in-out;
  z-index: 1000;
}

.menu-overlay.active {
  transform: translateY(0);
}

.menu-list {
  list-style: none;
  padding: 0;
  margin: 2rem 0 0 0;
}

.menu-list li {
  margin: 3rem 0;
}

.menu-list a {
  color: white;
  font-size: 40px;
  text-decoration: none;
}

.close-btn {
  position: absolute;
  top: 1rem;
  right: 1.5rem;
}