/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.5.1
	Stable tag: 3.5.1
	Requires at least: 6.0
	Tested up to: 7.0
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/
/* =========================
   LIGHT MODE GLOBAL
========================= */

html.light-mode {
    background: #eef1f3 !important;
}


/* =========================
   BODY & ELEMENTOR
========================= */

html.light-mode body {
    background: #eef1f3 !important;
    color: #061119 !important;
}

html.light-mode .elementor,
html.light-mode .elementor-section,
html.light-mode .e-con,
html.light-mode .e-con-inner {
    color: #061119;
}


/* =========================
   TEXT
========================= */

html.light-mode p,
html.light-mode span,
html.light-mode li,
html.light-mode .elementor-widget-text-editor,
html.light-mode .elementor-icon-list-text {
    color: #061119 !important;
}


/* =========================
   HEADINGS
========================= */

html.light-mode h2,
html.light-mode h3,
html.light-mode h4,
html.light-mode h5,
html.light-mode h6 {
    color: #061119 !important;
}


/* =========================
   LINKS
========================= */

html.light-mode .bod-link a {
    color: #061119 !important;
}

html.light-mode .bod-link a:hover {
    color: #3FA7DC !important;
}

html.light-mode .image-bottom-line a {
    color: #061119 !important;
}


/* External link icon */
html.light-mode .bod-link a::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 9L9 3M5 3H9V7' fill='none' stroke='%23061119' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}


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

html.light-mode .elementor-icon-list-text {
    color: #061119 !important;
}

html.light-mode .elementor-icon-list-item:not(:last-child)::after {
    border-color: #061119 !important;
}

html.light-mode .elementor-element-24ec709,
html.light-mode .elementor-element-9cc45d9 {
    border-color: #061119 !important;
}


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

html.light-mode #masthead {
    background: #eef1f3 !important;
}


/* Navigation */
html.light-mode header #menu-2-2dccaa0c.elementor-nav-menu .elementor-item {
   	color: #061119 !important;
    background: #fff !important;
    border-bottom: 1px solid #061119;
}

html.light-mode .elementor-nav-menu .elementor-item:hover,
html.light-mode .elementor-nav-menu .elementor-item.elementor-item-active {
    color: #3FA7DC !important;
}
html.light-mode .sticky-left-side a {
    color: #061119 !important;
}

html.light-mode header #menu-1-2dccaa0c a {
    color: #061119;
}
.bod-link.arrow-remove .elementor-icon svg {
    fill: #061119 !important;
}
/* =========================
   FOOTER
========================= */

html.light-mode footer {
    background: #eef1f3 !important;
}

html.light-mode footer p,
html.light-mode footer span,
html.light-mode footer li,
html.light-mode footer a {
    color: #061119 !important;
}


/* =========================
   WHITE BACKGROUNDS
========================= */

html.light-mode .elementor-element-6e6afb3:not(.elementor-motion-effects-element-type-background),
html.light-mode .elementor-element-2fb63dd.e-flex.e-con-boxed.e-con.e-child,
html.light-mode .elementor-104 .elementor-element-c07b6ff:not(.elementor-motion-effects-element-type-background),
html.light-mode .elementor-104 .elementor-element-500730e:not(.elementor-motion-effects-element-type-background),
html.light-mode .elementor-106 .elementor-element-4ee1194:not(.elementor-motion-effects-element-type-background),
html.light-mode .elementor-108 .elementor-element-18ac5db:not(.elementor-motion-effects-element-type-background) {
    background: #fff !important;
}


/* =========================
   BORDERS
========================= */

html.light-mode .elementor-133 .elementor-element-7a1f25af,
html.light-mode .elementor-element.cb-entry,
html.light-mode .elementor-102 .elementor-element-e41bfb7 {
    border-color: #061119 !important;
}


/* =========================
   ICONS
========================= */

html.light-mode .elementor-element-e4ce2e0.elementor-view-default .elementor-icon svg {
    fill: #061119 !important;
}


/* =========================
   EARTHRISE
========================= */

html.light-mode .earthrise::before {
    border-color: rgba(6, 17, 25, 0.12);

    background: radial-gradient(
        circle,
        rgba(63, 167, 220, 0.08) 0%,
        rgba(63, 167, 220, 0.03) 40%,
        transparent 65%
    );
}


/* =========================
   SPECIFIC HEADINGS
========================= */

html.light-mode .elementor-106 .elementor-element-377de28 .elementor-heading-title,
html.light-mode .elementor-108 .elementor-element-0068ce1 .elementor-heading-title {
    color: #061119 !important;
}


/* =========================
   THEME TOGGLE
========================= */

/* Normal button */
html .theme-toggle {
    color: #3FA7DC !important;
    background-color: #3FA7DC;
    border: 1px solid #3FA7DC !important;
    outline: none !important;
    box-shadow: none !important;
}


/* Hover */
html .theme-toggle:hover {
    background-color: transparent !important;
    color: #3FA7DC !important;
    border-color: #3FA7DC !important;
}


/* Focus / Active - Light & Dark */
html .theme-toggle:focus,
html .theme-toggle:focus-visible,
html .theme-toggle:active {
    background-color: #3FA7DC !important;
    color: #fff !important;
    border-color: #3FA7DC !important;
    outline: 2px solid #3FA7DC !important;
    outline-offset: 2px;
    box-shadow: none !important;
}


/* SVG icon on focus / active */
html .theme-toggle:focus svg,
html .theme-toggle:focus-visible svg,
html .theme-toggle:active svg {
    color: #fff !important;
    stroke: currentColor !important;
}


/* =========================
   THEME TOGGLE - LIGHT MODE
========================= */

html.light-mode .theme-toggle {
    color: #061119 !important;
    background-color: #061119 !important;
    border-color: #061119 !important;
}

html.light-mode .theme-toggle:hover {
    color: #3FA7DC !important;
    background-color: #3FA7DC !important;
    border-color: #3FA7DC !important;
}

html.light-mode .theme-toggle:focus,
html.light-mode .theme-toggle:focus-visible,
html.light-mode .theme-toggle:active {
    background-color: #3FA7DC !important;
    color: #fff !important;
    border-color: #3FA7DC !important;
}
html.light-mode .christ-name a::after {
    display: none;
}
html.light-mode  .elementor-menu-toggle {
    background: #061119;
}
/* SVG icons */
html.light-mode .theme-toggle svg {
    stroke: currentColor !important;
}
/* SVG icon */
.theme-toggle svg {
    color: #fff !important;
    stroke: currentColor !important;
}
.bod-link a{

    text-decoration: underline !important;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 2px 5px;
    line-height: 1.4;
    text-decoration: underline !important;
    text-decoration-thickness: 1px;
    text-underline-offset: 10px; /* underline spacing */
}

.bod-link a::after {
    content: "";
    width: 12px;
    height: 12px;
    display: inline-block;
    flex-shrink: 0;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 9L9 3M5 3H9V7' fill='none' stroke='%23ffffff' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 12px;
}
.sapcing-remove p {
    margin: 0;
}
.image-bottom-line a {
    text-decoration: underline !important;
    text-decoration-thickness: 1px;
    text-underline-offset: 8px !important;
}
.about-us-bold a::after{
	display: none;
}
.earthrise {
    position: relative;
    display: grid;
    justify-items: center;
    text-align: center;
    overflow: hidden;
    isolation: isolate;
}
.earthrise::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 280px;
    width: min(94vw, 1060px);
    height: min(94vw, 1060px);
    transform: translate(-50%, -50%);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(63, 167, 220, 0.08) 0%,
        rgba(63, 167, 220, 0.03) 40%,
        transparent 65%
    );
    pointer-events: none;
    z-index: 0;
}
.earthrise > .e-con-inner {
    position: relative;
    z-index: 1;
}
.elementor-108 .cb-img.elementor-element.elementor-element-983cac3 {
    border-radius: 0 !important;
}
.cb-video .elementor-widget-video .elementor-custom-embed-image-overlay {
    border: 1px solid rgb(232 223 204 / 14%);
}
.cb-video {
    position: relative;
    width: 100%;
}

.cb-video .elementor-wrapper {
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.65);
    overflow: hidden;
}
.cb-video .elementor-custom-embed-image-overlay::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(3, 10, 16, 0.72),
        rgba(3, 10, 16, 0.24)
    );
    transition: background 0.2s var(--ease, ease);
    pointer-events: none;
    z-index: 1;
}
.cb-video .elementor-custom-embed-image-overlay:hover::after{
        background: rgba(3, 10, 16, 0.42);
}
.cb-video .elementor-custom-embed-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
.cb-video .elementor-custom-embed-image-overlay img {
    display: block;
    width: 100%;
    height: auto;
}
.cb-video .elementor-custom-embed-play svg,
.cb-video .elementor-custom-embed-play svg path {
    fill: #3FA7DC !important;
}
.custom-line {
    width: 1px;
    height: clamp(64px, 12vw, 140px);
    background: linear-gradient(to bottom, transparent, #3fa7dc, transparent);
    display: block;
}
.digit-outer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(18px, 4vw, 44px);
    font-variant-numeric: tabular-nums;
}
.cb-entry {
    position: relative;
    display: grid !important;
    grid-template-columns: 50px 330px minmax(0, 1fr) 30px;
    align-items: center;
    width: 100%;
    min-width: 0;
    padding: 28px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    box-sizing: border-box;
}
.cb-entry::after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;

    justify-self: end;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 9L9 3M5 3H9V7' stroke='%23819099' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    transition: transform 0.2s ease;
}

.cb-entry:hover::after {
    transform: translate(2px, -2px);
}
.tally {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: 37px;
}

.tally::before {
    content: "";
    width: 36px;
    height: 2px;
    background: #3FA7DC;
    box-shadow:
        0 13px 0 #3FA7DC,
        0 26px 0 #3FA7DC,
        0 39px 0 #3FA7DC,
        0 52px 0 #3FA7DC,
        0 65px 0 #3FA7DC,
        0 78px 0 #3FA7DC,
        0 91px 0 #3FA7DC,
        0 104px 0 #3FA7DC,
        0 117px 0 #3FA7DC;
    opacity: 0.85;
}
@media (max-width: 1024px) {
    .cb-entry {
        grid-template-columns: 45px 260px minmax(0, 1fr) 25px;
        padding: 25px 0;
    }
}

@media(max-width:767px){
	.earthrise::before {
    	top: 120px;
	}
	.earthrise{
		display: block;
	}
     .cb-entry {
        grid-template-columns: 35px minmax(0, 1fr) 20px;
        column-gap: 12px;
        padding: 22px 0;
    }
    .cb-entry > .elementor-element:first-child {
        grid-column: 1;
        grid-row: 1 / 3;
    }
    .cb-entry > .elementor-element:nth-child(2) {
        grid-column: 2;
        grid-row: 1;
        min-width: 0;
    }
    .cb-entry .cb-what {
        grid-column: 2;
        grid-row: 2;
        min-width: 0;
        margin-top: 5px;
    }
    .cb-entry::after {
        grid-column: 3;
        grid-row: 1;
        align-self: start;
    }
}
@media(max-width:600px){
	 .earthrise::before {
        top: 150px;
    }
}
@media (max-width: 480px) {
    .cb-entry {
        grid-template-columns: 30px minmax(0, 1fr) 18px;
        column-gap: 10px;
        padding: 20px 0;
    }

    .cb-entry > .elementor-element:nth-child(2) .elementor-heading-title {
        font-size: 16px;
        line-height: 1.4;
    }

    .cb-entry .cb-what .elementor-heading-title {
        font-size: 14px;
        line-height: 1.45;
    }
}