@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@0,100..900;1,100..900&family=Rajdhani:wght@300;400;500;600;700&display=swap");
@version: "20241204182940";

:root {
    --tts-font-family: "Epilogue","Segoe UI","Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --tts-fs-6xl: 48px;
    --tts-fs-5xl: 40px;
    --tts-fs-4xl: 36px;
    --tts-fs-3xl: 32px;
    --tts-fs-2xl: 28px;
    --tts-fs-xl: 24px;
    --tts-fs-lg: 20px;
    --tts-fs-md: 18px;
    --tts-fs-sm: 16px;
    --tts-fs-xs: 14px;
    --tts-fs-2xs: 12px;
    --tts-fs-3xs: 10px;
    --tts-spacing-xs: 4px;
    --tts-spacing-sm: 8px;
    --tts-spacing-md: 12px;
    --tts-spacing-lg: 16px;
    --tts-spacing-xl: 24px;
    --tts-spacing-2xl: 32px;
    --tts-spacing-3xl: 48px;
    --tts-spacing-4xl: 64px;
    --tts-spacing-5xl: 80px;
    --tts-spacing-6xl: 96px;
    --tts-spacing--xs: -4px;
    --tts-spacing--sm: -8px;
    --tts-spacing--md: -12px;
    --tts-spacing--lg: -16px;
    --tts-spacing--xl: -24px;
    --tts-spacing--2xl: -32px;
    --tts-spacing--3xl: -48px;
    --tts-spacing--4xl: -64px;
    --tts-spacing--5xl: -80px;
    --tts-spacing--6xl: -96px;
    --tts-br-xs: 4px;
    --tts-br-sm: 8px;
    --tts-br-md: 12px;
    --tts-br-lg: 16px;
    --tts-br-xl: 24px;
    --tts-br-2xl: 32px;
    --tts-br-3xl: 64px;
    --tts-primary: #00AACC;
    --tts-primary-rgb: rgb(0, 170, 204);
    --tts-primary-dark: #141E21;
    --tts-primary-dark-rgb: rgb(20, 30, 33);
    --tts-primary-l1: #1FB4D2;
    --tts-primary-l2: #5CC9DE;
    --tts-primary-l3: #85D6E6;
    --tts-primary-l4: #ADE4EF;
    --tts-primary-l5: #D6F1F7;
    --tts-primary-l6: #EBF8FB;
    --tts-primary-l7: #F5FCFD;
    --tts-primary-d1: #00AACC;
    --tts-primary-d2: #00AACC;
    --tts-primary-d3: #00AACC;
    --tts-primary-d4: #00AACC;
    --tts-primary-d5: #00AACC;
    --tts-primary-d6: #00AACC;
    --tts-primary-d7: #00AACC;
    --tts-dark-l1: #615877;
    --tts-dark-l2: #8C859D;
    --tts-dark-l3: #A9A4B5;
    --tts-dark-l4: #C5C2CE;
    --tts-dark-l5: #E2E1E6;
    --tts-dark-l6: #F1F0F3;
    --tts-dark-l7: #F8F7F9;
    --tts-dark-d1: #423959;
    --tts-dark-d2: #302A41;
    --tts-dark-d3: #241F30;
    --tts-dark-d4: #181520;
    --tts-dark-d5: #0C0A10;
    --tts-dark-d6: #060508;
    --tts-dark-d7: #030304;
    --tts-grey-white: #EBEBEB;
    --tts-grey-light: #A7A7C3;
    --tts-grey-medium: #636371;
    --tts-grey-dark: #3C3C43;
    --tts-black-s02: #FAFAFA;
    --tts-black-s04: #F6F6F6;
    --tts-black-s08: #ECECEC;
    --tts-black-s16: #D9D9D9;
    --tts-black-s32: #B4B4B4;
    --tts-black-s48: #8E8E8E;
    --tts-black-s64: #696869;
    --tts-black-s88: #303030;
    --tts-black-s100: #171718;
    --tts-white-s02: #050505;
    --tts-white-s04: #0A0A0A;
    --tts-white-s08: #141414;
    --tts-white-s16: #292929;
    --tts-white-s32: #525252;
    --tts-white-s48: #7A7A7A;
    --tts-white-s64: #A3A3A3;
    --tts-white-s88: #E0E0E0;
    --tts-white-s100: #FFFFFF;
    --tts-alert-danger-main: #dc3545;
    --tts-alert-danger-dark: #491217;
    --tts-alert-danger-medium: #f5c6cb;
    --tts-alert-danger-light: #f8d7da;
    --tts-alert-success-main: #28a745;
    --tts-alert-success-dark: #0b2e13;
    --tts-alert-success-medium: #c3e6cb;
    --tts-alert-success-light: #d4edda;
    --tts-alert-warning-main: #ffc107;
    --tts-alert-warning-dark: #533f03;
    --tts-alert-warning-medium: #ffeeba;
    --tts-alert-warning-light: #fff3cd;
    --tts-indigo: #6610f2;
    --tts-purple: #6f42c1;
    --tts-pink: #d63384;
    --tts-red: #dc3545;
    --tts-orange: #fd7e14;
    --tts-yellow: #ffc107;
    --tts-green: #198754;
    --tts-teal: #20c997;
    --tts-cyan: #0dcaf0;
    --tts-rgb-indigo: 102, 16, 242;
    --tts-rgb-purple: 111, 66, 193;
    --tts-rgb-pink: 214, 51, 132;
    --tts-rgb-red: 220, 53, 69;
    --tts-rgb-orange: 253, 126, 20;
    --tts-rgb-yellow: 255, 193, 7;
    --tts-rgb-green: 25, 135, 84;
    --tts-rgb-teal: 32, 201, 151;
    --tts-rgb-cyan: 13, 202, 240;
    --tts-primary-a88: rgba(0, 170, 204, 0.88);
    --tts-primary-a64: rgba(0, 170, 204, 0.64);
    --tts-primary-a48: rgba(0, 170, 204, 0.48);
    --tts-primary-a32: rgba(0, 170, 204, 0.32);
    --tts-primary-a16: rgba(0, 170, 204, 0.16);
    --tts-primary-a08: rgba(0, 170, 204, 0.08);
    --tts-primary-a04: rgba(0, 170, 204, 0.04);
    --tts-dark-a88: rgba(75, 65, 101, 0.88);
    --tts-dark-a64: rgba(75, 65, 101, 0.64);
    --tts-dark-a48: rgba(75, 65, 101, 0.48);
    --tts-dark-a32: rgba(75, 65, 101, 0.32);
    --tts-dark-a16: rgba(75, 65, 101, 0.16);
    --tts-dark-a08: rgba(75, 65, 101, 0.08);
    --tts-dark-a04: rgba(75, 65, 101, 0.04);
    --tts-grey-rgb-white: rgb(235, 235, 235);
    --tts-grey-rgb-light: rgb(167, 167, 195);
    --tts-grey-rgb-medium: rgb(99, 99, 113);
    --tts-grey-rgb-dark: rgb(60, 60, 67);
    --tts-black-rgb-a02: rgba(27, 27, 27, 0.02);
    --tts-black-rgb-a04: rgba(27, 27, 27, 0.04);
    --tts-black-rgb-a08: rgba(27, 27, 27, 0.08);
    --tts-black-rgb-a16: rgba(27, 27, 27, 0.16);
    --tts-black-rgb-a24: rgba(27, 27, 27, 0.24);
    --tts-black-rgb-a32: rgba(27, 27, 27, 0.32);
    --tts-black-rgb-a48: rgba(27, 27, 27, 0.48);
    --tts-black-rgb-a64: rgba(27, 27, 27, 0.64);
    --tts-black-rgb-a88: rgba(27, 27, 27, 0.88);
    --tts-black-rgb-a100: rgb(27, 27, 27);
    --tts-white-rgb-a02: rgba(255, 255, 255, 0.02);
    --tts-white-rgb-a04: rgba(255, 255, 255, 0.04);
    --tts-white-rgb-a08: rgba(255, 255, 255, 0.08);
    --tts-white-rgb-a16: rgba(255, 255, 255, 0.16);
    --tts-white-rgb-a24: rgba(255, 255, 255, 0.24);
    --tts-white-rgb-a32: rgba(255, 255, 255, 0.32);
    --tts-white-rgb-a48: rgba(255, 255, 255, 0.48);
    --tts-white-rgb-a64: rgba(255, 255, 255, 0.64);
    --tts-white-rgb-a88: rgba(255, 255, 255, 0.88);
    --tts-white-rgb-a100: rgb(255, 255, 255);
    --tts-gradient-orange: linear-gradient(45deg, #FFE259 0%, #FFA751 50%, #FFE259 100%);
    --tts-gradient-pink: linear-gradient(45deg, #DD5E89 0%, #F7BB97 50%, #DD5E89 100%);
    --tts-gradient-teal: linear-gradient(45deg, #43C6AC 0%, #F8FFAE 50%, #43C6AC 100%);
    --tts-gradient-blue: linear-gradient(45deg, #2193B0 0%, #6DD5ED 50%, #2193B0 100%);
    --tts-gradient-orange-reverse: linear-gradient(45deg, #FFA751 0%, #FFE259 50%, #FFA751 100%);
    --tts-gradient-pink-reverse: linear-gradient(45deg, #F7BB97 0%, #DD5E89 50%, #F7BB97 100%);
    --tts-gradient-teal-reverse: linear-gradient(45deg, #F8FFAE 0%, #43C6AC 50%, #F8FFAE 100%);
    --tts-gradient-blue-reverse: linear-gradient(45deg, #6DD5ED 0%, #2193B0 50%, #6DD5ED 100%);
}

/* Optimized component styles (unchanged logic) */
.bg-img { background-size: cover; }
.site-mb-15 { margin-bottom: 15px; }
.site-mb-30 { margin-bottom: 30px; }
.spacer { flex-grow: 1; }

.banner-box {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
    justify-content: center;
    align-content: center;
    padding-top: 54.25%;
}
.banner-box .video-wrapper {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    overflow: hidden;
    z-index: 0;
    direction: ltr;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    background-color: #005175;
    padding-top: 56.25%;
}
.banner-box .video-wrapper .elementor-background-video {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-content: center;
    width: 100%;
    background-color: #01080f;
}
.banner-box .video-wrapper .elementor-background-overlay {
    background-color: #005175;
    opacity: 0.8;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    padding-top: 56.25%;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    position: absolute;
}
.banner-box .elementor-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    width: 68%;
    margin: auto;
}
.banner-box .elementor-content h2,
.banner-box .elementor-content h4 {
    color: #ffffff;
    text-align: center;
}
.banner-box .elementor-content .elementor-content-btn-wrapper {
    margin-top: 32px;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.banner-box .elementor-content .elementor-content-btn-wrapper .elementor-content_btn {
    background-color: #00a9cf;
    color: #ffffff;
    border-radius: 4px;
    margin: 0 8px 16px;
}
.banner-box .elementor-content .elementor-content-btn-wrapper .elementor-content_btn-white {
    background-color: #ffffff;
    color: #00a9cf;
}

/* Other reusable components (unchanged logic) */
.logo-menu-img {
    max-height: 46px;
    margin: auto;
    display: block;
}
.background-color--dark {
    background-color: #132438;
    padding: 16px 0 48px;
}
.menu-bg-color {
    background-color: #ffffff;
    border-bottom: 3px solid #00a9cf;
    border-radius: 8px 8px 0 0;
}
.menu-bar-wrapper .menu-bar-wrapper-inner {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.menu-bar-wrapper .menu-items {
    display: flex;
    flex-direction: row;
}
.nav-search-icon { border-left: none; }

.new-footer {
    position: relative;
    background-size: cover;
}
.new-footer .container .row:before {
    background: #132438;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.mobile-header {
    border-radius: 0;
    padding: 16px 0;
}
.menu-items li a.is-active,
.mobile-offcanvas-navigation li a.is-active {
    color: #00a9cf;
}

.slogan {
    display: inline-block;
    position: relative;
    margin: 0 2px;
    transition: all 0.3s ease;
}
.innovate {
    color: #4ecdc4;
    text-shadow: 0 0 10px #4ecdc4;
    text-shadow: 0 0 10px rgba(78, 205, 196, 0.7);
}

.integrate {
    color: #ff6b6b;
    text-shadow: 0 0 10px #ff6b6b;
    text-shadow: 0 0 10px rgba(255, 107, 107, 0.7);
}

.accelerate {
    color: #feca57;
    text-shadow: 0 0 10px #feca57;
    text-shadow: 0 0 10px rgba(254, 202, 87, 0.7);
}

p {
    font-family: var(--tts-font-family);
    color: var(--tts-dark-d1);
}

.brand-color-text {
    color: var(--tts-primary);
}
.brand-color-text-bold {
    color: var(--tts-primary);
    font-weight: bold;
}
.border-bottom-primary {
    border-bottom: 1px solid var(--tts-primary) !important;
}

#scroll-top {
    margin-right: 5px;
}
/* Badge navigation styles start*/
.badge-nav-container {
    padding: 12px;
    background: #fff;
}
.badge-nav-title {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 35px;
    border-bottom: 3px solid var(--tts-primary);
    display: inline-block;
    padding-bottom: 4px;
}
.badge-nav-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
}
.badge-nav-item {
    text-decoration: none;
    padding: 8px 18px;
    background-color: #f8f9fa;
    border-radius: 20px;
    font-size: 16px;
    color: #333;
    transition: background-color 0.3s, color 0.3s;
    white-space: nowrap;
    border: 2px solid #E5E6E7;
}
.badge-nav-item:hover, .badge-nav-item.active {
    background-color: var(--tts-primary);
    color: var(--tts-white-s100);
     border: 2px solid var(--tts-primary-l4);
}
/* Badge navigation styles end*/


.form-group label {
    font-size: 16px;
    margin-bottom: 2px;
}

.required {
    position: relative;
    display: inline-block;
}

    .required::before {
        content: "*";
        color: red;
        position: absolute;
        top: -2px;
        left: -7px;
        font-size: 1rem;
        font-weight: bolder;
    }


/* Responsive Media Query start */
@media (max-width: 640px) {
    .banner-box {
        padding-top: 0;
        height: 80%;
    }

    .banner-box .video-wrapper {
        padding-top: 0;
    }

    .banner-box .video-wrapper .elementor-banner-bg {
        background-image: url('/assets/img/hero-slider/banner-bg.png');
        background-size: cover;
        background-position-x: center;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
    }

    .banner-box .video-wrapper .elementor-background-video {
        display: none;
    }

    .banner-box .elementor-content {
        width: 90%;
    }

    .badge-nav-container {
        bottom: 0;
        z-index: 1030;
        box-shadow: 0 -2px 6px #000000;
        box-shadow: 0 -2px 6px rgba(0,0,0,0.1);
    }
}
/* Responsive Media Query end */