@import url('https://fonts.googleapis.com/css2?family=Kaushan+Script&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

:root {
    --primaryColor: #3e70b9;
    --primaryHover: #1f4c8f;
    --lightBackground: #e1edff;
    --lightColor: #f0f0f0;
    --transition200: all 200ms ease-in-out;
}

body,
html {
    font-family: "Poppins", serif;
    scroll-behavior: smooth;
    position: relative;
    opacity: 0.995;
}


a {
    text-decoration: none;
}

.text-srs {
    color: var(--primaryColor);
}

.text-justify {
    text-align: justify;
    transition: var(--transition200);
}

.bg-srs {
    background-color: var(--lightBackground);
}

.bg-srs2 {
    background-color: #1c3770;
}

.btn-srs {
    background-color: #1c3770;
    color: #ddd;
    transition: var(--transition200);
}

.text-small {
    font-size: 14px;
}

a.btn-srs:hover,
button.btn-srs:hover {
    background-color: #23448a;
    color: #ddd;
}

button.bg-srs:hover {
    background-color: #cadfff;
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: rgb(5, 41, 70);
    border-radius: 2px;
}

::-webkit-scrollbar-thumb:hover {
    background: #1c3770;
}

/* TOPBAR ---------------------------------- */

.topbar {
    width: 100%;
    height: 40px;
    background-color: var(--primaryColor);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}

.topbar-content {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 8px 0;
}

@media (max-width: 768px) {
    .topbar {
        display: none;
    }
}

.topbar-content a {
    color: var(--lightColor);
    font-weight: 500;
    transition: color 0.3s ease;
}

svg {
    fill: rgba(255, 255, 255, 0.8);
    transition: var(--transition200);
}

svg:hover {
    fill: rgba(255, 255, 255, 1);
}

/* Navbar ----------------------------------------- */

.nav-icon svg {
    fill: var(--primaryColor);
}

.navbar {

    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    position: relative;
    padding: 0;
    z-index: 999;
    height: 65px;
}

.navbar .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
}

.logo img {
    height: 32px;
}

.nav-links {
    list-style: none;
    display: flex;
    justify-content: center;
    padding-top: 10px;
}

.nav-links li {
    position: relative;
}

.nav-links a {
    text-decoration: none;
    text-wrap: nowrap;
    color: var(--primaryColor);
    font-weight: 500;
    padding: 10px 15px;
    display: block;
    font-size: 16px;
    transition: 0.3s;
}

.nav-links a:hover,
.dropbtn:hover {
    color: var(--primaryHover);
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    padding-left: 0;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    min-width: 300px;
    top: 100%;
    left: -20px;
    z-index: 1000;
    overflow: auto;
}

.dropdown-content.service {
    min-width: 400px;
}

.dropdown-content.more {
    min-width: 300px;
}


.dropdown-content li {
    display: block;
}

.dropdown-content a {
    padding: 12px 15px;
    color: #888;
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 12px;
    margin: 0 5px;
    border-radius: 5px;
}

.dropdown-content a:hover {
    background-color: #e6eeff59;
}

.dropdown-content .nav-icon svg {
    margin-top: 3px;
}

.dropdown-subtitle {
    font-size: 14px;
}

.dropdown-subtitle p {
    font-size: 10px;
    color: rgba(131, 131, 131, 0.6);
}

.dropbtn {
    background: none;
    border: none;
    color: var(--primaryColor);
    font-weight: 500;
    padding: 10px 15px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.dropbtn i {
    margin-left: 5px;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .nav-icon.arrow {
    transform: rotate(180deg);
}

/* Mobile Menubar ------------------------------------ */
.menu-toggle {
    display: none;
    background: none;
    border: none;
    font-size: 28px;
    cursor: pointer;
}

.sign-in {
    background: var(--primaryColor);
    color: #fff;
    padding: 8px 15px;
    text-decoration: none;
    border-radius: 5px;
    transition: 0.3s;
}

.sign-in:hover {
    background: #0057b3be;
    border-radius: 30px;
}

.mobile-menu {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    padding: 10px 16px;
    background: #fff;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.7) 0%, rgba(129, 167, 224, 0.90) 20%, rgba(62, 112, 185, 0.95) 50%, rgba(31, 76, 143, 1) 100%);
    box-shadow: 0 1px 13px #3e70b990;
    border-radius: 0 0 8px 8px;
    backdrop-filter: blur(80px);
    -webkit-backdrop-filter: blur(50px);
    z-index: 9999;
}

.mobile-menu.open {
    display: block;
}

.menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.menu-header img {
    height: 28px;
}

.menu-header button {
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.616);
    font-size: 24px;
    cursor: pointer;
}

.menu-content {
    margin-top: 20px;
    padding: 15px;
    background: #3e70b910;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    overflow-y: auto;
}

.mobile .menu-content .nav-links {
    display: flex;
    flex-direction: column;
}

.mobile .menu-content .nav-links a {
    padding: 5px 10px;
    border-radius: 5px;
    color: var(--lightColor);
    letter-spacing: 0.5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    opacity: 0.9;
}

.menu-content a {
    color: var(--lightColor);
    letter-spacing: 0.5px;
    opacity: 0.9;
}

.mobile .menu-content .nav-links div:hover {
    background: rgba(255, 255, 255, 0.2);
}

.nav-links img {
    height: 20px;
    margin-right: 10px;
}

/* Login Modal */

.modal-content {
    font-size: 14px;
    line-height: 12px;
    font-weight: 200;
    opacity: 0.85;
    letter-spacing: 1px;
    color: var(--lightColor);
    background: linear-gradient(135deg, rgba(28, 55, 112, 0.8), rgba(255, 255, 255, 0.1));
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    border-radius: 14px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.modal-content #login-email,
.modal-content #login-password {
    background-color: transparent;
    /* background-color: red !important; */
    padding: 5px auto;
    border: none;
    border-radius: 0;
    color: var(--lightColor);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.modal-content #login-email:focus,
.modal-content #login-password:focus {
    border: none !important;
    border-bottom: 1px solid #ffffff80 !important;
    outline: none !important;
    box-shadow: none !important;
}

.modal-footer,
.modal-header {
    border: none;
    letter-spacing: 3px;
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.1); */
}

#btn-login {
    background-color: var(--primaryColor) !important;
}


@media (max-width: 1192px) {
    .topbar {
        height: 35px;
    }

    .topbar-content {
        padding: 4px 0;
    }

    .navbar .container {
        align-items: start;
        margin-top: 5px;
    }

    .navbar {
        height: 53px;
    }

    .nav-links {
        padding-top: 0px;
    }

    .logo {
        padding-top: 5px;
    }
}

@media (min-width: 768px) {
    .mobile-menu {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .menu-toggle {
        display: block;
    }

    .desktop .nav-links {
        display: none;
        flex-direction: column;
        position: absolute;
        background: #ffffff;
        width: 100%;
        left: 0;
        top: 60px;
        padding: 10px;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    }

    .nav-links.active {
        display: flex;
    }

    .dropdown-content {
        position: static;
        box-shadow: none;
        width: 100%;
    }

    .navbar {
        height: 50px;
    }

    .logo img {
        height: 28px;
    }

    .sign-in {
        padding: 4px 8px;
        text-decoration: none;
        border-radius: 5px;
        transition: 0.3s;
    }
}

/* Hero Section -------------------------------------------- */

.hero {
    position: relative;
    color: white;
    height: calc(100vh - 105px);
    display: flex;
    align-items: center;
    overflow: hidden;
}

.moving-hero-text {
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 40000;
    background-color: red;
}

.hero .row div {
    position: relative;
    z-index: 1;
    font-size: 4.5rem;
    margin: 0 0 10px;
    line-height: 1;
    color: rgba(255, 255, 255, 0.9);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hero .row div img {
    filter: drop-shadow(5px 5px 30px rgba(131, 131, 131, 0.6));
    position: absolute;
}

.hero-image {
    position: relative;
}

.hero-image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.hero p {
    position: relative;
    z-index: 1;
    font-size: 1.1rem;
    color: rgba(255, 255, 255, 0.5);
    line-height: 1.4;
}

/* contact form hero section */

.contact-form {
    padding: 30px 40px;
    backdrop-filter: blur(10px);
    border-radius: 12px;
    max-width: 400px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    background: #FFFFFF;
    background: linear-gradient(150deg, rgba(255, 255, 255, 0.8) 0%, rgba(110, 152, 214, 0.3) 50%, rgba(44, 95, 172, 0) 100%);
}

.contact-form textarea {
    resize: none;
}

.contact-form .form-input,
.form-text-area {
    background-color: #f0f4f520;
    height: 50px;
    padding-left: 16px;
    color: #496591be;
}

.contact-form .form-text-area {
    background-color: #f0f4f520;
    height: auto;
    /* padding-left: 16px; */
}

.contact-form .form-control::placeholder {
    color: #637b929d;
    font-weight: 400;
    opacity: 1;
}

.contact-form .form-control:-ms-input-placeholder {
    color: #bac1c5;
    font-weight: 400;
}

.contact-form .form-control::-ms-input-placeholder {
    color: #bac1c5;
    font-weight: 400;
}

.contact-form .form-control:focus {
    border-color: var(--primaryColor);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07), 0 0 8px var(--primaryColor);
}

.contact-form .title {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 2px;
    color: var(--primaryColor);
}

.contact-form .description {
    color: #94959cb6;
    font-size: 13px;
    letter-spacing: 1px;
    text-align: center;
}

.contact-form .submit-button-wrapper {
    text-align: center;
}

.contact-form .submit-button-wrapper input {
    border: none;
    border-radius: 4px;
    background-color: var(--primaryColor);
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.4);
    padding: 12px;
    font-weight: 400;
    letter-spacing: 2px;
    font-size: 14px;
    width: 100%;
    transition: var(--transition200);
}


.contact-form .submit-button-wrapper input:hover {
    background-color: var(--primaryHover);
}

/* .hero-bg-text {
    bottom: -300px;
    right : 0;
    font-weight: bolder;
} */

@media (max-width: 1192px) {
    .hero {
        height: calc(100vh - 88px);
    }

    .contact-form {
        padding: 20px 24px;
        max-width: 400px;
    }

    .contact-form .form-input,
    .form-text-area {
        height: 44px;
        padding-left: 16px;
    }
}

@media (max-width: 768px) {
    .hero {
        height: calc(100vh - 50px);
    }
}

@media (max-width: 576px) {
    .contact-form {
        padding: 20px;
        backdrop-filter: blur(50px);
    }

    .contact-form .form-control::placeholder {
        color: #666f759d;
    }
}

/* wave Animation in hero section */

.waves {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 340px;
    background-color: var(--primaryColor);
    box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.5);
    transition: 500ms;
}

.waves::before,
.waves::after {
    content: '';
    position: absolute;
    width: 300vw;
    height: 300vw;
    top: -65vw;
    left: 50%;
    transform: translate(-50%, -75%);
}

.waves::before {
    border-radius: 44%;
    background: rgba(0, 68, 156, 0.25);
    animation: waves 8s linear infinite;
}

.waves::after {
    border-radius: 44%;
    background: linear-gradient(188deg, rgba(207, 223, 247, 1) 0%, rgba(255, 255, 255, 1) 100%);
    animation: waves 15s linear infinite;
}

@keyframes waves {
    0% {
        transform: translate(-50%, -75%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -75%) rotate(360deg);
    }
}


/* Client Section  */

.clients .logos-slider {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    overflow: hidden;
    position: relative;
}

.logos-slider:before,
.logos-slider:after {
    position: absolute;
    top: 0;
    content: '';
    width: 250px;
    height: 100%;
    z-index: 2;
}

.logos-slider:before {
    left: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 0), rgb(255, 255, 255));
}

.logos-slider:after {
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255));
}

.clients .logos-slider-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5rem;
    margin-left: 80px;
    animation: slide 15s linear infinite;
}

.clients .logos-slider-container img {
    width: 150px;
    max-width: 150px;
}

@keyframes slide {
    0% {
        transform: translate3d(0, 0, 0)
    }

    100% {
        transform: translate3d(-100%, 0, 0)
    }
}

.cardClient {
    position: relative;
    background: white;
    padding: 2rem 1rem;
    max-width: 99vw;
    margin: 0 auto;
}

/* Why Choose Us Section */

.why_choose_us {
    margin: auto;
    padding: 20px;
    text-align: center;
    background-image: url('../images/whychoosebg.jpg');
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    background-size: cover;
    background-position: center;
}

.why_choose_us .header h2 {
    font-size: 32px;
    color: #162b58;
}

.why_choose_us .header h2 span {
    color: #3F65B7;
}

.why_choose_us .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin-top: 40px;
}

.why_choose_us .about {
    background: white;
    padding: 80px 30px;
    border-radius: 8px;
    box-shadow: 0px 5px 10px rgba(63, 101, 183, 0.3);
    text-align: left;
    /* transform: rotate(-2deg); */
    position: relative;
}

#notebook-paper {
    min-height: 640px;
}

@media (max-width: 576px) {
    #notebook-paper {
        min-height: 660px;
    }

    #notebook-paper p {
        font-size: 14px !important;
    }
}

.about-img {
    position: absolute;
    top: -92px;
    left: 0;
    width: 180px;

}

.why_choose_us .about h3 {
    font-family: "Kaushan Script", serif;
    color: #3F65B7;
    text-align: center;
}

.text-kaushan {
    font-family: "Kaushan Script", serif;
}


.why_choose_us .about p.about-main-text {
    overflow: hidden;
    white-space: nowrap;
    animation:
        typing 3.5s steps(40, end),
        blink-caret .75s step-end infinite;
}

/* Typing Animation */
@keyframes typing {
    from {
        width: 0
    }

    to {
        width: 100%
    }
}

/* The typewriter cursor effect */
@keyframes blink-caret {

    from,
    to {
        border-color: transparent
    }

    50% {
        border-color: var(--primaryColor);
    }
}

.why_choose_us .cta-text {
    font-weight: bold;
    text-align: center;
}

.why_choose_us .btn {
    display: inline-block;
    padding: 10px 20px;
    color: white;
    background-color: #3F65B7;
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
    margin-top: 10px;
    transition: var(--transition200);
}

.why_choose_us .btn:hover {
    transform: scale(1.05);
}

.why_choose_us .social-text {
    margin-top: 20px;
    font-weight: bold;
    text-align: center;
}

.why_choose_us .social-icons {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 10px;
}

.why_choose_us .social-icon {
    color: white;
    background: #3F65B7;
    padding: 10px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}

.why_choose_us .social-icon:hover {
    background: #162b58;
}


.why_choose_us .reason {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #eef3fc;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    transition: 0.3s;
}

.why_choose_us .reason i {
    color: #3F65B7;
}

.why_choose_us .reason:hover {
    background: #dce7fa;
}


.why_choose_us .list-group-item {

    background-color: var(--primaryColor);
    border-radius: 4px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    position: relative;
    margin-bottom: 60px;
}

.why_choose_us .list-group-item img.wheel1 {
    position: absolute;
    bottom: -50px;
    left: 20px;
    width: 60px;
    height: 60px;
    animation: spin 1.5s linear infinite;
}

.why_choose_us .list-group-item img.wheel2 {
    position: absolute;
    bottom: -50px;
    right: 20px;
    width: 60px;
    height: 60px;
    animation: spin 1.5s linear infinite;
}

.why_choose_us .list-group-item img.wheel3 {
    position: absolute;
    bottom: -26px;
    left: 70px;
    width: 40px;
    height: 40px;
    animation: spin 1.5s linear infinite;
    z-index: -1;
}

.why_choose_us .list-group-item img.wheel4 {
    position: absolute;
    bottom: -26px;
    right: 70px;
    width: 40px;
    height: 40px;
    animation: spin 1.5s linear infinite;
    z-index: -1;
}

.why_choose_us .reasons {
    position: relative;
    overflow: hidden;
}


.reasons .track1 {
    position: absolute;
    opacity: 0.3;
    bottom: 40px;
    left: 0;
    width: 100%;
    box-shadow: 3px 20px 100px var(--primaryHover);
}

.reasons .track2 {
    position: absolute;
    opacity: 0.5;
    bottom: 14px;
    left: 0;
    width: 100%;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media (max-width: 768px) {
    .why_choose_us .about {
        transform: rotate(0deg);
        padding: 36px 5px;
    }

    .about-img {
        top: -60px;
        width: 117px;
    }
}

/* Animation : blink */

.blink {
    animation: blinker 2s linear infinite;
    font-family: sans-serif;
}

.blink-space {
    animation: blinker 5s linear infinite;
    font-family: sans-serif;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}


/* Services Section */

.services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 35px;
    /* justify-content: center;
    align-items: center; */
    margin-bottom: 30px;
}

.service-card {
    position: relative;
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    /* box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); */
    cursor: pointer;
    transition: all .5s ease-in-out;
    box-shadow: 20px 20px 100px var(--color);
    animation: pulse 8s infinite;
}

.service-card:nth-child(1) {
  animation-delay: 0s;
}
.service-card:nth-child(2) {
  animation-delay: 1s;
}
.service-card:nth-child(3) {
  animation-delay: 2s;
}
.service-card:nth-child(4) {
  animation-delay: 3s;
}

.service-card:nth-child(5) {
  animation-delay: 4s;
}

.service-card:nth-child(6) {
  animation-delay: 5s;
}
.service-card:nth-child(7) {
  animation-delay: 2s;
}
.service-card:nth-child(8) {
  animation-delay: 3s;
}

.service-card:hover {
    animation: none;
}

@keyframes pulse {
    0% {
        box-shadow: 20px 20px 100px var(--color);
    }

    25% {
        box-shadow: 20px 20px 60px var(--color);
    }

    50% {
        box-shadow: 0px 0px 0px var(--color);
    }

    75% {
        box-shadow: 20px 20px 60px var(--color);
    }

    100% {
        box-shadow: 20px 20px 100px var(--color);
    }
}

.service-card .serial {
    position: absolute;
    right: 10px;
    top: 0px;
    opacity: 0.4;
    transition: all .5s ease-in-out;
}

.service-card .icon {
    text-align: left;
    font-size: 30px;
    margin-bottom: 10px;
}

.service-card .icon i {
    color: var(--color);
    padding: 10px;
    border-radius: 50%;
    background-color: #efefef50;
    animation: spin 1.5s linear infinite;
}

.serial {
    font-size: 50px;
    color: rgba(63, 101, 183, 0.2);
    font-weight: bold;
}

.service-card h4 {
    text-align: left;
    margin-top: 20px;
    color: var(--primaryColor);
    letter-spacing: 2px;
    font-size: 18px;
    transition: var(--transition200);
}

.service-card p {
    text-align: left;
    color: rgba(131, 131, 131, 0.6);
    letter-spacing: 1px;
    font-size: 13px;
    transition: var(--transition200);
}

.service-card:hover {
    background: var(--color);
    color: #fff;
}

.service-card:hover .serial {
    transform: scale(1.10);
    opacity: 0.9;
}

.service-card:hover h4,
.service-card:hover p {
    color: var(--lightColor);
}

@media (max-width: 768px) {
    .services-grid {
        gap: 16px;
    }

    .service-card h4 {
        letter-spacing: 1px;
        font-size: 16px;
    }

    .service-card p {
        font-size: 11px;
    }
}

/* Team Section */

.team .team-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    justify-content: center;
}

.team .team-member {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    transition: 0.3s;
}

.team .team-member:hover {
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.3);
}

.team .team-member img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    filter: grayscale(0%);
    transition: transform 0.9s ease-in-out;
}

.team .team-member:hover img {
    transform: scale(1.10);
    filter: grayscale(50%);
}

.team .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px 15px;
    background: rgba(63, 101, 183, 0.7);
    color: white;
    transition: transform 0.5s ease;
}

.team .overlay h3 {
    font-size: 20px;
}

.team .overlay p {
    font-size: 14px;
    opacity: 0.8;
}

.team .team-member:hover .overlay {
    transform: translateY(100%);
}

.team .social-icons {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.team .team-member:hover .social-icons {
    opacity: 1;
}

.team .social-icons a {
    color: white;
    font-size: 20px;
    text-decoration: none;
    transition: color 0.3s;
}

.team .social-icons a:hover {
    color: #0a66c2;
}

/* Tech Section */

.tech-section {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    min-height: 100vh;
    overflow: hidden;
    background: linear-gradient(135deg, #162b58, #020b1b, #301d01);
    position: relative;
    overflow: hidden;
}

/* solar system */

.system {
    position: relative;
    width: 100%;
    max-width: 700px;
    padding-top: 100%;
}

@media (min-width: 700px) {
    .system {
        padding-top: 700px;
    }
}

.system__sun {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.system__orbit {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(134, 134, 134, 0.05);
    border-radius: 100%;
    transform: translate(-50%, -50%);
    animation: spin-planet infinite linear both;
}

.system__orbit:nth-child(1) {
    width: calc(10%);
    height: calc(10%);
}

.system__orbit:nth-child(2) {
    width: calc(20%);
    height: calc(20%);
}

.system__orbit:nth-child(3) {
    width: calc(30%);
    height: calc(30%);
}

.system__orbit:nth-child(4) {
    width: calc(40%);
    height: calc(40%);
}

.system__orbit:nth-child(5) {
    width: calc(50%);
    height: calc(50%);
}

.system__orbit:nth-child(6) {
    width: calc(60%);
    height: calc(60%);
}

.system__orbit:nth-child(7) {
    width: calc(70%);
    height: calc(70%);
}

.system__orbit:nth-child(8) {
    width: calc(80%);
    height: calc(80%);
}

.system__orbit:nth-child(9) {
    width: calc(90%);
    height: calc(90%);
}

.system__orbit:nth-child(10) {
    width: calc(100%);
    height: calc(100%);
}

.system__orbit--sun {
    border: none;
    background: radial-gradient(circle at 30% 30%, #fff7c2, #ffdd55 40%, #ff9d00 70%, #d35400 100%);
    animation: sunGlow 10s infinite ease-in-out;
}

/*  anmimation in sun */
@keyframes sunGlow {
    0% {
        box-shadow:
            0 0 40px 10px rgba(255, 200, 50, 0.5),
            0 0 80px 18px rgba(255, 160, 0, 0.35),
            0 0 120px 28px rgba(255, 120, 0, 0.25);
    }

    50% {
        box-shadow:
            0 0 70px 15px rgba(255, 220, 80, 0.65),
            0 0 110px 25px rgba(255, 180, 0, 0.5),
            0 0 160px 35px rgba(255, 140, 0, 0.35);
    }

    100% {
        box-shadow:
            0 0 40px 10px rgba(255, 200, 50, 0.5),
            0 0 80px 18px rgba(255, 160, 0, 0.35),
            0 0 120px 28px rgba(255, 120, 0, 0.25);
    }
}


.system__orbit--mercury {
    animation-duration: 2s;
}

.system__orbit--venus {
    animation-duration: 2.6s;
}

.system__orbit--earth {
    animation-duration: 4.1s;
}

.system__orbit--mars {
    animation-duration: 7.8s;
}

.system__orbit--jupiter {
    animation-duration: 49.8s;
}

.system__orbit--saturn {
    animation-duration: 120.3s;
}

.system__orbit--uranus {
    animation-duration: 248.4s;
}

.system__orbit--neptune {
    animation-duration: 484.4s;
}

.system__orbit--pluto {
    animation-duration: 728.6s;
}

.system__planet {
    position: absolute;
    top: 50%;
    left: -16px;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    transform: translateY(-50%);
}

.system__planet img {
    width: 100%;
}

.system__icon {
    width: 100%;
    height: 70%;
    margin-top: 5px;
}

.tech-section .tech-heading {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 20px;
    left: 20px;
    padding: 0 50px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    z-index: 10;
    overflow: none;
}

.tech-section .tech-heading h3 {
    font-size: 4.4rem;
    font-weight: 900;
    letter-spacing: 2px;
    color: #ffffff02;
    -webkit-text-stroke: 1px rgba(139, 139, 139, 0.2);
    background: transparent;
    opacity: 0.9;
}



@media (max-width: 768px) {
    .system__planet {
        left: -12px;
        width: 26px;
        height: 26px;
    }

    .tech-section .tech-heading {
        padding: 0 30px;
    }

    .tech-section .tech-heading h3 {
        font-size: 3rem;
    }
}

@media (max-width: 576px) {

    .tech-section .tech-heading h3 {
        font-size: 2rem;
    }

     .tech-section .tech-heading {
        padding: 0 20px;
    }

    .system__icon {
        width: 26px;
        height: 16px;
        margin-top: -5px;
        margin-left: -3px;
    }
}

@media (max-width: 480px) {
    .system__icon {
        width: 22px;
        height: 14px;
        margin-top: -15px;
        margin-left: -6px;
    }
}



@keyframes spin-planet {
    from {
        transform: translate(-50%, -50%);
    }

    to {
        transform: translate(-50%, -50%) rotate(-360deg);
    }
}


/* stars */

.star-container {
    -webkit-animation: gravity 200s linear infinite;
    animation: gravity 200s linear infinite;
    width: 100%;
    height: 100%;
    position: absolute;
    margin: -200px 0;
    overflow: hidden;
}

.star {
    position: absolute;
    background: #fff;
    border-radius: 50%;
    width: 1px;
    height: 1px;
    filter: brightness(5);
    animation: flash infinite linear;
}

@keyframes flash {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes gravity {
    to {
        transform: rotate(360deg);
    }
}

@keyframes gravity {
    to {
        transform: rotate(360deg);
    }
}

/* Testimonial Section */

.testimonial {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}


.testimonials-container {
    margin-top: 4rem;
    position: relative;
}

.testimonials-grid {
    display: flex;
    overflow: hidden;
    width: 100%;
}

.testimonial-set {
    display: flex;
    gap: 1.5rem;
    width: 100%;
    flex-shrink: 0;
    transition: transform 0.5s ease-in-out;
}

.testimonial-card {
    background: white;
    /* box-shadow: 0 4px 6px rgba(63, 101, 183, 0.15); */
    border: 1px solid rgba(63, 101, 183, 0.10);
    padding: 1.5rem;
    border-radius: 0.5rem;
    width: calc(33.33% - 1rem);
}

.testimonial-person {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    margin-bottom: 14px;
    background-color: #f8fbff;
    padding: 10px;
    border-radius: 45px 10px 10px 45px;
}

.testimonial-card img {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #e2e8f0;
}

.testimonial-card h4 {
    font-size: 1.25rem;
    color: #3F65B7;
    margin-bottom: 0.25rem;
}

.testimonial-card p {
    font-size: 0.875rem;
    color: #718096;
    margin-bottom: 0.5rem;
}

.testimonial-card .content {
    font-size: 0.875rem;
    color: #4a5568;
    opacity: 0.75;
}

.pagination {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 2rem;
}

.pagination button {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #e2e8f0;
    border: none;
    cursor: pointer;
    transition: transform 0.3s, background 0.3s;
}

.pagination button.active {
    background: #3F65B7;
    transform: scale(1.25);
}

.shape-one {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    animation: scale 8s ease-in-out infinite;
}

.shape-two {
    position: absolute;
    top: -70px;
    right: 0;
    z-index: 0;
    animation: scale 8s ease-in-out infinite;
}

.shape-three {
    position: absolute;
    top: -20%;
    right: 20%;
    z-index: 0;
    animation: scale 10s ease-in-out infinite;
}

.shape-four {
    position: absolute;
    bottom: 15%;
    left: 25%;
    z-index: 0;
    animation: float 18s linear infinite;
}

.shape-five {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
    animation: float 12s ease-in-out infinite;
}

/* SVG Animations */

@keyframes scale {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.3);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes float {

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

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

@media (max-width: 1024px) {
    .testimonial-set {
        flex-direction: column;
        gap: 1rem;
    }

    .testimonial-card {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .testimonial-card {
        padding: 1rem;
    }

    .testimonial-card img {
        width: 50px;
        height: 50px;
    }

    .testimonial-card h4 {
        font-size: 1rem;
    }

    .testimonial-card p {
        font-size: 0.75rem;
    }

    .testimonial-card .content {
        font-size: 0.875rem;
    }
}

/* Timeline Section */

.timeline .timeline-main {
    position: relative;
}

.timeline .timeline-main p {
    position: absolute;
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
}

.timeline .timeline-main p i {
    color: green;
    font-size: 1.4rem;
    animation: scale 1.5s linear infinite;
}

.timeline .timeline-main .track-timeline-img {
    filter: drop-shadow(5px 0px 10px rgba(131, 131, 131, 0.8));
}

.custom-tooltip .tooltip-inner {
    background-color: var(--primaryHover);
    color: var(--lightColor);
    border-radius: 5px;
}



.custom-tooltip .tooltip-arrow {
    border-top-color: var(--primaryHover);
}

.timeline .timeline-main .timeline1 {
    top: -2%;
    right: 22%;
}

.timeline .timeline-main .timeline2 {
    top: -2%;
    right: 51%;
}

.timeline .timeline-main .timeline3 {
    top: 9%;
    right: 30%;
}

.timeline .timeline-main .timeline4 {
    top: 30%;
    right: 19%;
}

.timeline .timeline-main .timeline5 {
    bottom: 24%;
    left: 30%;
}

@media (max-width:1192px) {
    .timeline .timeline-main .timeline3 {
        top: 6%;
    }
}

@media (max-width: 992px) {


    .timeline .timeline-main p button {
        font-size: 13px;
    }

    .timeline .timeline-main .timeline1 {
        top: -2%;
        right: 20%;
    }

    .timeline .timeline-main .timeline2 {
        top: -4%;
        right: 50%;
    }

    .timeline .timeline-main .timeline4 {
        top: 30%;
        right: 21%;
    }

    .timeline .timeline-main .timeline5 {
        bottom: 24%;
        left: 30%;
    }
}

@media (max-width: 768px) {
    .timeline .timeline-main p i {
        font-size: 1.1rem;
    }

    .timeline .timeline-main p button {
        font-size: 11px;
        font-weight: 500;
    }

    .timeline .timeline-main .timeline2 {
        top: -6%;
        right: 50%;
    }

    .timeline .timeline-main .timeline3 {
        top: 5%;
    }

    .timeline .timeline-main .timeline5 {
        bottom: 22%;
        left: 25%;
    }
}

@media (max-width: 576px) {
    .timeline .timeline-main p i {
        font-size: 1rem;
    }

    .timeline .timeline-main p button {
        font-size: 11px;
        font-weight: 500;
    }

    .timeline .timeline-main .timeline1 {
        top: -6%;
        right: 16%;
    }

    .timeline .timeline-main .timeline2 {
        top: -12%;
        right: 50%;
    }

    .timeline .timeline-main .timeline3 {
        top: 22%;
        left: 10%;
    }

    .timeline .timeline-main .timeline4 {
        top: 30%;
        right: 27%;
    }

    .timeline .timeline-main .timeline5 {
        bottom: 12%;
        left: 13%;
    }
}


/* Footer */

footer {
    background-color: #162b58;
}

footer .footer {
    background-color: #222;
    color: #fff;
    padding: 40px 0;
    font-family: Arial, sans-serif;
}

footer .container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}

footer .footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
    gap: 20px;
    text-align: left;
}

footer .footer-section {
    display: flex;
    flex-direction: column;
}

footer .footer-logo {
    display: flex;
    align-items: center;
    gap: 10px;
}

footer .logo {
    width: 50px;
    height: auto;
    display: flex;
    align-items: center;
}

footer .logo-text {
    font-family: "Kaushan Script", serif;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-top: 10px;
    letter-spacing: 2px;
    color: var(--primaryColor);
}

footer .logo-text span {
    color: rgb(255, 72, 102);
}

footer .footer-description {
    font-size: 14px;
    margin: 10px 0;
    line-height: 1.5;
    text-align: justify;
    color: var(--lightColor);
}

footer .social-links {
    display: flex;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin-top: 10px;
}

footer .social-links li a img {
    width: 24px;
    height: 24px;
    transition: transform 0.3s ease-in-out;
}

footer .social-links li a img:hover {
    transform: scale(1.2);
}

footer .footer-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 16px;
    letter-spacing: 1px;
    color: var(--primaryColor)
}

footer .footer-links,
footer .contact-info {
    list-style: none;
    padding: 0;
    margin: 0;
}

footer .footer-links li,
footer .contact-info li {
    margin-bottom: 8px;
}

footer .footer-links a,
footer .contact-info a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s;
}

footer .footer-links a:hover,
footer .contact-info a:hover {
    color: #58a2df;
}

footer .footer-bottom {
    margin-top: 20px;
    text-align: center;
    font-size: 14px;
    border-top: 1px solid #444;
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

footer .footer-bottom a {
    color: #d0d4d6;
    text-decoration: none;
}

footer .footer-bottom a:hover {
    text-decoration: underline;
}

@media (max-width: 992px) {
    .footer-grid {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 15px;
    }
}

@media (max-width: 768px) {
    footer .footer-grid {
        grid-template-columns: 1fr;
        text-align: center;
    }

    footer .footer-logo {
        justify-content: center;
    }

    footer .social-links {
        justify-content: center;
    }

    footer .footer-bottom {
        flex-direction: column;
    }
}

/* Whatsapp Fixed link */

.whatsapp-fixed {
    position: fixed;
    opacity: 0.9;
    right: 15px;
    bottom: 15px;
    z-index: 9999999;
    background: transparent;
    width: 40px;
    height: 40px;
    border-radius: 30px;
    transition: all 0.4s;
}

.whatsapp-fixed i {
    font-size: 24px;
    color: #25d366;
    line-height: 0;
}

.whatsapp-fixed:hover {
    background-color: var(--lightBackground);
}

.whatsapp-fixed:hover i {
    color: var(--primaryHover);
}


/* Other Pages *********************************************************************************************/

.page_navigation {
    background-color: var(--lightBackground);
}

.page_navigation .breadcrumb li a {
    color: var(--primaryColor);
}

.page_navigation .breadcrumb li a:hover {
    color: var(--primaryHover);
}

.page-heading {
    height: 270px;
    background: radial-gradient(ellipse at bottom, #0f2a49 0%, #090a0f 100%);
    overflow: hidden;
    position: relative;
}

.page-heading #stars {
    width: 1px;
    height: 1px;
    background: transparent;
    opacity: 0.8;
    box-shadow: 1263px 1340px #FFF, 1109px 1008px #FFF, 1284px 1419px #FFF, 1305px 46px #FFF, 1011px 1314px #FFF, 1146px 1140px #FFF, 580px 648px #FFF, 245px 998px #FFF, 629px 1234px #FFF, 1588px 131px #FFF, 1363px 708px #FFF, 683px 1788px #FFF, 1053px 1119px #FFF, 431px 431px #FFF, 884px 583px #FFF, 1559px 1272px #FFF, 493px 1809px #FFF, 86px 1893px #FFF, 266px 13px #FFF, 870px 146px #FFF, 165px 1905px #FFF, 1365px 1344px #FFF, 1932px 843px #FFF, 1595px 1237px #FFF, 1023px 524px #FFF, 1011px 1474px #FFF, 256px 1482px #FFF, 1271px 914px #FFF, 1623px 510px #FFF, 935px 383px #FFF, 601px 805px #FFF, 1307px 617px #FFF, 1351px 389px #FFF, 1612px 136px #FFF, 682px 894px #FFF, 1325px 1536px #FFF, 1727px 1658px #FFF, 859px 914px #FFF, 1338px 1821px #FFF, 239px 1978px #FFF, 1431px 1471px #FFF, 1414px 5px #FFF, 1103px 1263px #FFF, 1135px 905px #FFF, 1710px 1741px #FFF, 116px 496px #FFF, 1911px 1652px #FFF, 974px 1762px #FFF, 1271px 649px #FFF, 1793px 700px #FFF, 713px 1743px #FFF, 473px 584px #FFF, 1945px 146px #FFF, 1541px 492px #FFF, 351px 637px #FFF, 1497px 467px #FFF, 1946px 1848px #FFF, 151px 1622px #FFF, 829px 1332px #FFF, 1238px 810px #FFF, 1346px 423px #FFF, 1822px 76px #FFF, 693px 357px #FFF, 1991px 1139px #FFF, 644px 364px #FFF, 36px 335px #FFF, 1789px 1389px #FFF, 1365px 1536px #FFF, 560px 1871px #FFF, 1221px 1547px #FFF, 571px 1601px #FFF, 1539px 1533px #FFF, 1912px 841px #FFF, 1950px 633px #FFF, 1598px 720px #FFF, 1071px 1486px #FFF, 1245px 336px #FFF, 472px 1761px #FFF, 1244px 1298px #FFF, 442px 1774px #FFF, 1071px 481px #FFF, 1908px 386px #FFF, 1329px 1588px #FFF, 1835px 970px #FFF, 1882px 676px #FFF, 598px 1894px #FFF, 1509px 1429px #FFF, 1668px 1038px #FFF, 183px 1684px #FFF, 131px 1747px #FFF, 1160px 1392px #FFF, 1267px 60px #FFF, 1754px 704px #FFF, 441px 250px #FFF, 673px 1160px #FFF, 1681px 482px #FFF, 97px 1364px #FFF, 539px 141px #FFF, 1402px 359px #FFF, 61px 1716px #FFF, 1890px 877px #FFF, 908px 1833px #FFF, 382px 473px #FFF, 1633px 424px #FFF, 342px 212px #FFF, 85px 1446px #FFF, 412px 1126px #FFF, 214px 1546px #FFF, 1943px 855px #FFF, 365px 1762px #FFF, 1717px 1255px #FFF, 1214px 154px #FFF, 158px 1675px #FFF, 1857px 479px #FFF, 1554px 1365px #FFF, 1676px 851px #FFF, 308px 1242px #FFF, 314px 580px #FFF, 1617px 1846px #FFF, 386px 833px #FFF, 1899px 62px #FFF, 506px 346px #FFF, 1103px 756px #FFF, 1920px 1773px #FFF, 10px 1936px #FFF, 1572px 921px #FFF, 686px 1302px #FFF, 1546px 1012px #FFF, 347px 629px #FFF, 127px 1813px #FFF, 1471px 856px #FFF, 653px 729px #FFF, 472px 1272px #FFF, 1781px 441px #FFF, 622px 1303px #FFF, 1634px 1335px #FFF, 1178px 1390px #FFF, 605px 697px #FFF, 44px 941px #FFF, 938px 1957px #FFF, 733px 1353px #FFF, 876px 1812px #FFF, 1128px 375px #FFF, 41px 192px #FFF, 1296px 1922px #FFF, 850px 359px #FFF, 1194px 266px #FFF, 1033px 1829px #FFF, 182px 985px #FFF, 1882px 1479px #FFF, 1287px 619px #FFF, 347px 984px #FFF, 575px 675px #FFF, 1933px 1211px #FFF, 1375px 942px #FFF, 1737px 404px #FFF, 1037px 1753px #FFF, 829px 661px #FFF, 1555px 1913px #FFF, 1721px 764px #FFF, 1472px 1462px #FFF, 1812px 1431px #FFF, 1850px 332px #FFF, 1525px 1485px #FFF, 506px 1774px #FFF, 171px 1332px #FFF, 1504px 678px #FFF, 630px 1343px #FFF, 866px 264px #FFF, 357px 802px #FFF, 532px 1872px #FFF, 373px 1973px #FFF, 160px 111px #FFF, 725px 611px #FFF, 640px 86px #FFF, 474px 1107px #FFF, 1197px 864px #FFF, 1054px 1800px #FFF, 1218px 1781px #FFF, 12px 235px #FFF, 86px 1237px #FFF, 1838px 697px #FFF, 1892px 1459px #FFF, 729px 84px #FFF, 1586px 371px #FFF, 675px 1510px #FFF, 1674px 163px #FFF, 608px 183px #FFF, 1499px 61px #FFF, 677px 1354px #FFF, 680px 21px #FFF, 1268px 735px #FFF, 1096px 970px #FFF, 1952px 1557px #FFF, 1799px 26px #FFF, 1374px 637px #FFF, 960px 431px #FFF, 1962px 1828px #FFF, 433px 1653px #FFF, 470px 789px #FFF, 1309px 48px #FFF, 632px 1310px #FFF, 1665px 751px #FFF, 1399px 1189px #FFF, 1922px 1013px #FFF, 711px 1313px #FFF, 918px 361px #FFF, 1975px 1601px #FFF, 1115px 1965px #FFF, 967px 1705px #FFF, 1420px 253px #FFF, 682px 1571px #FFF, 990px 1240px #FFF, 1251px 649px #FFF, 1672px 225px #FFF, 1573px 1878px #FFF, 1119px 333px #FFF, 808px 906px #FFF, 682px 365px #FFF, 329px 708px #FFF, 1571px 1005px #FFF, 1332px 4px #FFF, 1342px 491px #FFF, 1851px 944px #FFF, 1822px 76px #FFF, 888px 787px #FFF, 1018px 194px #FFF, 622px 1190px #FFF, 1484px 422px #FFF, 1926px 1311px #FFF, 1939px 475px #FFF, 638px 1415px #FFF, 907px 1823px #FFF, 263px 1433px #FFF, 651px 1493px #FFF, 1995px 1655px #FFF, 1126px 722px #FFF, 827px 100px #FFF, 1492px 1063px #FFF, 81px 1928px #FFF, 48px 17px #FFF, 525px 28px #FFF, 1539px 606px #FFF, 1964px 75px #FFF, 1022px 932px #FFF, 676px 797px #FFF, 1120px 653px #FFF, 1288px 368px #FFF, 1743px 1961px #FFF, 612px 1261px #FFF, 37px 616px #FFF, 496px 1424px #FFF, 1960px 1864px #FFF, 862px 660px #FFF, 285px 1899px #FFF, 1984px 1293px #FFF, 1212px 1857px #FFF, 680px 1961px #FFF, 1311px 1260px #FFF, 1600px 1899px #FFF, 1771px 127px #FFF, 323px 1581px #FFF, 1036px 1835px #FFF, 1595px 467px #FFF, 267px 7px #FFF, 1170px 1471px #FFF, 1614px 65px #FFF, 498px 147px #FFF, 918px 1644px #FFF, 265px 1869px #FFF, 1152px 1762px #FFF, 1926px 1619px #FFF, 641px 833px #FFF, 22px 1579px #FFF, 444px 1999px #FFF, 851px 1838px #FFF, 1633px 904px #FFF, 593px 1532px #FFF, 1365px 1750px #FFF, 1826px 281px #FFF, 1657px 919px #FFF, 602px 1834px #FFF, 308px 1080px #FFF, 1378px 1632px #FFF, 163px 946px #FFF, 902px 1099px #FFF, 1871px 484px #FFF, 1952px 1019px #FFF, 1001px 1852px #FFF, 1595px 626px #FFF, 1519px 1820px #FFF, 412px 1571px #FFF, 800px 1568px #FFF, 1170px 1163px #FFF, 25px 1784px #FFF, 801px 887px #FFF, 1304px 1040px #FFF, 1915px 945px #FFF, 1410px 947px #FFF, 1627px 1255px #FFF, 32px 1979px #FFF, 1949px 122px #FFF, 1226px 1284px #FFF, 211px 920px #FFF, 390px 189px #FFF, 1911px 937px #FFF, 183px 428px #FFF, 1393px 1007px #FFF, 533px 1239px #FFF, 568px 1403px #FFF, 267px 1833px #FFF, 1507px 1791px #FFF, 22px 62px #FFF, 124px 364px #FFF, 1320px 1443px #FFF, 821px 418px #FFF, 1477px 258px #FFF, 374px 1465px #FFF, 138px 768px #FFF, 1692px 753px #FFF, 21px 739px #FFF, 1952px 1069px #FFF, 548px 179px #FFF, 1091px 246px #FFF, 1124px 986px #FFF, 142px 284px #FFF, 1171px 1131px #FFF, 363px 1030px #FFF, 1839px 1275px #FFF, 1815px 1115px #FFF, 1476px 1296px #FFF, 358px 1749px #FFF, 1780px 155px #FFF, 1535px 738px #FFF, 853px 1404px #FFF, 1328px 42px #FFF, 455px 1158px #FFF, 1237px 1600px #FFF, 217px 1318px #FFF, 1011px 1269px #FFF, 678px 286px #FFF, 1330px 230px #FFF, 1535px 668px #FFF, 549px 557px #FFF, 608px 872px #FFF, 225px 494px #FFF, 553px 1537px #FFF, 639px 1391px #FFF, 163px 967px #FFF, 1553px 257px #FFF, 1116px 1536px #FFF, 925px 1757px #FFF, 1013px 1072px #FFF, 1324px 239px #FFF, 834px 468px #FFF, 1988px 1942px #FFF, 1889px 907px #FFF, 356px 1561px #FFF, 1180px 1598px #FFF, 1028px 43px #FFF, 1641px 1136px #FFF, 1904px 192px #FFF, 23px 667px #FFF, 1811px 561px #FFF, 703px 1413px #FFF, 207px 1786px #FFF, 498px 560px #FFF, 402px 1645px #FFF, 132px 1552px #FFF, 1331px 625px #FFF, 824px 1373px #FFF, 725px 679px #FFF, 1160px 1104px #FFF, 620px 1106px #FFF, 25px 664px #FFF, 968px 1909px #FFF, 86px 538px #FFF, 1642px 1628px #FFF, 1082px 1983px #FFF, 789px 1357px #FFF, 670px 1690px #FFF, 774px 1428px #FFF, 793px 1803px #FFF, 1164px 558px #FFF, 275px 1187px #FFF, 729px 749px #FFF, 832px 216px #FFF, 1972px 1810px #FFF, 1672px 1109px #FFF, 754px 1949px #FFF, 632px 43px #FFF, 1077px 619px #FFF, 358px 1804px #FFF, 1549px 160px #FFF, 1455px 1302px #FFF, 361px 1637px #FFF, 1419px 1737px #FFF, 407px 763px #FFF, 788px 375px #FFF, 1739px 318px #FFF, 127px 926px #FFF, 1349px 470px #FFF, 1025px 46px #FFF, 1371px 60px #FFF, 161px 709px #FFF, 433px 940px #FFF, 1531px 99px #FFF, 191px 1719px #FFF, 1252px 1619px #FFF, 707px 22px #FFF, 1590px 1339px #FFF, 1442px 885px #FFF, 1318px 750px #FFF, 1651px 1046px #FFF, 813px 1131px #FFF, 1653px 601px #FFF, 577px 100px #FFF, 413px 984px #FFF, 80px 1026px #FFF, 1497px 1012px #FFF, 702px 1485px #FFF, 974px 1560px #FFF, 1775px 1376px #FFF, 851px 1131px #FFF, 1721px 1271px #FFF, 1185px 427px #FFF, 1045px 140px #FFF, 1986px 445px #FFF, 1336px 106px #FFF, 11px 1868px #FFF, 1443px 741px #FFF, 777px 1844px #FFF, 185px 435px #FFF, 92px 1284px #FFF, 596px 761px #FFF, 1180px 1128px #FFF, 1580px 538px #FFF, 1691px 1332px #FFF, 517px 1468px #FFF, 704px 1992px #FFF, 1958px 197px #FFF, 497px 81px #FFF, 159px 1574px #FFF, 641px 1216px #FFF, 626px 1983px #FFF, 11px 47px #FFF, 645px 1783px #FFF, 744px 1543px #FFF, 1781px 453px #FFF, 458px 1751px #FFF, 1218px 1527px #FFF, 1603px 1599px #FFF, 1864px 426px #FFF, 771px 728px #FFF, 1285px 883px #FFF, 716px 1500px #FFF, 670px 1093px #FFF, 952px 190px #FFF, 689px 1268px #FFF, 1086px 994px #FFF, 913px 1584px #FFF, 746px 1701px #FFF, 1717px 784px #FFF, 1267px 218px #FFF, 1865px 100px #FFF, 694px 696px #FFF, 1605px 1579px #FFF, 167px 691px #FFF, 64px 1829px #FFF, 1580px 1030px #FFF, 165px 1043px #FFF, 266px 109px #FFF, 180px 289px #FFF, 1946px 896px #FFF, 576px 1890px #FFF, 1989px 1757px #FFF, 904px 1888px #FFF, 180px 752px #FFF, 606px 1816px #FFF, 1178px 1263px #FFF, 1188px 1879px #FFF, 1547px 38px #FFF, 1386px 420px #FFF, 437px 44px #FFF, 281px 482px #FFF, 1556px 1251px #FFF, 538px 1614px #FFF, 1202px 60px #FFF, 832px 271px #FFF, 1429px 1171px #FFF, 1139px 1618px #FFF, 67px 1536px #FFF, 405px 1136px #FFF, 662px 1439px #FFF, 597px 1579px #FFF, 1582px 824px #FFF, 905px 1971px #FFF, 799px 1424px #FFF, 1194px 668px #FFF, 885px 496px #FFF, 1893px 288px #FFF, 1854px 773px #FFF, 1022px 1169px #FFF, 1754px 97px #FFF, 528px 761px #FFF, 1099px 432px #FFF, 566px 710px #FFF, 1323px 1798px #FFF, 1733px 604px #FFF, 721px 721px #FFF, 1130px 1946px #FFF, 598px 892px #FFF, 1389px 1506px #FFF, 1459px 230px #FFF, 1353px 1692px #FFF, 265px 10px #FFF, 755px 1081px #FFF, 1232px 828px #FFF, 72px 1917px #FFF, 276px 967px #FFF, 1493px 1599px #FFF, 667px 1375px #FFF, 403px 592px #FFF, 1863px 1047px #FFF, 1243px 515px #FFF, 1840px 708px #FFF, 1000px 1680px #FFF, 1280px 1844px #FFF, 383px 1118px #FFF, 1343px 1608px #FFF, 1007px 1575px #FFF, 270px 674px #FFF, 241px 1462px #FFF, 797px 1416px #FFF, 39px 1938px #FFF, 1294px 223px #FFF, 686px 1467px #FFF, 1680px 89px #FFF, 1815px 936px #FFF, 11px 438px #FFF, 955px 750px #FFF, 820px 1038px #FFF, 1141px 515px #FFF, 995px 364px #FFF, 1562px 968px #FFF, 1641px 870px #FFF, 1977px 1775px #FFF, 551px 1203px #FFF, 745px 828px #FFF, 1455px 1454px #FFF, 1518px 1339px #FFF, 1970px 200px #FFF, 470px 1210px #FFF, 1116px 1372px #FFF, 414px 55px #FFF, 155px 1871px #FFF, 789px 1376px #FFF, 802px 1929px #FFF, 999px 900px #FFF, 1466px 1692px #FFF, 181px 1537px #FFF, 666px 1644px #FFF, 911px 404px #FFF, 371px 1026px #FFF, 5px 1011px #FFF, 495px 1617px #FFF, 810px 1427px #FFF, 903px 182px #FFF, 127px 1433px #FFF, 1877px 811px #FFF, 990px 1683px #FFF, 1094px 308px #FFF, 1839px 1183px #FFF, 1479px 15px #FFF, 977px 420px #FFF, 1647px 1760px #FFF, 713px 1422px #FFF, 1565px 1696px #FFF, 1617px 645px #FFF, 554px 1360px #FFF, 600px 1162px #FFF, 1046px 1484px #FFF, 1663px 1779px #FFF, 1559px 1584px #FFF, 50px 1939px #FFF, 481px 143px #FFF, 486px 330px #FFF, 847px 920px #FFF, 1952px 303px #FFF, 1710px 1620px #FFF, 315px 433px #FFF, 297px 1917px #FFF, 520px 996px #FFF, 1874px 943px #FFF, 747px 1561px #FFF, 84px 1919px #FFF, 1660px 1688px #FFF, 842px 1883px #FFF, 1496px 866px #FFF, 848px 659px #FFF, 1344px 541px #FFF, 1929px 329px #FFF, 1632px 1565px #FFF, 227px 164px #FFF, 190px 962px #FFF, 1328px 1415px #FFF, 312px 1280px #FFF, 1016px 65px #FFF, 1808px 1355px #FFF, 744px 431px #FFF, 959px 720px #FFF, 1976px 1464px #FFF, 788px 122px #FFF, 710px 1541px #FFF, 1565px 786px #FFF, 578px 1521px #FFF, 1971px 1598px #FFF, 1360px 933px #FFF, 1418px 1826px #FFF, 1347px 1067px #FFF, 1455px 654px #FFF, 1974px 1720px #FFF, 235px 1921px #FFF, 1054px 1972px #FFF, 995px 1694px #FFF, 1178px 1916px #FFF, 638px 923px #FFF, 1488px 924px #FFF, 715px 1746px #FFF, 466px 883px #FFF, 45px 615px #FFF, 1592px 1264px #FFF, 1992px 1518px #FFF, 553px 1814px #FFF, 478px 930px #FFF, 649px 1799px #FFF, 1875px 1427px #FFF, 338px 1651px #FFF, 27px 1887px #FFF, 78px 586px #FFF, 1719px 997px #FFF, 1600px 1330px #FFF, 728px 1787px #FFF, 1990px 334px #FFF, 530px 536px #FFF, 426px 181px #FFF, 876px 688px #FFF, 872px 1785px #FFF, 1580px 1610px #FFF, 1040px 913px #FFF, 1506px 1047px #FFF, 1725px 1598px #FFF, 273px 1186px #FFF, 1306px 405px #FFF, 1528px 1538px #FFF, 1419px 137px #FFF, 124px 647px #FFF, 1057px 1094px #FFF, 509px 741px #FFF, 448px 660px #FFF, 1607px 506px #FFF, 1552px 622px #FFF, 1407px 1025px #FFF, 516px 177px #FFF, 1389px 847px #FFF, 761px 1886px #FFF, 1802px 592px #FFF, 1009px 527px #FFF, 1495px 1060px #FFF, 1311px 1554px #FFF, 1087px 1148px #FFF, 641px 15px #FFF, 481px 137px #FFF, 1940px 1241px #FFF, 321px 752px #FFF, 1090px 402px #FFF, 5px 195px #FFF, 1480px 1645px #FFF, 1301px 981px #FFF, 573px 824px #FFF, 741px 1300px #FFF, 977px 283px #FFF, 1535px 686px #FFF, 662px 1163px #FFF, 1827px 876px #FFF, 797px 374px #FFF, 1661px 881px #FFF, 1667px 1304px #FFF, 956px 724px #FFF, 356px 1861px #FFF, 673px 1650px #FFF, 1980px 837px #FFF, 1934px 1082px #FFF, 1203px 1193px #FFF, 1146px 306px #FFF, 34px 726px #FFF, 1724px 1729px #FFF, 493px 1479px #FFF, 694px 973px #FFF, 749px 1398px #FFF;
    animation: animStar 50s linear infinite;
}

.page-heading #stars:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 1263px 1340px #FFF, 1109px 1008px #FFF, 1284px 1419px #FFF, 1305px 46px #FFF, 1011px 1314px #FFF, 1146px 1140px #FFF, 580px 648px #FFF, 245px 998px #FFF, 629px 1234px #FFF, 1588px 131px #FFF, 1363px 708px #FFF, 683px 1788px #FFF, 1053px 1119px #FFF, 431px 431px #FFF, 884px 583px #FFF, 1559px 1272px #FFF, 493px 1809px #FFF, 86px 1893px #FFF, 266px 13px #FFF, 870px 146px #FFF, 165px 1905px #FFF, 1365px 1344px #FFF, 1932px 843px #FFF, 1595px 1237px #FFF, 1023px 524px #FFF, 1011px 1474px #FFF, 256px 1482px #FFF, 1271px 914px #FFF, 1623px 510px #FFF, 935px 383px #FFF, 601px 805px #FFF, 1307px 617px #FFF, 1351px 389px #FFF, 1612px 136px #FFF, 682px 894px #FFF, 1325px 1536px #FFF, 1727px 1658px #FFF, 859px 914px #FFF, 1338px 1821px #FFF, 239px 1978px #FFF, 1431px 1471px #FFF, 1414px 5px #FFF, 1103px 1263px #FFF, 1135px 905px #FFF, 1710px 1741px #FFF, 116px 496px #FFF, 1911px 1652px #FFF, 974px 1762px #FFF, 1271px 649px #FFF, 1793px 700px #FFF, 713px 1743px #FFF, 473px 584px #FFF, 1945px 146px #FFF, 1541px 492px #FFF, 351px 637px #FFF, 1497px 467px #FFF, 1946px 1848px #FFF, 151px 1622px #FFF, 829px 1332px #FFF, 1238px 810px #FFF, 1346px 423px #FFF, 1822px 76px #FFF, 693px 357px #FFF, 1991px 1139px #FFF, 644px 364px #FFF, 36px 335px #FFF, 1789px 1389px #FFF, 1365px 1536px #FFF, 560px 1871px #FFF, 1221px 1547px #FFF, 571px 1601px #FFF, 1539px 1533px #FFF, 1912px 841px #FFF, 1950px 633px #FFF, 1598px 720px #FFF, 1071px 1486px #FFF, 1245px 336px #FFF, 472px 1761px #FFF, 1244px 1298px #FFF, 442px 1774px #FFF, 1071px 481px #FFF, 1908px 386px #FFF, 1329px 1588px #FFF, 1835px 970px #FFF, 1882px 676px #FFF, 598px 1894px #FFF, 1509px 1429px #FFF, 1668px 1038px #FFF, 183px 1684px #FFF, 131px 1747px #FFF, 1160px 1392px #FFF, 1267px 60px #FFF, 1754px 704px #FFF, 441px 250px #FFF, 673px 1160px #FFF, 1681px 482px #FFF, 97px 1364px #FFF, 539px 141px #FFF, 1402px 359px #FFF, 61px 1716px #FFF, 1890px 877px #FFF, 908px 1833px #FFF, 382px 473px #FFF, 1633px 424px #FFF, 342px 212px #FFF, 85px 1446px #FFF, 412px 1126px #FFF, 214px 1546px #FFF, 1943px 855px #FFF, 365px 1762px #FFF, 1717px 1255px #FFF, 1214px 154px #FFF, 158px 1675px #FFF, 1857px 479px #FFF, 1554px 1365px #FFF, 1676px 851px #FFF, 308px 1242px #FFF, 314px 580px #FFF, 1617px 1846px #FFF, 386px 833px #FFF, 1899px 62px #FFF, 506px 346px #FFF, 1103px 756px #FFF, 1920px 1773px #FFF, 10px 1936px #FFF, 1572px 921px #FFF, 686px 1302px #FFF, 1546px 1012px #FFF, 347px 629px #FFF, 127px 1813px #FFF, 1471px 856px #FFF, 653px 729px #FFF, 472px 1272px #FFF, 1781px 441px #FFF, 622px 1303px #FFF, 1634px 1335px #FFF, 1178px 1390px #FFF, 605px 697px #FFF, 44px 941px #FFF, 938px 1957px #FFF, 733px 1353px #FFF, 876px 1812px #FFF, 1128px 375px #FFF, 41px 192px #FFF, 1296px 1922px #FFF, 850px 359px #FFF, 1194px 266px #FFF, 1033px 1829px #FFF, 182px 985px #FFF, 1882px 1479px #FFF, 1287px 619px #FFF, 347px 984px #FFF, 575px 675px #FFF, 1933px 1211px #FFF, 1375px 942px #FFF, 1737px 404px #FFF, 1037px 1753px #FFF, 829px 661px #FFF, 1555px 1913px #FFF, 1721px 764px #FFF, 1472px 1462px #FFF, 1812px 1431px #FFF, 1850px 332px #FFF, 1525px 1485px #FFF, 506px 1774px #FFF, 171px 1332px #FFF, 1504px 678px #FFF, 630px 1343px #FFF, 866px 264px #FFF, 357px 802px #FFF, 532px 1872px #FFF, 373px 1973px #FFF, 160px 111px #FFF, 725px 611px #FFF, 640px 86px #FFF, 474px 1107px #FFF, 1197px 864px #FFF, 1054px 1800px #FFF, 1218px 1781px #FFF, 12px 235px #FFF, 86px 1237px #FFF, 1838px 697px #FFF, 1892px 1459px #FFF, 729px 84px #FFF, 1586px 371px #FFF, 675px 1510px #FFF, 1674px 163px #FFF, 608px 183px #FFF, 1499px 61px #FFF, 677px 1354px #FFF, 680px 21px #FFF, 1268px 735px #FFF, 1096px 970px #FFF, 1952px 1557px #FFF, 1799px 26px #FFF, 1374px 637px #FFF, 960px 431px #FFF, 1962px 1828px #FFF, 433px 1653px #FFF, 470px 789px #FFF, 1309px 48px #FFF, 632px 1310px #FFF, 1665px 751px #FFF, 1399px 1189px #FFF, 1922px 1013px #FFF, 711px 1313px #FFF, 918px 361px #FFF, 1975px 1601px #FFF, 1115px 1965px #FFF, 967px 1705px #FFF, 1420px 253px #FFF, 682px 1571px #FFF, 990px 1240px #FFF, 1251px 649px #FFF, 1672px 225px #FFF, 1573px 1878px #FFF, 1119px 333px #FFF, 808px 906px #FFF, 682px 365px #FFF, 329px 708px #FFF, 1571px 1005px #FFF, 1332px 4px #FFF, 1342px 491px #FFF, 1851px 944px #FFF, 1822px 76px #FFF, 888px 787px #FFF, 1018px 194px #FFF, 622px 1190px #FFF, 1484px 422px #FFF, 1926px 1311px #FFF, 1939px 475px #FFF, 638px 1415px #FFF, 907px 1823px #FFF, 263px 1433px #FFF, 651px 1493px #FFF, 1995px 1655px #FFF, 1126px 722px #FFF, 827px 100px #FFF, 1492px 1063px #FFF, 81px 1928px #FFF, 48px 17px #FFF, 525px 28px #FFF, 1539px 606px #FFF, 1964px 75px #FFF, 1022px 932px #FFF, 676px 797px #FFF, 1120px 653px #FFF, 1288px 368px #FFF, 1743px 1961px #FFF, 612px 1261px #FFF, 37px 616px #FFF, 496px 1424px #FFF, 1960px 1864px #FFF, 862px 660px #FFF, 285px 1899px #FFF, 1984px 1293px #FFF, 1212px 1857px #FFF, 680px 1961px #FFF, 1311px 1260px #FFF, 1600px 1899px #FFF, 1771px 127px #FFF, 323px 1581px #FFF, 1036px 1835px #FFF, 1595px 467px #FFF, 267px 7px #FFF, 1170px 1471px #FFF, 1614px 65px #FFF, 498px 147px #FFF, 918px 1644px #FFF, 265px 1869px #FFF, 1152px 1762px #FFF, 1926px 1619px #FFF, 641px 833px #FFF, 22px 1579px #FFF, 444px 1999px #FFF, 851px 1838px #FFF, 1633px 904px #FFF, 593px 1532px #FFF, 1365px 1750px #FFF, 1826px 281px #FFF, 1657px 919px #FFF, 602px 1834px #FFF, 308px 1080px #FFF, 1378px 1632px #FFF, 163px 946px #FFF, 902px 1099px #FFF, 1871px 484px #FFF, 1952px 1019px #FFF, 1001px 1852px #FFF, 1595px 626px #FFF, 1519px 1820px #FFF, 412px 1571px #FFF, 800px 1568px #FFF, 1170px 1163px #FFF, 25px 1784px #FFF, 801px 887px #FFF, 1304px 1040px #FFF, 1915px 945px #FFF, 1410px 947px #FFF, 1627px 1255px #FFF, 32px 1979px #FFF, 1949px 122px #FFF, 1226px 1284px #FFF, 211px 920px #FFF, 390px 189px #FFF, 1911px 937px #FFF, 183px 428px #FFF, 1393px 1007px #FFF, 533px 1239px #FFF, 568px 1403px #FFF, 267px 1833px #FFF, 1507px 1791px #FFF, 22px 62px #FFF, 124px 364px #FFF, 1320px 1443px #FFF, 821px 418px #FFF, 1477px 258px #FFF, 374px 1465px #FFF, 138px 768px #FFF, 1692px 753px #FFF, 21px 739px #FFF, 1952px 1069px #FFF, 548px 179px #FFF, 1091px 246px #FFF, 1124px 986px #FFF, 142px 284px #FFF, 1171px 1131px #FFF, 363px 1030px #FFF, 1839px 1275px #FFF, 1815px 1115px #FFF, 1476px 1296px #FFF, 358px 1749px #FFF, 1780px 155px #FFF, 1535px 738px #FFF, 853px 1404px #FFF, 1328px 42px #FFF, 455px 1158px #FFF, 1237px 1600px #FFF, 217px 1318px #FFF, 1011px 1269px #FFF, 678px 286px #FFF, 1330px 230px #FFF, 1535px 668px #FFF, 549px 557px #FFF, 608px 872px #FFF, 225px 494px #FFF, 553px 1537px #FFF, 639px 1391px #FFF, 163px 967px #FFF, 1553px 257px #FFF, 1116px 1536px #FFF, 925px 1757px #FFF, 1013px 1072px #FFF, 1324px 239px #FFF, 834px 468px #FFF, 1988px 1942px #FFF, 1889px 907px #FFF, 356px 1561px #FFF, 1180px 1598px #FFF, 1028px 43px #FFF, 1641px 1136px #FFF, 1904px 192px #FFF, 23px 667px #FFF, 1811px 561px #FFF, 703px 1413px #FFF, 207px 1786px #FFF, 498px 560px #FFF, 402px 1645px #FFF, 132px 1552px #FFF, 1331px 625px #FFF, 824px 1373px #FFF, 725px 679px #FFF, 1160px 1104px #FFF, 620px 1106px #FFF, 25px 664px #FFF, 968px 1909px #FFF, 86px 538px #FFF, 1642px 1628px #FFF, 1082px 1983px #FFF, 789px 1357px #FFF, 670px 1690px #FFF, 774px 1428px #FFF, 793px 1803px #FFF, 1164px 558px #FFF, 275px 1187px #FFF, 729px 749px #FFF, 832px 216px #FFF, 1972px 1810px #FFF, 1672px 1109px #FFF, 754px 1949px #FFF, 632px 43px #FFF, 1077px 619px #FFF, 358px 1804px #FFF, 1549px 160px #FFF, 1455px 1302px #FFF, 361px 1637px #FFF, 1419px 1737px #FFF, 407px 763px #FFF, 788px 375px #FFF, 1739px 318px #FFF, 127px 926px #FFF, 1349px 470px #FFF, 1025px 46px #FFF, 1371px 60px #FFF, 161px 709px #FFF, 433px 940px #FFF, 1531px 99px #FFF, 191px 1719px #FFF, 1252px 1619px #FFF, 707px 22px #FFF, 1590px 1339px #FFF, 1442px 885px #FFF, 1318px 750px #FFF, 1651px 1046px #FFF, 813px 1131px #FFF, 1653px 601px #FFF, 577px 100px #FFF, 413px 984px #FFF, 80px 1026px #FFF, 1497px 1012px #FFF, 702px 1485px #FFF, 974px 1560px #FFF, 1775px 1376px #FFF, 851px 1131px #FFF, 1721px 1271px #FFF, 1185px 427px #FFF, 1045px 140px #FFF, 1986px 445px #FFF, 1336px 106px #FFF, 11px 1868px #FFF, 1443px 741px #FFF, 777px 1844px #FFF, 185px 435px #FFF, 92px 1284px #FFF, 596px 761px #FFF, 1180px 1128px #FFF, 1580px 538px #FFF, 1691px 1332px #FFF, 517px 1468px #FFF, 704px 1992px #FFF, 1958px 197px #FFF, 497px 81px #FFF, 159px 1574px #FFF, 641px 1216px #FFF, 626px 1983px #FFF, 11px 47px #FFF, 645px 1783px #FFF, 744px 1543px #FFF, 1781px 453px #FFF, 458px 1751px #FFF, 1218px 1527px #FFF, 1603px 1599px #FFF, 1864px 426px #FFF, 771px 728px #FFF, 1285px 883px #FFF, 716px 1500px #FFF, 670px 1093px #FFF, 952px 190px #FFF, 689px 1268px #FFF, 1086px 994px #FFF, 913px 1584px #FFF, 746px 1701px #FFF, 1717px 784px #FFF, 1267px 218px #FFF, 1865px 100px #FFF, 694px 696px #FFF, 1605px 1579px #FFF, 167px 691px #FFF, 64px 1829px #FFF, 1580px 1030px #FFF, 165px 1043px #FFF, 266px 109px #FFF, 180px 289px #FFF, 1946px 896px #FFF, 576px 1890px #FFF, 1989px 1757px #FFF, 904px 1888px #FFF, 180px 752px #FFF, 606px 1816px #FFF, 1178px 1263px #FFF, 1188px 1879px #FFF, 1547px 38px #FFF, 1386px 420px #FFF, 437px 44px #FFF, 281px 482px #FFF, 1556px 1251px #FFF, 538px 1614px #FFF, 1202px 60px #FFF, 832px 271px #FFF, 1429px 1171px #FFF, 1139px 1618px #FFF, 67px 1536px #FFF, 405px 1136px #FFF, 662px 1439px #FFF, 597px 1579px #FFF, 1582px 824px #FFF, 905px 1971px #FFF, 799px 1424px #FFF, 1194px 668px #FFF, 885px 496px #FFF, 1893px 288px #FFF, 1854px 773px #FFF, 1022px 1169px #FFF, 1754px 97px #FFF, 528px 761px #FFF, 1099px 432px #FFF, 566px 710px #FFF, 1323px 1798px #FFF, 1733px 604px #FFF, 721px 721px #FFF, 1130px 1946px #FFF, 598px 892px #FFF, 1389px 1506px #FFF, 1459px 230px #FFF, 1353px 1692px #FFF, 265px 10px #FFF, 755px 1081px #FFF, 1232px 828px #FFF, 72px 1917px #FFF, 276px 967px #FFF, 1493px 1599px #FFF, 667px 1375px #FFF, 403px 592px #FFF, 1863px 1047px #FFF, 1243px 515px #FFF, 1840px 708px #FFF, 1000px 1680px #FFF, 1280px 1844px #FFF, 383px 1118px #FFF, 1343px 1608px #FFF, 1007px 1575px #FFF, 270px 674px #FFF, 241px 1462px #FFF, 797px 1416px #FFF, 39px 1938px #FFF, 1294px 223px #FFF, 686px 1467px #FFF, 1680px 89px #FFF, 1815px 936px #FFF, 11px 438px #FFF, 955px 750px #FFF, 820px 1038px #FFF, 1141px 515px #FFF, 995px 364px #FFF, 1562px 968px #FFF, 1641px 870px #FFF, 1977px 1775px #FFF, 551px 1203px #FFF, 745px 828px #FFF, 1455px 1454px #FFF, 1518px 1339px #FFF, 1970px 200px #FFF, 470px 1210px #FFF, 1116px 1372px #FFF, 414px 55px #FFF, 155px 1871px #FFF, 789px 1376px #FFF, 802px 1929px #FFF, 999px 900px #FFF, 1466px 1692px #FFF, 181px 1537px #FFF, 666px 1644px #FFF, 911px 404px #FFF, 371px 1026px #FFF, 5px 1011px #FFF, 495px 1617px #FFF, 810px 1427px #FFF, 903px 182px #FFF, 127px 1433px #FFF, 1877px 811px #FFF, 990px 1683px #FFF, 1094px 308px #FFF, 1839px 1183px #FFF, 1479px 15px #FFF, 977px 420px #FFF, 1647px 1760px #FFF, 713px 1422px #FFF, 1565px 1696px #FFF, 1617px 645px #FFF, 554px 1360px #FFF, 600px 1162px #FFF, 1046px 1484px #FFF, 1663px 1779px #FFF, 1559px 1584px #FFF, 50px 1939px #FFF, 481px 143px #FFF, 486px 330px #FFF, 847px 920px #FFF, 1952px 303px #FFF, 1710px 1620px #FFF, 315px 433px #FFF, 297px 1917px #FFF, 520px 996px #FFF, 1874px 943px #FFF, 747px 1561px #FFF, 84px 1919px #FFF, 1660px 1688px #FFF, 842px 1883px #FFF, 1496px 866px #FFF, 848px 659px #FFF, 1344px 541px #FFF, 1929px 329px #FFF, 1632px 1565px #FFF, 227px 164px #FFF, 190px 962px #FFF, 1328px 1415px #FFF, 312px 1280px #FFF, 1016px 65px #FFF, 1808px 1355px #FFF, 744px 431px #FFF, 959px 720px #FFF, 1976px 1464px #FFF, 788px 122px #FFF, 710px 1541px #FFF, 1565px 786px #FFF, 578px 1521px #FFF, 1971px 1598px #FFF, 1360px 933px #FFF, 1418px 1826px #FFF, 1347px 1067px #FFF, 1455px 654px #FFF, 1974px 1720px #FFF, 235px 1921px #FFF, 1054px 1972px #FFF, 995px 1694px #FFF, 1178px 1916px #FFF, 638px 923px #FFF, 1488px 924px #FFF, 715px 1746px #FFF, 466px 883px #FFF, 45px 615px #FFF, 1592px 1264px #FFF, 1992px 1518px #FFF, 553px 1814px #FFF, 478px 930px #FFF, 649px 1799px #FFF, 1875px 1427px #FFF, 338px 1651px #FFF, 27px 1887px #FFF, 78px 586px #FFF, 1719px 997px #FFF, 1600px 1330px #FFF, 728px 1787px #FFF, 1990px 334px #FFF, 530px 536px #FFF, 426px 181px #FFF, 876px 688px #FFF, 872px 1785px #FFF, 1580px 1610px #FFF, 1040px 913px #FFF, 1506px 1047px #FFF, 1725px 1598px #FFF, 273px 1186px #FFF, 1306px 405px #FFF, 1528px 1538px #FFF, 1419px 137px #FFF, 124px 647px #FFF, 1057px 1094px #FFF, 509px 741px #FFF, 448px 660px #FFF, 1607px 506px #FFF, 1552px 622px #FFF, 1407px 1025px #FFF, 516px 177px #FFF, 1389px 847px #FFF, 761px 1886px #FFF, 1802px 592px #FFF, 1009px 527px #FFF, 1495px 1060px #FFF, 1311px 1554px #FFF, 1087px 1148px #FFF, 641px 15px #FFF, 481px 137px #FFF, 1940px 1241px #FFF, 321px 752px #FFF, 1090px 402px #FFF, 5px 195px #FFF, 1480px 1645px #FFF, 1301px 981px #FFF, 573px 824px #FFF, 741px 1300px #FFF, 977px 283px #FFF, 1535px 686px #FFF, 662px 1163px #FFF, 1827px 876px #FFF, 797px 374px #FFF, 1661px 881px #FFF, 1667px 1304px #FFF, 956px 724px #FFF, 356px 1861px #FFF, 673px 1650px #FFF, 1980px 837px #FFF, 1934px 1082px #FFF, 1203px 1193px #FFF, 1146px 306px #FFF, 34px 726px #FFF, 1724px 1729px #FFF, 493px 1479px #FFF, 694px 973px #FFF, 749px 1398px #FFF;
}

.page-heading #stars2 {
    width: 2px;
    height: 2px;
    background: transparent;
    opacity: 0.8;
    box-shadow: 1314px 300px #FFF, 513px 503px #FFF, 251px 1325px #FFF, 1949px 300px #FFF, 27px 1366px #FFF, 1179px 1487px #FFF, 296px 1143px #FFF, 1104px 1464px #FFF, 1786px 1969px #FFF, 50px 1909px #FFF, 798px 320px #FFF, 1402px 1918px #FFF, 1355px 365px #FFF, 904px 1255px #FFF, 1318px 594px #FFF, 1207px 1488px #FFF, 1463px 23px #FFF, 278px 486px #FFF, 138px 832px #FFF, 1207px 581px #FFF, 1741px 1262px #FFF, 1834px 607px #FFF, 1915px 1320px #FFF, 368px 1928px #FFF, 906px 356px #FFF, 1667px 405px #FFF, 1443px 1450px #FFF, 1015px 365px #FFF, 1274px 1287px #FFF, 1531px 63px #FFF, 180px 45px #FFF, 973px 696px #FFF, 1916px 1616px #FFF, 1348px 284px #FFF, 1531px 1120px #FFF, 176px 217px #FFF, 1028px 1722px #FFF, 1078px 1018px #FFF, 1255px 430px #FFF, 518px 940px #FFF, 505px 1241px #FFF, 178px 265px #FFF, 1005px 1450px #FFF, 1375px 922px #FFF, 622px 24px #FFF, 1402px 837px #FFF, 1459px 1368px #FFF, 1005px 163px #FFF, 736px 1882px #FFF, 329px 1197px #FFF, 277px 157px #FFF, 1861px 1345px #FFF, 1038px 1116px #FFF, 545px 856px #FFF, 1073px 293px #FFF, 1656px 1622px #FFF, 568px 63px #FFF, 275px 1344px #FFF, 566px 979px #FFF, 433px 42px #FFF, 1894px 812px #FFF, 1291px 26px #FFF, 1587px 1698px #FFF, 1450px 1452px #FFF, 529px 1690px #FFF, 413px 726px #FFF, 78px 1975px #FFF, 1027px 1641px #FFF, 1438px 165px #FFF, 1501px 1518px #FFF, 1009px 1685px #FFF, 383px 560px #FFF, 927px 998px #FFF, 1766px 887px #FFF, 1875px 1361px #FFF, 1445px 1789px #FFF, 1091px 797px #FFF, 342px 1855px #FFF, 1541px 989px #FFF, 1346px 1377px #FFF, 1458px 561px #FFF, 99px 1867px #FFF, 622px 492px #FFF, 909px 851px #FFF, 397px 208px #FFF, 476px 591px #FFF, 889px 401px #FFF, 1124px 1399px #FFF, 397px 282px #FFF, 1048px 1514px #FFF, 191px 953px #FFF, 54px 646px #FFF, 1547px 194px #FFF, 238px 1230px #FFF, 1042px 1328px #FFF, 841px 1879px #FFF, 1739px 540px #FFF, 505px 1267px #FFF, 319px 1554px #FFF, 1891px 252px #FFF, 536px 1639px #FFF, 1327px 554px #FFF, 1237px 240px #FFF, 102px 342px #FFF, 1774px 1842px #FFF, 245px 679px #FFF, 1142px 1963px #FFF, 520px 703px #FFF, 875px 77px #FFF, 1021px 1531px #FFF, 477px 433px #FFF, 341px 1002px #FFF, 1614px 1108px #FFF, 1594px 98px #FFF, 1217px 189px #FFF, 1681px 190px #FFF, 242px 787px #FFF, 1124px 1169px #FFF, 956px 422px #FFF, 1471px 687px #FFF, 1635px 377px #FFF, 743px 1804px #FFF, 17px 1190px #FFF, 372px 1400px #FFF, 1860px 1176px #FFF, 1439px 1591px #FFF, 1715px 907px #FFF, 312px 1945px #FFF, 1252px 819px #FFF, 469px 1905px #FFF, 285px 180px #FFF, 529px 39px #FFF, 1287px 1412px #FFF, 1749px 1778px #FFF, 567px 1507px #FFF, 112px 1066px #FFF, 790px 1294px #FFF, 1302px 301px #FFF, 919px 74px #FFF, 961px 1512px #FFF, 942px 775px #FFF, 1563px 1731px #FFF, 240px 287px #FFF, 383px 34px #FFF, 1269px 1812px #FFF, 922px 917px #FFF, 242px 1807px #FFF, 641px 1186px #FFF, 201px 1925px #FFF, 761px 390px #FFF, 140px 1313px #FFF, 497px 1013px #FFF, 1621px 1992px #FFF, 216px 381px #FFF, 1218px 1263px #FFF, 991px 1620px #FFF, 1101px 1044px #FFF, 1390px 175px #FFF, 422px 1542px #FFF, 1495px 918px #FFF, 886px 1234px #FFF, 1028px 415px #FFF, 751px 2000px #FFF, 777px 444px #FFF, 308px 1205px #FFF, 497px 1425px #FFF, 353px 143px #FFF, 1727px 1934px #FFF, 274px 1821px #FFF, 700px 1981px #FFF, 1315px 80px #FFF, 973px 301px #FFF, 1965px 1397px #FFF, 1996px 1786px #FFF, 239px 1193px #FFF, 1136px 1035px #FFF, 563px 922px #FFF, 1732px 154px #FFF, 1504px 553px #FFF, 1897px 814px #FFF, 572px 597px #FFF, 183px 366px #FFF, 1965px 319px #FFF, 322px 584px #FFF, 219px 952px #FFF, 456px 1885px #FFF, 1444px 67px #FFF, 656px 1451px #FFF, 667px 1209px #FFF, 1287px 785px #FFF, 386px 1286px #FFF, 1098px 793px #FFF, 1378px 864px #FFF, 420px 1914px #FFF, 1071px 57px #FFF, 343px 1809px #FFF, 1065px 1969px #FFF, 1575px 686px #FFF, 268px 1691px #FFF, 1028px 902px #FFF;
    animation: animStar 100s linear infinite;
}

.page-heading #stars2:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 1314px 300px #FFF, 513px 503px #FFF, 251px 1325px #FFF, 1949px 300px #FFF, 27px 1366px #FFF, 1179px 1487px #FFF, 296px 1143px #FFF, 1104px 1464px #FFF, 1786px 1969px #FFF, 50px 1909px #FFF, 798px 320px #FFF, 1402px 1918px #FFF, 1355px 365px #FFF, 904px 1255px #FFF, 1318px 594px #FFF, 1207px 1488px #FFF, 1463px 23px #FFF, 278px 486px #FFF, 138px 832px #FFF, 1207px 581px #FFF, 1741px 1262px #FFF, 1834px 607px #FFF, 1915px 1320px #FFF, 368px 1928px #FFF, 906px 356px #FFF, 1667px 405px #FFF, 1443px 1450px #FFF, 1015px 365px #FFF, 1274px 1287px #FFF, 1531px 63px #FFF, 180px 45px #FFF, 973px 696px #FFF, 1916px 1616px #FFF, 1348px 284px #FFF, 1531px 1120px #FFF, 176px 217px #FFF, 1028px 1722px #FFF, 1078px 1018px #FFF, 1255px 430px #FFF, 518px 940px #FFF, 505px 1241px #FFF, 178px 265px #FFF, 1005px 1450px #FFF, 1375px 922px #FFF, 622px 24px #FFF, 1402px 837px #FFF, 1459px 1368px #FFF, 1005px 163px #FFF, 736px 1882px #FFF, 329px 1197px #FFF, 277px 157px #FFF, 1861px 1345px #FFF, 1038px 1116px #FFF, 545px 856px #FFF, 1073px 293px #FFF, 1656px 1622px #FFF, 568px 63px #FFF, 275px 1344px #FFF, 566px 979px #FFF, 433px 42px #FFF, 1894px 812px #FFF, 1291px 26px #FFF, 1587px 1698px #FFF, 1450px 1452px #FFF, 529px 1690px #FFF, 413px 726px #FFF, 78px 1975px #FFF, 1027px 1641px #FFF, 1438px 165px #FFF, 1501px 1518px #FFF, 1009px 1685px #FFF, 383px 560px #FFF, 927px 998px #FFF, 1766px 887px #FFF, 1875px 1361px #FFF, 1445px 1789px #FFF, 1091px 797px #FFF, 342px 1855px #FFF, 1541px 989px #FFF, 1346px 1377px #FFF, 1458px 561px #FFF, 99px 1867px #FFF, 622px 492px #FFF, 909px 851px #FFF, 397px 208px #FFF, 476px 591px #FFF, 889px 401px #FFF, 1124px 1399px #FFF, 397px 282px #FFF, 1048px 1514px #FFF, 191px 953px #FFF, 54px 646px #FFF, 1547px 194px #FFF, 238px 1230px #FFF, 1042px 1328px #FFF, 841px 1879px #FFF, 1739px 540px #FFF, 505px 1267px #FFF, 319px 1554px #FFF, 1891px 252px #FFF, 536px 1639px #FFF, 1327px 554px #FFF, 1237px 240px #FFF, 102px 342px #FFF, 1774px 1842px #FFF, 245px 679px #FFF, 1142px 1963px #FFF, 520px 703px #FFF, 875px 77px #FFF, 1021px 1531px #FFF, 477px 433px #FFF, 341px 1002px #FFF, 1614px 1108px #FFF, 1594px 98px #FFF, 1217px 189px #FFF, 1681px 190px #FFF, 242px 787px #FFF, 1124px 1169px #FFF, 956px 422px #FFF, 1471px 687px #FFF, 1635px 377px #FFF, 743px 1804px #FFF, 17px 1190px #FFF, 372px 1400px #FFF, 1860px 1176px #FFF, 1439px 1591px #FFF, 1715px 907px #FFF, 312px 1945px #FFF, 1252px 819px #FFF, 469px 1905px #FFF, 285px 180px #FFF, 529px 39px #FFF, 1287px 1412px #FFF, 1749px 1778px #FFF, 567px 1507px #FFF, 112px 1066px #FFF, 790px 1294px #FFF, 1302px 301px #FFF, 919px 74px #FFF, 961px 1512px #FFF, 942px 775px #FFF, 1563px 1731px #FFF, 240px 287px #FFF, 383px 34px #FFF, 1269px 1812px #FFF, 922px 917px #FFF, 242px 1807px #FFF, 641px 1186px #FFF, 201px 1925px #FFF, 761px 390px #FFF, 140px 1313px #FFF, 497px 1013px #FFF, 1621px 1992px #FFF, 216px 381px #FFF, 1218px 1263px #FFF, 991px 1620px #FFF, 1101px 1044px #FFF, 1390px 175px #FFF, 422px 1542px #FFF, 1495px 918px #FFF, 886px 1234px #FFF, 1028px 415px #FFF, 751px 2000px #FFF, 777px 444px #FFF, 308px 1205px #FFF, 497px 1425px #FFF, 353px 143px #FFF, 1727px 1934px #FFF, 274px 1821px #FFF, 700px 1981px #FFF, 1315px 80px #FFF, 973px 301px #FFF, 1965px 1397px #FFF, 1996px 1786px #FFF, 239px 1193px #FFF, 1136px 1035px #FFF, 563px 922px #FFF, 1732px 154px #FFF, 1504px 553px #FFF, 1897px 814px #FFF, 572px 597px #FFF, 183px 366px #FFF, 1965px 319px #FFF, 322px 584px #FFF, 219px 952px #FFF, 456px 1885px #FFF, 1444px 67px #FFF, 656px 1451px #FFF, 667px 1209px #FFF, 1287px 785px #FFF, 386px 1286px #FFF, 1098px 793px #FFF, 1378px 864px #FFF, 420px 1914px #FFF, 1071px 57px #FFF, 343px 1809px #FFF, 1065px 1969px #FFF, 1575px 686px #FFF, 268px 1691px #FFF, 1028px 902px #FFF;
}

.page-heading #title {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    color: #FFF;
    text-align: center;
    margin-top: -44px;
    padding: 30px auto;
}

.page-heading #title h2 {
    letter-spacing: 3px;
    font-size: 36px;
    background: -webkit-linear-gradient(#ffffff, #66666680);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    mix-blend-mode: soft-light;

}

.page-heading #title h3 {
    letter-spacing: 2px;
    font-weight: 100;
    background: -webkit-linear-gradient(#ffffff, #eee);
    -webkit-background-clip: text;
    /* -webkit-text-fill-color: transparent; */
    mix-blend-mode: soft-light;
    opacity: 0.5;
}

@keyframes animStar {
    from {
        transform: translateY(0px);
    }

    to {
        transform: translateY(-2000px);
    }
}

@media screen and (max-width: 768px) {

    .page-heading {
        height: 240px;
    }

    .page-heading #title {
        top: 56%;
    }

    .page-heading #title h2 {
        font-size: 28px;
    }

    .page-heading #title h3 {
        font-size: 18px;
    }
}

@media screen and (max-width: 576px) {

    .page-heading {
        height: 210px;
    }

    .page-heading #title {
        top: 50%;
    }

    .page-heading #title h2 {
        font-size: 26px;
    }

    .page-heading #title h3 {
        font-size: 16px;
        padding: 0px 4px;
    }
}

/* Contact Page */

.contact_page {
    position: relative;
    backdrop-filter: blur(18px);
    border-radius: 12px;
    border: 1px solid rgba(131, 131, 131, 0.15);
}

.contact-container h2 {
    font-family: "Kaushan Script", serif;
    ;
}

.contact_page img {
    filter: drop-shadow(5px 5px 40px rgba(131, 131, 131, 0.2));
}

.contact_page input,
.contact_page textarea {
    border: none;
    padding: 12px 8px;
    font-size: 14px;
    color: var(--primaryHover);
    background-color: transparent;
    border-bottom: 1px solid rgba(131, 131, 131, 0.15);
}

.contact_page .form-control::placeholder {
    color: #637b929d;
    font-weight: 400;
    opacity: 1;
}

.contact_page input:focus,
.contact_page textarea:focus {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid #dedede !important;
    outline: none !important;
    box-shadow: none !important;
}

.contact-quick .social-icon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    color: white;
    font-size: 20px;
    text-decoration: none;
    transition: 0.3s ease-in-out;
    animation: spin 1.5s linear infinite;
    ;
}

.contact-quick .social-icon:hover {
    background: var(--lightBackground);
    color: var(--primaryHover);
}


/* services page and its pages */

#services-parent .card.service-page-card {
    background: rgba(225, 225, 225, 0.01);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 14px;
    padding: 24px;
    display: flex !important;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: transform .7s ease, box-shadow 0.5s ease;
}

#services-parent .card.service-page-card:hover {
    transform: scale(1.03);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
}


.service-page-card h5 {
    color: white;
    text-align: center;
    letter-spacing: 0.6px;
    opacity: 0.85;
    margin-bottom: 20px !important;
    mix-blend-mode: difference;
}


.service-page-card p {
    color: #ddd;
    letter-spacing: 0.5px;
    opacity: 0.8;
    font-size: 15px !important;
}

.service-page-card .card-icon {
    width: 50px;
    height: 50px;
    background: #ffffff10;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    z-index: -435435;
}

.service-page-card .card-icon i {
    margin-top: 14px;
    font-size: 22px;
    animation: spin 4.5s linear infinite;
}


.services-main {
    background: #1f4c8f;

    background-image:
        radial-gradient(circle at 20% 100%,
            rgba(200, 200, 200, 0.08) 0%,
            rgba(200, 200, 200, 0.08) 20%,
            rgba(150, 150, 150, 0.08) 20%,
            rgba(150, 150, 150, 0.08) 40%,
            rgba(80, 80, 80, 0.1) 40%,
            rgba(80, 80, 80, 0.1) 60%,
            rgba(20, 20, 20, 0.12) 60%,
            rgba(20, 20, 20, 0.12) 100%),

        radial-gradient(circle at 15% 30%,
            rgba(255, 255, 255, 0.08) 0%,
            rgba(255, 255, 255, 0.0) 40%),

        radial-gradient(circle at 85% 20%,
            rgba(255, 255, 255, 0.06) 0%,
            rgba(255, 255, 255, 0.0) 35%),

        radial-gradient(circle at 90% 90%,
            rgba(200, 200, 200, 0.07) 0%,
            rgba(200, 200, 200, 0.0) 45%),

        linear-gradient(135deg, #1c3770, #1f4c8f, #3e70b9, #a7cfff);

    background-repeat: no-repeat;
    background-size: 120% 120%;
    animation: bgPulse 15s ease-in-out infinite;
}

@keyframes bgPulse {
    0% {
        background-size: 100% 100%;
    }

    50% {
        background-size: 130% 130%;
    }

    100% {
        background-size: 100% 100%;
    }
}

.services-main .service {
    display: flex;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 24px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.18);
    overflow: hidden;
    color: var(--lightColor)
}

.services-main h1 {
    margin-bottom: 24px !important;
}

.services-main h1,
.services-main h2,
.services-main h3 {
    letter-spacing: 1px;
    opacity: 0.85;
}

.services-main .service p {
    color: #efefef !important;
    opacity: 0.8;
    font-size: 17px;
    text-align: justify;
}

.services-main ul li {
    opacity: 0.9;
}

.services-main ul li::before {
    content: "✔";
    color: #1ec971;
    opacity: 0.6;
    font-weight: bold;
    margin-right: 4px;
    display: inline-block;
    transform: scale(1.1);
}


@media screen and (max-width: 576px) {

    .services-main .service {
        border-radius: 10px;
    }

    .service h1 {
        font-size: 20px;
    }

    .service h2 {
        font-size: 18px;
    }

    .services-main .service p {
        font-size: 15px;
    }

    .services-main ul li {
        font-size: 14px;
        font-weight: 200;
        letter-spacing: 1px;
    }
}


/* Client Page */

.page_content.clients .iframe-box {
    height: 400px;
}

.page_content.clients .iframe-box iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.client-card {
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    background: rgba(255, 255, 255, 0.40);
    border-radius: 14px;
}

.client-card .overlay {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, filter 0.6s ease-in-out, visibility 0.9s ease-in-out;
}

.client-card:hover .overlay {
    opacity: 1;
    visibility: visible;
    display: flex;
}

.client-card:hover img {
    scale: 1.25;
    transition: scale 4s ease-in-out;
    filter: blur(2px);
}

.sector {
    border: #efefef solid 1px !important;
    border-radius: 14px !important;
}

.sector .headline {
    position: absolute;
    top: 8%;
    left: -26px;
    z-index: 1000;
    cursor: pointer;
    transition: all 1s ease-in-out;
}

.sector .headline h3 {
    font-size: 16px !important;
    width: max-content;
    color: var(--primaryHover);
    background: linear-gradient(135deg, #3e70b930 10%, #fff);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 14px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.4);
    opacity: 0.6;
    transition: border-radius 0.4s ease-in-out;
}

.sector .headline:hover h3 {
    border-radius: 6px;
}

@media (max-width: 768px) {
    .sector h4 {
        display: block;
    }
}

.client-card:hover .headline {
    top: -50%;
    left: -50%;
    transition: all 1s ease-in-out;
}

.sector h5 {
    opacity: 0.85;
}

.sector p {
    opacity: 0.7;
}

/* product page */

.product-section {
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 14px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.01);
    backdrop-filter: blur(1px);
}

.product-section .img-part {
    padding: 8px;
    font-size: 14px;
    line-height: 12px;
    font-weight: 200;
    opacity: 0.95;
    letter-spacing: 1px;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    border-radius: 14px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.product-section .img-part img {
    width: 100%;
    height: auto;
    border-radius: 14px 14px 0 0 !important;
}

.product-section .details-part .card {
    font-size: 14px;
    line-height: 12px;
    font-weight: 200;
    opacity: 0.85;
    letter-spacing: 1px;

    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(50px);
    border-radius: 14px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.product-section .details-part .card ul li {
    position: relative;
    padding-left: 24px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 200;
    opacity: 0.85;
    /* letter-spacing: 1px; */
}

.product-section .details-part .card ul li svg {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-55%);
}

.product-card:hover .overlay {
    opacity: 1;
    visibility: visible;
    display: flex;
}

.product-card:hover img {
    scale: 1;
    transition: all 4s ease-in-out;
    filter: opacity(0.3);
}

.product-card:hover img {
    scale: 1.25;
}

/* product main page */

.page_content.product-main {
    position: relative;
    background: radial-gradient(ellipse at bottom, #1f4c8f 0%, #090a0f 100%);
    overflow: hidden;
    position: relative;
    /* min-height: 50vh; */
}



/* product details page */

.product-details-main {
    display: flex;
    align-items: center;
    justify-content: center;

    background: #ffffff;

    background-image:
        radial-gradient(circle at 20% 80%,
            rgba(173, 216, 230, 0.05) 0%,
            rgba(255, 255, 255, 0) 50%),

        radial-gradient(circle at 80% 20%,
            rgba(255, 182, 193, 0.15) 0%,
            rgba(255, 255, 255, 0) 45%),

        radial-gradient(circle at 50% 50%,
            rgba(144, 238, 144, 0.05) 0%,
            rgba(255, 255, 255, 0) 60%),

        linear-gradient(135deg, #ffffff, #e1edff, #f5faff20);

    background-repeat: no-repeat;
    background-size: cover;
    animation: bgFloat 18s ease-in-out infinite alternate;
}

.product-details-main.product-heading {
    min-height: 400px;
}

.product-details-main.product-heading h1 {
    color: var(--primaryHover);
}

.product-data {
    min-height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-glass {
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 14px;
    box-shadow: 0 8px 14px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.18);
    overflow: hidden;
    min-height: 100px !important;
    cursor: pointer;
}

.product-glass h5 {
    color: #162b58;
    opacity: 0.85;
}

.product-data p,
.product-data li {
    opacity: 0.85;
}

.product-data li::before {
    content: "✔";
    color: #1ec971;
    opacity: 0.9;
    font-weight: bold;
    margin-right: 12px;
    display: inline-block;
    transform: scale(1.1);
}

.product-glass:hover {
    transition: all 0.5s ease-in-out;
    transform: translateY(-6px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.12);
}

.feature-icon {
    font-size: 2rem !important;
    color: #0d6efd;
    display: inline-block;
    padding: px;
    border-radius: 5px;
    opacity: 0.8;
    animation: spin 3s linear infinite;
}

.product-contact-container {
    position: relative;
}

.product-contact-image {
    position: absolute;
    right: 0;
    bottom: 0;
}

.product-contact-image img {
    width: 440px;
    filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.2));
    /* soft shadow */
    transition: transform 0.3s ease, filter 0.3s ease;
}

.product-contact-image img:hover {
    /* transform: scale(1.02); */
    filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.25));
    /* deeper shadow */
}


@media screen and (max-width: 1191.5px) {

    .product-contact-image img {
        width: 350px;
    }
}

@media screen and (max-width: 991.5px) {
    .product-data {
        min-height: 60vh;
    }

    .product-contact-image img {
        width: 300px;
    }
}

@media screen and (max-width: 767.5px) {
    .product-contact-image img {
        display: none;
    }
}

/* product page marquee */

.product_marquee {
    background-color: var(--primaryColor);
    color: var(--lightColor);
}

.marquee_text {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px;
}

.product_marquee i {
    font-size: 1.2rem;
    padding-bottom: 8px;
}

.marquee_text h2 {
    font-size: 26px !important;
}

.marquee_text h2:hover {
    cursor: pointer;
    color: var(--primaryHover);
}

/* new by ash */

.hero-section {
    background: linear-gradient(135deg, #1e3c72, #2a5298);
    color: white;
    padding: 60px 20px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.hero-content h1 {
    font-size: 2.2rem;
    margin-bottom: 15px;
    font-weight: bold;
}

.hero-content p {
    font-size: 1.1rem;
    line-height: 1.6;
    max-width: 800px;
    margin: 0 auto 25px;
}

.cta-btn {
    display: inline-block;
    background: #ffcc00;
    color: #1e3c72;
    font-weight: bold;
    padding: 12px 25px;
    text-decoration: none;
    border-radius: 30px;
    transition: all 0.3s ease;
}

.cta-btn:hover {
    background: #ffc107;
    transform: scale(1.05);
}

/* about page */

.about-container h2 {
    font-size: 2rem;
    margin-bottom: 20px;
    color: #1e3c72;
    border-left: 5px solid #ffcc00;
    padding-left: 10px;
}

.about-container p {
    font-size: 1.05rem;
    line-height: 1.8;
    color: #333;
    opacity: 0.7;
    margin-bottom: 20px;
}

.about-main {
    background: #ffffff;

    background-image:
        radial-gradient(circle at 20% 80%,
            rgba(173, 216, 230, 0.05) 0%,
            rgba(255, 255, 255, 0) 50%),

        radial-gradient(circle at 80% 20%,
            rgba(255, 182, 193, 0.15) 0%,
            rgba(255, 255, 255, 0) 45%),

        radial-gradient(circle at 50% 50%,
            rgba(144, 238, 144, 0.05) 0%,
            rgba(255, 255, 255, 0) 60%),

        linear-gradient(135deg, #ffffff, #e1edff, #f5faff20);

    background-repeat: no-repeat;
    background-size: cover;
    animation: bgFloat 18s ease-in-out infinite alternate;
}

.about-main .about-us {
    display: flex;
    flex-direction: column;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 24px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.18);
    overflow: hidden;
    color: var(--lightColor)
}

.about-contact p {
    font-size: 16px !important;
}

.about-main h1,
.about-main h2,
.about-main h3 {
    letter-spacing: 1px;
    opacity: 0.85;
}

.glass-card {
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 14px;
    box-shadow: 0 8px 14px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.18);
    overflow: hidden;
    min-height: 100px !important;
    cursor: pointer;
    color: var(--primaryHover);
    padding: 10px 20px;
    text-align: center;
}

@media screen and (max-width: 576px) {

    .about-main .about-us {
        border-radius: 10px;
    }

    .about-us h2 {
        font-size: 24px !important;
        font-weight: 600 !important;
    }

    .about-us h2 {
        font-size: 18px;
    }

    .about-main .about-us p {
        font-size: 15px;
    }
}


/* emp verification page */

.emp_verify_page {
    position: relative;
    backdrop-filter: blur(18px);
    border-radius: 12px;
    border: 1px solid rgba(131, 131, 131, 0.1);

    h5 {
        letter-spacing: 1.4px;
    }

    th,
    td {
        font-size: 14px;
    }

    th {
        font-weight: 600;
    }

    td {
        letter-spacing: 0.5px;
        color: #898989 !important;
    }

    img {
        filter: drop-shadow(5px 5px 40px rgba(131, 131, 131, 0.2));
    }
}