/**
Theme Name: Astra Child
Author: BitzStudio
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
Text Domain: astra-child
Template: astra
*/

/* progress Bar  */
.progress-wrap {
	margin:auto;
	width:100%;
	max-width: 420px;
}
.progress {
	position: relative;
	background: #eee;
	border-radius: 999px;
}
.progress-clip {
	overflow: hidden;
	border-radius: 999px;
}

.progress-bar {
	position: relative;
	height: 16px;
	width: 0;
	background-color:#0087a4;
	background-image: linear-gradient(
		45deg,
		rgb(254 196 46) 25%,
		transparent 25%,
		transparent 50%,
		rgb(254 196 46) 50%,
		rgb(254 196 46) 75%,
		transparent 75%,
		transparent
	);
	background-size: 1rem 1rem;
	transition: width .4s ease;
}

.progress .tooltip {
	position: absolute;
	top: -30px;
	left: 0;
	transform: translateX(-50%);
	background:#0087a4;
	color: #FFFFFF;
	padding: 4px 8px;
	border-radius: 6px;
	font-size: 12px;
	line-height: 1;
	white-space: nowrap;
	box-shadow: 0 2px 6px rgba(0,0,0,.12);
	opacity: 0;
	pointer-events: none;
	transition: opacity .15s ease;
}
.progress .tooltip.show { opacity: 1; }
.scale {
	display: flex;
	justify-content: space-between;
	margin-top: 6px;
	font-size: 12px;
	color: #555;
	user-select: none;
}

/* Custom image style */
.grid-wrapper {
    width: 100%;
    overflow-x: auto; 
    white-space: nowrap;
    border: 3px solid #000;
}
.grid-wrapper::-webkit-scrollbar {
    height: 8px;
}
.grid-wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 5px;
}
.grid-wrapper::-webkit-scrollbar-thumb {
    background: #FEC52D;
    border-radius: 5px;
}
.grid-wrapper::-webkit-scrollbar-thumb:hover {
    background: #e0a822;
}
.grid-wrapper {
    scrollbar-color: #FEC52D #f1f1f1;
    scrollbar-width: thin;
}
.grid-container {
  display: grid;
  gap: 2px;
  min-width: 1000px;
/*  max-width: 1200px;*/
}
.grid-container {
    display: grid;
    gap: 1px;
    background-color: #FFF;
}
.box {
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    background-color: white;
}
.filled {
    background-color: orange;
}
.cutout {
    background-color: #FFF;
    border: none;
    width: 15px;
    height: 15px;
}
/* Ending the style custom css */

/* pay with check */
.donate-btn-section {
    display: flex;
    align-items: center;
    gap: 20px;
}
#check-popup h4 {
    text-align: center;
    margin-bottom: 10px;
}
.lfd-pay-with-check button {
    background: #FEC52D !important;
    box-shadow: unset !important;
    border-radius: 40px;
    padding: 18px 32px 18px 32px;
    height: auto;
    cursor: pointer !important;
    color: #0087a4;
    font-weight: 700;
    font-size: 18px;
    font-family: 'Gomme Sans';
}
#check-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  overflow-y: scroll;
  z-index: 9999;
}
.form-footer-text p {
    margin: 0px;
}
.submit-btn {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
#check-popup .popup-content {
    background: #fff;
    padding: 20px;
    max-width: 650px;
    width: 90%;
    top: 10%;
    bottom: 10%;
    margin: auto;
    border-radius: 8px;
    position: relative;
}
#check-popup .close-popup {
  position: absolute;
  top: 10px;
  right: 15px;
  cursor: pointer;
  font-size: 20px;
}
.lfd-inline-inputs {
    display: flex;
    gap: 4%;
    margin-bottom: 20px;
}

.lfd-inline-inputs .lfd-inline-inner {
    width: 48%;
}

/* ending pay with check */

.donate-btn-section .asp_price_container {
    display: none;
}
.donate-btn-section {
    margin: auto;
    width: max-content;
    padding-bottom: 20px;
}

/* side bar css */
.asp_product_item_top {
    display: none;
}
.asp_product_description {
    display: none;
}
.asp_product_item {
    padding: 0px !important;
    border: 0px !important;
    box-shadow: unset !important;
}
.hotspot-content {
    margin: auto;
    width: fit-content;
}

/*#orderGrid{
	border: 5px solid #000;
}*/

.asp_product_buy_btn.blue {
/*     background: linear-gradient(130deg, #F17F21 0%, #FEC52D 100%) !important; */
	background: #FEC52D !important;
    box-shadow: unset !important;
    border-radius: 40px;
    padding: 18px 32px 18px 32px;
    height: auto;
    cursor: pointer !important;
    text-shadow: unset !important;
}
.asp_product_buy_btn.blue span{
	font-family: "Gomme Sans", Sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
	color: #0087a4 !important;
}
.asp_out_of_stock {
    background: linear-gradient(130deg, #F17F21 0%, #FEC52D 100%) !important;
    box-shadow: unset !important;
    border-radius: 40px;
    padding: 18px 32px 18px 32px;
    height: auto;
    cursor: not-allowed;
    font-family: "Gomme Sans", Sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: #FFFFFF !important;
}
#content-hotspot-1131 {
 background-color: unset !important;
 border: unset;
 padding:0px !important;
}
#content-hotspot-1131 .asp_price_container {
    display: none;
}
#hotspot-1131 .hotspot-title{
	color:#000000 !important;
}
#hotspots-map-container-1131 [name="Sold"] {
    fill: #fbb42a !important;!i;!;
    fill-opacity: 1 !important;!i;!;
    cursor: not-allowed;
}

/* ending side bar css */

.single-asp-products .main-header-wrapper {
    display: none;
}
.single-asp-products .elementor.elementor-78 {
    display: none;
}
#hotspot-1131 .hotspots-interaction {
    display: block;
}
#content-hotspot-1131 {
    margin: auto;
}
#hotspot-1131 .hotspots-image.skip-lazy {
    width: 100% !important;
    max-width: 100%;
}

@media only screen and (max-width: 450px) { 
    .donate-btn-section{
        display: block;
    } 
}


@media (min-width: 1700px) and (max-width: 2560px){
	.wide-screen-container-holder .e-con-inner {
    	max-width: 1440px;
    	width: 100%;
    }
	.htslider-slider .slick-dots {
        left: 14% !important;
    }	
}



/*CSS starts for Hero Section Slider  dots design*/

.elementor-10 .elementor-element.elementor-element-88056ac .htslider-slider .slick-dots li.slick-active button {
    background-color: #FEC52D !important;
    border: none;
}

.htslider-slider .slick-dots {
	    z-index: 100;
    bottom: 6%;
    left: 22%;
    align-items: center;
}

.htslider-slider .slick-dots li {
    margin: 0 10px;
}

.htslider-slider .slick-dots .slick-active {
     border: 1px solid #F17F21;
    border-radius: 60px;
    padding: 10px;
}

@media only screen and (max-width: 1700px) {
	
.htslider-slider .slick-dots {
    left: 10%;
}
	
}

@media only screen and (max-width: 1500px) {
	
/* .htslider-slider .slick-dots {
    left: 6%;
} */
	
	.funding-holder{
		    padding-top: 30px;
	}

	
	.main-header-wrapper .e-con-inner{
		 padding: 0;
	}
	
}


@media only screen and (max-width: 1200px) {
	
.htslider-slider .slick-dots {
    left: 7%;
}
	

}

@media only screen and (max-width: 1024px) {
	
.htslider-slider .slick-dots {
  left: 50%;
	bottom: 2%;
}
	
}


@media only screen and (max-width: 767px) {
	
.htslider-slider .slick-dots {
    left: 50%;
}
	
}

/*CSS End for Hero Section Slider  dots design*/










/*CSS Start for how the LCCF was formed Section design*/

.lccf-formed-heading .elementor-heading-title{
	    white-space: pre-line;
}

@media only screen and (max-width: 1024px) {
	
.lccf-formed-heading .elementor-heading-title{
	    white-space: normal;
}
	
}

/*CSS Ends for how the LCCF was formed Section design*/












/*CSS Starts for Feedback Testimonials Section Slider design*/

.elementor-10 .elementor-element.elementor-element-b831370 .htslider-slider .slick-arrow {
    color: #FFFFFF;
    background: linear-gradient(99.85deg, #F17F21 16.96%, #FEC52D 106.53%);
}

.elementor-10 .elementor-element.elementor-element-b831370 .htslider-slider .slick-arrow:hover {
    color: #000;
    background: linear-gradient(99.85deg, #e5a875 16.96%, #d5bf85 106.53%);
}

.htslider-slider .slick-arrow {
    top: -80px;
    left: auto;
    right: 90px;
 
}

.slingle-slider.slick-slide.slick-current.slick-active .testimonial-slider-wrapper {
    border: 1px solid #F17F21;

}

.slider-heading-wrapper .elementor-heading-title{
	white-space: pre-line;
}



@media only screen and (max-width: 768px) {
.htslider-slider .slick-arrow {
    bottom: -22%;
    top: auto;
	  width: 40px;
    height: 40px;
}
	
	.slider-heading-wrapper .elementor-heading-title{
	white-space: normal;
}

}


/*CSS Ends for Feedback Testimonials Section Slider design*/










/*CSS Starts for Map Section Form design*/

.map-form-holder .form-drop-wrap{
	padding: 0 30px !important;
}


/*CSS Ends for Map Section Form design*/









/*CSS starts for footer form design*/

.footer-form-wrap .wpcf7-form-control-wrap{
	    width: 100%;
}

.footer-form-wrap .wpcf7-form{
	display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}

.footer-form-wrap input[type="submit"]{
    border-radius: 30px;
    padding: 18px 45px;
	    background: url(https://landing.bitzstudio.com/wp-content/uploads/2025/01/Group-1410097639.png) center center;
    text-indent: -9999px;
    box-shadow: none;
    width: 30px;
    height: 50px;
    background-repeat: no-repeat;
}

.footer-form-wrap .wpcf7-form-control-wrap input[type="email"]{
	border-radius: 30px;
  padding: 25px;
  border: none;
  box-shadow: 0px 4px 4px 0px #00000040;
	
	font-size: 14px;
  font-weight: 400;
  font-family: 'Gomme Sans', sans-serif;
  line-height: 24px;
  letter-spacing: 0.5px;
}



.footer-form-wrap .wpcf7-spinner{
	display: none;
}


@media only screen and (max-width: 1024px) {
	.footer-form-wrap .wpcf7-form-control-wrap{
	    width: 100%;
}
	
}


footer#colophon {
    display: none;
}

/*CSS Ends for footer form design*/