@font-face {
    font-family: 'AlienAi';
    src: url('../fonts/AlienAi-mLxP5.ttf') format('truetype');
}

.alien-font {
    font-family: 'AlienAi', sans-serif !important;
    display: block;
    color: white;
    font-size: 3rem;
    letter-spacing: 6px;
}

.logo-style {

    font-family: 'AlienAi', sans-serif !important;
    display: block;
    color: white;
    font-size: 1.5rem;

}

html,
body {
    overflow-x: hidden;
}

a {

    text-decoration: none !important;
}


.mian-headline-style {
    text-transform: capitalize;
    background: linear-gradient(90deg, #ff0000, #ffff00, #ff00f3, #0033ff, #ff00c4, #ff0000);
    background-size: 400%;
    font-size: 4rem;
    font-weight: bold;
    font-family: "Arial", sans-serif;
    word-spacing: 5px;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    animation: animate 10s linear infinite;
}

@keyframes animate {
    0% {
        background-position: 0%;
    }

    100% {
        background-position: 400%;
    }
}


/* --------------- */




.headline-main {

    font-size: 2.5rem;
    font-weight: 900;
}

.headline-style-1 {
    background-image: linear-gradient(45deg, #0251c2 0%, #0253c5 35%, #00c9d3 66%, #00c9d3 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-animation: glow 9s linear infinite;
    animation: glow 9s linear infinite;

}



.headline-style-2 {

    background-image: linear-gradient(45deg, #b066e0 0%, #b46cd8 35%, #e8b971 66%, #eabd6b 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-animation: glow 9s linear infinite;
    animation: glow 9s linear infinite;

}


.headline-style-3 {

    background-image: linear-gradient(45deg, #5497f4 0%, #5595f2 35%, #a26ae6 66%, #a866e5 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-animation: glow 9s linear infinite;
    animation: glow 9s linear infinite;

}


.headline-style-4 {

    background-image: linear-gradient(45deg, #40ce7f 0%, #40cd7f 35%, #11bff8 66%, #0fbef9 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-animation: glow 9s linear infinite;
    animation: glow 9s linear infinite;

}

.headline-style-5 {

    background-image: linear-gradient(45deg, #ffff00 0%, #ffff00 5%, #11bff8 66%, #0fbef9 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-animation: glow 9s linear infinite;
    animation: glow 9s linear infinite;

}

@-webkit-keyframes glow {
    0% {
        background-position: 0% 43%;
    }

    50% {
        background-position: 100% 58%;
    }

    100% {
        background-position: 0% 43%;
    }
}

@keyframes glow {
    0% {
        background-position: 0% 43%;
    }

    50% {
        background-position: 100% 58%;
    }

    100% {
        background-position: 0% 43%;
    }
}


.pre-title {
    font-weight: bold;
    text-decoration: underline;
}


input::placeholder {
    color: #fff;
}

input::-webkit-input-placeholder {
    color: #888;
}

.form-control {
    background: transparent;
    border: 1px solid #0033ff;
}

.sev_li {
    font-weight: bold;
}

.feature-box-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 15px;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    display: inline-block;
    background-size: 200% auto;
    animation: textShine 5s linear infinite;
}

/* Gradient Variants */
.col-md-4:nth-child(4n+1) .feature-box-title {
    background-image: linear-gradient(45deg, #f06, #f90);
}

.col-md-4:nth-child(4n+2) .feature-box-title {
    background-image: linear-gradient(45deg, #0251c2, #00c9d3);
}

.col-md-4:nth-child(4n+3) .feature-box-title {
    background-image: linear-gradient(45deg, #7b2ff7, #f107da);
}

.col-md-4:nth-child(4n+4) .feature-box-title {
    background-image: linear-gradient(45deg, #11998e, #38ef7d);
}

@keyframes textShine {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}


.header-page {
    height: 350px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1055%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(13%2c 96%2c 181%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c593.382C114.056%2c621.112%2c238.547%2c588.257%2c338.502%2c526.72C439.384%2c464.613%2c536.92%2c370.031%2c553.358%2c252.71C569.414%2c138.114%2c451.441%2c51.08%2c420.78%2c-60.499C395.558%2c-152.285%2c453.4%2c-266.922%2c390.851%2c-338.674C328.288%2c-410.442%2c211.339%2c-381.931%2c119.309%2c-406.328C30.428%2c-429.89%2c-52.648%2c-505.679%2c-140.829%2c-479.619C-229.007%2c-453.56%2c-262.681%2c-349.126%2c-319.327%2c-276.699C-372.755%2c-208.386%2c-428.542%2c-145.92%2c-463.793%2c-66.683C-509.851%2c36.845%2c-604.319%2c151.439%2c-555.235%2c253.567C-505.89%2c356.24%2c-344.178%2c324.899%2c-247.016%2c384.364C-153.116%2c441.833%2c-106.974%2c567.374%2c0%2c593.382' fill='%230b539c'%3e%3c/path%3e%3cpath d='M1440 1205.499C1562.129 1204.2350000000001 1605.357 1035.877 1688.0819999999999 946.023 1747.733 881.231 1802.2359999999999 818.924 1858.375 751.066 1936.989 656.043 2088.654 590.64 2084.052 467.399 2079.5789999999997 347.599 1924.249 298.456 1838.354 214.825 1760.971 139.481 1709.863 23.322000000000003 1604.335 0.3269999999999982 1499.453-22.52800000000002 1408.597 72.33699999999999 1304.489 98.49200000000002 1194.396 126.15100000000001 1049.401 71.35700000000003 976.216 158.12900000000002 902.819 245.151 982.232 379.33000000000004 971.995 492.711 962.5070000000001 597.803 873.353 702.787 918.426 798.1949999999999 963.548 893.707 1105.339 886.178 1188.595 951.194 1284.484 1026.075 1318.344 1206.758 1440 1205.499' fill='%230f6dce'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1055'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
    overflow: hidden;

}

.page-header {
    color: #fff;
    padding: 10px;
    padding-top: 2%;
}



.gjXEGP {
    animation: 2s ease 0.5s 1 normal forwards running ffSPMP;

    height: 300px !important;
    left: 13%;
    pointer-events: none;
    position: absolute;

    width: 100%
}


.gjXEGP svg {
    animation-direction: alternate;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: bqiLhq;
    animation-timing-function: ease;
    height: 350px !important;
    left: inherit;
    position: inherit;
    top: inherit;
    width: inherit;
}


.HeroSubstyles__StyledShimmer-sc-fkyli4-6 svg {
    opacity: 0;
    animation: fadeInOut 4s ease-in-out infinite;
}

/* Staggered delays for each SVG */
.HeroSubstyles__StyledShimmer-sc-fkyli4-6 svg:nth-child(1) {
    animation-delay: 0s;
}

.HeroSubstyles__StyledShimmer-sc-fkyli4-6 svg:nth-child(2) {
    animation-delay: 1s;
}

.HeroSubstyles__StyledShimmer-sc-fkyli4-6 svg:nth-child(3) {
    animation-delay: 2s;
}

.HeroSubstyles__StyledShimmer-sc-fkyli4-6 svg:nth-child(4) {
    animation-delay: 3s;
}

/* Keyframes */
@keyframes fadeInOut {

    0%,
    100% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}


/* --------------- */

.home-contact-form .form-control {
    border-radius: 8px;
    border: 1px solid #0877e7ff;
    padding: 10px 15px;
    margin-bottom: 15px;
}

.home-contact-form .btn-submit {
    background: var(--primary-gradient);
    border: 1px solid #0877e7ff;
    padding: 10px 25px;
    border-radius: 8px;
    font-weight: 700;

}

.iti {
    width: 100%;
    margin-bottom: 15px;
}


/* ===== NAVBAR SECTION ===== */

.navbar-brand {
    color: white;
    padding: 0 15px;
    padding-top: 10px;
    padding-bottom: 5px;

    letter-spacing: 3px;
}

.nav-menu {
    background: transparent;
    padding: 30px;
    position: fixed;
    width: 100%;
    z-index: 4;

    transition: all .4s;
}

@media (max-width:34em) {
    .nav-menu {
        background: #000 !important;
    }
}

.nav-item {
    padding: 0 0px;
}

.menu-item {
    font-family: 'Josefin Sans', sans-serif;
    font-size: clamp(0.6rem, 0.8rem, 1rem);
    letter-spacing: 2px;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
}

@media (max-width: 34em) {
    .menu-item {
        padding: 10px 10px 10px;
    }
}

.navbar-toggler {
    cursor: pointer;
    outline: 0;
}

.ham {
    transition: width 0.3s;
    background: #F9F8F7;
}

.line1,
.line3 {
    width: 28px;
    height: 2px;
    margin: 6px;
    transition: 0.4s;

}

.change .line1 {
    transform: rotate(-45deg) translate(-3px, 2px);
}

.change .line3 {
    transform: rotate(45deg) translate(-3px, -2px);
}

.menu-item:hover {
    color: yellow;
}

.nav-active {
    color: yellow;
    font-weight: bold;
}

.dropdown-item {
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    color: #0049af;
    line-height: 1.8;
    font-weight: bold;
}

.costum-navbar {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #343a40 !important;
    position: fixed;
}

/* ===== END OF NAVBAR SECTION ===== */


.bg-grad {
    background: -moz-linear-gradient(150deg, #066af9 0, #0047ab 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #066af9), color-stop(100%, #0047ab));
    background: -webkit-linear-gradient(150deg, #066af9 0, #0047ab 100%);
    background: -o-linear-gradient(150deg, #066af9 0, #0047ab 100%);
    background: -ms-linear-gradient(150deg, #066af9 0, #0047ab 100%);
    background: linear-gradient(150deg, #066af9 0, #0047ab 100%);
}

/* ===== OFFERS SECTION ===== */

.offer-card {
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    margin: 15px;
    height: 100%;
    display: flex;
    flex-direction: column;
    text-align: left;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.offer-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}

.offer-image-wrapper {
    position: relative;
    width: 100%;
    padding-top: 65%;
    /* Aspect Ratio */
    overflow: hidden;
    background: #f8f9fa;
}

.offer-image-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.offer-card:hover .offer-image-wrapper img {
    transform: scale(1.1);
}

.offer-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: linear-gradient(45deg, #f06, #f90);
    color: #fff;
    padding: 5px 15px;
    border-radius: 50px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    z-index: 2;
    box-shadow: 0 4px 10px rgba(255, 0, 102, 0.3);
}

.offer-content {
    padding: 25px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.offer-category {
    font-size: 12px;
    font-weight: 600;
    color: #035ddc;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 8px;
}

.offer-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 15px;
    line-height: 1.4;
    height: 2.8em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.offer-footer {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 15px;
    border-top: 1px solid #eee;
}

.offer-price-box {
    display: flex;
    flex-direction: column;
}

.offer-price {
    font-size: 1.4rem;
    font-weight: 800;
    color: #333;
}

.offer-currency {
    font-size: 0.8rem;
    color: #777;
    font-weight: 600;
}

.offer-btn {
    background: linear-gradient(45deg, #0252c4, #00c9d3);
    color: #fff !important;
    padding: 8px 18px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none !important;
    transition: 0.3s;
    border: none;
}

.offer-btn:hover {
    box-shadow: 0 4px 15px rgba(2, 82, 196, 0.4);
    transform: scale(1.05);
}

/* RTL Support for Badge */
body.rtl .offer-badge {
    left: auto;
    right: 15px;
}

body.rtl .offer-card {
    text-align: right;
}

/* ===== SPACE & ALIEN REDESIGN STYLES ===== */

/* Starfield Background */
.star-field {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
    background: radial-gradient(ellipse at bottom, #1B2735 0%, #090A0F 100%);
    pointer-events: none;
}

.star {
    position: absolute;
    background: white;
    border-radius: 50%;
    opacity: 0.5;
    animation: twinkle var(--duration) infinite ease-in-out;
}

@keyframes twinkle {

    0%,
    100% {
        opacity: 0.3;
        transform: scale(1);
    }

    50% {
        opacity: 1;
        transform: scale(1.2);
    }
}

/* Hologram Card */
.hologram-card {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 15px;
    padding: 20px;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
    color: white !important;
}

.hologram-card::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);
    transform: rotate(45deg);
    transition: 0.6s;
    pointer-events: none;
}

.hologram-card:hover::before {
    left: 100%;
}

.hologram-card:hover {
    transform: translateY(-10px) scale(1.02);
    border-color: rgba(0, 201, 211, 0.5);
    box-shadow: 0 0 20px rgba(0, 201, 211, 0.3);
}

/* Abduction Beam */
.abduction-beam {
    position: absolute;
    width: 150px;
    height: 300px;
    background: linear-gradient(to bottom, rgba(0, 255, 0, 0.3), transparent);
    clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
    animation: pulse-beam 2s infinite alternate;
    z-index: -1;
    display: none;
    /* Initially hidden, shown on UFO hover */
}

@keyframes pulse-beam {
    0% {
        opacity: 0.3;
        transform: translateX(-50%) scaleX(1);
    }

    100% {
        opacity: 0.7;
        transform: translateX(-50%) scaleX(1.2);
    }
}

.Spaceship:hover .abduction-beam {
    display: block !important;
}

/* Alien Mascot Floating */
.alien-mascot-sticky {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 100px;
    z-index: 1000;
    cursor: pointer;
    transition: all 0.3s ease;
    filter: drop-shadow(0 0 10px rgba(0, 255, 0, 0.2));
}

.alien-mascot-sticky:hover {
    transform: scale(1.1) rotate(-5deg);
    filter: drop-shadow(0 0 20px rgba(0, 255, 0, 0.5));
}

.alien-float-animation {
    animation: alien-bob 3s infinite ease-in-out;
}

@keyframes alien-bob {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-15px);
    }
}

/* Cosmic Title */
.cosmic-title {
    font-family: 'AlienAi', sans-serif !important;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.5), 0 0 20px rgba(0, 255, 255, 0.3);
}