:root {
   --White: #fff;
   --Black: #000;
   --Green: #3DBF2B;
   --Blue: #004DA0;
   --Dark-Blue: #0A1628;
   --Dark-Blue2: #0F172A;
   --light-Blue: #334155;
   --light-gray2: #5B6B82;
   --light-gray: #475569;
   --light-gray: #475569;
   /* font varibal */
   --font-Inter: 'Inter', sans-serif;
 }

 html {
   scroll-behavior: inherit !important;
 }

 html,
 body {
   overflow-x: hidden;
   width: 100%;
 }

 body {
   margin: 0;
   padding: 0;
   background: #fff;
   font-size: 16px;
   -webkit-text-size-adjust: 100%;
   font-family: var(--font-Inter);
   color: var(--Black);
 }

 .mobile {
   display: none;
 }

 .desktop {
   display: block;
 }

 ol,
 ul {
   box-sizing: border-box;
   list-style: none;
   padding: 0;
   margin: 0;
 }

 ul li {
   list-style: none;
 }

 p {
   font-weight: 400;
   font-size: 17px;
   line-height: 28px;
   letter-spacing: 0;
   color: var(--light-gray2);
   font-family: var(--font-Inter);
 }

 p:empty {
   display: none;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 .h1,
 .h2,
 .h3,
 .h4,
 .h5,
 .h6 {
   font-family: var(--font-Inter);
   font-weight: 900;
   line-height: 100%;
   letter-spacing: 0;
   color: var(--light-Blue);
   margin-top: 0;
   margin-bottom: 10px;
 }

 h1,
 .h1 {
   font-size: 52px;
   line-height: 58px;
   font-weight: 800;
 }

 h2,
 .h2 {
   font-size: 40px;
   line-height: 100%;
   font-weight: 700;
 }

 h3,
 .h3 {
   font-size: 32px;
   line-height: 100%;
   font-weight: 700;
 }

 h6,
 .h6 {
   font-size: 16px;
   font-weight: 700;
   letter-spacing: 2px;
   text-transform: uppercase;
   color: var(--Blue);
 }

 /* button */
 .red-btn {
   background: linear-gradient(106.02deg, #e63027 0%, #b31217 100%);
   color: #fff;
   font-size: 16px;
   font-weight: 700;
   padding: 14px 28px;
   border-radius: 8px;
   border: none;
   cursor: pointer;
   display: inline-flex;
   align-items: center;
   gap: 10px;
   white-space: nowrap;
 }

 .red-btn:hover {
   color: #fff;
   opacity: 0.9;
 }

 .green-btn, .outline-btn{
  background: linear-gradient(to right, #2ead1f, #2F7D22);
   color: #fff;
   font-size: 16px;
   font-weight: 600;
   padding: 13px 34px;
   border-radius: 12px;
   /* min-height: 51px; */
   border: none;
   cursor: pointer;
   display: inline-flex;
   align-items: center;
   gap: 10px;
   white-space: nowrap;
   box-shadow: 0 4px 12px rgba(38, 153, 26, 0.25);
   transition: all 0.33s linear;
 }

 .green-btn:hover {
   color: var(--White);
   background: linear-gradient(to right, #001f45, #001f45);
   box-shadow: none;
 }

 .navy-btn {
   background: linear-gradient(to right, #023882, #004da0, #012a61);
   color: #fff;
   font-size: 16px;
   font-weight: 600;
   padding: 14px 28px;
   border-radius: 10px;
   border: none;
   cursor: pointer;
   display: inline-flex;
   align-items: center;
   gap: 10px;
   white-space: nowrap;
   transition: all 0.33s linear;
 }

 .navy-btn:hover {
   color: #fff;
   opacity: 0.92;
 }

 .outline-green-btn {
   background: rgba(255, 255, 255, 0.08);
   color: #fff;
   font-size: 16px;
   font-weight: 600;
   padding: 14px 28px;
   border-radius: 12px;
   border: 1.5px solid #3dbf2b;
   cursor: pointer;
   display: inline-flex;
   align-items: center;
   gap: 10px;
   white-space: nowrap;
   transition: all 0.33s linear;
 }

 .outline-green-btn:hover {
   color: #fff;
   background: #3dbf2b;
 }

 .white-outline-btn {
   background: rgba(255, 255, 255, 0.08);
   color: #fff;
   font-size: 16px;
   font-weight: 600;
   padding: 14px 28px;
   border-radius: 12px;
   border: 1.5px solid rgba(255, 255, 255, 0.6);
   cursor: pointer;
   display: inline-flex;
   align-items: center;
   gap: 10px;
   white-space: nowrap;
   transition: all 0.33s linear;
 }

 .white-outline-btn:hover {
   color: #fff;
   background: #3dbf2b;
 }

 .btn-wrap {
   display: flex;
   gap: 14px;
   align-items: center;
   flex-wrap: wrap;
 }

 /* button end */

 ::placeholder {
   color: #000;
   opacity: 1;
 }

 :-ms-input-placeholder {
   color: #000;
   opacity: 1;
 }

 ::-ms-input-placeholder {
   color: #000;
   opacity: 1;
 }

 ::placeholder {
   color: #000;
   opacity: 1;
 }

 img {
   height: auto;
   max-width: 100%;
 }

 button:focus {
   outline: none;
 }

 textarea {
   resize: none;
 }

 a {
   transition: all 0.33s linear;
   text-decoration: none;
 }

 a:focus {
   outline: none;
 }

 a:hover {
   text-decoration: none;
   color: var(--Black);
 }

 body {
   overflow-x: hidden;
 }

 /* Header */
 .lines-button {
   border-radius: 0.57143rem;
   cursor: pointer;
   padding: 16px 0px;
   position: absolute;
   right: 16px;
   top: 0;
   transition: all 0.3s ease;
   z-index: 99;
   display: none;
 }

 .lines-button:hover {
   opacity: 1;
 }

 .lines {
   background: #fff;
   border-radius: 0.28571rem;
   display: inline-block;
   height: 2px;
   position: relative;
   transition: all 0.3s ease 0s;
   width: 40px;
 }

 .lines:before,
 .lines:after {
   background: #fff;
   border-radius: 0.28571rem;
   content: "";
   display: inline-block;
   height: 2px;
   left: 0;
   position: absolute;
   transform-origin: 0.28571rem center 0;
   transition: all 0.3s ease 0s;
   width: 40px;
 }

 .lines:before {
   top: 8px;
 }

 .lines:after {
   top: -8px;
 }

 .lines-button:hover .lines:before {
   top: 8px;
 }

 .lines-button:hover .lines:after {
   top: -8px;
 }

 .lines-button.x2.meanclose .lines:before,
 .lines-button.x2.meanclose .lines:after {
   -webkit-transform: none;
   transform: none;
   top: 0;
 }

 .lines-button.minus.close .lines:before,
 .lines-button.minus.close .lines:after {
   -webkit-transform: none;
   transform: none;
   top: 0;
 }

 .main_menu {
   float: left;
   position: relative;
   text-align: center;
   z-index: 500;
   transition: all 0.3s ease 0s;
 }

 .main_menu ul {
   padding: 0px;
   margin: 0px;
 }

 .main_menu>ul>li {
   float: left;
   list-style: outside none none;
   margin-left: 0px;
   position: relative;
 }

 .main_menu>ul>li>a {
   display: block;
   text-decoration: none;
   margin-bottom: 0px;
   position: relative;
   color: var(--light-Blue) !important;
   font-style: normal;
   text-transform: capitalize;
   font-family: var(--font-Inter);
   font-weight: 700;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0;
   padding: 22px 16px 22px;
 }

 .main_menu>ul>li.menu-item-has-children>a {
   padding-right: 23px !important;
 }

 .main_menu>ul>li>ul li a {
   padding: 20px 30px;
   color: var(--Dark-Blue);
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 100%;
   letter-spacing: 0;
   text-transform: capitalize;
 }

 .main_menu>ul>li>a:hover {
   text-decoration: none;
 }

 .main_menu>ul>li>a.last {
   border: none;
 }

 .main_menu>ul>li:hover>a {
   text-decoration: none;
   color: #1a1a1a;
   position: relative;
   z-index: 99;
 }

 .main_menu>ul>li:hover>a .sub {
   color: #000;
 }

 .main_menu>ul>li.current_page_item>a {
   text-decoration: none;
   color: #fff;
   border-color: #fff;
 }

 .main_menu>ul>li.current-menu-parent>a,
 .main_menu>ul>li.current-menu-ancestor>a,
 .main_menu>ul>li.current-menu-item>a {
   color: #0093bb;
 }

 .main_menu>ul>li.current_page_item>li.current_page_item>a,
 .main_menu>ul>li.current-menu-ancestor>ul>li.current-menu-parent>a,
 .main_menu>ul>li>ul>li>ul>li.current-menu-item>a {
   background: #0093bb;
   color: #fff;
 }

 .main_menu>ul>li.current-product_cat-ancestor>li.current-product_cat-ancestor>a,
 .main_menu>ul>li.current-product_cat-ancestor>ul>li.current-product_cat-ancestor>a,
 .main_menu>ul>li>ul>li>ul>li.current-product_cat-ancestor>a {
   color: #fff;
 }

 .main_menu>ul>li.current-product_cat-ancestor>a {
   color: #fff;
   background: #0093bb;
 }

 .main_menu>ul>li>ul>li.current-menu-item>a {
   color: #fff;
   background: var(--Blue);
 }

 .main_menu ul>li:hover>a,
 .main_menu>ul>li.current-menu-item>a {
   transition: all 0.3s linear;
   color: #fff;
 }

 /* submenus */
 .main_menu ul ul {
   top: 100%;
   background: #fff;
   pointer-events: none;
   z-index: 1000;
   min-width: 282px;
   width: auto;
   border-radius: 2px;
   position: absolute;
   padding: 0px;
   margin: 0px;
   visibility: hidden;
   display: block;
   text-align: left;
   opacity: 0;
   -webkit-transition: all 0.03s ease;
   -moz-transition: all 0.03s ease;
   -ms-transition: all 0.03s ease;
   -o-transition: all 0.03s ease;
   transition: all 0.03s ease;
   border: none;
   border-bottom-left-radius: 4px;
   border-bottom-right-radius: 4px;
   box-shadow: 0px 2px 20px 0px #8b8b8b40;
 }

 .main_menu ul ul li {
   display: block;
   position: relative;
 }

 .main_menu ul ul li a {
   padding: 24px 34px;
   display: block;
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
 }

 .main_menu ul ul a:hover {
   text-decoration: none;
 }

 .main_menu li:hover>ul {
   opacity: 1;
   visibility: visible;
   transition-delay: 0s;
   pointer-events: auto;
 }

 .main_menu>ul>li>ul>li:first-child,
 .main_menu>ul>li>ul>li:first-child li:first-child {
   border-top: 0px;
   margin: 0px;
 }

 .main_menu ul ul ul {
   padding-top: 0px;
   left: 100%;
   top: 0px;
 }

 .main_menu ul ul li:first-child>ul {
   top: 0px;
   border-top: 0px;
 }

 .main_menu>select,
 a.meanmenu-reveal {
   display: none;
 }

 .mean-bar {
   float: left;
   position: relative;
   width: 100%;
   z-index: 99;
 }

 a.meanmenu-reveal {
   position: absolute;
   top: 0;
   right: 0;
   cursor: pointer;
   color: #fff;
   text-decoration: none;
   font-size: 13px;
   text-indent: -9999em;
   line-height: 22px;
   font-size: 1px;
   font-weight: 700;
   display: none !important;
 }

 a.meanmenu-reveal span {
   display: block;
 }

 .mean-nav {
   background: #fff;
   float: left;
   position: absolute;
   top: 29px;
   width: 100%;
 }

 .mean-nav ul {
   padding: 0;
   margin: 0;
   width: 100%;
   list-style-type: none;
 }

 .mean-nav ul li {
   position: relative;
   float: left;
   width: 100%;
 }

 body .main_menu ul>li>a:hover,
 body .main_menu ul>li:hover>a,
 .main_menu>ul>li.current-menu-item>a {
   color: var(--Black);
 }

 .main_menu>ul>li.current-menu-item>a {
   color: var(--White) !important;
    background-color: var(--light-Blue);
 }

 body .main_menu ul>li:hover>a {
   color: var(--White) !important;
   background-color: var(--light-Blue);
 }

 header .main_menu ul.navbar-nav>li:hover>a,
 header .main_menu ul.navbar-nav>li>a:hover {
   color: var(--Black) !important;
 }

 .main_menu>ul>li>ul>li:hover a {
   background: var(--Blue) !important;
   color: var(--White) !important;
 }

 .mean-nav ul li a {
   display: block;
   float: left;
   width: 100%;
   padding: 10px 20px;
   margin: 0;
   color: #1a1a1a;
   font-size: 18px;
   line-height: 155.556%;
   min-height: 80px;
   display: grid;
   align-items: center;
   text-transform: capitalize;
 }

 .mean-nav ul li li a {
   width: 100%;
   padding: 8px 25px;
   opacity: 1;
   text-shadow: none !important;
   visibility: visible;
   letter-spacing: 0.54px;
 }

 .mean-nav ul li.mean-last a {
   border-bottom: none;
   margin-bottom: 0;
 }

 .mean-nav ul li li li a {
   padding: 7px 30px;
   width: 100%;
 }

 .mean-nav ul li li li li a {
   width: 60%;
   padding: 14px 20%;
 }

 .mean-nav ul li li li li li a {
   width: 50%;
   padding: 14px 25%;
 }

 .mean-nav ul li a.mean-expand {
   width: 76px;
   height: 39px;
   border: none !important;
   padding: 6px 5px 3px 5px !important;
   text-align: center;
   position: absolute;
   right: 0;
   top: 0;
   z-index: 2;
   background-color: transparent;
   box-shadow: none;
   font-size: 0 !important;
   transition: all 0.5s ease;
   box-shadow: none;
 }

 .mean-nav>ul>li.current-menu-item>ul>li.current-menu-item>a {
   background: #ff0b2c;
   color: #1a1a1a;
 }

 .main_menu>ul>li.menu-item-has-children>a {
   display: grid;
   grid-template-columns: max-content max-content;
   align-items: center;
 }

 .main_menu>ul>li.menu-item-has-children>a::after {
   background-image: url("../images/down-blue.svg");
   background-repeat: no-repeat;
   background-position: center;
   content: "";
   width: 8px;
   height: 100%;
   transition: all 0.5s ease;
   border: none;
   margin: 0;
   position: absolute;
   background-size: contain;
   top: 2px;
   right: 11px;
 }

 .main_menu>ul>li.current-menu-item>a:after {
   background-image: url("../images/down-green.svg") !important;
   background-repeat: no-repeat;
   background-position: center;
 }

 .main_menu>ul>li.menu-item-has-children:hover>a:after {
   transform: rotate(180deg);
   filter: brightness(0) invert(1);
 }

 .main_menu>ul>li.current-menu-item>a::after {
   filter: brightness(0) invert(1);
 }

 .mean-nav ul li a.mean-expand.mean-clicked {
   transform: rotate(180deg);
 }

 header .logo img {
   max-width: 262px;
   width: 100%;
   object-fit: contain;
   transition: all 0.3s linear;
 }

 body.fixnav header .logo img {
   max-width: 180px;
 }

 header {
   position: fixed;
   transition: all 0.33s linear;
   left: 0;
   right: 0;
   top: 0;
   width: 100%;
   z-index: 999;
   background-color: var(--White);
   box-shadow: 0px 2px 8px 0px #0000000F;
   box-shadow: 0px -2px 0px 0px #004DA00F inset;
 }

 header .top-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 16px 0;
   gap: 10px;
   transition: all 0.3s linear;
 }

 header .green-btn {
   padding: 9px 26px;
 }

 header .middle-wrp .main_menu>ul {
   display: flex;
   gap: 0;
 }

 .logged-in #main__header {
   top: 32px;
 }

 #main__header .top-banner {
   background: #001F45;
   padding: 10px 40px;
   display: flex;
   justify-content: space-between;
   align-items: center;
 }

 #main__header .top-banner a.address {
   font-weight: 400;
   font-size: 11px;
   line-height: 100%;
   color: #FFFFFFD9;
   display: flex;
   align-items: center;
 }
header .mobile {
    display: none!important;
}
 #main__header .top-banner .emergency-text {
   padding: 4px 12px;
   background-color: #D32323;
   border-radius: 4px;
 }

 #main__header .top-banner .emergency-text p {
   color: var(--White);
   margin: 0px;
   font-size: 16px;
   line-height: 100%;
   font-weight: 500;
 }

 /* Header end */

 /* Footer */
 footer {
   position: relative;
   padding: 61px 0 36px;
 }

 footer ul.f-social-list {
   display: flex;
   justify-content: center;
   grid-column-gap: 11px;
   margin-top: auto;
 }

 footer .f-social-list a {
   position: relative;
   width: 14.91px;
   height: 14.91px;
   display: block;
   transition: 0.3s ease;
 }

 footer .f-social-list a img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   display: block;
   opacity: 1;
   visibility: visible;
 }

 footer .f-social-list a img.hover {
   display: block;
   opacity: 0;
   z-index: 2;
   visibility: visible;
   transition: 0.3s ease;
 }

 footer .f-social-list a:hover img.hover {
   opacity: 1;
   visibility: visible;
 }

 footer .footer-row {
   justify-content: space-between;
   display: flex;
   flex-wrap: wrap;
   padding: 0 14px;
 }

 .f-logo img {
   object-fit: contain;
   width: 100%;
 }

 .col-in ul li {
   margin-bottom: 0;
   font-size: 13.37px;
   line-height: 201%;
   letter-spacing: 0;
   color: var(--White);
 }

 .col-in ul li a {
   color: inherit;
 }

 .footer-row2 ul {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 11px;
   flex-wrap: wrap;
 }

 .footer-row2 ul li,
 .footer-row2 ul li p {
   font-family: var(--font-Inter);
   font-weight: 600;
   font-size: 13px;
   line-height: 128%;
   letter-spacing: 0;
   color: var(--White);
   margin: 0;
 }

 .footer-row2 ul li a {
   color: inherit;
 }

 /* Footer */
 /* slider slick start */
 .slick-slider .slick-next,
 .slick-slider .slick-prev {
   opacity: 1;
   z-index: 9;
 }

 .slick-slider .slick-next,
 .slick-slider .slick-prev {
   background: url(../images/slider-prev-blue.svg);
   background-position: center !important;
   background-repeat: no-repeat !important;
   background-size: 24px !important;
   width: 24px;
   height: 24px;
   transition: all 0.3s linear;
 }

 .slick-slider .slick-prev {
   left: 0;
 }

 .slick-slider .slick-next {
   transform: rotateY(-180deg) translate(0, -50%);
   right: 0;
 }

 .slick-slider .slick-next:before,
 .slick-slider .slick-prev:before {
   display: none;
 }

 .slick-dots li {
   width: 8.51px;
   height: 8.51px;
   margin: 0 4.2px;
   transition: all 0.3s linear;
 }

 .slick-dots li button {
   width: 100%;
   height: 100%;
   background: #D9D9D9;
   padding: 0;
   border-radius: 32px;
   transition: all 0.3s linear;
   font-size: 0;
 }

 .slick-dots li button::before {
   display: none;
 }

 .slick-dots li.slick-active button {
   background: var(--Purple);
 }

 /* slider slick end */

 .gform_wrapper.gravity-theme .gfield--input-type-address .ginput_container_address .gf_clear {
   display: none;
 }

 .gform_wrapper.gravity-theme .gform_fields,
 .gform_wrapper.gravity-theme .gfield--input-type-address .ginput_container_address {
   grid-row-gap: 24px !important;
   grid-column-gap: 14px !important;
 }

 .gform_wrapper.gravity-theme .gfield input,
 .gform_wrapper.gravity-theme .gfield select,
 .gform_wrapper.gravity-theme .gfield textarea {
   background: #FFFFFF33;
   color: #2B3D69;
   border: 1px solid #2B3D69;
   border-radius: 4px;
   padding: 12px 16px !important;
   box-shadow: none;
   font-weight: 500;
   font-size: 13px !important;
   line-height: 100% !important;
   letter-spacing: 0;
   transition: all 0.33s ease;
 }

 .gform_wrapper.gravity-theme .gfield input:focus,
 .gform_wrapper.gravity-theme .gfield select:focus,
 .gform_wrapper.gravity-theme .gfield textarea:focus {
   outline: none;
   border-color: var(--Green);
 }

 .gform_wrapper.gravity-theme .gform_validation_errors {
   display: none !important;
 }

 .gform_wrapper.gravity-theme .gfield textarea.large {
   height: 172px !important;
   display: block;
 }

 .gform_wrapper.gravity-theme .gfield_label {
   font-size: 13px !important;
   line-height: 100% !important;
   margin-bottom: 11px !important;
   color: #2B3D69;
 }


 .gform_wrapper.gravity-theme .gfield_validation_message,
 .gform_wrapper.gravity-theme .validation_message {
   background: transparent !important;
   border: none !important;
   padding: 0 !important;
   margin-left: 5px;
   text-align: left;
   color: #D32323 !important;
 }

 .gform_wrapper.gravity-theme .description,
 .gform_wrapper.gravity-theme .gfield_description,
 .gform_wrapper.gravity-theme .gsection_description,
 .gform_wrapper.gravity-theme .instruction {
   font-size: 12px !important;
   line-height: 1.2 !important;
 }

 .ginput_recaptcha div {
   z-index: 999999 !important;
 }

 .gform_wrapper.gravity-theme .gfield_label .gfield_required_text,
 .gform_wrapper.gravity-theme .gform_fileupload_rules,
 .gform_required_legend,
 .gfield--type-captcha label,
 .instruction,
 .gform_wrapper.gravity-theme .gform_validation_errors {
   display: none !important;
 }

 .gform_wrapper.gravity-theme .gfield select {
   -webkit-appearance: none !important;
   -moz-appearance: none !important;
   background-image: url(../images/select-down.svg);
   background-repeat: no-repeat;
   background-position: center right 22px;
   background-size: 10px;
 }

 .gform_wrapper.gravity-theme .gfield select:has(option:first-child:checked) {
   color: #828282;
 }

 .gform_wrapper.gravity-theme .gfield input::placeholder,
 .gform_wrapper.gravity-theme .gfield select::placeholder,
 .gform_wrapper.gravity-theme .gfield textarea::placeholder {
   color: #2B3D69;
   opacity: 1;
 }

 .gform_wrapper.gravity-theme div#field_1_8 {
   margin-top: -6px;
 }

 .gform_wrapper.gravity-theme div#field_3_14 {
   margin-top: -12px;
 }

 .gform_wrapper.gravity-theme .gfield input#input_3_14,
 .gform_wrapper.gravity-theme .gfield input#input_1_8 {
   padding: 8.5px 21px !important;
   background-image: url(../images/upload-icon.svg) !important;
   background-repeat: no-repeat !important;
   background-position: left 20px center !important;
   background-size: 12px !important;
   padding-left: 41px !important;
   text-transform: capitalize;
 }

 .gform_wrapper.gravity-theme .gfield select {
   color: #2B3D69;

 }

 .gform_wrapper.gravity-theme .gfield select option:disabled {
   color: #2B3D69;
   /* Disabled option (placeholder) color */
 }

 .gform_wrapper.gravity-theme .ginput_container_date input {
   width: 100%;
   background-image: url(../images/date-icon.svg);
   background-repeat: no-repeat;
   background-position: center right 29px;
   background-size: 16px;
 }

 .gform_wrapper.gravity-theme .gform_footer {
   justify-content: center;
   margin: 32px auto 0 !important;
   padding: 0 !important;
   position: relative;
   align-items: center;
   overflow: hidden;
   max-width: 100%;
   height: 51px;
 }

 .gform_wrapper.gravity-theme .gform_footer::after {
   position: absolute;
   content: "";
   inset: 3px;
   border: 1.5px solid var(--Purple);
   border-radius: 50%;
   transition: all 0.3s linear;
   pointer-events: none;
 }

 .gform_wrapper.gravity-theme .gform_footer .gform_button {
   border: none;
   margin-bottom: 0;
   border-radius: 8px;
background: linear-gradient(to right, #2F7D22, #2A6F20);
   box-shadow: 0px 4px 12px 0px #26991A4D;
   color: var(--White);
   font-weight: 600;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0.2px;
   min-width: 100%;
   min-height: 100% !important;
   transition: all 0.33s linear;
   cursor: pointer;
 }

 .gform_wrapper.gravity-theme .gform_footer .gform_button:hover {
   background: linear-gradient(to right, #023882, #004da0, #012a61);
   color: var(--White) !important;
 }

 .gform_wrapper.gravity-theme .gform-loader,
 .gform_ajax_spinner {
   position: absolute !important;
   top: 0 !important;
   right: 15px !important;
   bottom: 0 !important;
   margin: auto !important;
 }

 .gravity-theme .gform_confirmation_message {
   text-align: center;
   font-size: 22px;
   font-weight: 500;
   color: var(--Dark-Blue);
 }

 .nav-link:focus,
 .nav-link:hover {
   color: #fff;
 }

 /* Modal  */
 .modal-dialog {
   max-width: 1063px;
   width: 100%;
   z-index: 999999;
 }

 .modal-dialog .modal-content {
   border: none;
   background: var(--Green);
 }

 .modal-dialog .modal-body {
   padding: 0px 0px;
 }

 .modal-dialog .close-btn {
   position: absolute;
   top: 19px;
   right: 20px;
   border: none;
   background-color: transparent;
   background: none;
   width: 20px;
   height: 20px;
   padding: 0;
   opacity: 1;
 }

 .modal-dialog .close-btn:focus {
   box-shadow: none;
 }

 .modal-dialog .close-btn::before {
   content: "";
   background: url(../images/modal-close-icon.svg) no-repeat center;
   background-size: 17px;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }

 .modal-dialog .close-btn span {
   display: none;
 }

 body.modal-open header {
   z-index: 999 !important;
 }

 /* model end */
 /* pagination start */
 .pagination {
   justify-content: center;
   align-items: center;
   position: relative;
   margin-top: 31px;
 }

 .pagination ul {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 5px;
 }

 .pagination ul li a,
 .pagination ul li span {
   font-size: 24px;
   line-height: 40px;
   font-weight: 600;
   letter-spacing: 0;
   padding: 5px 13px;
   display: block;
   color: var(--Purple);
   text-transform: uppercase;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 5px;
 }

 .pagination ul li.active span {
   color: var(--Blue);
 }

 .pagination ul li.next-arrow a,
 .pagination ul li.prev-arrow a {
   background: #FFFFFFB2;
   border: 1.5px solid var(--Purple);
   border-radius: 5px;
   padding: 11px 13px;
 }

 .pagination ul li.next-arrow a img,
 .pagination ul li.prev-arrow a img {
   object-fit: contain;
   transition: all 0.3s linear;
 }

 .pagination ul li.next-arrow a img {
   transform: rotateY(180deg);
 }

 .pagination ul li.next-arrow a:hover,
 .pagination ul li.prev-arrow a:hover {
   background-color: var(--Blue);
   border-color: var(--Blue);
 }

 .pagination ul li.next-arrow a:hover img,
 .pagination ul li.prev-arrow a:hover img {
   filter: brightness(0) invert(1);
 }

 /* pagination end */
 /* blog-single icon */
 .meta_social_btns {
   display: flex;
   gap: 15px;
   align-items: center;
   justify-content: flex-start;
   margin-top: 30px;
 }

 .meta_social_btns a {
   position: relative;
   width: 23.71px;
   height: 18.54px;
   display: block;
   transition: 0.3s ease;
 }

 .meta_social_btns a img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   display: block;
   opacity: 1;
   visibility: visible;
   object-fit: contain;
   object-position: center;
 }

 .meta_social_btns a img.hover {
   display: block;
   opacity: 0;
   z-index: 2;
   visibility: visible;
   transition: 0.3s ease;
 }

 .meta_social_btns a:hover img.hover {
   opacity: 1;
   visibility: visible;
 }

 .meta_social_btns a .copy-to-clipboard {
   position: absolute;
   left: 30px;
   top: 0;
   min-width: 110px;
   font-size: 14px;
   margin-left: 10px;
   line-height: 20px;
   color: var(--Black);
   text-align: left;
 }

 /* blog-single icon end */

 .main_menu ul li ul {
   overflow-y: auto;
   max-height: 75vh;
 }

 .main_menu ul li ul::-webkit-scrollbar {
   width: 12px;
 }

 .main_menu ul li ul::-webkit-scrollbar-track {
   background: transparent;
 }

 .main_menu ul li ul::-webkit-scrollbar-thumb {
   background-color: white;
   border-radius: 6px;
   border: 2px solid #f0f0f0;
 }

 #wpadminbar {
   z-index: 99999999;
 }

 /*home page start*/
 .content {
   padding-top: 179px;
 }

 /* page not found start */
 .page-not-found {
   padding: 173px 0 206px;
   background: url(../images/404.png) no-repeat;
   background-position: top 99.31px center;
   background-size: contain;
 }

 .page-not-found h1 {
   margin-bottom: 16px;
 }

 .page-not-found p {
   max-width: 866px;
   margin: 0 auto 16px;
 }

.page-not-found  ul {
    display: flex;
    margin: 40px auto;
    gap: 32px;
    flex-wrap: wrap;
    justify-content: center;
}

 .page-not-found ul li a {
   font-family: var(--font-Inter);
   font-weight: 700;
   font-size: 16px;
   line-height: 1;
   letter-spacing: 0;
   color: #fff;
   position: relative;
   text-decoration: underline;
   transition: all 0.33s linear;
 }

 .page-not-found ul li a:hover {
   color: var(--Green);
 }

 .cta:not(:has(.fullwidth-img)) .cta-wrp {
   margin-top: 0;
 }

 /* page not found end */
 /* privacy and terms start */
 .cms-cnt {
   padding: 71px 0 77px;
 }

 .cms-cnt h1 {
   text-align: center;
   margin-bottom: 38px;
 }

 .cms-cnt .cnt-wrp p,
 .cms-cnt .cnt-wrp ul li {
   font-family: var(--font-Inter);
   font-weight: 400;
   font-size: 15px;
   line-height: 140%;
   letter-spacing: 0;
   color: var(--Black);
 }

 .cms-cnt .cnt-wrp p {
   margin-bottom: 25px;
 }

 .cms-cnt .cnt-wrp p:last-child {
   margin-bottom: 0;
 }

 .cms-cnt .cnt-wrp ul {
   padding-left: 30px;
   margin-bottom: 25px;
 }

 .cms-cnt .cnt-wrp ul li {
   list-style: disc;
 }

 .cms-cnt .cnt-wrp p a,
 .cms-cnt .cnt-wrp ul li a {
   color: var(--Black);
   text-decoration: underline;
 }

 .cms-cnt .cnt-wrp p a:hover,
 .cms-cnt .cnt-wrp ul li a:hover {
   color: var(--Green);
 }

 /* privacy and terms end */

 .footer {
   background: #0a1628;
   padding: 64px 0 24px;
   background: #0A1628;
   box-shadow: -200px -80px 250px 0px #004DA01F inset;
   box-shadow: 500px -100px 250px 0px #1A661A0F inset;

 }

 .footer__top {
   display: grid;
   gap: 3%;
   padding-bottom: 40px;
   grid-template-columns: 28% 15% 16% 32%;
 }

 .footer__brand {
   width: 270px;
   display: flex;
   flex-direction: column;
   gap: 16px;
   flex-shrink: 0;
   text-align: left;
 }

 .footer__logo-text {
   font-size: 24px;
   font-weight: 900;
   color: #fff;
   line-height: 1;
 }

 .footer__logo-text span {
   color: #3dbf2b;
 }

 .footer__brand p {
   font-size: 14px;
   color: rgba(255, 255, 255, 0.6);
   line-height: 22px;
   margin-bottom: 0;
   text-align: left;
 }

 .footer__license {
   font-size: 14px;
   color: #3dbf2b;
   text-align: left;
 }

 .footer__nav-col {
   display: flex;
   flex-direction: column;
   gap: 7px;
   min-width: 150px;
   text-align: left;
 }

 .footer__contact a.address {
   color: #FFFFFFBF;
   max-width: 220px;
   margin-bottom: 2px;
 }

 .footer__col-title {
   font-size: 14px;
   font-weight: 700;
   color: #fff;
   letter-spacing: 0.5px;
   text-transform: uppercase;
   display: block;
   margin-bottom: 0px;
 }

 .footer__nav-col ul {
   display: flex;
   flex-direction: column;
   gap: 10px;
 }

 .footer__nav-col ul li {
   margin-bottom: -2px;
 }

 .footer__nav-col ul li a {
   font-size: 14px;
   color: rgba(255, 255, 255, 0.7);
   transition: color 0.2s;
 }

 .footer__nav-col ul li a:hover {
   color: #fff;
 }

 .footer__contact {
   display: flex;
   flex-direction: column;
   gap: 10px;
 }

 .footer__contact .footer__col-title {
   margin-bottom: 4px;
 }

 .footer__contact p {
   font-size: 13px;
   color: rgba(255, 255, 255, 0.7);
   line-height: 20px;
   margin-bottom: 0;
 }

 .footer__contact a {
   font-size: 14px;
   color: #3dbf2b;
   text-decoration: underline;
 }

 .footer__contact a:hover {
   color: #fff;
 }

 .footer__open {
   display: flex;
   align-items: center;
   gap: 8px;
   font-size: 13px;
   color: rgba(255, 255, 255, 0.7);
 }

 .footer__open img {
   width: 20px;
   height: 20px;
   object-fit: contain;
 }

 .footer__payments {
   display: flex;
   align-items: center;
   gap: 8px;
   flex-wrap: wrap;
 }

 .footer__payments img {
   height: 22px;
   object-fit: contain;
 }

 .footer__license-title {
   font-size: 11px;
   font-weight: 700;
   color: #94a3b8;
   text-transform: uppercase;
   letter-spacing: 0.5px;
 }

 .footer__license-numbers {
   font-size: 12px;
   color: #3dbf2b;
   margin: 2px 0 0;
   line-height: 18px;
 }

 .footer__social {
   display: flex;
   gap: 10px;
   align-items: center;
   flex-wrap: wrap;
 }

 .footer__social a img {
   width: 28px;
   height: 28px;
   object-fit: contain;
   opacity: 0.8;
   transition: opacity 0.2s;
 }

 .footer__social a:hover img {
   opacity: 1;
 }

 .footer__bottom {
   border-top: 1px solid rgba(255, 255, 255, 0.08);
   padding: 16px 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 10px;
   flex-wrap: wrap;
 }

 .footer__bottom a,
 .footer__bottom p {
   font-size: 13px;
   color: #ffffff99;
   margin-bottom: 0;
 }

 .footer__bottom a:hover {
   color: rgba(255, 255, 255, 0.8);
 }

 .footer__bottom .rgt {
   font-size: 13px;
   color: #ffffff99;
   margin-bottom: 0;
 }

 .footer__bottom .rgt a:last-child::before {
   content: "•";
   color: #ffffff99;
   margin-right: 5px;
   margin-left: 5px;
 }

 /* ── FINAL CTA ── */
 .final-cta-section {
   background: linear-gradient(90deg, #023882 0%, #004DA0 50%, #012A61 100%);
   box-shadow: -300px -80px 250px 0px #1A80FF14 inset;
   box-shadow: 400px 80px 200px 0px #26BF260F inset;
   box-shadow: 0px 150px 200px 0px #00000033 inset;
   padding: 64px 0;
   text-align: center;
 }

 .final-cta-section h2 {
   font-size: 36px;
   font-weight: 800;
   color: #fff;
   margin-bottom: 28px;
   text-transform: none;
 }

 .final-cta-section p {
   font-size: 17px;
   color: rgba(255, 255, 255, 0.85);
   line-height: 26px;
   margin-bottom: 28px;
   letter-spacing: 0.5px;
   max-width: 477px;
   margin: 0 auto 28px auto;
 }

 .final-cta-btns {
   display: flex;
   gap: 14px;
   justify-content: center;
   flex-wrap: wrap;
 }


 /* ── TESTIMONIALS ── */
 .reviews-section {
   background: #f8fafc;
   padding: 80px 0;
 }

 .reviews-section .section-header {
   text-align: center;
   margin-bottom: 48px;
 }

 .reviews-section .section-header h6.subheading {
   color: var(--Blue);
   margin-bottom: 12px;
 }

 .reviews-section .reviews-header__left .heading {
   font-size: 40px;
 }

 .reviews-section .review-grid {
   display: flex;
   gap: 24px;
   flex-wrap: wrap;
   justify-content: center;
   margin-block: 60px;
 }

 .reviews-section .review-card {
   background: #fff;
   border: 1px solid #e8ecf1;
   border-radius: 16px;
   padding: 28px;
   width: calc(33.33% - 16px);
   min-width: 280px;
   display: flex;
   flex-direction: column;
   gap: 14px;
   box-shadow: 0 8px 24px -4px rgba(0, 13, 38, 0.08),
     0 1px 3px rgba(0, 13, 38, 0.05);
 }

 .reviews-section .review-card__stars {
   font-size: 19px;
   color: #f59e0b;
   letter-spacing: 8px;
 }

 .reviews-section .review-card__content p {
   font-size: 15px;
   color: #334155;
   line-height: 24px;
   margin-bottom: 0;
 }

 .reviews-section .review-card__author {
   font-size: 18px;
   font-weight: 700;
   color: #0f172a;
 }

 .reviews-section .review-action {
   text-align: center;
 }

 .reviews-section .view-all-link {
   font-size: 14px;
   font-weight: 700;
   color: #004da0;
   text-transform: uppercase;
   letter-spacing: 1px;
   text-decoration: underline;
 }

 .reviews-section .view-all-link:hover {
   color: #3dbf2b;
 }


 /* ── SERVICE AREAS ── */
 .service-area-section {
   padding: 80px 0;
   background: linear-gradient(90deg,
       rgba(2, 56, 130, 0.1) 0%,
       rgba(0, 77, 160, 0.1) 50%,
       rgba(1, 42, 97, 0.1) 100%);
 }

 .service-area-section .service-left h6.subheading {
   margin-bottom: 0px;
 }

 .service-area-section .service-area-inner {
   display: flex;
   gap: 48px;
   align-items: center;
 }

 .service-area-section .service-left {
   flex: 1;
   display: flex;
   flex-direction: column;
   gap: 20px;
 }

 .service-area-section .service-left h2 {
   font-size: 36px;
   color: #334155;
   line-height: 100%;
   margin-bottom: 0;
 }

 .service-area-section .service-left p {
   font-size: 16px;
   color: #475569;
   line-height: 26px;
   margin-bottom: 0;
   letter-spacing: 0px;
   max-width: 406px;
 }

 .service-area-section .service-counties {
   display: flex;
   gap: 35px;
 }

 .service-area-section .county-col {
   display: flex;
   flex-direction: column;
   gap: 6px;
 }

 .service-area-section .county-col__title {
   font-size: 14px;
   font-weight: 700;
   color: #004da0;
   text-transform: uppercase;
   letter-spacing: 0.5px;
   margin-bottom: 4px;
 }

 .service-area-section .county-col ul {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 10px 32px;
 }

 .service-area-section .county-col ul li {
   font-size: 15px;
   font-weight: 500;
   color: #334155;
   padding-left: 20px;
   position: relative;
 }

 .service-area-section .county-col ul li a {
   color: #334155;
 }

 .service-area-section .county-col ul li::before {
   content: "";
   position: absolute;
   background-image: url(../images/right-tick.svg);
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
   width: 14px;
   height: 14px;
   top: 5px;
   left: 0;
   color: #334155;
   font-weight: 700;
 }

 .service-area-section .service-map {
   flex: 0 0 auto;
   width: 40%;
   margin-right: 70px;
   box-shadow: 0 20px 60px -10px rgba(0, 77, 160, 0.15);
   border-radius: 20px;
 }

 .service-area-section .service-map img {
   width: 100%;
   height: 482px;
   object-fit: cover;
   border-radius: 20px;
   box-shadow: 0 20px 60px -10px rgba(0, 77, 160, 0.15);
 }

 .service-area-section .service-map iframe {
   width: 100%;
   height: 460px;
   object-fit: cover;
   border-radius: 20px;
   display: block;
 }

 /* ── WHY CHOOSE US ── */
 .why-choose-section {
   background: #fff;
   padding: 80px 0;
 }

 .why-choose-section h2 {
   letter-spacing: 1.3px;
   margin-top: 11px;
 }

 .why-choose-section .section-header {
   text-align: center;
   margin-bottom: 48px;
 }

 .why-choose-section .why-choose-inner {
   display: flex;
   gap: 48px;
   align-items: center;
 }

 .why-choose-section .why-choose-img-col {
   flex: 0 0 auto;
   width: 48%;
 }

 .why-choose-section .why-choose-img-col img {
   width: 100%;
   height: 420px;
   object-fit: cover;
   border-radius: 8px;
 }

 .why-choose-section .why-choose-list-col {
   flex: 1;
   display: flex;
   flex-direction: column;
   gap: 20px;
 }

 .why-choose-section .why-item {
   display: flex;
   gap: 16px;
   align-items: flex-start;
 }

 .why-choose-section .why-icon {
   width: 48px;
   height: 48px;
   flex-shrink: 0;
   background: linear-gradient(to right,
       rgba(0, 77, 160, 0.08),
       rgba(0, 77, 160, 0.14));
   border: 1px solid rgba(0, 77, 160, 0.15);
   border-radius: 24px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 20px;
 }

 .why-choose-section .why-item-text h3,
  .why-choose-section .why-item-text h5 {
   font-size: 17px;
   font-weight: 800;
   color: #0f172a;
   margin-bottom: 4px;
 }

 .why-choose-section .why-item-text p {
   font-size: 14px;
   color: #475569;
   line-height: 22px;
   margin-bottom: 0;
 }

 /* ── BRANDS / TRUST LOGOS ── */
 .brands-section {
   background: linear-gradient(to right,
       rgba(2, 56, 130, 0.07),
       rgba(0, 77, 160, 0.07),
       rgba(1, 42, 97, 0.07));
   padding: 60px 0;
 }

 .brands-section h2 {
   letter-spacing: 1.3px;
   margin-bottom: 14px;
 }

 .brands-section .section-header {
   margin-bottom: 6px;
   text-align: center;
 }

 .brands-section .section-title {
   color: #334155;
   font-size: 36px;
 }

 .brands-section .section-header p {
   font-size: 17px;
   color: var(--light-gray2);
   margin-top: 8px;
   letter-spacing: 0.1px;
 }

 .brands-section .brands-row {
   display: flex;
   align-items: center;
   justify-content: center;
   gap:12px 32px;
   flex-wrap: wrap;
 }

 .brands-section .brand-logo {
   height: 98px;
   width: 173px;
   object-fit: contain;
   transition: filter 0.3s;
 }


 /* ── CTA BANNER ── */
 .cta-banner-section {
   background: linear-gradient(to right, #023882, #004da0, #012a61);
   padding: 48px 0;
 }

 .cta-banner-section .cta-banner-inner {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 40px;
   flex-wrap: wrap;
 }

 .cta-banner-section .cta-banner-text h2 {
   font-size: 32px;
   font-weight: 800;
   color: #fff;
   margin-bottom: 8px;
   text-transform: none;
   letter-spacing: 0.8px;
 }

 .cta-banner-section .cta-banner-text h2 span {
   color: var(--Green);
 }

 .cta-banner-section .cta-banner-text p {
   font-size: 17px;
   color: rgba(255, 255, 255, 0.9);
   margin-bottom: 0;
   letter-spacing: 0.1px;
 }

 .cta-banner-section .cta-banner-btns {
   display: flex;
   gap: 12px;
   flex-wrap: wrap;
 }


 /* ── SERVICES SECTION ── */
 .services-section {
   background: #e6ebf3;
   padding: 80px 0;
 }

 .services-section .section-header {
   text-align: center;
   margin-bottom: 48px;
 }

 .services-section .section-header .section-title {
   color: #334155;
 }

 .services-section .section-header p {
   font-size: 17px;
   color: var(--light-gray2);
   line-height: 26px;
   max-width: 447px;
   margin: 12px auto 0;
 }

 .services-section .services-grid {
   display: flex;
   flex-wrap: wrap;
   gap: 24px;
   justify-content: center;
   margin-bottom: 40px;
   grid-row-gap: 47px;
 }

 .services-section .service-card {
   background: #fff;
   border: 1px solid #e8ecf1;
   border-radius: 16px;
   padding: 32px 28px;
   width: calc(33.33% - 16px);
   min-width: 280px;
   display: flex;
   flex-direction: column;
   gap: 12px;
   box-shadow: 0 8px 24px -4px rgba(0, 13, 38, 0.08),
     0 1px 3px rgba(0, 13, 38, 0.06);
   transition: transform 0.2s, box-shadow 0.2s;
 }

 .services-section .service-card:hover {
   box-shadow: 0 16px 32px -4px rgba(0, 13, 38, 0.12);
 }

 .services-section .service-icon {
   width: 64px;
   height: 64px;
   background: rgba(61, 191, 43, 0.1);
   border: 1.5px solid #3dbf2b;
   border-radius: 32px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 26px;
   flex-shrink: 0;
   margin-bottom: 6px;
 }

 .services-section .service-card h4,  .services-section .service-card h3 {
   font-size: 22px;
   font-weight: 800;
   color: #0f172a;
   margin-bottom: 4px;
 }

 .services-section .service-card p {
   font-size: 16px;
   color: #475569;
   line-height: 24px;
   margin-bottom: 0;
 }

 .services-section .service-card a.learn-more {
   font-size: 16px;
   font-weight: 600;
   color: #004da0;
   margin-top: auto;
   display: flex;
   align-items: center;
 }

 .services-section .service-card a::after {
   content: "";
   background-image: url(../images/right-arrow.svg);
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
   width: 21px;
   height: 12px;
   top: 5px;
   left: 0;
   color: #334155;
   font-weight: 700;
   display: inline-block;
   margin-bottom: -2px;
 }

 .services-section .services-actions {
   text-align: center;
 }

 /* ── REVIEW BAR ── */
 .review-bar-section {
   background: #fff;
   padding: 26px 0;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
 }

 .review-bar-section .review-bar-inner {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 147px;
   flex-wrap: wrap;
   grid-row-gap: 20px;
 }

 .review-bar-section .review-item {
   display: flex;
   align-items: center;
   gap: 12px;
   position: relative;
 }

 .review-bar-section .review-item:not(:last-child):after {
   background: #FCEAE1;
   width: 1px;
   height: 100%;
   position: absolute;
   content: "";
   right: -80px;
 }

 .review-bar-section .review-item-logo {
   object-fit: contain;
 }

 .review-bar-section .review-info {
   display: flex;
   flex-direction: column;
   gap: 3px;
 }

 .review-bar-section .review-platform {
   font-size: 14px;
   font-weight: 600;
   color: #0f172a;
 }

 .review-bar-section .review-score-row {
   display: flex;
   align-items: center;
   gap: 6px;
 }

 .review-bar-section .review-score {
   font-size: 16px;
   font-weight: 700;
   color: #0f172a;
 }

 .review-bar-section .review-stars {
   color: #f59e0b;
   font-size: 11px;
   letter-spacing: 1px;
 }

 .review-bar-section .review-divider {
   width: 1px;
   height: 44px;
   background: #fceae1;
 }

 /* ── HERO ── */
 .hero-section {
   position: relative;
   display: flex;
   align-items: center;
   min-height: 688px;
   overflow: hidden;
   padding: 40px 0 40px;
 }

 .hero-section .hero-bg {
   position: absolute;
   inset: 0;
   z-index: 0;
   width: 100%;
   height: 100%;
 }

 .hero-section .hero-bg:after {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   content: "";
   background: linear-gradient(90deg,
       rgba(2, 56, 130, 0.7) 0%,
       rgba(0, 77, 160, 0.7) 50%,
       rgba(1, 42, 97, 0.7) 100%);
 }

 .hero-section .hero-bg img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 .hero-section .container {
   position: relative;
   z-index: 1;
 }

 .hero-section .row {
   align-items: center;
   gap: 30px 0;
 }

 .hero-section .hero-content {
   display: flex;
   flex-direction: column;
   gap: 11px;
 }

 .hero-section .hero-eyebrow {
   font-size: 12px;
   font-weight: 600;
   color: rgba(255, 255, 255, 0.9);
   letter-spacing: 0.8px;
   text-transform: uppercase;
   display: block;
   margin-bottom: 19px;
 }

 .hero-section .hero-title {
   font-size: 52px;
   font-weight: 800;
   line-height: 1.1;
   color: #fff;
   text-transform: none;
   margin-bottom: 0;
 }

 .hero-section .hero-title span {
   color: #34A626;
 }

 .hero-section .hero-sub {
   font-size: 17px;
   font-weight: 400;
   color: rgba(255, 255, 255, 0.85);
   line-height: 28px;
   margin-bottom: 28px;
   max-width: 532px;
 }

 .hero-section .hero-btns {
   display: flex;
   gap: 12px;
   flex-wrap: wrap;
 }

 .hero-section .hero-form-card {
   background: #e6ebf3;
   border-radius: 16px;
   padding: 28px;
   box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
   max-width: 538px;
   margin-left: auto;
 }

 .hero-section .hero-form-card button.btn-submit {
   margin-top: 5px;
 }

 .hero-section .hero-form-card h2 {
   font-size: 32px;
   font-weight: 800;
   color: #2b3d69;
   letter-spacing: -0.2px;
   line-height: 52px;
   margin-bottom: 6px;
   text-transform: none;
 }

 .hero-section .hero-form-card>p {
   font-size: 13px;
   color: #2b3d69;
   line-height: 18px;
   margin-bottom: 16px;
 }

 

/* =========================================================
   INNER HERO — About Us page hero
   ========================================================= */

.inner-hero {
  position: relative;
  overflow: hidden;
  padding: 64px 0 84px;
  color: #ffffff;
}

.inner-hero .hero__bg {
  position: absolute;
  inset: 0;
  z-index: -1;
   width: 100%;
  height: 100%;
}

.inner-hero .hero__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
 
}

.inner-hero .hero__bg::after {
  content: "";
  position: absolute;
  inset: 0;
 background: linear-gradient(90deg, rgba(2, 56, 130, 0.8) 0%, rgba(0, 77, 160, 0.8) 50%, rgba(1, 42, 97, 0.8) 100%);
     opacity: 0.75;

}
.inner-hero:after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #023882 0%, #004DA0 50%, #012A61 100%);
    z-index: -1;
}
.inner-hero:has(.hero__bg):after{
  display: none;
}
/* Breadcrumb */
 .breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  list-style: none;
  margin: 0 0 23px;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
}

.breadcrumb li {
 
   font-weight: 600;
   color: #004DA0;
}
.breadcrumb li + li::before {
    content: "";
    background: url("../images/blog-detail-arrow.svg") no-repeat;
    margin-right: 8px;
    color: #94A3B8;
    width: 4px;
    height: 7px;
    display: inline-block;
}

.breadcrumb li a {
  color:#94A3B8;
  font-weight: 400;
  text-decoration: none;
}

.breadcrumb li a:hover {
  text-decoration: underline;
}
.inner-hero  .breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  list-style: none;
  margin: 0 0 23px;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
}

.inner-hero .breadcrumb li {
 
   font-weight: 600;
   color: #FFFFFF;
}

.inner-hero .breadcrumb li + li::before {
    content: ">";
    margin-right: 8px;
    color: rgba(255, 255, 255, 0.5);
    background: transparent;
    width: auto;
    height: auto;
}
.inner-hero .hero-btns:not(:has(a)) {
    display: none;
}

.inner-hero .breadcrumb li a {
  color:rgba(255, 255, 255, 0.75);
  font-weight: 400;
  text-decoration: none;
}

.inner-hero .breadcrumb li a:hover {
  text-decoration: underline;
}

.inner-hero h1 {
  line-height: 1.15;
  color: #ffffff;
  margin: 0 0 16px;
}
.inner-hero p {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.9);
}
.inner-hero .hero-btns {
    margin-top: 23px;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}
.about .inner-hero .green-btn {
  background: #4caf50;
  color: #ffffff;
 
  box-shadow: none;
}
.inner-hero .green-btn, .inner-hero .hero-btns .outline-btn{
 padding: 14px 28px;
  border-radius: 8px;
}
.inner-hero .green-btn:hover {
  background: #001f45;
  color: #ffffff;

}
.inner-hero .hero-btns .outline-btn {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: #fff;
    box-shadow: none;
}
/* =========================================================
   OUR STORY — About Us page
   ========================================================= */

.our-story {
    padding: 36px 0 80px;
}
.our-story .story-wrap {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
}
.our-story .story-content {
    max-width: 580px;
    flex: 1 1 580px;
}


.story-wrap  .story-content .subheading {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #004da0;
  margin: 0 0 8px;
}

.story-wrap  .story-content h2 {
  line-height: 1.25;
  color: #334155;
  margin: 0 0 24px;
}

.story-wrap  .story-content p {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  color: #475569;
  margin: 0 0 30px;
}

.story-wrap  .story-content p:last-of-type {
  margin-bottom: 0;
}

/* ---------- Stats row ---------- */
.story-wrap  .story-content .stats {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
  margin-top: 32px;
}

.story-wrap  .story-content .stat-number {
  font-size: 36px;
  font-weight: 800;
  color: #004da0;
  line-height: 1.2;
}

.story-wrap  .story-content .stat-label {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--light-gray2);
  margin-top: 4px;
}

.our-story .story-image {
    max-width: 540px;
    flex: 1 1 540px;
}
.story-wrap   .story-image img {
  display: block;
  width: 100%;
  height: 580px;
  max-width: 540px;
  border-radius: 20px;
  object-fit: cover;
}

/* ==========================
   WHY CHOOSE US
========================== */

.why-choose {
    background: #E6EBF3;
    padding: 80px 0;
}

.why-choose .section-heading{
    text-align:center;
    margin-bottom:48px;
}

.why-cards{
    --columns: 4;
    --gap: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
}

.why-card{
  width: calc((100% - (var(--columns) - 1) * var(--gap))/ var(--columns));
    background:#fff;
    border:1px solid #e8ecf1;
    border-radius:16px;
    padding:32px;
    display:flex;
    flex-direction:column;
    box-shadow:0 8px 12px rgba(0,13,38,.08);
}

.why-card .icon{
    width:48px;
    height:48px;
    border-radius:12px;
    background:rgba(76,175,80,.1);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom: 16px;
}

.why-card .icon img{
   max-width: 24px;
}

.why-card h3{
    font-size:22px;
   color: var(--Dark-Blue2);
   margin-bottom: 16px;
    
}

.why-card p{
    font-size:16px;
    color:var(--light-gray);
    line-height:24px;
}
.why-card p:last-child{
  margin-bottom: 0;
}

/* ==========================
   STORY BANNER
========================== */

.story-banner{
    background:#fff;
        margin: 80px 0 24px;
}

.story-banner .section-heading{
    text-align:center;
    margin-bottom:48px;
}

.story-banner .section-heading .subheading{
  margin-bottom: 12px;
}

.story-banner .quote-box{
    background:#275183;
    min-height:294px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    padding:40px;
    text-align:center;
}
.story-banner .quote-box .quote-box-in{
  max-width: 720px;
  margin: auto;
  border: 1px solid #E2E8F0;
  padding: 24px;
  border-radius: 16px;
} 

.story-banner .quote-box blockquote{

    font-size:28px;
    font-weight:700;
    line-height:1.3;
    color:#fff;
    margin:0 0 12px;
        max-width: 662px;
}

.story-banner .quote-box span{
    font-size:14px;
    font-weight:600;
    color:#51b749;
    letter-spacing:2px;
    text-transform:uppercase;
    line-height: 1;
}


/* ==========================
   NARRATIVE SECTION
========================== */

.narrative-section{
    margin: 24px 0;
}

.narrative-strip{
    background:#f8fafc;
    border:1px solid #e2e8f0;
    border-radius:16px;
    padding:24px;
       display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
}

.narrative-image{
       max-width: 518px;
    flex: 1 1 518px;
    height:320px;
    border-radius:12px;
    overflow:hidden;
  
}

.narrative-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.narrative-content{
   
       max-width: 584px;
    flex: 1 1 584px;
    display:flex;
    flex-direction:column;
   
}

.narrative-content h3{
    font-size:24px;
    font-weight:700;
    color: var(--Dark-Blue2);
    line-height:1.3;
    margin-bottom: 16px;
}

.narrative-content p{
    font-size:16px;
    color: var(--light-Blue);
    line-height:1.6;
    margin-bottom: 16px;
}

.narrative-content .narrative-meta{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
}

.narrative-content .narrative-meta .pill{
    display:flex;
    align-items:center;
    gap:8px;
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:999px;
    padding:8px 12px;
}

.narrative-content .narrative-meta .pill img{
    width:16px;
    height:16px;
}

.narrative-content .narrative-meta .pill span{
    font-size:13px;
    font-weight:600;
    color:var(--light-Blue);
    line-height: 1;
}


.abt-fl-section{
  margin: 24px 0 80px;
}

.abt-feature-layout{
     display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
}

.abt-feature-layout .feature-content{
      max-width: 527px;
    flex: 1 1 527px;
  
}

.abt-feature-layout  .feature-content h3{
    font-size:28px;
    font-weight:700;
    color:var(--Dark-Blue2);
    line-height:1.3;
    margin-bottom: 16px;
}

.abt-feature-layout  .feature-content  p{
    font-size:16px;
    color:var(--light-Blue);
    line-height:1.6;
    margin-bottom: 16px;
}
.feature-content  .check-circle-list{
  margin-bottom: 16px;
}
 .feature-content  .check-circle-list ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    flex-direction:column;
    gap:10px;
}

.feature-content  .check-circle-list li {
    position: relative;
    font-size: 14px;
    color: var(--light-Blue);
    line-height: 1.5;
    display: flex;
    gap: 12px;
}

 .feature-content  .check-circle-list li::before{
   content: "";
   display: block;
   background-image: url("../images/blue-check-circle.svg");
       width: 17px;
    height: 17px;
    flex-shrink: 0;
}

.feature-content .feature-cta{
    display:inline-flex;
    align-items:center;
    gap:13px;
    font-size:14px;
    font-weight:700;
    color:var(--Blue);
    text-decoration:none;
}
.feature-content .feature-cta:after {
    content: "";
    display: block;
    background-image: url("../images/right-blue-arrow.svg");
    width: 13px;
    height: 13px;
    flex-shrink: 0;
}
.abt-feature-layout  .feature-image{
    max-width: 597px;
    flex: 1 1 597px;
    height:420px;
    border-radius:16px;
    overflow:hidden;
}

.abt-feature-layout  .feature-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}
/* partner */
.partner-section {
    margin: 25px 0;
}
.partner-section .brands-row {
    display: flex;
    justify-content: space-between;
        flex-wrap: wrap;
  
}
.partner-section .brands-row img{
  max-width: 160px;
  display: block;
  margin: auto;
}
.partner-section .section-header h3{

color: var(--light-gray2);
font-style: Bold;
font-size: 14px;
line-height: 100%;
text-align: center;
text-transform: uppercase;

}
.partner-section .section-header{
  margin-bottom: 15px;
}

/* ============ SERVICES OVERVIEW SECTION ============ */
  .services-overview{
    padding:56px 0;
  }

  .services-overview .section-heading{
   margin-bottom: 56px;
       text-align: center;
  }
  .services-overview .subheading{
    margin-bottom:12px;
  }
 .services-overview .section-heading h2{
  margin-bottom: 12px;
 }
  .services-overview .section-heading p{
    font-size:16px;
    line-height:1.6;
    color:var(--light-gray);
    max-width:800px;
    margin: auto;
  }
  .services-overview-grid{
        --columns: 3;
    --gap: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
   .services-overview-grid .service-card{
    background:#ffffff;
    border:1px solid #e8ecf1;
    border-radius:16px;
    padding:32px;
    display:flex;
    flex-direction:column;
    width: calc((100% - (var(--columns) - 1) * var(--gap))/ var(--columns));
    box-shadow:0px 8px 12px rgba(0,13,38,0.08);
    position: relative;
    transition: transform 0.2s, box-shadow 0.2s;
  }
  .services-overview-grid .service-card:hover {
    box-shadow: 0 16px 32px -4px rgba(0, 13, 38, 0.12);
}
  .services-overview-grid .service-card .service-icon{
    width:56px;
    height:56px;
    border-radius:12px;
    background:rgba(76,175,80,0.1);
    display:flex;
    align-items:center;
    margin-bottom: 20px;
    justify-content:center;
  }
  .services-overview-grid .service-card .service-icon img{
    width:28px;
    height:28px;
  }
 .services-overview-grid .service-card h3{
    font-size:24px;
    font-weight:700;
    color:var(--Dark-Blue2);
    margin-bottom: 8px;
  }
   .services-overview-grid .service-card h3 a{
     color:var(--Dark-Blue2);
   }
   .services-overview-grid .service-card h3 a:after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
 .services-overview-grid .service-card p{
    font-size:16px;
    line-height:1.6;
    color:var(--light-gray);
  }
   .services-overview-grid .service-card p:last-child{
    margin-bottom: 0;
   }


    /* ============ AC FEATURE SECTION ============ */
  body:not(.home) .final-cta-section {
    padding: 80px 0;
}
  body:not(.home) .final-cta-section h2{
  font-size: 40px;
 
}
 body:not(.home) .final-cta-section p{
  max-width: 720px;
  line-height: 28px;
}
  .ac-feature-section{
    background:#E6EBF3;
    padding:100px 0;
  }
  .ac-feature-wrap{
       display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
  }
   .ac-feature-wrap .ac-feature-content{
        max-width: 580px;
    flex: 1 1 580px;
  }
   .ac-feature-wrap .ac-feature-content .sub-heading{
    margin-bottom: 12px;
   }
   .ac-feature-wrap .ac-feature-content h2{
  
    line-height:1.25;
    margin-bottom:32px;
  }
.ac-feature-wrap .ac-feature-content p{
    font-size:16px;
    line-height:1.6;
    color: var(--light-gray);
  }
  .ac-feature-content  .check-circle-list {
    margin-bottom: 15px;
    margin-top: 32px;
}

  .ac-feature-wrap .ac-feature-content .check-circle-list ul{
    display:flex;
    flex-direction:column;
    gap:16px;
  }
  .ac-feature-wrap .ac-feature-content .check-circle-list li{

    font-size:16px;
    font-weight:600;
    color:var(--Dark-Blue2);
    line-height:1.6;
     display: flex;
    gap: 12px;
  }
.ac-feature-wrap .ac-feature-content .check-circle-list li:before {
    background: url("../images/green-check-icn.svg");
    width: 19px;
    height: 19px;
    background-size: contain;
    background-position: center;
    min-height: 26px;
    background-repeat: no-repeat;
    content: "";
    display: block;
}
  .ac-feature-wrap .ac-feature-content  .btn-wrap{
  margin-top: 32px;
}
  .ac-feature-image{
       max-width: 540px;
    flex: 1 1 540px;
    height:480px;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0px 20px 40px rgba(0,77,160,0.15);
  }
  .ac-feature-image img{
    width:100%;
    height:100%;
    object-fit:cover;
  }
.services .service-area-section .county-col ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
}
.services .service-area-section .county-col ul li{
     font-size: 16px;
    font-weight: 600;
    color: var(--Dark-Blue2);
}
.services  .service-area-section .service-left {
    gap: 0;
    max-width: 560px;
}
.service-area-section .service-area-inner{
      justify-content: space-between;
}
.services  .service-area-section .service-left .subheading{
 margin-bottom: 12px;
   
}
.services  .service-area-section .service-left h2{
  margin-bottom: 12px;
    font-size: 40px;
}
.services  .service-area-section .service-counties{
  margin: 32px 0;
}
.services  .service-area-section .service-map {
    margin-right: 0;
    flex: 1;
    max-width: 560px;
    width: 100%;
}
.services .service-area-section .service-map img{
      height: 440px;
}
.services .service-area-section{
  padding: 100px 0;
  background: #fff;
}
.services  .service-area-section .service-left p{
 max-width: 100%;
 line-height: 1.6;
}
  /* ============ WHY CHOOSE US SECTION ============ */
  .service-choose-section{
    padding:100px 0 59px;
  }

  .service-choose-wrap .section-heading{
    text-align:center;
    margin-bottom:56px;
  }
   .service-choose-wrap .section-heading .sub-heading{
    margin-bottom: 12px;
   } 
  .service-choose-grid{
       --columns: 4;
    --gap: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .service-choose-grid  .service-choose-item{
    width: calc((100% - (var(--columns) - 1) * var(--gap))/ var(--columns));
    background:#F8FAFC;
    border:1px solid #E2E8F0;
    border-radius:16px;
    padding:32px;
    display:flex;
    flex-direction:column;
   
  }
   .service-choose-grid  .service-choose-item .icon{
    width:48px;
    height:48px;
    border-radius:12px;
    background:#51B749;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom: 20px;
  }
   .service-choose-grid  .service-choose-item .icon img{
    width:24px;
    height:24px;
  }
   .service-choose-grid  .service-choose-item h3{
    font-size:24px;
    font-weight:700;
    color:var(--Dark-Blue2);
    margin-bottom: 20px;
  }
   .service-choose-grid  .service-choose-item p{
    font-size:14px;
    line-height:1.5;
    color:var(--light-gray);
  }
   .service-choose-grid  .service-choose-item p:last-child{
    margin-bottom: 0;
   }

  /* ============ SPECIAL OFFER SECTION ============ */
  .special-offer{
   background: linear-gradient(90deg, #2EAD1F 0%, #3DBF2B 100%);
 padding:64px 0;
    box-shadow:inset 0px 1px 0px rgba(255,255,255,0.15);
  }
  .offer-wrap{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
   
  }
  .offer-content h2{
    font-size:32px;
    font-weight:800;
    color:#ffffff;
    margin-bottom:12px;
  }
  .offer-content p{
    font-size:16px;
    line-height:1.6;
    color:rgba(255,255,255,0.85);
  }
    .offer-content p:last-child{
      margin-bottom: 0;
    }
  .special-offer .green-btn{
    background:#ffffff;
    padding: 16px 32px;
    font-weight: 700;
    color:#2EAD1F;
  }


  /* ============ SERVICE REQUEST SECTION ============ */
  .service-request-section{
  
    padding:80px 0 36px;
  }
  .service-request-wrap{
     display: grid;
     grid-template-columns: 1fr 420px;
    gap: 20px;
    justify-content: space-between;
    align-items:flex-start;
  }
   .service-request-wrap .service-content{
    
    max-width: 716px;
    
  }
   .service-request-wrap .service-content h2{
    font-weight:800;
    color:var(--Dark-Blue2);
    margin-bottom: 16px;
   
  }
   .service-request-wrap  .service-content  p{
  
    line-height:1.6;
    color:var(--light-gray);
   
  }
  .service-request-wrap  .service-content .problem-list{
    margin-top:24px;
  }
  .service-request-wrap  .service-content  .problem-list h3,
  .service-request-wrap  .service-content  .problem-list h4{
    font-size:22px;
    font-weight:700;
    color:var(--Dark-Blue2);
    margin-bottom:24px;
  }
  .service-request-wrap  .service-content  .problem-list ul{
    display:flex;
    flex-direction:column;
    gap:20px;
  }
  .service-request-wrap  .service-content  .problem-list li{
    position:relative;
    padding-left:36px;
    font-size:16px;
    color:var(--light-gray);
  }
  .service-request-wrap  .service-content  .problem-list li::before{
    content:"";
    position:absolute;
    left:0;
    top:1px;
    width:24px;
    height:24px;
    border-radius:50%;
    background:#4CAF50 url('../images/which-tick.svg') center/14px 14px no-repeat;
  }
  .service-request-wrap .service-form{
 
    background:#E6EBF3;
    border-radius:16px;
    padding:32px;
    box-shadow:0px 12px 20px rgba(0,0,0,0.1);
  }
  .service-request-wrap .service-form .service-form-heading h3{
    font-size:24px;
    font-weight:800;
    color:var(--Dark-Blue);
    margin-bottom:8px;
  }
  .service-request-wrap .service-form .service-form-heading  p{
    font-size:14px;
    color:var(--light-gray);
   
  }
 .service-request-wrap .service-form .service-form-heading {
    margin-bottom: 18px;
}
 .service-media-text.dark-blue-bg{
  background: #E6EBF3;

 }
 .service-media-text.light-blue-bg {
    background: #F7FAFC;
}
 .service-media-text{
    padding: 80px 0;

 }
 .service-media-text-wrap{
      display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
        max-width: 1120px;
    margin: auto;
 }
.service-media-text-wrap .content-wrap {
    max-width: 560px;
    flex: 1 1 560px;
}
.service-media-text-wrap .image-wrap {
     max-width: 500px;
    flex: 1 1 500px;
       aspect-ratio: 500 / 300;
    border-radius: 12px;
    overflow: hidden;
   
}
.service-media-text-wrap .image-wrap  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.service-media-text-wrap .content-wrap h2{
  font-size: 26px;
  color: #1A1A26;
  margin-bottom: 16px;
}
.service-media-text-wrap .content-wrap p{
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 16px;
  color: var(--light-gray2);
}
.service-media-text-wrap .content-wrap ul{
      display: flex;
    flex-direction: column;
    gap: 16px;
}
.service-media-text-wrap .content-wrap li{
  color: #4D5966;
  font-size: 13px;
  line-height: 1;
  display: flex;
  gap: 9px;
}
.service-media-text-wrap .content-wrap li:before {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
    background: #2E9E40;
    position: relative;
    top: 4px;
}
.service-media-text-wrap.image-left{
    flex-direction: row-reverse;
}
.service-request-wrap .form-wrp .gform_wrapper.gravity-theme .gfield_label{
  color: var(--Dark-Blue2);
  margin-bottom: 8px!important;
}
.service-request-wrap .gform_wrapper.gravity-theme .gform_fields{
     grid-row-gap: 16px!important;
}
.service-request-wrap .gform_wrapper.gravity-theme .gfield input, .service-request-wrap .gform_wrapper.gravity-theme .gfield select, .service-request-wrap .gform_wrapper.gravity-theme .gfield textarea {
    background: #FFFFFF;
    color: #2B3D69;
    border-radius: 6px;
    padding: 15px 16px !important;
    box-shadow: none;
    font-weight: normal;
    font-size: 14px !important;
    line-height: 100% !important;
    letter-spacing: 0;
    transition: all 0.33s ease;
    border: 1px solid #E2E8F0;
}
.service-request-wrap .gform_wrapper.gravity-theme .gfield textarea.small {
    height: 100px;
}
.service-request-wrap .gform_wrapper.gravity-theme .gform_footer{
  box-shadow: 0px 4px 12px 0px #26991A4D;
  margin: 18px auto 0 !important;
}
.service-request-wrap .gform_wrapper.gravity-theme .gfield select {
    background-image: url(../images/down-select-arrow.svg);
    background-repeat: no-repeat;
    background-position: right 18px center;
}
/* ============ TROUBLESHOOTING SECTION ============ */
  .troubleshooting-section{
    padding:80px 0;
  }
   .troubleshooting-section.dark-blue-bg{
    background: #E6EBF3;
   } 
  .troubleshooting-wrap .section-heading{
    text-align:center;
    margin-bottom: 48px;
  }
    .troubleshooting-wrap .section-heading .sub-heading{
      margin-bottom: 12px;
    }
      .troubleshooting-section.dark-blue-bg  .troubleshooting-wrap .section-heading .sub-heading{
        color:#4CAF50;
            font-size: 14px;
    }
  .troubleshooting-wrap .section-heading h2{
    font-size:36px;
    font-weight:800;
    color:var(--Dark-Blue2);
  }
  .troubleshooting-grid{
      --columns: 3;
    --gap: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px  var(--gap);
    justify-content: center;
  }
  .trouble-card{
    background:#ffffff;
   border: 1px solid #E2E8F0;
    border-radius:16px;
    padding:32px;
    display:flex;
    flex-direction:column;
    width: calc((100% - (var(--columns) - 1) * var(--gap))/ var(--columns));
  }
  .trouble-card .icon{
    width:48px;
    height:48px;
    border-radius:12px;
    background:rgba(76,175,80,0.1);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom: 16px;
  }
  .trouble-card .icon img{width:24px;height:24px;}
  .trouble-card h3{
    font-size:20px;
    font-weight:800;
    color:var(--Dark-Blue2);
    margin-bottom: 16px;

  }
  .trouble-card p{
    font-size:15px;
    line-height:1.5;
    color:var(--light-gray);
  }
  .trouble-card p:last-child{
    margin-bottom: 0;
  }
  .troubleshooting-wrap .btn-wrap {
    justify-content: center;
    margin-top: 52px;
}

/* ============ OUR PROCESS SECTION ============ */
  .our-process-section{
   
    padding:80px 0;
  }

  .our-process-wrap .section-heading{
    margin-bottom: 56px;
    text-align:center;
  }
  .our-process-wrap .section-heading h2{
    font-size:36px;
    font-weight:800;
    color:var(--Dark-Blue2);
  }
  .our-process-wrap .section-heading .sub-heading{
     font-size: 14px;
     line-height: 1;
     color:#4CAF50;
  }
  .process-grid{
    display: flex;

    gap:24px;
  }
  .process-grid .process-step{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    position:relative;
    flex: 1;
  }
.process-grid .process-step:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 32px;
    left: 50%;
    width: 100%;
    height: 2px;
    background: #E2E8F0;
    z-index: 0;
}
.process-grid .process-step .step-number {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #001f45;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 8px 8px rgba(0,31,69,0.2);
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
}
  .process-grid .process-step .step-number span{
    font-size:24px;
    font-weight:800;
    color:#ffffff;
  }
  .process-grid .process-step h3{
    font-size:18px;
    font-weight:800;
    color:var(--Dark-Blue2);
    margin-bottom: 8px;
  }
  .process-grid .process-step p{
    font-size:14px;
    line-height:1.5;
    color:var(--light-gray);
  }
  .stats-section{
    position:relative;
  
    padding:48px 0;
    background:linear-gradient(to right,#023882,#004da0 50%,#012a61);
    box-shadow:
      inset 500px 0px 200px 0px rgba(255,255,255,0.06),
      inset 0px -60px 80px 0px rgba(0,0,0,0.15),
      inset 0px 1px 0px 0px rgba(255,255,255,0.08);
  }
  .stats-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
  .stats-wrap   .stat-item{
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  .stats-wrap   .stat-item .stat-number{
    font-size:36px;
    font-weight:900;
    color:#4CAF50;
    margin-bottom: 4px;
  }
  .stats-wrap   .stat-item .stat-label{
    font-size:14px;
    font-weight:600;
    color:rgba(255,255,255,0.75);
    text-transform:uppercase;
    letter-spacing:0.02em;
    margin-bottom: 0;
  }



 /* ============ FAQ SECTION ============ */
 .service-area .faq-section{
  background: #F8FAFC;
 }

  .faq-section{
    background:#ffffff;
    padding:56px 0;
  }
  .faq-wrap{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:48px;
  }
  .faq-wrap .section-heading{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
  }
  .faq-wrap .section-heading h2{
    font-size:36px;
    font-weight:800;
    color:var(--text-darkest);
  }
  .faq-list{
    display:flex;
    flex-direction:column;
    gap:12px;
    width:100%;
    /*max-width:800px;*/
    margin:0 auto;
  }
    .faq-list  .faq-item{
    background:#F8FAFC;
    border:1px solid #E2E8F0;
    border-radius:8px;
   
  }
  .faq-list  .faq-item .faq-title{
     padding:24px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    cursor:pointer;
  }
    .faq-list  .faq-item .faq-title h3{
     font-size:17px;
      font-weight:700;
      color: var(--Dark-Blue2);
      margin-bottom: 0;
    }
 
  .faq-item .plus-icon{
    width:14px;
    height:14px;
    flex-shrink:0;
  }
     .faq-list  .faq-item  .faq-content{
      padding: 0 24px 24px;
     }
       .faq-list  .faq-item .faq-title:after{
    content:"";
    display:block;
    width:14px;
    height: 14px;
    background: url("../images/plus-icon.svg");
  } 
  .faq-list .faq-item.active .faq-title:after{
     background: url("../images/minus-icon.svg");
  }   
  .faq-list .faq-item .faq-content p:last-child{
    margin-bottom: 0;
  }





   .inner-hero-image .hero-inner {
    position: relative;
    z-index: 1;
    align-items: center;
    justify-content: center;
    display: flex;

}
.inner-hero-image .hero-inner .hero-media{
      display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
}
.inner-hero-image .hero-inner .hero-content{
    flex: 1;
}
.inner-hero-image .hero-inner .hero-media .img-wrap {
    max-width: 540px;
    height: 480px;
    border-radius: 24px;
    box-shadow: 0px 20px 40px rgba(0, 77, 160, 0.15);
    overflow: hidden;
}
.inner-hero-image .hero-inner .hero-media .img-wrap  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.inner-hero-image  h1{
   margin-bottom: 24px;
}
.inner-hero-image p{
      font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.85);
}
.inner-hero-image  .hero-btns {
   margin-top: 48px;
   gap: 20px;
}
 /* ---------- Trust Badges ---------- */
   .trust-badges-section{
     padding: 48px 0px;
    border-bottom: 1px solid #F1F5F9;
   }
  .trust-badges {
    display: flex;
    align-items: center;
    justify-content: space-between;
        gap: 15px;
   
  }

    .trust-badges .trust-item {
    display: flex;
    align-items: center;
    gap: 12px;
  }

    .trust-badges .trust-item img { width: 24px; height: 24px; }

    .trust-badges .trust-item span {
    font-weight: 700;
    color: var(--light-Blue);
    white-space: nowrap;
  }


  .signs-section {
  
   background: linear-gradient(90deg, #023882 0%, #004DA0 50%, #012A61 100%);

    padding: 80px 0 62px;
  }

  .signs-wrap {
    display: flex;
       gap: 20px;
    justify-content: space-between;
  }

  .signs-wrap .signs-content {
     max-width: 360px;
    flex: 1 1 360px;
  }
   .signs-wrap .signs-card-wrap{
     max-width: 696px;
    flex: 1 1 696px;
  }
  .signs-wrap   .signs-content .sub-heading{
    margin-bottom: 12px;
    color: #38BDF8;
  }
.signs-wrap   .signs-content  h2 {
    font-weight: 700;
    font-size: 48px;
    line-height: 1.1;
    color: #f8fafc;
    margin-bottom: 32px;
  }

 .signs-wrap   .signs-content  p{
    font-weight: 400;
    font-size: 18px;
    line-height: 1.6;
    color: var(--White);
  }
.signs-wrap   .signs-content .sign-note{
  margin:  32px 0;
}
 .signs-wrap   .signs-content .sign-note p {
    font-style: italic;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.6;
    color: var(--White);
  }
.signs-card-wrap{
      display: flex;
    flex-direction: column;
    gap: 24px;
}
  .signs-card-wrap .sign-card {
    display: flex;
    gap: 24px;
    padding: 32px;
    border-radius: 20px;
    border: 1px solid #334155;
    background: #1E293B;
    box-shadow: 0px 12px 12px rgba(0, 0, 0, 0.25), inset 0px 1px 0px rgba(255, 255, 255, 0.03);
  }

  .signs-card-wrap .sign-card .icon-box { width: 56px; height: 56px; flex-shrink: 0; border: 1px solid #51B749; border-radius: 12px; display: flex; align-items: center; justify-content: center;}
  .signs-card-wrap .sign-card .icon-box img { object-fit: contain;}

  .signs-card-wrap .sign-card .text-info {
    display: flex;
    flex-direction: column;
  }

  .signs-card-wrap .sign-card h3,
  .signs-card-wrap .sign-card h4 {
    font-weight: 700;
    font-size: 20px;
    color: #f1f5f9;
        margin-bottom: 8px;
  }

  .signs-card-wrap .sign-card p {
    font-weight: 400;
    font-size: 15px;
    line-height: 1.5;
    color: #94A3B8;
  }
  .signs-card-wrap .sign-card p:last-child{
    margin-bottom: 0;
  }
  .expect-step-section{
     padding: 56px 0;
  }
  .expect-step-wrap .section-heading {
    text-align: center;
    max-width: 800px;
    margin: auto auto 56px;
}
.expect-step-wrap .section-heading .sub-heading {
    margin-bottom: 12px;
}
.expect-step-wrap .section-heading h2{
  margin-bottom: 12px;
  color: var(--Dark-Blue2);
}
.expect-step-wrap .section-heading p{
   line-height: 1.6;
   color: var(--light-gray);
   font-size: 16px;
}
.expect-steps-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: step-counter;
}
.expect-steps-list  li::before {
    content: counter(step-counter);
  ;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #51B749;
    color: var(--White);
    font-weight: 700;
    font-size: 24px;
    flex-shrink: 0;
}
.expect-steps-list  li{
    counter-increment: step-counter;
    position: relative;
    display: flex;
    align-items: flex-start;
    width: 100%;
    padding: 24px;
    border-radius: 16px;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
   box-shadow: 0px 8px 24px -4px #000D2614;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.6;
    color:var(--Dark-Blue2);
        gap: 16px;
}
.faq-section + .partner-section {
    margin: 31px 0;
}
.faq-section + .partner-section .section-header {
    margin-bottom: 32px;
}

.partner-section .brands-row img{
    margin: auto;
    width: auto;
}

/* ============ REPAIR OR REPLACE SECTION ============ */
 .repair-replace-section {
    background: #F8FAFC;
    padding: 56px 0;
}
  .repair-replace-wrap .section-heading{
    text-align:center;
    margin-bottom:48px;
  }
    .repair-replace-wrap .section-heading .sub-heading{
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    color: #4CAF50;
    margin-bottom: 12px;
  }
 
  .repair-replace-wrap h2{
    font-size:36px;
    font-weight:800;
    color:var(--Dark-Blue2);

  }
  .rr-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
    margin-bottom:48px;
  }
  .rr-grid .rr-card{
    background:#ffffff;
   border: 1px solid #E2E8F0;
    border-radius:16px;
    padding:32px;
  
  }
    .rr-grid  .rr-card h3{
    font-size:18px;
    font-weight:700;
    color:#f59e0b;
    margin-bottom: 16px;
  }
  .rr-grid .rr-card p{
    font-size:16px;
    line-height:1.6;
    color:var(--light-gray);
  }
  .rr-footer p{
    font-size:16px;
    line-height:1.6;
    color:var(--light-gray);
  }
    .rr-grid p:last-child{
      margin-bottom: 0;
    }

.troubleshooting-section.white-bg {
    padding: 56px 0 52px;
}

.troubleshooting-section.white-bg  .section-heading{
  margin-bottom: 56px;
}
.troubleshooting-grid.card-col-2{
      --columns: 2;
         --gap: 16px;
}
.troubleshooting-grid.card-col-2 .trouble-card:last-child:nth-child(2n+1) {
  width: 100%;
}
.troubleshooting-section.white-bg .trouble-card{
      background: var(--White);
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0px 8px 12px rgba(0, 13, 38, 0.08);
}
.troubleshooting-section.white-bg  .troubleshooting-grid .trouble-card .icon{
  width: 40px;
  height: 40px;
  margin-bottom: 12px;
}
.troubleshooting-section.white-bg  .troubleshooting-grid .trouble-card h3{
  font-size: 18px;
   font-weight: 700;
   margin-bottom: 12px;
}
.troubleshooting-section.white-bg  .troubleshooting-grid .trouble-card p{
  font-size: 14px;
  line-height: 1.6;
}
.troubleshooting-section.white-bg .trouble-card .icon img {
    width: 20px;
    height: 20px;
}
.troubleshooting-section.white-bg .troubleshooting-wrap .btn-wrap{
  margin-top: 56px;
}
.service-choose-wrap .btn-wrap {
    text-align: center;
    justify-content: center;
    margin-top: 56px;
}
.service-choose-section.light-blue-bg {
    background: #F8FAFC;
    padding-bottom: 47px;
}
.service-choose-section.light-blue-bg .service-choose-grid .service-choose-item {
border: 1px solid #51B749;
background:#fff;
}

.faq-wrap .section-heading p{
  font-size: 16px;
  line-height: 1.6;
}
.faq-wrap .section-heading .sub-heading{
  color: #4CAF50;
}
.faq-wrap .section-heading p:last-child{
  margin-bottom: 0;
}
.service-choose-section.dark-blue-bg {
    background: #E6EBF3;
    padding: 100px 0;
}
.service-choose-section.dark-blue-bg .service-choose-grid .service-choose-item{
background: #F8FAFC;
border: 1px solid #E2E8F0;
}
.repair-replace-section + .our-process-section {
    padding: 56px 0;
}
.cms-heading-wrap {
    background: linear-gradient(90deg, #023882 0%, #004DA0 50%, #012A61 100%);
    padding: 80px 0 64px;
    text-align: center;
    margin-bottom: 60px;
}
.cms-heading-wrap h1,
  .cms-heading-wrap h2{
  font-weight: 700;
  font-size: 48px;
  color: #fff;
  line-height: 1;

}
.cms-content-wrp {
    /*max-width: 800px;*/
    margin: auto auto 100px;
}
.cms-content-wrp p {
    margin-bottom: 48px;
    font-size: 18px;
    color: var(--light-gray);
    line-height: 1.6;
}
.cms-content-wrp h2,.cms-content-wrp h3, .cms-content-wrp h4, .cms-content-wrp h5, .cms-content-wrp h6{
  color: var(--Dark-Blue2);
}
.cms-content-wrp h2,
.cms-content-wrp h4 {
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 16px;
}
    /* ---------- contact us page ---------- */
    .contact-with-form-block {
    padding: 80px 0;
    background: #F8FAFC;
}
.contact-form-wrap {
        display: grid;
    grid-template-columns: 1fr 410px;
    justify-content: space-between;
        gap: 20px;
 
}

body:has(.contact-with-form-block ) .inner-hero p {
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.85);
        max-width: 800px;
    font-size: 18px;
}
.contact-form-wrap  .contact-sidebar {
  
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.contact-form-wrap .contact-form{
    max-width: 752px;
    background: var(--White);
   border: 1px solid #E2E8F0;
    border-radius: 16px;
    box-shadow: 0px 8px 12px rgba(0, 13, 38, 0.08);
    padding: 48px;
  }
.contact-form-wrap .contact-form .form-heading{
  margin-bottom: 32px;
}
   .contact-form-wrap .contact-form .form-heading  h2{
    font-weight: 700;
    font-size: 28px;
    color: var(--Dark-Blue2);
  }

.contact-form-wrap .contact-form .form-heading p  {
    font-weight: 400;
    font-size: 14px;
    color: var(--light-gray);
    margin-top: 8px;
  }

.contact-form-wrap  .contact-sidebar   .info-box {
    background: var(--White);
   border: 1px solid #E2E8F0;
    border-radius: 16px;
    box-shadow: 0px 8px 12px rgba(0, 13, 38, 0.08);
    padding: 24px;
  }


  .contact-form-wrap  .contact-sidebar   .info-box  h3 {
    font-weight: 700;
    font-size: 18px;
    color: var(--Dark-Blue2);
    margin-bottom: 16px;
  }
  .contact-sidebar .info-box.box-layout-1 ul li {
    display: grid;
    grid-template-columns: 20px 1fr;
    gap: 16px;
}
 .contact-sidebar .info-box.box-layout-1 ul {
  display: flex;
  flex-direction: column;
  gap: 13px;
 }
  .contact-sidebar .info-box.box-layout-3 ul li {
    display: grid;
    grid-template-columns: 18px 1fr;
    gap: 12px;
}
 .contact-sidebar .info-box.box-layout-3 ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
 }
 .contact-sidebar .info-box  li{
   font-size: 14px;
   line-height: 1.5;
   color: var(--light-gray);
 }
  .contact-sidebar .info-box.box-layout-3 ul li{
    font-weight: 600;
    color: var(--Dark-Blue2);
  }
.contact-sidebar .info-box.box-layout-2 ul{
      list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: step-counter;
 }
.contact-sidebar .info-box.box-layout-2 ul li {
    counter-increment: step-counter;
    display: flex;
    position: relative;
    gap:12px;
        font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: var(--light-gray);
}
.contact-sidebar .info-box.box-layout-2 ul li:not(:last-child) {
    margin-bottom: 12px;
}
.contact-sidebar .info-box.box-layout-2 ul li::before {
    content: counter(step-counter);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    border-radius: 12px;
    background:#51B749;
    color: var(--White);
    font-weight: 700;
    font-size: 12px;
}
 

  .contact-sidebar  .help-section {
    background: #D32323;
    border-radius: 16px;
    padding: 24px;
  }

  .contact-sidebar  .help-section p:first-child{
    font-weight: 700;
    font-size: 18px;
   
  }
  .contact-sidebar  .help-section p{
     color: var(--White);
     line-height: 1;
     margin-bottom: 16px;

  }
.contact-sidebar  .help-section p:last-child{
  margin-bottom: 0;
}
  .contact-sidebar .help-section p > a{
    display: block;
    margin-top: 16px;
    font-weight: 800;
    font-size: 32px;
    color: var(--White);
  }

  .contact-sidebar .help-section p small{
  
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.8);
 
  }
.contact-section {
    background: #F8FAFC;
    padding: 80px 0;
}  
.contact-form .gform_wrapper.gravity-theme .gfield_label {
    font-size: 14px !important;
    line-height: 100% !important;
    margin-bottom: 8px !important;
    color: var(--Dark-Blue2)!important;
    font-weight: 600!important;
}

.contact-form .gform_wrapper.gravity-theme .gform_fields, .contact-form .gform_wrapper.gravity-theme .gfield--input-type-address .ginput_container_address {
    grid-row-gap: 24px !important;
    grid-column-gap: 16px !important;
}
.contact-form .gform_wrapper.gravity-theme .gfield input, .contact-form .gform_wrapper.gravity-theme .gfield select, .contact-form .gform_wrapper.gravity-theme .gfield textarea {
    background: #fff;
    color: #0F172A;
  border: 1px solid #E2E8F0;
    border-radius: 8px;
    padding: 15px 16px !important;
    box-shadow: none;
    font-weight: normal;
    font-size: 15px !important;
    line-height: 100% !important;
   
}
.contact-form .gform_wrapper.gravity-theme .gfield textarea.large{
  height: 120px!important;
}
.contact-form .gform_wrapper.gravity-theme .gfield.gfield--input-type-textarea{
   margin-top: 25px;
}
.contact-form .gform_wrapper.gravity-theme .gform_footer {
    max-width: max-content !important;
    justify-content: flex-start;
    display: inline-flex;
        height: auto;
}
.contact-form .gform_wrapper.gravity-theme .gform_footer .gform_button{
      width: auto;
    max-width: max-content;
    min-width: inherit;
        line-height: 1.4 !important;
 background:
    url("../images/white-right-arrow.svg") no-repeat right 30px center,
    linear-gradient(135deg, #2EAD1F 50%, #3DBF2B 75%);
    background-size: 14px, 100%;
    padding: 18px 60px 18px 30px;
} 

.contact-form .form-disclaimer {
    font-size: 12px;
    line-height: 1.5;
    margin-top: 16px;
    margin-bottom: 0;
}
.page-not-found {
    padding: 139px 0 159px;
}
.page-not-found h1{

font-weight: 800;

font-size: 48px;

line-height: 1;


}
.page-not-found .hero-content{
   text-align: center;
}
.page-not-found h1 {
    font-size: 48px;
    line-height: 1.2;
    margin-bottom: 12px;
}
.page-not-found p {
    font-size: 18px;
    line-height: 1.6;
    color: #fff;
}
.page-not-found .hero-btns{
     justify-content: center;
}
.page-not-found .green-btn{
  padding: 17px 40px;
  border-radius: 12px;
}


.blog-list-sec {

  background-color: #f8fafc;
}



.blog-list-sec .ftr-post {
  background-color: #e6ebf3;
  padding: 56px 0;
 
}

.ftr-post .post-wrp .cnt-text .sub-heading {
    line-height: 1;
    font-weight: 700;
    font-size: 14px;
    color: #2ead1f;
    text-transform: none;
    margin: 0 0 16px;
    letter-spacing: 0;
}

.ftr-post .post-wrp {
  display: flex;
  gap: 32px;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 4px 16px rgba(0, 13, 38, 0.05);
  overflow: hidden;
  width: 100%;
}

.ftr-post .post-wrp .img-wrp {
    min-height: 360px;
    margin: 0;
    max-width: 560px;
    flex: 1;
}

.ftr-post .post-wrp .img-wrp a,
.ftr-post .post-wrp .img-wrp img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ftr-post .post-wrp .cnt-wrp {
    flex: 1;
    padding: 24px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-self: center;
}
.ftr-post .post-wrp .btn-wrp {
    line-height: 1;
}

.ftr-post .post-wrp .cnt-text h2,
.ftr-post .post-wrp .cnt-text h3 {
  font-weight: 700;
  font-size: 32px;
  line-height: 1.2;
  color:var(--Dark-Blue2);
  margin: 0 0 16px;
}

.ftr-post .post-wrp .cnt-text h2 a,
.ftr-post .post-wrp .cnt-text h3 a {
  color: inherit;
  text-decoration: none;
}

.ftr-post .post-wrp .cnt-text p {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  color:var(--light-gray);
  margin: 0 0 16px;
  position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.ftr-post .post-wrp .author {
  font-weight: 700;
  font-size: 14px;
  color: var(--Dark-Blue2);
  margin-bottom: 16px;
}

.ftr-post .post-wrp  .btn-link-text {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 700;
  font-size: 14px;
  color: #2ead1f;
  text-decoration: none;
}
.page-intro-section.inner-hero {
    padding: 64px 0;
}
.page-intro-section  .hero-content {
    max-width: 800px;
}

.posts-row {
  background-color: #f8fafc;
  padding: 50px 0 39px;
  margin: 0;
}

.posts-row .col-md-12 {
  width: 100%;
  padding: 0;
}

.blog-lists-wrp .blog-lists {
  row-gap: 48px;
}

.blog-lists-wrp .post-wrp {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 4px 16px rgba(0, 13, 38, 0.05);
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.blog-lists-wrp .post-wrp .img-wrp {
  height: 200px;
  margin: 0;
}

.blog-lists-wrp .post-wrp .img-wrp a,
.blog-lists-wrp .post-wrp .img-wrp img {
  display: block;
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.blog-lists-wrp .post-wrp .cnt-wrp {
  padding: 24px;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

.blog-lists-wrp .post-wrp .cnt-text h3 {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.3;
  color: #0f172a;
  margin: 0 0 12px;
}

.blog-lists-wrp .post-wrp .cnt-text h3 a {
  color: inherit;
  text-decoration: none;
}

.blog-lists-wrp .post-wrp .cnt-text p {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  color: #475569;
  margin: 0 0 12px;
     display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-lists-wrp .post-wrp .btn-wrp {
  margin-top: auto;
      display: flex;
    align-items: center;
    justify-content: space-between;
}

.blog-lists-wrp .post-wrp .btn-wrp .btn-link-text {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 700;
  font-size: 14px;
  color: #2ead1f;
  text-decoration: none;
}
.services  .inner-hero p{
  line-height: 1.5;
}

.blog-lists-wrp .post-wrp .btn-wrp .date{
  font-size: 14px;
  line-height: 1;
  margin-bottom: 0;
}

/* --------------------------------------------------------------------
   Pagination
   -------------------------------------------------------------------- */
.pagination {
  margin-top: 48px;
  display: flex;
  justify-content: center;
  width: 100%;
}

.pagination ul {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
}

.pagination ul li {
  display: flex;
}

.pagination ul li span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  box-shadow: 0 4px 8px rgba(0, 13, 38, 0.05);
  font-weight: 600;
  font-size: 14px;
  color: #0f172a;
  cursor: pointer;
}

.pagination ul li.active span {
  background: #2ead1f;
  border-color: #2ead1f;
  color: #ffffff;
  font-weight: 700;
  box-shadow: none;
}

.pagination ul li.next-arrow span,
.pagination ul li:first-child span {
  padding: 0;
}

.pagination ul li img {
     max-width: 7px;;
}

body:not(.home) .service-area-section {
    background: #F8FAFC;
    padding: 95px 0;
}
body:not(.home) .service-area-section .service-left h2{
    font-size: 40px;
    line-height: 100%;
}
body:not(.home) .service-area-section .service-left p{
  max-width: 100%;
}
.service-area-section .service-map{
      max-width: 560px;
          width: 100%;
    margin-right: 0;
}
.single-blog-banner {
    padding-top: 64px;
}
.single-blog-banner .breadcrumb{
  margin-bottom: 32px;
}
.contact-form-wrap .contact-form .form-heading p:last-child {
    margin-bottom: 0;
}
.page-intro-section  p {
    font-size: 18px;
    line-height: 150%;
    color: rgba(255, 255, 255, 0.85);
}
.page-intro-section  p:last-child{
  margin-bottom: 0;
}


.single-blog-banner {
    padding: 64px 0 40px;
}
.single-blog-banner h1 {
    line-height: 1.2;
    color: var(--Dark-Blue2);
    margin: 0 0 16px;
}
.single-blog-banner .post-meta {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 32px;
  flex-wrap: wrap;
}

.single-blog-banner .post-meta  .item {
  position: relative;
  display: flex;
  align-items: center;
}

.single-blog-banner .post-meta  .item:not(:last-child)::after {
  content: '';
  width: 1px;
  height: 16px;
  background: #e2e8f0;
  margin-left: 24px;
}

.single-blog-banner .author-info {
  display: flex;
  align-items: center;
  gap: 8px;
}

.single-blog-banner .author-info img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
}

.single-blog-banner .author-info .author-name {
  font-weight: 600;
  font-size: 15px;
  color: #0f172a;
}

.single-blog-banner .publish-date,
.single-blog-banner .reading-time {
  font-weight: 400;
  font-size: 15px;
  color: #475569;
}

.single-blog-banner .tags ul {
  list-style: none;
  display: flex;
  gap: 8px;
  margin: 0;
  padding: 0;
}

.single-blog-banner .tags a {
  display: inline-flex;
  background: #004da0;
  color: #ffffff;
  font-weight: 700;
  font-size: 12px;
  padding: 4px 12px;
  border-radius: 4px;
}

.single-blog-banner .bg-img {
  width: 100%;
  height: 520px;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0px 20px 40px 0px rgba(0, 77, 160, 0.15);
}

.single-blog-banner .bg-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


/* --------------------------------------------------------------------
   Single blog content layout
   -------------------------------------------------------------------- */
.single-blog {
  padding: 80px 0;
}

.single-blog .post-cnt-wrp {
  max-width: 800px;
}

.single-blog  .post-cnt > p.wp-block-paragraph {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.6;
  color: #0f172a;
  margin: 0 0 40px;
}

/* Table of contents (article body sections) */
.single-blog .table-of-content-section{
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-bottom: 40px;
}

.single-blog  .table-of-content-section .toc-title {
  font-weight: 700;
  font-size: 28px;
  color: #0f172a;
  margin: 0 0 16px;
}

.single-blog  .table-of-content-section .toc-content p {
  font-weight: 400;
  line-height: 1.6;
  color: #475569;

}
.single-blog  .table-of-content-section .toc-content p:last-child{
  margin: 0;
}
/* Schedule CTA box inside article */

.single-blog  .blog-schedule-cta .schedule-cta-box {
  background: #f8fafc;
  border: 2px solid #2ead1f;
  border-radius: 16px;
  padding: 40px;
}

.single-blog  .blog-schedule-cta h2 {
  font-weight: 700;
  font-size: 24px;
  color: #0f172a;
  margin: 0 0 16px;
}

.single-blog  .blog-schedule-cta p {
  font-weight: 400;
  line-height: 1.5;
  color: #475569;
  margin: 0 0 24px;
}
.single-blog .blog-schedule-cta p a{
    color: #475569;
}
.single-blog .blog-schedule-cta p a:hover{
  color: #000;
}

/* --------------------------------------------------------------------
   Sidebar
   -------------------------------------------------------------------- */
.single-blog .single-blog-sidebar {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.single-blog-sidebar .sidebar-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0px 8px 12px rgba(0, 13, 38, 0.08);
}

.single-blog-sidebar .sidebar-card h3 {
  font-weight: 700;
  font-size: 18px;
  color: #0f172a;
  margin: 0 0 16px;
}

.single-blog-sidebar .sidebar-toc ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.single-blog-sidebar .sidebar-toc ul li a {
  position: relative;
  font-weight: 500;
  font-size: 15px;
  color: #475569;
  text-decoration: underline;
}
.single-blog-sidebar .sidebar-toc ul li{
  display: flex;
    gap: 8px;
}
.single-blog-sidebar .sidebar-toc ul li::before {
    content: '';
    width: 6px;
    height: 6px;
    flex-shrink: 0;
    background: url("../images/blog-li-circle.svg") no-repeat;
    position: relative;
    top: 9px;
}
.single-blog-sidebar .single-post-box {
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 12px;
    width: 100%;
    margin-bottom: 12px;
}

/* Related articles sidebar card */
.single-blog-sidebar .post-list-sec {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0px 8px 12px rgba(0, 13, 38, 0.08);
}


.single-blog-sidebar .post-list-sec .latest-posts-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
}

.single-blog-sidebar .single-post-box {
  border-bottom: 1px solid #e2e8f0;
  padding-bottom: 12px;
  width: 100%;
}

.single-blog-sidebar .single-post-box:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.single-blog-sidebar .single-post-box .post-content h4 {
  font-weight: 600;
  font-size: 14px;
  color: #0f172a;
  margin: 0 0 4px;
  line-height: 1.4;
}

.single-blog-sidebar .single-post-box .post-content h4 a {
  color: inherit;
}

.single-blog-sidebar .single-post-box .post-content > a {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-weight: 700;
  font-size: 12px;
  color: #2ead1f;
}

.single-blog-sidebar .single-post-box .post-content > a img {
  width: 10px;
  height: 10px;
}

/* Author info sidebar card */


.single-blog-sidebar .author-info-box .author-desc p {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
  color: #475569;
  margin: 0 0 12px;
}

.single-blog-sidebar .author-info-box .author-feature {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 12px;
}

.single-blog-sidebar .author-info-box .author-icon {
  overflow: hidden;
  width: 84px;
  height: 84px;
  border: 1px solid #004da0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.single-blog-sidebar .author-info-box .author-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  border-radius: 50%;
  display: block;
}

.single-blog-sidebar .author-info-box .author-feature-content p {
  margin: 0;
  line-height: 1.3;
}

.single-blog-sidebar .author-info-box .author-feature-content p strong {
  font-weight: 700;
  font-size: 14px;
  color: #0f172a;
}

.single-blog-sidebar .author-info-box .author-feature-content p:last-child {
  font-size: 12px;
  color: #475569;
}

/* Need AC Help Now card */
.single-blog-sidebar .help-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0px 8px 12px rgba(0, 13, 38, 0.08);
}

.single-blog-sidebar .help-card p:first-child {
  font-weight: 700;
  font-size: 18px;
  color: #0f172a;
  margin: 0 0 12px;
}

.single-blog-sidebar .help-card p small {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
  color: #475569;
}

.single-blog-sidebar .help-card p:last-child {
  margin-top: 16px;
  margin-bottom: 0;
}

.single-blog-sidebar .help-card .green-btn {
    display: flex;
    justify-content: center;
}
.single-blog-sidebar .immediate-help-section h3 {
    color: #fff;
}
.single-blog-sidebar .help-card  .green-btn::after {
    content: "";
    display: inline-block;
    background: url("../images/white-right-arrow.svg");
    margin-left: 6px;
    width: 12px;
    height: 12px;
}

/* Need Immediate Help card */
.single-blog-sidebar .immediate-help-section {
  background: #d32323;
  border-radius: 16px;
  padding: 24px;
  color: #ffffff;
}

.single-blog-sidebar .immediate-help-section p:first-child {
  font-weight: 700;
  font-size: 18px;
  margin: 0 0 16px;
}

.single-blog-sidebar .immediate-help-section p:nth-child(2) a {
  font-weight: 800;
  font-size: 32px;
  color: #ffffff;
}
.single-blog-sidebar .immediate-help-section p{
  color: #fff;
}
.single-blog-sidebar .immediate-help-section p small {
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
  margin-top: 8px;
}
.single-blog-sidebar .immediate-help-section p:last-child{
  margin-bottom: 0;
}
.single-letest-blog {
    background: #F8FAFC;
    padding: 80px 0;
}
.single-letest-blog .sub-heading {
    margin-bottom: 12px;
}
.single-letest-blog .section-heading h2{
  color: #0F172A;
}
.single-letest-blog .section-heading{
  margin-bottom: 48px;
}
.single-letest-blog .blog-lists-wrp .post-wrp .cnt-wrp .post-date{
color: #94A3B8;
font-size: 12px;
line-height: 1;
}
.service-area .faq-wrap .section-heading .sub-heading{
  color:#004DA0;
}
.service-area .faq-list .faq-item .faq-title{
  background: #fff;
}
.service-area .faq-list .faq-item .faq-title:after {
    background: url("../images/service-faq-down-arrow.svg") no-repeat;
    width: 12px;
    height: 8px;
    transition: all 0.3s linear;
}
.service-area  .faq-list .faq-item.active .faq-title:after {
     background: url("../images/service-faq-down-arrow.svg") no-repeat;
        transform: rotate(180deg);
}
body:has(.repair-replace-section) .hero-btns .green-btn:after{
 content: "";
 display: block;
  content: "";
    display: inline-block;
    background: url("../images/white-right-arrow.svg");
    margin-left: 6px;
    width: 12px;
    height: 12px;
}
body:has(.service-request-section) .hero-btns .green-btn {
    min-width: 250px;
    justify-content: center;
}


/* Autofill design fix - Chrome, Safari, Edge (webkit) */
.gform_wrapper.gravity-theme .gfield input:-webkit-autofill,
.gform_wrapper.gravity-theme .gfield input:-webkit-autofill:hover,
.gform_wrapper.gravity-theme .gfield input:-webkit-autofill:focus,
.gform_wrapper.gravity-theme .gfield input:-webkit-autofill:active,
.gform_wrapper.gravity-theme .gfield textarea:-webkit-autofill,
.gform_wrapper.gravity-theme .gfield select:-webkit-autofill {
    -webkit-text-fill-color: #2B3D69 !important;
    -webkit-box-shadow: 0 0 0px 1000px #FFFFFF33 inset !important;
    box-shadow: 0 0 0px 1000px #FFFFFF33 inset !important;
    border: 1px solid #2B3D69 !important;
    transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
    caret-color: #2B3D69;
}

/* Firefox autofill */
.gform_wrapper.gravity-theme .gfield input:autofill {
    background: #FFFFFF33 !important;
    color: #2B3D69 !important;
    border: 1px solid #2B3D69 !important;
    box-shadow: none !important;
}
/* Autofill design fix - Chrome, Safari, Edge (webkit) */
.contact-form .gform_wrapper.gravity-theme .gfield input:-webkit-autofill,
.contact-form .gform_wrapper.gravity-theme .gfield input:-webkit-autofill:hover,
.contact-form .gform_wrapper.gravity-theme .gfield input:-webkit-autofill:focus,
.contact-form .gform_wrapper.gravity-theme .gfield input:-webkit-autofill:active,
.contact-form .gform_wrapper.gravity-theme .gfield textarea:-webkit-autofill,
.contact-form .gform_wrapper.gravity-theme .gfield select:-webkit-autofill {
    -webkit-text-fill-color: #0F172A !important;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
    box-shadow: 0 0 0px 1000px #fff inset !important;
    border: 1px solid #E2E8F0 !important;
    transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
    caret-color: #0F172A;
}

/* Firefox autofill */
.contact-form .gform_wrapper.gravity-theme .gfield input:autofill {
    background: #fff !important;
    color: #0F172A !important;
    border: 1px solid #E2E8F0 !important;
    box-shadow: none !important;
}
.section-header .subheading.h6 {
    display: block;
}

/* ============ SERVICES LONG FORM ============ */
/* Copy of the .service-request-section rules for the new Services Long Form
   block. Everything inside .service-request-wrap is shared markup, so only
   the outer section and the body:has() rules need duplicating here.
   Mobile rules live at the bottom of responsive.css. */
.services-long-form {
    padding: 80px 0 36px;
}
body:has(.services-long-form) .hero-btns .green-btn {
    min-width: 250px;
    justify-content: center;
}

/* long form body copy inside the Services Long Form block */
.services-long-form .slf-body {
    margin-top: 16px;
}
.services-long-form .slf-body > *:first-child {
    margin-top: 0;
}
.services-long-form .slf-body p {
    line-height: 1.6;
    color: var(--light-gray);
    margin-bottom: 16px;
}
.services-long-form .slf-body h2 {
    font-size: 28px;
    font-weight: 800;
    color: var(--Dark-Blue2);
    margin: 36px 0 14px;
}
.services-long-form .slf-body h3 {
    font-size: 20px;
    font-weight: 700;
    color: var(--Dark-Blue2);
    margin: 28px 0 12px;
}
.services-long-form .slf-body ul,
.services-long-form .slf-body ol {
    margin: 0 0 20px;
    padding-left: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.services-long-form .slf-body li {
    position: relative;
    padding-left: 28px;
    line-height: 1.6;
    color: var(--light-gray);
}
.services-long-form .slf-body ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #4CAF50;
}
.services-long-form .slf-body ol {
    counter-reset: slfnum;
}
.services-long-form .slf-body ol li {
    counter-increment: slfnum;
    padding-left: 34px;
}
.services-long-form .slf-body ol li::before {
    content: counter(slfnum);
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--Dark-Blue2);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}
.services-long-form .slf-body strong {
    color: var(--Dark-Blue2);
    font-weight: 700;
}
.services-long-form .slf-body a {
    color: var(--Dark-Blue2);
    text-decoration: underline;
}
.services-long-form .slf-body a:hover {
    text-decoration: none;
}
.services-long-form .slf-body table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 24px;
}
.services-long-form .slf-body th,
.services-long-form .slf-body td {
    border: 1px solid #E2E8F0;
    padding: 10px 12px;
    text-align: left;
    font-size: 15px;
    line-height: 1.5;
    color: var(--light-gray);
}
.services-long-form .slf-body th {
    background: #E6EBF3;
    color: var(--Dark-Blue2);
    font-weight: 700;
}

/* the long form body accepts arbitrary HTML, so style the rest of the common tags */
.services-long-form .slf-body h4 {
    font-size: 18px;
    font-weight: 700;
    color: var(--Dark-Blue2);
    margin: 24px 0 10px;
}
.services-long-form .slf-body h5,
.services-long-form .slf-body h6 {
    font-size: 16px;
    font-weight: 700;
    color: var(--Dark-Blue2);
    margin: 20px 0 8px;
}
.services-long-form .slf-body blockquote {
    margin: 0 0 20px;
    padding: 16px 20px;
    background: #E6EBF3;
    border-left: 4px solid #4CAF50;
    border-radius: 8px;
}
.services-long-form .slf-body blockquote p {
    margin-bottom: 0;
    font-style: italic;
    color: var(--Dark-Blue2);
}
.services-long-form .slf-body img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
}
.services-long-form .slf-body figure {
    margin: 0 0 20px;
}
.services-long-form .slf-body figcaption {
    font-size: 14px;
    color: var(--light-gray);
    margin-top: 8px;
}
.services-long-form .slf-body iframe,
.services-long-form .slf-body video,
.services-long-form .slf-body embed,
.services-long-form .slf-body object {
    max-width: 100%;
    border: 0;
    border-radius: 12px;
    margin-bottom: 20px;
}
.services-long-form .slf-body .wp-video,
.services-long-form .slf-body .wp-block-embed__wrapper {
    max-width: 100%;
}
.services-long-form .slf-body hr {
    border: 0;
    border-top: 1px solid #E2E8F0;
    margin: 28px 0;
}
.services-long-form .slf-body > ul:last-child,
.services-long-form .slf-body > ol:last-child,
.services-long-form .slf-body > p:last-child {
    margin-bottom: 0;
}

/* right hand column of the Services Long Form block: form plus the contact style cards */
.services-long-form .slf-aside {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.services-long-form .contact-sidebar {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.services-long-form .contact-sidebar .info-box {
    background: var(--White);
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    box-shadow: 0px 8px 12px rgba(0, 13, 38, 0.08);
    padding: 24px;
}
.services-long-form .contact-sidebar .info-box h3 {
    font-weight: 700;
    font-size: 18px;
    color: var(--Dark-Blue2);
    margin-bottom: 16px;
}


/* Blog post body links: site colors, not the Bootstrap default */
.post-cnt-wrp p a,
.post-cnt-wrp li a,
.post-cnt-wrp td a,
.post-cnt-wrp th a,
.post-cnt-wrp dd a,
.post-cnt-wrp blockquote a,
.post-cnt-wrp figcaption a,
.post-cnt-wrp h2 a,
.post-cnt-wrp h3 a,
.post-cnt-wrp h4 a,
.post-cnt-wrp h5 a {
  color: #004da0;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  transition: color 0.2s linear;
}

.post-cnt-wrp p a:hover,
.post-cnt-wrp li a:hover,
.post-cnt-wrp td a:hover,
.post-cnt-wrp th a:hover,
.post-cnt-wrp dd a:hover,
.post-cnt-wrp blockquote a:hover,
.post-cnt-wrp figcaption a:hover,
.post-cnt-wrp h2 a:hover,
.post-cnt-wrp h3 a:hover,
.post-cnt-wrp h4 a:hover,
.post-cnt-wrp h5 a:hover {
  color: #2ead1f;
}

.post-cnt-wrp p a:focus-visible,
.post-cnt-wrp li a:focus-visible {
  outline: 2px solid #2ead1f;
  outline-offset: 2px;
}