/*!
Theme Name: Trip2Kerala
Theme URI: https://trip2kerala.com/
Author: Digitalzix
Author URI: http://digitalzix.com/
Description: 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: digitalzix
Tags: editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

.reservation-card {
    max-width:380px;
    margin:30px auto;
    background:#fff;
    border-radius:16px;
    padding:24px 22px 26px;
    box-shadow:0 8px 30px rgba(0,0,0,.08);
}

.reservation-card h2 {
    font-size:20px;
    font-weight:600;
    margin-bottom:18px;
    color:#111;
}

.form-group {
    margin-bottom:16px;
}

.form-group label {
    display:block;
    font-size:14px;
    color:#555;
    margin-bottom:6px;
	text-align: left;
}

.form-control1 {
    width:100%;
    padding:0px!important;
    border: none!important;
    border-bottom:2px solid #ddd !important;
    font-size:15px !important;
    background:transparent;
    outline:none;
}

.form-control1:focus {
    border-bottom-color:#3aa0db;
}

textarea.form-control1 {
    resize:vertical;
    min-height:70px;
}

.btn-submit {
    width:100%;
    background:#3aa0db;
    color:#fff;
    border:none;
    padding:14px;
    border-radius:30px;
    font-size:16px;
    font-weight:600;
    cursor:pointer;
    margin-top:10px;
}

.btn-submit:hover {
    background:#2b8bc2;
}

.note {
    text-align:center;
    font-size:12px;
    color:#999;
    margin-top:12px;
}


.call-btn {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    padding: 8px 14px;
    background: #2f80ed;
    color: #ffffff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    border-radius: 999px;
    position: relative;
    animation: callPulse 2.8s ease-in-out infinite;
    transition: transform .2s ease, box-shadow .2s ease;
}

.call-btn:hover {
    animation-play-state: paused;
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(0,0,0,.18);
}

.call-icon {
    width: 22px;
    height: 22px;
    background: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: phoneShake 2.8s infinite;
}

.call-icon svg {
    width: 24px;
    height: 24px;
}

.call-text {
    line-height: 1;
}

/* =========================
   CALL ATTENTION EFFECTS
   ========================= */

@keyframes callPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(47,128,237,.45);
    }
    50% {
        box-shadow: 0 0 0 12px rgba(47,128,237,0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(47,128,237,0);
    }
}

@keyframes phoneShake {
    0% { transform: rotate(0deg); }
    5% { transform: rotate(-10deg); }
    10% { transform: rotate(10deg); }
    15% { transform: rotate(-8deg); }
    20% { transform: rotate(8deg); }
    25% { transform: rotate(0deg); }
    100% { transform: rotate(0deg); }
}

.whatsapp-btn {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    padding: 8px 14px;
    background: #43b85d;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    border-radius: 999px;
    position: relative;
    animation: floatPulse 2.5s ease-in-out infinite;
    transition: box-shadow .2s ease, transform .2s ease;
}

/* Hover override */
.whatsapp-btn:hover {
    animation-play-state: paused;
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(0,0,0,.18);
}

.wa-icon {
    width: 22px;
    height: 22px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wa-icon svg {
    width: 26px;
    height: 26px;
}

.wa-text {
    line-height: 1;
}

/* =========================
   ATTENTION ANIMATION
   ========================= */

@keyframes floatPulse {
    0% {
        transform: translateY(0) scale(1);
        box-shadow: 0 0 0 0 rgba(67,184,93,0.5);
    }
    40% {
        transform: translateY(-4px) scale(1.02);
        box-shadow: 0 0 0 10px rgba(67,184,93,0);
    }
    70% {
        transform: translateY(0) scale(1);
    }
    100% {
        transform: translateY(0) scale(1);
        box-shadow: 0 0 0 0 rgba(67,184,93,0);
    }
}

.aspbc{color:#38a1da!important;}
#post-10 > div > div > div:nth-child(4) > div > div > div.wc-block-components-sidebar.wc-block-cart__sidebar.wp-block-woocommerce-cart-totals-block > div.wc-block-cart__submit.wp-block-woocommerce-proceed-to-checkout-block > div.wc-block-cart__submit-container > a{
	background :#38a1da;
	color:#fff;
}
#post-11 > div > div > div.wc-block-components-sidebar-layout.wc-block-checkout.is-large > div.wc-block-components-main.wc-block-checkout__main.wp-block-woocommerce-checkout-fields-block > form > div.wc-block-checkout__actions.wp-block-woocommerce-checkout-actions-block > div.wc-block-checkout__actions_row > button{
	background :#38a1da;
	color:#fff;
}
h1.entry-title{
    display: block !important;
}
  .contact-section {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #333;
  }

  .asp-fh {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
  }

  .contact-section p {
    margin: 5px 0;
  }

  .elementor-grid-item {
    display: inline-block;
    margin: 10px 8px 0 0;
  }

  .elementor-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: white;
    border-radius: 50%;
    transition: 0.3s ease;
    font-size: 18px;
  }

  .elementor-icon.facebook {
    background-color: #3b5998;
  }

  .elementor-icon.instagram {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  }

  .elementor-icon.twitter {
    background-color: #1da1f2;
  }

  .elementor-icon.youtube {
    background-color: #ff0000;
  }

  .elementor-icon:hover {
    opacity: 0.85;
    transform: scale(1.1);
  }


.asp-fh{
      font-size: 20px;
    font-weight: 600;
}
ul > li{
list-style-type: none;
  margin: 0;
  padding: 0;
}

#wrapper > footer > div.elementor-section-wrap > div > div > div > div > ul > li{
list-style-type: none;
  margin: 0;
  padding: 0;
}
// https://trip2kerala.com/cheap-rooms-in-munnar/
/*
#pi-9061 {display:none !important;}


#pi-9042 {display:none !important;}
#pi-9221 {display:none !important;}
#pi-9221 > div.asp-cl > a > img {display:none !important;} 

*/
#pi-9042,
#pi-9042 .asp-wp,
#pi-9042 .asp-cl {
    display: none !important;
}
#pi-9061 > div.asp-wp {display:none !important;}
#pi-8692 > div.asp-wp {display:none !important;}
#pi-8692 > .asp-cl {display:none !important;}

#pi-11542 > div.asp-wp {display:none !important;}
#pi-11542  > .asp-cl {display:none !important;}

#pi-9042 > div.asp-wp {display:none !important;}
#pi-9042  > .asp-cl {display:none !important;}

.asp-cl{
display: block;
    position: fixed;
    bottom: 35px !important;
    right: 15px !important;
    left: auto !important;
z-index: 999999;}

.asp-wp{
display: block;
    position: fixed;
    bottom: 35px !important;
    left: 15px !important;
    right: auto !important;
z-index: 999999;}

@media only screen and (max-width: 600px) {
	.asp-cl > a > img {width:110px!important;}
	.asp-wp > a > img {width:120px!important;}
	.wra{ position: absolute;
    width: 97%;
    height: 80%;
	
    border-radius: 100%;
    animation: radiate 2s infinite alternate ease-in-out; }
	#secondary > div > div > div.booking-bar.on { display: none !important;}
}

.wra {
    position: absolute;
    width: 97%;
    height: 90%;
	bottom: 3px !important;
    right: 3px !important;
    border-radius: 100%;
    animation: radiate 2s infinite alternate ease-in-out;
}

/* Animation for the radiation effect */
@keyframes radiate {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(2);
        opacity: 0;
    }
}