@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
button#modal-Mapa-responsive{
    position: fixed;
    bottom: 5%;
    left: 8%;
    z-index: 3;
}
button#modal-filter_tipos {
    position: fixed;
    bottom: 5%;
    right: 5%;
    z-index: 3;
}
.mosques-desc {
    width: 100% !important;
}
.zn-menuBurger span {

    background: #000 !important;

}
    .site-header {
        background-color: #ffffff !important;
    }
img.avatar {
    width: 32px !important;
    height: 32px !important;
    background: #343A42;
    border-radius: 30px !important;
    object-fit: contain;
}
.user-initials-avatar {
  width: 32px !important;
    height: 32px !important;
    background: #343A42;
  color: white;
  font-weight: 600;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: sans-serif;
  font-size: 16px;
  text-transform: uppercase;
}
.slider-home {
    display: none !important;
}
.slider-home-mobile {
        width: 100%;
        height: 100vh;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: flex
;
        flex-direction: column;
        justify-content: flex-start;
        margin-top: -105px;
    }
div#swal2-html-container {
    color: #000000;
    font-size: 16px !important;
    line-height: 22px !important;
}
.content-product h3.title-product{
    width: fit-content !important;
}
h1.m-auto.text-center.title-health {
    font-size: 37px !important;
    line-height: 41px !important;
    width: 100% !important;
}
.text-health {

    margin-top: 30px;
}
.content-health input.form-control.input-suscribe {
    width: 100% !important;
    margin-bottom: 20px !important;
}
.form-health {
    width: 100% !important;
    padding: 0px !important;
}
.form-health.col-md-12.m-auto.my-0{
    width: 100% !important;
}
section.content-health {
    padding: 20px !important;

}
.info-page-services {
    width: 100% !important;
}
.info-page-services .content-page p {
    line-height: 22px;
    font-weight: 400 !important;
    font-size: 16px !important;
}
button#btn_suscribe {
    right: 10px !important;
    top: 6px !important;
    height: 49px;
}
.info-page-services .g-recaptcha{
    margin: 20px 0px !important;
}
/*popup newsletter*/
.form-control {
  height: 60px !important;
  border: solid 1px #828282 !important;
}
#modalNewsletter .zf-templateWrapper {
  margin-top: 50px;
}
#modalNewsletter .form-control {
    height: 60px;
}
#searchResult{
   height: 100vh;
    height: 100dvh;
}
#modalNewsletter h3.txt_forgot_popup {
  font-size: 28px !important;
  line-height: 30px !important;
  color: #000000;
  font-weight: bold;
  letter-spacing: -0.34px !important;
  margin-bottom: 14px;
  font-family: 'open sans condensed';
  text-transform: uppercase;
}
#modalNewsletter .col-md-6.ps-0.select {
  padding: 0px;
}
/*blog archive*/
div#search-filter-results-28820 {
    display: flex !important;
    width: 100% !important;
    gap: 14px;
    flex-direction: column;
    margin-top: 31px;
    margin-bottom: 50px;
}
#map-popup-info button.btn-modal-close{
    right: 5px !important;
    top: 6px !important;
}
.mfp-auto-cursor.mfp-bg-lighter.mfp-close-btn-in.mfp-fade.mfp-ready.mfp-wrap
{

    top: 100vw !important; 
    height: 100% !important;
}
div#search-filter-results-27750{
    margin-bottom: 34px !important;
}
.img_mosque .icon-wishlist {
    float: right;
    margin: 11px 12px !important;
}
.img_mosque .icon-wishlist .auth-popup-links {
    margin-top: 0px !important;
}
.user-data .col-account {
    width: 100vw !important;
}
p.desc-noti {
    color: #656B7C;
    font-size: 16px !important;
    line-height: 22px !important;
    letter-spacing: -0.3px;
    font-weight: 600;
}
form#update_notifications .btn-update {
    text-align: center;
    margin-top: 57px;
}
form#update_notifications button.btn.btn-fullcolor.rounded-5.btn-update-profile {
    width: 148px;
    height: 50px;
    font-size: 16px !important;
}
button.btn.btn-red{
    width: 100%;
    text-align: start;
    border: solid 1px red;
    color: red;
    padding: 18px;
    line-height: 15px;
    font-size: 16px;
}
button.btn.btn-red svg {
    margin-right: 10px;
    width: 13px;
    height: 14px;
    padding: 0px;
    margin-top: -1px;
}
button.btn-border {
    width: 100%;
    border: solid 1px black;
    border-radius: 6pc;
    height: 60px;
    background: white;
    margin-bottom: 18px;
}
button.btn-black {
    border-radius: 6pc;
    height: 60px;
    background: #000000;
    margin-bottom: 18px;
    color: white;
    width: 100%;
}
.switch {

    width: 56px !important;
    height: 32px !important;
    margin-bottom: 40px !important;
}
.slider:before {
    position: absolute;
    content: "";
    height: 18px !important;
    width: 18px !important;
    left: 7px !important;
    bottom: 5px !important;
}
input:checked + .slider:before {
    transform: translateX(22px) !important;
    background-color: #fff;
}
/*popup newsletter*/
div#modalNewsletter .modal-dialog {
    min-width: 100vw !important;

}
span.link-footer {
    color: #fff;
    text-transform: capitalize !important;
}
.content-footer-mobile .contact-txt{
    font-size: 16px;
    line-height: 22px;
    padding: 0px;
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 35px;
    padding: 0px;
}
#menu-footer-products li, #menu-footer-top-searches li, #menu-footer-about li, #menu-services li{
    font-size: 16px !important;
    list-style: none !important;
    padding: 0px !important;
    margin-bottom: 35px !important;
}
div#collapseOne-contact{
  padding-left: 20px !important;
    margin: 35px 0px !important;
}
.menu-accordion .faq-question h2::before {
  content: "";
  display: inline-block;
  width: 11px !important;
  height: 1px !important;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 1'%3E%3Cline y1='0.5' x2='11' y2='0.5' stroke='white'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  float: right;
  margin-top: 4px;
}
.menu-accordion .faq-question h2.collapsed::before {
    content: "";
    display: inline-block;
    width: 11px !important;  
    height: 11px !important; 
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width='11'%20height='11'%20viewBox='0%200%2011%2011'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cline%20x1='5.5'%20y1='11'%20x2='5.5'%20y2='0'%20stroke='white'/%3E%3Cline%20y1='5.5'%20x2='11'%20y2='5.5'%20stroke='white'/%3E%3C/svg%3E") !important;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 6%;

}

#btn-newsletter {
    width: fit-content !important;
    height: fit-content !important;
    font-size: 16px !important;
    font-weight: normal !important;
    color: #fff;
    border-radius: unset;
    border: 0px;
    background-color: transparent !important;
    padding-left: 20px;
    margin: 0px !important;
}
ul#menu-footer-top-searches, ul#menu-footer-about, ul#menu-services, ul#menu-footer-products {
    list-style: none;
    padding: 0px;
    font-size: 16px !important;
    font-weight: normal !important;
    line-height: 22px !important;
    letter-spacing: 0px !important;
    text-transform: lowercase;
    margin: 36px 20px 0px;
}

.content-footer-mobile .financiador {
    margin-bottom: 22px;
    text-align: center;
    width: 100%;
    margin-top: 35px;
}
.content-footer-mobile img.payment-img {
    width: 126px;
    height: 33px;

}
    .content-footer-mobile p.title-footer, .box-app-content p.title-footer {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0px;
    margin-bottom: 21px;
    color: #ffffff;
}
.content-footer-mobile .box-app-content {
 margin-bottom: 43px;
}

.content-footer-mobile .mobile-txt {
    font-size: 18px;
    letter-spacing: 0.3px;
    line-height: 20px;
    font-weight: bold;
    font-style: italic;
    width: 50%;
    margin: 15px 0px;
    font-family: 'Open Sans Condensed';
}
.menu-accordion h2.title-question {
    font-size: 16px;
    line-height: 18px;
    letter-spacing: -0.2px;
    font-weight: normal;
}
    .menu-accordion .faq-card{
        border-bottom: 1px solid #43515D;
        padding: 36px 20px !important;
    }
p.newsletter-txt {
    margin-bottom: 58px !important;
    margin-right: auto !important;
    font-size: 16px !important;
    line-height: 22px !important;
}
.footer-newsletter-content-mobile p.title-footer {
    color: #ffffff !important;
    margin-bottom: 35px !important;
}
    .footer-newsletter-content-mobile a#btn-newsletter{
        font-size: 16px;
        font-weight: 600 !important;
        color: #fff;
        border-radius: 30px !important;
        border: 0px;
        background-color: #96BF31 !important;
        letter-spacing: -0.2px;
        padding: 20px 40px;
    }
    .footer-newsletter-content-mobile {
    display: block;
    margin-top: 35px;
    margin-bottom: 36px;
    padding-bottom: 64px;
    width: 100vw !important;
    border-bottom: 1px solid #43515D;
}
    .content-footer-mobile {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 30px 20px;
    }
.content-footer-mobile .footer-menu {
 width: 100vw !important;
     display: block;
     height: fit-content !important;
     border-top: 1px solid #43515D;
     margin: 0 -20px;
}
.content-form h2.fs-22 {
    margin-bottom: 20px !important;
}
p.fs-12.p-0.txt-sub{
  font-size: 16px !important;
  line-height: 15px;
  letter-spacing: -0.3px;
  color: #000000;
  margin: 30px 0px 30px;
}
.page-container-partner .conten-page {
    margin-bottom: 60px;
}
label.form-check-label.fs-12.fw-bold.lh-13 {
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 18px !important;
    letter-spacing: -0.228415px;
    color: #000000;
}

.f
.form-control, select.form-select{
  height: 60px !important;
}
.text-end.mt-2.alert
 {
    text-align: center !important;
}
.desc_customer h1.title-page.text-black {
    width: 100% !important;
}
.desc_customer p.subtitle-content {
width: 100% !important;
}
.bg-page-partner {
    width: 100%;
    height: 260px !important;
    margin-bottom: 40px;
}
.content-form {
    width: 100% !important;
}
*
/*botones menu*/
hr.borderTop {
    width: 100% !important;
    margin-left: 0px !important;
}
.znNavOvr-menu a {

    font-size: 16px !important;
    width: 100% !important;
    padding-right: 30px;
}
.znNavOvr--layoutS2 .znNavOvr-menuWrapper {
    width: 100% !important;
}
.znNavOvr-menu {
    display: block;
    position: relative;
    padding: 40px 0 0px !important;
    margin-bottom: 7px !important;
}
.znNavOvr-customText {

    padding: 0px !important;
}
.znNavOvr--layoutS2 .znNavOvr-customText {
    padding-top: 0px !important;
    padding-bottom:10px !important;
}
.znNavOvr-customText a {
    font-size: 16px !important;
    color: #000000 !important;
    letter-spacing: -0.3px;
    font-family: 'Open Sans';
    margin-bottom: 50px;
    font-weight: 600;
}
.site-header-wrapper.sticky-top-area .back-button.position-absolute {
    top: 20px;
    left: 20px;
}
.logo-menu {
    margin-top: 27px;
}
    .znNavOvr--layoutS2 .znNavOvr-menu

 {

        padding-top: 0px !important;
    }
a.btn-black, .btn-right a.kl-login-box.topnav-item {
    background: #000000;
    color: #ffffff;
    font-size: 16px;
    border-radius: 30px;
    padding: 9px 26px;
    font-weight: 600;
    width: 147px;
    text-align: center;
}
a.btn-border, .btn-left a.kl-login-box.topnav-item {
    background: #ffffff;
    color: #000000;
    font-size: 16px;
    border-radius: 30px;
    padding: 9px 26px;
    border: solid 1px #000000;
    font-weight: 600;
}
.btns-menu {
    height: 40px;
    margin-top: 30px;
    margin-bottom: 17px;
}
/*ppup con bg */

.mfp-close {
    right: unset !important;
    top: 16px !important;
    left: 15px !important;
    color: black !important;
    font-size: 45px !important;
    font-weight: 500 !important;
    font-family: 'Open Sans Condensed' !important;
}
.form-login-mobile .logo_popup {
    margin-top: 68px;
    margin-bottom: 54px;
}
div#icons-login.form-login-mobile{
    width: 50vw !important;
}

.loginbox-popup .inner-container.login-panel.auth-popup-panel.bgn-img {
    background-image: url(/wp-content/themes/kallyas-child/img/bgn-popup.jpg);
    height: 100% !important;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}
/*popups login*/
/* 1) Selector con toda la jerarquía */
#icons-login.form-login-mobile
  a.mo_btn-google-white.mo_btn-social
  i.fa-google::before {
  
  /* 2) Anulamos el glyph de FA */
  content: "" !important;
  
  /* 3) Que sea un contenedor para el SVG */
  display: inline-block !important;
  width: 22px !important;
  height: 22px !important;
  
  /* 4) Inyectamos tu SVG por background */
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;
  background-image: url("/wp-content/themes/kallyas-child/img/google-icon.svg") !important;
}
 .mo_login_button {
   width:100%;
   height:60px;
   padding-top:15px;
   padding-bottom:15px;
   margin-bottom:-1px;
   border-radius:4px;
   background: #7272dc;
   text-align:center;
   font-size:16px;
   color:#fff;
   margin-bottom:5px;
 }

.form-login-mobile p.txt-subtitle {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
    line-height: 16px;
}
/*.fa-facebook:before {
    font-size: 22px;
}*/
.form-login-mobile .mo_btn-social{
  text-align: left !important;
}
.form-login-mobile button.bg-white.d-flex.login_btns, .form-login-mobile a.mo_btn.mo_btn-mo.mo_btn-block.mo_btn-social.mo_btn-facebook-white.mo_openid_mo_btn-custom-dec.login-button.mo_btn_noeffect, .form-login-mobile a.mo_btn.mo_btn-mo.mo_btn-block.mo_btn-social.mo_btn-google-white.mo_openid_mo_btn-custom-dec.login-button.mo_btn_noeffect {
    width: 178px !important;
    height: 60px !important;
    padding: 19px 0px 19px 18px !important;
    color: #000000;
}
.form-login-mobile a.mo_btn.mo_btn-mo.mo_btn-block.mo_btn-social.mo_btn-google-white.mo_openid_mo_btn-custom-dec.login-button.mo_btn_noeffect{
  padding-left: 49px !important;

}
.form-login-mobile a.mo_btn.mo_btn-mo.mo_btn-block.mo_btn-social.mo_btn-facebook-white.mo_openid_mo_btn-custom-dec.login-button.mo_btn_noeffect {
    padding-left: 52px !important;
}
.form-login-mobile .mo_btn-social>:first-child{
  top: 8px !important;
  left: 19px !important;
}
.form-login-mobile .icon {
    margin-right: 9px;
}
.form-login-mobile a.kl-login-box.topnav-item {
    background: black;
    color: white;
    text-align: center;
    padding: 18px 0;
    width: 178px;
}
.form-login-mobile .btn-left {
    margin-bottom: 30px;
}
.form-login-mobile a.kl-login-box.topnav-item
 {
    background: black;
    color: white;
    text-align: center;
}
#login_panel .button.mfp-close{
  display: none !important;
}
p.text-forgot {
    font-size: 18px !important;
    line-height: 22px !important;
    letter-spacing: -0.3px;
    margin-bottom: 0px !important;
}
p.forgot_txt {
    font-size: 18px !important;
    line-height: 22px !important;
    letter-spacing: -0.3px;
    margin-bottom: 35px !important;
}
select#acf-field_66951e92e4ce6 {
    padding: 8px 14px;
    height: 60px !important;
}
#register_panel .kl-fancy-form .form-control, #forgot_form .kl-fancy-form .form-control {
    padding: 14px;
    height: 60px !important;
    font-size: 13px;
    margin-bottom: 13px !important;
}
#register_panel button.mfp-close {
    display: none !important;
}

#register_form .form-group.kl-fancy-form, #register_form .acf-input.inputbox.kl-fancy-form-input.kl-fw-input {
    width: 100% !important;
}
h3.auth-popup-title, h3.txt_forgot_popup, h3.success_txt{
    font-size: 28px !important;
    line-height: 30px !important;
    color: #000000;
    font-weight: bold;
    letter-spacing: -0.34px !important;
    margin-bottom: 24px;
}
.legales_footer_popup p.fs-13.text-black {
    font-size: 16px !important;
}
a.kl-login-box.auth-popup-link.forgot-text {
    font-size: 14px !important;
    text-decoration: underline !important;
    line-height: 21px;
    font-weight: 600;
}
.auth-popup-remember {
    margin: 0px !important;
    font-size: 14px !important;

}
span#toggle-pass.icon-show-pass

 {
    position: absolute;
    top: 16px !important;
    right: 14px;
}
#login_form .kl-fancy-form .form-control, #forgot_form .kl-fancy-form .form-control, input#new-password, input#confirm-password {
    padding: 14px;
    height: 60px !important;
    font-size: 16px;
    margin-bottom: 20px !important;
}
#login_form .kl-fancy-form .form-control::placeholder, #register_panel .kl-fancy-form .form-control::placeholder, #forgot_form .kl-fancy-form .form-control::placeholder, input#new-password::placeholder, input#confirm-password::placeholder, input.form-control::placeholder, input#international_PhoneNumber_countrycode::placeholder  {
    font-size: 16px !important;
    color: #828282 !important;
    line-height: 20px !important;
    letter-spacing: -0.3px !important;
}
div#back-login-btns {
    top: 30px !important;
    left: unset !important;
    right: 30px !important;
}
div#back-home-btns {
    top: 30px !important;
    left: unset !important;
    right: 30px !important;
}
kl-fancy-form .form-control {
    padding: 14px;
    height: 60px !important;
    font-size: 13px;
    margin-bottom: 9px !important;
}
.auth-popup-panel {
    padding: 30px !important;
    width: 100% !important;
}
input#login, input#signup, input#recover, input#recover-change {
    margin: 35px 0px !important;
    height: 60px !important;
    font-size: 16px;
    border: none !important;
    border-radius: 30px !important;
}
.footer-popup {
    margin-top: 0px !important;
}
p.legales_popup.text-center {
    font-size: 12px !important;
    line-height: 16px !important;
}
.text-center.legales_footer_popup p {

    letter-spacing: -0.2px !important;
}
a.kl-login-box.auth-popup-link

 {
    font-size: 16px !important;
    margin-top: 0px !important;
    letter-spacing: -0.2px;
}
.linea-con-texto::after {
    content: '';
    flex-grow: 1;
    border-top: 1px solid #999696 !important;
    margin: 0 0 0 26px !important;
}
.linea-con-texto::before{
    content: '';
    flex-grow: 1;
    border-top: 1px solid #999696 !important;
    margin: 0 26px 0 0px !important;
}
.linea-con-texto {
    display: flex
;
    align-items: center;
    text-align: center;
    width: 100%;
    font-size: 18px !important;
    letter-spacing: -0.3px;
    line-height: 19px;
    font-weight: 600;
    margin-bottom: 16px;
}
button.login_btns p {
    font-size: 16px !important;
    margin-top: 3px !important;
    line-height: 14px;
    font-weight: 600;
    padding-left: -4px !important;
}
.mo_btn-social>:first-child {

    top: 7px !important;

}
.auth-popup .mfp-close{
    color: #000000;
    font-size: 33px;
}
.auth-popup-panel {
    padding: 30px !important;
}
.mo_btn-social>:first-child {
    position: absolute;
    left: 22px !important;
    top: 8px !important;
    bottom: 2px !important;
    width: 16px !important;
    line-height: 34px;
    font-size: 1.6em;
    text-align: center;
}
.txt_login_popup {
    width: 92% !important;
    letter-spacing: -0.34px !important;
    line-height: 30px !important;
    margin-bottom: 30px;
    font-size: 26spx !important;
}
.login_btns, a.mo_btn.mo_btn-mo.mo_btn-block.mo_btn-social.mo_btn-facebook-white.mo_openid_mo_btn-custom-dec.login-button.mo_btn_noeffect, a.mo_btn.mo_btn-mo.mo_btn-block.mo_btn-social.mo_btn-google-white.mo_openid_mo_btn-custom-dec.login-button.mo_btn_noeffect

 {
    border: solid 1px;
    padding: 20px 23px !important;
    border-radius: 30px;
    line-height: 18px !important;
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 17px;
    height: 60px !important;
    width: 100% !important;
}
/*my account*/
.menu-profile p.link {
    font-size: 18px !important;
    line-height: 44px !important;
    letter-spacing: -0.3px;
    font-weight: 400;
    margin-bottom: 0px;
    margin-left: 30px !important;
}
.menu-profile {
    border: 1px solid #828282 !important;
    text-align: end;
    align-items: center;
    padding: 11px 0px 14px 31px !important;
    width: 230px;
    margin-bottom: 20px;
    width: 100% !important;
    height: 100px !important;
    align-content: center;
    padding: 0 30px;
    border-radius: 10px 
}
.profile-info p {
    text-align: start;
    font-size: 18px !important;
    line-height: 16px !important;
    letter-spacing: -0.1px !important;
    margin-bottom: 30px;
    color: #6A6F80 !important;
    font-weight: 400;
    margin-top: 0px !important;
}
.profile-info h4 {
    font-size: 28px !important;
    font-weight: 700;
    line-height: 30px !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 20px !important;
    text-align: start;
}
.profile-avatar .rounded-circle {
    border-radius: 50% !important;
    width: 140px !important;
    height: 140px !important;
}
.section-profile .profile {
    background: transparent !important;
    padding: 0px !important;
    text-align: center;
    max-height: fit-content !important;
}
.section-profile .side-bar {
    width: 100% !important;
    max-height: 100% !important;
    border: unset !important;
}
.section-profile {
    display: flex
;
    flex-direction: column !important;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100% !important;
}
.user-data {
    margin-bottom: 40px;
}
button.btn.btn-fullcolor.rounded-5.btn-update-profile {
    width: 148px;
    height: 50px;
    font-size: 16px !important;
    letter-spacing: -0.2px !important;
}
.form-col6 {
    width: 100% !important;
    border-radius: 5px !important;
    border: 1px solid #828282 !important;
    align-items: flex-start;
    padding: 20px !important;
    margin: 0px;
    display: flex
;
    flex-direction: column;
    height: 60px !important;
    margin-bottom: 20px !important;
    justify-content: center;
}
/*travel guides*/
icon-full p.icon-pdf {
    margin: 0px;
    font-size: 12px !important;
    padding-right: 2px;
    line-height: 20px;
    font-weight: 600;
    padding-bottom: 8px;
}
.icon-full svg {
    margin-right: 15px;
    margin-bottom: 0px;
}
.guides h3.fs-22.text-green {
    font-size: 22px !important;
    line-height: 26px !important;
    font-weight: 600 !important;
    margin-bottom: 0px !important;
}
p.txt-cliente {
    font-size: 14px !important;
    font-weight: 700;
    line-height: 16px !important;
    margin-bottom: 12px;
    letter-spacing: -0.3px;
}
.guides img.mb-16 {
    width: 100%;
    height: 496px !important;
    margin-bottom: 20px !important;
    object-fit: cover;
}
.guides.row {
    width: 100%;
    margin: 0 auto;
}
.content-guides {
    width: 100% !important;
    font-size: 18px !important;
    line-height: 22px !important;
    font-weight: 400 !important;
    margin-bottom: 20px !important;
}
/*legales*/
ul.wp-block-list {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.2px;
}
.container-mobile .titulo h1 {
    font-size: 28px;
    line-height: 30px;
    letter-spacing: -0.5px;
    width: 80%;
    color: #000000;
    margin-bottom: 20px !important;
}
/*gallery lugar*/
.lightbox-caption.text-white {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    letter-spacing: -0.21px;
}
  .gallery-lightbox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100vw;
    background-color: black;
    display: none;
    flex-direction: column;
    z-index: 9999;
    overflow: hidden;
    padding: 20px;
  }

  .lightbox-header {
    flex-shrink: 0;
    height: 50px;
    display: flex;
    align-items: center;
    color: white;
    margin-bottom: 63px;
  }

  .lightbox-body {
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    overflow-y: auto;
    padding: 10px 0;
    width: 100%;
    max-height: 70%;
    max-height: 485px;
}

#imagenGrande {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
  .fade-in {
  animation: fadeIn 0.3s ease;
}
.gallery-lightbox-overlay button.btn-modal-close{
  background: transparent !important;
}

.counter {
  color: white;
  position: absolute;
  right: 20px !important;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
#viewGallery .icon-share {
    margin-right: 24.47px;
}
#viewGallery .icon-wishlist-single

 {
    border: unset !important;
    border-radius: 100%;
    width: 100% !important;
    height: 19.46px !important;
    padding: 0px !important;
    margin: 0px !important;
}
#viewGallery .icons-share {
    margin-bottom: 0px !important;
    position: absolute;
    right: 20px !important;
}
#viewGallery button.btn-modal-close {
    border: none;
    position: absolute;
    z-index: 3;
    background: #fff;
    border-radius: 50px;
    width: 22px !important;
    height: 18px !important;
    right: auto !important;
    top: auto !important;
    padding: 0px !important
}
#viewGallery .modal-header {
    padding: 0px !important;
    margin: 23px 20px !important;
    border: none;
}
#viewGallery .modal-dialog {
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
}
.gallery-masonry-product {
    padding: 0px !important;
    height: 100%;
}
.grid-sizer, .masonry-item {
    width: calc((100vw - 8px) / 2) !important;
    padding-left: 0px !important;
    margin-bottom: 5px !important;
}
.masonry-grid {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0px !important;
    margin-right: 0px !important;
    width: calc(100vw + 5px) !important;
  /*  height: 100% !important;*/
    overflow: auto !important;
}
/*lugar*/
.content-product p.label-tipo-product {
    font-family: "Open Sans" !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 16px !important;
    letter-spacing: -0.3px !important;
    margin-top: 0px !important;
}
.product-destino p.txt-destino {
    font-family: "Open Sans" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    letter-spacing: -0.2px !important;
    text-transform: uppercase;
}
.related-product h2.sub-title-item {
    font-family: "Open Sans Condensed" !important;
    font-weight: 700 !important;
    font-size: 22px !important;
    line-height: 22px !important;
    letter-spacing: -0.2px !important;
    color: #000000;
    margin-bottom: 20px !important;
    text-transform: uppercase !important;
}
.never-forget h2.sub-title-item

 {
    font-family: "Open Sans Condensed" !important;
    font-weight: 700 !important;
    font-size: 22px !important;
    line-height: 22px !important;
    letter-spacing: -0.2px !important;
    color: #000000;
    margin-bottom: 10px !important;
    text-transform: uppercase !important;
}
.never-forget .destination-card:not(:last-child)::after{
    content: "";
    position: absolute;
    top: 0%;
    right: 0;
    height: 37%;
    width: 0.7px;
    background-color: #999696;
}
p.desc-slide--off {
    font-family: "Open Sans" !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 22px !important;
    letter-spacing: -0.2px !important;
    margin-top: 0px !important;
}
.box-title-number h3.title-slide {
    font-family: "Open Sans" !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 22px !important;
    letter-spacing: -0.2px !important;
    margin-top: 10px !important;
}
span.number-slide--off {
    position: absolute !important;
    bottom: 10px !important;
    left: 10px !important;
    color: #ffffff !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    font-size: 40px !important;
    font-weight: 700 !important;
    font-family: "Open Sans" !important;
    line-height: 17.54px !important;
    letter-spacing: -0.2px !important;
}
.destination-card.mx-2-off .img-never-forget {
    width: 280px !important;
    height: 146px !important;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 0px 0 0 0px;
}
.destination-card.mx-2-off .img-never-forget {
    position: relative !important;
}

.never-forget .destination-card {
    position: relative;
    padding-right: 16px;
    margin-right: 16px;
}
.related-product .productos-content{
  padding: 0px !important;
}
.related-product {
    width: 100% !important;
    margin-bottom: 77px !important;
}
.info-location {
    width: 100% !important;
    border-left: none !important;
    padding-left: 0px !important;
    margin-top: 30px !important;
}
.info-product .desc-product {
    margin-bottom: 28px;
}
.info-product
 {
    width: 100% !important;
    display: flex
;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 52px;
    flex-direction: column !important;
}
.detail-product, .info-product .desc-product {
    width: 100% !important;
}
.section-title-product {
    margin-bottom: 45px !important;
    width: 100% !important;
    display: flex
;
    flex-wrap: nowrap !important;
    flex-direction: column !important;
    justify-content: space-between;
}
.item-detail a, .item-detail, .address {
    font-size: 16px !important;
    letter-spacing: -0.2px !important;
    line-height: 22px !important;
    margin-top: 0px !important;
    margin-bottom: 0px;
    color: #000;
    font-weight: normal;
    text-align: start;
}
.detail-product h1.title-page {
    color: #000000 !important;
    line-height: 30px !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 5px !important;
}
.btn-gallery{
    padding: 0px !important;
    text-align: center;
    position: absolute;
    right: 20px;
    bottom: 20px;
}
button#viewGalleryButton {
    background-color: #7272722e;
    border-radius: 25px !important;
    border: solid 1px #fff;
    width: 103px !important;
    height: 40px !important;
    color: #fff;
    font-size: 16px !important;
    line-height: 13.5px !important;
    letter-spacing: -0.02px !important;
}
.icons-share-mobile .icon-wishlist-single {
    border: unset !important;
    border-radius: unset !important;
    width: 30px;
    height: 30px;
    padding: 0px !important;
    margin-right: 0px !important;
    margin-top: 20px !important;
}
.banner-product .icons-share-mobile {
    position: absolute;
    right: 20px;
    top: 20px;
}
.banner-product .img-place{
  border-radius: 0px !important;
  width: 100%!important;
  height: auto !important;
  min-height: 260px !important;

}
.banner-product {
    width: auto !important;
    display: block !important;
    margin: 0 -20px 29px -20px !important;
    position: relative;
}
.related-product .img-product{
  width: 117px !important
}
.related-product h3.title-product {
font-size: 22px;
width: 80% !important;
}
/*corporativas*/
p.quote-legales {
    width: 100% !important;
    font-size: 22px !important;
    line-height: 26px !important;
    letter-spacing: -0.4px !important;
    font-weight: bold !important;
}
    .content-pack {
        padding: 0px;
        margin-bottom: 0px !important;
    }
.content-page-corporate {
    width: 100% !important;
    margin-bottom: 111px;
}
.title-section .title-page {
    width: auto;
    margin-bottom: 20px !important;
    color: #000000 !important;
}

/*customer-services*/
.titulo_customer input.form-control::placeholder, .titulo_customer textarea.form-control, .titulo_customer select.form-select {
    font-size: 16px;
    color: #828282;
}
.titulo_customer textarea.form-control{
  border: solid 1px #828282 !important;
}
.titulo_customer input.form-control, .titulo_customer select.form-select {
    height: 60px;
    border: solid 1px #828282 !important;
}
.titulo_customer label {
    display: none !important;
}
#form_customer{
  margin-top: 20px !important;
}
.titulo_customer h2, .content-form h2
 {
    font-family: 'Open Sans Condensed';
    font-size: 22px;
    text-transform: uppercase;
    line-height: 22px;
    letter-spacing: -0.27px;
    margin-bottom: 0px;
}
.titulo_customer h1 {
    font-size: 28px;
    line-height: 30px !important;
    letter-spacing: -0.5px;
    font-weight: bold !important;
    margin-bottom: 20px;
}
button#btn_send {
    width: fit-content !important;
    font-size: 16px !important;
    line-height: 18px !important;
    padding: 20px 27px !important;
    border-radius: 30px !important;
    background: #93C01F !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    letter-spacing: -0.02px !important;
    border: none;
}
.text-end.mt-2.alert.box-send {
    text-align: center !important;
    margin-top: 60px !important;
    padding: 0px !important;
}
.img-section{
  width: 100% !important;
  margin-bottom: 40px; 
}
.img_contact {
    width: 100% !important;
    height: 260px !important;
    object-fit: cover;
}
.desc_customer p{
    font-size: 18px !important;
    line-height: 22px !important;
    font-weight: 400 !important;
    letter-spacing: -0.2px;
    margin-bottom: 0px !important;
}
.desc_customer{
  margin-bottom: 30px !important;
}

.titulo_customer.w-75 {
    width: 90dvw !important;
}
.desc_customer {
    width: 100% !important;
    font-size: 20px;
    line-height: 24px;
    font-weight: 300;
    letter-spacing: -0.2px;
    margin-bottom: 58px;
}
/*destino*/
.col1-destino.col-expanded {
    -webkit-line-clamp: 5 !important;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    position: relative;
}
.col1-destino.col-expanded.expanded {
    -webkit-line-clamp: none !important;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
    p.title-destino-conect

 {
        font-size: 16px !important;
        line-height: 37px !important;
        margin-bottom: 0px;
        letter-spacing: -0.2px !important;
        font-weight: normal;
        width: auto !important;
        height: 40px;
        border: solid 1px #000000;
        border-radius: 20.31px;
        text-align: center;
        padding: 0px 20px;
    }
    .where-pray

 {
        width: 212px;
        height: 50px;
        color: #fff;
        background-color: #93C01F;
        text-align: center;
        border-radius: 30px;
        padding: 14px 7px;
        margin: 0 auto;
        margin-bottom: 60px !important;
    }
.box-map-des button#modal-Mapa-responsive {
    position: fixed;
    bottom: 2%;
    left: 8%;
    z-index: 3;
    height: 40px;
}
.destinos-banner .box-filtros
 {
    position: absolute;
    top: 13%;
}
.col1-destino p {
    margin-bottom: 4px;
}
.linea-blog{
  width: 0.9px !important;
  height: 248px !important;
  background-color: #999696;
  margin: 180px 0 0 !important;
  padding: 0.7px;
}
    .title-blog

 {
        font-size: 23px;
        letter-spacing: -0.2px;
        font-weight: bold;
        line-height: 26px;
        margin-bottom: 20px;
        color: #45474C;
        min-height: 51px;
    }
    img.veryBest {
    display: none;
}
#destiny-type {
        display: flex
;
        overflow-x: auto;
        gap: 16px !important;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-x;
        margin-bottom: 20px !important;
        margin-right: -20px !important;
        margin-left: -2px !important;
    }
    .conexiones-destinos.conect-mobile {
        display: flex
;
        margin: 0px !important;
        width: fit-content;
    }
.faq-question h2::before {
    width: 16px !important;
    height: 10px !important;
    float: unset !important;
    position: absolute;
    right: 6%;
}
.faq-question h2.collapsed::before {
    width: 16px !important;
    height: 9px !important;
    background-image: url(/wp-content/themes/kallyas-child/img/ico-faqs-mobile.png) !important;
    float: unset !important;
    position: absolute;
    right: 6%;
}
#accordionProducts div.faq-question, #accordionServices div#headingOne-services, #accordionAbout div#headingOne-about, #accordionContact div#headingOne-contact  {
    max-width: 100% !important;
}
div.faq-question {
   max-width: 81% !important;
}
div.faq-question {
   max-width: 81% !important;
}
  .col2-destino {
    width: auto !important;
    margin: 40px 0px 0px !important;
}
button#read-more-tips img {
    display: none !important;
}
  button#read-more-tips {
    margin: 0px !important;
    text-decoration: underline !important;
    line-height: 22px;
}

    .col1-destino

 {
        width: fit-content !important;
        margin: 0px !important;
       -webkit-line-clamp: 16 !important;
       -webkit-box-orient: vertical;
       display: -webkit-box;

    }
/*home*/
    .carrousel-home {
    margin: 50px 0px;
    width: 100vw;
}
.box-destinations-mobile {
  display: grid;
  grid-template-columns: repeat(2, minmax(156px, 1fr));
  gap: 0.5rem;
  width: 100%;
  justify-items: stretch;
}

.item-destinations {
  position: relative;
  /* mantiene proporción cuadrada */
  aspect-ratio: 1 / 1;
  /* cover para que la imagen llene todo el contenedor */
  background-size: cover;
  background-position: center;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}


.box-destinations-mobile .item-destinations p.txt-destinations {
    font-weight: 700;
    margin: 0px;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.5px;
    padding: 0px;
    background: transparent;
    color: #ffffff;
    text-shadow: 0px 1px 10px black;
    position: static;
    text-align: center;
}




#customCarouselTours .carousel-inner {

    min-height: 517px;
}
#customCarouselTours .carousel-item.active {
    width: 100% !important;
    display: block !important;
}
.pack-home .icon-wishlist-single {
    border: none;
    width: fit-content !important;
    height: 30px;
    padding: 0px !important;
    margin: 0px !important;
}
    .box-add{

        margin: 50px 0px;
    
}
/*blog*/
    .content-all-blog .content-blog {
        width: 100%;
    }
.content-all-blog {
    display: block;
}
h3.wp-block-heading, .single-blog h3,  .single-blog h2 {
    margin-top: 41px;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    letter-spacing: -0.3px;
}
.single-blog .title-section .title-page {
    width: fit-content !important;
    margin-bottom: 20px !important;
    color: #000000 !important;
}
.single-blog p.date-post {
    color: #767676 !important;
    font-weight: 400 !important;
}
.single-blog .icon-wishlist-single {
    width: auto !important;
    margin-top: 0px !important;
    margin-left: 28px !important;
}
.content-all-blog .search-blog {
    margin-bottom: 40px;
    margin-top: -20px;
}
p.title-search-blog {
    font-family: 'Open Sans Condensed';
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: -0.27px;
    margin-bottom: 0px;
    line-height: 22px;
    color: #000000;
}

.single-blog  .icon-wishlist-single {
    border: none !important;
    border-radius: unset !important;
    width: 30px;
    height: 23px !important;
    padding: 0px;
    margin-right: 0px !important;
}
.icons-share{
    justify-content: space-between !important;
    margin-bottom: 20px !important;
}
div.author-name p {
    font-size: 14px !important;
    color: #000000;
    line-height: 18px !important;
    letter-spacing: -0.3px !important;
    font-weight: 600;
    margin-bottom: 0px;
}
.single-blog .title-section p.subtitle {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.21px;
    margin-bottom: 20px !important;
    padding: 0px !important;
    color: #000000;
    font-weight: 400;
}
.single-blog .title-section {
  width: fit-content !important;
}
.single-blog
 {
    width: 100% !important;
    margin: 0 auto;
}
.content-img-destacada {
    width: 100% !important;
    margin-bottom: 28px;
   /* height: 192px !important; */
}
p.creditos {
    line-height: 23px;
    border-bottom: 1px solid gray;
    margin-bottom: 40px;
}
div.img-destacada {
    width: 100%;
    height: 192px !important;
    background-size: cover;
    background-position: center;
    object-fit: cover;
}
div#blog-order-desktop {

    margin-bottom: 41px;
}
#blog-order-desktop .linea-blog {
    width: 0.9px;
    height: 248px !important;
    background-color: #999696;
    border: none;
    margin: 180px 0 0;
    padding: 0.7px;
}
.nube-tags {
    justify-content: start !important;
    gap: 7px !important;
    align-items: center;
}
.content-tags h4.subtitle-txt {
    font-size: 22px;
    line-height: 22px;
    letter-spacing: -0.27px !important;
    font-weight: bold;
    color: #000;
    height: fit-content;
    margin-bottom: 20px !important;
    font-family: 'Open Sans Condensed';
    text-transform: uppercase;
}
.search-filter-results hr {
    margin: 40px 0px 20px !important;

}
.search-filter-results .items-all-blog {
    width: 62% !important;
}
.search-filter-results .items-blog {
    height: fit-content !important;
    overflow: hidden;
    gap: 20px;
}
.search-filter-results .items-blog .img-blog {
    width: 117px !important;
    height: 117px !important;
    border-radius: 15px !important;
    object-fit: contain;
}
.search-blog input.sf-input-text::placeholder {
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0px;
}
.sf-field-search label:before {
    content: url(https://letsgohalal.com/wp-content/themes/kallyas-child/img/ico-search-app.png) !important;
    left: 20% !important;
}
li.sf-field-taxonomy-category-blog {
    display: none !important;
}
.search-blog input.sf-input-text {
    border: solid 1px #000000 !important;
    border-radius: 30px !important;

    height: 45px !important;
    width: 100% !important;
    text-align: center;
    margin: 0px !important;
    padding-left: 25px !important;
}
.search-blog li.sf-field-search {
    width: 100% !important;
}
.content-blog.full-mobile {
    width: 100%;
}.content-blog h4.title-blog {
    color: #000000;
    font-size: 22px !important;
    line-height: 22px !important;
    letter-spacing: -0.27px !important;
    border-bottom: none !important;
    font-family: 'Open Sans Condensed';
    margin-bottom: 14px !important;
    margin-top: 60px;
}
.scrolling-wrapper .linea-blog {
    margin: 64% 0 0 !important;
}
    p.descrip-blog{
        font-size: 16px;
        line-height: 20px;
        letter-spacing: -0.3px;
        margin-right: 0px;
        margin-bottom: 20px;
        color: #000000;
        height: fit-contents !important;
        overflow: hidden !important;
    }
.scrolling-wrapper h3.title-blog {
    color: #83AC1D !important;
    margin-bottom: 14px !important;
}
.card-blog {
    width: 251px !important;
    height: fit-content !important;
}
img.img-card-blog{
    width: 100% !important;
    height: 251px !important;
    border-radius: 10px;
}
.blog-item-box.border-right {
    padding-right: 10px !important;
}
.blog-content-grid {
  grid-template-columns: repeat(4, 1fr) !important;
    width: 100% !important;
    gap: 10px !important;
    margin-bottom: 60px !important;
}
.content-desc {
    border-bottom: 1px solid #ADB0B2;

}
.post-destacado {
    width: 100% !important;
}
.img-blog-desta {
    width: 100% !important;
    height: 260px !important;
    margin-bottom: 20px !important;
}
p.desc-blog {
    font-size: 18px !important;
    text-align: start !important;
    line-height: 22px !important;
    letter-spacing: -0.21px !important;
    margin-bottom: 30px !important;
    max-height: fit-content !important;
    overflow: unset !important;
}
.post-destacado h1.title-post {
    font-size: 28px !important;
    text-align: start !important;
    line-height: 30px !important;
    letter-spacing: -1.6px !important;
    color: #83AC1D !important;
    margin-bottom: 20px;
    max-width: 71%;
}
.cate-item {
    font-size: 14px !important;
    line-height: 14.1px !important;
    letter-spacing: -0.21px !important;
    margin-bottom: 16px !important;
}
.section-title-blog-header{

        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0px;
    
}
.section-title-blog-header .label

 {
        position: relative;
        background-color: #45474C;
        color: white;
        padding: 8px;
        font-weight: bold;
        font-family: 'Open Sans Condensed' !important;
        font-size: 22px;
        border-radius: 2px;
        font-variation-settings: "wdth" 75;
    }
    .section-title-blog-header .label::after

     {
            content: "";
            position: absolute;
            bottom: -15px;
            left: 40%;
            margin-left: -11px;
            width: 0;
            height: 0;
            border-left: 1px solid transparent;
            border-right: 20px solid transparent;
            border-top: 18px solid #45474C;
        }
/*muslim destinations*/
.destinos-img-content .img-destino-to-go{
    width: 100% !important;
    height: 214px !important;
    margin-bottom: 24px;
    border-radius: 20px;
    text-align: center;
    align-content: center;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.title-destino-img {
    color: #ffffff !important;
    font-size: 22px !important;
    z-index: 2 !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: -0.5px !important;
}
h3.txt-best {
    font-family: 'Open Sans Condensed' !important;
    font-weight: 700 !important;
    font-size: 22px !important;
    line-height: 22px !important;
    text-transform: uppercase !important;
    text-align: left !important;
    margin-left: 6px !important;
    margin-bottom: 10px !important;
    color: #000000 !important;
    letter-spacing: -0.27px !important;
}
/**activities*/
h1.title-page.full{
  width: 100% !important;
}
.tag-language {
    width: unset !important;
}
.tags-product-tours .tag-language{
    text-transform: uppercase;
    display: flex;
    align-items: flex-start; 
    flex-wrap: nowrap;
}
.tag-language .tag {
  word-break: break-word; 
  white-space: normal;
  max-width: 100px;
}
.tag-place, .tags-product-tours .tag-language, .tags-product-tours .tag-duration
 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 7px !important; 
}
.desc-product-tours p.desc-product {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.14px;
    margin-top: 20px;
    margin-bottom: 0px;
}
.desc-product-tours {
    width: 100% !important;

}
.desc-product-tours p.desc-product.activ {
    display: block;
}
    .content-product-tours {
        display: flex;
        width: 100% !important;
        padding: 20px 0 !important;
        flex-direction: column;
        justify-content: flex-start;
    }
.dos_lineas {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;   /* nº de líneas */
    line-clamp: 2 !important;   /* nº de líneas */
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.tres_lineas {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;   /* nº de líneas */
    line-clamp: 3 !important;   /* nº de líneas */
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.quince_lineas{
    display: -webkit-box !important;
    -webkit-line-clamp: 15 !important;   /* nº de líneas */
    line-clamp: 15 !important;   /* nº de líneas */
    -webkit-box-orient: vertical;
    overflow: hidden;    
}
.search-blog input.sf-input-text {
    font-size: 16px;
}

.productos-content-ajax .desc-product-tours h3.title-product {
    font-size: 22px;
    width: 88% !important;
    letter-spacing: -0.2px;
    line-height: 26px;
    font-weight: 600;
    color: #96BF31;
    margin-bottom: 0px;
}
.tags-product-tours {
    padding-right: 0 !important;
    height: fit-content !important;
}
.tags-product-tours p.tag {
    font-size: 16px !important;
    line-height: 16px !important;
    letter-spacing: -0.2px !important;
    margin-bottom: 0px;
}
p.lable-tours.position-absolute {
    border-radius: 6.77px;
    margin: 18px;
    font-size: 14px;
    letter-spacing: -0.2px;
    font-weight: 600;
    line-height: 16px;
    padding: 8px 10px;
}
.item-producto-tours {
    width: 100%;
    height: fit-content !important;
    border: unset !important;
    border-bottom: 1px solid #999696 !important;
    background: #fff;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    justify-content: space-between;
    padding-bottom: 18px; 
    background: #fff;
    border-radius: unset !important;
}
img.img-product-tours {
    height: 168px !important;
    object-fit: cover !important;
    border-radius: unset !important;
    width: 100% !important;
}
#muslin_list .wp-block-columns {

    margin-bottom: 0px !important;
}
.type-desc-tours {
    width: 100% !important;
    margin-bottom: 20px !important;
    height: auto !important;
}
p.label-places-tours {
    font-size: 16px !important;
    color: #000000 !important;
    letter-spacing: -0.14px !important;
    line-height: 22px !important;

}
.item-producto-tours .icon-wishlist-activities {
    position: absolute;
    padding: 0px;
    right: 5%;
    margin-top: -3px !important;
}
.item-producto-tours .icon-wishlist-activities .wishlist-button-wrap .auth-popup-links {
    position: absolute;
    padding: 0px;
    right: 5%;
    margin-top: 0px !important;
}

span.places-tours {
    font-size: 16px !important;
    line-height: 22px !important;
    letter-spacing: -0.14px !important;
    color: #000000 !important;
    font-weight: 400 !important;
}
.description-page {
        width: 100% !important;
        max-height: fit-content !important;
        overflow: unset;
        font-size: 16px;
        letter-spacing: -0.2px;
        line-break: auto;
        line-height: 22px !important;
        margin-bottom: 0px;
        font-weight: 400;
    }
.item-producto-tours .content-img-tours{
    height: 168px !important;
    width: 100% !important;
}

.desc-product-tours p.desc-product {
    display: none;
}
/*botones destinos*/
/*.card-destinos .card-text {
    width: unset !important
    ;
}*/

.btn-type-dest {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;      /* evita que el texto salte de línea dentro del botón */
  padding: 0.5rem 1rem;     /* ajusta espaciado interior */
  margin-right: 0.75rem;    /* separación entre botones */
  border: 1px solid #000000;
  border-radius: 25px;
  background-color: #fff;
  text-decoration: none;
  font-size: 0.875rem;      /* 14px */
  color: #000000;
  transition: background-color 0.2s, border-color 0.2s;

  /* IMPORTANTE: que no se encoja y que su ancho sea automático */
  flex: 0 0 auto;
}

/* Hover / Estado activo opcional */
.btn-type-dest:hover {
    background-color: #96bf31;
    border-color: #96bf31;
    color: #ffffff;
}
.bts-destinos {

    color: #ffffff !important;
}

.btn-type-dest .ico-type {
  width: 16px;
  height: 16px;
  margin-right: 0.5rem; 
  object-fit: contain;
}


.btn-type-dest .label-btn-type {
  line-height: 1;              /* alinea verticalmente con el ícono */
}

/*activities*/
.full-description p, .short-description {
    font-size: 16px !important;
    line-height: 22px !important;
    letter-spacing: -0.2px !important;
    color: #000000;
}
/*mosques*/
.icon-wishlist.icoFilter {
    float: right;
    margin: 16px;
}
.green-directions-off {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 21px 10px 17px;
    border: 1px solid #7AA11B;
    color: #7AA11B;
    background-color: transparent;
    border-radius: 999px;
}
.green-directions-off a {
    font-size: 16px !important;
    line-height: 20px;
    letter-spacing: -0.2px !important;
    color: #7AA11B !important;
    font-weight: 500;
}


.more-info-off {
    display: inline-block;
    padding: 10px 31px;
    border: 1px solid #000; /* negro */
    color: #000;
    background-color: transparent;
    border-radius: 999px;

}
.more-info-off a {
    font-size: 16px;
    line-height: 18px;
    letter-spacing: -0.2px;
    color: #000000;
    font-weight: 500;
}

#mosques p.dec-mos {
    font-size: 16px !important;
    line-height: 22px !important;
    letter-spacing: -0.2px !important;
    color: #000000 !important;
    margin-bottom: 20px !important;
}
.mosques-desc .content h4 {
    line-height: 26px !important;
    font-size: 22px !important;
    letter-spacing: -0.3px;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
}
.mosques-desc .address {
    font-weight: 600 !important;
    margin-bottom: 20px !important;
    font-size: 16px !important;
    line-height: 22px !important;
    color: #000000 !important;
    letter-spacing: -0.2px !important;
    margin-top: 0px !important;
}
#mosques .img_mosque {
    height: 238px !important;
    width: 100% !important;
    margin-bottom: 20px;
    
}
#search-filter-results-27750 h2.destino{
    margin-bottom: 20px !important;
}
h2.destino {
    font-size: 22px !important;
    line-height: 22px !important;
    font-weight: bold;
    letter-spacing: -0.37px !important;
    border-bottom: unset !important;
    width: 100% !important;
    margin-bottom: 30px;
    color: #000000;
    font-family: 'Open Sans Condensed';
    text-transform: uppercase;
}
.filter-wp p.filter-title {
    font-size: 16px !important;
    font-family: 'Open Sans Condensed' !important;
    text-transform: uppercase !important;
}
.filter-wp {
    margin-top: 0px !important;
    text-align: center !important;
}
form#search-filter-form-27750 li {
    line-height: 22px !important;
    margin-bottom: 0px !important;
}
form#search-filter-form-27750 ul {
    display: block !important;
    width: 100% !important;
}
span.separador, li.sf-level-0.sf-item-576 {
    display: none !important;
}
li.children-27750 {
    display: none !important;
}
#descripcion-mosques {
    width: 100% !important;
}
#descripcion-mosques p{

    line-height: 24px;
}
#descripcion-mosques p {
    line-height: 22px;
    font-size: 18px;
    color: #000000;
    letter-spacing: -0.2px;
    margin-bottom: 40px;
}
div.filter-box{
    width: 100%;
    margin-bottom: 40px;
    text-align: center;
}
button.btn-filter {
    background: #000000;
    border-radius: 25px;
    border: none;
    height: 40px;
    margin: 0 auto;
    color: #ffffff;
    padding: 0px 27px;
    font-size: 16px;
    letter-spacing: -0.2px;
    line-height: 13.5px;
    margin: 0 auto;
}
/*tipo de producto global*/
h1.title-page {
    font-size: 28px !important;
    letter-spacing: -0.5px !important;
    line-height: 30px !important;
    margin-bottom: 17px !important;
    font-weight: 700 !important;
    font-family: 'Open Sans' !important;
    width: 264px !important;
    padding: 0px !important;
    color: #96BF31 !important;
}
h1.title-page span.text-green{
    color: #000000 !important;
}
h1.title-page span.title-green{
    color: #96BF31 !important;
}
h1.title-page.text-black{
    color: #000000 !important;
}
.destinos-banner-tipos .headerbg-destinos {
    width: 100% !important;
    height: 260px !important;
    object-fit: cover !important;
    object-position: left !important;
    margin: 0px !important;
}
.destinos-banner .headerbg-destinos{
    height: 164px !important;
    width: 100%;
    object-fit: cover !important;
    object-position: center !important;
    margin-bottom: 0px !important;
}
.destinos-banner-tipos {
    margin: 0px -20px 20px -20px !important;
}
.destinos-banner {
    margin: 0px -20px 30px -20px !important;
    position: relative;
    height: 163px;
}

/**buscador tipos*/
.proclose {
    left: 0 !important;
}
.asp_w_container_5, .asp_w_container_6, .asp_w_container_4,
.asp_w_container_7

 {
    width: 100% !important;
}
div.asp_m.asp_m_5, div.asp_m.asp_m_6, div.asp_m.asp_m_4, div.asp_m.asp_m_7 {
    border: 2px solid #83AC1D !important; 
}
div.asp_m.asp_m_9 .probox .promagnifier .innericon svg {
    margin-left: 15px !important;
}
div.asp_m.asp_m_9 .probox .proinput {
    margin: 0 0 0 12px !important;
    padding: 0 5px !important;
}

.buscador-tipos {
    bottom: 18px !important;
    width: 72% !important;
}
div.asp_m.asp_m_7 .probox .promagnifier .innericon, div.asp_m.asp_m_5 .probox .promagnifier .innericon, div.asp_m.asp_m_6 .probox .promagnifier .innericon, div.asp_m.asp_m_7 .probox .promagnifier .innericon{
    background-image: url(https://letsgohalal.com/wp-content/themes/kallyas-child/img/ico-search-app.png) !important;
}
div.asp_m.asp_m_7 .probox .promagnifier .innericon svg, div.asp_m.asp_m_7 .probox .promagnifier .asp_text_button, div.asp_m.asp_m_5 .probox .promagnifier .innericon svg, div.asp_m.asp_m_6 .probox .promagnifier .innericon svg {
    display: none !important;
}
div.asp_m.asp_m_6 .probox .promagnifier .asp_text_button, div.asp_m.asp_m_4 .probox .promagnifier .asp_text_button{
    display: none !important;
}
/**carrusel tipos */
.destination-card-image-box {
    width: 117px !important;
    height: 117px !important;
    overflow: hidden !important;
    margin-right: 14px !important;
    border-radius: 15px;
    object-fit: cover !important;
}
.destination-card a.title-carrusel-tipo, .destination-card p.card-text {
    font-family: "Open Sans" !important;
    font-size: 14px !important;
    line-height: 16px !important;
    letter-spacing: -0.2px !important;
    font-weight: 700 !important;
    color: #828282;
    width: 117px !important;
}
.destination-card a.top-rated{
    color: #000000;
}
.mb-50{
 margin-bottom: 50px !important;
}
/*descripcion tipos*/
.container-mobile .content-page {
    display: block !important;
    max-height: unset !important;
    margin: 0px 0 40px 0px !important;

}
.container-mobile .read-more-btn {
    background-color: inherit !important;
    color: #73971B !important;
    padding: 0px !important;
    border: none !important;
    cursor: pointer !important;
    margin-top: 0px !important;
    text-decoration: underline !important;
    font-family: 'Open Sans' !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: -0.2px !important;
    line-height: 22px !important;
}

.btns-mobile {
    display: flex
;
    justify-content: space-between;
    margin-bottom: 30px;
}
.btns-mobile-pack {
    text-align: right;
    margin-bottom: 30px;
}
button#modal-Mapa-responsive, button#modal-filter_tipos {
    width: 94px;
    border-radius: 25px;
    background: #343C48;
    color: #ffffff;
    border: none;
    height: 40px;
    font-size: 14px !important;
    letter-spacing: -0.2px;
}
.side-bar-product {
    width: 100% !important;
    /* margin-right: 48px; */
}
button#modal-Mapa-responsive img {
    margin-right: 5px;
    margin-bottom: 2px;
}
button#modal-filter_tipos img {
    margin-right: 5px;
}
/*blog*/
div#blog {
    padding: 0px !important;
}
#items_blog{
    padding: 0px !important;
    max-height: 468px !important;
    margin-right: -20px !important;
}
.blog-product {
        margin: 0px !important;

    }
    .section-title-blog

 {
        display: flex
;
        align-items: center;
        justify-content: center;
        gap: 15px;
        margin: 40px 0;
        width: 100%;
    }   
div#blog {
    width: 100% !important;
}   


/*productos */
.productos-content-ajax {

        padding: 0px !important;
        width: 100% !important;
    }
    .related-product .productos-content .box-product {
        height: fit-content;
        padding: 0px;
        width: 59.57%!important;
    }
    .related-product .item-producto
     {
            width: 91vw!important;
            height: fit-content;
            border: unset;
            border-radius: unset;
            gap: 0px;
            display: flex
    ;
            padding-bottom: 38px;
            border-bottom: 1px solid #999696;
            justify-content: space-between;
        }
 #viewGallery .modal-content{
    max-height: 100%;
}
   /* #viewGallery .modal-content {
        max-height: 100vh !important;
        max-height: 100% !important;
    }
	#viewGallery .modal-content .masonry-grid {
         height: 100vh !important;
        height: 100% !important;
        overflow: auto !important;
	}*/
div#load-more-container button#load-more

 {
        width: 148px;
        height: 50px;
        border-radius: 30px;
        border: solid 1px #000000;
        background: #fff;
        font-size: 16px;
        letter-spacing: -0.2px;
        font-weight: 600;
        color: #000000 !important;
    }
.productos-content-ajax .img-product, .productos-content .img-product {
        height: 117px !important;
        border-radius: 15px;
        width: 117px !important;
        object-fit: cover !important;
        margin-right: 20px;
    }
    @media (min-width: 750px) {
        .search-filter-results .items-blog .img-blog {
            width: 36% !important;
            height: 124px;
            border-radius: 0px;
        }
        .productos-content-ajax .img-product, .productos-content .img-product {
            min-width: 60% !important;
            margin-right: 20px;
        }
    }
    .productos-content-ajax .box-product{
        height: fit-content;
        padding: 0px;
        width: 58.57% !important;
    }
    .productos-content .box-product{
        height: fit-content;
        padding: 0px;
        width: 58.57% !important;
    }
.productos-content-ajax h3.title-product, .productos-content h3.title-product {
        font-size: 22px;
        width: 82% !important;
        letter-spacing: -0.3px;
        line-height: 21px;
        font-weight: 600;
        color: #96BF31;
        margin-bottom: 4px;
    }
.results-list .item-producto .img-product .icon-wishlist {
    margin: 0px !important;
}
 .productos-content-ajax .item-producto, .productos-content .item-producto{
        width: 100%;
        height: fit-content;
        border: unset;
        border-radius: unset;
        gap: 0px;
        display: flex;
        padding-bottom: 40px;
        border-bottom: 1px solid #999696;
        justify-content: space-between;
    }
.productos-content-ajax p.label-tipo-product {
    font-size: 14px;
    font-weight: 700;
    font-family: 'Open Sans';
    text-transform: uppercase;
    letter-spacing: -0.3px !important;
    line-height: 16px;
    margin: 0px 0px 14px !important;
    color: #000000;
}
.productos-content-ajax p.txt-destino {
    font-size: 16px;
    text-transform: uppercase;
    color: #767676;
    margin-bottom: 0px;
    line-height: 20px;
    letter-spacing: -0.2px;
    margin-top: 11px;
    font-weight: 600;
}
.productos-content-ajax .product-rate p.produt-stars {
    font-size: 16px;
    line-height: 10.9px;
    letter-spacing: -0.2px;
    text-align: end;
    color: #000;
    font-weight: 600;
    margin-bottom: 0px;
}
.productos-content-ajax .product-rate span.ico-star img {
    margin-bottom: 5px;
}
.productos-content-ajax .ico-destino img {
    margin-bottom: 2px;
}


 /*frase*/  
 .container-mobile .frase.container {
        margin: 0 auto !important;
        padding: 60px 30px !important;
        word-break: auto-phrase;
    } 

/*favorites*/
.item-producto-whishlist p.txt-destino {
    font-size: 16px !important;
    text-transform: uppercase;
    color: #767676;
    margin-bottom: 0px;
    line-height: 20px;
    letter-spacing: -0.2px !important;
    margin-top: 11px;
}
.item-producto-whishlist .box-product
 {
        height: fit-content !important;
        padding: 0px;
        width: 61% !important;
    }
 .item-producto-whishlist .img-product {
    height: 117px;
    border-radius: 15px;
    width: 30% !important;
}
.item-producto-whishlist {
    width: 100% !important;
    height: auto !important;
    border: unset !important;
    border-radius: unset !important;
    display: flex
;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}
.favorites-products .productos-content-type {
    display: flex
;
    gap: 20px !important;
    width: 100% !important;
    flex-wrap: wrap;
    flex-direction: column !important;
}
.content-profile h4 {
  font-family: "Open Sans Condensed" !important;
  font-size: 22px !important;
  line-height: 22px !important;
  font-weight: 700 !important;
  color: #000000;
  letter-spacing: -0.27px !important;
  text-transform: uppercase !important;
}
.folder-item {
    width: auto !important;
}
.favorites-folder {
    display: flex !important
;
    justify-items: center !important;
    width: 100% !important;
    gap: 20px !important;
    align-items: center !important;
    margin-top: 33px !important;
    flex-wrap: wrap !important;
    padding-left: 0px !important;
}
.folder-item {
     width: 165px !important;
    height: 165px !important;
}
.folder-item img {
    width: 165px !important;
    height: 165px !important;
    margin-bottom: 0px !important;
    border-radius: 15px !important;
    padding: 0px !important;
    box-shadow: none !important;

}
button.btn-new-folder {
    border: none;
    background: #96BF31 !important;
    border-radius: 30px !important;
    width: 253px !important;
    height: 50px !important;
    color: #ffffff !important;
    margin: 0 auto !important;
}

.content-profile {
    width: 100%!important;
    margin-bottom: 180px;
}
.folder-new {
    text-align: center !important;
    margin-top: 40px !important;
}
.wishlist-modal .modal-dialog, div#new-wishlist .modal-dialog {
    width: 80% !important;
    height: 265px;
    margin: 0 auto;
}
div.wishlist-save .modal-content, div.wishlist-delete .modal-content {
    width: 319px;
    height: 64px;
    align-items: stretch;
    padding: 10px 20px 10px 10px;
    margin: 0 auto;
}

/*login popup*/
#login_panel.loginbox-popup.auth-popup, #login_panel.mfp-ready, #register_panel.loginbox-popup.auth-popup.register-popup, div#forgot_panel.loginbox-popup.auth-popup.forgot-popup  {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100% !important;
    background: white !important;
    z-index: 99999 !important;
    display: flex
;
    justify-content: center;
    align-items: flex-start;
    overflow: auto;
}
.logo_popup {
    margin-bottom: 20px;
    width: auto !important;
    height: auto !important;
}
/*.mfp-close {
    right: 10px !important;
    top: 40px !important;
}*/
button.login_btns p{
    color: #000000;
}


h4.title-filter-ppl {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: -0.005em;
    color: #96BF31;
    text-align: center;
    padding: 0px;
    margin: 0px !important;
}


.filter-checkboxes-type

 {
    gap: 5px;
    display: flex
;
    font-size: 16px;
    line-height: 18px;
    padding-bottom: 12px;
    letter-spacing: -0.23px;
}
div#filtro_vertical button.btn-modal-close
 {
        border: none;
        position: absolute;
        top: -9px !important;
        height: 34px;
        width: max-content;
        z-index: 10001;
        right: 24px !important;
    }
    

button#showing_txt {
        background: #93C01F;
        border: none;
        border-radius: 30px;
        color: white;
        font-size: 16px;
        font-weight: 600;
        line-height: 18px;
        letter-spacing: -0.08px;
        width: 212px;
        height: 50px;
    }
  .footer-filtro-mobile {
      text-align: center;
      margin: 45px 0px !important;
  }

/*result page search*/
div.asp_r.asp_r_11.vertical .results .item .asp_image {

    border-radius: 3px !important;
}
div.asp_m.asp_m_11 .probox .proclose {
    left: 0px;
}
/*header*/
.znNavOvr-menu li{
    padding: 2px 0px !important;
    font-weight: 600;
}


div#zn-nav-overlay {
    width: 100% !important;
}

    .col-auto.container.siteheader-container.header--oldstyles

 {
        width: 100% !important;
        height: 64px !important;
        padding: 16px 20px !important;
        margin: 0px !important;
    }
    .zn-res-menuwrapper {
    width: 32px !important;
    height: 32px !important;
    top: 20px !important;
    left: 20px !important;
}
body {
    font-family: 'Open Sans';
    width: 100vw;
}
p{
    margin-bottom: 0px;
}
.ic-mbl {
        display: flex !important
;
        justify-content: flex-end;
        flex-wrap: wrap;
        width: 96px;
        height: 32px;
        top: 17px;
        right: 20px;
    }
.site-header {
    height: 64px !important;
}
.location {
    display: flex;
    align-items: center;
}
span.txt-location {
    color: #96BF31;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 0px;
    margin-left: 10px;
    letter-spacing: -0.5px;
    text-transform: capitalize;
}
   /*home app*/
   .top-choice {
       margin-right: -20px;
   }
   .top-choice-type img {
    width: 100%;
    height: 80px;
    object-fit: cover;
}
   p.type-name{
       margin: 0px;
        font-size: 14px !important;
        font-weight: 500;
        font-family: 'Open Sans';
        letter-spacing: -0.2px !important;
        line-height: 12.2px;
        margin-top: 8px;
        color: #000000 !important;
        text-transform: capitalize;
   }
   .search-app {
    margin-top: 27.51px;
}
.site-header.transparencia
 {
    background-color: #ffffff00 !important;
}
.asp_w_container_10 {
    margin: 0 auto;
}
div.asp_m.asp_m_10 .probox {
    margin: 0px;
    height: 45px;
}

.container-mobile {
    margin: 0px 20px 30px !important;
    max-width: 100dvw;
    max-width: 100% !important;
}

    .title-app {
        text-align: center;
        margin-bottom: 35.49px;
        width: 100%;
        padding: 0px 30px;
    }
    .title-app h1 {
        font-size: 28px;
        line-height: 30px;
        letter-spacing: -0.34px;
        color: #96BF31;
        font-weight: 700;
        margin: 0px;
        font-family: "Open Sans", sans-serif;
        margin-top: 31px;
    }
    .title-app h2 {
        color: #1E232A;
        font-size: 28px;
        font-weight: 700;
        letter-spacing: -0.34px;
        margin: 0px;
        font-family: "Open Sans", sans-serif;
        line-height: 30px;
    }
    .top-choice h3.txt-title-carrousel {
        font-family: 'Open Sans Condensed' !important;
        font-weight: 700;
        letter-spacing: -0.27px;
        text-transform: uppercase;
        font-size: 16px;
        line-height: 27.1px;
        margin: 0px;      
    }
    .main-content .top-choice {
        margin-left: 20px;
        width: 390px;
    }
    div#CarouselTours {
        width: 350px;
    }
    .top-choice-list {
        margin-top: 4px;
        overflow-x: auto;
        white-space: nowrap;
        display: flex;
        gap: 10px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        cursor: grab;
        margin-bottom: 30px;
        height: 102px;
    }
    .top-choice-list::-webkit-scrollbar {
        display: none; /* Chrome, Safari */
      }
    .top-choice-type {
        width: 126px;
        display: inline-block;
        flex: 0 0 auto;
        text-align: start;
        border-radius: 8px;
        padding-bottom: 3px;
    }
    img.img-top-choice {
        width: 126px;
        height: 80px;
        border-radius: 8px;
        object-fit: cover;
    }
    .top-choice-type p.type-name a{
        
    }
    div.app-options {
        height: 434px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        margin-bottom: 50px;
        width: 100vw;
        margin: 30px -20px 50px -20px;
    }
    .box-add-exclusive {
    margin-bottom: 50px;
    margin-right: -20px;
}
    .item-options {
        border-bottom: 6px solid #ffffff;
        background: rgb(30 35 42 / 50%);
        
    }
    p.txt-title-options {
        font-size: 20px;
        color: #ffffff;
        line-height: 24px;
        letter-spacing: -0.47px;
        font-weight: 600;
        font-family: 'Open Sans';
        margin: 0px;
        padding: 40px 28px;
    }
    .item-options a {
        text-decoration: none;
        
    }
    a.view-all-link {
        color: #73971B;
        font-size: 16px;
        font-weight: 400;
        line-height: 16px;
        letter-spacing: -0.2px;
        margin-bottom: 0px;
        text-decoration: underline !important;
        font-family: 'Open Sans';
        text-transform: none;
    }

    h3.subttle-app {
        font-family: "Open Sans Condensed" ;
        font-optical-sizing: auto;
        font-weight: 700;
        font-style: normal;
        line-height: 22px;
        letter-spacing: -0.27px;
        text-transform: uppercase;
        font-size: 22px !important;
        margin-bottom: 12px;
    }
   
    .carrousel-tours {
        margin: 0 20px;
    }
    .icon-wishlist-single {
        width: 26px;
        margin-top: 21px;
    }
    .position-relative.img-carrousel-tipos {
        width: 100%;
        height: 254px;
        border-radius: 0px;
        margin-bottom: 20px;
        background-size: cover;
        background-repeat: no-repeat;
    }
    img.img-carrousel {
        width: 100vw;
        height: 254px;
        object-fit: cover;
    }
    .icon-wishlist-tours {
    float: right;
    margin: -4px 0 0;
}
    p.label-tipo-product {
        font-size: 14px;
        font-weight: 700;
        font-family: 'Open Sans';
        text-transform: uppercase;
        letter-spacing: -0.2px;
        line-height: 16px;
        margin: 20px 0px 9px;
        color: #000000;
    }
    p.card-text.title-carrusel {
        color: #83AC1D;
        font-size: 22px;
        line-height: 26px;
        font-weight: 600;
        letter-spacing: -0.2px;
        font-family: 'Open Sans';
        margin-bottom: 14px;
        margin-right: 23px;
    }
    .tag-place {
        display: flex;
    }
    p.label-tour-place {
        font-size: 16px ;
        font-weight: 600;
        font-family: 'Open Sans';
        line-height: 22px;
        letter-spacing: -0.14px;
        color: #000000;
        margin-bottom: 0px;
    }
    p.label-tour-place span.place-tours {
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -0.14px;
        color: #000000;
        font-weight: 400;
        font-family: 'Open Sans';
        margin-left: 5px;
    }

    .price-product-tours {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: flex-end;
        margin-bottom: 22px;
    }
.btn-view-tours {
    cursor: pointer;
    width: 135px;
    height: 40px;
    border: solid 1px #000000;
    border-radius: 20.31px;
    padding: 6px 0;
    margin-top: 19px;
    text-align: center;
}
    .btn-view-tours a.btn-view {
        font-size: 16px;
        color: #000000;
        text-decoration: none;
        font-weight: 600;
        line-height: 18px;
        margin: 0px;
        letter-spacing: -0.2px;
    }
    p.offer-label {
        font-size: 14px;
        text-align: end;
        margin-bottom: 0px;
        line-height: 16px;
        color: #000000;
        letter-spacing: -0.14px;
        font-weight: 600;
    }
    p.price-tours {
        margin-bottom: 0px !important;
        color: #A72428;
        font-size: 28px !important;
        font-weight: 600 !important;
        line-height: 28px !important;
        letter-spacing: -0.2px !important;
        font-family: 'Open Sans' !important;
        text-align: right;
    }
    p.offer-tours {
        font-family: "Open Sans", sans-serif;
        font-size: 14px;
        line-height: 16px;
        letter-spacing: -0.14px;
        font-weight: 600;
        text-align: right;
    }
  .faq-destino{
       margin: 0px 0px 60px 0px !important;
        width: 100% !important;
    }
    .content-title-faq .subtitulo-page {
        font-size: 22px;
        font-weight: bold;
        color: #000000;
        font-family: 'Open Sans Condensed';
        text-transform: uppercase;
        line-height: 22px;
        letter-spacing: -0.27px;
        margin-bottom: 15px;
    }
    /*carrusel halal exclusives*/
    .item-exclusives {
        width: 136px;
        height: 172px;
        background: #767676;
        border-radius: 6.77px;
        vertical-align: bottom;
        display: flex;
        align-items: end;
        justify-content: flex-start;
        position: relative;
        flex: 0 0 auto; 
        scroll-snap-align: start; 
        background-size: cover;
        background-position: center;
        border-radius: 10px;
    }
    .item-exclusives p.txt-exclusives {
        font-size: 16px;
        font-weight: 700;
        color: #ffffff;
        letter-spacing: -0.68px;
        padding-left: 17px;
        padding-bottom: 16px;
        margin: 0 auto;
        line-height: 18px;
        position: absolute;
        width: 103px;
        background-size: cover;
    }
    .exclusives-container {
        display: flex;
        overflow-x: auto; 
        gap: 16px;   
        -webkit-overflow-scrolling: touch; 
        touch-action: pan-x; 

    }
    .exclusives-container::-webkit-scrollbar {
        display: none; /* Oculta la barra de desplazamiento en navegadores basados en WebKit */
    }
    

  .box-add-Package a.view-all-link {
    color: #73971B;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.2px;
    margin-bottom: 0px;
    text-decoration: underline !important;
    font-family: 'Open Sans';
    text-transform: none;
}
.carrousel-tours .box-title {
    display: flex
;
    justify-content: space-between;
    align-content: center;
    flex-wrap: nowrap;
}
.carousel-indicators [data-bs-target] {
    width: 5.42px !important;
    height: 5.42px !important;
    background-color: #000000 !important;
    border-radius: 50px !important;
}
.days-tour.end-0.position-absolute {
    margin: 16px 18px;
}
.carousel-indicators {
    bottom: -14px !important;
}
.container-carrusel {
    margin-bottom: 150px;
}
.carousel-control-next, .carousel-control-prev {
    height: 254px !important;
}

/*nearby*/
.location-warning {
    text-align: center;
    padding: 54px 20px;
    font-family: 'Open Sans', sans-serif;
}
.location-warning .location-image img {
    width: 202px;
    margin-bottom: 20px;
}

.location-warning h2 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #2d2d2d;
}

.location-warning .description {
    font-size: 16px;
    color: #777;
    line-height: 1.6;
    margin-bottom: 30px;
}

.location-warning button.btn-enable {
    background: #000000;
    border: none;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.05px;    
    margin-bottom: 25px;
    padding: 12px 22px;
    border-radius: 30px;
    cursor: pointer;
    max-width: 330px;
}

.location-warning button.btn-secondary {
    background-color: transparent;
    color: #000;
    border: 2px solid #000;
    padding: 12px 22px;
    border-radius: 30px;
    font-size: 16px;
    cursor: pointer;
    max-width: 330px;
}
/*botones destinos*/
div#destination-type {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px !important;
    margin-left: 20px !important;
    gap: 12px !important;
    height: 42px;
    scroll-snap-type: x mandatory; /* Opcional: para un desplazamiento más suave */
    -webkit-overflow-scrolling: touch; /* Mejora la experiencia de desplazamiento en iOS */
    touch-action: pan-x; /* Habilita el desplazamiento táctil horizontal */
    overflow-x: auto; /* Habilita el desplazamiento horizontal */
}


div#destination-type .btn-destinos {
    flex: 0 0 auto; /* Evita que los elementos se reduzcan */
    scroll-snap-align: start; 
    width: 151px; 
    height: auto;
    cursor: pointer;
}

div#destination-type::-webkit-scrollbar {
    display: none; /* Oculta la barra de desplazamiento en navegadores basados en WebKit */
}

div#btn_very_best { /* btn ALL*/
    width: 64px;
}

img.veryBest.icoFilter {
    display: none;
}
.card-destinos .card-text b {
    font-size: 16px;
    letter-spacing: -0.3px;
    line-height: 18px;
    font-weight: 400 !important;
    color: #000000;
}
.btn-destinos .card {
    border-radius: 25px;
}
    div#veryBest {
        width: 62px;
        text-align: center;
    }
.card-destinos-body {
    display: flex;
    padding: 11px 16px !important;
    height: 40px;
    flex-flow: column wrap-reverse;
    justify-content: center;
    align-items: center;
    gap: 9px;
    width: fit-content;
    align-content: center;
}
.card-destinos .card-text {
    width: fit-content;
}
/*mapa near by*/
.product-footer p.txt-place {
    font-size: 14px;
    letter-spacing: -0.07px;
    font-weight: 500;
    color: #83AC1D;
    margin-bottom: 0px;
}
.img-product .icon-wishlist{
    margin: 0 !important;
}
.productos-content .item-producto .img-product .icon-wishlist {
    float: right;
    margin: 9px 0px;
    right: 0px;
    position: absolute;
}
.productos-content .item-producto {
    position: relative;
}
div#mapaProducts-nearby,
div#mapaProducts-responsive {
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden;
    height: auto; /* Lo sobrescribiremos con JS */
}


.sf-input-checkbox:checked::after

 {
    content: '' !important;
    margin-left: 3px !important;
    display: block !important;
    width: 13px !important;
    height: 14px !important;
    background-image: url(/wp-content/themes/kallyas-child/img/icon_check.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin-top: 2px !important;
}
.card.card-destinos{
    padding: 0px !important;
}
.card-destinos img.ico-type{
    height: 15.57px;
    width: fit-content;
}

/*div#mapaProducts-nearby {
    margin-top: -16px;
    width: 100%;
    height: 595px;
}*/
.productos-content {
    padding-top: 20px !important;
       display: flex !important;
           flex-wrap: wrap;
    flex-direction: row;

  gap: 24px;
  width: 100%;
  max-width: 100vw !important;
  padding: 0 20px;
}
/*.results-panel {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 20px 20px 0 0;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
    transform: translateY(65%);
    height: 80%;
    overflow-y: auto;
    z-index: 1000;
    margin-top: -53%;
}

.results-panel.expanded {
    transform: translateY(0%);
}

.drag-handle {
    width: 60px;
    height: 6px;
    background: #ccc;
    border-radius: 3px;
    margin: 10px auto;
}

.results-summary {
    text-align: center;
    cursor: pointer;
    padding: 10px;
    border-bottom: 1px solid #eee;
}*/

/* Mapa ocupa toda la pantalla (excepto panel) */
#mapaProducts-nearby {
    position: relative;
    height: 100%;
    width: 100%;
    max-width: 100vw !important;
    box-sizing: border-box;
}

/* Panel de resultados flotante tipo Uber */
#resultsPanel {
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    box-shadow: 0 -2px 15px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
    width: 100%;
    max-width: 100vw;
    max-height: 60%;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    z-index: 9999;
}

/* Estado colapsado */
#resultsPanel.collapsed {
    height: 80px;
    overflow-x: hidden !important;
    width: 100%;
    max-width: 100vw;
}

/* Línea para arrastrar */


/* Asegúrate de que el panel pueda hacer scroll internamente */
#resultsPanel .results-list {
  max-height: calc(100% - 80% 50px);
  overflow-y: auto;
  overflow-x: hidden !important;
  width: 100vw;
}

.drag-handle {
    width: 60px;
    height: 8px;
    background: #ccc;
    border-radius: 3px;
    margin: 15px auto;
    position: sticky;
    top: 0;
    z-index: 1000; /* por encima de la lista */
}
/* Hacemos que el panel use flex para dividir header / body */
#resultsPanel.expanded {
  display: flex;
  flex-direction: column;
  height: 80%;         /* ya lo tenías */
}

/* El header (drag-handle + resumen) ocupa sólo su contenido */
#resultsPanel.expanded .drag-handle,
#resultsPanel.expanded .results-summary {
  flex: 0 0 auto;
  z-index: 1000;
  margin-bottom: 28px;
}
/* Ocultar el título y el botón cuando el panel esté desplegado */
#resultsPanel.expanded .results-summary {
  display: none;
}


/* Sólo la lista scrolling, el handle se queda fuera */
#resultsPanel.expanded .results-list {
  flex: 1 1 auto;
  overflow-y: auto;
}

.results-summary {
    text-align: center;
    margin-bottom: 20px;
}
.results-summary p {
    margin: 0px;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.3px;
}
.results-summary p.results-btn {
    color: #73971B;
}


h4.title-filter, h4.accordion-title {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: -0.3px;
    color: #000000;
    margin: 18.73px 3px 18.73px 24px !important;
    padding: 0px;
    color: #000000;
}
.card {
    padding: 15px;
    border-bottom: 1px solid #eee;
}
div#destination-type .card-destinos-body {
    display: flex
;
    padding: 0px 14px !important;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
}
div#destination-type .card-body.card-dest-body {
    padding: 0px 0px 0px 17px;
    display: flex
;
    flex-direction: row;
    flex-wrap: wrap;
    height: 40px;
    width: 151px;
    align-content: center;
    gap: 9.4px;
}
div#destination-type .btn-destinos .card {
    border-radius: 25px;
    border: solid 1px #000;
}
/* filtros popup*/
.filters-product .filter-checkboxes {
    gap: 5px !important;
    display: flex ;
    font-size: 16px;
    line-height: 18px;
    padding-bottom: 12px;
    letter-spacing: -0.23px;
}
/*btn filtro*/
ul.filter.accordion-content {
    padding-left: 0px !important;
}
    .filter-checkboxes input[type="checkbox"], .sf-input-checkbox{
        width: 21px !important;
        height: 21px !important;
    }
li.accordion-title{

    list-style: none;
}
#filters-halal-restaurants .field-taxonomy-type_of_food .filter-checkboxes {
    display: flex
;
    gap: 10px;
    margin-bottom: 10px !important;
}
.box-filtros button#modal-filtros {
    margin-top: 0px;
    background: #000000;
        color: #fff;
        position: fixed;
        width: 103px;
        height: 40px;
        left: 20px;
        border-radius: 25px;
        border: none;
        top: 20%;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -0.203125px;
        color: #FFFFFF
}
.filtros-select {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 12px;
        position: fixed;
        top: 20% !important;
        left: 129px;
        bottom: 96.01%;
        height: 40px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-x;
        width: 100%;
        max-width: 100vw !important;
        overflow-y: hidden;
    }
    .filtros-select p {
        width: fit-content !important;
        height: 34px !important;
        text-align: center !important;
        line-height: 25px !important;
        font-size: 14px !important;
        letter-spacing: -0.3px !important;
        padding: 1px 12px !important;
        margin-bottom: 0px !important;
    }
    #filtro_vertical {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: 100% !important;
        background-color: rgba(255, 255, 255, 0.95);
        z-index: 99999 !important;
        overflow-y: auto !important;
        padding: 20px !important;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
        padding: 30px !important;
    }

div#destination-type div#veryBest{
    width: 64px !important;
}
div#destination-type .veryBest .card-destinos .card-text {

    width: 31px;

}

/*popup mapa*/
#map-popup-info .product-title
 {
    min-height: 47px;
}
.map-popup-info {
    position: fixed;
    bottom: 15%;
    left: 0;
    right: 0;
    background: #fff;
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    transition: transform 0.3s ease;
    transform: translateY(0);
    border-radius: 16px;
    max-height: 200px;
    overflow: hidden;
    display: flex !important;
    width: 350px;
    align-items: flex-end;
    margin: 0 auto;
    height: 138px;
    justify-content: flex-start;
    align-content: center;
    flex-wrap: wrap;
    padding: 0px 13px;
}
  
  .map-popup-info .hidden {
    transform: translateY(100%);
    
  }
  .hidden{
    display: none !important;
  }
  
  #map-popup-info .box-product-img {
    width: 114px;
    height: 114px;
    border-radius: 5px;
    background: #D9D9D9;
}
#map-popup-info .conten-product {
    width: 175px;
    margin-left: 12px;
}
#map-popup-info .conten-product p.product-tipo {
    font-size: 12px;
    text-transform: uppercase;
    line-height: 20px;
    margin: 0px;
    letter-spacing: -0.3px;
    font-weight: bold;
}
#map-popup-info .conten-product h3.produc-title-list {
    font-size: 20px;
    line-height: 22px;
    font-weight: 600;
    letter-spacing: -0.3px;
    margin: 0px;
    max-height: fit-content;
}
#map-popup-info img.product-img {
    height: 114px;
    object-fit: cover;
    border-radius: 5px;
}


html, body {
  overflow-x: hidden !important;
}
.cky-consent-container.cky-banner-bottom {
    display: none !important;
}
.cky-modal.cky-sidebar-right,
.cky-preference-center {
  display: none !important;
}



.cky-modal.cky-sidebar-right {
  /* Anclar al borde derecho y anular cualquier transform */
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  left: auto !important;

  /* Que su ancho máximo no exceda la ventana */
  box-sizing: border-box !important;
  width: 100%;
  max-width: 100vw !important;
  
  /* Anula el slide-in que hace el JavaScript */
  transform: translateX(100%) !important ;
  transition: none !important;

  /* Y por si queda algo, no deje scroll interno */
  overflow-x: hidden !important;
}