.elementor-10561 .elementor-element.elementor-element-b1414e5d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10561 .elementor-element.elementor-element-4c0598eb{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10561 .elementor-element.elementor-element-649beb2f{text-align:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-10561 .elementor-element.elementor-element-7292f35b{text-align:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-10561 .elementor-element.elementor-element-60b7d293{--display:flex;}/* Start custom CSS for text-editor, class: .elementor-element-7292f35b *//* =====================================================
   SLOKA INFRA SOLUTIONS
   INDUSTRIES WE SERVE - UPDATED FOR CURRENT HTML
===================================================== */


/* =====================================================
   MAIN INDUSTRIES SECTION
===================================================== */

.elementor-element-67ff6722 {
    background: #f4f7fb !important;
    padding: 65px 20px 70px !important;

    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 20px !important;

    max-width: 1200px !important;
    margin: 0 auto !important;

    position: relative !important;
    z-index: 1 !important;
    overflow: visible !important;
}


/* =====================================================
   HEADING AREA
===================================================== */

.elementor-element-4c0598eb {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 5px !important;
}

.elementor-element-4c0598eb > .e-con-inner {
    max-width: 100% !important;
    width: 100% !important;

    row-gap: 0 !important;
    gap: 0 !important;
}


/* =====================================================
   MAIN HEADING
===================================================== */

.elementor-element-649beb2f .elementor-heading-title {
    color: #063873 !important;
    font-size: 40px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    margin: 0 0 14px !important;
}


/* =====================================================
   MAIN INTRODUCTION
===================================================== */

.elementor-element-7292f35b {
    max-width: 1000px !important;
    margin: 0 auto 40px !important;
}

.elementor-element-7292f35b p {
    color: #566b86 !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    text-align: center !important;
    margin: 0 !important;
}


/* =====================================================
   OFFSHORE BLUE CATEGORY BAR
===================================================== */

.elementor-element-43e2c1fe {
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-element-43e2c1fe .elementor-heading-title {
    background: linear-gradient(
        100deg,
        #07336c 0%,
        #0d4f99 55%,
        #6559e8 100%
    ) !important;

    color: #ffffff !important;
    font-size: 26px !important;
    font-weight: 700 !important;

    padding: 18px 26px 7px !important;

    border-radius: 9px 9px 0 0 !important;

    margin: 0 !important;

    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}


/* =====================================================
   OFFSHORE EMOJI
===================================================== */

.elementor-element-43e2c1fe .emoji {
    width: 34px !important;
    height: 34px !important;
    object-fit: contain !important;
}


/* =====================================================
   OFFSHORE SUBTITLE
===================================================== */

.elementor-element-77af7d21 {
    margin: 0 0 5px !important;
    padding: 0 !important;

    background: linear-gradient(
        100deg,
        #07336c 0%,
        #0d4f99 55%,
        #6559e8 100%
    ) !important;

    border-radius: 0 0 9px 9px !important;
}

.elementor-element-77af7d21 .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-element-77af7d21 .sloka-industries-heading {
    margin: 0 !important;

    padding: 0 26px 18px 74px !important;

    color: rgba(255,255,255,0.92) !important;

    font-size: 13px !important;
    line-height: 1.4 !important;
}


/* =====================================================
   ALL INDUSTRY CARDS
===================================================== */

.elementor-element-11e89c3e,
.elementor-element-7bbcb54a,
.elementor-element-57a5103b,
.elementor-element-41178883,
.elementor-element-1b7ceef3,
.elementor-element-4644c65,
.elementor-element-493fca5a,
.elementor-element-3fbf4af2 {

    background: #ffffff !important;

    border: 1px solid #dde5ef !important;
    border-radius: 9px !important;

    overflow: hidden !important;

    padding: 0 !important;

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

    box-shadow: 0 6px 20px rgba(3, 49, 105, 0.07) !important;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease !important;

    /* Override Elementor flex behaviour */
    display: block !important;
}


/* =====================================================
   CARD HOVER
===================================================== */

.elementor-element-11e89c3e:hover,
.elementor-element-7bbcb54a:hover,
.elementor-element-57a5103b:hover,
.elementor-element-41178883:hover,
.elementor-element-1b7ceef3:hover,
.elementor-element-4644c65:hover,
.elementor-element-493fca5a:hover,
.elementor-element-3fbf4af2:hover {

    transform: translateY(-6px) !important;

    box-shadow:
        0 15px 35px rgba(3, 49, 105, 0.15) !important;
}


/* =====================================================
   CARD IMAGES
===================================================== */

.elementor-element-6ffbb107,
.elementor-element-306fd8d2,
.elementor-element-4d9e7137,
.elementor-element-37f30a99,
.elementor-element-266c9029,
.elementor-element-79786d62,
.elementor-element-702b8900,
.elementor-element-7083cf9f {

    width: 100% !important;
    margin: 0 !important;

    padding: 0 !important;

    overflow: hidden !important;
}


/* =====================================================
   ELEMENTOR IMAGE WRAPPER
===================================================== */

.elementor-element-6ffbb107 .elementor-widget-container,
.elementor-element-306fd8d2 .elementor-widget-container,
.elementor-element-4d9e7137 .elementor-widget-container,
.elementor-element-37f30a99 .elementor-widget-container,
.elementor-element-266c9029 .elementor-widget-container,
.elementor-element-79786d62 .elementor-widget-container,
.elementor-element-702b8900 .elementor-widget-container,
.elementor-element-7083cf9f .elementor-widget-container {

    width: 100% !important;
    height: 175px !important;

    overflow: hidden !important;

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


/* =====================================================
   ACTUAL IMAGES
===================================================== */

.elementor-element-6ffbb107 img,
.elementor-element-306fd8d2 img,
.elementor-element-4d9e7137 img,
.elementor-element-37f30a99 img,
.elementor-element-266c9029 img,
.elementor-element-79786d62 img,
.elementor-element-702b8900 img,
.elementor-element-7083cf9f img {

    display: block !important;

    width: 100% !important;
    height: 175px !important;

    object-fit: cover !important;

    transition: transform 0.45s ease !important;
}


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

.elementor-element-11e89c3e:hover img,
.elementor-element-7bbcb54a:hover img,
.elementor-element-57a5103b:hover img,
.elementor-element-41178883:hover img,
.elementor-element-1b7ceef3:hover img,
.elementor-element-4644c65:hover img,
.elementor-element-493fca5a:hover img,
.elementor-element-3fbf4af2:hover img {

    transform: scale(1.06) !important;
}


/* =====================================================
   INDUSTRY CARD HEADINGS
===================================================== */

.elementor-element-4b8edfcd,
.elementor-element-68f4a882,
.elementor-element-2b3e69ec,
.elementor-element-143e86c0,
.elementor-element-230a0189,
.elementor-element-38506ec5,
.elementor-element-28cb1aed,
.elementor-element-65f2fa4d {

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


/* =====================================================
   BLUE / PURPLE TITLE BAR
===================================================== */

.elementor-element-4b8edfcd .elementor-heading-title,
.elementor-element-68f4a882 .elementor-heading-title,
.elementor-element-2b3e69ec .elementor-heading-title,
.elementor-element-143e86c0 .elementor-heading-title,
.elementor-element-230a0189 .elementor-heading-title,
.elementor-element-38506ec5 .elementor-heading-title,
.elementor-element-28cb1aed .elementor-heading-title,
.elementor-element-65f2fa4d .elementor-heading-title {

    background: linear-gradient(
        90deg,
        #074a92,
        #7161ef
    ) !important;

    color: #ffffff !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    line-height: 1.35 !important;

    min-height: 55px !important;

    display: flex !important;
    align-items: center !important;

    padding: 12px 14px !important;

    margin: 0 !important;

    text-transform: uppercase !important;
}


/* =====================================================
   CARD DESCRIPTION
===================================================== */

.elementor-element-5d18971,
.elementor-element-7365b18c,
.elementor-element-7005aaa,
.elementor-element-7505eb97,
.elementor-element-4f9d6164,
.elementor-element-47e70cf8,
.elementor-element-2b791f08,
.elementor-element-383760fd {

    padding: 16px 16px 20px !important;
    margin: 0 !important;
}


.elementor-element-5d18971 p,
.elementor-element-7365b18c p,
.elementor-element-7005aaa p,
.elementor-element-7505eb97 p,
.elementor-element-4f9d6164 p,
.elementor-element-47e70cf8 p,
.elementor-element-2b791f08 p,
.elementor-element-383760fd p {

    color: #566579 !important;

    font-size: 16px !important;
    line-height: 1.65 !important;

    margin: 0 !important;
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 1024px) {

    .elementor-element-67ff6722 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px !important;
    }

    .elementor-element-649beb2f .elementor-heading-title {
        font-size: 34px !important;
    }

}


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

@media (max-width: 767px) {

    .elementor-element-67ff6722 {

        grid-template-columns: 1fr !important;

        padding: 45px 15px 55px !important;

        gap: 18px !important;
    }


    .elementor-element-649beb2f .elementor-heading-title {
        font-size: 29px !important;
    }


    .elementor-element-7292f35b p {
        font-size: 14px !important;
        line-height: 1.7 !important;
    }


    .elementor-element-43e2c1fe .elementor-heading-title {

        font-size: 22px !important;

        padding: 16px 18px 7px !important;
    }


    .elementor-element-77af7d21 .sloka-industries-heading {

        padding: 0 18px 16px 18px !important;
    }


    /* Mobile image height */

    .elementor-element-6ffbb107 .elementor-widget-container,
    .elementor-element-306fd8d2 .elementor-widget-container,
    .elementor-element-4d9e7137 .elementor-widget-container,
    .elementor-element-37f30a99 .elementor-widget-container,
    .elementor-element-266c9029 .elementor-widget-container,
    .elementor-element-79786d62 .elementor-widget-container,
    .elementor-element-702b8900 .elementor-widget-container,
    .elementor-element-7083cf9f .elementor-widget-container {

        height: 220px !important;
    }


    .elementor-element-6ffbb107 img,
    .elementor-element-306fd8d2 img,
    .elementor-element-4d9e7137 img,
    .elementor-element-37f30a99 img,
    .elementor-element-266c9029 img,
    .elementor-element-79786d62 img,
    .elementor-element-702b8900 img,
    .elementor-element-7083cf9f img {

        height: 220px !important;
    }

}


/* =====================================================
   FULL WIDTH BACKGROUND
===================================================== */

.elementor-element-67ff6722::before {

    content: "";

    position: absolute;

    top: -30px;
    bottom: -30px;

    left: 50%;

    transform: translateX(-50%);

    width: 100vw;

    background: #f4f7fb;

    z-index: -1;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2f8e219f *//* =====================================================
   INLAND WATER SECTION
   SAME CSS DESIGN - MAPPED TO YOUR CURRENT HTML
===================================================== */


/* =====================================================
   MAIN SECTION
===================================================== */

.elementor-element-73da4ccd {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 20px !important;

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

    margin: 0 auto !important;
    padding: 35px 10px 60px !important;

    background: #f4f7fb !important;
}


/* =====================================================
   INLAND WATER HEADER - FULL WIDTH
===================================================== */

.elementor-element-60b7d293 {
    grid-column: 1 / -1 !important;

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

    margin: 0 0 10px !important;
    padding: 0 !important;

    background: linear-gradient(
        100deg,
        #07336c 0%,
        #0753a6 58%,
        #6257e7 100%
    ) !important;

    border-radius: 9px !important;

    overflow: hidden !important;
}


/* Elementor inner container */

.elementor-element-60b7d293 > .e-con-inner {
    width: 100% !important;
    max-width: 100% !important;

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

    gap: 0 !important;

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


/* =====================================================
   INLAND WATER TITLE
===================================================== */

.elementor-element-2d8a371e {
    width: 100% !important;

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


.elementor-element-2d8a371e .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}


.elementor-element-2d8a371e .elementor-heading-title {
    display: flex !important;
    align-items: center !important;

    gap: 12px !important;

    margin: 0 !important;

    padding: 17px 25px 3px !important;

    background: transparent !important;

    color: #ffffff !important;

    font-size: 25px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}


/* =====================================================
   ICON
===================================================== */

.elementor-element-2d8a371e .emoji {
    width: 42px !important;
    height: 42px !important;

    object-fit: contain !important;
}


/* =====================================================
   INLAND WATER SUBTITLE
===================================================== */

.elementor-element-2f8e219f {
    width: 100% !important;

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

    background: transparent !important;
}


.elementor-element-2f8e219f .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}


.elementor-element-2f8e219f p,
.elementor-element-2f8e219f .sloka-industries-heading {

    margin: 0 !important;

    padding: 0 25px 17px 72px !important;

    color: rgba(255,255,255,0.93) !important;

    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
}


/* =====================================================
   ALL 8 CARDS
===================================================== */

.elementor-element-2c967594,
.elementor-element-79e23a90,
.elementor-element-2a1e7e4a,
.elementor-element-38cfa501,
.elementor-element-30c489a9,
.elementor-element-610e2e61,
.elementor-element-6ed9ba79,
.elementor-element-77be1e48 {

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

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

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

    background: #ffffff !important;

    border: 1px solid #dce4ed !important;
    border-radius: 8px !important;

    overflow: hidden !important;

    box-shadow:
        0 4px 15px rgba(10, 45, 90, 0.06) !important;

    transition:
        transform .3s ease,
        box-shadow .3s ease !important;
}


/* =====================================================
   CARD HOVER
===================================================== */

.elementor-element-2c967594:hover,
.elementor-element-79e23a90:hover,
.elementor-element-2a1e7e4a:hover,
.elementor-element-38cfa501:hover,
.elementor-element-30c489a9:hover,
.elementor-element-610e2e61:hover,
.elementor-element-6ed9ba79:hover,
.elementor-element-77be1e48:hover {

    transform: translateY(-5px) !important;

    box-shadow:
        0 12px 28px rgba(5, 47, 100, 0.14) !important;
}


/* =====================================================
   IMAGES
===================================================== */

.elementor-element-2540e927,
.elementor-element-a23e3fa,
.elementor-element-7cab5196,
.elementor-element-6e2e868f,
.elementor-element-c15b2c3,
.elementor-element-13c28647,
.elementor-element-513c5003,
.elementor-element-31118a4f {

    width: 100% !important;

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

    overflow: hidden !important;
}


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

.elementor-element-2540e927 .elementor-widget-container,
.elementor-element-a23e3fa .elementor-widget-container,
.elementor-element-7cab5196 .elementor-widget-container,
.elementor-element-6e2e868f .elementor-widget-container,
.elementor-element-c15b2c3 .elementor-widget-container,
.elementor-element-13c28647 .elementor-widget-container,
.elementor-element-513c5003 .elementor-widget-container,
.elementor-element-31118a4f .elementor-widget-container {

    width: 100% !important;
    height: 180px !important;

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

    overflow: hidden !important;
}


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

.elementor-element-2540e927 img,
.elementor-element-a23e3fa img,
.elementor-element-7cab5196 img,
.elementor-element-6e2e868f img,
.elementor-element-c15b2c3 img,
.elementor-element-13c28647 img,
.elementor-element-513c5003 img,
.elementor-element-31118a4f img {

    display: block !important;

    width: 100% !important;
    height: 180px !important;

    object-fit: cover !important;

    margin: 0 !important;

    transition: transform .4s ease !important;
}


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

.elementor-element-2c967594:hover img,
.elementor-element-79e23a90:hover img,
.elementor-element-2a1e7e4a:hover img,
.elementor-element-38cfa501:hover img,
.elementor-element-30c489a9:hover img,
.elementor-element-610e2e61:hover img,
.elementor-element-6ed9ba79:hover img,
.elementor-element-77be1e48:hover img {

    transform: scale(1.05) !important;
}


/* =====================================================
   ALL CARD HEADINGS
===================================================== */

.elementor-element-49e3a534,
.elementor-element-3e385f3d,
.elementor-element-613938c2,
.elementor-element-4ac37199,
.elementor-element-7b0d5374,
.elementor-element-51ff17fe,
.elementor-element-318ffeca,
.elementor-element-5de73c36 {

    width: 100% !important;

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


/* =====================================================
   TITLE BAR
===================================================== */

.elementor-element-49e3a534 .elementor-heading-title,
.elementor-element-3e385f3d .elementor-heading-title,
.elementor-element-613938c2 .elementor-heading-title,
.elementor-element-4ac37199 .elementor-heading-title,
.elementor-element-7b0d5374 .elementor-heading-title,
.elementor-element-51ff17fe .elementor-heading-title,
.elementor-element-318ffeca .elementor-heading-title,
.elementor-element-5de73c36 .elementor-heading-title {

    width: 100% !important;

    min-height: 46px !important;

    display: flex !important;
    align-items: center !important;

    margin: 0 !important;

    padding: 10px 12px !important;

    background: linear-gradient(
        90deg,
        #073c80 0%,
        #0754a5 55%,
        #6358e8 100%
    ) !important;

    color: #ffffff !important;

    font-size: 13px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;

    text-transform: uppercase !important;
}


/* =====================================================
   DESCRIPTIONS
===================================================== */

.elementor-element-9c83173,
.elementor-element-7b4a5d7,
.elementor-element-463cb815,
.elementor-element-70493f5,
.elementor-element-43f1e395,
.elementor-element-6aafe69d,
.elementor-element-56832671,
.elementor-element-2753d94a {

    width: 100% !important;

    margin: 0 !important;

    padding: 15px 13px 18px !important;

    flex-grow: 1 !important;
}


.elementor-element-9c83173 p,
.elementor-element-7b4a5d7 p,
.elementor-element-463cb815 p,
.elementor-element-70493f5 p,
.elementor-element-43f1e395 p,
.elementor-element-6aafe69d p,
.elementor-element-56832671 p,
.elementor-element-2753d94a p {

    margin: 0 !important;

    color: #50627a !important;

    font-size: 15px !important;
    line-height: 1.65 !important;
}


/* =====================================================
   TABLET - 2 CARDS
===================================================== */

@media (max-width: 1024px) {

    .elementor-element-73da4ccd {

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

        gap: 18px !important;
    }

}


/* =====================================================
   MOBILE - 1 CARD
===================================================== */

@media (max-width: 767px) {

    .elementor-element-73da4ccd {

        grid-template-columns: 1fr !important;

        padding: 25px 15px 45px !important;

        gap: 18px !important;
    }


    .elementor-element-2d8a371e .elementor-heading-title {

        font-size: 22px !important;

        padding:
            15px 16px 3px !important;
    }


    .elementor-element-2f8e219f p,
    .elementor-element-2f8e219f .sloka-industries-heading {

        padding:
            0 16px 15px 68px !important;
    }


    .elementor-element-2540e927 .elementor-widget-container,
    .elementor-element-a23e3fa .elementor-widget-container,
    .elementor-element-7cab5196 .elementor-widget-container,
    .elementor-element-6e2e868f .elementor-widget-container,
    .elementor-element-c15b2c3 .elementor-widget-container,
    .elementor-element-13c28647 .elementor-widget-container,
    .elementor-element-513c5003 .elementor-widget-container,
    .elementor-element-31118a4f .elementor-widget-container {

        height: 220px !important;
    }


    .elementor-element-2540e927 img,
    .elementor-element-a23e3fa img,
    .elementor-element-7cab5196 img,
    .elementor-element-6e2e868f img,
    .elementor-element-c15b2c3 img,
    .elementor-element-13c28647 img,
    .elementor-element-513c5003 img,
    .elementor-element-31118a4f img {

        height: 220px !important;
    }

}


/* =====================================================
   FULL WIDTH BACKGROUND FOR INLAND WATER SECTION
===================================================== */

.elementor-element-73da4ccd {

    position: relative !important;
    z-index: 1 !important;

    background: transparent !important;

    overflow: visible !important;
}


/* =====================================================
   EXTEND BACKGROUND TO BOTH SIDE SPACES
===================================================== */

.elementor-element-73da4ccd::before {

    content: "";

    position: absolute;

    top: 0;
    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    width: 100vw;

    background: #f4f7fb;

    z-index: -1;
}/* End custom CSS */