/* 
Theme Name: Hello Elementor Child
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

body {
    overflow-x: hidden;
    text-decoration: none !important;
}

body a {
    overflow-x: hidden;
    text-decoration: none !important;
}

body ul li {
    list-style: none;
}

.setMarquee span {
    font-family: 'Dinosaur' !important;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 0px;
    text-transform: uppercase;
    justify-content: space-evenly;
    letter-spacing: 4px;
    width: 100% !important;
}


.setMarquee {
    height: 80px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    background: #680000;
    transform: skewY(-6deg);
}

/* nested div inside the container */
.setMarquee div {
    display: flex;
    width: 322%;
    position: absolute;
    overflow: hidden;
    animation: marquee1 18s linear infinite !important;
    top: 0px;
    left: 0px;
    bottom: 0px;
}

/* span with text */
.setMarquee span {
    float: left;
    width: 50%;
}

/* keyframe */
@keyframes marquee1 {
    0% {
        left: 0;
    }

    100% {
        left: -100%;
    }
}


.custom-list-class ul.elementor-icon-list-items li.elementor-icon-list-item span.elementor-icon-list-text {
    display: flex;
    align-items: baseline;
    justify-content: space-around;
    gap: 18px;
}

.custom-list-class ul.elementor-icon-list-items li.elementor-icon-list-item span.elementor-icon-list-text span {
    font-size: 18px;
    font-weight: 500;
}

section.gallery-section .elementor-widget-container a {
    width: 100%;
    display: block;
    height: 100%;
}

section.gallery-section img {
    width: 100% !important;
    max-width: 100% !important;
    object-fit: cover;
}

.packages-btn a.elementor-button {
    width: 85%;
    margin: 0 auto;
}

section#footer-section a.elementor-icon {
    background: linear-gradient(90deg, rgba(145, 3, 10, 1) 2%, rgba(199, 21, 69, 1) 35%) !important;
}

section#footer-section::before {
    content: '';
    background: linear-gradient(180deg, rgb(136 0 0) 4%, rgba(136, 0, 0, 0) 89%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 200px;
    z-index: -1;
}

section#footer-section::after {
    content: '';
    background: linear-gradient(0deg, rgba(132, 0, 2, 0.9724264705882353) 4%, rgba(136, 0, 0, 0) 89%);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 200px;
    z-index: -1;
}

section#footer-section {
    z-index: 99;
    position: relative;
}

section#footer-section a.elementor-icon:hover {
    background: linear-gradient(180deg, rgba(145, 3, 10, 1) 2%, rgba(199, 21, 69, 1) 35%) !important;
}


section#thumbnail-video-gallery .elementor-custom-embed-play {
    position: relative;
}

section#thumbnail-video-gallery .elementor-custom-embed-play::after {
    content: '';
    background: url(/wp-content/uploads/2024/10/play-icon.png);
    position: absolute;
    width: 150px;
    height: 150px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-size: contain;
    background-repeat: no-repeat;
    transform: scale(1.08);
    top: -75px;
    transition: all 0.3s linear;
}

section#thumbnail-video-gallery .elementor-custom-embed-play svg {
    display: none;
}

section#thumbnail-video-gallery .elementor-custom-embed-play:hover::after {
    transform: scale(1.01);
}

section.gallery-section .elementor-widget-container a:after {
    content: '';
    background: linear-gradient(150deg, rgb(0 0 0 / 75%) 13%, rgb(136 0 0 / 50%) 89%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.3s linear;
    opacity: 0;
}

section.gallery-section .elementor-widget-container a:hover:after {
    content: '';
    background: linear-gradient(150deg, rgb(0 0 0 / 75%) 13%, rgb(136 0 0 / 50%) 89%);
    opacity: 1;
}

section.future-section .elementor-widget-wrap {
    cursor: pointer;
}

.text-animations {
    display: inline-block;
}

.text-animations span {
    display: inline-block;
    opacity: 0;
    transform: scale(0);
    animation: scaleUp 0.6s forwards ease-in-out;
}

@keyframes scaleUp {
    0% {
        opacity: 0;
        transform: scale(0);
        color: #CD174B; 
    }
    50% {
        opacity: 1;
        transform: scale(1.5); 
        color: #CD174B; 
    }
    100% {
        opacity: 1;
        transform: scale(1); 
        color: #fff;
    }
}



.text-animations1 {
    display: inline-block;
}

.text-animations1 span {
    display: inline-block;
    opacity: 0;
    transform: scale(0);
    animation: scaleUp1 0.8s forwards ease-in-out;
}

@keyframes scaleUp1 {
    0% {
        opacity: 0;
        transform: scale(0);
        color: #CD174B; 
    }
    50% {
        opacity: 1;
        transform: scale(1.5); 
        color: #CD174B; 
    }
    100% {
        opacity: 1;
        transform: scale(1); 
        color: #fff;
    }
}


span.font-class {
    font-family: 'Amorisa' !important;
    font-size: 60px;
    margin-left: 15px;
}

.book-now-btn a {
    transition: opacity 0.2s linear;
}

.book-now-btn a:hover {
    opacity: 0.6;
}
.disable-col .elementor-widget-wrap::after {content: '';background: rgb(122 9 4 / 36%);position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 999 !important;}

.disable-col .elementor-widget-wrap .packages-label {
    z-index: 9999;
}

.home span.char-3 {
    margin-right: 50px;
}

[data-id="2d0b495"] ul.elementor-icon-list-items li.elementor-icon-list-item a {
    display: flex;
    align-items: center;
    justify-content: start;
}

[data-id="2d0b495"] ul.elementor-icon-list-items li.elementor-icon-list-item a svg {
    width: 16px !important;
}

[data-id="2d0b495"] ul.elementor-icon-list-items li.elementor-icon-list-item a i {
    font-size: 12px;
}


[data-id="edd43d2"] ul.elementor-icon-list-items {
    justify-content: center !important;
    padding-top: 18px !important;
}

div#datepicker {
  width: 100%;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}
div#datepicker .ui-datepicker-header {
  height: 50px;
  line-height: 50px;
  color: #f26a63;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
div#datepicker .ui-datepicker-prev,
div#datepicker .ui-datepicker-next {
  width: 20px;
  height: 25px;
  text-indent: 9999px;
  border-radius: 100%;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  left: 20px;
  top: 0px;
  bottom: 0px;
  margin: auto 0;
}
div#datepicker .ui-datepicker-prev {
  margin-left: 0px;
}
div#datepicker .ui-datepicker-prev:after {
  transform: rotate(45deg);
  margin: -43px 0px 0px 8px;
}
div#datepicker .ui-datepicker-next {
  margin-right: 0px;
  right: 20px;
  left: unset;
}
div#datepicker .ui-datepicker-next:after {
  transform: rotate(-135deg);
  margin: -43px 0px 0px 6px;
}
div#datepicker .ui-datepicker-prev:after,
div#datepicker .ui-datepicker-next:after {
  content: '';
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  border-left: 2px solid #880000;
  border-bottom: 2px solid #880000;
}
.ui-datepicker-title {
  text-align: center;
  font-family: "Dinosaur", Sans-serif;
  color: #000;
  font-size: 22px;
}
div#datepicker .ui-datepicker-calendar {
  width: 100%;
  text-align: center;
  margin: 0px;
}
div#datepicker .ui-datepicker-calendar thead tr th span {
  width: 100%;
  color: #f26a63;
  text-transform: uppercase;
  display: block;
  text-align: center;
  padding: 12px 0px;
  font-family: "Dinosaur", Sans-serif;
  font-weight: 400;
  font-size: 18px;
}
div#datepicker .ui-state-default {
  display: block;
  text-decoration: none;
  color: gray;
  line-height: 40px;
  font-size: 16px;
  padding: 25px 0px;
  font-weight: 400;
}
div#datepicker .ui-state-default:hover {
}
div#datepicker .ui-state-highlight {
  color: #000;
  font-weight: bold;
  background: #cacaca;
}
div#datepicker .ui-state-active,div#datepicker .ui-state-default:hover {
  background: #880000;
  color: #fff;
}
div#datepicker .ui-datepicker-unselectable .ui-state-default {
  color: rgb(128 128 128 / 30%);
  border: unset;
  background: #eaeaea59 !important;!i;!;
}
div#datepicker td {
    padding: 0px;
    background-color: unset;
}

@media only screen and (max-width: 1000px){
span.font-class {
    font-size: 22px !important;
    letter-spacing: 1px;
    margin-left: 8px;
}
	.home span.char-3 {
    margin-right: 20px !important;
}
body .elementor-25 .elementor-element.elementor-element-ce7a56f .elementskit-menu-container {
    background: rgb(0 0 0 / 55%) !important;
}

body .elementor-25 .elementor-element.elementor-element-ce7a56f .elementskit-menu-close {
    border: none !important;
}

body .elementskit-menu-container ul li a {
    color: #fff !important;
    font-size: 18px !important;
    line-height: 26px !important;
    padding: 15px 25px !important;
    border-bottom: 1px solid rgb(255 255 255 / 59%);
}

body .elementskit-menu-container ul {
    margin: 0px 24px !important;
}

.elementor-25 .elementor-element.elementor-element-ce7a56f .elementskit-menu-hamburger { 
    width: 50px !important;
    padding: 8px 6px !important;
}

.elementskit-menu-close .elementskit-menu-hamburger-icon, .elementskit-menu-hamburger .elementskit-menu-hamburger-icon {
    height: 1.5px !important;
}

.elementskit-menu-hamburger .elementskit-menu-hamburger-icon:nth-child(2) {
    margin: 5px 0px !important;
}	
.setMarquee span {
    font-size: 12px !important;
}

.setMarquee div {
    width: 900% !important;
}

.setMarquee {
    height: 50px !important;
}	
}