/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */

.container{
	max-width: 1440px;
	margin: 0 auto !important;
	padding-left: 20px;
	padding-right: 20px;
}

.testimonial-sec .swiper-slide-inner .elementskit-commentor-bio{
	position: relative !important;
}
.testimonial-sec .swiper-slide-inner .elementskit-commentor-bio:before{
	position: absolute;
    content: '';
    width: 100%;
    height: 70px;
    background: linear-gradient(89.98deg, #343459 0.02%, rgba(42, 42, 76, 0) 75.34%);
    top: 50%;
    left: calc(50% - 35px);
    transform: translate(-50%, -50%);
    z-index: -1;
}
.inner-list li span svg{
	width: 3px !important;
}


.pdf-list .elementor-icon-list-item {
    background: #5C5D984D;
    border: 1px solid #402E47;
    border-radius: 3px;
    padding: 8px 32px !important;
    backdrop-filter: blur(30%);
	margin-bottom:28px !important;
}

@media only screen and (max-width: 1366px){
	.testimonial-sec .swiper-slide-inner .elementskit-commentor-bio:before{
		left: calc(50% - 25px);
		height: 60px;
	}
	.pdf-list .elementor-icon-list-item {
	    margin-bottom: 20px !important;
	}
}

@media only screen and (max-width: 991px){
	.pdf-list .elementor-icon-list-item {
	    margin-bottom: 20px !important;
        padding: 8px 20px !important;
	}
}




.h-menu #menu-main-menu{
    width: 220px;
    position: absolute;
    right: 0;
}

@media (max-width:1024px){
    .h-menu #menu-main-menu{
        width: 215px;
    }
}

@media (max-width:767px){
    .h-menu #menu-main-menu{
        width: 200px;
    }
}



/* Ensure CF7 doesn't add weird spacing in Elementor */
.wpcf7-form p { margin-bottom: 0; }
.wpcf7-form-control-wrap { flex: 1; }

/* The Purple Box */
.input-group-text {
    background-color: #595D80 !important; /* Muted Purple */
    border: none !important;
    display: flex !important;
    width: 100% !important; /* Forces all boxes to match column width */
    padding: 0 20px !important;
    border-radius: 8px !important;
    align-items: center;
    min-height: 56px;
}

/* Icon Spacing */
.input-group-text i {
    color: #ffffff;
    margin-right: 15px;
    font-size: 1.1rem;
}

/* Align Pencil to top for textarea */
.input-group-text.align-items-start {
    align-items: flex-start !important;
    padding-top: 18px !important;
}

/* The Input Field (Transparent to show purple box) */
.input-group-text .form-control {
    background: transparent !important;
    border: none !important;
    color: #ffffff !important;
    padding: 20px 0 !important;
    box-shadow: none !important;
    width: 100%;
}

/* Placeholder Color */
.input-group-text .form-control::placeholder {
    color: #d1d1d1 !important;
}

/* Submit Button */
.btn-primary {
    background-color: #004c99 !important;
    border: none !important;
    padding: 18px 55px !important;
    border-radius: 8px !important;
    font-weight: 600;
    cursor: pointer;
	font-size: 25px;
}

.btn-primary:hover {
    background-color: #003d7a !important;
}

/* 1. Force the CF7 span to sit side-by-side with the icon */
.input-group-text .wpcf7-form-control-wrap {
    display: flex !important;
    flex: 1;
}

/* 2. Adjust the textarea to start at the exact same height as the icon */
.input-group-text textarea.form-control {
    background: transparent !important;
    border: none !important;
    color: #ffffff !important;
    padding: 0 !important; /* Remove top padding to align with icon */
    margin: 0 !important;
    line-height: 1.5 !important; /* Standardizes text height */
    box-shadow: none !important;
    width: 100%;
    resize: vertical;
}

/* 3. Tweak the icon margin to perfectly center with the first line of text */
.input-group-text i.bi-pencil {
    margin-top: 2px !important; /* Fine-tune this if needed */
    margin-right: 15px !important;
}

/* 4. Ensure the container doesn't force a wrap */
.input-group-text {
    flex-wrap: nowrap !important;
    display: flex !important;
}

/* 1. Universal Font Size for the Form */
.input-group-text,
.input-group-text .form-control,
.input-group-text .form-control::placeholder {
    font-size: 17px !important;
}

.wpcf7-not-valid-tip{display:none!important}
.wpcf7-spinner{display:none}
.wpcf7-not-valid{border:1px solid red!important}
.wpcf7-form.invalid .wpcf7-response-output{color:red!important}
.wpcf7-form.sent .wpcf7-response-output{color:green!important}



/* Vertical scrolling off */
html, body {
    overflow-x: hidden;
}


.custom-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.custom-list li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 6px;
  color: #7B7D91;
  font-size: 20px;
}

.custom-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px; /* adjust for vertical alignment */
  width: 12px;
  height: 12px;

  background-color: #ACACAC; /* arrow color */

  -webkit-mask-image: url("https://teamwp84.mydevfactory.com/sudip-roy/spacelaserawareness/wp-content/uploads/2026/03/right_arrow.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;

  mask-image: url("https://teamwp84.mydevfactory.com/sudip-roy/spacelaserawareness/wp-content/uploads/2026/03/right_arrow.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
}


@media (max-width:767px){
    .custom-list li {
        font-size: 18px;
        line-height: 26px;
    }
}




/* Equal height for all testimonial slides */
.testimonial-sec .swiper-wrapper {
    display: flex;
    align-items: stretch;
}

.testimonial-sec .swiper-slide {
    display: flex;
    height: auto;
}

.testimonial-sec .swiper-slide-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.testimonial-sec .elementskit-single-testimonial-slider {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

/* 1. Force the inner container to be a full-height flex column */
.testimonial-sec .elementskit-single-testimonial-slider {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    justify-content: flex-start !important; /* Reset distribution */
}

/* 2. Target the content/quote area to expand and fill the gap */
.testimonial-sec .elementskit-commentor-content {
    flex: 1 0 auto !important; /* This forces the div to grow */
    display: flex !important;
    flex-direction: column !important;
}

/* 3. Ensure the paragraph inside doesn't have huge bottom margins */
.testimonial-sec .elementskit-commentor-content p {
    margin-bottom: 50px !important; 
}

/* 4. Anchor the bio section to the very bottom */
.testimonial-sec .elementskit-commentor-bio {
    margin-top: auto !important;
    width: 100% !important;
}

.ekit-wid-con a:active, .ekit-wid-con a:focus, .ekit-wid-con a:hover, .ekit-wid-con a:visited {
	color: #F48638;
}