:root {
    --accent-color: #024eb2 !important;
}

.aks-main .header .topbar {
    background: linear-gradient(90deg, #0362de, #024eb2, #013b86) !important;
    max-height: 29px;
    padding: 2px 0;
    width: 100%;
    transition: all 0.2s;
}

.aks-main .header .logo img {
    max-height: 70px;
    margin-right: 13px;
}

.aks-main h1.aks-logo-title {
    font-size: 19px;
    line-height: 1.2em;
}

    .aks-main h1.aks-logo-title .ak-sub {
        font-size: 19px;
    }


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

.aks-logo-title {
    font-family: Arial, sans-serif;
    text-align: center;
    font-weight: bold;
}

    /* Common tricolor gradient */
    .aks-logo-title .sitename,
    .aks-logo-title .ak-sub {
        background: linear-gradient(90deg, #ff9933, #ffffff, #138808);
        background-size: 300% 100%;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        animation: tricolorMove 4s ease-in-out infinite;
    }

    /* Different sizes */
    .aks-logo-title .sitename {
        font-size: 28px;
    }

    .aks-logo-title .ak-sub {
        font-size: 18px;
        margin-top: 0px;
        margin-left: -3px;
        display: inline-block;
    }

/* Smooth moving tricolor effect */
@keyframes tricolorMove {
    0% {
        background-position: 0% 50%;
    }

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

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

.aks-main .header .topbar .social-links a {
    color: color-mix(in srgb, var(--contrast-color), transparent 0%);
}
/*-------------------------------*/


/*===========*/
.bell-animate {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    color: #ffc107;
    animation: bellRing 0.9s infinite ease-in-out;
    transform-origin: center;
    will-change: transform;
    position: absolute;
    margin-left: -21px;
    margin-top: -9px;
}

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

    15% {
        transform: rotate(10deg);
    }

    30% {
        transform: rotate(-10deg);
    }

    45% {
        transform: rotate(7deg);
    }

    60% {
        transform: rotate(-7deg);
    }

    75% {
        transform: rotate(3deg);
    }

    90% {
        transform: rotate(-3deg);
    }

    100% {
        transform: rotate(0deg);
    }
}
/*======================*/
.aks-main .ak-nav-cont {
    display: flex !important;
    /* background-color: #70d2db; */
    flex-direction: column;
    margin: 0px;
    padding: 0px;
}

.aks-main .aks-logo-cont.logo {
    display: block;
    background-color: #ffffff;
    border-radius: 4px;
    padding: 10px;
}

@media (min-width: 1200px) {
    .navmenu {
        padding: 0;
        background: #2EC5FF;
        width: 100%;
        background: linear-gradient( 0deg, #2EC5FF 0%, #8B5CF6 154%);
    }
}

@media (min-width: 1200px) {
    .navmenu ul {
        margin: 0;
        padding: 0;
        display: flex;
        list-style: none;
        align-items: center;
        align-content: center;
        justify-content: center;
        box-shadow: 0 5px 12px #0a58ca94;
    }
}

@media (max-width: 1200px) {
    .aks-main .ak-nav-cont {
        display: flex !important;
        flex-direction: row;
    }
}

.header .branding {
    padding-bottom: 0px;
    padding-top: 0px;
}

@media (min-width: 1200px) {
    .navmenu li:hover > a, .navmenu .active, .navmenu .active:focus {
        color: #a80b14;
    }
}

/*.carousel-item img {
    height: 650px;
    object-fit: cover;
}*/
.hero {
    width: 100%;
    min-height: 75vh;
    position: relative;
    padding: 0px 0;
    display: flex;
    align-items: center;
    background: none;
    background-size: cover;
}

.aks-main .carousel {
    position: relative;
    padding: 10px;
}

/*.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 650px;
}*/

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 650px;
}

/* Tablet View */
@media (max-width: 991px) {

    .carousel-inner {
        height: 500px;
    }
}

/* Mobile View */
@media (max-width: 767px) {

    .carousel-inner {
        height: auto;
        min-height: 300px;
    }
}

.aks-main .footer {
    color: var(--default-color);
    background-color: var(--background-color);
    font-size: 14px;
    padding-bottom: 2PX;
    position: relative;
}

.sub-time {
    display: inline-block;
    font-size: 12px;
    width: 100%;
    color: #333;
}

.ak-justify {
    text-align: justify;
}

.pricing .pricing-item h3 {
    font-weight: 400;
    margin: -20px -20px 20px -20px;
    padding: 20px 15px;
    font-size: 16px;
    font-weight: 600;
    color: red;
    background: color-mix(in srgb, var(--default-color), transparent 95%);
}

.my-scroll {
    height: 350px;
}

.section-title h2.accordion-header {
    width: 100%;
    background: none;
}

.accordion .accordion-body {
    text-align: left;
}

.aks-acord-tab-master .accordion-body p {
    font-size: 15px;
    font-weight: normal;
}

.carousel-item {
    position: relative;
}

    .carousel-item .container.ak-slider-container-pos {
        position: absolute;
        top: 55%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-width: 550px;
        width: 100%;
        text-align: center;
        z-index: 2;
        background: #ffffffdb;
        padding: 20px;
        border-radius: 15px;
        /* Animation */
        opacity: 0;
        animation: fadeSlideUp 1s ease forwards;
        animation-delay: 2s;
    }
/* Animation Keyframes */
@keyframes fadeSlideUp {

    from {
        opacity: 0;
        transform: translate(-50%, -40%);
    }

    to {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}

/* Mobile View */
@media (max-width: 767px) {

    .carousel-item .container.ak-slider-container-pos {
        max-width: 90%;
        padding: 15px;
    }
}

.carousel-item .container.ak-slider-container-pos .txt-cont-ak2 {
    position: relative;
    /* background: green; */
    max-width: 550px;
}

.hero h1 {
    margin: 0;
    font-size: 21px;
    padding-left: 25px;
    font-weight: 700;
    line-height: 1.2em;
    padding-right: 25px;
}

.hero p {
    color: color-mix(in srgb, #000000, transparent 30%);
    margin: 5px 0 30px 0;
    font-size: 14px;
    padding-left: 25px;
    font-weight: 400;
    padding-right: 25px;
}


/* =========================
   Marqque CSS
========================= */

.marqque * {
    box-sizing: border-box;
}

.marqque .wrap {
    width: 100%;
    margin: 0 auto;
}

.marqque .wrap--logobar {
     /*background: #808080;*/
    background: linear-gradient(90deg, #3acfd5, #3a4ed5);
    height: 30px;
    padding: 0px;
    overflow: hidden;
    position: relative;
    border-radius: 6px;
    margin: 0px;
}

.marqque .list {
    list-style: none;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    position: absolute;
    width: max-content;
    min-width: 100%;
}

.marqque .list__item {
    flex-shrink: 0;
    padding: 0 25px;
    height: 30px;
    display: flex;
    align-items: center;
    white-space: nowrap;
    color: #fff;
    font-size: 15px;
    border-right: 1px solid rgba(255,255,255,0.2);
}

/* Mobile */
@media (max-width: 767px) {

    .marqque .list__item {
        padding: 0 15px;
        font-size: 14px;
    }
}