/* Global */
        
        @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300&family=Jost:wght@400;500;600;700&display=swap');
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
        @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600&display=swap');
        @import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700&display=swap');
         :root {
            /* --primary: #FF9933; */
            --primary-color: #ED1B24;
            --primary-color-accent: #cc000a;
            --primary-color-dark: #090909;
            --primary-light: #fff;
            --gray-color: #EDEDED;
            --gray-color-dark: #4F4F4F;
        }
        
        html {
            /* font-size: 62.5%; */
            scroll-padding-top: 195px;
            scroll-margin-top: -195px;
        }
        
        *,
        body {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            list-style: none;
            font-family: 'Inter', sans-serif;
        }
        
        div {
            text-align: justify !important;
            text-justify: inter-word;
        }
        
        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }
        
        input[type=number] {
            -moz-appearance: textfield;
        }
        
        a.btn,
        input.btn,
        button.btn,
        .btn,
        button {
            box-shadow: none;
            outline: none !important;
        }
        
        a.btn:focus,
        input.btn:focus,
        button.btn:focus,
        .btn:focus,
        button,
        input,
        textarea,
        select {
            box-shadow: none !important;
            outline: none !important;
        }
        
        a.btn,
        input.btn,
        button.btn,
        .btn,
        input[type="submit"],
        .nav-pills .nav-link.active,
        .nav-pills .show>.nav-link {
            position: relative;
            overflow: hidden;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
        
        a.btn:after,
        input.btn:after,
        button.btn:after,
        .btn:after,
        input[type="submit"]:after,
        .nav-pills .nav-link.active:after,
        .nav-pills .show>.nav-link:after {
            content: "";
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            pointer-events: none;
            background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
            background-repeat: no-repeat;
            background-position: 50%;
            -webkit-transform: scale(10, 10);
            transform: scale(10, 10);
            opacity: 0;
            -webkit-transition: opacity 1s, -webkit-transform .5s;
            transition: opacity 1s, -webkit-transform .5s;
            transition: transform .5s, opacity 1s;
            transition: transform .5s, opacity 1s, -webkit-transform .5s;
        }
        
        a.btn:active:after,
        input.btn:active:after,
        button.btn:active:after,
        .btn:active:after,
        input[type="submit"]:active:after,
        .nav-pills .nav-link.active:active:after,
        .nav-pills .show>.nav-link:active:after {
            -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
            opacity: .3;
            -webkit-transition: 0s;
            transition: 0s;
        }
        
        @media(min-width: 1400px) {
            .container {
                max-width: 1300px;
            }
        }
        
        @media(min-width: 1700px) {
            .container {
                max-width: 1500px;
            }
        }
        
        .modal {
            z-index: 9999999999999999;
        }
        
        .w-65 {
            width: 65%;
        }
        
        .w-35 {
            width: 35%;
        }
        
        .title_div {
            display: flex;
            justify-content: center;
            align-items: flex-start;
            flex-direction: column;
            margin-bottom: 30px;
            width: 100%;
            position: relative;
        }
        
        .title_div .title {
            color: var(--primary-color);
            text-transform: uppercase;
            font-size: 16px;
            font-weight: 500;
            letter-spacing: 2px;
            word-break: break-all;
        }
        
        .ethos_title_div::after {
            position: absolute;
            bottom: -15px;
            content: '';
            left: 0;
            /* top: 0px; */
            width: 100%;
            height: 3px;
            background: var(--primary-color);
            display: block;
        }
        
        .title_div .title::before {
            content: '';
            left: 0;
            top: 0px;
            width: 50%;
            height: 3px;
            background: var(--secondry-color);
            display: block;
            border-radius: 3px;
            margin-bottom: 20px;
        }
        
        table {
            --bs-table-bg: transparent !important;
            --bs-table-accent-bg: transparent !important;
            --bs-table-striped-color: #212529 !important;
            --bs-table-striped-bg: rgba(0, 0, 0, 0.05) !important;
            --bs-table-active-color: #212529 !important;
            --bs-table-active-bg: rgba(0, 0, 0, 0.1) !important;
            --bs-table-hover-color: #212529 !important;
            --bs-table-hover-bg: rgba(0, 0, 0, 0.075) !important;
            width: 100% !important;
            margin-bottom: 1rem !important;
            color: #212529 !important;
            vertical-align: top !important;
            border-color: #dee2e6 !important;
        }
        
        table> :not(caption)>*>* {
            padding: 0.5rem 0.5rem !important;
            background-color: var(--bs-table-bg) !important;
            border-bottom-width: 1px !important;
            box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg) !important;
        }
        
        table>tbody {
            vertical-align: inherit !important;
        }
        
        table>thead {
            vertical-align: bottom !important;
        }
        
        table> :not(:last-child)> :last-child>* {
            border-bottom-color: currentColor !important;
        }
        
        table> :not(caption)>* {
            border-width: 1px 0 !important;
        }
        
        table> :not(caption)>*>* {
            border-width: 0 1px !important;
        }
        /* 5 Columns */
        
        .col-xs-15,
        .col-sm-15,
        .col-md-15,
        .col-lg-15,
        .col-xl-15 {
            position: relative;
            min-height: 1px;
            padding-right: 10px;
            padding-left: 10px;
        }
        
        .col-xs-15 {
            width: 20%;
            float: left;
        }
        
        @media (min-width: 768px) {
            .col-sm-15 {
                width: 20%;
                float: left;
            }
        }
        
        @media (min-width: 992px) {
            .col-md-15 {
                width: 20%;
                float: left;
            }
        }
        
        @media (min-width: 1200px) {
            .col-lg-15 {
                width: 20%;
                float: left;
            }
        }
        
        @media (min-width: 1800px) {
            .col-xl-15 {
                width: 20%;
                float: left;
            }
        }
        /* 8 cols  */
        
        .col-xs-18,
        .col-sm-18,
        .col-md-18,
        .col-lg-18,
        .col-xl-18 {
            position: relative;
            min-height: 1px;
            padding-right: 10px;
            padding-left: 10px;
        }
        
        .col-xs-18 {
            width: 12.5%;
            float: left;
        }
        
        @media (min-width: 768px) {
            .col-sm-18 {
                width: 12.5%;
                float: left;
            }
        }
        
        @media (min-width: 992px) {
            .col-md-18 {
                width: 12.5%;
                float: left;
            }
        }
        
        @media (min-width: 1200px) {
            .col-lg-18 {
                width: 12.5%;
                float: left;
            }
        }
        
        @media (min-width: 1800px) {
            .col-xl-18 {
                width: 12.5%;
                float: left;
            }
        }
        
        @media (max-width: 500px) {
            p,
            h6,
            span,
            td,
            li {
                font-size: 14px;
            }
            h5,
            h4 {
                font-size: 15px;
            }
            h3 {
                font-size: 16px;
            }
            h2 {
                font-size: 18px;
            }
            h1 {
                font-size: 20px;
            }
        }
        
        .btn-primary,
        .btn-primary.disabled,
        .btn-primary:disabled {
            background: var(--primary-color);
            border-color: var(--primary-color);
            color: #fff;
            border: none;
            border-radius: 0px;
        }
        
        .btn-primary:hover,
        .btn-primary:focus,
        .btn-primary:active {
            background: var(--primary-color-accent);
            border-color: var(--primary-color-accent);
            color: #fff;
        }
        
        .btn-outline-primary {
            background: transparent;
            color: var(--primary-color);
            border: 1px solid var(--primary-color);
        }
        
        .btn-outline-primary:hover,
        .btn-outline-primary:focus,
        .btn-outline-primary:active {
            background: transparent;
            color: var(--primary-color-accent);
            border: 1px solid var(--primary-color-accent);
        }
        
        .btn-primary-main,
        .btn-primary-main.disabled,
        .btn-primary-main:disabled {
            background: var(--primary-color);
            border-color: var(--primary-color);
            color: #fff;
            border: none;
            border-radius: 2px;
        }
        
        .btn-primary-main:hover,
        .btn-primary-main:focus,
        .btn-primary-main:active {
            background: var(--primary-color-dark);
            border-color: var(--primary-color-dark);
            color: #fff;
        }
        
        .btn-outline-primary-main {
            background: transparent;
            color: var(--primary-color-dark);
            border: 1px solid var(--primary-color-dark);
        }
        
        .btn-outline-primary-main:hover,
        .btn-outline-primary-main:focus,
        .btn-outline-primary-main:active {
            background: var(--primary-color);
            color: #fff;
            border: 1px solid var(--primary-color-dark);
        }
        
        .btn-secondary,
        .btn-secondary.disabled,
        .btn-secondary:disabled {
            background: var(--secondry-color);
            border-color: var(--secondry-color);
            color: #fff;
            border: none;
            border-radius: 2px;
        }
        
        .btn-secondary:hover,
        .btn-secondary:focus,
        .btn-secondary:active {
            background: var(--secondry-color-dark) !important;
            border-color: var(--secondry-color-dark);
            color: #fff;
        }
        
        .btn-outline-secondary {
            background: transparent;
            color: var(--secondry-color);
            border: 1px solid var(--secondry-color);
        }
        
        .btn-outline-secondary:hover,
        .btn-outline-secondary:focus,
        .btn-outline-secondary:active {
            background: transparent;
            color: var(--secondry-color-dark);
            border: 1px solid var(--secondry-color-dark);
        }
        
        input,
        input:focus,
        textarea,
        textarea:focus {
            outline: none;
            box-shadow: none !important;
        }
        
        ul {
            margin: 0;
            padding: 0;
        }
        
        a {
            text-decoration: none;
        }
        
        a:hover {
            text-decoration: none;
            color: white;
        }
        
        .boot_notify_data {
            top: -20px;
            transition: 0.2s ease-in-out;
        }
        
        .boot_notify_data.show {
            margin-bottom: 0;
            position: fixed;
            top: 20px;
            right: 20px;
            transition: 0.2s ease-in-out;
            z-index: 99999999999999999999;
        }
        /* -----------Header-------- */
        
        .navbar-background {
            position: fixed;
            background: rgba(0, 0, 0, 0.35);
            /* background: rgba(104, 120, 146, .8); */
            z-index: 999999999;
            width: 100%;
            transition: .4s ease-in-out;
        }
        
        .header-scrolled {
            background: rgba(0, 0, 0, 0.35);
        }
        
        .navbar-brand img {
            width: 150px;
        }
        
        .navbar .nav-item {
            padding: 0 10px;
        }
        
        .navbar-nav .nav-link {
            color: #fff !important;
            font-size: 16px;
            /* font-weight: 400; */
        }
        
        .navbar-nav .nav-item.active .nav-link {
            font-weight: 900;
        }
        
        .navbar-custom {
            width: 95%;
            margin: 0 auto;
        }
        
        @media (max-width: 900px) {
            .navbar-custom {
                width: 100%;
                margin: 0 auto;
            }
        }
        
        .navbar-left,
        .m-l {
            margin-left: auto;
        }
        
        .navbar-nav {
            margin-right: 40px;
            flex-direction: row;
        }
        
        .navbar-btn {
            padding: 10px 20px;
        }
        
        .hamburger {
            margin: 20px;
            opacity: 1;
            cursor: pointer;
            transition: opacity 0.25s linear;
            width: 20px;
            height: 25px;
            display: none;
            align-items: center;
            position: relative;
        }
        
        .hamburger.open {
            margin: 20px;
            opacity: 1;
            cursor: pointer;
            transition: opacity 0.25s linear;
            width: 20px;
            height: 25px;
            align-items: center;
            position: fixed;
            right: 0;
            top: 10px;
        }
        
        .hamburger:hover {
            opacity: 1;
        }
        
        .hamburger div,
        .hamburger div:after,
        .hamburger div:before {
            background-color: var(--primary-light);
            width: 100%;
            height: 3px;
            transition: all 0.15s linear;
        }
        
        .hamburger div:before,
        .hamburger div:after {
            content: "";
            position: absolute;
        }
        
        .hamburger div:before {
            transform: translateY(-200%);
        }
        
        .hamburger div:after {
            transform: translateY(200%);
        }
        
        .hamburger.open div {
            background: transparent;
        }
        
        .hamburger.open div:before {
            transform: rotate(45deg);
        }
        
        .hamburger.open div:after {
            transform: rotate(-45deg);
        }
        
        .navbar-social-icon {
            display: none;
            visibility: hidden;
        }
        
        @media (max-width:786px) {
            .navbar-background {
                position: relative;
                background: rgba(0, 0, 0, 0.35);
                z-index: 999999999;
                width: 100%;
                transition: .4s ease-in-out;
            }
            .navbar-custom {
                width: 100%;
            }
            .navbar-menu {
                /* display: none !important; */
                position: fixed;
                top: 0;
                right: -100%;
                width: 100%;
                height: 100vh;
                padding: 150px 20px;
                flex-direction: column;
                background: #a1a1a1;
                transition: .4s ease-in-out;
            }
            .navbar-menu.active {
                right: 0;
            }
            .navbar-nav {
                flex-direction: column;
            }
             #main-header .navbar-nav {
                margin-right: 0;
                text-align: center;
                display: flex;
                justify-content: center;
                align-items: center;
            }
            .nav-item.text-underline {
                max-width: fit-content;
            }
            .nav-item.text-underline a:first-child {
                margin-right: 15px;
            }
            .navbar-social-icon {
                margin-top: 50px;
                display: flex;
                justify-content: center;
                align-items: center;
                visibility: visible;
            }
            .navbar-social-icon .footer-icon {
                margin: 0 10px;
            }
            .navbar-social-icon .footer-icon a {
                margin-right: 0;
            }
            .navbar-social-icon .footer-icon img {
                width: 30px;
                height: 100%;
            }
            .hamburger {
                display: flex;
            }
            .child_navbar_main_div .main_child_navbar a {
                font-size: 15px !important;
            }
            .our_client_main_text_section p {
                text-align: left !important;
            }
            .footer-dec {
                font-size: 12px;
            }
        }
        
        .title_div * {
            text-align: left !important;
        }
        /* footer */
        
        footer {
            background: rgba(0, 0, 0, 0.35);
            padding: 80px 0px 20px 0;
        }
        
        .footer-custom {
            width: 90%;
            padding: 20px 0;
            margin: 0 auto;
        }
        
        .footer-title {
            color: var(--primary-light);
            text-transform: uppercase;
            letter-spacing: 2px;
            font-size: 16px;
        }
        
        .footer-sec .footer-logo {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }
        
        .footer-dec {
            color: var(--primary-light);
        }
        
        .footer-copyright p,
        .footer-copyright a {
            color: var(--primary-light);
            font-weight: 300;
        }
        
        .footer-copyright p {
            padding: 0px;
        }
        
        .footer-divider {
            border: 1px solid var(--gray-color-dark);
        }
        
        .footer-icon .footer-social-icon i {
            font-size: 20px;
            color: #fff !important;
        }
        
        .footer-social-icon {
            margin-right: 20px;
        }
        
        .footer-link .nav-link {
            color: var(--primary-light);
            padding: 0 0 2px;
        }
        
        .main_certificate_footer {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            text-align: center;
        }
        
        .main_certificate_footer p {
            line-height: 1;
            margin-bottom: 5px;
            font-size: 12px;
            color: #fff;
        }
        
        @media (max-width:786px) {
            .footer-copyright {
                flex-direction: column;
            }
            .footer-sec .footer-logo {
                align-items: flex-start;
            }
            footer {
                padding-top: 20px;
            }
            .footer-sec .footer-logo img {
                max-width: 200px;
            }
            .footer-sec .col-md-2.justify-content-start.text-center {
                align-items: flex-start !important;
                text-align: left !important;
            }
            .main_clients_carousel_div .swiper{
                padding: 0px !important;
            }
        }
        
        .hmd-container {
            width: 90%;
            margin: 0 auto;
            padding: 100px 0;
        }
        
        .hmd-container .container-title h5 {
            color: var(--primary-color);
            text-transform: uppercase;
            letter-spacing: 2px;
            font-size: 18px;
        }
        
        .hmd-container .container-subtitle h3 {
            font-size: 35px;
            font-weight: 600;
        }
        /* slider */
        
        #header_carousel {
            position: relative;
            width: 100%;
            height: 100vh;
            overflow: hidden;
        }
        
        #header_carousel::before {
            position: absolute;
            width: 100%;
            height: 100%;
            overflow: hidden;
            background: rgba(0, 0, 0, 0.15);
            display: block;
            content: '';
            z-index: 1;
        }
        
        #header_carousel .carousel-indicators button {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            margin: 0 8px;
        }
        
        #header_carousel .carousel-item img {
            object-position: center;
            object-fit: cover;
            height: 100%;
        }
        
        #header_carousel .carousel-item .carousel-caption {
            top: 50%;
            left: 12%;
            transform: translateY(-60%);
            display: flex;
            justify-content: center;
            align-items: flex-start;
            flex-direction: column;
            text-align: left;
            max-width: 800px;
            z-index: 3;
        }
        
        #header_carousel .carousel-item .carousel-caption h5 {
            font-size: 50px;
            text-transform: uppercase;
            margin-bottom: 30px;
        }
        
        #header_carousel .carousel-item .carousel-caption p {
            font-size: 20px;
        }
        
        .main_navigation_panel_div {
            position: absolute;
            left: 25px;
            right: 25px;
            bottom: 0;
            min-width: 300px;
            max-width: 800px;
            width: calc(100% - 50px);
            min-height: 120px;
            background: #fff;
            z-index: 3;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 30px 80px 20px 80px;
        }
        
        .main_title_div_area {
            color: #000;
            width: 60%;
        }
        
        .main_title_div_area h5 {
            color: #444;
            margin-bottom: 5px;
            font-size: 18px;
            font-weight: 300;
            letter-spacing: 6px;
            text-transform: uppercase;
        }
        
        .main_title_div_area h3 {
            margin-bottom: 0;
            font-size: 30px;
            font-weight: 500;
        }
        
        .main_navigation_panel_div .carousel_control_icons_main {
            background: none;
            opacity: 1;
            height: auto;
            width: auto;
        }
        
        .main_navigation_panel_div .carousel_control_icons_main svg path {
            fill: #000000;
            transition: 0.25s ease-in-out;
        }
        
        .main_navigation_panel_div .carousel_control_icons_main:hover svg path {
            fill: var(--primary-color);
            transition: 0.25s ease-in-out;
        }
        
        .main_navigation_div {
            position: relative;
            width: 40%;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        
        .main_navigation_div button {
            opacity: 1;
            position: relative;
        }
        
        .main_social_media_and_scoll_div {
            position: absolute;
            right: 0;
            bottom: 0;
            height: 80px;
            display: flex;
            justify-content: flex-end;
            align-items: center;
        }
        
        .main_social_media_and_scoll_div .main_div_social {
            display: flex;
            justify-content: flex-end;
            align-items: center;
        }
        
        .main_social_media_and_scoll_div .main_div_social a {
            color: #fff !important;
            margin-right: 50px;
            z-index: 3;
        }
        
        .main_social_media_and_scoll_div .scroll_btn {
            color: #fff !important;
            margin-right: 10px;
            z-index: 3;
            font-size: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
            padding-top: 100px;
            writing-mode: vertical-lr;
            text-orientation: mixed;
            transform: rotate(180deg);
        }
        
        .main_social_media_and_scoll_div .scroll_btn .scroll_icon_main {
            position: relative;
            height: 50px;
            width: 25px;
            background-color: transparent;
            display: block;
            border-radius: 50px;
            border: 2px solid #fff;
        }
        
        .main_social_media_and_scoll_div .scroll_btn .scroll_icon_main::before {
            content: '';
            height: 8px;
            width: 8px;
            border-radius: 50%;
            display: block;
            background-color: #fff;
            position: absolute;
            top: 8px;
            left: 50%;
            transform: translateX(-50%);
        }
        
        .scroll_text_main {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .scroll_text_main span {
            position: relative;
            width: 2px;
            height: 20px;
            display: block;
            background-color: #fff;
            margin-top: 5px;
            margin-bottom: 5px;
        }
        
        .carousel_mobile_carousel {
            display: none;
        }
        
        @media(max-width: 1200px) {
            .main_navigation_panel_div {
                max-width: 700px;
            }
            .main_social_media_and_scoll_div .main_div_social a {
                margin-right: 30px;
            }
        }
        
        @media(max-width: 1050px) {
            .main_navigation_panel_div {
                max-width: 600px;
            }
            .main_social_media_and_scoll_div .main_div_social a {
                margin-right: 20px;
            }
        }
        
        @media(max-width: 850px) {
            #header_carousel {
                height: 720px;
            }
            .carousel-indicators {
                display: none;
            }
            .carousel_mobile_carousel {
                display: block;
                padding: 20px;
                width: 70%;
                height: 70px;
                display: flex;
                justify-content: flex-start;
                align-items: center;
                font-size: 30px;
                background-color: #fff;
                color: #000;
                margin-top: -35px;
                margin-left: 15px;
                box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06);
                position: relative;
                z-index: 5;
            }
            #header_carousel .carousel-item img {
                object-position: center;
                object-fit: contain;
                height: 100%;
            }
            #header_carousel .carousel-inner,
            #header_carousel .carousel-item {
                position: unset !important;
            }
            #header_carousel .carousel-item .carousel-caption {
                top: unset;
                left: 30px;
                right: 30px;
                transform: unset;
                bottom: 100px;
                display: flex;
                justify-content: center;
                align-items: flex-start;
                flex-direction: column;
                text-align: left;
                max-width: 800px;
                z-index: 3;
            }
            #header_carousel::before {
                content: none;
            }
            #header_carousel .carousel-item .carousel-caption {
                color: #000;
            }
            .main_navigation_panel_div {
                max-width: 450px;
            }
            .main_social_media_and_scoll_div .main_div_social a {
                margin-right: 15px;
            }
        }
        
        @media(max-width: 768px) {
            .main_social_media_and_scoll_div {
                display: none !important;
            }
            #header_carousel {
                height: 650px;
            }
            .main_navigation_panel_div {
                left: 10px;
                width: calc(100% - 20px);
                max-width: 768px;
                background-color: #fff;
                border: 2px solid var(--primary-color);
                margin-bottom: 10px;
            }
            .main_about_content_home h3 {
                text-align: left;
            }
        }
          @media(max-width: 650px) {
            #header_carousel {
                height: 570px;
            }
              
          }
        @media(max-width: 500px) {
            #header_carousel {
                height: 530px;
            }
            #header_carousel .carousel-item .carousel-caption h5 {
                font-size: 55px !important;
            }
            #header_carousel .carousel-item .carousel-caption p {
                font-size: 18px !important;
            }
            .main_title_div_area h5 {
                font-size: 15px;
            }
            .main_title_div_area h3 {
                font-size: 22px;
            }
            .main_title_div_area {
                width: 70%;
            }
            .main_navigation_div {
                width: 30%;
            }
            .main_navigation_panel_div .carousel_control_icons_main svg {
                width: 35px;
            }
           
            #main-header .navbar-light .navbar-nav .nav-link {
                font-size: 20px !important;
            }
        }
        
        @media(max-width: 450px) {
            #header_carousel {
                height: 530px;
            }
            #header_carousel .carousel-item .carousel-caption h5 {
                font-size: 35px !important;
            }
            #header_carousel .carousel-item .carousel-caption p {
                font-size: 18px !important;
            }
        }
        
        @media(max-width: 360px) {
            .carousel_mobile_carousel {
                font-size: 30px;
            }
            #header_carousel {
                height: 470px;
            }
            #header_carousel .carousel-item .carousel-caption h5 {
                font-size: 25px !important;
            }
            #header_carousel .carousel-item .carousel-caption p {
                font-size: 14px !important;
            }
        }
        
        .about_section_main {
            width: 100%;
            background: #f8f8f8;
            padding-top: 180px;
            padding-bottom: 100px;
        }
        
        .main_about_content_home h3 {
            font-size: 35px;
            color: #000;
            margin-bottom: 30px;
            letter-spacing: 1px;
        }
        
        .main_about_content_home p {
            font-size: 18px;
            color: #404040;
            letter-spacing: 1px;
        }
        
        .main_about_div_img {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            position: relative;
        }
        
        .about_section_main .main_about_image {
            width: calc(100% - 100px);
        }
        
        .about_section_main .experience_about {
            position: absolute;
            font-family: "Poppins", sans-serif;
            left: 0;
            top: -70px;
            width: 180px;
            height: 180px;
            margin-bottom: 0;
            background: var(--primary-color);
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            color: #fff;
            letter-spacing: 1px;
        }
        
        .about_section_main .work_experience_year_span .year {
            font-size: 60px;
            font-weight: 600;
            line-height: 1;
        }
        
        .about_section_main .work_experience_year_span .year_letter {
            font-size: 20px;
            font-weight: 500;
        }
        
        .about_section_main .work_experience_text {
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 0.75px;
        }
        
        .projects_section_main {
            padding-top: 200px;
            padding-bottom: 200px;
        }
        
        .main_projects_content_home h3 {
            font-size: 35px;
            color: #000;
            margin-bottom: 30px;
            letter-spacing: 1px;
        }
        
        .main_projects_content_home p {
            font-size: 18px;
            color: #404040;
            letter-spacing: 1px;
        }
        
        #projects_carousel_main {
            max-width: 800px;
        }
        
        #projects_carousel_main .projects_carousel_caption {
            top: unset;
            left: unset;
            right: unset;
            bottom: unset;
            max-width: 65%;
            width: 100%;
            background: var(--primary-color);
            padding: 15px 25px;
            text-align: left;
            position: relative;
            margin-left: auto;
            margin-top: -40px;
        }
        
        #projects_carousel_main .projects_carousel_caption h2 {
            margin-bottom: 0;
            font-size: 28px;
        }
        
        #projects_carousel_main .projects_carousel_caption p {
            margin-bottom: 0px;
            font-weight: 300;
            color: #f8f8f8;
            letter-spacing: 0.5px;
            font-size: 13px;
        }
        
        #projects_carousel_main .main_navigation_buttons_div {
            max-width: 35%;
            width: 100%;
            margin-right: auto;
            display: flex;
            justify-content: space-around;
            align-items: center;
            margin-top: -47px;
        }
        
        #projects_carousel_main .main_navigation_buttons_div,
        #projects_carousel_main .main_navigation_buttons_div button {
            position: relative;
            left: 0;
        }
        
        #projects_carousel_main .carousel_control_icons_main {
            background: none;
            width: unset;
            height: unset;
        }
        
        #projects_carousel_main .main_navigation_buttons_div button {
            width: unset;
            opacity: 1;
        }
        
        #projects_carousel_main .carousel_control_icons_main svg {
            width: 40px;
            height: 50px;
        }
        
        #projects_carousel_main .carousel_control_icons_main svg path {
            fill: var(--primary-color);
            transition: 0.25s ease-in-out;
        }
        
        #projects_carousel_main .carousel_control_icons_main:hover svg path {
            fill: #aa020b;
            transition: 0.25s ease-in-out;
        }
        
        .main_projects_content_home {
            max-width: 500px;
        }
        
        @media (max-width: 550px) {
            #projects_carousel_main .projects_carousel_caption {
                max-width: 100%;
                margin-top: 0;
            }
            #projects_carousel_main .main_navigation_buttons_div {
                max-width: 100%;
                margin-top: 0;
            }
            .about_section_main .experience_about {
                height: 120px;
                width: 120px;
                top: -30px;
                left: 0px;
            }
            .about_section_main .work_experience_year_span .year {
                font-size: 35px;
            }
            .about_section_main .work_experience_year_span .year_letter {
                font-size: 15px;
            }
            .about_section_main .work_experience_text {
                font-size: 11px;
                margin-top: 5px;
            }
            .about_section_main .main_about_image {
                width: calc(100% - 60px);
            }
        }
        
        .testimonial_section_main {
            width: 100%;
            background: #f8f8f8;
            padding-top: 100px;
            padding-bottom: 200px;
            overflow: hidden;
        }
        @media (max-width:650px){
            .testimonial_section_main{
                padding: 0 15px;
            }
            .input-group>.form-control{
                width:49.6%;
            }
            .input-group>.form-select{
                width:50%;
            }
        }
        .testimonial_section_main .carousel-inner {
            overflow: unset;
        }
        
        .main_testimonials_row {
            margin-top: 120px;
            border: 5px solid var(--primary-color);
            min-height: 300px;
            position: relative;
        }
        
        .main_testimonials_row .testimonial_img_main {
            position: relative;
            margin-top: -80px;
            margin-bottom: -80px;
            margin-left: 50px;
        }
        
        .main_testimonials_row .testimonial_img_main img {
            height: 450px;
            width: auto;
            object-fit: contain;
        }
        
        .main_testimonials_row .hmd_testimonial_content {
            height: 100%;
            display: flex;
            align-items: flex-start;
            justify-content: center;
            flex-direction: column;
        }
        
        .main_testimonials_row .hmd_testimonial_content p {
            color: #404040;
            font-size: 18px;
            letter-spacing: 1px;
        }
        
        .main_testimonials_row .hmd_testimonial_content h4 {
            color: var(--primary-color);
            font-size: 18px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 0;
        }
        
        .main_testimonials_row .hmd_testimonial_content h5 {
            color: #000;
            font-size: 15px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 0;
        }
        
        .play_button {
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: transparent;
            border: 1px solid #fff;
            height: 75px;
            width: 75px;
            border-radius: 50%;
        }
        
        .play_button i {
            display: flex;
            justify-content: center;
            align-items: center;
            background: #fff;
            height: 60px;
            width: 60px;
            border-radius: 50%;
            font-size: 22px;
            color: #000;
            mix-blend-mode: darken;
        }
        
        .main_testimonial_video iframe {
            height: 100%;
            width: 100%;
            min-height: 650px;
        }
        
        #testimonial_video_popup_main .modal-content {
            padding: 0;
            background: transparent;
            border: none;
            border-radius: 0;
        }
        
        #testimonial_video_popup_main .modal-content .btn-close {
            margin-left: auto;
            position: absolute;
            top: 10px;
            right: 10px;
            z-index: 999;
            opacity: 0;
        }
        
        #testimonial_video_popup_main .modal-content:hover .btn-close {
            opacity: 1;
        }
        
        #testimonial_video_popup_main .modal-body {
            padding: 0;
            background: transparent;
        }
        
        .carousel_control_main {
            margin-top: 20px;
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }
        
        .carousel_control_main button {
            height: unset;
            width: unset;
            background-color: transparent;
            border: none;
            outline: none;
            box-shadow: none;
        }
        
        .carousel_control_main button .testimonials_control_icons_main svg path {
            fill: var(--primary-color);
        }
        
        .navigation_dots_main_div {
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0 30px;
        }
        
        .navigation_dots_main_div .main_btn_dots {
            height: 8px;
            width: 8px;
            background-color: #8a8a8a;
            margin: 0 5px;
            border-radius: 50%;
            transition: 0.25s ease-in-out;
        }
        
        .navigation_dots_main_div .main_btn_dots.active {
            height: 9px;
            width: 9px;
            background-color: var(--primary-color);
            transition: 0.25s ease-in-out;
        }
        
        .main_testimonial_video {
            height: 100%;
        }
        
        @media (max-width: 991px) {
            .main_testimonials_row .testimonial_img_main img {
                height: auto;
            }
        }
        
        @media (max-width: 767px) {
            .main_testimonials_row .testimonial_img_main {
                height: auto;
                margin-top: -100px;
                margin-bottom: 0;
                margin-left: 0;
            }
            .carousel_control_main {
                justify-content: center;
            }
            .main_testimonials_row .hmd_testimonial_content p {
                font-size: 13px !important;
            }
            .main_testimonials_row .hmd_testimonial_content h4 {
                font-size: 15px !important;
            }
            .main_testimonials_row .hmd_testimonial_content h5 {
                font-size: 14px !important;
            }
        }
        
        .main_clients_section {
            padding-top: 100px;
            padding-bottom: 100px;
        }
        
        .clients_subtitle {
            font-size: 35px;
            max-width: 600px;
            text-align: left !important;
        }
        
        .swiper {
            width: 100%;
            height: 100%;
            padding-top: 70px;
            padding-bottom: 70px;
        }
        
        .swiper-slide {
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .swiper-slide img {
            display: block;
            width: 75%;
            height: 100%;
            object-fit: contain;
            transform: scale(0.8);
        }
        
        .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background-color: var(--primary-color);
        }
        
        .swiper_main_navigation_div {
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .swiper_main_navigation_div .swiper-pagination {
            position: relative;
            width: auto;
            margin: 0 50px;
            bottom: unset;
        }
        
        .swiper_main_navigation_div button {
            background: transparent;
            border: none;
            outline: none;
            height: auto;
            width: auto;
        }
        
        .swiper_main_navigation_div button svg path {
            fill: var(--primary-color);
        }
        
        .swiper_main_navigation_div .swiper-wrapper {
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .ethos_about_section_main,
        .about_page_main_section {
            padding-top: 150px;
            padding-bottom: 50px;
        }
        
        .ethos_about_section_main .image_div_main {
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
        }
        
        .ethos_about_section_main .image_div_main .img_div {
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            margin-top: 60px;
        }
        
        .ethos_about_section_main .image_div_main img {
            max-width: 500px;
            z-index: 1;
        }
        
        .ethos_about_section_main .image_div_main .img_div::before {
            position: absolute;
            content: '';
            background-image: url('../images/dots-black.png');
            display: block;
            height: 150px;
            width: 150px;
            left: -40px;
            top: -55px;
            background-size: cover;
            background-repeat: no-repeat;
            filter: hue-rotate(50deg);
        }
        /* .ethos_about_section_main .image_div_main .img_div.ethos_div::after {
    position: absolute;
    content: '';
    background-image: url('../images/hmd-H-logo.png');
    display: block;
    height: 150px;
    width: 80px;
    right: -35px;
    top: 0;
    z-index: 9;
    background-size: contain;
    background-repeat: no-repeat;
} */
        
        .ethos_about_section_main .image_div_main.right .img_div::before {
            position: absolute;
            content: '';
            background-image: url('../images/dots-black.png');
            display: block;
            height: 150px;
            width: 150px;
            left: unset;
            right: -40px;
            top: -40px;
            filter: hue-rotate(50deg);
        }
        
        .our_main_icons_section {
            padding-top: 10px;
            padding-bottom: 100px;
        }
        
        .main_about_icon_div {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            flex-direction: column;
            min-height: 60px;
            transition: 0.25s ease-in-out;
        }
        
        .main_about_icon_div:hover {
            transition: 0.25s ease-in-out;
        }
        /* .main_about_icon_div i {
    margin-bottom: 15px;
    font-size: 50px;
    color: #aaaaaa;
} */
        
        .main_about_icon_div div.image-icon {
            display: flex;
            justify-content: center;
            flex-direction: column;
            align-items: center;
            height: 100px;
            width: 100px;
            background: var(--primary-color);
            margin-bottom: 15px;
        }
        @media (max-width:450px){
            .main_about_icon_div div.image-icon{
                margin:0px;
            }
        }
        .main_about_icon_div div.image-icon svg {
            width: 50px;
            height: 50px;
            object-fit: contain;
        }
        
        .main_about_icon_div div.image-icon svg path {
            fill: #fff;
        }
        
        .main_about_icon_div span {
            font-weight: 600;
            font-size: 14px;
            text-align: center !important;
        }
        
        .child_navbar_main_div {
            width: 100%;
            display: flex;
            align-items: flex-end;
            justify-content: flex-end;
        }
        
        .main_bg_bar {
            /* background: #f8f8f8; */
            background: rgba(248, 248, 248, 0.7);
            width: 100%;
            display: flex;
            align-items: flex-end;
            justify-content: flex-end;
        }
        
        .child_navbar_main_div .main_child_navbar {
            width: 100%;
            height: 80px;
            display: flex;
            align-items: center;
            justify-content: space-around;
            max-width: 650px;
            padding-right: 70px;
        }
        
        .header-scrolled+.child_navbar_main_div {
            position: sticky;
            top: 0;
            width: 100%;
            z-index: 999;
        }
        
        .child_navbar_main_div .main_child_navbar a {
            color: #777;
            text-transform: unset;
            font-weight: 500;
            font-size: 16px;
            margin: 0 20px;
        }
        
        .child_navbar_main_div .main_child_navbar a.active {
            color: #000;
            text-transform: unset;
            font-weight: 500;
            font-size: 16px;
            margin: 0 20px;
        }
        
        @media (max-width: 787px) {
            .child_navbar_main_div {
                height: unset !important;
            }
            .child_navbar_main_div .main_child_navbar {
                padding-right: 0;
                justify-content: flex-start;
                max-width: 100%;
            }
            .child_navbar_main_div .main_child_navbar {
                overflow-x: auto;
            }
            .child_navbar_main_div .main_child_navbar a {
                white-space: nowrap;
            }
        }
        
        @media (max-width: 600px) {
            .ethos_about_section_main .image_div_main img {
                width: 100%;
                max-width: 350px;
            }
            .ethos_about_section_main .image_div_main .img_div::before {
                left: -20px;
                top: -20px;
            }
            .ethos_about_section_main .image_div_main.right .img_div::before {
                right: -20px;
                top: -20px;
            }
            .ethos_about_section_main .image_div_main .img_div.ethos_div::after {
                height: 80px;
                width: 80px;
                right: -55px;
            }
            .ethos_about_section_main .image_div_main .img_div.ethos_div img {
                max-width: 330px;
            }
        }
        
        @media (max-width: 360px) {
            .ethos_about_section_main .image_div_main img {
                width: 100%;
                max-width: 280px;
                margin-left: -10px;
            }
            .ethos_about_section_main .image_div_main.right img {
                width: 100%;
                max-width: 280px;
                margin-left: -10px;
            }
            .ethos_about_section_main .image_div_main:not(.right) img {
                width: 100%;
                max-width: 280px;
                margin-right: -10px;
            }
            .ethos_about_section_main .image_div_main .img_div.ethos_div img {
                max-width: 240px;
            }
        }
        
        .about_page_main_section {
            background: #fff;
        }
        
        .ethos_about_section_main {
            padding-top: 150px;
            padding-bottom: 150px;
        }
        /* team */
        
        .our_team_main_section {
            padding-top: 0px;
            padding-bottom: 100px;
        }
        
        .our_team_main_section.client {
            padding-top: 0px;
            padding-bottom: 40px;
        }
        
        .team_image_div_main {
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            flex-direction: column;
            padding: 10px;
            margin: 10px;
            transition: 0.25s ease-in-out;
        }
        
        .client .team_image_div_main {
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            flex-direction: column;
            padding: 10px;
            margin: 10px;
            transition: 0.25s ease-in-out;
            padding: 10px;
            border: 1px solid #777;
            height: 100%;
            border-radius: 10px;
        }
        
        .team_image_div_main:hover {
            transition: 0.25s ease-in-out;
        }
        
        .team_image_div_main .main_image {
            margin-bottom: 10px;
            position: relative;
        }
        
        .client .team_image_div_main .main_image {
            margin-bottom: 10px;
            position: relative;
            max-width: 90px;
            width: 100%;
        }
        
        .team_image_div_main h5 {
            font-size: 20px;
            margin-bottom: 0;
            color: #000;
            padding: 8px 0;
        }
        
        .founder_main_image_div {
            display: flex;
            justify-content: center;
            /* align-items: center; */
        }
        
        .founder_main_image_div .img_div {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        /* .founder_main_image_div .img_div::before {
    position: absolute;
    content: '';
    background-image: url(../images/dots-black.png);
    display: block;
    height: 150px;
    width: 150px;
    right: -40px;
    top: -40px;
    filter: hue-rotate( 50deg);
} */
        
        .founder_main_image_div .img_div img {
            z-index: 1;
        }
        
        .testimonial_section_main.page .main_testimonials_row:not(.first) {
            margin-top: 150px;
        }
        
        .main_contact_us_section {
            padding-top: 100px;
            padding-bottom: 100px;
        }
        
        .banner_main_div {
            overflow: hidden;
        }
        
        .main_banner_image_div {
            height: 450px;
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            text-align: center;
        }
        
        .our_client_main_text_section {
            background: #f8f8f8;
            padding-top: 50px;
            padding-bottom: 50px;
        }
        
        .our_client_main_text_section p {
            margin-bottom: 0;
            font-size: 20px;
            text-transform: uppercase;
            font-weight: 500;
            color: var(--primary-color);
        }
        
        .our_client_main_text_section p {
            margin-bottom: 0;
            font-size: 12px;
            text-transform: uppercase;
            text-align: justify !important;
            font-weight: 400;
            letter-spacing: 1px;
            color: #000;
        }
        
        .our_client_main_text_section p span {
            color: var(--primary-color);
            margin-left: 5px;
            margin-right: 5px;
            line-height: 2;
        }
        
        .main_banner_image_div::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: block;
            background: rgba(255, 255, 255, 0.7);
            z-index: 1;
        }
        
        .main_banner_image_div img {
            object-fit: contain;
            object-position: center;
            width: 100%;
            position: absolute;
            z-index: 0;
        }
        
        .main_banner_image_div h1 {
            z-index: 4;
            font-size: 50px;
            font-weight: 300;
            margin-bottom: 20px;
            font-family: "inter", sans-serif;
        }
        
        .main_banner_image_div h5 {
            z-index: 4;
            font-size: 22px;
            font-weight: 700;
            max-width: 600px;
            padding: 5px 15px;
            font-family: "inter", sans-serif;
        }
        
        .main_contact_form_div .contact_form_main .form-group .form-control {
            border-radius: 0;
            border: none;
            border-bottom: 1px solid #aaa;
            resize: none;
            padding-left: 5px;
        }
        
        .main_contact_form_div .contact_form_main .form-group .form-control.file_upload {
            border-radius: .3rem;
            border: 1px solid #ced4da;
        }
        
        .main_contact_form_div .contact_form_main .form-group textarea.form-control {
            min-height: 90px;
        }
        
        .main_contact_form_div .contact_form_main .form-group label {
            padding-left: 3px;
        }
        
        .main_contact_col_address {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            height: 100%;
        }
        
        .main_contact_details_div {
            background: #f8f8f8;
            padding: 15px;
            border-radius: 5px;
            /* height: 800px; */
            box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.07);
            max-width: 600px;
        }
        /* @media (max-width: 990px) {
    .main_contact_details_div {
        height: 100%;
    }
} */
        
        @media (max-width: 768px) {
            .main_contact_details_div {
                height: 100%;
            }
            .main_contact_col_address {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 100%;
            }
            .our_team_main_section {
                padding-top: 20px;
                padding-bottom: 20px;
            }
            .founder_main_image_div .img_div img {
                max-width: calc(100% - 5%);
                margin-left: -15px;
            }
            .founder_main_image_div .img_div::before {
                height: 130px;
                width: 130px;
                top: -20px;
                right: -5px;
            }
            .main_banner_image_div {
                height: 250px;
            }
            .main_contact_us_section {
                padding-top: 0;
                padding-bottom: 50px;
            }
        }
        
        .main_contact_details_div a {
            color: #555;
            font-size: 18px;
            letter-spacing: 1;
            font-weight: 500;
        }
        
        .main_contact_details_div a:hover {
            color: var(--primary-color);
            font-size: 18px;
            letter-spacing: 1;
            font-weight: 500;
        }
        
        .upload_form_main .form-group .form-control:not([type="file"]) {
            border-radius: 0;
            border: none;
            border-bottom: 1px solid #aaa;
            resize: none;
            padding-left: 5px;
        }
        
        .upload_form_main .form-group textarea.form-control {
            min-height: 90px;
        }
        
        .upload_form_main .form-group label {
            padding-left: 3px;
        }
        /* Projects */
        
        .projects_section_main {
            padding-top: 100px;
            padding-bottom: 100px;
            background-color: #f8f8f8;
        }
        
        .projects_section_main .main_row_projects {
            background-color: #fff;
            padding: 15px 5px;
            border-radius: 20px;
            box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.15);
            margin-bottom: 25px;
        }
        
        .projects_section_main .main_row_projects:last-child {
            margin-bottom: 0;
        }
        
        .main_proj_img_div {
            border-radius: 5px;
            width: 100%;
        }
        
        .main_proj_img_div img {
            border-radius: 5px;
            object-fit: contain;
            width: 100%;
        }
        
        .main_proj_img_col p {
            margin-bottom: 0;
            margin-top: 20px;
            width: 100%;
        }
        
        .projects_section_main .images_videos_more_div {
            display: flex;
            justify-content: flex-end;
            align-items: center;
        }
        
        .projects_section_main .images_videos_more_div a {
            margin-left: 20px;
            color: var(--primary-color);
            letter-spacing: 1px;
            text-transform: uppercase;
            font-size: 15px;
            font-weight: 500;
        }
        
        .projects_section_main .main_proj_keys_div p {
            margin-bottom: 5px;
            text-align: left !important;
        }
        
        .projects_section_main .images_videos_more_div a:first-child {
            margin-left: 0;
        }
        
        .main_proj_desc_div {
            text-align: justify;
            letter-spacing: 0.5px;
        }
        
        .project_details_more_img_div {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .project_details_more_img_div p {
            margin-bottom: 0;
            margin-top: 0;
            margin-right: 10px;
        }
        
        .project_name_buttons_col {
            margin-top: 15px;
        }
        
        @media (max-width: 767px) {
            .main_proj_keys_div {
                margin-top: 5px;
            }
        }
        
        @media (max-width: 575px) {
            .projects_section_main {
                padding: 0px 15px;
            }
            .projects_section_main .images_videos_more_div a {
                font-size: 12px;
            }
        }
        
        .mfp-bg {
            z-index: 9999999991 !important;
        }
        
        .mfp-wrap {
            z-index: 9999999992 !important;
        }
        
        .mfp-container {
            z-index: 9999999993;
            color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .mfp-inline-holder .mfp-content,
        .mfp-ajax-holder .mfp-content {
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
        }
        
        .mfp-container img {
            height: 100%;
            width: 100%;
            object-fit: contain;
        }
        
        .main_project_video {
            width: 100% !important;
            height: 100% !important;
            background-color: #000;
        }
        
        .project_video_main .btn-close {
            position: absolute;
            top: 10px;
            right: 10px;
            z-index: 999999;
            opacity: 0;
        }
        
        .project_video_main:hover .btn-close {
            opacity: 1;
        }
        
        .mfp-content,
        .white-popup {
            width: 100%;
            height: 100%;
        }
        
        .mfp-close-btn-in .mfp-close {
            z-index: 9999999995;
            color: #fff !important;
            font-size:50px;
        }
        
        .main_loading_div {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            height: 100vh;
            background-color: rgba(0, 0, 0, 0.35);
            width: 100%;
            z-index: 9999999999;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        
        .main_loading_div img {
            max-width: 350px;
        }
        
        .main_loading_div .spinner-border {
            height: 60px;
            width: 60px;
            margin-top: 20px;
        }
        
        .filter_project_title {
            font-size: 15px;
            text-transform: uppercase;
            margin-bottom: 0;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            font-weight: 500;
            letter-spacing: 0.5px;
            color: var(--primary-color);
        }
        
        .project_filter_dropdown {
            /* min-height: 60px;
    padding: 15px;
    font-size: 18px; */
            min-width: 180px !important;
        }
        
        .main_filter_container.create_sticky {
            position: sticky;
            top: 85px;
            max-width: 1500px;
            z-index: 999999;
            transition: 0.25s ease-in-out;
        }
        
        @media (min-width: 576px) {
            .main_filter_container.create_sticky {
                max-width: 540px;
            }
        }
        
        @media (min-width: 768px) {
            .main_filter_container.create_sticky {
                max-width: 720px;
            }
        }
        
        @media (min-width: 992px) {
            .main_filter_container.create_sticky {
                max-width: 960px;
            }
        }
        
        @media (min-width: 1200px) {
            .main_filter_container.create_sticky {
                max-width: 1140px;
            }
        }
        
        @media (min-width: 1400px) {
            .main_filter_container.create_sticky {
                max-width: 1300px;
            }
        }
        
        @media (min-width: 1700px) {
            .main_filter_container.create_sticky {
                max-width: 1500px;
            }
        }
        
        .header-scrolled~.projects_section_main .main_filter_container.create_sticky {
            max-width: 100%;
            padding-top: 20px;
            padding-bottom: 20px;
            background-color: rgba(248, 248, 248, 0.9);
            transition: 0.25s ease-in-out;
        }
        
        .header-scrolled~.projects_section_main .main_filter_container.create_sticky .form-control,
        .header-scrolled~.projects_section_main .main_filter_container.create_sticky .form-group,
        .header-scrolled~.projects_section_main .main_filter_container.create_sticky .form-select {
            background-color: transparent;
            transition: 0.25s ease-in-out;
        }
        
        .header-scrolled~.projects_section_main .main_filter_container.create_sticky .main_filter_row {
            margin-bottom: 5px !important;
            transition: 0.25s ease-in-out;
        }
        
        @media (max-width: 787px) {
            .projects_section_main {
                padding-top: 20px !important;
            }
            .header-scrolled~.projects_section_main .main_filter_container.create_sticky {
                top: 0;
            }
        }
        
        @media (max-width: 500px) {
            .project_filter_dropdown {
                /* min-height: 50px;
        padding: 10px;
        font-size: 16px; */
                min-width: 130px !important;
            }
        }
        
        .main_proj_img_div.get_more_projects_photos {
            cursor: pointer;
            position: relative;
        }
        
        .main_proj_img_div.get_more_projects_photos::before {
            content: '\f302';
            position: absolute;
            z-index: 1;
            height: 100%;
            width: 100%;
            top: 0;
            left: 0;
            font-family: "Font Awesome 5 Free";
            font-size: 50px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #fff;
            background-color: rgba(0, 0, 0, 0.45);
            border-radius: 5px;
            opacity: 0;
            transition: 0.25s ease-in-out;
        }
        
        .main_proj_img_div.get_more_projects_photos:hover::before {
            opacity: 1;
            transition: 0.25s ease-in-out;
        }
        
        .text-underline {
            position: relative;
        }
        
        .text-underline::before {
            position: absolute;
            content: '';
            bottom: 0;
            left: 0;
            width: 100%;
            display: block;
            height: 2px;
            background-color: #fff;
        }
        
        .nav-item.text-underline {
            display: flex;
        }
        /* COFFEE BOOK */
        
        .coffie_book_main_section {
            padding-top: 100px;
            padding-bottom: 100px;
        }
        
        .coffie_book_main_section .container,
        .coffie_book_main_section .container-div {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }
        
        .coffie_book_main_section .flip-book {
            box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
            display: none;
            background-size: cover;
        }
        
        .coffie_book_main_section .page {
            padding: 20px;
            background-color: #fdfaf7;
            color: #785e3a;
            border: solid 1px #c2b5a3;
            overflow: hidden;
        }
        
        .coffie_book_main_section .page .page-content {
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: stretch;
        }
        
        .coffie_book_main_section .page .page-content .page-header {
            height: 30px;
            font-size: 100%;
            text-transform: uppercase;
            text-align: center;
        }
        
        .coffie_book_main_section .page .page-content .page-image {
            height: 100%;
            background-size: contain;
            background-position: center center;
            background-repeat: no-repeat;
        }
        
        .coffie_book_main_section .page .page-content .page-text {
            height: 100%;
            flex-grow: 1;
            font-size: 80%;
            text-align: justify;
            margin-top: 10px;
            padding-top: 10px;
            box-sizing: border-box;
            border-top: solid 1px #f4e8d7;
        }
        
        .coffie_book_main_section .page .page-content .page-footer {
            height: 30px;
            border-top: solid 1px #f4e8d7;
            font-size: 80%;
            color: #998466;
        }
        
        .coffie_book_main_section .page.--left {
            border-right: 0;
            box-shadow: inset -7px 0 30px -7px rgba(0, 0, 0, 0.4);
        }
        
        .coffie_book_main_section .page.--right {
            border-left: 0;
            box-shadow: inset 7px 0 30px -7px rgba(0, 0, 0, 0.4);
        }
        
        .coffie_book_main_section .page.--right .page-footer {
            text-align: right;
        }
        
        .coffie_book_main_section .page.hard {
            background-color: #f2e8d9;
            border: solid 1px #998466;
        }
        
        .coffie_book_main_section .page.page-cover {
            background-color: #e3d0b5;
            color: #785e3a;
            border: solid 1px #998466;
        }
        
        .coffie_book_main_section .page.page-cover h2 {
            text-align: center;
            padding-top: 50%;
            font-size: 210%;
        }
        
        .coffie_book_main_section .page.page-cover.page-cover-top {
            box-shadow: inset 0px 0 30px 0px rgba(36, 10, 3, 0.5), -2px 0 5px 2px rgba(0, 0, 0, 0.4);
        }
        
        .coffie_book_main_section .page.page-cover.page-cover-bottom {
            box-shadow: inset 0px 0 30px 0px rgba(36, 10, 3, 0.5), 10px 0 8px 0px rgba(0, 0, 0, 0.4);
        }
        
        .about_page_main_section.about_section_main {
            padding-top: 100px;
        }
        
        .founder_main_image_div {
            margin-top: 100px;
        }
        
        @media (max-width: 600px) {
            .about_page_main_section.about_section_main {
                padding-top: 70px;
            }
            .founder_main_image_div {
                margin-top: 0;
            }
            .projects_section_main .images_videos_more_div a.get_more_projects_photos {
                font-size: 14px;
            }
            .projects_section_main .images_videos_more_div a.get_more_projects_photos i {
                font-size: 16px;
            }
        }
        
        #testimonial_slider_main .carousel-indicators button,
        #projects_carousel_main .carousel-indicators button {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            margin: 0 8px;
            background-color: #8a8a8a;
        }
        
        #testimonial_slider_main .carousel-indicators button.active,
        #projects_carousel_main .carousel-indicators button.active {
            background-color: var(--primary-color);
        }
        
        #projects_carousel_main .carousel-indicators {
            margin-bottom: -3em;
            margin-left: -65%;
            margin-right: unset;
        }
        
        #testimonial_slider_main .carousel-indicators {
            margin-bottom: -3em;
            margin-left: -20%;
            margin-right: unset;
        }
        
        .ethos_about_section_main .title_div {
            display: flex;
            flex-direction: row;
            width: 100%;
            justify-content: flex-start;
            align-items: center;
        }
        
        .ethos_about_section_main .title_div img {
            max-width: 40px;
            margin-right: 35px;
        }
        
        .ethos_title {
            font-size: 20px !important;
            color: var(--primary-color-dark)!important;
            margin-bottom: 20px;
        }
        /* .main_row_projects .project_name {
    color: var(--primary-color)!important;
} */
        
        .project_name {
            display: flex !important;
            align-items: flex-end;
        }
        
        .project_name b {
            margin-bottom: -4px;
        }
        
        .project_name img {
            width: 25px;
            margin-right: 10px;
        }
        
        .our_team_main_section .title_div .title {
            padding-left: 20px;
        }
        
        .our_team_skill {
            justify-content: space-between;
            width: 100%;
        }
        
        @media (min-width:992px) {
            .footer_social {
                justify-content: center;
                align-items: center;
                text-align: center;
            }
        }
        
        .footer-logo {
            margin-right: auto;
            max-width: 300px;
        }
        
        div.image-icon.color-violet {
            background: #6867AC;
        }
        
        div.image-icon.color-green {
            background: #9BB67C;
        }
        
        div.image-icon.color-d-green {
            background: #698474;
        }
        
        div.image-icon.color-red {
            background: #FF7878;
        }
        
        div.image-icon.color-brown {
            background: #B49C73;
        }
        
        div.image-icon.color-grey {
            background: #949398;
        }
        
        div.image-icon.color-orange {
            background: #E5890A;
        }
        
        div.image-icon.color-l-cyan {
            background: #A2CDCD;
        }
        
        div.image-icon.color-bb {
            background: #89acd2;
        }
        
        div.image-icon.color-pink {
            background: #C490E4;
        }
        
        div.image-icon.color-dark-purple {
            background: #CD5D7D;
        }
        
        div.image-icon.color-yellow {
            background: #F5B971;
        }
        
        .hmd_core_team {
            display: block;
            margin: 0 auto;
            max-width: 700px;
        }
        
        @media (max-width:800px) {
            .hmd_core_team {
                max-width: 100%;
            }
        }
        
        .outer_circular {
            position: relative;
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            width: 400px;
            border-radius: calc(50%);
            display: flex;
            justify-content: center;
            align-items: center;
            height: 400px;
            padding: 10px;
            border: 1px dashed var(--primary-color-dark);
        }
        
        .inner_circular {
            display: flex;
            align-items: center;
            background: url('../images/core-team.jpg');
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            border-radius: calc(50%);
            position: absolute;
            width: 300px;
            height: 300px;
        }
        
        .circular_team_skill span {
            padding: 10px;
        }
        
        .circular_team_skill {
            position: absolute;
            width: unset;
            z-index: 1;
        }
        /* 10 icon  */
        
        .circular_team_skill .image-icon {
            border-radius: calc(50%);
            width: 60px !important;
            height: 60px !important;
            background: var(--primary-color);
        }
        
        .circular_team_skill .image-icon svg {
            width: 30px !important;
            height: 30px !important;
        }
        
        @media (min-width:850px) {
            .circular_team_skill span br {
                display: none;
            }
        }
        
        .circular_team_skill span {
            font-size: 12px;
        }
        
        .circular_team_skill:nth-child(1) {
            top: -70px;
            flex-direction: column-reverse;
        }
        
        .circular_team_skill:nth-child(2) {
            top: 0px;
            left: -120px;
            flex-direction: row-reverse;
        }
        
        .circular_team_skill:nth-child(3) {
            top: 0px;
            right: -90px;
            flex-direction: row;
        }
        
        .circular_team_skill:nth-child(4) {
            top: 100px;
            left: -215px;
            flex-direction: row-reverse;
        }
        
        .circular_team_skill:nth-child(5) {
            top: 100px;
            right: -115px;
            flex-direction: row;
        }
        
        .circular_team_skill:nth-child(6) {
            bottom: 100px;
            left: -165px;
            flex-direction: row-reverse;
        }
        
        .circular_team_skill:nth-child(7) {
            bottom: 100px;
            right: -115px;
            flex-direction: row;
        }
        
        .circular_team_skill:nth-child(8) {
            bottom: -10px;
            right: -110px;
            flex-direction: row;
        }
        
        .circular_team_skill:nth-child(9) {
            bottom: -10px;
            left: -185px;
            flex-direction: row-reverse;
        }
        
        .circular_team_skill:nth-child(10) {
            bottom: -85px;
        }
        
        .core-team-title {
            padding-top: 150px;
        }
        
        @media (max-width:850px) {
            .circular_team_skill:nth-child(1) {
                top: -60px;
            }
            .circular_team_skill:nth-child(2) {
                top: -55px;
                left: 30px;
                flex-direction: column-reverse;
            }
            .circular_team_skill:nth-child(3) {
                top: -55px;
                right: 30px;
                flex-direction: column-reverse;
            }
            .circular_team_skill:nth-child(4) {
                top: 100px;
                left: -135px;
            }
            .circular_team_skill:nth-child(5) {
                top: 100px;
                right: -125px;
            }
            .circular_team_skill:nth-child(6) {
                bottom: 100px;
                left: -125px;
            }
            .circular_team_skill:nth-child(7) {
                bottom: 100px;
                right: -120px;
            }
            .circular_team_skill:nth-child(8) {
                bottom: -55px;
                flex-direction: column;
                right: 30px;
            }
            .circular_team_skill:nth-child(9) {
                flex-direction: column;
                bottom: -80px;
                left: 30px;
            }
            .circular_team_skill:nth-child(10) {
                bottom: -120px;
            }
        }
        
        @media (max-width:700px) {
            .outer_circular {
                width: 350px;
                height: 350px;
            }
            .inner_circular {
                width: 250px;
                height: 250px;
            }
            .circular_team_skill:nth-child(1) {
                top: -60px;
            }
            .circular_team_skill:nth-child(2) {
                top: -50px;
                left: 20px;
                flex-direction: column-reverse;
            }
            .circular_team_skill:nth-child(3) {
                top: -50px;
                right: 20px;
                flex-direction: column-reverse;
            }
            .circular_team_skill:nth-child(4) {
                top: 30px;
                left: -50px;
                flex-direction: column-reverse;
            }
            .circular_team_skill:nth-child(5) {
                top: 40px;
                right: -30px;
                flex-direction: column-reverse;
            }
            .circular_team_skill:nth-child(6) {
                bottom: 40px;
                flex-direction: column;
                left: -45px;
            }
            .circular_team_skill:nth-child(7) {
                bottom: 60px;
                flex-direction: column;
                right: -40px;
            }
            .circular_team_skill:nth-child(8) {
                bottom: -50px;
                flex-direction: column;
                right: 30px;
            }
            .circular_team_skill:nth-child(9) {
                flex-direction: column;
                bottom: -80px;
                left: 30px;
            }
            .circular_team_skill:nth-child(10) {
                bottom: -110px;
            }
        }
        
        @media (max-width:430px) {
            .outer_circular {
                width: 280px;
                height: 280px;
            }
            .inner_circular {
                width: 220px;
                height: 220px;
            }
            .circular_team_skill .image-icon {
                width: 35px !important;
                height: 35px !important;
            }
            .circular_team_skill .image-icon svg {
                width: 20px !important;
                height: 20px !important;
            }
            .circular_team_skill span {
                font-size: 9px !important;
            }
            .circular_team_skill:nth-child(1) {
                top: -60px;
            }
            .circular_team_skill:nth-child(2) {
                top: -50px;
                left: 20px;
            }
            .circular_team_skill:nth-child(3) {
                top: -50px;
                right: 20px;
            }
            .circular_team_skill:nth-child(4) {
                top: 20px;
                left: -35px;
            }
            .circular_team_skill:nth-child(5) {
                top: 30px;
                right: -25px;
            }
            .circular_team_skill:nth-child(6) {
                bottom: 30px;
                left: -30px;
            }
            .circular_team_skill:nth-child(7) {
                bottom: 40px;
                right: -25px;
            }
            .circular_team_skill:nth-child(8) {
                bottom: -35px;
                right: 20px;
            }
            .circular_team_skill:nth-child(9) {
                bottom: -50px;
                left: 25px;
            }
            .circular_team_skill:nth-child(10) {
                bottom: -90px;
            }
              .circular_team_skill:nth-child(4) span,
                       .circular_team_skill:nth-child(6) span {
                           position:relative;
                           left:-20px;
                       }
            .circular_team_skill:nth-child(5) span,
                       .circular_team_skill:nth-child(7) span {
                           position:relative;
                           right:-20px;
                       }
        }
        
        .founder_main_image_div {
            height: 100%;
        }
        
        .founder_main_image_div .img_div {
            position: relative;
            display: flex;
            align-items: center;
            height: 622px;
        }
        
        .founder_main_image_div .img_div::after {
            content: '';
            display: block;
            position: absolute;
            height: 622px;
            width: 90%;
            top: 0%;
            background: rgba(248, 248, 248, 1);
        }
        
        .about_page_main_section .row {
            position: relative;
        }
        
        .founder_main_image_div .img_div img {
            margin: 0 auto;
        }
        
        @media (max-width:1627px) {
            .founder_main_image_div .img_div::after {
                height: 703px;
            }
            .founder_main_image_div .img_div {
                height: 703px;
            }
        }
        
        @media (max-width:990px) {
            .founder_main_image_div .img_div::after {
                height: 100%;
            }
            .founder_main_image_div {
                height: 100%;
            }
            .founder_main_image_div {
                margin: 0;
            }
        }
        
        @media (max-width:786px) {
            .founder_main_image_div .img_div {
                height: 400px;
            }
        }
           .main_banner_image_div .row {
            z-index: 9;
            width: 700px;
            position: absolute;
            bottom: 150px;
        }
        @media (max-width:780px) {  .main_banner_image_div .row {
                width: 100%;
            bottom:90px;
         }}
        
        @media (max-width:400px) {
            .founder_main_image_div .img_div {
                height: 300px;
            }
          
        }
        
     
        .main_banner_image_div .row h6 {
            font-size: 14px;
        }
        
        .our-team-mt {
            margin-top: 10px;
        }
        
        .main_projects_content_home p span {
            font-size: 25px;
            font-weight: 600;
            color: var(--primary-color-dark);
        }
        
        .main_projects_content_home p span:nth-child(2) {
            color: var(--primary-color);
        }
        
        .carousel-caption p span {
            font-size: 50px !important;
            font-weight: 600;
        }
        
        .main_header_carousel_div .carousel-item:nth-child(5),
        .main_header_carousel_div .carousel-item:nth-child(6) {
            text-shadow: 0 6px 1px rgb(0 0 0 / 1%), 0 0 5px rgb(0 0 0 / 10%), 0 1px 3px rgb(0 0 0 / 50%), 0 3px 5px rgb(0 0 0 / 20%), 0 5px 10px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 20%), 0 20px 20px rgb(0 0 0 / 20%);
        }
        
        @media (max-width:786px) {
            .carousel-caption p span {
                font-size: 30px !important;
                font-weight: 600;
            }
            .main_header_carousel_div .carousel-item:nth-child(5),
            .main_header_carousel_div .carousel-item:nth-child(6) {
                text-shadow: none;
            }
        }
        
        .button.mfp-arrow.show {
            display: block;
        }
        
        .button.mfp-arrow.hide {
            display: none;
        }
        /* .our_team_main_section {
            background: url('../images/team-bg.svg');
            background-repeat: no-repeat;
            background-size: cover;
        } */
        
        .team-bg svg {
            position: absolute;
            /* overflow: visible; */
        }
        .founder-page{
            padding-top: 25px !important;
        }
        
        @media (max-width:780px) {
            .team-bg svg .cls-1:nth-child(1),
            .team-bg svg .cls-2:nth-child(1),
            .team-bg svg .cls-2:nth-child(2),
            .team-bg svg .cls-2:nth-child(3) {
                /* -webkit-transform: translateY(1400px); */
                display: none;
            }
            .team-bg svg {
                bottom: 0;
            }
        }
         @media (max-width:420px) {
             .header_carousel{
                 height:520px;
             }
         }
        
        .our_team_main_section {
            overflow: hidden;
            position:relative;
        }
        
        .footer-sec {
            z-index: 999999999999;
        }