.elementor-kit-7{--e-global-color-primary:#173b52;--e-global-color-secondary:#fae7be;--e-global-color-text:#ffffff;--e-global-color-accent:#f7d488;--e-global-typography-primary-font-family:"Google Sans";--e-global-typography-primary-font-size:16px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-text-transform:none;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:1.5em;--e-global-typography-primary-letter-spacing:-0.16px;--e-global-typography-secondary-font-family:"Google Sans";--e-global-typography-secondary-font-size:54px;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-text-transform:none;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-secondary-letter-spacing:-0.54px;--e-global-typography-text-font-family:"Google Sans";--e-global-typography-text-font-size:14px;--e-global-typography-text-font-weight:400;--e-global-typography-text-text-transform:uppercase;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:1.71em;--e-global-typography-text-letter-spacing:1.12px;--e-global-typography-accent-font-family:"Lexend";--e-global-typography-accent-font-size:24px;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-text-transform:none;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:1.33em;--e-global-typography-accent-letter-spacing:-0.24px;--e-global-typography-3a7f2e1-font-family:"Google Sans";--e-global-typography-3a7f2e1-font-size:56px;--e-global-typography-3a7f2e1-font-weight:500;--e-global-typography-3a7f2e1-text-transform:none;--e-global-typography-3a7f2e1-font-style:normal;--e-global-typography-3a7f2e1-text-decoration:none;--e-global-typography-3a7f2e1-line-height:64px;--e-global-typography-b8c4d52-font-family:"Google Sans";--e-global-typography-b8c4d52-font-size:24px;--e-global-typography-b8c4d52-font-weight:500;--e-global-typography-b8c4d52-text-transform:none;--e-global-typography-b8c4d52-font-style:normal;--e-global-typography-b8c4d52-text-decoration:none;--e-global-typography-b8c4d52-line-height:1.33em;--e-global-typography-b8c4d52-letter-spacing:-0.24px;--e-global-typography-9e1f6a3-font-family:"Google Sans";--e-global-typography-9e1f6a3-font-size:40px;--e-global-typography-9e1f6a3-font-weight:500;--e-global-typography-9e1f6a3-text-transform:none;--e-global-typography-9e1f6a3-font-style:normal;--e-global-typography-9e1f6a3-text-decoration:none;--e-global-typography-9e1f6a3-line-height:1.2em;--e-global-typography-9e1f6a3-letter-spacing:-0.4px;--e-global-typography-2d5b7c8-font-family:"Lexend";--e-global-typography-2d5b7c8-font-size:16px;--e-global-typography-2d5b7c8-font-weight:200;--e-global-typography-2d5b7c8-text-transform:none;--e-global-typography-2d5b7c8-font-style:normal;--e-global-typography-2d5b7c8-text-decoration:none;--e-global-typography-2d5b7c8-line-height:1.25em;--e-global-typography-2d5b7c8-letter-spacing:-0.16px;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-7{--e-global-typography-primary-font-size:15px;--e-global-typography-secondary-font-size:41px;--e-global-typography-text-font-size:13px;--e-global-typography-accent-font-size:20px;--e-global-typography-3a7f2e1-font-size:42px;--e-global-typography-b8c4d52-font-size:20px;--e-global-typography-9e1f6a3-font-size:30px;--e-global-typography-2d5b7c8-font-size:15px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:85%;}.e-con{--container-max-width:85%;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-primary-font-size:14px;--e-global-typography-secondary-font-size:30px;--e-global-typography-text-font-size:13px;--e-global-typography-accent-font-size:18px;--e-global-typography-3a7f2e1-font-size:31px;--e-global-typography-b8c4d52-font-size:18px;--e-global-typography-9e1f6a3-font-size:22px;--e-global-typography-2d5b7c8-font-size:14px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}/* Start custom CSS */.otgs-development-site-front-end {
    display: none;
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle::after {
    content: "";
    border: none !important;
    width: 16px;
    height: 16px;
    position: absolute;
    right:5px;
    top: 60%;
    transform: translateY(-50%);
    background-image: url("https://jermukgroup.vecto.digital/wp-content/uploads/2026/06/Vector-1.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}


/* Make Elementor header float over the page content */
body:not(.elementor-editor-active) .elementor-location-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}

/* Hide Elementor sticky spacer so it does not push content down */
body:not(.elementor-editor-active) .elementor-location-header .elementor-sticky__spacer {
    display: none !important;
}

/* Main real header */
body:not(.elementor-editor-active) .elementor-location-header [data-id="138ad3b"]:not(.elementor-sticky__spacer) {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    z-index: 9999;
    background-color: transparent !important;
    transform: translateY(0);
    transition:
        transform 0.35s ease,
        background-color 0.25s ease,
        box-shadow 0.25s ease;
    will-change: transform, background-color;
}

/* When logged in, respect WP admin bar */
body.admin-bar:not(.elementor-editor-active) .elementor-location-header [data-id="138ad3b"]:not(.elementor-sticky__spacer) {
    top: 32px !important;
}

@media (max-width: 782px) {
    body.admin-bar:not(.elementor-editor-active) .elementor-location-header [data-id="138ad3b"]:not(.elementor-sticky__spacer) {
        top: 46px !important;
    }
}


/* Prevent horizontal page breaking */
html,
body {
    overflow-x: clip;
}



/* Jermuk button icon reveal */
.jg-hover-icon-btn .elementor-button-content-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Desktop: icon hidden by default */
@media (min-width: 768px) {
    .jg-hover-icon-btn .elementor-button-icon {
        width: 0;
        opacity: 0;
        overflow: hidden;
        transform: translateX(-8px);
        margin-left: 0 !important;

        transition:
            width 0.25s ease,
            opacity 0.25s ease,
            transform 0.25s ease,
            margin-left 0.25s ease;
    }

    .jg-hover-icon-btn:hover .elementor-button-icon,
    .jg-hover-icon-btn:focus-within .elementor-button-icon {
        width: 24px;
        opacity: 1;
        transform: translateX(0);
        margin-left: 16px !important;
    }
}

/* Mobile: icon always visible */
@media (max-width: 767px) {
    .jg-hover-icon-btn .elementor-button-icon {
        width: 24px;
        opacity: 1;
        transform: none;
        margin-left: 16px !important;
    }
}


/* =========================================
   TIMELINE CAROUSEL
========================================= */

/* Parent wrapper:
   Clips left side at content edge,
   allows right side to extend to viewport edge.
*/
.jg-timeline-clip {
    position: relative;
    overflow: visible !important;
    clip-path: inset(0 -100vw 0 0);
}

/* Make sure Elementor wrappers do not clip the right side */
.jg-timeline-clip,
.jg-timeline-clip > .e-con-inner,
.jg-timeline-clip > .elementor-widget-container,
.jg-timeline-clip .elementor-widget-container {
    overflow: visible !important;
}

/* Timeline carousel edge-to-right */
.jg-timeline-carousel {
    --jg-timeline-width: 332px;
    --jg-timeline-card-width: 324px;
    --jg-timeline-card-height: 200px;
    --jg-timeline-gap: 24px;

    --jg-dot-size: 22px;
    --jg-dot-inner: 12px;
    --jg-line-thickness: 8px;

    --jg-line-future: #6E93A5;
    --jg-line-future-opacity: 0.45;
    --jg-line-active: #F7D488;

    --jg-content-side: max(24px, calc((100vw - var(--jg-content-width)) / 2));

    width: calc(100vw - var(--jg-content-side)) !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: calc(var(--jg-content-side) * -1) !important;

    position: relative;
    z-index: 20;
}

/* Swiper viewport should allow right-side overflow */
.jg-timeline-carousel .e-n-carousel,
.jg-timeline-carousel .swiper,
.jg-timeline-carousel .swiper-container {
    width: 100% !important;
    max-width: none !important;
    overflow: visible !important;
}

/* Swiper wrapper */
.jg-timeline-carousel .swiper-wrapper {
    align-items: stretch !important;
}

/* Fixed slide width to prevent drifting */
.jg-timeline-carousel .swiper-slide {
    width: var(--jg-timeline-width) !important;
    min-width: var(--jg-timeline-width) !important;
    max-width: var(--jg-timeline-width) !important;
    flex: 0 0 var(--jg-timeline-width) !important;

    margin-right: 0 !important;
    box-sizing: border-box;
    cursor: pointer;
}

/* Main timeline item */
.jg-timeline-item {
    width: var(--jg-timeline-width);
    min-height: 270px;

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

    box-sizing: border-box;
    padding: 0;
    position: relative;
}

/* Timeline card */
.jg-timeline-card {
    width: var(--jg-timeline-card-width) !important;
    height: var(--jg-timeline-card-height) !important;

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

    padding: 24px !important;
    gap: 12px;
    box-sizing: border-box;

    border-radius: 32px !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    box-shadow: none !important;

    backdrop-filter: none;
    -webkit-backdrop-filter: none;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        backdrop-filter 0.25s ease;
}

/* Selected card */
.jg-timeline-carousel .jg-timeline-is-selected .jg-timeline-card {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(250, 231, 190, 0.20) !important;
    box-shadow: 0 28px 12px -16px rgba(0, 0, 0, 0.12) !important;

    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

/* Icon */
.jg-timeline-icon {
    width: 48px;
    height: 48px;
    margin: 0 !important;
}

.jg-timeline-icon svg,
.jg-timeline-icon .elementor-icon,
.jg-timeline-icon .elementor-icon svg {
    width: 48px;
    height: 48px;
}

/* Inactive icon color */
.jg-timeline-carousel .jg-timeline-icon svg,
.jg-timeline-carousel .jg-timeline-icon svg * {
    stroke: rgba(195, 244, 244, 0.88) !important;
}

/* Selected/completed icon color */
.jg-timeline-carousel .jg-timeline-is-selected .jg-timeline-icon svg,
.jg-timeline-carousel .jg-timeline-is-selected .jg-timeline-icon svg *,
.jg-timeline-carousel .jg-timeline-is-complete .jg-timeline-icon svg,
.jg-timeline-carousel .jg-timeline-is-complete .jg-timeline-icon svg * {
    stroke: #F7D488 !important;
}

/* Year */
.jg-timeline-year {
    margin: 0 !important;
}

.jg-timeline-year .elementor-heading-title {
    font-size: 40px;
    line-height: 48px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: #ffffff;
    margin: 0;
}

/* Description */
.jg-timeline-desc {
    margin: 0 !important;
}

.jg-timeline-desc,
.jg-timeline-desc p {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: -0.01em;
    color: rgba(255, 255, 255, 0.6);
    margin: 0;
}

/* Inactive text opacity */
.jg-timeline-carousel .swiper-slide:not(.jg-timeline-is-selected) .jg-timeline-year,
.jg-timeline-carousel .swiper-slide:not(.jg-timeline-is-selected) .jg-timeline-desc {
    opacity: 0.8;
}

/* =========================================
   TIMELINE LINE + DOT
========================================= */

.jg-timeline-line {
    width: var(--jg-timeline-width);
    height: var(--jg-dot-size);
    margin-top: 4px;

    position: relative;
    flex: 0 0 var(--jg-dot-size);
}

/* Line segment.
   Starts from center of current dot and reaches next dot area.
*/
.jg-timeline-line::before {
    content: "";
    position: absolute;

    left: calc(var(--jg-dot-size) / 2);
    right: calc(var(--jg-dot-size) / -6);

    top: 50%;
    transform: translateY(-50%);

    height: var(--jg-line-thickness);
    background: rgba(110, 147, 165, var(--jg-line-future-opacity));
}

/* Outer dot */
.jg-timeline-line::after {
    content: "";
    position: absolute;

    left: 0;
    top: 50%;

    width: var(--jg-dot-size);
    height: var(--jg-dot-size);

    transform: translateY(-50%);
    border-radius: 999px;

    background: #F7D488;
    z-index: 2;
}

/* Inner dot */
.jg-timeline-item::after {
    content: "";
    position: absolute;

    left: calc((var(--jg-dot-size) - var(--jg-dot-inner)) / 2);
    top: calc(var(--jg-timeline-card-height) + 24px + ((var(--jg-dot-size) - var(--jg-dot-inner)) / 2));

    width: var(--jg-dot-inner);
    height: var(--jg-dot-inner);

    border-radius: 999px;
    background: #2A546E;

    z-index: 3;
    pointer-events: none;
}

/* Completed line */
.jg-timeline-carousel .jg-timeline-is-complete .jg-timeline-line::before {
    background: #F7D488;
}

/* Completed outer dot */
.jg-timeline-carousel .jg-timeline-is-complete .jg-timeline-line::after {
    background: #F7D488;
}

/* Completed inner dot */
.jg-timeline-carousel .jg-timeline-is-complete .jg-timeline-item::after {
    background: #2A546E;
}

/* Selected slide above others */
.jg-timeline-carousel .jg-timeline-is-selected {
    z-index: 5;
}

/* =========================================
   BUTTON ICON REVEAL
========================================= */

.jg-hover-icon-btn .elementor-button-content-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Desktop: icon hidden by default, appears on hover */
@media (min-width: 768px) {
    .jg-hover-icon-btn .elementor-button-icon {
        width: 0;
        opacity: 0;
        overflow: hidden;

        transform: translateX(-8px);
        margin-left: 0 !important;

        transition:
            width 0.25s ease,
            opacity 0.25s ease,
            transform 0.25s ease,
            margin-left 0.25s ease;
    }

    .jg-hover-icon-btn:hover .elementor-button-icon,
    .jg-hover-icon-btn:focus-within .elementor-button-icon {
        width: 24px;
        opacity: 1;

        transform: translateX(0);
        margin-left: 16px !important;
    }
}

/* Tablet */
@media (max-width: 1024px) {
    .jg-timeline-carousel {
        --jg-content-side: 32px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .jg-timeline-carousel {
        --jg-timeline-width: 292px;
        --jg-timeline-card-width: 284px;
        --jg-timeline-card-height: 190px;

        --jg-dot-size: 20px;
        --jg-dot-inner: 10px;

        --jg-content-side: 20px;

        width: calc(100vw - var(--jg-content-side)) !important;
        margin-right: calc(var(--jg-content-side) * -1) !important;
    }

    .jg-timeline-year .elementor-heading-title {
        font-size: 34px;
        line-height: 40px;
    }

    .jg-timeline-desc,
    .jg-timeline-desc p {
        font-size: 15px;
        line-height: 20px;
    }

    /* Mobile: icon always visible */
    .jg-hover-icon-btn .elementor-button-icon {
        width: 24px;
        opacity: 1;

        transform: none;
        margin-left: 16px !important;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Google Sans';
	font-display: auto;
	src: url('https://jermukgroup.vecto.digital/wp-content/uploads/2026/06/GoogleSans-VariableFont-GRADopszwght.ttf') format('truetype');
}
/* End Custom Fonts CSS */