html,
body {
margin: 0 !important;
padding: 0 !important;
max-width: 100%;
overflow-x: hidden !important;
font-family: "Muli", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Saira", sans-serif;
font-weight: 700;
margin: 0;
}
/* =====================================================
SWARGARATHA HEADER
===================================================== */
.swrg-2026-header {
width: 100%;
position: relative;
z-index: 9999;
box-sizing: border-box;
}
.swrg-2026-header *,
.swrg-2026-header *::before,
.swrg-2026-header *::after {
box-sizing: border-box;
}
/* =====================================================
TOP BAR
===================================================== */
.swrg-2026-topbar {
width: 100%;
height: 45px;
background: #d1993b;
border-top: 1px solid rgba(220, 175, 65, 0.45);
border-bottom: 1px solid rgba(255,255,255,0.035);
}
.swrg-2026-topbar-inner {
width: 90%;
max-width: 1200px;
height: 100%;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
}
/* =====================================================
TOP LEFT MESSAGE
===================================================== */
.swrg-2026-top-message {
display: flex;
align-items: center;
gap: 8px;
color: #f1f3f6;
font-size: 13px;
font-weight: 500;
line-height: 1;
white-space: nowrap;
}
/* GREEN DOT */
.swrg-2026-green-dot {
width: 10px;
height: 10px;
min-width: 10px;
border-radius: 50%;
background: #18c96b;
display: inline-block;
}
/* =====================================================
TOP CONTACT AREA
===================================================== */
.swrg-2026-top-contacts {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 17px;
height: 100%;
}
.swrg-2026-top-contact {
display: flex;
align-items: center;
gap: 8px;
color: #edf0f5;
text-decoration: none;
font-size: 13px;
font-weight: 600;
white-space: nowrap;
transition: color 0.25s ease;
}
.swrg-2026-top-contact i {
font-size: 13px;
color: #e9edf4;
}
.swrg-2026-top-contact:hover {
color: #ffffff;
}
/* =====================================================
TOP DIVIDERS
===================================================== */
.swrg-2026-divider {
width: 1px;
height: 14px;
background: rgba(255,255,255,0.30);
display: block;
}
/* =====================================================
MAIN NAVBAR
===================================================== */
.swrg-2026-navbar {
width: 100%;
height: 84px;
background: #000000;
}
/* =====================================================
NAVBAR INNER
===================================================== */
.swrg-2026-navbar-inner {
width: 90%;
max-width: 1200px;
height: 100%;
margin: 0 auto;
display: flex;
align-items: center;
}
/* =====================================================
LOGO
===================================================== */
.swrg-2026-logo-link {
width: 135px;
height: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
flex-shrink: 0;
text-decoration: none;
}
.swrg-2026-logo {
width: 100px;
height: auto;
max-height: 70px;
object-fit: contain;
display: block;
}
/* =====================================================
NAVIGATION
===================================================== */
.swrg-2026-navigation {
display: flex;
align-items: center;
justify-content: center;
gap: 29px;
margin-left: 35px;
flex: 1;
}
.swrg-2026-nav-link {
position: relative;
color: #e1e5eb;
text-decoration: none;
font-size: 16px;
font-weight: 600;
line-height: 1;
white-space: nowrap;
transition:
color 0.25s ease,
transform 0.25s ease;
}
.swrg-2026-nav-link:hover {
color: #ffffff;
transform: translateY(-1px);
}
/* =====================================================
CALL 24/7 BUTTON
===================================================== */
.swrg-2026-call-btn {
width: 126px;
height: 46px;
flex-shrink: 0;
margin-left: 30px;
border-radius: 7px;
background: #ec2428;
color: #ffffff;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
font-size: 15px;
font-weight: 800;
box-shadow:
0 5px 15px rgba(236,36,40,0.18);
transition:
background 0.25s ease,
transform 0.25s ease,
box-shadow 0.25s ease;
}
.swrg-2026-call-btn i {
font-size: 14px;
}
.swrg-2026-call-btn:hover {
background: #d91d21;
color: #ffffff;
transform: translateY(-2px);
box-shadow:
0 8px 20px rgba(236,36,40,0.28);
}
/* =====================================================
MOBILE MENU BUTTON
===================================================== */
.swrg-2026-menu-btn {
width: 42px;
height: 42px;
display: none;
align-items: center;
justify-content: center;
margin-left: 12px;
padding: 0;
border: 1px solid rgba(255,255,255,0.35);
border-radius: 5px;
background: transparent;
color: #ffffff;
font-size: 19px;
cursor: pointer;
}
/* =====================================================
LARGE DESKTOP
===================================================== */
@media (max-width: 1250px) {
.swrg-2026-topbar-inner,
.swrg-2026-navbar-inner {
width: 94%;
}
.swrg-2026-navigation {
gap: 20px;
margin-left: 20px;
}
.swrg-2026-nav-link {
font-size: 14px;
}
}
/* =====================================================
TABLET
===================================================== */
@media (max-width: 1050px) {
.swrg-2026-top-message {
font-size: 11px;
}
.swrg-2026-top-contact {
font-size: 11px;
}
.swrg-2026-top-contacts {
gap: 10px;
}
.swrg-2026-navigation {
gap: 14px;
}
.swrg-2026-nav-link {
font-size: 12px;
}
.swrg-2026-call-btn {
width: 110px;
margin-left: 15px;
font-size: 13px;
}
}
/* =====================================================
TABLET / MOBILE
===================================================== */
@media (max-width: 850px) {
/* TOP BAR */
.swrg-2026-topbar {
height: auto;
min-height: 42px;
}
.swrg-2026-topbar-inner {
width: 92%;
min-height: 42px;
padding: 7px 0;
}
.swrg-2026-top-message {
font-size: 10px;
max-width: 100%;
}
.swrg-2026-top-contacts {
display: none;
}
/* NAVBAR */
.swrg-2026-navbar {
height: 72px;
}
.swrg-2026-navbar-inner {
width: 92%;
position: relative;
}
.swrg-2026-logo-link {
width: 100px;
}
.swrg-2026-logo {
width: 76px;
}
/* HIDE DESKTOP MENU */
.swrg-2026-navigation {
position: absolute;
top: 72px;
left: 0;
width: 100%;
height: auto;
margin: 0;
padding: 10px 18px 18px;
display: none;
flex-direction: column;
align-items: stretch;
gap: 0;
background: #111d2d;
border-top: 1px solid rgba(255,255,255,0.08);
box-shadow: 0 12px 25px rgba(0,0,0,0.25);
}
.swrg-2026-navigation.swrg-2026-navigation-active {
display: flex;
}
.swrg-2026-nav-link {
width: 100%;
padding: 14px 5px;
border-bottom: 1px solid rgba(255,255,255,0.07);
font-size: 14px;
}
.swrg-2026-nav-link:last-child {
border-bottom: none;
}
/* CALL */
.swrg-2026-call-btn {
width: 112px;
height: 42px;
margin-left: auto;
font-size: 13px;
}
/* MENU BUTTON */
.swrg-2026-menu-btn {
display: flex;
}
}
/* =====================================================
MOBILE
===================================================== */
@media (max-width: 600px) {
.swrg-2026-topbar {
min-height: 38px;
}
.swrg-2026-topbar-inner {
width: 94%;
min-height: 38px;
}
.swrg-2026-top-message {
font-size: 9px;
gap: 6px;
}
.swrg-2026-green-dot {
width: 7px;
height: 7px;
min-width: 7px;
}
.swrg-2026-navbar {
height: 68px;
}
.swrg-2026-navbar-inner {
width: 94%;
}
.swrg-2026-logo-link {
width: 90px;
}
.swrg-2026-logo {
width: 70px;
}
.swrg-2026-call-btn {
width: 94px;
height: 38px;
margin-left: auto;
gap: 5px;
border-radius: 6px;
font-size: 11px;
}
.swrg-2026-call-btn i {
font-size: 11px;
}
.swrg-2026-menu-btn {
width: 37px;
height: 37px;
margin-left: 8px;
font-size: 16px;
}
.swrg-2026-navigation {
top: 68px;
}
}
/* =====================================================
SMALL MOBILE
===================================================== */
@media (max-width: 400px) {
.swrg-2026-top-message {
font-size: 8px;
}
.swrg-2026-call-btn {
width: 88px;
font-size: 10px;
}
.swrg-2026-logo {
width: 65px;
}
}
.swrg-hero-v2026 {
}
/* =========================================================
HERO MAIN
========================================================= */
.swrg-hero-v2026 {
position: relative;
width: 100%;
/* min-height: 650px; */
overflow: hidden;
background: #090c0d;
isolation: isolate;
}
/* =========================================================
BACKGROUND IMAGE
========================================================= */
.swrg-hero-bg-v2026 {
position: absolute;
inset: 0;
z-index: -3;
background-image:
url("../img/banner.png");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
transform: scale(1.015);
animation:
swrgHeroImageZoom2026 12s
ease-out
forwards;
}
@keyframes swrgHeroImageZoom2026 {
from {
transform: scale(1.04);
}
to {
transform: scale(1);
}
}
/* =========================================================
PREMIUM DARK OVERLAY
========================================================= */
.swrg-hero-overlay-v2026 {
position: absolute;
inset: 0;
z-index: -2;
background:
linear-gradient(
90deg,
rgba(3, 8, 9, 0.94) 0%,
rgba(4, 8, 9, 0.88) 22%,
rgba(4, 8, 9, 0.62) 43%,
rgba(4, 8, 9, 0.20) 67%,
rgba(4, 8, 9, 0.04) 100%
),
linear-gradient(
180deg,
rgba(0,0,0,0.18) 0%,
rgba(0,0,0,0.02) 55%,
rgba(0,0,0,0.48) 100%
);
}
/* =========================================================
HERO CONTAINER
========================================================= */
.swrg-hero-container-v2026 {
width: 90%;
max-width: 1320px;
min-height: 470px;
margin: 0 auto;
position: relative;
display: flex;
align-items: center;
}
/* =========================================================
CONTENT
========================================================= */
.swrg-hero-content-v2026 {
width: 58%;
max-width: 720px;
padding-top: 15px;
position: relative;
z-index: 3;
}
/* =========================================================
TOP LABEL
========================================================= */
.swrg-hero-label-v2026 {
display: flex;
align-items: center;
gap: 11px;
margin-bottom: 17px;
color: #e4b947;
font-size: 13px;
font-weight: 800;
letter-spacing: 1.1px;
text-transform: uppercase;
}
.swrg-hero-label-line-v2026 {
width: 34px;
height: 2px;
display: block;
background: #e4b947;
box-shadow:
0 0 8px rgba(228,185,71,0.45);
}
/* =========================================================
MAIN HEADING
========================================================= */
.swrg-hero-title-v2026 {
margin: 0;
color: #ffffff;
font-size: clamp(48px, 5.2vw, 78px);
font-weight: 700;
line-height: 0.98;
letter-spacing: -1.5px;
text-shadow:
0 4px 20px rgba(0,0,0,0.40);
}
.swrg-hero-title-v2026 span {
display: block;
margin-top: 5px;
color: #e8be4e;
text-shadow:
0 3px 15px rgba(0,0,0,0.55);
}
/* =========================================================
DESCRIPTION
========================================================= */
.swrg-hero-description-v2026 {
width: 90%;
max-width: 570px;
margin: 25px 0 25px;
color: rgba(255,255,255,0.88);
font-size: 15px;
line-height: 1.65;
font-weight: 500;
text-shadow:
0 2px 7px rgba(0,0,0,0.55);
}
/* =========================================================
BUTTONS
========================================================= */
.swrg-hero-actions-v2026 {
display: flex;
align-items: center;
gap: 13px;
margin-bottom: 24px;
}
/* BASE BUTTON */
.swrg-hero-btn-v2026 {
min-height: 46px;
padding: 0 17px;
border-radius: 7px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
text-decoration: none;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.35px;
transition:
transform 0.3s ease,
background 0.3s ease,
box-shadow 0.3s ease;
}
/* PHONE BUTTON */
.swrg-hero-btn-primary-v2026 {
color: #17130a;
background:
linear-gradient(
135deg,
#f4d26a,
#dcae3b
);
box-shadow:
0 7px 20px rgba(0,0,0,0.25);
}
.swrg-hero-btn-primary-v2026:hover {
color: #111;
transform: translateY(-3px);
box-shadow:
0 10px 28px rgba(0,0,0,0.35);
}
/* WHATSAPP */
.swrg-hero-btn-whatsapp-v2026 {
color: #ffffff;
border: 1px solid rgba(255,255,255,0.70);
background:
rgba(8,14,14,0.35);
backdrop-filter: blur(6px);
}
.swrg-hero-btn-whatsapp-v2026:hover {
color: #ffffff;
border-color: #ffffff;
background:
rgba(8,14,14,0.62);
transform: translateY(-3px);
}
/* BUTTON ICON */
.swrg-hero-btn-icon-v2026 {
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
}
.swrg-hero-btn-icon-v2026 i {
font-size: 14px;
}
/* =========================================================
INFORMATION ROW
========================================================= */
.swrg-hero-info-v2026 {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
color: rgba(255,255,255,0.82);
}
.swrg-hero-info-item-v2026 {
display: flex;
align-items: center;
gap: 6px;
font-size: 10px;
font-weight: 600;
white-space: nowrap;
}
.swrg-hero-info-item-v2026 i {
color: #e4b947;
font-size: 11px;
}
/* DIVIDER */
.swrg-hero-info-divider-v2026 {
width: 1px;
height: 13px;
background:
rgba(255,255,255,0.35);
}
/* =========================================================
RIGHT VISUAL
========================================================= */
.swrg-hero-visual-v2026 {
position: absolute;
width: 53%;
height: 100%;
right: -3%;
top: 0;
pointer-events: none;
}
/* GOLD GLOW */
.swrg-hero-glow-v2026 {
position: absolute;
width: 420px;
height: 420px;
right: 10%;
top: 25%;
border-radius: 50%;
background:
radial-gradient(
circle,
rgba(218,174,63,0.11) 0%,
rgba(218,174,63,0.04) 38%,
transparent 72%
);
filter: blur(10px);
}
/* =========================================================
BOTTOM FADE
========================================================= */
.swrg-hero-bottom-fade-v2026 {
position: absolute;
z-index: 2;
left: 0;
right: 0;
bottom: 0;
height: 100px;
pointer-events: none;
background:
linear-gradient(
to bottom,
transparent,
rgba(5,9,10,0.65)
);
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 1000px) {
.swrg-hero-v2026 {
min-height: 340px;
}
.swrg-hero-container-v2026 {
min-height: 320px;
}
.swrg-hero-content-v2026 {
width: 68%;
}
.swrg-hero-title-v2026 {
font-size: clamp(45px, 6vw, 65px);
}
.swrg-hero-description-v2026 {
font-size: 14px;
}
.swrg-hero-visual-v2026 {
width: 60%;
right: -13%;
}
}
/* =========================================================
TABLET / MOBILE
========================================================= */
@media (max-width: 768px) {
.swrg-hero-v2026 {
min-height: 340px;
}
.swrg-hero-container-v2026 {
width: 90%;
min-height: 320px;
align-items: flex-end;
padding-bottom: 60px;
}
.swrg-hero-content-v2026 {
width: 100%;
max-width: 650px;
}
/* Stronger mobile overlay */
.swrg-hero-overlay-v2026 {
/* background:
linear-gradient(
180deg,
rgba(3,7,8,0.28) 0%,
rgba(3,7,8,0.52) 40%,
rgba(3,7,8,0.92) 73%,
rgba(3,7,8,0.98) 100%
); */
}
.swrg-hero-bg-v2026 {
background-position:
63% center;
}
.swrg-hero-label-v2026 {
font-size: 10px;
margin-bottom: 13px;
}
.swrg-hero-title-v2026 {
font-size: clamp(42px, 10vw, 60px);
line-height: 1;
}
.swrg-hero-description-v2026 {
width: 100%;
font-size: 13px;
line-height: 1.55;
margin: 18px 0 20px;
}
.swrg-hero-actions-v2026 {
gap: 9px;
margin-bottom: 19px;
}
.swrg-hero-btn-v2026 {
min-height: 44px;
padding: 0 13px;
font-size: 9px;
}
.swrg-hero-info-v2026 {
gap: 7px;
}
.swrg-hero-info-item-v2026 {
font-size: 9px;
}
.swrg-hero-info-divider-v2026 {
height: 11px;
}
.swrg-hero-visual-v2026 {
width: 100%;
height: 70%;
right: 0;
top: 0;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 550px) {
.swrg-hero-v2026 {
min-height: 340px;
}
.swrg-hero-container-v2026 {
width: 92%;
min-height: 320px;
padding-bottom: 42px;
}
.swrg-hero-bg-v2026 {
background-position:
67% center;
}
.swrg-hero-label-v2026 {
gap: 7px;
font-size: 8px;
letter-spacing: 0.7px;
}
.swrg-hero-label-line-v2026 {
width: 22px;
}
.swrg-hero-title-v2026 {
font-size: 39px;
letter-spacing: -0.7px;
}
.swrg-hero-title-v2026 span {
margin-top: 3px;
}
.swrg-hero-description-v2026 {
font-size: 11px;
line-height: 1.55;
margin-top: 15px;
}
.swrg-hero-actions-v2026 {
width: 100%;
gap: 7px;
}
.swrg-hero-btn-v2026 {
min-height: 42px;
padding: 0 10px;
font-size: 8px;
gap: 5px;
}
.swrg-hero-btn-icon-v2026 {
width: 20px;
height: 20px;
}
.swrg-hero-btn-icon-v2026 i {
font-size: 11px;
}
.swrg-hero-info-v2026 {
gap: 6px;
}
.swrg-hero-info-item-v2026 {
font-size: 8px;
}
.swrg-hero-info-item-v2026 i {
font-size: 9px;
}
.swrg-hero-info-divider-v2026 {
display: none;
}
.swrg-hero-info-item-v2026:last-child {
width: 100%;
}
}
/* =========================================================
VERY SMALL MOBILE
========================================================= */
@media (max-width: 380px) {
.swrg-hero-v2026 {
min-height: 340px;
}
.swrg-hero-container-v2026 {
min-height: 320px;
}
.swrg-hero-title-v2026 {
font-size: 34px;
}
.swrg-hero-description-v2026 {
font-size: 10px;
}
.swrg-hero-btn-v2026 {
font-size: 7px;
padding: 0 8px;
}
}
/* =========================================================
MAIN SECTION
========================================================= */
.swrg-service-v2026 {
width: 100%;
padding: 18px 0;
background:
#050505;
box-sizing: border-box;
}
.swrg-service-v2026 *,
.swrg-service-v2026 *::before,
.swrg-service-v2026 *::after {
box-sizing: border-box;
}
/* =========================================================
CONTAINER
========================================================= */
.swrg-service-container-v2026 {
width: 92%;
max-width: 1320px;
margin: 0 auto;
display: grid;
grid-template-columns:
repeat(3, 1fr);
gap: 18px;
}
/* =========================================================
SERVICE CARD
========================================================= */
.swrg-service-card-v2026 {
position: relative;
min-height: 155px;
overflow: hidden;
display: flex;
align-items: stretch;
background:
linear-gradient(
135deg,
#101010,
#050505
);
border:
1px solid
rgba(213, 171, 58, 0.32);
border-radius: 9px;
box-shadow:
0 8px 25px rgba(0,0,0,0.38);
transition:
transform 0.3s ease,
border-color 0.3s ease,
box-shadow 0.3s ease;
}
/* subtle gold top line */
.swrg-service-card-v2026::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 2px;
background:
linear-gradient(
90deg,
transparent,
#d7ad3b,
transparent
);
opacity: 0.65;
}
/* hover */
.swrg-service-card-v2026:hover {
transform:
translateY(-4px);
border-color:
rgba(225, 184, 66, 0.72);
box-shadow:
0 13px 30px rgba(0,0,0,0.48);
}
/* =========================================================
IMAGE
========================================================= */
.swrg-service-image-v2026 {
position: relative;
width: 46%;
min-width: 46%;
overflow: hidden;
background: #111;
}
/* image dark gradient */
.swrg-service-image-v2026::after {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(
90deg,
transparent 55%,
rgba(0,0,0,0.45)
);
pointer-events: none;
}
.swrg-service-image-v2026 img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
transition:
transform 0.5s ease;
}
/* image zoom */
.swrg-service-card-v2026:hover
.swrg-service-image-v2026 img {
transform:
scale(1.06);
}
/* =========================================================
CONTENT
========================================================= */
.swrg-service-content-v2026 {
flex: 1;
padding:
20px 17px 17px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
/* =========================================================
TITLE
========================================================= */
.swrg-service-title-v2026 {
display: block;
margin-bottom: 7px;
color: #f1c64e;
font-size: 13px;
font-weight: 800;
line-height: 1.2;
letter-spacing: 0.45px;
}
/* =========================================================
DESCRIPTION
========================================================= */
.swrg-service-description-v2026 {
margin: 0 0 12px;
max-width: 205px;
color:
rgba(255,255,255,0.78);
font-size: 12px;
font-weight: 500;
line-height: 1.45;
}
/* =========================================================
BUTTON
========================================================= */
.swrg-service-button-v2026 {
min-height: 25px;
padding:
0 10px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 7px;
color: #e8c455;
border:
1px solid
rgba(216,174,57,0.7);
border-radius: 20px;
background:
rgba(207,166,51,0.04);
text-decoration: none;
font-size: 13px;
font-weight: 700;
white-space: nowrap;
transition:
background 0.25s ease,
color 0.25s ease,
border-color 0.25s ease,
transform 0.25s ease;
}
.swrg-service-button-v2026 i {
font-size: 8px;
transition:
transform 0.25s ease;
}
.swrg-service-button-v2026:hover {
color: #111;
background: #e3b83e;
border-color: #e3b83e;
transform:
translateY(-1px);
}
.swrg-service-button-v2026:hover i {
transform:
translateX(3px);
}
/* =========================================================
LARGE DESKTOP
========================================================= */
@media (max-width: 1150px) {
.swrg-service-container-v2026 {
gap: 13px;
}
.swrg-service-card-v2026 {
min-height: 145px;
}
.swrg-service-content-v2026 {
padding:
15px 12px;
}
.swrg-service-title-v2026 {
font-size: 11px;
}
.swrg-service-description-v2026 {
font-size: 8px;
}
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 850px) {
.swrg-service-v2026 {
padding: 15px 0;
}
.swrg-service-container-v2026 {
width: 92%;
grid-template-columns:
repeat(2, 1fr);
}
.swrg-service-card-v2026 {
min-height: 145px;
}
.swrg-service-card-v2026:last-child {
grid-column:
1 / -1;
max-width: 50%;
margin: 0 auto;
width: 100%;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 600px) {
.swrg-service-v2026 {
padding: 12px 0;
}
.swrg-service-container-v2026 {
width: 92%;
grid-template-columns:
1fr;
gap: 12px;
}
.swrg-service-card-v2026 {
min-height: 130px;
width: 100%;
}
.swrg-service-card-v2026:last-child {
grid-column: auto;
max-width: none;
margin: 0;
}
.swrg-service-image-v2026 {
width: 43%;
min-width: 43%;
}
.swrg-service-content-v2026 {
padding:
15px 14px;
}
.swrg-service-title-v2026 {
font-size: 12px;
}
.swrg-service-description-v2026 {
max-width: 100%;
margin-bottom: 10px;
font-size: 9px;
}
.swrg-service-button-v2026 {
min-height: 27px;
padding: 0 10px;
font-size: 8px;
}
}
/* =========================================================
SMALL MOBILE
========================================================= */
@media (max-width: 400px) {
.swrg-service-card-v2026 {
min-height: 120px;
}
.swrg-service-image-v2026 {
width: 40%;
min-width: 40%;
}
.swrg-service-content-v2026 {
padding:
12px 10px;
}
.swrg-service-title-v2026 {
font-size: 10px;
}
.swrg-service-description-v2026 {
font-size: 8px;
line-height: 1.35;
}
.swrg-service-button-v2026 {
min-height: 24px;
font-size: 7px;
padding: 0 8px;
}
}
/* =========================================================
MAIN SECTION
========================================================= */
.swrg-about-v2026 {
width: 100%;
padding: 0;
background: #050505;
overflow: hidden;
}
.swrg-about-v2026 *,
.swrg-about-v2026 *::before,
.swrg-about-v2026 *::after {
box-sizing: border-box;
}
/* =========================================================
CONTAINER
========================================================= */
.swrg-about-container-v2026 {
width: 100%;
max-width: 1400px;
min-height: 445px;
margin: 0 auto;
display: grid;
grid-template-columns:
50% 50%;
}
/* =========================================================
IMAGE AREA
========================================================= */
.swrg-about-image-v2026 {
position: relative;
width: 100%;
min-height: 445px;
overflow: hidden;
background: #111;
}
.swrg-about-image-v2026 img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center center;
transition:
transform 0.7s ease;
}
.swrg-about-container-v2026:hover
.swrg-about-image-v2026 img {
transform: scale(1.025);
}
/* IMAGE DARK GRADIENT */
.swrg-about-image-overlay-v2026 {
position: absolute;
inset: 0;
pointer-events: none;
background:
linear-gradient(
90deg,
transparent 55%,
rgba(0,0,0,0.30) 100%
),
linear-gradient(
180deg,
rgba(0,0,0,0.02),
rgba(0,0,0,0.25)
);
}
/* =========================================================
CONTENT AREA
========================================================= */
.swrg-about-content-v2026 {
min-height: 445px;
display: flex;
align-items: center;
background:
radial-gradient(
circle at 90% 10%,
rgba(207,166,55,0.045),
transparent 30%
),
#050505;
border-top:
1px solid
rgba(211,170,55,0.25);
border-bottom:
1px solid
rgba(211,170,55,0.25);
}
/* =========================================================
CONTENT INNER
========================================================= */
.swrg-about-inner-v2026 {
width: 84%;
max-width: 590px;
margin: 0 auto;
}
/* =========================================================
LABEL
========================================================= */
.swrg-about-label-v2026 {
display: flex;
align-items: center;
gap: 9px;
margin-bottom: 12px;
color: #dcb449;
font-size: 10px;
font-weight: 800;
letter-spacing: 1.4px;
}
.swrg-about-label-line-v2026 {
width: 28px;
height: 2px;
background: #dcb449;
display: block;
}
/* =========================================================
HEADING
========================================================= */
.swrg-about-heading-v2026 {
margin: 0;
color: #ffffff;
font-size: clamp(
31px,
3vw,
45px
);
font-weight: 700;
line-height: 1.02;
letter-spacing: -0.6px;
}
.swrg-about-heading-v2026 span {
display: block;
color: #e0b94c;
margin-top: 3px;
}
/* =========================================================
DESCRIPTION
========================================================= */
.swrg-about-description-v2026 {
width: 100%;
max-width: 560px;
margin:
17px 0 19px;
color:
rgba(255,255,255,0.70);
font-size: 16px;
text-align: justify;
line-height: 1.55;
font-weight: 500;
}
/* =========================================================
FEATURES
========================================================= */
.swrg-about-features-v2026 {
width: 100%;
display: grid;
grid-template-columns:
repeat(4, 1fr);
gap: 9px;
}
/* =========================================================
FEATURE ITEM
========================================================= */
.swrg-about-feature-v2026 {
min-width: 0;
display: flex;
align-items: center;
gap: 7px;
}
/* =========================================================
FEATURE ICON
========================================================= */
.swrg-about-feature-icon-v2026 {
width: 31px;
height: 31px;
min-width: 31px;
border:
1px solid
rgba(220,180,70,0.65);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #dfb946;
background:
rgba(221,181,70,0.04);
transition:
background 0.25s ease,
transform 0.25s ease;
}
.swrg-about-feature-icon-v2026 i {
font-size: 11px;
}
.swrg-about-feature-v2026:hover
.swrg-about-feature-icon-v2026 {
background: #dcb449;
color: #080808;
transform: translateY(-2px);
}
/* =========================================================
FEATURE TEXT
========================================================= */
.swrg-about-feature-text-v2026 {
display: flex;
flex-direction: column;
min-width: 0;
}
.swrg-about-feature-text-v2026 strong {
color: #ffffff;
font-size: 15px;
line-height: 1.25;
font-weight: 800;
white-space: nowrap;
}
.swrg-about-feature-text-v2026 span {
margin-top: 2px;
color:
rgba(255,255,255,0.58);
font-size: 12px;
line-height: 1.25;
white-space: nowrap;
}
/* =========================================================
LARGE DESKTOP
========================================================= */
@media (max-width: 1100px) {
.swrg-about-container-v2026 {
min-height: 410px;
}
.swrg-about-image-v2026,
.swrg-about-content-v2026 {
min-height: 410px;
}
.swrg-about-inner-v2026 {
width: 86%;
}
.swrg-about-heading-v2026 {
font-size: 26px;
}
.swrg-about-description-v2026 {
font-size: 10px;
}
.swrg-about-features-v2026 {
gap: 6px;
}
.swrg-about-feature-icon-v2026 {
width: 28px;
height: 28px;
min-width: 28px;
}
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 850px) {
.swrg-about-container-v2026 {
grid-template-columns:
45% 55%;
min-height: 390px;
}
.swrg-about-image-v2026,
.swrg-about-content-v2026 {
min-height: 390px;
}
.swrg-about-heading-v2026 {
font-size: 26px;
}
.swrg-about-description-v2026 {
margin:
14px 0 16px;
font-size: 9px;
line-height: 1.5;
}
.swrg-about-features-v2026 {
grid-template-columns:
repeat(2, 1fr);
row-gap: 10px;
}
.swrg-about-feature-text-v2026 strong {
font-size: 8px;
}
.swrg-about-feature-text-v2026 span {
font-size: 7px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 650px) {
.swrg-about-container-v2026 {
display: flex;
flex-direction: column;
min-height: auto;
}
/* IMAGE */
.swrg-about-image-v2026 {
width: 100%;
height: 300px;
min-height: 300px;
}
.swrg-about-image-v2026 img {
object-position:
center center;
}
/* CONTENT */
.swrg-about-content-v2026 {
width: 100%;
min-height: auto;
padding:
42px 0 40px;
border-top: none;
}
.swrg-about-inner-v2026 {
width: 88%;
max-width: none;
}
.swrg-about-label-v2026 {
font-size: 9px;
margin-bottom: 12px;
}
.swrg-about-heading-v2026 {
font-size: 26px;
line-height: 1.04;
}
.swrg-about-description-v2026 {
max-width: 100%;
margin:
17px 0 22px;
font-size: 11px;
line-height: 1.6;
}
.swrg-about-features-v2026 {
grid-template-columns:
repeat(2, 1fr);
gap: 15px 12px;
}
.swrg-about-feature-icon-v2026 {
width: 34px;
height: 34px;
min-width: 34px;
}
.swrg-about-feature-icon-v2026 i {
font-size: 12px;
}
.swrg-about-feature-text-v2026 strong {
font-size: 9px;
}
.swrg-about-feature-text-v2026 span {
font-size: 8px;
}
}
/* =========================================================
SMALL MOBILE
========================================================= */
@media (max-width: 400px) {
.swrg-about-image-v2026 {
height: 260px;
min-height: 260px;
}
.swrg-about-content-v2026 {
padding:
35px 0;
}
.swrg-about-heading-v2026 {
font-size: 26px;
}
.swrg-about-description-v2026 {
font-size: 10px;
}
.swrg-about-feature-icon-v2026 {
width: 30px;
height: 30px;
min-width: 30px;
}
.swrg-about-feature-text-v2026 strong {
font-size: 12px;
}
.swrg-about-feature-text-v2026 span {
font-size: 11px;
}
}
.swrg-services-grid-2026,
.swrg-services-grid-2026 * {
box-sizing: border-box;
}
.swrg-services-grid-2026 {
width: 100%;
padding: 48px 0 42px;
background: #050505;
color: #ffffff;
position: relative;
overflow: hidden;
}
/* Subtle background glow */
.swrg-services-grid-2026::before {
content: "";
position: absolute;
top: 0;
right: 5%;
width: 380px;
height: 260px;
background: radial-gradient(
ellipse,
rgba(199, 151, 45, 0.09),
transparent 70%
);
pointer-events: none;
}
/* ==========================================
MAIN CONTAINER
========================================== */
.swrg-services-grid-2026__container {
width: 92%;
max-width: 1140px;
margin: 0 auto;
position: relative;
z-index: 1;
}
/* ==========================================
SECTION HEADER
========================================== */
.swrg-services-grid-2026__header {
text-align: center;
margin: 0 auto 28px;
max-width: 850px;
}
.swrg-services-grid-2026__eyebrow {
display: inline-block;
margin-bottom: 8px;
color: #e4bd53;
font-size: 12px;
font-weight: 800;
letter-spacing: 2px;
line-height: 1.4;
}
.swrg-services-grid-2026__heading {
margin: 0;
color: #ffffff;
font-size: 36px;
font-weight: 700;
line-height: 1.15;
letter-spacing: -0.5px;
}
.swrg-services-grid-2026__subtitle {
margin: 10px 0 0;
color: #c0c0c0;
font-size: 13px;
font-weight: 400;
line-height: 1.6;
}
/* ==========================================
DESKTOP GRID
3 COLUMNS PER ROW
========================================== */
.swrg-services-grid-2026__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
align-items: stretch;
}
/* ==========================================
SERVICE CARD
========================================== */
.swrg-services-grid-2026__card {
min-width: 0;
display: flex;
flex-direction: column;
overflow: hidden;
border: 1px solid rgba(214, 174, 70, 0.43);
border-radius: 10px;
background: linear-gradient(145deg, #15130f, #080808 75%);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
transition:
border-color 0.3s ease,
transform 0.3s ease,
box-shadow 0.3s ease;
}
.swrg-services-grid-2026__card:hover {
transform: translateY(-5px);
border-color: #d9b34d;
box-shadow: 0 14px 32px rgba(0, 0, 0, 0.42);
}
/* ==========================================
CARD IMAGE
========================================== */
.swrg-services-grid-2026__image {
position: relative;
width: 100%;
height: 190px;
overflow: hidden;
background: #151515;
}
.swrg-services-grid-2026__image::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0.02) 45%,
rgba(0, 0, 0, 0.25) 100%
);
pointer-events: none;
}
.swrg-services-grid-2026__image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform 0.55s ease;
}
.swrg-services-grid-2026__card:hover
.swrg-services-grid-2026__image img {
transform: scale(1.055);
}
/* ==========================================
CARD CONTENT
========================================== */
.swrg-services-grid-2026__body {
flex: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 17px 16px 16px;
}
/* ==========================================
CARD TITLE
========================================== */
.swrg-services-grid-2026__title {
width: 100%;
min-height: 38px;
margin: 0 0 8px;
color: #f0cc66;
font-size:19px;
font-weight: 800;
line-height: 1.3;
}
/* ==========================================
CARD DESCRIPTION
========================================== */
.swrg-services-grid-2026__description {
flex: 1;
margin: 0 0 17px;
color: #c5c5c5;
font-size: 16px;
font-weight: 400;
line-height: 1.65;
}
/* ==========================================
GOLD BUTTON
========================================== */
.swrg-services-grid-2026__button {
width: 100%;
min-height: 38px;
padding: 9px 12px;
display: flex;
align-items: center;
justify-content: center;
gap: 9px;
border: 1px solid #e5bb4f;
border-radius: 25px;
background: linear-gradient(135deg, #f2d078, #dfb345);
color: #17120a;
text-align: center;
text-decoration: none;
font-size: 12px;
font-weight: 800;
line-height: 1.3;
transition:
background 0.25s ease,
color 0.25s ease,
transform 0.25s ease;
}
.swrg-services-grid-2026__button i {
flex-shrink: 0;
font-size: 11px;
transition: transform 0.25s ease;
}
.swrg-services-grid-2026__button:hover {
background: #ffffff;
color: #15110a;
border-color: #ffffff;
}
.swrg-services-grid-2026__button:hover i {
transform: translateX(3px);
}
/* ==========================================
LAPTOP
STILL 3 COLUMNS
========================================== */
@media (max-width: 1100px) {
.swrg-services-grid-2026 {
padding: 38px 0;
}
.swrg-services-grid-2026__container {
width: 94%;
}
.swrg-services-grid-2026__grid {
gap: 13px;
}
.swrg-services-grid-2026__image {
height: 160px;
}
.swrg-services-grid-2026__body {
padding: 14px 12px;
}
.swrg-services-grid-2026__title {
font-size: 14px;
}
.swrg-services-grid-2026__description {
font-size: 11px;
}
.swrg-services-grid-2026__button {
font-size: 11px;
min-height: 35px;
}
}
/* ==========================================
MOBILE AND TABLET
2 COLUMNS PER ROW
========================================== */
@media (max-width: 767px) {
.swrg-services-grid-2026 {
padding: 32px 0;
}
.swrg-services-grid-2026__container {
width: 92%;
}
.swrg-services-grid-2026__header {
margin-bottom: 23px;
}
.swrg-services-grid-2026__eyebrow {
font-size: 11px;
letter-spacing: 1.7px;
}
.swrg-services-grid-2026__heading {
font-size: 29px;
line-height: 1.2;
}
.swrg-services-grid-2026__subtitle {
font-size: 12px;
margin-top: 9px;
}
.swrg-services-grid-2026__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 13px;
}
.swrg-services-grid-2026__image {
height: 155px;
}
.swrg-services-grid-2026__body {
padding: 13px 11px 12px;
}
.swrg-services-grid-2026__title {
min-height: 38px;
font-size: 14px;
line-height: 1.3;
margin-bottom: 6px;
}
.swrg-services-grid-2026__description {
font-size: 11px;
line-height: 1.55;
margin-bottom: 13px;
}
.swrg-services-grid-2026__button {
min-height: 35px;
padding: 7px 8px;
gap: 6px;
font-size: 10px;
}
.swrg-services-grid-2026__button i {
font-size: 9px;
}
}
/* ==========================================
SMALL MOBILE
2 COLUMNS PER ROW
========================================== */
@media (max-width: 480px) {
.swrg-services-grid-2026 {
padding: 26px 0;
}
.swrg-services-grid-2026__container {
width: 94%;
}
.swrg-services-grid-2026__header {
margin-bottom: 19px;
}
.swrg-services-grid-2026__eyebrow {
font-size: 10px;
margin-bottom: 6px;
}
.swrg-services-grid-2026__heading {
font-size: 24px;
line-height: 1.2;
}
.swrg-services-grid-2026__subtitle {
font-size: 11px;
line-height: 1.5;
}
.swrg-services-grid-2026__grid {
gap: 10px;
}
.swrg-services-grid-2026__card {
border-radius: 7px;
}
.swrg-services-grid-2026__image {
height: 115px;
}
.swrg-services-grid-2026__body {
padding: 10px 9px;
}
.swrg-services-grid-2026__title {
min-height: 34px;
font-size: 12px;
line-height: 1.3;
margin-bottom: 6px;
}
.swrg-services-grid-2026__description {
font-size: 10px;
line-height: 1.45;
margin-bottom: 12px;
}
.swrg-services-grid-2026__button {
min-height: 32px;
padding: 6px;
gap: 5px;
font-size: 9px;
border-radius: 20px;
}
.swrg-services-grid-2026__button i {
font-size: 8px;
}
}
/* ==========================================
EXTRA SMALL PHONES
KEEP 2 COLUMNS
========================================== */
@media (max-width: 350px) {
.swrg-services-grid-2026__grid {
gap: 8px;
}
.swrg-services-grid-2026__image {
height: 100px;
}
.swrg-services-grid-2026__body {
padding: 9px 7px;
}
.swrg-services-grid-2026__title {
font-size: 11px;
}
.swrg-services-grid-2026__description {
font-size: 9px;
}
.swrg-services-grid-2026__button {
font-size: 8px;
padding: 5px 4px;
}
}
.swrg-trust-2026,
.swrg-trust-2026 * {
box-sizing: border-box;
}
.swrg-trust-2026 {
width: 100%;
position: relative;
overflow: hidden;
padding: 52px 0 38px;
color: #ffffff;
background:
radial-gradient(
ellipse at 50% 0%,
rgba(185, 139, 41, 0.13),
transparent 55%
),
linear-gradient(180deg, #0c0b09 0%, #050505 100%);
}
/* Subtle gold decorative glow */
.swrg-trust-2026::before {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 480px;
height: 1px;
transform: translateX(-50%);
background: linear-gradient(
90deg,
transparent,
#cba34a,
transparent
);
}
.swrg-trust-2026__container {
width: 92%;
max-width: 1140px;
margin: 0 auto;
position: relative;
z-index: 1;
}
/* ==============================================
HEADER
============================================== */
.swrg-trust-2026__header {
text-align: center;
margin: 0 auto 34px;
}
.swrg-trust-2026__eyebrow {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
margin-bottom: 12px;
color: #e1bb60;
font-size: 11px;
font-weight: 800;
letter-spacing: 2px;
line-height: 1.4;
}
.swrg-trust-2026__eyebrow-line {
width: 28px;
height: 1px;
background: #b9913e;
}
.swrg-trust-2026__heading {
margin: 0;
color: #ffffff;
font-size: 38px;
font-weight: 700;
line-height: 1.2;
}
.swrg-trust-2026__heading span {
color: #e0b954;
}
.swrg-trust-2026__subtitle {
max-width: 600px;
margin: 12px auto 0;
color: #b9b7b1;
font-size: 13px;
line-height: 1.7;
font-weight: 400;
}
/* ==============================================
DESKTOP GRID — SIX COLUMNS
============================================== */
.swrg-trust-2026__grid {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 14px;
align-items: stretch;
}
/* ==============================================
FEATURE ITEM
============================================== */
.swrg-trust-2026__item {
position: relative;
min-width: 0;
min-height: 190px;
padding: 22px 10px 18px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
border: 1px solid rgba(205, 166, 74, 0.20);
border-radius: 9px;
background: linear-gradient(
155deg,
rgba(255, 255, 255, 0.035),
rgba(255, 255, 255, 0.008)
);
transition:
border-color 0.3s ease,
background 0.3s ease,
transform 0.3s ease,
box-shadow 0.3s ease;
}
/* Fine gold line at card top */
.swrg-trust-2026__item::before {
content: "";
position: absolute;
top: -1px;
left: 25%;
width: 50%;
height: 2px;
border-radius: 5px;
background: linear-gradient(
90deg,
transparent,
#d8b04d,
transparent
);
opacity: 0.75;
}
.swrg-trust-2026__item:hover {
transform: translateY(-5px);
border-color: rgba(222, 185, 91, 0.65);
background: linear-gradient(
155deg,
rgba(204, 164, 65, 0.09),
rgba(255, 255, 255, 0.015)
);
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
}
/* ==============================================
ICON
============================================== */
.swrg-trust-2026__icon-wrap {
width: 49px;
height: 49px;
flex-shrink: 0;
margin-bottom: 15px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(219, 180, 78, 0.75);
border-radius: 50%;
background: radial-gradient(
circle,
rgba(206, 164, 59, 0.13),
rgba(206, 164, 59, 0.025)
);
color: #e4bd5d;
box-shadow: 0 0 18px rgba(201, 160, 56, 0.055);
transition:
color 0.3s ease,
background 0.3s ease,
transform 0.3s ease;
}
.swrg-trust-2026__icon-wrap i {
font-size: 19px;
}
.swrg-trust-2026__item:hover
.swrg-trust-2026__icon-wrap {
color: #15110a;
background: #dfb852;
transform: scale(1.06);
}
/* ==============================================
FEATURE TEXT
============================================== */
.swrg-trust-2026__title {
margin: 0 0 7px;
color: #f0d18a;
font-size: 15px;
font-weight: 800;
line-height: 1.4;
}
.swrg-trust-2026__description {
margin: 0;
color: #bdbbb5;
font-size: 13px;
font-weight: 400;
line-height: 1.6;
}
/* ==============================================
BOTTOM DECORATION
============================================== */
.swrg-trust-2026__bottom-line {
width: 100%;
height: 1px;
margin-top: 30px;
background: linear-gradient(
90deg,
transparent,
rgba(205, 166, 74, 0.40),
transparent
);
}
/* ==============================================
LAPTOP
============================================== */
@media (max-width: 1150px) {
.swrg-trust-2026 {
padding: 42px 0 32px;
}
.swrg-trust-2026__container {
width: 94%;
}
.swrg-trust-2026__grid {
gap: 10px;
}
.swrg-trust-2026__item {
min-height: 180px;
padding: 19px 7px 15px;
}
.swrg-trust-2026__icon-wrap {
width: 43px;
height: 43px;
margin-bottom: 12px;
}
.swrg-trust-2026__icon-wrap i {
font-size: 17px;
}
.swrg-trust-2026__title {
font-size: 12px;
}
.swrg-trust-2026__description {
font-size: 10px;
}
}
/* ==============================================
TABLET — THREE COLUMNS
============================================== */
@media (max-width: 850px) {
.swrg-trust-2026__heading {
font-size: 32px;
}
.swrg-trust-2026__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 13px;
}
.swrg-trust-2026__item {
min-height: 175px;
padding: 20px 12px 16px;
}
.swrg-trust-2026__title {
font-size: 13px;
}
.swrg-trust-2026__description {
font-size: 11px;
}
}
/* ==============================================
MOBILE — TWO COLUMNS
============================================== */
@media (max-width: 550px) {
.swrg-trust-2026 {
padding: 34px 0 26px;
}
.swrg-trust-2026__container {
width: 92%;
}
.swrg-trust-2026__header {
margin-bottom: 24px;
}
.swrg-trust-2026__eyebrow {
font-size: 9px;
letter-spacing: 1.5px;
gap: 8px;
}
.swrg-trust-2026__eyebrow-line {
width: 19px;
}
.swrg-trust-2026__heading {
font-size: 27px;
line-height: 1.25;
}
.swrg-trust-2026__subtitle {
max-width: 340px;
margin-top: 9px;
font-size: 11px;
line-height: 1.6;
}
.swrg-trust-2026__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.swrg-trust-2026__item {
min-height: 160px;
padding: 17px 7px 14px;
border-radius: 8px;
}
.swrg-trust-2026__icon-wrap {
width: 40px;
height: 40px;
margin-bottom: 11px;
}
.swrg-trust-2026__icon-wrap i {
font-size: 16px;
}
.swrg-trust-2026__title {
margin-bottom: 6px;
font-size: 12px;
line-height: 1.4;
}
.swrg-trust-2026__description {
font-size: 10px;
line-height: 1.55;
}
.swrg-trust-2026__bottom-line {
margin-top: 23px;
}
}
/* ==============================================
SMALL MOBILE
============================================== */
@media (max-width: 360px) {
.swrg-trust-2026__heading {
font-size: 24px;
}
.swrg-trust-2026__grid {
gap: 8px;
}
.swrg-trust-2026__item {
min-height: 150px;
padding: 15px 5px 12px;
}
.swrg-trust-2026__icon-wrap {
width: 36px;
height: 36px;
}
.swrg-trust-2026__icon-wrap i {
font-size: 14px;
}
.swrg-trust-2026__title {
font-size: 11px;
}
.swrg-trust-2026__description {
font-size: 9px;
}
}
/* ================================================
SECTION BASE
================================================ */
.swrg-puri-2026,
.swrg-puri-2026 * {
box-sizing: border-box;
}
.swrg-puri-2026 {
width: 100%;
min-height: 430px;
position: relative;
isolation: isolate;
overflow: hidden;
display: flex;
align-items: center;
padding: 55px 0;
color: #fff;
background: #080908;
}
/* ================================================
BACKGROUND IMAGE
================================================ */
.swrg-puri-2026__background {
position: absolute;
inset: 0;
z-index: -3;
background-image: url("../img/cta.png");
background-size: cover;
background-position: center 48%;
background-repeat: no-repeat;
transform: scale(1.01);
}
/* ================================================
PREMIUM OVERLAY
================================================ */
.swrg-puri-2026__overlay {
position: absolute;
inset: 0;
z-index: -2;
background:
linear-gradient(
90deg,
rgba(4, 7, 7, 0.94) 0%,
rgba(5, 7, 7, 0.84) 30%,
rgba(5, 7, 7, 0.48) 58%,
rgba(5, 7, 7, 0.27) 100%
),
linear-gradient(
180deg,
rgba(0, 0, 0, 0.15),
rgba(0, 0, 0, 0.35)
);
}
/* ================================================
MAIN CONTAINER
================================================ */
.swrg-puri-2026__container {
width: 90%;
max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1fr) 340px;
align-items: center;
gap: 65px;
position: relative;
z-index: 2;
}
/* ================================================
LEFT CONTENT
================================================ */
.swrg-puri-2026__content {
max-width: 650px;
}
/* Eyebrow */
.swrg-puri-2026__eyebrow {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 13px;
color: #e5bd61;
font-size: 11px;
font-weight: 800;
letter-spacing: 1.9px;
line-height: 1.5;
}
.swrg-puri-2026__eyebrow-line {
width: 30px;
height: 2px;
background: #d8ad49;
}
/* Heading */
.swrg-puri-2026__heading {
margin: 0;
color: #fff;
font-size: clamp(40px, 4.4vw, 62px);
font-weight: 700;
line-height: 1.08;
letter-spacing: -0.8px;
text-shadow: 0 3px 18px rgba(0, 0, 0, 0.45);
}
.swrg-puri-2026__heading span {
display: block;
color: #e7c26a;
}
/* Description */
.swrg-puri-2026__description {
max-width: 560px;
margin: 19px 0 24px;
color: rgba(255, 255, 255, 0.88);
font-size: 14px;
font-weight: 500;
line-height: 1.75;
}
/* ================================================
MAIN CTA
================================================ */
.swrg-puri-2026__cta {
min-height: 47px;
padding: 0 20px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 15px;
border: 1px solid #f0ce77;
border-radius: 5px;
background: linear-gradient(135deg, #f1d17d, #d8ac47);
color: #191307;
text-decoration: none;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.35px;
transition:
background 0.3s ease,
color 0.3s ease,
transform 0.3s ease,
box-shadow 0.3s ease;
}
.swrg-puri-2026__cta i {
font-size: 12px;
transition: transform 0.3s ease;
}
.swrg-puri-2026__cta:hover {
background: #fff;
border-color: #fff;
color: #111;
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.28);
}
.swrg-puri-2026__cta:hover i {
transform: translateX(4px);
}
/* Availability note */
.swrg-puri-2026__availability {
display: flex;
align-items: center;
gap: 8px;
margin-top: 18px;
color: rgba(255, 255, 255, 0.75);
font-size: 11px;
font-weight: 600;
}
.swrg-puri-2026__availability i {
color: #e4bd5d;
}
/* ================================================
RIGHT GLASS PANEL
================================================ */
.swrg-puri-2026__panel {
width: 100%;
padding: 22px 20px 17px;
border: 1px solid rgba(231, 190, 88, 0.46);
border-radius: 12px;
background: rgba(12, 12, 10, 0.76);
box-shadow:
0 20px 55px rgba(0, 0, 0, 0.35),
inset 0 1px 0 rgba(255, 255, 255, 0.07);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
/* Panel heading */
.swrg-puri-2026__panel-heading {
display: flex;
align-items: center;
gap: 12px;
padding-bottom: 17px;
margin-bottom: 4px;
border-bottom: 1px solid rgba(224, 183, 80, 0.22);
}
.swrg-puri-2026__panel-icon {
width: 40px;
height: 40px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
color: #f0cb70;
border: 1px solid rgba(227, 187, 87, 0.55);
border-radius: 50%;
background: rgba(215, 173, 69, 0.10);
font-size: 17px;
}
.swrg-puri-2026__panel-kicker {
display: block;
margin-bottom: 3px;
color: #dcb75a;
font-size: 9px;
font-weight: 800;
letter-spacing: 1.5px;
}
.swrg-puri-2026__panel-heading h3 {
margin: 0;
color: #fff;
font-size: 18px;
line-height: 1.3;
}
/* ================================================
SERVICE ROWS
================================================ */
.swrg-puri-2026__service {
display: flex;
align-items: center;
gap: 11px;
min-height: 48px;
padding: 8px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.075);
}
.swrg-puri-2026__service:last-of-type {
border-bottom: none;
}
.swrg-puri-2026__service-icon {
width: 32px;
height: 32px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(220, 181, 82, 0.48);
border-radius: 50%;
color: #e8c46c;
background: rgba(216, 176, 72, 0.06);
font-size: 13px;
}
.swrg-puri-2026__service-text {
flex: 1;
color: #f1eee6;
font-size: 12px;
font-weight: 600;
line-height: 1.4;
}
.swrg-puri-2026__check {
color: #d7b052;
font-size: 10px;
}
/* ================================================
WHATSAPP LINK
================================================ */
.swrg-puri-2026__panel-link {
width: 100%;
min-height: 39px;
margin-top: 14px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
border: 1px solid rgba(221, 181, 82, 0.45);
border-radius: 5px;
background: rgba(217, 174, 69, 0.08);
color: #e9c66e;
text-decoration: none;
font-size: 11px;
font-weight: 800;
transition: background 0.25s ease, color 0.25s ease;
}
.swrg-puri-2026__panel-link i {
font-size: 15px;
}
.swrg-puri-2026__panel-link:hover {
color: #171207;
background: #e4bd5d;
}
/* Bottom fade */
.swrg-puri-2026__bottom-fade {
position: absolute;
z-index: 1;
left: 0;
right: 0;
bottom: 0;
height: 35px;
pointer-events: none;
background: linear-gradient(
to bottom,
transparent,
rgba(0, 0, 0, 0.32)
);
}
/* ================================================
LAPTOP
================================================ */
@media (max-width: 1100px) {
.swrg-puri-2026 {
min-height: 410px;
padding: 45px 0;
}
.swrg-puri-2026__container {
width: 92%;
grid-template-columns: minmax(0, 1fr) 305px;
gap: 35px;
}
.swrg-puri-2026__heading {
font-size: 45px;
}
.swrg-puri-2026__description {
font-size: 12px;
line-height: 1.7;
}
.swrg-puri-2026__panel {
padding: 19px 16px 15px;
}
}
/* ================================================
TABLET
================================================ */
@media (max-width: 760px) {
.swrg-puri-2026 {
padding: 55px 0 45px;
}
.swrg-puri-2026__background {
background-position: 60% center;
}
.swrg-puri-2026__overlay {
background:
linear-gradient(
90deg,
rgba(3, 5, 5, 0.88),
rgba(3, 5, 5, 0.65)
),
linear-gradient(
180deg,
rgba(0, 0, 0, 0.10),
rgba(0, 0, 0, 0.60)
);
}
.swrg-puri-2026__container {
width: 88%;
grid-template-columns: 1fr;
gap: 30px;
}
.swrg-puri-2026__content {
max-width: 580px;
}
.swrg-puri-2026__heading {
font-size: 43px;
}
.swrg-puri-2026__description {
max-width: 540px;
font-size: 13px;
}
.swrg-puri-2026__panel {
max-width: 480px;
}
}
/* ================================================
MOBILE
================================================ */
@media (max-width: 480px) {
.swrg-puri-2026 {
padding: 42px 0 34px;
}
.swrg-puri-2026__background {
background-position: 57% center;
}
.swrg-puri-2026__overlay {
background:
linear-gradient(
180deg,
rgba(3, 5, 5, 0.70) 0%,
rgba(3, 5, 5, 0.82) 40%,
rgba(3, 5, 5, 0.96) 100%
);
}
.swrg-puri-2026__container {
width: 90%;
gap: 26px;
}
.swrg-puri-2026__eyebrow {
gap: 8px;
font-size: 9px;
letter-spacing: 1.3px;
}
.swrg-puri-2026__eyebrow-line {
width: 21px;
}
.swrg-puri-2026__heading {
font-size: 36px;
line-height: 1.12;
}
.swrg-puri-2026__description {
margin: 15px 0 20px;
font-size: 12px;
line-height: 1.7;
}
.swrg-puri-2026__cta {
width: 100%;
min-height: 46px;
padding: 10px 12px;
gap: 9px;
font-size: 10px;
}
.swrg-puri-2026__availability {
font-size: 10px;
margin-top: 14px;
}
.swrg-puri-2026__panel {
padding: 18px 15px 14px;
border-radius: 9px;
}
.swrg-puri-2026__panel-heading {
padding-bottom: 14px;
}
.swrg-puri-2026__panel-heading h3 {
font-size: 17px;
}
.swrg-puri-2026__service {
min-height: 47px;
gap: 9px;
}
.swrg-puri-2026__service-text {
font-size: 11px;
}
}
/* ================================================
SMALL MOBILE
================================================ */
@media (max-width: 360px) {
.swrg-puri-2026__heading {
font-size: 31px;
}
.swrg-puri-2026__description {
font-size: 11px;
}
.swrg-puri-2026__cta {
font-size: 9px;
}
.swrg-puri-2026__panel {
padding: 15px 12px;
}
.swrg-puri-2026__service-text {
font-size: 10px;
}
}
.swrg-process-2026,
.swrg-process-2026 * {
box-sizing: border-box;
}
.swrg-process-2026 {
position: relative;
isolation: isolate;
width: 100%;
overflow: hidden;
padding: 52px 0 30px;
color: #ffffff;
background:
radial-gradient(
ellipse at 50% 0%,
rgba(193, 148, 49, 0.10),
transparent 55%
),
#070707;
}
/* Subtle top accent */
.swrg-process-2026::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(
90deg,
transparent,
rgba(220, 180, 83, 0.7),
transparent
);
}
/* ==============================================
CONTAINER
============================================== */
.swrg-process-2026__container {
width: 92%;
max-width: 1140px;
margin: 0 auto;
}
/* ==============================================
SECTION HEADER
============================================== */
.swrg-process-2026__header {
max-width: 750px;
margin: 0 auto 42px;
text-align: center;
}
.swrg-process-2026__eyebrow {
display: flex;
justify-content: center;
align-items: center;
gap: 11px;
margin-bottom: 12px;
color: #dfba61;
font-size: 11px;
font-weight: 800;
letter-spacing: 2px;
line-height: 1.5;
}
.swrg-process-2026__eyebrow span {
width: 25px;
height: 1px;
background: #cba34b;
}
.swrg-process-2026__heading {
margin: 0;
color: #ffffff;
font-size: 38px;
font-weight: 700;
line-height: 1.22;
}
.swrg-process-2026__heading span {
color: #e3bd63;
}
.swrg-process-2026__intro {
max-width: 560px;
margin: 12px auto 0;
color: #aaa9a3;
font-size: 13px;
line-height: 1.7;
}
/* ==============================================
DESKTOP GRID — FOUR COLUMNS
============================================== */
.swrg-process-2026__grid {
position: relative;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 22px;
}
/* ==============================================
INDIVIDUAL STEP
============================================== */
.swrg-process-2026__step {
position: relative;
min-width: 0;
display: flex;
align-items: flex-start;
gap: 14px;
padding: 20px 12px;
border: 1px solid rgba(210, 169, 72, 0.20);
border-radius: 9px;
background: linear-gradient(
145deg,
rgba(255, 255, 255, 0.035),
rgba(255, 255, 255, 0.008)
);
transition:
transform 0.3s ease,
border-color 0.3s ease,
background 0.3s ease;
}
.swrg-process-2026__step:hover {
transform: translateY(-4px);
border-color: rgba(226, 188, 94, 0.65);
background: linear-gradient(
145deg,
rgba(204, 164, 65, 0.09),
rgba(255, 255, 255, 0.015)
);
}
/* ==============================================
VISUAL AREA
============================================== */
.swrg-process-2026__visual {
position: relative;
flex-shrink: 0;
padding-top: 9px;
}
/* Number badge */
.swrg-process-2026__number {
position: absolute;
z-index: 2;
top: -9px;
right: -5px;
min-width: 25px;
height: 23px;
padding: 0 4px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
color: #f1d17e;
background: #17140d;
font-size: 12px;
font-weight: 800;
line-height: 1;
}
/* Circular icon */
.swrg-process-2026__icon {
width: 62px;
height: 62px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #b58d36;
border-radius: 50%;
color: #e5be65;
background: radial-gradient(
circle,
rgba(214, 173, 72, 0.12),
rgba(214, 173, 72, 0.02)
);
box-shadow:
0 0 0 5px rgba(204, 164, 65, 0.035),
inset 0 0 16px rgba(204, 164, 65, 0.035);
transition:
color 0.3s ease,
background 0.3s ease,
transform 0.3s ease;
}
.swrg-process-2026__icon i {
font-size: 23px;
}
.swrg-process-2026__step:hover
.swrg-process-2026__icon {
color: #151109;
background: #e2bb5c;
transform: scale(1.05);
}
/* ==============================================
STEP CONTENT
============================================== */
.swrg-process-2026__content {
flex: 1;
min-width: 0;
padding-top: 5px;
}
.swrg-process-2026__step-label {
display: block;
margin-bottom: 5px;
color: #b89443;
font-size: 9px;
font-weight: 800;
letter-spacing: 1.2px;
}
.swrg-process-2026__title {
margin: 0 0 9px;
color: #f0d18a;
font-size: 15px;
font-weight: 800;
line-height: 1.4;
}
.swrg-process-2026__description {
margin: 0;
color: #b9b8b2;
font-size: 11px;
font-weight: 400;
line-height: 1.65;
}
/* ==============================================
STEP LINK
============================================== */
.swrg-process-2026__link {
display: inline-flex;
align-items: center;
gap: 7px;
margin-top: 13px;
color: #e5bd5f;
font-size: 10px;
font-weight: 800;
text-decoration: none;
transition: color 0.25s ease;
}
.swrg-process-2026__link i {
font-size: 9px;
transition: transform 0.25s ease;
}
.swrg-process-2026__link:hover {
color: #ffffff;
}
.swrg-process-2026__link:hover i {
transform: translateX(4px);
}
/* ==============================================
BOTTOM NOTE
============================================== */
.swrg-process-2026__footer {
display: flex;
align-items: center;
justify-content: center;
gap: 9px;
margin-top: 30px;
padding-top: 19px;
border-top: 1px solid rgba(216, 177, 83, 0.20);
color: #aaa69c;
font-size: 11px;
line-height: 1.6;
text-align: center;
}
.swrg-process-2026__footer i {
color: #d9b253;
font-size: 12px;
}
/* ==============================================
LAPTOP
============================================== */
@media (max-width: 1150px) {
.swrg-process-2026 {
padding: 42px 0 27px;
}
.swrg-process-2026__container {
width: 94%;
}
.swrg-process-2026__grid {
gap: 12px;
}
.swrg-process-2026__step {
gap: 10px;
padding: 17px 9px;
}
.swrg-process-2026__icon {
width: 50px;
height: 50px;
}
.swrg-process-2026__icon i {
font-size: 19px;
}
.swrg-process-2026__title {
font-size: 13px;
}
.swrg-process-2026__description {
font-size: 10px;
}
}
/* ==============================================
TABLET — TWO COLUMNS
============================================== */
@media (max-width: 850px) {
.swrg-process-2026__header {
margin-bottom: 30px;
}
.swrg-process-2026__heading {
font-size: 32px;
}
.swrg-process-2026__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
.swrg-process-2026__step {
min-height: 150px;
padding: 20px 14px;
gap: 13px;
}
.swrg-process-2026__icon {
width: 54px;
height: 54px;
}
.swrg-process-2026__title {
font-size: 14px;
}
.swrg-process-2026__description {
font-size: 11px;
}
}
/* ==============================================
MOBILE — TWO COLUMNS
============================================== */
@media (max-width: 550px) {
.swrg-process-2026 {
padding: 34px 0 23px;
}
.swrg-process-2026__container {
width: 92%;
}
.swrg-process-2026__header {
margin-bottom: 24px;
}
.swrg-process-2026__eyebrow {
gap: 7px;
margin-bottom: 9px;
font-size: 9px;
letter-spacing: 1.3px;
}
.swrg-process-2026__eyebrow span {
width: 17px;
}
.swrg-process-2026__heading {
font-size: 27px;
line-height: 1.3;
}
.swrg-process-2026__intro {
margin-top: 9px;
font-size: 11px;
line-height: 1.6;
}
.swrg-process-2026__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.swrg-process-2026__step {
min-height: 0;
flex-direction: column;
align-items: flex-start;
gap: 13px;
padding: 15px 11px;
border-radius: 8px;
}
.swrg-process-2026__visual {
padding-top: 5px;
}
.swrg-process-2026__number {
top: -5px;
right: -7px;
min-width: 22px;
height: 20px;
font-size: 10px;
}
.swrg-process-2026__icon {
width: 45px;
height: 45px;
}
.swrg-process-2026__icon i {
font-size: 17px;
}
.swrg-process-2026__content {
padding-top: 0;
}
.swrg-process-2026__step-label {
margin-bottom: 4px;
font-size: 8px;
}
.swrg-process-2026__title {
margin-bottom: 6px;
font-size: 12px;
line-height: 1.4;
}
.swrg-process-2026__description {
font-size: 10px;
line-height: 1.55;
}
.swrg-process-2026__link {
margin-top: 10px;
font-size: 9px;
}
.swrg-process-2026__footer {
margin-top: 22px;
padding-top: 15px;
font-size: 10px;
}
}
/* ==============================================
SMALL MOBILE — KEEP TWO COLUMNS
============================================== */
@media (max-width: 360px) {
.swrg-process-2026__heading {
font-size: 24px;
}
.swrg-process-2026__grid {
gap: 8px;
}
.swrg-process-2026__step {
padding: 12px 9px;
gap: 11px;
}
.swrg-process-2026__icon {
width: 40px;
height: 40px;
}
.swrg-process-2026__icon i {
font-size: 15px;
}
.swrg-process-2026__title {
font-size: 11px;
}
.swrg-process-2026__description {
font-size: 9px;
}
.swrg-process-2026__link {
font-size: 8px;
}
}
/* ==============================================
BASE
============================================== */
.swrg-network-bs-2026,
.swrg-network-bs-2026 * {
box-sizing: border-box;
}
.swrg-network-bs-2026 {
width: 100%;
position: relative;
overflow: hidden;
padding: 55px 0;
color: #ffffff;
background:
radial-gradient(
ellipse at 48% 45%,
rgba(188, 145, 47, 0.075),
transparent 55%
),
#070707;
}
.swrg-network-bs-2026__container {
width: 94%;
max-width: 1400px;
margin: 0 auto;
}
/* ==============================================
SHARED HEADINGS
============================================== */
.swrg-network-bs-2026__eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
margin-bottom: 13px;
color: #dcb65a;
font-size: 10px;
font-weight: 800;
letter-spacing: 1.6px;
line-height: 1.5;
}
.swrg-network-bs-2026__eyebrow i {
font-size: 11px;
}
.swrg-network-bs-2026__heading {
margin: 0;
color: #ffffff;
font-size: clamp(27px, 2.6vw, 38px);
font-weight: 700;
line-height: 1.2;
}
.swrg-network-bs-2026__heading span {
display: block;
color: #e3bf69;
}
.swrg-network-bs-2026__intro {
max-width: 510px;
margin: 13px 0 23px;
color: #aaa9a3;
font-size: 17px;
line-height: 1.8;
}
/* ==============================================
LEFT COVERAGE
============================================== */
.swrg-network-bs-2026__coverage {
padding: 25px 27px;
border: 1px solid rgba(213, 173, 76, 0.25);
border-radius: 12px;
background: linear-gradient(
145deg,
rgba(255, 255, 255, 0.035),
rgba(255, 255, 255, 0.008)
);
}
.swrg-network-bs-2026__district-grid {
margin-top: 4px;
}
.swrg-network-bs-2026__district-list {
list-style: none;
padding: 0;
margin: 0;
}
.swrg-network-bs-2026__district-list li {
display: flex;
align-items: flex-start;
gap: 7px;
margin-bottom: 12px;
color: #d5d2c9;
font-size: 17px;
font-weight: 600;
line-height: 1.45;
overflow-wrap: anywhere;
}
.swrg-network-bs-2026__district-list li i {
flex-shrink: 0;
margin-top: 7px;
color: #dfb955;
font-size: 15px;
}
.swrg-network-bs-2026__district-list .swrg-network-bs-2026__other {
color: #e4c16d;
font-weight: 800;
}
/* ==============================================
COVERAGE HIGHLIGHT
============================================== */
.swrg-network-bs-2026__coverage-highlight {
display: flex;
align-items: center;
gap: 13px;
margin-top: 16px;
padding: 15px;
border: 1px solid rgba(215, 174, 75, 0.28);
border-radius: 8px;
background: rgba(208, 163, 56, 0.06);
}
.swrg-network-bs-2026__highlight-icon {
width: 42px;
height: 42px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(223, 185, 92, 0.52);
border-radius: 50%;
color: #e4bf67;
font-size: 17px;
}
.swrg-network-bs-2026__highlight-copy {
flex: 1;
min-width: 0;
}
.swrg-network-bs-2026__highlight-copy h3 {
margin: 0 0 4px;
color: #ead18f;
font-size: 15px;
font-weight: 800;
line-height: 1.4;
}
.swrg-network-bs-2026__highlight-copy p {
margin: 0;
color: #aaa79e;
font-size: 15px;
line-height: 1.6;
}
.swrg-network-bs-2026__call-icon {
width: 35px;
height: 35px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: #161107;
background: #e1bb60;
text-decoration: none;
transition: background .25s ease;
}
.swrg-network-bs-2026__call-icon:hover {
background: #ffffff;
}
/* ==============================================
RIGHT TRANSPORT SECTION
============================================== */
.swrg-network-bs-2026__transport {
padding: 25px 26px;
border: 1px solid rgba(213, 173, 76, 0.25);
border-radius: 12px;
background: linear-gradient(
145deg,
rgba(255, 255, 255, 0.025),
rgba(255, 255, 255, 0.005)
);
}
.swrg-network-bs-2026__transport > .swrg-network-bs-2026__intro {
margin-bottom: 17px;
}
/* ==============================================
TRANSPORT SERVICE CARDS
============================================== */
.swrg-network-bs-2026__service {
width: 100%;
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 11px;
padding: 10px;
border: 1px solid rgba(214, 174, 76, 0.17);
border-radius: 8px;
background: rgba(255, 255, 255, 0.025);
text-decoration: none;
transition:
border-color .25s ease,
background .25s ease,
transform .25s ease;
}
.swrg-network-bs-2026__service:hover {
border-color: rgba(224, 185, 92, 0.65);
background: rgba(216, 174, 74, 0.06);
transform: translateX(3px);
}
.swrg-network-bs-2026__service-image {
width: 112px;
height: 77px;
flex: 0 0 112px;
overflow: hidden;
border-radius: 5px;
background: #171717;
}
.swrg-network-bs-2026__service-image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform .4s ease;
}
.swrg-network-bs-2026__service:hover
.swrg-network-bs-2026__service-image img {
transform: scale(1.06);
}
.swrg-network-bs-2026__service-copy {
min-width: 0;
flex: 1;
}
.swrg-network-bs-2026__service-label {
display: block;
margin-bottom: 4px;
color: #b99547;
font-size: 10px;
font-weight: 800;
letter-spacing: 1.2px;
}
.swrg-network-bs-2026__service-copy h3 {
margin: 0 0 5px;
color: #e7c66f;
font-size: 17px;
font-weight: 800;
line-height: 1.4;
}
.swrg-network-bs-2026__service-copy p {
margin: 0;
color: #b6b3aa;
font-size: 10px;
line-height: 1.5;
}
.swrg-network-bs-2026__service-link {
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: 7px;
color: #e0bb61;
font-size: 10px;
font-weight: 800;
}
.swrg-network-bs-2026__service-link i {
font-size: 9px;
transition: transform .25s ease;
}
.swrg-network-bs-2026__service:hover
.swrg-network-bs-2026__service-link i {
transform: translateX(4px);
}
.swrg-network-bs-2026__service-arrow {
flex-shrink: 0;
color: #d6b257;
font-size: 11px;
}
/* ==============================================
CONTACT CTA
============================================== */
.swrg-network-bs-2026__contact {
display: flex;
align-items: center;
gap: 13px;
width: 100%;
margin-top: 16px;
padding: 14px 15px;
border: 1px solid #d9b455;
border-radius: 7px;
background: linear-gradient(135deg, #efd080, #d6aa43);
color: #171207;
text-decoration: none;
transition:
background .25s ease,
color .25s ease;
}
.swrg-network-bs-2026__contact > i:first-child {
font-size: 19px;
}
.swrg-network-bs-2026__contact strong,
.swrg-network-bs-2026__contact small {
display: block;
}
.swrg-network-bs-2026__contact strong {
font-size: 12px;
font-weight: 800;
}
.swrg-network-bs-2026__contact small {
margin-top: 3px;
font-size: 10px;
font-weight: 600;
}
.swrg-network-bs-2026__contact:hover {
background: #ffffff;
color: #111111;
}
/* ==============================================
LAPTOP
============================================== */
@media (max-width: 1199.98px) {
.swrg-network-bs-2026 {
padding: 42px 0;
}
.swrg-network-bs-2026__coverage,
.swrg-network-bs-2026__transport {
padding: 22px 19px;
}
.swrg-network-bs-2026__district-grid > div {
padding-right: 5px;
padding-left: 5px;
}
.swrg-network-bs-2026__district-list li {
font-size: 10px;
gap: 5px;
}
.swrg-network-bs-2026__service-image {
width: 95px;
height: 70px;
flex-basis: 95px;
}
}
/* ==============================================
TABLET
============================================== */
@media (max-width: 991.98px) {
.swrg-network-bs-2026 {
padding: 38px 0;
}
.swrg-network-bs-2026__container {
width: 92%;
}
.swrg-network-bs-2026__coverage,
.swrg-network-bs-2026__transport {
height: auto !important;
padding: 24px;
}
.swrg-network-bs-2026__heading {
font-size: 30px;
}
.swrg-network-bs-2026__district-list li {
font-size: 11px;
}
.swrg-network-bs-2026__service-image {
width: 110px;
height: 75px;
flex-basis: 110px;
}
}
/* ==============================================
MOBILE
============================================== */
@media (max-width: 575.98px) {
.swrg-network-bs-2026 {
padding: 30px 0;
}
.swrg-network-bs-2026__container {
width: 94%;
}
.swrg-network-bs-2026__container > .row {
--bs-gutter-y: 18px;
}
.swrg-network-bs-2026__coverage,
.swrg-network-bs-2026__transport {
padding: 19px 15px;
border-radius: 9px;
}
.swrg-network-bs-2026__eyebrow {
margin-bottom: 10px;
font-size: 9px;
letter-spacing: 1.2px;
}
.swrg-network-bs-2026__heading {
font-size: 26px;
line-height: 1.25;
}
.swrg-network-bs-2026__intro {
margin: 10px 0 18px;
font-size: 11px;
line-height: 1.7;
}
.swrg-network-bs-2026__district-grid {
--bs-gutter-x: 8px;
}
.swrg-network-bs-2026__district-list li {
gap: 5px;
margin-bottom: 10px;
font-size: 10px;
line-height: 1.45;
}
.swrg-network-bs-2026__district-list li i {
font-size: 9px;
}
.swrg-network-bs-2026__coverage-highlight {
gap: 9px;
padding: 11px;
margin-top: 12px;
}
.swrg-network-bs-2026__highlight-icon {
width: 35px;
height: 35px;
font-size: 14px;
}
.swrg-network-bs-2026__highlight-copy h3 {
font-size: 10px;
}
.swrg-network-bs-2026__highlight-copy p {
font-size: 9px;
}
.swrg-network-bs-2026__call-icon {
width: 30px;
height: 30px;
font-size: 11px;
}
.swrg-network-bs-2026__service {
gap: 9px;
padding: 8px;
margin-bottom: 9px;
}
.swrg-network-bs-2026__service-image {
width: 88px;
height: 69px;
flex-basis: 88px;
}
.swrg-network-bs-2026__service-label {
font-size: 7px;
letter-spacing: .8px;
}
.swrg-network-bs-2026__service-copy h3 {
font-size: 11px;
}
.swrg-network-bs-2026__service-copy p {
font-size: 9px;
line-height: 1.5;
}
.swrg-network-bs-2026__service-link {
margin-top: 5px;
font-size: 9px;
}
.swrg-network-bs-2026__service-arrow {
font-size: 9px;
}
.swrg-network-bs-2026__contact {
gap: 10px;
padding: 12px;
}
.swrg-network-bs-2026__contact strong {
font-size: 11px;
}
.swrg-network-bs-2026__contact small {
font-size: 9px;
}
}
/* ==============================================
EXTRA SMALL PHONES
============================================== */
@media (max-width: 360px) {
.swrg-network-bs-2026__heading {
font-size: 23px;
}
.swrg-network-bs-2026__district-grid {
--bs-gutter-x: 5px;
}
.swrg-network-bs-2026__district-list li {
font-size: 9px;
}
.swrg-network-bs-2026__service-image {
width: 74px;
height: 62px;
flex-basis: 74px;
}
.swrg-network-bs-2026__service-copy h3 {
font-size: 10px;
}
.swrg-network-bs-2026__service-copy p {
font-size: 8px;
}
.swrg-network-bs-2026__service-link {
font-size: 8px;
}
}
.swrg-emergency-trust-2026,
.swrg-emergency-trust-2026 * {
box-sizing: border-box;
}
.swrg-emergency-trust-2026 {
width: 100%;
overflow: hidden;
background: #070707;
color: #fff;
}
.swrg-emergency-trust-2026__container {
width: 100%;
max-width: 1600px;
margin: 0 auto;
}
/* ==============================================
SHARED EYEBROW AND HEADINGS
============================================== */
.swrg-emergency-trust-2026__eyebrow {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 12px;
color: #dfbb63;
font-size: 10px;
font-weight: 800;
letter-spacing: 1.5px;
line-height: 1.5;
}
.swrg-emergency-trust-2026__eyebrow i {
font-size: 11px;
}
.swrg-emergency-trust-2026__heading {
margin: 0;
color: #fff;
font-size: clamp(25px, 2.3vw, 35px);
font-weight: 700;
line-height: 1.22;
}
.swrg-emergency-trust-2026__heading span {
display: block;
color: #e5c471;
}
/* ==============================================
LEFT AMBULANCE PANEL
============================================== */
.swrg-emergency-trust-2026__ambulance {
position: relative;
isolation: isolate;
height: 100%;
min-height: 390px;
display: flex;
align-items: center;
overflow: hidden;
padding: 42px 38px;
background: #10100d;
border-right: 1px solid rgba(218, 177, 79, .25);
}
.swrg-emergency-trust-2026__ambulance-bg {
position: absolute;
inset: 0;
z-index: -3;
background-image: url("YOUR-AMBULANCE-IMAGE.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
transition: transform .6s ease;
}
.swrg-emergency-trust-2026__ambulance:hover
.swrg-emergency-trust-2026__ambulance-bg {
transform: scale(1.025);
}
/* Darken text side while keeping the ambulance visible */
.swrg-emergency-trust-2026__ambulance-overlay {
position: absolute;
inset: 0;
z-index: -2;
background:
linear-gradient(
90deg,
rgba(5, 6, 5, .97) 0%,
rgba(5, 6, 5, .88) 38%,
rgba(5, 6, 5, .53) 68%,
rgba(5, 6, 5, .16) 100%
),
linear-gradient(
0deg,
rgba(0, 0, 0, .48),
transparent 45%
);
}
.swrg-emergency-trust-2026__ambulance-content {
width: 100%;
max-width: 490px;
position: relative;
z-index: 1;
}
.swrg-emergency-trust-2026__ambulance .swrg-emergency-trust-2026__heading {
max-width: 460px;
font-size: clamp(27px, 2.5vw, 38px);
}
.swrg-emergency-trust-2026__description {
max-width: 430px;
margin: 15px 0 20px;
color: #d0cec7;
font-size: 15px;
line-height: 1.8;
}
/* ==============================================
AMBULANCE FEATURES
============================================== */
.swrg-emergency-trust-2026__features {
max-width: 410px;
margin-bottom: 23px;
}
.swrg-emergency-trust-2026__feature {
display: flex;
align-items: center;
gap: 8px;
color: #eee8d8;
font-size: 15px;
font-weight: 600;
line-height: 1.5;
}
.swrg-emergency-trust-2026__feature i {
flex-shrink: 0;
color: #e3bc61;
font-size: 13px;
}
/* ==============================================
AMBULANCE CTA
============================================== */
.swrg-emergency-trust-2026__cta {
min-height: 43px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 11px;
padding: 11px 19px;
border: 1px solid #efd080;
border-radius: 5px;
color: #171207;
background: linear-gradient(135deg, #f2d383, #d9ae49);
font-size: 10px;
font-weight: 800;
letter-spacing: .35px;
text-decoration: none;
transition:
background .25s ease,
transform .25s ease;
}
.swrg-emergency-trust-2026__cta:hover {
color: #111;
background: #fff;
transform: translateY(-2px);
}
.swrg-emergency-trust-2026__cta i {
font-size: 12px;
}
.swrg-emergency-trust-2026__footnote {
margin: 11px 0 0;
color: #aaa69b;
font-size: 9px;
line-height: 1.5;
}
/* ==============================================
RIGHT TESTIMONIAL PANEL
============================================== */
.swrg-emergency-trust-2026__testimonials {
height: 100%;
min-height: 390px;
display: flex;
flex-direction: column;
justify-content: center;
padding: 35px 30px;
background:
radial-gradient(
ellipse at 80% 0%,
rgba(200, 157, 53, .08),
transparent 48%
),
#090909;
}
.swrg-emergency-trust-2026__review-intro {
margin: 10px 0 19px;
color: #aaa9a3;
font-size: 11px;
line-height: 1.7;
}
/* ==============================================
REVIEW CARDS
============================================== */
.swrg-emergency-trust-2026__review {
position: relative;
height: 100%;
min-height: 215px;
display: flex;
flex-direction: column;
padding: 17px 13px 13px;
border: 1px solid rgba(216, 177, 82, .25);
border-radius: 8px;
background: linear-gradient(
145deg,
rgba(255, 255, 255, .045),
rgba(255, 255, 255, .012)
);
transition:
border-color .25s ease,
transform .25s ease,
background .25s ease;
}
.swrg-emergency-trust-2026__review:hover {
border-color: rgba(227, 190, 99, .7);
background: rgba(222, 180, 76, .055);
transform: translateY(-3px);
}
.swrg-emergency-trust-2026__quote {
width: 30px;
height: 30px;
margin-bottom: 9px;
display: flex;
align-items: center;
justify-content: center;
color: #e6c36e;
background: rgba(220, 177, 78, .09);
border: 1px solid rgba(220, 177, 78, .25);
border-radius: 6px;
font-size: 29px;
line-height: 1;
}
.swrg-emergency-trust-2026__review-text {
flex: 1;
margin: 0 0 15px;
color: #d1cec5;
font-size: 13px;
line-height: 1.7;
}
/* Reviewer identity */
.swrg-emergency-trust-2026__review-author {
display: flex;
align-items: center;
gap: 8px;
margin-top: auto;
padding-top: 10px;
border-top: 1px solid rgba(255, 255, 255, .08);
}
.swrg-emergency-trust-2026__author-icon {
width: 29px;
height: 29px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(218, 177, 79, .4);
border-radius: 50%;
color: #e4c16c;
font-size: 11px;
}
.swrg-emergency-trust-2026__review-author h3 {
margin: 0;
color: #f0d28c;
font-size: 13px;
font-weight: 800;
line-height: 1.4;
}
.swrg-emergency-trust-2026__review-author span:not(.swrg-emergency-trust-2026__author-icon) {
display: block;
margin-top: 2px;
color: #99968c;
font-size: 12px;
}
/* Stars */
.swrg-emergency-trust-2026__stars {
display: flex;
gap: 3px;
margin-top: 10px;
color: #e4bd5d;
font-size: 9px;
}
/* ==============================================
REVIEW FOOTER
============================================== */
.swrg-emergency-trust-2026__review-footer {
display: flex;
align-items: center;
gap: 11px;
margin-top: 18px;
padding: 13px;
border: 1px solid rgba(214, 174, 76, .18);
border-radius: 7px;
background: rgba(213, 171, 72, .045);
}
.swrg-emergency-trust-2026__footer-icon {
width: 35px;
height: 35px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
color: #e4c16c;
border: 1px solid rgba(218, 177, 79, .35);
border-radius: 50%;
}
.swrg-emergency-trust-2026__footer-icon i {
font-size: 14px;
}
.swrg-emergency-trust-2026__review-footer p {
margin: 0;
}
.swrg-emergency-trust-2026__review-footer strong,
.swrg-emergency-trust-2026__review-footer p span {
display: block;
}
.swrg-emergency-trust-2026__review-footer strong {
color: #e8ca82;
font-size: 11px;
}
.swrg-emergency-trust-2026__review-footer p span {
margin-top: 3px;
color: #aaa69c;
font-size: 10px;
}
/* ==============================================
LAPTOP
============================================== */
@media (max-width: 1199.98px) {
.swrg-emergency-trust-2026__ambulance {
padding: 32px 25px;
}
.swrg-emergency-trust-2026__testimonials {
padding: 30px 22px;
}
.swrg-emergency-trust-2026__review {
padding: 13px 10px;
}
.swrg-emergency-trust-2026__review-text {
font-size: 9px;
}
}
/* ==============================================
TABLET
============================================== */
@media (max-width: 991.98px) {
.swrg-emergency-trust-2026__ambulance {
min-height: 370px;
border-right: none;
border-bottom: 1px solid rgba(218, 177, 79, .25);
}
.swrg-emergency-trust-2026__testimonials {
min-height: 0;
padding: 35px 25px;
}
.swrg-emergency-trust-2026__review {
min-height: 190px;
padding: 16px;
}
.swrg-emergency-trust-2026__review-text {
font-size: 11px;
}
}
/* ==============================================
MOBILE
============================================== */
@media (max-width: 575.98px) {
.swrg-emergency-trust-2026__ambulance {
min-height: 0;
padding: 37px 22px;
}
.swrg-emergency-trust-2026__ambulance-bg {
background-position: 60% center;
}
.swrg-emergency-trust-2026__ambulance-overlay {
background: linear-gradient(
90deg,
rgba(4, 5, 4, .96) 0%,
rgba(4, 5, 4, .86) 58%,
rgba(4, 5, 4, .50) 100%
);
}
.swrg-emergency-trust-2026__eyebrow {
font-size: 9px;
letter-spacing: 1px;
}
.swrg-emergency-trust-2026__ambulance .swrg-emergency-trust-2026__heading,
.swrg-emergency-trust-2026__heading {
font-size: 27px;
line-height: 1.28;
}
.swrg-emergency-trust-2026__description {
font-size: 11px;
line-height: 1.75;
}
.swrg-emergency-trust-2026__features {
margin-bottom: 19px;
}
.swrg-emergency-trust-2026__feature {
align-items: flex-start;
gap: 6px;
font-size: 9px;
}
.swrg-emergency-trust-2026__feature i {
margin-top: 1px;
font-size: 11px;
}
.swrg-emergency-trust-2026__cta {
width: 100%;
min-height: 44px;
padding: 11px 10px;
font-size: 10px;
}
.swrg-emergency-trust-2026__testimonials {
padding: 32px 18px;
}
.swrg-emergency-trust-2026__review-grid {
--bs-gutter-x: 10px;
--bs-gutter-y: 10px;
}
.swrg-emergency-trust-2026__review {
min-height: 190px;
padding: 13px;
}
.swrg-emergency-trust-2026__review-text {
font-size: 10px;
line-height: 1.7;
}
.swrg-emergency-trust-2026__review-author h3 {
font-size: 10px;
}
}
/* ==============================================
EXTRA SMALL MOBILE
============================================== */
@media (max-width: 380px) {
.swrg-emergency-trust-2026__ambulance {
padding: 30px 15px;
}
.swrg-emergency-trust-2026__ambulance .swrg-emergency-trust-2026__heading,
.swrg-emergency-trust-2026__heading {
font-size: 24px;
}
.swrg-emergency-trust-2026__description {
font-size: 10px;
}
.swrg-emergency-trust-2026__feature {
font-size: 8px;
}
.swrg-emergency-trust-2026__testimonials {
padding: 27px 12px;
}
.swrg-emergency-trust-2026__review {
padding: 10px;
}
.swrg-emergency-trust-2026__review-text {
font-size: 9px;
}
}
.swrg-assist-faq-2026,
.swrg-assist-faq-2026 * {
box-sizing: border-box;
}
.swrg-assist-faq-2026 {
width: 100%;
padding: 50px 0;
overflow: hidden;
color: #fff;
background:
radial-gradient(
ellipse at 50% 50%,
rgba(192, 145, 43, .07),
transparent 60%
),
#070707;
}
.swrg-assist-faq-2026__container {
max-width: 1140px;
margin: 0 auto;
padding-right: 15px;
padding-left: 15px;
}
/* =============================================
PANELS
============================================== */
.swrg-assist-faq-2026__request-panel,
.swrg-assist-faq-2026__faq-panel {
position: relative;
height: 100%;
padding: 28px;
overflow: hidden;
border: 1px solid rgba(216, 174, 75, .25);
border-radius: 10px;
background:
linear-gradient(
145deg,
rgba(255, 255, 255, .035),
rgba(255, 255, 255, .008)
),
#0a0a09;
}
.swrg-assist-faq-2026__request-panel::before,
.swrg-assist-faq-2026__faq-panel::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 70px;
height: 2px;
background: #dcb354;
}
/* =============================================
EYEBROW & HEADINGS
============================================== */
.swrg-assist-faq-2026__eyebrow {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 12px;
color: #dcb75d;
font-size: 9px;
font-weight: 800;
letter-spacing: 1.4px;
line-height: 1.5;
}
.swrg-assist-faq-2026__eyebrow i {
font-size: 11px;
}
.swrg-assist-faq-2026__heading {
margin: 0;
color: #fff;
font-size: clamp(25px, 2.5vw, 32px);
font-weight: 700;
line-height: 1.25;
}
.swrg-assist-faq-2026__heading span {
display: block;
color: #e4c16e;
}
.swrg-assist-faq-2026__intro {
margin: 10px 0 20px;
color: #aaa79f;
font-size: 11px;
line-height: 1.75;
}
/* =============================================
FORM LABELS
============================================== */
.swrg-assist-faq-2026__label {
display: block;
margin-bottom: 5px;
color: #c9c3b4;
font-size: 13px;
font-weight: 700;
letter-spacing: .2px;
}
/* =============================================
FORM INPUTS
============================================== */
.swrg-assist-faq-2026__input-wrap {
position: relative;
display: flex;
align-items: center;
}
.swrg-assist-faq-2026__input-wrap > i {
position: absolute;
left: 11px;
z-index: 2;
color: #cba34b;
font-size: 11px;
pointer-events: none;
}
.swrg-assist-faq-2026__control {
width: 100%;
min-width: 0;
height: 40px;
padding: 9px 10px 9px 30px;
border: 1px solid #38352d;
border-radius: 5px;
outline: none;
color: #eee8d9;
background-color: #121210;
font-size: 13px;
transition:
border-color .25s ease,
box-shadow .25s ease;
}
.swrg-assist-faq-2026__control::placeholder {
color: #77746c;
opacity: 1;
}
.swrg-assist-faq-2026__control:focus {
border-color: #cba34b;
box-shadow: 0 0 0 3px rgba(203, 163, 75, .1);
}
.swrg-assist-faq-2026__control option {
color: #fff;
background: #121210;
}
/* =============================================
SUBMIT BUTTON
============================================== */
.swrg-assist-faq-2026__submit {
width: 100%;
min-height: 41px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
margin-top: 8px;
padding: 10px 15px;
border: 1px solid #e4c16e;
border-radius: 5px;
color: #191307;
background: linear-gradient(135deg, #f0d180, #d6ad49);
font-size: 10px;
font-weight: 800;
letter-spacing: .6px;
cursor: pointer;
transition:
background .25s ease,
transform .25s ease;
}
.swrg-assist-faq-2026__submit:hover {
color: #111;
background: #fff;
transform: translateY(-1px);
}
.swrg-assist-faq-2026__submit i {
font-size: 11px;
}
/* =============================================
CONTACT CARDS
============================================== */
.swrg-assist-faq-2026__contact-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 9px;
margin-top: 20px;
}
.swrg-assist-faq-2026__contact-card {
display: flex;
align-items: center;
gap: 9px;
min-width: 0;
padding: 12px 10px;
border: 1px solid rgba(214, 174, 76, .24);
border-radius: 6px;
color: #fff;
background: rgba(255, 255, 255, .02);
text-decoration: none;
transition:
border-color .25s ease,
background .25s ease;
}
.swrg-assist-faq-2026__contact-card:hover {
color: #fff;
border-color: #b99343;
background: rgba(215, 174, 75, .07);
}
.swrg-assist-faq-2026__contact-icon {
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
border: 1px solid rgba(216, 177, 82, .45);
border-radius: 50%;
color: #e5c16a;
font-size: 15px;
}
.swrg-assist-faq-2026__contact-icon--whatsapp {
color: #d5bd75;
}
.swrg-assist-faq-2026__contact-copy {
display: block;
flex: 1;
min-width: 0;
}
.swrg-assist-faq-2026__contact-copy small,
.swrg-assist-faq-2026__contact-copy strong,
.swrg-assist-faq-2026__contact-copy > span {
display: block;
}
.swrg-assist-faq-2026__contact-copy small {
margin-bottom: 4px;
color: #d7b45b;
font-size: 12px;
font-weight: 800;
letter-spacing: .6px;
}
.swrg-assist-faq-2026__contact-copy strong {
color: #fff;
font-size: 12px;
font-weight: 800;
line-height: 1.4;
overflow-wrap: anywhere;
}
.swrg-assist-faq-2026__contact-copy > span {
margin-top: 3px;
color: #99958b;
font-size: 8px;
}
.swrg-assist-faq-2026__contact-arrow {
flex-shrink: 0;
color: #bfa052;
font-size: 9px;
}
/* =============================================
FAQ ACCORDION
============================================== */
.swrg-assist-faq-2026__accordion {
display: flex;
flex-direction: column;
gap: 8px;
}
.swrg-assist-faq-2026__faq-item {
overflow: hidden;
border: 1px solid #302d26 !important;
border-radius: 5px !important;
background: #11110f;
}
.swrg-assist-faq-2026__faq-item:has(.accordion-button:not(.collapsed)) {
border-color: rgba(211, 170, 72, .55) !important;
}
.swrg-assist-faq-2026__faq-item .accordion-header {
margin: 0;
}
.swrg-assist-faq-2026__faq-item .accordion-button {
position: relative;
display: flex;
align-items: center;
gap: 10px;
min-height: 43px;
padding: 12px 39px 12px 13px;
border: none;
border-radius: 0 !important;
color: #e8e5dd;
background: #11110f;
box-shadow: none;
font-size: 13px;
font-weight: 600;
line-height: 1.55;
}
.swrg-assist-faq-2026__faq-item .accordion-button::after {
display: none;
}
.swrg-assist-faq-2026__faq-item .accordion-button:focus {
box-shadow: inset 0 0 0 1px rgba(218, 177, 79, .35);
}
.swrg-assist-faq-2026__faq-item .accordion-button:not(.collapsed) {
color: #f0d28b;
background: #17150f;
}
.swrg-assist-faq-2026__faq-symbol {
position: absolute;
top: 50%;
right: 13px;
transform: translateY(-50%);
width: 19px;
height: 19px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(211, 170, 72, .35);
border-radius: 50%;
color: #e0b85a;
font-size: 9px;
}
.swrg-assist-faq-2026__faq-item .accordion-button:not(.collapsed)
.swrg-assist-faq-2026__faq-symbol {
color: #151108;
background: #e1ba5d;
}
.swrg-assist-faq-2026__faq-symbol i {
transition: transform .25s ease;
}
.swrg-assist-faq-2026__faq-item .accordion-button:not(.collapsed)
.swrg-assist-faq-2026__faq-symbol i {
transform: rotate(45deg);
}
.swrg-assist-faq-2026__faq-item .accordion-body {
padding: 12px 14px 15px;
border-top: 1px solid rgba(216, 174, 75, .13);
color: #bdb9af;
background: #0c0c0b;
font-size: 15px;
line-height: 1.8;
}
/* =============================================
FAQ FOOTER
============================================== */
.swrg-assist-faq-2026__faq-footer {
display: flex;
align-items: center;
gap: 11px;
margin-top: 18px;
padding: 13px;
border: 1px solid rgba(216, 174, 75, .2);
border-radius: 6px;
background: rgba(211, 170, 72, .045);
}
.swrg-assist-faq-2026__faq-footer-icon {
width: 35px;
height: 35px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(216, 174, 75, .35);
border-radius: 50%;
color: #e3c16c;
font-size: 14px;
}
.swrg-assist-faq-2026__faq-footer > div {
flex: 1;
min-width: 0;
}
.swrg-assist-faq-2026__faq-footer strong {
display: block;
color: #e7c978;
font-size: 10px;
font-weight: 800;
}
.swrg-assist-faq-2026__faq-footer p {
margin: 3px 0 0;
color: #aaa69b;
font-size: 9px;
}
.swrg-assist-faq-2026__faq-footer > a {
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
border-radius: 50%;
color: #171207;
background: #dfbb61;
font-size: 11px;
text-decoration: none;
transition: background .25s ease;
}
.swrg-assist-faq-2026__faq-footer > a:hover {
background: #fff;
}
/* =============================================
TABLET
============================================== */
@media (max-width: 991.98px) {
.swrg-assist-faq-2026 {
padding: 35px 0;
}
.swrg-assist-faq-2026__request-panel,
.swrg-assist-faq-2026__faq-panel {
padding: 24px;
}
.swrg-assist-faq-2026__heading {
font-size: 29px;
}
}
/* =============================================
MOBILE
============================================== */
@media (max-width: 575.98px) {
.swrg-assist-faq-2026 {
padding: 25px 0;
}
.swrg-assist-faq-2026__container {
padding-right: 12px;
padding-left: 12px;
}
.swrg-assist-faq-2026__request-panel,
.swrg-assist-faq-2026__faq-panel {
padding: 20px 15px;
border-radius: 8px;
}
.swrg-assist-faq-2026__eyebrow {
font-size: 8px;
letter-spacing: 1px;
}
.swrg-assist-faq-2026__heading {
font-size: 26px;
}
.swrg-assist-faq-2026__intro {
font-size: 10px;
}
.swrg-assist-faq-2026__control {
height: 42px;
font-size: 10px;
}
.swrg-assist-faq-2026__contact-grid {
grid-template-columns: 1fr;
gap: 8px;
margin-top: 16px;
}
.swrg-assist-faq-2026__contact-card {
padding: 12px;
}
.swrg-assist-faq-2026__contact-copy strong {
font-size: 11px;
}
.swrg-assist-faq-2026__faq-item .accordion-button {
min-height: 46px;
padding: 12px 36px 12px 11px;
font-size: 10px;
}
.swrg-assist-faq-2026__faq-item .accordion-body {
font-size: 10px;
}
}
/* =============================================
SMALL PHONES
============================================== */
@media (max-width: 360px) {
.swrg-assist-faq-2026__request-panel,
.swrg-assist-faq-2026__faq-panel {
padding: 17px 11px;
}
.swrg-assist-faq-2026__heading {
font-size: 23px;
}
.swrg-assist-faq-2026__control {
padding-left: 27px;
font-size: 9px;
}
.swrg-assist-faq-2026__contact-icon {
width: 31px;
height: 31px;
font-size: 13px;
}
}
/* =============================================
BASE
============================================== */
.swrg-final-cta-2026,
.swrg-final-cta-2026 * {
box-sizing: border-box;
}
.swrg-final-cta-2026 {
width: 100%;
padding: 30px 0;
overflow: hidden;
color: #ffffff;
background: #070707;
}
.swrg-final-cta-2026__container {
max-width: 1140px;
padding-right: 15px;
padding-left: 15px;
}
/* =============================================
MAIN BANNER
============================================== */
.swrg-final-cta-2026__banner {
position: relative;
isolation: isolate;
overflow: hidden;
padding: 27px 26px 29px;
border: 1px solid rgba(219, 178, 82, .28);
border-radius: 10px;
background:
radial-gradient(
ellipse at 10% 50%,
rgba(193, 146, 47, .09),
transparent 48%
),
linear-gradient(110deg, #11100d, #080807 70%);
box-shadow: 0 12px 40px rgba(0, 0, 0, .22);
}
/* =============================================
LEFT CONTENT
============================================== */
.swrg-final-cta-2026__content {
position: relative;
z-index: 2;
}
.swrg-final-cta-2026__eyebrow {
display: block;
margin-bottom: 8px;
color: #c8a24d;
font-size: 9px;
font-weight: 800;
letter-spacing: 1.5px;
line-height: 1.5;
}
.swrg-final-cta-2026__heading {
margin: 0;
color: #f7e7c1;
font-size: clamp(25px, 2.4vw, 34px);
font-weight: 700;
line-height: 1.19;
}
.swrg-final-cta-2026__heading span {
display: block;
color: #e5c273;
}
.swrg-final-cta-2026__description {
max-width: 340px;
margin: 11px 0 0;
color: #ffffff;
font-size: 15px;
line-height: 1.75;
}
/* =============================================
CONTACT BUTTONS
============================================== */
.swrg-final-cta-2026__actions {
display: flex;
flex-direction: column;
gap: 12px;
}
.swrg-final-cta-2026__button {
position: relative;
display: flex;
align-items: center;
gap: 11px;
min-height: 54px;
padding: 9px 13px;
border: 1px solid #d5ad4e;
border-radius: 40px;
color: #181307;
background: linear-gradient(135deg, #f0d183, #d9b04f);
text-decoration: none;
transition:
transform .25s ease,
box-shadow .25s ease,
background .25s ease;
}
.swrg-final-cta-2026__button:hover {
color: #171207;
background: linear-gradient(135deg, #fff0bd, #e9c66d);
transform: translateY(-2px);
box-shadow: 0 7px 20px rgba(214, 173, 73, .17);
}
.swrg-final-cta-2026__button-icon {
width: 32px;
height: 32px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(49, 35, 8, .24);
border-radius: 50%;
font-size: 15px;
}
.swrg-final-cta-2026__button-text {
flex: 1;
min-width: 0;
}
.swrg-final-cta-2026__button-text small,
.swrg-final-cta-2026__button-text strong {
display: block;
}
.swrg-final-cta-2026__button-text small {
margin-bottom: 2px;
font-size: 9px;
font-weight: 800;
letter-spacing: .7px;
line-height: 1.4;
}
.swrg-final-cta-2026__button-text strong {
font-size: 11px;
font-weight: 800;
line-height: 1.4;
white-space: nowrap;
}
.swrg-final-cta-2026__button-arrow {
flex-shrink: 0;
font-size: 10px;
opacity: .75;
transition: transform .25s ease;
}
.swrg-final-cta-2026__button:hover
.swrg-final-cta-2026__button-arrow {
transform: translateX(3px);
}
/* =============================================
RIGHT IMAGE
============================================== */
.swrg-final-cta-2026__image {
position: relative;
min-height: 150px;
height: 100%;
overflow: hidden;
border-radius: 7px;
background-color: #17120a;
/*
Replace this URL with your diya photograph.
*/
background-image: url("../img/service-6.png");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.swrg-final-cta-2026__image-overlay {
position: absolute;
inset: 0;
background: linear-gradient(
0deg,
rgba(0, 0, 0, .75),
rgba(0, 0, 0, .02) 70%
);
}
.swrg-final-cta-2026__image-caption {
position: absolute;
right: 10px;
bottom: 10px;
left: 10px;
display: flex;
align-items: center;
justify-content: center;
gap: 7px;
color: #f0d18a;
font-size: 9px;
font-weight: 700;
text-align: center;
}
.swrg-final-cta-2026__image-caption i {
font-size: 11px;
}
/* =============================================
BOTTOM ACCENT
============================================== */
.swrg-final-cta-2026__bottom-line {
position: absolute;
bottom: 0;
left: 7%;
width: 86%;
height: 1px;
background: linear-gradient(
90deg,
transparent,
#b8913e,
transparent
);
}
/* =============================================
LAPTOP
============================================== */
@media (max-width: 1199.98px) {
.swrg-final-cta-2026__banner {
padding: 24px 20px 26px;
}
.swrg-final-cta-2026__button {
gap: 8px;
padding-right: 10px;
padding-left: 10px;
}
.swrg-final-cta-2026__button-text strong {
font-size: 10px;
}
.swrg-final-cta-2026__image {
min-height: 140px;
}
}
/* =============================================
TABLET
============================================== */
@media (max-width: 991.98px) {
.swrg-final-cta-2026 {
padding: 25px 0;
}
.swrg-final-cta-2026__banner {
padding: 27px 24px;
}
.swrg-final-cta-2026__heading {
font-size: 30px;
}
.swrg-final-cta-2026__actions {
flex-direction: row;
align-items: stretch;
gap: 12px;
}
.swrg-final-cta-2026__button {
flex: 1;
min-width: 0;
}
.swrg-final-cta-2026__image {
min-height: 190px;
}
}
/* =============================================
MOBILE
============================================== */
@media (max-width: 575.98px) {
.swrg-final-cta-2026 {
padding: 20px 0;
}
.swrg-final-cta-2026__container {
padding-right: 12px;
padding-left: 12px;
}
.swrg-final-cta-2026__banner {
padding: 23px 16px 25px;
border-radius: 8px;
}
.swrg-final-cta-2026__eyebrow {
margin-bottom: 7px;
font-size: 8px;
letter-spacing: 1.2px;
}
.swrg-final-cta-2026__heading {
font-size: 29px;
line-height: 1.25;
}
.swrg-final-cta-2026__description {
max-width: 100%;
font-size: 11px;
}
.swrg-final-cta-2026__actions {
flex-direction: column;
gap: 10px;
}
.swrg-final-cta-2026__button {
width: 100%;
min-height: 52px;
padding: 9px 15px;
}
.swrg-final-cta-2026__button-text small {
font-size: 9px;
}
.swrg-final-cta-2026__button-text strong {
font-size: 11px;
}
.swrg-final-cta-2026__image {
min-height: 150px;
background-position: center 55%;
}
}
/* =============================================
SMALL MOBILE
============================================== */
@media (max-width: 360px) {
.swrg-final-cta-2026__banner {
padding: 20px 12px 23px;
}
.swrg-final-cta-2026__heading {
font-size: 25px;
}
.swrg-final-cta-2026__button-text strong {
font-size: 10px;
}
}
/* =============================================
BASE
============================================== */
.swrg-footer-2026,
.swrg-footer-2026 *,
.swrg-footer-2026__floating,
.swrg-footer-2026__floating * {
box-sizing: border-box;
}
.swrg-footer-2026 {
width: 100%;
overflow: hidden;
color: #d2d0c9;
background:
radial-gradient(
ellipse at 15% 0%,
rgba(198, 150, 46, .08),
transparent 40%
),
#080808;
}
.swrg-footer-2026__container {
max-width: 1140px;
padding-top: 48px;
padding-bottom: 43px;
}
/* =============================================
BRAND & LOGO
============================================== */
.swrg-footer-2026__brand {
padding-right: 12px;
}
.swrg-footer-2026__logo-link {
display: inline-block;
max-width: 220px;
text-decoration: none;
}
.swrg-footer-2026__logo {
display: block;
width: 100%;
max-width: 205px;
height: auto;
max-height: 125px;
object-fit: contain;
object-position: left center;
}
.swrg-footer-2026__tagline {
margin: 13px 0 8px;
color: #e3c16c;
font-size: 15px;
font-weight: 700;
line-height: 1.5;
}
.swrg-footer-2026__tagline span {
display: block;
}
.swrg-footer-2026__brand-description {
max-width: 250px;
margin: 0 0 17px;
color: #a7a49a;
font-size: 11px;
line-height: 1.8;
}
/* =============================================
SOCIAL LINKS
============================================== */
.swrg-footer-2026__socials {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.swrg-footer-2026__socials a {
width: 36px;
height: 36px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid #373127;
border-radius: 5px;
color: #e3bf67;
background: #11100d;
font-size: 14px;
text-decoration: none;
transition:
color .25s ease,
background .25s ease,
border-color .25s ease;
}
.swrg-footer-2026__socials a:hover {
color: #141006;
background: #e2bd65;
border-color: #e2bd65;
}
/* =============================================
COLUMN HEADINGS
============================================== */
.swrg-footer-2026__column {
height: 100%;
}
.swrg-footer-2026__title {
margin: 0;
color: #f3e6c7;
font-size: 21px;
font-weight: 700;
line-height: 1.4;
}
.swrg-footer-2026__title-line {
width: 44px;
height: 3px;
margin: 12px 0 23px;
background: linear-gradient(
90deg,
#dcb557 0%,
#dcb557 65%,
#f3e6c7 65%,
#f3e6c7 100%
);
}
/* =============================================
QUICK LINKS
============================================== */
.swrg-footer-2026__links {
list-style: none;
margin: 0;
padding: 0;
}
.swrg-footer-2026__links li {
margin-bottom: 13px;
}
.swrg-footer-2026__links a {
display: inline-flex;
align-items: center;
gap: 10px;
color: #b9b5aa;
font-size: 15px;
line-height: 1.6;
text-decoration: none;
transition:
color .2s ease,
transform .2s ease;
}
.swrg-footer-2026__links a i {
color: #dcb557;
font-size: 9px;
}
.swrg-footer-2026__links a:hover {
color: #f0d28a;
transform: translateX(3px);
}
/* =============================================
CONTACT DETAILS
============================================== */
.swrg-footer-2026__contact-list {
list-style: none;
display: flex;
flex-direction: column;
gap: 21px;
margin: 0;
padding: 0;
}
.swrg-footer-2026__contact-list li {
display: flex;
align-items: flex-start;
gap: 12px;
}
.swrg-footer-2026__contact-icon {
width: 28px;
height: 28px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(218, 177, 79, .25);
border-radius: 50%;
color: #e3bd64;
background: rgba(218, 177, 79, .05);
font-size: 11px;
}
.swrg-footer-2026__contact-list li > div {
display: flex;
flex-direction: column;
gap: 5px;
min-width: 0;
padding-top: 2px;
}
.swrg-footer-2026__contact-list strong {
color: #e5d8b9;
font-size: 11px;
font-weight: 700;
}
.swrg-footer-2026__contact-list a,
.swrg-footer-2026__contact-list li > div > span {
color: #b5b1a7;
font-size: 13px;
line-height: 1.7;
text-decoration: none;
overflow-wrap: anywhere;
}
.swrg-footer-2026__contact-list a:hover {
color: #e7c571;
}
/* =============================================
MAP
============================================== */
.swrg-footer-2026__map-description {
margin: -9px 0 13px;
color: #a7a49a;
font-size: 11px;
line-height: 1.7;
}
.swrg-footer-2026__map {
position: relative;
height: 190px;
overflow: hidden;
border: 1px solid rgba(219, 178, 82, .35);
border-radius: 7px;
background: #171714;
}
.swrg-footer-2026__map iframe {
width: 100%;
height: 100%;
display: block;
border: 0;
filter: saturate(.75);
}
.swrg-footer-2026__map-link {
position: absolute;
top: 9px;
left: 9px;
display: inline-flex;
align-items: center;
gap: 7px;
padding: 8px 10px;
border: 1px solid #dfbd69;
border-radius: 4px;
color: #1c1608;
background: #f0d389;
font-size: 9px;
font-weight: 800;
text-decoration: none;
box-shadow: 0 3px 12px rgba(0, 0, 0, .2);
}
.swrg-footer-2026__map-link:hover {
color: #111;
background: #fff;
}
/* =============================================
SUPPORT CTA
============================================== */
.swrg-footer-2026__help {
display: flex;
align-items: center;
gap: 10px;
margin-top: 13px;
padding: 11px;
border: 1px solid rgba(218, 177, 79, .25);
border-radius: 6px;
color: #fff;
background: rgba(218, 177, 79, .045);
text-decoration: none;
transition: background .25s ease;
}
.swrg-footer-2026__help:hover {
color: #fff;
background: rgba(218, 177, 79, .1);
}
.swrg-footer-2026__help > i:first-child {
color: #e2bd65;
font-size: 18px;
}
.swrg-footer-2026__help span {
min-width: 0;
}
.swrg-footer-2026__help strong,
.swrg-footer-2026__help small {
display: block;
}
.swrg-footer-2026__help strong {
color: #e9d49b;
font-size: 10px;
}
.swrg-footer-2026__help small {
margin-top: 3px;
color: #a9a49a;
font-size: 9px;
}
.swrg-footer-2026__help > i:last-child {
color: #dcb557;
font-size: 10px;
}
/* =============================================
COPYRIGHT BAR
============================================== */
.swrg-footer-2026__bottom {
border-top: 2px solid #d7ad4d;
background: #0b0b0a;
}
.swrg-footer-2026__bottom-container {
max-width: 1140px;
min-height: 53px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
padding-top: 12px;
padding-bottom: 12px;
}
.swrg-footer-2026__bottom p {
margin: 0;
color: white;
font-size: 17px;
line-height: 1.7;
}
.swrg-footer-2026__bottom a {
color: #e3bd65;
text-decoration: none;
}
.swrg-footer-2026__bottom a:hover {
color: #fff0bf;
}
/* =============================================
FLOATING WHATSAPP & CALL
============================================== */
.swrg-footer-2026__floating {
position: fixed;
right: 18px;
bottom: 22px;
z-index: 9999;
display: flex;
flex-direction: column;
gap: 11px;
}
.swrg-footer-2026__float {
width: 49px;
height: 49px;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid rgba(255, 255, 255, .12);
border-radius: 50%;
color: #fff;
font-size: 21px;
text-decoration: none;
box-shadow: 0 5px 18px rgba(0, 0, 0, .32);
transition:
transform .2s ease,
box-shadow .2s ease;
}
.swrg-footer-2026__float:hover {
color: #fff;
transform: translateY(-3px);
box-shadow: 0 8px 23px rgba(0, 0, 0, .4);
}
.swrg-footer-2026__float--whatsapp {
background: #20c96b;
}
.swrg-footer-2026__float--call {
background: #c79d43;
}
/* =============================================
LAPTOP
============================================== */
@media (max-width: 1199.98px) {
.swrg-footer-2026__container,
.swrg-footer-2026__bottom-container {
max-width: 960px;
}
.swrg-footer-2026__title {
font-size: 19px;
}
.swrg-footer-2026__logo {
max-width: 185px;
}
}
/* =============================================
TABLET
============================================== */
@media (max-width: 991.98px) {
.swrg-footer-2026__container {
padding-top: 38px;
padding-bottom: 32px;
}
.swrg-footer-2026__brand {
padding-right: 0;
}
.swrg-footer-2026__logo {
max-width: 190px;
}
.swrg-footer-2026__map {
height: 220px;
}
.swrg-footer-2026__bottom-container {
max-width: 720px;
}
}
/* =============================================
MOBILE
============================================== */
@media (max-width: 575.98px) {
.swrg-footer-2026__container {
padding-top: 31px;
padding-bottom: 27px;
}
.swrg-footer-2026__logo {
max-width: 175px;
}
.swrg-footer-2026__brand-description {
max-width: 330px;
}
.swrg-footer-2026__title {
font-size: 18px;
}
.swrg-footer-2026__title-line {
margin: 9px 0 17px;
}
.swrg-footer-2026__links li {
margin-bottom: 11px;
}
.swrg-footer-2026__contact-list {
gap: 17px;
}
.swrg-footer-2026__map {
height: 210px;
}
.swrg-footer-2026__bottom-container {
min-height: 0;
flex-direction: column;
align-items: flex-start;
gap: 5px;
padding-top: 13px;
padding-bottom: 13px;
}
.swrg-footer-2026__bottom p {
font-size: 10px;
}
.swrg-footer-2026__floating {
right: 12px;
bottom: 14px;
gap: 9px;
}
.swrg-footer-2026__float {
width: 44px;
height: 44px;
font-size: 19px;
}
}
/* =============================================
EXTRA SMALL PHONES
============================================== */
@media (max-width: 360px) {
.swrg-footer-2026__title {
font-size: 16px;
}
.swrg-footer-2026__contact-list a,
.swrg-footer-2026__contact-list li > div > span {
font-size: 10px;
}
.swrg-footer-2026__map {
height: 185px;
}
.swrg-footer-2026__float {
width: 41px;
height: 41px;
font-size: 17px;
}
}
.swrg-about-hero-v2,
.swrg-about-hero-v2 * {
box-sizing: border-box;
}
.swrg-about-hero-v2 {
--swrg-ah-gold: #f0bd4e;
--swrg-ah-gold-light: #ffd77b;
--swrg-ah-white: #fffaf0;
position: relative;
isolation: isolate;
width: 100%;
min-height: 440px;
display: flex;
align-items: center;
overflow: hidden;
background: #050505;
color: var(--swrg-ah-white);
}
/* Background image */
.swrg-about-hero-v2__background {
position: absolute;
inset: 0;
z-index: -3;
/* Replace with your uploaded image URL */
background-image: url("../img/subbanner.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
/* Dark overlay keeps text readable */
.swrg-about-hero-v2__overlay {
position: absolute;
inset: 0;
z-index: -2;
background: linear-gradient(
90deg,
rgba(4, 4, 4, 0.98) 0%,
rgba(4, 4, 4, 0.95) 28%,
rgba(4, 4, 4, 0.78) 43%,
rgba(4, 4, 4, 0.20) 66%,
rgba(4, 4, 4, 0.02) 100%
);
}
/* Content width */
.swrg-about-hero-v2__container {
width: 100%;
max-width: 1140px;
margin: 0 auto;
padding: 48px 15px;
}
.swrg-about-hero-v2__content {
width: 100%;
max-width: 690px;
}
/* Eyebrow */
.swrg-about-hero-v2__eyebrow {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 18px;
color: var(--swrg-ah-gold);
font-size: 12px;
font-weight: 800;
letter-spacing: 3px;
}
.swrg-about-hero-v2__lotus {
font-size: 25px;
line-height: 1;
}
.swrg-about-hero-v2__line {
width: 36px;
height: 1px;
flex-shrink: 0;
background: var(--swrg-ah-gold);
}
/* Main heading */
.swrg-about-hero-v2__title {
margin: 0;
color: #fffdf9;
font-size: clamp(36px, 4.3vw, 55px);
font-weight: 700;
line-height: 1.12;
letter-spacing: -0.8px;
}
.swrg-about-hero-v2__title span {
display: block;
color: var(--swrg-ah-gold);
}
/* Description */
.swrg-about-hero-v2__description {
max-width: 650px;
margin: 20px 0 25px;
color: #e0ddd6;
font-size: 14px;
font-weight: 400;
line-height: 1.8;
text-align: justify;
}
/* Feature row */
.swrg-about-hero-v2__features {
display: flex;
align-items: center;
gap: 24px;
margin-bottom: 28px;
}
.swrg-about-hero-v2__feature {
display: flex;
align-items: center;
gap: 13px;
color: #f4eee2;
font-size: 12px;
font-weight: 600;
line-height: 1.65;
}
.swrg-about-hero-v2__feature i {
flex-shrink: 0;
color: var(--swrg-ah-gold);
font-size: 30px;
}
.swrg-about-hero-v2__divider {
width: 1px;
height: 42px;
flex-shrink: 0;
background: rgba(240, 189, 78, 0.65);
}
/* Buttons */
.swrg-about-hero-v2__actions {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.swrg-about-hero-v2__button {
min-height: 49px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 13px;
padding: 13px 25px;
border: 1px solid var(--swrg-ah-gold);
border-radius: 40px;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.7px;
text-decoration: none;
transition: all 0.25s ease;
}
.swrg-about-hero-v2__button--gold {
color: #161007;
background: linear-gradient(
135deg,
#f8d078,
#e9ad37
);
}
.swrg-about-hero-v2__button--gold:hover {
color: #100b03;
background: var(--swrg-ah-gold-light);
transform: translateY(-2px);
}
.swrg-about-hero-v2__button--outline {
color: #fffaf0;
background: rgba(0, 0, 0, 0.45);
}
.swrg-about-hero-v2__button--outline i {
color: var(--swrg-ah-gold);
}
.swrg-about-hero-v2__button--outline:hover {
color: #171007;
background: var(--swrg-ah-gold);
}
.swrg-about-hero-v2__button--outline:hover i {
color: #171007;
}
/* ========================================
TABLET
======================================== */
@media (max-width: 991.98px) {
.swrg-about-hero-v2 {
min-height: 410px;
}
.swrg-about-hero-v2__container {
padding-top: 42px;
padding-bottom: 42px;
}
.swrg-about-hero-v2__content {
max-width: 600px;
}
.swrg-about-hero-v2__title {
font-size: 43px;
}
.swrg-about-hero-v2__description {
max-width: 540px;
font-size: 13px;
text-align: justify;
}
.swrg-about-hero-v2__features {
gap: 16px;
}
.swrg-about-hero-v2__feature {
gap: 9px;
font-size: 11px;
}
.swrg-about-hero-v2__feature i {
font-size: 25px;
}
.swrg-about-hero-v2__overlay {
background: linear-gradient(
90deg,
rgba(4, 4, 4, 0.98) 0%,
rgba(4, 4, 4, 0.92) 44%,
rgba(4, 4, 4, 0.55) 70%,
rgba(4, 4, 4, 0.18) 100%
);
}
}
/* ========================================
MOBILE
======================================== */
@media (max-width: 575.98px) {
.swrg-about-hero-v2 {
min-height: 0;
align-items: flex-end;
}
.swrg-about-hero-v2__background {
background-position: 64% center;
}
.swrg-about-hero-v2__overlay {
background: linear-gradient(
90deg,
rgba(3, 3, 3, 0.95),
rgba(3, 3, 3, 0.83)
);
}
.swrg-about-hero-v2__container {
padding: 45px 20px 38px;
}
.swrg-about-hero-v2__content {
max-width: 100%;
}
.swrg-about-hero-v2__eyebrow {
gap: 9px;
margin-bottom: 15px;
font-size: 9px;
letter-spacing: 2px;
}
.swrg-about-hero-v2__lotus {
font-size: 20px;
}
.swrg-about-hero-v2__line {
width: 20px;
}
.swrg-about-hero-v2__title {
font-size: clamp(31px, 8.5vw, 40px);
line-height: 1.16;
letter-spacing: -0.5px;
}
.swrg-about-hero-v2__description {
margin: 16px 0 21px;
font-size: 12px;
line-height: 1.85;
text-align: justify;
}
.swrg-about-hero-v2__features {
gap: 10px;
justify-content: space-between;
margin-bottom: 23px;
}
.swrg-about-hero-v2__feature {
flex: 1;
gap: 7px;
font-size: 9px;
line-height: 1.5;
}
.swrg-about-hero-v2__feature i {
font-size: 20px;
}
.swrg-about-hero-v2__divider {
height: 33px;
}
.swrg-about-hero-v2__actions {
flex-direction: column;
gap: 10px;
}
.swrg-about-hero-v2__button {
width: 100%;
min-height: 46px;
padding: 12px 16px;
font-size: 11px;
}
}
/* Very small phones */
@media (max-width: 360px) {
.swrg-about-hero-v2__container {
padding-right: 15px;
padding-left: 15px;
}
.swrg-about-hero-v2__title {
font-size: 27px;
}
.swrg-about-hero-v2__features {
gap: 6px;
}
.swrg-about-hero-v2__feature {
font-size: 8px;
}
.swrg-about-hero-v2__feature i {
font-size: 17px;
}
}
.swrg-mv-section-2026,
.swrg-mv-section-2026 * {
box-sizing: border-box;
}
.swrg-mv-section-2026 {
--swrg-mv-gold: #e7bd61;
--swrg-mv-gold-light: #f8dda0;
--swrg-mv-border: rgba(222, 181, 88, .32);
position: relative;
width: 100%;
overflow: hidden;
padding: 60px 0 45px;
color: #fff;
background:
radial-gradient(
ellipse at 50% 0%,
rgba(173, 126, 34, .09),
transparent 55%
),
#080807;
}
.swrg-mv-container-2026 {
max-width: 1140px;
padding-right: 15px;
padding-left: 15px;
margin: 0 auto;
}
/* Heading */
.swrg-mv-heading-2026 {
display: flex;
align-items: center;
justify-content: center;
gap: 17px;
margin-bottom: 8px;
}
.swrg-mv-heading-line-2026 {
width: 48px;
height: 1px;
background: linear-gradient(
90deg,
transparent,
var(--swrg-mv-gold)
);
}
.swrg-mv-heading-line-2026:last-child {
transform: rotate(180deg);
}
.swrg-mv-eyebrow-2026 {
color: var(--swrg-mv-gold-light);
font-size: 22px;
font-weight: 700;
letter-spacing: 1px;
text-align: center;
}
.swrg-mv-subheading-2026 {
margin: 0 0 30px;
color: #aaa69b;
font-size: 12px;
text-align: center;
}
/* Cards */
.swrg-mv-row-2026 {
align-items: stretch;
}
.swrg-mv-card-2026 {
position: relative;
display: grid;
grid-template-columns: 39% 61%;
height: 100%;
min-height: 235px;
overflow: hidden;
border: 1px solid var(--swrg-mv-border);
border-radius: 10px;
background: linear-gradient(
130deg,
#15140f,
#090908
);
box-shadow: 0 10px 28px rgba(0, 0, 0, .22);
transition:
border-color .3s ease,
transform .3s ease,
box-shadow .3s ease;
}
.swrg-mv-card-2026:hover {
transform: translateY(-4px);
border-color: rgba(231, 189, 97, .75);
box-shadow: 0 14px 34px rgba(0, 0, 0, .35);
}
/* Image panel */
.swrg-mv-image-2026 {
position: relative;
min-height: 235px;
overflow: hidden;
background: #1b1710;
}
.swrg-mv-image-2026 img {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
display: block;
object-fit: cover;
object-position: center;
transition: transform .55s ease;
}
.swrg-mv-card-2026:hover .swrg-mv-image-2026 img {
transform: scale(1.06);
}
.swrg-mv-image-overlay-2026 {
position: absolute;
inset: 0;
background: linear-gradient(
0deg,
rgba(0, 0, 0, .72),
transparent 50%
);
}
.swrg-mv-image-label-2026 {
position: absolute;
right: 10px;
bottom: 12px;
left: 10px;
display: flex;
align-items: center;
justify-content: center;
gap: 7px;
color: #fff0c7;
font-size: 9px;
font-weight: 800;
letter-spacing: 1px;
text-align: center;
}
.swrg-mv-image-label-2026 i {
color: var(--swrg-mv-gold);
}
/* Content panel */
.swrg-mv-content-2026 {
position: relative;
display: flex;
align-items: flex-start;
gap: 13px;
padding: 24px 20px;
}
.swrg-mv-icon-2026 {
width: 47px;
height: 47px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(231, 189, 97, .65);
border-radius: 50%;
color: var(--swrg-mv-gold);
background: rgba(231, 189, 97, .07);
box-shadow: 0 0 18px rgba(231, 189, 97, .06);
font-size: 20px;
}
.swrg-mv-text-2026 {
position: relative;
z-index: 1;
flex: 1;
min-width: 0;
}
.swrg-mv-small-label-2026 {
display: block;
margin: 0 0 -4px;
color: #d8d0bd;
font-size: 12px;
font-weight: 500;
}
.swrg-mv-text-2026 h3 {
margin: 0 0 13px;
color: var(--swrg-mv-gold-light);
font-size: 29px;
font-weight: 700;
line-height: 1.2;
}
.swrg-mv-text-2026 p {
margin: 0;
color: #c3beb2;
font-size: 13px;
line-height: 1.9;
}
.swrg-mv-card-number-2026 {
position: absolute;
right: 12px;
bottom: 5px;
color: rgba(231, 189, 97, .09);
font-size: 48px;
font-weight: 700;
line-height: 1;
pointer-events: none;
}
/* Closing statement */
.swrg-mv-footer-2026 {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
margin-top: 28px;
padding-top: 20px;
border-top: 1px solid rgba(231, 189, 97, .16);
}
.swrg-mv-footer-icon-2026 {
width: 36px;
height: 36px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--swrg-mv-border);
border-radius: 50%;
color: var(--swrg-mv-gold);
}
.swrg-mv-footer-2026 p {
margin: 0;
color: #d4cfc2;
font-size: 12px;
line-height: 1.7;
}
.swrg-mv-footer-2026 strong {
color: var(--swrg-mv-gold-light);
}
/* Laptop and tablet */
@media (max-width: 991.98px) {
.swrg-mv-section-2026 {
padding: 48px 0 38px;
}
.swrg-mv-card-2026 {
grid-template-columns: 34% 66%;
min-height: 230px;
}
.swrg-mv-image-2026 {
min-height: 230px;
}
.swrg-mv-content-2026 {
gap: 10px;
padding: 21px 14px;
}
.swrg-mv-icon-2026 {
width: 39px;
height: 39px;
font-size: 17px;
}
.swrg-mv-text-2026 h3 {
font-size: 25px;
}
.swrg-mv-text-2026 p {
font-size: 10px;
line-height: 1.8;
}
}
/* Mobile */
@media (max-width: 575.98px) {
.swrg-mv-section-2026 {
padding: 38px 0 30px;
}
.swrg-mv-container-2026 {
padding-right: 16px;
padding-left: 16px;
}
.swrg-mv-heading-2026 {
gap: 9px;
}
.swrg-mv-heading-line-2026 {
width: 25px;
}
.swrg-mv-eyebrow-2026 {
font-size: 17px;
letter-spacing: .4px;
}
.swrg-mv-subheading-2026 {
margin-bottom: 23px;
font-size: 11px;
}
.swrg-mv-row-2026 {
--bs-gutter-y: 16px;
}
.swrg-mv-card-2026 {
grid-template-columns: 1fr;
min-height: 0;
}
.swrg-mv-image-2026 {
min-height: 0;
height: 190px;
}
.swrg-mv-image-label-2026 {
justify-content: flex-start;
padding-left: 5px;
}
.swrg-mv-content-2026 {
gap: 12px;
padding: 20px 16px 24px;
}
.swrg-mv-icon-2026 {
width: 41px;
height: 41px;
font-size: 18px;
}
.swrg-mv-small-label-2026 {
font-size: 11px;
}
.swrg-mv-text-2026 h3 {
margin-bottom: 10px;
font-size: 26px;
}
.swrg-mv-text-2026 p {
font-size: 11px;
line-height: 1.85;
}
.swrg-mv-card-number-2026 {
right: 8px;
bottom: 4px;
font-size: 38px;
}
.swrg-mv-footer-2026 {
align-items: flex-start;
justify-content: flex-start;
margin-top: 22px;
padding-top: 17px;
}
.swrg-mv-footer-2026 p {
padding-top: 3px;
font-size: 11px;
}
}
.swrg-cta-premium-2026,
.swrg-cta-premium-2026 * {
box-sizing: border-box;
}
.swrg-cta-premium-2026 {
--swrg-cta-gold: #e5b956;
--swrg-cta-light: #f6d98f;
--swrg-cta-bg: #080807;
position: relative;
isolation: isolate;
width: 100%;
overflow: hidden;
padding: 65px 0 30px;
color: #fff;
background: var(--swrg-cta-bg);
}
.swrg-cta-premium-2026 a {
text-decoration: none;
}
.swrg-cta-premium-2026__background {
position: absolute;
inset: 0;
z-index: -3;
background:
radial-gradient(
ellipse at 10% 50%,
rgba(175, 127, 37, .12),
transparent 45%
),
#080807;
}
.swrg-cta-premium-2026__overlay {
position: absolute;
inset: 0;
z-index: -2;
background: linear-gradient(
90deg,
rgba(5, 5, 4, .2),
rgba(5, 5, 4, .65)
);
}
.swrg-cta-premium-2026__container {
max-width: 1140px;
padding-right: 15px;
padding-left: 15px;
margin: 0 auto;
}
/* Main card */
.swrg-cta-premium-2026__card {
position: relative;
display: grid;
grid-template-columns: 1.2fr .8fr;
min-height: 370px;
overflow: hidden;
border: 1px solid rgba(229, 185, 86, .4);
border-radius: 12px;
background: linear-gradient(
125deg,
#17140d 0%,
#0c0c0a 72%,
#100e09 100%
);
box-shadow: 0 20px 60px rgba(0, 0, 0, .35);
}
/* Left content */
.swrg-cta-premium-2026__content {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: center;
padding: 40px 35px;
}
.swrg-cta-premium-2026__eyebrow {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 15px;
color: var(--swrg-cta-gold);
font-size: 10px;
font-weight: 800;
letter-spacing: 2px;
}
.swrg-cta-premium-2026__eyebrow span {
width: 27px;
height: 2px;
background: var(--swrg-cta-gold);
}
.swrg-cta-premium-2026__content h2 {
margin: 0 0 16px;
color: #fff5dc;
font-size: clamp(30px, 3.5vw, 44px);
font-weight: 700;
line-height: 1.2;
}
.swrg-cta-premium-2026__content h2 span {
display: block;
color: var(--swrg-cta-gold);
}
.swrg-cta-premium-2026__content > p {
max-width: 500px;
margin: 0 0 18px;
color: #c1bbae;
font-size: 15px;
line-height: 1.9;
}
/* Availability */
.swrg-cta-premium-2026__availability {
display: flex;
align-items: center;
gap: 9px;
margin-bottom: 23px;
color: #d6d0c2;
font-size: 11px;
}
.swrg-cta-premium-2026__availability i {
color: var(--swrg-cta-gold);
font-size: 16px;
}
.swrg-cta-premium-2026__availability strong {
color: var(--swrg-cta-light);
}
/* Contact buttons */
.swrg-cta-premium-2026__buttons {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.swrg-cta-premium-2026__button {
display: flex;
align-items: center;
gap: 12px;
min-height: 66px;
padding: 12px 15px;
border: 1px solid rgba(229, 185, 86, .65);
border-radius: 7px;
transition: transform .25s ease, background .25s ease;
}
.swrg-cta-premium-2026__button:hover {
transform: translateY(-3px);
}
.swrg-cta-premium-2026__button > i:first-child {
flex-shrink: 0;
font-size: 21px;
}
.swrg-cta-premium-2026__button span {
display: flex;
flex-direction: column;
gap: 3px;
}
.swrg-cta-premium-2026__button small {
font-size: 8px;
font-weight: 800;
letter-spacing: .7px;
}
.swrg-cta-premium-2026__button strong {
font-size: 11px;
font-weight: 800;
}
.swrg-cta-premium-2026__button--gold {
color: #171107;
background: linear-gradient(135deg, #f5d281, #dfad42);
}
.swrg-cta-premium-2026__button--gold:hover {
color: #171107;
background: #ffe3a0;
}
.swrg-cta-premium-2026__button--whatsapp {
color: #f0dba8;
background: rgba(0, 0, 0, .25);
}
.swrg-cta-premium-2026__button--whatsapp > i:first-child {
color: #65d99b;
}
.swrg-cta-premium-2026__button--whatsapp:hover {
color: #fff0c5;
background: rgba(229, 185, 86, .1);
}
.swrg-cta-premium-2026__arrow {
margin-left: auto;
font-size: 11px;
}
/* Right visual */
.swrg-cta-premium-2026__visual {
position: relative;
min-height: 370px;
overflow: hidden;
background: #15110b;
}
.swrg-cta-premium-2026__visual > img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
transition: transform .7s ease;
}
.swrg-cta-premium-2026__card:hover
.swrg-cta-premium-2026__visual > img {
transform: scale(1.04);
}
.swrg-cta-premium-2026__visual-shade {
position: absolute;
inset: 0;
background: linear-gradient(
90deg,
#0c0c0a 0%,
rgba(12, 12, 10, .45) 22%,
rgba(12, 12, 10, .12) 100%
);
}
.swrg-cta-premium-2026__visual-message {
position: absolute;
right: 15px;
bottom: 30px;
left: 25px;
text-align: center;
}
.swrg-cta-premium-2026__lotus {
width: 55px;
height: 55px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 13px;
border: 1px solid rgba(229, 185, 86, .7);
border-radius: 50%;
color: var(--swrg-cta-light);
background: rgba(0, 0, 0, .5);
font-size: 23px;
}
.swrg-cta-premium-2026__visual-message p {
margin: 0 0 5px;
color: #fff0d1;
font-size: 11px;
}
.swrg-cta-premium-2026__visual-message h3 {
margin: 0;
color: var(--swrg-cta-light);
font-size: clamp(22px, 2.4vw, 30px);
font-weight: 700;
}
.swrg-cta-premium-2026__ornament {
display: block;
width: 55px;
height: 2px;
margin: 13px auto 0;
background: var(--swrg-cta-gold);
}
/* Bottom reassurance row */
.swrg-cta-premium-2026__footer {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 30px;
padding-top: 23px;
}
.swrg-cta-premium-2026__footer > span {
display: inline-flex;
align-items: center;
gap: 9px;
color: #bdb6a7;
font-size: 10px;
}
.swrg-cta-premium-2026__footer i {
color: var(--swrg-cta-gold);
}
/* Tablet */
@media (max-width: 991.98px) {
.swrg-cta-premium-2026 {
padding-top: 48px;
}
.swrg-cta-premium-2026__card {
grid-template-columns: 1fr .65fr;
}
.swrg-cta-premium-2026__content {
padding: 30px 23px;
}
.swrg-cta-premium-2026__content h2 {
font-size: 32px;
}
.swrg-cta-premium-2026__buttons {
flex-direction: column;
align-items: flex-start;
}
.swrg-cta-premium-2026__button {
width: 100%;
max-width: 310px;
}
.swrg-cta-premium-2026__visual {
min-height: 370px;
}
}
/* Mobile */
@media (max-width: 575.98px) {
.swrg-cta-premium-2026 {
padding: 35px 0 24px;
}
.swrg-cta-premium-2026__container {
padding-right: 15px;
padding-left: 15px;
}
.swrg-cta-premium-2026__card {
grid-template-columns: 1fr;
border-radius: 9px;
}
.swrg-cta-premium-2026__content {
padding: 27px 19px 25px;
}
.swrg-cta-premium-2026__eyebrow {
font-size: 9px;
letter-spacing: 1.4px;
}
.swrg-cta-premium-2026__content h2 {
font-size: 31px;
}
.swrg-cta-premium-2026__content > p {
font-size: 11px;
}
.swrg-cta-premium-2026__buttons {
gap: 10px;
}
.swrg-cta-premium-2026__button {
max-width: none;
min-height: 62px;
}
.swrg-cta-premium-2026__visual {
min-height: 230px;
}
.swrg-cta-premium-2026__visual > img {
object-position: center 55%;
}
.swrg-cta-premium-2026__visual-shade {
background: linear-gradient(
0deg,
rgba(0, 0, 0, .85),
rgba(0, 0, 0, .08)
);
}
.swrg-cta-premium-2026__visual-message {
bottom: 17px;
}
.swrg-cta-premium-2026__lotus {
width: 42px;
height: 42px;
margin-bottom: 8px;
font-size: 18px;
}
.swrg-cta-premium-2026__visual-message h3 {
font-size: 25px;
}
.swrg-cta-premium-2026__footer {
align-items: flex-start;
flex-direction: column;
gap: 12px;
padding: 20px 7px 0;
}
.swrg-cta-premium-2026__footer > span {
font-size: 10px;
}
}
.swrg-contact-panel-section,
.swrg-contact-panel-section * {
box-sizing: border-box;
}
.swrg-contact-panel-section {
--swrg-cp-gold: #e7bb55;
--swrg-cp-light-gold: #f6d88d;
--swrg-cp-border: rgba(231, 187, 85, .28);
position: relative;
isolation: isolate;
width: 100%;
overflow: hidden;
padding: 50px 0;
background:
radial-gradient(
ellipse at 10% 20%,
rgba(153, 107, 31, .09),
transparent 45%
),
#070706;
color: #fff;
}
.swrg-contact-panel-container {
max-width: 1140px;
padding-right: 15px;
padding-left: 15px;
margin: 0 auto;
}
/* Left information panel */
.swrg-contact-panel-info {
height: 100%;
padding: 5px 12px 0 0;
}
.swrg-contact-panel-eyebrow {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 13px;
color: var(--swrg-cp-gold);
font-size: 10px;
font-weight: 800;
letter-spacing: 1.8px;
}
.swrg-contact-panel-eyebrow > span {
width: 22px;
height: 2px;
background: var(--swrg-cp-gold);
}
.swrg-contact-panel-eyebrow > i {
font-size: 11px;
}
.swrg-contact-panel-title {
margin: 0 0 12px;
color: #fffaf0;
font-size: clamp(30px, 3vw, 39px);
font-weight: 700;
line-height: 1.13;
}
.swrg-contact-panel-title > span,
.swrg-contact-panel-form-title > span {
color: var(--swrg-cp-gold);
}
.swrg-contact-panel-intro {
max-width: 480px;
margin: 0 0 17px;
color: #bdb8ad;
font-size: 12px;
line-height: 1.75;
}
/* Contact cards */
.swrg-contact-panel-card {
position: relative;
display: flex;
align-items: center;
gap: 13px;
width: 100%;
min-height: 72px;
margin-bottom: 8px;
padding: 11px 14px;
overflow: hidden;
border: 1px solid var(--swrg-cp-border);
border-radius: 9px;
background: linear-gradient(
110deg,
rgba(231, 187, 85, .09),
rgba(255, 255, 255, .018) 48%,
rgba(255, 255, 255, .01)
);
color: #fff;
text-decoration: none;
transition: border-color .25s ease, background .25s ease;
}
.swrg-contact-panel-card:hover {
border-color: rgba(231, 187, 85, .72);
background: rgba(231, 187, 85, .075);
color: #fff;
}
.swrg-contact-panel-icon {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 45px;
height: 45px;
border: 1px solid var(--swrg-cp-gold);
border-radius: 50%;
background: rgba(0, 0, 0, .28);
color: var(--swrg-cp-gold);
font-size: 19px;
}
.swrg-contact-panel-card-content {
display: flex;
flex: 1;
flex-direction: column;
min-width: 0;
gap: 2px;
}
.swrg-contact-panel-label {
color: #e5dfd2;
font-size: 11px;
line-height: 1.4;
}
.swrg-contact-panel-card-content > strong {
color: var(--swrg-cp-gold);
font-size: 15px;
font-weight: 700;
line-height: 1.45;
overflow-wrap: anywhere;
}
.swrg-contact-panel-card-content > small {
color: #bcb7ab;
font-size: 10px;
line-height: 1.55;
}
.swrg-contact-panel-link-icon {
flex-shrink: 0;
color: rgba(231, 187, 85, .65);
font-size: 11px;
}
.swrg-contact-panel-location {
cursor: default;
margin-bottom: 0;
}
/* Right form panel */
.swrg-contact-panel-form-card {
position: relative;
height: 100%;
padding: 26px;
overflow: hidden;
border: 1px solid rgba(231, 187, 85, .46);
border-radius: 11px;
background:
radial-gradient(
circle at 100% 0,
rgba(231, 187, 85, .07),
transparent 36%
),
linear-gradient(145deg, #11110e, #090908);
box-shadow: 0 15px 35px rgba(0, 0, 0, .18);
}
.swrg-contact-panel-form-title {
margin: 0 0 8px;
color: #fffaf0;
font-size: clamp(25px, 2.4vw, 31px);
font-weight: 700;
line-height: 1.2;
}
.swrg-contact-panel-form-intro {
margin: 0 0 18px;
color: #bcb7ab;
font-size: 11px;
line-height: 1.7;
}
/* Form labels and controls */
.swrg-contact-panel-form label {
display: block;
margin-bottom: 6px;
color: #eee9de;
font-size: 10px;
font-weight: 700;
}
.swrg-contact-panel-form label > span {
color: var(--swrg-cp-gold);
}
.swrg-contact-panel-form label > small {
color: #aaa397;
font-size: 9px;
font-weight: 400;
}
.swrg-contact-panel-form input,
.swrg-contact-panel-form select,
.swrg-contact-panel-form textarea {
display: block;
width: 100%;
min-width: 0;
min-height: 39px;
margin: 0;
padding: 9px 11px;
border: 1px solid #514b3f;
border-radius: 5px;
outline: none;
background: #f9f8f4;
color: #26231d;
font-size: 11px;
line-height: 1.4;
box-shadow: none;
transition: border-color .2s ease, box-shadow .2s ease;
}
.swrg-contact-panel-form input::placeholder,
.swrg-contact-panel-form textarea::placeholder {
color: #89857e;
opacity: 1;
}
.swrg-contact-panel-form input:focus,
.swrg-contact-panel-form select:focus,
.swrg-contact-panel-form textarea:focus {
border-color: var(--swrg-cp-gold);
box-shadow: 0 0 0 3px rgba(231, 187, 85, .15);
}
.swrg-contact-panel-form textarea {
min-height: 58px;
resize: vertical;
}
.swrg-contact-panel-form select {
cursor: pointer;
}
/* Submit button */
.swrg-contact-panel-submit {
display: flex;
align-items: center;
justify-content: center;
gap: 11px;
width: 100%;
min-height: 47px;
margin-top: 2px;
padding: 12px 18px;
border: 1px solid var(--swrg-cp-gold);
border-radius: 6px;
background: linear-gradient(115deg, #f6d078, #e5ad3b);
color: #171108;
font-size: 11px;
font-weight: 800;
letter-spacing: .6px;
cursor: pointer;
transition: background .25s ease, transform .25s ease;
}
.swrg-contact-panel-submit:hover {
transform: translateY(-2px);
background: #ffe3a0;
}
/* Urgent enquiry note */
.swrg-contact-panel-note {
display: flex;
align-items: flex-start;
gap: 9px;
margin-top: 14px;
color: #c5bfb1;
font-size: 10px;
line-height: 1.6;
}
.swrg-contact-panel-note > i {
flex-shrink: 0;
margin-top: 1px;
color: var(--swrg-cp-gold);
font-size: 17px;
}
/* Tablet */
@media (max-width: 991.98px) {
.swrg-contact-panel-section {
padding: 40px 0;
}
.swrg-contact-panel-info {
padding-right: 0;
}
.swrg-contact-panel-form-card {
padding: 23px;
}
.swrg-contact-panel-title {
font-size: 35px;
}
}
/* Mobile */
@media (max-width: 575.98px) {
.swrg-contact-panel-section {
padding: 30px 0;
}
.swrg-contact-panel-container {
padding-right: 15px;
padding-left: 15px;
}
.swrg-contact-panel-title {
font-size: 32px;
}
.swrg-contact-panel-intro {
font-size: 12px;
}
.swrg-contact-panel-card {
gap: 10px;
padding: 11px;
}
.swrg-contact-panel-icon {
width: 40px;
height: 40px;
font-size: 17px;
}
.swrg-contact-panel-card-content > strong {
font-size: 13px;
}
.swrg-contact-panel-card-content > small {
font-size: 10px;
}
.swrg-contact-panel-form-card {
padding: 20px 16px;
}
.swrg-contact-panel-form-title {
font-size: 27px;
}
.swrg-contact-panel-form-intro {
margin-bottom: 16px;
}
.swrg-contact-panel-form .row {
--bs-gutter-x: 12px;
--bs-gutter-y: 13px;
}
.swrg-contact-panel-form input,
.swrg-contact-panel-form select {
min-height: 41px;
}
.swrg-contact-panel-submit {
min-height: 47px;
}
}
/* Extra-small screens */
@media (max-width: 359.98px) {
.swrg-contact-panel-form-card {
padding: 17px 12px;
}
.swrg-contact-panel-card-content > strong {
font-size: 12px;
}
.swrg-contact-panel-eyebrow {
font-size: 9px;
letter-spacing: 1.2px;
}
}
/* ========================================
SWARGA RATHA CONTACT CTA
Unique prefix: swrg-contact-cta-2026
======================================== */
.swrg-contact-cta-2026,
.swrg-contact-cta-2026 * {
box-sizing: border-box;
}
.swrg-contact-cta-2026 {
--swrg-cta-gold: #e6ba57;
--swrg-cta-light: #f7d995;
--swrg-cta-border: rgba(230, 186, 87, .36);
position: relative;
isolation: isolate;
width: 100%;
overflow: hidden;
padding: 55px 0 30px;
background: #080807;
color: #fff;
}
.swrg-contact-cta-2026 a {
text-decoration: none;
}
.swrg-contact-cta-2026__inner {
position: relative;
overflow: hidden;
}
.swrg-contact-cta-2026__glow {
position: absolute;
z-index: -1;
top: -160px;
left: -120px;
width: 520px;
height: 520px;
border-radius: 50%;
background: radial-gradient(
circle,
rgba(173, 122, 33, .12),
transparent 70%
);
pointer-events: none;
}
.swrg-contact-cta-2026__container {
max-width: 1140px;
padding-right: 15px;
padding-left: 15px;
margin: 0 auto;
}
/* Main CTA box */
.swrg-contact-cta-2026__box {
display: grid;
grid-template-columns: 1.15fr .85fr;
position: relative;
min-height: 350px;
overflow: hidden;
border: 1px solid var(--swrg-cta-border);
border-radius: 12px;
background: linear-gradient(
120deg,
#15130e,
#0b0b09 72%
);
box-shadow: 0 18px 55px rgba(0, 0, 0, .32);
}
/* Content */
.swrg-contact-cta-2026__content {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding: 38px 32px;
}
.swrg-contact-cta-2026__eyebrow {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 15px;
color: var(--swrg-cta-gold);
font-size: 10px;
font-weight: 800;
letter-spacing: 2px;
}
.swrg-contact-cta-2026__eyebrow span {
width: 25px;
height: 1px;
background: var(--swrg-cta-gold);
}
.swrg-contact-cta-2026__title {
margin: 0 0 15px;
color: #fff8e8;
font-size: clamp(30px, 3.3vw, 42px);
font-weight: 700;
line-height: 1.18;
}
.swrg-contact-cta-2026__title span {
display: block;
color: var(--swrg-cta-gold);
}
.swrg-contact-cta-2026__description {
max-width: 450px;
margin: 0 0 15px;
color: #c6c0b3;
font-size: 12px;
line-height: 1.85;
}
.swrg-contact-cta-2026__availability {
display: flex;
align-items: flex-start;
gap: 9px;
margin-bottom: 21px;
color: #d8d1c2;
font-size: 11px;
line-height: 1.7;
}
.swrg-contact-cta-2026__availability i {
margin-top: 2px;
color: var(--swrg-cta-gold);
font-size: 15px;
}
/* Buttons */
.swrg-contact-cta-2026__buttons {
display: flex;
flex-wrap: wrap;
gap: 10px;
width: 100%;
}
.swrg-contact-cta-2026__button {
display: flex;
align-items: center;
gap: 10px;
min-height: 62px;
padding: 10px 13px;
border: 1px solid var(--swrg-cta-border);
border-radius: 7px;
transition:
transform .25s ease,
border-color .25s ease,
background .25s ease;
}
.swrg-contact-cta-2026__button:hover {
transform: translateY(-3px);
}
.swrg-contact-cta-2026__button--gold {
color: #1b1306;
border-color: var(--swrg-cta-gold);
background: linear-gradient(120deg, #f5d27f, #dfad43);
}
.swrg-contact-cta-2026__button--gold:hover {
color: #1b1306;
background: #ffe4a2;
}
.swrg-contact-cta-2026__button--outline {
color: #fff0c8;
background: rgba(255, 255, 255, .025);
}
.swrg-contact-cta-2026__button--outline:hover {
color: #fff4d9;
border-color: var(--swrg-cta-gold);
background: rgba(230, 186, 87, .09);
}
.swrg-contact-cta-2026__button-icon {
display: flex;
align-items: center;
justify-content: center;
width: 35px;
height: 35px;
flex-shrink: 0;
border-radius: 50%;
background: rgba(0, 0, 0, .1);
font-size: 17px;
}
.swrg-contact-cta-2026__button--outline
.swrg-contact-cta-2026__button-icon {
color: #69d99a;
background: rgba(105, 217, 154, .08);
}
.swrg-contact-cta-2026__button-text {
display: flex;
flex-direction: column;
gap: 4px;
}
.swrg-contact-cta-2026__button-text small {
font-size: 8px;
font-weight: 800;
letter-spacing: .7px;
}
.swrg-contact-cta-2026__button-text strong {
font-size: 11px;
font-weight: 800;
white-space: nowrap;
}
.swrg-contact-cta-2026__arrow {
margin-left: auto;
font-size: 10px;
}
/* Right image */
.swrg-contact-cta-2026__visual {
position: relative;
min-width: 0;
min-height: 350px;
overflow: hidden;
background: #161108;
}
.swrg-contact-cta-2026__visual > img {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform .6s ease;
}
.swrg-contact-cta-2026__box:hover
.swrg-contact-cta-2026__visual > img {
transform: scale(1.04);
}
.swrg-contact-cta-2026__image-overlay {
position: absolute;
inset: 0;
background: linear-gradient(
90deg,
#0b0b09 0%,
rgba(11, 11, 9, .35) 35%,
rgba(11, 11, 9, .06) 100%
);
}
.swrg-contact-cta-2026__image-caption {
position: absolute;
right: 12px;
bottom: 25px;
left: 12px;
text-align: center;
}
.swrg-contact-cta-2026__lotus {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
margin: 0 auto 11px;
border: 1px solid rgba(230, 186, 87, .8);
border-radius: 50%;
background: rgba(5, 5, 4, .7);
color: var(--swrg-cta-light);
font-size: 20px;
}
.swrg-contact-cta-2026__image-caption p {
margin: 0 0 5px;
color: #fff0d0;
font-size: 11px;
}
.swrg-contact-cta-2026__image-caption h3 {
margin: 0;
color: var(--swrg-cta-light);
font-size: 27px;
font-weight: 700;
}
.swrg-contact-cta-2026__image-caption > span {
display: block;
width: 45px;
height: 2px;
margin: 12px auto 0;
background: var(--swrg-cta-gold);
}
/* Trust strip */
.swrg-contact-cta-2026__trust {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 28px;
padding: 22px 10px 0;
}
.swrg-contact-cta-2026__trust > div {
display: flex;
align-items: center;
gap: 9px;
color: #c5beaf;
font-size: 10px;
}
.swrg-contact-cta-2026__trust i {
color: var(--swrg-cta-gold);
font-size: 13px;
}
/* Tablet */
@media (max-width: 991.98px) {
.swrg-contact-cta-2026 {
padding: 42px 0 25px;
}
.swrg-contact-cta-2026__box {
grid-template-columns: 1fr .7fr;
}
.swrg-contact-cta-2026__content {
padding: 28px 21px;
}
.swrg-contact-cta-2026__title {
font-size: 31px;
}
.swrg-contact-cta-2026__buttons {
flex-direction: column;
align-items: stretch;
}
.swrg-contact-cta-2026__button {
width: 100%;
}
.swrg-contact-cta-2026__visual {
min-height: 370px;
}
}
/* Mobile */
@media (max-width: 575.98px) {
.swrg-contact-cta-2026 {
padding: 30px 0 22px;
}
.swrg-contact-cta-2026__container {
padding-right: 15px;
padding-left: 15px;
}
.swrg-contact-cta-2026__box {
grid-template-columns: 1fr;
border-radius: 9px;
}
.swrg-contact-cta-2026__content {
padding: 26px 18px;
}
.swrg-contact-cta-2026__eyebrow {
font-size: 9px;
letter-spacing: 1.4px;
}
.swrg-contact-cta-2026__title {
font-size: 32px;
}
.swrg-contact-cta-2026__description {
font-size: 11px;
}
.swrg-contact-cta-2026__buttons {
gap: 10px;
}
.swrg-contact-cta-2026__button {
min-height: 60px;
}
.swrg-contact-cta-2026__visual {
min-height: 235px;
}
.swrg-contact-cta-2026__visual > img {
object-position: center 55%;
}
.swrg-contact-cta-2026__image-overlay {
background: linear-gradient(
0deg,
rgba(0, 0, 0, .8),
rgba(0, 0, 0, .05)
);
}
.swrg-contact-cta-2026__image-caption {
bottom: 17px;
}
.swrg-contact-cta-2026__lotus {
width: 40px;
height: 40px;
font-size: 17px;
}
.swrg-contact-cta-2026__image-caption h3 {
font-size: 24px;
}
.swrg-contact-cta-2026__trust {
align-items: flex-start;
flex-direction: column;
gap: 12px;
padding: 20px 8px 0;
}
.swrg-contact-cta-2026__trust > div {
font-size: 10px;
}
}
@media (prefers-reduced-motion: reduce) {
.swrg-contact-cta-2026 *,
.swrg-contact-cta-2026 *::before,
.swrg-contact-cta-2026 *::after {
transition: none !important;
}
}
.swrg-unified-gallery-2026,
.swrg-unified-gallery-2026 *,
.swrg-unified-gallery-2026__lightbox,
.swrg-unified-gallery-2026__lightbox * {
box-sizing: border-box;
}
.swrg-unified-gallery-2026 {
--swrg-ug-gold: #e5b956;
--swrg-ug-light: #f7dda0;
padding: 65px 0 35px;
background:
radial-gradient(ellipse at 50% 0%, rgba(183,132,38,.09), transparent 55%),
#080807;
color: #fff;
}
.swrg-unified-gallery-2026__container {
max-width: 1140px;
margin: 0 auto;
padding: 0 15px;
}
.swrg-unified-gallery-2026__heading {
max-width: 680px;
margin: 0 auto 34px;
text-align: center;
}
.swrg-unified-gallery-2026__eyebrow {
display: flex;
justify-content: center;
align-items: center;
gap: 12px;
margin-bottom: 13px;
color: var(--swrg-ug-gold);
font-size: 10px;
font-weight: 800;
letter-spacing: 2px;
}
.swrg-unified-gallery-2026__eyebrow span {
width: 27px;
height: 1px;
background: var(--swrg-ug-gold);
}
.swrg-unified-gallery-2026__heading h2 {
margin: 0 0 12px;
color: #fff8e9;
font-size: clamp(30px, 4vw, 43px);
font-weight: 700;
line-height: 1.2;
}
.swrg-unified-gallery-2026__heading h2 span {
color: var(--swrg-ug-gold);
}
.swrg-unified-gallery-2026__heading p {
margin: 0;
color: #bdb7aa;
font-size: 12px;
line-height: 1.8;
}
/* Image cards */
.swrg-unified-gallery-2026__item {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
border: 1px solid rgba(229,185,86,.27);
border-radius: 8px;
background: #13120e;
cursor: zoom-in;
text-align: left;
}
.swrg-unified-gallery-2026__item img {
display: block;
width: 100%;
height: 245px;
object-fit: cover;
object-position: center;
transition: transform .45s ease, filter .35s ease;
}
.swrg-unified-gallery-2026__item:hover img,
.swrg-unified-gallery-2026__item:focus-visible img {
transform: scale(1.055);
filter: brightness(.72);
}
.swrg-unified-gallery-2026__overlay {
position: absolute;
inset: 0;
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 10px;
padding: 17px 14px;
/* background: linear-gradient(
0deg,
rgba(0,0,0,.88),
rgba(0,0,0,.15) 58%,
transparent
); */
}
.swrg-unified-gallery-2026__overlay > span {
color: #fff3d5;
font-size: 15px;
font-weight: 600;
line-height: 1.45;
}
.swrg-unified-gallery-2026__overlay > i {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 33px;
height: 33px;
border: 1px solid rgba(229,185,86,.7);
border-radius: 50%;
background: rgba(0,0,0,.55);
color: var(--swrg-ug-gold);
font-size: 12px;
transition: .25s ease;
}
.swrg-unified-gallery-2026__item:hover .swrg-unified-gallery-2026__overlay > i {
background: var(--swrg-ug-gold);
color: #111;
}
.swrg-unified-gallery-2026__footer {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
margin-top: 27px;
padding-top: 20px;
border-top: 1px solid rgba(229,185,86,.16);
}
.swrg-unified-gallery-2026__footer i {
color: var(--swrg-ug-gold);
}
.swrg-unified-gallery-2026__footer p {
margin: 0;
color: #c6bfae;
font-size: 11px;
line-height: 1.7;
}
/* Lightbox */
.swrg-unified-gallery-2026__lightbox {
position: fixed;
inset: 0;
z-index: 999999;
display: none;
align-items: center;
justify-content: center;
padding: 65px 75px;
background: rgba(0,0,0,.96);
backdrop-filter: blur(7px);
}
.swrg-unified-gallery-2026__lightbox.is-open {
display: flex;
}
.swrg-unified-gallery-2026__viewer {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
width: 100%;
height: 100%;
min-height: 0;
}
.swrg-unified-gallery-2026__viewer img {
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: calc(100vh - 150px);
object-fit: contain;
border: 1px solid rgba(229,185,86,.3);
border-radius: 4px;
}
.swrg-unified-gallery-2026__caption {
margin-top: 14px;
color: var(--swrg-ug-light);
font-size: 18px;
text-align: center;
}
.swrg-unified-gallery-2026__count {
margin-top: 5px;
color: #aaa;
font-size: 11px;
}
.swrg-unified-gallery-2026__close,
.swrg-unified-gallery-2026__nav {
position: absolute;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
padding: 0;
border: 1px solid rgba(229,185,86,.5);
border-radius: 50%;
background: #15140f;
color: var(--swrg-ug-gold);
cursor: pointer;
transition: .2s ease;
}
.swrg-unified-gallery-2026__close:hover,
.swrg-unified-gallery-2026__nav:hover {
background: var(--swrg-ug-gold);
color: #111;
}
.swrg-unified-gallery-2026__close {
top: 20px;
right: 24px;
font-size: 20px;
}
.swrg-unified-gallery-2026__nav {
top: 50%;
transform: translateY(-50%);
}
.swrg-unified-gallery-2026__prev {
left: 20px;
}
.swrg-unified-gallery-2026__next {
right: 20px;
}
/* Tablet */
@media (max-width: 991.98px) {
.swrg-unified-gallery-2026 {
padding: 48px 0 30px;
}
.swrg-unified-gallery-2026__item img {
height: 220px;
}
}
/* Mobile: 2 columns */
@media (max-width: 575.98px) {
.swrg-unified-gallery-2026 {
padding: 36px 0 25px;
}
.swrg-unified-gallery-2026__container {
padding: 0 13px;
}
.swrg-unified-gallery-2026__heading {
margin-bottom: 23px;
}
.swrg-unified-gallery-2026__heading h2 {
font-size: 29px;
}
.swrg-unified-gallery-2026__heading p {
font-size: 11px;
}
.swrg-unified-gallery-2026__grid {
--bs-gutter-x: 10px;
--bs-gutter-y: 10px;
}
.swrg-unified-gallery-2026__item img {
height: 155px;
}
.swrg-unified-gallery-2026__overlay {
padding: 10px 8px;
}
.swrg-unified-gallery-2026__overlay > span {
font-size: 11px;
}
.swrg-unified-gallery-2026__overlay > i {
width: 26px;
height: 26px;
font-size: 10px;
}
.swrg-unified-gallery-2026__footer {
align-items: flex-start;
margin-top: 20px;
}
.swrg-unified-gallery-2026__footer p {
font-size: 10px;
}
.swrg-unified-gallery-2026__lightbox {
padding: 65px 10px;
}
.swrg-unified-gallery-2026__viewer img {
max-height: calc(100vh - 170px);
}
.swrg-unified-gallery-2026__close {
top: 12px;
right: 12px;
width: 38px;
height: 38px;
}
.swrg-unified-gallery-2026__nav {
top: auto;
bottom: 14px;
width: 38px;
height: 38px;
transform: none;
}
.swrg-unified-gallery-2026__prev {
left: calc(50% - 48px);
}
.swrg-unified-gallery-2026__next {
right: calc(50% - 48px);
}
.swrg-unified-gallery-2026__caption {
font-size: 15px;
}
}
@media (prefers-reduced-motion: reduce) {
.swrg-unified-gallery-2026 *,
.swrg-unified-gallery-2026__lightbox * {
transition: none !important;
}
}
/* =========================================
SWARGA RATHA - WHY CHOOSE SECTION
Unique Prefix: swrg-whychoose-2026
========================================= */
.swrg-whychoose-2026 {
--swrg-wc-gold: #d9ad52;
--swrg-wc-gold-light: #f5d98b;
--swrg-wc-bg: #090909;
--swrg-wc-text: #f6f0e4;
--swrg-wc-muted: #c8c0b3;
width: 100%;
padding: 42px 20px;
background:
radial-gradient(ellipse at top right,
rgba(217, 173, 82, 0.09), transparent 55%),
var(--swrg-wc-bg);
color: var(--swrg-wc-text);
box-sizing: border-box;
overflow: hidden;
}
.swrg-whychoose-2026 *,
.swrg-whychoose-2026 *::before,
.swrg-whychoose-2026 *::after {
box-sizing: border-box;
}
.swrg-whychoose-2026__container {
width: 100%;
max-width: 1140px;
margin: 0 auto;
}
/* Heading */
.swrg-whychoose-2026__heading {
display: flex;
align-items: center;
gap: 17px;
margin-bottom: 27px;
}
.swrg-whychoose-2026__lotus {
flex: 0 0 44px;
color: var(--swrg-wc-gold-light);
font-size: 39px;
line-height: 1;
text-align: center;
}
.swrg-whychoose-2026__heading-text span {
display: block;
margin-bottom: 5px;
color: var(--swrg-wc-gold-light);
font-size: 13px;
font-weight: 600;
letter-spacing: 4px;
line-height: 1.4;
}
.swrg-whychoose-2026__heading-text h2 {
margin: 0;
color: var(--swrg-wc-gold-light);
font-size: clamp(20px, 2.3vw, 27px);
font-weight: 600;
letter-spacing: 3px;
line-height: 1.35;
}
/* Feature Grid */
.swrg-whychoose-2026__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 28px;
row-gap: 0;
}
.swrg-whychoose-2026__item {
display: flex;
align-items: flex-start;
gap: 15px;
min-width: 0;
padding: 22px 0;
border-bottom: 1px solid rgba(217, 173, 82, 0.28);
}
.swrg-whychoose-2026__item:nth-last-child(-n+2) {
border-bottom: none;
}
/* Circular Icons */
.swrg-whychoose-2026__icon {
flex: 0 0 53px;
width: 53px;
height: 53px;
display: flex;
align-items: center;
justify-content: center;
border: 1.5px solid var(--swrg-wc-gold);
border-radius: 50%;
color: var(--swrg-wc-gold-light);
font-size: 23px;
transition: background 0.3s ease, color 0.3s ease;
}
.swrg-whychoose-2026__item:hover
.swrg-whychoose-2026__icon {
background: var(--swrg-wc-gold);
color: #111;
}
/* Feature Content */
.swrg-whychoose-2026__content {
flex: 1;
min-width: 0;
}
.swrg-whychoose-2026__content h3 {
margin: 0 0 8px;
color: var(--swrg-wc-gold-light);
font-size: 19px;
font-weight: 600;
line-height: 1.25;
}
.swrg-whychoose-2026__content p {
margin: 0;
color: var(--swrg-wc-muted);
font-size: 14px;
font-weight: 400;
line-height: 1.65;
}
/* Tablet */
@media (max-width: 767px) {
.swrg-whychoose-2026 {
padding: 35px 18px;
}
.swrg-whychoose-2026__heading {
gap: 13px;
margin-bottom: 18px;
}
.swrg-whychoose-2026__lotus {
flex-basis: 38px;
font-size: 33px;
}
.swrg-whychoose-2026__heading-text span {
font-size: 11px;
letter-spacing: 3px;
}
.swrg-whychoose-2026__heading-text h2 {
font-size: 22px;
letter-spacing: 2px;
}
.swrg-whychoose-2026__grid {
column-gap: 20px;
}
.swrg-whychoose-2026__item {
gap: 11px;
padding: 19px 0;
}
.swrg-whychoose-2026__icon {
flex-basis: 43px;
width: 43px;
height: 43px;
font-size: 19px;
}
.swrg-whychoose-2026__content h3 {
font-size: 16px;
}
.swrg-whychoose-2026__content p {
font-size: 12px;
line-height: 1.55;
}
}
/* Mobile */
@media (max-width: 480px) {
.swrg-whychoose-2026 {
padding: 28px 16px;
}
.swrg-whychoose-2026__heading {
margin-bottom: 15px;
}
.swrg-whychoose-2026__heading-text h2 {
font-size: 20px;
}
.swrg-whychoose-2026__grid {
grid-template-columns: 1fr;
}
.swrg-whychoose-2026__item,
.swrg-whychoose-2026__item:nth-last-child(-n+2) {
padding: 17px 0;
border-bottom: 1px solid rgba(217, 173, 82, 0.28);
}
.swrg-whychoose-2026__item:last-child {
border-bottom: none;
}
.swrg-whychoose-2026__icon {
flex-basis: 48px;
width: 48px;
height: 48px;
font-size: 21px;
}
.swrg-whychoose-2026__content h3 {
font-size: 18px;
margin-bottom: 5px;
}
.swrg-whychoose-2026__content p {
font-size: 13px;
line-height: 1.6;
}
}
@media (prefers-reduced-motion: reduce) {
.swrg-whychoose-2026__icon {
transition: none;
}
}
/* =====================================
SWARGA RATHA SERVICE PROCESS
Unique class: swrg-service-process-2026
===================================== */
.swrg-service-process-2026 {
--swrg-sp-gold: #d9ad52;
--swrg-sp-light-gold: #f5d98b;
--swrg-sp-text: #f7f0e1;
--swrg-sp-muted: #c9c2b5;
width: 100%;
padding: 35px 20px;
background:
radial-gradient(
ellipse at center,
rgba(217, 173, 82, 0.07),
transparent 70%
),
#080808;
color: var(--swrg-sp-text);
box-sizing: border-box;
overflow: hidden;
}
.swrg-service-process-2026 *,
.swrg-service-process-2026 *::before,
.swrg-service-process-2026 *::after {
box-sizing: border-box;
}
.swrg-service-process-2026__container {
width: 100%;
max-width: 1140px;
margin: 0 auto;
}
/* Heading */
.swrg-service-process-2026__heading {
display: flex;
align-items: center;
gap: 13px;
margin-bottom: 27px;
}
.swrg-service-process-2026__lotus {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 43px;
color: var(--swrg-sp-light-gold);
font-size: 29px;
}
.swrg-service-process-2026__heading h2 {
margin: 0;
color: var(--swrg-sp-light-gold);
font-size: clamp(15px, 2vw, 22px);
font-weight: 500;
letter-spacing: 4px;
line-height: 1.4;
}
/* Steps Layout */
.swrg-service-process-2026__steps {
position: relative;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
border: 1px solid rgba(217, 173, 82, 0.65);
border-radius: 13px;
padding: 28px 10px 12px;
}
/* Dotted connecting line */
.swrg-service-process-2026__steps::before {
content: "";
position: absolute;
top: 0;
left: 12.5%;
right: 12.5%;
border-top: 1px dashed rgba(245, 217, 139, 0.75);
}
/* Individual Step */
.swrg-service-process-2026__step {
position: relative;
min-width: 0;
padding: 0 15px;
}
.swrg-service-process-2026__step:not(:last-child) {
border-right: 1px solid rgba(217, 173, 82, 0.25);
}
/* Number Badge */
.swrg-service-process-2026__number {
position: absolute;
top: -45px;
left: 50%;
z-index: 2;
transform: translateX(-50%);
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 50%;
background: linear-gradient(
145deg,
#fff0bd,
#e7bd63
);
color: #17120a;
font-size: 17px;
font-weight: 700;
box-shadow: 0 0 0 5px #080808;
}
/* Step Content */
.swrg-service-process-2026__body {
display: flex;
align-items: flex-start;
gap: 12px;
}
.swrg-service-process-2026__icon {
flex: 0 0 28px;
padding-top: 1px;
color: var(--swrg-sp-light-gold);
font-size: 23px;
line-height: 1.3;
}
.swrg-service-process-2026__content {
flex: 1;
min-width: 0;
}
.swrg-service-process-2026__content h3 {
margin: 0 0 9px;
color: var(--swrg-sp-light-gold);
font-size: 16px;
font-weight: 600;
line-height: 1.35;
}
.swrg-service-process-2026__content p {
margin: 0;
color: var(--swrg-sp-muted);
font-size: 13px;
line-height: 1.6;
}
/* Tablet */
@media (max-width: 991px) {
.swrg-service-process-2026 {
padding: 30px 18px;
}
.swrg-service-process-2026__steps {
grid-template-columns: repeat(2, minmax(0, 1fr));
row-gap: 28px;
padding: 30px 16px 18px;
}
.swrg-service-process-2026__steps::before {
display: none;
}
.swrg-service-process-2026__step {
padding: 20px 15px 12px;
}
.swrg-service-process-2026__step:nth-child(2) {
border-right: none;
}
.swrg-service-process-2026__step:nth-child(odd) {
border-right: 1px solid rgba(217, 173, 82, 0.25);
}
.swrg-service-process-2026__number {
top: -1px;
left: 50%;
}
.swrg-service-process-2026__content h3 {
font-size: 16px;
}
}
/* Mobile */
@media (max-width: 575px) {
.swrg-service-process-2026 {
padding: 27px 15px;
}
.swrg-service-process-2026__heading {
gap: 9px;
margin-bottom: 23px;
}
.swrg-service-process-2026__lotus {
flex-basis: 32px;
font-size: 24px;
}
.swrg-service-process-2026__heading h2 {
font-size: 15px;
letter-spacing: 2px;
}
.swrg-service-process-2026__steps {
grid-template-columns: 1fr;
gap: 0;
padding: 15px 18px;
}
.swrg-service-process-2026__step,
.swrg-service-process-2026__step:nth-child(odd),
.swrg-service-process-2026__step:nth-child(2) {
padding: 20px 0;
border-right: none;
border-bottom: 1px solid rgba(217, 173, 82, 0.25);
}
.swrg-service-process-2026__step:last-child {
border-bottom: none;
}
.swrg-service-process-2026__number {
position: static;
transform: none;
width: 31px;
height: 31px;
margin-bottom: 12px;
font-size: 15px;
box-shadow: none;
}
.swrg-service-process-2026__body {
gap: 13px;
}
.swrg-service-process-2026__icon {
flex-basis: 30px;
font-size: 22px;
}
.swrg-service-process-2026__content h3 {
margin-bottom: 6px;
font-size: 17px;
}
.swrg-service-process-2026__content p {
font-size: 13px;
line-height: 1.65;
}
}
@media (prefers-reduced-motion: reduce) {
.swrg-service-process-2026 * {
scroll-behavior: auto;
}
}
/* ==========================================
SWARGA RATHA FAQ + CONTACT CTA
Unique prefix: swrg-faq-contact-2026
========================================== */
.swrg-faq-contact-2026 {
--swrg-fc-gold: #d9ad52;
--swrg-fc-gold-light: #f5d98b;
--swrg-fc-white: #f7f0e4;
--swrg-fc-muted: #d0c8ba;
--swrg-fc-bg: #080808;
width: 100%;
padding: 35px 18px;
background:
radial-gradient(
ellipse at 85% 50%,
rgba(217, 173, 82, 0.09),
transparent 50%
),
var(--swrg-fc-bg);
color: var(--swrg-fc-white);
box-sizing: border-box;
overflow: hidden;
}
.swrg-faq-contact-2026 *,
.swrg-faq-contact-2026 *::before,
.swrg-faq-contact-2026 *::after {
box-sizing: border-box;
}
.swrg-faq-contact-2026__container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
/* Main Layout */
.swrg-faq-contact-2026__layout {
display: grid;
grid-template-columns: minmax(0, 1.55fr) minmax(320px, 1fr);
align-items: stretch;
gap: 0;
border: 1px solid rgba(217, 173, 82, 0.55);
border-radius: 15px;
overflow: hidden;
background: rgba(0, 0, 0, 0.45);
box-shadow: 0 0 30px rgba(217, 173, 82, 0.04);
}
/* FAQ Panel */
.swrg-faq-contact-2026__faq {
min-width: 0;
padding: 23px 24px 18px;
border-right: 1px solid rgba(217, 173, 82, 0.55);
}
.swrg-faq-contact-2026__section-heading {
display: flex;
align-items: center;
gap: 12px;
padding-bottom: 15px;
border-bottom: 1px solid rgba(217, 173, 82, 0.22);
}
.swrg-faq-contact-2026__section-heading > i {
flex: 0 0 auto;
color: var(--swrg-fc-gold-light);
font-size: 25px;
}
.swrg-faq-contact-2026__section-heading h2 {
margin: 0;
color: var(--swrg-fc-gold-light);
font-size: clamp(15px, 1.6vw, 21px);
font-weight: 500;
letter-spacing: 3px;
line-height: 1.4;
}
/* FAQ Items */
.swrg-faq-contact-2026__item {
display: flex;
align-items: flex-start;
gap: 13px;
padding: 13px 0;
border-bottom: 1px solid rgba(217, 173, 82, 0.18);
}
.swrg-faq-contact-2026__item:last-child {
padding-bottom: 3px;
border-bottom: none;
}
.swrg-faq-contact-2026__question-icon {
flex: 0 0 29px;
width: 29px;
height: 29px;
display: flex;
align-items: center;
justify-content: center;
margin-top: 1px;
border-radius: 50%;
background: linear-gradient(145deg, #fff0bd, #e5b852);
color: #17120a;
font-size: 20px;
font-weight: 700;
line-height: 1;
}
.swrg-faq-contact-2026__answer {
min-width: 0;
flex: 1;
}
.swrg-faq-contact-2026__answer h3 {
margin: 0 0 5px;
color: var(--swrg-fc-gold-light);
font-size: 16px;
font-weight: 600;
line-height: 1.4;
}
.swrg-faq-contact-2026__answer p {
margin: 0;
color: var(--swrg-fc-muted);
font-size: 12.5px;
line-height: 1.55;
}
/* CTA Panel */
.swrg-faq-contact-2026__cta {
position: relative;
display: flex;
align-items: center;
justify-content: center;
min-width: 0;
padding: 28px 22px;
isolation: isolate;
background:
radial-gradient(
ellipse at center,
rgba(217, 173, 82, 0.12),
transparent 70%
),
linear-gradient(145deg, #100e08, #050505 70%);
}
.swrg-faq-contact-2026__cta::before {
content: "";
position: absolute;
z-index: -1;
inset: 8px;
border: 1px solid rgba(217, 173, 82, 0.28);
border-radius: 12px;
pointer-events: none;
}
.swrg-faq-contact-2026__cta-content {
position: relative;
z-index: 2;
width: 100%;
max-width: 380px;
text-align: center;
}
.swrg-faq-contact-2026__cta-lotus {
margin-bottom: 4px;
color: var(--swrg-fc-gold-light);
font-size: 28px;
line-height: 1;
}
.swrg-faq-contact-2026__cta-content h2 {
margin: 0 0 13px;
color: var(--swrg-fc-white);
font-size: clamp(27px, 3vw, 39px);
font-weight: 600;
line-height: 1.03;
}
.swrg-faq-contact-2026__cta-content h2 span {
color: var(--swrg-fc-gold-light);
}
.swrg-faq-contact-2026__intro {
max-width: 350px;
margin: 0 auto 17px;
color: var(--swrg-fc-muted);
font-size: 13px;
line-height: 1.65;
}
/* Helpline */
.swrg-faq-contact-2026__helpline {
display: flex;
align-items: center;
justify-content: center;
gap: 13px;
width: 100%;
max-width: 290px;
margin: 0 auto 15px;
padding: 10px 13px;
border: 1px solid rgba(217, 173, 82, 0.48);
border-radius: 12px;
background: rgba(0, 0, 0, 0.55);
color: inherit;
text-decoration: none;
transition: border-color 0.25s ease, background 0.25s ease;
}
.swrg-faq-contact-2026__helpline:hover {
border-color: var(--swrg-fc-gold-light);
background: rgba(217, 173, 82, 0.07);
}
.swrg-faq-contact-2026__phone-icon {
flex: 0 0 43px;
width: 43px;
height: 43px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--swrg-fc-gold);
border-radius: 50%;
color: var(--swrg-fc-gold-light);
font-size: 20px;
}
.swrg-faq-contact-2026__phone-text {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 3px;
}
.swrg-faq-contact-2026__phone-text small {
color: var(--swrg-fc-white);
font-size: 11px;
letter-spacing: 2px;
}
.swrg-faq-contact-2026__phone-text strong {
color: var(--swrg-fc-gold-light);
font-size: clamp(18px, 2vw, 24px);
line-height: 1.2;
white-space: nowrap;
}
/* CTA Buttons */
.swrg-faq-contact-2026__buttons {
display: flex;
justify-content: center;
gap: 10px;
}
.swrg-faq-contact-2026__button {
min-height: 44px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
padding: 11px 15px;
border: 1px solid transparent;
border-radius: 9px;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.5px;
text-align: center;
text-decoration: none;
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.swrg-faq-contact-2026__button:hover {
transform: translateY(-2px);
}
.swrg-faq-contact-2026__button--call {
flex: 1;
background: linear-gradient(135deg, #ffedb0, #e7b94f);
color: #17120a;
box-shadow: 0 4px 15px rgba(217, 173, 82, 0.12);
}
.swrg-faq-contact-2026__button--call:hover {
color: #17120a;
box-shadow: 0 5px 18px rgba(217, 173, 82, 0.24);
}
.swrg-faq-contact-2026__button--whatsapp {
flex: 1;
border-color: #31b86d;
background: rgba(0, 0, 0, 0.45);
color: #fff;
}
.swrg-faq-contact-2026__button--whatsapp > i:first-child {
color: #4be08b;
font-size: 22px;
}
.swrg-faq-contact-2026__button--whatsapp:hover {
color: #fff;
box-shadow: 0 4px 15px rgba(49, 184, 109, 0.14);
}
/* Decorative Lotus Elements */
.swrg-faq-contact-2026__decor {
position: absolute;
z-index: 0;
color: rgba(217, 173, 82, 0.17);
pointer-events: none;
}
.swrg-faq-contact-2026__decor--left {
top: 22%;
left: -20px;
font-size: 100px;
transform: rotate(-15deg);
}
.swrg-faq-contact-2026__decor--right {
top: 36%;
right: -28px;
font-size: 105px;
transform: rotate(15deg);
}
/* Tablet */
@media (max-width: 991px) {
.swrg-faq-contact-2026 {
padding: 28px 16px;
}
.swrg-faq-contact-2026__layout {
grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.9fr);
}
.swrg-faq-contact-2026__faq {
padding: 20px 17px;
}
.swrg-faq-contact-2026__section-heading h2 {
letter-spacing: 2px;
}
.swrg-faq-contact-2026__item {
gap: 10px;
padding: 12px 0;
}
.swrg-faq-contact-2026__answer h3 {
font-size: 14px;
}
.swrg-faq-contact-2026__answer p {
font-size: 12px;
}
.swrg-faq-contact-2026__cta {
padding: 25px 17px;
}
.swrg-faq-contact-2026__buttons {
flex-direction: column;
}
.swrg-faq-contact-2026__button {
width: 100%;
}
}
/* Mobile */
@media (max-width: 767px) {
.swrg-faq-contact-2026__layout {
grid-template-columns: 1fr;
}
.swrg-faq-contact-2026__faq {
border-right: none;
border-bottom: 1px solid rgba(217, 173, 82, 0.55);
padding: 22px 18px;
}
.swrg-faq-contact-2026__section-heading h2 {
font-size: 17px;
letter-spacing: 2px;
}
.swrg-faq-contact-2026__answer h3 {
font-size: 15px;
}
.swrg-faq-contact-2026__answer p {
font-size: 12.5px;
}
.swrg-faq-contact-2026__cta {
padding: 35px 20px;
}
.swrg-faq-contact-2026__cta-content {
max-width: 430px;
}
.swrg-faq-contact-2026__buttons {
flex-direction: row;
}
.swrg-faq-contact-2026__button {
width: auto;
min-width: 0;
padding: 11px 12px;
}
}
/* Small Phones */
@media (max-width: 400px) {
.swrg-faq-contact-2026 {
padding: 22px 12px;
}
.swrg-faq-contact-2026__faq {
padding: 19px 13px;
}
.swrg-faq-contact-2026__section-heading {
gap: 8px;
}
.swrg-faq-contact-2026__section-heading > i {
font-size: 21px;
}
.swrg-faq-contact-2026__section-heading h2 {
font-size: 14px;
letter-spacing: 1.3px;
}
.swrg-faq-contact-2026__question-icon {
flex-basis: 26px;
width: 26px;
height: 26px;
font-size: 18px;
}
.swrg-faq-contact-2026__item {
gap: 9px;
}
.swrg-faq-contact-2026__answer h3 {
font-size: 14px;
}
.swrg-faq-contact-2026__answer p {
font-size: 12px;
}
.swrg-faq-contact-2026__cta-content h2 {
font-size: 30px;
}
.swrg-faq-contact-2026__buttons {
flex-direction: column;
}
.swrg-faq-contact-2026__button {
width: 100%;
}
.swrg-faq-contact-2026__phone-text strong {
font-size: 20px;
}
}
@media (prefers-reduced-motion: reduce) {
.swrg-faq-contact-2026__button,
.swrg-faq-contact-2026__helpline {
transition: none;
}
}