p,span,a,li { font-family: "Inter", sans-serif; font-weight:400; } .btn.red-btn, .red-btn {   background-color: #E30613!important; text-transform: none!important; font-family: "Inter", sans-serif!important; font-weight:400;  } .btn.red-btn:hover, .red-btn:hover {   background-color: #253447!important;    } .list-group-item-active { z-index: 1; color: var(--bs-list-group-action-hover-color); text-decoration: none; background-color: var(--bs-list-group-action-hover-bg); } .list-group-item-active:before { filter: revert!important; } .fw-bold,.markets h1.new-main-banner-title, b { font-family: "Inter", sans-serif; font-weight:700; } .fw-semibold { font-family: "Inter", sans-serif; font-weight: 600; } .fw-light { font-family: "Inter", sans-serif; font-weight:300; } .title-container { background-color: #F5F7F766;position: absolute;display: flex;justify-content: flex-end;align-items: center;width: 46%;bottom:3rem; } @media (max-width:1314px) { .title-container { width: 55% } } @media (max-width:1080px) { .title-container { width: 100%; justify-content: center; } .title-container h2 { text-align: center; } } .notice-bar { background-color: #69AF4433;  border: 1px solid #d6e8cf; } .btn-green { background-color: #3A761A!important; text-transform: none!important; font-family: "Inter", sans-serif!important; font-weight:400; } .txt-green { color: #3A761A!important; } .red-button { color: #E30613; font-family: "Inter", sans-serif; font-weight: 600; text-transform: uppercase; margin-top: 10px; display: inline-block; text-decoration: none; transition: all 200ms; } .red-button:hover { color:#253447; transition: all 200ms; } .sidebar .list-group-item:not(span):before{ content: ''; display: inline-block; width: 15px; height: 12px;    position: absolute;   left: 12px;   top: 18px;   transform: translateY(-50%); background-image: url(../images/bullet-arrow_red.png); background-size: contain; background-repeat: no-repeat; background-position: right; margin-right: 10px; filter: grayscale(100%);  } .list-group-item-action:not(.active):hover:before { filter: revert; } .list-group-item { border: none; padding: 0.4rem 0;   position: relative;   padding-left: 40px; /* adjust to your icon size */   margin-left: -10px;  } .quick-links { border-top: 2px solid #D9D9D9; border-bottom: 2px solid #D9D9D9; border-radius: 0; margin-top: 2rem; padding: 2rem 0; } .quick-links .list-group-item { margin-left: 0; padding-left: 0; border-bottom: 1px solid black; padding-bottom: 5px; margin-bottom: 10px; }  .quick-links .list-group-item:hover { border-bottom: 1px solid #E30613;  } .sidebar .quick-links .list-group-item:not(span):before { content: ''; display: inline-block; width: 15px; height: 12px; position: absolute; right: 0; left: auto; top: 18px; transform: translateY(-50%); background-image: url(../images/bullet-arrow_red.png); background-size: contain; background-repeat: no-repeat; background-position: right; filter: none; } .grid-box { background-image: var(--box-bg); background-size: cover; background-position: center; background-repeat: no-repeat; color: #fff; height: 200px; display: flex; padding: 1.5rem; transition: all 0.3s; position: relative; overflow: hidden }  .grid-box::after { content: ""; position: absolute; inset: 0; background-color: rgb(0 0 0 / .4); transition: background-color 0.3s; z-index: 1 }  .grid-box:hover::after { background-color: rgb(255 255 255 / .9) }  .grid-box h5 { position: relative; z-index: 2; margin: 0 }  .grid-box:hover h5 { color: #3EA8C2 }  .grid-box-hub { background-image: var(--hub-box-bg); background-size: cover; background-position: center; background-repeat: no-repeat; color: #fff; height: 200px; display: flex; flex-direction: column; padding: 1.5rem; transition: all 0.3s; position: relative; overflow: hidden; min-height: 320px }  .grid-box-hub::after { content: ""; position: absolute; inset: 0; background-color: rgb(27 50 75 / .7); transition: background-color 0.3s; z-index: 1 }  .card .img-fluid { width: 100% }  .grid-box-hub h5 { position: relative; z-index: 2; margin: 0 }   .grid-box-hub .hover-content { opacity: 0; transition: opacity 0.3s ease; z-index: 2 }  .grid-box-hub:hover .hover-content { opacity: 1 } .grid-box-hub:hover h5.hide { opacity: 0 } .grid-box-hub {   position: relative;   display: flex;   flex-direction: column;   justify-content: flex-end; /* Title at bottom by default */   height: 260px;   padding: 20px;   color: #fff;   background-size: cover;   background-position: center;   overflow: hidden; }  .grid-box-hub h5 {   position: relative;   margin: 0;   z-index: 2;   transition: transform 0.4s ease, opacity 0.4s ease; }  .grid-box-hub .hover-content {   position: absolute;   bottom: 20px;   left: 20px;   right: 20px;    opacity: 0; }  /* Red Gradient CTA Banner */ .cta-banner { background: linear-gradient(90deg, #E30613 0%, #7D030A 100%); color: #fff; }  /* Grey button */ .btn-cta-grey { background-color: #303840!important; color: #fff; border: 1px solid #303840; transition: 0.3s ease; text-transform: none!important; font-family: "Inter", sans-serif!important; font-weight:400; } .btn-cta-grey:hover { background-color: transparent!important; border-color: white; color: #fff; }  /* Red outline button */ .btn-cta-outline { border: 1px solid #fff; color: #fff; background: transparent!important; transition: 0.3s ease; text-transform: none!important; font-family: "Inter", sans-serif!important; font-weight:400; } .btn-cta-outline:hover { background-color: #303840!important; color: #fff; border-color: #303840; } /* Full section with dark image background */ .industry-form-section { background: url('/images/markets/cta-back.jpg') center/cover no-repeat; color: #fff; }  .industry-form-section > .container { position: relative; z-index: 2; }  /* Form card box */ .form-card { background: #fff; border-top: 6px solid #E30613; position: relative; box-shadow: 0px 8px 25px rgba(0,0,0,0.1); }  /* Fix spacing inside the embedded form */ .form-card form { margin-top: 10px; }  /* Shadow like screenshot */ .form-card.no-border { border-top: none; border-radius: 6px; border:1px solid #dcdcdc; }  .footer-top { display: none; }  /* Shared gradient container behavior */ .image-gradient { position: relative; overflow: hidden; }  .image-gradient img { display: block; }  /* LEFT gradient (white → transparent to the RIGHT) */ .image-gradient-left::after { content: ""; position: absolute; top: 0; left: 0; width: 30%;  /* adjust intensity */ height: 100%; pointer-events: none; background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0)); }  /* RIGHT gradient (white → transparent to the LEFT) */ .image-gradient-right::after { content: ""; position: absolute; top: 0; right: 0; width: 30%;     /* adjust intensity */ height: 100%; pointer-events: none; background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0)); }  .market-banner { background-image: url(/images/up-left-red-arrow.png); background-repeat: no-repeat; background-size: 80px; background-position: 10px 10px; } .market-intro-img { min-height: 150px; width:50%; background-size: cover; background-position: center center; }  .trusted-partner-section .trusted-box { background-color: #E9ECF0CF;  /* Light gray-blue tone */ border-radius: 6px 0 0 6px; }  /* CTA link in red */ .trusted-cta { color: #E30613; text-decoration: none; letter-spacing: 0.5px; }   /* Extra spacing for chevrons */ .trusted-cta:after { content: ''; display: inline-block; width: 20px; height: 12px; background-image: url(../images/bullet-arrow_red.png); background-size: contain; background-repeat: no-repeat; background-position: right; margin-left: 0; }  .back-arrow { text-transform: uppercase; } .back-arrow:before { content: ''; display: inline-block; width: 15px; height: 14px; background-image: url(../images/bullet-arrow_red.png); background-size: contain; background-repeat: no-repeat; background-position: right; margin-right: 10px; transform: rotate(180deg); }  /* Typography tuning (optional) */ .trusted-box h2 { } .trusted-box p { }  .border-title { border-bottom:3px solid #E30613; }  .app-card { background: #ffffff; border: 1px solid #D9D9D9; border-radius: 12px; box-shadow: 0px 8px 20px rgba(0,0,0,0.06); }  /* icon styling */ .app-icon img { width: 100%; max-width: 40px; }  /* -----------------------------------------    IMAGE + TEXT SPLIT SECTION (Reusable) ----------------------------------------- */  .image-text-split { background-color: #E9ECF0CF; }  /* IMAGE */ .split-image-container { position: relative; }  .split-image { border-radius: 12px; width: 100%; height: auto; }  /* TEXT AREA */ .split-text h2 { }  .split-text p {  }  /* CHECKLIST */ .split-list { list-style: none; padding: 0; margin: 0 0 2rem 0; }  .split-list li { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 10px; color: #1d2a39; }  .split-list li:before { content: ''; background-image: url(../images/icons/blue/Icons-DeepBlue_Delivered-Quality.png); display: inline-block; width: 25px; height: 30px; background-size: contain; background-repeat: no-repeat; background-position: right; margin-right: 0; } .split-list i { margin-top: 4px; font-size: 1rem; } .markets span { position: relative; } .markets ul li { height: auto; width: auto; } .markets ul li { display: flex; } .pre-footer-section a.btn.mt-4 { font-family: "Inter", sans-serif; font-weight:300; text-transform: none; background-color: #E30613; } .pre-footer-section a.btn.mt-4:hover { background-color: #253447!important; }  /* ----------------------------------------    BENEFIT CARDS WITH BACKGROUND IMAGES ---------------------------------------- */  .benefit-card { display: flex; border-radius: 6px; overflow: hidden; }  /* white content box */ .benefit-img { background-image: var(--bg); background-size: cover; background-position: center; background-repeat: no-repeat; width:35%; min-height: 285px; } .benefit-content { background: #ffffff; } .market-form { background: url('/images/markets/cta-back.jpg') center/cover no-repeat; margin-top: 7rem; } @media (max-width:768px) { .d-flex { flex-direction: column; } .d-flex>div { width:100%!important; } }  @media (max-width:768px) {  .markets .split-list li { width: 100%!important; height: auto!important; } }