/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 5,700+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.11.7.1753385151
Updated: 2025-07-24 19:25:51

*/
p, .entry-content p {
    margin-bottom: 0em;
}

.wpcf7 form>div,.wpcf7 form>p {
    margin-bottom: 0em !important;
}


/* Contact Footer css  */
.wpcf7 form>div,.wpcf7 form>p {
    margin-bottom: 0em !important;
}

.newsletter-wrapper {
  background: transparent; /* dark background */
  padding: 0px;
  max-width: 252px;
  position: relative;
  border-radius: 6px;
}

.newsletter-wrapper label {
  display: block;
  color: #fff;
  font-size: 16px;
  margin-bottom: 8px;
}


.newsletter-wrapper input[type="email"] {
  width: 100%;
  border: none;
  border-bottom: 1px solid #444;
  background: transparent;
  color: #A9A8A8 !important;
  padding: 16px 10px 16px 10px;
  font-size: 14px;
  outline: none;
  border-color: #2D2C2B !important;
}

/* Updated as per your request */
.newsletter-submit {
  position: absolute;
  right: 0px;
  bottom: 26px;
  background: none;
  border: none;
  color: #777;
  cursor: pointer;
  padding: 0;
}

.newsletter-submit svg {
    width: 18px;
    height: 18px;
    transition: transform 0.3s ease;
    color: #51504F !important;
}

.newsletter-submit:hover svg {
  transform: translateX(3px);
  color: #fff;
}

button.newsletter-submit {
    background-color: #00000000 !important;
    border-color: #00000000 !important;
}


 .newsletter-wrapper input::placeholder {
    color: #A9A8A8 !important;
  }
/* Contact Footer Css End */


/* Logo marque HomepageCSS */
      * {
    box-sizing: border-box;
  }

  body {
    margin: 0;
    background: rgba(27, 27, 26, 0.50);
    font-family: sans-serif;
  }

  .marquee-wrapper {
    overflow: hidden;
    position: relative;
    width: 100%;
    background-color: rgba(27, 27, 26, 0.50);
    padding: 20px 0;
  }

  .marquee-track {
    display: flex;
    width: max-content;
    animation: scroll 40s linear infinite;
  }

  /* ✅ Pause scrolling on hover */
  .marquee-wrapper:hover .marquee-track {
    animation-play-state: paused;
  }

  .marquee-track img {
    height: 22vh;
    max-height: 100px;
    margin: 0 20px;
    object-fit: contain;
    filter: grayscale(100%) brightness(200%);
    transition: transform 0.3s, filter 0.3s;
  }

  .marquee-track img:hover {
    transform: scale(1.1);
    filter: none;
  }

  @keyframes scroll {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-50%);
    }
  }

  /* Responsive Adjustments */
  @media (max-width: 1024px) {
    .marquee-track img {
      height: 16vh;
      margin: 0 15px;
    }
  }

  @media (max-width: 768px) {
    .marquee-track img {
      height: 12vh;
      margin: 0 10px;
    }
  }

  @media (max-width: 480px) {
    .marquee-track img {
      height: 10vh;
      margin: 0 8px;
    }
  }
/* Logo marque HomepageCSS end */




/* Testimonals */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            min-height: 100vh;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            overflow-x: hidden;
            padding: 40px 0;
        }

        .slider-container {
            width: 100%;
            overflow: hidden;
            position: relative;
        }

        .slider-row {
            display: flex;
            gap: 20px;
            margin-bottom: 20px;
        }

        .slider-row.top {
            animation: slideLeftToRight 40s linear infinite;
        }

        .slider-row.bottom {
            animation: slideRightToLeft 40s linear infinite;
        }

        @keyframes slideLeftToRight {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-50%);
            }
        }

        @keyframes slideRightToLeft {
            0% {
                transform: translateX(-50%);
            }
            100% {
                transform: translateX(0);
            }
        }

        .testimonial-card {
            background: border-radius: 16px;
            background: rgba(45, 44, 43, 0.50);;
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            border-radius: 16px;
            padding: 24px;
            width: 320px;
            flex-shrink: 0;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        .testimonial-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
            pointer-events: none;
        }

        .testimonial-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
        }

        .card-header {
            display: flex;
            align-items: center;
            margin-bottom: 16px;
            position: relative;
            z-index: 1;
        }

        .avatar {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            background: linear-gradient(45deg, #ff6b6b, #4ecdc4, #45b7d1, #96ceb4, #feca57);
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: bold;
            font-size: 18px;
            margin-right: 12px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
        }

        .user-info h3 {
            color: white;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 4px;
        }

        .stars {
            display: flex;
            gap: 2px;
        }

        .star {
            color: #ffd700;
            font-size: 14px;
        }

        .star.empty {
            color: rgba(255, 215, 0, 0.3);
        }

        .testimonial-text {
            color: rgba(255, 255, 255, 0.9);
            line-height: 1.6;
            font-size: 14px;
            position: relative;
            z-index: 1;
        }

        .section-header {
            text-align: center;
            margin-bottom: 40px;
        }

        .section-header h2 {
            color: white;
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 8px;
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
        }

        .section-header p {
            color: rgba(255, 255, 255, 0.8);
            font-size: 1.1rem;
        }

        /* Pause animation on hover */
        .slider-container:hover .slider-row {
            animation-play-state: paused;
        }

/* Testimonals End */


/* Home page form css  */
.ff-default .ff-el-form-control {
    background-color: #1b1b1a00 !important;
    border-radius: 0px !important;
    color: #ffffff !important;
    border: 0px;
    border-bottom: 1px solid #EAEAEA !important;
}
/* .ff-default .ff-el-form-control:focus {
    background-color: #1B1B1A !important;
} */

.ff-default .ff-el-form-control:focus {
    background-color: #1b1b1a00 !important;
}
select#ff_8_dropdown {
border: 0px solid #858584;
border-bottom: 1px solid #858584 !important;
}
.ff-t-container.ff-column-container.ff_columns_total_2 {
    padding-bottom: 40px;
}

textarea#ff_8_description {
    border: 0px solid #858584;
border-bottom: 1px solid #858584 !important;
}
.elementor-15402 .elementor-element.elementor-element-f15355d .fluentform-widget-wrapper .ff-el-group .ff-btn-submit {
    background-color: #DA2338 !important;
    color: #ffffff !important;
    border-radius: 20px;
    font-family: Gotham Book;
    font-size: 14px !important;
}

/* Target the Name input and Dropdown select fields */
/* Target the Name input and Dropdown select fields */
.ff-el-form-control {
    height: 40px; /* Set a consistent height */
    box-sizing: border-box; /* Ensure padding and border are included in height */
    padding: 8px; /* Adjust padding for consistency */
    line-height: normal; /* Normalize line height */
}
form.fluent_form_3 .ff-btn-submit:not(.ff_btn_no_style) {
    background-color: #D62235 !important;
    color: #ffffff;
    border-radius: 20px;
    padding-left: 75px;
    padding-right: 75px;
	border: 1px solid;
}


/* Home page form css End  */


/* about page CSS */
@media (min-width: 1350px) and (max-width: 1500px) {
	.elementor-1027 .elementor-element.elementor-element-3aa8a73 .elementor-image-box-img img {
    margin-top: -3px !important;
}
.elementor-1027 .elementor-element.elementor-element-d02bb63 .elementor-image-box-img img{
     margin-top: 3px !important;
   
}
.elementor-1027 .elementor-element.elementor-element-0946d7b .elementor-image-box-img img{
     margin-top: 4px !important;
}

.elementor-1027 .elementor-element.elementor-element-35f3f46 .elementor-image-box-img img{
    margin-top: 4px !important;
}
	
	
}
@media (min-width: 1501px) and (max-width: 1700px) {
.elementor-1027 .elementor-element.elementor-element-3aa8a73 .elementor-image-box-img img {
    transition-duration: 0.3s;
    margin-top: -7px !important;
}
.elementor-1027 .elementor-element.elementor-element-d02bb63 .elementor-image-box-img img{
     margin-top: -3px !important;
   
}
.elementor-1027 .elementor-element.elementor-element-0946d7b .elementor-image-box-img img{
     margin-top: -3px !important;
}

.elementor-1027 .elementor-element.elementor-element-35f3f46 .elementor-image-box-img img{
    margin-top: -3px !important;
}
	
	
}
@media (min-width: 1721px) and (max-width: 1920px) {
.elementor-1027 .elementor-element.elementor-element-3aa8a73 .elementor-image-box-img img {
    transition-duration: 0.3s;
    margin-top: -8px !important;
}
.elementor-1027 .elementor-element.elementor-element-d02bb63 .elementor-image-box-img img{
     margin-top: -8px !important;
   
}
.elementor-1027 .elementor-element.elementor-element-0946d7b .elementor-image-box-img img{
     margin-top: -8px !important;
}

.elementor-1027 .elementor-element.elementor-element-35f3f46 .elementor-image-box-img img{
    margin-top: -8px !important;
}
	
	
}


@media (min-width: 1921px) and (max-width: 2560px) {

.elementor-1027 .elementor-element.elementor-element-3aa8a73 .elementor-image-box-img img {
    margin-top: -10px !important;
}
.elementor-1027 .elementor-element.elementor-element-d02bb63 .elementor-image-box-img img{
     margin-top: -10px !important;
   
}
.elementor-1027 .elementor-element.elementor-element-0946d7b .elementor-image-box-img img{
     margin-top: -10px !important;
}

.elementor-1027 .elementor-element.elementor-element-35f3f46 .elementor-image-box-img img{
    margin-top: -10px !important;
}


}
@media screen and (max-width: 480px) {
/* Center the whole image+text block in its column */
.elementor-element-3aa8a73 {
    display: flex;
    justify-content: center;
}

/* Keep image and text inline & vertically aligned */
.elementor-element-3aa8a73 .elementor-image-box-wrapper {
    display: inline-flex;
    align-items: center;
    gap: 0px; /* space between C and text */
    
}

/* Increase C image size */
.elementor-element-3aa8a73 .elementor-image-box-img img {
    height: 1.5em; /* bigger than text height */
    width: auto;
    margin-top: -4px;
}

/* Remove extra margin from text */
.elementor-element-3aa8a73 .elementor-image-box-title {
    margin: 0;
}
	
/* Center the whole image+text group in its column */
.elementor-element-d02bb63 {
    display: flex;
    justify-content: center;
}

/* Keep image and text inline & vertically aligned */
.elementor-element-d02bb63 .elementor-image-box-wrapper {
    display: inline-flex;
    align-items: center;
    gap: 0px; /* space between C and text */
}

/* Increase C image size slightly */
.elementor-element-d02bb63 .elementor-image-box-img img {
    height: 1.5em; /* bigger than text height */
    width: auto;
	margin-top: -4px;
}

/* Remove extra margin from text */
.elementor-element-d02bb63 .elementor-image-box-title {
    margin: 0;
}
	
	/* Applies to all your red C + text image boxes */
.elementor-widget-image-box .elementor-image-box-wrapper {
    display: inline-flex;
    align-items: center;
    gap: 0px; /* space between C and text */
}

/* Center the whole image+text group in its column */
.elementor-widget-image-box {
    display: flex;
    justify-content: center;
	margin-top: -4px;
}

/* Increase C image size slightly */
.elementor-widget-image-box .elementor-image-box-img img {
    height: 1.5em; /* bigger than text height */
    width: auto;
	margin-right:5px !important; 
}

.elementor-13 .elementor-element.elementor-element-e0a4015{
		margin-top:20px !important;
	}
/* Remove extra margin from text */
.elementor-widget-image-box .elementor-image-box-title {
    margin: 0;
}

	

/* Universal style for all C + text Image Boxes */
.elementor-widget-image-box .elementor-image-box-wrapper {
    display: inline-flex;
    align-items: center;
    gap: 0px; /* space between C and text */
    white-space: nowrap; /* prevent breaking into 2 lines */
}

/* Center the image+text group in the column */
.elementor-widget-image-box {
    display: flex;
    justify-content: center;
}

/* Slightly larger C image */
.elementor-widget-image-box .elementor-image-box-img img {
    height: 1.5em; /* adjust size as needed */
    width: auto;
	margin-top: -4px;
}

/* Remove default margin from text */
.elementor-widget-image-box .elementor-image-box-title {
    margin: 0;
}



}

/* .ast-plain-container, .ast-page-builder-template {
        background-color: #1B1B1A !important;
       
    } */

header.entry-header .entry-title {
   
    display: none !important;
}

select.ff-el-form-control:not([size]):not([multiple]) {
    height: var(--fluentform-input-select-height, auto);
    margin-top: -6px !important;
}

.elementor-element.elementor-element-312d35d3.e-con-full.elementor-hidden-tablet.elementor-hidden-mobile.e-flex.e-con.e-parent.e-lazyloaded.elementor-sticky.elementor-sticky--effects.elementor-sticky--active.elementor-section--handles-inside {
    top: 37px !important;
}
/* Our Works  */
  .crdsr .card_item {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
  }
  .crdsr .card_img img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
  }
  .crdsr .card_img {
    position: relative;
  }
  .crdsr .card_info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 15px 73px 73px 73px; /* 73px padding for left, right, bottom; 15px for top */
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .crdsr .card_item:hover .card_info {
    opacity: 1;
  }
  .crdsr .card_info h3 {
    margin: 0 0 10px;
    font-size: 1.5em;
    text-align: left;
  }
  .crdsr .card_info p {
    margin: 0;
    font-size: 1em;
    text-align: left;
  }
  .crdsr .card_item:hover img {
    transform: scale(1.05); /* Optional: slight zoom effect on image hover */
  }
  .tpsv, .tbsv {
    width: 100%;
    display: block;
  }
  .owl-carousel .owl-stage-outer {
    overflow: hidden !important; /* Changed to hidden to prevent extra sections */
  }
  .owl-carousel.crdsr {
    width: 100%;
    max-width: 100%;
    overflow: hidden; /* Ensure no overflow on mobile */
  }
  /* Mobile-specific styles */
  @media (max-width: 767px) {
    .crdsr .card_item {
      margin: 0 auto; /* Center the single item */
    }
    .crdsr .card_info {
      padding: 15px 20px 20px 20px; /* Reduce padding on mobile for better fit */
    }
    .owl-carousel .owl-stage {
      left: 0 !important; /* Prevent offset causing extra sections */
    }
  }

/* 1. Add this class to your top sticky container in Elementor */
.glass-header {
    position: relative;       /* required for pseudo-element */
    border-radius: 0;         /* flat corners for header */
    overflow: hidden;         /* clip pseudo-element */
}

/* 2. Glass blur pseudo-element */
.glass-header::before {
    content: "";
    position: absolute;
    inset: 0;                 /* cover entire container */
    background: rgba(56, 55, 55, 0.27); /* semi-transparent dark overlay */
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px); /* Safari support */
    z-index: 0;               /* behind content */
    transition: all 0.3s ease-in-out;
}

/* 3. Optional hover effect */
.glass-header:hover::before {
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

/* 4. Make all child containers transparent */
.glass-header .elementor-container,
.glass-header .elementor-column,
.glass-header .elementor-element {
    background: transparent !important;
}

/* 5. Keep all content above blur */
.glass-header > * {
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 400px) {
.elementor-13 .elementor-element.elementor-element-e0a4015{
		margin-top:20px !important;
	}
	
	    .elementor-13 .elementor-element.elementor-element-efb2bcf {
        --min-height: 80vh !important;
        
    }
}
@media screen and (max-width: 400px) {
    .elementor-13 .elementor-element.elementor-element-ca7c95a .elementor-heading-title {
        font-size: 24px;
        margin-top: 10px;
	}
	.elementor-13 .elementor-element.elementor-element-44e874b > .elementor-widget-container {
    margin: 0px 0px 0px 0px;
}
}
.elementor-13 .elementor-element.elementor-element-0200044 .ue_sc_desc{
	    margin-bottom: 55px !important;
}



/* .elementor-element-225e5dd .elementor-element-505aa95 {
  transition: background-size 0.6s ease, transform 0.4s ease;
}

.elementor-element-225e5dd .elementor-element-505aa95:hover {
  background-size: 115%;
  transform: scale(1.02); /* tiny overall lift */
} */
/* Base transition setup for loop items */
.elementor-element-77b2f26 .elementor-element-505aa95 {
  transition: background-size 0.6s ease, transform 0.4s ease;
  background-size: 100%;
  transform: scale(1);
  border-radius: 16px; /* keep same as Elementor setting */
  overflow: hidden; /* prevents zoom from overflowing */
}

/* Hover effect – smooth background zoom + subtle scale lift */
.elementor-element-77b2f26 .elementor-element-505aa95:hover {
  background-size: 120%;
  transform: scale(1.05);
  z-index: 2; /* bring hovered item slightly on top if overlaps */
}

/* Optional: maintain smoothness if container flex/grid causes jump */
.elementor-element-77b2f26 .elementor-element-505aa95 .e-con-inner {
  transition: transform 0.4s ease;
}



/* Default tilt for all buttons */
.elementor-button .elementor-button-icon i {
  transform: rotate(45deg);
  transition: transform 0.3s ease;
}

/* Specific override — declared AFTER */
.elementor-element-5047c7d .elementor-button-icon i {
  transform: rotate(-45deg);
}


.article-main__content {
    font-family: "Gotham Book", Sans-serif;
    color: #1B1B1A !important;
}



/* 🎯 Apply only on Insights page *//* Page-scoped: apply only on page ID 2382 */
body.elementor-page-2382 .ff-default .ff-el-form-control,
body.elementor-page-2382 .ff-default input.ff-el-form-control,
body.elementor-page-2382 .ff-default textarea.ff-el-form-control,
body.elementor-page-2382 .ff-default select.ff-el-form-control {
  /* reset any theme/form styles first */
  border: none !important;
  box-shadow: none !important;
  background: transparent;
  border-radius: 0;

  /* your desired underline */
  border-bottom: 1px solid #dadbdd !important;
}

/* Optional: tidy up select/Choices UI, if Fluent Forms renders Choices.js */
body.elementor-page-2382 .ff-default .choices__inner {
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  border-bottom: 1px solid #dadbdd !important;
}

/* Optional focus state (nice UX): darker underline on focus */
body.elementor-page-2382 .ff-default .ff-el-form-control:focus,
body.elementor-page-2382 .ff-default input.ff-el-form-control:focus,
body.elementor-page-2382 .ff-default textarea.ff-el-form-control:focus,
body.elementor-page-2382 .ff-default select.ff-el-form-control:focus,
body.elementor-page-2382 .ff-default .choices__inner.is-focused {
  outline: none !important;
  box-shadow: none !important;
  border-bottom-color: #9aa0a6 !important; /* tweak as you like */
}



/* Target overlay inside your trailer box container */
.elementor-element-de3bcb0 .elementor-background-overlay {
  border-radius: 14px !important; /* adjust radius as you like */
  overflow: hidden;
}

/* Also make sure parent container respects the curve */
.elementor-element-de3bcb0 > .elementor-widget-container {
  border-radius: 14px !important;
  overflow: hidden;
}

.fluentform_wrapper_3.ffs_default_wrap .ff-message-success {
    text-align: left;
    color: white !important;
}