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

/* ---------------------Footer starts---------------------------- */
.bttn-icon .elementor-button-icon svg {
	height: 36px !important;
	width:36px !important;
}

.bttn-icon .elementor-button-content-wrapper {
	align-items: center !important;
	display: flex;
}


/* ---------------------Home page starts---------------------------- */

.logo-slider .swiper-slide-inner {
    opacity: 1;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

/* Show ACTIVE slide */
.logo-slider .swiper-slide-active .swiper-slide-inner {
    opacity: 1;
}

/* Show HOVERED slide */
.logo-slider .swiper-slide:hover .swiper-slide-inner {
    opacity: 1;
}

.logo-slider .swiper-slide-inner img {
	width: 170px;
	height: 121px;
	object-fit: contain;
	object-position: center center;
}

.logo-slider .swiper-slide-inner {
    transition: all 0.5s ease;
    padding: 10px;
}

.logo-slider .swiper-slide-inner:hover {
    background: #ffffff;
    box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    z-index: 10;
}

/* Fix shadow cut */
.logo-slider .elementor-image-carousel-wrapper,
.logo-slider .elementor-image-carousel,
.logo-slider .swiper,
.logo-slider .swiper-wrapper,
.logo-slider .swiper-slide {
    overflow: visible !important;
}
.logo-slider .swiper-wrapper {
      -webkit-transition-timing-function: linear !important;
      -moz-transition-timing-function: linear !important;
      -o-transition-timing-function: linear !important;
      transition-timing-function: linear !important; 
}
.orderCards .elementor-icon svg {
	box-shadow: 0px 8px 20px rgba(22, 66, 197, 0.1);
	border-radius: 50px;
}

.ctaCards .elementor-cta__bg-wrapper::before {
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 3;
	border-radius: 20px;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 47.9%, #000000 100%);
}

.img-cards {
	transition: 0.5s all;
}

.img-cards:hover {
	width: 45% !important;

}


.img-cards:hover .img-title {
	opacity: 0 !important;
	display: none;
}

.img-innrBox {
	transform: translateY(650px) !important;
	transition: 0.4s ease-in-out;
}

.img-cards:hover .img-innrBox {
	transform: translateY(0px) !important;
	transition-duration: 500ms;
}


.accrdin-items .e-n-accordion-item {
	background-color: #F2FBFF;
	border-radius: 20px;
	padding: 0px 30px;
}

.accordion-item .active {
	background-color: #33B0E6;
}

.counter-cls{
	counter-reset: section;
}


.acc-counter {
	
	position: relative;
	
}


.acc-counter::before {
	counter-increment: section;
	content: "0" counter(section);
	position: absolute;

	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: 30px;
	line-height: 30px;

	width: 62px;
	height: 62px;
	display: flex;
	align-items: center;
	justify-content: center;

	color: #F9D9D1;
	background: #FFFFFF;
	border-radius: 50px;
	outline: 11px solid #EFF7FF36;
	box-shadow: 0px 8px 20px rgba(22, 66, 197, 0.1);

	top: 40px;
	left: -60px;
	transform: translate(-50%, -50%);
}

.acc-counter:has(.elementor-icon-box-title.active)::before {
  color: #E24018;
}



.elementor-icon-box-title:not(.active)::after {
	color: #000 !important;
	opacity: 0.05;
}
.accrdin-main-box:has(.elementor-icon-box-title.active) {
	background-color: #33B0E6 !important;
}
.elementor-icon-box-title.active {
	color: #fff !important;
}
 




.accordion-item:has(.elementor-icon-box-title.active)::after {
	color: #fff;
	opacity: 0.1;
}
.elementor-icon-box-title.active {
	color: #fff !important;
}

.accrdin-main-box:has(.elementor-icon-box-title.active) {
	background-color: #33B0E6 !important;
}

/* ---------------------Blog details page starts---------------------------- */
.faq-accordion {
    max-width: 800px;
    margin: 0 auto;
}

.faq-item {
    border-bottom: 1px solid #ddd;
}

.faq-question {
    width: 100%;
    background: none;
    border: none;
    padding: 15px;
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.faq-answer {
    display: none;
    padding: 0 15px 15px;
    font-size: 16px;
    line-height: 1.6;
}

.faq-item.active .faq-answer {
    display: block;
}

.faq-item.active .faq-icon {
    transform: rotate(45deg);
}



/* ---------------------Contact page starts---------------------------- */

.contact-form .gfield .ginput_container input[type="email"]{
  text-transform: lowercase;
}
 
.contact-form .gfield .ginput_container input[type="email"]::placeholder{
  text-transform: capitalize;
}


.contact-form .gfield .ginput_container input, .contact-form .gfield .ginput_container textarea {
font-family: 'Outfit';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 24px;
color: #333333;
border: 1px solid #EFEFEF;
border-radius: 10px;
height: 64px;
padding: 18px 30px;
box-shadow: none;
outline: none;
} 

.contact-form #gform_fields_2 {
	row-gap: 25px;
}

.contact-form .gform-theme--foundation .gfield textarea.large {
	min-block-size: 239px;
	resize: none;
}

.contact-form  .gform-footer.gform_footer.top_label {
	margin-top: 28px;
}

.contact-form  #gform_submit_button_2 {
	height: 54px;
	background: #E24018;
	border-radius: 9px;
	width: 100%;
	font-family: var( --e-global-typography-accent-font-family ), Sans-serif;
  font-size: var( --e-global-typography-accent-font-size );
  font-weight: var( --e-global-typography-accent-font-weight );
  text-transform: var( --e-global-typography-accent-text-transform );
  line-height: var( --e-global-typography-accent-line-height );
}
.contact-form  #gform_submit_button_2:hover{
	background-color: #33B0E6;
	transition-duration: 250ms;
}

.contact-form .gform_validation_errors {
	display: none !important;
}
.contact-form .gfield_description.instruction.validation_message {
	color: var(--gf-ctrl-desc-color-error);
}
.contact-form  #gform_confirmation_message_2{
		font-family: var( --e-global-typography-accent-font-family ), Sans-serif;
  font-size: var( --e-global-typography-accent-font-size );
  font-weight: 600;
  text-transform: var( --e-global-typography-accent-text-transform );
  line-height: var( --e-global-typography-accent-line-height );
  color: #33B0E6;
}
.cntnt-tble .elementor-toc__list-item {
	position: relative;
}

.cntnt-tble .elementor-toc__list-item::before{
	position: absolute;
	content:"";
	height: 17px;
	width: 17px;
	background-image: url("data:image/svg+xml,%3Csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.57242 7.93553C6.23093 7.59405 5.7187 7.59405 5.37721 7.93553C5.03572 8.27702 5.03572 8.78925 5.37721 9.13074L7.93837 11.6919C8.10911 11.8626 8.27985 11.948 8.53597 11.948C8.79209 11.948 8.96283 11.8626 9.13357 11.6919L15.1096 4.86214C15.3657 4.43528 15.3657 3.92305 14.9389 3.66694C14.5974 3.41082 14.0851 3.41082 13.829 3.75231L8.53597 9.81372L6.57242 7.93553Z' fill='%2333B0E6'/%3E%3Cpath d='M16.2207 7.68347C15.7084 7.68347 15.3669 8.02496 15.3669 8.53719C15.3669 12.2936 12.2936 15.3669 8.53719 15.3669C4.78083 15.3669 1.70744 12.2936 1.70744 8.53719C1.70744 6.74438 2.39041 5.03694 3.67099 3.75636C4.95157 2.39041 6.65901 1.70744 8.53719 1.70744C9.04942 1.70744 9.64703 1.79281 10.1593 1.87818C10.5861 2.04893 11.0983 1.79281 11.2691 1.28058C11.4398 0.768347 11.0984 0.42686 10.6715 0.256116H10.5861C9.90314 0.0853719 9.22017 0 8.53719 0C3.84174 0 0 3.84174 0 8.62256C0 10.8422 0.939091 13.0619 2.47579 14.5986C4.09785 16.2207 6.23215 17.0744 8.45182 17.0744C13.1473 17.0744 16.989 13.2326 16.989 8.53719C17.0744 8.02496 16.6475 7.68347 16.2207 7.68347Z' fill='%2333B0E6'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat no-repeat;
background-position: center center;
background-size: contain;
	z-index: 5;
	top: 4px;
	left: -11px;
}
.cntnt-tble .elementor-toc__header {
	padding: 0;
}




/* Section */
.audio-sec {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
}
/* Each block */
.ech-sec {
    margin-bottom: 40px;
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
}
/* Title */
.form-title {
    font-size: 28px;
    font-weight: 600;
    color: #000;
    margin-bottom: 10px;
}
.form-title span {
    color: #e24018;
}


.main-audio-sec {
    margin-top: 20px;
}

.music {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 8px;
    margin-bottom: 15px;
    transition: 0.3s;
}

.music:hover {
    border-color: #e24018;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.music strong {
    font-size: 16px;
    color: #000;
}

/* Audio + icon row */
.audio-class {
    display: flex;
    align-items: center;
    gap: 15px;
}

.audio-class audio {
    width: 100%;
}

/* Fancybox icon */
.fancyopup {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #e24018;
    border-radius: 50%;
    transition: 0.3s;
}

.fancyopup svg {
    fill: #fff;
}

.fancyopup:hover {
    background: #000;
}


/* Remove padding for full screen */
.fancybox__slide {
    padding: 0 !important;
}

.fancybox__content {
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

/* Popup wrapper */
.popup-wrapper {
    width: 100%;
    height: 100%;
    background: #fff;
}

/* Layout inside popup */
.ws-row {
    display: flex;
    height: 100%;
}

/* Left side (audio) */
.left-col {
    width: 50%;
    padding: 40px;
    box-sizing: border-box;
}

.left-col-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.left-col-wrapper audio {
    width: 100%;
}

/* Right side */
.right-col-wrapper {
    padding: 20px;
}

.right-col-wrapper h3 {
    font-size: 24px;
    color: #000;
    margin-bottom: 10px;
}

.right-col-wrapper h4 {
    font-size: 18px;
    color: #e24018;
    margin-bottom: 15px;
}

.right-col-wrapper p {
    color: #555;
    line-height: 1.6;
}

.fancybox__backdrop {
    background: rgba(0,0,0,0.9) !important;
}

.fancybox__button--close {
    background: #e24018 !important;
    color: #fff;
    border-radius: 50%;
}

.fancybox__button--close:hover {
    background: #000 !important;
}

.pagination {
    text-align: center;
    margin-top: 30px;
}

.pagination a,
.pagination span {
    display: inline-block;
    margin: 0 5px;
    padding: 8px 12px;
    border: 1px solid #ddd;
    color: #000;
    text-decoration: none;
}

.pagination .current {
    background: #e24018;
    color: #fff;
    border-color: #e24018;
}

.pagination a:hover {
    background: #000;
    color: #fff;
}

/* Force close button visibility */
.f-button.is-close-button{
	top: 15px!important;
    right: 15px!important;
}

@media (max-width: 768px) {
    .ws-row {
        flex-direction: column;
    }

    .left-col {
        width: 100%;
        padding: 20px;
    }

    .audio-class {
        flex-direction: column;
        align-items: flex-start;
    }

    .fancyopup {
        margin-top: 10px;
    }
}







/* ---------------------Responsive starts---------------------------- */

@media only screen and (min-width: 1201px) and (max-width: 1599px) {
	html {
		zoom: 0.85;
		zoom: 85%;
	}
}




@media(max-width:1366px) {
	.bttn-icon .elementor-button-icon svg {
	height: 30px !important;
	width:30px !important;
}
}

@media(max-width:1200px) {
.bttn-icon .elementor-button-icon svg {
	height: 26px !important;
	width:26px !important;
}
.logo-slider .swiper-slide-inner img {
	width: 149px;
	height: 88px;
	object-fit: contain;
	object-position: center center;
}
}


@media(max-width:1024px) {
	.ctaCards .elementor-cta__bg-wrapper::before {
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) -50.1%, #000000 100%);
}

	.priceTble .elementor-price-table__header {
	border-radius: 10px 10px 0px 0px;
}
.priceTble .elementor-price-table__price {
	border-radius: 0px 0px 10px 10px;
}

.contact-form .gfield .ginput_container input, .contact-form .gfield .ginput_container textarea {
	font-family: 'Outfit';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 21px;
	color: #333333;
	border: 1px solid #EFEFEF;
	border-radius: 10px;
	height: 50px;
	padding: 12px 20px;
	box-shadow: none;
	outline: none;
}
.contact-form #gform_fields_2 {
	row-gap: 15px;
}
.contact-form #gform_submit_button_2 {
	height: 46px;

}
.logo-slider .swiper-slide-inner img {
	width: 124px;
	height: 70px;
	object-fit: contain;
	object-position: center center;
}
}




@media(max-width:767px) {
	.footr-menu ul {
		display: flex;
		flex-direction: column;
	}

	.footr-menu ul li a {
		justify-content: center;
	}

	.img-cards:hover {
		width: 100% !important;
	}
	.acc-counter::before {
	counter-increment: section;
	content: "0" counter(section);
	position: absolute;
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 25px;
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #E24018;
	background: #FFFFFF;
	border-radius: 50px;
	outline: 11px solid #EFF7FF36;
	box-shadow: 0px 8px 20px rgba(22, 66, 197, 0.1);
	top: 40px;
	left: -48px;
	transform: translate(-50%, -50%);
}

}