/*
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 6,000+ 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.12.0.1768539367
Updated: 2026-01-16 04:56:07

*/

.ast-primary-header-bar {
    background-color: #1A2A44 !important;
}

/* ------------------Banner Section CSS---------------- */

/* Target the container specifically */
.exper_round {
    width: 200px !important;  /* Set a fixed width */
    height: 200px !important; /* Set the same fixed height */
    border-radius: 50% !important; /* This makes it round */
    
    /* Center the text inside */
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    
    /* Ensure the background doesn't bleed out */
    overflow: hidden;
    padding: 20px;
}

/* Adjust the text inside to look like the image */
.exper_round .elementor-heading-title {
    margin: 0;
    line-height: 1.2;
    color: #ffffff;
}

.exper_round span {
    font-size: 32px;
    font-weight: bold;
}
/* --------------Conact Form CSS---------------- */

/* Container Background & Padding */
.custom-contact-form {
    background: #ffffff;
    padding: 40px;
    border-radius: 40px;
    max-width: 600px;
    margin: 0 auto;
    font-family: sans-serif; /* Match your site's font */
}

/* Row for First and Last Name */
.form-row {
    display: flex;
    gap: 20px;
}

.form-group {
    flex: 1;
}

/* Styling all Inputs and Textareas */
.custom-contact-form input[type="text"],
.custom-contact-form input[type="email"],
.custom-contact-form input[type="tel"],
.custom-contact-form textarea {
    width: 100%;
    border: none;
    border-bottom: 2px solid #BEBEBE; /* The underline */
    padding: 15px 0;
    font-size: 16px;
    color: #333;
    background: transparent;
    outline: none;
    transition: border-color 0.3s ease;
}

/* Placeholder Styling */
.custom-contact-form ::placeholder {
    color: #999;
    font-weight: 500;
}

/* Focus state: changes underline color */
.custom-contact-form input:focus,
.custom-contact-form textarea:focus {
    border-bottom: 2px solid #1a2b45;
}

/* Submit Button Styling */
.custom-contact-form input[type="submit"] {
    background-color: #1a2b45; /* Dark Navy from image */
    color: #ffffff;
    width: 100%;
    padding: 18px;
    border: none;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 10px;
    transition: background 0.3s ease;
}

.custom-contact-form input[type="submit"]:hover {
    background-color: #121e30;
}

/* Footer Text below button */
.footer-text {
    font-size: 12px;
    color: #333;
    margin-top: 10px;
    text-align: left;
}

/* Responsive fix for mobile */
@media (max-width: 480px) {
    .form-row {
        flex-direction: column;
        gap: 0;
    }
}

/* Submit container */
.submit-container {
    position: relative;
}

/* Button */
.cf7-submit {
    width: 100%;
    padding: 16px;
    border-radius: 8px;
    background: #16253f;
    color: #fff;
    font-size: 16px;
    position: relative;
}

/* CF7 spinner */
.wpcf7-spinner {
    position: absolute;
    width: 22px;
    height: 22px;
    border: 3px solid rgba(255,255,255,0.4);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: cf7-spin 0.8s linear infinite;

    top: 35%;
    left: 85%;
    transform: translate(-50%, -50%);
    
    visibility: hidden;
    opacity: 0;
}

/* Show spinner on submit */
.wpcf7-form.submitting .wpcf7-spinner,
.wpcf7-form[aria-busy="true"] .wpcf7-spinner {
    visibility: visible;
    opacity: 1;
}

/* Disable button but keep text */
.wpcf7-form.submitting .cf7-submit,
.wpcf7-form[aria-busy="true"] .cf7-submit {
    pointer-events: none;
    opacity: 0.85;
}
.her-image{
    position:relative;
}
.exper_round{
    position:absolute !important;
    left:-20px !important;
    bottom:-50px !important;
}
.advance-section{
    
}
.site-primary-header-wrap{
    width:1400px !important;
    padding:0 !important;
}
.award-image > div{
    height:100% !important;
}
.award-image > div > img{
    height:100% !important;
}
.custom-contact-form input{
    font-family: 'Poppins', sans-serif !important;
}
.sarah-contact a{
    text-decoration: none !important;
}

.feature_box:hover span{
    color:#1A2A44 !important;
}
.award-image{
    overflow:hidden;
}

.award-image:hover img{
    transform: scale(1.05);
    transition: transform 0.35s ease-in-out;
}
.img-cls > div{
    overflow:hidden;
}
.sara-img > div{
     border-radius: 50px !important;
      overflow:hidden !important;
      border: 5px solid #FFFFFF !important;
      box-shadow: 0px 0px 26.5px 6px rgba(0, 0, 0, 0.25) !important;
}
.img-cls img{
    transition: transform 0.35s ease-in-out;
}

.img-cls{
    padding: 0 !important;
    height: 100%;
    overflow: hidden; /* important to avoid image overflow */
}

.img-cls:hover img{
    transform: scale(1.05);
}

.exper_round:hover {
    transform: translateY(-6px) scale(1.05);
    background: #003049;
    box-shadow: 0 14px 28px rgba(0, 48, 73, 0.35);
}
.footer-social-item:hover svg{
    transform: scale(1.09);
    transition: transform 0.15s ease-in-out;
}
.header-social-item:hover svg{
    transform: scale(1.09);
    transition: transform 0.15s ease-in-out;
}
.contact-form .wpcf7-response-output{
    border:none !important;
    text-align:center !important;
}
.award-image{
    height:100% !important;
}
.f-tag{
    width: 100%;
    max-width: fit-content;
}
/* Animation */
@keyframes cf7-spin {
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
@media (max-width:1440px){
    .site-primary-header-wrap{
        padding:0px 40px !important;
    }
    .size-div{
        padding:0px 40px !important;
    }
    .hero-section{
        padding:100px 40px !important;
    }
}
@media(max-width:1320px){
    .her-image{
    height: 520px !important;
    }
}
@media(max-width:1200px){
    .custom-contact-form{
    width:100%;
    max-width:100%;
}
    .exper_round{
        padding:10px !important;
        width:150px !important;
        height:150px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .experience-heading h2{
        font-size:18px !important;
    }
    .her-image{
    height: 460px !important;
    }
    .advance-section{
    gap:20px !important;
}
.contact-div > div{
    display:flex !important;
    flex-direction:column !important;
}
.custom-contact-form{
    margin:0 !important;
}
}
@media(max-width:1080px){
     .her-image{
    height: 80% !important;
    }
    .exper_round{
        width:110px !important;
        height:110px !important;
    }
    .exper_round span{
        font-size:22px;
    }
       .experience-heading h2{
        font-size:16px !important;
        line-height:normal !important;
    }
    .site-primary-header-wrap{
    width:100% !important;
    padding:0 40px !important;
}
.ast-mobile-svg{
    fill:#fff !important
}
.sarah-contact a{
    text-decoration:none !important;
}
 .her-image{
    height: 380px !important;
    }
    .hero-section{
        flex-direction:column !important;
    }
    .hero-left{
        width:100% !important;
    }
}
@media(max-width:992px){
      .her-image{
    height: 330px !important;
    }
    .hero-left{
    margin-top: 40px !important;
}
}
@media(max-width:576px){
img.wp-image-28{
    width:190px !important;
    margin:auto !important;
    display:block !important;
}
        .size-div {
        padding: 0px 20px !important;
    }
        .hero-section {
        padding: 50px 20px !important;
    }
    .custom-contact-form{
        padding:20px !important;
    }
     .her-image{
    height: 100% !important;
    }
        .site-primary-header-wrap
 {

        padding: 0 20px !important;
    }
    .hero-left{
   margin-top: 0px !important;
}
}

/* Header Stciky CSS */

.ast-primary-header-bar {
    transition: 
        transform 0.35s ease,
        box-shadow 0.35s ease,
        background-color 0.35s ease;
    will-change: transform;
}

/* Default header */
/* .ast-primary-header-bar {
    position: relative;
    transition: all 0.35s ease-in-out;
} */

/* Sticky state */
.ast-primary-header-bar.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: #ffffff;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
    height:70px;
}

/* Prevent content jump */
body.ast-header-sticked {
    padding-top: 90px; /* adjust to header height */
}
.is-sticky .site-logo-img img{
    width:250px;
}
.is-sticky .ast-container {
    height:70px;
    min-height:70px;
}
.is-sticky .header-social-inner-wrap{
    transform: scale(0.8);
}

div#ast-mobile-header {
    position: fixed;
    width: 100%;
    top: 0;
}

.ast-mobile-header-wrap  .main-header-bar{
        min-height: 70px;
    height: 90px;
}

.ast-mobile-header-wrap .site-logo-img img{
    width: 200px;
}

/* Default logo */
.ast-primary-header-bar .custom-logo {
    content: url("../../../wp-content/uploads/2026/02/logo.png");
    transition: all 0.3s ease;
}

/* Sticky logo */
.ast-primary-header-bar.is-sticky .custom-logo {
    content: url("../../../wp-content/uploads/2026/02/sticky-logo.svg");
}

/* Success message (new CF7) */
.wpcf7-form.sent .wpcf7-response-output {
    color: #28a745;
    background: #eaf8f0;
    border: 1px solid #28a745;
    padding: 10px;
    border-radius:50px
}

/* Contact Form 7 validation error */
.wpcf7-form.invalid .wpcf7-response-output {
    color: #dc3545;        /* red text */
    background: #fdecea;   /* light red background */
    border: 1px solid #dc3545;
    padding: 10px;
    border-radius:50px;
}