:root {
    /* color-scheme: dark; */
}

html {
    scroll-behavior: smooth;
}

body {
    background:
        radial-gradient(circle at top left, rgba(14, 165, 233, 0.18), transparent 28%),
        radial-gradient(circle at 80% 20%, rgba(34, 197, 94, 0.12), transparent 22%),
        linear-gradient(180deg, #07111f 0%, #081725 38%, #09131d 100%);
}

.ast-container {
    display: block !important;
    max-width: 100%;
    padding: 0;
    margin: 0;
}

.hero {
    top: 0px;
    background: url('https://zenzo.in/wp-content/uploads/2026/06/amb_top.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #6e6e6e;
}

@media(max-width: 767px) {
    .hero {
        top: 0px;
        background: url('https://zenzo.in/wp-content/uploads/2026/06/amb_top.webp');
        background-size: cover;
        background-repeat: no-repeat;
        background-color: #6e6e6e;
        background-position: 47% 47%;
    }
}

.noise:before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .08;
    background-image: linear-gradient(rgba(255, 255, 255, .5) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .5) 1px, transparent 1px);
    background-size: 26px 26px;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, .8), transparent 90%);
}

.glass {
    background: #2755a3;
    backdrop-filter: blur(16px);
    border: 1px solid rgba(148, 163, 184, 0.18);
    box-shadow: 0 4px 80px rgb(0 0 0 / 23%);
}

.accordion {
    background: unset;
}

.accordion span {
    color: #000;
}

.accordion:hover {
    background: #2755a3;
}

.accordion:hover span {
    color: #fff;
}

.accordion:hover p {
    color: #fff;
}

.accordion svg {
    color: #000;
}

.accordion:hover svg {
    color: #fff !important;
}

.accordion[open] svg {
    color: #fff;
}

section#contact {
    background-color: transparent;
    background-image: linear-gradient(273deg, #d53029 0%, #2956a3 100%);
    background-size: cover;
}

.heading-btm {
    color: white;
    background: unset !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
}


.hero-ring {
    background:
        radial-gradient(circle at 30% 35%, rgba(255, 255, 255, .24), transparent 16%),
        radial-gradient(circle at 70% 30%, rgba(59, 130, 246, .25), transparent 20%),
        radial-gradient(circle at 50% 75%, rgba(16, 185, 129, .28), transparent 25%),
        linear-gradient(135deg, rgba(15, 23, 42, .9), rgba(2, 6, 23, .92));
}

.hero-image-overlay {
    background: linear-gradient(180deg, rgba(2, 6, 23, 0) 0%, rgba(2, 6, 23, .28) 40%, rgba(2, 6, 23, .92) 100%);
}

details>summary::-webkit-details-marker {
    display: none;
}

.accordion[open] .chev {
    transform: rotate(180deg);
}

* {
    font-family: "Bahnschrift", Sans-serif;
}

h2,
.heading {
    background: linear-gradient(90deg, #2755A3 40%, #D72D25 60%);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

h2.elementor-heading-title.elementor-size-default {
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset !important;
}

.sub-text {
    background: linear-gradient(90deg, #2755A3 40%, #D72D25 60%);
}

.hero-btn1 {
    background: linear-gradient(90deg, #2755A3 40%, #D72D25 60%) !important;
    color: #fff !important;
}

.right-circle {
    background: linear-gradient(90deg, #2755A3 40%, #D72D25 60%);
}

.numbers .glass {
    background: #fff;
}

.glass .bg-slate-200\/10 {
    background-color: unset !important;
}

.glass svg {
    color: #ffffff !important;
    flex-shrink: 0;
}

svg.lucide.lucide-chevron-down.chev.h-5.w-5.text-slate-400.transition-transform {
    color: #000000 !important;
    flex-shrink: 0;
}

.accordion:hover svg.lucide.lucide-chevron-down.chev.h-5.w-5.text-slate-400.transition-transform {
    color: #fff !important;
}

.numbers .glass p:nth-child(1) {
    background: linear-gradient(88deg, #2755A3 0%, #D72D25 60%);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

p.text-sm.font-semibold.uppercase.tracking-\[0\.3em\].text-emerald-300 {
    color: #fff;
}

@media(min-width: 768px) {
    section {
        background: #fff;
        padding: 2rem 4.5rem !important;
    }
}

@media(max-width: 767px) {
    section {
        padding: 25px !important;
    }
}

main {
    background: #ffff;
}

.ast-icon.icon-arrow svg {
    display: unset !important;
    vertical-align: middle;
}

ul.ekit_social_media li a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.hero-btn1:hover svg {
    transform: scaleX(1.3);
    transition: transform 0.2s ease;
}

.hero-btn1 svg {
    transition: transform 0.2s ease;
}

img.h-full.w-full.rounded-\[1\.5rem\].object-cover.opacity-95 {
    width: 100%;
    height: 615px;
}

@media(max-width: 767px) {
    img.h-full.w-full.rounded-\[1\.5rem\].object-cover.opacity-95 {
        width: 100%;
        height: 412px;
        object-position: 41%;
    }
}

.flex.flex-col.justify-center {
    background: #c5c2c2ab !important;
    padding: 30px;
    border-radius: 40px;
}

.accordion p a:hover{
    color: #fff;
}