/*
Theme Name: BizBuzzWiz
Theme URI: https://bizbuzzwiz.ai/
Author: Your Name
Author URI: https://your-site.example/
Description: A lightweight custom theme using Tailwind and a minimal PHP template set.
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: bizbuzzwiz
Tags: custom, tailwind, responsive
*/

:root {
      --primary-color: #f28b2c;
      --secondary-color: #1799bf; /* footer bg uses this */
      --third-main-color:#eab119;
    }
    .card-gradient {
      background: radial-gradient(1200px 400px at 20% -40%, rgba(255,195,209,.65), rgba(255,255,255,0) 50%),
                  radial-gradient(1000px 380px at 100% 20%, rgba(186,213,255,.55), rgba(255,255,255,0) 60%),
                  #fff;
    }
    .metric-shadow{ box-shadow: 0 4px 20px rgba(2,8,23,.06); }
    .ring-soft{ box-shadow: inset 0 0 0 1px rgba(15,23,42,.08); }
    .pill{ border-radius: 14px }

   
/* form css */
form#gform_1 {
    padding: 1.5rem;
    background-color: #fff;
    border-radius: 20px;
}
form#gform_1 div#gform_fields_1{
	row-gap: 15px !important;
}
form#gform_1 legend.gfield_label.gform-field-label,form#gform_1 label {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 300;
	color:#4b5563;
	font-family: 'Inter';
}
form#gform_1 input {
    padding: 1.3rem 0.75rem;
    border-radius: 0.5rem;
    width: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
	border-color:#d1d5db;
}
form#gform_1 select, textarea {
	border-color:#d1d5db!important;
	border-radius: 0.5rem!important;
}
form#gform_1 legend, form#gform_1 label {
	color:#000!important;
	font-size:15px!important;
}
form#gform_1 input::placeholder, form#gform_1 textarea::placeholder {
    color: #7f7f7f !important;
}
.gchoice.gchoice_1_10_1 input{
	   padding: 0px !important;
	 border-radius: 0px;
}
form#gform_1 input:focus {
    outline: none;
    border: 2px solid black;
}
h2.gform_title {
    display: none;
}

input#gform_submit_button_1 {
    width: 100%;
    padding: 12px!important;
    border-radius: 0.25rem!important;
    color: #ffffff!important;
    font-size: 1.125rem;
    background-color: var(--secondary-color);
    text-transform: uppercase;
    font-weight: 600!important;
}

    /* ===== Off-canvas mobile menu ===== */
    .drawer { transform: translateX(-100%); transition: transform .35s ease; }
    .drawer.open { transform: translateX(0); }
    .backdrop { opacity: 0; pointer-events: none; transition: opacity .25s ease; }
    .backdrop.open { opacity: .4; pointer-events: auto; }

    /* ===== FAQ animation ===== */
    .faq-panel { overflow: hidden; height: 0; opacity: 0; transition: height .28s ease, opacity .22s ease; }
    .faq-panel.open { opacity: 1; height: auto; } /* JS sets fixed height while animating, then resets to auto */


    @media only screen and (max-width: 767px) {
        .header-buttons{
            display:none!important;
        }
        header#siteHeader {
        background-color: #fcf4df;
    }
            header.shadow {
            background-color: white!important;
        }
      .flex.items-center.gap-2.logo img {
            width: 50%;
        }
       .hero-list {
            width: 70%;
            margin: 20px auto;
            font-size: 16px!important;
            text-align: left;
        }
        .hero-btn  {
            display: flex;
            justify-content: center;
        }
        .hero-btn a {
            font-size: 16px;
            width: 48%;
            padding: 10px 5px;
        }
        .contact-box {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }
        .footer-cta a{
            font-size: 14px!important;
        }
    }


    @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .flex.items-center.gap-2.logo {
    width: 20%;
}
       .logo img{
        width:100%;
       }
       .hero-btn a {
            font-size: 18px;
            padding: 8px 10px;
        }
    }