/**
Theme Name: Culturex Ai
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
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
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: culturex-ai
Template: astra
*/

.cx-campaign-content{
	background: radial-gradient(157.53% 100% at 50% 100%, #BDDAFF 0%, #FFF 55.77%, #FFF 100%);
}



a{
	text-decoration:none !important;
}


    /* Images ko smooth switch karne ke liye thoda CSS (Optional but recommended) */
    .cx-tab-image {
        
        animation: fadeIn 0.4s ease-in-out;
    }
#cx-tab-content{
	text-decoration:none;	
}
    
    /* Jo tab active hoga usko highlight karne ke liye style (aap apne hisaab se change kar sakte hain) */
    a[class*="cx-tab-content"].active-tab span, a[class*="cx-tab-content"].active-tab span svg {
		color:#133FF1;
    }
 a[class*="cx-acc-content"].active-acc-tab span, a[class*="cx-acc-content"].active-acc-tab span svg {
		color:#133FF1;
    }
	a[class*="cx-tab-content"].active-tab p, a[class*="cx-acc-content"].active-acc-tab p {
		color:#2E3502; }

    @keyframes fadeIn {
        from { opacity: 0; transform: translateY(5px); }
        to { opacity: 1; transform: translateY(0); }
    }





a[class*="cx-acc-content"] .elementor-widget-text-editor {
    display: block !important;
    overflow: hidden;
    height: 0;
    opacity: 0;
    transition: height 0.4s cubic-bezier(.4,0,.2,1),
                opacity 0.3s ease;
}

a[class*="cx-acc-content"] .elementor-widget-text-editor p {
    margin: 0;
    padding-top: 10px;   /* title aur text ka gap — yahin se control karein */
}

a[class*="cx-acc-content"] {
    gap: 0 !important;
    margin-bottom: 18px;
}
a[class*="cx-acc-content"]:last-child { margin-bottom: 0; }



/* Faq culturex */

/* 1. Parent container ka background aur shadow hatane ke liye (taki sab ek box mein na dikhein) */
#faq-culturex .e-n-accordion {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
}

/* 2. Har ek individual accordion item ko alag card banane ke liye */
#faq-culturex .e-n-accordion-item {
    background-color: #ffffff !important;
    border-radius: 12px;
    margin-bottom: 20px; /* Cards ke beech ka gap */
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.04); /* Halka sa shadow target image ki tarah */
    border: 1px solid #f1f1f1;
    overflow: hidden;
}

/* Aakhri item ke baad extra margin hatane ke liye */
#faq-culturex .elementor-widget-n-accordion:last-child .e-n-accordion-item:last-child {
    margin-bottom: 0;
}

/* 3. Title (Header) area ki spacing aur styling */
#faq-culturex .e-n-accordion-item-title {
    padding: 20px 24px;
    border: none !important; /* Agar koi default border hai toh usey hata dega */
}

/* Heading Text Styling */
#faq-culturex .e-n-accordion-item-title-text {
    font-weight: 600;
    font-size: 16px;
    color: #333333;
}

/* 4. Andar ke Content (Answer) area ki spacing */
#faq-culturex .e-n-accordion-item > div[role="region"] {
    padding: 0px 24px 24px 24px !important; 
}

/* Paragraph Text Styling */
#faq-culturex .elementor-widget-text-editor p {
    color: #555555;
    line-height: 1.6;
    margin: 0;
}


/* End faq Culturex */




/* start Fluent form css */

.ebook-form .ff-t-cell{
    justify-content: center;
}
.ebook-form .ff-btn{
	margin-bottom:0 !important;
}

.ebook-form .frm-fluent-form {
    position: relative;
}

/* Anchored to the top of the form rather than a fixed -30px offset, so a
   message that wraps to two lines grows upward instead of spilling down
   over the input pill. */
.ebook-form .error.text-danger {
    position: absolute;
    top: auto;
    bottom: calc(100% + 8px);
    left: 0;
    right: 0;
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
}

.ebook-form #fluentform_2_success{
	margin-top:0 !important;
	box-shadow: unset;
}

/* Browser autofill background ko white karne ke liye */
.ebook-form input:-webkit-autofill,
.ebook-form input:-webkit-autofill:hover, 
.ebook-form input:-webkit-autofill:focus, 
.ebook-form input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    -webkit-text-fill-color: #333333 !important; /* Text color same rakhne ke liye */
    transition: background-color 5000s ease-in-out 0s;
}

/* ended Fluent form css */


.border-booker{
    border:1px solid red
}


/* == CultureX footer == */
/* ---------------------------------------------------------------------------
   Footer, built on the Astra footer builder.
   Astra only offers equal columns at five, so the first column is widened here.
   --------------------------------------------------------------------------- */
.site-above-footer-wrap .ast-builder-grid-row-5-equal{
	grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr;
	gap: 40px;
}

.cx-foot-title{
	margin: 0 0 10px;
	font-family: Lexend, sans-serif;
	font-size: 40px;
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -1px;
	color: #FFFFFF;
}
.cx-foot-tag{
	margin: 0 0 34px;
	max-width: 340px;
	font-family: Lexend, sans-serif;
	font-size: 15px;
	line-height: 1.55;
	color: #EFF1F5;
}

.cx-foot-contact{ margin: 0 0 30px; padding: 0; list-style: none; }
.cx-foot-contact li{
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 14px;
	font-family: Lexend, sans-serif;
	font-size: 15px;
	color: #EFF1F5;
}
.cx-foot-contact svg{ width: 19px; height: 19px; flex: 0 0 auto; fill: #EFF1F5; }
.cx-foot-contact a{ color: #EFF1F5; text-decoration: none; }
.cx-foot-contact a:hover{ color: #FFFFFF; text-decoration: underline; }

.cx-foot-social{ display: flex; gap: 20px; margin: 0; padding: 0; list-style: none; }
.cx-foot-social a{ display: inline-flex; color: #EFF1F5; }
.cx-foot-social svg{ width: 21px; height: 21px; fill: currentColor; transition: fill .2s ease; }
.cx-foot-social a:hover svg{ fill: #FFFFFF; }

.cx-foot-head{
	margin: 0 0 22px;
	font-family: Lexend, sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.2;
	color: #FFFFFF;
}
.cx-foot-links{ margin: 0; padding: 0; list-style: none; }
.cx-foot-links li{ margin-bottom: 14px; }
.cx-foot-links a{
	font-family: Lexend, sans-serif;
	font-size: 14px;
	line-height: 1.4;
	color: #C7CBD4;
	text-decoration: none;
	transition: color .2s ease;
}
.cx-foot-links a:hover{ color: #FFFFFF; }

.site-primary-footer-wrap .ast-footer-copyright,
.site-primary-footer-wrap .ast-footer-copyright *{
	font-family: Lexend, sans-serif;
	font-size: 14px;
	color: #8A8F98;
}

/* Astra collapses the row to `full` below 921px; two columns read better there. */
@media (max-width: 921px){
	.site-above-footer-wrap .ast-builder-grid-row-tablet-full{
		grid-template-columns: 1fr 1fr;
		gap: 40px 32px;
	}
	.cx-foot-title{ font-size: 32px; }
}
@media (max-width: 544px){
	.site-above-footer-wrap .ast-builder-grid-row-mobile-full{ grid-template-columns: 1fr; }
}






/* migration page */
@media (min-width: 768px){
.cx-mw-content-card {
    height: 100% !important;
}
}

/* pricing table */
.cx-price-grid > .cx-price-card{ flex: 0 0 auto; min-width: 0; }

/* the tier name and its pill sit on one line */
.cx-price-head > .elementor-widget{ width: auto; flex: 0 0 auto; }
.cx-price-pop .elementor-heading-title{ white-space: nowrap; }

/* adjacent cards share one hairline instead of stacking two */
.cx-price-card.is-featured{ z-index: 1; }
@media (min-width: 1025px){
	.cx-price-card + .cx-price-card{ margin-left: -1px; }
}
@media (min-width: 768px) and (max-width: 1024px){
	.cx-price-card:nth-child(even){ margin-left: -1px; }
	.cx-price-card:nth-child(n+3){ margin-top: -1px; }
}
@media (max-width: 767px){
	.cx-price-card + .cx-price-card{ margin-top: -1px; }
}

/* the CTA runs the width of the card */
.cx-price-card .elementor-widget-button .elementor-button{ width: 100%; justify-content: center; }

/* keeps the price line level across cards when a description wraps */
.cx-price-desc p, .cx-price-note p{ margin: 0; }
@media (min-width: 768px){
	.cx-price-desc{ min-height: 42px; }
}

/* ticks stay level with the first line of a label that wraps */
.cx-price-feats .elementor-icon-list-item{ align-items: flex-start; }
.cx-price-feats .elementor-icon-list-icon{ margin-top: 3px; }


/* ============================================================
   About page — the two patterns that exist only on /about
   ============================================================ */

/* the CTA band inverts everything onto brand blue */
.cx-cta-band .elementor-widget-text-editor,
.cx-cta-band .elementor-widget-text-editor p{ color: #fff; }
.cx-cta-band .cx-trial-note p{ opacity: .78; }

/* the button pair centres under the copy instead of flushing left */
.cx-cta-band .cx-hero-actions{ justify-content: center; }
.cx-cta-band .elementor-widget-button{ text-align: center; }

/* primary inverts to white, the second becomes an outline */
.cx-cta-band .elementor-widget-button:first-child .elementor-button{
	background-color: #fff; color: #133FF1;
}
.cx-cta-band .elementor-widget-button:first-child .elementor-button:hover{
	background-color: #EAEFFF; color: #133FF1;
}
.cx-cta-band .elementor-widget-button + .elementor-widget-button .elementor-button{
	background-color: transparent; color: #fff;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.55);
}
.cx-cta-band .elementor-widget-button + .elementor-widget-button .elementor-button:hover{
	background-color: rgba(255,255,255,.12);
}

/* platform cards keep a level bottom edge when copy lengths differ */
.cx-plat-card{ height: 100%; }
.cx-plat-card .elementor-widget-culturex_image_card{ width: 100%; }
.cx-plat-card .elementor-widget-heading{ margin-bottom: 0; }
.cx-plat-card .cx-card{ margin-inline: auto; }

@media (max-width: 767px){
	/* stacked CTAs go full width so both are equally tappable */
	.cx-cta-band .cx-hero-actions{ flex-direction: column; align-items: stretch; }
	.cx-cta-band .cx-hero-actions .elementor-button{ width: 100%; justify-content: center; }
}
/* the card frames the visual: floating panels are drawn to overhang a
   full-width media column, so inside a card they have to be clipped */
.cx-plat-card{ --overflow: hidden; overflow: hidden; }
/* clip the visual to its own box so the overhanging panels cannot
   ride over the card title underneath it */
.cx-plat-card .elementor-widget-culturex_image_card{
	overflow: hidden; border-radius: 14px; position: relative; z-index: 0;
}
.cx-plat-card .elementor-widget-heading,
.cx-plat-card .elementor-widget-text-editor{ position: relative; z-index: 1; }
.cx-plat-card .cx-imgcard, .cx-plat-card .cx-card{ max-width: 100%; }

/* the About story runs to six paragraphs and needs real separation */
.cx-about-prose p{ margin-block-end: 14px !important; }
.cx-about-prose p:last-child{ margin-block-end: 0 !important; }

/* nothing on this page may push the viewport sideways */
.cx-about-hero, .cx-plat-grid, .cx-cta-band{ max-width: 100%; }
.cx-plat-card .elementor-widget-culturex_image_card > *{ max-width: 100%; }

/* About page — Figma-aligned finishing */
.page-id-74 .cx-plat-grid{ max-width: 1280px; margin-inline: auto; }
.page-id-74 .cx-plat-card{ background: #F4F6FF; border-color: #CCD6FF; }
.page-id-74 .cx-listening-suite .cx-suite-media .elementor-widget-culturex_image_card{ max-width: 500px; width: 100%; }
.page-id-74 .cx-backed-by{ background: #F4F6FF !important; }
.page-id-74 .cx-cta-band{
    background-color: #133FF1 !important;
    background-image:
      radial-gradient(circle at 0 0, transparent 15px, rgba(69,100,255,.46) 16px, rgba(69,100,255,.46) 18px, transparent 19px),
      linear-gradient(45deg, transparent 48%, rgba(69,100,255,.38) 49%, rgba(69,100,255,.38) 51%, transparent 52%),
      linear-gradient(-45deg, transparent 48%, rgba(69,100,255,.22) 49%, rgba(69,100,255,.22) 51%, transparent 52%);
    background-size: 36px 36px;
}
.page-id-74 .cx-cta-band .elementor-widget-button:first-child .elementor-button{ background: #111111; color: #FFFFFF; }
.page-id-74 .cx-cta-band .elementor-widget-button:first-child .elementor-button:hover{ background: #000000; color: #FFFFFF; }
.page-id-74 .cx-cta-band .elementor-widget-button + .elementor-widget-button .elementor-button{ background: #FFFFFF; color: #111111; box-shadow: none; }
.page-id-74 .cx-cta-band .elementor-widget-button + .elementor-widget-button .elementor-button:hover{ background: #F4F6FF; color: #111111; }
/* the hero and the stat band sit on one soft wash - blue off the left
   shoulder, lime off the right. Elementor already owns .e-con::before for
   its background-overlay, so this paints as a real background layer and
   the two halves meet at the section seam to read as one glow. */
.cx-about-hero{
	background-image:
		radial-gradient(70% 55% at 0% 100%,   rgba(19,63,241,.16) 0%, rgba(19,63,241,0) 70%),
		radial-gradient(65% 52% at 100% 100%, rgba(214,240,64,.70) 0%, rgba(214,240,64,0) 72%);
	background-repeat: no-repeat;
}
.cx-about-stats{
	background-image:
		radial-gradient(70% 60% at 0% 0%,   rgba(19,63,241,.16) 0%, rgba(19,63,241,0) 70%),
		radial-gradient(65% 58% at 100% 0%, rgba(214,240,64,.70) 0%, rgba(214,240,64,0) 72%);
	background-repeat: no-repeat;
}
/* the story heading spans the band; the columns sit beneath it */
.cx-about-story > .e-con-inner{ align-items: flex-start; }
/* the six card visuals are exported at their own aspect ratios, so they sit
   in one fixed media box and are contained rather than cropped - the card
   tint shows through around them exactly as the design has it */
.cx-plat-card .cx-plat-shot img{
	display: block; width: 100%; height: 310px;
	object-fit: contain; object-position: center;
}
.cx-plat-card .cx-plat-shot{ width: 100%; }
@media (max-width: 1024px){
	.cx-plat-card .cx-plat-shot img{ height: 268px; }
}
@media (max-width: 767px){
	.cx-plat-card .cx-plat-shot img{ height: 208px; }
}
/* ---- Backed by: three funds, and three angels who are people not marks ----
   the design assumed a single logo strip; half the investors are individuals,
   so the band splits into a logo row and a faces row. */
.cx-inv-label p{ color: #6B7280; margin: 0; }

/* the fund logos are supplied on white grounds, so they sit in white chips
   rather than reading as white boxes dropped onto the section tint */
.cx-inv-logos .cx-logos__grid .cx-logos__item{
	background: #fff !important; border-radius: 14px; padding: 14px 22px;
	box-shadow: 0 1px 2px rgba(16,24,40,.07);
	display: flex !important; align-items: center; justify-content: center;
	min-width: 190px; min-height: 104px; box-sizing: border-box;
}
/* the wall greys out brand logos by default; investor marks carry their own
   colour, so the filter is lifted here only */
.cx-inv-logos .cx-logos__item img,
.cx-inv-logos .cx-logos__item:hover img{ filter: none !important; }

.cx-angel-face img{
	width: 104px; height: 104px; border-radius: 50%;
	object-fit: cover; object-position: center; display: block;
	box-shadow: 0 1px 3px rgba(16,24,40,.10);
}
.cx-angel-name .elementor-heading-title{ white-space: nowrap; }

@media (max-width: 767px){
	.cx-angel-face img{ width: 76px; height: 76px; }
	.cx-angel-row{ gap: 22px 18px; }
}
/* ---- investor circles ----
   culturex_trust_badge was written for pre-masked circular PNG icons: it sizes
   the image to --cx-isize and leaves the circle unclipped, which was invisible
   while the images were already round. The investor photos are square JPEGs, so
   the corners hung outside the ring. The image now fills the circle and the
   circle does the masking. */
.cx-backed-by .cx-trust__icon{ overflow: hidden; }
.cx-backed-by .cx-trust__icon > img{
	width: 100%; height: 100%;
	object-fit: cover; object-position: center;
	border-radius: inherit; display: block;
}


/* ---- Mobile navigation: the off-canvas drawer -------------------------
   The Off-Canvas Menu location had no menu assigned, so the drawer opened
   with almost nothing in it. It now carries the full Primary menu (with its
   Products and Solutions dropdowns) plus the demo CTA. Astra's defaults are
   a plain stacked list, so everything below is the site's own treatment:
   Lexend, the blue accent, and hit areas big enough for a thumb.
   Scoped under #ast-mobile-popup so none of it reaches the desktop header. */

#ast-mobile-popup .ast-mobile-popup-inner{
	width: min(92vw, 390px);
	background: #FFFFFF;
	box-shadow: -18px 0 48px rgba(16, 24, 40, .16);
}

/* close row — the X sits in its own chip so it reads as a control */
#ast-mobile-popup .ast-mobile-popup-header{
	padding: 16px 18px 4px;
	justify-content: flex-end;
	min-height: 0;
}
#ast-mobile-popup .menu-toggle-close{
	display: inline-flex; align-items: center; justify-content: center;
	width: 40px; height: 40px; padding: 0;
	border-radius: 50%;
	background: #F2F4F7;
	color: #1A1308;
}
#ast-mobile-popup .menu-toggle-close:hover{ background: #E7EAF0; }

#ast-mobile-popup .ast-mobile-popup-content{ padding: 2px 0 28px; }
#ast-mobile-popup .ast-mobile-popup-content .ast-builder-layout-element{ padding: 0; }

/* ---- top-level items ---- */
#ast-mobile-popup #ast-hf-mobile-menu{ padding: 0; }
#ast-mobile-popup #ast-hf-mobile-menu > li{ border: 0; }
#ast-mobile-popup #ast-hf-mobile-menu > li > .menu-link{
	font-family: 'Lexend', sans-serif;
	font-size: 17px; font-weight: 500; line-height: 1.3;
	letter-spacing: -.01em;
	color: #1A1308;
	padding: 15px 22px;
	border-bottom: 1px solid #EEF0F4;
	display: flex; align-items: center; justify-content: space-between;
}
#ast-mobile-popup #ast-hf-mobile-menu > li > .menu-link:hover,
#ast-mobile-popup #ast-hf-mobile-menu > li.current-menu-item > .menu-link{
	color: #133FF1;
}
/* the current page gets a blue edge rather than a full highlight bar */
#ast-mobile-popup #ast-hf-mobile-menu > li.current-menu-item > .menu-link{
	box-shadow: inset 3px 0 0 #133FF1;
}

/* ---- the arrow that opens a dropdown ----
   Astra ships it inline at the SVG's own 26px width; it needs to be a real
   target, and it needs to show which way it is pointing. */
#ast-mobile-popup .ast-header-navigation-arrow,
#ast-mobile-popup .dropdown-menu-toggle{
	display: inline-flex; align-items: center; justify-content: center;
	width: 34px; height: 34px; margin: 0 -6px 0 8px;
	border-radius: 50%;
	background: #F2F4F7;
	flex: 0 0 auto;
}
#ast-mobile-popup .ast-header-navigation-arrow .ast-arrow-svg,
#ast-mobile-popup .dropdown-menu-toggle .ast-arrow-svg{
	width: 12px; height: auto;
	transition: transform .22s ease;
}
#ast-mobile-popup .menu-item.ast-submenu-expanded > .menu-link .ast-arrow-svg{
	transform: rotate(180deg);
}

/* ---- dropdowns: Products, Solutions ----
   Indented and tinted so a child never reads as a sibling of Home/About. */
#ast-mobile-popup #ast-hf-mobile-menu .sub-menu{
	background: #F8F9FB;
	border-bottom: 1px solid #EEF0F4;
	padding: 4px 0;
}
#ast-mobile-popup #ast-hf-mobile-menu .sub-menu > li > .menu-link{
	font-family: 'Lexend', sans-serif;
	font-size: 15px; font-weight: 400; line-height: 1.35;
	color: #4A4F5A;
	padding: 11px 22px 11px 38px;
	border: 0;
	position: relative;
}
/* a small blue tick of a marker, so the long vertical names stay scannable */
#ast-mobile-popup #ast-hf-mobile-menu .sub-menu > li > .menu-link::before{
	content: ""; position: absolute; left: 24px; top: 50%;
	width: 5px; height: 5px; margin-top: -2px;
	border-radius: 50%; background: #C7CDD8;
}
#ast-mobile-popup #ast-hf-mobile-menu .sub-menu > li > .menu-link:hover{ color: #133FF1; }
#ast-mobile-popup #ast-hf-mobile-menu .sub-menu > li > .menu-link:hover::before{ background: #133FF1; }

/* ---- the CTA at the foot of the drawer ----
   Astra prints the button twice (a styled button and a plain menu link);
   only the button should survive here. */
#ast-mobile-popup .ast-builder-button-wrap{ padding: 22px 22px 0; }
#ast-mobile-popup .ast-builder-button-wrap > a.menu-link{ display: none; }
#ast-mobile-popup .ast-builder-button-wrap .ast-custom-button-link{
	display: block; width: 100%; text-decoration: none;
}
#ast-mobile-popup .ast-builder-button-wrap .ast-custom-button{
	display: flex; align-items: center; justify-content: center;
	width: 100%; box-sizing: border-box;
	font-family: 'Lexend', sans-serif;
	font-size: 16px; font-weight: 600; line-height: 1;
	color: #FFFFFF; background: #133FF1;
	padding: 16px 22px; border-radius: 100px;
	box-shadow: 0 6px 18px rgba(19, 63, 241, .26);
}
#ast-mobile-popup .ast-builder-button-wrap .ast-custom-button:hover{ background: #0F33C7; }

/* ---- the bar itself: logo left, trigger right ---- */
.ast-mobile-header-wrap .ast-button-wrap .ast-mobile-menu-trigger-minimal,
.ast-mobile-header-wrap .ast-button-wrap .ast-mobile-menu-trigger-fill{
	display: inline-flex; align-items: center; justify-content: center;
	width: 42px; height: 42px; border-radius: 12px;
	color: #1A1308; background: transparent;
}
@media (max-width: 921px){
	.ast-header-break-point .site-header .ast-site-identity{ padding: 10px 0; }
}