/**
Theme Name: Astra Child
Author: Amit
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: astra-child
Template: astra
*/

/*.entry-content > .wp-block-group, .entry-content > .wp-block-cover, .entry-content > .wp-block-columns{
	padding-left:2rem;
	padding-right:2rem;
}*/

html { 
	font-size: 18px;
	scroll-behavior: smooth;
	overflow-x: hidden;
}
html,
body {
    overflow-x: clip !important;
}
.Mobile{ display:none !important;}
p:last-child {
    margin-bottom: 0 !important;
}
.wp-block-button__link {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}
.Section-Title .separator {
    width: 100px;
    height: 2px;
	margin: 0 !important;
}

/*----------Header----------*/

.ast-above-header.ast-above-header-bar {
    background: #f1f6fa !important;
    border: none !important;
}
header .ast-primary-header-bar {
    background: #F1F6FA;
}
.ast-above-header-bar .site-above-header-wrap {
    min-height: 10px !important;
}

.header-widget-area .Info-Row {
    display: flex;
    gap: 1.5rem;
    align-items: center;
    font-size: 0.8rem;
    font-weight: 600;
}

.header-widget-area .Info-Row img {
    width: 24px;
}

.header-widget-area .Info-Row a {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #666666;
}
.header-widget-area .Info-Row a:hover {
    color: #b60000;
}
.header-widget-area .Info-Row .divider {
    width: 2px;
    height: 1.2rem;
    background: var(--ast-global-color-0);
}
header .ast-header-social-1-wrap.ast-header-social-wrap {
    background: #000;
    position: relative;
}
header .ast-header-social-1-wrap.ast-header-social-wrap:before {
    content: "";
    position: absolute;
    top: 0;
    left: -1.5rem;
    width: 1000px;
    height: 100%;
    background: #000000;
    transform: skew(40deg, 0deg);
}
header .custom-logo-link img {
    max-width: 10rem;
    width: 180px;
}
header .header-social-inner-wrap {
    position: relative;
    padding: 0.4rem;
}
header .header-social-inner-wrap:before {
    content: "Follow Us :";
    font-weight: 600;
    color: #fff;
	font-size: 0.9rem;
    margin-right: 0.5rem;
}
.site-header .site-primary-header-wrap {
    min-height: 10px !important;
}
header .site-header-primary-section-left {
    position: relative;
    z-index: 1;
}
header .site-header-primary-section-left:before {
    content: "";
    position: absolute;
    top: 0;
    right: 1rem;
    width: 1000px;
    height: 100%;
    background: #fff;
    border-right: 4px solid var(--ast-global-color-0);
    transform: skew(40deg, 0deg);
    z-index: -1;
}
header .ast-builder-menu-1 .menu-item > .menu-link {
    color: #3A3A3A;
    font-size: 0.9rem;
    font-weight: 600;
    padding: 0 0.8rem;
}
header .ast-builder-menu-1 .menu-item > .menu-link:hover, header .ast-builder-menu-1 .main-header-menu > .menu-item:hover > .menu-link {
    color: var(--ast-global-color-0) !important;
}
.ast-header-button-1 .ast-custom-button {
    border-radius: 6px !important;
    padding: 0.9rem 1.4rem !important;
    font-size: 0.8rem !important;
    line-height: 1;
}
.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link, .ast-builder-menu-1 .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-1 .current-menu-ancestor > .menu-link {
    color: var(--ast-global-color-0);
}
header .ast-builder-menu-1 .menu-item > ul.sub-menu a {
    padding: 0.4rem 1rem !important;
    border-bottom: 1px solid #0002 !important;
}

.main-header-menu .sub-menu {
    width: 15rem;
}

/*----------Header End----------*/

/*----------Hero Section----------*/

.hero-section {
    width: 100% !important;
}
.hero-section .Heading1, .hero-section .Heading2, .hero-section .Heading3 {
    font-family: 'Oswald', sans-serif;
    line-height: 1.1;
}
.hero-section .separator {
    height: 3px !important;
    width: 70px;
}
.hero-section .heroCard {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
    margin: 0;
}
.hero-section .heroCard figure {
    flex-shrink: 0;
    width: 2.3rem;
}
.hero-section .heroCard .Title {
    line-height: 1.2;
    margin: 0;
}


.Phone-Button .Phone {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    line-height: 1.3;
    text-decoration: none !important;
    font-size: 0.9rem;
    text-transform: uppercase;
    color: #fff;
}
.Phone-Button .Phone:hover strong {
    color: var(--ast-global-color-0);
}
.Phone-Button img {
    width: 3rem;
    border: 1px solid #ffffff;
    border-radius: 50%;
    background: #000;
    padding: 0.7rem;
}
.Phone-Button strong {
    display: block;
    font-size: 1.1rem;
    font-weight: 800;
}

.Hero-Bottom .wp-block-columns {
    position: relative;
    z-index: 1;
}
.Hero-Bottom .wp-block-columns:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 54%;
    width: 100px;
    height: 110%;
    background: #b60000;
    z-index: -1;
    transform: skew(-35deg, 0deg);
}
.Hero-Bottom .Left-Div {
    display: flex;
    align-items: center;
    position: relative;
    top: -1rem;
}
.Hero-Bottom .Left-Div:before {
    content: "";
    position: absolute;
    top: 0;
    right: 1.2rem;
    width: 1500px;
    height: 100%;
    background: #000000;
    transform: skew(-35deg, 0deg);
    border-radius: 0px 20px 0px 0;
    z-index: -1;
}
.Hero-Bottom .Icon-Text {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}
.Hero-Bottom .Icon-Text figure {
    flex-shrink: 0;
    width: 2.2rem;
    line-height: 0;
}
.Hero-Bottom .Icon-Text .wp-block-media-text__content {
    padding: 0;
}

.Hero-Bottom .Right-Div {
    position: relative;
    z-index: 1;
	box-shadow: 30em 0px 0px #000;
}
.Hero-Bottom .Right-Div:before {
    content: "";
    position: absolute;
    top: 0;
    left: -2rem;
    width: 100%;
    height: 100%;
    background: #000000;
    transform: skew(-35deg, 0deg);
    z-index: -1;
}


/*----------About Section----------*/

.About-Section .Image-Col {
    position: relative;
}
.About-Section .Image-Col .Image-Columns {
    height: 100%;
}
.About-Section .Image-Col figure {
    height: 100%;
}
.About-Section .Image-Col img {
    height: 100%;
    object-fit: cover;
}
.About-Section .Image-Col .Center-Logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 20px solid #fff;
    border-radius: 20px;
    padding: 0.8rem 2rem;
    margin: 0;
}
.About-Section .Center-Logo:before {
    content: "";
    position: absolute;
    top: calc(-20px + -2rem);
    left: calc(50% + -45px);
    width: 2rem;
    height: 2rem;
    background: #ffffff00;
    border-radius: 0px 0px 20px 0px;
    box-shadow: 0px 18px 0 #ffffff;
}
.About-Section .Center-Logo:after {
    content: "";
    position: absolute;
    top: calc(-20px + -2rem);
    left: calc(50% + 10px);
    width: 2rem;
    height: 2rem;
    background: #ffffff00;
    border-radius: 0px 0px 0 20px ;
    box-shadow: 0px 18px 0 #ffffff;
}
.About-Section .Center-Logo figure:before {
    content: "";
    position: absolute;
    bottom: calc(-20px + -2rem);
    left: calc(50% + -45px);
    width: 2rem;
    height: 2rem;
    background: #ffffff00;
    border-radius: 0px 20px 0px 0px;
    box-shadow: 0px -18px 0 #ffffff;
}
.About-Section .Center-Logo figure:after {
    content: "";
    position: absolute;
    bottom: calc(-20px + -2rem);
    left: calc(50% + 10px);
    width: 2rem;
    height: 2rem;
    background: #ffffff00;
    border-radius: 20px 0px 0 0px ;
    box-shadow: 0px -18px 0 #ffffff;
}
.About-Section .IconCard {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
}
.About-Section .IconCard figure {
    flex-shrink: 0;
    width: 2.8rem;
}

/*----------About End----------*/

/*----------Services Section----------*/

.Services-Card {
    display: flex;
}
.Services-Card {
    clear: both;
    display: flex !important;
    height: 100%;
	overflow:hidden;
	transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important;
}
.Services-Card:hover {
  transform: translateY(-8px);
  border-color: #b60000 !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.08), 0 10px 10px rgba(0, 0, 0, 0.04);
}
.Services-Card figure.wp-block-media-text__media {
    flex-shrink: 0;
    width: 40%;
    height: 100%;
	position: relative;
}
.Services-Card figure.wp-block-media-text__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.Services-Card figure.wp-block-media-text__media:before {
    content: "";
    position: absolute;
    top: 0;
    right: -3rem;
    width: 100%;
    height: 100%;
    background: url(https://usapaintbooths.com/wp-content/uploads/2026/10/red-border.svg) no-repeat right / auto 100%;
}
.Services-Card.Black-Card figure.wp-block-media-text__media:before{
	background: url(https://usapaintbooths.com/wp-content/uploads/2026/10/black-border.svg) no-repeat right / auto 100%;
}
.Services-Card .wp-block-media-text__content {
    padding: 0 1.4rem 1.4rem !important;
    position: relative;
}
.Services-Card .Icon {
    flex-shrink: 0;
    width: 3rem;
}
.Services-Card .Number {
    font-family: 'Oswald', sans-serif;
    line-height: 1;
}
.Services-Card .Button a {
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.Services-Card .Button a:after {
    content: "";
    display: inline-block;
    width: 1.1rem;
    height: 0.8rem;
    background: url(https://usapaintbooths.com/wp-content/uploads/2026/10/buttonArrow1.svg) no-repeat center;
    background-size: 100%;
}

/*----------Services End----------*/


/*----------Why Choose Section----------*/

.Why-Choose-Card {
    clear: both;
    display: flex;
    align-items: flex-start;
    gap: 0.8rem;
	transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
}
.Why-Choose-Card figure.wp-block-media-text__media {
    flex-shrink: 0;
    width: 3.5rem;
}
.Why-Choose-Card .wp-block-media-text__content {
    padding: 0 !important;
}
.Why-Choose-Card:hover {
  transform: translateY(-5px);
  border-color: #b60000 !important;
  box-shadow: 0 10px 20px rgba(182, 0, 0, 0.07);
}
.Why-Choose-Card:hover .wp-block-media-text__media img {
  transform: rotate(-6deg) scale(1.1);
  transition: transform 0.3s ease;
}

/*----------Why Choose End----------*/


/*----------Faq Section----------*/

.Faq-Style1 .wp-block-accordion-item {
    border-top: 1px solid #000;
    padding: 1rem 0;
    margin: 0;
}
.Faq-Style1 .wp-block-accordion-item:last-child {
    border-bottom: 1px solid #000;
}
.Faq-Style1 h3 {
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    font-size: 1.2rem;
}
.Faq-Style1 h3 button {
    background: none !important;
    box-shadow: none;
    color: #000 !important;
}
.Faq-Style1 h3 span.wp-block-accordion-heading__toggle-title:before {
    content: "Q.";
    display: inline-block;
    margin-right: 0.3rem;
    color: var(--ast-global-color-0);
}
.Faq-Style1 .wp-block-accordion-panel {
    margin-top: 0;
}
.Faq-Style1 .wp-block-accordion-item.is-open .wp-block-accordion-panel {
    margin-top: 0.6rem;
}

/*----------Faq Section End----------*/

/*----------Form Section----------*/

.Form-Box {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 1rem;
}

.Form-Box .Col3 {
    grid-column: span 3;
}

.Form-Box .Col4 {
    grid-area: 5 / 10;
    grid-column: span 4 / span 4;
    grid-row: span 2 / span 2;
    grid-column-start: 7;
    grid-row-start: 1;
}

.Form-Box .Col2 {
    grid-column: span 2 / span 2;
    grid-row: span 2 / span 2;
    grid-column-start: 11;
    grid-row-start: 1;
}
.Form-Box p {
    height: 100%;
}
.Form-Box input {
    border-radius: 0;
    height: 2.8rem;
    color: #000;
}
.Form-Box textarea {
    border-radius: 0;
    height: 6.6rem;
	color: #000;
}
.Form-Box span.wpcf7-form-control-wrap {
    line-height: 0;
}
.Form-Button input {
    width: 100%;
    height: 100%;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    padding: 0.2rem 2.1em;
    text-wrap: auto;
    line-height: 1.2;
    font-size: 1.1rem;
}
.Form-Button input:hover {
    background: #fff;
    color: #b60000;
}
span.wpcf7-not-valid-tip {
    float: right;
	display: none !important;
    margin: -32px 7px 0px !important;
    position: relative;
    z-index: 1;
    font-size: 12px !important;
}
input.wpcf7-not-valid {
    background: #ffecec !important;
    border-color: red !important;
}

/*----------Form Section End----------*/

/*----------Section----------*/

.wp-block-cover.Solution-Card {
    min-height: 1px !important;
}
.Solution-Card a.wp-block-button__link.wp-element-button {
    font-size: 0.8rem;
    padding: 0.9rem 1.2rem;
    display: flex;
    align-items: center;
    line-height: 1;
}
.Solution-Card.Red a.wp-block-button__link.wp-element-button {
    background: #fff;
    color: var(--ast-global-color-0);
}
.Solution-Card.Red a.wp-block-button__link.wp-element-button:hover {
    background: #fff0;
    color: #fff;
}
.Solution-Card.Red a.wp-block-button__link.wp-element-button:hover img {
    filter: invert(1) brightness(10);
}
.Solution-Card {
  overflow: hidden;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.Solution-Card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 32px rgba(0, 0, 0, 0.2);
}
.Solution-Card:hover .wp-block-cover__image-background {
  transform: scale(1.06);
  transition: transform 0.6s ease;
}
/*----------Section End----------*/

/*----------Footer----------*/

.CTA-Section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #6E6E6E;
    padding-bottom: 2em;
}
.CTA-Section .Left-Text {
    margin: 0 !important;
    gap: 0;
    color: #fff;
}
.CTA-Section .Left-Text h2 {
    color: #fff;
    font-size: 2.1rem;
}
.CTA-Section .Buttons {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 0 !important;
}
.CTA-Section .Buttons a {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    background: #fff;
    padding: 1.4rem;
    text-transform: uppercase;
    line-height: 1.2;
	font-size: 0.8rem;
	transition: 0.3s;
}
.CTA-Section .Buttons a.Phone {
    background: var(--ast-global-color-0);
    color: #fff;
}
.CTA-Section .Buttons a.Request strong {
    color: #000;
}
.CTA-Section .Buttons img {
    width: 1.8rem;
}
.CTA-Section .Buttons strong {
    display: block;
	font-size: 1rem;
}
.CTA-Section .Buttons a.Phone:hover {
    background: #3d3d3d;
}
.CTA-Section .Buttons a.Request:hover {
    background: #3d3d3d;
    color: #fff;
}
.CTA-Section .Buttons a.Request:hover img {
    filter: invert(1) brightness(10);
}
.CTA-Section .Buttons a.Request:hover strong {
    color: #fff;
}


.Footer1 figure.wp-block-image.size-full.is-resized img {
    max-width: 10rem !important;
    width: 170px !important;
}
.Footer2 h3, .Footer3 h3 {
    color: #fff;
    font-size: 1.4rem;
    text-transform: uppercase;
    margin-bottom: 1rem;
}
.Footer2 #menu-quick-links {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.Footer2 #menu-quick-links li {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    line-height: 1.2;
}

.Footer2 #menu-quick-links li:before {
    content: "✓";
    color: var(--ast-global-color-0);
    font-weight: 700;
    font-size: 1rem;
}

.Footer2 #menu-quick-links li a {
    color: #fff;
    font-size: 0.9rem;
	transition: 0.3s;
}
.Footer2 #menu-quick-links li a:hover {
    color: var(--ast-global-color-0);
}


.Footer3 ul {
    display: grid;
    gap: 0.8rem;
}

.Footer3 ul li {
    line-height: 1.3;
}

.Footer3 ul li a {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    color: #fff;
    font-size: 0.9rem;
	transition: 0.3s;
}
.Footer3 ul li a:hover {
    color: var(--ast-global-color-0);
}
.Footer3 ul b {
    display: block;
}
.Footer3 ul li a:hover b{
	color: #fff;
}

.Footer3 ul img {
    max-width: 1.8rem;
}

.Copyright {
    display: flex;
    justify-content: space-between;
    line-height: 1.3;
}
.Copyright a {
    color: #fff;
	transition: 0.3s;
}
.Copyright a:hover{
	color: var(--ast-global-color-0);
}

/*----------Footer End----------*/

ul.wp-block-list {
    padding-left: 2.5rem;
}
ul.wp-block-list li {
    list-style: none;
    position: relative;
}

ul.wp-block-list li:before {
    content: "✓";
    color: var(--ast-global-color-0);
    font-weight: 800;
    font-size: 1.2rem;
    position: absolute;
    left: -1.3rem;
}
.ast-plain-container.ast-no-sidebar #primary {
	margin-top: 3rem;
	margin-bottom: 3rem;
}
.home.ast-plain-container.ast-no-sidebar #primary {
	margin-top: 0rem;
	margin-bottom: 0rem;
}

/*====================> InnerPage <====================*/

.ast-single-post.ast-page-builder-template .site-main > article, .ast-page-builder-template .post-navigation {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}
#primary {
    margin: 3rem 0;
}
.ast-right-sidebar #primary {
    border-right: 0px;
    padding-right: 0;
}
#secondary {
    margin: 3rem 0;
}
.ast-right-sidebar #secondary {
    border-left: 0px;
    margin-left: 0px;
    padding-left: 2rem;
}
#secondary .sidebar-main {
    height: 100%;
}

/*==========> Sidebar <==========*/

.Sidebar-Form-Box {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.8rem;
}
.Sidebar-Form-Box input, .Sidebar-Form-Box textarea {
    border-radius: 0;
    height: 2.6rem;
    color: #000;
    font-size: 0.8rem !important;
    padding: 0.7rem !important;
}
.Sidebar-Form-Box textarea {
    height: 6.6rem;
}
.Sidebar-Form-Box .Form-Button input {
    color: #fff;
    font-size: 1.1rem !important;
    height: auto;
    border: none;
}
.Sidebar-Form-Box .Form-Button input:hover {
    color: #000;
}
aside#block-4 {
    top: 1rem;
    position: sticky;
    z-index: 10;
}
.Sidebar-Services #menu-paint-booths {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    width: calc(100% + 3rem);
    margin-left: -1.5rem;
}

.Sidebar-Services #menu-paint-booths li {
    margin: 0 !important;
    border-bottom: 1px solid #b600002b;
    padding: 0;
    font-size: 0.9rem;
	transition: background 0.35s ease, color 0.35s ease, filter 0.35s ease !important;
}
.Sidebar-Services #menu-paint-booths li a {
    padding: 0.6rem 1.5rem;
	font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
}
.Sidebar-Services #menu-paint-booths li a:after {
    content: "";
    display: inline-block;
    width: 1rem;
    height: 0.8rem;
    background: url(https://usapaintbooths.com/wp-content/uploads/2026/10/buttonArrow1.svg) no-repeat center;
    background-size: 100%;
}
.Sidebar-Services #menu-paint-booths li a:hover, .Sidebar-Services #menu-paint-booths .current-menu-item a {
    color: #fff;
    background: #b60000;
}
.Sidebar-Services #menu-paint-booths li a:hover:after, .Sidebar-Services #menu-paint-booths .current-menu-item a:after {
    filter: invert(1) brightness(10);
}


/*====================> InnerPage End <====================*/

/*====================Contact Page=================*/


/* USA Paint Booths - Contact Form 7 */

.usa-contact-form {
  width: 100%;
}

/* Headings */
.usa-contact-form h2 {
  margin: 0 0 15px 0;
  color: #101c2c;
  font-family: 'Oswald', sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
}

.usa-contact-form h3 {
  margin: 0 0 12px 0;
  color: #101c2c;
  font-family: 'Oswald', sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
}

.usa-contact-form .usa-form-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.usa-contact-form .usa-form-group {
  margin-bottom: 20px;
  min-width: 0;
}

.usa-form-group br {
  display: none;
}

.usa-contact-form label {
  display: block;
  margin-bottom: 8px;
  color: #101c2c;
  font-size: 14px;
  font-weight: 600;
}

/* Text, select, and textarea inputs (excluding submit, radio, and checkbox) */
.usa-contact-form input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]),
.usa-contact-form select,
.usa-contact-form textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  padding: 14px 15px;
  border: 1px solid #dce1e8;
  border-radius: 5px;
  background: #fff;
  color: #101c2c;
  font: inherit;
  font-size: 15px;
  transition: border-color .2s ease;
}

.usa-contact-form input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):focus,
.usa-contact-form select:focus,
.usa-contact-form textarea:focus {
  outline: none;
  border-color: #d71920;
  box-shadow: 0 0 0 2px rgba(215, 25, 32, .1);
}

.usa-contact-form textarea {
  min-height: 80px;
  max-height: 120px;
  resize: vertical;
}

/* Radio Buttons & Checkboxes Container (Contact Form 7 Structure) */
.usa-contact-form .wpcf7-radio,
.usa-contact-form .wpcf7-checkbox {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 18px;
  margin-top: 5px;
}

/* WPCF7 Item Wrapper */
.usa-contact-form .wpcf7-list-item {
  display: inline-flex;
  align-items: center;
  margin: 0;
}

/* Radio & Checkbox Labels */
.usa-contact-form .wpcf7-list-item label,
.usa-contact-form .usa-checkbox-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  color: #101c2c;
  cursor: pointer;
  user-select: none;
}

/* Radio Input Elements */
.usa-contact-form input[type="radio"] {
  appearance: auto;
  accent-color: #d71920;
  width: 18px;
  height: 18px;
  margin: 0;
  cursor: pointer;
  flex-shrink: 0;
}

/* Checkbox Input Elements */
.usa-contact-form input[type="checkbox"] {
  appearance: auto;
  accent-color: #d71920;
  width: 18px;
  height: 18px;
  margin: 0;
  border-radius: 3px;
  cursor: pointer;
  flex-shrink: 0;
}

/* Acceptance / Standalone Checkbox Support */
.usa-contact-form .wpcf7-acceptance .wpcf7-list-item {
  margin-left: 0;
}

/* Submit Button */
.usa-contact-form .usa-submit-btn {
  display: inline-block;
  width: 100%;
  padding: 8px 24px;
  border: none;
  border-radius: 4px;
  background: #d71920;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  cursor: pointer;
  font-family: 'Oswald', sans-serif;
  transition: background .2s ease;
}

.usa-contact-form .usa-submit-btn:hover {
  background: #a91017;
}

.usa-contact-form .wpcf7-not-valid-tip {
  display: block;
  margin-top: 5px;
  font-size: 13px;
}

.usa-contact-form .wpcf7-response-output {
  margin: 20px 0 0;
  padding: 12px 15px;
  border-radius: 4px;
}
span.wpcf7-list-item-label {
    font-size: 0.8em;
    margin-left: 0.2rem;
}

span.wpcf7-spinner {
    position: absolute;
    margin: 0 0 0 -2em;
}

@media (max-width: 600px) {
  .usa-contact-form .usa-form-row {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .usa-contact-form h2 {
    font-size: 24px;
  }

  .usa-contact-form h3 {
    font-size: 18px;
  }
}


/*=====================================================================================*/

@media (max-width: 1365px) and (min-width: 922px) {

html {
    font-size: 1.3vw;
}
footer {
    padding: 0 2rem;
    background: #000;
}

	
}

@media (max-width: 921px) and (min-width: 769px) {

html {
    font-size: 1.3vw;
}
	
}

/*=========================================================================================*/

@media screen and (max-width: 768px) {

.Mobile { display: block!important;}
.Desktop{ display:none !important;}	
h1, .entry-content :where(h1){ font-size: 2.2rem;}
h2, .entry-content :where(h2){font-size: 1.8rem;}
h3, .entry-content :where(h3){font-size: 1.5rem;}
h4, .entry-content :where(h4){font-size: 1.3rem;}
h5, .entry-content :where(h5){font-size: 1.1rem;}
h6, .entry-content :where(h6){font-size: 1rem;}

/* --------------------------- Hero Section --------------------------- */

.hero-section img {
    object-position: left !important;
	height:120% !important;
}
.hero-section .Heading1 {
    font-size: 3.3rem !important;
}

.hero-section .Heading2 {
    font-size: 4.3rem !important;
}

.hero-section .Heading3 {
    font-size: 4.1rem !important;
}
.hero-section .Icon-Row {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
}
.hero-section .heroCard {
    background: #fff;
    padding: 1.3rem;
    border-radius: 10px;
}

.Hero-Bottom .wp-block-columns:before{ 
	display:none;
}
.Hero-Bottom .Left-Div {
	padding: 1rem;
}
.Hero-Bottom .Right-Div {
	padding: 0 !important;
	background: none !important;
	box-shadow: none;
}
.Hero-Bottom .Right-Div:before{
	display: none;
}
.Hero-Bottom .Right-Div .wp-block-group.is-content-justification-space-between {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1rem;
}
.Hero-Bottom .Icon-Text {
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	background: #000000;
	padding: 1.4rem;
	border-radius: 10px;
}

	
/* --------------------------- Hero Section End --------------------------- */
	
/* --------------------------- About Us Section --------------------------- */
.About-Section {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}

.About-Section .wp-block-columns {
	flex-direction: column !important;
}

.About-Section .Text-Col {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	width: 100% !important;
}


/* 4 Experience Stats Columns (2x2 Grid) */
.About-Section .Text-Col .wp-block-columns:last-child {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	gap: 20px 10px !important;
	flex-wrap: wrap !important;
	margin-top: 1.5rem !important;
}

.About-Section .Text-Col .wp-block-columns:last-child .wp-block-column {
	border-right: none !important;
	padding: 10px !important;
	text-align: center !important;
}


.About-Section .IconCard .Num {
	font-size: 1.6rem !important;
}
	
/* --------------------------- About Us Section End --------------------------- */
	
/* --------------------------- Services Section --------------------------- */

.Services-Section {
    background: #b600000a !important;
}
.Service-Grid {
    grid-template-columns: 1fr !important;
}

	
/* --------------------------- Services Section End --------------------------- */
	
/* --------------------------- FAQ Section --------------------------- */

.Faq-Style1 .wp-block-accordion-item {
    padding: 0.5rem 0;
}
.Faq-Style1 h3 {
    font-size: 1rem;
}
.Faq-Style1 .wp-block-accordion-panel {
    font-size: 0.9rem;
}


/* --------------------------- FAQ Section End --------------------------- */
	
/* --------------------------- Form Section --------------------------- */
	
.Form-Box {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
  }

  .Form-Box .Col3 {
    flex: 0 0 calc(50% - 8px) !important;
    width: calc(50% - 8px) !important;
    margin: 0 !important;
  }

  .Form-Box .Col4 {
    flex: 0 0 100% !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .Form-Box .Col2.Form-Button {
    flex: 0 0 100% !important;
    width: 100% !important;
    text-align: center !important;
  }
	
/* --------------------------- Form Section End --------------------------- */	
	
	
/* --------------------------- Footer --------------------------- */
	
.CTA-Section {
	flex-direction: column !important;
	text-align: center !important;
	padding: 2.5rem 1.5rem !important;
	gap: 20px !important;
}

.CTA-Section .Left-Text {
	align-items: center !important;
	text-align: center !important;
	width: 100% !important;
}

.CTA-Section .Left-Text h2 {
	font-size: 1.7rem !important;
	margin-bottom: 1rem;
}

.CTA-Section .Buttons {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	gap: 14px !important;
	width: 100% !important;
}


	
.site-above-footer-wrap {
    padding-top: 0 !important;
}
.site-primary-footer-wrap {
    padding: 2rem 1.5rem !important;
}
.site-primary-footer-wrap .ast-builder-grid-row {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 30px 20px !important;
  }

  .site-primary-footer-wrap .site-footer-primary-section-1 {
    grid-column: 1 / -1 !important;
    text-align: center !important;
  }

  .Footer1 .wp-block-image img {
    margin: 0 auto !important;
  }

  .Footer1 .wp-block-social-links {
    justify-content: center !important;
  }
.Footer2, .Footer3 {
    text-align: left;
}
.Footer2 h3, .Footer3 h3 {
    text-align: left;
}
.Copyright {
    flex-direction: column;
    gap: 0.3rem;
}
	
/* --------------------------- Footer End --------------------------- */
	
}

@media screen and (max-width: 580px) {
	
h1, .entry-content :where(h1){ font-size: 2.2rem;}
h2, .entry-content :where(h2){font-size: 1.8rem;}
h3, .entry-content :where(h3){font-size: 1.5rem;}
h4, .entry-content :where(h4){font-size: 1.3rem;}
h5, .entry-content :where(h5){font-size: 1.1rem;}
h6, .entry-content :where(h6){font-size: 1rem;}
html {
    font-size: 16px;
}
.Section-Title .separator {
    width: 60px;
}
.ast-plain-container.ast-no-sidebar #primary {
    margin-top: 0rem;
    margin-bottom: 0;
}
	
/*=========================> Hero <=========================*/
.hero-section {
    text-align: center;
	padding-top: 3rem !important;
    padding-bottom: 1rem !important;
}	
.hero-section img {
	object-position: left !important;
	height: 100% !important;
}
.hero-section p.Heading01 {
    font-size: 0.85rem !important;
}
.hero-section .Heading1 {
	font-size: 8.5vw !important;
}
.hero-section .Heading2 {
	font-size: 10.8vw !important;
}
.hero-section .Heading3 {
	font-size: 10.2vw !important;
}
.hero-section .separator {
    margin-left: auto !important;
    margin-right: auto !important;
}
.Hero-Bottom .Left-Div:before {
	right: -30px;
	transform: skew(0deg, 0deg);
}
.Hero-Bottom .Left-Div .wp-block-group {
    flex-direction: column;
    align-items: center !important;
    width: 100%;
}
.Hero-Bottom .Right-Div .wp-block-group.is-content-justification-space-between {
    gap: 0.6rem;
}
.Hero-Bottom .Icon-Text {
    padding: 1.2rem 1rem;
}

/*=========================> Hero End <=========================*/
	
/*=========================> About <=========================*/
	
	
	
/*=========================> About End <=========================*/
	
/*=========================> Services <=========================*/

.Services-Card {
    flex-direction: column;
}
.Services-Card figure.wp-block-media-text__media {
    width: 100%;
    height: 200px;
}
.Services-Card figure.wp-block-media-text__media:before{ display: none;}
	
	
/*=========================> Services End <=========================*/

/*=========================> Why Choose <=========================*/
.wp-block-columns.wp-container-core-columns-is-layout-63326995 {
    gap: 0;
}
	
/*=========================> Why Choose End <=========================*/

/*=========================> Solution <=========================*/	

.Solution-Card img.wp-block-cover__image-background {
    opacity: 0.2;
}

.Solution-Card.Black {
    background: #000 !important;
}

.Solution-Card.Red {
    background: #b60000;
}
.Solution-Card .Group {
    width: 100%;
}
	
/*=========================> Solution End <=========================*/	

	
/*=========================> Footer <=========================*/
	
.site-primary-footer-wrap .ast-builder-grid-row {
    grid-template-columns: repeat(1, 1fr) !important;
}
	
section#block-19 {
    text-align: left;
}
.Footer1 .wp-block-social-links {
	justify-content: left !important;
}
/*=========================> Footer End <=========================*/
	
}