/* Saurashtra — WordPress direct header fix v2.
 * Replace the earlier Additional CSS patch; do not append this below it.
 */
body {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
}
:where(body.page-v2.sf-native-elementor-page) .inner-cta h2 {
	line-height: 1 !important;
}

html body.page-v2 p.sf-atomic-text-output:not(.red-label) {
	-webkit-font-smoothing: auto !important;
}
h1,
h2,
h3,
h4,
h5,
h6, :where(body).page-v2:where(.sf-native-elementor-page) .responsibility-story-card strong, :where(body.page-v2.sf-native-elementor-page) .inner-info-card strong, :where(body.page-v2.sf-native-elementor-page) .journey-story-stats strong, :where(body.page-v2.sf-native-elementor-page) .committee-grid strong, :where(body.page-v2.sf-native-elementor-page) .document-row strong, :where(body.page-v2.sf-native-elementor-page) .activity-table-head, .sfpl-tab__txt strong {
	color: #000 !important;
}
:where(body.page-v2.sf-native-elementor-page) .journey-story-stats span, :where(body.page-v2.sf-native-elementor-page) .inner-checks li, :where(body.page-v2.sf-native-elementor-page) .committee-grid span, :where(body.page-v2.sf-native-elementor-page) .document-row span, :where(body.page-v2.sf-native-elementor-page) .activity-row strong, .sfpl-row strong, .sfpl-tab__txt small, .sfpl-tab__num, .sfpl-row a, .sfpl-dept__person a, .sfpl-dept__label {
	color: #5b5b5b !important;
}
.sfpl-tab.active .sfpl-tab__txt strong, .sfpl-tab.active .sfpl-tab__txt small, .sfpl-tab.active .sfpl-tab__arrow, .sfpl-tab.active .sfpl-tab__num {
	color : #fff !important;
}
h1,
h2,
h3,
h4,
h5,
h6, strong, p, span, .sf-atomic-text-output {
    font-family: "Poppins", sans-serif !important;
    font-weight: 500 !important;
  letter-spacing: -.25px !important
}
.about-lead {
  font-weight: 600 !important
}
p, .sf-native-tag-div p.sf-atomic-text-output{
  font-size: 14px !important;
    font-weight: 400 !important;
    opacity: 1 !important;
    filter: none !important;
    text-shadow: none !important;
	    -webkit-font-smoothing: subpixel-antialiased !important;
    text-rendering: optimizeLegibility;
    backface-visibility: visible;
}
:where(body.page-v2.sf-native-elementor-page) .service-pill-list span, :where(body.page-v2.sf-native-elementor-page) .inner-metrics span, p, :where(body.page-v2.sf-native-elementor-page) .profile-content li, .inner-page .inner-hero .inner-breadcrumb>span:last-child, .elementor-2697 .elementor-element.elementor-element-ea92087 .elementskit-post-body .entry-title a {
	color: #5b5b5b !important;
}
.mega-column.mega-links p, .mega-all, .red-label {
	color: #ED1D24 !important;
}
#infrastructure-title, :where(body.page-v2.sf-native-elementor-page) .warehouse-zone-main strong, :where(body.page-v2.sf-native-elementor-page) .depot-lane strong {
  color: #000 !important;
}
:where(body.page-v2.sf-native-elementor-page) .depot-lane strong {
	font-size: 16px !important;
}
strong,
b {
    font-weight: 600 !important;
}
header span, header a {
  font-weight: 500 !important
}
.elementor-2697 .elementor-element.elementor-element-ea92087 .elementskit-post-body .entry-title a, .elementor-2697 .elementor-element.elementor-element-ea92087 .elementskit-entry-header .entry-title a{
  text-shadow: none !important;
}
.sfpl-blog {
  max-width: 1360px !important;
}
@media screen and  (min-width: 1200px)  and (max-width: 1600px) {
.inner-hero-content {
    width: 550px  !important;
  }
  h1.sf-atomic-text-output {
    font-size:clamp(42px, 4vw, 50px) !important;
  }
}

@media screen and  (min-width: 1000px)  and (max-width: 1200px) {
  .inner-hero-content {
    width: 400px  !important;
  }
	
.sf-atomic-image-output {
	height: max-content !important;
}
}
body.admin-bar.page-v2 .site-header { top: 32px !important; }

@media screen and (max-width: 782px) {
    body.admin-bar.page-v2 .site-header { top: 46px !important; }
}
.hero-page-badge {
  display: none !important;
}

/* Prevent the customer portal from covering the primary navigation. */
@media screen and (min-width: 901px) {
    body.page-v2 .site-header {
        width: 100% !important;
        min-height: 80px !important;
    }

    body.page-v2 .site-header .topbar {
        --display: grid !important;
        --align-items: center !important;
        display: grid !important;
        grid-template-columns: clamp(190px, 18vw, 255px) minmax(0, 1fr) auto auto !important;
        align-items: center !important;
        column-gap: clamp(12px, 1.35vw, 24px) !important;
        width: 100% !important;
        height: 80px !important;
        min-height: 80px !important;
        max-width: none !important;
        margin: 0 !important;
        padding-left: max(24px, calc((100vw - 1420px) / 2 + 24px)) !important;
        padding-right: max(24px, calc((100vw - 1420px) / 2 + 24px)) !important;
        box-sizing: border-box !important;
    }

    body.page-v2 .site-header .v3-logo {
        grid-column: 1 !important;
        position: static !important;
        display: flex !important;
        width: 100% !important;
        max-width: 255px !important;
        height: 70px !important;
        margin: 0 !important;
        transform: none !important;
    }

    body.page-v2 .site-header .v3-logo img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        object-position: left center !important;
    }

    body.page-v2 .site-header .topbar nav {
        --display: flex !important;
        --flex-direction: row !important;
        --align-items: center !important;
        --justify-content: center !important;
        grid-column: 2 !important;
        position: static !important;
        inset: auto !important;
        display: flex !important;
        flex-flow: row nowrap !important;
        align-items: center !important;
        justify-content: center !important;
/*         gap: clamp(13px, 1.7vw, 30px) !important; */
			    gap: clamp(13px, 1.2vw, 30px) !important;
/* 			gap: clamp(8px, 1vw, 16px) !important; */
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
    }

    body.page-v2 .site-header .topbar nav > a,
    body.page-v2 .site-header .topbar nav > button {
        display: inline-flex !important;
        flex: 0 0 auto !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 12px 0 !important;
        white-space: nowrap !important;
        font-size: clamp(12px, 1vw, 15px) !important;
        line-height: 1 !important;
    }

    body.page-v2 .site-header .language {
        grid-column: 3 !important;
        position: static !important;
        display: flex !important;
        flex-flow: row nowrap !important;
        align-items: center !important;
        width: auto !important;
        margin: 0 !important;
    }

    body.page-v2 .site-header .portal-dropdown {
        grid-column: 4 !important;
        position: relative !important;
        display: block !important;
        width: auto !important;
        min-width: max-content !important;
        margin: 0 !important;
    }

    body.page-v2 .site-header .portal-dropdown .top-enquiry {
        display: inline-flex !important;
        width: auto !important;
        min-height: 44px !important;
        padding: 0 14px !important;
        white-space: nowrap !important;
        font-size: 13px !important;
    }

    body.page-v2 .site-header .hamb { display: none !important; }
}

@media screen and (min-width: 901px) and (max-width: 1180px) {
  
 .inner-hero-content {
  width:400px !important;
}
    body.page-v2 .site-header .topbar {
        grid-template-columns: 190px minmax(0, 1fr) auto !important;
        column-gap: 14px !important;
        padding-inline: 20px !important;
    }

    body.page-v2 .site-header .topbar nav {
        grid-column: 2 !important;
        gap: 14px !important;
    }

    body.page-v2 .site-header .language { display: none !important; }
    body.page-v2 .site-header .portal-dropdown { grid-column: 3 !important; }

    body.page-v2 .site-header .portal-dropdown .top-enquiry {
        padding-inline: 11px !important;
        font-size: 11px !important;
    }
}

@media screen and (max-width: 900px) {
    body.page-v2 .site-header,
    body.page-v2 .site-header .topbar { min-height: 72px !important; }

    body.page-v2.sf-native-elementor-page main.sf-native-tag-main {
        padding-top: 10px !important;
/* 			 padding-top: 72px !important; */
    }
}


/*New Css add  Code*/


/*milestones · continuing journey  Bottom Card*/







/* --- CLEANED UP CSS (Removed dangerous global .sf-native-tag-div padding) --- */

.sf-native-tag-summary span.sf-atomic-text-output {
    color: #F28C5A;
    font-weight: bold;
    font-size: 14px !important;
}

/* Year Text */
.sf-native-tag-summary span.sf-atomic-text-output {
    font-weight: 500 !important;
}

/* Main Heading (H3) */
.sf-native-tag-div h3.sf-atomic-text-output {
    font-size: 16px !important;
    font-weight: 500 !important;
}

/* Description Paragraph */
.sf-native-tag-div p.sf-atomic-text-output {
    font-size: 12px !important;
    font-weight: 400 !important;
}

/* Be part of our next chapter / CTA */
.inner-cta.elementor-element-7b5fccb,
.inner-container.elementor-element-857b0b3 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

/* Delivering dependable logistics solutions */
.inner-quote.elementor-element-edd2784 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* Our Journey So Far */
p.sf-atomic-text-output.inner-kicker, 
.inner-kicker {
    font-size: 10px !important;
    font-weight: 900 !important;
}

/* Sustainable Logistics Label */
.elementor-widget-container p.sf-atomic-text-output.inner-red-label {
    font-weight: 700 !important;
}

/* Home Red Label */
p.sf-atomic-text-output.red-label {
/*     font-weight: 700 !important; */
	    font-weight: 700 !important;
}

/* Responsible operations - Force Horizontal Row Layout */
.sustainability-detail-gallery.elementor-element-8e0c1a8,
.sustainability-detail-gallery {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 24px !important;
    width: 100% !important;
}

/* First card: 60% width */
.sustainability-detail-gallery > .sf-native-tag-figure:first-child {
    flex: 0 0 60% !important;
    width: 60% !important;
    box-sizing: border-box !important;
}

/* Second card: 40% width */
.sustainability-detail-gallery > .sf-native-tag-figure:nth-child(2) {
    flex: 0 0 40% !important;
    width: 40% !important;
    box-sizing: border-box !important;
}

/* Mobile responsive: Stack back to vertical on small screens */
@media (max-width: 768px) {
    .sustainability-detail-gallery.elementor-element-8e0c1a8,
    .sustainability-detail-gallery {
        flex-direction: column !important;
    }
    .sustainability-detail-gallery > .sf-native-tag-figure {
        width: 100% !important;
        flex: 1 1 100% !important;
    }
}

/* Warehouse Cargo Tags (Pills Layout) */
.warehouse-cargo-tags.elementor-element-7203534,
.warehouse-cargo-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    align-items: center !important;
}

.warehouse-cargo-tags > .sf-native-tag-span {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 50px !important;
    padding: 10px 20px !important;
    box-sizing: border-box !important;
    gap: 12px !important;
    width: auto !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
}

.warehouse-cargo-tags > .sf-native-tag-span .elementor-widget,
.warehouse-cargo-tags > .sf-native-tag-span .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.warehouse-cargo-tags svg {
    width: 20px !important;
    height: 20px !important;
    stroke: #e31b23 !important;
    fill: none !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    flex-shrink: 0 !important;
    display: block !important;
}

.warehouse-cargo-tags h6.sf-atomic-text-output,
.warehouse-cargo-tags span.sf-atomic-text-output {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1e293b !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}
body.page-v2 .v3-hero svg.hero-route-line,
body.page-v2 .v3-hero .elementor-widget-sf-atomic-svg:has(svg.hero-route-line) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}
.sf-native-container.sf-native-tag-div.warehouse-zone-plan{
  display: block !important
}





/* 09/09/2026*/
/* --- Warehouse Advantages Cards Height Reduction --- */

/* --- Compact Warehouse Advantages Cards (Fonts Unchanged) --- */


/* --- Reduce Card Height Only (Fonts & Text Unchanged) --- */

.warehouse-zone-main article.sf-native-tag-article {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    min-height: unset !important;
    height: auto !important;
}

.warehouse-zone-main article.sf-native-tag-article .elementor-widget {
    margin-bottom: 2px !important;
}

.warehouse-zone-main article.sf-native-tag-article .elementor-widget-container {
    padding: 0 !important;
    margin: 0 !important;
}

.warehouse-zone-main article.sf-native-tag-article p.sf-atomic-text-output:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}






/* --- Journey Milestone Card Padding & Layout Fix --- */

/* --- Fix Full Width Card Issue --- */

/* --- Journey Card Visual Design Update Only (Alignment Preserved) --- */


/* --- Only Add Padding, Keep Original Design Intact --- */

/* --- Fix Top Red Line Alignment by Applying Padding Internally --- */

/* Keep outer card clean without changing its original bounds */
article.journey-milestone-card {
    padding: 0 !important;
}

/* Add the breathing room/padding directly to the inner details container so the top red line stays attached */
article.journey-milestone-card .sf-native-tag-details {
    padding-top: 12px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    box-sizing: border-box !important;
}


/* --- Increase Space Between Text and Image --- */

article.journey-milestone-card p.sf-atomic-text-output {
    margin-bottom: 4px !important; /* Text aur image ke beech ka gap badhane ke liye */
}

article.journey-milestone-card .sf-native-tag-details {
    padding-bottom: 2px !important;
}






/* --- Equipment Cards: 2 Cards Per Row Layout --- */

/* --- Equipment Cards: 2 Cards Per Row Layout --- */

/* --- Force 2 Cards Per Row Layout --- */

/* --- Final Clean Equipment 2-Column Grid Layout --- */

/* --- Clean & Error-Free Equipment 2-Column Grid CSS --- */

/* --- Elementor-Proof Equipment Grid CSS --- */




/* --- Foolproof 100-Column Grid Layout --- */

/* --- Foolproof 100-Column Grid Layout --- */

/* --- 1. Force Main Section & Containers to 100% Full Width --- */
/* --- Elementor Flex Override & 100-Column Grid --- */
/* --- Elementor Flex Override & 100-Column Grid --- */

/* --- 1. Main Grid Container Fix --- */
/* --- Foolproof 100-Column Grid Layout --- */

/* =========================================================
   EQUIPMENT MOSAIC - FULL WIDTH GRID
   ========================================================= */


/* =========================================================
   SAURASHTRA FREIGHT
   EQUIPMENT MOSAIC
   COMPLETE RESPONSIVE CSS
   ========================================================= */


/* =========================================================
   1. MAIN MOSAIC GRID
   ========================================================= */

.sf-equipment-mosaic {
    display: grid !important;

    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;

    gap: 30px !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;

    padding: 0 !important;

    box-sizing: border-box !important;

    align-items: stretch !important;
}


/* =========================================================
   2. IMPORTANT ELEMENTOR GRID OVERRIDES
   ========================================================= */

.sf-equipment-mosaic > article.sf-equipment-item {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;

    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;

    margin: 0 !important;

    padding: 0 !important;

    box-sizing: border-box !important;

    align-self: stretch !important;
}


/* Remove Elementor container width restrictions
   from internal equipment elements */

.sf-equipment-mosaic .sf-equipment-media,
.sf-equipment-mosaic .sf-equipment-body,
.sf-equipment-mosaic .sf-equipment-tags {
    min-width: 0 !important;
    max-width: none !important;

    box-sizing: border-box !important;
}


/* =========================================================
   3. CARD DESIGN
   ========================================================= */

.sf-equipment-mosaic article.sf-equipment-item {
    background: #ffffff !important;

    border-radius: 16px !important;

    overflow: hidden !important;

    box-shadow:
        0 4px 24px rgba(0, 0, 0, 0.04) !important;

    box-sizing: border-box !important;
}


/* =========================================================
   4. EQUIPMENT MEDIA / IMAGE AREA
   ========================================================= */

.sf-equipment-mosaic .sf-equipment-media {
    display: block !important;

    width: 100% !important;

    height: 240px !important;

    min-height: 240px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}


/* Image widget */

.sf-equipment-mosaic .sf-equipment-media .elementor-widget {
    width: 100% !important;
    max-width: 100% !important;

    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Image widget container */

.sf-equipment-mosaic .sf-equipment-media .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;

    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Actual image */

.sf-equipment-mosaic .sf-equipment-media img.sf-atomic-image-output {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: 100% !important;

    min-height: 100% !important;

    object-fit: cover !important;

    object-position: center !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   5. CARD BODY
   ========================================================= */

.sf-equipment-mosaic .sf-equipment-body {
    display: flex !important;

    flex-direction: column !important;

    flex: 1 1 auto !important;

    width: 100% !important;

    min-height: 0 !important;

    margin: 0 !important;

    padding: 24px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   6. CARD HEADING
   ========================================================= */

.sf-equipment-mosaic .sf-equipment-body h3 {
    margin-top: 0 !important;

    margin-right: 0 !important;

    margin-bottom: 12px !important;

    margin-left: 0 !important;

    padding: 0 !important;

    line-height: 1.2 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   7. CARD DESCRIPTION
   ========================================================= */

.sf-equipment-mosaic .sf-equipment-body p {
    margin-top: 0 !important;

    margin-right: 0 !important;

    margin-bottom: 20px !important;

    margin-left: 0 !important;

    padding: 0 !important;

    line-height: 1.6 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   8. CHIP / TAG CONTAINER
   ========================================================= */

.sf-equipment-mosaic .sf-equipment-tags {
    display: flex !important;

    flex-direction: row !important;

    flex-wrap: wrap !important;

    align-items: center !important;

    justify-content: flex-start !important;

    align-content: flex-start !important;

    gap: 10px !important;

    width: 100% !important;

    max-width: 100% !important;

    min-width: 0 !important;

    margin-top: auto !important;

    margin-right: 0 !important;

    margin-bottom: 0 !important;

    margin-left: 0 !important;

    padding: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   9. CHIP - ELEMENTOR WIDGET
   ========================================================= */

/*
   This is VERY important.

   Elementor containers/widgets can automatically
   stretch children to 100%.

   We force each chip widget to use only the width
   required by its text.
*/

.sf-equipment-mosaic .sf-equipment-tags > .elementor-widget {
    display: flex !important;

    flex: 0 0 auto !important;

    width: auto !important;

    max-width: max-content !important;

    min-width: 0 !important;

    height: auto !important;

    margin: 0 !important;

    padding: 0 !important;

    align-self: flex-start !important;

    box-sizing: border-box !important;
}


/* =========================================================
   10. CHIP - WIDGET CONTAINER
   ========================================================= */

.sf-equipment-mosaic
.sf-equipment-tags
> .elementor-widget
> .elementor-widget-container {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: auto !important;

    max-width: max-content !important;

    min-width: 0 !important;

    height: auto !important;

    margin: 0 !important;

    padding: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   11. ACTUAL CHIP
   ========================================================= */

.sf-equipment-mosaic
.sf-equipment-tags
.sf-atomic-text-output {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    flex: 0 0 auto !important;

    width: auto !important;

    max-width: 100% !important;

    min-width: 0 !important;

    min-height: 34px !important;

    height: auto !important;

    padding: 7px 12px !important;

    margin: 0 !important;

    background: #f3f4f6 !important;

    border: 1px solid #e5e7eb !important;

    border-radius: 8px !important;

    font-size: 13px !important;

    font-weight: 500 !important;

    line-height: 1.2 !important;

    white-space: nowrap !important;

    box-sizing: border-box !important;

    overflow: hidden !important;

    text-overflow: ellipsis !important;
}


/* =========================================================
   12. PREVENT CHIP FROM BECOMING FULL WIDTH
   ========================================================= */

.sf-equipment-mosaic
.sf-equipment-tags
.elementor-widget-sf-atomic-text {

    flex-grow: 0 !important;

    flex-shrink: 0 !important;

    flex-basis: auto !important;

    width: auto !important;

    max-width: max-content !important;
}


/* =========================================================
   13. DESKTOP ROW 1
   ========================================================= */

/*
   Card 1 = 7 / 12
   Card 2 = 5 / 12

   Approx:
   58.33% / 41.67%
*/

.sf-equipment-mosaic > article:nth-child(1) {
    grid-column: span 7 !important;
}

.sf-equipment-mosaic > article:nth-child(2) {
    grid-column: span 5 !important;
}


/* =========================================================
   14. DESKTOP ROW 2
   ========================================================= */

/*
   Card 3 = 5 / 12
   Card 4 = 7 / 12
*/

.sf-equipment-mosaic > article:nth-child(3) {
    grid-column: span 5 !important;
}

.sf-equipment-mosaic > article:nth-child(4) {
    grid-column: span 7 !important;
}


/* =========================================================
   15. DESKTOP ROW 3
   ========================================================= */

/*
   Card 5 = 4 / 12
   Card 6 = 4 / 12
   Card 7 = 4 / 12
*/

.sf-equipment-mosaic > article:nth-child(5),
.sf-equipment-mosaic > article:nth-child(6),
.sf-equipment-mosaic > article:nth-child(7) {

    grid-column: span 4 !important;
}


/* =========================================================
   16. LARGE / WIDE CLASS OVERRIDE
   ========================================================= */

/*
   Elementor/theme may have existing styles for:
   --large
   --wide

   We don't want those styles to break our grid.
*/

.sf-equipment-mosaic article.sf-equipment-item--large,
.sf-equipment-mosaic article.sf-equipment-item--wide {

    width: auto !important;

    max-width: none !important;

    min-width: 0 !important;

    grid-row: auto !important;
}


/* =========================================================
   17. TABLET
   769px - 1024px
   ========================================================= */

@media (max-width: 1024px) {

    .sf-equipment-mosaic {

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 24px !important;

        width: 100% !important;
    }


    .sf-equipment-mosaic > article:nth-child(1),
    .sf-equipment-mosaic > article:nth-child(2),
    .sf-equipment-mosaic > article:nth-child(3),
    .sf-equipment-mosaic > article:nth-child(4),
    .sf-equipment-mosaic > article:nth-child(5),
    .sf-equipment-mosaic > article:nth-child(6),
    .sf-equipment-mosaic > article:nth-child(7) {

        grid-column: span 1 !important;
    }


    .sf-equipment-mosaic .sf-equipment-media {

        height: 220px !important;

        min-height: 220px !important;
    }


    .sf-equipment-mosaic .sf-equipment-body {

        padding: 22px !important;
    }
}


/* =========================================================
   18. MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .sf-equipment-mosaic {

        display: grid !important;

        grid-template-columns: 1fr !important;

        gap: 20px !important;

        width: 100% !important;

        max-width: 100% !important;
    }


    .sf-equipment-mosaic > article:nth-child(1),
    .sf-equipment-mosaic > article:nth-child(2),
    .sf-equipment-mosaic > article:nth-child(3),
    .sf-equipment-mosaic > article:nth-child(4),
    .sf-equipment-mosaic > article:nth-child(5),
    .sf-equipment-mosaic > article:nth-child(6),
    .sf-equipment-mosaic > article:nth-child(7) {

        grid-column: 1 / -1 !important;

        width: 100% !important;
    }


    .sf-equipment-mosaic .sf-equipment-media {

        height: 220px !important;

        min-height: 220px !important;
    }


    .sf-equipment-mosaic .sf-equipment-body {

        padding: 20px !important;
    }


    .sf-equipment-mosaic .sf-equipment-tags {

        gap: 8px !important;
    }


    .sf-equipment-mosaic
    .sf-equipment-tags
    .sf-atomic-text-output {

        min-height: 32px !important;

        padding: 6px 10px !important;

        font-size: 12px !important;
    }
}


/* =========================================================
   19. VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .sf-equipment-mosaic {

        gap: 16px !important;
    }


    .sf-equipment-mosaic .sf-equipment-media {

        height: 200px !important;

        min-height: 200px !important;
    }


    .sf-equipment-mosaic .sf-equipment-body {

        padding: 18px !important;
    }


    .sf-equipment-mosaic
    .sf-equipment-tags
    .sf-atomic-text-output {

        font-size: 12px !important;

        padding: 6px 9px !important;
    }
}


/* =========================================================
   20. FINAL SAFETY OVERRIDES
   ========================================================= */

/*
   Prevent Elementor's default flex sizing from
   introducing unwanted horizontal overflow.
*/

.sf-equipment-mosaic * {

    box-sizing: border-box;
}


.sf-equipment-mosaic img {

    max-width: 100% !important;
}


.sf-equipment-mosaic .e-con {

    min-width: 0 !important;
}


/*
   Keep the main mosaic inside its parent's
   available width.
*/

.sf-equipment-mosaic {

    overflow: visible !important;

    align-self: stretch !important;
}






/* =========================================================
   MANAGEMENT PROFILE - FIGCAPTION TEXT FIX
   ========================================================= */

/* Main management profile */
.management-profile {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}

/* Figure / image area */
.management-profile > .sf-native-tag-figure {
    position: relative;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

/* Figcaption */
.management-profile .sf-native-tag-figcaption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;

    width: 100%;
    max-width: 100%;

    box-sizing: border-box;

    overflow: hidden;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
}

/* Elementor widget inside figcaption */
.management-profile .sf-native-tag-figcaption
.elementor-widget {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    box-sizing: border-box;
}

/* Actual caption text */
.management-profile .sf-native-tag-figcaption
.sf-atomic-text-output {
    display: block;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    box-sizing: border-box;

    white-space: normal;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: normal;

    overflow: hidden;
}

/* Specifically fix the Raghav caption */
.elementor-element-817c806 {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    overflow: hidden;
}

.elementor-element-817c806
.sf-atomic-text-output {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;

    box-sizing: border-box;
}


/* =========================================================
   PREVENT FLEX CHILD FROM OVERFLOWING
   ========================================================= */

.management-profile .e-con,
.management-profile .e-con-full {
    min-width: 0;
    box-sizing: border-box;
}

.management-profile .e-flex {
    min-width: 0;
}


/* =========================================================
   IMAGE
   ========================================================= */

.management-profile .sf-atomic-image-output {
    display: block;

    width: 100%;
    max-width: 100%;
    height: auto;

    box-sizing: border-box;
}


/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width: 1025px) {

    .management-profile .sf-native-tag-figcaption {
        padding: 15px 0px;
    }

    .management-profile .sf-native-tag-figcaption
    .sf-atomic-text-output {
        font-size: 16px;
        line-height: 1.45;
    }
}


/* =========================================================
   TABLET
   ========================================================= */
@media (min-width: 768px) and (max-width: 1024px) {

    .management-profile .sf-native-tag-figcaption {
        padding: 16px 20px;
    }

    .management-profile .sf-native-tag-figcaption
    .sf-atomic-text-output {
        font-size: 15px;
        line-height: 1.4;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .management-profile .sf-native-tag-figcaption {
        padding: 14px 16px;
    }

    .management-profile .sf-native-tag-figcaption
    .sf-atomic-text-output {
        font-size: 14px;
        line-height: 1.4;

        white-space: normal;
        overflow-wrap: anywhere;
    }
}







/* =========================================================
   MANAGEMENT PROFILE
   LINKEDIN BUTTON — EXACT UI STYLE
   ========================================================= */


/* ---------------------------------------------------------
   MAIN BUTTON
   --------------------------------------------------------- */

.management-profile
.profile-linkedin.profile-linkedin-search {

    display: inline-flex !important;

    align-items: center !important;
    justify-content: flex-start !important;

    width: fit-content !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: 50px !important;

    padding: 5px 14px 5px 18px !important;

    margin: 0 !important;

    box-sizing: border-box !important;

    background: #ffffff !important;

    border: 1px solid #1473c9 !important;
    border-radius: 5px !important;

    color: #1473c9 !important;

    text-decoration: none !important;

    white-space: nowrap !important;

    line-height: 1 !important;

    gap: 12px !important;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease;
}


/* ---------------------------------------------------------
   LINKEDIN ICON BOX
   --------------------------------------------------------- */

.management-profile
.profile-linkedin.profile-linkedin-search
span,
.management-profile
.profile-linkedin.profile-linkedin-search
i {

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 27px !important;
    height: 27px !important;

    min-width: 27px !important;
    max-width: 27px !important;

    padding: 0 !important;
    margin: 0 !important;

    box-sizing: border-box !important;

    background: #1473c9 !important;

    color: #ffffff !important;

    border-radius: 3px !important;

    font-family: Arial, sans-serif !important;

    font-size: 15px !important;

    font-weight: 700 !important;

    font-style: normal !important;

    line-height: 1 !important;

    text-align: center !important;

    flex: 0 0 27px !important;
}


/* ---------------------------------------------------------
   BUTTON TEXT
   Existing HTML:
   <span>in</span>
   
   Text is generated after the icon.
   --------------------------------------------------------- */

.management-profile
.profile-linkedin.profile-linkedin-search::after {

    content: "View LinkedIn Profile" !important;

    display: inline-block !important;

    color: #1473c9 !important;

    font-family: Arial, sans-serif !important;

    font-size: 14px !important;

    font-weight: 700 !important;

    line-height: 1.2 !important;

    white-space: nowrap !important;

    margin: 0 !important;

    padding: 0 !important;
}


/* ---------------------------------------------------------
   REMOVE OLD ELEMENTOR SPACING
   --------------------------------------------------------- */

.management-profile
.profile-linkedin.profile-linkedin-search
.elementor-widget-container {

    padding: 0 !important;
    margin: 0 !important;
}


/* ---------------------------------------------------------
   HOVER
   --------------------------------------------------------- */

.management-profile
.profile-linkedin.profile-linkedin-search:hover {

    background: #f5f9fd !important;

    border-color: #1473c9 !important;

    color: #1473c9 !important;

    text-decoration: none !important;

    transform: translateY(-1px);
}


/* Keep icon blue on hover */

.management-profile
.profile-linkedin.profile-linkedin-search:hover
span,
.management-profile
.profile-linkedin.profile-linkedin-search:hover
i {

    background: #1473c9 !important;
    color: #ffffff !important;
}


/* Keep text blue on hover */

.management-profile
.profile-linkedin.profile-linkedin-search:hover::after {

    color: #1473c9 !important;
}


/* ---------------------------------------------------------
   FOCUS
   --------------------------------------------------------- */

.management-profile
.profile-linkedin.profile-linkedin-search:focus {

    outline: none !important;

    text-decoration: none !important;

    box-shadow: 0 0 0 2px rgba(20, 115, 201, 0.15) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .management-profile
    .profile-linkedin.profile-linkedin-search {

        height: 46px !important;

        padding: 4px 12px 4px 14px !important;

        gap: 10px !important;

        border-radius: 5px !important;
    }


    .management-profile
    .profile-linkedin.profile-linkedin-search
    span,
    .management-profile
    .profile-linkedin.profile-linkedin-search
    i {

        width: 25px !important;
        height: 25px !important;

        min-width: 25px !important;
        max-width: 25px !important;

        flex-basis: 25px !important;

        font-size: 14px !important;
    }


    .management-profile
    .profile-linkedin.profile-linkedin-search::after {

        font-size: 13px !important;
    }

}



/* =========================================================
   LINKEDIN BUTTON — HOVER STATE
   ========================================================= */

/* Button hover */
.management-profile
.profile-linkedin.profile-linkedin-search:hover {

    background: #0A66C2 !important;

    border-color: #0A66C2 !important;

    color: #ffffff !important;

    text-decoration: none !important;

    transform: none !important;

    box-shadow: none !important;
}


/* ---------------------------------------------------------
   HOVER — LINKEDIN ICON
   White icon box + blue "in"
   --------------------------------------------------------- */

.management-profile
.profile-linkedin.profile-linkedin-search:hover
span,
.management-profile
.profile-linkedin.profile-linkedin-search:hover
i {

    background: #ffffff !important;

    color: #0A66C2 !important;

    border-radius: 3px !important;
}


/* ---------------------------------------------------------
   HOVER — BUTTON TEXT
   --------------------------------------------------------- */

.management-profile
.profile-linkedin.profile-linkedin-search:hover::after {

    color: #ffffff !important;
}
/* =====================================================
   SAURASHTRA SHARED ELEMENTOR HEADER
   ===================================================== */

body .site-header,
body .site-header.e-con {
    --display: block !important;
    --min-height: 80px !important;

    display: block !important;
    position: fixed !important;
    z-index: 9990 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: 0 !important;

    width: 100% !important;
    height: 80px !important;
    min-height: 80px !important;
    max-height: 80px !important;

    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: #fff !important;
}

/* Elementor shortcode/template wrappers */
.elementor-widget-shortcode,
.elementor-widget-shortcode > .elementor-widget-container,
.elementor-widget-shortcode .elementor-shortcode,
.elementor-widget-shortcode .elementor-shortcode > .elementor {
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Main navigation row */
body .site-header .topbar,
body .site-header .topbar.e-con {
    --display: flex !important;
    --flex-direction: row !important;
    --align-items: center !important;
    --justify-content: flex-start !important;
    --min-height: 80px !important;
    --gap: 28px !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;

    position: relative !important;
    width: 100% !important;
    height: 80px !important;
    min-height: 80px !important;
    max-height: 80px !important;

    gap: 28px !important;
    margin: 0 !important;
    padding: 0 clamp(24px, 3.2vw, 64px) !important;
    overflow: visible !important;
    background: #fff !important;
}

/* =====================================================
   MEGA MENU POSITION
   ===================================================== */

body .site-header .mega-menu,
body .site-header .mega-menu.e-con {
    --display: grid !important;
    --min-height: 0 !important;

    display: grid !important;
    position: absolute !important;
    z-index: 9995 !important;

    top: 80px !important;
    right: auto !important;
    bottom: auto !important;
    left: 50% !important;

    width: min(920px, calc(100vw - 40px)) !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: calc(100vh - 100px) !important;

    margin: 0 !important;
    padding: 0 30px !important;
    overflow: hidden !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    background: rgba(255, 255, 255, 0.99) !important;
    border: 1px solid #e1e4e8 !important;
    border-radius: 0 0 14px 14px !important;
    box-shadow: 0 15px 30px rgba(25, 32, 44, 0.12) !important;

    transform: translate(-50%, -8px) !important;
}

/* Open mega menu */
body .site-header .mega-menu.visible {
    height: min(630px, calc(100vh - 100px)) !important;
    min-height: 400px !important;
    padding: 42px 30px 32px !important;
    overflow: auto !important;

    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;

    transform: translate(-50%, 0) !important;
}

/* Compact Investor dropdown */
body .site-header .mega-menu.investor-simple-menu {
    left: var(--investor-menu-left, 50%) !important;
    width: 310px !important;
    transform: none !important;
}

body .site-header .mega-menu.investor-simple-menu.visible {
    height: auto !important;
    min-height: 0 !important;
    padding: 18px 20px 20px !important;
}

/* Ensure page begins below fixed header */
body.page-v2 main {
    padding-top: 80px;
}

/* =====================================================
   MOBILE HEADER
   ===================================================== */

@media (max-width: 900px) {
    body .site-header,
    body .site-header.e-con {
        --min-height: 72px !important;
        height: 72px !important;
        min-height: 72px !important;
        max-height: 72px !important;
    }

    body .site-header .topbar,
    body .site-header .topbar.e-con {
        --min-height: 72px !important;
        height: 72px !important;
        min-height: 72px !important;
        max-height: 72px !important;
        padding: 0 18px !important;
    }

    body .site-header .topbar nav,
    body .site-header .topbar nav.e-con {
        position: fixed !important;
        z-index: 9996 !important;
        top: 72px !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;

        display: none !important;
        flex-direction: column !important;
        align-items: stretch !important;

        width: 100% !important;
        height: calc(100vh - 72px) !important;
        padding: 10px 20px 22px !important;
        background: #fff !important;
        transform: none !important;
    }

    body .site-header .topbar nav.open {
        display: flex !important;
    }

    body .site-header .mega-menu,
    body .site-header .mega-menu.e-con,
    body .site-header .mega-menu.visible {
        position: fixed !important;
        top: 72px !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;

        width: 100% !important;
        height: calc(100vh - 72px) !important;
        max-height: none !important;
        padding: 15px 20px 25px !important;
        transform: none !important;
    }

    body .site-header .mega-menu:not(.visible) {
        display: none !important;
    }

    body .site-header .mega-menu.visible {
        display: block !important;
        min-height: 0 !important;
    }

    body.page-v2 main {
        padding-top: 72px;
    }
}
.department-people {
  display: grid !important;
}
.office-locations-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 30px;
}


/*  equipment css*/
/* image — beats inline img.sf-atomic-image-output rule */
article.sf-equipment-item div.sf-equipment-media img.sf-atomic-image-output,
article.sf-equipment-item div.sf-equipment-media .elementor-widget-container img,
.sf-equipment-mosaic .sf-equipment-media div.elementor-widget-container img.sf-atomic-image-output{
  width:100%!important;max-width:100%!important;
  height:100%!important;max-height:100%!important;min-height:0!important;
  display:block!important;object-fit:contain!important;object-position:center!important;
  margin:0!important;padding:0!important;transition:transform .5s ease;
}
article.sf-equipment-item div.sf-equipment-media,
.sf-equipment-mosaic > article > div.sf-equipment-media{
  height:250px!important;min-height:250px!important;max-height:250px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  overflow:hidden!important;background:#f1f3f5!important;--padding:0;padding:0!important;
}
article.sf-equipment-item div.sf-equipment-media > div.elementor-widget,
article.sf-equipment-item div.sf-equipment-media div.elementor-widget-container{
  width:100%!important;height:100%!important;margin:0!important;padding:0!important;
}
@media(max-width:767px){
  article.sf-equipment-item div.sf-equipment-media{height:235px!important;min-height:235px!important;max-height:235px!important;}
}
@media(max-width:480px){
  article.sf-equipment-item div.sf-equipment-media{height:210px!important;min-height:210px!important;max-height:210px!important;}
}
/* =====================================================
   PREVENT ORPHANED SINGLE-WORD LINES
   ===================================================== */

/* Headings and short text */
h1,
h2,
h3,
h4,
h5,
h6,
.elementor-heading-title,
.section-title,
.inner-red-label,
.contact-method-card span,
.contact-method-card strong,
.contact-location-card h3,
.mega-menu h3,
.mega-menu p {
    text-wrap: balance !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
}

/* Paragraphs and longer descriptions */
p,
li,
figcaption,
.elementor-widget-text-editor,
.elementor-widget-text-editor p {
    text-wrap: pretty !important;
    word-break: normal !important;
    hyphens: none !important;
}

/* Keep navigation and buttons on one line */
.site-header nav a,
.site-header nav button,
.elementor-button,
.red-btn,
.outline-btn,
.contact-hero-actions a,
.contact-final-cta a,
.mega-all,
button,
input[type="submit"] {
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
}

/* Links inside normal content may wrap, but remain balanced */
main a:not(.elementor-button):not(.red-btn):not(.outline-btn),
.corporate-footer a {
    text-wrap: balance !important;
    word-break: normal !important;
    hyphens: none !important;
}

/* Email addresses and long URLs must still fit on mobile */
a[href^="mailto:"],
a[href^="tel:"] {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

/* Utility class for text that must never split */
.keep-together {
    display: inline-block !important;
    white-space: nowrap !important;
}
.partner34{
  color: var(--red);
    text-transform: uppercase;
    letter-spacing: 0.3px !important;
    margin: 0 0 8px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}
.sf-native-tag-div p.partner34 {
    font-size: 12px !important;
    font-weight: 700 !important;
}
.flexrow{
  display:flex!important;
}
:where(body.page-v2.sf-native-elementor-page) .partners .heading-title {
    grid-template-columns: repeat(4, 1fr) !important;
 
}
:where(body.page-v2.sf-native-elementor-page) .equipment-inner>img, .equipment-inner> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .equipment-inner> .elementor-widget-sf-atomic-image > .elementor-widget-container > img {
   object-fit: cover; 
   object-position:center !important; 
    width: 100%;
     height: 100% !important; 
}
.equipment-copy p {
    max-width: 100% !important; 
    line-height: 1.6;
}
.sf-atomic-action-output.red-btn.top-enquiry i{
  display:none !important;
}
.home-contact-connect .connect-button-icon {
  color: #fff;
}

.home-contact-connect .connect-button-icon circle {
  fill: #fff;
}

.home-contact-connect .connect-button-icon path {
  stroke: #fff;
}
.saourservises{
     font-size: 12px !important;
  }
.elementor-2697 .elementor-element.elementor-element-ea92087 .elementskit-post-image-card .elementskit-post-body {
    padding: 20px 15px 15px 15px;
}
.ekit-wid-con .elementskit-post-image-card .entry-title {
    font-size: 20px;
    margin-bottom: 10px;
}
.pb-50{
	padding-bottom:50px !important;
}
.hide-section{
	display:none !important
}

:where(body.page-v2.sf-native-elementor-page) .corporate-footer{
    color: #4b566b;
    background: #fff;
    border-top: 1px solid #e3e6eb;
/*     padding: 55px clamp(28px, 4vw, 65px) 0; */
/* 	padding: 30px clamp(28px, 4vw, 65px) 0; */
	padding: clamp(20px, 3vw, 35px) clamp(28px, 4vw, 65px) 0!important;
}
.elementor-2697 .elementor-element.elementor-element-ea92087 .elementskit-post-body .entry-title a {
    color: #000 !important;
}
.sfpl-blog .entry-title,
.sfpl-blog .entry-title a {
    color: #000 !important;

    opacity: 1 !important;
}

.sfpl-blog .entry-title a:hover {
    color: #e31e24 !important;
}.elementor-2697 .elementor-element.elementor-element-ea92087 .elementskit-btn {
    background-color: #ED1C24;
    font-size: 14px;
    gap: 4px;
}
.sfpl-blog img {
    height: 250px !important;
    width: 100% !important;
    object-fit: cover;
    display: block;
    border-radius: 11px 11px 0 0 !important;
}
footer a:hover {
	color: #ed1c24 !important;
}
/* home page video cards hover text correction  */
.saurashtra-video-card .saurashtra-video-card__title {
    text-transform: none !important;
    color: #000000 !important;
font-size:14px !important;
}
.saurashtra-video-card .saurashtra-video-card__overlay {
    padding: 20px 16px 16px !important
    background: #ffffff !important;
}
@media screen and (min-width: 1200px) and (max-width: 1600px) {
/*     h1.sf-atomic-text-output { */
/*         font-size: clamp(42px, 4vw, 42px) !important;
text-transform:capitalize; */
			 h1.sf-atomic-text-output { font-size: 42px !important; }
    
}
.b-600{
	font-weight:600 !important;
}

.management-profile .sf-native-tag-figure .sf-native-tag-figcaption::before {
    color: #ed1c24;
}
.sf-equipment-mosaic .sf-equipment-media div.elementor-widget-container img.sf-atomic-image-output {
    background: #fff;
}
 body.page-v2.sf-native-elementor-page.inner-page .services-overview-hero h1 {
    font-size: clamp(42px, 4vw, 42px) !important;
  
}
.d-none {
	display:none !important;
}
/* 06-10-2026 */
/* Hand cursor with white glow on all links & buttons *//* Hand pointer on all clickable elements */
html body a,
html body a *,
html body button,
html body button *,
html body [role="button"],
html body [role="button"] *,
html body input[type="submit"],
html body input[type="button"],
html body .elementor-button,
html body .elementor-button * {
  cursor: pointer !important;
}

/* White shadow on custom arrow */
.sfpl-cursor {
  filter: drop-shadow(0 0 2px #fff) drop-shadow(0 0 4px #fff) !important;
  transition: opacity .15s ease !important;
}

/* Hide arrow over links/buttons */
body.sfpl-on-link .sfpl-cursor {
  opacity: 0 !important;
  visibility: hidden !important;
}
/*  06-10-2026 end*/
/* SFPL buttons – force #7b7b7b on hover */
html body .sfpl-eq-btn.small-text-plus-two:is(:hover, :focus, :focus-visible, :active),
html body .red-btn.small-text-plus-two:is(:hover, :focus, :focus-visible, :active),
html body .sfpl-eq-btn.small-text-plus-two .elementor-button:hover,
html body .sfpl-eq-btn.small-text-plus-two a:hover,
html body .sfpl-eq-btn.small-text-plus-two:hover :is(.elementor-button, a, button) {
  background: #7b7b7b !important;
  background-color: #7b7b7b !important;
  background-image: none !important;
  border-color: #7b7b7b !important;
  transition: background-color .3s ease !important;
}

/* inner icon/span + overlays */
html body :is(.sfpl-eq-btn, .red-btn).small-text-plus-two:hover :is(i, span),
html body :is(.sfpl-eq-btn, .red-btn).small-text-plus-two:hover::before,
html body :is(.sfpl-eq-btn, .red-btn).small-text-plus-two:hover::after {
  background: #7b7b7b !important;
  background-color: #7b7b7b !important;
  background-image: none !important;
  opacity: 1 !important;
}
button:hover,
a:hover {
/*     cursor: pointer; */
    box-shadow: 0 0 12px rgba(255, 255, 255, 0.8);
}
:where(body.page-v2.sf-native-elementor-page) .inner-cta a:hover, .inner-cta .sf-native-tag-a:hover, :where(body.page-v2.sf-native-elementor-page) .inner-cta .sf-native-tag-a:hover {
    background: #7b7b7b !important;
  background-color: #7b7b7b !important;
  background-image: none !important;
  opacity: 1 !important;
}
.top-enquiry:hover, .journey-start-link:hover, .sfpl-cd-btn:hover, .sfpl-eq-btn:hover, .document-download:hover{
	background:#7f7f7f !important;
	border-color:#7f7f7f ;
	color:#ffffff;
}

body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card.journey-feature::after {
    height: 350px;
}
body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-story-section::before {
    background: #fff;
}
/* new white space changes 7/10/2026 */
.py-20px{
	padding-top:20px !important;
	padding-bottom:20px !important;
}

html body .service-carousel-viewport, html body .elementor-element-e9cc13c,  {
    height: 380px !important;
}
.py-0{
	padding-top:0px !important;
	padding-bottom:0px !important;
}
.pb-0{
	padding-bottom:0px !important;
}
.pt-0{
	padding-top:0px !important;
}
:where(body).page-v2:where(.sf-native-elementor-page) .responsibility-row+.responsibility-row {
    margin-top: 0px;
    border-top: none;
}
:where(body).page-v2:where(.sf-native-elementor-page) .partner-logo {
  
    min-height: 82px;
    padding: 14px 10px;
    border-right: none !important;
   
}
.border-none{
	border:none !important
}
.elementor-1101 .elementor-element.elementor-element-eebc367 {
    gap: 20px !important;
}
.fw-bold{
	font-weight:600 !important;
}

:where(body.page-v2.sf-native-elementor-page) .about-brands>div {
    background: #fff;
    border: 1px solid #d8dee7;
    border-radius: 6px;
    align-items: center;
    gap: 12px;
    min-height: 70px;
    padding: 5px 14px;
    display: flex;
    --display: flex !important;
    display: flex !important;
    --flex-direction: row !important;
    flex-direction: row !important;
    --gap: 12px !important;
    gap: 0px !important;
    --align-items: center !important;
    align-items: center !important;
}
/* new css for responsive on 13/10/2026 */

	:where(body.page-v2.sf-native-elementor-page) .document-download::after {
		display:none
}
@media (width <= 1100px) {
	
    :where(body.page-v2.sf-native-elementor-page) .equipment-v2 .equipment-inner {
        gap: 30px !important;
    }
body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card.journey-feature::after {
    height: 250px;
}
	
.sf-atomic-image-output {
	height: max-content !important;
}
}
@media (max-width:567px) {
	
.sf-atomic-image-output {
	height: max-content !important;
}
:where(body.page-v2.sf-native-elementor-page) .partners .heading-title {
    grid-template-columns: repeat(1, 1fr) !important;
}
.elementor-1959 .elementor-element.elementor-element-2862f55 {
border:0px ;
    padding-top: 40px;
}
	.elementor-1959 .elementor-element.elementor-element-247955c {
		justify-content:center;
	}
.sf-csr__main img {
    object-fit: contain !important; 
	}
	 .sf-csr__main {
        aspect-ratio: 6/5 !important;
		
    }
:where(body.page-v2.sf-native-elementor-page) .equipment-inner>img, .equipment-inner> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .equipment-inner> .elementor-widget-sf-atomic-image > .elementor-widget-container > img {
    height: 150px !important;
}
 :where(body.page-v2.sf-native-elementor-page) .csr-activity-record .activity-row > :nth-child(3) {
    grid-column: 1 / -1;
    width: 100%;
  }
.csr-activity-record .activity-row > .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .csr-activity-record .activity-row > .elementor-widget-sf-atomic-text:last-child > .elementor-widget-container > span{
	width:100%;
	padding-top:10px;
	}
.journey-story-media> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .journey-story-media> .elementor-widget-sf-atomic-image > .elementor-widget-container > img {
               min-height: 150px;
        height: 150px;
        width: 100%;
        object-fit: fill;
    }
body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-milestone-card.journey-feature::after {
    height: 150px;
	object-fit:contain
}
    :where(body.page-v2.sf-native-elementor-page) .journey-story-media, :where(body.page-v2.sf-native-elementor-page) .journey-story-media>img, .journey-story-media> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .journey-story-media> .elementor-widget-sf-atomic-image > .elementor-widget-container > img {
        min-height: 180px;
        height: 180px;
    }
body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-story-section {
    position: relative;
    padding: 30px 0;
    overflow: visible;
    background: #fff;
}
body:where(.page-v2.sf-native-elementor-page)[data-page="journey"] .journey-timeline-section {
    position: relative;
    padding: 20px 0 95px;
    overflow: visible;
    background: #f7f8fa;
}
:where(body.page-v2.sf-native-elementor-page) .journey-story-stats {
    display: grid;
	grid-template-columns: auto 1fr auto 1fr auto;}
	:where(body.page-v2.sf-native-elementor-page) .document-download::after {
		display:none
}
.inner-media> .elementor-widget-sf-atomic-image > .elementor-widget-container > img, :where(body.page-v2.sf-native-elementor-page) .inner-media> .elementor-widget-sf-atomic-image > .elementor-widget-container > img{
	height:fit-content;
	}
:where(body.page-v2.sf-native-elementor-page) .management-profile figure img, .management-profile .sf-native-tag-figure img, :where(body.page-v2.sf-native-elementor-page) .management-profile .sf-native-tag-figure img {
   
    object-fit: contain !important;
 background:#fff !important
}
	body.page-v2.sf-native-elementor-page .about-v3 {
    gap: 10px !important;
}
	 body:where(.page-v2.sf-native-elementor-page)[data-page="services"] .services-hero-visual img, body:where(.page-v2.sf-native-elementor-page)[data-page="contact"] .contact-hero-visual img, body:where(.page-v2.sf-native-elementor-page).governance-page .line-art-governance-hero .governance-hero-art img {
        width: 100%;
        max-width: none;
        height: auto;
        margin-left: 0%;
        object-fit: initial;
    }
.sfpl-blog .elementskit-entry-thumb {
    height: 100% !important;
}
.sfpl-blog img {
    height: 100% !important;  
}
    .elementor-2697 .elementor-element.elementor-element-61c10c7 {
        padding-top: 0px !important;
padding-bottom:0px !important;
			
margin-top:0px !important;
			margin-bottom:0px !important;
      
    }
.e-con.e-con>.e-con-inner>.elementor-widget, .elementor.elementor .e-con>.elementor-widget {

    width: 100%;
}
.elementor-63 .elementor-element.elementor-element-393a8c0 {
  
   padding-top: 40px;
padding-bottom:20px;
  
}
.elementor-72 .elementor-element.elementor-element-af0582f {
   
    padding-top: 20px;
   
}
body:where(.page-v2.sf-native-elementor-page).governance-page .line-art-governance-hero .inner-hero-content {
        margin-bottom: 0px !important;
    }
    .sf-csr {
        padding: 10px 16px !important;
    }
.elementor-688 .elementor-element.elementor-element-4d12541 {
    margin-bottom: 0px !important;
}
/* 15/10/2026 */
	    .sf-native-tag-figure {
        height: fit-content !important;
    }

}

.portfolio-achievements {
	border: none !important;
}
.active1{
	color:#ee2b33 !important;
}
.bg-white{
	background:#ffffff !important;
}
/* 22-10-2026 */
body:where(.page-v2.sf-native-elementor-page).inner-page .inner-hero {
    min-height: var(--inner-hero-min-height);
    padding: 72px var(--inner-hero-gutter) 20px;
    align-items: center;
    --align-items: center !important;
    align-items: center !important;
}
.goog-te-gadget, .goog-te-gadget *, .goog-te-combo { font-family: "Poppins", sans-serif !important; }
.pb-2{
	padding-bottom:10px !important;
}
/* SFPL mega menu – show all links instantly */
.mega-column.mega-links > a,
.mega-column.mega-links > a * {
  animation-delay: 0s !important;
  transition-delay: 0s !important;
}
.mega-menu.is-open .mega-column.mega-links > a,
.mega-column.mega-links > a {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}
/* SFPL – force People and careers link visible */
.mega-column.mega-links > a[href*="people-and-careers"] {
  display: grid !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  animation: none !important;
  transition: none !important;
}
.elementor-widget-container p.sf-atomic-text-output.inner-red-label {
    font-weight: 700 !important;
}
.rredlabel{
	    font-weight: 700 !important;
}
.management-showcase-section .profile-content h2.sf-atomic-text-output {
  text-transform: capitalize;
}
.site-header .top-enquiry,
.site-header button.sf-atomic-action-output.top-enquiry,
.elementor-widget-sf-atomic-action .sf-atomic-action-output.top-enquiry {
  border-radius: 4px !important;
}

/*  28-10-2026*/
/* F3 – unified buttons */
.elementor-button,
a[class*='btn'],
a[class*='button'],
input[type=submit],
.sfpl-eq-btn,
.sf-entry-submit,
button[type=submit],
button:not([data-mega-menu]):not([data-inner-menu]):not(.hamb):not(.mega-mobile-back):not(.home-contact-connect):not(.video-modal-close):not(.thumb-button):not(.sf-native-tag-button):not([aria-label*="slide" i]):not(.equipment aside button):not(.equipment-thumbs > button) {
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  line-height: 1.2 !important;
}

/* Same height + padding for text CTAs */
.elementor-button,
a[class*='btn'],
input[type=submit],
button[type=submit],
.sfpl-eq-btn,
.sf-entry-submit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px;
  min-height: 48px !important;
  padding: 0 28px !important;
  box-sizing: border-box !important;
}
/* enquiry button */
body .sfpl-eq-btn{
	position:fixed!important;
	right:0!important;left:auto!important;
	top:50%!important;bottom:auto!important;
	margin:0!important;
	height:auto!important;width:auto!important;
	transform:translateY(-50%) rotate(180deg)!important;
	rotate:none!important;
	writing-mode:vertical-rl!important;
	text-orientation:mixed!important;
	display:flex!important;align-items:center;gap:8px;
	padding:18px 10px!important;
	background:#ed1c24!important;color:#fff!important;
	border:0!important;border-radius:0 6px 6px 0!important;
	font:600 14px/1 inherit!important;letter-spacing:.5px;
	cursor:pointer!important;
	z-index:9990!important;
	box-shadow:0 4px 14px rgba(12,31,69,.18);
}
body .sfpl-eq-btn i{transform:rotate(90deg);font-size:14px}
body .sfpl-eq-btn:hover{
/* 	background:#0c1f45!important */
    background: #7F7F7F !important;
    border-color: #7f7f7f;
}
@media(max-width:767px){
	body .sfpl-eq-btn{padding:14px 8px!important;font-size:13px!important}
}
.input-star::after {
	content: " *"; color: #e31e24;
}
/* for card isuue */
html body:not(#x1):not(#x2):not(#x3) .achievement-gallery {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: calc((100% - 72px) / 4) !important;
  grid-template-columns: none !important;
  gap: 24px !important;
}
html body:not(#x1):not(#x2):not(#x3) .achievement-gallery > article {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: none !important;
  scroll-snap-align: start;
}
html body:not(#x1):not(#x2):not(#x3) .achievement-gallery > article > .elementor-element,
html body:not(#x1):not(#x2):not(#x3) .achievement-gallery > article .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
}
html body:not(#x1):not(#x2):not(#x3) .achievement-gallery > article img.sf-atomic-image-output {
  width: 100% !important;
  max-width: 100% !important;
  height: 220px !important;
  object-fit: cover !important;
  display: block !important;
}
@media (max-width: 1024px) {
  html body:not(#x1):not(#x2):not(#x3) .achievement-gallery {
    grid-auto-columns: calc((100% - 24px) / 2) !important;
  }
}
@media (max-width: 767px) {
  html body:not(#x1):not(#x2):not(#x3) .achievement-gallery {
    grid-auto-columns: 100% !important;
  }
}

/* for card isuue end*/
/*border cut  */
html body .service-carousel {
  overflow-x: clip !important;
  overflow-y: visible !important;
	margin-top:5px!important;
}
/*  end*/
/* footer cl12 */
@media (max-width: 767px) {
  html body .corporate-footer .footer-grid.e-con {
    grid-template-columns: 1fr !important;
  }
  html body .corporate-footer .footer-grid > .e-con {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
  }
}
/*  end*/
@media (max-width: 767px) {
  html body .inner-breadcrumb span.sfpl-qa-min-text,
  html body .inner-breadcrumb span {
    font-size: inherit !important;
    font-weight: 400 !important;
  }
}
@media (max-width: 767px) {
  html body article.sustainability-story-card.e-con {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto !important;
  }
  html body article.sustainability-story-card.e-con > .e-con {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  html body #trackingTimeline .tracking-step {
    min-width: 0 !important;
    padding: 0 3px !important;
  }
  html body #trackingTimeline .tracking-step h3.tracking-title:not(#x1):not(#x2) {
    font-size: 13px !important;
    line-height: 1.3 !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    hyphens: auto !important;
  }
  html body #trackingTimeline .tracking-step p.tracking-desc:not(#x1):not(#x2) {
    font-size: 11px !important;
    line-height: 1.35 !important;
  }
}

/* 30-10-2026 */
@media (min-width: 1150px) {
  header.site-header nav.sf-tab-root {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: clamp(14px, 1.6vw, 32px) !important;
    width: auto !important;
    max-width: none !important;
    flex: 0 1 auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: clamp(14px, 1.6vw, 32px) !important;
    padding-right: clamp(14px, 1.6vw, 32px) !important;
  }
  header.site-header nav.sf-tab-root > * {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;
    margin: 0 !important;
  }
  header.site-header nav.sf-tab-root .sf-atomic-action-output,
  header.site-header nav.sf-tab-root .elementor-widget-container {
    width: auto !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 1150px) and (max-width: 1280px) {
  header.site-header { --sfpl-nav-size: 14px; }
  header.site-header nav.sf-tab-root { gap: 14px !important; padding-left: 14px !important; padding-right: 14px !important; }
}
@media (min-width: 1281px) and (max-width: 1440px) {
  header.site-header { --sfpl-nav-size: 15px; }
  header.site-header nav.sf-tab-root { gap: 20px !important; padding-left: 20px !important; padding-right: 20px !important; }
}

/* 1025–1149: hide desktop nav (☰ shown via step 2) */
@media (min-width: 1025px) and (max-width: 1149px) {
  header.site-header nav.sf-tab-root { display: none !important; }
}
/* achivment */
/* Achievements – show full image, no crop */
html body:not(#x1):not(#x2):not(#x3):not(#x4) .achievement-gallery > article img.sf-atomic-image-output {
  width: 100% !important;
  max-width: 100% !important;
  height: 220px !important;
  object-fit: contain !important;
  object-position: center !important;
  background: #f4f4f4 !important;
  display: block !important;
}
html body:not(#sfpl-x1):not(#sfpl-x2):not(#sfpl-x3) .sf-footer-head .sf-atomic-text-output,
html body:not(#sfpl-x1):not(#sfpl-x2):not(#sfpl-x3) .sf-atomic-text-output.sf-footer-head{
  font-family:'Poppins',sans-serif !important;
  font-size:18px !important;
  font-weight:600 !important;
  line-height:1.3 !important;
  letter-spacing:0.2px !important;
  color:#1a1a1a !important;
  margin:0 0 22px !important;
}/* 30-10-2026 */
/* new css 31/10/2026  */
.inner-page .inner-breadcrumb{
        font-size: 12px !important;
    }
@media (max-width: 767px) {
  .sfpl-eq-btn {
    top: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 52px !important;
    writing-mode: horizontal-tb !important;
    transform: none !important;
    border-radius: 0 !important;
    justify-content: center;
  }
  #sfpl-cd { bottom: 68px !important; right: 16px !important; }
  body { padding-bottom: 52px; }
}

:where(body.page-v2.sf-native-elementor-page) .contact-form label > span, .contact-form .sf-native-tag-label > .elementor-widget-sf-atomic-text > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .contact-form .sf-native-tag-label > .elementor-widget-sf-atomic-text > .elementor-widget-container > span, .contact-form .sf-native-tag-label > .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > span, :where(body.page-v2.sf-native-elementor-page) .contact-form .sf-native-tag-label > .elementor-widget-sf-atomic-rich-text > .elementor-widget-container > span {
    font-size: 12px !important;
}
/*cookies  */
.cky-consent-bar,
.cky-preference-center {
  background: #ffffff !important;
  border-color: #e1e6ec !important;
}

.cky-title,
.cky-preference-title {
  color: #0c1f45 !important;
}

.cky-notice-des,
.cky-notice-des p,
.cky-preference-content-wrapper,
.cky-preference-content-wrapper p {
  color: #536174 !important;
}

.cky-notice-des a,
.cky-preference-content-wrapper a {
  color: #ed1c24 !important;
}

.cky-btn-accept {
  background: #ed1c24 !important;
  border-color: #ed1c24 !important;
  color: #ffffff !important;
}

.cky-btn-reject,
.cky-btn-customize,
.cky-btn-preferences {
  background: transparent !important;
  border-color: #0c1f45 !important;
  color: #0c1f45 !important;
}

.cky-btn-revisit-wrapper {
  background: #0c1f45 !important;
}
/* cokkies end */
    body.page-v2 .site-header .portal-dropdown .top-enquiry {
      
        padding: 0 8px !important;
     
    }
@media screen and (min-width: 901px) {
    body.page-v2 .site-header .v3-logo {
        max-width: 180px !important;
    }
}
.services-overview-card li {
   
    font-size: 12px !important;
  
}
:where(body.page-v2.sf-native-elementor-page) .journey-story-stats span {
   
    font-size: 12px !important;
   
}
:where(body.page-v2.sf-native-elementor-page) .management-profile figure figcaption::before, .management-profile .sf-native-tag-figure .sf-native-tag-figcaption::before, :where(body.page-v2.sf-native-elementor-page) .management-profile .sf-native-tag-figure .sf-native-tag-figcaption::before {
    content: "IN HIS WORDS";
   
}
/* 03/11/2026 */
body .service-cards-grid .service-info-card .service-card-content {
    padding: 10px !important
}

@media (min-width: 1024px) and (max-width: 1280px) and (min-resolution: 1.05dppx) and (max-resolution: 1.3dppx) {
    html body.page-v2 .service-carousel .service-info-card {
        padding: 0 !important;
    }
html body h3:not(#sfpl-a):not(#sfpl-b):not(:is(header, footer, .elementor-location-header, .elementor-location-footer, .sfpl-eq-overlay) *) {
    font-size: 16px !important;
  
}
}
/* 4/11/2026 */
@media (max-width: 567px) {
    :where(body.page-v2.sf-native-elementor-page) .journey-story-stats {
        display: flex !important;
        text-align: center!important;
        gap: 10px;
    }
}
/* to hide arrow on desktop */
@media (min-width: 1025px) {
  body:not(#sfpl-x1):not(#sfpl-x2):not(#sfpl-x3) .service-carousel-footer {
    display: none !important;
  }
}
/* “Maharashtra” and all three “Gujarat” labels are 11px on mobile */
@media (max-width: 700px) {
  html body .sfpl-offices .sfpl-tab__txt small {
    font-size: 12px !important;
  }
}
@media (max-width: 767px) {
  html body #trackingTimeline .tracking-step p.tracking-desc:not(#x1):not(#x2):not(#x3) {
    font-size: 12px !important;
  }
}
.document-download:hover {
    background: #ed1c24 !important;
    border-color: #ed1c24;
    color: #ffffff;
}
/* 5/11/2026  */
/* Terms & Conditions – Page Specific Styling */
.sf-terms-content ol {
    list-style-type: decimal;
    list-style-position: outside;
    padding-left: 25px;
    margin: 15px 0;
}

.sf-terms-content ol li {
    margin-bottom: 10px;
    padding-left: 5px;
    line-height: 1.7;
}

.sf-terms-content ol li:last-child {
    margin-bottom: 0;
}

/* Grievance Officer Details */
.sf-terms-content li p {
    margin: 8px 0;
}

.sf-terms-content a {
    color: #000000;
    text-decoration: underline;
}

/* Mobile spacing */
@media (max-width: 767px) {
    .sf-terms-content ol {
        padding-left: 22px;
    }

    .sf-terms-content ol li {
        padding-left: 3px;
        margin-bottom: 10px;
    }
}.sf-privacy-policy {
    width: 100%;
    color: #000 !important;
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
}

/* Section Headings */
.sf-privacy-policy h2 {
    color: #000 !important;
    font-weight: 600;
    line-height: 1.4;
    margin: 28px 0 12px;
}

.sf-privacy-policy h3 {
    color: #000 !important;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5;
    margin: 20px 0 10px;
}

/* Paragraphs */
.sf-privacy-policy p {
    color: #000 !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
    margin: 0 0 12px;
}

/* Main Ordered Lists */
.sf-privacy-policy ol {
    list-style-type: decimal;
    list-style-position: outside;
    padding-left: 28px;
    margin: 12px 0 18px;
}

.sf-privacy-policy ol > li {
    padding-left: 5px;
    margin-bottom: 10px;
    line-height: 1.7;
}

.sf-privacy-policy ol > li:last-child {
    margin-bottom: 0;
}

/* Sub-Clause Numbering */
.sf-privacy-policy ol.sf-policy-subpoints {
    list-style: none;
    counter-reset: subpoint;
    padding-left: 48px;
    margin: 12px 0 18px;
}

.sf-privacy-policy ol.sf-policy-subpoints > li {
    counter-increment: subpoint;
    position: relative;
    list-style: none;
    padding-left: 5px;
    margin-bottom: 10px;
    line-height: 1.7;
}

.sf-privacy-policy ol.sf-policy-subpoints > li::before {
    content: attr(data-clause);
    position: absolute;
    right: 100%;
    margin-right: 10px;
    white-space: nowrap;
    color: #000;
    font-weight: 400;
}

/* Bullet Lists */
.sf-privacy-policy ul {
    list-style-type: disc;
    list-style-position: outside;
    padding-left: 27px;
    margin: 10px 0 18px;
}

.sf-privacy-policy ul > li {
    padding-left: 5px;
    margin-bottom: 10px;
    line-height: 1.7;
}

.sf-privacy-policy ul > li:last-child {
    margin-bottom: 0;
}

/* Strong Text */


/* Links */
.sf-privacy-policy a {
    color: #000 !important;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.sf-privacy-policy a:hover {
    color: #e21f26 !important;
}

/* Contact Details */
.sf-privacy-policy .sf-policy-contact {
    margin: 15px 0 20px;
}

.sf-privacy-policy .sf-policy-contact p {
    margin-bottom: 10px;
}
.sf-privacy-policy ol.sf-policy-subpoints {
    list-style: none;
    padding-left: 48px !important;
    margin: 12px 0 18px !important;
}

.sf-privacy-policy ol.sf-policy-subpoints > li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 5px;
    line-height: 1.7;
}

.sf-privacy-policy ol.sf-policy-subpoints > li::before {
    content: attr(data-clause);
    position: absolute;
    right: 100%;
    margin-right: 10px;
    white-space: nowrap;
    color: #000;
    font-weight: 400;
}

@media (max-width: 767px) {
    .sf-privacy-policy ol.sf-policy-subpoints {
        padding-left: 43px;
    }
}

/* Mobile Responsive */
@media (max-width: 767px) {

    .sf-privacy-policy {
        font-size: 15px;
        line-height: 1.7;
    }

    .sf-privacy-policy h2 {
        font-size: 19px;
        margin-top: 24px;
    }

    .sf-privacy-policy h3 {
        font-size: 16px;
    }

    .sf-privacy-policy p {
        font-size: 15px;
    }

    .sf-privacy-policy ol {
        padding-left: 23px;
    }

    .sf-privacy-policy ol.sf-policy-subpoints {
        padding-left: 43px;
    }

    .sf-privacy-policy ul {
        padding-left: 23px;
    }

    .sf-privacy-policy ol > li,
    .sf-privacy-policy ul > li {
        padding-left: 3px;
        margin-bottom: 10px;
    }

    .sf-privacy-policy ol.sf-policy-subpoints > li {
        padding-left: 3px;
        margin-bottom: 10px;
    }
}
.sfpl-hs__dot {
    width: 24px !important;
    height: 24px !important;
}
/* .plg-dots.plg-dots button {
    width: 24px ! important;
    height: 24px ! important;
}
.plg-dots.plg-dots button.active {
    width: 24px !important;
		height:24px !important;
    border-radius: 4px !important;
    background: #e31e24 !important;
} */
:where(body.page-v2.sf-native-elementor-page) .solar-note b
{
	    color: #1d7203;
}