/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-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 */

/* DEV CSS */
.main-menu ul li ul.sub-menu li:last-child {
    display: block;
}
.n-bigger {
	font-size: 47px;
}
html {
	overflow-x: hidden !important;
}
.main-menu ul li:last-child {
	display: none;
}
.main-menu ul.sub-menu {
    width: 148px !important;
}
/* FAQ'S Section CSS */
.faq h5.elementor-tab-title {
    border-radius: 14px;
    margin-bottom: 12px;
}
.faq .elementor-tab-content {
    border-radius: 14px;
    margin-top: 25px;
    margin-bottom: 12px;
}
.faq h5.elementor-tab-title span.elementor-toggle-icon.elementor-toggle-icon-right {
    margin-top: 7px;
}
.faqBorder h5.elementor-tab-title {
    border: 2px solid #B11116 !important;
}

/* Button Animation CSS */
.btn a, .gravityForm input[type="submit"], .testimonial a, .single-eventer main#content input.submit {
	transition: transform 0.2s ease;
}
.btn a:hover, .gravityForm input[type="submit"]:hover, .testimonial a:hover, .single-eventer main#content input:hover.submit  {
    animation: buttonBounce 0.6s ease;
}
@keyframes buttonBounce {
	0% {
        transform: scale(0.7);
    }
    25% {
        transform: scale(0.85);
    }
    50% {
        transform: scale(0.7);
    }
    75% {
        transform: scale(0.7);
    }
    100% {
        transform: scale(1);
    }
}

/* Icon Animation CSS */
@keyframes bounce { 
    0%, 20%, 50%, 80%, 100% { 
        transform: translateY(0); 
    } 
    40% { 
        transform: translateY(-20px); 
    } 
 45% { 
        transform: translateY(-20px); 
    } 
    60% { 
        transform: translateY(-10px); 
    } 
}
.Icons svg { 
    animation: bounce 3s ease infinite, bounceDown 3s ease infinite;
	animation-delay: 5s, 5s;
}

/* BG Image Animation CSS */
.bgimg {
	overflow: hidden;
	background-size: 100%;
    transition: background 4s, border 4s, border-radius 4s, box-shadow 4s !important;
}
.bgimg:hover {
    background-size: 125% !important;
    transition: background 4s, border 4s, border-radius 4s, box-shadow 4s !important;
}

/* Image Element Animation CSS */
.bgimg2 {
    overflow: hidden;
}
.bgimg2 img {
	transition: transform 1.5s ease;
}
.bgimg2 img:hover {
    transform: scale(1.3);
}

/* Icons Move Like Bell Left To Right CSS */
.IconsMove {
	animation: bounceLeftRight 2s ease-in-out infinite, bounceLeftRight2 1.5s ease-in-out infinite;
}
@keyframes bounceLeftRight {
	0%, 100% {
        transform: translateX(0) rotate(0deg);
    }
    25% {
        transform: translateX(0px) rotate(-0deg);
    }
    50% {
        transform: translateX(0) rotate(0deg);
    }
    75% {
        transform: translateX(0px) rotate(0deg);
    }
}
@keyframes bounceLeftRight2 {
	0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(-10deg);
    }
	26%, 27%, 28%, 29%, 30% {
        transform: rotate(-6deg);
    }
    50% {
        transform: rotate(0deg);
    }
    75% {
        transform: rotate(10deg);
    }
	76%, 77%, 78%, 79%, 80% {
        transform: rotate(6deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

/* Icons Move2 Like Seat Left To Right CSS */
.IconsMove2 {
	animation: iconMoveLeft 2s ease-in-out infinite, iconMoveRight 1.5s ease-in-out infinite;
}
@keyframes iconMoveLeft {
	0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(9deg);
    }
	30%, 35%, 40%, 45% {
        transform: rotate(6deg);
    }
    50% {
        transform: rotate(-9deg);
    }
	55%, 60%, 65%, 70%, 75%, 80%, 85%, 90%, 95% {
        transform: rotate(-6deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
@keyframes iconMoveRight {
	0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(-9deg);
    }
	30%, 35%, 40%, 45% {
        transform: rotate(-6deg);
    }
    50% {
        transform: rotate(9deg);
    }
	80%, 85%, 90%, 95% {
        transform: rotate(6deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

/* Image BounceUp BounceDown On Hover */
.ImgBounceDown img {
    transition: margin-top 0.1s ease, transform 0.1s ease;
}
.ImgBounceDown:hover img {
    animation: imgBounceDown 0.2s ease;
    margin-top: 180px;
}
.ImgBounceDown img {
	transform: translateY(0);
    animation: imgBounceUp 0.2s ease;
}
@keyframes imgBounceDown {
  0% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(-10px);
  }
  40% {
    transform: translateY(5px);
  }
  60%, 70%, 80% {
    transform: translateY(-15px);
  }
  90% {
    transform: translateY(2px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes imgBounceUp {
  0% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(10px);
  }
  40% {
    transform: translateY(-5px);
  }
  60%, 70%, 80% {
    transform: translateY(15px);
  }
  90% {
    transform: translateY(2px);
  }
  100% {
    transform: translateY(0);
  }
}

/* Image Down On Hover */
.ImgDown {
	transition: transform 1s ease-in-out;
	/*transform: translateY(-80px);*/
}
.ImgDown:hover img {
    animation: none;
    /*transform: translateY(80px);*/
	margin-top: 170px;
    animation: imgbounceDown 1s ease-in-out;
}
@keyframes imgbounceDown {
    0% {
        transform: translateY(0) scale(1);
    }
    30% {
        transform: translateY(10px) scale(1.05);
    }
    50% {
        transform: translateY(0) scale(1);
    }
    70% {
        transform: translateY(5px) scale(1.02);
    }
    100% {
        transform: translateY(0) scale(1);
    }
}

/* Soundwave Animation CSS */
@keyframes soundwave {
    0% {
        transform: translateX(0);  /* Start at normal position */
    }
    30% {
        transform: translateX(-10px);  /* First bounce up */
    }
    50% {
        transform: translateX(0);  /* Back to normal position */
    }
    60% {
        transform: translateX(-10px);  /* Second bounce up */
    }
    70% {
        transform: translateX(-8px);  /* Second bounce up */
    }
    80% {
        transform: translateX(-5px);  /* Second bounce up */
    }
    90% {
        transform: translateX(-2px);  /* Second bounce up */
    }
    100% {
        transform: translateX(0);  /* Back to normal position */
    }
}
.soundwave {
    animation: soundwave 0.6s ease-in-out infinite;
}

/* Like Dislike Icon Animation CSS*/
.likeIcon img {
  animation: likeIconBounceDown 3s ease-in-out infinite;
}
.dislikeIcon img {
  animation: dislikeIconBounceUp 3s ease-in-out infinite;
  animation-delay: 3s;
}
@keyframes likeIconBounceDown {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes dislikeIconBounceUp {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0);
  }
}

/* Make A Simple Choice Section CSS */
.likeDislike ul {
    padding-left: 25px;
	list-style-type: none;
}
.likeDislike ul li:first-child::before {
	background: url("http://199.250.201.124/~nagain/wp-content/uploads/2024/11/like-thumb.svg");
    content: '';
    background-position: center center;
    background-size: contain;
    position: absolute;
    width: 40px;
    height: 40px;
    left: 100px;
    background-repeat: no-repeat;
}
.likeDislike ul li:last-child::before {
    background: url("http://199.250.201.124/~nagain/wp-content/uploads/2024/11/dislike-thumb.svg");
    content: '';
    background-position: center center;
    background-size: contain;
    position: absolute;
    width: 40px;
    height: 40px;
    left: 100px;
    background-repeat: no-repeat;
    margin-top: 8px
}

/* Form CSS */
.gravityForm input[type="text"], .gravityForm input[type="email"], .gravityForm textarea {
    border: 1px solid #adadad !important;
    border-radius: 14px !important;
    outline: 0px !important;
    height: 55px;
}
.gravityForm input[type="text"]:focus, .gravityForm textarea:focus {
    outline: 0px !important;
}
.gravityForm input::-webkit-input-placeholder, .gravityForm textarea::-webkit-input-placeholder {
    font-family: "Public Sans" !important;
    font-weight: 400 !important;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0px !important;
    color: #adadad !important;
}
.gravityForm input::-moz-placeholder, .gravityForm textarea::-moz-placeholder {
    font-family: "Public Sans" !important;
    font-weight: 400 !important;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0px !important;
    color: #adadad !important;
}
.gravityForm input:-ms-input-placeholder, .gravityForm textarea:-ms-input-placeholder {
    font-family: "Public Sans" !important;
    font-weight: 400 !important;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0px !important;
    color: #adadad !important;
}
.gravityForm input:-moz-placeholder, .gravityForm textarea:-moz-placeholder {
    font-family: "Public Sans" !important;
    font-weight: 400 !important;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0px !important;
    color: #adadad !important;
}
.gravityForm textarea {
	margin-top: -30px;
}
.gravityForm input[type="submit"] {
    background-color: #B11116 !important;
    border-radius: 14px !important;
    padding: 15px 40px !important;
    font-family: "Public Sans" !important;
    font-weight: bold !important;
    font-size: 18px !important;
    line-height: 32px !important;
    letter-spacing: 0px !important;
    border: none;
}
.gravityForm input[type="submit"]:focus {
	outline: 0 !important;
}
.gravityForm .gform_validation_errors h2.gform_submission_error.hide_summary {
    letter-spacing: 0px;
}

/* Privacy Policy Page */
.privacy-policy p, .privacy-policy ul li {
	font-size: 18px;
	line-height: 26px;
}

/* Service Integration Guide */
.faqs ol {
    padding-left: 20px;
}
.faqs ol li {
	line-height: 28px;
}
.faqs ol li ul {
    padding-left: 0px;
	margin-left: -6px;
}
.faqs ol li ul li {
    list-style-type: disc;
}
.faqs ol li ul li::marker {
    font-size: 12px;
}
ol.spacing {
	padding-bottom: 25px;
    /*padding-top: 12px;*/
}
.elementor-2891 .elementor-element.elementor-element-d5d52f9 .elementor-divider {
    padding-block-start: 0px !important;
    padding-block-end: 20px !important;
}
/* Events Page CSS */
.eventsCalendar button.fc-button {
	font-size: 16px;
    line-height: 28px;
    text-transform: capitalize;
    height: auto;
    padding: 4px 26px;
	border-radius: 10px;
}
.eventsCalendar button.fc-button:hover {
    background-color: #00B2BB;
}
.eventsCalendar h2 {
    font-size: 32px;
    line-height: 40px;
}
.single-eventer main#content {
    padding-top: 60px;
    padding-bottom: 60px;
}
.single-eventer main#content p {
	font-size: 20px;
}
.single-eventer section.comments-area {
    display: none;
}

/* How Do I Join Page CSS */
.service-toggle-container .service-item h5.toggle-button {
    padding: 16px 30px 16px 30px;
    border: 2px solid #B11116 !important;
    border-radius: 14px;
    margin-bottom: 12px;
    cursor: pointer;
	font-family: "Public Sans";
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    line-height: 32px;
    letter-spacing: 0px;
}
.service-toggle-container .service-item h5 span.toggle-arrow {
    display: inline-block;
    transition: transform 0.3s ease; /* Smooth transition for rotation */
	float: right;
}
.service-item.active h5.toggle-button span.toggle-arrow img {
	transform: rotate(180deg);
}
.service-toggle-container .service-item .service-details {
	padding: 16px 30px 16px 30px;
    background-color: #B11116 !important;
    border-radius: 14px;
}
.toggle-arrow {
    font-size: 18px; /* Icon ka size */
    transition: transform 0.3s ease; /* Smooth transition */
}
.service-item.active .service-details{
	display:block !important
}
.service-item .service-details{
	display:none;
}

/* .service-toggle-container2 .service-item2 h5.toggle-button2 {
    padding: 16px 30px 16px 30px;
    border: 2px solid #B11116 !important;
    border-radius: 14px;
    margin-bottom: 12px;
    cursor: pointer;
	font-family: "Public Sans";
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    line-height: 32px;
    letter-spacing: 0px;
}
.service-toggle-container2 .service-item2 h5 span.toggle-arrow2 {
    display: inline-block;
    transition: transform 0.3s ease; /* Smooth transition for rotation */
	float: right;
}
.service-item2.active h5.toggle-button2 span.toggle-arrow2 img {
	transform: rotate(180deg);
}
.service-toggle-container2 .service-item2 .service-details2 {
	padding: 16px 30px 16px 30px;
    background-color: #B11116 !important;
    border-radius: 14px;
}
.toggle-arrow2 {
    font-size: 18px; /* Icon ka size */
    transition: transform 0.3s ease; /* Smooth transition */
}
.service-item2.active .service-details2 {
	display:block !important
}
.service-item2 .service-details2 {
	display:none;
} */


/* Laptop CSS */
@media (max-width: 1440px) {
	.elementor-element-7b0876d a {
    	font-size: 17px;
    	padding: 11px 38px !important;
	}
	.main-menu ul.sub-menu {
    	width: 145px !important;
	}
	.n-bigger {
    	font-size: 38px;
	}
	.faq .elementor-tab-content {
    	margin-top: 12px;
    	margin-bottom: 12px;	
	}
	.faq h5.elementor-tab-title {
    	margin-bottom: 8px;
	}
	.faq h5.elementor-tab-title span.elementor-toggle-icon.elementor-toggle-icon-right {
    	margin-top: 3px;
	}
	.likeDislike ul li:first-child::before, .likeDislike ul li:last-child::before {
		left: 45px;
	}
	.likeDislike ul li:first-child::before {
		margin-top: -10px;
	}
	.likeDislike ul li:last-child::before {
		margin-top: 3px;
	}
	.faqs ol li ul {
		margin-left: -3px;
	}
	.faqs ol {
    	padding-left: 18px;
	}
}

/* Tablet Portrait CSS */
@media (max-width: 1024px) {
	section.elementor-element-4719086.elementor-section.elementor-section-height-full {
		height: 42vh;
	}
	.likeDislike ul li:first-child::before, .likeDislike ul li:last-child::before {
        left: 25px;
		width: 25px;
        height: 25px;
    }
	.likeDislike ul li:first-child::before {
        margin-top: -3px;
    }
}

/* Mobile Landscape CSS */
@media (max-width: 820px) {
	.main-menu svg path {
		fill: #fff;
	}
	.main-menu ul li ul.sub-menu {
		width: 100% !important;
	}
	.n-bigger {
        font-size: 30px;
    }
	.main-menu ul li:last-child {
		display: block;
	}
	section.elementor-element-4719086.elementor-section.elementor-section-height-full {
		height: 40vh;
	}
	.likeDislike ul li:first-child::before, .likeDislike ul li:last-child::before {
        left: 15px;
    }
	section.elementor-element-72096a5 .elementor-element-a32ad57, section.elementor-element-40ef194 .elementor-element-c7b43a4, section.elementor-element-d618e82 .elementor-element-942c41f {
    	order: 2;
	}
	.faqs ol li ul {
		margin-left: -2px;
	}
}

/* Mobile Responsive CSS */
@media (max-width: 767px) {
	.n-bigger {
        font-size: 27px;
    }
	.main-menu ul li:last-child {
		display: block;
	}
	section.elementor-element-4719086.elementor-section.elementor-section-height-full {
    	height: 62vh;
    }
	.likeDislike ul li:first-child::before, .likeDislike ul li:last-child::before {
        left: 0;
    }
	section.elementor-element-d5236d7 .elementor-element-9aa9369, section.elementor-element-f032d78 .elementor-element-1dc7b6e {
    	order: 2;
	}
	.gravityForm .gform-theme--foundation .gform_fields {
    	row-gap: 10px;
	}
	.gravityForm textarea {
    	margin-top: 0px;
	}
	section.elementor-element-de606c6 ol, section.elementor-element-af436e9 ol {
    	padding-left: 20px;
	}
	.faqs ol {
    	padding-left: 17px !important;
	}
	.faqs ol li {
    	font-size: 13px;
	}
	/* Events Page CSS */
	.eventsCalendar .fc-toolbar .fc-left {
    	display: flex;
    	justify-content: center;
    	float: none;
	}
	.eventsCalendar .fc-toolbar .fc-right {
    	margin-top: 15px;
    	float: none;
    	display: flex;
    	justify-content: center;
	}
	.main-menu svg path {
		fill: #fff;
	}
	.main-menu ul li ul.sub-menu {
		width: 100% !important;
	}
	.single-eventer main#content p {
    	font-size: 16px;
    	line-height: 24px;
	}
}