        <style>
            html body .header-area,
            html body .header-area * {
                font-family: 'ProximaNova-Semibold' !important;
            }



            * {
                margin: 0;
                padding: 0;
            }

            /* Chrome, Safari, Edge, Opera */

            input::-webkit-outer-spin-button,
            input::-webkit-inner-spin-button {
                -webkit-appearance: none;
                margin: 0;
            }

            /* Firefox */
            input[type="number"] {
                -moz-appearance: textfield;
            }

            body {
                width: 100%;
                height: 100%;
                font-family: "ProximaNova", sans-serif;
                margin: 0 auto;
                font-weight: 400;
                color: #748196;
                background: #f4f4f6;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                text-rendering: optimizeLegibility;
            }

            html {
                font-family: "ProximaNova", sans-serif;
                width: 100%;
                height: 100%;
                scroll-behavior: smooth;
            }

            a {
                text-decoration: none;
                outline: none;
                color: #52b44b;
            }

            a:hover {
                text-decoration: none;
            }

            a img {
                border: 0px none;
            }

            a:hover,
            a:active,
            a:focus {
                outline: none;
            }

            a:hover {
                color: rgba(0, 0, 0, 0.7);
            }

            a:focus,
            a:active {
                text-decoration: none;
            }

            a:focus {
                outline-offset: 0px;
                color: #2cb34a;
            }

            .clear {
                clear: both;
                overflow: hidden;
                height: 0px;
                font-size: 0px;
            }

            .clear_l {
                clear: both;
            }

            .disabled {
                pointer-events: none;
                cursor: default;
            }

            ul,
            ol {
                padding: 0px;
                margin: 0px;
                list-style: none;
            }

            input:focus,
            select:focus,
            textarea:focus,
            button:focus {
                outline: none;
                box-shadow: none;
            }

            h1,
            h2,
            h3,
            h4,
            h5,
            h6,
            p {
                margin: 0px;
                padding: 0px;
            }

            article,
            footer,
            header,
            figure,
            aside,
            hgroup,
            nav,
            header,
            nav,
            article,
            footer,
            aside,
            figure,
            figcaption {
                display: block;
            }

            button {
                outline: none;
                border: none;
                box-shadow: none;
            }

            a:hover,
            .btn:hover {
                -moz-transition: 0.4s all;
                -o-transition: 0.4s all;
                -webkit-transition: 0.4s all;
                transition: 0.4s all;
            }

            select,
            select:focus,
            input:focus,
            .btn:focus,
            textarea:focus,
            input[type="text"]:focus,
            input[type="password"]:focus,
            input[type="datetime"]:focus,
            input[type="datetime-local"]:focus,
            input[type="date"]:focus,
            input[type="month"]:focus,
            input[type="time"]:focus,
            input[type="week"]:focus,
            input[type="number"]:focus,
            input[type="email"]:focus,
            input[type="url"]:focus,
            input[type="search"]:focus,
            input[type="tel"]:focus,
            input[type="color"]:focus,
            .uneditable-input:focus {
                border-color: rgba(000, 000, 000, 0.8);
                box-shadow: none;
                outline: none;
                border-top-color: none;
                border-right-color: none;
                border-left-color: none;
            }

            .noPadding {
                padding: 0;
            }

            p {
                margin-bottom: 1rem;
            }

            .content-section p,
            .content-section ul li {
                margin-bottom: 1rem;
                list-style-type: disc;
                line-height: 30px;
                letter-spacing: 0.4px;
            }

            .content-section ol li {
                margin-bottom: 1rem;
                list-style-type: decimal;
                line-height: 30px;
                letter-spacing: 0.4px;
            }

            .content-section ul,
            .content-section ol {
                padding-left: 15px;
            }

            .content-section h4 {
                margin-bottom: 1rem;
            }

            .page-item.active .page-link {
                background-color: #567c32;
                border-color: #567c32;
            }

            /* :: Buttons CSS */

            .btn:focus {
                box-shadow: none;
            }

            .card-slides .card-body {
                min-height: 250px;
            }

            /* :: Spacing CSS */

            .yt_bg {
                visibility: hidden !important;
                display: none !important;
            }

            .p-15 {
                padding: 15px 0;
            }

            .p-30 {
                padding: 30px 0;
            }

            .p-60 {
                padding: 60px 0;
            }

            .p-80 {
                padding: 80px 0;
            }

            .mainwrapper {
                position: relative;
                overflow-y: hidden;
            }

            .header-bottom-wrap.header-sticky {
                background: #fff;
                box-shadow: 0 8px 20px 0 rgb(0 0 0 / 10%);
            }

            .header-area .is-sticky,
            .header-area.is-sticky {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                -webkit-animation: 0.95s ease-in-out 0s normal none 1 running fadeInDown;
                animation: 0.95s ease-in-out 0s normal none 1 running fadeInDown;
                z-index: 9;
                -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
                box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
            }

            .header-area .is-sticky .navigation-menu--text_white>ul>li>a {
                color: #444;
            }

            .header-area .is-sticky .navigation-menu--text_white>ul>li>a>span:after {
                background-color: #444;
            }

            .header-area .is-sticky .navigation-menu--text_white>ul>li.active>a,
            .header-area .is-sticky .navigation-menu--text_white>ul>li:hover>a:after,
            .header-area .is-sticky .navigation-menu--text_white>ul>li.active>a:after,
            .header-area .is-sticky .navigation-menu--text_white>ul>li:hover>a>span,
            .header-area .is-sticky .navigation-menu--text_white>ul>li.active>a>span {
                color: #000000;
            }

            .header-area .is-sticky .header-search-form .search-form-top .style-02 {
                background-color: transparent;
                border-left: 1px solid #ddd;
                border-right: 1px solid #ddd;
            }

            .header-area .is-sticky .header-search-form .search-form-top.style-03 {
                background-color: transparent;
                border-left: 1px solid #ddd;
                border-right: 1px solid #ddd;
            }

            .header-area .is-sticky .header-search-form .search-form-top.style-03 input::-webkit-input-placeholder,
            .header-area .is-sticky .header-search-form .search-form-top.style-03 textarea::-webkit-input-placeholder {
                color: #333;
            }

            .header-area .is-sticky .header-search-form .search-form-top.style-03 input::-moz-placeholder,
            .header-area .is-sticky .header-search-form .search-form-top.style-03 textarea::-moz-placeholder {
                color: #333;
            }

            .header-area .is-sticky .header-search-form .search-form-top.style-03 input:-ms-input-placeholder,
            .header-area .is-sticky .header-search-form .search-form-top.style-03 textarea:-ms-input-placeholder {
                color: #333;
            }

            .header-area .is-sticky .header-search-form .search-form-top.style-03 input::-ms-input-placeholder,
            .header-area .is-sticky .header-search-form .search-form-top.style-03 textarea::-ms-input-placeholder {
                color: #333;
            }

            .header-area .is-sticky .header-search-form .search-form-top.style-03 input::-webkit-input-placeholder,
            .header-area .is-sticky .header-search-form .search-form-top.style-03 textarea::-webkit-input-placeholder {
                color: #333;
            }

            .header-area .is-sticky .header-search-form .search-form-top.style-03 input::-moz-placeholder,
            .header-area .is-sticky .header-search-form .search-form-top.style-03 textarea::-moz-placeholder {
                color: #333;
            }

            .header-area .is-sticky .header-search-form .search-form-top.style-03 input:-ms-input-placeholder,
            .header-area .is-sticky .header-search-form .search-form-top.style-03 textarea:-ms-input-placeholder {
                color: #333;
            }

            .header-area .is-sticky .header-search-form .search-form-top.style-03 input::-ms-input-placeholder,
            .header-area .is-sticky .header-search-form .search-form-top.style-03 textarea::-ms-input-placeholder {
                color: #333;
            }

            .header-area .is-sticky .header-search-form .search-form-top.style-03 input::placeholder,
            .header-area .is-sticky .header-search-form .search-form-top.style-03 textarea::placeholder {
                color: #333;
            }

            .header-area .is-sticky .header-search-form .search-form-top .search-field {
                color: #000;
            }

            .header-area .is-sticky .header-search-form .search-form-top .search-submit {
                color: #333;
            }

            .header-area .is-sticky .header__logo .dark-logo {
                display: inherit;
            }

            .header-area .is-sticky .header__logo .light-logo {
                display: none;
            }

            .header-area .is-sticky .menu-style-four .navigation-menu>ul>li:hover>a:before,
            .header-area .is-sticky .menu-style-four .navigation-menu>ul>li.active>a:before,
            .header-area .is-sticky .menu-style-four .navigation-menu>ul>li.current>a:before {
                width: 100%;
                left: 0;
            }

            .header-area .is-sticky .header-search-form-two.white-icon a {
                color: #333;
            }

            .inline_block,
            .section_header_btn {
                display: inline-block;
                *display: inline;
                zoom: 1;
                vertical-align: top;
            }

            .media_center_section {
                padding: 3rem 0;
                background: #f4f4f6;
                border-top: 1px solid rgba(0, 0, 0, 0.1);
                font-family: "ProximaNova-Semibold";
            }

            .media_center_section .container {
                position: relative;
            }

            .media_center_section ol li,
            .media_center_section ul li {
                list-style-type: none !important;
            }

            .media_center_section a {
                text-decoration: none;
            }

            .media_center_section a:hover {
                text-decoration: none;
            }

            .section_header {
                display: flex;
                align-items: center;
                margin-bottom: 30px;
                height: 42px;
            }

            .section_header h1 {
                font-size: 22px;
                font-family: "ProximaNova-Bold";
                font-weight: normal;
                margin: 0;
            }

            .section_header_left {
                display: flex;
                align-items: center;
            }

            .section_header_right {
                margin-left: auto;
            }

            .section_header_btn {
                padding: 10px 24px;
                padding-right: 54px;
                border-radius: 30px;
                font-size: 15px;
                background: #2cb34a;
                color: #fff;
                position: absolute;
                top: 0;
                right: 15px;
            }

            .section_header_btn:after {
                -webkit-transition: all 0.3s ease-in;
                -moz-transition: all 0.3s ease-in;
                -o-transition: all 0.3s ease-in;
                -ms-transition: all 0.3s ease-in;
                transition: all 0.3s ease-in;
                content: "";
                background: url("{{ asset("media/zidii/external") }}/images/pressrelease/button-arrow.svg") no-repeat center center;
                right: 24px;
                height: 100%;
                width: 16px;
                top: 0;
                position: absolute;
            }

            .section_header_btn:hover {
                text-decoration: none;
                background: #309c3f;
                color: #fff;
            }

            .section_header_btn:hover:after {
                right: 18px;
            }

            .section_header_btn_wrap {
                text-align: center;
            }

            .media_center_grid {
                list-style-type: none;
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                grid-column-gap: 30px;
                grid-row-gap: 2rem;
            }

            .media_center_grid li {
                background: white;
                padding: 16px;
                padding-bottom: 30px;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                -ms-border-radius: 10px;
                -o-border-radius: 10px;
                border-radius: 10px;
                /* border: 1px solid rgba(179, 178, 178, 0.9); */
                border-radius: 10px;
            }

            .media_center_grid li a {
                display: flex;
                -ms-flex-direction: column;
                flex-direction: column;
                height: 100%;
            }

            .media_center_grid li a:hover {
                text-decoration: none;
            }

            .media_center_grid li a:hover h4 {
                color: #2cb34a;
            }

            .media_center_grid li a:hover .media_article_cta {
                color: black;
            }

            .media_center_grid li a:hover .media_article_cta:after {
                right: -25px;
            }

            .media_center_grid h4 {
                font-family: "ProximaNova-Bold";
                font-weight: normal;
                font-size: 15px;
                color: rgba(0, 0, 0, 0.78);
                margin-bottom: 20px;
            }

            .media_center_grid_img {
                margin-bottom: 20px;
            }

            .media_center_grid_img img {
                width: 100%;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                -ms-border-radius: 10px;
                -o-border-radius: 10px;
                border-radius: 10px;
            }

            .media_article_cta {
                display: flex;
                flex-direction: row;
                align-self: flex-start;
                position: relative;
                color: #2cb34a;
                font-size: 15px;
                margin-top: auto;
            }

            .media_article_cta:after {
                content: "";
                position: absolute;
                right: -20px;
                top: 0;
                width: 18px;
                height: 100%;
                -webkit-transition: all 0.3s ease-in;
                -moz-transition: all 0.3s ease-in;
                -o-transition: all 0.3s ease-in;
                -ms-transition: all 0.3s ease-in;
                transition: all 0.3s ease-in;
                background: url("{{ asset("media/zidii/external") }}/images/pressrelease/green-arrow-right.svg") no-repeat center center;
                background-size: 7px;
            }

            .media_article_cta:hover {
                color: black;
            }

            .media_article_cta:hover:after {
                right: -25px;
            }

            .media_resources_grid {
                list-style-type: none;
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                grid-column-gap: 30px;
                grid-row-gap: 2rem;
                color: #000;
            }

            .media_resources_grid li>a {
                background: white;
                padding: 30px 16px;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                -ms-border-radius: 10px;
                -o-border-radius: 10px;
                border-radius: 10px;
                display: flex;
                -ms-flex-direction: column;
                flex-direction: column;
                height: 100%;
            }

            .media_resources_grid_icon {
                margin-bottom: 20px;
            }

            .media_resources_grid_icon img {
                height: 45px;
            }

            .media_resources_grid h4 {
                font-family: "ProximaNova-Bold";
                font-weight: normal;
                margin-bottom: 10px;
                font-size: 17px;
            }

            .media_resources_grid p {
                margin-bottom: 20px;
            }

            @media only screen and (max-width: 1100px) {
                .media_center_section {
                    padding: 2rem 0;
                }

                .media_center_section .container {
                    max-width: none;
                }
            }

            @media only screen and (max-width: 960px) {
                .media_center_grid {
                    grid-column-gap: 15px;
                }

                .small-banner .home-banner-holder .owl-dots {
                    text-align: left !important;
                }
            }

            @media only screen and (max-width: 768px) {
                .media_center_section {
                    padding: 1.5rem 0;
                }

                .section_header {
                    display: block;
                    height: auto;
                }

                .section_header h1 {
                    font-size: 18px;
                }

                .section_header_btn_wrap {
                    margin-top: 30px;
                }

                .section_header_btn {
                    position: relative;
                    top: 0;
                    right: 0;
                }

                .media_center_grid,
                .media_resources_grid {
                    grid-template-columns: repeat(2, 1fr);
                    grid-row-gap: 15px;
                    grid-column-gap: 15px;
                }

                .media_center_grid li:last-of-type,
                .media_resources_grid li:last-of-type {
                    grid-column: span 2;
                }
            }

            @media only screen and (max-width: 500px) {

                .media_center_grid,
                .media_resources_grid {
                    display: block;
                }

                .media_center_grid li,
                .media_resources_grid li {
                    margin-bottom: 20px;
                    padding: 12px;
                    padding-bottom: 30px;
                }

                .media_center_grid li:last-of-type,
                .media_resources_grid li:last-of-type {
                    margin-bottom: 0;
                }

                .section_header {
                    display: block;
                    margin-bottom: 20px;
                }
            }

            @media only screen and (max-width: 330px) {
                .media_resources_grid h4 {
                    font-size: 15px;
                }

                .media_resources_grid_icon img {
                    height: 40px;
                }
            }

            @media print {
                * {
                    background: transparent !important;
                    color: black !important;
                    text-shadow: none !important;
                    filter: none !important;
                    -ms-filter: none !important;
                }

                a,
                a:visited {
                    text-decoration: underline;
                }

                a[href]:after {
                    content: " (" attr(href) ")";
                }

                abbr[title]:after {
                    content: " (" attr(title) ")";
                }

                .ir a:after,
                a[href^="javascript:"]:after,
                a[href^="#"]:after {
                    content: "";
                }

                pre,
                blockquote {
                    border: 1px solid #999;
                    page-break-inside: avoid;
                }

                thead {
                    display: table-header-group;
                }

                tr,
                img {
                    page-break-inside: avoid;
                }

                img {
                    max-width: 100% !important;
                }

                @page {
                    margin: 0.5cm;
                }

                p,
                h2,
                h3 {
                    orphans: 3;
                    widows: 3;
                }

                h2,
                h3 {
                    page-break-after: avoid;
                }
            }

            @media only screen and (min-width: 992px) and (max-width: 1199px),
            only screen and (min-width: 768px) and (max-width: 991px),
            only screen and (max-width: 767px) {
                .header-area.is-sticky.only-mobile-sticky {
                    position: fixed;
                    top: 0;
                    left: 0;
                    width: 100%;
                    -webkit-animation: 0.95s ease-in-out 0s normal none 1 running fadeInDown;
                    animation: 0.95s ease-in-out 0s normal none 1 running fadeInDown;
                    z-index: 999;
                    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                    -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                    -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
                    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
                    background-color: #fff;
                }
            }

            @media only screen and (min-width: 992px) and (max-width: 1199px),
            only screen and (min-width: 768px) and (max-width: 991px),
            only screen and (max-width: 767px) {
                .header-area.is-sticky.only-mobile-sticky .header-bottom-wrap.is-sticky {
                    display: none !important;
                }
            }

            .header-area--absolute {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                z-index: 5;
                background: #fff;
            }

            @media only screen and (min-width: 768px) and (max-width: 991px),
            only screen and (max-width: 767px) {
                .header-area--absolute {
                    position: static;
                }
            }

            .header-area--absolute__inner {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                z-index: 5;
            }

            .header-area--default {
                border-color: #e4e8f6;
                -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
                box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
            }

            .header {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
            }

            .header__logo {
                -webkit-flex-basis: 15%;
                -ms-flex-preferred-size: 15%;
                flex-basis: 15%;
                padding: 14px 0;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-flex-shrink: 0;
                -ms-flex-negative: 0;
                flex-shrink: 0;
            }

            .header__logo.top-logo {
                padding: 25px 0;
            }

            @media only screen and (min-width: 992px) and (max-width: 1199px),
            only screen and (min-width: 768px) and (max-width: 991px) {
                .header__logo {
                    -webkit-flex-basis: 20%;
                    -ms-flex-preferred-size: 20%;
                    flex-basis: 20%;
                }
            }

            .header__logo>a img {
                width: 140px;
            }

            .header__logo .dark-logo {
                display: none;
            }

            .header__logo .light-logo {
                display: inherit;
            }

            @media only screen and (min-width: 768px) and (max-width: 991px),
            only screen and (max-width: 767px) {
                .header__logo .dark-logo {
                    display: inherit;
                }

                .header__logo .light-logo {
                    display: none;
                }

                .mid- {
                    margin-top: 0 !important;
                }

                .top-mount {
                    padding-top: 2rem !important;
                }
            }

            .header.default-menu-style .header__logo {
                -webkit-flex-basis: 23.5%;
                -ms-flex-preferred-size: 23.5%;
                flex-basis: 23.5%;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                justify-content: center;
                padding: 14px 0;
            }

            @media only screen and (min-width: 1200px) and (max-width: 1499px) {
                .header.default-menu-style .header__logo {
                    -webkit-flex-basis: 13%;
                    -ms-flex-preferred-size: 13%;
                    flex-basis: 13%;
                }

                .navigation-menu>ul>li {
                    margin: 0 5px;
                }
            }

            @media only screen and (min-width: 992px) and (max-width: 1199px),
            only screen and (min-width: 768px) and (max-width: 991px) {
                .header.default-menu-style .header__logo {
                    -webkit-flex-basis: 40%;
                    -ms-flex-preferred-size: 40%;
                    flex-basis: 40%;
                    -webkit-box-pack: start;
                    -webkit-justify-content: flex-start;
                    -ms-flex-pack: start;
                    justify-content: flex-start;
                }
            }

            .header.default-menu-style .header-midle-box {
                -webkit-box-flex: 1;
                -webkit-flex-grow: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                justify-content: center;
            }

            .header.default-menu-style .header-right-box {
                -webkit-flex-shrink: 0;
                -ms-flex-negative: 0;
                flex-shrink: 0;
                -webkit-flex-basis: 23.5%;
                -ms-flex-preferred-size: 23.5%;
                flex-basis: 23.5%;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: end;
                -webkit-justify-content: flex-end;
                -ms-flex-pack: end;
                justify-content: flex-end;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
            }

            @media only screen and (min-width: 1200px) and (max-width: 1499px) {
                .header.default-menu-style .header-right-box {
                    -webkit-flex-basis: 23%;
                    -ms-flex-preferred-size: 23%;
                    flex-basis: 23%;
                }
            }

            @media only screen and (min-width: 992px) and (max-width: 1199px) {
                .header.default-menu-style .header-right-box {
                    -webkit-flex-basis: 60%;
                    -ms-flex-preferred-size: 60%;
                    flex-basis: 60%;
                }
            }

            @media only screen and (min-width: 768px) and (max-width: 991px) {
                .header.default-menu-style .header-right-box {
                    -webkit-flex-basis: 60%;
                    -ms-flex-preferred-size: 60%;
                    flex-basis: 60%;
                }
            }

            .header.default-menu-style .header-right-box .header-right-inner {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                margin: 0 -12px;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: end;
                -webkit-justify-content: flex-end;
                -ms-flex-pack: end;
                justify-content: flex-end;
                -webkit-flex-shrink: 0;
                -ms-flex-negative: 0;
                flex-shrink: 0;
            }

            .top-bar-right {
                float: right;
            }

            .header-right-inner {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                margin: 0 -12px;
                -webkit-box-pack: end;
                -webkit-justify-content: flex-end;
                -ms-flex-pack: end;
                justify-content: flex-end;
                -webkit-flex-shrink: 0;
                -ms-flex-negative: 0;
                flex-shrink: 0;
                padding: 0 12px;
            }

            .large-offer ul,
            .large-offer ol li {
                color: #000;
                font-size: 16px;
            }

            .large-offer table {
                border-collapse: collapse;
                width: 100%;
                color: #000;
                font-size: 12px;
            }

            .large-offer table tr {
                border: 2px solid #000;
            }

            .large-offer table td {
                padding: 5px 10px;
                border: 2px solid #000;
            }

            .large-offer ul li,
            .large-offer ol li {
                list-style-type: decimal !important;
                list-style-position: outside !important;
                line-height: 30px;
            }

            .large-offer ul,
            .large-offer ol {
                padding-left: 20px;
            }

            @media only screen and (max-width: 1200px) and (min-width: 768px) {
                ul.topbar-menu li a {
                    padding: 15px 10px;
                    font-size: 10px !important;
                }

                .navigation-menu>ul>li {
                    margin: 0px 5px !important;
                }
            }

            .fraud .tarif-content .read-more {
                margin: auto !important;
            }

            .header-bottom-inner {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
            }

            .header-bottom-left-wrap {
                -webkit-box-flex: 1;
                -webkit-flex-grow: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
            }

            .header-search-form {
                -webkit-flex-shrink: 0;
                -ms-flex-negative: 0;
                flex-shrink: 0;
                -webkit-align-self: stretch;
                -ms-flex-item-align: stretch;
                align-self: stretch;
            }

            .header-search-form .search-form-top {
                position: relative;
                background-color: rgba(0, 47, 166, 0.3);
            }

            .header-search-form .search-form-top .search-field {
                width: 270px;
                border-radius: 0;
                border: 0 !important;
                background: 0 0 !important;
                min-height: 60px;
                padding-right: 50px;
                padding-left: 10px;
                color: #fff;
            }

            .header-search-form .search-form-top input::-webkit-input-placeholder,
            .header-search-form .search-form-top textarea::-webkit-input-placeholder {
                color: #333;
            }

            .header-search-form .search-form-top input::-moz-placeholder,
            .header-search-form .search-form-top textarea::-moz-placeholder {
                color: #333;
            }

            .header-search-form .search-form-top input:-ms-input-placeholder,
            .header-search-form .search-form-top textarea:-ms-input-placeholder {
                color: #333;
            }

            .header-search-form .search-form-top input::-ms-input-placeholder,
            .header-search-form .search-form-top textarea::-ms-input-placeholder {
                color: #333;
            }

            .header-search-form .search-form-top input::-webkit-input-placeholder,
            .header-search-form .search-form-top textarea::-webkit-input-placeholder {
                color: #333;
            }

            .header-search-form .search-form-top input::-moz-placeholder,
            .header-search-form .search-form-top textarea::-moz-placeholder {
                color: #333;
            }

            .header-search-form .search-form-top input:-ms-input-placeholder,
            .header-search-form .search-form-top textarea:-ms-input-placeholder {
                color: #333;
            }

            .header-search-form .search-form-top input::-ms-input-placeholder,
            .header-search-form .search-form-top textarea::-ms-input-placeholder {
                color: #333;
            }

            .header-search-form .search-form-top input::placeholder,
            .header-search-form .search-form-top textarea::placeholder {
                color: #333;
            }

            .header-search-form .search-form-top .search-submit {
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                right: 0;
                font-size: 18px;
                background: 0 0;
                width: 48px;
                height: 48px;
                line-height: 50px;
                padding: 0;
                border: 0;
                color: #ffffff;
            }

            .header-search-form-two {
                padding-top: 5px;
                display: inline-block;
                color: #fff;
                padding-left: 10px;
            }

            .fsize-increase--btn img {
                height: 25px;
            }

            .header-search-form-two a {
                line-height: 0;
                font-size: 18px;
                color: #fff;
            }

            .header-search-form-two a:hover {
                -webkit-transform: scale(1.15, 1.15);
                -ms-transform: scale(1.15, 1.15);
                transform: scale(1.15, 1.15);
            }

            .header-search-form-two.white-icon a {
                color: #ffffff;
            }

            @media only screen and (min-width: 768px) and (max-width: 991px),
            only screen and (max-width: 767px) {
                .header-search-form-two.white-icon a {
                    color: #333;
                }
            }

            .top-bar-left {
                -webkit-box-flex: 1;
                -webkit-flex-grow: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
            }

            .navigation-menu>ul {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
            }

            .navigation-menu>ul>li {
                margin: 0 24px;
            }

            @media only screen and (min-width: 1500px) and (max-width: 1599px) {
                .navigation-menu>ul>li {
                    margin: 0 22px;
                }
            }

            @media only screen and (min-width: 1200px) and (max-width: 1499px) {
                .navigation-menu>ul>li {
                    margin: 0 5px;
                }
            }

            .navigation-menu>ul>li>a {
                display: block;
                color: #fff;
                padding: 20px 10px;
                position: relative;
                font-size: 14px;
                font-family: "ProximaNova-Bold";
            }

            .navigation-menu>ul>li.has-children>a {
                position: relative;
            }

            .navigation-menu>ul>li.has-children--multilevel-submenu {
                position: relative;
            }

            .navigation-menu>ul>li.has-children:hover>.submenu {
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0);
                visibility: visible;
                opacity: 1;
            }

            .navigation-menu>ul>li:hover>a:after,
            .navigation-menu>ul>li.active>a:after,
            .navigation-menu>ul>li:hover>a span,
            .navigation-menu>ul>li.active>a span {
                color: #52b44b;
            }

            .navigation-menu>ul>li:hover>a:before,
            .navigation-menu>ul>li.active>a:before {
                width: 100%;
                left: 0;
            }

            .navigation-menu>ul>li:hover>a.my-account::before {
                width: auto;
            }

            .owl-carousel .owl-item .selection-criteria-card img {
                width: 70px;
                height: 70px;
                margin: auto;
            }

            .navigation-menu.primary--menu>ul>li>a {
                padding: 31px 2px;
            }

            .navigation-menu--text_white>ul>li>a {
                color: rgba(255, 255, 255, 0.7);
            }

            .navigation-menu--text_white>ul>li>a:before {
                background-color: #ffffff;
            }

            .navigation-menu--text_white>ul>li.active>a,
            .navigation-menu--text_white>ul>li:hover>a:after,
            .navigation-menu--text_white>ul>li.active>a:after,
            .navigation-menu--text_white>ul>li:hover>a>span,
            .navigation-menu--text_white>ul>li.active>a>span {
                color: #ffffff;
            }

            .header-bottom-left-wrap .navigation-menu>ul>li:first-child {
                margin: 0 15px 0 0;
            }

            .submenu {
                position: absolute;
                top: 100%;
                left: 0;
                -webkit-box-shadow: 0 2px 29px rgba(0, 0, 0, 0.05);
                box-shadow: 0 2px 29px rgba(0, 0, 0, 0.05);
                border-bottom: 3px solid #52b44b;
                background-color: #ffffff;
                -webkit-transform: translateY(50px);
                -ms-transform: translateY(50px);
                transform: translateY(50px);
                -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                -webkit-transition-delay: 0.2s;
                -o-transition-delay: 0.2s;
                transition-delay: 0.2s;
                -webkit-transition-duration: 0.4s;
                -o-transition-duration: 0.4s;
                transition-duration: 0.4s;
                visibility: hidden;
                opacity: 0;
                min-width: 300px;
                padding: 20px 0;
                z-index: 9;
            }

            .submenu>li {
                position: relative;
            }

            .submenu>li>a {
                display: block;
                padding: 5px 30px;
                color: #808080;
                font-weight: 400;
                -webkit-transition: 0s;
                -o-transition: 0s;
                transition: 0s;
            }

            .submenu>li>a>span {
                position: relative;
            }

            .submenu>li>a>span:after {
                content: "";
                width: 0;
                height: 1px;
                bottom: 0;
                position: absolute;
                left: auto;
                right: 0;
                z-index: -1;
                background-color: #52b44b;
                -webkit-transition: 0.3s;
                -o-transition: 0.3s;
                transition: 0.3s;
            }

            .submenu>li>a:hover {
                color: #52b44b;
            }

            .submenu>li>a:hover>span:after {
                width: 100%;
                left: 0;
                right: auto;
            }

            .submenu>li:hover>.submenu {
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0);
                visibility: visible;
                opacity: 1;
                z-index: 9;
            }

            .submenu>li.active>a {
                color: #52b44b;
            }

            .submenu>li.has-children>a {
                position: relative;
                -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            }

            .submenu>li.has-children>a:after {
                position: absolute;
                right: 20px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                content: "\eab8";
                font-family: IcoFont;
                font-size: 14px;
                vertical-align: middle;
                color: #ababab;
            }

            .submenu>li.has-children>a:hover:after {
                color: #52b44b;
            }

            .submenu>li.has-children.active>a {
                color: #52b44b;
            }

            .submenu .submenu {
                top: 0px;
                left: 100%;
                right: auto;
            }

            .submenu .submenu.left {
                right: 100%;
                left: auto;
            }

            .submenu .submenu .submenu {
                top: 0;
                left: 100%;
                right: auto;
            }

            .submenu .submenu .submenu.left {
                right: 100%;
                left: auto;
            }

            .submenu .submenu .submenu .submenu {
                top: 0;
                left: 100%;
                right: auto;
            }

            .submenu .submenu .submenu .submenu.left {
                right: 100%;
                left: auto;
            }

            .submenu .submenu .submenu .submenu .submenu {
                top: 0;
                left: 100%;
                right: auto;
            }

            .submenu .submenu .submenu .submenu .submenu.left {
                right: 100%;
                left: auto;
            }

            .menu-style-four .navigation-menu>ul>li>a {
                color: #000;
            }

            .menu-style-four .navigation-menu>ul>li>a:hover {
                background: #f5f5f5;
            }

            .menu-style-four .navigation-menu>ul>li:hover>a:after,
            .menu-style-four .navigation-menu>ul>li.active>a:after,
            .menu-style-four .navigation-menu>ul>li.current>a:after {
                content: "";
                width: 100%;
                height: 3px;
                position: absolute;
                left: 0;
                bottom: 0;
                background: #309c3f;
            }

            .menu-style-four .navigation-menu>ul>li:hover>a:after,
            .menu-style-four .navigation-menu>ul>li.active>a:after,
            .menu-style-four .navigation-menu>ul>li.current>a:after {
                color: #ffffff;
            }

            .header-video {
                background: url(/personal/images/banners/till-image-banner.png);
                background-repeat: no-repeat !important;
                background-size: cover !important;
                background-position: center center;
            }

            .investors-banner {
                background-repeat: no-repeat !important;
                background-size: cover !important;
                background-position-y: 85px !important;
                background-position-x: left !important;
            }

            .search-results.list-striped {
                width: 80%;
                margin: auto;
                padding: 0 3rem 3rem;
            }

            .item-page {
                width: 80%;
                padding: 5rem;
                background-color: #fff;
                margin: 1rem auto 3rem;
                border: none;
                border-radius: 10px;
                position: relative;
            }

            #system-message-container {
                padding-top: 0em;
            }

            #search-query-explained {
                text-align: center;
                display: none;
            }

            .inputbox {
                background-color: #fff;
                background-clip: padding-box;
                border: 1px solid #ced4da;
                border-radius: 10px;
                transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
                display: block;
                width: 100%;
                padding: 7px 15px;
                margin: 15px auto;
            }

            .word {
                margin: auto;
                width: 60%;
                text-align: center;
                display: none;
            }

            .word label {
                font-family: "ProximaNova-Bold";
                color: #000;
                font-size: 32px;
            }

            .word a {
                display: none;
            }

            .word .btn {
                background: #52b44b;
                border: 2px solid #52b44b;
                outline: none !important;
            }

            .word .btn:hover {
                background: #28a745c7;
                border: 2px solid #52b44b;
                outline: none !important;
            }

            .result-title a {
                display: block;
                margin-bottom: 10px;
                color: #000;
                font-size: 18px;
                font-family: "ProximaNova-Bold";
            }

            .result-url {
                display: none;
            }

            .item-page h2 {
                font-size: 28px;
                color: #000;
            }

            .article-info,
            .actions,
            .search-pages-counter {
                display: none;
            }

            .pagenav {
                display: block;
                float: left;
                width: 100%;
                padding: 15px 0;
            }

            .previous a,
            .next a {
                color: #52b44b;
            }

            .previous {
                float: left;
            }

            .previous::before {
                content: "\f0a8";
                font-family: FontAwesome;
                font-style: normal;
                font-weight: normal;
                color: #52b44b;
                margin-right: 15px;
                font-size: 20px;
            }

            .next {
                float: right;
            }

            .next::after {
                content: "\f0a9";
                font-family: FontAwesome;
                font-style: normal;
                font-weight: normal;
                color: #52b44b;
                margin-left: 15px;
                font-size: 20px;
            }

            .swal-button {
                background: #2cb34a !important;
            }

            .swal-footer {
                text-align: center !important;
            }

            .rapid_contact .rapid_submit {
                background: #52b44b;
                border: 2px solid #52b44b;
                outline: none !important;
            }

            .rapid_contact .rapid_submit:hover {
                background: #28a745c7;
                border: 2px solid #52b44b;
                outline: none !important;
            }

            .search-results.list-striped li {
                background-color: #fff;
                margin: 0 auto 15px;
                width: 100%;
                border: none;
                border-radius: 10px;
                padding: 25px 30px;
            }

            @media only screen and (min-width: 990px) {
                .megamenu--mega {
                    padding-left: 50px;
                    padding-right: 50px;
                }

                .mobile-logo {
                    display: none;
                }

                .megamenu {
                    position: absolute;
                    top: 100%;
                    left: 0;
                    -webkit-box-shadow: 0 2px 29px rgba(0, 0, 0, 0.05);
                    box-shadow: 0 2px 29px rgba(0, 0, 0, 0.05);
                    border-bottom-right-radius: 20px;
                    border-bottom-left-radius: 20px;
                    background-color: #ffffff;
                    -webkit-transform: translateY(50px);
                    -ms-transform: translateY(50px);
                    transform: translateY(50px);
                    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                    -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                    -webkit-transition-delay: 0.2s;
                    -o-transition-delay: 0.2s;
                    transition-delay: 0.2s;
                    -webkit-transition-duration: 0.4s;
                    -o-transition-duration: 0.4s;
                    transition-duration: 0.4s;
                    visibility: hidden;
                    opacity: 0;
                    z-index: 9;
                }

                .megamenu--mega {
                    min-width: 980px;
                    width: 100%;
                    padding: 35px 20px 30px;
                }

                .navigation-menu>ul>li.has-children:hover .megamenu {
                    -webkit-transform: translateY(0);
                    -ms-transform: translateY(0);
                    transform: translateY(0);
                    visibility: visible;
                    opacity: 1;
                }

                .navigation-menu>ul>li.has-children:hover .megamenu--home-variation__item {
                    visibility: visible;
                    opacity: 1;
                    -webkit-transform: translateY(0);
                    -ms-transform: translateY(0);
                    transform: translateY(0);
                }

                .megamenu--mega {
                    min-width: 700px;
                }

                .megamenu--mega>li {
                    width: 60%;
                    padding: 0 15px 10px;
                    display: inline-block;
                }

                .megamenu--mega>li a {
                    color: #000;
                    font-size: 14px;
                }

                .megamenu--mega>li a:hover {
                    color: #52b44b;
                    cursor: pointer;
                }

                .megamenu--mega>li .page-list-title {
                    font-size: 26px;
                    margin-bottom: 10px;
                    color: #2cb34a;
                    padding-left: 10px;
                }

                .megamenu--mega>li>ul {
                    border-right: 1px solid #f3f3f3;
                }

                .megamenu--mega>li>ul>li>a {
                    padding: 0px 0 0px 10px;
                    color: #333;
                    line-height: 1.2;
                    -webkit-transition: 0.1s;
                    -o-transition: 0.1s;
                    transition: 0.1s;
                    display: block;
                    border-left: 3px solid transparent;
                    width: 100% !important;
                }

                .megamenu--mega>li>ul>.current>a {
                    color: #2cb34a !important;
                }

                .megamenu--mega>li>ul>li>a:hover {
                    color: #333;
                    border-left: 3px solid #52b44b;
                    background: transparent;
                }

                .megamenu--mega>li>ul>li>a>span {
                    position: relative;
                }

                .megamenu--mega>li>ul>li.active>a {
                    color: #333;
                    border-left: 3px solid #52b44b;
                    background: #f3f3f3;
                }

                .container-fluid .megamenu--mega {
                    padding: 35px 220px 30px;
                }
            }

            .megamenu--mega>li a {
                text-transform: capitalize;
            }

            @media only screen and (min-width: 990px) and (max-width: 1499px) {
                .container-fluid .megamenu--mega {
                    padding-left: 50px;
                    padding-right: 50px;
                }
            }

            @media only screen and (min-width: 990px) and (max-width: 1499px) {
                .container-fluid .megamenu--mega {
                    padding-left: 50px;
                    padding-right: 50px;
                }
            }

            @media only screen and (min-width: 990px) and (max-width: 1499px) {
                .container-fluid .megamenu--mega {
                    min-width: 700px;
                }
            }

            .promoblock-menu {
                width: 70%;
                float: left;
                text-align: right;
            }

            .mobile-navigation-icon {
                width: 30px;
                height: 25px;
                position: relative;
                cursor: pointer;
                display: inline-block;
                margin-left: 20px;
            }

            .mobile-navigation-icon i {
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                width: 100%;
                height: 3px;
                background-color: #fff;
                -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            }

            .mobile-navigation-icon i:before {
                position: absolute;
                bottom: 8px;
                left: 0;
                width: 100%;
                height: 3px;
                background-color: #fff;
                content: "";
                -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            }

            .mobile-navigation-icon i:after {
                position: absolute;
                bottom: -8px;
                left: 0;
                width: 100%;
                height: 3px;
                background-color: #fff;
                content: "";
                -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            }

            @media only screen and (min-width: 992px) and (max-width: 1199px) {
                .mobile-navigation-icon.white-md-icon i {
                    background-color: #fff;
                }

                .mobile-navigation-icon.white-md-icon i:before {
                    background-color: #fff;
                }

                .mobile-navigation-icon.white-md-icon i:after {
                    background-color: #fff;
                }

                .mobile-navigation-icon.white-md-icon:hover i {
                    background-color: #52b44b;
                }

                .mobile-navigation-icon.white-md-icon:hover i:before {
                    width: 80%;
                    background-color: #52b44b;
                }

                .mobile-navigation-icon.white-md-icon:hover i:after {
                    background-color: #52b44b;
                    width: 60%;
                }
            }

            @media only screen and (min-width: 992px) and (max-width: 1199px) {
                .is-sticky .white-md-icon i {
                    background-color: #333;
                }

                .is-sticky .white-md-icon i:before {
                    background-color: #333;
                }

                .is-sticky .white-md-icon i:after {
                    background-color: #333;
                }
            }

            .page-open-off-sidebar:hover i {
                width: 100%;
            }

            .page-open-off-sidebar:hover i:before {
                width: 100%;
            }

            .page-open-off-sidebar:hover i:after {
                width: 100%;
            }

            .page-open-off-sidebar i {
                width: 100%;
                background-color: #333;
            }

            .page-open-off-sidebar i:before {
                width: 70%;
                background-color: #333;
            }

            .page-open-off-sidebar i:after {
                width: 70%;
                background-color: #333;
            }

            .hidden-icons-menu {
                margin-left: 15px;
            }

            .hidden-icons-menu a {
                color: #6d70a6;
                font-size: 20px;
            }

            .hidden-icons-menu a:hover {
                color: #52b44b;
            }

            .mobile-menu-overlay,
            .page-oppen-off-sidebar {
                position: fixed;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background-color: #333333;
                overflow: auto;
                -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                z-index: 11;
                background: rgba(0, 0, 0, 0.7);
                visibility: hidden;
                opacity: 0;
            }

            .mobile-menu-overlay__inner,
            .page-oppen-off-sidebar__inner {
                -webkit-transform: translateX(120%);
                -ms-transform: translateX(120%);
                transform: translateX(120%);
                width: 400px;
                height: 100%;
                float: right;
                cursor: default;
                background: #52b44b;
                -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                overflow-y: auto;
            }

            .mobile-menu-overlay.active,
            .page-oppen-off-sidebar.active {
                visibility: visible;
                opacity: 1;
            }

            .mobile-menu-overlay.active .mobile-menu-overlay__inner,
            .page-oppen-off-sidebar.active .mobile-menu-overlay__inner {
                -webkit-transform: translateX(0%);
                -ms-transform: translateX(0%);
                transform: translateX(0%);
            }

            .mobile-menu-overlay__header,
            .page-oppen-off-sidebar__header {
                padding: 10px 0;
            }

            .mobile-menu-overlay__header .mobile-navigation-close-icon,
            .page-oppen-off-sidebar__header .mobile-navigation-close-icon {
                position: relative;
                cursor: pointer;
                height: 40px;
                width: 40px;
                line-height: 40px;
                display: inline-block;
            }

            .mobile-menu-overlay__header .mobile-navigation-close-icon:before,
            .page-oppen-off-sidebar__header .mobile-navigation-close-icon:before {
                position: absolute;
                top: 23px;
                left: 8px;
                content: "";
                width: 24px;
                height: 3px;
                background: #fff;
                -webkit-transform-origin: 50% 50%;
                -ms-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
                -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            }

            .mobile-menu-overlay__header .mobile-navigation-close-icon:after,
            .page-oppen-off-sidebar__header .mobile-navigation-close-icon:after {
                position: absolute;
                top: 23px;
                left: 8px;
                content: "";
                width: 24px;
                height: 3px;
                background: #fff;
                -webkit-transform-origin: 50% 50%;
                -ms-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
                -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
                -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            }

            .mobile-menu-overlay__header .mobile-navigation-close-icon:hover,
            .page-oppen-off-sidebar__header .mobile-navigation-close-icon:hover {
                color: #52b44b;
            }

            .mobile-menu-overlay__header .mobile-navigation-close-icon:hover:before,
            .mobile-menu-overlay__header .mobile-navigation-close-icon:hover:after,
            .page-oppen-off-sidebar__header .mobile-navigation-close-icon:hover:before,
            .page-oppen-off-sidebar__header .mobile-navigation-close-icon:hover:after {
                -webkit-transform: none;
                -ms-transform: none;
                transform: none;
            }

            .mobile-menu-overlay__body,
            .page-oppen-off-sidebar__body {
                padding: 20px 40px 100px;
            }

            .mobile-menu-overlay__body .offcanvas-navigation>ul>li,
            .page-oppen-off-sidebar__body .offcanvas-navigation>ul>li {
                border-bottom: 1px solid rgba(255, 255, 255, 0.15);
            }

            .mobile-menu-overlay__body .offcanvas-navigation>ul>li>a,
            .page-oppen-off-sidebar__body .offcanvas-navigation>ul>li>a {
                display: inline-block;
                color: #ffffff;
                padding-top: 15px;
                padding-bottom: 15px;
                font-size: 15px;
                font-weight: 500;
                line-height: 1.5;
                -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                font-family: "ProximaNova-Bold";
            }

            .mobile-menu-overlay__body .offcanvas-navigation>ul>li>a:hover,
            .page-oppen-off-sidebar__body .offcanvas-navigation>ul>li>a:hover {
                color: #ffffff;
            }

            .mobile-menu-overlay__body .offcanvas-navigation>ul>li:last-child,
            .page-oppen-off-sidebar__body .offcanvas-navigation>ul>li:last-child {
                border-bottom: 0;
            }

            .mobile-menu-overlay__body .offcanvas-navigation>ul>li.has-children,
            .page-oppen-off-sidebar__body .offcanvas-navigation>ul>li.has-children {
                position: relative;
            }

            .mobile-menu-overlay__body .offcanvas-navigation>ul>li.has-children.active .menu-expand:before,
            .page-oppen-off-sidebar__body .offcanvas-navigation>ul>li.has-children.active .menu-expand:before {
                content: "\eab9";
            }

            .mobile-menu-overlay__body .offcanvas-navigation>ul>li.has-children .menu-expand,
            .page-oppen-off-sidebar__body .offcanvas-navigation>ul>li.has-children .menu-expand {
                position: absolute;
                right: 0;
                top: 12px;
                width: 40px;
                height: 40px;
                background: rgba(255, 255, 255, 0.1);
                color: #fff;
                text-align: center;
                line-height: 40px;
                cursor: pointer;
                -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            }

            .mobile-menu-overlay__body .offcanvas-navigation>ul>li.has-children .menu-expand:hover {
                background: rgba(255, 255, 255, 0.2);
            }

            .mobile-menu-overlay__body .offcanvas-navigation>ul>li.has-children .menu-expand:before,
            .mobile-menu-overlay__body .offcanvas-navigation>ul>li.has-children .sub-menu .has-children .menu-expand:before {
                content: "\eab2";
                font-size: 18px;
                font-family: "Icofont";
            }

            .mobile-menu-overlay__body .offcanvas-navigation>ul>li.has-children .sub-menu .has-children.active .menu-expand:before {
                content: "\eab9" !important;
                font-size: 18px;
                font-family: "Icofont";
            }

            .mobile-menu-overlay__body .offcanvas-navigation>ul>li.has-children .sub-menu .has-children .sub-menu li {
                border-bottom: 1px solid #52b44b;
                padding-left: 0px;
            }

            .mobile-menu-overlay__body .offcanvas-navigation>ul>li.has-children .sub-menu .has-children .sub-menu li:hover,
            .mobile-menu-overlay__body .offcanvas-navigation>ul>li.has-children .sub-menu li:hover {
                background: #52b44b;
                cursor: pointer;
            }

            .mobile-menu-overlay__body .offcanvas-navigation>ul>li.has-children .sub-menu .has-children .sub-menu li:hover a,
            .mobile-menu-overlay__body .offcanvas-navigation>ul>li.has-children .sub-menu li:hover a {
                color: #fff;
            }

            .mobile-menu-overlay__body .offcanvas-navigation>ul>li.has-children .sub-menu .has-children .sub-menu li a {
                color: #fff;
            }

            .mobile-menu-overlay__body .offcanvas-navigation>ul>li.has-children .sub-menu,
            .page-oppen-off-sidebar__body .offcanvas-navigation>ul>li.has-children .sub-menu {
                padding: 12px 0 14px 10px;
                border-top: 1px solid rgba(255, 255, 255, 0.15);
            }

            .mobile-menu-overlay__body .offcanvas-navigation>ul>li.has-children .sub-menu li,
            .page-oppen-off-sidebar__body .offcanvas-navigation>ul>li.has-children .sub-menu li {
                border-bottom: 1px solid rgba(255, 255, 255, 0.15);
            }

            .mobile-menu-overlay__body .offcanvas-navigation>ul>li.has-children .sub-menu li a,
            .page-oppen-off-sidebar__body .offcanvas-navigation>ul>li.has-children .sub-menu li a {
                display: block;
                font-size: 15px;
                color: rgba(255, 255, 255, 0.7);
                font-weight: 500;
                line-height: 1.5;
                padding: 10px 0;
            }

            .mobile-menu-overlay__body .offcanvas-navigation>ul>li.has-children .sub-menu li a:hover,
            .page-oppen-off-sidebar__body .offcanvas-navigation>ul>li.has-children .sub-menu li a:hover {
                color: #ffffff;
            }

            .mobile-menu-overlay__body .offcanvas-navigation>ul>li.has-children .sub-menu li:last-child,
            .page-oppen-off-sidebar__body .offcanvas-navigation>ul>li.has-children .sub-menu li:last-child {
                border-bottom: 0;
            }

            .mobile-menu-overlay__body .offcanvas-navigation>ul>li.has-children .sub-menu li.has-children,
            .page-oppen-off-sidebar__body .offcanvas-navigation>ul>li.has-children .sub-menu li.has-children {
                position: relative;
            }

            .mobile-menu-overlay__body .offcanvas-navigation>ul>li.has-children .sub-menu li.has-children .menu-expand,
            .page-oppen-off-sidebar__body .offcanvas-navigation>ul>li.has-children .sub-menu li.has-children .menu-expand {
                position: absolute;
                right: 0;
                top: 6px;
                width: 30px;
                height: 30px;
                background: rgba(255, 255, 255, 0.1);
                color: #fff;
                text-align: center;
                line-height: 30px;
                cursor: pointer;
                -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            }

            .mobile-menu-overlay__body .offcanvas-navigation>ul>li.has-children .sub-menu li.has-children .menu-expand:hover,
            .page-oppen-off-sidebar__body .offcanvas-navigation>ul>li.has-children .sub-menu li.has-children .menu-expand:hover {
                background: rgba(255, 255, 255, 0.2);
            }

            .mobile-menu-overlay__body .offcanvas-navigation>ul>li.has-children .sub-menu .sub-menu li.has-children,
            .page-oppen-off-sidebar__body .offcanvas-navigation>ul>li.has-children .sub-menu .sub-menu li.has-children {
                position: relative;
            }

            .mobile-menu-overlay__body .offcanvas-navigation>ul>li.has-children .sub-menu .sub-menu li.has-children.active .menu-expand:before,
            .page-oppen-off-sidebar__body .offcanvas-navigation>ul>li.has-children .sub-menu .sub-menu li.has-children.active .menu-expand:before {
                content: "\f106";
            }

            .mobile-menu-overlay__body .offcanvas-navigation--onepage>ul>li.active>a,
            .page-oppen-off-sidebar__body .offcanvas-navigation--onepage>ul>li.active>a {
                font-weight: 700;
            }

            .page-oppen-off-sidebar {
                right: 0;
            }

            .page-oppen-off-sidebar__inner {
                -webkit-transform: translateX(100%);
                -ms-transform: translateX(100%);
                transform: translateX(100%);
                width: 400px;
                float: right;
                background: #ffffff;
            }

            .page-oppen-off-sidebar.active .page-oppen-off-sidebar__inner {
                -webkit-transform: translateX(0%);
                -ms-transform: translateX(0%);
                transform: translateX(0%);
            }

            .page-oppen-off-sidebar__header {
                background: #ffffff;
                padding: 15px 35px;
            }

            .page-oppen-off-sidebar .off-sidebar-contact-info--list .item {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                margin-bottom: 12px;
            }

            .page-oppen-off-sidebar .off-sidebar-contact-info--list .item .icon {
                color: #6d70a6;
                min-width: calc(1em + 18px);
                font-size: 16px;
            }

            .page-oppen-off-sidebar .off-sidebar-contact-info--list .item a:hover {
                color: #38cb89;
            }

            .page-oppen-off-sidebar .off-sidebar-contact-info .off-sidebar-widget__list {
                overflow: hidden;
            }

            .page-oppen-off-sidebar .off-sidebar-contact-info .off-sidebar-widget__list li {
                width: 50%;
                float: left;
                margin-bottom: 8px;
            }

            .page-oppen-off-sidebar .off-sidebar-contact-info .off-sidebar-widget__list li a {
                line-height: 17px;
            }

            li.has-children li.has-children {
                position: relative;
            }

            li.has-children li.has-children a {
                position: relative;
                width: 45%;
                display: block;
            }

            li.has-children li.has-children a:after {
                content: "\f054";
                position: absolute;
                right: 0;
                font-family: "Font Awesome 5 Free";
            }

            li.has-children li.has-children ul li a:after {
                content: "";
                display: none;
            }

            li.has-children li.has-children ul {
                right: 0;
                min-width: unset;
                left: 50%;
                display: none;
                top: 0;
                border-radius: 0;
                padding: 10px 0 0;
                border-right: none;
            }

            li.has-children li.has-children:hover ul {
                display: block;
                box-shadow: none;
                padding-top: 0;
            }

            .search-overlay {
                position: fixed;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background-color: #333333;
                -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                z-index: 100;
                visibility: hidden;
                opacity: 0;
                overflow: hidden;
                -webkit-transform: translateY(100%);
                -ms-transform: translateY(100%);
                transform: translateY(100%);
                transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            }

            .search-overlay__inner {
                width: 100%;
                height: 100%;
                cursor: default;
                background: #ffffff;
                -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                overflow-y: hidden;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                justify-content: center;
            }

            .search-overlay__inner form {
                width: 100%;
            }

            .search-overlay.active {
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0);
                visibility: visible;
                opacity: 1;
            }

            .search-overlay__header {
                background-color: #ffffff;
                padding: 15px 0;
            }

            .search-overlay__header .mobile-navigation-close-icon {
                position: relative;
                cursor: pointer;
                height: 48px;
                width: 48px;
                line-height: 48px;
                display: inline-block;
            }

            .search-overlay__header .mobile-navigation-close-icon:before {
                position: absolute;
                top: 28px;
                left: 0px;
                content: "";
                width: 42px;
                height: 3px;
                background: #333333;
                -webkit-transform-origin: 50% 50%;
                -ms-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
                -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            }

            .search-overlay__header .mobile-navigation-close-icon:after {
                position: absolute;
                top: 28px;
                left: 0px;
                content: "";
                width: 42px;
                height: 3px;
                background: #333333;
                -webkit-transform-origin: 50% 50%;
                -ms-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
                -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
                -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            }

            .search-overlay__header .mobile-navigation-close-icon:hover {
                color: #52b44b;
            }

            .search-overlay__header .mobile-navigation-close-icon:hover:before,
            .search-overlay__header .mobile-navigation-close-icon:hover:after {
                -webkit-transform: none;
                -ms-transform: none;
                transform: none;
            }

            .search-overlay__body {
                width: 100%;
                margin: 0 auto;
                margin-bottom: 75px;
            }

            .search-overlay__form {
                position: relative;
                max-width: 1200px;
                padding: 0 15px;
                width: 100%;
                margin: auto;
            }

            .search-overlay__form input {
                background-color: transparent;
                border: 0;
                border-bottom: 2px solid #52b44b;
                border-radius: 0;
                padding: 15px 50px 15px 0;
                width: 95%;
                color: #ffffff;
                font-size: 72px;
                height: 100px;
            }

            .search-overlay__form input::-webkit-input-placeholder {
                color: #52b44b;
                -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            }

            .search-overlay__form input::-moz-placeholder {
                color: #52b44b;
                -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            }

            .search-overlay__form input:-ms-input-placeholder {
                color: #52b44b;
                -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            }

            .search-overlay__form input::-ms-input-placeholder {
                color: #52b44b;
                -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            }

            .search-overlay__form input::placeholder {
                color: #52b44b;
                -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            }

            .search-overlay__form input[type="text"]:focus {
                color: #52b44b;
                border-color: #52b44b;
            }

            .header__navigation.preview-menu {
                -webkit-box-flex: 1;
                -webkit-flex-grow: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
            }

            .header__navigation.preview-menu .navigation-menu-right {
                -webkit-box-flex: 1;
                -webkit-flex-grow: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: end;
                -webkit-justify-content: flex-end;
                -ms-flex-pack: end;
                justify-content: flex-end;
            }

            .preview-header-inner {
                padding: 20px 0;
            }

            @media only screen and (min-width: 768px) and (max-width: 991px),
            only screen and (max-width: 767px) {
                .preview-header-inner {
                    padding: 0;
                }
            }

            .preview-header-inner.is-sticky {
                padding: 0px 0;
            }

            .preview-header-inner.is-sticky .header__navigation.preview-menu ul>li>a {
                color: #333;
            }

            .preview-header-inner.is-sticky .header__actions--preview .ht-btn {
                background: transparent;
                border: 1px solid #52b44b;
                color: #52b44b;
                line-height: 42px;
                height: 43px;
            }

            .preview-header-inner .header__actions--preview .ht-btn {
                background: #52b44b;
                border: 1px solid #52b44b;
                color: #ffffff;
            }

            .preview-header-inner .header__actions--preview .ht-btn:hover {
                background: #ffffff;
                color: #52b44b;
            }

            ul.topbar-menu li {
                float: left;
                margin: 0;
                padding: 0;
            }

            ul.topbar-menu li a {
                padding: 11px 10px;
                color: #fff;
                font-family: "ProximaNova-Semibold";
                font-size: 11px;
                text-transform: uppercase;
                position: relative;
                display: inline-block;
            }

            ul.topbar-menu li.active a,
            ul.topbar-menu li a:hover {
                color: #fff;
                background: #000;
            }

            .topbar-menu>li>a:before {
                content: "";
                width: 0;
                height: 3px;
                top: -6px;
                position: absolute;
                left: 0;
                background-color: #52b44b;
                -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            }

            .topbar-menu>li:hover>a:before,
            .topbar-menu>li.active>a:before {
                width: 100%;
                left: 0;
            }

            .fontsizeBlock {
                display: inline-block;
            }

            .fontsizeBlock div {
                padding: 0 0 0 0.5em;
                cursor: pointer;
                display: inline-block;
            }

            /*** Scroll To Top***/
            .scroll-top {
                position: fixed;
                right: 30px;
                bottom: -60px;
                z-index: 9;
                -webkit-box-shadow: 0 30px 50px rgba(0, 0, 0, 0.03);
                box-shadow: 0 30px 50px rgba(0, 0, 0, 0.03);
                display: block;
                padding: 0;
                width: 40px;
                height: 40px;
                border-radius: 50%;
                text-align: center;
                font-size: 15px;
                line-height: 60px;
                cursor: pointer;
                opacity: 0;
                visibility: hidden;
                background-color: #52b44b;
                background-size: 200% auto;
                background-position: left center;
                color: #ffffff;
                -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
                -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
                transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
                overflow: hidden;
            }

            .scroll-top.show {
                visibility: visible;
                opacity: 1;
                bottom: 20px;
            }

            .scroll-top i {
                position: absolute;
                top: 50%;
                left: 50%;
                color: #ffffff;
                -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            }

            .scroll-top .arrow-top {
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
            }

            .scroll-top .arrow-bottom {
                -webkit-transform: translate(-50%, 80px);
                -ms-transform: translate(-50%, 80px);
                transform: translate(-50%, 80px);
            }

            .scroll-top:hover {
                background-position: right center;
            }

            .scroll-top:hover .arrow-top {
                -webkit-transform: translate(-50%, -80px);
                -ms-transform: translate(-50%, -80px);
                transform: translate(-50%, -80px);
            }

            .scroll-top:hover .arrow-bottom {
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
            }

            .btn {
                padding: 8px 20px;
                text-align: center;
                border-radius: 30px;
                background: transparent;
                color: #fff;
                font-size: 17px;
                font-weight: 400;
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
            }

            .btn:focus,
            .btn:active {
                -webkit-box-shadow: none;
                box-shadow: none;
                border: 0;
            }

            /* ---------------------------------------------------
  TITLES AREA
----------------------------------------------------- */

            h1,
            h2,
            h3 {
                font-family: "ProximaNova-Bold";
                margin-top: 5px;
                margin-bottom: 15px;
            }

            h1 {
                font-size: 40px;
            }

            h2 {
                font-size: 35px;
            }

            h3 {
                font-size: 21px;
            }

            .title-aside h2,
            .title-aside h1 {
                color: #000;
                font-size: 40px;
            }

            .title-aside p {
                color: #000;
            }

            .block-title {
                margin-bottom: 30px;
            }

            .block-title h2 {
                font-family: "ProximaNova-Bold";
                font-size: 26px;
                color: #000;
                margin-bottom: 15px;
            }

            .block-title p {
                font-size: 18px;
                padding: 0 15rem;
                color: #000;
            }

            .block-title-2 {
                margin-bottom: 15px;
                position: relative;
            }

            .block-title-2 h2,
            .block-title-2 h1 {
                color: #000;
                font-size: 24px;
                margin-bottom: 0;
            }

            .block-title-2 p {
                color: #000;
                font-size: 18px;
            }

            .note-10 .card-img-top {
                width: 70%;
            }

            .A01 .card-img-top {
                width: 90%;
            }

            .shops .card-img-top {
                width: 80% !important;
                padding: 30px;
            }

            .shops h3 {
                font-size: 16px;
                color: #000;
            }

            .read-more {
                color: #2cb34a;
                font-family: "ProximaNova-Bold";
                display: inline-block;
                margin: 0 15px;
                text-decoration: underline;
            }

            .tab-pane {
                padding: 20px 0;
            }

            .fibre .nav-tabs {
                border-bottom: none !important;
            }

            /* ---------------------------------------------------
  BREADCRUMB AREA
----------------------------------------------------- */
            .page-breadcrumb-area .page-breadcrumb-content {
                position: relative;
                padding-top: 7.5rem;
                padding-bottom: 20px;
                border-bottom: 1px solid #2cb34a;
            }

            .page-breadcrumb-area .page-breadcrumb-content ul {
                padding-left: 0;
                list-style-type: none;
                margin-top: 10px;
                margin-bottom: -5px;
            }

            .page-breadcrumb-area .page-breadcrumb-content ul li {
                display: inline-block;
                position: relative;
                font-size: 12px;
                padding-right: 10px;
                margin-left: 10px;
                font-weight: 600;
            }

            .page-breadcrumb-area .page-breadcrumb-content ul li::before {
                content: "";
                position: absolute;
                top: 3px;
                right: -3px;
                background-color: #000;
                width: 1px;
                height: 15px;
                -webkit-transform: rotate(25deg);
                transform: rotate(25deg);
            }

            .page-breadcrumb-area .page-breadcrumb-content ul li.active {
                color: #000;
            }

            .page-breadcrumb-area .page-breadcrumb-content ul li:first-child {
                margin-left: 0;
                display: none;
            }

            .page-breadcrumb-area .page-breadcrumb-content ul li:last-child {
                padding-right: 0;
            }

            .page-breadcrumb-area .page-breadcrumb-content ul li:last-child::before {
                display: none;
            }

            .page-breadcrumb-area .page-breadcrumb-content ul li a {
                color: #2cb34a;
            }

            .page-breadcrumb-area .page-breadcrumb-content ul li a:hover {
                color: #000;
            }

            /* ---------------------------------------------------
  SITE SETTINGS
----------------------------------------------------- */

            /*****  Owl dots Css  ******/
            .owl-dots .owl-dot,
            .owl-dots .owl-dot {
                background: transparent;
            }

            .owl-dots .owl-dot span,
            .owl-dots .owl-dot span {
                display: inline-block;
                width: 12px;
                height: 12px;
                border-radius: 50%;
                border: 0;
                margin: 0 3px;
                background: #fff;
                border: 1px solid #52b44b;
                background: transparent !important;
            }

            .owl-dots .owl-dot.active span,
            .owl-dots .owl-dot.active span {
                background-color: #52b44b !important;
                width: 50px;
                border-radius: 20px;
            }

            .slidenav-left.owl-theme .owl-dots,
            .slidenav-left.owl-theme .owl-nav {
                text-align: left;
            }

            .slidenav-right.owl-theme .owl-dots,
            .slidenav-right.owl-theme .owl-nav {
                text-align: right;
            }

            .owl-theme .owl-nav.disabled+.owl-dots {
                margin-top: 1.5rem;
                padding: 0;
            }

            /*****  Video Popup Css  ******/
            .video-popup {
                margin: 15px auto 40px;
            }

            .single-popup-wrap {
                position: relative;
            }

            .video-link {
                -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                display: block;
            }

            .video-link .ht-popup-video.video-overlay {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                margin: auto;
                background-color: rgba(8, 106, 216, 0.8);
            }

            .video-link .ht-popup-video.video-button {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 15px;
                left: 24px;
                margin: auto;
            }

            .video-link .ht-popup-video.video-button .video-mark {
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translateY(-50%, -50%);
                -ms-transform: translateY(-50%, -50%);
                transform: translateY(-50%, -50%);
                pointer-events: none;
            }

            .video-link .ht-popup-video.video-button .video-mark .wave-pulse {
                width: 1px;
                height: 0;
                margin: 0 auto;
            }

            .video-link .ht-popup-video.video-button .video-mark .wave-pulse::after,
            .video-link .ht-popup-video.video-button .video-mark .wave-pulse::before {
                opacity: 0;
                content: "";
                display: block;
                position: absolute;
                width: 200px;
                height: 200px;
                top: 50%;
                left: 50%;
                border-radius: 50%;
                border: 3px solid #fff;
                -webkit-animation: zoomBig 3.25s linear infinite;
                animation: zoomBig 3.25s linear infinite;
                -webkit-animation-delay: 0s;
                animation-delay: 0s;
            }

            .video-link .ht-popup-video.video-button .video-mark .wave-pulse::before {
                -webkit-animation-delay: 0.75s;
                animation-delay: 0.75s;
            }

            .video-link .ht-popup-video .video-button {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                margin: auto;
            }

            .video-link .ht-popup-video .video-button__two {
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
            }

            .video-link .ht-popup-video .video-button__two .video-play {
                width: 78px;
                height: 78px;
                background: #fff;
                -webkit-box-shadow: 0 2px 41px 0 rgba(91, 99, 254, 0.36);
                box-shadow: 0 2px 41px 0 rgba(91, 99, 254, 0.36);
                border-radius: 50%;
                -webkit-transition: all 1s cubic-bezier(0, 0, 0.2, 1) !important;
                -o-transition: all 1s cubic-bezier(0, 0, 0.2, 1) !important;
                transition: all 1s cubic-bezier(0, 0, 0.2, 1) !important;
                -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.07);
                box-shadow: 0 20px 30px rgba(0, 0, 0, 0.07);
            }

            .video-link .ht-popup-video .video-button__two .video-play-icon {
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                line-height: 1;
                margin-left: 1px;
            }

            .video-link .ht-popup-video .video-button__two .video-play-icon::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 0;
                height: 0;
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                border-top: 11px solid transparent;
                border-bottom: 11px solid transparent;
                border-left: 17px solid #ef373e;
                border-top-width: 12px;
                border-bottom-width: 12px;
                border-left-width: 19px;
                border-left-color: #ef373e;
            }

            .video-link:hover .video-play {
                -webkit-transform: scale3d(1.15, 1.15, 1.15);
                transform: scale3d(1.15, 1.15, 1.15);
            }

            @-webkit-keyframes zoomBig {
                0% {
                    -webkit-transform: translate(-50%, -50%) scale(0);
                    transform: translate(-50%, -50%) scale(0);
                    opacity: 1;
                    border-width: 3px;
                }

                40% {
                    opacity: 0.5;
                    border-width: 2px;
                }

                65% {
                    border-width: 1px;
                }

                100% {
                    -webkit-transform: translate(-50%, -50%) scale(1);
                    transform: translate(-50%, -50%) scale(1);
                    opacity: 0;
                    border-width: 1px;
                }
            }

            @keyframes zoomBig {
                0% {
                    -webkit-transform: translate(-50%, -50%) scale(0);
                    transform: translate(-50%, -50%) scale(0);
                    opacity: 1;
                    border-width: 3px;
                }

                40% {
                    opacity: 0.5;
                    border-width: 2px;
                }

                65% {
                    border-width: 1px;
                }

                100% {
                    -webkit-transform: translate(-50%, -50%) scale(1);
                    transform: translate(-50%, -50%) scale(1);
                    opacity: 0;
                    border-width: 1px;
                }
            }

            @keyframes zoomBig {
                0% {
                    -webkit-transform: translate(-50%, -50%) scale(0);
                    transform: translate(-50%, -50%) scale(0);
                    opacity: 1;
                    border-width: 3px;
                }

                40% {
                    opacity: 0.5;
                    border-width: 2px;
                }

                65% {
                    border-width: 1px;
                }

                100% {
                    -webkit-transform: translate(-50%, -50%) scale(1);
                    transform: translate(-50%, -50%) scale(1);
                    opacity: 0;
                    border-width: 1px;
                }
            }

            .fancybox-slide--iframe .fancybox-content {
                padding: 0;
                width: 80%;
                height: 80%;
                max-width: calc(100% - 100px);
                max-height: calc(100% - 88px);
                overflow: visible;
                background: #fff;
            }

            .fancybox-button svg path {
                fill: currentColor;
                stroke: currentColor;
                stroke-linejoin: round;
                stroke-width: 3;
            }

            /*****  Inputs Css  ******/
            .form-control {
                border-radius: 30px;
                padding: 8px 20px;
                font-size: 14px;
            }

            /*Disabled Input*/
            .form-control:disabled::-webkit-input-placeholder {
                /* Chrome/Opera/Safari */
                color: #333;
            }

            .form-control:disabled::-moz-placeholder {
                /* Firefox 19+ */
                color: #333;
            }

            .form-control:disabled:-ms-input-placeholder {
                /* IE 10+ */
                color: #333;
            }

            .form-control:disabled:-moz-placeholder {
                /* Firefox 18- */
                color: #333;
            }

            /* Button styles */
            .btn {
                font-family: "ProximaNova-Bold";
            }

            .btn.btn-green {
                background: #28a143;
                color: #fff;
                border-color: transparent;
                padding: 10px 15px;
                position: relative;
                font-size: 14px;
            }

            .btn.btn-green:hover {
                background: #2cb34a;
                color: #fff;
            }

            .btn-read-more {
                padding: 7px 20px;
                border-radius: 20px;
                font-size: 15px;
                margin-top: 15px;
                background: #2cb34a;
                display: inline-block;
                color: #fff;
            }

            .btn-read-more:hover {
                background: #309c3f;
                color: #fff;
            }

            /* ---------------------------------------------------
  END SITE SETTINGS
----------------------------------------------------- */

            /* ---------------------------------------------------
  DATA PAGE
----------------------------------------------------- */

            .data-top-title {
                padding-right: 10rem;
            }

            .videoslider.owl-theme .owl-nav.disabled+.owl-dots {
                margin-top: 0;
            }

            .videoslider .video-popup {
                margin: 15px auto 15px;
            }

            .theme-card {
                background: #fff;
                border: 1px solid rgba(0, 0, 0, 0.2);
                padding: 30px;
                border-radius: 10px;
            }

            .form-card {
                min-height: 200px;
            }

            .form-card .form-group {
                width: 100%;
            }

            .form-card h3 {
                color: #2cb34a;
                margin-top: 5px;
                font-family: "ProximaNova-Bold";
                line-height: 1.3;
            }

            .form-card .form-control {
                margin-bottom: 15px;
                margin-top: 10px;
            }

            .form-card .form-control:disabled,
            .form-card .form-control[readonly] {
                background: #fff;
                color: #333;
                border-color: rgb(0, 0, 0, 0.2);
                border-left: none;
                border-right: none;
                border-radius: 0;
                padding: 10px 5px;
            }

            .form-card .btn.btn-primary {
                width: 100%;
                text-align: left !important;
                justify-content: end;
                display: none;
            }

            .form-card .btn.btn-primary:after {
                content: "";
                background: url({{ asset("media/zidii/external") }}/images/icons/arrow-btn.svg);
                position: absolute;
                right: 10px;
                width: 20px;
                height: 10px;
                background-repeat: no-repeat;
                top: 16px;
            }

            .faqaccordion.accordion .card-body {
                color: #000;
                font-size: 15px;
            }

            .faqaccordion.accordion .card-body p a {
                color: #52b44b;
            }

            .mobile-tab-headings {
                display: none;
            }

            .article-info {
                padding: 7rem 9rem;
            }

            @media only screen and (min-width: 576px) and (max-width: 800px) {
                .yt_overlay {
                    height: 100% !important;
                }
            }

            /* ---------------------------------------------------
 TAB AREA
----------------------------------------------------- */
            .tabsdefalt-area {
                margin: 15px 0;
            }

            .tabsdefalt-area .nav-tabs {
                display: block;
                text-align: center;
            }

            .tabsdefalt-area .nav-tabs .nav-item {
                display: inline-block;
            }

            .tabsdefalt-area .nav-tabs .nav-link {
                background: transparent;
                color: #000;
                padding: 16px 20px;
                border-color: transparent;
                display: block;
                text-align: center;
                border-radius: 0;
                font-family: "ProximaNova-Bold";
            }

            .tabsdefalt-area .nav-tabs .nav-link:hover,
            .tabsdefalt-area .nav-tabs .nav-item.show .nav-link,
            .tabsdefalt-area .nav-tabs .nav-link.active {
                color: #2cb34a;
                background-color: transparent;
                border-bottom: 2px solid #2cb34a;
            }

            .datatab-cont p {
                color: #000;
                margin-bottom: 10px;
            }

            .datatab-cont ul {
                padding: 0 20px;
            }

            .datatab-cont ul li {
                list-style: disc;
                color: #000;
            }

            .data-tab-area .video-link .ht-popup-video .video-button__two .video-play {
                width: 58px;
                height: 58px;
            }

            .single-popup-wrap img {
                border-radius: 10px;
            }

            /* ---------------------------------------------------
 INVESTMENT AREA
----------------------------------------------------- */
            .investarea {
                background: #f3f3f3;
                padding: 60px 0;
            }

            .title h2 {
                font-family: "ProximaNova-Bold";
                font-size: 24px;
                margin-bottom: 15px;
                color: #000;
            }

            .title p {
                color: #000;
                font-size: 20px;
                margin-bottom: 2rem;
            }

            .counterarea {
                margin-top: 40px;
            }

            .counterarea h3 {
                font-size: 5rem;
                color: #000;
                margin-bottom: 15px;
            }

            .counter-grey h3 {
                color: #c4c4c4;
            }

            .nseBlock {
                margin-top: 40px;
            }

            .nsecounter {
                margin-top: 30px;
                margin-bottom: 15px;
            }

            .nsecounter-top {
                padding-bottom: 10px;
                margin-bottom: 10px;
                border-bottom: 1px solid rgba(0, 0, 0, 0.2);
            }

            .nsecounter-top span {
                margin-left: 5px;
            }

            .nsecounter-bottom span {
                font-family: "ProximaNova-Bold";
                color: #000;
                font-size: 14px;
            }

            .nsecounter-bottom ul li {
                display: inline-block;
                font-size: 14px;
            }

            /* ---------------------------------------------------
  FAQ PAGE
----------------------------------------------------- */
            .accordion .card-header {
                position: relative;
            }

            .accordion .card-header:after {
                font-family: "Icofont";
                content: "\ef9a";
                float: right;
                color: #2cb34a;
                font-size: 14px;
                position: absolute;
                right: 0;
                top: 20px;
            }

            .accordion .card-header.collapsed:after {
                /* symbol for "collapsed" panels */
                content: "\efc2";
            }

            .accordion .card-header:first-child {
                border-radius: 0;
            }

            .accordion .card {
                border: none;
                border-radius: 0;
                background: transparent;
            }

            .accordion .card-header {
                background-color: transparent;
            }

            .accordion .card-title {
                color: #333 !important;
                cursor: pointer;
                display: block;
                margin-bottom: 0;
            }

            /* ---------------------------------------------------
 END INVESTMENT AREA
----------------------------------------------------- */
            .helparea {
                border-top: 1px solid #c4c4c4;
            }

            .help {
                width: 100%;
                text-align: center;
                padding-top: 14vh;
                padding-bottom: 14vh;
                color: #000;
            }

            .help a {
                text-decoration: none;
                transition: all ease 0.7s;
                color: #000;
                font-weight: 500;
                font-size: 19px;
                line-height: 35px;
                text-align: center;
                color: #000;
                padding: 0 30px;
            }

            .help a:hover {
                color: #39b54a;
            }

            .help a svg {
                margin-left: 10px;
            }

            .help h2 {
                font-size: 52px;
                font-family: "ProximaNova-Bold";
                font-weight: bold;
                font-size: 42px;
                text-align: center;
                color: #000;
            }

            .help h3 {
                font-weight: 500;
                font-size: 23px;
                text-align: center;
                color: #000;
                padding: 7px;
            }

            .help-links {
                padding: 50px 0;
                font-size: 22px;
            }

            .search {
                border-radius: 20px;
                background: #fff;
                border: 1px solid #707070;
                display: inline-block;
                padding: 14px 50px;
                color: #707070;
                width: 70%;
                text-align: left;
            }

            .search input {
                font-weight: 500;
                font-size: 29px;
                font-weight: 500;
                font-size: 26px;
                line-height: 43px;
                text-align: center;
                color: #707070;
                border: none;
                outline: none;
                background: none;
                font-family: "ProximaNova-Semibold";
                display: inline-block;
                width: 86%;
                text-align: left;
            }

            .search .a {
                fill: #707070;
            }

            .searchButton {
                float: right;
                background: none;
                border: none;
                position: absolute;
                bottom: 0;
                right: 0;
            }

            /* ---------------------------------------------------
 END HELP AREA
----------------------------------------------------- */

            /* ---------------------------------------------------
 STOCK AREA
----------------------------------------------------- */
            .stockarea-lg {
                width: 100%;
                padding: 5px 0;
                text-align: center;
                background: #5c6670;
            }

            .stockarea-lg img {
                width: 100%;
            }

            /* ---------------------------------------------------
 END STOCK AREA
----------------------------------------------------- */

            /* ---------------------------------------------------
 FOOTER AREA
----------------------------------------------------- */

            .footer-main {
                background: #2c2c2c;
                padding: 40px 0;
            }

            .footer-content-item h3 {
                font-size: 13px;
                color: #cbcbcb;
                margin-bottom: 20px;
                text-transform: capitalize;
                letter-spacing: 1px;
                font-family: "ProximaNova-Bold";
            }

            .footer-content-item ul li {}

            .footer-content-item ul li+li {
                margin-top: 2px;
            }

            .footer-content-item ul li a {
                display: inline-block;
                color: #fff;
                font-size: 13px;
                text-decoration: none;
                font-weight: 100;
            }

            .footer-content-item ul li a:hover {
                color: #39b54a;
                text-decoration: underline;
            }

            .footer-lower {
                margin-top: 0;
                padding: 1.5rem 0;
                background: #2c2c2c;
            }

            .lower-footer li {
                display: inline-block;
                padding: 0 25px;
            }

            .lower-footer li a {
                color: #fff;
                font-size: 13px;
            }

            .lower-footer {
                padding: 25px 0 40px;
            }

            .lower-footer li:first-child,
            .footer-action-list li:first-child {
                padding-left: 0 !important;
            }

            .footer-action-list li {
                display: inline-block;
                padding: 0 12px;
            }

            .footer-action-list li a {
                display: inline-block;
                color: #fff;
                font-size: 13px;
                text-transform: capitalize;
                text-decoration: none;
                font-family: "ProximaNova-Bold";
            }

            .footer-action-list li a:hover,
            .lower-footer li a:hover {
                color: #39b54a;
            }

            .footer-action-list span {
                display: block;
            }

            .footer-action-list li a img {
                height: 18px;
            }

            /* ---------------------------------------------------
 END FOOTER AREA
----------------------------------------------------- */

            .getstarted-box {
                background: #ffffff;
                border: 1px solid #e5e5e5;
                box-sizing: border-box;
                box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
                border-radius: 10px;
                padding: 40px 30px 15px;
                margin: 20px 0 10px 5px;
                min-height: 200px;
            }

            .tricks .getstarted-box {
                min-height: 310px;
            }

            .getstarted-box h3 {
                color: #28a745;
                font-size: 18px;
                text-align: left;
                margin-bottom: 15px;
            }

            .getstarted-box p {
                font-size: 14px;
                color: #000;
                text-align: left;
                min-height: 100px;
            }

            .getstarted-box p a {
                font-family: "ProximaNova-Bold";
                color: #28a745;
            }

            .getstarted-box ul {
                display: block;
                list-style-type: disc;
            }

            .getstarted-box ul li {
                font-size: 14px;
            }

            .getstarted-box .numbering {
                display: block;
                font-family: "ProximaNova-Bold";
                color: #000;
                width: 100%;
                text-align: right;
                padding: 25px 0 0;
                font-size: 14px;
            }

            .getstarted-slide.owl-theme .owl-nav.disabled+.owl-dots {
                margin-top: 1rem;
            }

            .ls-large {
                width: 510px;
            }

            .ls-small {
                width: 275px;
                margin: 0 !important;
            }

            .owl-stage {
                display: flex;
            }

            .promoslider-content {
                padding: 15px;
            }

            .promoslider-image {
                max-height: 260px;
                overflow: hidden;
            }

            .slider-box.ls-large .promoslider-content {
                background: #2cb34a !important;
            }

            .slider-box.ls-large h2 {
                color: #fff;
            }

            .slider-box.ls-large p {
                color: #fff;
                font-size: 16px;
            }

            .slider-box.ls-large span {
                color: #fff;
            }

            .slider-box {
                background: #fff;
                border: 1px solid rgba(0, 0, 0, 0.1);
                display: block;
                border-radius: 10px;
                overflow: hidden;
                margin: 5px;
                min-height: 500px;
            }

            .shop .slider-box {
                min-height: 550px;
            }

            .whats-new .slider-box {
                min-height: 470px;
            }

            .ls-large {
                background: #2cb34a !important;
            }

            .slider-box h2 {
                color: #2cb34a;
                font-size: 20px;
                margin-bottom: 15px;
                margin-top: 5px;
                font-weight: 800;
                font-family: "ProximaNova-Semibold";
            }

            .slider-box:hover h2 {
                color: #000;
            }

            .slider-box p {
                color: #000;
                font-size: 1rem;
                margin-bottom: 15px;
            }

            .slider-box span {
                color: #2cb34a;
                font-size: 15px;
                font-family: "ProximaNova-Bold";
            }

            .financial-report .btn-read-more.btn-view::after {
                content: "\f08e" !important;
                font-family: FontAwesome !important;
                font-style: normal;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-size: 15px !important;
                line-height: 1;
                opacity: 1;
                color: #666666 !important;
                display: inline-block;
                padding-left: 2rem;
                background: transparent !important;
            }

            .btn-view {
                margin-left: 10px !important;
            }

            /*------------------------
Banner Video
----------------------------*/

            .yt_bg_wrapper {
                position: relative;
                overflow: hidden;
                width: 100%;
                height: 650px;
            }

            .yt_bg_wrapper .btn.btn-border {
                color: #fff;
                border: 1px solid #fff;
                margin-top: 15px;
            }

            .yt_bg_wrapper .btn.btn-border:hover {
                color: #2cb34a;
                background: #fff;
            }

            .yt_bg {
                position: absolute;
                width: 100%;
                height: 100%;
                pointer-events: none;
            }

            .yt_bg iframe {
                margin: auto;
                display: block;
            }

            .yt_overlay {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                width: 100%;
                height: 100%;
                display: table;
                background: rgba(0, 0, 0, 0.4);
            }

            .yt_overlay_inner {
                display: table-cell;
                vertical-align: middle;
                text-align: center;
                position: relative;
            }

            .black_bg_wrapper {
                color: #ffffff;
                padding: 20px;
            }

            .text_block {
                display: block;
                margin: 20px 0;
                max-width: 70%;
                text-align: left;
            }

            .text_block h2,
            .text_block h1 {
                margin: 0;
                font-size: 30px;
                margin-bottom: 10px;
                font-family: "ProximaNova-Bold";
            }

            .text_block *:last-child {
                margin: 0;
            }

            .card-area {
                margin-top: -10rem;
                padding-bottom: 1rem;
            }

            .card-container {
                background: #fff;
                position: relative;
                padding: 25px 0px;
                -webkit-box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.1);
                box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.1);
                border-radius: 10px;
            }

            .card-container .block-title-2 h2 {
                font-size: 18px;
            }

            .card-box {
                padding: 0 10px;
            }

            .card-box h3 {
                font-family: "ProximaNova-Bold";
                font-size: 15px;
                /*line-height: 21,18px;*/
                text-transform: uppercase;
                margin-bottom: 5px;
                color: #2cb34a;
            }

            .card-list li {
                display: block;
                border-top: 1px solid #ccc;
            }

            .card-list li:last-child {
                border-bottom: 1px solid #ccc;
            }

            .card-list li a {
                color: #333;
                padding: 7px 0;
                display: block;
                font-size: 13px;
            }

            .card-list li a svg {
                float: right;
            }

            .card-list li a:hover {
                letter-spacing: 0.5px;
                color: #39b54a;
            }

            .investarea {
                background: #f3f3f3;
                padding: 60px 0;
            }

            .title h2 {
                font-family: "ProximaNova-Bold";
                font-size: 24px;
                margin-bottom: 15px;
                color: #000;
            }

            .title p {
                color: #000;
                font-size: 20px;
                margin-bottom: 2rem;
            }

            .white {
                background: #fff !important;
            }

            /*------------------------
Home Page Sliders
----------------------------*/

            .find-store {
                padding: 4rem 0;
            }

            .btn-read-more a {
                color: #2cb34a;
                border: none !important;
                font-family: "ProximaNova-Bold";
            }

            .promoslider-content h4 {
                color: #fff;
                font-size: 16px;
                font-family: "ProximaNova-Bold";
                margin: 10px 0;
            }

            .ls-large h4 {
                color: #fff !important;
            }

            .slider-box h4 {
                color: #000;
                font-size: 14px;
                font-family: "ProximaNova-Bold";
                margin: 10px 0;
            }

            .slider-box h4 {
                color: #000;
                font-size: 14px;
                font-family: "ProximaNova-Bold";
                margin: 10px 0;
            }

            slidersection .nav-tabs {
                border-bottom: none;
            }

            .slidersection .nav-item {
                position: relative;
            }

            .slidersection .nav-item:before {
                width: 1px;
                height: 50%;
                content: "";
                background: #ccc;
                position: absolute;
                top: 25%;
                right: 1.5rem;
            }

            .slidersection .nav-item:last-child::before {
                background: transparent;
            }

            .slidersection .nav-tabs .nav-link {
                background: transparent;
                border: none;
                display: block;
                text-align: center;
                border-radius: 0;
                display: inline-block;
                color: #000;
                font-family: "ProximaNova-Bold";
                margin: 15px 0;
                font-size: 18px;
                padding: 0 50px 0 0;
                position: relative;
            }

            .slidersection .nav-tabs .nav-link:after {
                content: "";
                width: 0;
                height: 3px;
                bottom: -10px;
                position: absolute;
                left: 0;
                background-color: #52b44b;
                -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            }

            .slidersection .nav-tabs .nav-link:hover::after,
            .slidersection .nav-tabs .nav-item.show .nav-link:after,
            .slidersection .nav-tabs .nav-link.active::after {
                width: 30%;
                left: 0;
            }

            .slidersection .nav-tabs .nav-link:hover,
            .slidersection .nav-tabs .nav-item.show .nav-link,
            .slidersection .nav-tabs .nav-link.active {
                color: #2cb34a;
            }

            .slidersection .nav-tabs .nav-item {
                padding: 0;
            }

            .results ol {
                margin: 25px 0;
                border-top: 1px solid #cccccc;
                color: #000;
            }

            .results ol li {
                border-bottom: 1px solid #cccccc;
                margin: 5px auto;
                padding: 5px;
                font-size: 14px;
            }

            .arrow ol li a:after {
                content: "\ea94";
                font-family: "Icofont";
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-size: 20px;
                line-height: 1;
                opacity: 1;
                color: #000;
                position: absolute;
                right: 15px;
                top: 0px;
            }

            .arrow ol li a {
                color: #000;
                font-size: 14px;
                display: inline-block;
                width: 100%;
                position: relative;
            }

            .slider .nav-tabs {
                border-bottom: none;
            }

            .slider .nav-item {
                position: relative;
            }

            .slider .nav-item:before {
                width: 1px;
                height: 50%;
                content: "";
                background: #ccc;
                position: absolute;
                top: 25%;
                right: 1.5rem;
            }

            .slider .nav-item:last-child::before {
                background: transparent;
            }

            .slider .nav-tabs .nav-link {
                background: transparent;
                border: none;
                display: block;
                text-align: center;
                border-radius: 0;
                display: inline-block;
                color: #000;
                font-family: "ProximaNova-Bold";
                margin: 15px 0;
                font-size: 24px;
                padding: 0 50px 0 0;
                position: relative;
            }

            .slider .nav-tabs .nav-link:after {
                content: "";
                width: 0;
                height: 3px;
                bottom: -10px;
                position: absolute;
                left: 0;
                background-color: #52b44b;
                -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            }

            .slider .nav-tabs .nav-link:hover::after,
            .slider .nav-tabs .nav-item.show .nav-link:after,
            .slider .nav-tabs .nav-link.active::after {
                width: 30%;
                left: 0;
            }

            .slider .nav-tabs .nav-link:hover,
            .slider .nav-tabs .nav-item.show .nav-link,
            .slider .nav-tabs .nav-link.active {
                color: #2cb34a;
            }

            .slider .nav-tabs .nav-item {
                padding: 0;
            }

            .results ol {
                margin: 25px 0;
                border-top: 1px solid #cccccc;
                color: #000;
            }

            .results ol li {
                border-bottom: 1px solid #cccccc;
                margin: 5px auto;
                padding: 5px;
                font-size: 14px;
            }

            .arrow ol li a:after {
                content: "\ea94";
                font-family: "Icofont";
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-size: 20px;
                line-height: 1;
                opacity: 1;
                color: #000;
                position: absolute;
                right: 15px;
                top: 0px;
            }

            .arrow ol li a {
                color: #000;
                font-size: 14px;
                display: inline-block;
                width: 100%;
                position: relative;
            }

            .btn-right {
                position: absolute;
                top: 30px;
                right: 15px;
                z-index: 1;
            }

            .internet-tools- .form-card {
                min-height: 420px;
            }

            .page-title-content {
                width: 85%;
                margin: 0 auto;
                padding: 15px 0;
            }

            .page-title-content h1 {
                font-size: 3rem;
                color: #000;
                text-align: center;
                font-family: "ProximaNova-Bold";
            }

            .page-title-content p {
                font-size: 18px;
                color: #000;
                text-align: center;
                margin-top: 15px;
                padding: 0 7rem;
            }

            .search-sec-lg select {
                border-radius: 30px;
                border: none;
                padding-top: 0px;
                font-family: "ProximaNova-Bold";
                color: #2cb34a;
                padding-bottom: 0;
                height: 50px;
                text-transform: uppercase;
                font-size: 14px;
            }

            .search-sec-lg .form-group {
                margin-bottom: 0;
                /*padding: 10px 0 0;*/
            }

            select.form-control:focus {
                border-color: 0;
                outline: 0;
                -webkit-box-shadow: none !important;
                box-shadow: !important;
            }

            .search-sec-lg .form-group label {
                margin: 0;
                font-size: 12px;
                position: absolute;
                padding: 1px 15px;
                top: 5px;
                text-transform: uppercase;
                color: #333;
                letter-spacing: 1px;
            }

            .networkarea .nav.nav-tabs .nav-item {
                display: block;
                width: 100%;
                position: relative;
            }

            .networkarea .nav.nav-tabs .nav-item:before {
                content: "\ea5d";
                font-family: "Icofont";
                font-size: 16px;
                position: absolute;
                top: 3px;
                right: 0;
                transform: translateY(50%);
                -webkit-transform: translateY(50%);
            }

            .networkarea .nav-tabs .nav-link.active .nav-item:before {
                color: #2cb34a;
            }

            .networkarea .nav-tabs .nav-link:hover .nav-item:before {
                color: #2cb34a;
            }

            .networkarea .nav.nav-tabs .nav-item .nav-link {
                border: none;
                border-top: 1px solid #ccc;
                padding: 15px 0;
                border-radius: 0;
                color: #333;
                background: none !important;
                font-family: "ProximaNova-Bold";
                font-size: 14px;
            }

            .networkarea .nav-tabs .nav-item:hover .nav-link,
            .networkarea .nav-tabs .nav-item.show .nav-link,
            .networkarea .nav-tabs .nav-link.active {
                color: #2cb34a !important;
            }

            .title-network h2 {
                font-size: 24px;
                color: #2cb34a;
                margin-bottom: 30px;
                font-family: "ProximaNova-Bold";
            }

            .title-network.color-black h2 {
                color: #000;
            }

            #no-more-tables .table {}

            #no-more-tables .table td,
            #no-more-tables .table th {
                color: #333;
                border-top: 1px solid #cccccc;
                font-size: 15px;
            }

            .table td {
                color: #000 !important;
            }

            #no-more-tables .table tr td strong {
                margin-left: 5px;
                font-family: "ProximaNova-Bold";
            }

            #network-toggle-2,
            #network-toggle {
                display: none;
            }

            .validityarea {
                margin-top: 3rem;
            }

            .validityBox {
                width: 180px;
                height: 180px;
                background: #fff;
                border-radius: 50%;
                text-align: center;
                padding: 50px 30px 0;
                font-size: 16px;
                text-transform: uppercase;
            }

            .validityBox span {
                color: #000;
                font-size: 16px;
            }

            .validityBox p {
                font-size: 16px;
                margin-top: 5px;
            }

            .termsarea {
                margin-top: 3rem;
            }

            .termsarea a {
                font-size: 16px;
                color: #2cb34a;
                text-decoration: underline;
            }

            .formconverter {}

            .modal-center .modal-dialog {
                position: absolute;
                top: 50%;
                transform: translateY(-50%) !important;
                -webkit-transform: translateY(-50%) !important;
                left: 0;
                right: 0;
                width: 100%;
                height: auto;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                max-width: 500px;
                border-radius: 30px;
                margin: auto !important;
            }

            .modal-center .modal-content {
                position: relative;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-direction: column;
                flex-direction: column;
                width: 100%;
                pointer-events: auto;
                background-color: #fff;
                background-clip: padding-box;
                border: 1px solid rgba(0, 0, 0, 0.2);
                border-radius: 15px;
                outline: 0;
            }

            .modal-center h2 {
                font-size: 18px;
                color: #000;
                margin-top: 30px;
            }

            .modal-center .modal-header {
                border-bottom: none;
                border-top-left-radius: 0;
                border-top-right-radius: 0;
            }

            .modal-center .modal-header .close {
                font-size: 14px;
                opacity: 1;
            }

            .modal-center .modal-header .close:hover {
                color: #2cb34a;
            }

            .modal-converter .form-control {
                border-radius: 30px;
                font-size: 14px;
                border-color: rgba(0, 0, 0, 0.1);
            }

            select.form-control {
                -webkit-appearance: none;
                -moz-appearance: none;
                background: #fff;
                background-image: url({{ asset("media/zidii/external") }}/images/icons/select-arrow.svg);
                background-repeat: no-repeat;
                background-position-x: 95%;
                background-position-y: 13px;
            }

            .cont-sm-block span {
                font-family: "ProximaNova-Bold";
                color: #000;
                font-size: 14px;
                padding: 10px 10px 20px;
                display: block;
            }

            .formconverter .form-control:disabled {
                color: #2cb34a;
                background: transparent;
                border: none;
                border-radius: 0 !important;
                border-bottom: 1px solid rgba(0, 0, 0, 0.1);
                font-family: "ProximaNova-Bold";
            }

            .formconverter .form-control:disabled::-webkit-input-placeholder {
                /* Chrome/Opera/Safari */
                color: #2cb34a;
            }

            .formconverter .form-control:disabled::-moz-placeholder {
                /* Firefox 19+ */
                color: #2cb34a;
            }

            .formconverter .form-control:disabled:-ms-input-placeholder {
                /* IE 10+ */
                color: #2cb34a;
            }

            .formconverter .form-control:disabled:-moz-placeholder {
                /* Firefox 18- */
                color: #2cb34a;
            }

            .title-banner {
                background: #f3f3f3;
                padding: 3rem 0 6rem;
            }

            .title-banner h1 {
                font-size: 30px;
                margin-top: 3rem;
                margin-bottom: 3rem;
                font-family: "ProximaNova-Bold";
                color: #000;
            }

            .title-banner .nav-tabs {
                display: block;
                text-align: center;
            }

            .title-banner .nav-tabs .nav-item {
                display: inline-block;
            }

            .title-banner .nav-tabs .nav-link {
                background: transparent;
                color: #000;
                padding: 16px 20px;
                border-color: transparent;
                display: block;
                text-align: center;
                border-radius: 0;
                font-family: "ProximaNova-Bold";
            }

            .title-banner .nav-tabs .nav-link:hover,
            .title-banner .nav-tabs .nav-item.show .nav-link,
            .title-banner .nav-tabs .nav-link.active {
                color: #2cb34a;
                background-color: transparent;
                border-bottom: 2px solid #2cb34a;
            }

            .title-banner .nav-tabs li {
                position: relative;
            }

            .title-banner .nav-tabs li:before {
                content: "";
                width: 1px;
                height: 40%;
                background: #858484;
                position: absolute;
                right: 0;
                top: 30%;
            }

            .title-banner .nav-tabs li:last-child::before {
                width: auto;
                background: none;
            }

            .home-btn a {
                color: #333;
                text-transform: uppercase;
                font-size: 12px;
            }

            .home-btn a:hover {
                color: #2cb34a;
            }

            .rates-selction select.form-control {
                background-position-y: 0px;
                padding-left: 15px;
            }

            .intro-rates p {
                font-size: 20px;
                color: #000;
            }

            .intro-rates {
                padding: 10px 0 50px;
            }

            .intro-rates .btn-read-more {
                font-family: "ProximaNova-Bold";
            }

            .roaming-services {
                padding: 30px 20px;
            }

            .roaming-services .row {
                margin: 0 !important;
            }

            .roaming-services .bg-grey {
                text-align: center;
                padding: 40px;
                background: #f3f3f3;
            }

            .roaming-services .bg-grey h2 {
                font-family: "ProximaNova-Bold";
                color: #000;
                font-size: 28px;
                margin: 0 auto 20px;
            }

            .roaming-services .bg-grey p {
                width: 80%;
                margin: auto;
                color: #000;
                font-size: 14px;
                margin: 5px auto 15px;
                min-height: 100px;
            }

            .roaming-services .bg-grey img {
                margin-bottom: 15px;
            }

            .roaming-services .bg-grey h4 {
                font-family: "ProximaNova-Bold";
                font-size: 16px;
                margin: 20px auto;
                color: #2cb34a;
            }

            .roaming-services .bg-grey .btn-read-more {
                font-family: "ProximaNova-Bold";
                font-size: 12px;
                margin: 0;
            }

            .block-sm-roam {
                margin-top: 30px;
            }

            .block-content-roam h3 {
                font-size: 18px;
                color: #2cb34a;
                margin-bottom: 10px;
                margin-top: 25px;
            }

            .block-content-roam p {
                font-size: 15px;
                color: #333;
                padding: 0 15px;
            }

            .block-icon-roam img {
                height: 80px;
            }

            .title-minus {
                margin-bottom: -40px;
            }

            .dealbannerinfo:before {
                content: "";
                position: absolute;
                background: rgba(0, 0, 0, 0.3);
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                border-radius: 30px;
            }

            .dealsform {
                position: absolute;
                bottom: 0;
                left: 5%;
                width: 90%;
                padding: 0 15px;
                text-align: left;
            }

            .dealsform h3 {
                color: #fff;
                margin-bottom: 15px;
                font-size: 24px;
            }

            .dealsform .form-control {
                border-radius: 30px;
                padding: 8px 20px;
                border-color: transparent;
            }

            .dealsform .form-control:focus {
                outline: none;
                border-color: transparent;
            }

            .dealsform .form-control:disabled,
            .dealsform .form-control[readonly] {
                background: #28a143;
                color: #fff;
                border-color: transparent;
                font-family: "ProximaNova-Bold";
                font-size: 14px;
            }

            .dealsform .form-control:disabled::-webkit-input-placeholder {
                /* Chrome/Opera/Safari */
                color: #fff;
            }

            .dealsform .form-control:disabled::-moz-placeholder {
                /* Firefox 19+ */
                color: #fff;
            }

            .dealsform .form-control:disabled:-ms-input-placeholder {
                /* IE 10+ */
                color: #fff;
            }

            .dealsform .form-control:disabled:-moz-placeholder {
                /* Firefox 18- */
                color: #fff;
            }

            .dealsform select {
                -webkit-appearance: none;
                -moz-appearance: none;
                background-image: url({{ asset("media/zidii/external") }}/images/icons/select-arrow.svg);
                background-repeat: no-repeat;
                background-position-x: 95%;
                background-position-y: 14px;
                margin-right: -5rem;
            }

            .roam-tab-area .nav-tabs {
                display: block;
                text-align: center;
            }

            .roam-tab-area .nav-tabs .nav-item {
                display: inline-block;
            }

            .roam-tab-area .nav-tabs .nav-link {
                background: transparent;
                color: #000;
                padding: 16px 20px;
                border-color: transparent;
                display: block;
                text-align: center;
                border-radius: 0;
                font-family: "ProximaNova-Bold";
            }

            .roam-tab-area .nav-tabs .nav-link:hover,
            .roam-tab-area .nav-tabs .nav-item.show .nav-link,
            .roam-tab-area .nav-tabs .nav-link.active {
                color: #2cb34a;
                background-color: transparent;
                border-bottom: 2px solid #2cb34a;
            }

            .roamtab-cont p {
                color: #000;
                margin-bottom: 10px;
            }

            .roamtab-cont ul {
                padding: 5px 30px;
            }

            .roamtab-cont ul li {
                list-style: disc;
                color: #000;
            }

            .roamtab-cont ul li+li {
                margin-top: 8px;
            }

            .faq .roam-tab-area .nav-tabs li {
                position: relative;
            }

            .faq .roam-tab-area .nav-tabs li:before {
                content: "";
                width: 1px;
                height: 40%;
                background: #858484;
                position: absolute;
                right: 0;
                top: 30%;
            }

            .faq .roam-tab-area .nav-tabs li:last-child::before {
                width: auto;
                background: none;
            }

            .mobile-tab-headings {
                display: none;
            }

            .faqaccordion.accordion .card-header {
                position: relative;
            }

            .faqaccordion.accordion .card-header:after {
                font-family: "Icofont";
                content: "\ef9a";
                float: right;
                color: #2cb34a;
                font-size: 14px;
                position: absolute;
                right: 0;
                top: 20px;
            }

            .all-products .faqaccordion.accordion .card-header:after {
                font-size: 20px;
            }

            .all-products .border-faq .faqaccordion.accordion .card-header.collapsed:after {
                font-size: 15px;
            }

            .faqaccordion.accordion .card-header.collapsed:after {
                /* symbol for "collapsed" panels */
                content: "\efc2";
            }

            .faqaccordion .card-header:first-child {
                border-radius: 0;
            }

            .faqaccordion .card {
                border: none;
                border-radius: 0;
                background: transparent;
            }

            .faqaccordion .card-header {
                background-color: transparent;
            }

            .faqaccordion .card-title {
                color: #333 !important;
                cursor: pointer;
                display: block;
                margin-bottom: 0;
            }

            .faqaccordion.accordion .card-header:hover {
                cursor: pointer;
            }

            .wrn-btn {
                width: 100%;
                font-size: 16px;
                font-weight: 400;
                text-transform: capitalize;
                height: calc(3.5rem + 2px) !important;
                border-radius: 0;
                border-top-right-radius: 10px;
                border-bottom-right-radius: 10px;
                background: #2cb34a;
                border-color: #2cb34a;
                font-family: "ProximaNova-Bold";
            }

            .wrn-btn:focus,
            .wrn-btn:hover {
                background: #309c3f;
                border-color: #309c3f;
            }

            .search-sec-lg select {
                border-radius: 10px;
                border: none;
                padding-top: 0px;
                font-family: "ProximaNova-Bold";
                color: #2cb34a;
                padding-bottom: 0;
                height: 50px;
                text-transform: uppercase;
                font-size: 14px;
            }

            .search-sec-lg .form-group {
                margin-bottom: 0;
                /*padding: 10px 0 0;*/
            }

            select.form-control:focus {
                border-color: 0;
                outline: 0;
                -webkit-box-shadow: none !important;
                box-shadow: none !important;
            }

            .search-sec-lg .form-group label {
                margin: 0;
                font-size: 12px;
                position: relative;
                text-transform: uppercase;
                color: #333;
                letter-spacing: 1px;
            }

            .networkarea .nav.nav-tabs .nav-item {
                display: block;
                width: 100%;
                position: relative;
            }

            .networkarea .nav.nav-tabs .nav-item:before {
                content: "\ea5d";
                font-family: "Icofont";
                font-size: 16px;
                position: absolute;
                top: 3px;
                right: 0;
                transform: translateY(50%);
                -webkit-transform: translateY(50%);
            }

            .networkarea .nav-tabs .nav-link.active .nav-item:before {
                color: #2cb34a;
            }

            .networkarea .nav-tabs .nav-link:hover .nav-item:before {
                color: #2cb34a;
            }

            .networkarea .nav.nav-tabs .nav-item .nav-link {
                border: none;
                border-top: 1px solid #ccc;
                padding: 15px 0;
                border-radius: 0;
                color: #333;
                background: none !important;
                font-family: "ProximaNova-Bold";
                font-size: 14px;
            }

            .networkarea .nav-tabs .nav-item:hover .nav-link,
            .networkarea .nav-tabs .nav-item.show .nav-link,
            .networkarea .nav-tabs .nav-link.active {
                color: #2cb34a !important;
            }

            .title-network h2 {
                font-size: 24px;
                color: #2cb34a;
                margin-bottom: 30px;
                font-family: "ProximaNova-Bold";
            }

            .title-network.color-black h2 {
                color: #000;
            }

            .search-sec-lg {
                -webkit-box-shadow: 0 11px 61px 3px rgba(34, 34, 34, 0.09);
                box-shadow: 0 11px 61px 3px rgba(34, 34, 34, 0.09);
                border-radius: 30px;
                width: 100%;
                flex-direction: unset !important;
                display: block !important;
                position: relative;
                text-align: center;
                background: #fff;
                padding: 10px 15px 20px;
            }

            /*search box css start here*/

            .search-sec {
                display: block;
                position: relative;
                margin-top: -20px;
                padding-bottom: 20px;
            }

            .search-slt {
                display: block;
                width: 100%;
                font-size: 0.875rem;
                line-height: 1.5;
                color: #55595c;
                background-color: #fff;
                background-image: none;
                border: 1px solid #ccc;
                border-radius: 0;
            }

            .datatabs-area {
                margin: 30px 0;
            }

            .datatabs-area .nav-tabs {
                display: block;
                text-align: center;
            }

            .datatabs-area .nav-tabs .nav-item {
                display: inline-block;
            }

            .datatabs-area .nav-tabs .nav-link {
                background: transparent;
                color: #000;
                padding: 16px 20px !important;
                border-color: transparent;
                display: block;
                text-align: center;
                border-radius: 0;
                font-family: "ProximaNova-Bold";
            }

            .datatabs-area .nav-tabs .nav-link:hover,
            .datatabs-area .nav-tabs .nav-item.show .nav-link,
            .datatabs-area .nav-tabs .nav-link.active {
                color: #2cb34a;
                background-color: transparent;
                border-bottom: 2px solid #2cb34a;
            }

            .nav-tabs-container {
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
                align-items: baseline;
                margin-bottom: 2rem;
            }

            .datatab-cont p {
                color: #000;
                margin-bottom: 10px;
            }

            .datatab-cont ul {
                padding: 0 20px;
            }

            .datatab-cont ul li {
                list-style: disc;
                color: #000;
            }

            .data-tab-area .video-link .ht-popup-video .video-button__two .video-play {
                width: 58px;
                height: 58px;
            }

            .data-top- {
                padding-top: 15px;
                padding-bottom: 60px;
            }

            .data-top-title {
                padding-right: 10rem;
            }

            .data-top- h2 {
                font-family: "ProximaNova-Bold";
                color: #000;
                font-size: 40px;
                margin-bottom: 15px;
            }

            .data-top- p {
                color: #000;
            }

            .-minus-margin-lg {
                margin-top: -45px;
            }

            #promoinside .owl-dots,
            #tabs .owl-dots,
            #promoinside-1 .owl-dots,
            #promoinside-2 .owl-dots,
            #promoinside-3 .owl-dots,
            #promoinside-4 .owl-dots {
                text-align: center;
                padding: 30px 0 0;
            }

            .do-more-mpesa .owl-theme .owl-nav {
                top: 0 !important;
                z-index: -9;
            }

            .do-more-mpesa .border-faq .card-body ul {
                padding: 15px 0;
                list-style-position: inside;
                line-height: 25px;
            }

            .do-more-mpesa .border-faq .card-body ul li {
                list-style-type: decimal;
                list-style-position: inside;
            }

            .do-more-mpesa .owl-theme .owl-nav button {
                margin: 0 !important;
            }

            .do-more-mpesa .datatabs-area .nav-tabs .nav-link {
                font-family: "ProximaNova" !important;
            }

            .mpesa .form-card h3 {
                margin-top: 2.5rem;
            }

            .promo-footer {
                display: block;
                position: relative;
                width: 100%;
                padding: 30px 0;
            }

            .promo-footer h1 {
                color: #2cb34a;
                font-family: "ProximaNova-Bold";
                font-size: 18px;
            }

            .promo-slide h2 {
                color: #000;
                font-size: 16px;
                font-family: "ProximaNova-Bold";
                padding: 20px;
            }

            .promo-slide {
                background: #ffffff;
                border: 1px solid #e5e5e5;
                box-sizing: border-box;
                box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
                border-radius: 10px;
                padding: 0;
                margin: 15px auto;
                min-height: 200px;
                text-align: left;
                overflow: hidden;
            }

            /*--------Store Is Here--------*/

            .store-search {
                padding: 40px 0;
            }

            .store-search .search-sec-lg {
                padding: 0 !important;
                outline: none !important;
                background: transparent;
                box-shadow: none;
            }

            .selectpicker {
                padding: 15px 30px;
            }

            .search-area .promo-slide {
                padding: 30px 20px 0;
                min-height: 200px !important;
                margin: 15px auto;
            }

            .search-area .promo-slide h2 {
                color: #000;
                font-size: 16px;
                font-family: "ProximaNova-Bold";
                padding: 0;
                margin: 5px 0 10px;
            }

            .search-area .promo-slide h4 {
                font-size: 14px;
                margin: 5px 0;
                color: #000;
                line-height: 21px;
            }

            .opening-hours.closed span {
                font-family: "ProximaNova-Bold";
                color: red;
            }

            .opening-hours {
                font-size: 13px;
                font-family: "ProximaNova-Bold";
                color: #000;
            }

            .opening-hours.open span {
                font-family: "ProximaNova-Bold";
                color: green;
            }

            .directions {
                padding: 10px 0;
                font-size: 12px;
                color: #000 !important;
                display: inline-block;
            }

            .directions a {
                font-family: "ProximaNova-Semibold";
                font-weight: initial;
                font-size: 14px;
                text-decoration: none;
                color: #000;
            }

            .directions a:hover {
                color: #2cb34a;
            }

            .directions .fa {
                color: #ccc;
                display: inline-block;
                margin: 0 10px;
                font-size: 18px;
            }

            .directions .fa:hover,
            .search-area .promo-slide:hover .fa {
                color: #2cb34a;
            }

            .search-area .promo-slide:hover {
                box-shadow: none !important;
            }

            /*---------New Home Page------*/

            .home-banner-holder .owl-item.active .hero-slider-item::before {
                -webkit-animation: 3s 0.3s fadeInUp both;
                animation: 3s 0.3s fadeInUp both;
            }

            .home-banner-holder .owl-item.active .hero-slider-content {
                overflow: hidden;
            }

            .home-banner-holder .owl-item.active .banner-image img {
                -webkit-animation: 2s 0.2s fadeInRight both;
                animation: 2s 0.2s fadeInRight both;
            }

            .home-banner-holder .owl-item.active .title-aside h2,
            .home-banner-holder .owl-item.active .title-aside h1 {
                -webkit-animation: 2s 0.2s fadeInLeft both;
                animation: 2s 0.2s fadeInLeft both;
            }

            .home-banner-holder .owl-item.active {
                -webkit-animation: 2s 0.2s fadeInRight both;
                animation: 2s 0.2s fadeInRight both;
            }

            .home-banner-holder .owl-item.active .title-aside h4 {
                -webkit-animation: 2s 0.2s fadeInRight both;
                animation: 2s 0.2s fadeInRight both;
            }

            .home-banner-holder.owl-item.active .hero-slider-content .hero-slider-btn {
                -webkit-animation: 2s 0.2s fadeInUpBig both;
                animation: 2s 0.2s fadeInUpBig both;
            }

            .home-banner .title-aside {
                padding-left: 50px;
            }

            .home-banner .title-aside h2,
            .home-banner .title-aside h1 {
                font-size: 26px;
            }

            .home-banner .title-aside h2 span,
            .home-banner .title-aside h1 span {
                font-family: "ProximaNova-Semibold";
            }

            .mpesa-inside .large-offer .slider-box img {
                width: 100% !important;
            }

            .mpesa-inside .large-offer .card-body {
                float: inherit !important;
                padding: 0rem 50px 0;
            }

            .home-banner .title-aside h4 {
                color: #000;
                font-size: 25px;
                padding: 15px 0 0;
            }

            .home-banner-holder .owl-dots {
                margin: 0;
                position: absolute;
                bottom: 10%;
                left: 11%;
            }

            .green {
                background: #52b44b;
            }

            .secondary-seo-menu .seo-menu li {
                display: inline-block;
                padding: 10px 15px;
            }

            .secondary-seo-menu .seo-menu li a {
                color: #fff;
                text-decoration: none;
            }

            .secondary-seo-menu {
                padding: 25px 0;
            }

            .tarif .datatabs-area .nav-tabs .nav-link {
                background: #fff;
                color: #000;
                padding: 5px 20px !important;
                border-color: 2px solid #fff;
                display: block;
                text-align: center;
                font-family: "ProximaNova-Bold";
                font-size: 14px;
                border-radius: 40px;
                margin: 10px;
                text-transform: capitalize;
            }

            .tarif .datatabs-area .nav-tabs .nav-link:hover,
            .tarif .datatabs-area .nav-tabs .nav-item.show .nav-link,
            .tarif .datatabs-area .nav-tabs .nav-link.active {
                color: #fff;
                background-color: #2cb34a !important;
                border-bottom: 2px solid #2cb34a;
            }

            .tarif .nav-tabs {
                border-bottom: none;
            }

            .no_padding {
                padding: 0 !important;
            }

            .tarif-content .slider-box {
                min-height: 320px;
                padding: 15px 15px 20px;
                border: transparent;
                -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                -webkit-transition-delay: 0.2s;
                -o-transition-delay: 0.2s;
                transition-delay: 0.2s;
                -webkit-transition-duration: 0.2s;
                -o-transition-duration: 0.2s;
                transition-duration: 0.2s;
            }

            .tarif-content .slider-box form {
                padding-top: 2rem;
            }

            .tarif-content .form-card .read-more {
                padding-bottom: 2rem;
            }

            .mpesa .form-card img {
                padding-bottom: 60px;
            }

            .mpesa .form-card .read-more {
                padding-bottom: 65px;
            }

            .tarif-content .slider-box:hover {
                box-shadow: 0px 0px 4px rgb(0 0 0 / 25%);
            }

            .tarif-content .no-bk:hover {
                box-shadow: none !important;
            }

            .tarif-content .form-card h3,
            .tarif-content .slider-box h2 {
                color: #000;
                font-size: 18px;
            }

            .tarif-content .no-bk {
                border: none !important;
                background: transparent;
                padding: 30px 40px;
            }

            .no-bk .card-body {
                padding: 0;
                background: transparent !important;
            }

            .tarif-content .icon {
                background: #fff;
                display: inline-block;
                padding: 10px;
                border-radius: 10px;
                margin: 0 auto 15px;
            }

            .tarif-content .icon img {
                height: 40px;
            }

            .tarif-content .read-more {
                color: #2cb34a;
                font-family: "ProximaNova";
                display: inline-block;
                margin: 0 15px 0 0;
                text-decoration: none;
            }

            .tarif-content .read-more:after {
                content: "\f054";
                color: #2cb34a;
                font-family: FontAwesome;
                text-decoration: inherit;
                font-weight: lighter;
                font-size: 12px;
                display: inline-block;
                margin-left: 10px;
            }

            .small-block-title h2 {
                font-size: 26px;
                font-family: "ProximaNova-Bold";
                color: #000;
                text-transform: capitalize;
                margin: 0 0 10px 0;
            }

            .tarif-content .owl-theme .owl-nav button,
            .new-slider .owl-theme .owl-nav button {
                color: #52b44b;
                font-size: 22px;
                margin: 5px;
                padding: 4px 7px;
                background: #fff;
                display: inline-block;
                cursor: pointer;
                border-radius: 3px;
                border-radius: 100%;
                height: 40px;
                width: 40px;
                opacity: 1;
            }

            .bg-white .new-slider .owl-theme .owl-nav button {
                background: #f4f4f6;
            }

            .new-slider .owl-dots {
                margin-top: 15px;
            }

            .tarif-content .owl-theme .owl-nav,
            .new-slider .owl-theme .owl-nav {
                margin-top: 0;
                width: 110%;
                position: absolute;
                top: 40%;
                left: -5.2%;
            }

            .tarif-content .owl-theme .owl-nav .owl-next,
            .new-slider .owl-theme .owl-nav .owl-next {
                float: right;
            }

            .tarif-content .owl-theme .owl-nav .owl-prev,
            .new-slider .owl-theme .owl-nav .owl-prev {
                float: left;
            }

            .data-plan .owl-carousel .owl-item {
                margin-left: 5px;
            }

            .data-plan .promo-slide {
                padding: 35px 15px 0;
                -webkit-animation: 2s 0.2s fadeInDown both;
                animation: 2s 0.2s fadeInRight both;
            }

            .data-plan .promo-slide h1 {
                font-size: 22px;
                color: #000;
                margin: 0;
            }

            .data-plan .promo-slide h2 {
                color: #000;
                font-size: 16px;
                font-family: "ProximaNova-Bold";
                padding: 10px 0 0 0;
                margin: 0 auto 10px;
            }

            .data-plan .promo-slide p {
                color: #000;
                font-size: 14px;
            }

            .data-plan .promo-slide .btn-read-more {
                font-size: 14px;
                margin-bottom: 15px;
            }

            .small-block-title {
                display: block;
                width: 100%;
            }

            .speal-offers .card-body {
                width: 60%;
                float: left;
            }

            .speal-offers .slider-box img {
                width: 40%;
                border-radius: 10px;
            }

            .speal-offers .slider-box {
                padding: 15px;
                min-height: 280px;
                display: flex;
                align-items: center;
            }

            .speal-offers .slider-box h2 {
                font-size: 22px;
                font-family: "ProximaNova";
                width: 70%;
            }

            .large-offer .card-body {
                float: right;
                padding: 0rem 50px 0;
                width: 50%;
            }

            .large-offer .slider-box img {
                width: 50%;
            }

            .large-offer .slider-box h3 {
                color: #2cb34a;
                font-size: 16px;
                font-family: "ProximaNova-Bold";
                margin-bottom: 0;
                margin-top: 0;
                display: block;
            }

            .large-offer .slider-box h2 {
                margin-bottom: 15px;
                color: #000;
            }

            .speal-offers .read-more {
                padding-top: 40px;
            }

            .large-offer .read-more {
                padding-top: 20px;
            }

            .border-faq .faqaccordion .card-header {
                background-color: #fff;
                margin: 0 auto 15px;
                width: 100%;
                border: none;
                border-radius: 10px;
            }

            .border-faq .faqaccordion.accordion .card-header:after {
                right: 15px;
                top: 15px;
            }

            .border-faq .faqaccordion .card-title {
                font-size: 14px;
            }

            .border-faq .faqaccordion.accordion .card-body {
                background: #fff;
                margin-bottom: 15px;
                font-size: 14px;
                margin-top: -20px;
                padding-bottom: 30px;
                border-radius: 0px 0px 10px 10px;
                line-height: 30px;
            }

            .border-faq .faqaccordion.accordion .card-header.collapsed:after {
                content: "\f078" !important;
                font-family: FontAwesome;
                font-weight: 200;
                font-size: 10px;
            }

            .mobile-app .apps-icon img {
                display: inline-block;
                width: 35%;
            }

            .mobile-app h4 {
                color: #fff;
                font-size: 28px;
            }

            .helpful h4 {
                color: #000;
                font-size: 20px;
            }

            .helpful h4 a {
                color: #2cb34a !important;
                text-decoration: underline !important;
                display: inline-block;
                margin: 0 10px;
            }

            .helpful h4 a span {
                display: inline-block;
                margin: 0 20px;
            }

            .helpful h4 a span img,
            .helpful h4 img {
                height: 40px;
                margin: 0 15px;
            }

            /* ---------------------------------------------------
  PROMOTION AND OFFERS
----------------------------------------------------- */

            .topcardarea {
                padding: 30px 0;
            }

            .cardarea_main {
                padding: 60px 50px;
                background: #fff;
                border-radius: 20px;
                margin-bottom: 30px;
            }

            .cardarea_main h2 {
                color: #000;
                font-family: "ProximaNova-Bold";
                margin-bottom: 15px;
                font-size: 24px;
            }

            .cardarea_main p {
                color: #333;
                font-size: 16px;
                margin-bottom: 30px;
                min-height: 70px;
            }

            .cardarea_main img {
                border-radius: 20px;
            }

            .cardarea_main span,
            .cardarea_main h3 {
                color: #2cb34a;
                font-size: 16px;
                font-family: "ProximaNova-Bold";
                margin-bottom: 15px;
                margin-top: 30px;
                display: block;
            }

            .bg-white .cardarea_main {
                background: #f3f3f3;
            }

            .title h2 {
                color: #000;
                font-size: 28px;
                font-family: "ProximaNova-Bold";
                margin-bottom: 30px;
            }

            .promosliderarea {
                background: #fff;
                padding-top: 1rem !important;
            }

            .d-table {
                width: 100%;
                height: 100%;
            }

            .d-table-cell {
                vertical-align: middle;
            }

            .hero-slider-content {
                text-align: left;
                position: relative;
                z-index: 1;
            }

            .hero-slider-content h1 {
                font-size: 32px;
                color: #000;
                margin-bottom: 10px;
            }

            .hero-slider-content p {
                color: #333;
                margin-bottom: 15px;
                font-size: 24px;
            }

            .promopic {
                text-align: center;
            }

            .promopic img {
                max-width: 100%;
                width: auto !important;
                margin: 0 auto;
            }

            .hero-slider-content .hero-slider-btn a {
                color: #fff;
                font-size: 14px;
            }

            .hero-slider-content .read-more {
                font-size: 14px;
            }

            .hero-slider-area .owl-item.active .hero-slider-item::before {
                -webkit-animation: 3s 0.3s fadeInUp both;
                animation: 3s 0.3s fadeInUp both;
            }

            .hero-slider-area .owl-item.active .hero-slider-content {
                overflow: hidden;
            }

            .hero-slider-area .owl-item.active .hero-slider-content img {
                -webkit-animation: 2s 0.2s fadeInLeft both;
                animation: 2s 0.2s fadeInLeft both;
            }

            .hero-slider-area .owl-item.active .hero-slider-content h1,
            .hero-slider-area .owl-item.active .hero-slider-content h3 {
                -webkit-animation: 2s 0.2s fadeInLeft both;
                animation: 2s 0.2s fadeInLeft both;
            }

            .hero-slider-area .owl-item.active .hero-slider-content p,
            .hero-slider-area .owl-item.active .hero-slider-content .read-more {
                -webkit-animation: 2s 0.2s fadeInRight both;
                animation: 2s 0.2s fadeInRight both;
            }

            .hero-slider-area .owl-item.active .hero-slider-content .promopic img {
                -webkit-animation: 2s 0.2s fadeInLeft both;
                animation: 2s 0.2s fadeInLeft both;
            }

            .hero-slider-area .owl-item.active .hero-slider-content .hero-slider-btn,
            .hero-slider-area .owl-item.active .hero-slider-content ul {
                -webkit-animation: 2s 0.2s fadeInUpBig both;
                animation: 2s 0.2s fadeInUpBig both;
            }

            .hero-slider-area .owl-theme .owl-nav {
                margin-top: 0 !important;
            }

            .hero-slider-area.owl-theme .owl-nav {
                margin-top: 0 !important;
            }

            .hero-slider-area .owl-theme .owl-nav [class*="owl-"]:hover {
                background-color: transparent;
            }

            .promoslider {
                width: 100%;
                margin: 0rem auto 0;
                max-width: 1140px;
            }

            .hero-slider-area.owl-theme .owl-nav.disabled+.owl-dots {
                margin-top: 0;
                position: absolute;
                top: 50%;
                right: -30px;
                margin-top: -5rem;
            }

            .hero-slider-area.owl-theme .owl-dots .owl-dot {
                display: block;
            }

            .hero-slider-area .owl-dots .owl-dot.active span,
            .hero-slider-area .owl-dots .owl-dot.active span {
                height: 40px;
                width: 10px;
            }

            .bg-green {
                background: #2cb34a;
                color: #fff;
                padding: 20px 20px 10px;
                border-radius: 20px;
                display: block;
            }

            .datastrip-green h3 {
                font-family: "ProximaNova-Bold";
                font-size: 16px;
            }

            .datastrip-green .form-control {
                border-radius: 30px;
                padding: 8px 20px;
            }

            .datastrip-green .form-control:focus {
                outline: none;
                border-color: transparent;
            }

            .datastrip-green .form-control:disabled,
            .datastrip-green .form-control[readonly] {
                background: #28a143;
                color: #fff;
                border-color: transparent;
                font-family: "ProximaNova-Bold";
            }

            .datastrip-green .form-control:disabled::-webkit-input-placeholder {
                /* Chrome/Opera/Safari */
                color: #fff;
            }

            .datastrip-green .form-control:disabled::-moz-placeholder {
                /* Firefox 19+ */
                color: #fff;
            }

            .datastrip-green .form-control:disabled:-ms-input-placeholder {
                /* IE 10+ */
                color: #fff;
            }

            .datastrip-green .form-control:disabled:-moz-placeholder {
                /* Firefox 18- */
                color: #fff;
            }

            .mpesa .results ol {
                min-height: unset;
            }

            .business .slider-box h4 {
                min-height: 55px;
            }

            .whats-new img.card-img-top {
                height: 250px;
            }

            .whats-new .slider-box.ls-large h2 {
                font-size: 18px;
            }

            .whats-new .slider-box h2 {
                font-size: 20px;
            }

            /*=========Zuri Area==========*/
            .zuri {
                position: fixed;
                top: 70vh;
                right: 30px;
                /* zuri can't be above the menu on mobile */
                z-index: 9;
            }

            .zuri a img {
                height: 50px;
            }

            .helpfull .modal-dialog {
                max-width: 700px;
                margin: 4rem auto 0;
            }

            .helpfull .modal-content {
                border-radius: 15px;
            }

            .helpfull input.form-control {
                width: 49%;
                display: inline-block;
                margin: 0 auto 15px;
            }

            .helpfull textarea.form-control {
                margin: 0px auto 20px;
                min-height: 150px;
                padding: 20px;
                border-radius: 20px !important;
            }

            .helpfull .form-group {
                text-align: center;
            }

            .inside-shop .slider-box {
                background: transparent !important;
                height: 96%;
            }

            .visit-masoko {
                position: relative;
                height: 500px;
                background: url(/personal/images/shop-inside.jpg) no-repeat;
                background-size: cover;
                background-position: top;
                color: #fff;
                background-attachment: fixed;
            }

            .shop-inside-content {
                position: absolute;
                width: 80%;
                margin: auto;
                top: 8rem;
                left: 0;
                right: 0;
            }

            .shop-inside-content h1,
            .shop-inside-content h2 {
                font-size: 34px;
            }

            .shop-inside-content p {
                font-size: 18px;
                padding: 0;
            }

            .content-body__container p {
                margin-bottom: 1rem;
            }

            .content-body__container ol,
            .content-body__container ul {
                margin: 1.5rem;
            }

            .content-body__container ol li,
            .content-body__container ul {
                list-style: decimal;
                line-height: 26px;
            }

            .content-body__container ul li {
                list-style: disc;
            }

            .search-pagination ul {
                display: block;
                width: 100%;
                text-align: center;
            }

            .search-pagination ul li {
                display: inline-block;
            }

            .search-pagination ul li .pagenav {
                color: #2cb34a;
                padding: 10px 5px;
            }

            /*=========Pop-up Ad ==========*/
            #adModal,
            .pop-modal {
                background: #e2e2e2;
                width: 400px;
                height: auto;
                bottom: auto !important;
                top: 25vh;
                padding: 10px;
                border-radius: 5px;
            }

            #adModal .modal-dialog,
            .pop-modal .modal-dialog {
                margin: 0;
                border-radius: 10px;
                border: none !important;
                text-shadow: none !important;
                box-shadow: none !important;
            }

            #adModal .modal-dialog .modal-content,
            .pop-modal .modal-dialog .modal-content {
                border: none !important;
            }

            #adModal .modal-header .close,
            .pop-modal .modal-header .close {
                font-size: 13px;
                letter-spacing: 1px;
            }

            #adModal .modal-header,
            .pop-modal .modal-header {
                border-bottom: none !important;
            }

            #adModal .modal-header .close:hover,
            .pop-modal .modal-header .close:hover {
                color: #2cb34a;
                cursor: pointer;
            }

            #adModal .modal-body,
            .pop-modal .modal-body {
                padding: 0 20px 6vh;
            }

            #adModal .modal-body h4 {
                color: #000;
                font-size: 26px;
                padding: 10px 0;
                margin: 10px 0 10px 0;
                font-weight: bold;
                line-height: 35px;
            }

            #adModal .modal-body p {
                color: #333333;
                font-size: 18px;
                margin: 15px 0;
            }

            #adModal .ad {
                padding: 0 15px;
            }

            #adModal .ad img {
                width: auto;
            }

            .pop-modal .modal-dialog {
                margin: 0 !important;
            }

            .prominent.pop-modal .form-card {
                min-height: auto !important;
                margin: 0 !important;
            }

            .pop-modal .modal-content {
                background: transparent !important;
            }

            .pop-modal .modal-header {
                border: 0 !important;
                padding-top: 0 !important;
            }

            .pop-modal .close {
                opacity: 1 !important;
            }

            .pop-modal .modal-body {
                padding: 0 !important;
            }

            .pop-modal .card-title {
                margin-bottom: 2rem;
            }

            /* second modal */
            #adModal2 {
                background: #e2e2e2;
                width: 400px;
                height: auto;
                bottom: auto !important;
                top: 25vh;
                padding: 10px;
                border-radius: 5px;
            }

            #adModal2 .modal-dialog {
                margin: 0;
                border-radius: 10px;
                border: none !important;
                text-shadow: none !important;
                box-shadow: none !important;
            }

            #adModal2 .modal-dialog .modal-content {
                border: none !important;
            }

            #adModal2 .modal-header .close {
                font-size: 13px;
                letter-spacing: 1px;
            }

            #adModal2 .modal-header {
                border-bottom: none !important;
            }

            #adModal2 .modal-header .close:hover {
                color: #2cb34a;
                cursor: pointer;
            }

            #adModal2 .modal-body {
                padding: 0 20px 6vh;
            }

            #adModal2 .modal-body h4 {
                color: #000;
                font-size: 26px;
                padding: 10px 0;
                margin: 10px 0 10px 0;
                font-weight: bold;
                line-height: 35px;
            }

            #adModal2 .modal-body p {
                color: #333333;
                font-size: 18px;
                margin: 15px 0;
            }

            #adModal2 .ad {
                padding: 0 15px;
            }

            #adModal2 .ad img {
                width: auto;
            }

            /* modal three */

            #adModal3 {
                background: #e2e2e2;
                width: 400px;
                height: auto;
                bottom: auto !important;
                top: 25vh;
                padding: 10px;
                border-radius: 5px;
            }

            #adModal3 .modal-dialog {
                margin: 0;
                border-radius: 10px;
                border: none !important;
                text-shadow: none !important;
                box-shadow: none !important;
            }

            #adModal3 .modal-dialog .modal-content {
                border: none !important;
            }

            #adModal3 .modal-header .close {
                font-size: 13px;
                letter-spacing: 1px;
            }

            #adModal3 .modal-header {
                border-bottom: none !important;
            }

            #adModal3 .modal-header .close:hover {
                color: #2cb34a;
                cursor: pointer;
            }

            #adModal3 .modal-body {
                padding: 0 20px 6vh;
            }

            #adModal3 .modal-body h4 {
                color: #000;
                font-size: 26px;
                padding: 10px 0;
                margin: 10px 0 10px 0;
                font-weight: bold;
                line-height: 35px;
            }

            #adModal3 .modal-body p {
                color: #333333;
                font-size: 18px;
                margin: 15px 0;
            }

            #adModal3 .ad {
                padding: 0 15px;
            }

            #adModal3 .ad img {
                width: auto;
            }

            body.modal-open {
                overflow: scroll !important;
            }

            /* modal five */
            #adModal5 {
                background: #e2e2e2;
                width: 400px;
                height: auto;
                bottom: auto !important;
                top: 25vh;
                padding: 10px;
                border-radius: 5px;
            }

            #adModal5 .modal-dialog {
                margin: 0;
                border-radius: 10px;
                border: none !important;
                text-shadow: none !important;
                box-shadow: none !important;
            }

            #adModal5 .modal-dialog .modal-content {
                border: none !important;
            }

            #adModal5 .modal-header .close {
                font-size: 13px;
                letter-spacing: 1px;
            }

            #adModal5 .modal-header {
                border-bottom: none !important;
            }

            #adModal5 .modal-header .close:hover {
                color: #2cb34a;
                cursor: pointer;
            }

            #adModal5 .modal-body {
                padding: 0 20px 6vh;
            }

            #adModal5 .modal-body h4 {
                color: #000;
                font-size: 26px;
                padding: 10px 0;
                margin: 10px 0 10px 0;
                font-weight: bold;
                line-height: 35px;
            }

            #adModal5 .modal-body p {
                color: #333333;
                font-size: 18px;
                margin: 15px 0;
            }

            #adModal5 .ad {
                padding: 0 15px;
            }

            #adModal5 .ad img {
                width: auto;
            }

            body.modal-open {
                overflow: scroll !important;
            }

            /* modal six*/
            #adModal6 {
                background: #e2e2e2;
                width: 400px;
                height: auto;
                bottom: auto !important;
                top: 25vh;
                padding: 10px;
                border-radius: 5px;
            }

            #adModal6 .modal-dialog {
                margin: 0;
                border-radius: 10px;
                border: none !important;
                text-shadow: none !important;
                box-shadow: none !important;
            }

            #adModal6 .modal-dialog .modal-content {
                border: none !important;
            }

            #adModal6 .modal-header .close {
                font-size: 13px;
                letter-spacing: 1px;
            }

            #adModal6 .modal-header {
                border-bottom: none !important;
            }

            #adModal6 .modal-header .close:hover {
                color: #2cb34a;
                cursor: pointer;
            }

            #adModal6 .modal-body {
                padding: 0 20px 6vh;
            }

            #adModal6 .modal-body h4 {
                color: #000;
                font-size: 26px;
                padding: 10px 0;
                margin: 10px 0 10px 0;
                font-weight: bold;
                line-height: 35px;
            }

            #adModal6 .modal-body p {
                color: #333333;
                font-size: 18px;
                margin: 15px 0;
            }

            #adModal6 .ad {
                padding: 0 15px;
            }

            #adModal6 .ad img {
                width: auto;
            }

            body.modal-open {
                overflow: scroll !important;
            }

            /* modal seven */
            #adModal7 {
                background: #e2e2e2;
                width: 400px;
                height: auto;
                bottom: auto !important;
                top: 25vh;
                padding: 10px;
                border-radius: 5px;
            }

            #adModal7 .modal-dialog {
                margin: 0;
                border-radius: 10px;
                border: none !important;
                text-shadow: none !important;
                box-shadow: none !important;
            }

            #adModal7 .modal-dialog .modal-content {
                border: none !important;
            }

            #adModal7 .modal-header .close {
                font-size: 13px;
                letter-spacing: 1px;
            }

            #adModal7 .modal-header {
                border-bottom: none !important;
            }

            #adModal7 .modal-header .close:hover {
                color: #2cb34a;
                cursor: pointer;
            }

            #adModal7 .modal-body {
                padding: 0 20px 6vh;
            }

            #adModal7 .modal-body h4 {
                color: #000;
                font-size: 26px;
                padding: 10px 0;
                margin: 10px 0 10px 0;
                font-weight: bold;
                line-height: 35px;
            }

            #adModal7 .modal-body p {
                color: #333333;
                font-size: 18px;
                margin: 15px 0;
            }

            #adModal7 .ad {
                padding: 0 15px;
            }

            #adModal7 .ad img {
                width: auto;
            }

            body.modal-open {
                overflow: scroll !important;
            }

            /*=========Pop-up Ad ==========*/
            .whatsnew {
                top: calc(100vh - 130px);
                text-align: center;
            }

            .whatsnew span {
                display: block;
                font-family: "ProximaNova-Bold";
                font-size: 9px;
                color: #000;
                margin-top: 5px;
            }

            /* pop up cta */
            .ad .read-more {
                display: block;
                width: 100%;
                text-align: center;
                text-decoration: none !important;
            }

            .ad .read-morea:focus {
                color: #2cb34a !important;
            }

            .ad .read-more {
                display: inline-block;
                width: auto;
                text-align: center;
                text-decoration: none !important;
                border: 2px solid;
                padding: 5px 15px;
                margin: auto;
            }

            @media (min-width: 1500px) {
                .home-banner {
                    max-width: 80%;
                    margin: auto;
                }

                .home-banner-holder .owl-dots {
                    left: 20%;
                }

                .fraud-menu li a {
                    font-size: 13px !important;
                }

                .fraud-menu li {
                    margin: 0 5px !important;
                }
            }

            .download:after {
                content: "\f019";
                font-family: FontAwesome;
                font-style: normal;
                padding-left: 15px;
            }

            .site:after {
                content: "\f08e";
                font-family: FontAwesome;
                font-style: normal;
                padding-left: 15px;
            }

            .mpesa-offers .slider-box {
                min-height: 300px !important;
            }

            .mpesa_regulated {
                max-width: 1110px;
                margin: -.6rem auto 0;
                background: #2cb34a;
                color: #fff;
                text-align: center;
                padding: 15px;
                border-radius: 0px 0px 30px 30px;
                width: 100%;
                display: block;
            }

            .mpesa_regulated h1 {
                font-size: 18px;
                margin: 0;
            }

            .disabled {
                pointer-events: none;
                color: green;
                cursor: not-allowed;
                opacity: 0.5;
                text-decoration: none;
            }

            .read-more:focus {
                color: #2cb34a;
            }

            @media (max-width: 768px) {
                .shop-inside-content h1 {
                    font-size: 32px;
                }

                .factsheet .mid .slider-box img {
                    width: 100%;
                }
            }

            #myStocks-ir-ticker #msl-ir-ticker-security {
                font-size: 25px;
                color: #52b44b !important;
                font-family: "ProximaNova-Bold";
                margin: 0 40px 0 0;
            }

            #myStocks-ir-ticker div#msl-ir-ticker-time {
                margin: 0 auto;
                color: #000 !important;
                font-size: 16px !important;
            }

            #myStocks-ir-ticker div.msl-ir-ticker-value {
                font-size: 24px !important;
                text-transform: uppercase;
                color: #000;
            }

            #myStocks-ir-ticker div.msl-ir-ticker-label {
                color: #52b44b !important;
                font-family: "ProximaNova-Bold";
            }

            #myStocks-ir-ticker {
                min-width: 280px !important;
                display: block;
                width: 100%;
                border-top: 1px solid rgba(0, 0, 0, 0.1);
                padding-bottom: 30px;
                margin-bottom: 40px;
                padding-top: 40px;
            }

            .customer .form-card img {
                margin-bottom: 25px;
                border-radius: 10px;
            }

            .customer .tarif-content .icon {
                background: #f4f4f4;
                text-align: center;
            }

            .customer .speal-offers .tips .card-body {
                width: 100%;
            }

            .customer .speal-offers .tips .slider-box img {
                width: auto !important;
                height: 35px;
                border-radius: 0;
            }

            .customer .speal-offers .slider-box h2 {
                font-size: 18px;
                font-family: "ProximaNova-Bold";
                width: 100%;
                line-height: 25px;
            }

            .customer .speal-offers .slider-box {
                padding: 30px;
                min-height: 260px !important;
                margin-bottom: 10px;
            }

            .customer-content {
                color: #000;
            }

            .content- h2 {
                font-size: 24px;
                margin: 25px auto;
            }

            .content- p {
                margin-bottom: 20px;
                font-size: 16px;
            }

            .customer-content .small-block-title h1 {
                font-size: 35px;
            }

            .fraud .slider-box {
                margin-bottom: 15px;
                min-height: 400px;
            }

            .fraud .form-card h3 {
                width: 80%;
                margin: 0 auto 15px;
                font-size: 18px;
            }

            .content- .page-breadcrumb-content {
                border: 0;
                padding-bottom: 0;
            }

            .tips li {
                background-color: #fff;
                margin: 0 auto 15px;
                width: 100%;
                border: none;
                border-radius: 10px;
                padding: 15px;
                list-style-type: none !important;
                list-style-position: inside !important;
                font-size: 15px;
            }

            .tips ul {
                margin-bottom: 3rem;
            }

            .content- .read-more {
                margin: 0;
                font-family: "ProximaNova";
                text-decoration: none;
                font-size: 18px;
                letter-spacing: 1px;
            }

            .customer-content .content- {
                width: 80%;
            }

            .tips li a {
                color: #000;
            }

            .tips li:hover a {
                color: #46bd61;
            }

            .customer .speal-offers .large-offer .slider-box {
                padding: 15px;
            }

            .slider-box img {
                border-radius: 10px;
            }

            .tips-url {
                display: block;
                width: 100%;
                padding-left: 5px;
            }

            .tips .slider-box h2 a {
                color: #000;
            }

            .tips:hover .slider-box h2 a {
                color: #2cb34a;
                cursor: pointer;
            }

            .tarif-content .icon img {
                border-radius: 0 !important;
            }

            .customer .speal-offers .tips .card-body {
                padding-left: 0 !important;
                padding-right: 0;
                padding-bottom: 0;
            }

            .tips {
                padding: 0 !important;
            }

            .data-terms ul li,
            .voice-terms ul li {
                background-color: #fff;
                margin: 0 auto 15px;
                width: 100%;
                border: none;
                border-radius: 10px;
                display: block;
                color: #000;
                font-size: 14px;
            }

            .data-terms ul li a,
            .voice-terms ul li a {
                color: #333;
                font-size: 14px;
                display: block;
                padding: 10px 15px;
            }

            .data-terms ul li a:hover,
            .voice-terms ul li a:hover {
                color: #2cb34a;
                cursor: pointer;
                text-decoration: underline;
            }

            .fraud-menu li a {
                padding: 20px 15px !important;
                font-size: 14px !important;
            }

            .blog {
                max-width: 1140px;
                margin: auto;
            }

            .blog .item {
                background: #fff;
                margin: 30px auto;
                padding: 40px;
                border-radius: 15px;
                color: #000;
                font-size: 16px;
            }

            .blog .item p {
                float: left;
                width: 60%;
                padding-right: 2rem;
            }

            .blog h2 a {
                color: #000;
                font-size: 26px;
            }

            .blog h2:hover a {
                color: #2cb34a;
                text-decoration: underline;
            }

            .blog .img-intro-left {
                display: inline-block;
                width: 35%;
            }

            .content- ol,
            .content- ul {
                padding-left: 0px;
                margin-bottom: 20px;
            }

            .content- ol li,
            .content- ul li {
                list-style: decimal;
                line-height: 30px;
                font-size: 16px;
                text-align: left;
            }

            .content- b,
            strong {
                font-family: "ProximaNova-Bold";
                letter-spacing: 1.3px;
                font-size: 15px;
            }

            .content- table {
                border-collapse: collapse;
                width: 100%;
                border: 1px solid #000;
                margin: 25px auto;
            }

            .content- tr {
                border-bottom: 1px solid #000;
            }

            .content- td {
                border-right: 1px solid #000;
                padding: 10px;
            }

            .content- h4 {
                font-family: "ProximaNova-Bold";
                font-size: 19px;
                letter-spacing: 1px;
                margin-bottom: 15px;
            }

            .small-block-title a {
                color: #2cb34a;
                font-family: "ProximaNova";
                display: inline-block;
                margin: 0;
                text-decoration: none;
            }

            .small-block-title a:hover,
            .small-block-title a:focus {
                color: #000;
                text-decoration: underline;
            }

            .content- h3 {
                font-size: 18px;
            }

            .content- ol li a,
            .content- ul li a {
                text-decoration: none !important;
            }

            .content- ol li a:hover,
            .content- ul li a:hover {
                color: #52b44b;
                text-decoration: underline;
            }

            .breadcrumbsinside_breadcrumbs {
                padding-top: 8rem;
                max-width: 1110px;
                margin: auto;
                padding-bottom: 20px;
                border-bottom: 1px solid #2cb34a;
            }

            span.divider {
                display: none !important;
            }

            .breadcrumbsinside_breadcrumbs img {
                display: none;
            }

            .breadcrumbsinside_breadcrumbs a,
            .breadcrumbsinside_breadcrumbs span {
                font-size: 12px;
                color: #52b44b;
                position: relative;
                display: inline-block;
                padding: 0 15px;
                font-family: "ProximaNova";
                font-weight: 600;
            }

            .breadcrumbsinside_breadcrumbs a:hover {
                color: #000;
            }

            .breadcrumbsinside_breadcrumbs a:first-child() {
                padding-left: 0 !important;
            }

            .breadcrumbsinside_breadcrumbs span {
                font-family: "ProximaNova";
                color: #000;
            }

            .breadcrumbsinside_breadcrumbs a:before {
                content: "";
                position: absolute;
                top: 3px;
                right: -3px;
                background-color: #000;
                width: 1px;
                height: 15px;
                -webkit-transform: rotate(25deg);
                transform: rotate(25deg);
            }

            .height_auto .speal-offers .slider-box {
                min-height: auto !important;
            }

            .height_auto .slider-box h2 a {
                color: #2cb34a;
                display: block;
            }

            .height_auto .slider-box .card-body {
                padding-top: 0px !important;
            }

            .height_auto .slider-box h2:before {
                content: "\f019";
                font-family: FontAwesome;
                font-style: normal;
                padding: 10px;
                display: inline-block;
                margin-bottom: 20px;
                background: #f4f4f6;
                width: auto;
                border-radius: 10px;
                font-size: 33px;
                color: #000;
            }

            .height_auto .speal-offers .slider-box:hover {
                box-shadow: 0px 0px 4px rgb(0 0 0 / 25%);
                cursor: pointer;
                color: #000;
            }

            .height_auto .speal-offers .slider-box:hover h2 a,
            .height_auto .speal-offers .slider-box:hover h2:before {
                color: #000;
            }

            .three-cards .col-sm-4 {
                max-width: 100%;
            }

            .fraud .three-cards .slider-box {
                min-height: 350px;
            }

            .three-cards .owl-dots {
                margin-top: 0 !important;
            }

            .scam.customer .form-card img {
                margin-bottom: 0 !important;
            }

            .home-banner .col-md-1.col-lg-1 {
                display: none !important;
            }

            .home-banner .title-aside {
                padding-left: 0 !important;
            }

            .home-banner .col-lg-5+.col-lg-5,
            .home-banner .col-lg-6 {
                flex: 0 0 58.333333%;
                max-width: 58.333333%;
            }

            .home-banner {
                margin: auto;
                padding-right: 15px;
                padding-left: 15px;
                margin-right: auto;
                margin-left: auto;
            }

            @media (min-width: 576px) {
                .home-banner {
                    max-width: 540px;
                }
            }

            @media (max-width: 767px) {
                .popup-new .modal-dialog {
                    width: 100% !important;
                }

                .home-banner .col-lg-5+.col-lg-5,
                .home-banner .col-lg-6 {
                    flex: 0 0 100% !important;
                    max-width: 100% !important;
                }

                .header-top-bar-info.border-bottom {
                    display: none;
                }

                .header-video {
                    background-position: center right !important;
                }
            }

            @media (min-width: 768px) {
                .home-banner {
                    max-width: 720px;
                }
            }

            @media (min-width: 992px) {
                .home-banner {
                    max-width: 960px;
                }
            }

            @media (min-width: 1200px) {
                .home-banner {
                    max-width: 1140px;
                }
            }

            .card-container .owl-theme .owl-nav.disabled+.owl-dots {
                margin-top: 1rem;
            }

            .header-top-bar-info.show {
                -webkit-animation: 0.85s ease-in-out 0s normal none 1 running fadeInDown;
                animation: 0.85s ease-in-out 0s normal none 1 running fadeInDown;
                z-index: 100;
                -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            }

            .is-sticky .header-top-bar-info.show {
                display: block;
            }

            .header-top-bar-info {
                background: #52b44b;
            }

            .media-center .slider-box {
                padding: 15px;
                margin-bottom: 2rem;
                min-height: 370px;
            }

            .media-center .slider-box img {
                width: 100%;
            }

            .media-center .slider-box .results {
                height: 240px;
                overflow-y: auto;
            }

            .media-center .slider-box .results ol li {
                padding-right: 15px;
            }

            .media-center .slider-box .results::-webkit-scrollbar {
                width: 5px;
            }

            .media-center .slider-box .results::-webkit-scrollbar-thumb {
                background: #52b44b;
                border-radius: 10px;
            }

            /* Handle on hover */

            .media-center .slider-box .results::-webkit-scrollbar-thumb:hover {
                background: #b30000;
            }

            .media-center .card-body {
                padding: 1.25rem 0;
            }

            .media-center .slider-box h2 {
                color: #000;
            }

            .media-center .slider-box:hover h2 {
                color: #000;
            }

            .media-center .arrow ol li a {
                color: #52b44b;
                letter-spacing: 0.8px;
            }

            .media-center .arrow ol li a::after {
                content: "\f054";
                color: #2cb34a;
                font-family: FontAwesome;
                text-decoration: inherit;
                font-weight: lighter;
                font-size: 12px;
                display: inline-block;
                margin-left: 0;
                position: absolute;
                right: -10px;
                top: 15%;
            }

            .media-center {
                padding: 1rem 0;
            }

            .media-center .search-sec-lg {
                padding: 0 10px;
            }

            .media-center .selectpicker {
                padding: 0 15px;
            }

            .media-center .arrow ol li a:hover {
                color: #000;
            }

            .media-center .search-sec-lg .form-group label {
                font-size: 15px;
                letter-spacing: 1px;
            }

            .media-center select.form-control {
                -webkit-appearance: none;
                -moz-appearance: none;
                background: #fff;
                background-image: url({{ asset("media/zidii/external") }}/images/icons/select-arrow.svg);
                background-repeat: no-repeat;
                background-position-x: 95%;
                background-position-y: 0px;
                border: 1px solid #ccc;
                font-family: "ProximaNova-Semibold";
            }

            .media-center {
                margin-top: 0 !important;
            }

            .new-banner .home-banner-holder .owl-dots {
                left: 0;
            }

            .new-banner .owl-carousel .owl-stage-outer {
                padding: 0 10px;
            }

            .media-center .large-offer ul,
            .media-center .large-offer ol {
                padding-left: 0;
            }

            .inside-icon-holder .image-holder {
                width: 70px;
                height: 70px;
                background: #fff;
                padding: 15px;
                border-radius: 100%;
                margin: 0 auto 10px;
            }

            .inside-icon-holder .owl-nav {
                display: none;
            }

            .inside-icon-holder .owl-dots {
                padding: 0 !important;
                margin-bottom: 40px;
            }

            .inside-icon-holder .icons {
                text-align: center;
                font-size: 13px;
            }

            .inside-icon-holder .icons h3 {
                font-size: 13px;
                word-wrap: break-word;
            }

            .new-banner .home-banner {
                padding: 0 !important;
            }

            .media-center .page-title-content h1 {
                margin-bottom: 0;
                font-size: 2.6rem;
            }

            .bg-green .btn-read-more {
                padding: 7px 20px;
                border-radius: 20px;
                font-size: 15px;
                margin-top: 0;
                display: inline-block;
                color: #fff;
                color: #2cb34a;
                background: #fff;
                font-family: "ProximaNova-Semibold";
            }

            .hidden {
                display: none;
            }

            /* contact form */

            .blinking-cursor {
                font-weight: 100;
                font-size: 30px;
                color: #2e3d48;
                -webkit-animation: 1s blink step-end infinite;
                -moz-animation: 1s blink step-end infinite;
                -ms-animation: 1s blink step-end infinite;
                -o-animation: 1s blink step-end infinite;
                animation: 1s blink step-end infinite;
            }

            @keyframes "blink" {

                from,
                to {
                    color: transparent;
                }

                50% {
                    color: black;
                }
            }

            @-moz-keyframes blink {

                from,
                to {
                    color: transparent;
                }

                50% {
                    color: black;
                }
            }

            @-webkit-keyframes "blink" {

                from,
                to {
                    color: transparent;
                }

                50% {
                    color: black;
                }
            }

            @-ms-keyframes "blink" {

                from,
                to {
                    color: transparent;
                }

                50% {
                    color: black;
                }
            }

            @-o-keyframes "blink" {

                from,
                to {
                    color: transparent;
                }

                50% {
                    color: black;
                }
            }

            .prominent .ls-large {
                width: 450px;
            }

            .prominent .owl-theme .owl-nav.disabled+.owl-dots {
                margin-top: 2rem;
            }

            .prominent .slidenav-left .owl-dots {
                text-align: left;
            }

            .prominent .form-card {
                background: #52b44b !important;
                margin: 0;
            }

            .prominent .form-card h3 {
                color: #ffffff;
            }

            .prominent .results ol {
                color: #fff !important;
            }

            .prominent .form-card .form-control:disabled,
            .prominent .form-card .form-control[readonly] {
                padding-left: 15px;
            }

            .downloads .slider-box span {
                display: block;
            }

            .prominent .form-card .form-control {
                margin-bottom: 0;
            }

            .pop-modal .slider-box span {
                color: inherit !important;
            }

            .pop-modal .close {
                opacity: 1 !important;
                color: #fff;
                padding-top: 0;
                letter-spacing: 2.1px;
                font-family: "ProximaNova-Semibold";
                font-weight: lighter;
            }

            .pop-widget {
                top: calc(100vh - 210px);

                /* Below will be used instead */
                top: calc(100svh - 210px);
            }

            /* .modal-dialog {
  margin: 0;
} */

            .image-holder {
                padding: 15px;
            }

            .financials-reports .arrow ol li a {
                padding-left: 15px;
            }

            .financials-reports .arrow ol li a:after {
                content: "\ea94";
                font-family: "Icofont";
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-size: 20px;
                line-height: 1;
                opacity: 1;
                color: #52b44b;
                position: absolute;
                right: 15px;
                top: 0px;
            }

            .financials-reports .arrow ol li a:hover {
                color: #2cb34a;
            }

            .financials-reports .results ol {
                margin: 10px 0;
            }

            .financials-reports .slider-box {
                min-height: 380px;
            }

            .financials-reports .slider-box p {
                margin: 0.3rem 0;
            }

            .financials-reports .analytics h1 {
                color: #2cb34a;
                font-size: 30px;
                margin-bottom: 0;
                padding-top: 2.3rem;
            }

            .financials-reports .analytics h2 {
                font-size: 28px;
            }

            .analytics h2 span {
                display: block;
                font-size: 26px;
                margin-top: 10px;
                color: #000;
            }

            .analytics h2 span i {
                color: #2cb34a;
            }

            .financials-reports .analytics h3 {
                font-family: "ProximaNova";
                font-size: 14px;
                color: #000;
                margin: 15px 0 0;
                padding-bottom: 1.5rem;
                border-bottom: 1px solid #000;
            }

            .financials-reports .analytics .white-holder {
                padding: 0 2rem;
            }

            .financials-reports .read-more {
                letter-spacing: 1px;
                margin: 1rem 0;
            }

            .black_bg_wrapper .home-banner-holder .owl-dots {
                margin: 0;
                position: relative;
                bottom: auto;
                left: auto;
                margin: 0 !important;
            }

            .black_bg_wrapper .home-banner-holder .text_block {
                padding-left: 10px;
                padding-top: 10rem;
            }

            .black_bg_wrapper .home-banner-holder .owl-dots .owl-dot span,
            .black_bg_wrapper .home-banner-holder .owl-dots .owl-dot span {
                background: #fff !important;
            }

            .black_bg_wrapper .home-banner-holder .owl-dots .owl-dot.active span,
            .black_bg_wrapper .home-banner-holder .owl-dots .owl-dot.active span {
                background-color: #52b44b !important;
            }

            .white-holder {
                background: #fff;
            }

            .calender-holder h1 {
                float: left;
                font-size: 32px;
                width: auto;
                border-right: 1px solid #000;
                padding-right: 15px;
                color: #000;
                margin-right: 10px;
                margin-bottom: 0;
            }

            .calender-holder h1 span {
                display: block;
                font-size: 16px;
                font-family: "ProximaNova";
                margin-top: 5px;
            }

            .calender-holder p {
                float: left;
                color: #000;
                width: 45%;
                margin: 10px;
            }

            .calender-holder .white-holder {
                padding: 15px;
                border-radius: 10px;
                display: flex;
                width: 95%;
                height: 100%;
            }

            .calender-holder {
                height: 100%;
                display: flex;
                align-items: center;
            }

            .invest-copy .speal-offers .slider-box h2 {
                width: 85%;
                font-weight: 800;
                letter-spacing: 1.3px;
            }

            .invest-copy .speal-offers .read-more {
                color: #2cb34a;
                font-family: "ProximaNova-Semibold";
                display: inline-block;
                margin: 0;
                text-decoration: none;
            }

            .invest-copy .read-more:after {
                content: "\f054";
                color: #2cb34a;
                font-family: FontAwesome;
                text-decoration: inherit;
                font-weight: lighter;
                font-size: 12px;
                display: inline-block;
                margin-left: 10px;
            }

            /* Team Block */
            .team-block {
                position: relative;
                margin-bottom: 30px;
            }

            .team-block .inner-box {
                position: relative;
                padding-right: 28px;
            }

            .team-block .inner-box .image {
                position: relative;
                overflow: hidden;
                background-color: #2cb34a;
                border-radius: 10px;
            }

            .team-block .inner-box .image img {
                position: relative;
                width: 100%;
                display: block;
                border-radius: 3px;
                transition: all 500ms ease;
                -moz-transition: all 500ms ease;
                -webkit-transition: all 500ms ease;
                -ms-transition: all 500ms ease;
                -o-transition: all 500ms ease;
            }

            .team-block .inner-box:hover .image img {
                opacity: 0.7;
                transform: scale(1.05, 1.05);
            }

            .team-block .inner-box .lower-box {
                position: relative;
                padding-top: 15px;
            }

            .team-block .inner-box .lower-box h1 {
                position: relative;
                font-weight: 600;
                line-height: initial;
                font-size: 20px;
                font-family: "ProximaNova-Semibold";
                letter-spacing: 1px;
                margin: 0.3rem 0 0 0;
            }

            .team-block .inner-box .lower-box h1 a {
                position: relative;
                color: #000000;
                transition: all 500ms ease;
                -moz-transition: all 500ms ease;
                -webkit-transition: all 500ms ease;
                -ms-transition: all 500ms ease;
                -o-transition: all 500ms ease;
            }

            .team-block .inner-box:hover .lower-box h1 a {
                color: #2cb34a;
            }

            .team-block .inner-box .lower-box .designation {
                position: relative;
                color: #000;
                font-size: 16px;
                margin-top: 5px;
            }

            .team-block .inner-box .lower-box h5 {
                position: relative;
                font-weight: 600;
                font-size: 18px;
                margin-bottom: 10px;
            }

            .team-block .inner-box .lower-box h5 a {
                position: relative;
                color: #000000;
                transition: all 500ms ease;
                -moz-transition: all 500ms ease;
                -webkit-transition: all 500ms ease;
                -ms-transition: all 500ms ease;
                -o-transition: all 500ms ease;
            }

            .team-block .inner-box:hover .lower-box h5 a {
                color: #2cb34a;
            }

            .team-block .inner-box .lower-box p {
                position: relative;
                color: #666666;
                font-size: 14px;
                margin-top: 5px;
            }

            .teamquotearea blockquote {
                color: #000;
                font-size: 24px;
                position: relative;
            }

            .teamquotearea blockquote:before {
                content: "";
                background: url({{ asset("media/zidii/external") }}/images/icons/opening-quotes.svg);
                height: 20px;
                display: block;
                margin-bottom: 10px;
                background-repeat: no-repeat;
            }

            .teamquotearea h4 {
                color: #000;
                font-size: 18px;
                font-family: "ProximaNova-Bold";
                margin-bottom: 5px;
            }

            .teamquotearea span {
                color: #000;
                font-size: 16px;
            }

            .time-inner-box a span,
            .time-inner-box a h2 {
                font-family: "ProximaNova-Semibold";
                font-size: 34px;
                color: #000;
            }

            .time-inner-box a:hover span {
                -webkit-text-stroke-color: #2cb34a;
            }

            .time-inner-box a h4 {
                font-family: "ProximaNova-Bold";
                font-size: 13px;
                margin-top: 10px;
                margin-bottom: 5px;
                color: #000;
            }

            .time-inner-box a:hover h4 {
                color: #2cb34a;
            }

            .time-inner-box a p {
                font-size: 14px;
                margin-bottom: 15px;
                color: #000;
                min-height: 80px;
            }

            .timeline-btn {
                margin-top: 5px;
                position: relative;
                z-index: 2;
                display: inline-block;
                float: right;
            }

            .timeline-btn a {
                font-family: "ProximaNova-Bold";
            }

            .teamquotearea p {
                color: #000;
                font-size: 20px;
                width: 80%;
            }

            .team-block .block-title-2 h2 {
                font-size: 26px;
                font-family: "ProximaNova-Semibold";
            }

            .team-block .read-more {
                color: #2cb34a;
                font-family: "ProximaNova-Semibold";
                display: inline-block;
                margin: 0;
                text-decoration: none;
                font-size: 15px;
            }

            .team-block .read-more:after {
                content: "\f054";
                color: #2cb34a;
                font-family: FontAwesome;
                text-decoration: inherit;
                font-weight: lighter;
                font-size: 12px;
                display: inline-block;
                margin-left: 10px;
            }

            .slim h2 {
                font-family: "ProximaNova-Semibold";
            }

            .content-body__h1 {
                display: none;
            }

            .content-body__container ol,
            .content-body__container ul {
                padding-left: 15px !important;
            }

            .content- .content-body__container ol,
            .content- .content-body__container ul {
                padding-left: 15px !important;
            }

            .date-holder {
                background: #46bd6129;
                margin: 15px;
                padding: 15px;
                border-radius: 10px;
                min-height: 120px;
                display: flex;
                align-items: center;
            }

            .date-holder h1 {
                color: #52b44b;
                font-size: 26px;
            }

            .date-holder h1 span {
                display: block;
                color: #000;
                font-family: "ProximaNova";
                font-size: 18px;
            }

            .download-result ol li a:after {
                content: "\f019" !important;
                font-family: FontAwesome !important;
                font-style: normal;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-size: 15px !important;
                line-height: 1;
                opacity: 1;
                color: #52b44b;
                position: absolute;
                right: 15px;
                top: 0px;
            }

            .download-result ol li:nth-child(2) a:after {
                content: "\f144" !important;
            }

            .financials-reports .results p {
                padding-left: 15px;
            }

            .main-text p {
                color: #000;
                font-family: "ProximaNova-Semibold";
                font-size: 18px;
                width: 80%;
                margin: auto;
            }

            .benefit-image-image img {
                width: 70%;
            }

            table {
                border-collapse: collapse;
                width: 100% !important;
                border: 1px solid rgba(0, 0, 0, 0.5);
                margin: 25px auto;
            }

            tr {
                border-bottom: 1px solid rgba(0, 0, 0, 0.5);
            }

            td {
                border-right: 1px solid rgba(0, 0, 0, 0.5);
                padding: 10px;
                font-size: 14px;
            }

            th {
                padding: 5px 15px;
            }

            .in-one .promo-slide p {
                margin: 7px 0;
            }

            .in-one .promo-slide h2 {
                padding: 0 !important;
                margin: 0 !important;
            }

            .in-one .btn-read-more {
                margin-bottom: 20px;
            }

            .investor-calendar .date-holder h1,
            .investor-calendar .date-holder h1 span {
                color: #52b44b;
                font-size: 32px;
                font-family: "ProximaNova-Bold";
            }

            .investor-calendar .content-result {
                padding: 0 15px;
            }

            .investor-calendar .content-result p {
                margin-bottom: 1.8rem;
            }

            .financial-result .video-box h4 {
                color: #000;
                text-align: left;
                font-size: 18px;
                width: 75%;
                margin: 20px 0 0;
            }

            .financial-result .video-box .video-link:hover h4 {
                color: #52b44b;
            }

            .financial-result .video-popup {
                margin: 0;
            }

            .financial-result .owl-theme .owl-nav.disabled+.owl-dots {
                margin-top: 2rem;
            }

            .financial-result .video-link .ht-popup-video .video-button__two .video-play {
                width: 58px;
                height: 58px;
                background: #f00;
                -webkit-box-shadow: 0 2px 41px 0 rgba(91, 99, 254, 0.36);
                box-shadow: 0 2px 41px 0 rgba(91, 99, 254, 0.36);
                border-radius: 50%;
                -webkit-transition: all 1s cubic-bezier(0, 0, 0.2, 1) !important;
                -o-transition: all 1s cubic-bezier(0, 0, 0.2, 1) !important;
                transition: all 1s cubic-bezier(0, 0, 0.2, 1) !important;
                -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.07);
                box-shadow: 0 20px 30px rgba(0, 0, 0, 0.07);
            }

            .financial-result .video-link .ht-popup-video .video-button__two .video-play-icon::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 0;
                height: 0;
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                border-top: 11px solid transparent;
                border-bottom: 11px solid transparent;
                border-left: 17px solid #fff;
                border-top-width: 12px;
                border-bottom-width: 12px;
                border-left-width: 19px;
                border-left-color: #fff;
            }

            .analyst-coverage .tips {
                text-align: left;
                margin-bottom: 15px;
            }

            .analyst-coverage .tips .slider-box {
                min-height: 350px;
                padding: 2.5rem 1.5rem;
            }

            .analyst-coverage .tips .slider-box h2 {
                color: #000;
                margin-top: 1rem;
            }

            .analyst-coverage .tips .slider-box img {
                border-radius: 0;
                width: 8rem;
            }

            .analyst-coverage .tips .slider-box p {
                margin-bottom: 0;
            }

            .analyst-coverage .tips .slider-box a {
                color: #000;
                margin-bottom: 15px;
                display: block;
                padding: 10px 0;
            }

            .analyst-coverage .tips .slider-box span {
                min-height: 50px;
                display: inline-block;
            }

            .title-search input {
                width: 90%;
                border: none;
                font-size: 16px;
                letter-spacing: 0.8px;
            }

            .title-search .form-control {
                border: 0;
            }

            .title-search .form-control .fa {
                font-size: 19px;
                color: #666666;
            }

            .title-search .selectpicker {
                padding: 10px 30px;
                height: auto !important;
                font-size: 15px;
                letter-spacing: 0.8px;
            }

            .title-search select.form-control {
                background-position-x: 90% !important;
                background-position-y: 19px !important;
            }

            .financial-report {
                background: #fff;
                border-radius: 10px;
                padding: 3rem 2rem;
                border-radius: 0px 0px 10px 10px;
                border: 1px solid rgba(0, 0, 0, 0.04);
                /* background: rgba(44, 179, 74, 0.10); */
            }

            .financial-report ul {
                border-top: 1px solid #ccc;
            }

            .financial-report ul li a {
                margin: 0;
            }

            .financial-report ul {
                border-top: 1px solid #ccc;
            }

            .financial-report ul li a {
                margin: 0;
            }

            .financial-report ul li {
                border-bottom: 1px solid #ccc;
                padding: 1rem 0 1rem 1.8rem;
            }

            .financial-report ul.step-steps li {
                padding: 0;
                border-bottom: none;
            }


            .financial-report ul li label {
                color: #000;
                font-size: 16px;
                font-family: "ProximaNova-Semibold";
            }

            .financial-report ul li input {
                height: 15px;
                width: 15px;
                border: 1px solid #c4c4c4;
            }

            .financial-report .btn-read-more {
                padding: 7px 20px;
                border-radius: 20px;
                font-size: 15px;
                background: transparent;
                display: inline-block;
                color: #666666 !important;
                border: 1px solid #666666;
                -webkit-appearance: none;
            }

            .financial-report .btn-read-more:hover,
            .financial-report .btn-read-more:hover::after {
                background: #309c3f;
                color: #fff !important;
            }

            .financial-report .btn-read-more::after {
                content: "\f019" !important;
                font-family: FontAwesome !important;
                font-style: normal;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-size: 15px !important;
                line-height: 1;
                opacity: 1;
                color: #666666;
                display: inline-block;
                padding-left: 2rem;
                background: transparent !important;
            }

            .financial-report ul li input[type="checkbox"] {
                position: relative;
                cursor: pointer;
            }

            .financial-report ul li input[type="checkbox"]:before {
                content: "";
                display: block;
                position: absolute;
                width: 18px;
                height: 18px;
                top: 0;
                left: 0;
                border: 0.8px solid #c4c4c4;
                border-radius: 3px;
                background-color: white;
            }

            .financial-report ul li input[type="checkbox"]:checked {
                background-color: grey;
            }

            .financial-report ul li input[type="checkbox"]:checked:after {
                content: "";
                display: block;
                width: 5px;
                height: 10px;
                border: solid #2cb34a;
                border-width: 0 2px 2px 0;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
                position: absolute;
                top: 3px;
                left: 7px;
            }

            .factsheet .speal-offers .slider-box {
                padding: 15px;
                min-height: auto !important;
            }

            .factsheet .mid .large-offer .slider-box img {
                width: 100%;
            }

            .factsheet .mid .large-offer .card-body {
                float: none;
                padding: 1rem 0px 0;
                width: 100%;
            }

            .factsheet .mid .large-offer .read-more {
                padding-top: 0;
            }

            .factsheet .speal-offers .slider-box h2 {
                width: 100%;
            }

            .factsheet .mid .card-body {
                width: 69%;
                float: left;
            }

            .factsheet .mid .slider-box img {
                width: 31%;
                border-radius: 10px;
                padding: 0;
            }

            .factsheet .mid .slider-box {
                margin-bottom: 10px !important;
                display: block;
            }

            .factsheet .mid .slider-box h2 {
                font-size: 18px;
                color: #000;
                font-weight: 800;
                letter-spacing: initial;
            }

            .factsheet .speal-offers .read-more {
                padding-top: 1rem;
            }

            .widgets .slider-box {
                min-height: 360px;
                margin: 0 auto 25px;
            }

            .widgets .form-card h3 {
                color: #000;
                margin-bottom: 0;
                font-size: 20px;
            }

            .widgets .form-card .btn.btn-primary {
                display: block !important;
                text-align: center !important;
                justify-content: center;
            }

            .widgets .theme-card {
                padding: 0;
            }

            .widgets .theme-card .title {
                padding: 20px 15px;
                border-bottom: 1px solid #ccc;
                margin-bottom: 15px;
            }

            .widgets .content-area {
                padding: 15px;
            }

            .widgets .content-area p {
                color: #000;
                font-size: 18px;
            }

            .widgets .content-area .form-control {
                font-size: 12.5px;
                color: #000;
                letter-spacing: 0.2px;
            }

            .widgets .content-area .form-control::placeholder {
                color: #000;
            }

            .widgets .form-card .btn.btn-primary {
                margin: 2rem auto 0;
            }

            .widgets .form-card .btn.btn-primary:after {
                display: none;
            }

            .widgets form {
                padding-top: 10px;
            }

            .widget-modal .modal-title {
                color: #000;
                font-size: 22px;
                margin: 10px 0;
            }

            .widget-modal table {
                border: 0;
            }

            .widget-modal table tr {
                color: #2cb34a;
                padding: 15px 0;
                border-bottom: 0;
                letter-spacing: 1px;
            }

            .widget-modal table th {
                padding: 10px 0 10px 15px;
            }

            .widget-modal table tr td {
                padding: 5px 0 5px 15px;
                border-right: 0;
                color: #000;
                font-size: 14px;
            }

            .widget-modal .modal-footer {
                display: block !important;
            }

            .widget-modal .modal-footer .btn-secondary {
                background-color: #6c757d;
                border-color: #2cb34a;
                color: #2cb34a !important;
                background: #fff;
                font-size: 14px;
                padding: 5px 30px;
            }

            .widget-modal .modal-footer .btn-secondary:hover,
            .widget-modal .modal-footer .btn-secondary:focus {
                border-color: #2cb34a;
                color: #000 !important;
            }

            .widget-modal .modal-dialog {
                margin: 7rem auto;
                max-width: 400px;
                width: 100%;
            }

            .modal-content {
                border: 0;
                border-radius: 10px;
            }

            .widget-modal .close {
                font-size: 15px;
            }

            .widget-modal .modal-body {
                padding: 0 !important;
            }

            .content-holder {
                padding: 15px;
                border-bottom: 1px solid #e9ecef;
                color: #000;
                letter-spacing: 1px;
                line-height: 30px;
                font-size: 15px;
            }

            .widget-modal .content-holder:last-child {
                border-bottom: 0 !important;
            }

            .modal-backdrop {
                z-index: -9;
            }

            .modal-backdrop.show {
                z-index: 100;
            }

            #feedback-message {
                text-align: center;
                padding: 1rem 0;
                font-size: 20px;
                font-family: "ProximaNova-Bold";
                letter-spacing: 1px;
            }

            .rapid_contact_form label {
                display: block;
                padding: 6px 0;
                color: #000;
            }

            #loading img {
                padding-bottom: 0 !important;
                width: 30px;
            }

            .media-center .page-breadcrumb-content {
                border-bottom: 0 !important;
            }

            .img-holder {
                position: relative;
            }

            .img-holder .card-title {
                position: absolute;
                height: 100%;
                background: #0000008f;
                color: #fff !important;
                margin: 0;
                text-align: center;
                padding-top: 0;
                border-radius: 10px;
                font-size: 18px;
                letter-spacing: 1px;
                display: flex;
                align-items: center;
                width: 100%;
                justify-content: center;
            }

            .media-center .results ol {
                margin: 0;
                border: 0;
            }

            .inside-count .inside-icon-holder .image-holder {
                margin: 0 0 1rem;
                display: inline-block;
            }

            .inside-count .inside-icon-holder .icons {
                display: block;
                text-align: left;
            }

            .inside-count .funfact-one__box h3 {
                font-size: 28px;
                color: #000;
                font-family: "ProximaNova-Semibold";
            }

            .funfact-one__box {
                color: #000;
            }

            .inside-count .funfact-one__box h4 {
                font-size: 15px;
                font-family: "ProximaNova-Bold";
                padding-bottom: 0.5rem;
            }

            .inside-count .funfact-one__box p {
                font-size: 14px;
            }

            .timeline-col {
                padding: 0;
                background: #fff;
                border-radius: 10px;
                text-align: center;
                padding-top: 2rem;
                margin-bottom: 15px;
            }

            .timeline-col .lower-box {
                padding: 0 20px;
            }

            .timeline-col .image {
                padding: 0 15px 15px;
            }

            .timeline-col .image img {
                border-radius: 10px;
            }

            .article-footer .read-more {
                font-size: 16px;
                margin: 1.5rem 0;
                font-family: "ProximaNova-Semibold";
                text-decoration: none !important;
            }

            .article-footer .read-more:hover,
            .article-footer .read-more:hover::after {
                color: #000;
            }

            .related-group .form-card img {
                padding-bottom: 2.5rem;
            }

            .history-summary .speal-offers .read-more {
                padding-top: 1rem;
            }

            .history-summary .mid .card-body {
                padding: 15px 0;
            }

            .funfact-col {
                padding: 15px;
            }

            .list-articles .card-slides .slider-box {
                padding: 0 0 15px 0 !important;
                min-height: 300px;
                height: 98%;
            }

            .content-body__container img {
                width: 100%;
            }

            .cards-title .date-holder h1 {
                font-size: 16px !important;
                color: #000;
                margin-top: 10px;
            }

            .cards-title .date-holder {
                min-height: 140px;
            }

            .cards-title .date-holder h1 span {
                margin-top: 10px;
            }

            .height-auto {
                min-height: 100px !important;
            }

            /* New Css Rules Here */
            .team {
                color: #000;
            }

            .featured-card {
                border-radius: 10px;
            }

            .team h1 {
                font-family: "ProximaNova-Semibold";
                color: #000;
            }

            .team.leadership-profiles-header .block-title-3.text-left.slim h3 {
                font-family: "ProximaNova-Bold";
            }

            .team h3 {
                font-family: "ProximaNova";
                color: #000000;
            }

            .team .featured-card .card-body h1 {
                font-size: 26px;
                margin-bottom: 0;
            }

            .team .featured-card .newsimg {
                display: block;
                border-radius: 0;
            }

            .team .featured-card .card-body p {
                padding: 0 0 15px 0;
            }

            .team .news-box {
                margin-bottom: 3rem;
            }

            .team .newsimg img {
                max-width: 100%;
                vertical-align: top;
                -webkit-transition: all 2s ease-out;
                transition: all 2s ease-out;
            }

            .team .news-box:hover .newsimg::after {
                background: rgb(44, 179, 74);
                background: linear-gradient(0deg,
                        rgba(44, 179, 74, 0.5942752100840336) 0%,
                        rgba(255, 255, 255, 0) 100%);
                -webkit-transition: background-color 0.3s ease;
                -moz-transition: background-color 0.3s ease;
                -o-transition: background-color 0.3s ease;
                transition: background-color 0.3s ease;
                cursor: pointer;
                display: inline-block;
                z-index: 99;
            }

            .team .card-body h1 {
                font-size: 20px;
                margin-bottom: 8px;
            }

            .team .card-body h3 {
                font-size: 15px;
            }

            .team .card-body {
                padding: 10px 0 0 0;
            }

            .newsimg {
                width: 100%;
                height: auto;
                overflow: hidden;
                display: block;
                border-radius: 10px;
            }

            .team .newsimg img {
                max-width: 100%;
                vertical-align: top;
                -webkit-transition: all 1.5s ease-out;
                transition: all 1.5s ease-out;
            }

            .team .newsimg {
                background: #52b44b;
            }

            .card-body h1,
            .card-body h3 {
                -webkit-transition: all 1s ease-out;
                transition: all 1.5s ease-out;
            }

            .news-box:hover .newsimg img,
            .team .featured-card .newsimg:hover img {
                -webkit-transform: scale(1.1);
                transform: scale(1.1);
                opacity: 0.6;
            }

            .news-box:hover .card-body h1,
            .news-box:hover .card-body h3 {
                color: #52b44b;
            }

            .factsheet .slider-box h2 {
                font-size: 22px;
                color: #000;
                font-weight: 800;
            }

            .team a {
                cursor: pointer !important;
            }

            .design-table table {
                border: none;
                margin: 0;
                color: #000;
                padding-bottom: 3rem;
                display: block;
                width: 100%;
            }

            .design-table table tr th img {
                width: 100%;
            }

            .design-table table tr th,
            .design-table table tr td {
                width: 50%;
            }

            .design-table table tr th h2 {
                font-size: 26px;
                font-family: "ProximaNova-Semibold";
                margin: 1.5rem 0 0;
                font-weight: 400;
                letter-spacing: 1px;
            }

            .design-table table tr td,
            .design-table ul {
                border: none;
                padding: 10px 0;
            }

            .design-table table tr td:first-child,
            .design-table table tr th:first-child {
                padding-right: 3.3rem;
            }

            .design-table table tr td:last-child,
            .design-table table tr th:last-child {
                padding-left: 3.3rem;
            }

            .design-table table tr:first-child {
                padding-top: 0 !important;
            }

            .design-table table tr th {
                vertical-align: top;
            }

            .design-table ul li {
                border-bottom: 0;
                padding: 4px 0;
                list-style: disc;
            }

            .design-table ul {
                padding-left: 15px;
            }

            .design-table table tr {
                border-bottom: 1px solid #ccc;
                padding: 1.3rem 0;
                display: block;
            }

            .large-offer .read-more {
                padding-top: 20px;
                font-family: "ProximaNova-Semibold";
                text-decoration: none;
                margin: 0;
                padding-bottom: 1rem;
            }

            .large-offer .read-more:after {
                content: "\f054";
                color: #2cb34a;
                font-family: FontAwesome;
                text-decoration: inherit;
                font-weight: lighter;
                font-size: 12px;
                display: inline-block;
                margin-left: 10px;
            }

            .team .newsimg img {
                width: 100%;
            }

            .color span {
                width: 20px;
                height: 20px;
            }

            .new-top {
                padding: 9rem 0 4rem;
            }

            .find-my-store .page-title-content h1 {
                font-family: "ProximaNova-Semibold";
                font-weight: 800;
                letter-spacing: 1px;
                font-size: 40px;
            }

            .find-my-store .page-title-content p {
                font-family: "ProximaNova";
                letter-spacing: 1px;
                font-weight: initial;
            }

            .find-my-store .store-search {
                padding: 20px 0 0;
            }

            .find-my-store .search-sec-lg {
                border-radius: 5px;
                border: 0.8px solid #cccccc73;
                border-radius: 15px;
                overflow: hidden;
                box-shadow: 0px 9px 5px -5px #ccc;
            }

            .find-my-store .selectpicker {
                padding: 5px 15px;
                height: auto !important;
                font-size: 12px;
            }

            .hero-slider-area {
                border: none !important;
            }

            .new-shop {
                margin-top: -3rem !important;
            }

            .new-shop .form-group .form-control {
                display: inline-block;
                width: auto;
                height: auto !important;
                padding: 5px 5rem 5px 1.5rem;
                margin: 0 1rem;
                color: #000;
            }

            .new-shop .form-group {
                margin-bottom: 0;
            }

            .new-shop .form-group label {
                font-family: "ProximaNova-Bold";
                color: #000;
                font-size: 14px;
                letter-spacing: 0.8px;
            }

            .inside-shop.bg-grey .slider-box {
                background: white !important;
                border: none !important;
            }

            .form-control:focus {
                border-color: #52b44b !important;
            }

            .hero-slider-content h3 {
                color: #000;
                font-size: 18px;
                margin-top: 15px;
            }

            .irs--round .irs-bar {
                background-color: #52b44b;
            }

            .irs--round .irs-handle {
                background-color: #52b44b;
                border-color: #52b44b;
                box-shadow: none;
            }

            .irs--round .irs-handle.state_hover,
            .irs--round .irs-handle:hover {
                background-color: #52b44b;
            }

            .irs--round .irs-handle {
                width: 16px;
                height: 16px;
                top: 29px;
            }

            .irs--round .irs-from,
            .irs--round .irs-to,
            .irs--round .irs-single {
                background-color: transparent;
                color: #666;
            }

            .irs--round .irs-from:before,
            .irs--round .irs-to:before,
            .irs--round .irs-single:before,
            .irs--round .irs-min,
            .irs--round .irs-max {
                display: none;
            }

            input.from,
            input.to {
                /* border: 0; */
                width: 45% !important;
                float: left;
                border: 0;
                font-family: "ProximaNova-Semibold";
                font-size: 12px;
                background: transparent !important;
                margin-top: -5px;
                padding-left: 5px;
            }

            input.from::placeholder,
            input.to::placeholder {
                color: #000;
            }

            .rates-range .divider {
                float: left;
                line-height: 10px;
                width: 10%;
                display: inline-block !important;
                text-align: center;
                margin-top: -2px;
            }

            .irs-from,
            .irs-to,
            .irs-single {
                display: none;
            }

            .irs--round {
                top: -20px;
                height: 40px;
            }

            .rates-range {
                color: #000;
            }

            .rates-range label {
                font-size: 14px;
            }

            .new-shop .card-container {
                padding: 20px 0px;
            }

            .hero-slider-area.page-breadcrumb-content {
                padding-bottom: 4rem;
            }

            .mpesa-pin .slider-box {
                min-height: 250px;
                padding: 1.3rem;
                border: 0;
            }

            .mpesa-pin .slider-box .icon {
                width: 80px;
                height: 80px;
                background: #f4f4f6;
                display: block;
                padding: 1rem;
                border-radius: 100%;
                margin: 1.3rem auto;
                text-align: center;
            }

            .mpesa-pin .slider-box p {
                font-family: "ProximaNova-Semibold";
            }

            .slider-box p a {
                color: #52b44b;
            }

            .slider-box p a:hover {
                text-decoration: underline;
            }

            .find-store .search-area .promo-slide {
                padding: 15px;
                min-height: 150px !important;
                margin: 0 auto 20px;
                box-shadow: none;
                border: none;
            }

            .find-store .search-area .promo-slide h2,
            .find-store .search-area .promo-slide h4,
            .opening-hours,
            .opening-hours.closed span {
                font-family: "ProximaNova-Semibold";
                font-weight: initial;
                font-size: 14px;
            }

            .find-store .opening-hours.closed span {
                color: #2cb34a;
                font-family: "ProximaNova-Bold";
                font-size: 12px;
                letter-spacing: 1px;
            }

            .find-store .search-area .promo-slide:hover {
                box-shadow: 0px 1px 8px rgb(0 0 0 / 25%) !important;
            }

            .find-store {
                padding: 2rem 0;
            }

            .tarif .datatabs-area .nav-tabs .nav-link {
                font-family: "ProximaNova-Semibold";
                display: inline-block !important;
            }

            .find-my-store .form-control {
                background-position-y: 3px;
            }

            .extras h4 {
                color: #000;
                font-family: "ProximaNova-Bold";
                font-size: 16px;
                margin: 10px 0;
            }

            .extras .form-control,
            .extras span {
                display: inline-block;
                border: 1px solid #efefef;
                margin: 0 2px 0 0;
            }

            .processor span {
                width: auto;
                padding: 0px 10px;
            }

            span.red {
                background: #f00;
                width: 20px;
                height: 20px;
            }

            span.black {
                background: #000;
                width: 20px;
                height: 20px;
            }

            span.blue {
                background: #090979;
                width: 20px;
                height: 20px;
            }

            span.grey {
                background: #ccc;
                width: 20px;
                height: 20px;
            }

            span.white {
                background: #fff;
                width: 20px;
                height: 20px;
                border: 1px solid #ccc;
            }

            span.grahpite {
                background: #479d54;
                width: 20px;
                height: 20px;
            }

            span.olive {
                background: #808025;
                width: 20px;
                height: 20px;
            }

            span.lavendar {
                background: #e6e6fa;
                width: 20px;
                height: 20px;
                border: 1px solid #ccc;
            }

            .hero-slider-content ul {
                padding-left: 15px;
                color: #333;
                padding-bottom: 10px;
            }

            .hero-slider-content ul li {
                list-style-type: disc;
                color: #333;
                font-family: "ProximaNova";
                font-weight: lighter;
                letter-spacing: 1px;
                font-size: 16px;
                -webkit-animation: 2s 0.2s fadeInUpBig both;
                animation: 2s 0.2s fadeInUpBig both;
            }

            .extras {
                padding-bottom: 20px;
                -webkit-animation: 1.5s 0.1s fadeInDownBig both;
                animation: 1.5s 0.1s fadeInDownBig both;
            }

            .shop-slider .carousel-indicators {
                display: block !important;
                position: relative !important;
            }

            .shop-slider .carousel-indicators li {
                display: block !important;
                width: 100% !important;
                height: auto !important;
                margin: 2rem 0;
            }

            .shop-slider .carousel-indicators li::before {
                display: none;
            }

            .carousel-inner .carousel-item img {
                width: 80%;
                margin: auto;
            }

            .shop-slider .carousel-indicators li img {
                width: 90%;
            }

            .shop-slider .carousel-indicators li:hover {
                cursor: pointer;
            }

            .shop-slider .carousel-indicators li.active {
                -webkit-box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.1);
                box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.1);
                -webkit-animation: 1s 0.1s fadeInLeft both;
                animation: 1s 0.1s fadeInLeft both;
            }

            .shop-banner-content-area {
                width: 95%;
                margin: auto;
            }

            .about-joining .slider-box {
                min-height: 350px;
            }

            .about-joining .slider-box img {
                border-radius: 0;
                padding-top: 0.8rem;
            }

            /********* Dan Css***********/
            .cookiesblock {
                position: fixed;
                bottom: 1.5rem;
                left: 1.5rem;
                width: 100%;
                background: rgba(0, 0, 0, 0.8);
                z-index: 9;
                padding: 1rem;
                max-width: 400px;
                border-radius: 15px;
                animation: 1s ease-in-out 0s normal none 1 running fadeInLeft;
            }

            .cookiesblock .col-lg-8,
            .cookiesblock .col-lg-4 {
                flex: 100% !important;
                max-width: 100% !important;
            }

            .cookiesbtn {
                text-align: right;
            }

            .cookiesblock p {
                color: #fff;
                padding: 0;
                font-size: 14px;
            }

            .cookiesblock p a {
                color: #fff;
                text-decoration: underline;
            }

            .cookiesblock p a:hover {
                color: #2cb34a;
            }

            .cookiesbtn ul {
                display: inline-block;
            }

            .cookiesbtn ul li {
                display: inline-block;
                margin: 0 5px;
            }

            .cookiesbtn ul li a {
                display: inline-block;
                padding: 7px 18px;
                font-size: 14px;
                background: #2cb34a;
                border-radius: 20px;
                color: #fff;
            }

            .cookiesbtn ul li:last-child a {
                background: #606060;
            }

            .cookiesbtn ul li a:hover {
                background: #378d31;
            }

            .cookiesclose {
                display: inline-block;
                background: none;
                color: #fff;
                margin-left: 30px;
                font-size: 24px;
                position: relative;
                top: 5px;
                cursor: pointer;
            }

            .modalcookies {
                position: relative;
            }

            .modalcookies .modal-dialog {
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                width: 100%;
                height: auto;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                max-width: 100%;
                width: 700px;
                border-radius: 0;
                margin: auto !important;
            }

            .modalcookies .modal-content {
                border-radius: 10px;
                padding: 20px 40px;
            }

            .modalcookies .modal-content .close {
                position: absolute;
                top: 15px;
                right: 20px;
                z-index: 1;
                font-size: 20px;
            }

            .modalcookies .modal-header {
                border: none;
                padding-bottom: 0;
            }

            .modalcookies .modal-body {
                padding: 15px;
            }

            .cookiecontent h2 {
                font-size: 24px;
                color: #000;
            }

            .cookiecontent ul li+li {
                margin-top: 15px;
            }

            .cookiecontent ul li {
                font-size: 14px;
                color: #000;
            }

            .cookiecontent a.datacookielink {
                color: #2cb34a;
                text-decoration: underline;
                margin-top: 20px;
                display: block;
            }

            .cookiecontent a.datacookielink:hover {
                color: #000;
            }

            .scroll-pane {
                width: 100%;
                clear: both;
                margin: 20px 0 10px;
                height: 200px;
                overflow-y: auto;
            }

            .inside-page .nav-tabs .nav-item {
                border-right: 1px solid #000;
            }

            .inside-page .nav-tabs .nav-item:last-child {
                border-right: 0 !important;
            }

            .inside-page .nav-tabs .nav-item .nav-link {
                color: #000;
                background: transparent;
                border-radius: 0;
                margin-right: 0;
                margin: 0;
                padding: 0 25px 0 !important;
                position: relative;
            }

            .inside-page .nav-tabs .nav-item .nav-link.active {
                border-bottom: 0 solid;
                /* color: #2cb34a; */
                background: transparent;
            }

            .inside-page .nav-tabs .nav-item .nav-link:hover {
                color: #2cb34a;
                background-color: transparent !important;
                border-bottom: 0 !important;
            }

            .inside-page .nav-tabs .nav-item .nav-link::after {
                content: "";
                width: 0;
                height: 3px;
                bottom: -10px;
                position: absolute;
                left: 0;
                background-color: #52b44b;
                -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            }

            .inside-page .nav-tabs .nav-link:hover::after,
            .inside-page .nav-tabs .nav-item.show .nav-link:after,
            .inside-page .nav-tabs .nav-link.active::after {
                width: 30%;
                left: 25px;
            }

            .about-joining .data-plan .promo-slide {
                padding: 35px 15px;
                min-height: 260px;
                height: 80%;
            }

            .about-joining .data-plan .owl-dots {
                display: none;
            }

            .about-joining .in-one .btn-read-more {
                margin-bottom: 0;
            }

            .about-joining button.owl-next.disabled {
                background: #ccc !important;
                cursor: none !important;
            }

            .about-joining .data-plan .promo-slide p {
                line-height: 30px;
            }

            .mpesa-timeline {
                border-bottom: 1px solid #d6d6d6;
            }

            .mpesa-timeline .datatabs-area {
                margin: 0px;
            }

            .mpesa-timeline .tarif-content .owl-theme .owl-nav {
                width: 108%;
                position: absolute;
                left: -3.2%;
                top: 7px !important;
            }

            .mpesa-timeline .datatabs-area .nav-tabs .nav-item {
                margin: 0 10px;
            }

            .mpesa-timeline-cards .slider-box h3 {
                color: #52b44b;
                font-size: 18px;
                margin: 10px 0;
            }

            .mpesa-timeline-cards .slider-box h2 {
                margin: 15px 0;
            }

            .mpesa-timeline-cards .tab-pane {
                padding: 0;
            }

            .mpesa-timeline-cards .title-search .form-control .fa {
                float: right;
                font-size: 16px;
            }

            .mpesa-timeline-cards .title-search .form-control {
                padding: 15px 40px;
            }

            .team-modal .modal-dialog {
                transform: none;
                max-width: 700px;
                margin: 3rem auto;
            }

            .team-modal .modal-header {
                padding: 0.5rem 1rem;
                border-bottom: 0;
            }

            .team-modal .card-body h1 {
                margin-bottom: 0;
                font-size: 25px;
                color: #52b44b;
            }

            .team-modal .card-body h3 {
                font-size: 17px;
                color: #000;
                margin-top: 10px 0;
            }

            .team-modal .card-body p {
                color: #000000;
                text-align: inherit !important;
                font-size: 15px;
                margin-bottom: 10px;
            }

            .team-modal .modal-content h1 {
                font-family: "ProximaNova-Semibold";
                color: #53b44b;
                font-size: 25px;
                margin-bottom: 5px;
                margin-top: -20px;
            }

            .team-modal .modal-body {
                padding-top: 0 !important;
            }

            .team-modal button.close {
                color: #000 !important;
                opacity: 1;
            }

            .mpesa-timeline-cards .slider-box {
                min-height: 450px;
                height: 96%;
            }

            .slim-read-more .read-more:after {
                display: none;
            }

            .slim-read-more .read-more {
                font-family: "ProximaNova-Semibold";
                letter-spacing: inherit;
                font-size: 16px;
                margin: 0;
            }

            .slim-read-more .read-more i {
                font-size: 16px;
                padding-right: 10px;
            }

            .slim-read-more h2 {
                margin-bottom: 0;
            }

            .mid- {
                width: 90%;
                color: #000;
                margin-top: 15vh;
            }

            .mid- h1 {
                font-size: 36px;
                font-family: "ProximaNova-Semibold";
            }

            .mid- p {
                font-size: 16px;
                line-height: 30px;
                margin-bottom: 15px;
            }

            .mid- .slim-read-more .read-more {
                text-decoration: none;
            }

            .tab-content #homefibre .owl-item:nth-child(1) .promo-slide {
                background: linear-gradient(0deg,
                        #8b5a44 0%,
                        rgba(156, 116, 97, 0) 202.04%) !important;
                box-shadow: none;
            }

            .tab-content #homefibre .owl-item:nth-child(1) .promo-slide h1,
            .tab-content #homefibre .owl-item:nth-child(2) .promo-slide h1,
            .tab-content #homefibre .owl-item:nth-child(3) .promo-slide h1,
            .tab-content #homefibre .owl-item:nth-child(4) .promo-slide h1 {
                color: #fff;
            }

            .tab-content #homefibre .owl-item:nth-child(2) .promo-slide {
                background: linear-gradient(0deg,
                        #515151 0%,
                        rgba(255, 255, 255, 0) 181.63%) !important;
                box-shadow: none;
            }

            .tab-content #homefibre .owl-item:nth-child(3) .promo-slide {
                background: linear-gradient(0deg,
                        #e5bf4f 57.88%,
                        rgba(255, 255, 255, 0) 246.94%) !important;
                box-shadow: none;
            }

            .tab-content #homefibre .owl-item:nth-child(4) .promo-slide {
                background: linear-gradient(0deg,
                        #c2576c 0%,
                        rgba(255, 255, 255, 0) 403.06%) !important;
                box-shadow: none;
            }

            /* colored Cards */
            .tab-content #promoinside-3 .owl-item:nth-child(1) .promo-slide {
                background: linear-gradient(0deg,
                        #8b5a44 0%,
                        rgba(156, 116, 97, 0) 202.04%) !important;
                box-shadow: none;
            }

            .tab-content #promoinside-3 .owl-item:nth-child(1) .promo-slide h1,
            .tab-content #promoinside-3 .owl-item:nth-child(2) .promo-slide h1,
            .tab-content #promoinside-3 .owl-item:nth-child(3) .promo-slide h1,
            .tab-content #promoinside-3 .owl-item:nth-child(4) .promo-slide h1 {
                color: #fff;
            }

            .tab-content #promoinside-3 .owl-item:nth-child(2) .promo-slide {
                background: linear-gradient(0deg,
                        #515151 0%,
                        rgba(255, 255, 255, 0) 181.63%) !important;
                box-shadow: none;
            }

            .tab-content #promoinside-3 .owl-item:nth-child(3) .promo-slide {
                background: linear-gradient(0deg,
                        #e5bf4f 57.88%,
                        rgba(255, 255, 255, 0) 246.94%) !important;
                box-shadow: none;
            }

            .tab-content #promoinside-3 .owl-item:nth-child(4) .promo-slide {
                background: linear-gradient(0deg,
                        #c2576c 0%,
                        rgba(255, 255, 255, 0) 403.06%) !important;
                box-shadow: none;
            }

            .top-mount {
                padding-top: 10rem;
            }

            .get-intouch-wrapper .block-title-2 h2 {
                font-size: 24px;
            }

            .get-intouch-wrapper ul {
                color: #000000;
                margin-bottom: 5rem;
            }

            .get-intouch-wrapper ul li {
                line-height: 22px;
                color: #000;
                margin-bottom: 1.3rem;
                font-family: "ProximaNova-Semibold";
                font-size: 15px;
                width: 85%;
            }

            .get-intouch-wrapper ul li a {
                color: #2cb34a;
            }

            .width-100 .slider-box img {
                width: 100% !important;
            }

            .team-modal .modal-body {
                position: relative;
            }

            .team-modal .modal-body .newsimg {
                position: relative;
                width: 200px;
                border-radius: 10px;
                border: 1px solid #ccc;
                margin-bottom: 15px;
            }

            .team-modal .modal-body h3 {
                letter-spacing: 1px;
                font-size: 18px;
            }

            .team-modal {
                overflow-x: hidden !important;
                overflow-y: hidden !important;
                padding: 0 !important;
            }

            .mpesa-pin.about-joining .slider-box {
                position: relative;
            }

            .mpesa-pin.about-joining .slider-box .btn-read-more {
                position: absolute;
                bottom: 20px;
                right: 0;
                left: 0;
                min-width: 100px;
                width: 70%;
                margin: auto;
                text-align: center;
            }

            .mpesa-inside .btn-read-more {
                color: #fff !important;
            }

            .team-modal .card-body::-webkit-scrollbar {
                width: 5px;
            }

            /* Handle */

            .team-modal .card-body::-webkit-scrollbar-thumb {
                background: #52b44b;
                border-radius: 10px;
            }

            /* Handle on hover */
            .team-modal .card-body::-webkit-scrollbar-thumb:hover {
                background: #cccccc;
            }

            .team-modal .card-body {
                padding: 10px 0 0 0;
                height: 300px;
                overflow-y: scroll;
                padding-bottom: 1.5rem;
                padding-right: 1.5rem;
            }

            body.modal-open {
                overflow: hidden !important;
            }

            .help-menu {
                background: #000;
                margin: 0;
                padding: 2px 20px;
                font-family: "ProximaNova-Semibold";
                font-size: 13px;
                color: #fff;
            }

            .help-menu:focus {
                color: #fff;
            }

            .help-menu-modal {
                padding: 0 !important;
            }

            .help-menu-modal .modal-dialog {
                float: right;
                min-width: 220px;
                margin-top: 6vh;
                margin-right: 170px;
            }

            body.modal-open {
                padding: 0 !important;
            }

            .help-menu-modal .modal-footer {
                display: block;
                border: 0;
                padding: 10px 20px 20px;
                text-align: center;
            }

            .help-menu-modal .modal-footer span {
                margin: 0;
                padding: 0 0 10px;
                display: block;
                color: #000;
                letter-spacing: 1px;
                font-size: 14px;
                font-family: "ProximaNova";
            }

            .help-menu-modal .modal-footer ul {
                display: flex;
            }

            .help-menu-modal .modal-footer .social a {
                display: block;
                margin: 0 10px;
            }

            .help-menu-modal a:hover {
                color: #52b44b !important;
            }

            .help-menu-modal a:hover img {
                transform: scale(1.15, 1.15);
                -webkit-animation: 0.5s 0.1s fadeInUp both;
                animation: 0.5s 0.1s fadeInUp both;
            }

            .help-menu-modal .up {
                color: #fff;
                font-size: 64px;
                position: absolute;
                top: 0;
                line-height: 0;
                display: inline-block;
                right: 15%;
                border-radius: 10px;
            }

            .help-menu-modal .up i {
                line-height: 0;
            }

            .help-menu-modal .modal-header .close {
                padding: 5px 15px;
                margin: -1rem -1rem -1rem auto;
                font-size: 18px;
                color: #000;
            }

            .help-menu-modal .modal-header {
                border: none !important;
            }

            .help-menu-modal .modal-body ul li {
                border-bottom: 1px solid #e9ecef;
                padding: 0px 10px 10px;
                margin-bottom: 10px;
            }

            .help-menu-modal .modal-body ul li a {
                color: #000;
            }

            .help-menu-modal .modal-body ul li a span {
                display: inline-block;
                padding-left: 15px;
                font-size: 14px;
                font-family: "ProximaNova";
            }

            .help-menu-modal .modal-body {
                padding: 10px 20px;
            }

            @media only screen and (min-width: 1280px) and (max-width: 1400px) {
                .help-menu-modal .modal-dialog {
                    margin-right: 120px;
                }
            }

            @media only screen and (min-width: 967px) and (max-width: 1200px) {
                .navigation-menu>ul>li>a {
                    font-size: 13px;
                    padding: 20px 5px;
                }
            }

            @media only screen and (min-width: 1100px) and (max-width: 1279px) {
                .help-menu-modal .modal-dialog {
                    margin-right: 90px;
                }
            }

            @media only screen and (min-width: 966px) and (max-width: 1099px) {
                .help-menu-modal .modal-dialog {
                    margin-right: 75px;
                }
            }

            .help-mobile {
                display: none;
            }

            .content- td ol,
            .content- td ul {
                padding-left: 15px;
            }

            .content- li p {
                font-size: 14px;
                margin-bottom: 5px;
            }

            .border-faq .faqaccordion.accordion .card-body ol,
            .border-faq .faqaccordion.accordion .card-body ul {
                padding-left: 15px;
            }

            .border-faq .faqaccordion.accordion .card-body ol li,
            .border-faq .faqaccordion.accordion .card-body ul li {
                font-size: 14px;
            }

            .video {
                position: relative;
                display: block;
                width: 100%;
            }

            .no-bg .slider-box {
                background: transparent !important;
                padding: 0 !important;
                min-height: auto;
            }

            .no-bg .slider-box:hover {
                box-shadow: none !important;
            }

            .no-bg .slider-box h4 {
                color: #2d2d2d;
                font-size: 17px;
                font-family: "ProximaNova-Semibold";
                line-height: 25px;
                letter-spacing: 0.3px;
                margin-bottom: 10px;
            }

            .no-bg .read-more {
                color: #2cb34a;
                font-family: "ProximaNova-Semibold";
                margin: 0 15px 0 0;
                text-decoration: underline;
                font-size: 17px;
                letter-spacing: 0.3px;
            }

            .no-bg .read-more::after {
                display: none;
            }

            .child-abuse .slider-box {
                min-height: 200px;
                padding: 1rem;
                border: 0 !important;
                margin-bottom: 1.5rem;
            }

            .child-abuse .slider-box h4 {
                color: #2cb34a;
                font-size: 16px;
                font-family: "ProximaNova-Bold";
                margin: 10px 0 1.8rem;
            }

            .child-abuse .slider-box h5 {
                color: #000;
                font-family: "ProximaNova-Bold";
                font-size: 15px;
            }

            .child-abuse .slider-box p {
                margin: 5px 0 2rem 0;
                font-size: 15px;
            }

            .child-abuse .slider-box p a {
                color: #000;
            }

            .child-abuse .slider-box p a:hover {
                color: #52b44b;
            }

            .video-cards .slider-box h2 {
                font-size: 18px;
                color: #000;
                font-weight: 800;
            }

            .select-tabs .mobile-tab-headings {
                display: block !important;
                padding: 10px 30px;
                height: auto !important;
                font-size: 15px;
                letter-spacing: 0.8px;
                border-radius: 30px;
                border: 1px solid #ccc;
                font-family: "ProximaNova-Semibold";
                -webkit-appearance: none;
                -moz-appearance: none;
                background: #fff;
                background-image: url({{ asset("media/zidii/external") }}/images/icons/select-arrow.svg);
                background-repeat: no-repeat;
                background-position-x: 90%;
                background-position-y: 18px;
                max-width: 500px;
                width: 100%;
                line-height: 1.5;
                color: #495057;
                margin-bottom: 1.5rem;
            }

            .select-tabs .nav-tabs {
                display: none !important;
            }

            .select-tabs h3 {
                font-size: 20px;
                color: #000;
                margin: 0 0 1.5rem 0;
            }

            .select-tabs .tab-content>.active {
                display: flex !important;
            }

            .select-phone img {
                margin: 0 auto 0;
                width: 85%;
                -webkit-animation: 2s 0.2s fadeInRight both;
                animation: 2s 0.2s fadeInRight both;
            }

            .select-tabs p {
                color: #000;
            }

            .btn-read-more:focus {
                color: #fff;
            }

            .select-tabs .btn-read-more:hover {
                background: #000;
                color: #fff;
                cursor: initial;
            }

            .selected-types {
                -webkit-animation: 2s 0.2s fadeInUp both;
                animation: 2s 0.2s fadeInUp both;
            }

            .selected-types p {
                margin: 1rem 0;
            }

            .selected-types p a {
                color: #2cb34a;
                text-decoration: underline;
            }

            .select-tabs .tab-pane {
                padding: 0;
            }

            .volte {
                color: #000;
            }

            .volte .funfact-one__box h4 {
                font-family: "ProximaNova-Semibold";
                font-size: 20px;
                min-height: 40px;
                margin: 15px 0;
            }

            .volte .inside-icon-holder .image-holder img {
                width: auto;
                height: 40px;
                margin: auto;
            }

            .funfact-col:hover img {
                transform: scale(1.15, 1.15);
                -webkit-animation: 0.5s 0.1s fadeInUp both;
                animation: 0.5s 0.1s fadeInUp both;
            }

            .funfact-col:hover .image-holder {
                background: transparent;
                transition: all 1.5s ease;
                border: 1px solid #52b44b;
            }

            .block-title-3 {
                color: #000;
                padding-bottom: 20px;
            }

            .block-title-3 h5 {
                font-family: "ProximaNova-Bold";
                color: #52b44b;
                font-size: 14px;
                text-transform: uppercase;
                margin-bottom: 10px;
            }

            .block-title-3 h3 {
                font-size: 26px;
            }

            .brand-campains .owl-carousel .owl-item {
                min-width: 160px;
            }

            .brand-campains .owl-carousel .owl-item .nav-item {
                width: 95%;
                margin: auto 0px;
            }

            .brand-campains .owl-carousel .owl-item .nav-item .nav-link {
                display: block;
                width: 90%;
                margin: 10px auto 0;
                padding: 5px 10px !important;
            }

            .brand-campains {
                border: none !important;
            }

            .toolkit-modal .slider-box {
                border: 0 !important;
                margin: 0 !important;
            }

            .toolkit-modal .white-holder {
                padding-top: 1.5rem;
            }

            .close-modal {
                display: block;
                width: 100%;
                float: none;
                padding: 10px 10px 0;
                text-align: right;
            }

            .close-modal .close,
            .close-modal .close span {
                float: inherit;
                color: #000000;
                font-family: inherit;
            }

            .toolkit-modal .date-holder h1 {
                font-size: 26px;
                margin: 0;
            }

            .download-result ol li .link:after {
                content: "\ea94" !important;
                font-family: "Icofont" !important;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-size: 20px !important;
                line-height: 1;
                opacity: 1;
                color: #52b44b;
                position: absolute;
                right: 15px;
                top: 0px;
            }

            .tarif-content .btn-read-more,
            .about-joining .btn-read-more {
                color: #fff;
            }

            .bg-grey {
                background: #f4f4f6;
            }

            .grey-holder {
                min-height: 250px;
                width: 100%;
                display: block;
                border-radius: 10px;
                position: relative;
            }

            .brand-toolkit-logos .slider-box {
                min-height: auto !important;
                display: block;
                width: 100%;
            }

            .brand-toolkit-logos .small-logo .grey-holder {
                min-height: 200px;
            }

            .multiple-logos .slider-box {
                margin: 0 auto 1.5rem;
            }

            .multiple-logos .slider-box .white-holder {
                padding-top: 1rem;
            }

            .grey-holder img {
                position: absolute;
                margin: auto;
                top: 0;
                bottom: 0;
                right: 0;
                left: 0;
                border-radius: 0 !important;
                padding: 20px;
            }

            .brand-toolkit-main .tarif-content .icon {
                background: #fff !important;
            }

            .brand-toolkit-main .tarif-content .slider-box {
                min-height: 310px;
            }

            .brand-toolkit-main .form-card img {
                margin-bottom: 15px;
            }

            .title-aside h5 {
                font-family: "ProximaNova-Bold";
                color: #52b44b;
                font-size: 14px;
                text-transform: uppercase;
                margin-bottom: 10px;
            }

            .team .inside-page-description h1 {
                font-size: 32px;
            }

            .team .inside-page-description h3 {
                font-size: 20px;
            }

            .team .inside-page-description p {
                margin-bottom: 1rem;
            }

            .team .inside-page-description {
                padding-bottom: 1rem;
            }

            .gallery .image-container a:hover {
                cursor: url("{{ asset("media/zidii/external") }}/images/icons/zoom.png"), auto;
                display: block;
            }

            .profiles-modal .carousel-inner .carousel-item img {
                width: 100%;
            }

            .profiles-modal .modal-dialog {
                margin: 6rem auto 0;
                max-width: 650px;
            }

            .profiles-modal .close-modal {
                padding: 0 0 0.5rem;
                z-index: 999;
                position: relative;
                display: block;
            }

            .profiles-modal .close-modal .close {
                font-size: 20px;
            }

            .profiles-modal .carousel-inner .carousel-item .btn-read-more {
                position: absolute;
                left: 0;
                right: 0;
                margin: auto;
                width: 30%;
                bottom: 30px;
                text-align: center;
                font-weight: bold;
                letter-spacing: 1px;
            }

            .profiles-modal .carousel-control-next-icon {
                background-image: url({{ asset("media/zidii/external") }}/images/icons/prev.png);
                background-size: 30% 35%;
                background-repeat: no-repeat;
                background-position: center;
                border-radius: 100%;
                width: 35px;
                height: 35px;
                border: 1px solid #ddd;
                background-color: #fff;
            }

            .profiles-modal .carousel-control-prev-icon {
                background-image: url({{ asset("media/zidii/external") }}/images/icons/next.png);
                background-size: 30% 35%;
                background-repeat: no-repeat;
                background-position: center;
                border-radius: 100%;
                width: 35px;
                height: 35px;
                border: 1px solid #ddd;
                background-color: #fff;
            }

            .profiles-modal .carousel-control-next,
            .profiles-modal .carousel-control-prev {
                opacity: 1;
            }

            .profiles-modal .modal-body {
                padding-top: 0;
            }

            .image-container {
                margin-bottom: 1.5rem;
            }

            .modal-open .modal {
                padding: 0 !important;
            }

            /* Last Css */

            .main-form .form-card .form-control {
                margin: 5px 0 1.5rem;
                border-radius: 7px;
                color: #000;
                background-color: #f4f4f6;
                border: 1px solid #e9ecefad;
            }

            .main-form .form-card label {
                display: block;
                margin: 0 !important;
                color: #000;
                font-size: 14px;
            }

            .main-form .form-card h3 {
                font-size: 18px;
                margin-bottom: 1.5rem;
                font-family: "ProximaNova-Semibold";
            }

            .form-title H1 {
                font-size: 26px;
            }

            .main-form .form-card select.form-control {
                -webkit-appearance: none;
                -moz-appearance: none;
                background-image: url({{ asset("media/zidii/external") }}/images/icons/select-arrow.svg);
                background-repeat: no-repeat;
                background-position-x: 97%;
                background-position-y: 15px;
            }

            .main-form .form-card span {
                font-size: 14px;
            }

            .main-form .form-card textarea {
                box-shadow: none !important;
                min-height: 130px;
            }

            .main-form .form-upload {
                font-family: "ProximaNova-Semibold";
                display: block;
                padding: 15px 0;
                font-size: 14px;
            }

            .main-form .btn-green {
                background: #28a143;
                color: #fff;
                border-color: transparent;
                padding: 5px 3rem;
                position: relative;
                font-size: 16px;
                font-family: "ProximaNova-Semibold";
            }

            .modal-content .image-holder {
                padding: 0;
            }

            .modal-content .disabled {
                background: #cbced1 !important;
                opacity: 0.4 !important;
            }

            .modal-content .image-holder .btn-read-more {
                position: absolute;
                left: 0;
                right: 0;
                margin: auto;
                width: 30%;
                bottom: 30px;
                text-align: center;
                font-weight: bold;
                letter-spacing: 1px;
            }

            .modal-content .owl-theme .owl-nav {
                width: 95%;
                position: absolute;
                top: 40%;
                left: 0;
                margin: auto !important;
                right: 0;
            }

            /*****************
John Css
*****************/

            .leadership-profiles-header,
            .leadership-profiles,
            .leadership-profiles .read-more {
                font-family: ProximaNova;
            }

            .leadership-profiles-header {
                background-color: #fff;
                padding: 3.5em 0;
            }

            .leadership-profiles {
                padding-top: 5em;
            }

            .leadership-profiles-header p {
                font-family: ProximaNova-Bold;
                font-size: 0.9em;
                color: #2cb34a;
                text-transform: uppercase;
                margin-bottom: 1.25em;
            }

            .leadership-profiles-header h1 {
                font-size: 2.8em;
                font-family: ProximaNova-Bold;
            }

            .success-modal h5,
            .success-modal .modal-body {
                font-weight: bold;
            }

            .success-modal h5 {
                color: #2CB34A;
            }

            .black-text {
                color: #000000;
            }

            .calendar-bg {
                max-width: 100%;
            }

            .bg-slider {
                min-height: 800px;
                background-size: cover;
                background-repeat: no-repeat;
                display: flex;
                align-items: center;
            }

            .month-img {
                height: 250px !important;
                background-size: cover;
                background-repeat: no-repeat;
                display: flex;
                flex-direction: column;
                justify-content: end;
                padding: 1rem;
                border-radius: 10px;
                box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.4);
                background-size: cover;
                background-repeat: no-repeat;
            }

            .swiper.gallery-thumbs .swiper-slide .month-img {
                max-width: 100%;
                width: 206px !important;
            }

            .swiper.gallery-thumbs .swiper-slide-active .month-img {
                width: 216px !important;
            }


            /* .gallery-thumbs .swiper-slide .month-img {
  width: 233px !important;
} */

            /* .gallery-thumbs .swiper-slide-prev {
  margin-left: 3rem !important;
}

.gallery-thumbs .swiper-slide-next {
  margin-left: 3rem !important;
}

.gallery-thumbs .swiper-slide-active {
  margin-right: -3rem !important;
} */

            .swiper-slide h2 {
                font-size: 1.2rem;
                margin-bottom: 0.2rem;
                color: #ffffff;
            }

            .swiper-slide p {
                font-size: 0.875rem;
                color: rgba(255, 255, 255, 0.65)
            }

            .gallery-thumbs-container {
                position: relative;
                z-index: 8;

            }

            .swiper.gallery-thumbs {
                position: absolute;
                top: 17rem;
                left: 51.5%;
                right: 0;
            }

            .swiper.gallery-thumbs .swiper-wrapper {
                margin-bottom: 2rem;
            }

            .swiper-button-next,
            .swiper-button-prev {
                position: relative;
                top: initial;
                bottom: 0;
                top: 0;
            }

            .swiper-button-next,
            .swiper-rtl .swiper-button-prev {
                right: 0;
                left: 4rem;
                top: 23px;
            }

            .swiper-button-next:after,
            .swiper-button-prev:after {
                font-size: 12px;
                background-color: white;
                padding: 10px 13px;
                border-radius: 50px;
                font-weight: 900;
                color: black;
            }

            .swiper-slide-active .month-img {
                box-shadow: 0 0 10px 20px rgba(0, 0, 0, 0.2);

            }

            .swiper-slide-active .month-img {
                height: 300px !important;
            }

            .bg-slider-content {
                padding: 2rem 3rem;
                color: #ffffff;
            }

            .bg-slider-content h1 {
                font-size: 1.875rem;
            }

            .bg-slider-content p {
                color: #ffffff;
                max-width: 52ch;
                line-height: 170%;
            }

            .bg-slider-jan {
                background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('{{ asset("media/zidii/external") }}/images/calendar/Eldoret.jpg');
            }

            .bg-slider-feb {
                background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('{{ asset("media/zidii/external") }}/images/calendar/Isiolo.jpg');
            }

            .bg-slider-mar {
                background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('{{ asset("media/zidii/external") }}/images/calendar/Kericho.jpg');
            }

            .bg-slider-apr {
                background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('{{ asset("media/zidii/external") }}/images/calendar/Kisumu.jpg');
            }

            .bg-slider-may {
                background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('{{ asset("media/zidii/external") }}/images/calendar/Mbita.jpg');
            }

            .bg-slider-jun {
                background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('{{ asset("media/zidii/external") }}/images/calendar/Mombasa.jpg');
            }

            .bg-slider-jul {
                background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('{{ asset("media/zidii/external") }}/images/calendar/Nairobi.jpg');
            }

            .bg-slider-aug {
                background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('{{ asset("media/zidii/external") }}/images/calendar/Nakuru.jpg');
            }

            .bg-slider-sep {
                background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('{{ asset("media/zidii/external") }}/images/calendar/OlKalou.jpg');
            }

            .bg-slider-oct {
                background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('{{ asset("media/zidii/external") }}/images/calendar/Voi.jpg');
            }

            .bg-slider-nov {
                background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('{{ asset("media/zidii/external") }}/images/calendar/Watamu.jpg');
            }

            .bg-slider-dec {
                background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('{{ asset("media/zidii/external") }}/images/calendar/Wote.jpg');
            }


            .month-img.jan {
                background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url('{{ asset("media/zidii/external") }}/images/calendar/Eldoret.jpg');
            }

            .month-img.feb {
                background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url('{{ asset("media/zidii/external") }}/images/calendar/Isiolo.jpg');
            }

            .month-img.mar {
                background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url('{{ asset("media/zidii/external") }}/images/calendar/Kericho.jpg');
            }

            .month-img.apr {
                background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url('{{ asset("media/zidii/external") }}/images/calendar/Kisumu.jpg');
            }

            .month-img.may {
                background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url('{{ asset("media/zidii/external") }}/images/calendar/Mbita.jpg');
            }

            .month-img.jun {
                background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url('{{ asset("media/zidii/external") }}/images/calendar/Mombasa.jpg');
            }

            .month-img.jul {
                background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url('{{ asset("media/zidii/external") }}/images/calendar/Nairobi.jpg');
            }

            .month-img.aug {
                background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url('{{ asset("media/zidii/external") }}/images/calendar/Nakuru.jpg');
            }

            .month-img.sep {
                background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url('{{ asset("media/zidii/external") }}/images/calendar/OlKalou.jpg');
            }

            .month-img.oct {
                background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url('{{ asset("media/zidii/external") }}/images/calendar/Voi.jpg');
            }

            .month-img.nov {
                background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url('{{ asset("media/zidii/external") }}/images/calendar/Watamu.jpg');
            }

            .month-img.dec {
                background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url('{{ asset("media/zidii/external") }}/images/calendar/Wote.jpg');
            }

            @media screen and (max-width: 992px) {

                .bg-slider-content {
                    padding: 2rem;
                }

                .bg-slider-content p {
                    max-width: 34ch;
                }
            }

            @media screen and (max-width: 992px) {

                .bg-slider-content {
                    padding: 2rem;
                }
            }

            @media screen and (max-width: 650px) {
                .bg-slider {
                    align-items: flex-start;
                }

                .bg-slider-content p {
                    max-width: 65ch;
                }

                .swiper.gallery-thumbs {
                    position: absolute;
                    top: 17rem;
                    left: 2%;
                    right: 0%;
                }

                .swiper.gallery-thumbs .swiper-wrapper {
                    margin-bottom: 1rem;
                }
            }


            /****** John Css End ******/

            /****** Fonts ******/

            .team.leadership-profiles .featured-card .card-body h1 {
                font-size: 26px;
                font-weight: 500;
            }

            .leadership-profiles .featured-card .card-body h3 {
                font-size: 18px;
                margin-top: 0.7em;
                font-weight: 300;
            }

            .leadership-profiles .featured-card .card-body p {
                margin-bottom: 1em;
            }

            .team.leadership-profiles .carditem h1 {
                font-family: ProximaNova-Bold;
                font-size: 1.19em;
                font-style: normal;
                margin-top: 1em;
            }

            .team.leadership-profiles .carditem h3 {
                font-size: 1em;
                font-weight: 300;
                color: #2d2d2d;
                margin-top: 0.8em;
                margin-bottom: 2.4em;
            }

            .leadership-profiles a.view-photos,
            .leadership-profiles a.linkedin-profile {
                font-family: ProximaNova-Semibold;
                font-size: 0.98em;
                color: #2cb34a;
                display: inline-block;
                text-decoration: none;
                margin-left: 0;
            }

            .card-body .profile-links {
                display: flex;
            }

            /****** Images ******/
            .team.leadership-profiles .newsimg {
                background: #f4f4f4;
                border-radius: 10px;
                display: flex;
                justify-content: center;
                align-items: flex-end;
                min-height: 270px;
                overflow: hidden;
            }

            .team.leadership-profiles .featured-card .newsimg {
                height: auto;
            }

            .team.leadership-profiles .carditem img {
                height: auto;
                width: auto;
            }

            /****** Cards ******/
            .team.leadership-profiles .featured-card {
                padding: 1.5em;
            }

            .leadership-profiles .carditem {
                background-color: #fff;
                padding: 15px;
                border-radius: 10px;
                display: flex;
                flex-direction: column;
                height: 97%;
            }

            .team.leadership-profiles .carditem a::after,
            .team.leadership-profiles .card-body a::after {
                content: "\eab8";
                font-family: "Icofont";
                font-size: 20px;
                line-height: 1;
                opacity: 1;
                color: #2cb34a;
                position: relative;
                right: 0;
                top: 2.8px;
                bottom: 0;
                left: 4px;
            }

            .team.leadership-profiles .card-body a.linkedin-profile {
                padding-left: 1.5em;
            }

            .team.leadership-profiles .featured-card .col-md-6 {
                display: flex;
                align-items: center;
            }

            #Safaricom-Devices .row .col-lg-6 .row {
                margin-bottom: 15px;
            }

            #Safaricom-Devices .benefit-image-image {
                display: block;
                text-align: center;
            }

            #Safaricom-Devices .benefit-image-image img {
                height: 91px;
                width: auto;
            }

            #Safaricom-Devices .benefit-content-content h4 {
                font-size: 18px;
                margin-bottom: 5px;
                font-family: "ProximaNova-Bold";
            }

            #Safaricom-Devices .benefit-content-content a:hover {
                text-decoration: underline;
                color: #000;
            }

            #Safaricom-Devices .content-body__saf-benefit {
                margin-top: 20px;
            }

            .timeline-col .lower-box {
                padding: 0 20px;
                min-height: 230px;
            }

            .courselBlock-area .nav-tabs .nav-link {
                display: inline-block !important;
            }

            /****Search Css***/
            .header-search-form-two a {
                top: 4px;
                position: relative;
            }

            .search-overlay__header {
                position: absolute;
                width: 100%;
                top: 0;
                left: 0;
            }

            .search-overlay__header .mobile-navigation-close-icon {
                height: 42px;
                width: 42px;
                line-height: 42px;
                background: #52b44b;
                text-align: center;
                border-radius: 50%;
            }

            .search-overlay__header .mobile-navigation-close-icon:before,
            .search-overlay__header .mobile-navigation-close-icon:after {
                width: 25px;
                height: 2px;
                background: #fff;
                top: 20px;
                left: 8px;
            }

            .search-logo {
                display: block;
            }

            .search-logo img {
                height: 35px;
            }

            .search_bar {
                border-radius: 30px;
                border: 1px solid #dcdcdc;
                margin: 0 auto;
                width: 640px;
                width: auto;
                max-width: 584px;
                position: relative;
            }

            .search_bar:hover {
                box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.1);
            }

            .search_bar:focus-within {
                box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.1);
                outline: none;
            }

            .searchicon-bar {
                display: flex;
                align-items: center;
                padding-right: 13px;
                margin-top: -5px;
            }

            .search-lg-bar {
                flex: 1;
                display: flex;
                padding: 0 15px 0 10px;
            }

            .searchiconleft {
                margin-top: 6px;
                color: #9aa0a6;
                height: 20px;
                line-height: 20px;
                width: 20px;
            }

            .searchbar {
                height: 45px;
                border: none;
                width: 500px;
                font-size: 16px;
                outline: none;
            }

            .searbarinput {
                display: flex;
                flex: 1;
                flex-wrap: wrap;
            }

            .searchbar::placeholder {
                font-style: italic;
            }

            .voice {
                display: flex;
                flex: 0 0 auto;
                margin-top: -5px;
                align-items: stretch;
                flex-direction: row;
                position: relative;
            }

            .voiceinside {
                flex: 1 0 auto;
                display: flex;
                cursor: pointer;
                align-items: center;
                border: 0;
                background: transparent;
                outline: none;
                padding: 0 8px;
            }

            .voiceinside img {
                height: 24px;
                vertical-align: middle;
            }

            .search-bar__cta {
                border-radius: 30px;
                border: 0.1rem solid #52b44b;
                color: #fff;
                font-size: 14px;
                cursor: pointer;
                background-color: transparent;
                transition: background-color 0.3s, border 0.3s, color 0.3s;
                padding: 10px 20px;
                margin: 20px 0 0;
                text-transform: capitalize;
                background: #52b44b;
            }

            .search-bar__cta:hover {
                border: 0.1rem solid #52b44b;
                background-color: #fff;
                color: #52b44b;
            }

            .mostsearch {
                color: #000;
                display: block;
                line-height: 28px;
                margin-top: 15px;
            }

            .mostsearch a {
                padding: 0 3px;
            }

            #status_listening,
            #stop_listening {
                border-radius: 30px;
                border: 0.1rem solid #f9f9f9;
                color: #53b44b;
                font-size: 13px;
                cursor: pointer;
                transition: background-color 0.3s, border 0.3s, color 0.3s;
                padding: 5px 15px;
                background: #f9f9f9;
                text-transform: uppercase;
                letter-spacing: 2px;
                margin: 15px 5px;
            }

            #stop_listening {
                background: #ffebeb;
                border-color: #ffebeb;
            }

            #status_listening:hover,
            #stop_listening:hover {
                border: 0.1rem solid #000;
                color: #fff;
                background: #000;
            }

            .searchfrom {
                text-align: center;
            }

            /****End Search Css ***/

            .allsite_header {
                padding-top: 5px;
                display: inline-block;
                color: #fff;
                padding-left: 10px;
                cursor: pointer;
                z-index: 9999;
                position: relative;
            }

            .slide-bar .nav-menu {
                width: 100%;
                float: left;
                margin: 30px 0 0;
                padding: 0;
            }

            .slide-bar .nav-menu li:first-child {
                border-top: 1px solid rgba(0, 0, 0, 0.2);
            }

            .slide-bar .nav-menu li {
                width: 100%;
                float: left;
                margin: 0;
                list-style: none;
                border-bottom: 1px solid rgba(0, 0, 0, 0.2);
            }

            .slide-bar .nav-menu li a {
                width: 100%;
                float: left;
                color: #52b44b;
                font-weight: 700;
                font-size: 15px;
                padding: 12px 20px;
            }

            .slide-bar .nav-menu li a:hover {
                text-decoration: none;
                background: #52b44b;
                color: #fff;
            }

            .stock {
                padding-top: 2rem;
                color: #000;
            }

            .stock h2 {
                font-size: 26px;
                margin-bottom: 2rem;
            }

            .mTabs ul li a b b b {
                color: #000 !important;
                font-size: 14px;
                letter-spacing: 0.8px;
            }

            .tookits ol li a:after {
                content: "\f01d" !important;
            }

            .content-body__inner h2 {
                font-size: 30px;
                margin-bottom: 1.5vw;
            }

            .store a {
                display: inline-block;
                width: 40%;
                margin: 0 15px 0 0;
            }

            .store a img {
                width: 80%;
            }

            .slide-bar .nav-menu {
                width: 100%;
                float: left;
                margin: 30px 0 0;
                padding: 0;
            }

            .slide-bar .nav-menu li:first-child {
                border-top: 1px solid rgba(0, 0, 0, 0.2);
            }

            .slide-bar .nav-menu li {
                width: 100%;
                float: left;
                margin: 0;
                list-style: none;
                border-bottom: 1px solid rgba(0, 0, 0, 0.2);
            }

            .slide-bar .nav-menu li a {
                width: 100%;
                float: left;
                color: #52b44b;
                font-weight: 700;
                font-size: 15px;
                padding: 12px 20px;
            }

            .slide-bar .nav-menu li a:hover {
                text-decoration: none;
                background: #52b44b;
                color: #fff;
            }

            /* SANDWICH BUTTON */
            .sandwich-btn {
                width: 46px;
                float: right;
                position: relative;
                cursor: pointer;
                -webkit-transition: 0.25s ease-in-out;
                -moz-transition: 0.25s ease-in-out;
                -ms-transition: 0.25s ease-in-out;
                -o-transition: 0.25s ease-in-out;
                transition: 0.25s ease-in-out;
                border-radius: 50%;
            }

            .allsites-menu {
                font-size: 14px;
                position: relative;
                top: 3px;
                display: inline-block;
            }

            .allsites-menu a {
                color: #fff !important;
            }

            .languagearea {
                padding-top: 5px;
                display: inline-block;
                color: #fff;
                padding-left: 10px;
            }

            .languagearea select#language,
            .languagearea select {
                background-color: #000;
                border: none;
                border-radius: 0;
                color: #ffffff;
                font-family: "ProximaNova-Bold";
                font-size: 12px;
                height: 29px;
                outline: none;
                padding: 0px 5px;
                width: 100%;
                overflow: hidden;
                -webkit-appearance: none;
                border: 2px solid rgb(0 0 0 / 62%);
                text-align: center;
                border-radius: 15px;
                margin-right: 5px;
                display: inline-block;
            }

            /* Arrow in drop select */

            .languagearea select#language {
                background-image: linear-gradient(45deg, transparent 50%, gray 50%),
                    linear-gradient(135deg, gray 50%, transparent 50%),
                    linear-gradient(to right, #ccc, #ccc);
                background-position: calc(100% - 20px) calc(1em + 9px),
                    calc(100% - 15px) calc(1em + 9px), calc(100% - 2.8em) 1em;
                background-size: 5px 5px, 5px 5px, 1px 1.5em;
                background-repeat: no-repeat;
            }

            .languagearea select.minimal:focus {
                background-image: linear-gradient(45deg, green 50%, transparent 50%),
                    linear-gradient(135deg, transparent 50%, green 50%),
                    linear-gradient(to right, #ccc, #ccc);
                background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em,
                    calc(100% - 2.5em) 0.5em;
                background-size: 5px 5px, 5px 5px, 1px 1.5em;
                background-repeat: no-repeat;
                border-color: green;
                outline: 0;
            }

            /* Mozzila fix */

            .languagearea select:-moz-focusring {
                color: transparent;
                text-shadow: 0 0 0 #000;
            }

            .slide-bar {
                position: fixed;
                overflow: hidden;
                top: 0;
                right: -370px;
                width: 315px;
                padding: 30px 0;
                height: 100%;
                display: block;
                background-color: #ffffff;
                color: white;
                z-index: 9999999;
                -webkit-transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
                -moz-transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
                transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
                box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
            }

            @media only screen and (min-width: 576px) and (max-width: 767px) {
                .slide-bar {
                    width: 350px;
                }
            }

            @media (max-width: 767px) {
                li.has-children li.has-children a:after {
                    display: none !important;
                }

                .search-overlay__inner form {
                    width: 100%;
                }

                .slide-bar {
                    width: 310px;
                    padding: 25px 0;
                }
            }

            .slide-bar.show {
                right: 0;
            }

            .open-mobile-menu {
                display: inline-block;
            }

            .open-mobile-menu a {
                display: block;
                width: 50px;
                height: 50px;
                background: #212121;
                text-align: center;
                line-height: 50px;
                font-size: 20px;
                margin-left: 20px;
                color: #fff;
            }

            .open-mobile-menu a:hover {
                background: #086ad8;
            }

            .open-mobile-menu a.active {
                background: #086ad8;
            }

            .close-mobile-menu {
                position: absolute;
                top: 5px;
                left: 5px;
                background: #f7f7f7;
                padding: 10px 20px;
            }

            .close-mobile-menu a {
                color: #000;
                position: relative;
                z-index: 2;
                font-size: 16px;
                left: 0;
            }

            .close-mobile-menu a:hover {
                color: #ff0000;
            }

            .on-side {
                overflow: hidden;
            }

            .body-overlay {
                background-color: rgba(0, 0, 0, 0.5);
                height: 100%;
                width: 100%;
                position: fixed;
                top: 0;
                z-index: 1010;
                left: 0;
                opacity: 0;
                display: none;
                -webkit-transition: all 0.3s ease 0s;
                -moz-transition: all 0.3s ease 0s;
                -ms-transition: all 0.3s ease 0s;
                -o-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s;
            }

            .body-overlay.active {
                opacity: 1;
                display: block;
            }

            .mobile-menu-overlay__body,
            .page-oppen-off-sidebar__body {
                padding: 0 10px 50px;
            }

            .mobile-menu-overlay__body .offcanvas-navigation>ul>li.has-children .menu-expand,
            .page-oppen-off-sidebar__body .offcanvas-navigation>ul>li.has-children .menu-expand {
                top: 6px;
                width: 35px;
                height: 35px;
                line-height: 38px;
            }

            .mobile-menu-overlay__body .offcanvas-navigation>ul>li>a,
            .page-oppen-off-sidebar__body .offcanvas-navigation>ul>li>a {
                padding-top: 10px;
                padding-bottom: 10px;
                font-size: 14px;
            }

            .mobile-menu-overlay__body .offcanvas-navigation>ul>li.has-children .sub-menu li a,
            .page-oppen-off-sidebar__body .offcanvas-navigation>ul>li.has-children .sub-menu li a {
                color: rgba(255, 255, 255, 0.9);
                padding: 8px 0;
                display: inline-block !important;
                width: fit-content !important;
            }

            .modal.show {
                display: block !important;
            }

            .container-primary-and-secodary-columns {
                width: 80%;
                margin: auto;
                padding-top: 6rem;
                max-width: 1140px;
            }

            .styleable-title {
                color: #39b54a !important;
                font-family: "ProximaNova" !important;
                letter-spacing: 0.5px;
            }

            .styleable-description {
                max-width: 600px;
                line-height: 18px;
                display: block;
                color: grey;
                color: #656565 !important;
                line-height: 1.5em;
                padding: 10px 0;
                font-family: "ProximaNova-Semibold" !important;
                letter-spacing: 0px;
            }

            .search-results td {
                border: none !important;
                padding: 15px 0 !important;
            }

            .search-results table {
                border: none;
                border-bottom: 1px solid #ccc;
            }

            .gsc-above-wrapper-area {
                border: none !important;
            }

            .gsc-above-wrapper-area td {
                border: none !important;
                padding: 0 !important;
            }

            table.gsc-search-box td.gsc-input table {
                border: none !important;
            }

            table.gsc-search-box td.gsc-input table input {
                padding-left: 20px !important;
            }

            .gsc-control-cse .gs-result .gs-title,
            .gsc-control-cse .gs-result .gs-title *,
            .search-results .gsc-control-cse .gs-spelling {
                color: #656565;
                text-decoration: none;
                font-size: 16px !important;
                font-weight: 600;
            }

            .gsc-webResult.gsc-result {
                margin: 1rem 0 !important;
                border: 1px solid rgba(0, 0, 0, 0.1) !important;
                box-shadow: 0 8px 20px 0 rgb(0 0 0 / 10%);
                padding: 20px 15px !important;
                border-radius: 10px;
            }

            .cse .gsc-control-cse,
            .gsc-control-cse {
                background: none !important;
                border: none !important;
            }

            .search-results .gsc-table-result td {
                border-color: #dddddd;
            }

            .gsc-control-cse .gs-promotion em,
            .gsc-control-cse .gs-snippet,
            .search-results .gsc-preview-reviews {
                color: #656565 !important;
                line-height: 1.5em;
            }

            .gs-result .gs-visibleUrl,
            .gs-result a.gs-visibleUrl,
            .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
                color: #39b54a !important;
            }

            .search-results table {
                margin: 0 !important;
                border: 0;
            }

            .search-title {
                margin-top: 25px;
            }

            .gcsc-branding,
            .gsib_b {
                display: none !important;
            }

            .gsc-result-info {
                font-family: "ProximaNova-Semibold";
                font-weight: bold;
                color: #000 !important;
                letter-spacing: 1px;
                padding: 0;
                font-size: 15px;
            }

            .search-results table,
            .search-results table tr {
                border: 0 !important;
            }

            .gs-snippet {
                margin-top: 10px !important;
            }

            .search-results .gsc-search-box {
                position: relative;
            }

            .search-results .gsc-search-box td.gsc-search-button {
                position: absolute;
                right: 6px;
                font-size: 0;
                height: 40px;
                top: 0;
                text-align: center;
                border-radius: 20px;
                bottom: 0;
                margin: auto;
                width: 40px;
                padding: 11px;
                border: none;
                background: #39b54a !important;
                display: none !important;
            }

            .search-results .gsc-search-box td.gsc-search-button:before {
                content: "\e922";
                font-family: safaricom_icon;
                font-size: 20px;
                color: #fff;
                position: relative;
                top: -11px;
            }

            .search-results .gsc-search-box td.gsc-search-button input {
                background: none !important;
                border: none !important;
                opacity: 0;
                margin-top: -30px;
                width: 40px;
                margin-left: -20px;
                height: 40px;
            }

            .gsc-result-info-container,
            .gsc-search-box-tools .gsc-search-box .gsc-input {
                border: none !important;
                -webkit-box-shadow: none;
                box-shadow: none;
                background: none !important;
            }

            .gsc-resultsHeader,
            td.gcsc-branding-text {
                display: none !important;
            }

            .gsc-table-result,
            .gsc-thumbnail-inside,
            .gsc-url-top {
                padding: 0 !important;
            }

            .content-body__inner table .gsc-input-box {
                height: auto !important;
                -webkit-border-radius: 50px;
                -moz-border-radius: 50px;
                -ms-border-radius: 50px;
                border-radius: 50px;
                background: none;
            }

            .content-body__inner table .gstl_50 {
                margin: 0 !important;
            }

            .content-body__inner table .gstl_50 td {
                border: none !important;
                padding-left: 20px;
            }

            .content-body__inner table .gstl_50 td .gsib_a {
                padding: 0 !important;
                height: auto;
                border: none;
            }

            .gsc-thumbnail-inside:hover {
                text-decoration: underline !important;
                color: #39b54a !important;
            }

            .shop_main h1 {
                color: #39b54a;
                font-size: 25px;
            }

            .gs-webResult.gs-result a.gs-title:link {
                color: #39b54a !important;
            }

            .gsc-adBlock {
                display: none !important;
            }

            .gsc-results {
                width: 100% !important;
            }

            .gsc-webResult.gsc-result {
                background: #fff !important;
                border-color: #fff !important;
            }

            .gs-web-image-box,
            .gs-promotion-image-box {
                margin-right: 15px !important;
            }

            .gsc-results .gsc-cursor-box .gsc-cursor-page {
                color: #656565 !important;
            }

            .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
                color: #61a60e !important;
                position: relative;
                font-weight: 600;
            }

            .gsc-results .gsc-cursor-box .gsc-cursor-current-page:after {
                content: "";
                position: absolute;
                left: 0;
                bottom: -1px;
                width: 100%;
                height: 3px;
                background: #61a60e;
            }

            .gs-imageResult a.gs-title:visited,
            .gs-imageResult a.gs-title:visited b,
            .gs-webResult.gs-result a.gs-title:visited,
            .gs-webResult.gs-result a.gs-title:visited b {
                color: #39b54a !important;
            }

            .gs-imageResult a.gs-title:visited,
            .gs-imageResult a.gs-title:visited b,
            .gs-webResult.gs-result a.gs-title:visited,
            .gs-webResult.gs-result a.gs-title:visited b {
                color: #39b54a !important;
            }

            .gs-imageResult a.gs-title:hover,
            .gs-imageResult a.gs-title:hover b,
            .gs-webResult.gs-result a.gs-title:hover,
            .gs-webResult.gs-result a.gs-title:hover b {
                color: #39b54a !important;
            }

            .gs-imageResult a.gs-title:link,
            .gs-imageResult a.gs-title:link b,
            .gs-webResult.gs-result a.gs-title:link,
            .gs-webResult.gs-result a.gs-title:link b {
                color: #39b54a !important;
            }

            .gs-imageResult a.gs-title:visited,
            .gs-imageResult a.gs-title:visited b,
            .gs-webResult.gs-result a.gs-title:visited,
            .gs-webResult.gs-result a.gs-title:visited b {
                color: #39b54a !important;
            }

            .gs-imageResult a.gs-title:visited b {
                font-weight: 700 !important;
            }

            .gsc-control-cse {
                padding: 0 !important;
            }

            .gsc-result .gs-title {
                height: auto !important;
            }

            .gsc-orderby {
                display: none;
            }

            .gsc-results .gsc-cursor-box .gsc-cursor-page {
                padding: 10px;
                display: inline;
                margin-right: 10px;
                outline: none;
            }

            .gsc-results .gsc-cursor-box .gsc-cursor-page {
                background-color: transparent;
            }

            .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
                background-color: transparent;
            }

            .gsc-results .gsc-cursor-box {
                margin-bottom: 20px;
            }

            .search-results table.gsc-search-box td {
                vertical-align: middle;
                padding: 0 !important;
            }

            .search-results table.gsc-search-box td.gsc-input:after {
                right: 18px;
                top: 11px;
            }

            .search-results .site-search__container {
                margin-top: 16px;
            }

            .gsc-result .gs-title {
                border-bottom: none !important;
            }

            .search-results .gsc-input {
                padding: 15px 20px !important;
            }

            .search-results .gsc-results .gsc-cursor-box .gsc-cursor-current-page,
            .search-results .gsc-results .gsc-cursor-box .gsc-cursor-page {
                border-color: transparent !important;
                background-color: transparent !important;
            }

            .search-results .gsc-results .gsc-cursor-box {
                margin-bottom: 40px !important;
            }

            .gsc-adBlock {
                display: none !important;
            }

            .column--primary .content-body__h1 {
                font-size: 28px;
                color: #39b54a;
                line-height: 1.125;
                border-bottom: 1px solid #39b54a;
                padding-bottom: 10px;
                margin-bottom: 15px;
                display: block !important;
            }

            .gcsc-find-more-on-google {
                display: none !important;
            }

            .tips .slider-box {
                display: block;
            }

            .help-menu-modal .modal-body ul li a img {
                margin-right: 10px;
            }

            .mpesa-inside .speal-offers .slider-box {
                display: block !important;
            }

            .no_item_found {
                padding: 20px;
                color: red;
                font-family: "ProximaNova-Semibold";
                font-weight: bold;
                letter-spacing: 1px;
            }

            .tuiniane-modal .modal-dialog {
                max-width: 850px !important;
            }

            .tuiniane-modal .modal-header {
                display: block;
                text-align: center;
                border: 0;
            }

            .tuiniane-modal .modal-header img {
                max-width: 300px;
            }

            .tuiniane-modal .modal-body {
                padding: 1rem 2rem !important;
            }

            .tuiniane-modal .modal-footer {
                border-top: none !important;
                padding: 1rem 2rem 2rem;
            }

            .tuiniane-modal .modal-footer .btn-secondary {
                font-family: "ProximaNova-Semibold";
            }

            .tuiniane-modal .modal-footer .green {
                background: #2cb34a;
                color: #fff !important;
            }

            .tuiniane-modal .single::before {
                content: "";
                display: block;
                width: 100%;
                height: 100%;
                background: #00000030;
                position: absolute;
                left: 0;
            }

            .tuiniane-modal .video-box {
                position: relative;
                border-radius: 20px;
                overflow: hidden;
            }

            .tuiniane-modal .modal-dialog {
                margin: 2rem auto;
            }

            .tuiniane-modal .modal-body .single img {
                width: 100%;
            }

            .fade.show {
                background: #00000091;
            }

            .content-section ul li ul {
                padding-left: 30px;
                padding-top: 10px;
            }

            .content-section ul li ul li {
                list-style-type: decimal;
            }

            .content-section ul li {
                list-style-position: inside;
            }

            .help-menu.customer {
                background: #fff;
                color: #52b44b;
            }

            /* end of moses code */

            .say-hello {
                background: #53b44b;
                color: #fff;
                padding: 15px 10px;
                width: 159px;
                border-radius: 10px;
                position: absolute;
                left: -10rem;
                top: 0rem;
                box-shadow: #0000002e 0px 0px 6px 2px;
                transition: all linear 0.8s;
                animation: 1s ease-in-out 0s normal none 1 running fadeInUp;
            }

            .say-hello a {
                font-size: 11px;
                color: #000 !important;
                margin: 0;
                display: inline-block;
                font-family: "ProximaNova-Bold";
            }

            .say-hello:hover {
                background: #fff;
            }

            .say-hello:hover .close {
                background: #53b44b;
            }

            .zuri a {
                position: relative;
            }

            .say-hello .close {
                position: absolute;
                left: -20px;
                background: #ccc;
                line-height: 0;
                padding: 7px;
                border-radius: 15px;
                top: -10px;
                width: 25px;
                height: 25px;
                display: flex;
                align-items: center;
                opacity: 1;
                font-family: inherit;
            }

            .say-hello .close:hover {
                background: #000;
            }

            .say-hello .close:hover span,
            .say-hello:hover .close span {
                color: #fff !important;
            }

            .say-hello .close span {
                color: #8a8888 !important;
                margin: 0;
                font-size: 17px;
                font-family: inherit !important;
            }

            .say-hello a img {
                display: inline-block;
                height: 25px;
                margin-top: -7px;
            }

            /* Feedback Modal */
            .modal-feedback .modal.show .modal-dialog {
                animation: 0.8s ease-in-out 0s normal none 1 running fadeInRight !important;
            }

            .modal-feedback .modal-dialog {
                max-width: 420px;
                margin: 0 !important;
                position: absolute;
                width: 100%;
                right: 0;
                height: 100%;
            }

            .modal-feedback .modal-dialog .modal-content {
                border-radius: 0 !important;
                min-height: 100vh;
            }

            .modal-feedback .modal-dialog .modal-header h2 {
                font-size: 18px;
                line-height: 24px;
                margin: 8px 0;
                color: #000;
                letter-spacing: 0.3px;
            }

            .modal-feedback .modal-dialog .modal-footer {
                display: block;
                position: absolute;
                bottom: 0;
            }

            .modal-feedback .modal-dialog .modal-footer button {
                margin: 0;
                width: 65%;
                font-weight: bold;
                letter-spacing: 0.3px;
                text-transform: capitalize;
                cursor: pointer;
            }

            .modal-feedback .modal-dialog .modal-footer p {
                color: #000;
                font-family: "ProximaNova-Semibold";
                font-size: 15px;
                margin: 10px auto;
                width: 100%;
            }

            .modal-feedback .close span {
                font-size: 16px;
            }

            .modal-feedback .form-card {
                padding: 0;
                box-shadow: 0 1px 2px 1px #00000026;
                border-radius: 0.5rem;
                overflow: hidden;
            }

            .contact_form {
                /* min-height: 620px; */
                min-height: 41.75rem;
                position: relative;
            }

            .modal-feedback form .form-header {
                background-color: #fff;
                width: 100%;
                padding: 1rem;
            }

            .modal-feedback form .form-header h2 {
                color: #000;
                font-size: 16px;
                letter-spacing: 0.4px;
                line-height: 30px;
                margin: 0;
            }

            .modal-feedback form textarea {
                -webkit-appearance: none;
                background: #fff;
                border: 0;
                border-radius: 0.25rem;
                -webkit-box-shadow: inset 0 0 0 0.0625rem #909196;
                box-shadow: inset 0 0 0 0.0625rem #909196;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                color: #000;
                display: block;
                font-family: "ProximaNova-Semibold";
                font-size: 0.9rem;
                line-height: 1.5rem;
                margin: 0;
                min-height: 140px;
                padding: 1rem;
                resize: vertical;
                width: 100%;
            }

            .modal-feedback form .form-body {
                background: #f1f1f2;
                padding: 1.3rem;
                position: relative;
                min-height: 200px;
            }

            .modal-feedback form p {
                text-align: center;
                font-size: 14px;
                margin-bottom: 5px;
            }

            .modal-feedback form ul {
                padding-left: 0;
            }

            .modal-feedback form ul li {
                position: relative;
                display: inline-block;
            }

            .modal-feedback form ul li input {
                position: absolute;
                left: 0;
                right: 0;
                margin: auto;
            }

            .modal-feedback form label {
                border: 1px solid #c1c1c1;
                background: #fff;
                padding: 5px 15px;
                font-size: 13px;
                font-family: "ProximaNova-Semibold";
                color: #000;
                border-radius: 5px;
                position: relative;
                cursor: pointer;
            }

            .modal-feedback form input[type="checkbox"]:checked+label {
                border: 1px solid #000;
                background-color: #000;
                color: #fff;
                transition: all 0.2s;
            }

            .modal-feedback form .pointer-icon {
                display: inline-block;
                width: 1rem;
                height: 1rem;
                background-color: #f1f1f2;
                transform: rotate(45deg);
                position: absolute;
                top: -8px;
                left: 0;
                right: 0;
                margin: auto;
            }

            .stars {
                padding: 0.7rem 0;
            }

            .stars i {
                font-size: 1.5rem;
                cursor: pointer;
                transition: all linear 0.4s;
            }

            .modal-feedback form .stars label {
                padding: 0;
                border: 0;
                background: transparent;
                cursor: pointer;
            }

            .modal-feedback form .stars input {
                position: absolute;
                visibility: hidden;
            }

            .modal-feedback .selected-star span {
                display: none;
            }

            .modal-feedback .form-body .very-poor,
            .form-body .poor,
            .form-body .fair,
            .form-body .good,
            .form-body .excellent {
                display: none;
                transition: all linear 0.8s;
                animation: 0.8s ease-in-out 0s normal none 1 running fadeIn;
            }

            .modal-feedback .modal-footer a {
                text-decoration: underline;
            }

            .swal-overlay {
                left: auto !important;
            }

            .swal-modal {
                max-width: 432px !important;
                width: 432px;
                margin: 0 !important;
                height: 100vh;
                padding-top: 35%;
            }

            .swal-text {
                font-family: "ProximaNova-Bold";
                color: #000;
                font-size: 18px;
            }

            .sdg .slider-box {
                min-height: auto;
                padding: 0;
            }

            .sdg .slider-box img {
                border-radius: 0;
                width: 100%;
            }

            .sdg .slider-box h2 {
                font-size: 22px;
                margin-bottom: 1.5rem;
            }

            .sdg .slider-box p {
                margin-bottom: 2rem;
            }

            .sdg .white-holder {
                padding: 0 3rem;
            }

            .sdg .read-more {
                text-transform: capitalize;
                font-family: "ProximaNova-Bold";
                font-size: 14px;
                letter-spacing: 0.9px;
                transition: all linear 0.5s;
            }

            .sdg .read-more:hover,
            .sdg .read-more:hover::after {
                color: #000;
            }

            .sdg .read-more:after,
            .arrow-right::after {
                content: "\f061";
                color: #2cb34a;
                font-family: FontAwesome;
                text-decoration: none !important;
                font-weight: lighter;
                font-size: 14px;
                display: inline-block;
                margin-left: 1.5rem;
                transition: all linear 0.5s;
            }

            .arrow-right {
                text-decoration: none;
                margin: 0;
                text-transform: uppercase;
                font-size: 14px;
            }

            .home-banner-holder .arrow-right {
                margin-top: 2.5rem;
            }

            .sdg-leadership img {
                border-radius: 0 0 0 30px;
            }

            .sdg-leadership {
                color: #000;
            }

            .sdg-leadership .goal-content {
                padding: 0 2rem 0 0;
            }

            .sdg-leadership .goal-content h2 {
                font-family: "ProximaNova";
                font-size: 26px;
                margin-bottom: 3rem;
            }

            .sdg-leadership .goal-content h3 {
                margin-bottom: 3rem;
                font-family: "ProximaNova";
            }

            .sdg-leadership .goal-content h3 span {
                font-family: "ProximaNova-Bold";
            }

            .sdg-leadership .read-more {
                text-decoration: none;
                padding: 0;
                margin: 0;
            }

            .sdg-content-tabs .slider-box {
                margin: 0 0 1.5rem;
                padding: 0;
                min-height: auto !important;
                height: 100%;
            }

            .sdg-content-tabs .slider-box img {
                border-radius: 0;
            }

            .sdg-content-tabs .image-holder {
                padding: 0;
                height: 350px;
                overflow: hidden;
            }

            .tab-content>.active {
                display: flex;
                animation: 1s ease-in-out 0s normal none 1 running fadeInUp;
            }

            .stories-content .image-holder {
                height: 230px;
            }

            .stories-content .slider-box {
                margin-bottom: 1.5rem;
                height: 100%;
            }

            .owl-theme .owl-nav .disabled {
                display: none !important;
            }

            .sdg-team {
                float: left;
                width: 40%;
                height: 230px;
                overflow: hidden;
            }

            .sdg-team-content {
                display: inline-block;
                width: 60%;
                margin: auto;
                padding: 1rem 1.5rem 0;
            }

            .sdg-team-content h3 {
                font-size: 12px;
                color: #52b34b;
            }

            .sdg-team-content h2 {
                margin-bottom: 5px;
            }

            .sdg-team-content p {
                font-size: 15px;
            }

            .commitment-team .container {
                max-width: 1300px;
            }

            .sdg-content {
                display: block;
                position: relative;
                cursor: pointer;
            }

            .sdg-content img {
                border-radius: 0;
            }

            .sdg-box {
                position: absolute;
                bottom: 0;
                right: 0;
            }

            .orange::before {
                content: "";
                display: block;
                width: 100%;
                height: 100%;
                background: #f26a2e;
                position: absolute;
                z-index: 1;
                transition: all linear 0.3s;
                opacity: 0;
            }

            .green::before {
                content: "";
                display: block;
                width: 100%;
                height: 100%;
                background: #52b44b;
                position: absolute;
                z-index: 1;
                transition: all linear 0.2s;
                opacity: 0;
            }

            .mobile-app::before {
                display: none !important;
            }

            .maroon::before {
                content: "";
                display: block;
                width: 100%;
                height: 100%;
                background: #c92e2e;
                position: absolute;
                z-index: 1;
                transition: all linear 0.2s;
                opacity: 0;
            }

            .sdg-box-content {
                position: absolute;
                z-index: 1;
                color: #fff;
                padding: 1rem 2rem;
                opacity: 0;
            }

            .sdg-box-content h2 {
                font-size: 18px;
            }

            .sdg-box-content h3 {
                border-bottom: 1px solid #fff;
                padding-bottom: 15px;
                font-size: 16px;
            }

            .sdg-box-content h4 {
                font-size: 16px;
                margin-top: 2rem;
            }

            .sdg-box-content h2 span {
                display: inline-block;
                font-family: "ProximaNova";
            }

            .sdg-content:hover::before,
            .sdg-content:hover .sdg-box-content {
                opacity: 1;
            }

            .yellow::before {
                content: "";
                display: block;
                width: 100%;
                height: 100%;
                background: #f9c346;
                position: absolute;
                z-index: 1;
                transition: all linear 0.2s;
                opacity: 0;
            }

            .red::before {
                content: "";
                display: block;
                width: 100%;
                height: 100%;
                background: #a52745;
                position: absolute;
                z-index: 1;
                transition: all linear 0.2s;
                opacity: 0;
            }

            .pitch::before {
                content: "";
                display: block;
                width: 100%;
                height: 100%;
                background: #ef6a37;
                position: absolute;
                z-index: 1;
                transition: all linear 0.2s;
                opacity: 0;
            }

            .brown::before {
                content: "";
                display: block;
                width: 100%;
                height: 100%;
                background: #c18e33;
                position: absolute;
                z-index: 1;
                transition: all linear 0.2s;
                opacity: 0;
            }

            .blue::before {
                content: "";
                display: block;
                width: 100%;
                height: 100%;
                background: #236b9f;
                position: absolute;
                z-index: 1;
                transition: all linear 0.2s;
                opacity: 0;
            }

            /************** Alumini Page ***************/
            .formsection {
                padding: 8rem 0 4rem;
            }

            .formsection h2 {
                color: #000;
                font-size: 18px;
                border-bottom: 1px solid #2cb349;
                padding-bottom: 15px;
                /*font-family: "ProximaNova-Semibold";*/
            }

            .formblock-section {
                border: 1px solid #ced4da;
                border-radius: 20px;
                padding: 20px;
                margin: 15px 0;
            }

            .formblock p {
                color: #2cb349;
            }

            .formblock .form-group label {
                color: #000;
                font-size: 15px;
            }

            .formblock .form-group .btn.btn-green {
                padding: 15px 30px;
            }

            .formblock .form-group .btn.btn-green i {
                margin-left: 15px;
            }

            .formblock .form-group .btn.btn-green:hover {
                background: #000;
            }

            .formblock .form-group input[type="date"] {
                text-transform: uppercase;
            }

            .borded-img img {
                border-bottom-left-radius: 50px;
            }

            .formblock {
                width: 100%;
            }

            .formblock.slider-box {
                width: 100%;
            }

            .factsheet .mid .aluminicards.large-offer .slider-box img {
                width: 50%;
            }

            .aluminicards .slider-box p {
                margin-bottom: 15px;
            }

            .aluminicards .cardcontent {
                padding: 15px 0;
            }

            .large-offer .slider-box .card-content h2 {
                margin-bottom: 10px;
                color: #000;
            }

            .large-offer .slider-box .card-content h3 {
                color: #a4a4a4;
            }

            .card-content .card-text {
                font-family: "ProximaNova-Bold";
                margin-top: 15px;
            }

            .boxalumini {
                margin-bottom: 30px;
            }

            .boxalumini.slider-box h2 {
                margin-bottom: 10px;
                color: #000;
                margin-top: 15px;
            }

            .boxalumini.slider-box h3 {
                color: #a4a4a4;
                font-size: 15px;
                margin: 0 0 10px;
            }

            .tarif-content .boxalumini .read-more {
                border-radius: 20px;
                padding: 5px 10px;
            }

            .tarif-content .boxalumini .read-more:hover {
                background: #c2eecc;
            }

            .aluminisearch .form-control {
                background: #f4f4f6;
                color: #000;
                border-color: #000;
            }

            .aluminisearch .input-group-append .btn {
                border-color: #000;
                border-left: none;
                background: #f4f4f6;
                color: #000;
            }

            .help-menu .searchfrom {
                text-align: center;
                display: block;
                width: 100%;
            }

            .help-menu .modal-footer {
                width: 100%;
            }

            .help-menu .modal-footer ul {
                width: 100%;
                text-align: center;
                display: block;
            }

            .help-menu .modal-footer li {
                display: inline-block;
            }

            .help-menu .mostsearch ul li {
                display: inline-block;
            }

            .help-menu .mostsearch ul li a {
                color: #000;
                font-size: 16px;
                padding: 10px;
                margin: 0 10px;
            }

            .help-menu .search-bar__cta i {
                border: 2px solid #fff;
                padding: 5px;
                border-radius: 100%;
                width: 25px;
                height: 25px;
                line-height: 11px;
                font-size: 12px;
                margin-left: 10px;
            }

            .help-menu .search-content {
                color: #000;
                font-size: 16px;
                cursor: pointer;
                transition: all linear 0.8s;
            }

            .help-menu .search-content:hover span {
                color: #53b44b;
            }

            .help-menu-modal .form-control {
                height: auto !important;
                font-size: 26px;
                border: 0;
                border-bottom: 1px solid #ccc;
                border-radius: 0;
                padding: 0;
                padding: 1rem 0;
                background-position-x: 98% !important;
                background-position-y: 60% !important;
                text-transform: capitalize;
                margin: 2rem 0;
            }

            .help-menu h4 {
                color: #000;
                font-size: 18px;
                text-align: left;
            }

            .help-menu .search-overlay__inner {
                display: block !important;
            }

            .help-menu .search-overlay__header {
                position: relative !important;
            }

            .help-menu .search-overlay__inner form {
                width: 100%;
                margin: 3rem 0 2rem;
            }

            .all-products .datatabs-area {
                margin: 0;
            }

            .all-products .datatabs-area .nav-tabs .nav-link {
                padding: 0 !important;
                border: 0;
                color: #000;
            }

            .all-products .border-faq .faqaccordion .card-header {
                border-bottom: 1px solid #ccc !important;
                border-radius: 0;
                padding: 20px 0;
            }

            .all-products .border-faq .faqaccordion .card-title {
                font-size: 24px;
                font-family: "ProximaNova-Semibold";
                font-weight: 600;
                letter-spacing: 0.8px;
                color: #52b44c !important;
            }

            .all-products .border-faq .faqaccordion.accordion .card-body {
                -webkit-animation: 2s 0.2s fadeInUp both;
                animation: 2s 0.2s fadeInUp both;
                margin: 0px 0 6rem 0;
            }

            .spark-fund .form-card h3 {
                font-family: "ProximaNova-Bold" !important;
                text-transform: uppercase;
            }

            .sdg-logo {
                margin: 1.5rem 0;
            }

            .commitment-team .slider-box {
                height: 100%;
            }

            .select-show .mobile-tab-headings {
                display: block;
                padding: 10px 30px;
                height: auto !important;
                font-size: 15px;
                letter-spacing: 0.8px;
                border-radius: 30px;
                border: 1px solid #ccc;
                font-family: "ProximaNova-Semibold";
                -webkit-appearance: none;
                -moz-appearance: none;
                background: #fff;
                background-image: url({{ asset("media/zidii/external") }}/images/icons/select-arrow.svg);
                background-repeat: no-repeat;
                background-position-x: 90%;
                background-position-y: 18px;
                width: 300px;
                line-height: 1.5;
                color: #495057;
                margin-bottom: 0.5rem;
            }

            .select-show .inside-page-nav .mobile-tab-headings {
                display: none;
            }

            .tarif .select-show .nav-tabs {
                display: none;
            }

            .tarif .select-show .nav-tabs .nav-link {
                padding: 10px 30px;
            }

            .tarif .select-show .inside-page-nav .nav-tabs {
                display: block;
            }

            .sdg-reports .slider-box {
                min-height: auto;
                display: flex;
                align-items: center;
                justify-content: space-between;
                box-shadow: 0 1px 3px 0px rgb(64 60 67 / 16%);
                width: 100%;
                transition: ease-in-out 0.5;
            }

            .sdg-reports .content-holder {
                padding: 0;
                width: 90%;
                border: 0;
                margin: 0;
            }

            .sdg-reports .content-holder h3 {
                font-size: 20px;
                font-family: "ProximaNova";
                margin-bottom: 0;
            }

            .sdg-reports .slider-box span {
                display: block;
                width: 50px;
                height: 50px;
                background: #2cb34a;
                color: #fff;
                text-align: center;
                padding: 5px;
                border-radius: 100%;
                line-height: 35px;
                font-size: 20px;
                transition: all linear 0.4s;
            }

            .sdg-reports .slider-box:hover .content-holder {
                color: #2cb34a !important;
            }

            .sdg-reports .slider-box:hover span {
                background: #000;
            }

            /* Jobs Widget Css */
            .jobs-sv {
                position: fixed;
                bottom: 6vh;
                right: 20px;
                z-index: 1000;
            }

            .jobs-sv img {
                border-radius: 50%;
                cursor: pointer;
            }

            /***** Careers Css ****/
            .btn--base {
                position: relative;
                background: #3249b3;
                border: 1px solid #3249b3;
                color: #fff;
                padding: 14px 30px;
                border-radius: 6px;
                font-size: 16px;
                font-weight: 500;
                text-align: center;
                z-index: 2;
                overflow: hidden;
                -webkit-transition: all ease 0.5s;
                transition: all ease 0.5s;
            }

            .btn--base::before {
                content: "";
                position: absolute;
                height: 100%;
                width: 0%;
                background: #fff;
                top: 0;
                right: 0;
                z-index: -1;
                -webkit-transition: all 0.4s;
                transition: all 0.4s;
            }

            .btn--base.active {
                background: transparent;
                border: 1px solid #3249b3;
                color: #3249b3;
            }

            .btn--base.active::before {
                background: #3249b3;
            }

            .btn--base.active:hover {
                color: #fff;
            }

            .btn--base.subscribe {
                background: transparent;
                border: 1px solid #fff;
                color: #fff;
                width: 100%;
                border-radius: 6px;
            }

            .btn--base.subscribe::before {
                background: #3249b3;
            }

            .btn--base.subscribe:hover {
                color: #fff;
                border: 1px solid #3249b3;
            }

            .btn--base:focus,
            .btn--base:hover {
                color: #3249b3;
            }

            .btn--base:focus::before,
            .btn--base:hover::before {
                width: 100%;
                right: auto;
                left: 0;
            }

            .link {
                cursor: pointer;
                font-size: 18px;
                position: relative;
                white-space: nowrap;
                color: #fff;
            }

            /* .link::before,
.link::after {
  position: absolute;
  width: 100%;
  height: 1px;
  background: currentColor;
  top: 100%;
  left: 0;
  pointer-events: none;
} */

            /* .link::before {
  content: "";
} */

            .link-readmore::before {
                transform-origin: 100% 50%;
                transform: scale3d(0, 1, 1);
                transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);
            }

            .link-readmore:hover::before {
                transform-origin: 0% 50%;
                transform: scale3d(1, 2, 1);
                transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
            }

            .link-readmore::after {
                content: "";
                top: calc(100% + 4px);
                transform-origin: 100% 50%;
                transform: scale3d(0, 1, 1);
                transition: transform 0.4s 0.1s cubic-bezier(0.2, 1, 0.8, 1);
            }

            .link-readmore:hover::after {
                transform-origin: 0% 50%;
                transform: scale3d(1, 1, 1);
                transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
            }

            .bg-gradient-green .link:hover {
                color: #000 !important;
            }

            .custom-btn i {
                font-size: 12px;
                -webkit-transition: all 0.3s;
                transition: all 0.3s;
            }

            section {
                position: relative;
                /* overflow-y: hidden; */
            }

            .block {
                padding: 60px 0;
                position: relative;
                width: 100%;
                z-index: 1;
            }

            .double-gap-bottom {
                padding-bottom: 1.5rem;
            }

            .double-gap-top {
                padding-top: 1.5rem;
            }

            .jarallax {
                position: relative;
                z-index: 0;
            }

            .jarallax>.jarallax-img {
                position: absolute;
                object-fit: cover;
                /* support for plugin https://github.com/bfred-it/object-fit-images */
                font-family: "object-fit: cover;";
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: -1;
            }

            .business-from-bg {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center;
            }

            .layer:before {
                content: "";
                height: 100%;
                opacity: 0.95;
                z-index: 0;
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
            }

            .blackish:before {
                background-color: rgba(0, 0, 0, 0.7);
            }

            /* Location */
            .form-location-sec {
                float: left;
                width: 100%;
                text-align: center;
                margin: 30px 0;
                position: relative;
                z-index: 1;
            }

            .form-location-sec h1 {
                width: 100%;
                color: #ffffff;
                font-size: 24px;
                margin: 0;
                margin-top: -15px;
                padding: 0 5rem;
                line-height: 40px;
            }

            .form-location-sec form {
                float: none;
                width: 80%;
                background: #ffffff;
                display: inline-block;
                margin-top: 40px;
                -webkit-border-radius: 30px;
                -moz-border-radius: 30px;
                -ms-border-radius: 30px;
                -o-border-radius: 30px;
                border-radius: 30px;
                overflow: hidden;
                position: relative;
                -webkit-box-shadow: 0px 2px 4px rgb(0 0 0 / 6%);
                -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
                -ms-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
                -o-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
                box-shadow: 0px 2px 4px rgb(0 0 0 / 6%);
            }

            .form-location-sec form input {
                float: left;
                width: 100%;
                background: no-repeat;
                margin: 0;
                font-size: 13px;
                padding: 0px 50px;
                height: 60px;
                border-radius: 30px;
                border: none;
                font-size: 16px;
                color: #b1abab;
            }

            .form-location-sec form button {
                position: absolute;
                right: 0;
                top: 0;
                -webkit-border-radius: 40px;
                -moz-border-radius: 40px;
                -ms-border-radius: 40px;
                -o-border-radius: 40px;
                border-radius: 40px;
                width: 60px;
                height: 60px;
                padding: 0;
                font-size: 24px;
                color: #b1abab;
                background: transparent;
            }

            .form-location-sec form button:hover {
                color: #fff;
                background: #2cb34a;
            }

            .aboutinfo {
                padding: 0 60px;
            }

            .aboutinfo h2 {
                font-size: 26px;
                margin-bottom: 14px;
                color: #000;
            }

            .aboutinfo p {
                font-size: 16px;
                color: #000;
            }

            .titlemain {
                position: relative;
            }

            .counter .titlemain {
                margin-top: 40px;
                margin-bottom: 80px;
            }

            .counter .titlemain h2 {
                font-size: 30px;
            }

            .counter .counter__item {
                margin: 15px 0;
            }

            .counter .counter__item h2 {
                color: #fff;
                font-size: 28px;
            }

            .counter .counter__item .counter__item_count {}

            .counter .counter__item p {
                color: #fff;
                text-align: left;
                font-size: 15px;
                margin-top: 10px;
            }

            /*=============================================
Video area Css
=============================================*/
            /*.single-popup-wrap {
  position: relative;
}*/
            /*.video-popup {
    margin-bottom: 30px;
}*/
            .fancybox-slide--iframe .fancybox-content {
                padding: 0;
                width: 80%;
                height: 80%;
                max-width: calc(100% - 100px);
                max-height: calc(100% - 88px);
                overflow: visible;
                background: #fff;
            }

            .fancybox-button svg path {
                fill: currentColor;
                stroke: currentColor;
                stroke-linejoin: round;
                stroke-width: 3;
            }

            .heading__title {
                font-size: 2.5rem;
            }

            .section-button {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: end;
                -ms-flex-pack: end;
                justify-content: flex-end;
            }

            @media (max-width: 991px) {
                .section-button {
                    -webkit-box-pack: start;
                    -ms-flex-pack: start;
                    justify-content: flex-start;
                }
            }

            .heading-title {
                font-size: 26px;
                letter-spacing: 1px;
                color: #000;
            }

            .section-heading p {
                margin-top: 15px;
                font-size: 15px;
                color: #000;
            }

            .btn--common {
                padding: 9px 20px;
                font-size: 15px;
                font-weight: 500;
                background: #2cb34a;
                color: #ffffff;
                border-radius: 30px;
                outline: 0;
                -o-transition: all 0.4s ease;
                transition: all 0.4s ease;
                -webkit-transition: all 0.4s ease;
                -moz-transition: all 0.4s ease;
                -ms-transition: all 0.4s ease;
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                letter-spacing: 0.01em;
            }

            .btn--common:hover,
            .btn--common:focus,
            .btn--common:active {
                border: 1px solid #2cb34a;
                outline: 0;
                background: #fff;
                color: #2cb34a;
                -webkit-box-shadow: none;
                box-shadow: none;
                -o-transition: all 0.4s ease;
                transition: all 0.4s ease;
                -webkit-transition: all 0.4s ease;
                -moz-transition: all 0.4s ease;
                -ms-transition: all 0.4s ease;
            }

            /*-----------------------------
job Area
-----------------------------*/

            .job-navbar {
                margin-top: 40px;
                margin-bottom: 40px;
            }

            .job-section .nav-tabs {
                display: block;
                text-align: left;
                border: none;
            }

            .job-section .nav-tabs .nav-item {
                display: inline-block;
            }

            .job-section .nav-tabs .nav-link {
                background: transparent;
                color: #b1abab;
                padding: 16px 20px !important;
                border-color: transparent;
                display: block;
                text-align: left;
                border-radius: 0;
                font-family: "ProximaNova-Bold";
            }

            .job-section .nav-tabs .nav-link:hover,
            .job-section .nav-tabs .nav-item.show .nav-link,
            .job-section .nav-tabs .nav-link.active {
                color: #000;
                background-color: transparent;
                border-bottom: 1px solid #000;
            }

            .job_search_container .popup-video-wrapper {
                padding: 30px 0 0;
            }

            .section-heading__title_big {
                color: #000;
                font-size: 26px;
            }

            .btn-wrapper {
                margin-bottom: 15px;
            }

            .services__item {
                background: #fff;
                -webkit-box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 10%);
                box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 10%);
                border-radius: 10px;
                margin-bottom: 30px;
            }

            .services_header {
                background: #d2edd8;
                padding: 10px 20px;
                border-top-right-radius: 10px;
                border-top-left-radius: 10px;
                display: flex;
                align-items: center;
                min-height: 80px;
            }

            .expiring .services_header {
                background: #2cb34a;
                display: flex;
                align-items: center;
                min-height: 80px;
            }

            .expired .services_header {
                background: #ffb6b6;
                display: flex;
                align-items: center;
                min-height: 80px;
            }

            .services_header h2 {
                font-size: 16px;
                font-family: "ProximaNova-Semibold";
                color: #2d2d2d;
                margin: 0;
            }

            .services__item_content {
                padding: 10px 20px 30px;
            }

            .services__item_content p {
                padding: 15px 0;
                font-size: 15px;
                min-height: 150px;
                color: #2d2d2d;
                margin-bottom: 10px;
            }

            .services__item_content a {
                padding: 11px 25px;
                font-size: 14px;
                font-weight: 500;
                background: #f6fbf7;
                color: #2cb34a;
                border-radius: 30px;
                outline: 0;
                -o-transition: all 0.4s ease;
                transition: all 0.4s ease;
                -webkit-transition: all 0.4s ease;
                -moz-transition: all 0.4s ease;
                -ms-transition: all 0.4s ease;
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                letter-spacing: 0.01em;
                font-family: "ProximaNova-Bold";
            }

            .services__item_content a i {
                font-size: 22px;
                margin-left: 15px;
            }

            .services__item_content a:hover,
            .services__item_content a:focus,
            .services__item_content a:active {
                border: 1px solid #2cb34a;
                outline: 0;
                background: #2cb34a;
                color: #fff;
                -webkit-box-shadow: none;
                box-shadow: none;
                -o-transition: all 0.4s ease;
                transition: all 0.4s ease;
                -webkit-transition: all 0.4s ease;
                -moz-transition: all 0.4s ease;
                -ms-transition: all 0.4s ease;
            }

            /*-----------------------------
video Area
-----------------------------*/

            .videoinfo {
                padding: 20px 15px;
                background: #fff;
                -webkit-box-shadow: 0 0 40px rgb(51 51 51 / 10%);
                box-shadow: 0 0 40px rgb(51 51 51 / 10%);
            }

            .videoinfo h2 {
                font-size: 18px;
                letter-spacing: 2px;
                color: #2cb34a;
            }

            .videoinfo p {
                font-style: italic;
                font-size: 15px;
                color: #000;
            }

            .videoinfo span {
                font-family: "ProximaNova-Semibold";
                color: #000;
                display: block;
                margin: 10px 0;
                font-size: 18px;
            }

            /*-----------------------------
Client Area
-----------------------------*/
            .stories-slider {
                position: relative;
            }

            .stories-slider .owl-stage {
                padding-left: 0 !important;
                overflow: hidden;
            }

            .stories-slider .owl-item.center {
                width: 1170px !important;
                -webkit-box-shadow: 3px 6px 12px rgba(194, 151, 107, 0.3);
                box-shadow: 3px 6px 12px rgba(194, 151, 107, 0.3);
            }

            .stories-slider .owl-item.center .slider-img {
                width: 100% !important;
            }

            .stories-slider .owl-item.center .slider-inner-text {
                visibility: visible;
            }

            .stories-slider .slider-img {
                width: 100%;
                position: relative;
                background: #fff;
                -webkit-box-shadow: 0 0 40px rgb(51 51 51 / 10%);
                box-shadow: 0 0 40px rgb(51 51 51 / 10%);
            }

            .stories-slider .slider-img img {
                width: 100%;
            }

            .stories-slider .slider-img .slider-inner-text {
                position: absolute;
                top: 50%;
                right: 100px;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                padding: 45px;
                background-color: #fff;
                visibility: hidden;
            }

            .nav-middle .owl-nav div {
                position: absolute;
                left: 20%;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }

            .nav-middle.owl-theme .owl-prev {
                position: absolute;
                left: -20px;
                top: 50%;
                margin-top: -24px;
                background-color: #2cb34a;
                border-radius: 50%;
                width: 35px;
                height: 35px;
                line-height: 35px;
                text-align: center;
                color: #fff;
            }

            .nav-middle.owl-theme .owl-next {
                position: absolute;
                right: -20px;
                top: 50%;
                margin-top: -24px;

                background-color: #2cb34a;
                border-radius: 50%;
                width: 35px;
                height: 35px;
                line-height: 35px;
                text-align: center;
                color: #fff;
            }

            .nav-middle.owl-theme .owl-nav i {
                font-size: 21px;
            }

            .nav-middle.owl-theme .owl-next:hover {
                background-color: #fff;
                color: #2cb34a;
            }

            .nav-middle.owl-theme .owl-prev:hover {
                background-color: #fff;
                color: #2cb34a;
            }

            .storiesinfo {
                padding: 0 60px;
            }

            .storiesinfo h2 {
                letter-spacing: 2px;
                margin-bottom: 15px;
                color: #000;
                font-size: 26px;
            }

            .storiesinfo h4 {
                font-family: "ProximaNova-Semibold";
                letter-spacing: 1px;
                margin-bottom: 15px;
                color: #000;
                font-size: 18px;
            }

            .storiesinfo p {
                font-size: 15px;
                letter-spacing: 1px;
                margin-bottom: 30px;
            }

            .storiesinfo span {
                font-family: "ProximaNova-Semibold";
                color: #000;
            }

            /*-----------------------------
Client Area
-----------------------------*/
            .employees-slider {
                position: relative;
            }

            .employees-slider .owl-item.center .slider-img {
                width: 100% !important;
            }

            .employees-slider .owl-item.center .slider-inner-text {
                visibility: visible;
            }

            .employees-slider .slider-img {
                width: 100%;
                position: relative;
                background: #fff;
                -webkit-box-shadow: 0 0 180px rgb(51 51 51 / 10%);
                box-shadow: 0 0 180px rgb(51 51 51 / 10%);
                border: 1px solid rgb(0 0 0 / 5%);
            }

            .employees-slider .slider-img img {
                width: 100%;
            }

            .sliderinfo {
                padding: 0 60px;
            }

            .sliderinfo h3 {
                font-family: "ProximaNova-Semibold";
                letter-spacing: 2px;
                margin-bottom: 30px;
                color: #000;
            }

            .sliderinfo p {
                font-style: italic;
                letter-spacing: 1px;
                margin-bottom: 30px;
            }

            .sliderinfo span {
                font-family: "ProximaNova-Semibold";
                color: #000;
            }

            /*=============================================
Video Lg Css
=============================================*/
            .popvideo-lg .video-link .ht-popup-video:before {
                content: "";
                width: 100%;
                height: 100%;
                position: absolute;
                background-color: rgba(0, 0, 0, 0.5);
                left: 0;
                top: 0;
            }

            .popvideo-lg .videoinfo-lg {
                position: absolute;
                z-index: 1;
                color: #fff;
                top: 25%;
                width: 100%;
                text-align: center;
                font-family: "ProximaNova-Bold";
                letter-spacing: 2px;
                font-size: 22px;
            }

            /*=============================================
Accordions Css
=============================================*/
            .dreamjob-navbar .nav-tabs {
                display: block;
                text-align: center;
                border-bottom: 0;
            }

            .dreamjob-navbar .nav-tabs .nav-item {
                display: inline-block;
                margin: 0 5px;
            }

            .dreamjob-navbar .nav-tabs .nav-link {
                background: #fff;
                color: #000;
                padding: 10px 30px !important;
                border-color: transparent;
                display: block;
                text-align: center;
                border-radius: 30px;
                font-size: 15px;
            }

            .dreamjob-navbar .nav-tabs .nav-link:hover,
            .dreamjob-navbar .nav-tabs .nav-item.show .nav-link,
            .dreamjob-navbar .nav-tabs .nav-link.active {
                color: #fff;
                background-color: transparent;
                background: #2cb34a;
            }

            .accordiontab {
                padding: 40px 0 0;
            }

            .dreamjob-tabarea .panel.panel-default {
                border: 1px solid #ebebeb;
                margin-bottom: 20px;
            }

            .dreamjob-tabarea .card,
            .dreamjob-tabarea .card-header {
                border-radius: 0;
            }

            .dreamjob-tabarea .card {
                border-bottom: none;
                margin-bottom: 10px;
                border-radius: 30px;
                border: none;
            }

            .dreamjob-tabarea .card:last-child {
                margin-bottom: 0;
            }

            .dreamjob-tabarea .card-header {
                padding: 0;
                border-bottom: 0;
                background-color: #ffffff;
                border-radius: 30px;
            }

            .dreamjob-tabarea .card-header h5 button {
                border: none;
                width: 100%;
                text-align: left;
                color: #000000;
                padding: 13px 30px;
                position: relative;
                overflow-wrap: break-word;
                white-space: normal;
                font-size: 16px;
                line-height: 1.2;
                font-weight: 500;
                background: #fff;
                text-decoration: none;
                border-radius: 30px;
            }

            @media only screen and (max-width: 479px) {
                .dreamjob-tabarea .card-header h5 button {
                    padding-left: 15px;
                    padding-right: 20px;
                }
            }

            .dreamjob-tabarea .card-header h5 button span {
                position: absolute;
                right: 35px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }

            @media only screen and (max-width: 479px) {
                .dreamjob-tabarea .card-header h5 button span {
                    right: 15px;
                }
            }

            .dreamjob-tabarea .card-header h5 button span i {
                font-size: 14px;
                visibility: hidden;
                opacity: 0;
                display: none;
            }

            .dreamjob-tabarea .card-header h5 button:hover,
            .dreamjob-tabarea .card-header h5 button:focus {
                text-decoration: none;
                color: #000000;
            }

            .dreamjob-tabarea .card-header h5 button[aria-expanded="true"] {
                color: #ffffff;
                background: #2cb34a;
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0;
            }

            .dreamjob-tabarea .card-header h5 button[aria-expanded="true"] span i:nth-child(2) {
                visibility: visible;
                opacity: 1;
                display: inline;
            }

            .dreamjob-tabarea .card-header h5 button[aria-expanded="true"]:before {
                height: 100%;
            }

            .dreamjob-tabarea .card-header h5 button[aria-expanded="false"] span i:nth-child(1) {
                visibility: visible;
                opacity: 1;
                display: inline;
            }

            .dreamjob-tabarea .card-body {
                padding: 23px 30px 29px;
            }

            /* ===============================================
    Page-Title-Row
------------------------*/
            .cmt-page-title-row {
                background-image: url({{ asset("media/zidii/external") }}/images/background/main-banner.jpg);
                width: 100%;
                background-size: cover;
                background-position: center bottom;
                position: relative;
                z-index: 1;
            }

            .cmt-page-title-row-inner {
                width: 100%;
                text-align: center;
                position: relative;
                padding: 80px 0;
                display: flex;
                justify-content: space-between;
                align-items: center;
                z-index: 1;
            }

            .page-title-heading h2 {
                text-transform: capitalize;
                font-weight: 700;
                text-transform: capitalize;
                font-size: 40px;
                line-height: 45px;
                display: inline-block;
                margin-bottom: 15px;
                color: #fff;
            }

            .breadcrumb-wrapper {
                z-index: 99;
                margin-bottom: 15px;
                text-align: center;
                display: inline-block;
            }

            .breadcrumb-wrapper span {
                font-weight: 400;
                text-transform: capitalize;
                font-size: 14px;
                line-height: 25px;
                position: relative;
                color: #d2edd8;
            }

            .breadcrumb-wrapper span:first-child {
                padding-right: 16px;
            }

            .breadcrumb-wrapper span:first-child a {
                color: #fff;
            }

            .breadcrumb-wrapper span:first-child:after {
                position: absolute;
                content: "  /  ";
                width: 9px;
                height: 9px;
                right: 5px;
                display: inline-block;
                color: rgba(255, 255, 255, 1);
            }

            div#no_jobs {
                background: #2cb34a;
                margin: 15px 0 0;
                padding: 10px 15px;
                color: #fff;
            }

            .career_btn {
                display: block;
            }

            .publish_down {
                font-size: 14px;
                font-style: italic;
                color: #757575;
                margin-bottom: 10px;
            }

            /***** End Careers Css ****/

            .accordion {
                width: 100%;
            }

            .data-tab-area .owl-stage,
            .border-faq .tab-content>.active {
                display: block;
            }

            .my-account-mobile {
                background: #000;
                margin-left: 4px;
                padding: 1px 7px;
                border-radius: 20px;
                font-family: "ProximaNova-Semibold";
                font-size: 13px;
                color: #fff;
                display: none;
            }

            .my-account-mobile::before {
                content: "\f2be";
                font-family: FontAwesome;
                font-style: normal;
                font-weight: normal;
                display: inline-block;
                color: #fff;
                font-size: 15px;
            }

            a.my-account-mobile:hover {
                color: white !important;
            }

            /* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
            @media only screen and (min-width: 1500px) {
                .navigation-menu>ul>li {
                    margin: 0 5px !important;
                }
            }

            @media only screen and (max-width: 1024px) {

                .ls-large,
                .ls-small {
                    width: 97% !important;
                    margin: auto !important;
                }

                .whats-new img.card-img-top {
                    height: auto !important;
                }
            }

            @media only screen and (max-width: 1200px) {
                .team.leadership-profiles .featured-card .newsimg {
                    height: auto;
                }

                .team.leadership-profiles .card-body .newsimg {
                    max-height: 250px;
                }

                .profile-links {
                    flex-direction: column;
                }

                .team.leadership-profiles .card-body a.linkedin-profile {
                    padding-left: 0;
                    margin-top: 0.85em;
                }

                .team.leadership-profiles .carditem h1 {
                    font-size: 1.15em;
                }

                .team.leadership-profiles .carditem h3 {
                    font-size: 0.95em;
                }
            }

            @media only screen and (max-width: 991px) {
                .btn--base {
                    padding: 12px 20px;
                    font-size: 14px;
                }

                .slider-box.saf-foundation-card {
                    display: flex;
                }

                .slider-box.saf-foundation-card img {
                    padding-bottom: 0;
                    height: 340px;
                    width: 50%;
                    object-fit: cover;
                    border-radius: 10px !important;
                }

                .saf-foundation-card-text {
                    display: flex;
                    flex-direction: column;
                    width: 50%;
                    justify-content: center;
                    padding: 0.2em;
                }

                .team.leadership-profiles .featured-card .col-md-6:nth-child(1) {
                    display: flex;
                    align-items: flex-start;
                }

                .cookiesblock {
                    padding: 0 0 15px 0;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    margin: auto;
                    right: 0;
                    border-radius: 0;
                }

                .zuri {
                    top: calc(100vh - 130px) !important;

                    /* Override on mobile */
                    top: calc(100svh - 130px) !important;
                }

                .scrolling .zuri {
                    top: calc(100vh - 180px) !important;
                    /* Override on mobile */
                    top: calc(100svh - 180px) !important;
                }

                .pop-widget {
                    top: calc(100vh - 210px) !important;
                    /* Override don mobile */
                    top: calc(100svh - 230px) !important;
                }

                .scrolling .pop-widget {
                    top: calc(100vh - 260px) !important;
                    /* Override don mobile */
                    top: calc(100svh - 280px) !important;
                }

                .cookiesbtn ul li a {
                    padding: 5px 20px;
                    font-size: 12px;
                }

                .cookiesbtn {
                    text-align: center;
                    margin: 10px 0 0;
                }

                .cookiesblock p {
                    text-align: center;
                    margin: 10px 0 0;
                    font-size: 12px;
                }
            }

            @media only screen and (max-width: 990px) {
                .header-top-bar-info {
                    display: none !important;
                }

                .container-primary-and-secodary-columns {
                    padding-top: 1rem !important;
                }

                .column--primary .content-body__h1 {
                    font-size: 22px !important;
                }

                .home-banner .title-aside h2 {
                    font-size: 18px !important;
                }

                #system-message-container {
                    padding-top: 1em !important;
                }

                .item-page {
                    padding: 2rem 2rem 5rem !important;
                }

                .breadcrumbs {
                    display: none;
                }

                .item-page p {
                    font-size: 14px;
                }

                .item-page h2 {
                    font-size: 20px !important;
                }

                .header__logo {
                    display: none;
                }

                .mobile-logo {
                    padding: 15px !important;
                }

                .mobile-logo p {
                    margin: 0 !important;
                }

                .mobile-logo img {
                    width: 45px;
                }

                .header-bottom-wrap.header-sticky {
                    background: #2cb34a !important;
                }

                .slidersection .nav-tabs .nav-item {
                    display: inline-block;
                }

                .slidersection .nav-tabs .nav-link {
                    margin: 10px 0 !important;
                    font-size: 12px !important;
                    padding: 0 30px 0 0 !important;
                    position: relative !important;
                }

                .slidersection .nav-item:before {
                    right: 20px !important;
                }

                .card-slides .card-body {
                    min-height: auto !important;
                }
            }

            @media only screen and (max-width: 976px) {
                .main-form .financial-report {
                    padding: 1rem 1.5rem !important;
                }

                .main-form .form-card h3 {
                    font-size: 18px !important;
                }

                .main-form .form-card .form-control {
                    margin: 5px 0 1rem !important;
                }

                .main-form .form-card {
                    padding-bottom: 1rem !important;
                }

                .form-title H1 {
                    font-size: 16px;
                    margin: 0;
                }
            }

            @media only screen and (max-width: 960px) {
                .factsheet .mid .slider-box img {
                    width: 100% !important;
                }

                .data-plan .promo-slide {
                    width: 90%;
                }

                .mb-5,
                .my-5 {
                    margin-bottom: 2rem !important;
                }

                .speal-offers .mb-5,
                .speal-offers .my-5 {
                    margin-bottom: 0rem !important;
                    display: block;
                    width: 100%;
                }

                .speal-offers .mb-5 h2,
                .speal-offers .my-5 h2 {
                    font-size: 23px;
                    color: #000;
                }

                .data-plan .small-block-title h2 {
                    text-align: center !important;
                }

                #promoinside-1 .owl-dots {
                    padding: 0 !important;
                }

                .data-plan .promo-slide .btn-read-more {
                    margin: 15px auto;
                }

                .tarif-content .no-bk {
                    padding: 0px !important;
                    margin: 0;
                }

                .tarif-content .form-card h3,
                .tarif-content .slider-box h2 {
                    color: #000;
                    font-size: 14px !important;
                }

                .slider-box p,
                .tarif-content .read-more {
                    font-size: 13px !important;
                }

                .tarif-content .icon img {
                    height: 30px !important;
                    width: auto !important;
                }

                .tarif-content .slider-box {
                    min-height: auto !important;
                }

                .mpesa-offers .slider-box {
                    min-height: auto !important;
                }

                .tarif-content .icon {
                    margin: 0 !important;
                }

                .card-body {
                    padding: 10px !important;
                }

                .lower-footer li {
                    padding: 0 5px !important;
                }

                .lower-footer li a {
                    font-size: 11px;
                }

                .mobile-app h4 {
                    font-size: 20px !important;
                }

                .helpful h4 {
                    font-size: 16px !important;
                }

                .helpful h4 a img {
                    display: block;
                    margin: 10px auto !important;
                }
            }

            @media only screen and (max-width: 800px) {

                /* Force table to not be like tables anymore */
                #no-more-tables table,
                #no-more-tables thead,
                #no-more-tables tbody,
                #no-more-tables th,
                #no-more-tables td,
                #no-more-tables tr {
                    display: block;
                }

                /* Hide table headers (but not display: none;, for accessibility) */
                #no-more-tables thead tr {
                    position: absolute;
                    top: -9999px;
                    left: -9999px;
                }

                #no-more-tables tr {
                    border: 1px solid #ccc;
                }

                #no-more-tables td {
                    /* Behave  like a "row" */
                    border: none;
                    border-bottom: 1px solid #eee;
                    position: relative;
                    padding-left: 50%;
                    white-space: normal;
                    text-align: left;
                }

                #no-more-tables td:before {
                    position: absolute;
                    top: 6px;
                    left: 6px;
                    width: 45%;
                    padding-right: 10px;
                    white-space: nowrap;
                    text-align: left;
                    font-weight: bold;
                }

                #no-more-tables td:before {
                    content: attr(data-title);
                }
            }

            @media only screen and (max-width: 768px) {
                .team.leadership-profiles .newsimg {
                    min-height: 200px;
                }

                .leadership-profiles-header h1 {
                    font-size: 2.2em;
                    font-family: ProximaNova-Bold;
                }

                .team.leadership-profiles .featured-card span {
                    margin-bottom: 1em;
                }

                .saf-foundation-smaller-cards .col-sm-6.no_padding {
                    padding-left: 15px !important;
                    padding-right: 15px !important;
                }

                .saf-foundation-cards-section .no_padding {
                    padding: initial !important;
                }

                .team-modal .modal-body .newsimg {
                    width: 150px !important;
                    margin: 0 auto 15px !important;
                    position: relative !important;
                }

                .mobile-tab-headings+.nav-tabs {
                    display: block !important;
                }

                .slider .nav-tabs .nav-link {
                    font-size: 14px;
                    padding: 0 25px 0 0;
                }

                .shops .card-img-top {
                    width: 80% !important;
                    padding: 40px;
                }

                .shop .slider-box {
                    min-height: 500px;
                }

                .counterarea h3 {
                    font-size: 2rem;
                }

                .title-banner h1 {
                    font-size: 24px;
                    margin-top: 1rem;
                    margin-bottom: 1rem;
                    font-family: "ProximaNova-Bold";
                    color: #000;
                }

                .mobile-tab-headings {
                    display: none;
                    width: 100%;
                    padding: 5px 10px;
                    border: 1px solid #c4c4c4;
                    border-radius: 40px;
                    margin: 15px auto;
                    color: #000;
                    font-family: "ProximaNova-Bold";
                }

                .text_block h2,
                .text_block h1 {
                    font-size: 24px;
                    width: 80%;
                }

                .yt_overlay {
                    height: 100%;
                }

                .yt_bg_wrapper {
                    height: 550px;
                }

                .black_bg_wrapper {
                    padding: 0 !important;
                }

                .yt_bg_wrapper .btn.btn-border {
                    font-size: 14px;
                }

                .text_block {
                    max-width: 100% !important;
                }

                .mobile-tab-headings+.nav-tabs {
                    display: block !important;
                }

                .helpful h4 a {
                    display: block !important;
                }

                .slider .nav-item:before {
                    right: 10px !important;
                }

                .mobile-tab-headings {
                    width: 100%;
                    display: none !important;
                }
            }

            @media only screen and (max-width: 767px) {
                .img-holder .card-title {
                    display: flex;
                    text-align: center;
                    padding: 15% 10%;
                }

                .img-holder {
                    min-height: 130px;
                }

                #searched {
                    padding: 0 1.5rem;
                    font-size: 22px;
                }

                .timeline-col {
                    padding-top: 1rem;
                }

                .modal-dialog {
                    width: 80%;
                    margin-top: 5rem !important;
                    margin-left: auto;
                    margin-right: auto;
                }

                .team-modal .newsimg {
                    text-align: center;
                }

                .team-modal .newsimg img {
                    width: 250px;
                }

                .team-modal .card-body p {
                    font-size: 14px;
                }

                .team-modal .modal-body {
                    padding-top: 0 !important;
                }

                .mid- {
                    margin-top: 0 !important;
                }

                .mid- h1 {
                    font-size: 26px !important;
                    margin-bottom: 10px;
                }

                .mid- p {
                    font-size: 14px !important;
                    line-height: 23px !important;
                }

                .slim-read-more .read-more {
                    margin-bottom: 15px !important;
                    font-size: 14px !important;
                }

                .slim-read-more .read-more i {
                    font-size: 14px !important;
                }

                #Safaricom-Devices .benefit-image-image {
                    text-align: left;
                }

                .team .featured-card .card-body h1 {
                    font-size: 22px;
                }

                .team .featured-card .card-body p {
                    padding: 0.2rem 0;
                    font-size: 14px;
                }

                .team .card-body h3 {
                    margin-bottom: 7px;
                }

                .main-text p {
                    font-size: 14px;
                    width: 90%;
                }

                .team .tarif-content {
                    margin: 0 !important;
                }

                .team .tab-pane {
                    padding: 0;
                }

                .shop-slider .col-2 {
                    padding-right: 0 !important;
                }

                .shop-slider .carousel-indicators li {
                    margin: 1rem 0 !important;
                }

                .shop-details .hero-slider-content {
                    text-align: left !important;
                }

                .inside-shop {
                    padding-top: 1rem;
                }

                .hero-slider-content ul li {
                    font-size: 13px !important;
                }

                .carousel-inner .carousel-item img {
                    width: 70% !important;
                }

                .shop-slider {
                    margin-bottom: 1.3rem;
                }

                .color {
                    text-align: left;
                }

                .extras {
                    padding-top: 1rem;
                }

                .new-shop .card-container {
                    padding: 20px !important;
                    overflow: hidden;
                }

                .find-my-store .page-breadcrumb-content {
                    display: block !important;
                }

                .find-store .mobile-tab-headings {
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    background: #fff;
                    background-image: url({{ asset("media/zidii/external") }}/images/icons/select-arrow.svg);
                    background-repeat: no-repeat;
                    background-position-x: 95%;
                    background-position-y: 15px;
                    font-family: "ProximaNova-Semibold";
                    padding: 5px 30px;
                    letter-spacing: 1px;
                    color: #52b44b;
                    border: 1px solid #ccccccd1;
                }

                .new-shop .form-group {
                    margin-bottom: 0;
                    padding: 0 15px;
                }

                .design-table table tr td:last-child,
                .design-table table tr th:last-child {
                    padding-left: 15px;
                }

                .design-table table tr td:first-child,
                .design-table table tr th:first-child {
                    padding-right: 15px;
                }

                .design-table table tr th h2 {
                    font-size: 14px;
                    margin: 0.8rem 0;
                }

                .design-table table tr {
                    padding: 10px 0;
                }

                .design-table table tr td,
                .design-table table tr li {
                    font-size: 14px;
                }

                .design-table {
                    padding: 1rem !important;
                }

                .mpesa-pin .slider-box {
                    min-height: 250px !important;
                }

                .mpesa-pin .tips {
                    width: 90%;
                    margin: auto;
                }

                .mpesa-pin .slider-box .icon {
                    margin-top: 0 !important;
                }

                .new-shop .form-group .form-control {
                    width: 100% !important;
                    margin: 5px auto !important;
                }

                .promosliderarea .owl-theme .owl-nav.disabled+.owl-dots {
                    top: 20% !important;
                }

                .new-top {
                    padding: 1rem 0 !important;
                }

                .shop-slider .carousel-indicators li img {
                    width: 100% !important;
                }

                .extras .form-control,
                .extras span {
                    font-size: 10px;
                }

                .color span {
                    width: 17px !important;
                    height: 17px !important;
                }

                .shop-details .btn-read-more {
                    padding: 3px 20px;
                }

                .shop-details .hero-slider-content .hero-slider-btn a,
                .shop-details .hero-slider-content .read-more {
                    font-size: 11px;
                }

                .widget-modal .modal-dialog {
                    width: 90%;
                    margin: 5rem auto !important;
                }

                .widgets .theme-card {
                    min-height: auto !important;
                }

                .widget-modal .modal-title {
                    font-size: 18px;
                    margin: 0;
                }

                .financial-report .btn-read-more {
                    width: 100%;
                    text-align: center;
                    margin: 10px 0 !important;
                }

                .prominent .form-card {
                    margin: 0;
                    min-height: 100% !important;
                }

                .prominent .new-slider {
                    padding: 15px !important;
                }

                .prominent .ls-large,
                .prominent .ls-small {
                    width: 100% !important;
                    margin: auto !important;
                }

                .search-overlay__form input {
                    font-size: 30px;
                    height: 60px;
                }

                .next {
                    text-align: right !important;
                }

                .previous a,
                .next a {
                    font-size: 14px !important;
                }

                .previous::before,
                .next::after {
                    font-size: 14px !important;
                }

                .header-right-box .header-right-inner {
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    -webkit-flex-direction: row;
                    -ms-flex-direction: row;
                    flex-direction: row;
                }

                .large-offer ul li,
                .large-offer ol li {
                    font-size: 14px;
                }

                .media-center .slider-box .results {
                    height: auto !important;
                    overflow-y: auto;
                }

                .header-right-inner.active {
                    visibility: visible;
                    opacity: 1;
                    -webkit-transform: translateY(0);
                    -ms-transform: translateY(0);
                    transform: translateY(0);
                    z-index: 999;
                }

                .fraud .small-block-title {
                    margin-top: 0 !important;
                    padding-top: 0 !important;
                }

                h2 {
                    font-size: 28px;
                }

                .scam.customer .tips .slider-box {
                    min-height: auto !important;
                    text-align: center !important;
                }

                .financial-report ul li {
                    padding: 1rem 0 !important;
                }

                .scam .tips .slider-box {
                    min-height: auto !important;
                }

                .date-holder h1 {
                    font-size: 26px;
                }

                .financial-report ul li label {
                    display: block;
                    width: 100%;
                    padding-left: 0 !important;
                }

                .financial-report {
                    padding: 2rem !important;
                }

                .modal-dialog {
                    margin-top: 25vh;
                }

                .home-banner .col-lg-5+.col-lg-5,
                .home-banner .col-lg-6 {
                    flex: 100% !important;
                    max-width: 100% !important;
                }

                .fancybox-slide--iframe .fancybox-content {
                    padding: 0;
                    width: 100% !important;
                    height: 350px !important;
                    max-width: 100% !important;
                    max-height: 100% !important;
                    overflow: visible;
                    background: #fff;
                }

                .fancybox-slide {
                    padding: 20px !important;
                }

                .tarif-content .read-more {
                    margin: 0 !important;
                }

                .header__logo>a img {
                    width: 125px !important;
                    padding-top: 10px;
                }

                .border-faq .faqaccordion .card-title {
                    width: 90%;
                }

                .faqaccordion.accordion .card-body {
                    padding: 10px 20px !important;
                }

                .card-container .owl-theme .owl-nav.disabled+.owl-dots {
                    margin-top: 0 !important;
                }

                .lower-footer li {
                    padding: 5px !important;
                }

                .title-aside h2,
                .title-aside h1 {
                    font-size: 20px !important;
                }

                .internet-tools- .form-card {
                    min-height: auto !important;
                    margin: 20px 0;
                    padding: 15px;
                }

                .footer-lower {
                    margin-top: 0 !important;
                    padding-top: 0 !important;
                }

                .wrn-btn {
                    border-radius: 10px !important;
                }

                .search-sec-lg {
                    margin: auto !important;
                }

                .p-80 {
                    padding: 30px 0 !important;
                }

                .title-network h2 {
                    font-size: 20px !important;
                }

                #no-more-tables .table {
                    padding: 0 !important;
                }

                .intro-rates .btn-read-more {
                    font-size: 14px;
                }

                .search-sec-lg .form-group {
                    margin-bottom: 0px;
                    padding: 0 !important;
                }

                .wrn-btn {
                    border-radius: 10px;
                }

                .intro-rates p {
                    font-size: 15px !important;
                }

                .title-banner {
                    padding: 2rem 0 !important;
                }

                .title-banner .nav-tabs .nav-link,
                .roam-tab-area .nav-tabs .nav-link,
                .tabsdefalt-area .nav-tabs .nav-link {
                    font-size: 10px;
                    padding: 10px !important;
                }

                .tarif-content .form-card {
                    width: 90% !important;
                }

                .page-title-content,
                .search-sec-lg {
                    width: 100% !important;
                }

                .page-title-content p {
                    font-size: 16px;
                    padding: 0 !important;
                }

                .page-title-content h1 {
                    font-size: 24px !important;
                }

                .promopic img {
                    width: 80% !important;
                    max-width: 80% !important;
                }

                .hero-slider-content h1 {
                    font-size: 20px !important;
                }

                .hero-slider-content p,
                .cardarea_main p {
                    font-size: 14px !important;
                }

                .title h2 {
                    font-size: 18px;
                }

                .promoslider {
                    padding-bottom: 40px;
                }

                .previous,
                .next {
                    float: left;
                    width: 50%;
                }

                .cardarea_main h2 {
                    font-size: 16px;
                }

                .faqaccordion.accordion .card-body {
                    font-size: 13px;
                }

                .tarif-content .slider-box {
                    min-height: auto !important;
                    padding-bottom: 15px !important;
                }

                .list-articles {
                    padding: 0 15px !important;
                }

                .mb-padding {
                    padding-right: 0 !important;
                }

                .datatabs-area {
                    margin: 0 !important;
                }

                .tarif-content .slider-box {
                    margin: 0 auto 15px;
                }

                .tarif-content .no-bk {
                    padding: 10px 30px !important;
                }

                .small-block-title {
                    padding: 0 20px;
                    padding-right: 0;
                    /*text-align: center !important;*/
                }

                .data-plan .promo-slide {
                    padding: 35px 15px 0;
                    width: 75% !important;
                    text-align: center;
                }

                .tarif-content .owl-theme .owl-nav {
                    margin-top: 0;
                    width: 100% !important;
                    position: absolute;
                    top: 40%;
                    left: 0 !important;
                }

                .small-block-title h2 {
                    font-size: 18px !important;
                    margin: 15px 0 20px !important;
                }

                .tips-url {
                    text-align: center;
                }

                #myStocks-ir-ticker div.msl-ir-ticker-label {
                    display: block;
                }

                #myStocks-ir-ticker div div {
                    white-space: nowrap;
                    text-transform: capitalize;
                    float: none !important;
                    vertical-align: middle;
                    margin-right: 10px;
                    display: inline-block;
                    width: 100%;
                    text-align: center;
                }

                #myStocks-ir-ticker #msl-ir-ticker-security div {
                    text-align: center !important;
                    margin: 0;
                }

                #myStocks-ir-ticker div#msl-ir-ticker-time {
                    display: block !important;
                    margin-bottom: 20px !important;
                }

                #myStocks-ir-ticker img {
                    float: none !important;
                    vertical-align: middle;
                    margin: auto;
                }

                #myStocks-ir-ticker #msl-ir-ticker-security {
                    margin: 0;
                    display: block;
                    width: 100%;
                    text-align: center;
                }

                .mpesa .speal-offers .slider-box {
                    min-height: auto !important;
                }

                .speal-offers .slider-box h2 {
                    font-size: 18px !important;
                    font-family: "ProximaNova";
                    width: 100% !important;
                }

                .speal-offers .read-more {
                    padding-top: 0 !important;
                    font-size: 13px;
                }

                .speal-offers .slider-box {
                    width: 90% !important;
                    margin: 0 auto 10px !important;
                    display: block !important;
                }

                .speal-offers .card-body {
                    padding-left: 0 !important;
                    width: 100% !important;
                    text-align: center;
                }

                .large-offer .card-body {
                    text-align: left !important;
                }

                .large-offer .slider-box img {
                    width: 100% !important;
                }

                .large-offer .card-body {
                    float: right !important;
                    padding: 1rem !important;
                    width: 100% !important;
                    text-align: left !important;
                }

                .tarif .datatabs-area .nav-tabs .nav-link {
                    margin: 10px !important;
                    font-size: 12px !important;
                }

                .financials-reports .slider-box,
                .financials-reports .owl-theme .owl-nav.disabled+.owl-dots {
                    width: 90% !important;
                    margin: 0 auto 20px !important;
                }

                .content- b,
                strong {
                    font-family: "ProximaNova-Bold";
                    letter-spacing: 1px;
                    font-size: 12px;
                }

                .home-banner {
                    padding-bottom: 0;
                    padding-top: 30px;
                }

                .img-fluid {
                    max-width: 90%;
                    height: auto;
                    margin: auto;
                    border-radius: 15px;
                    display: block;
                }

                .sdg-team,
                .sdg-team-content {
                    width: 100%;
                }

                .sdg-team {
                    height: 300px;
                }

                .sdg .slider-box {
                    width: 85%;
                    margin: auto;
                }

                .sdg .white-holder {
                    padding: 2rem !important;
                }

                .sdg-leadership {
                    padding: 2rem;
                }

                .sdg-leadership .goal-content h2 {
                    font-size: 22px !important;
                    margin-bottom: 1rem !important;
                }

                .sdg-leadership .goal-content h3,
                .sdg-leadership .read-more {
                    margin-bottom: 1rem !important;
                    font-size: 17px;
                }

                .home-banner .title-aside h2 {
                    font-size: 16px !important;
                    text-align: center;
                }

                .home-banner .title-aside h2 br {
                    display: none;
                }

                .form-card h3,
                .whats-new .slider-box h2 {
                    font-size: 18px;
                }

                .shops .card-img-top {
                    width: 65% !important;
                    margin: auto;
                }

                .home-banner .title-aside {
                    padding-left: 0 !important;
                    width: 90%;
                    margin: 15px auto;
                    display: block;
                    text-align: center;
                }

                .home-banner-holder .owl-dots {
                    bottom: 0% !important;
                }

                .counterarea h3 {
                    font-size: 2rem !important;
                }

                .helpful h4 {
                    color: #000;
                    font-size: 14px !important;
                }

                .nsecounter-bottom ul li {
                    font-size: 11px !important;
                }

                .mobile-app h4 {
                    color: #fff;
                    font-size: 16px !important;
                    text-align: center;
                    margin: 0 auto 20px;
                }

                .helpful h4 a span img,
                .helpful h4 img {
                    height: 30px;
                    margin: 15px;
                }

                .apps-icon {
                    text-align: center;
                }

                .mobile-app .apps-icon img {
                    width: 35% !important;
                    margin: 0 15px;
                }

                .header-right-inner {
                    position: absolute;
                    top: 100%;
                    left: 0;
                    right: 0;
                    margin: auto;
                    width: 100%;
                    -webkit-box-pack: center;
                    -webkit-justify-content: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    padding: 20px;
                    -webkit-box-shadow: 0 15px 40px rgba(0, 0, 0, 0.09);
                    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.09);
                    -webkit-transform: translateY(30px);
                    -ms-transform: translateY(30px);
                    transform: translateY(30px);
                    background-color: #ffffff;
                    visibility: hidden;
                    opacity: 0;
                    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                    -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -webkit-flex-direction: column;
                    -ms-flex-direction: column;
                    flex-direction: column;
                }

                .header.default-menu-style .header-right-box .header-right-inner {
                    margin: auto;
                }

                .header.default-menu-style .header-right-box {
                    -webkit-flex-basis: 50%;
                    -ms-flex-preferred-size: 50%;
                    flex-basis: 50%;
                }

                .team-block .inner-box .image {
                    background: #fff !important;
                }

                .mb-noPadding {
                    padding-right: 15px !important;
                }

                .related-group .form-card img {
                    padding-bottom: 1rem !important;
                }

                .tarif-content .form-card .read-more {
                    padding-bottom: 0 !important;
                }

                .block-title-2 {
                    margin: 0 !important;
                    padding: 0 !important;
                }

                .get-intouch-wrapper ul {
                    margin-bottom: 3rem !important;
                }

                .get-intouch-wrapper .block-title-2 h2 {
                    font-size: 18px !important;
                }

                .get-intouch-wrapper ul li {
                    line-height: 16px !important;
                    color: #000;
                    margin-bottom: 1rem !important;
                    font-size: 13px !important;
                    width: 100% !important;
                }

                .getintouch {
                    padding: 0 20px;
                }

                .header.default-menu-style .header__logo {
                    -webkit-flex-basis: 50%;
                    -ms-flex-preferred-size: 50%;
                    flex-basis: 50%;
                    -webkit-box-pack: start;
                    -webkit-justify-content: flex-start;
                    -ms-flex-pack: start;
                    justify-content: flex-start;
                }

                .sdg-box-content {
                    padding: 1rem !important;
                }

                .modal-feedback .modal-dialog .modal-footer {
                    position: relative !important;
                }

                .funfact-col,
                .inside-count .inside-icon-holder .icons,
                .inside-icon-holder .owl-dots {
                    text-align: center !important;
                }

                .team-block .inner-box {
                    padding: 0 !important;
                    margin-bottom: 2rem;
                }

                .article-footer .read-more {
                    margin: 0 !important;
                }

                .title-aside h2 br,
                .title-aside h1 br {
                    display: none;
                }

                .content- ol,
                .content- ul {
                    padding-left: 20px !important;
                }

                .banner-image {
                    margin: 20px 0 10px;
                }

                .tarif-content .form-card .read-more {
                    padding-bottom: 0;
                }

                .owl-theme .owl-nav.disabled+.owl-dots {
                    margin-top: 0rem !important;
                    position: relative;
                    left: 0;
                    text-align: left;
                    width: 100%;
                    padding-left: 0px;
                }

                .mpesa .form-card img {
                    padding-bottom: 0 !important;
                }

                .mpesa .form-card h3 {
                    margin: 10px !important;
                }

                .mpesa .form-card .read-more {
                    padding-bottom: 0 !important;
                }

                .tarif-content {
                    margin-top: 20px;
                }

                .customer-content .content- {
                    width: 100% !important;
                }

                .breadcrumbsinside_breadcrumbs a,
                .breadcrumbsinside_breadcrumbs span {
                    font-size: 10px;
                }

                .breadcrumbsinside_breadcrumbs {
                    padding-top: 1rem !important;
                    text-align: center;
                }

                .small-block-title {
                    padding-left: 0 !important;
                }

                .three-cards .owl-next {
                    margin-right: -2rem;
                }

                .three-cards .owl-prev {
                    margin-left: -2rem;
                }

                .fraud .slider-box {
                    margin: 0 auto 15px;
                }

                .customer-content .small-block-title h1 {
                    font-size: 26px !important;
                }

                .small-block-title {
                    padding: 0;
                }

                .popup-new {
                    width: 300px !important;
                }

                .popup-new .ad img {
                    width: 40%;
                }

                .popup-new .modal-body h4 {
                    font-size: 20px !important;
                    line-height: initial !important;
                }

                .popup-new .modal-body p {
                    font-size: 14px !important;
                }

                .search-results.list-striped {
                    width: 100%;
                }

                #promoinside2 .owl-dots {
                    text-align: center;
                }

                .tarif-content .slider-box img {
                    width: 100% !important;
                }

                .page-breadcrumb-content {
                    display: none;
                }

                .btn-right {
                    top: -15px !important;
                }

                .whats-new .slider-box.ls-large h2,
                .form-card h3 {
                    font-size: 22px !important;
                }

                .slider-box.ls-large .promoslider-content {
                    background: #2cb34a !important;
                    padding: 50px 20px;
                }

                .slider-box {
                    min-height: 450px !important;
                }

                .analyst-coverage .slider-box {
                    min-height: 150px !important;
                }

                .owl-theme .owl-nav.disabled+.owl-dots {
                    margin-top: 1.3rem !important;
                }

                .slider-box p {
                    font-size: 14px !important;
                }

                .header__logo {
                    -webkit-flex-basis: 50%;
                    -ms-flex-preferred-size: 50%;
                    flex-basis: 50%;
                }

                .header__logo.top-logo {
                    padding: 15px 0;
                }

                .slider .nav-tabs .nav-item {
                    padding: 0;
                    display: inline-block;
                }
            }

            @media only screen and (max-width: 756px) {
                .image-container {
                    text-align: center;
                }

                li.has-children li.has-children a {
                    width: 100% !important;
                }

                .image-container img {
                    width: 90%;
                }

                .profiles-modal .carousel-inner .carousel-item img {
                    width: 100% !important;
                }

                .profiles-modal .carousel-inner .carousel-item .btn-read-more {
                    width: 45% !important;
                }

                .profiles-modal .carousel-control-prev {
                    left: 15px;
                }

                .profiles-modal .carousel-control-next {
                    right: 15px;
                }

                .brand-toolkit-logos {
                    padding: 0 20px !important;
                }

                .multiple-logos .small-logo .grey-holder {
                    margin-top: 0 !important;
                }

                .grey-holder img {
                    padding: 0 !important;
                    width: 200px !important;
                }

                .grey-holder {
                    min-height: 150px !important;
                }

                .brand-toolkit-logos .small-logo .grey-holder {
                    min-height: 200px !important;
                    margin-top: 15px;
                }

                .brand-toolkit-logos .btn-read-more {
                    margin-top: 0 !important;
                }

                .brand-campains .tarif-content {
                    margin-top: 0;
                }

                .brand-campains .tarif .nav-tabs {
                    margin-bottom: 0 !important;
                }

                .block-title-3 h3 {
                    font-size: 22px !important;
                }

                .block-title-3 {
                    color: #000;
                    padding-bottom: 0 !important;
                }

                .block-title-3 h5 {
                    font-size: 11px !important;
                }

                .toolkit-modal .date-holder h1 {
                    font-size: 28px !important;
                }

                .toolkit-modal .slider-box {
                    min-height: auto !important;
                    padding-bottom: 2rem;
                }

                .volte {
                    color: #000;
                    margin: 0 !important;
                }

                .select-phone img {
                    margin: auto !important;
                    width: 80% !important;
                }

                .volte .mt-5,
                .volte .mb-5 {
                    margin: 1rem 0 !important;
                }

                .volte h3 {
                    font-size: 19px;
                }

                .select-tabs h3 {
                    font-size: 16px;
                }

                .help-menu-modal .modal-dialog {
                    margin: auto;
                    position: relative !important;
                    float: none !important;
                    margin-top: 1.9rem !important;
                }

                .help-menu-modal .modal-footer .social {
                    width: 25%;
                }

                .help-menu-modal .up {
                    right: 24%;
                    top: 3px;
                }

                .mpesa-pin.about-joining .slider-box .btn-read-more {
                    position: relative !important;
                    bottom: inherit !important;
                    display: block;
                }

                .help-mobile {
                    display: block !important;
                }

                .child-abuse .slider-box {
                    min-height: auto !important;
                    margin-bottom: 0.5rem !important;
                }

                .tarif-content .slider-box img {
                    max-width: 100% !important;
                }

                #childprotection,
                .lg-content {
                    padding: 0 20px;
                }

                .no-bg .owl-theme .owl-nav.disabled+.owl-dots {
                    margin-top: 0 !important;
                }
            }

            @media only screen and (max-width: 600px) {
                .search_bar {
                    width: 100%;
                    max-width: 100%;
                }

                .searchbar {
                    height: 40px;
                    width: 100%;
                    font-size: 15px;
                }

                .search-lg-bar {
                    padding: 0 5px 0 10px;
                }

                .search-overlay__header .mobile-navigation-close-icon {
                    height: 37px;
                    width: 37px;
                    line-height: 37px;
                }

                .search-overlay__header .mobile-navigation-close-icon:after,
                .search-overlay__header .mobile-navigation-close-icon:before {
                    width: 20px;
                    height: 2px;
                    top: 18px;
                }

                .header-search-form-two a {
                    top: 0px;
                }

                .slide-bar {
                    z-index: 99999;
                }

                .body-overlay {
                    z-index: 9999;
                }

                .languagearea {
                    width: 100%;
                }

                .allsites-menu a {
                    font-size: 17px;
                }

                .speal-offers .small-block-title {
                    padding-left: 2rem !important;
                }

                .modal-content .image-holder .btn-read-more {
                    width: 90%;
                }
            }

            @media only screen and (max-width: 576px) {
                .tuiniane-modal .modal-footer {
                    padding: 1rem;
                }

                .tuiniane-modal .modal-footer .btn-secondary {
                    font-size: 12px;
                    padding: 5px 12px !important;
                }

                .tuiniane-modal .modal-body {
                    padding: 1rem !important;
                }

                .tuiniane-modal .modal-header img {
                    width: 200px;
                }

                .tuiniane-modal .modal-content {
                    border: 0;
                    border-radius: 10px;
                    height: 400px;
                    display: block;
                    padding-top: 2rem;
                }

                .swal-modal {
                    width: 93% !important;
                    padding-top: 0% !important;
                    height: auto !important;
                }

                .swal-overlay {
                    width: 100%;
                }

                .searchfrom {
                    padding: 0 15px;
                }

                .search-logo img {
                    height: auto;
                }

                .voiceinside img {
                    height: 20px;
                }

                .slider-box.saf-foundation-card {
                    display: flex;
                    flex-direction: column;
                    width: 100% !important;
                }

                .slider-box.saf-foundation-card img {
                    width: 100%;
                }

                .saf-foundation-card-text {
                    width: 100%;
                }

                .saf-foundation-card-tarif .col-sm-12.no_padding {
                    padding: 0 15px !important;
                }

                .saf-foundation-card-tarif .custom.d-inline-flex {
                    width: 100%;
                }
            }

            @media only screen and (max-width: 575px) {
                .searchfrom {
                    padding: 0 15px;
                }

                .search-logo img {
                    height: auto;
                }

                .voiceinside img {
                    height: 20px;
                }

                .header-right-box .header-right-inner {
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -webkit-flex-direction: column;
                    -ms-flex-direction: column;
                    flex-direction: column;
                }

                .card-area {
                    width: 95% !important;
                    margin: 10px auto 0 !important;
                }

                .sdg-content {
                    width: 90%;
                    margin: auto;
                    height: 350px;
                    margin-bottom: 1rem;
                    overflow: hidden;
                }

                .sdg-box {
                    width: 150px;
                }

                .sdg-box img {
                    width: 100%;
                }
            }

            @media only screen and (max-width: 479px) {
                .scroll-top {
                    width: 50px;
                    height: 50px;
                    line-height: 50px;
                    font-size: 20px;
                }

                .page-oppen-off-sidebar__inner {
                    width: 300px;
                }

                .mobile-menu-overlay__inner,
                .page-oppen-off-sidebar__inner {
                    width: 300px;
                }
            }

            /**** Media Screen ****/
            @media screen and (max-width: 1024px) {
                .aboutinfo {
                    padding: 0 30px;
                }

                .aboutinfo h2 {
                    font-size: 28px;
                }

                .aboutinfo p {
                    font-size: 16px;
                }

                .counter .counter__item h2 {
                    font-size: 30px;
                }

                .section-heading__title_big.text-center {
                    font-size: 28px;
                }
            }

            @media screen and (max-width: 991px) {
                .double-gap-top {
                    padding-top: 80px;
                }

                .double-gap-bottom {
                    padding-bottom: 80px;
                }

                .form-location-sec h1 {
                    font-size: 34px;
                    margin-top: 0;
                }

                .job-section .nav-tabs .nav-link {
                    padding: 12px 7px !important;
                }

                .section-heading p {
                    margin-bottom: 15px;
                }

                .videoinfo p {
                    min-height: auto;
                }

                .storiesinfo {
                    padding: 40px;
                }

                .sliderinfo {
                    padding: 40px;
                }

                .video-link .ht-popup-video .video-button__two .video-play {
                    width: 55px;
                    height: 55px;
                }

                .aboutinfo {
                    padding: 0 15px;
                }

                .header-right {
                    -webkit-box-flex: 1;
                    -webkit-flex-grow: 1;
                    -ms-flex-positive: 1;
                    flex-grow: 1;
                    -webkit-align-self: stretch;
                    -ms-flex-item-align: stretch;
                    align-self: stretch;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    -ms-flex-align: center;
                    align-items: center;
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: end;
                    -webkit-justify-content: flex-end;
                    -ms-flex-pack: end;
                    justify-content: flex-end;
                }

                .text_block {
                    margin: 10px 0;
                    max-width: 95%;
                }

                .card-container {
                    padding: 25px 30px;
                }

                .card-box {
                    margin-bottom: 30px;
                }

                .counterarea h3 {
                    font-size: 4rem;
                }

                .title p {
                    font-size: 16px;
                }

                .help {
                    padding-top: 10vh;
                    padding-bottom: 10vh;
                }

                .footer-content-list {
                    margin-bottom: 20px;
                }

                .footer-content-item h3 {
                    font-size: 14px;
                    margin-bottom: 15px;
                }

                .header-search-form-two.mobile-search {
                    color: #2cb34a;
                    padding-top: 0;
                    padding-right: 7px;
                }

                .d-sm-none {
                    display: none !important;
                }

                .help-mobile {
                    margin-left: 10px !important;
                }

                .header-right .header-search-form-two:last-child {
                    display: none;
                }

                .header-search-form-two.mobile-search a {
                    color: #fff;
                }

                .page-breadcrumb-area .page-breadcrumb-content {
                    padding-top: 0.5rem;
                    padding-bottom: 15px;
                }

                .page-title-content h1 {
                    font-size: 2rem;
                }

                .page-title-content p {
                    font-size: 16px;
                    padding: 0 5rem;
                }

                .slider-about-info h2 {
                    font-size: 1.5rem;
                    margin-top: 2rem;
                    margin-bottom: 10px;
                }

                .block-title p {
                    padding: 0 2rem;
                }

                .two-colmnarea {
                    padding: 3rem;
                }

                .imagearea img {
                    max-width: 100%;
                    width: 100%;
                }

                .largeSliderarea {
                    margin-bottom: 15px;
                }

                .data-top- h2 {
                    font-size: 28px;
                }

                .datatabs-area .nav-tabs .nav-link {
                    padding: 12px 4px !important;
                    font-size: 13px;
                }

                .block-title-2 h2,
                .block-title-2 h1 {
                    font-size: 24px;
                }

                .block-title-2 p {
                    font-size: 14px;
                    line-height: 20px;
                }

                .data-tab-area .video-popup {
                    margin: 30px auto 0;
                }

                .datastrip-green h3 {
                    margin-bottom: 15px;
                }

                .video-link .ht-popup-video .video-button__two .video-play {
                    width: 68px;
                    height: 68px;
                }

                .play-video {
                    position: absolute;
                    bottom: 60px;
                    top: 80px;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    z-index: 2;
                }

                .play-video-wrapper {
                    position: relative;
                }

                .promoslider {
                    margin: 2rem auto 0;
                }

                .promopic {
                    margin-bottom: 3rem;
                }

                .hero-slider-content {
                    text-align: center;
                }

                .cardarea_main {
                    margin-bottom: 30px;
                }

                .is-sticky .header-top-bar-info.show {
                    display: none !important;
                }
            }

            @media screen and (max-width: 900px) {}

            @media screen and (max-width: 800px) {}

            @media screen and (max-width: 767px) {
                .double-gap-top {
                    padding-top: 40px;
                }

                .double-gap-bottom {
                    padding-bottom: 40px;
                }

                .form-location-sec h1 {
                    font-size: 28px;
                    margin-top: 0;
                }

                .form-location-sec form input {
                    padding: 0px 40px;
                    height: 45px;
                    font-size: 14px;
                }

                .employees-slider,
                .stories-slider {
                    width: 90%;
                    margin: 0 auto;
                }

                .counter .col {
                    width: 100%;
                    flex-grow: unset;
                    flex: 0 0 100%;
                }

                .counter .titlemain {
                    margin-top: 20px;
                    margin-bottom: 20px;
                }

                .form-location-sec form button {
                    width: 48px;
                    height: 48px;
                    font-size: 21px;
                }

                .services_header h2 {
                    font-size: 16px;
                    min-height: auto;
                }

                .section-button,
                .section-heading {
                    padding: 0 15px;
                    margin-bottom: 5px;
                }

                .tarif .select-show .inside-page-nav .nav-tabs {
                    display: block !important;
                    margin: 0 !important;
                }

                .tarif .select-show .nav-tabs {
                    display: none !important;
                }

                .sdg-reports .tarif-content {
                    margin-top: 0 !important;
                }
            }

            @media screen and (max-width: 700px) {}

            @media screen and (max-width: 630px) {}

            @media screen and (max-width: 600px) {}

            @media screen and (max-width: 575px) {

                .team .news-box,
                .featured-card {
                    width: 85%;
                    margin: auto;
                }

                .row.title-search {
                    padding: 15px 20px !important;
                    text-align: center;
                }

                .mpesa-timeline-cards .title-search .form-control {
                    padding: 5px 10px !important;
                }

                .mpesa-timeline-cards .title-search {
                    margin: 0 !important;
                }

                .mpesa-timeline-cards .title-search .mx-auto {
                    padding: 0 !important;
                }
            }

            @media screen and (max-width: 480px) {
                .form-location-sec h1 {
                    font-size: 21px;
                    margin-top: 0;
                    margin-bottom: 0;
                }

                .form-location-sec form {
                    width: 90%;
                    margin-top: 15px;
                }

                .aboutinfo {
                    padding: 30px 15px;
                }

                .aboutinfo h2 {
                    font-size: 25px;
                }

                .job-navbar {
                    margin-bottom: 10px;
                }

                .services__item_content p {
                    padding: 15px 0;
                    font-size: 14px;
                    min-height: auto;
                }

                .services__item_content a {
                    padding: 9px 15px;
                    font-size: 13px;
                }

                .storiesinfo h2 {
                    letter-spacing: 1px;
                    margin-bottom: 10px;
                    font-size: 22px;
                }

                .storiesinfo h4 {
                    letter-spacing: 0;
                    margin-bottom: 15px;
                    font-size: 16px;
                }

                .storiesinfo p {
                    font-size: 14px;
                    letter-spacing: 0;
                    margin-bottom: 20px;
                }

                .btn--common {
                    padding: 7px 15px;
                    font-size: 14px;
                }

                .heading-title {
                    font-size: 24px;
                    letter-spacing: 0;
                }

                .job-section .nav-tabs .nav-link {
                    padding: 10px 3px !important;
                    font-size: 12px;
                }

                .employees-slider,
                .stories-slider {
                    width: 85%;
                    margin: 0 auto;
                }

                .videoinfo-lg h3 {
                    font-size: 17px;
                    letter-spacing: 1px;
                    margin-top: -17px;
                }

                ul.address-widget.text-end {
                    text-align: left !important;
                }

                .footersection .footer-top .address-widget li {
                    padding: 0px 0px 16px 0px;
                }

                .copy-right-menu {
                    text-align: center;
                }

                .footersection .footer-bottom .copy-right-menu li {
                    padding: 0px 5px;
                }

                .footersection .footer-bottom .copyright p {
                    margin: 0 0 10px;
                    text-align: center;
                }
            }

            @media screen and (max-width: 390px) {}

            @media screen and (max-width: 320px) {
                .slim h2 {
                    font-size: 20px !important;
                }

                .btn-read-more,
                .read-more {
                    font-size: 12px !important;
                }
            }

            .tab-content>.active {
                display: block;
                animation: 1s ease-in-out 0s normal none 1 running fadeInUp;
                overflow: hidden;
                padding: 0 15px;
            }

            .mid-section .tab-content>.active {
                padding: 0 !important;
            }

            a.btn-read-more.btn-white {
                background: white;
                color: #2cb34a;
                font-weight: bold;
            }

            a.btn-read-more.btn-white:hover {
                color: #fff !important;
                background: #000 !important;
            }

            .owl-carousel .owl-stage {
                display: flex;
            }

            .sm_-block-title.text-left.mt-5.mb-5 {
                display: block;
                width: 100%;
                margin: 2rem 0 0 !important;
                color: #000;
            }

            .sdg-content-tabs .video-popup {
                margin: 0;
                border-radius: 0;
            }

            .sdg-content-tabs img {
                border-radius: 0 !important;
                width: 100%;
            }

            .banne-slider-holder {
                position: absolute;
                z-index: -9;
                right: initial;
                left: 0;
                width: 100%;
            }

            .story-bg {
                height: 120vh;
                background-repeat: no-repeat !important;
                background-size: cover !important;
                background-position: center center !important;
                position: relative;
                margin-left: 10px;
                border-radius: 15px;
            }

            .full-banner-animation .owl-dots {
                display: none !important;
                margin-top: 0;
            }

            .story-slider-holder .video-box {
                position: absolute;
                width: 100%;
                z-index: 2;
                height: 100%;
            }

            .top-bar-right .help-menu {
                color: #fff !important;
            }

            .top-bar-right .customer {
                color: #52b44b !important;
            }

            .new-customer-h2 {
                font-size: 24px;
                color: #000;
                margin: 0;
                padding-top: 26px;
            }

            /* Related Lset side */

            .related-left .slider-box h2 {
                color: #000 !important;
            }

            .related-left .slider-box {
                min-height: auto !important;
                margin: auto;
            }

            .related-left .results ol,
            .related-left .results ul {
                padding-left: 0 !important;
                border-top: 0 !important;
                margin: auto;
            }

            .related-left .results ol li,
            .related-left .results ul li {
                list-style-type: none;
                line-height: 22px;
                margin: auto;
                padding: 10px 0;
            }

            .related-left .results ol li:last-child,
            .related-left .results ul li:last-child {
                border-bottom: 0 !important;
            }

            .related-left .results ol li a,
            .related-left .results ul li a {
                list-style-type: none;
            }

            .content-section .mid-section h1 {
                font-size: 26px;
                margin-bottom: 1.5rem;
            }

            @media only screen and (max-width: 767px) {
                .mpesa_regulated h1 {
                    font-size: 14px !important;
                }

                .related-left .slider-box {
                    min-height: auto !important;
                    margin: auto;
                    border: 0;
                    border-radius: 0;
                    padding: 1rem;
                }

                .related-left {
                    padding: 0 !important;
                }
            }

            .bgs-holder {
                height: 650px;
            }

            .full-banner-animation {
                display: block !important;
                width: 100% !important;
            }

            .footer-action-list {
                text-align: center;
                border-top: 1px solid #cccccc57;
                padding-top: 1.5rem;
            }

            .mid-section iframe {
                width: 100%;
                height: 400px;
            }

            .product-url .icon-holder {
                width: 60px;
                margin-right: 10px;
            }

            .product-url .title-holder h5 {
                font-size: 19px;
                letter-spacing: 0.3px;
                font-weight: 500;
                font-family: "ProximaNova-Semibold";
            }

            .product-url {
                color: #000;
                border-bottom: 1px solid #ccc;
                padding-bottom: 1.3rem;
                margin: 1.8rem 0;
            }

            .product-url:hover .title-holder h5 {
                color: #52b44c;
            }

            .main-profile .card-body h1 {
                font-family: "ProximaNova-Bold";
            }

            .main-profile .leadership-profiles .carditem {
                margin-bottom: 1.2rem;
                border: 1px solid;
                padding: 10px;
                display: block;
                height: auto;
            }

            .main-profile .card-body h3 {
                margin-bottom: 0;
            }

            /* Get Rates Section */
            .pop-widget .say-hello {
                background: #f4f4f4;
                display: none;
            }

            .zuri .say-hello {
                display: none;
            }

            .pop-widget:hover .say-hello,
            .zuri:hover .say-hello {
                display: block;
            }

            .bill-manager .slider-box {
                min-height: 300px;
                height: 95%;
            }

            .bill-manager .slider-box h2 {
                color: #000;
                font-size: 16px;
                margin-top: 1.5rem;
            }

            .form-holder {
                padding: 2rem;
                border: 1px solid rgba(0, 0, 0, 0.2);
                border-radius: 10px;
            }

            .form__heading {
                font-size: 18px;
                text-transform: uppercase;
            }

            .bill-form .formblock .form-group label {
                color: #000;
                font-size: 12px;
                font-weight: bold;
            }

            .bill-form .block-title-2 h2 {
                font-size: 20px;
            }

            .bill-manager .block-title-2 h2 {
                font-size: 26px;
            }

            .small-banner .home-banner-holder img {
                width: 200px;
                margin: auto;
            }

            .home-banner-holder {
                color: #000;
            }

            .home-banner-holder h2 {
                color: #000;
                font-size: 18px;
            }

            .home-banner-holder .banner-info p {
                width: 80%;
                margin: auto;
                font-size: 15px;
                font-family: "ProximaNova-Semibold";
            }

            .small-banner .banner-image {
                background: #f4f4f6;
                min-height: 430px;
                border-radius: 15px;
                overflow: hidden;
            }

            .small-banner .home-banner-holder .owl-dots {
                margin: 0;
                position: absolute;
                bottom: 9%;
                left: 0;
                right: 0;
                margin: auto;
                width: 100%;
                text-align: center;
                margin-top: 0 !important;
            }

            .small-banner .title-aside h1 {
                font-size: 28px;
            }

            .border-less {
                color: #2cb34a;
                background: transparent;
                border: 1px solid #2cb34a;
            }

            @media screen and (max-width: 800px) {
                .bill-form .block-title-2 h2 {
                    font-size: 14px;
                }
            }

            @media screen and (max-width: 767px) {
                .small-banner .banner-image {
                    min-height: auto !important;
                }

                .small-banner .owl-theme .owl-nav.disabled+.owl-dots {
                    margin-top: 0 !important;
                    margin-bottom: 1.5rem;
                }

                .bill-manager .block-title-2 h2 {
                    font-size: 18px;
                }
            }

            /* Careers css */

            .bill-manager .slider-box {
                min-height: 300px;
                height: 95%;
            }

            .diversity .video-link .ht-popup-video .video-button__two .video-play {
                width: 50px;
                height: 50px;
            }

            .inclusion .slider-box {
                min-height: auto !important;
                height: 95%;
            }

            .inclusion .slider-box p {
                font-family: "ProximaNova-Semibold";
                line-height: 20px;
                font-size: 15px;
            }

            .inclusion .slider-box h2 {
                font-family: "ProximaNova-Semibold";
                line-height: 20px;
                font-size: 16px;
                color: #000;
            }

            .inclusion .video-box {
                height: 230px;
                overflow: hidden;
            }

            .inclusion .video-box img,
            .our__culture .card img {
                border-radius: 0 !important;
                height: 100%;
                object-fit: cover;
                transition: all ease-in-out 0.8s;
            }

            .inclusion .slider-box:hover img,
            .our__culture .card:hover img {
                transform: scale(1.2);
            }

            .inclusion .single {
                height: 100%;
            }

            .inclusion .block-title-2 h2 {
                font-size: 24px;
            }

            .our__culture .card {
                border-radius: 15px;
                overflow: hidden;
                height: 400px;
            }

            .our__culture .card img {
                height: 100%;
                object-fit: cover;
            }

            .our__culture .culture__content {
                position: absolute;
                bottom: 5%;
                color: #fff;
            }

            .our__culture .culture__content h3 {
                font-size: 16px;
                margin-bottom: 10px;
            }

            .our__culture .culture__content .read-more {
                text-decoration: none;
                color: #fff;
                margin: 0;
                font-family: "ProximaNova";
                font-size: 14px;
            }

            .our__culture .culture__content .read-more::after {
                color: #fff;
            }

            .our__culture .card:hover h3,
            .our__culture .card:hover .read-more,
            .our__culture .card:hover .read-more::after {
                transform: scale(1.15, 1.15);
                -webkit-animation: 0.5s 0.1s fadeInUp both;
                animation: 0.5s 0.1s fadeInUp both;
            }

            @media screen and (max-width: 767px) {
                .my-account-mobile {
                    display: flex !important;
                    align-items: center;
                    gap: 5px;
                }

                .inclusion .video-box img,
                .our__culture .card img {
                    max-width: 100% !important;
                }

                .inclusion .block-title-2 h2 {
                    font-size: 18px;
                }
            }

            .banner-video .double-gap-top {
                padding: 0;
                height: 280px;
                display: flex;
                align-items: center;
            }

            .internship h1 {
                font-size: 24px;
                color: #000;
            }

            .internship p {
                color: #000;
            }

            .internship .img-fluid {
                border-radius: 15px;
            }

            .internship .section-heading p {
                font-family: "ProximaNova-Semibold";
            }

            .internship .slider-box {
                min-height: auto !important;
                border: 0;
                box-shadow: 0px 2px 5px 0px #0000002e;
            }

            .about-info p {
                font-family: "ProximaNova-Semibold";
                font-size: 16px;
            }

            .internship .white-holder h3 {
                font-family: "ProximaNova-Semibold";
                color: #2cb34a;
                font-size: 22px;
                margin-bottom: 5px;
            }

            .italics {
                font-style: italic;
            }

            .header-background {
                background: linear-gradient(0deg,
                        rgba(0, 0, 0, 0.2) 0%,
                        rgba(0, 0, 0, 0.2) 100%),
                    lightgray 50% / cover no-repeat;
                background-size: cover;
                background-repeat: no-repeat;
                height: 450px;
                color: #ffffff;
                display: flex;
                align-items: center;
                font-size: 1rem;
                font-weight: 500;
                line-height: 149.4%;
                /* 23.904px */
                background-position: 50% top;
            }

            .header-background p {
                max-width: 60ch;
            }

            .text-with-img {
                display: grid;
                grid-template-columns: 60% auto;
                gap: 2rem;
                margin: 1rem 0;
            }

            .about-spark-fund {
                color: black;
            }

            .about-spark-fund h2 {
                font-size: 1.25rem;
            }

            .selection-criteria h2,
            .other-criteria h2,
            .application-process h2,
            .spark-contacts h2 {
                font-size: 1.375em;
            }

            .about-spark-fund-card-content {
                font-size: 1.25rem;
            }

            .about-spark-fund p,
            .other-criteria p,
            .other-criteria li,
            .spark-contacts p,
            .spark-contacts a {
                font-size: 0.875rem;
                line-height: 2.3;
            }

            .other-criteria p,
            .other-criteria li {
                line-height: 2;
            }

            .other-criteria ul li {
                list-style-type: disc;
            }

            .text-with-img img,
            .other-criteria-container img,
            .application-process-img img {
                max-width: 100%;
                width: 100%;
                height: 300px;
                object-fit: cover;
                object-position: left;
                border-radius: 10px;
            }

            .other-criteria-container img {
                height: 400px;
                object-position: center;
            }

            .selection-criteria-card img {
                width: 70px;
                height: 70px;
            }

            .about-spark-fund-card {
                display: flex;
                background-color: #ffffff;
                border-radius: 10px;
            }

            .about-spark-fund-card-img img {
                border-top-left-radius: 10px;
                border-bottom-left-radius: 10px;
                height: 100%;
                object-fit: cover;
                object-position: left;
            }

            .about-spark-fund-card-content {
                border-top-right-radius: 10px;
                padding: 1rem 1rem 1rem 3rem;
                display: flex;
                flex-direction: column;
                justify-content: center;
            }

            .spark-fund-form-header {
                margin-top: 3rem;
            }

            .spark-fund-form-header .financial-report {
                background-color: #2CB34A;
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0;
                padding-top: 1.5rem;
                padding-bottom: 1rem;
                margin-top: 1rem;
            }

            .spark-fund-form-header .financial-report .block-title-3 {
                color: #ffffff;
                padding-bottom: 0;
            }

            .spark-fund-form {
                background-color: rgba(44, 179, 74, 0.10);
            }

            .financial-report.spark-fund-form {
                border-top-right-radius: 0;
                border-top-left-radius: 0;
            }

            .main-form .spark-fund-form .form-card .form-control {
                border: 1px solid rgba(191, 191, 191, 0.70);
            }

            .selection-criteria {
                text-align: center;
                color: #000000;
            }

            .selection-criteria-cards-container {
                display: flex;
                gap: 2rem;
                justify-content: center;
                color: #000000;
            }

            .selection-criteria-card {
                border-radius: 30px;
                border: 1px solid rgba(0, 0, 0, 0.1);
                background: #ffffff;
                padding: 2rem;
            }

            .other-criteria-content ul {
                margin-left: 1rem;
            }

            .selection-criteria-card h4 {
                font-size: 1.1rem;
                font-weight: 700;
                margin-top: 1.5rem;
                margin-bottom: 0.8rem;
            }

            .selection-criteria-card p {
                font-size: 0.9375em;
            }

            .other-criteria-container,
            .application-process-container {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 2rem;
                color: #000000;
                align-items: center;
                justify-content: center;
            }

            .application-process {
                background-color: #ffffff;
            }

            .spark-contacts {
                color: #000000;
                text-align: center;
            }

            .spark-contacts-links {
                margin-top: 1rem;
                margin-bottom: 1rem;
            }

            .selection-criteria .owl-stage-outer {
                margin-bottom: 1rem;
            }

            .jump-to-select {
                border-radius: 10px;
                border: 1px solid rgba(0, 0, 0, 0.10);
                height: 58px;
                background-color: #ffffff;
                font-size: 13px;
                font-weight: bold;
                letter-spacing: 1px;
                width: 23rem;
                margin-bottom: 1.1rem;
                margin-top: 0.5rem;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                color: #000;
                padding-left: 1rem;
                background-repeat: no-repeat;
                background-color: #fff;
                background-position: 95% 50%;
            }

            .scroll-padding-section {
                scroll-margin-top: var(--scroll-margin, 14rem);
            }

            .scroll-padding-section h3 {
                margin-top: 2rem;
                color: #2cb34a;
            }


            .sticky {
                position: fixed;
                top: 0;
                z-index: 999;
                transition: .5s ease;
                box-shadow: 0px 5px 10px 4px rgba(0, 0, 0, 0.05);
            }

            .sticky-after {
                top: 120px;
            }

            .backBtnSpark {
                margin-left: 2rem;
            }

            @media only screen and (max-width: 1200px) {
                .sticky-after {
                    top: 160px;
                }
            }

            @media only screen and (max-width: 992px) {
                .header-background {
                    height: 400px;
                    align-items: end;
                }

                .text-with-img {
                    grid-template-columns: auto;
                }

                .about-spark-fund-card-content h3 {
                    font-size: 1.1rem;
                }

                .scroll-padding-section {
                    scroll-margin-top: 9rem;
                }

                .scroll-padding-section-b {
                    scroll-margin-top: 12rem;
                }

                .sticky-after {
                    top: 75px;
                }

                .backBtnSpark {
                    margin-left: 1rem;
                }
            }

            @media only screen and (max-width: 768px) {

                .other-criteria-container,
                .application-process-container {
                    grid-template-columns: auto;
                }

                .application-process .application-process-img {
                    order: 1;
                }

                .other-criteria-container img {
                    height: 300px;
                }

                .about-spark-fund-card {
                    flex-direction: column;
                }

                .about-spark-fund-card-img img {
                    border-top-right-radius: 10px;
                    border-bottom-left-radius: 0;
                }

                .about-spark-fund-card-content {
                    padding: 1.5rem;
                }
            }

            @media only screen and (max-width: 385px) {
                .jump-to-select {
                    width: 18rem;
                }
            }

            #applyBtn {
                display: none;
                position: fixed;
                bottom: 80px;
                right: 10px;
                z-index: 99;
                border: none;
                outline: none;
                cursor: pointer;
            }

            #applyFundBtn {
                display: none;
                position: fixed;
                right: 10px;
                z-index: 99;
                border: none;
                outline: none;
                cursor: pointer;
            }

            @media only screen and (min-width: 992px) {
                #applyFundBtn {
                    bottom: 27%;
                }

            }

            @media only screen and (max-width: 992px) {
                #applyFundBtn {
                    bottom: 41%;
                }

            }

            .related-left .slider-box .card-body {
                min-height: fit-content;
                /* height: 400px; */
                overflow-x: hidden;
            }

            .navigation-menu>ul>li.current ul .current a {
                color: #52b44b;
            }

            /* Management CTA */
            .management-button {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: end;
                -ms-flex-pack: end;
                justify-content: flex-start;
                margin-top: 2rem;
            }

            .courselBlock-area .tab-content>.active {
                margin-top: 1rem;
                padding: 0;
            }

            .counter__item p {
                color: #fff;
            }

            /* end Here */

            .full-container {
                height: 500px;
                position: relative;
            }

            .banner-content {
                position: absolute;
                bottom: 25%;
                color: #fff;
            }

            .main-banner-spark .banner-content {
                position: relative;
                bottom: auto;
            }

            .main-banner-spark .owl-item {
                margin-right: 0 !important;
            }

            .full-banner .owl-nav.disabled+.owl-dots {
                text-align: left;
                position: relative;
                z-index: 9;
                margin-top: -5rem;
                margin-bottom: 3rem;
            }

            .banner-content h1 {
                font-size: 28px;
            }

            .banner-content p {
                font-size: 16px;
            }

            .full-banner .owl-dots .owl-dot span {
                background: #fff !important;
                border: none;
            }

            .full-banner .owl-dots .owl-dot.active span,
            .full-banner .owl-dots .owl-dot.active span {
                background-color: #52b44b !important;
            }

            .video-content-holder {
                color: #000;
            }

            .video-content-holder h2 {
                font-size: 22px;
                margin-bottom: 0;
            }

            .video-content-holder h3 {
                font-size: 18px;
            }

            .video-content-holder .single-popup-wrap {
                height: 330px;
            }

            .video-content-holder .single-popup-wrap img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

            .cards-list .card {
                border-radius: 10px;
                border: 1px solid rgba(0, 0, 0, 0.10);
                background: #FFF;
                height: 98%;
                color: #000;
            }

            .cards-list .card h3 {
                font-size: 16px;
                color: #2CB34A;
            }

            .cards-list ul {
                padding-left: 15px;
            }

            .cards-list ul li {
                list-style-type: disc;
                margin-bottom: .5rem;
                font-size: 15px;
            }

            .cards-list .image-holder {
                padding: 0;
                height: 210px;
                overflow: hidden;
                border-radius: 15px;
                margin-bottom: 1.5rem;
            }

            .cards-list .image-holder img {
                height: 100%;
                object-fit: cover;
            }

            .cards-list .card-body {
                padding: 15px 15px 2rem;
            }

            .small-block-title {
                color: #000;
            }

            .cards-list .icon {
                width: 80px;
                height: 80px;
                margin: 1.5rem auto;
                background: #2bb349;
                padding: 1.2rem;
                border-radius: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .icn {
                width: 80px;
                height: 80px;
                /* margin: 1.5rem auto; */
                margin-top: 1.5rem;
                margin-bottom: 1.3rem;
                background: #2bb349;
                padding: 1.2rem;
                border-radius: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .cards-list .owl-theme h3 {
                color: #000;
            }

            .cards-list .owl-theme .card {
                padding: 15px 15px 1.5rem;
            }

            .cards-list {
                background-size: cover !important;
            }

            .with-bg .small-block-title h2,
            .with-bg .small-block-title p {
                color: #fff;
            }

            .with-bg .card {
                background: transparent;
                color: #fff;
            }

            .with-bg .card h3 {
                font-size: 24px;
                color: #fff;
            }

            .with-bg .icon {
                margin: 0 auto;
                background: transparent;
                padding: 0;
            }

            .with-bg .card p {
                width: 80%;
                margin: auto;
            }

            .history-holder .history-holder .owl-carousel .owl-stage-outer {
                padding-top: 1.5rem;
            }

            .history-holder .owl-dots {
                position: absolute;
                top: 35%;
                width: 100%;
                display: flex !important;
                opacity: 1 !important;
                justify-content: space-between;
                padding: 0;
                margin: 0 !important;
                height: 1.5px;
                background: #000;
                z-index: -1;
            }

            .history-holder .owl-dots::before {
                content: "";
                width: 10px;
                height: 10px;
                background: #000;
                position: absolute;
                top: -4px;
                z-index: -1;
                left: 0;
                border-radius: 100%;
            }

            .history-holder .owl-dots::after {
                content: "";
                width: 10px;
                height: 10px;
                background: #000;
                position: absolute;
                top: -4px;
                z-index: -1;
                right: 0;
                border-radius: 100%;
            }

            .history-holder .owl-dots span {
                margin: 0 !important;
            }

            .history-holder .owl-theme .owl-dots .owl-dot span {
                background: #fff;
                border: 1px solid #52b44b;
            }

            .history-holder .owl-theme .owl-dots .active span {
                background: #BA0C2F;
                border: 1px solid #52b44b;
            }

            .cards-list .history-holder .icon {
                border-radius: 15px;
                margin: 1rem auto;
            }

            .history-holder .card {
                border-radius: 10px;
                margin: 0;
                border: transparent !important;
                background: transparent;
            }

            .history-holder .card h2 {
                font-size: 15px;
                margin-bottom: 0;
                color: #2cb349;
            }

            .cards-list .history-holder .owl-theme .card {
                padding: 10px 15px;
            }

            .history-holder .card p {
                margin-bottom: 0;
            }

            .history-holder .owl-theme .owl-dots .owl-dot {
                width: 100%;
                display: none;
            }

            .history-holder .owl-dots .owl-dot span {
                background: #fff !important;
                width: 12px;
                height: 12px;
            }

            .history-holder .owl-dots .owl-dot.active span {
                width: 12px;
                height: 12px;
                background-color: #52b44b !important;
            }

            .form-heading {
                border-radius: 10px 10px 0px 0px;
                background: #2CB34A;
                color: #fff;
            }

            .form-heading .block-title-3 {
                color: #fff;
            }

            .border-less:focus {
                color: #2cb34a;
                background: transparent !important;
            }

            .partner-slider .card {
                border-radius: 20px;
                background: #FFF;
                border: 0;
                padding: 2rem 1.5rem;
            }

            .logo-holder {
                width: 100px;
                margin: auto;
            }

            .menu-style-four .navigation-menu>ul>li>a.btn-read-more-nav-btn {
                display: inline-block;
                padding: 7px 18px !important;
                font-size: 14px;
                background: #2cb34a;
                border-radius: 20px;
                color: #fff;
                font-family: 'ProximaNova' !important;
            }

            .navigation-menu>ul>li {
                display: flex;
                align-items: center;
            }

            .watermark {
                position: absolute;
                left: 0;
                right: 0;
                margin: auto;
                text-align: center;
                top: 0;
                bottom: 0;
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .content-section p,
            .content-section ul li,
            .content-section ol li {
                position: relative;
                z-index: 1;
            }

            .mid-section h2 {
                display: flex;
                align-items: center;
                gap: 15px;
                position: relative;
                z-index: 1;
                width: 100%;
            }

            .partner-reports .tarif {
                /* border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.10); */
                background: #F5F5F5;
            }

            .partner-reports li {
                list-style-type: none;
                height: 100%;
            }

            .partner-reports ul {
                padding: 0;
            }

            /* .partner-reports li a{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 1rem;
} */


            .slider-icons .icon {
                width: 80px;
                height: 80px;
                background: #f4f4f6;
                display: flex;
                padding: 1rem;
                border-radius: 100%;
                margin: 0 auto 1.3rem;
                text-align: center;
                align-items: center;
                justify-content: center;
            }

            .slider-icons .icon img {
                border-radius: 0;
                width: auto;
            }

            .slider-icons .slider-box {
                padding: 1.5rem;
                border: 0;
                border-radius: 10px;
                background: #FFF;
                box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
                min-height: auto;
                height: 95%;
                margin: 0;
            }

            .slider-icons .slider-box p {
                width: 90%;
                margin: auto;
            }

            .slider-icons .btn-read-more i {
                padding-left: 10px;
            }

            .slider-icons .btn-read-more {
                margin-bottom: .5rem;
            }

            .tips {
                height: 100%;
            }

            /* Dark Mode */
            .dark,
            .dark section,
            .dark .bg-white {
                background: #0f0f0f !important;
                color: #fff;
                transition: 0.3s ease all;
            }

            .dark .card-container,
            .dark .slider-box,
            .dark .white-holder,
            .dark .header-top-bar-info,
            .dark .slide-bar,
            .dark .close-mobile-menu,
            .dark .megamenu,
            .dark .menu-style-four .navigation-menu>ul>li>a:hover {
                background: #343434 !important;
                color: #fff;
                transition: 0.3s ease all;
            }

            .dark .header-bottom-wrap.header-sticky {
                background: #000 !important;
                margin-top: -1px;
            }

            .dark .card-title,
            .dark .card-body p,
            .dark .card-body h4,
            .dark .card-body h3,
            .dark .card-body h2,
            .dark .block-title-2 p,
            .dark .block-title-2 h2,
            .dark .block-title-2 h3 {
                color: #fff !important;
            }

            .dark .arrow ol li a,
            .dark .slider-box h2,
            .dark .helpful h4,
            .dark .helpful a,
            .dark .menu-style-four .navigation-menu>ul>li>a,
            .dark .heading-title {
                color: #fff !important;
            }

            .dark .slidersection .nav-tabs .nav-link,
            .dark .arrow ol li a:after,
            .dark .read-more,
            .dark .results ol li,
            .dark #myStocks-ir-ticker div#msl-ir-ticker-time,
            .dark #myStocks-ir-ticker div.msl-ir-ticker-value,
            .dark .card-list li a,
            .dark .slider-box p,
            .dark .title-aside h2,
            .dark .title-aside h1,
            .dark .title-aside p,
            .dark .small-block-title h2,
            .dark .breadcrumbsinside_breadcrumbs span,
            .dark .megamenu--mega>li a {
                color: #fff;
            }

            .dark .inside-shop.bg-grey .slider-box {
                background: transparent !important;
            }

            .dark .ls-large {
                background: #2cb34a !important;
            }

            .dark .top-bar-right .customer {
                color: #f00 !important;
            }

            .dark .whatsnew {
                background: transparent !important;
            }

            .dark .tarif .datatabs-area .nav-tabs .nav-link,
            .dark .border-faq .faqaccordion .card-header,
            .dark .border-faq .faqaccordion.accordion .card-body {
                background: #343434;
                color: #fff;
            }

            .dark tr {
                border-bottom: 1px solid rgb(255 255 255 / 50%);
            }

            .dark table {
                border: 1px solid rgb(255 255 255 / 50%);
            }

            .dark td {
                border-right: 1px solid rgb(255 255 255 / 50%);
            }

            /* Dark Mode Button */
            .button-cover {
                position: relative;
            }

            .knobs,
            .layer {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
            }

            .button {
                position: relative;
                width: 60px;
                overflow: hidden;
            }

            .button.r,
            .button.r .layer {
                border-radius: 100px;
            }

            .button.b2 {
                border-radius: 15px;
            }

            .checkbox {
                position: relative;
                width: 100%;
                height: 15px;
                padding: 0;
                margin: 0;
                opacity: 0;
                cursor: pointer;
                z-index: 3;
            }

            .knobs {
                z-index: 2;
            }

            .layer {
                width: 100%;
                background-color: #fff;
                transition: 0.3s ease all;
                z-index: 1;
            }

            /* Button 9 */
            #button-10 .knobs:before,
            #button-10 .knobs:after,
            #button-10 .knobs span {
                position: absolute;
                top: 2px;
                width: 20px;
                height: 20px;
                font-size: 13px;
                font-weight: bold;
                text-align: center;
                line-height: 1;
                padding: 4px 0px;
                border-radius: 15px;
                transition: 0.3s ease all;
            }

            #button-10 .knobs:before {
                content: "";
                left: 4px;
                background-color: #51b24a;
            }

            #button-10 .knobs:after {
                right: 4px;
                color: #4e4e4e;
                content: "\f186";
                font-family: "Font Awesome 5 Free";
                font-style: normal;
                font-weight: normal;
                text-decoration: inherit;
            }

            #button-10 .knobs span {
                display: inline-block;
                left: 4px;
                color: #fff;
                z-index: 1;
            }

            #button-10 .checkbox:checked+.knobs span {
                color: #4e4e4e;
            }

            #button-10 .checkbox:checked+.knobs:before {
                left: 35px;
                background-color: #343434;
            }

            #button-10 .checkbox:checked+.knobs:after {
                color: #fff;
            }

            #button-10 .checkbox:checked~.layer {
                background-color: #000;
            }

            .toggle-button-cover {
                position: absolute;
                top: 10px;
                right: -6%;
            }

            body .uwy.userway_p1 .uai {
                top: auto !important;
                right: auto;
                bottom: 10rem !important;
                left: calc(100vw - 50px) !important;
                transform: translate(-100%);
                background: rgb(82 180 74) !important;
            }


            /* css here for widget */
            .toggle-button-cover {
                position: absolute;
                top: 10px;
                right: -6%;
            }

            .cursor * {
                cursor: url(https://cdn.userway.org/widgetapp/images/arrow_w.svg), auto !important;
            }

            .tooltips {
                position: absolute !important;
                box-sizing: border-box !important;
                border: solid 2px #fff !important;
                background: #34394d !important;
                color: #fff !important;
                font-weight: 600 !important;
                font-size: 17px !important;
                border-radius: 10px;
                text-align: left !important;
                padding: 13px 18px;
                box-shadow: 0 0 15px rgba(66, 73, 96, .4);
                height: auto !important;
                z-index: 2147483647;
                display: none;
            }

            /* extra css */
            .mid-sdg p {
                color: #fff;
            }

            .mid-sdg {
                background-size: cover !important;
                width: 100%;
                min-height: 200px;
            }

            .cards-list .owl-theme .card,
            .partner-reports .card {
                padding: 1.5rem;
                display: flex;
                align-items: center;
                border-radius: 10px;
            }

            .cards-list .icon.icon-grey {
                background-color: #f5f5f5;
            }

            .cards-list .owl-theme h3.green-text {
                color: #2CB34A;
            }

            .partner-reports li a:nth-child(1) {
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                /* border: 1px solid #ccc; */
                border-radius: 10px;
                padding: 0.5rem;
            }

            /* Spark Card */
            #four-cards .icon {
                width: 130px;
                height: 130px;
                margin: 1.5rem auto;
                padding: 1.2rem;
                border-radius: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .partner-reports li {
                font-size: 14px;
            }

            .partner-reports li p {
                margin-top: 1.5rem;
                margin-bottom: 1rem;
            }



            .program-timeline .owl-item:nth-child(1)::after {
                content: "";
                position: absolute;
                background: url('{{ asset("media/zidii") }}/images/lifeimages/line-arrow-1.svg');
                background-size: contain;
                background-repeat: no-repeat;
                width: 100%;
                height: 50px;
                bottom: -50px;
                left: 150px;
            }

            .program-timeline .owl-item:nth-child(2)::after {
                content: "";
                position: absolute;
                background: url('{{ asset("media/zidii") }}/images/lifeimages/line-arrow-2-1.svg');
                background-size: contain;
                background-repeat: no-repeat;
                width: 100%;
                height: 50px;
                top: -23px;
                padding-top: 2rem;
                left: 150px;
                z-index: 2;
            }

            .program-timeline .owl-item:nth-child(3):after {
                content: "";
                position: absolute;
                background: url('{{ asset("media/zidii") }}/images/lifeimages/line-arrow-1.svg');
                background-size: contain;
                background-repeat: no-repeat;
                width: 100%;
                height: 50px;
                bottom: -50px;
                left: 150px;
            }

            .program-timeline .owl-stage-outer {
                min-height: 300px;
                padding-top: 2rem;
                padding-bottom: 3rem;
            }

            /* .steps-spark {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;


} */

            /* .spark-header{
    max-width: 65ch;

} */

            .spark-numbers {
                border: 1px solid #fff;
                border-radius: 30px;
                padding: 0.3rem 1rem;
                height: 40px;

            }

            .btn-border.btn-border-green {
                color: #2cb34a;
                border: 1px solid #2cb34a;
                font-size: 16px;
                font-family: "ProximaNova-Semibold";
            }

            .banner-full-slider {
                background: url('{{ asset("media/zidii/external") }}/images/banners/sustainability-banner.jpg');
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center center;
                min-height: 465px;
                display: flex;
                justify-content: center;
                align-items: center;
                color: #fff;
            }

            .banner-full-video {
                display: flex;
                justify-content: flex-start;
                padding: 5rem 1rem;
            }

            /* extra css */
            .mid-advert p {
                color: #fff;
            }

            .mid-advert .container-full {
                background-size: cover !important;
            }

            .step-steps {
                list-style-type: none;
                display: grid;
                grid-template-columns: repeat(5, 1fr);
                position: relative;
                padding-top: 25px;
                margin-bottom: 3rem;
                width: 100%;
            }

            .step-steps:before {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 2px;
                background: rgba(0, 0, 0, 0.10);
            }

            .step-steps li {
                position: relative;
            }

            .step-steps li:before {
                content: "";
                position: absolute;
                left: 0;
                top: -25px;
                width: 100%;
                height: 2px;
                background: #2CB34A;
                ;
                display: none;
            }

            .step-steps li:after {
                content: "";
                position: absolute;
                left: 0;
                top: -31px;
                width: 14px;
                height: 14px;
                /* background: url("{{ asset("media/zidii/external") }}/images/icons/in-active-dot.svg") no-repeat center center; */
                background-color: #ccc;
                border-radius: 50px;
            }

            .step-steps li.active:before {
                display: block;
            }

            .step-steps li.active:after {
                background-image: url("{{ asset("media/zidii/external") }}/images/icons/check-green.svg");
                background-size: cover;
            }

            .step-steps li h4 {
                font-size: 0.75rem;
                font-weight: bold;
                text-transform: uppercase;
                margin-bottom: 3px;
            }

            .spark-banner-img-cont {
                display: grid;
                grid-template-columns: 155px 155px 155px;
                gap: 1rem;
                margin: 2rem 0;
            }

            .owl-carousel .owl-item .spark-banner-img {
                width: 155px;
                padding: 0.7rem 1rem;
                height: 70px;
                object-fit: contain;
            }

            #addTeamMember {
                cursor: pointer;
            }

            @media screen and (max-width: 575px) {
                .spark-banner-img-cont {
                    display: grid;
                    grid-template-columns: auto auto;
                    justify-content: start;
                    gap: 1rem;
                    margin: 2rem 0;
                }
            }

            .btn-read-more-nav-btn::before {
                content: "\f2be";
                font-family: FontAwesome;
                font-style: normal;
                font-weight: normal;
                display: inline-block;
                color: #fff;
                font-size: 15px;
            }

            .btn-read-more-nav-btn::after {
                display: none !important;
            }

            .btn-read-more-nav-btn {
                display: flex !important;
                align-items: center;
                gap: 5px
            }

            .btn-read-more-nav-btn:hover,
            .btn-read-more-nav-btn:hover i {
                background: #000 !important;
                color: #fff;
            }

            .help-account a {
                padding: 5px 15px;
                margin: 0 !important;
                font-size: 14px;
                border-radius: 15px;
                display: flex !important;
                gap: 5px;
                min-width: 120px;
                justify-content: center;
            }

            .help-account .btn-read-more-nav-btn {
                background: #fff;
                color: #52b44a;
            }

            .help-account .btn-read-more-nav-btn::before {
                color: #52b44a;
            }

            .help-account .help-menu::before {
                content: "\f059";
                font-family: FontAwesome;
                font-style: normal;
                font-weight: normal;
                display: inline-block;
                color: #fff;
                font-size: 15px;
            }

            .user-account {
                display: none;
            }

            @media screen and (max-width: 991px) {
                .user-account {
                    display: block;
                    color: #fff;
                    font-size: 22px;
                    padding: 0 5px 0;
                }
            }

            /* Cookie Policy */
            .form-switch i {
                display: inline-block;
                *display: inline;
                zoom: 1;
                vertical-align: top
            }

            .cookie_modal {
                position: relative
            }

            .cookie_modal_backdrop {
                position: fixed;
                background-color: rgba(0, 0, 0, 0.5);
                z-index: 19;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%
            }

            .saf_cookie {
                background: #F5F5F5;
                -webkit-border-radius: 24px;
                -moz-border-radius: 24px;
                -ms-border-radius: 24px;
                -o-border-radius: 24px;
                border-radius: 24px;
                padding: 30px;
                position: fixed;
                bottom: 60px;
                z-index: 90;
                left: 0;
                right: 0;
                max-width: 830px;
                margin: auto
            }

            .saf_cookie_intro {
                display: block
            }

            .saf_cookie_title {
                color: #0A0E13;
                margin: 0;
                margin-bottom: 10px;
                padding: 0;
                font-size: 20px;
                font-weight: 800;
                font-family: "ProximaNova-Semibold";
            }

            .saf_cookie_excerpt {
                font-size: 16px;
                margin-bottom: 20px;
                color: black;
            }

            .saf_cookie_excerpt a {
                color: #2CB34A;
                position: relative;
                text-decoration: underline;
            }

            .saf_cookie_excerpt a:hover {
                text-decoration: underline;
                color: #000
            }

            .saf_cookie_excerpt a:focus {
                outline: 1px solid rgba(255, 255, 255, 0);
                color: #2cb34a
            }

            .saf_cookie_excerpt a:focus:after {
                content: "";
                position: absolute;
                left: -4px;
                top: -4px;
                right: -4px;
                bottom: -4px;
                border: 2px solid #2cb34a;
                border-radius: 12px;
                box-shadow: 0 0 0 3px rgba(44, 179, 74, 0.22);
                z-index: 2
            }

            .saf_cookie_footer {
                display: flex;
                align-items: center
            }

            .saf_cookie_footer button {
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                background: none;
                font-size: 16px;
                cursor: pointer;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                -ms-border-radius: 10px;
                -o-border-radius: 10px;
                border-radius: 10px;
                padding: 12px 25px;
                border: #2CB34A solid 1px;
                color: #2CB34A;
                position: relative
            }

            .saf_cookie_footer button:focus {
                outline: 1px solid rgba(255, 255, 255, 0);
                color: #2cb34a
            }

            .saf_cookie_footer button:focus:after {
                content: "";
                position: absolute;
                left: -4px;
                top: -4px;
                right: -4px;
                bottom: -4px;
                border: 2px solid #2cb34a;
                border-radius: 12px;
                box-shadow: 0 0 0 3px rgba(44, 179, 74, 0.22);
                z-index: 2
            }

            .saf_cookie_footer button:hover {
                border-color: black;
                color: black
            }

            .saf_cookie_footer button.accept_cookie {
                background: #2CB34A;
                color: #fff;
                border-color: #2CB34A
            }

            .saf_cookie_footer button.accept_cookie:hover {
                background: #309c3f;
                color: #fff
            }

            .saf_cookie_footer button.accept_cookie:last-of-type {
                margin-right: 0
            }

            .saf_cookie_footer button.reject_cookie {
                margin-right: 15px;
                background: #606060;
                color: #fff;
                border-color: #606060
            }

            .saf_cookie_footer button.reject_cookie:hover {
                background: #000;
                border-color: #000;
                color: #fff
            }

            .saf_cookie_footer button.reject_cookie:last-of-type {
                margin-right: 0
            }

            .saf_cookie_footer_left,
            .saf_cookie_footer_right {
                display: flex;
                align-items: center
            }

            .saf_cookie_footer_right {
                margin-left: auto
            }

            .saf_cookie_options {
                display: none;
                flex-direction: column;
                position: relative
            }

            .saf_cookie_options_header {
                color: #0a0e13;
                font-size: 20px;
                padding: 0;
                padding-bottom: 10px;
                margin: 0;
                margin-bottom: 20px;
                border-bottom: rgba(0, 0, 0, 0.1) 1px solid;
                font-weight: 800;
                font-family: "ProximaNova-Semibold";
                position: relative;
                padding-right: 40px;
            }

            .saf_cookie_options_header_close {
                position: absolute;
                right: 0;
                top: -5px;
                cursor: pointer;
                width: 36px;
                height: 36px;
                background: url("{{ asset("media/zidii/external") }}/images/close-btn.svg") no-repeat center center;
            }


            .saf_cookie_options_list {
                max-height: calc(100vh - 290px);
                overflow: auto;
                padding-bottom: 50px
            }

            .saf_cookie_options_list_item {
                border-bottom: 1px solid rgba(0, 0, 0, 0.1);
                padding-bottom: 20px;
                margin-bottom: 20px
            }

            .saf_cookie_options_list_item_header {
                display: flex;
                align-items: center;
                margin-bottom: 15px
            }

            .saf_cookie_options_list_item_header_left,
            .saf_cookie_options_list_item_header_right {
                display: flex;
                align-items: center
            }

            .saf_cookie_options_list_item_header_right {
                margin-left: auto;
                color: #2CB34A;
                font-size: 16px;
                font-weight: 800;
                font-family: "ProximaNova-Semibold";
            }

            .saf_cookie_options_list_item_header_left {
                font-size: 18px;
                margin: 0;
                color: #000;
                font-weight: 800;
                font-family: "ProximaNova-Semibold";
                padding: 0
            }

            .saf_cookie_options_list_item_excerpt {
                font-size: 16px;
                color: black;
            }

            .saf_cookie_options_footer {
                display: flex;
                align-items: center;
                justify-content: flex-end;
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                padding-top: 10px;
                background: #f5f5f5
            }

            .saf_cookie_options_footer button {
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                background: none;
                font-size: 16px;
                cursor: pointer;
                min-width: 160px;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                -ms-border-radius: 10px;
                -o-border-radius: 10px;
                border-radius: 10px;
                padding: 12px 25px;
                border: #2CB34A solid 1px;
                color: #2CB34A;
                position: relative;
                margin-right: 20px;
            }

            .saf_cookie_options_footer button:focus {
                outline: 1px solid rgba(255, 255, 255, 0);
                color: #2cb34a
            }

            .saf_cookie_options_footer button:focus:after {
                content: "";
                position: absolute;
                left: -4px;
                top: -4px;
                right: -4px;
                bottom: -4px;
                border: 2px solid #2cb34a;
                border-radius: 12px;
                box-shadow: 0 0 0 3px rgba(44, 179, 74, 0.22);
                z-index: 2
            }

            .saf_cookie_options_footer button:hover {
                border-color: black;
                color: black
            }

            .saf_cookie_options_footer button.save_changes {
                margin-right: 15px;
                background: #2CB34A;
                color: #fff;
                border-color: #2CB34A
            }

            .saf_cookie_options_footer button.save_changes:hover {
                background: #309c3f;
                color: #fff
            }

            .saf_cookie_options_footer button.save_changes:last-of-type {
                margin-right: 0
            }

            .form-switch {
                display: inline-block;
                cursor: pointer;
                -webkit-tap-highlight-color: transparent
            }

            .form-switch i {
                position: relative;
                width: 44px;
                height: 24px;
                background-color: #D9D9D9;
                border-radius: 12px;
                transition: all 0.3s linear
            }

            .form-switch i::before {
                content: "";
                position: absolute;
                left: 0;
                width: 42px;
                height: 22px;
                background-color: #D9D9D9;
                border-radius: 12px;
                transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
                transition: all 0.25s linear
            }

            .form-switch i::after {
                content: "";
                position: absolute;
                left: 0;
                width: 20px;
                height: 20px;
                background-color: #fff;
                border-radius: 12px;
                transform: translate3d(2px, 2px, 0);
                transition: all 0.2s ease-in-out
            }

            .form-switch:active i::after {
                width: 28px;
                transform: translate3d(2px, 2px, 0)
            }

            .form-switch:active input:checked+i::after {
                transform: translate3d(16px, 2px, 0)
            }

            .form-switch input {
                display: none
            }

            .form-switch input:checked+i {
                background-color: #2CB34A
            }

            .form-switch input:checked+i::before {
                transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0)
            }

            .form-switch input:checked+i::after {
                transform: translate3d(22px, 2px, 0)
            }

            .manage_cookies_open .saf_cookie_intro {
                display: none
            }

            .manage_cookies_open .saf_cookie_options {
                display: flex
            }

            .cookies_accepted .cookie_modal {
                display: none !important
            }

            @media only screen and (max-width: 940px) {
                .saf_cookie {
                    max-width: none;
                    margin: 0 1.5rem;
                    padding: 1.5rem
                }
            }

            @media only screen and (max-width: 640px) {
                .saf_cookie_footer {
                    display: block
                }

                .saf_cookie_footer_left {
                    margin-bottom: 1.5rem
                }
            }

            @media only screen and (max-width: 460px) {
                .saf_cookie {
                    margin: 0 1.2rem;
                    padding: 1.2rem
                }

                .saf_cookie_footer button {
                    display: block;
                    width: 100%
                }

                .saf_cookie_footer_right {
                    display: block
                }

                .saf_cookie_footer_right button {
                    margin-right: 0
                }

                .saf_cookie_footer_right button.reject_cookie {
                    margin-bottom: 1.2rem;
                    margin-right: 0
                }

                .saf_cookie_footer_left {
                    margin-bottom: 1.2rem
                }

                .saf_cookie_options_list {
                    padding-bottom: 120px
                }

                .saf_cookie_options_footer {
                    display: block
                }

                .saf_cookie_options_footer button {
                    margin-right: 0;
                    margin-bottom: 1.2rem;
                    display: block;
                    width: 100%
                }

                .saf_cookie_options_footer button:last-of-type {
                    margin-bottom: 0
                }
            }

            @media only screen and (max-width: 320px) {
                .saf_cookie {
                    margin: 0 1rem;
                    padding: 1rem
                }

                .saf_cookie_footer_left {
                    margin-bottom: 1rem
                }

                .saf_cookie_footer_right button.reject_cookie {
                    margin-bottom: 1rem
                }

                .saf_cookie_options_footer button {
                    margin-bottom: 1rem
                }
            }

            /* || Start Strip styles */
            .home-strip {
                padding: 0.875em 1.875em;
                border-radius: 5px;
                color: #FFF;
                text-align: center;
                /*font-family: "Proxima Nova";*/
                font-size: 14px;
                font-style: normal;
                font-weight: 800;
                margin: 0.375rem;
                background-image: url('{{ asset("media/zidii/external") }}/images/banners/home_strip.png');
                background-position: center;
                background-size: cover;
                background-repeat: no-repeat;
                background-blend-mode: normal, overlay, normal;
                position: relative;
                overflow: hidden;
                display: flex;
                align-items: center;
                justify-content: space-between;
            }

            .bottom-strip__privacy:hover,
            .home-strip:hover {
                color: #FFF;
            }

            a.bottom-strip__privacy {
                color: #FFF !important;
            }

            .bottom-strip__privacy:hover,
            .home-strip:hover {
                color: #FFF;
            }

            a.bottom-strip__privacy {
                color: #FFF !important;
            }

            .marquee-wrapper {
                width: calc(100% - 110px);
                overflow: hidden;
            }

            .marquee {
                width: 100%;
                overflow: hidden;
            }

            .marquee__inner {
                display: flex;
                gap: 0.5rem;
                width: 200%;
                animation: strip 20s linear infinite;
            }

            @keyframes strip {
                0% {
                    transform: translateX(0);
                }

                100% {
                    transform: translateX(-50%);
                }
            }

            /* Pause on hover/touch */
            .marquee:hover .marquee__inner,
            .marquee:active .marquee__inner {
                animation-play-state: paused;
            }

            .marquee__content {
                display: flex;
                align-items: center;
                /* width: 50%; */
                white-space: nowrap;
                box-sizing: border-box;
            }

            .home-strip-text {
                display: inline-block;
            }

            /* Show/hide text based on screen size */
            .mobile-text {
                display: none;
            }

            .desktop-text {
                display: inline-block;
            }

            .button-container {
                display: flex;
                align-items: center;
                flex-shrink: 0;
                z-index: 2;
            }

            .strip-read-more {
                display: inline-block;
                color: #FFF !important;
                font-size: 10px;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
                border-radius: 13.213px;
                background: #2CB34A;
                padding: 6px 17.74px 8px 19.26px;
                text-decoration: none !important;
                white-space: nowrap;
                margin-left: 10px;
            }

            /* Mobile-specific styles */
            @media (max-width: 767px) {
                .home-strip {
                    padding: 0.875em 1em;
                    flex-direction: row;
                    /* Keep as row for mobile */
                    height: auto;
                }

                .marquee__inner {
                    gap: 1.25rem;
                }

                .marquee-wrapper {
                    width: calc(100% - 110px);
                    /* Keep space for button */
                    margin-bottom: 0;
                }

                /* Switch text versions */
                .mobile-text {
                    display: inline-block;
                }

                .desktop-text {
                    display: none;
                }

                .button-container {
                    position: static;
                    margin-top: 0;
                    width: auto;
                    justify-content: flex-end;
                }

                .read-more {
                    margin-left: 10px;
                    font-size: 9px;
                    /* Slightly smaller on mobile */
                    padding: 5px 15px;
                }
            }

            /* For medium-sized screens */
            @media (min-width: 768px) and (max-width: 991px) {
                .marquee-wrapper {
                    width: calc(100% - 120px);
                }
            }

            /* New styles for bottom strip only */
            .close-button {
                background: none;
                border: none;
                color: white;
                font-size: 20px;
                font-weight: bold;
                cursor: pointer;
                margin-left: 10px;
                padding: 0 5px;
                line-height: 1;
            }

            .bottom-strip-container {
                position: fixed;
                bottom: 0;
                left: 0;
                width: 100%;
                z-index: 1000;
            }

            .bottom-strip {
                margin: 0;
                border-radius: 0;
            }

            /* New wrapper to center and constrain width */
            .strip-content-wrapper {
                display: flex;
                align-items: center;
                justify-content: space-between;
                max-width: 1140px;
                width: 100%;
                margin: 0 auto;
                padding-left: 35px;
            }

            /* || End Strip styles */

            /* || START HOME PAGE OVERLAY */

            .home-page-overlay {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100vh;
                height: 100dvh;
                height: 100svh;
                z-index: 10;
                display: grid;
                place-items: center;
                justify-content: center;
                overflow: hidden;
            }

            .home-page-overlay--backdrop {
                /*display: none;*/
                background-color: rgba(0, 0, 0, 0.5);
            }

            .home-page-overlay__container {
                padding-inline: 0 !important;
            }

            .home-page-overlay__wrapper {
                background: #FFF;
                padding: 11px;
                border-radius: 19px;
            }

            .home-page-overlay__close-btn-container {
                position: relative;
                inset-inline: 0;
                display: flex;
                justify-content: flex-end;
                align-items: center;
                top: 0;
                z-index: 7;
            }

            .home-page-overlay__close-btn {
                color: #FFF;
                text-align: center;
                font-size: 16px;
                font-style: normal;
                font-weight: 500;
                line-height: 28px;
                letter-spacing: 0.8px;
                text-transform: uppercase;
                display: flex;
                display: flex;
                align-items: center;
                gap: 0.5rem;
                background: none;
                cursor: pointer;
            }

            .home-page-overlay__content {
                min-width: 16rem;
                max-width: 70rem;
                width: 100%;
                height: fit-content;
                position: relative;
            }

            .home-page-overlay__img {
                width: 100%;
                height: 100%;
                border-radius: 19px;
                object-fit: cover;
            }

            .home-page-overlay__video-icon {
                position: absolute;
                z-index: 7;
                inset: 0;
                display: flex;
                justify-content: center;
                align-items: center;
            }

            /* || START VIDEO PULSE ICON */
            .video-icon {
                position: relative;
                height: 90px;
                width: 90px;
                cursor: pointer;
            }

            .video-icon::after,
            .video-icon::before,
            .sonar {
                content: " ";
                position: absolute;
                inset: 0;
                border-radius: 100%;
            }

            /* || Actual video button */
            .video-icon::before {
                content: "";
                background-color: rgb(255, 255, 255);
                z-index: 10;

                /* SVG as background with white fill */
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='34' viewBox='0 0 32 34' fill='none'%3E%3Cpath d='M0.492188 17.3631V10.4484C0.492188 1.86332 6.57169 -1.6523 14.0108 2.64025L20.0126 6.0976L26.0144 9.55495C33.4536 13.8475 33.4536 20.8788 26.0144 25.1713L20.0126 28.6287L14.0108 32.086C6.57169 36.3786 0.492188 32.8629 0.492188 24.2778V17.3631Z' fill='%23EF373E'/%3E%3C/svg%3E");
                background-size: 22.4px 23.85px;
                background-repeat: no-repeat;
                background-position: center;
            }

            /* || YOUR ANIMATION SONAR RINGS */
            /* First sonar ring using ::after */
            .video-icon::after {
                content: " ";
                background-color: rgb(255, 255, 255, 0.60);
                z-index: 1;
                animation: pulse 1s infinite;
            }

            /* Second sonar ring */
            .sonar-2 {
                background-color: rgba(255, 255, 255, 0.60);
                z-index: 2;
                /* Delayed start */
                animation: pulse 2s infinite 0.66s;
            }

            /* Third sonar ring */
            .sonar-3 {
                background-color: rgba(255, 255, 255, 0.60);
                z-index: 1;
                /* Delayed start */
                animation: pulse 2s infinite 1.33s;
            }

            /* || ANIMATION */
            @keyframes pulse {
                0% {
                    transform: scale(0.95);
                    opacity: .75;
                }

                100% {
                    transform: scale(1.35);
                    opacity: 0;
                }
            }

            /* || END VIDEO PULSE ICON  */

            .home-page-overlay__body {
                margin-top: 3.1875rem;
                text-align: center;
            }

            .home-page-overlay__body p {
                color: #1E1E1E;
                text-align: center;
                /*font-family: "Proxima Nova";*/
                font-size: 1.5rem;
                font-style: normal;
                font-weight: 500;
                line-height: 28px;
                letter-spacing: 1.2px;
                padding-top: 0.5em;
            }

            .home-page-overlay__body p>span {
                font-weight: 700;
            }

            .home-page-overlay__title {
                color: #2CB34A;
                text-align: center;
                /*font-family: "Proxima Nova";*/
                font-size: 32px;
                font-style: normal;
                font-weight: 800;
                line-height: normal;
                letter-spacing: 1.6px;
            }

            .home-page-overlay__footer {
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 1.5rem;
                margin-bottom: 2.875rem;
            }

            .home-page-overlay__btn-read-more {
                text-transform: uppercase;
                padding: 16px 32px !important;
                font-size: 0.875rem !important;
                border-radius: 50px !important;
                border: 2px solid #2CB34A !important;
            }


            /* || START OVERLAY RESPONSIVENESS */

            @media (max-width: 767px) {
                .video-icon::before {
                    background-size: 15px;
                }

                .video-icon {
                    height: 64px;
                    width: 64px;
                }

                .home-page-overlay__btn-read-more {
                    font-size: 0.65em !important;
                }

                .home-page-overlay__body p {
                    font-size: 1.2rem;
                    line-height: 1.5rem;
                }

                .home-page-overlay__body h2 h3 h1 {
                    margin-bottom: 5px;
                }

            }

            /* || END OVERLAY RESPONSIVENESS */

            .btn-read-more--bordered {
                background: transparent !important;
                color: #2CB34A !important;
            }

            .btn-read-more--bordered:hover {
                background: #2CB34A !important;
                color: #FFF !important;
                transition: all 0.3s ease-in-out !important;
            }

            .btn-read-more--plain:hover {
                border: 2px solid #2CB34A !important;
                background: transparent !important;
                color: #2CB34A !important;
                transition: all 0.3s ease-in-out !important;
            }

            .home-page-overlay__youtube-container {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

            .home-page-overlay__youtube {
                width: 100%;
                height: 100%;
                border: none;
                border-radius: 19px;
            }

            .home-page-overlay__youtube-container {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

            .home-page-overlay__youtube {
                width: 100%;
                height: 100%;
                border: none;
                border-radius: 19px;
            }

            /* || END HOME PAGE OVERLAY */

            /* Digital Skills Hub */
            .banner {
                position: relative;
                background: url("{{ asset("media/zidii/external") }}/images/digitalskillshub/full-banner.png") center/cover no-repeat;
                height: 45vh;
                overflow: hidden;
            }

            .banner-text {
                position: absolute;
                top: 40%;
                left: 1rem;

                margin-top: 145px;

                width: 80vw;
                max-width: 300px;


                white-space: normal;

                color: white;
                text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
            }

            .banner-text h1 {
                margin: 0;
                font-size: 1.75rem;
                line-height: 1.2;
                font-weight: 700;
                margin-bottom: 0.75rem;
                max-width: 280px;

            }

            .banner-text p {
                margin: 0.5rem 0 0;
                font-size: 0.875rem;
                line-height: 1.4;
                margin-bottom: 0.75rem;
                font-weight: 300;
            }

            .banner-text button {
                margin-top: 0.75rem;
                padding: 0.8rem 2rem;
                font-size: 0.575rem;
                background-color: #2CB34A;
                color: white;
                border: none;
                border-radius: 48px;
                cursor: pointer;
            }

            /* Empowering Digital Skills */
            .skills-section {
                padding: 2rem 1rem;
                background-color: white !important;
                font-family: "ProximaNova-Semibold", sans-serif;
            }

            .skills-title {
                text-align: center;
                font-size: 24px;
                font-weight: 700;
                margin-bottom: 2rem;
                color: #2CB34A;
            }

            .skills-cards {
                display: flex;
                flex-direction: column;
                gap: 1.5rem;
                justify-content: center;
                padding: 0;
            }

            /* Individual card */
            .skill-card {
                background-color: #2CB34A1A;
                ;
                padding: 1.5rem;
                border-radius: 8px;
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
                text-align: center;
                flex: 1;
                /* equal width in row */
            }

            .card-icon {
                display: block;
                margin-left: auto;
                margin-right: auto;
                width: 48px;
                height: 48px;
                margin-bottom: 1rem;
            }

            .card-title {
                font-size: 1.25rem;
                font-weight: 700;
                margin: 0.5rem 0;
                color: #000000;
            }

            .card-text {
                font-size: 1rem;
                font-weight: 300;
                color: #000000;
                ;
                margin: 0;
            }

            .feature-section {
                padding: 2rem 1rem;
                font-family: "ProximaNova", sans-serif;
                background-color: #F7F7F7;
            }

            .feature-container {
                text-align: center;
            }

            .feature-title {
                font-size: 24px;
                font-weight: 700;
                margin-bottom: 0.75rem;
                color: #2CB34A;
                text-align: center;
            }

            .feature-desc {
                font-size: 20px;
                font-weight: 400;
                margin-bottom: 2rem;
                color: #333;
                line-height: 1.5;
                max-width: 600px;
                margin-left: auto;
                margin-right: auto;
            }

            /* cards container */
            .feature-cards {
                display: flex;
                flex-direction: column;
                gap: 1.5rem;
                padding: 0;
            }

            .feature-card {
                border: 1px solid rgba(44, 179, 74, 0.44);
                border-radius: 8px;
                padding: 1.5rem;
                text-align: center;
                flex: 1;
            }

            .feature-icon {
                width: 48px;
                height: 48px;
                margin-bottom: 1rem;
            }

            .feature-card-title {
                font-size: 1.25rem;
                font-weight: 700;
                margin: 0.5rem 0;
                color: #000;
            }

            .feature-card-text {
                font-size: 1rem;
                font-weight: 300;
                margin: 0;
                color: #555;
            }

            .free-learning-section {
                padding: 1rem 1rem;
                background: white;
            }

            .toggle-buttons,
            .learning-sections {
                display: none;
            }

            .mobile-accordion {
                display: block;
                margin: 1rem 0;
                border-radius: 8px;
                overflow: hidden;
            }

            .mobile-accordion .accordion-header {
                width: 100%;
                background: #2CB34A;
                /* Default green background for tech */
                color: white;
                border: none;
                padding: 1rem;
                text-align: left;
                font-weight: 600;
                font-size: 1rem;
                display: flex;
                justify-content: space-between;
                align-items: center;
                cursor: pointer;
                border-bottom: 1px solid rgba(255, 255, 255, 0.2);
            }

            .mobile-accordion .accordion-item:last-child .accordion-header {
                border-bottom: none;
            }

            /* FIX: Improved accordion content styling */
            .accordion-content {
                list-style-type: disc;
                list-style-position: inside;
                padding: 1rem 1rem 1rem 1.25rem;
                color: black;
                font-size: 0.9rem;
                font-weight: 300;
                background-color: #ffffff;
            }

            /* FIX: Proper styling for professional skills accordion */
            .mobile-accordion .accordion-content.pro-content {
                list-style-type: none;
                padding: 1rem;
                margin: 0;
                background-color: #ffffff;
            }

            .mobile-accordion .accordion-content.pro-content>li {
                margin-bottom: 1.5rem;
                list-style-type: none !important;
                padding-left: 0;
                text-indent: 0;
            }

            /* Make sure the title doesn't have a bullet */
            .mobile-accordion .accordion-content.pro-content>li>strong {
                display: block;
                margin-bottom: 0.5rem;
                list-style-type: none;
            }

            .mobile-accordion .accordion-content.pro-content>li>ul>li {
                list-style-type: disc;
                display: list-item;
                margin-bottom: 0.5rem;
            }

            .mobile-accordion .accordion-content.pro-content>li:last-child {
                margin-bottom: 0;
            }

            .mobile-accordion .accordion-content.pro-content>li>ul {
                list-style-type: disc;
                padding-left: 1.5rem;
                margin-top: 0.5rem;
            }

            .mobile-accordion .accordion-content.pro-content>li>ul li {
                margin-bottom: 0.5rem;
                display: list-item;
            }

            .accordion-header {
                width: 100%;
                background: #2CB34A;
                color: white;
                border: none;
                padding: 1rem;
                text-align: left;
                font-weight: 600;
                font-size: 1rem;
                display: flex;
                justify-content: space-between;
                align-items: center;
                cursor: pointer;
                margin-bottom: 1rem;
            }

            .mobile-accordion .accordion-content {
                margin: 0;
                padding: 0.5rem 1rem 1rem 1rem;
                list-style: none;
                color: black;
                font-size: 0.9rem;
                font-weight: 300;
            }

            .mobile-accordion .accordion-content li {
                margin: 0;
                padding: 0;
                padding-left: 1.5em;
                text-indent: -1.5em;
                list-style-type: disc;
                list-style-position: inside;
                margin-bottom: 0.5em;
            }

            .mobile-accordion .accordion-content li ul {
                margin-top: 0.5em;
                list-style: none;
                padding: 0;
            }

            .mobile-accordion .accordion-content li ul li {
                list-style-type: disc;
                list-style-position: inside;
                margin-bottom: 0.3em;
            }

            .mobile-accordion .accordion-content li strong {
                display: block;
                text-indent: 0;
                padding-left: 0;
                margin-bottom: 0.2em;
            }


            .mobile-accordion .accordion-content.tech-content {
                list-style: none;
                padding-left: 0;
                margin: 0;
            }


            .mobile-accordion .accordion-content.tech-content>li {
                list-style: none;
                margin: 0;
                padding: 0;
            }

            /* Re‑enable bullets on the actual skills list */
            .mobile-accordion .tech-course-items {
                list-style: disc;
                list-style-position: inside;
                margin: 0.5rem 0 0 1.5rem;
                padding: 0;
            }

            /* Style each skill item */
            .mobile-accordion .tech-course-items>li {
                display: list-item;
                margin-bottom: 0.5rem;
                padding-left: 0;
            }

            .free-learning-section .accordion-content li {
                display: list-item;
                list-style-type: disc;
                list-style-position: inside;
            }

            .free-learning-title {
                font-size: 24px;
                font-weight: 700;
                color: #2CB34A;
                margin-bottom: 0.5rem;
                text-align: center;
            }

            .free-learning-desc {
                font-size: 20px;
                font-weight: 400;
                max-width: 600px;
                color: black;
                margin: 0 auto 1rem;
                text-align: center;
            }

            .free-learning-subtitle {
                font-size: 20px;
                margin-bottom: 2rem;
                color: black;
                font-weight: 700;
                text-align: center;
            }

            /* Force the section wrapper to have a pure white background */
            .footer-section {
                background-color: white !important;
                width: 100%;
                margin: 0;
                padding: 30px 0 0;
            }

            /* Footer box styling */
            .site-footer {
                border-radius: 20px;
                background-color: #243B30;
                /* Dark green background */
                height: 100px;
                overflow: hidden;
                display: flex;
                flex-direction: row;
                padding: 0;
                /* Remove inner padding */
            }

            /* Flex-row for logo, text, and button */
            .footer-container {
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 0;
                /* Ensure no padding */
            }

            /* Logo wrapper stretches and clips */
            .footer-logo-wrapper {
                margin: 0;
                height: 100%;
                overflow: hidden;
            }

            /* Image covers the entire wrapper */
            .footer-logo {
                display: block;
                height: 100%;
                object-fit: cover;
                border-radius: 8px;
            }

            /* Text styling */
            .footer-text {
                font-size: 8px;
                font-weight: 700;
                color: white;
                margin: 0 1rem;
                /* Add spacing between elements */
            }

            /* Button styling */
            .footer-btn {
                background-color: #2CB34A;
                /* Green button */
                color: white;
                border: none;
                border-radius: 24px;
                padding: 0.6rem 0.8rem;
                font-size: 8px;
                cursor: pointer;
                white-space: nowrap;
                margin-right: 16px;
                /* Space on the right */
            }

            .faq-section {
                padding-top: 40px;
                padding-bottom: 40px;
                background-color: white
            }

            .faq-content-wrapper {
                max-width: 800px;
                margin-left: auto;
                margin-right: auto;
            }

            .faq-main-title {
                text-align: center;
                font-size: 1.8rem;
                color: #2CB34A;
                margin-bottom: 15px;
            }

            .faq-main-desc {
                text-align: center;
                font-size: 1.05em;
                color: #555;
                margin-bottom: 40px;
            }

            /* --- Grid for FAQ cards - NOW A SINGLE COLUMN --- */
            .faq-grid {
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 20px;
            }

            /* --- Individual FAQ Card Styles (BASE STYLES) --- */
            .faq-item {
                display: none;
                background-color: #ffffff;
                border: 1px solid #2CB34A2B;
                /* Light green border with 17% opacity */
                border-radius: 8px;
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
                width: 100%;
                transition: box-shadow 0.3s ease;
            }

            .faq-item.visible {
                display: block;
            }

            .faq-load-more-container {
                text-align: center;
                /* Center the button */
                margin-top: 30px;
                /* Space above the button */
            }

            .faq-load-more-btn {
                background-color: #2CB34A;
                /* Green color */
                color: white;
                border: none;
                padding: 10px 25px;
                font-size: 1em;
                border-radius: 5px;
                cursor: pointer;
                transition: background-color 0.3s ease;
            }

            .faq-load-more-btn:hover {
                background-color: #27ae60;
                /* Darker green on hover */
            }

            .faq-load-more-btn.hidden {
                display: none;
                /* Hide button when all items are loaded */
            }

            .faq-item:hover {
                box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
            }

            .faq-question-header {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 2px 20px;
                cursor: pointer;
                min-height: 40px;
                /* Optional: ensure a minimum height for the question part */
            }

            .faq-question {
                font-size: 0.85em;
                font-weight: 400;
                color: #000000;
                /* Changed to black */
                margin-right: 10px;
                flex-grow: 1;
                /* Allow question text to take available space */
            }

            .faq-arrow {
                font-size: 1.2em;
                color: #3498db;
                transition: transform 0.3s ease-in-out;
                flex-shrink: 0;
                /* Prevent arrow from shrinking */
            }

            .faq-item.active .faq-arrow {
                transform: rotate(180deg);
            }

            .faq-answer {
                max-height: 0;
                overflow: hidden;
                padding: 0 20px;
                background-color: #fdfdfd;
                border-bottom-left-radius: 8px;
                border-bottom-right-radius: 8px;
                transition: max-height 0.4s ease-in-out, padding 0.4s ease-in-out;
            }

            .faq-answer p {
                margin: 0;
                padding: 15px 0;
                font-size: 0.95em;
                color: black;
                line-height: 1.7;
                font-weight: 300;
            }

            .faq-item.active .faq-answer {
                max-height: 500px;
                /* Adjust if answers are very long */
            }

            .pagination-buttons {
                display: none;
            }

            /* Styles for tablets */
            /* tablet: from 768px up to 1279px */
            @media (min-width: 768px) and (max-width: 1279px) {
                .skills-cards {
                    flex-direction: row;
                    gap: 1rem;
                    padding: 0 2rem;
                    /* small side-padding on tablets */
                }

                .banner {
                    background-image: url("{{ asset("media/zidii/external") }}/images/digitalskillshub/full-banner.png");
                    height: 350px;
                    background-size: cover;
                }

                .banner-text {
                    position: absolute;
                    top: 40%;
                    max-width: 600px;
                    margin: 52px auto;
                    white-space: normal;
                    color: white;
                    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
                }

                .banner-text h1 {
                    font-size: 38px;
                    line-height: 1.2;
                    margin-bottom: 0.75rem;
                    max-width: 450px;
                    width: 100%;
                }

                .banner-text p {
                    font-size: 1.25rem;
                    line-height: 1.4;
                    margin-top: 1.25rem;
                    margin-bottom: 0.75rem;
                    max-width: 300px;
                }

                .banner-text button {
                    padding: 0.75rem 1.5rem;
                    font-size: 14px;
                    margin-top: 1.25rem;
                    border-radius: 48px;
                }

                .skills-title {
                    text-align: center;
                    font-size: 32px;
                    font-weight: 700;
                    margin-bottom: 2rem;
                    color: #2CB34A;
                }

                .feature-title {
                    font-size: 32px;
                    font-weight: 700;
                    margin-bottom: 0.75rem;
                    color: #2CB34A;
                    text-align: center;
                }

                .feature-cards {
                    flex-direction: row;
                    gap: 1rem;
                    padding: 0 2rem;
                }

                .feature-card {
                    flex: 1 1 calc(33.333% - 1rem);
                    max-width: calc(33.333% - 1rem);
                }

                .free-learning-container {
                    margin: 0 auto;
                    text-align: center;
                }

                .free-learning-title {
                    font-size: 2rem;
                    font-weight: 700;
                    color: #2CB34A;
                    margin-bottom: 0.5rem;
                }

                .free-learning-desc {
                    font-size: 20px;
                    font-weight: 400;
                    max-width: 600px;
                    color: black;
                    margin: 0 auto 1rem;
                }

                .free-learning-subtitle {
                    font-size: 20px;
                    margin-bottom: 2rem;
                    color: black;
                    font-weight: 700;
                }

                .learning-list {
                    list-style-position: inside;
                    margin: 0;
                    padding-left: 1rem;
                }

                /* Tweak the spacing */
                .learning-list li {
                    list-style-type: disc !important;
                    line-height: 1.4;
                    font-size: 16px;
                    font-weight: 300;
                    color: black;
                }

                .learning-card {
                    position: relative;
                    border: 1px solid #2CB34A;
                    border-radius: 8px;
                    padding: 2rem 1rem 1rem;
                }

                .toggle-buttons {
                    display: inline-flex;
                    /* shrink‐to‐fit */
                    background: #F4FBF6;
                    border-radius: 31.5px;
                    overflow: hidden;
                    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
                    position: absolute;
                    top: -1.5rem;
                    left: 50%;
                    transform: translateX(-50%);
                    gap: 0.5rem;
                    /* space between buttons */
                    padding: 8px;
                }

                .toggle-btn {
                    background: white;
                    border: 2px solid #2CB34A;
                    color: black;
                    padding: 0.3rem 0.4rem;
                    border-radius: 31.5px;
                    ;
                    cursor: pointer;
                    font-weight: 300;
                }

                .toggle-btn.active {
                    background: #2CB34A;
                    color: white;
                }

                .learning-sections {
                    display: flex;
                    margin-top: 1rem;
                }

                /* FIX: Improved learning section styling for tablet */
                .learning-section {
                    flex: 1;
                    background: white;
                    padding: 1rem;
                    text-align: left;
                    overflow: hidden;
                    /* Prevent content from breaking out */
                    word-wrap: break-word;
                    overflow-wrap: break-word;
                }

                /* vertical divider */
                .learning-section+.learning-section {
                    border-left: 1px solid #2CB34A;
                }

                .learning-section h4 {
                    margin-top: 0;
                    font-size: 1.1rem;
                    color: #2CB34A;
                    word-break: break-word;
                    /* Allow long titles to break */
                }

                .learning-section p {
                    margin: 0.5rem 0 0;
                    font-size: 0.9rem;
                    color: #333;
                }

                .pagination-buttons {
                    display: flex;
                    justify-content: space-between;
                    margin: 1rem 0;
                }

                .pagination-buttons button {
                    width: 40px;
                    height: 40px;
                    border: none;
                    border-radius: 50%;
                    background: #2CB34A;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    cursor: pointer;
                }

                .pagination-buttons button:disabled {
                    background: #E0E0E0;
                    cursor: default;
                }

                .pagination-buttons button .arrow {
                    color: white;
                    font-size: 18px;
                }

                .pagination-buttons button:disabled .arrow {
                    color: rgb(44, 179, 74);
                }

                .pagination-buttons button .arrow {
                    color: white;
                    font-size: 18px;
                }

                .mobile-accordion {
                    display: none;
                }

                .footer-section {
                    background-color: white !important;
                    width: 100%;
                    margin: 0;
                    /* remove the 8px top margin */
                    padding: 30px;
                }

                .site-footer {
                    background-color: #243B30;
                    margin: 20px 68px;
                    border-radius: 8px;
                    /* ← Set an explicit height */
                    height: 100px;
                    box-sizing: border-box;
                    padding: 0;
                }

                .footer-container {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    width: 100%;
                    /* ← Make it fill the footer's full height */
                    height: 100%;
                }

                .footer-logo {
                    width: auto;
                    height: 100%;
                    object-fit: cover;
                    border-radius: 4px;
                }

                .footer-text {
                    font-size: 12px;
                    font-weight: 700;
                    color: white;
                    margin: 0 1rem;
                }

                .footer-btn {
                    background-color: #2CB34A;
                    color: white;
                    border: none;
                    border-radius: 14px;
                    padding: 8px 20px;
                    font-size: 14px;
                    cursor: pointer;
                    margin-right: 34px;
                }

                .card-title {
                    font-size: 1rem;
                    font-weight: 700;
                    margin: 0.5rem 0;
                    color: #000000;
                }

                .faq-main-title {
                    font-size: 28px;
                }

                .faq-main-desc {
                    font-size: 1.1em;
                }
            }

            /* 4) Desktop breakpoint */
            @media (min-width: 1280px) {
                .mobile-accordion {
                    display: none;
                }

                .wrapper {
                    padding-left: 12rem;
                    height: 100%;
                    /* Take full height of parent */
                    position: relative;
                    /* Establish positioning context */
                }

                .banner {
                    background-image: url("{{ asset("media/zidii/external") }}/images/digitalskillshub/banner.png");
                    height: 350px;
                }

                .banner-text {
                    top: 60%;
                    /* left: 19rem; */
                    font-size: 4rem;
                    white-space: normal;
                    margin-top: 90px;
                    max-width: 800px;
                }

                .banner-text h1 {
                    font-size: 38px;
                    margin: 0;
                    font-weight: 700;
                    max-width: 600px;
                }

                .banner-text p {
                    margin-top: 1.25rem;
                    font-size: 1.25rem;
                    font-weight: 300;
                    max-width: 380px;
                }

                .banner-text button {
                    margin-top: 1.25rem;
                    padding: 0.75rem 1.5rem;
                    font-size: 14px;
                    background-color: #2CB34A;
                    color: white;
                    border: none;
                    border-radius: 48px;
                    cursor: pointer;
                }

                .banner-text button:hover {
                    background-color: #008a46;
                }

                .skills-title {
                    text-align: center;
                    font-size: 32px;
                    font-weight: 700;
                    margin-bottom: 2rem;
                    color: #2CB34A;
                }

                .skills-cards {
                    flex-direction: row;
                }

                .feature-title {
                    font-size: 32px;
                    font-weight: 700;
                    margin-bottom: 0.75rem;
                    color: #2CB34A;
                    text-align: center;
                }

                .feature-cards {
                    flex-direction: row;
                    /* padding: 0 12rem; */
                }

                .free-learning-container {
                    margin: 0 auto;
                    text-align: center;
                }

                .free-learning-title {
                    font-size: 2rem;
                    font-weight: 700;
                    color: #2CB34A;
                    margin-bottom: 0.5rem;
                }

                .free-learning-desc {
                    font-size: 20px;
                    font-weight: 400;
                    max-width: 600px;
                    color: black;
                    margin: 0 auto 1rem;
                }

                .free-learning-subtitle {
                    font-size: 20px;
                    margin-bottom: 2rem;
                    color: black;
                    font-weight: 700;
                }

                .learning-list {
                    list-style-type: disc;
                    list-style-position: inside;
                    /* bullets inside the padding box */
                    margin: 0;
                    padding-left: 1rem;
                }

                .learning-list li {
                    list-style-type: disc;
                    line-height: 1.4;
                    font-size: 16px;
                    font-weight: 300;
                    color: black;
                }

                .learning-card {
                    position: relative;
                    border: 1px solid #2CB34A;
                    border-radius: 8px;
                    padding: 2rem 1rem 1rem;
                }

                .toggle-buttons {
                    display: inline-flex;
                    /* shrink‐to‐fit */
                    background: #F4FBF6;
                    border-radius: 31.5px;
                    overflow: hidden;
                    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
                    position: absolute;
                    top: -1.5rem;
                    left: 50%;
                    transform: translateX(-50%);
                    gap: 0.5rem;
                    /* space between buttons */
                    padding: 8px;
                }

                .toggle-btn {
                    background: white;
                    border: 2px solid #2CB34A;
                    color: black;
                    padding: 0.5rem 1rem;
                    border-radius: 31.5px;
                    ;
                    cursor: pointer;
                    font-weight: 300;
                }

                .toggle-btn.active {
                    background: #2CB34A;
                    color: white;
                }

                .learning-sections {
                    display: flex;
                    margin-top: 1rem;
                }

                /* Fix for title overflow in desktop view */
                .learning-section .skill-title {
                    font-size: 0.9rem;
                    font-weight: 600;
                    color: #2CB34A;
                    word-break: break-word;
                    /* Allow long titles to break */
                    overflow-wrap: break-word;
                    white-space: normal;
                    /* Override any nowrap setting */
                    max-width: 100%;
                    /* Ensure it doesn't exceed container width */
                }

                /* FIX: Improved learning section styling for desktop */
                .learning-section {
                    flex: 1;
                    padding: 1rem;
                    background: white;
                    text-align: left;
                    overflow: hidden;
                    max-width: 100%;
                }

                /* add a thin divider between columns */
                .learning-section+.learning-section {
                    border-left: 1px solid #2CB34A;
                }

                .duration {
                    display: flex;
                    flex-wrap: wrap;
                    align-items: baseline;
                    gap: 0.2rem;
                    /* very small gap between title & duration */
                }

                .skill-title,
                .skill-duration {
                    white-space: nowrap;
                    margin: 0;
                    flex: 0 0 auto;
                }

                .skill-title {
                    font-size: 0.9rem;
                    font-weight: 600;
                    color: #2CB34A;
                    word-break: break-word;
                    /* Allow long titles to break */
                }

                .learning-section .skill-duration {
                    font-size: 0.8rem;
                    /* your desired smaller size */
                    font-weight: 700;
                    color: black;
                    /* or your preferred color */
                    margin: 0;
                    /* if you want no extra top-margin */
                }

                .learning-section p {
                    margin: 0.5rem 0 0;
                    font-size: 0.9rem;
                    color: #333;
                }

                .pagination-buttons {
                    display: flex;
                    justify-content: space-between;
                    margin: 1rem 0;
                }

                .pagination-buttons button {
                    width: 40px;
                    height: 40px;
                    border: none;
                    border-radius: 50%;
                    background: #2CB34A;
                    /* green bg */
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    cursor: pointer;
                }

                .pagination-buttons button .arrow {
                    color: white;
                    font-size: 18px;
                }

                .pagination-buttons button:disabled {
                    background: #E0E0E0;
                    /* light grey */
                    cursor: default;
                }

                .pagination-buttons button:disabled .arrow {
                    color: #2CB34A;
                    /* green arrow */
                }

                /* Force the section wrapper to have a pure white background */
                .footer-section {
                    background-color: white !important;
                    width: 100%;
                    margin: 0;
                    /* remove the 8px top margin */
                    padding: 30px 0 0;
                }

                /* Footer box styling */
                .site-footer {
                    border-radius: 20px;
                    background-color: #243B30;
                    /* Dark green background */
                    height: 224px;
                    overflow: hidden;
                    display: flex;
                    flex-direction: row;
                    padding: 0;
                    /* Remove inner padding */
                }

                /* Flex-row for logo, text, and button */
                .footer-container {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    width: 100%;
                    /* Ensure it takes full width */
                    padding: 0;
                    /* Ensure no padding */
                }

                /* Logo wrapper stretches and clips */
                .footer-logo-wrapper {
                    margin: 0;
                    height: 100%;
                    overflow: hidden;
                }

                /* Image covers the entire wrapper */
                .footer-logo {
                    display: block;
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    border-radius: 8px;
                }

                /* Text styling */
                .footer-text {
                    font-size: 30px;
                    font-weight: 700;
                    color: white;
                    margin: 0 1rem;
                    /* Add spacing between elements */
                }

                /* Button styling */
                .footer-btn {
                    background-color: #2CB34A;
                    /* Green button */
                    color: white;
                    border: none;
                    border-radius: 24px;
                    padding: 0.6rem 1.2rem;
                    font-size: 14px;
                    cursor: pointer;
                    margin-right: 32px;
                    /* Space on the right */
                }

                .faq-main-title {
                    font-size: 32px;
                    /* Larger font for desktop */
                    padding-bottom: 15px;
                }

                /* End of Digital Skills Hub Styles */

                /* Career Video Card Styles */
                .grid-layout {
                    display: grid;
                    grid-template-columns: repeat(3, minmax(0, 1fr));
                    gap: 20px;
                }

                .grid-layout .video-card-body img.member-profile {
                    width: 403px;
                    height: auto;
                    border-radius: 15px;
                    outline: 5px solid #2DAF4A;
                }

                .grid-layout .video-card-wrapper {
                    border-radius: 20px;
                    background: #F5F5F5;
                    padding: 13px;
                    padding-bottom: 0;
                }

                .grid-layout .video-card-wrapper .video-card-title h4 {
                    margin-top: 21px;
                    font-size: 22px;
                    font-weight: bolder;
                    color: #2CB34A;
                }

                .grid-layout .video-card-wrapper .video-card-title p {
                    color: black;
                    font-size: 16px;
                }

                .grid-layout .video-card-wrapper .video-card-body .content {
                    overflow: hidden;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 3;
                }

                .grid-layout .video-card-wrapper .video-card-body p>span {
                    color: #2CB34A;
                }

                .grid-layout .video-card-wrapper .video-card-body .image-wrapper {
                    position: relative;
                    max-width: 25.1875rem;
                }

                .grid-layout .video-card-wrapper .video-card-body .image-wrapper .play-video-wrapper {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }

                .grid-layout .video-card-wrapper .video-card-body .image-wrapper .play-video-wrapper .play-video {
                    width: 73px;
                    height: 73px;
                    flex-shrink: 0;
                }

                .play-video-wrapper .video-mark {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translateY(-50%, -50%);
                    -ms-transform: translateY(-50%, -50%);
                    transform: translateY(-50%, -50%);
                    pointer-events: none;
                }

                .play-video-wrapper .video-mark .wave-pulse {
                    width: 1px;
                    height: 0;
                    margin: 0 auto;
                }

                .play-video-wrapper .video-mark .wave-pulse::after,
                .play-video-wrapper .video-mark .wave-pulse::before {
                    opacity: 0;
                    content: "";
                    display: block;
                    position: absolute;
                    width: 200px;
                    height: 200px;
                    top: 50%;
                    left: 50%;
                    border-radius: 50%;
                    border: 3px solid #fff;
                    -webkit-animation: zoomBig 3.25s linear infinite;
                    animation: zoomBig 3.25s linear infinite;
                    -webkit-animation-delay: 0s;
                    animation-delay: 0s;
                }

                .play-video-wrapper .video-mark .wave-pulse::before {
                    -webkit-animation-delay: 0.75s;
                    animation-delay: 0.75s;
                }

                @-webkit-keyframes zoomBig {
                    0% {
                        -webkit-transform: translate(-50%, -50%) scale(0);
                        transform: translate(-50%, -50%) scale(0);
                        opacity: 1;
                        border-width: 3px;
                    }

                    40% {
                        opacity: 0.5;
                        border-width: 2px;
                    }

                    65% {
                        border-width: 1px;
                    }

                    100% {
                        -webkit-transform: translate(-50%, -50%) scale(1);
                        transform: translate(-50%, -50%) scale(1);
                        opacity: 0;
                        border-width: 1px;
                    }
                }

                @keyframes zoomBig {
                    0% {
                        -webkit-transform: translate(-50%, -50%) scale(0);
                        transform: translate(-50%, -50%) scale(0);
                        opacity: 1;
                        border-width: 3px;
                    }

                    40% {
                        opacity: 0.5;
                        border-width: 2px;
                    }

                    65% {
                        border-width: 1px;
                    }

                    100% {
                        -webkit-transform: translate(-50%, -50%) scale(1);
                        transform: translate(-50%, -50%) scale(1);
                        opacity: 0;
                        border-width: 1px;
                    }
                }

                @keyframes zoomBig {
                    0% {
                        -webkit-transform: translate(-50%, -50%) scale(0);
                        transform: translate(-50%, -50%) scale(0);
                        opacity: 1;
                        border-width: 3px;
                    }

                    40% {
                        opacity: 0.5;
                        border-width: 2px;
                    }

                    65% {
                        border-width: 1px;
                    }

                    100% {
                        -webkit-transform: translate(-50%, -50%) scale(1);
                        transform: translate(-50%, -50%) scale(1);
                        opacity: 0;
                        border-width: 1px;
                    }
                }

                @media only screen and (max-width: 768px) {
                    .grid-layout {
                        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                    }
                }


                @media only screen and (max-width: 500px) {
                    .grid-layout {
                        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
                    }
                }
        </style>
