.elementor-195184 .elementor-element.elementor-element-9f41126{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-195184 .elementor-element.elementor-element-9f41126.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-195184 .elementor-element.elementor-element-a790d3d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-195184 .elementor-element.elementor-element-97583b2{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-195184 .elementor-element.elementor-element-97583b2.elementor-element{--align-self:center;}.elementor-195184 .elementor-element.elementor-element-dcd000f{padding:015px 015px 015px 015px;}@media(max-width:767px){.elementor-195184 .elementor-element.elementor-element-9f41126{--width:348.2px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-195184 .elementor-element.elementor-element-a790d3d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-195184 .elementor-element.elementor-element-97583b2{width:100%;max-width:100%;margin:20px 20px calc(var(--kit-widget-spacing, 0px) + 20px) 20px;text-align:start;}.elementor-195184 .elementor-element.elementor-element-dcd000f{margin:20px 20px calc(var(--kit-widget-spacing, 0px) + 20px) 20px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-195184 .elementor-element.elementor-element-9f41126{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-a790d3d *//* Force white text inside the right-side mini rate card */
 
.hero-mygas .rate-card h3,
.hero-mygas .rate-card h3 span,
.hero-mygas .rate-card .rates li,
.hero-mygas .rate-card .rates li .carrier,
.hero-mygas .rate-card .disclaimer,
.hero-mygas .rate-card .yield-note {
  color: #ffffff;
}

/* Keep the rate number accent color */
.hero-mygas .rate-card .rates li .rate {
  color: #ffffff;
}
/* Hero button text: enforce white */
.hero-mygas a.btn,
.hero-mygas .btn {
  color: #fff;
}

/* Pseudo states */
.hero-mygas a.btn:link,
.hero-mygas a.btn:visited {
  color: #fff;
}

.hero-mygas a.btn:hover,
.hero-mygas a.btn:focus {
  color: #fff;
}

/* If you have icons inside buttons */
.hero-mygas a.btn svg {
  color: #fff;
  color: #fff
}
 /* Force FAQ accordion text to black */ #american-gulf-anchor-myga .faq-q { color: #000000 !important; } #american-gulf-anchor-myga .faq-q .faq-icon { background: #0061aa !important; color: #ffffff !important; } #american-gulf-anchor-myga .faq-a p, #american-gulf-anchor-myga .faq-a ul, #american-gulf-anchor-myga .faq-a ul li { color: #000000 !important; } /* Ensure the FAQ cards are light for contrast with black text */ #american-gulf-anchor-myga .faq-item { background: #ffffff !important; border-color: #d2e2ea !important; } #american-gulf-anchor-myga .faq-item.open { box-shadow: 0 4px 14px -6px rgba(10,82,126,.18) !important; } /* Optional: make the FAQ section heading black as well */ #american-gulf-anchor-myga .faq-section h2 { color: #000000 !important; } </style>
<style> /* Force a consistent logo size across all devices */ #american-gulf-anchor-myga .logo-wrap img { width: 160px !important; /* pick the size you like: 140–200px works well */ height: auto !important; /* keep aspect ratio */ max-width: none !important;/* ignore container max rules */ max-height: none !important; object-fit: contain; } </style>
<style> #american-gulf-anchor-myga .logo-wrap img[width], #american-gulf-anchor-myga .logo-wrap img[height], #american-gulf-anchor-myga .logo-wrap img[style] { width: 160px !important; height: auto !important; }
/* Belt-and-suspenders for common WP wrappers */
#american-gulf-anchor-myga .entry-title,
#american-gulf-anchor-myga h1.page-title,
#american-gulf-anchor-myga h1 {
  color: #ffffff !important;
}
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dcd000f *//* Force white text inside the right-side mini rate card */
 
.hero-mygas .rate-card h3,
.hero-mygas .rate-card h3 span,
.hero-mygas .rate-card .rates li,
.hero-mygas .rate-card .rates li .carrier,
.hero-mygas .rate-card .disclaimer,
.hero-mygas .rate-card .yield-note {
  color: #ffffff;
}

/* Keep the rate number accent color */
.hero-mygas .rate-card .rates li .rate {
  color: #ffffff;
}
/* Hero button text: enforce white */
.hero-mygas a.btn,
.hero-mygas .btn {
  color: #fff;
}

/* Pseudo states */
.hero-mygas a.btn:link,
.hero-mygas a.btn:visited {
  color: #fff;
}

.hero-mygas a.btn:hover,
.hero-mygas a.btn:focus {
  color: #fff;
}

/* If you have icons inside buttons */
.hero-mygas a.btn svg {
  color: #fff;
  color: #fff
}
 /* Force FAQ accordion text to black */ #american-gulf-anchor-myga .faq-q { color: #000000 !important; } #american-gulf-anchor-myga .faq-q .faq-icon { background: #0061aa !important; color: #ffffff !important; } #american-gulf-anchor-myga .faq-a p, #american-gulf-anchor-myga .faq-a ul, #american-gulf-anchor-myga .faq-a ul li { color: #000000 !important; } /* Ensure the FAQ cards are light for contrast with black text */ #american-gulf-anchor-myga .faq-item { background: #ffffff !important; border-color: #d2e2ea !important; } #american-gulf-anchor-myga .faq-item.open { box-shadow: 0 4px 14px -6px rgba(10,82,126,.18) !important; } /* Optional: make the FAQ section heading black as well */ #american-gulf-anchor-myga .faq-section h2 { color: #000000 !important; } </style>
<style> /* Force a consistent logo size across all devices */ #american-gulf-anchor-myga .logo-wrap img { width: 160px !important; /* pick the size you like: 140–200px works well */ height: auto !important; /* keep aspect ratio */ max-width: none !important;/* ignore container max rules */ max-height: none !important; object-fit: contain; } </style>
<style> #american-gulf-anchor-myga .logo-wrap img[width], #american-gulf-anchor-myga .logo-wrap img[height], #american-gulf-anchor-myga .logo-wrap img[style] { width: 160px !important; height: auto !important; }
/* Belt-and-suspenders for common WP wrappers */
#american-gulf-anchor-myga .entry-title,
#american-gulf-anchor-myga h1.page-title,
#american-gulf-anchor-myga h1 {
  color: #ffffff !important;
}
</style>/* End custom CSS */