:root{
  --primary-color:#fff;
  --black-color:#101828;
  --text-color:#4B5563;
  --bg-color: linear-gradient( 90deg, rgba(71,190,150,0.6) 0%, rgba(71,190,150,0.6) 28.57%, rgba(63,195,169,0.6) 35.71%, rgba(64,189,175,0.6) 42.86%, rgba(65,184,181,0.6) 50%, rgba(66,179,187,0.6) 57.14%, rgba(80,163,203,0.6) 64.29%, rgba(80,163,203,0.6) 100% );
  --gray-color: #6A7282;
	
  --light-bg-color:linear-gradient( 90deg, rgba(71,190,150,0.8) 0%, rgba(71,190,150,0.8) 28.57%,  rgba(63,195,169,0.8) 35.71%,
  rgba(64,189,175,0.8) 42.86%, rgba(65,184,181,0.8) 50%, rgba(66,179,187,0.8) 57.14%,rgba(80,163,203,0.8) 64.29%, rgba(80,163,203,0.8) 100% )  
}

/* Light */
@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi-LightItalic.otf") format("opentype");
  font-weight: 300;
  font-style: italic;
}

/* Regular */
@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi-Italic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
}

/* Medium */
@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi-MediumItalic.otf") format("opentype");
  font-weight: 500;
  font-style: italic;
}

/* Bold */
@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi-BoldItalic.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
}

/* Black */
@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi-Black.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi-BlackItalic.otf") format("opentype");
  font-weight: 900;
  font-style: italic;
}

*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }
body {   font-family:"Satoshi"; background-color: #f2f2f2; color: #0E0E0E; font-size: 18px; line-height: 1.6;
   overflow-x: hidden; -webkit-font-smoothing: antialiased; }
h1, 
h2,
h3,
h4,
h5,
h6 { margin:0px 0px 15px; font-family: "Satoshi"; line-height: 1.2; color: #101828; }
img { max-width: 100%; height: auto; display: block; }
a { text-decoration: none; transition: var(--cc-ease); }
h1 { font-weight: 700;font-size:90px; }
h2 { font-size: 36px; font-weight: 700; line-height: 1.2; }
h3 { font-size: 24px; }
p { margin:0px 0px 20px; color: #0E0E0E; line-height: 28px;font-size:18px; }


.primary-btn { padding: 12px 30px;text-align: center; color: var(--color-text-invert, #FEFEFE);line-height: 18px;border: 0;
    text-decoration: none;height: 44px;display: inline-flex;align-items: center; justify-content: center;transition: all 0.3s ease;
    font-size: 16px;font-weight: 500;background:var(--bg-color);
    box-shadow: 0 10px 15px -3px rgba(61, 220, 132, 0.20), 0 4px 6px -4px rgba(61, 220, 132, 0.20); border-radius: 25px; }
.primary-btn:hover { text-decoration: none;color: #30388F;background: #fff; }

.secondary-btn { background: var(--color-background-lightest, #FEFEFE);padding: 4px 16px;
    line-height: 18px;align-items: center;height: 44px;display: inline-flex;font-weight: 500;
    text-decoration: none;border-radius: 50px;border: 1px solid #30388F;
    text-align: center;justify-content: center; color: #30388F; }
.secondary-btn:hover { background: var(--background-new, linear-gradient(99deg, #30388F 0%, #251A65 99.04%));border-color: #30388F;text-decoration: none;color: #fff; }

.tagline { color: var(--primary-color);font-weight: 700; display: inline-block;border-radius: 34px;padding: 12px 30px;
  line-height: 1.2;position: relative;border: 0.556px solid rgba(255, 255, 255, 0.10);background: rgba(255, 255, 255, 0.05);
  text-transform: uppercase;font-size:15px;width: auto; max-width: fit-content; }
.section-title { text-align:center;margin-bottom:60px; }

/** header **/
.logo { float:left; max-width: 350px; }
.nav-container { position: relative; display: flex; justify-content: center; width: 100%;  }
.nav-container ul { margin:0px; padding:0px; display: flex; flex-wrap: wrap; column-gap: 4px; }
.nav-container ul li { list-style:none; padding:8px 10px; position:relative; }
.nav-container ul li a { color: rgba(255, 255, 255, 0.90); display:block; text-decoration:none; outline: none; position: relative;
font-weight: 700;  }
.nav-container ul li a:hover,.nav-container ul li.active a ,.nav-container ul li.current-menu-item > a {  color: #205772; }
.nav-container ul li a.parent:after { content: "\f107"; font-family: FontAwesome; padding-left: 3px; }
.header-top { display: flex; align-items: center; justify-content: space-between;  column-gap: 20px; }
.header-right-btn ul { margin: 0; padding: 0; display: flex; align-items: center; gap:15px; 
justify-content: flex-end; }
.header-right-btn .secondary-btn { font-size: 16px; padding: 0 17px; }
.header-right-btn ul li { margin: 0; padding: 0; list-style: none; }
.header-top .container:before,
.header-top .container:after { display: none; }
.header-right { display: flex; align-items: center;  }
.nav-container li .sub-menu { display:none; position:absolute; left:0px; top:100%; min-width:250px; background:var(--black-color); z-index:9; box-shadow: 0 8px 20px rgba(0,0,0,0.1);
padding:0px; }
.nav-container li .sub-menu li { display:block; padding:0; text-align: left; border-bottom: 1px solid rgba(255,255,255,0.32); }
.nav-container li .sub-menu li:hover { background: rgba(255,255,255,0.1); }
.nav-container li .sub-menu li:after { display: none; }
.nav-container ul li.parent:hover { background: var(--secondary-color); }
.nav-container li .sub-menu li a { color:var(--white-color); padding: 12px 20px; }
.nav-container li .sub-menu li:last-child { margin-bottom: 0; border-bottom: 0; }
.nav-container li .sub-menu li:hover a { color: #fff; }
.mob-menu { display: none; }
.header a { outline: none; text-decoration: none; }
.header ul { margin:0px; }
.header { padding:1.1rem 0; width: 100%; display: inline-block; position: relative;border-bottom: 0.556px solid rgba(255, 255, 255, 0.10);background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), linear-gradient(135deg, #7BE4C5 0%, #89D4F5 100%);}

.header-left { min-width: 340px; }
.header-right-btn ul li .login { font-weight: 500; padding: 8px 0px; text-decoration: none;
color: var(--secondary-color); display: block; }
.header-right-btn ul li .login:hover { color: var(--primary-color); }
.header-right-btn .primary-btn { padding: 8px 28px; }
.header-right-btn { min-width: 360px; }     

/* FOOTER */
.footer-container { padding: 80px 0 40px; border-top: 0.556px solid rgba(255, 255, 255, 0.10);background:var(--bg-color); }
.footer-description { font-size: 15px; line-height: 1.6;  max-width: 300px;margin-top: 20px;  }
.footer-description h3 { color:  #F1F1F1; font-weight: 300;margin: 30px 0px;font-size: 20px; }
.footer-links h4 {  font-size: 14px; font-weight: 700; text-transform: uppercase;letter-spacing: 0.05em; color: #fff; margin-bottom: 24px;  }
.footer-menu { list-style: none; padding: 0; }
.footer-menu li { margin-bottom: 20px; }
.footer-menu li a {  color:  #F1F1F1; font-weight: 500; text-decoration: none; font-size: 16px;line-height: normal;  }
.footer-copyright span ,.footer-legal-links a { color: rgba(255, 255, 255, 0.60); }
.footer-main-content { margin-bottom: 35px; }
.footer-utility-bar {  display: flex;  align-items: center; gap: 30px; padding: 20px 0; }
.footer-socials { display: flex; gap: 18px; }
.footer-socials img { width: 40px; height: 40px; transition: opacity 0.2s; }
.footer-socials a:hover img { opacity: 0.7; }
.footer-bottom {  display: flex; justify-content: space-between;  align-items: center;  font-size: 16px;
    border-top: 0.556px solid rgba(255, 255, 255, 0.10); padding: 20px 0; }

/** home page **/
.home-banner-section { padding:50px 0px;background:var(--light-bg-color);color:#fff; }
.home-banner-content {  display: flex;justify-content: center;flex-direction: column;height: 100%; }
.home-banner-content h1 { color:#fff; }
.hero-badges { display: flex;gap: 20px;}
.home-banner-content p { font-size:24px;line-height: 39px;color:#fff;margin-bottom: 60px; }
.home-banner-image { display: flex;justify-content: end; }
.home-banner-content .tagline { margin-bottom:30px; }

.how-works-section { padding:90px 0px;background: rgba(255, 255, 255, 0.50);border-bottom: 0.556px solid rgba(0, 0, 0, 0.05); }
.how-works-box { box-shadow: 0 20px 25px -5px rgba(229, 231, 235, 0.40), 0 8px 10px -6px rgba(229, 231, 235, 0.40);background:#fff;
  padding:30px;border-radius:30px;min-height: 300px; }
.how-works-box img { margin-bottom:30px; }
.how-works-box h3 { font-weight:700; }
.how-works-box p { color: var(--gray-color);margin-bottom: 0px; }
.how-works-section .section-title p { color:var(--gray-color); }
.how-works-section .row { position: relative; }
.how-step { position: relative; }
.how-step::after { content: ""; position: absolute; top: 50%;right: -10px;transform: translateY(-50%);width: 24px;
    height: 24px;background: url(../images/how-works-right-arrow.svg) no-repeat center;background-size: contain; }
.how-step:last-child::after { display: none; }

.build-for-section { padding:100px 0px 150px 0px;background: radial-gradient(57.35% 102.08% at 50% 50%, rgba(61, 220, 132, 0.10) 0%, rgba(0, 0, 0, 0.00) 70%); }
.build-for-section .section-title h2 { font-size:48px; }
.build-for-section .section-title p { font-size: 20px;color: #515151;max-width: 600px; margin: 0px auto;font-weight: 300; }
.build-for-section .section-title { margin-bottom:80px; }
.build-for-makes-box h3 { font-weight: 700;margin: 15px 0px 20px 0px; }
.build-for-makes-box p { color: #515151;margin-bottom:0px; }

.get-early-section { padding:100px 0px;background: linear-gradient(180deg, rgba(61, 220, 132, 0.10) 0%, rgba(74, 144, 217, 0.10) 100%); }
.get-early-box { border-radius: 44px;border: 3px solid rgba(255, 255, 255, 0.40);background: var(--light-bg-color);padding:80px; }
.get-early-box .section-title h2 { color:#fff;font-size:48px; }
.get-early-box .section-title p { color:#fff;font-size: 20px; }

.get-early-form .gform_wrapper { display: flex; justify-content: center;flex-direction: column; align-items: center; }
.get-early-form form { max-width: 420px;width: 100%; position: relative; }
.get-early-form .gform-body,.get-early-form .gform_footer, .get-early-form .gfield { margin: 0 !important;padding: 0 !important; }

.get-early-form .ginput_container input { width: 100% !important;height: 55px !important;border-radius: 50px !important;border: 1px solid rgba(255,255,255,0.4) !important;background: rgba(255,255,255,0.15) !important;
    padding: 0 60px 0 20px !important;color: #fff !important;font-size: 14px !important;outline: none !important;backdrop-filter: blur(10px); }
.get-early-form .ginput_container input::placeholder { color: rgba(255,255,255,0.7); }
.get-early-form .gform_footer { position: absolute !important;right: 6px;top:27px;transform: translateY(-50%); }
.get-early-form .gform_button { width: 42px !important;height: 42px !important;border-radius: 50% !important;border: none !important;
    background: rgba(255,255,255,0.25) !important;font-size: 0 !important;cursor: pointer;position: relative;
    background-image: url(../images/get-early-submit-arrow.svg) !important;background-repeat: no-repeat !important;
    background-position: center !important;background-size: 20px !important;transition: background-color 0.2s ease-in-out; }
.get-early-form .gform_button:hover,.get-early-form .gform_button:focus,.get-early-form .gform_button:active { box-shadow:none !important; outline:none !important; }
.get-early-form .gfield_description.validation_message { color: #c02b0a !important;font-size: 12px !important;padding: 8px 0 0 20px !important;text-align: left;width: 100%; }
#gform_confirmation_message_1 ,#gform_confirmation_message_3 { color:#fff; }

/** about page **/
.video-first-content { text-align:center; }
.video-first-content h2 { color:#fff;font-size:72px; }
.video-first-content p { color:#fff;font-size:24px; }

.how-it-info-section { width:100%;padding:50px 0; }
.how-it-info-section.bg-main{ background: linear-gradient(180deg, rgba(61, 220, 132, 0.10) 0%, rgba(74, 144, 217, 0.10) 100%), #F9F9F9; }
.how-it-info-section.bg-alt{ background:#fff; }
.how-it-content{ max-width:500px; }
.how-icon img { border-radius: 16px;border: 0.556px solid rgba(255, 255, 255, 0.20);
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); }
.how-it-content h3 { font-size:48px; font-weight:700;margin: 30px 0px 15px 0px; }

.how-it-image { flex:1; display:flex; justify-content:center; }
.how-it-image img{ max-width:280px;width:100%;border-radius:45px;box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.80); }

/** contact page **/
.contact-banner-section { padding:60px 0px 120px 0px; }  
.contact-banner-section .section-title h2 { font-size:60px;font-weight:900;line-height:60px; }
.contact-banner-section .section-title p { color:#373737;font-size:20px; }

.contact-form { padding:40px;background:#fff;border-radius: 32px;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.50); }
.contact-form .gfield_label {  color: #373737 !important; font-size: 16px !important; font-weight: 500 !important; margin-bottom: 15px; }
.contact-form input[type="text"],.contact-form input[type="email"],
.contact-form select { border-radius: 8px !important;height: 52px !important;
  border-radius: 16px;border: 1px solid #E4E1E6 !important;background: #FCFCFC !important;color: #ACAAAF !important;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05) inset;font-size: 18px !important;padding: 16px 20px !important;outline: none !important;
  appearance: none; width: 100%; }
.contact-form .gfield textarea.large { border-radius: 8px !important;height: 52px !important;
  border: 1px solid #E4E1E6 !important;background: #FCFCFC !important;color: #ACAAAF !important;font-size: 18px !important;padding: 16px 20px !important;outline: none !important;
  appearance: none; width: 100%;min-height:120px !important; }

.contact-form .gform_footer { width: 100%;flex-direction:column; }  
.contact-form .gform_button { width: 100%;padding: 12px 30px !important;text-align: center; border: 0 !important;position: relative !important;
  height: 55px !important; display: flex !important;align-items: center !important; justify-content: center !important;gap:10px;
    color: var(--color-text-invert, #FEFEFE) !important;font-size: 18px !important;font-weight: 500 !important;cursor: pointer;
    transition: all 0.3s ease !important; border-radius: 16px !important;
    background: linear-gradient(90deg, #47BE96 0%, #47BE96 7.14%, #47BE96 14.29%, #47BE96 21.43%, #47BE96 28.57%, #3FC3A9 35.71%, #40BDAF 42.86%, #41B8B5 50%, #42B3BB 57.14%, #50A3CB 64.29%, #50A3CB 71.43%, #50A3CB 78.57%, #50A3CB 85.71%, #50A3CB 92.86%, #50A3CB 100%);
    box-shadow: 0 0 30px 0 rgba(61, 220, 132, 0.20) !important;  }
.contact-form .gform_button::before { content: "" !important;display: block !important;width: 16px; height: 16px;
  background: url(../images/send-icon.svg) no-repeat center; background-size: contain; }

.contact-form .gform_required_legend {  display: none !important;  }
.contact-form .gform-footer.gform_footer.top_label { margin-top: 35px; }
.gform_confirmation_message_1 ,.gform_confirmation_message_3 { color:#fff; }

.contact-form .gform_validation_errors h2 { color: #d63638 !important;font-size:18px; }
.contact-form .gfield_validation_message { background: #fff9f9; border: 1px solid #c02b0a;font-size: 14.992px;
  margin-block-start: 8px;padding: 12.992px 24px; }
.contact-form .gfield_error input,.contact-form .gfield_error select { background: #fff9f9;
  border: 1px solid #c02b0a;font-size: 14.992px;margin-block-start: 8px;padding: 12.992px 24px; }

/** legal page **/
.legal-hub-section { padding:60px 0px 120px 0px; } 
.legal-hub-section .section-title { text-align: left;}
.legal-info { border-radius: 24px;padding:40px;border: 0.556px solid #F3F4F6;background: #FFF;
box-shadow: 0 10px 15px -3px rgba(229, 231, 235, 0.50), 0 4px 6px -4px rgba(229, 231, 235, 0.50); }
.legal-hub-section .section-title h2 { font-size:48px;font-weight:900;line-height:48px; }
.legal-hub-section .section-title span.last-updated { color:var(--gray-color);font-size:18px; }
.legal-info p { color:#364153;font-weight:300;line-height: 32px; }
.legal-info ul { color:#364153;font-weight:300;padding-left: 15px;  } 
.legal-info ul li { margin-bottom:15px; }

/** faq **/
.faq-section { padding:100px 0; }
.faq-title { text-align: center;font-size: 72px;font-style: normal;font-weight: 900;
line-height: 72px; letter-spacing: -1.8px;margin-bottom: 120px; }
.faq-info .wpfaqblock-accordion .accordion-title { padding: 27px 42px 27px 0px;background:none !important;border:none !important; }
.faq-info .wpfaqblock-accordion .new-points .list-style li h4 { color:var(--black-color);font-size: 20px;font-weight: 700; }
.faq-info .wpfaqblock-accordion .accordion-title.open { border-radius: 12px 12px 12px 12px; }
.faq-info .wpfaqblock-accordion .accordion-content { background: none !important; border:none !important;padding: 0px 35px 25px 0px !important;  color: #6A7282; }
.faq-info .wpfaqblock-accordion .accordion-content p { color:var(--gray-color);font-size: 18px !important; }
.faq-section h5 { font-size:16px;font-weight:400;color: var(--gray-color);margin-bottom: 20px; }
.faq-bottom-info { text-align:center; }
.faq-info .wpfaqblock-accordion li { border-bottom: 1px solid #F3F4F6;margin: 0 0 0px !important; }
.faq-info .wpfaqblock-accordion li:last-child { border-bottom:none; }
.faq-info .wpfaqblock-accordion .accordion-title:before { content: ""  !important;font-family: unset !important;right: 0px;
  display: inline-block;width: 40px !important;height: 40px !important; background-image: url(../images/faq-up-arrow.svg);
  background-size: contain;background-repeat: no-repeat; background-position: center;
  -webkit-mask: none !important;mask: none !important;background-color: transparent !important; }
.faq-info .wpfaqblock-accordion .accordion-title.open:before {content: "" !important; 
  font-family: unset !important;  background-image: url(../images/faq-down-arrow.svg); }
.faq-info { border-radius: 32px; border: 1px solid #F3F4F6; background: #FFF;padding:45px;margin-bottom: 60px;
  box-shadow: 0 20px 25px -5px rgba(229, 231, 235, 0.50), 0 8px 10px -6px rgba(229, 231, 235, 0.50); }
.faq-section .primary-btn { background: linear-gradient(90deg, #3DDC84 0%, #3DD78C 7.14%, #3DD294 14.29%, #3ECD9B 21.43%, #3FC8A2 28.57%, #3FC3A9 35.71%, #40BDAF 42.86%, #41B8B5 50%, #42B3BB 57.14%, #43ADC0 64.29%, #44A8C5 71.43%, #46A2CB 78.57%, #479CCF 85.71%, #4896D4 92.86%, #4A90D9 100%); }
.faq-section .primary-btn:hover { background:#fff; }

/** about page **/
.our-mission-section { padding:100px 0;position: relative; overflow: hidden; }
.our-mission-section::before { content: "";position: absolute;top: -10%;right: -10%;width: 700px;height: 300px;
    border-radius: 50%; background: #47BE96;opacity: 0.2;filter: blur(150px);z-index: -1;pointer-events: none;  }
.mission-title { text-align: center;font-size: 72px;font-style: normal;font-weight: 900;margin-bottom: 0px;
line-height: 72px; letter-spacing: -1.8px; }
.mission-banner-info { margin-bottom: 200px;text-align: center; }
.mission-banner-info h4 { color:#373737;font-size:36px;margin: 30px 0px 40px 0px; }
.mission-banner-info img { margin:0px auto; }
.how-works-box.about { border-radius: 32px; border: 0.556px solid rgba(255, 255, 255, 0.10);background: rgba(255, 255, 255, 0.05);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.10), 0 8px 10px -6px rgba(0, 0, 0, 0.10); }
.feel-human-section { padding: 70px 0px 120px 0px; }
.feel-human-left-info { display: flex;gap: 15px;position:relative; }
.feel-human-right-img  { position: relative; top: 40px; }
.feel-human-right-info { display:flex;flex-direction:column;justify-content:center;height:100%; }
.feel-human-right-info h2 { font-size:48px;font-weight:700;margin-bottom: 30px; }
.feel-human-right-info p { color:#373737;font-size:20px;line-height:32px;font-weight:300; }

/** blog page **/

.blog-content-section { background:#F3F4F6;padding:0px 0px 120px 0px; }
.news-main-section .section-title { text-align:left; }
.news-main-box { background: #fff;border-radius: 32px;overflow: hidden; }
.news-post-section .row{ row-gap:15px; }
.news-post-section .seeMore-btn a img { padding-right: 8px;}
.news-post-section h2 { text-align: center; margin-bottom: 40px; }
.news-post-section ul { list-style: none; padding: 0; margin:0;
display: grid; grid-template-columns: repeat(3, 1fr); column-gap:30px; row-gap:24px;  }
.news-post-section .news-post-box { height: 100%;background:#fff;border-radius: 32px; }
.news-post-section .seeMore-btn { margin-top: 20px;justify-content: center;align-items:left;text-align:left; }
.news-post-section .seeMore-btn a { font-weight: 600;font-size: 16px; line-height: 16px; height: 36px; }
.news-post-section .news-post-img { width:100%; position: relative; overflow: hidden; }
.news-post-section .news-post-img img { width: 100%;  height: 220px; display: block;border-radius: 32px 32px 0 0;object-fit: cover;  }
.news-post-section h3 { font-size: 18px; margin: 0 0 12px; }
.news-post-section h3 a { text-decoration:none;color:#0F172A; }
.news-post-section .news-post-content { padding:25px 20px 20px 20px; }
.news-date span {margin-left: 7px; }
.news-post-content span.cat-name { color:#3DDC84;font-size: 15px;margin-bottom: 10px; text-transform:uppercase;display:block; }
.news-post-section .col-md-4 { margin-bottom: 30px; }

.news-meta-top { display: flex;align-items: center;gap: 20px; font-size: 13px;color: #6A7282; margin-bottom: 10px; }
.news-meta-top img { width: 16px;height: 16px;margin-right: 4px;display: inline-block; }
.news-post-content h3 { margin-top: 0;font-size: 24px;line-height: 1.4;font-weight: 700;min-height: 70px; }
.news-meta-top span.read-time { justify-content: center;display: flex;gap: 5px;align-items: center; font-size: 14px; }

/** feature blog post **/
.news-main-section { padding:100px 0;}
.news-main-content .news-main-category { color:#3DDC84;margin-bottom:20px;font-size: 15px;font-weight: 700;letter-spacing: 0.35px; }
.news-main-content h1 { font-size:48px;margin: 20px 0px; }
.news-main-footer { display: flex;align-items: center;justify-content: space-between; }
.news-main-footer span { color:#9E9E9E; }
.news-main-content { padding: 10px 70px 10px 50px; }
.news-main-section .section-title h2 { font-size:72px;font-weight:900; }    
.news-main-section .section-title h4 { font-size:20px;color:var(--gray-color);font-weight:400; }
.news-main-img img { border-radius: 32px 0px 0px 32px;width: 100%;height: 100%; object-fit: cover; }
.news-main-content p.news-main-text { font-size:20px;color:var(--gray-color);margin-bottom: 60px;font-weight:300; }
.news-main-footer span.feature-readtime img { display:inline-block;padding-right: 6px; }
.feature-post-footer { display: flex; gap: 20px;align-items: center; justify-content: center;font-size: 15px; }
.feature-post-footer span.feature-readtime { display: flex; gap: 5px; align-items: center; justify-content: center; font-size: 15px; }

.load-btn { padding: 12px 30px;text-align: center; color: #4A90D9;line-height: 18px;border: 1px solid #4A90D9;
    text-decoration: none;height: 50px;display: inline-flex;align-items: center; justify-content: center;transition: all 0.3s ease;
    font-size: 16px;font-weight: 500;background:#fff;border-radius: 50px; }
.load-btn:hover { text-decoration: none;color: #fff;background: #4A90D9; }
.load-more-btn { margin-top: 60px;text-align: center; }
.hidden-post {  display:none; }

/** pagination **/
.blog-pagination { display: flex;justify-content: center; gap: 15px;flex-wrap: wrap;margin-top: 40px; }
.blog-pagination span.page-numbers.current { color:#fff;background: var(--primary-color);border-radius: 8px;}
.blog-pagination a:hover { background: var(--primary-color);color: #fff; border-color: var(--primary-color); }
.blog-pagination a.next.page-numbers,.blog-pagination a.prev.page-numbers { border:none;padding:3px 12px;min-width: auto;
    height: auto; }
.blog-pagination span.page-numbers ,.blog-pagination a { text-decoration: none;border: 1px solid #F1F1F1;
   color: #121330;padding: 3px 12px; border-radius: 8px;font-size: 16px;display: inline-flex;
    align-items: center;justify-content: center; min-width: 42px;height: 42px;transition: all 0.3s ease; }

/** single blog page **/
.single-blog-section { padding:30px 0px 100px 0px; }
.single-blog-section .breadcrumb img { display:inline-block;padding:0px 5px 3px 0px;  }
.single-blog-section .breadcrumb a { color:var(--gray-color);font-size:16px;font-weight:500; }
.single-blog-section .breadcrumb { margin-bottom:35px; }
.single-blog-data-box a.breadcrumb-item { color: #3DDC84;margin-bottom: 30px;font-size: 15px;font-weight: 700;letter-spacing: 0.35px;
text-transform: uppercase; }
.single-blog-data-box h1 { font-size: 60px;font-weight:900; line-height: 75px;margin: 20px 0px 30px 0px; }
.single .news-meta-top { justify-content: flex-end; }
.single-category-content { margin-top:40px;border-top: 1px solid #E5E7EB; padding-top: 40px; }
.single-category-content .wp-block-image { margin: 30px 0px 10px 0px; }
.single-category-content h4 { margin: 0px 0px 5px; }
.single-category-content p { margin: 0px 0px 15px;color:var(--black-color); }
.single-blog-data-box { margin-bottom: 60px; }
.share-left h2 { font-size:24px; }
.share-left h4 { color:var(--gray-color);font-size:16px;font-weight: 400;  }

.share-right .a2a_button_copy_link{ position: relative; display: inline-flex !important;align-items: center;justify-content: center;gap: 8px;
  padding: 14px 22px;min-width: 120px; height: 46px;border: 1px solid #E5E7EB;border-radius: 999px;background: #fff;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
  color: #364153 !important;font-size: 14px; font-weight: 500;text-decoration: none !important;box-shadow: none;transition: all .3s ease; }
.share-right .a2a_button_copy_link::after { content: "Copy link"; }
.share-right .a2a_button_copy_link:hover{ background: #f8f8f8;border: 1px solid #E5E7EB; }
.share-story-info {  display:flex; align-items:center;justify-content:space-between;
    gap:20px;padding-top:40px;border-top:1px solid #E5E7EB;}

/** error 404 page **/
.error-404 img { text-align: center; margin: 0px auto 30px auto; }   
.error-404.not-found.default-max-width { padding: 100px 0px; text-align: center; } 
.error-404-section .error-404 h2 { font-size: 46px; font-weight: bold; margin-bottom: 25px; }
.error-404-section .section-title { margin-bottom:60px; }

/** locations page **/
.aura-live-section { padding:100px 0;background: url('https://auradating.co/wp-content/uploads/2026/05/aura-location-bg.png') center center / cover no-repeat; }
.aura-live-info h2 { text-align: center;font-size: 72px;font-weight: 900;margin-bottom: 0px;
line-height: 72px; letter-spacing: -1.8px; }
.aura-live-info h4 { color: var(--gray-color);font-size: 24px ; margin: 30px 0px 40px 0px;font-weight: 400; }
.aura-live-info { text-align: center; }

.currently-live-info h2 { text-align: center;font-size: 30px;font-weight: 700;margin-bottom: 25px;letter-spacing: -1.8px; }
.currently-live-info h4 { color: var(--gray-color);font-size: 24px ; margin: 30px 0px 40px 0px;font-weight: 400; }
.currently-live-info { padding:70px 0px 0px 0px; }


.orange-county-info-box { border-radius: 24px; border: 1.667px solid #3DDC84;background: #FFF;padding:25px 32px 25px 32px;display:flex;
  width: fit-content;margin: 0px auto;align-items:center;gap:20px;
  box-shadow: 0 20px 25px -5px rgba(61, 220, 132, 0.30), 0 8px 10px -6px rgba(61, 220, 132, 0.30); }
.orange-county-detail h5 { color:#3DDC84;font-size: 15px;font-weight:500;margin-bottom:0px;  }
.orange-county-detail h3 { margin-bottom:5px;font-weight: 700; }

.coming-soon-section { padding:20px 0px 100px 0px; }
.coming-soon-section h2.coming-soon-title { text-align:center;margin-bottom: 25px; }
.coming-soon-box { background: #fff;padding: 30px;border-radius:24px;display:flex;gap:20px;border: 0.556px solid #E5E7EB;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10); }
.coming-soon-content h3  { color:#364153;font-size:20px;margin-bottom:5px;font-weight: 700;  }
.coming-soon-content h5 { color:#99A1AF;font-size: 15px;font-weight:500;margin-bottom:0px;  }

.want-aura-section { padding:80px 0px;background: linear-gradient(180deg, rgba(61, 220, 132, 0.10) 0%, rgba(74, 144, 217, 0.10) 100%); }

.aura-city-form form { width: 100%; position: relative; max-width: 420px; }
.aura-city-form .gform_wrapper { display: flex; justify-content: center;flex-direction: column; align-items: center; }
.aura-city-form form { width: 100%; position: relative; }
.aura-city-form .gform-body,.aura-city-form .gform_footer, .aura-city-form .gfield { margin: 0 !important;padding: 0 !important; }

.aura-city-form .ginput_container input { width: 100% !important;height: 55px !important;border-radius: 50px !important;border: 1px solid rgba(255,255,255,0.4) !important;background: rgba(255,255,255,0.15) !important;
    padding: 0 60px 0 20px !important;color: #fff !important;font-size: 14px !important;outline: none !important;backdrop-filter: blur(10px); }
.aura-city-form .ginput_container input::placeholder { color: rgba(255,255,255,0.7); }
.aura-city-form .gform_footer { position: absolute !important;right: 10px;top: 121px !important;transform: translateY(-50%); margin: 0 !important;
    padding: 0 !important; z-index: 10; }
.aura-city-form .gform_button { width: 42px !important;height: 42px !important;border-radius: 50% !important;border: none !important;
    background: rgba(255,255,255,0.25) !important;font-size: 0 !important;cursor: pointer;position: relative;
    background-image: url(../images/get-early-submit-arrow.svg) !important;background-repeat: no-repeat !important;
    background-position: center !important;background-size: 20px !important;transition: background-color 0.2s ease-in-out; }
.aura-city-form .gfield_description.validation_message { color: #c02b0a !important;font-size: 12px !important;padding: 8px 0 0 20px !important;text-align: left;width: 100%; }
.aura-city-form .gform_button:hover,.aura-city-form .gform_button:focus,.aura-city-form .gform_button:active { box-shadow:none !important; outline:none !important; }
.gform_wrapper .gfield_validation_message,
.gform_wrapper .validation_message { /*position: absolute;bottom: -22px;left: 0;*/ }
#gform_submit_button_3 {width: 58px;height: 58px;border-radius: 50%; }

/**  RESPONSIVE OVERRIDES **/

@media (max-width: 991px) {
:root { --cc-section-py: 60px; }
.hero-badge-float.top-left   { top: 2%;   left: 0; }
.hero-badge-float.bottom-right { bottom: 2%; right: 0; }
}

@media(max-width: 1023px){
/*menu*/
.mob-menu { display:block; background:url(https://auradating.co/wp-content/uploads/2026/05/mob-menu-icon.svg) center center no-repeat; padding:10px 12px; color:#000; border-radius:0px; cursor:pointer; text-align:left; 
font-size: 0; line-height: 0; width: 40px; height: 30px; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); }
.header-right { position: absolute; top: 100%; right: 0px; text-align: left; z-index: 9; display: none; 
background: var(--black-color); width: 100%; max-width: 500px; box-shadow: 0px 10px 10px rgba(0,0,0,0.1); }
.nav-container ul li.active a::before { display: none; }
.nav-container ul { margin:0px; padding:0px 0px; width: 100%; }
.nav-container ul li { display:block; padding:0px 0px; margin:0px; font-size:16px; width:100%; background:var(--blue01-color); margin:0px !important; }
.nav-container ul li a { border-radius:0px; padding:12px 20px; border-bottom:1px solid rgba(255,255,255,0.2); 
  color:#fff;background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), linear-gradient(135deg, #7BE4C5 0%, #89D4F5 100%); }
.nav-container ul li a:hover { color:#fff;background:linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), linear-gradient(135deg, #7BE4C5 0%, #89D4F5 100%); }
.nav-container ul li a.parent::after { display: none; }
.nav-container ul li .sub-menu { padding:0px; display:none; position:static; width:100%; }
.nav-container ul li .sub-menu li a { padding:10px 0px 10px 32px; }
.nav-container .nav-icon { position: absolute;  right: 0px; top: 0px; width: 45px;  height: 48px; background-repeat: no-repeat; cursor:pointer; z-index:99;}
.nav-container .nav-icon.open {  background: url(../images/menu-plus.png) center center no-repeat; }
.nav-container .nav-icon.close {  background: url(../images/menu-minus.png) center center no-repeat; opacity:1; }
.nav-container li .sub-menu li { border-bottom:0px; padding:0px; background:#111; border-radius: 0; } 
.nav-container li .sub-menu li a { padding-bottom:8px; }
.nav-container .menu-main-menu-container { display:none; text-align:left;  }
.header-right-btn ul { flex-direction: column; padding: 15px 20px 20px; gap:15px; }
.header-right-btn ul li .login { display: block; padding: 4px 0; color: #fff; width: auto; }
.header-right-btn ul li { width: 100%; }
.header-right-btn ul li a { text-align: center; justify-content: center; width: 100%; }
.header-right-btn .secondary-btn { border-color: #fff;  }
.header-right-btn { min-width: 50px;background:linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), linear-gradient(135deg, #7BE4C5 0%, #89D4F5 100%); }
.nav-container ul li.current-menu-item > a,
.nav-container ul li.current_page_item > a,
.nav-container ul li.current-menu-parent > a,
.nav-container ul li.active > a { color:#205772;background:linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), linear-gradient(135deg, #7BE4C5 0%, #89D4F5 100%); }

}


@media (min-width: 768px) {

}

@media(min-width:1024px) and (max-width:1279px) {
.footer-container { padding: 60px 0 40px; }
.header-left { min-width: auto; }
.section-title { margin-bottom:30px; }
.home-banner-content h1 ,.video-first-content h2 { font-size:70px; }
.how-works-box { min-height: 340px; }
.build-for-section ,.how-works-section ,.get-early-section { padding:70px 0px; }
.get-early-box { padding:60px; }
.build-for-section .section-title h2 ,.get-early-box .section-title h2 { font-size:36px; }
.how-it-info-section { padding:40px 0px; }
.how-it-content h3 { font-size: 40px; }
.faq-section { padding: 70px 0; }
.faq-title { margin-bottom:70px;font-size: 60px; }
.contact-banner-section .section-title h2 { font-size:55px; }
.legal-hub-section .section-title h2 { font-size: 40px; }
.our-mission-section ,.news-main-section ,.aura-live-section { padding: 70px 0; }
.mission-banner-info h4 { margin: 10px 0px 25px 0px;font-size: 30px; }
.mission-title ,.news-main-section .section-title h2 ,.aura-live-info h2 { font-size: 60px; }
.mission-banner-info { margin-bottom: 120px; }
.feel-human-section { padding: 50px 0px 120px 0px; }
.feel-human-section .col-md-6 { width:100%; }
.feel-human-right-img { top:0px; }
.feel-human-right-info h2 { margin:20px 0px;font-size:40px; }
.news-main-content h1 { font-size:40px;margin: 10px 0px; }
.news-main-content p.news-main-text { margin-bottom:30px; }
.news-main-content { padding: 10px 50px 10px 30px; }
.blog-content-section { padding: 0px 0px 70px 0px; }
.single-blog-data-box h1 { font-size: 46px;line-height: 60px; }
.single-category-content { margin-top: 50px; }
.single-blog-data-box { margin-bottom:50px; }
.single-blog-section { padding: 30px 0px 70px 0px; }
.currently-live-info {  padding: 50px 0px 0px 0px; }
.coming-soon-content h3 { font-size:19px; }


}

@media(min-width:768px) and (max-width:1023px) {
.footer-container { padding: 60px 0 40px; }
.section-title { margin-bottom:30px; }
h1 { font-size:55px; }
h2 { font-size:36px; }
.how-works-section ,.build-for-section ,.get-early-section ,.news-main-section { padding:50px 0px; }
.how-step { margin-bottom:30px; }
.build-for-section .section-title h2 ,.get-early-box .section-title h2 {font-size:36px;   }
.build-for-section .section-title { margin-bottom:30px; } 
.home-banner-content p { font-size: 20px;line-height: 30px;margin-bottom: 40px; }
.build-for-makes-box h3 { font-size:21px; }
.get-early-box { padding: 40px; }
.video-first-content h2 { font-size:55px; }
.how-it-info-section { padding:30px 0px; }
.how-it-content h3 { font-size:36px; }
.faq-title { font-size: 50px;margin-bottom: 50px; }
.mission-title ,.aura-live-info h2 { font-size:50px; }
.faq-section .col-md-8 { width:75%; }
.faq-info .wpfaqblock-accordion .accordion-title { padding: 27px 55px 27px 0px; }
.faq-section { padding: 50px 0; }
.contact-banner-section .section-title h2 { font-size: 45px; }
.contact-banner-section .col-md-7 { width:70%; }
.contact-form,.legal-info { padding:30px; }
.contact-banner-section,.legal-hub-section { padding: 50px 0px 80px 0px; }
.legal-hub-section .col-md-8 { width:75%; }
.legal-hub-section .section-title h2 { font-size: 40px; }
.mission-banner-info { margin-bottom: 80px; }
.our-mission-section ,.aura-live-section { padding: 50px 0; }
.mission-banner-info h4 { margin: 10px 0px 25px 0px;font-size: 28px; }
.how-works-box.about { min-height: 410px; }
.feel-human-section { padding: 30px 0px 80px 0px; }
.feel-human-section .col-md-6 { width:100%; }
.feel-human-right-img { top:0px; }
.feel-human-right-info h2 { margin:20px 0px;font-size: 36px; }
.news-main-section .section-title h2 { font-size:38px; }
.news-main-content p.news-main-text { margin-bottom:40px; }
.news-main-content h1 { font-size:37px; }
.news-post-content h3 { font-size:22px; }
.blog-content-section { padding: 0px 0px 60px 0px; }
.news-main-img img { border-radius: 32px 32px 0px 0px; }
.news-main-content { padding: 30px; }
.single-blog-section .col-md-8 { width:75%; }
.single-blog-section .breadcrumb { margin-bottom: 20px; }
.single-blog-data-box h1 { font-size: 42px;line-height: 50px; }
.single-category-content  { margin-top: 40px; }
.single-blog-data-box  { margin-bottom: 40px; }
.single-blog-section {  padding: 30px 0px 60px 0px; }
.error-404.not-found.default-max-width { padding: 80px 0px; text-align: center; } 
.error-404-section .error-404 h2 { font-size:38px; }
.aura-live-info h4 { margin: 15px 0px 15px 0px; }
.currently-live-info { padding: 50px 0px 0px 0px; }
.orange-county-detail h3 { font-size:22px; }
.coming-soon-section { padding: 20px 0px 60px 0px; }


}

@media (max-width: 767px) {
.footer-container { padding: 60px 0 40px; }
.section-title { margin-bottom:30px; }
h1 { font-size:50px; }
h2 { font-size:32px; }
.home-banner-content p { font-size: 19px; line-height: 30px;margin-bottom:30px; }
.home-banner-image { margin-top:20px; }
.how-works-section ,.build-for-section { padding:50px 0px; }
.how-step::after { content:none; }
.how-step { margin-bottom:30px; }
.how-works-box { min-height:auto; }
.build-for-section .section-title h2 ,.get-early-box .section-title h2 {  font-size:32px; }
.build-for-section .section-title { margin-bottom:30px; }
.build-makes { margin-bottom:30px; }
.build-for-makes-box { text-align: center; }
.build-for-makes-box img { margin:0px auto; }
.build-for-makes-box h3 { margin: 15px 0px 15px 0px;font-size:21px; }
.get-early-section { padding:60px 0px; }
.get-early-box { padding: 50px 25px; }
.footer-first-content { margin-bottom:30px;text-align: center; }
.footer-menu li { margin-bottom: 15px; }
.footer-links h4 { margin-bottom:20px; }
.footer-main-content { margin-bottom: 20px; }
.footer-bottom { flex-direction: column;gap: 15px;padding: 20px 0px 10px 0px; }
.video-first-content h2 { font-size:50px; }
.how-it-content { text-align: center; }
.how-icon img { margin:0px auto; }
.how-it-info-section { padding: 30px 0px 30px 0px; }
.how-it-content h3 { font-size: 34px; }
.footer-socials { justify-content: center; }
.footer-logo img { text-align: center; margin: 0px auto;}
.footer-description { max-width:none; }
.footer-container { text-align:center; }
.faq-title  { font-size: 45px;line-height: 55px;margin-bottom:40px; }
.mission-title { font-size: 45px;line-height: 55px; }
.faq-info { padding:30px; }
.faq-section ,.our-mission-section,.news-main-section,.aura-live-section { padding: 50px 0; }
.contact-banner-section .section-title h2 { font-size: 40px;line-height: 50px; }
.contact-banner-section ,.legal-hub-section { padding: 50px 0px 80px 0px; }
.contact-form ,.legal-info { padding: 25px; }
.legal-hub-section .section-title h2 { font-size: 32px;line-height: 40px; }
.feel-human-left-info { flex-direction:column;gap: 30px; }
.mission-banner-info h4 { margin: 15px 0px 30px 0px;font-size: 28px; }
.mission-banner-info { margin-bottom: 60px; }
.how-works-box.about { margin-bottom:30px; }
.feel-human-right-img { top:0px; }
.feel-human-section { padding: 0px 0px 70px 0px; }
.feel-human-right-info h2 { font-size: 34px;margin: 20px 0px; }
.news-main-section .section-title h2 { font-size:45px; }
.news-main-img img { border-radius: 32px 32px 0px 0px; }
.news-main-content h1 { font-size:34px;margin: 15px 0px; }
.news-main-content p.news-main-text { margin-bottom:20px; }
.news-main-content { padding: 20px 30px 20px 25px; }
.news-post-content h3 { min-height: auto;font-size: 20px }
.news-post-section .news-post-content { padding: 20px 20px 20px 20px; }
.blog-content-section { padding: 0px 0px 50px 0px; }
.load-more-btn { margin-top: 40px; }
.single-blog-section .breadcrumb { margin-bottom: 20px; }
.single-blog-data-box h1 { font-size: 36px;line-height: 45px;margin: 20px 0px 20px 0px; }
.single-category-content { margin-top: 30px;padding-top:30px; }
.single-blog-data-box  { margin-bottom: 30px;  }
.share-story-info { padding-top:30px; flex-direction: column;gap: 10px;align-items: flex-start; }
.single-blog-section { padding: 30px 0px 50px 0px;  }
.single .news-meta-top { justify-content: flex-start; }
.error-404.not-found.default-max-width { padding: 60px 0px; text-align: center; } 
.error-404-section .error-404 h2 { font-size:32px; }
.error-404 img { width:90%; }
.aura-live-info h2 { font-size:45px; }
.aura-live-info h4 { margin: 10px 0px 10px 0px; }
.currently-live-info { padding: 50px 0px 0px 0px; }
.coming-soon-section { padding: 20px 0px 50px 0px; }
.orange-county-detail h3 { font-size:22px; }
.how-it-image { margin-top: 12px; }

 
}

@media (max-width: 375px) {
.faq-info .wpfaqblock-accordion .accordion-title { padding: 27px 47px 27px 0px; }
.faq-info .wpfaqblock-accordion .accordion-content { padding: 0px 30px 25px 0px !important; }



}