/*
Theme Name: BizBuzzWiz
Theme URI: https://bizbuzzwiz.com/
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 */
div#gform_1_validation_container {
    display: none;
}
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;
	font-weight:600;
}
span.gfield_required.gfield_required_asterisk {
    font-size: 15px;
}
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;
	width: fit-content!important;
	transition:0.3s;
}

input#gform_submit_button_1:hover, input#gform_submit_button_2:hover {
    transform: translate(0px, -6px);
	background-color: var(--primary-color);
}
div#gform_confirmation_message_1 {
    background-color: #049904;
    color: #fff;
    padding: 10px;
    border-radius: 6px;
    font-size: 18px;
}
    /* ===== 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; }



    @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;
            padding: 10px 15px;
        }
        .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;
        }
    }



/* Portfolio design css */
 
       .port-tab-section .gallery-card {
            border-radius: 12px;
            overflow: hidden;
            height: 100%;
            transition: transform 0.3s ease;
        }
        
      .port-tab-section  .gallery-card:hover {
            transform: translateY(-5px);
        }
        
        /* Card image area */
       .port-tab-section .card-image {
            height: auto;
            width: 100%;
            overflow: hidden;
            border-radius: 12px;
        }
        
        .port-tab-section .card-image img {
            width: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        
       .port-tab-section .gallery-card:hover .card-image img {
            transform: scale(1.1);
        }
        
        /* Tab styling */
        .port-tab-section .tab-container {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 1rem;
        }
        
        @media (max-width: 768px) {
           .port-tab-section .tab-container {
                display: none; /* Hide the tab container on mobile */
            }
            
           .port-tab-section .tab-select-container {
                display: block;
            }
        }
        
        @media (min-width: 769px) {
           .port-tab-section  .tab-select-container {
                display: none; /* Hide the select on desktop */
            }
        }
        
       .port-tab-section  .tab-select-container {
            width: 100%;
            max-width: 300px;
            margin: 0 auto 2.5rem auto;
        }
        
        .port-tab-section .tab-select {
            width: 100%;
            padding: 0.75rem 1rem;
            border-radius: 0.5rem;
            border: 2px solid #1799bf;
            background-color: white;
            font-weight: 500;
            font-size: 1rem;
            color: #333;
            cursor: pointer;
            outline: none;
            appearance: none;
            background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
            background-repeat: no-repeat;
            background-position: right 1rem center;
            background-size: 1em;
        }
        
       .port-tab-section  .tab-select:focus {
            border-color: #f28b2c;
            box-shadow: 0 0 0 3px rgba(242, 139, 44, 0.1);
        }
        
       .port-tab-section .tab-item {
            white-space: nowrap;
            flex-shrink: 0;
            transition: all 0.3s ease;
        }
        
        .port-tab-section .tab-item.active {
            background-color: #f28b2c;
            color: white;
        }
        
        .port-tab-section .tab-item:not(.active):hover {
            background-color: #f28b2c; 
        }
/* Posrtfolio design css close */


.testimonial-section button.slick-next.slick-arrow, .testimonial-section button.slick-prev.slick-arrow {
    background-color: #f28b2c;
    color: #fff;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -35px;
    border-radius: 10px;
}

.testimonial-section button.slick-prev.slick-arrow {
    left: -35px;
}
.slick-slide {
    height: auto;
}

.slick-track {
    display: flex;
    align-items: stretch!important;
    justify-content: center;
}