/* GERAL */
body {
    background-image: url('../img/banners/background.webp') !important;
    background-repeat: no-repeat;
    background-size: cover; /* ou "contain" dependendo do ajuste desejado */
    background-attachment: fixed; /* Mantém o fundo fixo ao rolar a página */
    background-position: center;
    overflow-x: hidden !important;
}

.header-layout8 img, .vs-menu-wrapper img, .footer-logo, #logo_footer{
    width: 35%;
    cursor: pointer;
}
.vs-btn{
    background-color: #7ec9f2  !important;
}
.vs-btn::before, .vs-btn::after{
    background-color: #f3beda !important;
}
.vs-mobile-menu ul li.vs-active > a {
    color: #f3beda !important;
}
.vs-mobile-menu ul .vs-item-has-children.vs-active > a .vs-mean-expand {
    background-color: #f3beda !important;
}


/* PRELOADER */
.preloader {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
    background-color: #fff; /* Change this to your desired background color */
}
.preloader-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.preloader-inner img {
    width: 50%; /* Adjust the logo size */
    display: block;
    margin: 0 auto 10px auto;
}
.loading-text {
    font-size: 25px; /* Size of the text */
    font-weight: bold; /* Bold text */
    text-align: center; /* Centered text */
    margin-top: 10px; /* Space above the text */
}



/* HEADER */
.vs-menu-toggle {
    background-color: #7ec9f2 !important;
}
.vs-menu-wrapper .vs-menu-area {
    border-right: 3px solid #f3beda !important;
}
.menu-style6 > ul > li > a::before {
    background-color: #f3beda !important;
}
.main-menu a:hover {
    color: #f3beda !important;
}
.main-menu ul.sub-menu,
.main-menu ul.mega-menu {
  border-bottom: 3px solid #f3beda !important;
}
.banner-slide7 {
    max-height: 641px !important;
  }

.about-layout{
    background-color: #7ec9f22c !important;
}
.main-section-two {
    background: #f3beda2f !important;
}
.main-menu {
    display: flex;
    justify-content: flex-end; /* Move os links para a direita */
}
.menu-style6 {
    padding-left: 0; /* Remove o padding extra à esquerda */
}
.menu-style6 > ul {
    display: flex;
    justify-content: flex-end; /* Garante que os itens fiquem alinhados à direita */
} 
.menu-style6 > ul > li {
    margin-left: 20px; /* Ajusta o espaçamento entre os itens do menu */
}
@media (max-width: 768px) {
  .main-menu {
    justify-content: center; /* Centraliza os itens em telas pequenas */
  }
  .menu-style6 > ul {
    flex-direction: column; /* Coloca os itens em uma coluna */
    align-items: center;
  }
  .menu-style6 > ul > li {
    margin: 10px 0; /* Espaçamento entre os itens em coluna */
  }
}
.social-icons {
    display: flex;
    gap: 15px; /* Espaçamento entre os ícones */
    margin-bottom: 15px; /* Espaçamento abaixo dos ícones */
}
.social-icons a {
    color: #555; /* Cor inicial dos ícones */
    font-size: 30px; /* Tamanho dos ícones */
    transition: color 0.3s ease;
}

.social-icons-header a:hover{
    color:#97cbad !important;
}
/* Ajuste para telas maiores que 992px */
@media (min-width: 992px) and (max-width: 1300px) {
    .about-layout .row {
      flex-wrap: nowrap !important; /* Impede que os itens empilhem */
    }

    .about-layout .col-xl-7,
    .about-layout .col-xl-auto {
      flex: 1 1 70% !important; /* Garante que os elementos ocupem metade do espaço */
      max-width: 50% !important; /* Restringe a largura máxima */
    }

    .about-layout .col-xl-7 {
      padding-right: 30px !important; /* Espaço entre texto e imagem */
    }

    .about-layout .col-xl-auto {
      padding-left: 30px !important;
    }

    .img-box11 img {
      width: 100% !important; /* Garante que a imagem redimensione proporcionalmente */
      height: auto !important;
    }
  }


/* EQUIPA */
.title-area-four.team3 h2 {
    /* Small devices */
    /* Extra small devices */
    /* Extra small devices */
  }
  @media (max-width: 767px) {
    .title-area-four.team3 h2 {
      font-size: 50px;
    }
  }
  @media (max-width: 575px) {
    .title-area-four.team3 h2 {
      font-size: 44px;
    }
  }
  @media (max-width: 477px) {
    .title-area-four.team3 h2 {
      line-height: 50px;
      font-size: 31px !important;
    } 
  }
  @media (max-width: 345px) {
    .title-area-four.team3 h2 {
      line-height: 50px;
      font-size: 25px !important;
    } 
  }

#rosa:hover, #azul:hover, #laranja:hover, #verde:hover, #amarelo:hover{
    font-size: 2.5rem;
}
#rosa:hover{
    color: #f3beda;
}
#azul:hover{
    color:#7ec9f2;
}
#laranja:hover{
    color:#f4a21d;
}
#verde:hover{
    color:#97cbad;
}
#amarelo:hover{
    color:#ffed64;
}
#tita_links a:hover{
    background-color: #f3beda;
}
#soneca_links a:hover{
    background-color: #7ec9f2;
}
#tunico_links a:hover{
    background-color: #f4a21d;
}
#tulipa_links a:hover{
    background-color: #97cbad;
}
#ranhoca_links a:hover{
    background-color: #ffed64;
}
#btn_tita:before, #btn_tita:after{
    background-color:#b57edc !important;
}
#btn_soneca:before, #btn_soneca:after{
    background-color:#4176e1 !important;
}
#btn_tunico:before, #btn_tunico:after{
    background-color:#E65729 !important;
}
#btn_tulipa:before, #btn_tulipa:after{
    background-color:#1d8230 !important;
}
#btn_ranhoca:before, #btn_ranhoca:after{
    background-color:#9d4edd !important;
}
.animadores-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px; /* Espaçamento entre os cartões */
}
.team-card3 {
    text-align: center;
    margin: 0 auto; /* Centraliza o cartão */
    max-width: 100%;
}
@media (max-width: 768px) {
    .animadores-row .col-lg-4 {
        flex: 0 0 100%; /* Faz os cartões ocuparem toda a largura */
        max-width: 100%;
    }
}
#btn_packs:before, #btn_packs:after{
    background-color:#E65729 !important;
}
@media (max-width: 992px) and (min-width: 768px) {
    .carousel-item .col-lg-4, .carousel-item .col-md-6 {
      flex: 0 0 31% !important; /* Reduz ligeiramente o tamanho dos cards */
      max-width: 31% !important; /* Garante que ocupem menos espaço */
    }
  
    .carousel-item .row {
      gap: 15px !important; /* Ajusta o espaçamento horizontal */
    }
  }
  

/* ORÇAMENTO */
.list-unstyled li{
    color: #da70a4 !important;
}
.list-style1 ul li {
    display: flex !important; /* Cria um layout flexível */
    align-items: center !important; /* Alinha verticalmente o ícone e o texto */
    margin-bottom: 10px !important; /* Espaçamento entre os itens */
}

.list-style1 ul li i {
    margin-right: 10px !important; /* Espaçamento entre o ícone e o texto */
}

#btn_orçamento{
    background-color: #da70a4 !important;
    color: white !important;
}


/* SOBRE NOS */
.vs-circle {
    border: var(--circle-border-size, 60px) solid var(--circle-border-color, #f3beda) !important;
}
.social-gallery {
    display: flex !important;
    justify-content: center !important; /* Centraliza horizontalmente */
    align-items: center !important; /* Centraliza verticalmente */
    margin: 10px !important; /* Espaçamento entre os itens */
}
.social-carousel {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap; /* Mantém os itens em uma única linha */
}
.social-img {
    overflow: hidden;
    position: relative;
    border-radius: 20px;
    width: 150px; /* Define a largura das imagens */
    height: 150px; /* Define a altura das imagens */
}
.social-img img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Garante que a imagem se ajuste ao contêiner */
    transition: all ease 0.4s;
}
.social-gallery:hover .social-btn {
    opacity: 1;
    visibility: visible;
}
/* Reduzir o tamanho dos ícones e do título em telas menores */
@media (max-width: 768px) {
    /* Título */
    #titulo_rs span{
        font-size: 35px !important; /* Reduz o tamanho da fonte */
    }
    /* Ícones */
    .social-img {
        width: 100px; /* Reduz a largura das imagens */
        height: 100px; /* Reduz a altura das imagens */
    }
}
/* Reduzir o tamanho dos ícones e do título em telas menores */
@media (max-width: 768px) {
    /* Título */
    #titulo_rs span{
        font-size: 30px !important; /* Reduz o tamanho da fonte */
    }
    /* Ícones */
    .social-img {
        width: 80px; /* Reduz a largura das imagens */
        height: 80px; /* Reduz a altura das imagens */
    }
}
/* Reduzir o tamanho dos ícones e do título em telas menores */
@media (max-width: 430px) {
    /* Título */
    #titulo_rs span{
        font-size: 25px !important; /* Reduz o tamanho da fonte */
    }
    .social-gallery {
        margin: 5px !important; /* Espaçamento entre os itens */
    }
}
/* Reduzir o tamanho dos ícones e do título em telas menores */
@media (max-width: 365px) {
    /* Título */
    #titulo_rs span{
        font-size: 20px !important; /* Reduz o tamanho da fonte */
    }
    .social-gallery {
        margin: 3px !important; /* Espaçamento entre os itens */
    }
}

@media (max-width: 1300px) {
    #titulo_sobre_nos{
        font-size: 35px !important;
    }
}
@media (max-width: 1200px) {
    #titulo_sobre_nos{
        font-size: 28px !important;
    }
}
@media (max-width: 460px) {
    #titulo_sobre_nos{
        font-size: 22px !important;
    }
}
@media (max-width: 363px) {
    #titulo_sobre_nos{
        font-size: 18px !important;
    }
}
@media (max-width: 992px) {
    .gallery-style1 {
      margin-bottom: 20px !important; /* Adiciona espaçamento entre os cards */
    }
    .col-sm-6 {
      flex: 0 0 50% !important; /* Cada card ocupa 50% da linha */
      max-width: 50% !important; /* Garantir que a largura máxima seja 50% */
    }
  }
  @media (max-width: 576px) {
    .col-sm-6 {
      flex: 0 0 100% !important; /* Cada card ocupa 100% em telas muito pequenas */
      max-width: 100% !important;
    }
  }
  @media (min-width: 992px) {
    .row.gx-35 {
      row-gap: 40px; /* Adiciona 40px de espaço entre as linhas */
    }
  }
  
  



/* CATÁLOGO */
.catalog {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 20px;
}
.catalog-item {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    width: 250px;
}
.catalog-item img {
    width: 100%;
    height: auto;
}
.catalog-item h3 {
    margin: 10px;
    font-size: 1.2em;
}
.catalog-item p {
    margin: 10px;
    font-size: 0.9em;
    color: #555;
}
/* Estilos gerais para os packs */
.pack-tita,
.pack-soneca,
.pack-tunico,
.pack-tulipa,
.pack-ranhoca,
.pack-babilu,
.pack-teatros,
.pack-conto,
.pack-babysitter {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin-bottom: 20px !important;
    padding: 15px !important;
    background-color: #fff !important;
    border-radius: 12px !important;  /* Bordas arredondadas */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;  /* Sombra suave */
    transition: all 0.3s ease !important;  /* Efeito suave no hover */
    border: 1px solid #e0e0e0 !important;  /* Borda leve */
}
.pack-tita:hover,
.pack-soneca:hover,
.pack-tunico:hover,
.pack-tulipa:hover,
.pack-ranhoca:hover,
.pack-babilu:hover,
.pack-teatros:hover,
.pack-conto:hover,
.pack-babysitter:hover {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2) !important;  /* Aumenta a sombra ao passar o mouse */
    transform: translateY(-5px) !important;  /* Eleva a caixa ao passar o mouse */
}
/* Imagem do pack */
.img-pack {
    max-width: 500px !important;
    height: auto !important;
    border-radius: 8px !important;
    margin-right: 20px !important;
    border: 1px solid #ddd !important; /* Borda leve na imagem */
}
/* Título do pack */
.pack-tita h5,
.pack-soneca h5,
.pack-tunico h5,
.pack-tulipa h5,
.pack-ranhoca h5,
.pack-babilu h5,
.pack-teatros h5,
.pack-conto h5,
.pack-babysitter h5 {
    font-size: 2rem !important;
    font-weight: bold !important;
    margin-bottom: 10px !important;
    color: #333 !important;
}
/* Descrição do pack */
.pack-tita p,
.pack-soneca p,
.pack-tunico p,
.pack-tulipa p,
.pack-ranhoca p,
.pack-babilu p,
.pack-teatros p,
.pack-conto p,
.pack-babysitter p{
    font-size: 1.5rem !important;
    color: #555 !important;
    line-height: 1.6 !important;
    width: 80% !important;
}
/* Estilo do container para os packs */
.container-packs {
    padding: 20px !important;
    background-color: #f8f8f8 !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important;  /* Sombra para o container */
}
.btn-pack {
    display: inline-block;
    margin-top: 15px !important;
    padding: 10px 20px !important;
    background-color: #007bff !important;  /* Cor de fundo */
    color: #fff !important;  /* Cor do texto */
    font-size: 1rem !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 5px !important;
    text-align: center !important;
    cursor: pointer !important;
    text-decoration: none !important;
    transition: background-color 0.3s ease, transform 0.3s ease !important; /* Animação suave */
}
.btn-pack:hover {
    background-color: #0056b3 !important;  /* Cor mais escura no hover */
    transform: translateY(-3px) !important;  /* Eleva o botão no hover */
}

@media (max-width: 768px) {
    .btn-pack {
        width: 100% !important;  /* Botão ocupa toda a largura em telas menores */
    }
}
#btn_tita_ctlg,
#btn_conto_ctlg{
    background-color: #f3beda !important;
}
#btn_soneca_ctlg,
#btn_babilu_ctlg{
    background-color: #7ec9f2 !important;
}
#btn_tunico_ctlg,
#btn_teatros_ctlg{
    background-color: #f4a21d !important;
}
#btn_tulipa_ctlg,
#btn_babysitter_ctlg{
    background-color: #97cbad !important;
}
#btn_ranhoca_ctlg{
    background-color: #9d4edd !important;
}
@media (max-width: 1300px) {
    .img-pack {
        max-width: 450px !important;
    }
    /* Título do pack */
    .pack-tita h5,
    .pack-soneca h5,
    .pack-tunico h5,
    .pack-tulipa h5,
    .pack-ranhoca h5,
    .pack-babilu h5,
    .pack-teatros h5,
    .pack-conto h5,
    .pack-babysitter h5 {
        font-size: 1.8rem !important;
    }
    /* Descrição do pack */
    .pack-tita p,
    .pack-soneca p,
    .pack-tunico p,
    .pack-tulipa p,
    .pack-ranhoca p,
    .pack-babilu p,
    .pack-teatros p,
    .pack-conto p,
    .pack-babysitter p{
        font-size: 1.2rem !important;
    }
    .btn-pack {
        padding: 8px 18px !important;
    }
}
@media (max-width: 1200px) {
    .img-pack {
        max-width: 400px !important;
    }
    /* Título do pack */
    .pack-tita h5,
    .pack-soneca h5,
    .pack-tunico h5,
    .pack-tulipa h5,
    .pack-ranhoca h5,
    .pack-babilu h5,
    .pack-teatros h5,
    .pack-conto h5,
    .pack-babysitter h5 {
        font-size: 1.6rem !important;
    }
    /* Descrição do pack */
    .pack-tita p,
    .pack-soneca p,
    .pack-tunico p,
    .pack-tulipa p,
    .pack-ranhoca p,
    .pack-babilu p,
    .pack-teatros p,
    .pack-conto p,
    .pack-babysitter p{
        font-size: 1rem !important;
    }
    .btn-pack {
        padding: 6px 16px !important;
        font-size: 0.8rem !important;
    }
}
@media (max-width: 992px) {
    .img-pack {
        max-width: 350px !important;
    }
    /* Título do pack */
    .pack-tita h5,
    .pack-soneca h5,
    .pack-tunico h5,
    .pack-tulipa h5,
    .pack-ranhoca h5,
    .pack-babilu h5,
    .pack-teatros h5,
    .pack-conto h5,
    .pack-babysitter h5 {
        font-size: 1.4rem !important;
    }
    /* Descrição do pack */
    .pack-tita p,
    .pack-soneca p,
    .pack-tunico p,
    .pack-tulipa p,
    .pack-ranhoca p,
    .pack-babilu p,
    .pack-teatros p,
    .pack-conto p,
    .pack-babysitter p{
        font-size: 0.8rem !important;
    }
    .btn-pack {
        padding: 4px 14px !important;
    }
}
/* Responsividade para telas menores */
@media (max-width: 768px) {
    /* Ajusta o layout dos packs para dispositivos móveis */
    .container-packs {
        padding: 10px !important;  /* Menor padding */
    }
    

    /* Alinha os elementos dentro do pack de forma vertical */
    .pack-tita,
    .pack-soneca,
    .pack-tunico,
    .pack-tulipa,
    .pack-ranhoca,
    .pack-babilu,
    .pack-teatros,
    .pack-conto,
    .pack-babysitter {
        flex-direction: column !important;  /* Empilha os elementos dentro do pack */
        align-items: center !important;  /* Centraliza os elementos */
        padding: 10px !important;  /* Reduz o padding */
    }
    .img-pack {
        display: block; /* Torna a imagem um elemento de bloco, necessário para centralizar */
        margin: 0 auto 15px auto; /* Centraliza horizontalmente e mantém o espaçamento inferior */
        max-width: 100% !important; /* Imagem ocupará 100% da largura disponível */
        height: auto !important; /* Mantém a proporção da imagem */
    }
    /* Ajusta o texto para dispositivos menores */
    .pack-tita h5,
    .pack-soneca h5,
    .pack-tunico h5,
    .pack-tulipa h5,
    .pack-ranhoca h5,
    .pack-babilu h5,
    .pack-teatros h5,
    .pack-conto h5,
    .pack-babysitter h5 {
        font-size: 1.5rem !important;  /* Ajusta o tamanho da fonte do título */
        margin-bottom: 8px !important;  /* Reduz a margem abaixo do título */
        text-align: center !important; 
    }
    .pack-tita p,
    .pack-soneca p,
    .pack-tunico p,
    .pack-tulipa p,
    .pack-ranhoca p,
    .pack-babilu p,
    .pack-teatros p,
    .pack-conto p,
    .pack-babysitter p {
        font-size: 1.2rem !important;  /* Ajusta o tamanho da fonte da descrição */
        width: 100% !important;  /* Aumenta a largura da descrição para se adaptar melhor */
        text-align: center !important;  /* Centraliza o texto */
    }
    /* Ajuste do botão */
    .btn-pack {
        width: 100% !important;  /* Faz o botão ocupar toda a largura disponível */
        margin-top: 15px !important;  /* Aumenta a margem superior para maior espaçamento */
    }
    /* Ajuste da cor do botão */
    #btn_tita_ctlg,
    #btn_conto_ctlg {
        background-color: #f3beda !important;
    }
    #btn_soneca_ctlg,
    #btn_babilu_ctlg {
        background-color: #7ec9f2 !important;
    }
    #btn_tunico_ctlg,
    #btn_teatros_ctlg {
        background-color: #f4a21d !important;
    }
    #btn_tulipa_ctlg,
    #btn_babysitter_ctlg {
        background-color: #97cbad !important;
    }
    #btn_ranhoca_ctlg {
        background-color: #9d4edd !important;
    }
}



/* PÁGINA INDIVIDUAL */
.space-top {
    padding: 40px 0; /* Espaçamento superior */
}
.img-box7 img {
    max-width: 100%; /* Certifique-se de que a imagem seja responsiva */
    border-radius: 8px; /* Bordas arredondadas, se desejado */
}
.team-about {
    padding-left: 20px;
}
.team-about h2,
.team-about p {
    margin-bottom: 15px;
    line-height: 1.6; /* Facilita a leitura */
}
@media (max-width: 992px) {
    .row.gx-50 {
        flex-direction: column; /* Em telas menores, imagem e texto ficam em bloco */
    }
    .img-box7 {
        margin-bottom: 20px;
        
    }
}
.team-about p{
    font-size:24px;
}
/* Isolando a seção com a classe tita-section */
.geral-section .service-style2 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    margin-bottom: 30px !important;
}
.geral-section .service-style2 .service-shape1,
.geral-section .service-style2 .service-shape2,
.geral-section .service-style2 .service-shape3 {
    background-color: var(--theme-color2) !important;
    position: absolute !important;
    left: var(--border-size, 0) !important;
    top: var(--border-size, 0) !important;
    right: var(--border-size, 0) !important;
    bottom: var(--border-size, 0) !important;
    clip-path: url(#service-clip1) !important;
    z-index: -1 !important;
    transition: all ease 0.4s !important;
    border-radius: 50px !important;
}
.geral-section .service-style2 .service-shape2 {
    --border-size: 2px !important;
    background-color: var(--white-color) !important;
}
.geral-section .service-style2 .service-content {
    text-align: center !important;
    margin-top: 10px !important;
}
.geral-section .service-style2 .service-title {
    font-size: 26px !important;
    margin: 0 !important;
}
.geral-section .service-style2 .service-text {
    display: none !important;
}
.geral-section .section-container {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    gap: 30px !important;
}
.geral-section .col-md-6.col-lg-4 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 48% !important;
}
.geral-section .row.gx-80.gy-30 {
    margin-top: 20px !important;
}
.tita_service .title-divider2,
.tita_service .service-icon .service-shape1{
    background-color:#f3beda !important;
}
.tita_service .service-icon .service-shape3{
    background-color:#b57edc !important;
}
.tita_service .service-style2 .service-title{
    color:#b57edc !important;
}
.tita_service .service-icon:hover .service-shape3{
    background-color:#f3beda  !important;
}
.tita_service .service-style2:hover .service-title,
.tita_service .text-inherit:hover{
    color:#f3beda  !important;
}


.soneca_service .title-divider2,
.soneca_service .service-icon .service-shape1,
.soneca_service .service-icon .service-shape3{
    background-color:#7ec9f2 !important;
}
.soneca_service .service-style2 .service-title{
    color:#7ec9f2 !important;
}
.soneca_service .service-icon:hover .service-shape3{
    background-color:#4176e1  !important;
}
.soneca_service .service-style2:hover .service-title,
.soneca_service .text-inherit:hover{
    color:#4176e1  !important;
}

.tunico_service .title-divider2,
.tunico_service .service-icon .service-shape1{
    background-color:#E65729 !important;
}
.tunico_service .service-icon .service-shape3{
    background-color:#E65729!important;
}
.tunico_service .service-style2 .service-title{
    color:#E65729 !important;
}
.tunico_service .service-icon:hover .service-shape3{
    background-color:#fec148  !important;
}
.tunico_service .service-style2:hover .service-title,
.tunico_service .text-inherit:hover{
    color:#fec148  !important;
}

.tulipa_service .title-divider2,
.tulipa_service .service-icon .service-shape1{
    background-color:#97cbad !important;
}
.tulipa_service .service-icon .service-shape3{
    background-color:#97cbad!important;
}
.tulipa_service .service-style2 .service-title{
    color:#97cbad !important;
}
.tulipa_service .service-icon:hover .service-shape3{
    background-color:#da70a4  !important;
}
.tulipa_service .service-style2:hover .service-title,
.tulipa_service .text-inherit:hover{
    color:#da70a4  !important;
}

.ranhoca_service .title-divider2,
.ranhoca_service .service-icon .service-shape1{
    background-color:#ffed64 !important;
}
.ranhoca_service .service-icon .service-shape3{
    background-color:#9d83bc!important;
}
.ranhoca_service .service-style2 .service-title{
    color:#9d83bc !important;
}
.ranhoca_service .service-icon:hover .service-shape3{
    background-color:#da70a4  !important;
}
.ranhoca_service .service-style2:hover .service-title,
.ranhoca_service .text-inherit:hover{
    color:#da70a4  !important;
}
@media (max-width: 992px) {
    .geral-section .section-container {
        gap: 20px !important;
    }
    .service-style2 .service-icon {
        position: relative;
        display: inline-block;
        width: 70px !important;
        height: 70px !important;
        line-height: 76px;
        text-align: center;
        margin-right: 20px;
        border-radius: 50%;
        z-index: 1;
    }
    #img_tita_individual {
        width: 40px !important;
        height: 40px !important;
        bottom: 5px !important;
    }
    #img_soneca_indidual{
        width: 50px !important;
        height: 50px !important;
        right: 8px !important;
    }
}
@media (max-width: 770px) {
    .geral-section .service-style2 .service-title {
        font-size: 22px !important;
        margin: 0 !important;
    }
}
@media (max-width: 525px) {
    .geral-section .section-container {
        gap: 14px !important;
    }
}
@media (max-width: 500px) {
    .geral-section .service-style2 .service-title {
        font-size: 18px !important;
        margin: 0 !important;
    }
}
@media (max-width: 375px) {
    .geral-section .section-container {
        gap: 12px !important;
    }
    .service-style2 .service-icon {
        width: 68px !important;
        height: 68px !important;
      }
}
@media (max-width: 325px) {
    .geral-section .section-container {
        gap: 12px !important;
    }
}
#img_tita_individual{
    width: 45px !important;
    height: 45px !important;
    position: relative !important;
    left: 4px !important;
}
#img_soneca_indidual{
    width: 50px !important;
    height: 50px !important;
    right: 8px !important;
}

  



/* CONTACTOS */
#telefone_contactos{
    border: 3px solid #7ec9f2;
}
#horario_contactos{
    border: 3px solid #97cbad;
}
#email_contactos{
    border: 3px solid #f4a21d;
}
#telefone_contactos .info-icon{
    background-color:#7ec9f2;
}
#horario_contactos .info-icon{
    background-color: #97cbad;
}
#email_contactos .info-icon{
    background-color: #f4a21d;
}
#telefone_contactos:hover{
    border-color: #4176e1;
}
#horario_contactos:hover{
    border-color: #b57edc;
}
#email_contactos:hover{
    border-color: #E65729;
}
#telefone_contactos:hover .info-icon {
    background-color: #4176e1;
}
#horario_contactos:hover .info-icon {
    background-color: #b57edc;
}
#email_contactos:hover .info-icon {
    background-color: #E65729;
}
@media (max-width: 1200px) {
    #foto_brincar {
        display: flex; /* Torna a div um contêiner flex */
        justify-content: center; /* Centraliza horizontalmente */
        align-items: center; /* Centraliza verticalmente (se necessário) */
    }
    #foto_brincar img {
        max-width: 600px !important;
        height: auto !important;
        max-height: 600px !important;
        object-fit: cover !important;
        margin-bottom: 50px !important;
    }
}

.breadcumb-wrapper {
    padding-top: 380px !important;
}
.breadcumb-wrapper {
    padding-top: 380px !important; /* Gradualmente ajusta o padding baseado na largura da tela */
    padding-bottom: 20px !important;
    background-color: var(--smoke-color) !important;
    overflow: hidden !important;
    background-position: center left !important;
    background-size: cover !important; /* Garante que a imagem se ajusta ao contêiner */
    transition: padding 0.3s ease !important; /* Animações suaves ao redimensionar */
  }
  
/* Large devices */
@media (max-width: 1199px) {
    .breadcumb-wrapper {
        padding-top: calc(10vw + 130px) !important;
    }
    .breadcumb-title {
        font-size: 48px !important;
    }
    .breadcumb-menu-wrap {
        margin: 65px 0 0 0 !important;
    }
    .breadcumb-text {
        font-size: 16px !important;
    }
}
  
/* Medium devices */
@media (max-width: 991px) {
.breadcumb-wrapper {
    padding-top: calc(8vw + 115px) !important;
    }
}
/* Small devices */
@media (max-width: 680px) {
    .breadcumb-wrapper {
        padding-top: calc(6vw + 110px) !important;
    }
}
/* Small devices */
@media (max-width: 585px) {
    .breadcumb-wrapper {
        padding-top: calc(6vw + 85px) !important;
    }
}
/* Small devices */
@media (max-width: 500px) {
    .breadcumb-wrapper {
        padding-top: calc(6vw + 70px) !important;
    }
}
/* Small devices */
@media (max-width: 415px) {
    .breadcumb-wrapper {
        padding-top: calc(6vw + 55px) !important;
    }
}
/* Small devices */
@media (max-width: 350px) {
    .breadcumb-wrapper {
        padding-top: calc(6vw + 45px) !important;
    }
}
  
.form-style3 .required {
    color: #f4a21d !important;
}
.map-style1 {
    border-radius: 30px !important;
    overflow: hidden !important;
    line-height: 0 !important;
}
  .map-style1 .map-image {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: cover !important;
}
  /* Small devices */
  @media (max-width: 767px) {
    .map-style1 {
      border-radius: 20px !important;
    }
}




/* FOOTER */
.footer-layout1,
.footer-social a.active, 
.footer-social a:hover {
    background-color: #Cce2cb !important;
}
.copyright-wrap,
#btn_footer,
.footer-info i,
.widget_title:before,
.footer-social a::before,
.footer-form-box,
.footer-widget.widget_meta a:before, .footer-widget.widget_pages a:before, .footer-widget.widget_archive a:before, .footer-widget.widget_categories a:before, .footer-widget.widget_nav_menu a:before {
    background-color: #9bd0b7!important;
}
.copyright-text{
    color: white !important;
}
.copyright-text a:hover {
    color: #Cce2cb !important;
}
.footer-widget.widget_meta a:hover, .footer-widget.widget_pages a:hover, .footer-widget.widget_archive a:hover, .footer-widget.widget_categories a:hover, .footer-widget.widget_nav_menu a:hover,
.footer-info a:hover {
    color: #9bd0b7 !important;
}
.sidebar-gallery .gallery-thumb:before {
    background-color: transparent !important;
}
#logo_footer{
    width: 12% !important;
}
@media (max-width: 992px){
    #logo_footer{
        width: 22% !important;
    }
}
@media (max-width: 550px){
    #logo_footer{
        width: 22% !important;
    }
}