:root {
    --ac-primary: 97, 10, 81;
    --ac-secondary: 230, 30, 101;
    --ac-warning: 254, 131, 109;
    --ac-dark: 26, 24, 43;
    --ac-grey: 248, 248, 252;
    --ac-info: 206, 206, 234;
    --ac-border-0: 0;
    --ac-smoke: 236, 236, 252;
    --ac-green: 27, 170, 74;
    --ac-yellow: 255, 170, 0;
    --accent: #2bb3ff;
    --accent-900: #1c7fb4;
    --soft: #E6F6FE;
    --ac-persian-blue-900: #0835b7;
    --bs-border-color: rgba(var(--ac-info), 1);
    --btn-gradient: transparent linear-gradient(71deg, rgba(var(--ac-primary), 1), rgba(var(--ac-secondary), 1) 57%, rgba(var(--ac-warning), 1));
    --btn-gradient-white: transparent linear-gradient(71deg, rgba(var(--bs-white), 1), rgba(var(--bs-white), 1) 57%, rgba(var(--bs-white), 1));
    --btn-hover-gradient: transparent linear-gradient(270deg, rgba(var(--ac-primary), 1) 0%, rgba(var(--ac-secondary), 1) 57%, rgba(var(--ac-warning), 1));
    --icon-mail: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><g id="business-email-icon" transform="translate(0 -0.5)"><circle id="Ellipse_1361" data-name="Ellipse 1361" cx="10" cy="10" r="10" transform="translate(0 0.5)" fill="none"></circle><path id="Path_167113" data-name="Path 167113" d="M14,17.1H6c-2.4,0-4-1.2-4-4V7.5c0-2.8,1.6-4,4-4h8c2.4,0,4,1.2,4,4v5.6C18,15.9,16.4,17.1,14,17.1Z" transform="translate(0 0)" fill="none" stroke="%23514b81" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path id="Path_167114" data-name="Path 167114" d="M15,9l-2.5,2.5a2.137,2.137,0,0,1-3,0L7,9" transform="translate(-1 -1.347)" fill="none" stroke="%23514b81" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></g></svg>');
    --top-header-bg: linear-gradient(90deg, #020e11 0%, #04222e 15%, #0e3660 30%, #18246a 45%, #1a084c 60%, #1e013d 75%, #350053 100%);
    --hero-bg: url(https://acecloud.ai/wp-content/uploads/2025/02/hero-bg.webp) no-repeat;
    --hero-bg-3: url(https://acecloud.ai/wp-content/uploads/2026/04/hero-bg-3.webp) no-repeat;
    --text-gradient: transparent linear-gradient(82deg, #610a51, #e61e65 57%, #fe836d) 0 0 no-repeat padding-box;
    --ac-partner: url(https://acecloud.ai/wp-content/themes/public-cloud/assets/brand-img-lt-v4.png);
    --line-clamp: 2;
    --shadow-gradient: linear-gradient(135deg, rgba(255, 85, 0, 0.2), rgba(255, 0, 170, 0.2), rgba(153, 0, 255, 0.2), rgba(68, 0, 255, 0.2), rgba(34, 0, 170, 0.2));
    --bs-body-font-family: "Inter Tight", sans-serif;
}

@font-face {
    font-family: var(--bs-body-font-family);
    src: url('https://acecloud.ai/wp-content/themes/public-cloud/assets/fonts/inter-tight/InterTight-VariableFont_wght.woff2') format("woff2");
    font-style: normal;
    font-display: swap;
}

html {
    scroll-behavior: smooth;
}

body {
    --bs-body-color: rgba(var(--ac-dark), 1);
    overflow-x: hidden;
    font-family: var(--bs-body-font-family) !important;
}

.fs-32 {
    font-size: 2rem !important
}

h1 {
    opacity: 1;
    visibility: visible;
    transform: none;
}

/* ---------------------------------------------- Top Stripe - Start ------------------------------------------------------- */

.top-header {
    min-height: 50px;
}

.independence-stripe {
    background: linear-gradient(90deg,
            rgba(255, 153, 51, .12) 0%,
            #ffffff 50%,
            rgba(23, 163, 75, .12) 100%);

    border-top: 1px solid rgba(0, 0, 0, .04);
    border-bottom: 1px solid rgba(0, 0, 0, .04);
}

.independence-stripe .strip-text {
    color: #1A182B;
    border-right: solid 1px rgba(234, 234, 234, 1);
    padding-right: 10px;
}

.independence-stripe .text-orange {
    color: #FF9933;
}

.independence-stripe .text-green {
    color: #17A34B;
}

.independence-stripe .strip-offer {
    color: #1A182B;
}

.independence-stripe .strip-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 160px;
    height: 44px;
    padding: 0 24px;
    text-decoration: none;
    color: #1A182B;
    border-radius: 8px;
    background: linear-gradient(90deg,
            #DE842B 0%,
            #FFFFFF 50%,
            #0F7506 100%);
    transition: all .3s ease;
}

.independence-stripe .strip-btn:hover {
    transform: translateY(-2px);
    color: #1A182B;
}

@media(min-width: 1024px) and (max-width: 1399px) {
    .top-header {
        letter-spacing: .048rem;
        min-height: 40px;
    }
}

@media(max-width:991px) {

    .independence-stripe .d-flex {
        flex-direction: column;
        gap: 12px !important;
        text-align: center;
    }

}

@media(max-width:576px) {
    .independence-stripe .strip-btn {
        width: 100%;
        max-width: 220px;
    }
}

@media(max-width:767.9px) {
    .top-header a:hover {
        text-decoration: underline
    }
}

.ace-top-strip {
    background: linear-gradient(135deg, rgb(26, 24, 43), rgb(30, 58, 138), rgb(56, 189, 248));
}


.stripe-text {
    position: absolute;
    width: 100%;
    text-align: center;
    opacity: 0;
    transform: translateY(100%);
    animation: slideUp 8s infinite;
    cursor: pointer;
}

.stripe-text:hover {
    text-decoration: underline;
}

.stripe-animate {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    color: #fff !important;
    font-size: 16px !important;
    min-height: 25px;
    word-spacing: 1px;
    padding: 2px;
}


@media (max-width: 768px) {

    .stripe-animate {
        min-height: 70px !important;
    }

    .stripe-text {
        flex-direction: column !important;
        font-size: 16px !important;
        line-height: 1.4 !important;
    }

    .icon-sprite {
        margin-top: 4px !important;
    }
}

@media (max-width: 480px) {

    .stripe-animate {
        min-height: 90px !important;
    }

    .stripe-text {
        padding: 6px 8px !important;
        align-content: center;
        font-size: 15px !important;
    }
}


@keyframes slideUp {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }

    10% {
        opacity: 1;
        transform: translateY(0);
    }

    40% {
        opacity: 1;
        transform: translateY(0);
    }

    50% {
        opacity: 0;
        transform: translateY(-40px);
    }

    100% {
        opacity: 0;
        transform: translateY(-40px);
    }
}

.stripe-text {
    animation: slideUp 8s infinite ease-in-out !important;
}

.stripe-text1 {
    animation-delay: 0s !important;
}

.stripe-text2 {
    animation-delay: 4.01s !important;
}

/* ------------------------------------------------ Top Stripe - End ---------------------------------------------------- */

/* ------------------------------------------------ Acecloud New Navbar - Start ------------------------------------------ */

.acecloud-new-navbar .navbar {
    min-height: 70px;
    border-bottom: 1px solid #e6e6e6;
}

.acecloud-new-navbar .navbar-brand {
    display: flex;
    align-items: center;
}


.acecloud-new-navbar .mega-wrapper .container {
    background-color: #fff;
    padding: 15px 15px 0 15px;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    z-index: 999;
}

.acecloud-new-navbar .mega-wrapper .container>.row {
    padding: 0px 10px;
}

.acecloud-new-navbar .mega-wrapper .container>.row>.col-lg-3 {
    padding: 14px;
    background: #f4f6fb;
    border-radius: 15px;
}

.acecloud-new-navbar .menu-pane .col-lg-4 {
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    padding-left: 15px;
    min-height: 450px;
}

.acecloud-new-navbar {
    padding: 0px !important;
}

.acecloud-new-navbar .navbar-nav .nav-link {
    padding: 8px 14px;
    border-radius: 8px;
    transition: all .2s;
}

.acecloud-new-navbar .navbar-nav .nav-link:hover {
    background: #f1f3f7 !important;
    color: #111 !important;
    -webkit-text-fill-color: initial;
}

.acecloud-new-navbar .badge {
    background-color: rgba(0, 162, 81, 0.09) !important;
    border-radius: 8px !important;
    color: #008743 !important;
}

.acecloud-new-navbar .product-list li .menu-link {
    background: transparent !important;
    color: #111 !important;
    font-size: 15px !important;
}

.acecloud-new-navbar .product-list li .menu-link:hover {
    background-color: #f1f3f7 !important;
}

.acecloud-new-navbar .product-list li .menu-link.active {
    background-color: #e9f1ff !important;
    -webkit-text-fill-color: initial !important;
}

.acecloud-new-navbar .product-list li .menu-link.active span {
    background: var(--text-gradient) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.acecloud-new-navbar .navbar-nav .nav-link[role=button]:after {
    flex-shrink: 0;
    width: 12px;
    height: 12px;
    margin-left: auto;
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNiA1TDEuMjA2NTMgMTBMMCA4Ljc0NDMxTDMuNTk3NzQgNUwwIDEuMjU1NjlMMS4yMDY1MyAwTDYgNVoiIGZpbGw9IiMxQTE4MkIiLz4KPC9zdmc+);
    background-repeat: no-repeat;
    background-size: .45rem;
    transform: translateY(0);
}

.acecloud-new-navbar .dropdown-toggle::after {
    display: none;
}

.acecloud-new-navbar .navbar-nav {
    min-height: 60px;
}

.acecloud-new-navbar .navbar-nav .nav-item {
    display: flex;
    align-items: center;
    min-height: inherit;
}

.acecloud-new-navbar .mega-dropdown {
    position: static;
}


.acecloud-new-navbar .mega-menu-dropdown {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background: transparent;
    border-top: 1px solid #e6e6e6;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all .25s;
    z-index: 1000;
}

.acecloud-new-navbar .mega-dropdown:hover .mega-menu-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.acecloud-new-navbar .mega-wrapper {
    background: transparent;
}

.acecloud-new-navbar .sidebar-title {
    font-size: 14px;
    letter-spacing: .08em;
    color: #1a1a1a;
    font-weight: 400;
    margin-bottom: 8px;
}

.acecloud-new-navbar .product-list {
    list-style: none;
    padding: 0;
    line-height: 18px;
}

.acecloud-new-navbar .product-list li .menu-link {
    padding: 6px 12px;
    border-radius: 10px;
    margin-bottom: -2px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    transition: all .2s;
    text-decoration: none;
    color: #1a1a1a;
    font-size: 12px;
    font-weight: 600;
}

.acecloud-new-navbar .menu-link .arrow {
    margin-left: auto;
    font-size: 14px;
    color: #9ca3af;
}


.acecloud-new-navbar .product-list li .menu-link>.icon:first-child {
    z-index: 1;
    padding: 2px 7px;
    border-radius: 8px;
}

.acecloud-new-navbar .product-list li .menu-link.active>.icon:first-child {
    color: #2563eb;
}

.acecloud-new-navbar .menu-title {
    font-size: 18px;
    font-weight: 600;
    margin: 0px !important;
}

.acecloud-new-navbar .menu-subtitle {
    color: #6c757d;
    margin-bottom: 16px;
    font-size: 14px;
}

.acecloud-new-navbar .menu-section-title {
    font-weight: 600;
    margin-bottom: 6px;
    color: #000000;
}

.acecloud-new-navbar .menu-section-desc {
    font-size: 13px;
    color: #6c757d;
    margin-bottom: 12px;
}

.acecloud-new-navbar .menu-links {
    list-style: none;
    padding: 0;
    line-height: 16px;
    font-weight: 500;
}

.acecloud-new-navbar .menu-links li {
    margin-bottom: 4px;
}

.acecloud-new-navbar .menu-links a {
    text-decoration: none;
    color: #1f2937;
    font-size: 14px;
    display: inline-block;
    transition: all .25s;
}

.acecloud-new-navbar .menu-links a:hover {
    background: var(--text-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.acecloud-new-navbar .link-arrow {
    font-size: 18px;
    font-weight: 900;
    margin-left: auto;
    opacity: 0;
    transition: all .25s;
}

.acecloud-new-navbar .menu-links a:hover .link-arrow,
.acecloud-new-navbar .quick-links a:hover .link-arrow,
.acecloud-new-navbar .simple-menu a:hover .link-arrow {
    opacity: 1;
    transform: translateY(-2px);
}

.acecloud-new-navbar .quick-title {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .08em;
    color: #1a1a1a;
    margin-bottom: 20px;
}

.acecloud-new-navbar .quick-links a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #1f2937;
    margin-bottom: 5px;
    font-size: 14px;
}

.acecloud-new-navbar .quick-links a:hover {
    background: var(--text-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.acecloud-new-navbar .consult-card {
    background: #f4f6fb;
    padding: 20px;
    border-radius: 12px;
    margin-top: 20px;
    color: #000000;
}

.acecloud-new-navbar .consult-btn {
    width: 100%;
    margin-top: 10px;
}

.acecloud-new-navbar .mega-footer {
    font-size: 14px;
}

.acecloud-new-navbar .footer-links a {
    text-decoration: none;
    color: #374151;
}

.acecloud-new-navbar .footer-links a:hover {
    color: #2563eb;
}

.acecloud-new-navbar .status-dot {
    width: 8px;
    height: 8px;
    background: #22c55e;
    border-radius: 50%;
}

.acecloud-new-navbar .simple-hover {
    position: relative;
}

.acecloud-new-navbar .simple-menu {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    margin-top: 0;
}

.acecloud-new-navbar .simple-hover:hover .simple-menu {
    display: block;
    border-radius: 0 0 10px 10px;
}

.acecloud-new-navbar .simple-menu li .dropdown-item .icon {
    padding: 2px 7px;
    border-radius: 8px;
}

.acecloud-new-navbar .simple-menu li .dropdown-item:hover .icon {
    color: #2563eb;
}

.acecloud-new-navbar .nav-btn-primary {
    background: #2563eb !important;
    color: #fff;
}

.acecloud-new-navbar .nav-btn-primary:hover {
    background: #2563eb !important;
    color: #fff;
}

.acecloud-new-navbar .simple-menu li a {
    font-size: 14px;
}

.acecloud-new-navbar .simple-menu li:hover a {
    background: var(--text-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.acecloud-new-navbar .menu-pane {
    display: none;
    animation: fade .2s ease-in-out;
}

.acecloud-new-navbar .menu-pane.active {
    display: block;
}


@media (max-width:991.98px) {

    .acecloud-new-navbar .mega-dropdown:hover .mega-menu-dropdown,
    .acecloud-new-navbar .mega-dropdown:focus-within .mega-menu-dropdown {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
    }

    .acecloud-new-navbar .mega-dropdown:not(.show) .mega-menu-dropdown,
    .acecloud-new-navbar .simple-hover:not(.show) .simple-menu {
        display: none !important;
    }

    .acecloud-new-navbar .mega-wrapper {
        max-height: calc(100vh - 120px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .acecloud-new-navbar .navbar-collapse {
        max-height: calc(100vh - 80px);
        overflow-y: auto;
    }

    .acecloud-new-navbar .menu-pane .col-lg-4 {
        border-left: none !important;
    }

    .acecloud-new-navbar .navbar-nav {
        gap: 0 !important;
    }

    .acecloud-new-navbar .navbar-nav .nav-item {
        width: 100%;
    }

    .acecloud-new-navbar .navbar-nav .nav-link {
        padding: 12px 16px;
    }

    /* MEGA MENU */
    .acecloud-new-navbar .mega-menu-dropdown {
        position: static !important;
        width: 100%;
        left: auto;
        top: auto;
        opacity: 1;
        visibility: visible;
        transform: none;
        display: none;
        border: none;
        box-shadow: none;
    }

    .acecloud-new-navbar .mega-dropdown.show .mega-menu-dropdown {
        display: block;
    }

    /* SIMPLE DROPDOWN */
    .acecloud-new-navbar .simple-menu {
        position: static !important;
        display: none;
        box-shadow: none;
        border: none;
        width: 100%;
    }

    .acecloud-new-navbar .simple-hover.show .simple-menu {
        display: block;
    }

    .acecloud-new-navbar .navbar-nav .nav-item {
        display: block;
    }

    .acecloud-new-navbar .mega-dropdown {
        width: 100%;
    }

    .acecloud-new-navbar .mega-menu-dropdown .mega-wrapper .col-lg-8,
    .acecloud-new-navbar .mega-menu-dropdown .mega-wrapper .col-lg-4 {
        padding-left: 35px;
        padding-top: 20px;
    }
}

@media(min-width: 992px) and (max-width: 1399.98px) {
    .acecloud-new-navbar .navbar-nav .nav-link {
        padding: 8px 8px;
        border-radius: 8px;
        transition: all .2s;
        font-size: 13px !important;
    }

    .acecloud-new-navbar .consult-btn {
        width: 100%;
        margin-top: 10px;
        font-size: 13px;
    }

    .acecloud-new-navbar .product-list {
        list-style: none;
        padding: 0;
        line-height: 20px;
    }

    .acecloud-new-navbar .product-list li .menu-link {
        padding: 2px 12px;
    }

    .acecloud-new-navbar .menu-title {
        font-size: 16px;
        font-weight: 600;
        margin: 0px !important;
        color: #000000;
    }

    .acecloud-new-navbar .menu-subtitle {
        color: #6c757d;
        margin-bottom: 14px;
        font-size: 14px;
    }

    .acecloud-new-navbar .menu-section-title {
        font-weight: 600;
        margin-bottom: 6px;
        font-size: 14px;
    }

    .acecloud-new-navbar .menu-links a {
        text-decoration: none;
        color: #1f2937;
        font-size: 12px;
        display: inline-block;
        transition: all .25s;
    }

    .acecloud-new-navbar .menu-links {
        list-style: none;
        line-height: 12px;
        padding: 0;
    }

    .acecloud-new-navbar .quick-links a {
        display: flex;
        align-items: center;
        text-decoration: none;
        color: #1f2937;
        margin-bottom: 5px;
        font-size: 12px;
    }

    .acecloud-new-navbar .menu-pane .col-lg-4 {
        border-left: none;
        padding-left: 0;
        min-height: auto;
    }

}


/* menu fix code start  */

@media (min-width: 992px) {
    .acecloud-new-navbar .navbar-collapse {
        display: flex !important;
        flex-basis: auto !important;
        align-items: center !important;
    }

    .acecloud-new-navbar .navbar-nav {
        flex-direction: row !important;
        align-items: center !important;
        gap: 8px !important;
        min-height: 60px !important;
    }

    .acecloud-new-navbar .navbar-nav .nav-item {
        width: auto !important;
        display: flex !important;
        align-items: center !important;
        min-height: 60px !important;
    }

    .acecloud-new-navbar .mega-menu-dropdown {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        width: 100% !important;
    }
}

/* menu fix code End  */

.page-55068 .navbar {
    border-bottom: solid 1px rgba(255, 255, 255, 0.1) !important;
}

.page-55068 .navbar .nav-link {
    --bs-nav-link-color: #fff !important;
}

@media(max-width:576px) {
    .page-55068 .navbar .nav-link {
        --bs-nav-link-color: #000 !important;
    }
}

.navbar-toggler {
    box-shadow: unset !important
}

@media(max-width:576px) {
    .page-55068 .navbar-toggler-icon {
        --bs-navbar-toggler-icon-bg: url(https://acecloud.ai/wp-content/uploads/2025/03/menu-icon.svg);
        filter: invert(0);
    }
}

@media(max-width:1199.9px) {


    .navbar-nav .nav-link[role=button]:after {
        transform: translateY(0) !important
    }

    .parent-link.current.show {
        font-weight: 700
    }

    .navbar-nav .nav-link.show[role=button]:after {
        transform: translateY(4px) rotate(90deg) !important
    }

}

.navbar-nav .nav-link,
.navbar-nav .nav-link[role=button] {
    --bs-nav-link-font-size: 0.85rem;
    position: relative;
    display: flex;
    align-items: center
}

.navbar-nav .nav-link[role=button]:after {
    flex-shrink: 0;
    width: 12px;
    height: 12px;
    margin-left: auto;
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNiA1TDEuMjA2NTMgMTBMMCA4Ljc0NDMxTDMuNTk3NzQgNUwwIDEuMjU1NjlMMS4yMDY1MyAwTDYgNVoiIGZpbGw9IiMxQTE4MkIiLz4KPC9zdmc+);
    background-repeat: no-repeat;
    background-size: .45rem;
    transform: translateY(0)
}

@media(min-width:1600px) {

    .navbar-nav .nav-link,
    .navbar-nav .nav-link[role=button] {
        --bs-nav-link-font-size: 1rem
    }
}

.page-55068 .navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    color: #fff !important;
}

.nav-link:focus {
    background-color: #ecebf3 !important;
    color: rgb(26 24 42) !important;
}

.page-55068 .nav-link:focus {
    background-color: transparent !important;
    color: #fff !important;
}

.page-55068 .nav-link:hover,
.page-55068 .nav-link:focus {
    color: #fff !important;
}

.page-54937 .nav-link:focus {
    background-color: transparent !important;
    color: #000 !important;
}

.parent-link:after {
    transform: translateY(4px) rotate(90deg) !important
}

@media (min-width: 1200px) {
    .parent-link:after {
        margin-left: 6px !important;
    }
}

header {
    position: relative;
    z-index: 111;
}

/* ----------------------------------------------- Acecloud New Navbar - End -----------------------------------  */

/* ----------------------------------------------- PopUp Modal - Start  ------------------------------------------*/


.modal.form-modal .modal-content {
    padding: 2rem
}

.modal .modal-close {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 1
}

.modal.form-modal .cf7 .inputplaceholder.comment .form-control {
    height: 130px
}

/* Exit Pop-up CSS - Start */

.modal.form-modal .modal-content {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .25);
}

.modal.form-modal .btn-close.modal-close {
    position: absolute;
    top: 10px;
    right: 12px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #f2f4f8;
    opacity: 1;
    display: grid;
    place-items: center;
    padding: 0;
    margin: 0;
    z-index: 3;
}

.modal.form-modal .btn-close.modal-close::before {
    content: "×";
    font-size: 32px;
    line-height: 1;
    color: #000;
    font-weight: 400;
}

.modal.form-modal .btn-close.modal-close::after {
    content: "";
}

.modal.form-modal .btn-close.modal-close>svg {
    display: none;
}


.modal .ace-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 560px;
}

.modal .ace-left {
    background: #e9f3ff;
    padding: 28px 28px 36px 58px;
    position: relative;
}

.modal .ace-left .lead {
    margin: 22px 0 0;
    font-size: 28px;
    line-height: 1.35;
    color: #1b2d4a;
}

.modal .ace-left .lead .big {
    display: block;
    font-size: 48px;
    font-weight: 700;
    letter-spacing: .2px;
}

.modal .ace-left .pendulum {
    position: absolute;
    top: 0px;
    left: 48px;
    width: 150px;
    transform-origin: top center;
    animation: swing 2.2s linear infinite;
    will-change: transform;
    backface-visibility: hidden;
    z-index: 1;
}

.modal .ace-left .pendulum img {
    display: block;
    width: 100%;
    height: auto;
}

@keyframes swing {
    0% {
        transform: rotate(-14deg);
    }

    50% {
        transform: rotate(14deg);
    }

    100% {
        transform: rotate(-14deg);
    }
}

.modal .hold-pill {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #0f6efc;
    color: #fff;
    padding: 2px 20px;
    border-radius: 12px;
    font-weight: 700;
    margin-top: 140px;
    position: relative;
    z-index: 2;
}

.modal .hold-pill h3 {
    margin: 10px 0;
    font-size: 22px;
    font-weight: 700;
}

.modal .hold-pill .icon {
    width: 32px;
    height: 32px;
    display: inline-block;
    background: #fff;
    color: #0f6efc;
    border-radius: 6px;
    font-weight: 900;
    text-align: center;
    line-height: 20px;
}

.modal .hold-pill h3 img {
    width: 32px !important;
    height: 32px;
    margin-bottom: 5px;
}

.modal .ace-right {
    padding: 28px 48px 28px 28px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 18px;
    background: #fff;
}

.modal .ace-right .field {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-radius: 12px;
    padding: 24px 14px;
    font-size: 16px;
    outline: none;
    background: #fff;
    color: #222222;
}

.modal .ace-right .field:focus {
    border-color: #7aa4e8;
}

.modal .ace-right .cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 24px 20px;

    width: 100% !important;
    border-radius: 14px;
    background: linear-gradient(90deg, #FF9E0E 0%, #FF1356 33%, #FF13AC 66%, #7C52FF 100%);
    color: #fff;
    font-weight: 800;
    font-size: 18px;
    border: none;
    cursor: pointer;
    transition: transform .15s ease, filter .15s ease;
}


@media (max-width: 992px) {
    .modal.form-modal .modal-dialog {
        max-width: 720px !important;
    }
}

@media (max-width: 768px) {
    .modal.form-modal .modal-dialog {
        max-width: 540px !important;
    }

    .modal .ace-grid {
        grid-template-columns: 1fr;
        min-height: unset;
    }

    .modal .ace-left {
        border-radius: 20px 20px 0 0;
        /* min-height: 260px; */
        padding: 22px 20px 24px 22px;
    }

    .modal .ace-left .pendulum {
        left: 22px;
        top: -6px;
        width: 120px;
    }

    .modal .hold-pill {
        margin-top: 105px;
    }

    .modal .hold-pill h3 {
        font-size: 20px;
    }

    .modal .ace-left .lead {
        font-size: 24px;
    }

    .modal .ace-left .lead .big {
        font-size: 40px;
    }

    .modal .ace-right {
        padding: 22px;
        gap: 16px;
    }

    .modal .form-modal .wpcf7 .wpcf7-submit {
        font-size: 16px;
        padding: 14px 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .modal .ace-left .pendulum {
        animation: none;
    }
}

/* Exit Pop-up CSS - End */


/* Ace Red Hat - Exit Popup - Start - 01-10-2025 */

.ace-red-hat-exit-popup .modal-dialog {
    max-width: 420px !important;
}

.ace-red-hat-exit-popup .modal-content {
    background: transparent;
    border: 0;
    box-shadow: none;
}

.ace-red-hat-exit-popup .exit-card {
    color: #fff;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, .08);
    overflow: hidden;
    padding: 40px 30px;
    background-image: url(https://acecloud.ai/wp-content/uploads/2025/10/ace-red-hat-exit-popup-bg.png);
    background-color: #000;
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Ace Red Hat - Exit Popup - End - 01-10-2025 */

/* Ace Red Hat - Popup - Start - 03-10-2025 */

.ace-red-hat-popup .modal-dialog {
    max-width: 720px !important;
    width: 100%;
}

.ace-red-hat-popup .modal-content {
    background: transparent;
    border: 0;
    box-shadow: none;
}

.ace-popup-card {
    border-radius: 20px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}

.ace-red-hat-popup .ace-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 50%;
    background: #ffffff;
    color: #111111;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    line-height: 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    z-index: 1056;
    opacity: 1 !important;
}

.ace-red-hat-popup .ace-close:hover {
    background: #f5f5f5;
}

.ace-red-hat-popup .popup-close-btn {
    background-color: #fff !important;
    opacity: 1;
}

.ace-popup-hero {
    background: url(https://acecloud.ai/wp-content/uploads/2025/10/ace-red-hat-popup-bg.webp);
    background-color: #000;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 30px;
    color: #fff;
}

.ace-popup-logos img {
    height: 36px;
    width: auto;
    max-width: 100%;
}

@media (max-width: 575.98px) {
    .ace-popup-hero {
        padding: 30px 20px;
    }

    .ace-popup-form {
        padding: 20px;
    }
}

/* Ace Red Hat - Popup - End - 03-10-2025 */


/* Black Friday PopUp - Start - 20-11-2025 */

.black-friday-exit-popup .btn-close {
    position: absolute;
    top: 16px;
    right: 18px;
    width: 18px;
    height: 18px;
    background: #fff;
    border-radius: 30%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    opacity: 1;
    transition: all 0.3s ease;
}

.black-friday-exit-popup .btn-close::before,
.black-friday-exit-popup .btn-close::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 2px;
    background: #333;
    transform-origin: center;
}

.black-friday-exit-popup .btn-close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.black-friday-exit-popup .btn-close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}


.black-friday-exit-popup .ace-close:hover {
    background: #f5f5f5;
}

.black-friday-exit-popup .modal-dialog {
    max-width: 720px !important;
    width: 100%;
}

.black-friday-exit-popup .modal-content {
    background: transparent;
    border: 0;
    box-shadow: none;
}

.ace-black-friday-popup-card {
    border-radius: 20px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}

.ace-black-friday-popup-hero {
    background: url(https://acecloud.ai/wp-content/uploads/2025/11/black-friday-popup-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 130px 0px;
    color: #fff;
}

.black-friday-exit-popup .right {
    padding: 28px 48px 28px 28px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 18px;
}

.black-friday-exit-popup .field {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-radius: 12px;
    padding: 14px 14px;
    font-size: 16px;
    outline: none;
    background: #fff;
    color: #222222;
}


.black-friday-exit-popup .cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 20px;
    border-radius: 14px;
    background-color: #ED1B21;
    color: #fff;
    font-weight: 800;
    font-size: 18px;
    border: none;
    cursor: pointer;
    transition: transform .15s ease, filter .15s ease;
}

.black-friday-exit-popup .cta:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

.black-friday-exit-popup .cta:active {
    transform: translateY(0);
    filter: brightness(.98);
}

@media (max-width: 575.98px) {

    .ace-black-friday-popup-card {
        margin: 20px;
    }
}


/* Black Friday PopUp - End - 20-11-2025 */


/* Popup - start - 02-02-2026 */

.b-200-exit-popup .btn-close {
    position: absolute;
    top: 16px;
    right: 18px;
    width: 18px;
    height: 18px;
    background: #fff;
    border-radius: 30%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    opacity: 1;
    transition: all 0.3s ease;
}

.b-200-exit-popup .btn-close::before,
.b-200-exit-popup .btn-close::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 2px;
    background: #333;
    transform-origin: center;
}

.b-200-exit-popup .btn-close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.b-200-exit-popup .btn-close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}


.b-200-exit-popup .ace-close:hover {
    background: #f5f5f5;
}

.b-200-exit-popup .modal-dialog {
    max-width: 800px !important;
    width: 100%;
}

.b-200-exit-popup .modal-content {
    background: transparent;
    border: 0;
    box-shadow: none;
}

.ace-b-200-popup-card {
    border-radius: 20px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}

.ace-b-200-popup-hero {
    background: url(https://acecloud.ai/wp-content/uploads/2026/06/b-200-popup.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 36px 30px !important;
    color: #fff;
    min-height: 300px;
    width: 100%;
}


.b-200-exit-popup .field {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-radius: 12px;
    padding: 14px 14px;
    font-size: 16px;
    outline: none;
    background: #fff;
    color: #222222;
}

.b-200-exit-popup .cta:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

.b-200-exit-popup .cta:active {
    transform: translateY(0);
    filter: brightness(.98);
}

@media (max-width: 575.98px) {

    .ace-b-200-popup-card {
        margin: 20px;
    }

}

@media(min-width: 767.9px) {
    .b-200-exit-popup .btn-close {
        top: 16px;
        right: 50px;
    }
}

@media(min-width: 1023.9px) {
    .b-200-exit-popup .btn-close {
        top: 16px;
        right: 18px;
    }
}

/* Popup - End - 02-02-2026 */


/* Exit Popup - FS - Start - 23-02-2026  */

.fs-exit-popup .btn-close {
    position: absolute;
    top: 16px;
    right: 18px;
    width: 18px;
    height: 18px;
    background: #fff;
    border-radius: 30%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    opacity: 1;
    transition: all 0.3s ease;
}

.fs-exit-popup .btn-close::before,
.fs-exit-popup .btn-close::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 2px;
    background: #333;
    transform-origin: center;
}

.fs-exit-popup .btn-close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.fs-exit-popup .btn-close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}


.fs-exit-popup .ace-close:hover {
    background: #f5f5f5;
}

.fs-exit-popup .modal-dialog {
    max-width: 480px !important;
    width: 100%;
}

.fs-exit-popup .modal-content {
    background: transparent;
    border: 0;
    box-shadow: none;
}

.ace-fs-popup-card {
    border-radius: 20px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}

.fs-exit-popup .right {
    padding: 28px 40px 0px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 18px;
}

.fs-exit-popup .field {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-radius: 12px;
    padding: 14px 14px;
    font-size: 16px;
    outline: none;
    background: #fff;
    color: #222222;
}

.fs-exit-popup .cta:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

.fs-exit-popup .cta:active {
    transform: translateY(0);
    filter: brightness(.98);
}

@media (max-width: 575.98px) {

    .ace-fs-popup-card {
        margin: 20px;
    }

}

@media(min-width: 767.9px) {
    .fs-exit-popup .btn-close {
        top: 16px;
        right: 50px;
    }
}

@media(min-width: 1023.9px) {
    .fs-exit-popup .btn-close {
        top: 16px;
        right: 18px;
    }
}

/* Exit Popup - FS - End - 23-02-2026  */


/* FREE Webinar - Popup - Start - 26-06-2026 */

.free-webinar-exit-popup .btn-close {
    position: absolute;
    top: 16px;
    right: 18px;
    width: 18px;
    height: 18px;
    background: #fff;
    border-radius: 35%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    opacity: 1;
    transition: all 0.3s ease;
}

.free-webinar-exit-popup .btn-close::before,
.free-webinar-exit-popup .btn-close::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 2px;
    background: #333;
    transform-origin: center;
}

.free-webinar-exit-popup .btn-close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.free-webinar-exit-popup .btn-close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}


.free-webinar-exit-popup .ace-close:hover {
    background: #f5f5f5;
}

.free-webinar-exit-popup .modal-dialog {
    max-width: 710px !important;
    width: 100%;
}

.free-webinar-exit-popup .modal-content {
    background: transparent;
    border: 0;
    box-shadow: none;
}

.free-webinar-popup-card {
    border-radius: 20px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}

.free-webinar-popup-hero {
    background: url(https://acecloud.ai/wp-content/uploads/2026/07/free-webinar-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 40px;
    color: #fff;
}

.free-webinar-exit-popup .right {
    padding: 28px 48px 28px 28px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 18px;
}

.free-webinar-exit-popup .field {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-radius: 12px;
    padding: 14px 14px;
    font-size: 16px;
    outline: none;
    background: #fff;
    color: #222222;
}

.free-webinar-exit-popup .cta:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

.free-webinar-exit-popup .cta:active {
    transform: translateY(0);
    filter: brightness(.98);
}

.free-webinar-exit-popup .webinar-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 5px 15px 5px 8px;
    border-radius: 999px;
    background: linear-gradient(90deg,
            #0091FF 11%,
            #6647F0 35%,
            #FF02F0 65%,
            #FC6D2D 99%);
    color: #fff;
    cursor: pointer;
    user-select: none;
}

.free-webinar-exit-popup .icon-circle {
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #6a5cff;
}

.free-webinar-exit-popup .webinar-btn:hover {
    filter: brightness(1.05);
}

@media (max-width: 575.98px) {

    .free-webinar-popup-card {
        margin: 20px;
    }

    .free-webinar-popup-hero {
        padding: 40px 40px;
    }

}

@media(min-width: 767.9px) {
    .free-webinar-exit-popup .btn-close {
        top: 16px;
        right: 50px;
    }
}

@media(min-width: 1023.9px) {
    .free-webinar-exit-popup .btn-close {
        top: 16px;
        right: 18px;
    }
}

/* FREE Webinar - Popup - End - 26-06-2026 */

@media(min-width:992px) {

    #offermodal .modal-lg,
    .modal-xl {
        --bs-modal-width: 920px
    }
}

@media(min-width:1200px) {
    #offermodal .modal-xl {
        --bs-modal-width: 832px
    }

    #offermodal .ribbon {
        width: 75%
    }
}

.page-id-57149 .modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto !important;
    width: 100%;
}

.exit-intent .modal-content {
    background: url(https://acecloud.ai/wp-content/uploads/2025/06/netApp-webinar-exit-pop-up-bg.png) 50%/cover
}

.exit-intent .time-counter .digit {
    width: 32px;
    height: 45px;
    font-weight: 600
}

.btn-modal-close {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1
}


/* Independence Popup - Start - 30-07-2026 */

.cloud-offer-popup .cloud-popup-modal {
    border-radius: 28px;
    overflow: hidden;
    background: #fff;
    position: relative;
}

.cloud-offer-popup .modal-body {
    background: linear-gradient(122deg, rgba(255, 154, 53, 0.08) 0%, rgba(255, 154, 53, 0.02) 50%, rgba(39, 138, 14, 0.02) 50%, rgba(39, 138, 14, 0.08) 100%);
}

/* close */
.cloud-offer-popup .popup-close {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 36px;
    height: 36px;
    font-size: 28px;
    line-height: 1;
    color: #555;
    z-index: 5;
    border: 2px solid transparent;
    border-radius: 18px;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(120deg, #DE842B 0%, #FFFFFF 50%, #0F7506 100%) border-box;
}

/* Heading */
.cloud-offer-popup .cloud-title {
    color: #1A182B;
}

.cloud-offer-popup .cloud-title .orange {
    color: #FF9933;
}

.cloud-offer-popup .cloud-title .green {
    color: #17A34B;
}

.cloud-offer-popup .cloud-subtitle {
    color: #575757;
}

/* Offer */
.cloud-offer-popup .offer-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 18px;
    padding: 0;
    background: linear-gradient(90deg, #DE842B 0%, #FFFFFF 50%, #0F7506 100%);
}

.cloud-offer-popup .offer-box:before {
    content: "";
    position: absolute;
    inset: 2px;
    background: #fffffff0;
    border-radius: 16px;
}

.cloud-offer-popup .offer-item {
    flex: 1;
    text-align: center;
    padding: 15px 24px;
    position: relative;
    z-index: 2;
}

.cloud-offer-popup .divider {
    width: 1px;
    background: #ececec;
    align-self: stretch;
    z-index: 2;
}

/* Gradient dash */
.cloud-offer-popup .gradient-dash {
    height: 2px;
    background: repeating-linear-gradient(to right, #ff9a35 0 10px, transparent 10px 18px, #278a0e 18px 28px, transparent 28px 36px);
}

/* Inputs */
.cloud-offer-popup .custom-input {
    border: 1px solid rgba(232, 232, 234, 1);
    border-radius: 14px;
    /* overflow: hidden; */
    background: transparent !important;
}

.cloud-offer-popup .custom-input .input-group-text {
    background: transparent !important;
    border: none;
    color: #6f6f6f;
    padding-left: 18px;
}

.cloud-offer-popup .custom-input .form-control {
    border: none;
    height: 60px;
    box-shadow: none;
    background: transparent !important;
}

.cloud-offer-popup .form-control:focus {
    background: transparent !important;
}

/* Button */
.cloud-offer-popup .deploy-btn {
    border: none;
    height: 50px;
    border-radius: 10px;
    color: #1A182B;
    background: linear-gradient(90deg, #DE842B 0%, #FFFFFF 50%, #0F7506 100%);
    transition: all .3s;
}

.cloud-offer-popup .deploy-btn:hover {
    transform: translateY(-2px);
}

.cloud-offer-popup .deploy-btn span {
    margin-left: 10px;
}

/* Privacy */
.cloud-offer-popup .privacy-text {
    color: #A3A3AA;
}

.cloud-offer-popup .privacy-text a {
    color: #A3A3AA;
    text-decoration: underline;
}

/* Bottom badge */
.cloud-offer-popup .offer-valid {
    margin: 20px auto 0;
    width: max-content;
    background: #1A182B;
    color: #fff;
    padding: 8px 24px;
    border-radius: 12px 12px 0 0;
}

/* Responsive */
@media(max-width:767px) {
    .cloud-offer-popup .offer-item {
        padding: 18px;
    }

    .cloud-offer-popup .deploy-btn {
        height: 45px;
    }

}

/* Independence Popup - End - 30-07-2026 */

.check-list ul,
ul.check-list {
    list-style: none;
    padding-left: 0 !important
}

.check-list ul li,
ul.check-list li {
    position: relative;
    --borderwidth: 2px;
    --height: 18px;
    --width: 8px;
    --bordercolor: var(--bs-primary);
    padding-left: 30px
}

.check-list ul li:before,
ul.check-list li:before {
    position: absolute;
    content: "";
    display: inline-block;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjAwMDIgNy45OTk5MkMxNi4wMDAyIDEyLjQxODIgMTIuNDE4NCAxNS45OTk5IDguMDAwMTYgMTUuOTk5OUMzLjU4MTg5IDE1Ljk5OTkgMC4wMDAxNjQ2MTQgMTIuNDE4MiAwLjAwMDE2NDYxNCA3Ljk5OTkyQzAuMDAwMTY0NjE0IDMuNTgxNjQgMy41ODE4OSAtNy44MDEzOWUtMDUgOC4wMDAxNiAtNy44MDEzOWUtMDVDMTIuNDE4NCAtNy44MDEzOWUtMDUgMTYuMDAwMiAzLjU4MTY0IDE2LjAwMDIgNy45OTk5MloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik02Ljg4MDMzIDExLjY3OThMMTIuNTIwMyA2LjAzOTgyTDExLjQwMDMgNC45MTk4M0w2Ljg4MDMzIDkuNDM5ODVMNC42MDAzMyA3LjE1OTgyTDMuNDgwMzMgOC4yNzk4N0w2Ljg4MDMzIDExLjY3OThaTTguMDAwMTYgMTUuOTk5OUM2LjkyNzg5IDE2LjAwNjkgNS44NjU4OCAxNS43OTIzIDQuODgwMzMgMTUuMzY5OEMzLjkzMjQgMTQuOTY3IDMuMDcwMjUgMTQuMzg2NSAyLjM0MDMzIDEzLjY1OThDMS42MTM2MSAxMi45Mjk5IDEuMDMzMTggMTIuMDY3OCAwLjYzMDMyNyAxMS4xMTk4QzAuMjA3ODMgMTAuMTM0MyAtMC4wMDY4MDg1MyA5LjA3MjIgMC4wMDAxNjQ2MTQgNy45OTk5MkMtMC4wMDY4MDg1MyA2LjkyNzY1IDAuMjA3ODMgNS44NjU0IDAuNjMwMzI3IDQuODc5ODVDMS4wMzMyIDMuOTMxOTIgMS42MTM2MiAzLjA2OTc5IDIuMzQwMzMgMi4zMzk4N0MzLjA3MDI1IDEuNjEzMTcgMy45MzI0IDEuMDMyNzMgNC44ODAzMyAwLjYyOTg0OUM1Ljg2NTg3IDAuMjA3MzI0IDYuOTI3ODkgLTAuMDA3MDc5OSA4LjAwMDE2IC03LjgwMTM5ZS0wNUM5LjA3MjQ0IC0wLjAwNzA3OTkgMTAuMTM0OCAwLjIwNzMyNCAxMS4xMjAzIDAuNjI5ODQ5QzEyLjA2ODMgMS4wMzI3MyAxMi45MzA0IDEuNjEzMTcgMTMuNjYwMyAyLjMzOTg3QzE0LjM4NyAzLjA2OTc5IDE0Ljk2NzUgMy45MzE5MiAxNS4zNzAzIDQuODc5ODVDMTUuNzkyOCA1Ljg2NTQgMTYuMDA3MSA2LjkyNzY1IDE2LjAwMDIgNy45OTk5MkMxNi4wMDcxIDkuMDcyMiAxNS43OTI4IDEwLjEzNDMgMTUuMzcwMyAxMS4xMTk4QzE0Ljk2NzUgMTIuMDY3OCAxNC4zODcgMTIuOTI5OSAxMy42NjAzIDEzLjY1OThDMTIuOTMwNCAxNC4zODY1IDEyLjA2ODMgMTQuOTY3IDExLjEyMDMgMTUuMzY5OEMxMC4xMzQ4IDE1Ljc5MjMgOS4wNzI0NCAxNi4wMDY5IDguMDAwMTYgMTUuOTk5OVoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8yODYxXzgpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjg2MV84IiB4MT0iMS45MzYwNCIgeTE9IjE2LjAwMDEiIHgyPSIxNC4wODAzIiB5Mj0iMC4zMzU3NjMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzYxMEE1MSIvPgo8c3RvcCBvZmZzZXQ9IjAuNTc0IiBzdG9wLWNvbG9yPSIjRTYxRTY1Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZFODM2RCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPg==);
    transform: unset;
    border-bottom: unset;
    border-right: unset;
    --width: 16px;
    --height: 16px;
    top: 4px;
    background-size: auto;
    background-repeat: no-repeat;
    left: 0;
    height: var(--height);
    width: var(--width)
}


#offermodal .bg-blue-dark {
    background-color: #06142d !important
}

#offermodal .bg-popup-vector {
    position: relative;
    overflow: hidden;
    z-index: 1
}

#offermodal .bg-popup-vector::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url(https://acecloud.ai/wp-content/uploads/2025/08/bg-vector-popup.svg)
}

#offermodal .popu-img-box {
    width: 205px;
    margin: 0 auto
}

#offermodal .vector-img-bg {
    position: relative;
    width: 100%;
    height: 50px;
    overflow: hidden
}

#offermodal .ltr-img,
#offermodal .rtl-img {
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 1
}

#offermodal .ltr-img {
    left: 8px;
    width: 150px
}

#offermodal .rtl-img {
    right: 0;
    width: 180px
}

#offermodal .ltr-img img,
#offermodal .rtl-img img {
    width: 100%;
    height: auto
}

#offermodal ul.check-list-style>li {
    display: grid;
    grid-template-rows: 30px auto;
    font-size: 15px
}

#offermodal ul.check-list-style {
    column-gap: 10px
}

@media (min-width:576px) {

    #offermodal .check-list-count-md-2 {
        columns: 2
    }

    #offermodal ul.check-list-style>li {
        grid-template-rows: 60px auto
    }
}

#offermodal .ribbon {
    padding: 15px;
    height: 50px;
    background: #ff5c00;
    clip-path: polygon(100% 0, 95% 50%, 100% 100%, 0% 100%, 5% 50%, 0% 0%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 86%;
    max-width: 600px;
    margin: 20px auto 0
}


/* Popup styling  - Start - 28-01-2026*/


.breaking-scroll {
    position: fixed;
    right: 80px;
    bottom: 80px;
    width: 304px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    z-index: 9999999 !important;
    font-family: Arial, Helvetica, sans-serif;

    transform: translate(160%, 160%);
    opacity: 0;
    transition: transform 0.6s ease-out, opacity 0.4s ease-out;
}

.follow-us {
    z-index: 0;
}

.animate-break {
    transform: translate(0, 0);
    opacity: 1;
}

.breaking-scrollbx {
    width: 100%;
    cursor: pointer;
}

.breaking-scrollbx .head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(55deg, #610a51, #e61e65 80%, #fe836d);
    padding: 10px 12px;
}

.breaking-scrollbx .btitle {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.breaking-closebtn {
    background: none;
    border: none;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    pointer-events: auto;
    /* ensures button clickable */
}

.breaking-scrollbx .box {
    padding: 10px;
}

.breaking-scrollbx .box p {
    margin: 0;
    font-size: 14px;
}

.breaking-scrollbx .btitle span {
    color: #fff;
}

/* Popup styling  - End - 28-01-2026*/


.b200-popup-promo {
    background: url(https://acecloud.ai/wp-content/uploads/2026/01/b200.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 130px 40px;
    color: #fff;
}


#webinar-exit-popup .ace-fs-popup-card {
    background-color: #0835B7;
    color: #fff;
}

#webinar-exit-popup .dt-card {
    background-color: #fff;
    padding: 10px;
    text-align: center;
    border-radius: 20px;
    color: #000;
}

#webinar-exit-popup .web-acecloud-logo {
    max-width: 140px;
    height: 35px;
    padding-right: 12px;
    border-right: solid 1px rgba(255, 255, 255, 0.5);
}

#webinar-exit-popup .web-veeam-logo {
    max-width: 140px;
    height: auto;
}

/* Popup - Start - 29-04-2026 */

.lead-gen-exit-popup .popup-card h3 {
    font-size: 28px !important;
    line-height: 36px !important;
}

@media(max-width: 576px) {
    .lead-gen-exit-popup .popup-card h3 {
        font-size: 24px !important;
        line-height: 32px !important;
    }
}

.lead-gen-exit-popup .popup-card {
    border-radius: 16px;
    border: 1px solid #e5e5e5;
}

.lead-gen-exit-popup .custom-close {
    position: absolute;
    top: 15px;
    right: 15px;
}

.lead-gen-exit-popup .dot {
    width: 8px;
    height: 8px;
    background: var(--btn-gradient);
    border-radius: 50%;
    display: inline-block;
}

.lead-gen-exit-popup .credit-box {
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 15px;
    background: #fafafa;
}

.lead-gen-exit-popup .credit-box .text-gradient {
    font-size: 22px !important;
    line-height: 28px !important;
}

.lead-gen-exit-popup .credit-box small {
    font-size: 16px !important;
    line-height: 20px !important;
}

@media(max-width: 576px) {
    .lead-gen-exit-popup .credit-box .text-gradient {
        font-size: 20px !important;
        line-height: 24px !important;
    }

    .lead-gen-exit-popup .credit-box small {
        font-size: 14px !important;
        line-height: 18px !important;
    }
}

.lead-gen-exit-popup .input-box .form-control {
    border-radius: 10px;
    padding: 12px;
    border: 1px solid #e5e5e5;
}

.lead-gen-exit-popup .input-box .form-control:focus {
    box-shadow: none;
    border-color: #444;
}

.lead-gen-exit-popup .claim-btn:hover {
    opacity: 0.9;
}

.lead-gen-exit-popup .custom-close-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: transparent;
    border: none;
}


.lead-gen-exit-popup .form-control::placeholder {
    border-left: solid 1px #2c2a362e;
    padding-left: 10px;
}

.lead-gen-exit-popup .custom-close-btn img {
    width: 25px !important;
    height: 25px !important;
}

/* Popup - End - 29-04-2026 */


/* fifa world cup popup - start - 17-06-2026  */

.fifa-worldcup-offer {
    place-items: center;
}

.fifa-worldcup-offer .fifa-worldcup-offer-modal {
    max-width: 420px;
    background: #FFFFFF;
    border-radius: 22px;
    overflow: hidden;
    color: #fff;
}

.fifa-worldcup-offer .fifa-worldcup-ground {
    padding: 50px 50px 34px;
}

.fifa-worldcup-offer .fifa-worldcup-badge-offer {
    background: #ffffff00;
    color: #ffffff;
    border-radius: 20px;
    font-size: 13px;
    padding: 7px 18px;
    font-weight: 800;
    border: solid 1px #ffffff;
}

.fifa-worldcup-offer .icon-ball {
    width: 58px;
    height: 58px;
    color: #06381e;
    border-radius: 50%;
    display: grid;
    place-items: center;
    margin: 28px auto 0;
    font-size: 28px;
}

.fifa-worldcup-offer .icon-ball {
    position: absolute;
    top: 4%;
    left: 43%;
}

.fifa-worldcup-offer .text-gold {
    color: #f6b735;
    font-weight: 600 !important;
}

.fifa-worldcup-offer .fifa-worldcup-option-card {
    background: #F7F7FC;
    border: 1px solid #ECECFC;
    color: #1A182B;
    border-radius: 10px;
}

.fifa-worldcup-offer .fifa-worldcup-option-card {
    cursor: pointer;
    transition: all .2s;
}

.text-gw {
    background-color: #fff;
    padding: 0px 5px;
    color: rgb(30, 58, 138) !important;
}

.fifa-worldcup-offer .fifa-worldcup-small-pill {
    background: #645f23;
    color: #ffffff;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 14px;
    display: inline-block;
}

.fifa-worldcup-offer .form-control::placeholder {
    color: rgba(0, 0, 0, .45);
}

.fifa-worldcup-offer .btn-orange {
    background: #f9ae34;
    border: 0;
    color: #2d240c;
    font-weight: 700;
    border-radius: 10px;
    padding: 14px;
}

.fifa-worldcup-offer .close-btn {
    position: absolute;
    right: 16px;
    top: 16px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 0;
    background: rgba(255, 255, 255, .18);
    color: #fff;
    font-size: 22px;
    line-height: 1;
    z-index: 1;
}

.fifa-worldcup-offer #backBtn {
    position: absolute;
    top: 10px;
    left: 30px;
    color: white !important;
}

.fifa-worldcup-offer .fifa-football {
    animation: rotateBall 2s linear infinite;
}

.fifa-worldcup-offer .fifa-football img {
    width: 60px;
    height: 60px;
}

@keyframes rotateBall {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.football-worldcup-offer .football {
    display: inline-block;
    animation: rotateBall 4s linear infinite;
    transition: all .3s;
}

.football-worldcup-offer .icon-ball:hover .football {
    animation-duration: 1s;
}

@media(max-width: 576px) {
    .fifa-worldcup-offer .fifa-worldcup-badge-offer {
        font-size: 9px;
    }

    .fifa-worldcup-offer .fifa-football img {
        width: 45px;
        height: 45px;
    }
}

/* Extra css for ground - start - 06-07-2026 */

.fifa-worldcup-ground {
    position: relative;
    height: 320px;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
    background: linear-gradient(135deg, rgb(26, 24, 43), rgb(30, 58, 138), rgb(56, 189, 248));
}

.fifa-worldcup-ground::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(255, 255, 255, .04),
            rgba(0, 0, 0, .06));
    z-index: 3;
    pointer-events: none;
}

.fifa-worldcup-ground .center-circle {
    position: absolute;
    width: 220px;
    height: 180px;
    border-radius: 50%;
    left: 50%;
    top: -117px;
    transform: translateX(-50%);
    z-index: 2;
}

.fifa-worldcup-offer .iti__selected-dial-code {
    color: #000 !important;
}

.fifa-worldcup-offer form input {
    color: #000000 !important;
}

.fifa-worldcup-offer form input.btn {
    color: #fff !important;
}

.fifa-worldcup-offer .wpcf7 form.sent .wpcf7-response-output {
    color: #46b450 !important;
}

.fifa-worldcup-offer .wpcf7 form.invalid .wpcf7-response-output {
    color: #000 !important;
}

.fifa-worldcup-offer .wpcf7 form.unaccepted .wpcf7-response-output {
    color: #dc3545 !important;
}

/* fifa world cup popup - end - 17-06-2026 */

/* Rakhi POPUP - CSS - Start - 19-08-2026 */

.rakhi-modal .modal-content {
    position: relative;
    background:
        radial-gradient(circle at 90% 6%, rgba(45, 212, 255, .14), transparent 40%),
        radial-gradient(circle at 4% 96%, rgba(255, 61, 127, .12), transparent 42%),
        linear-gradient(155deg, #0d2a3f, #071b2c 55%, #04101b);

    color: #eaf6ff;
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 50px 110px rgba(0, 0, 0, .6), 0 0 0 1px rgba(45, 212, 255, .14) inset;
}

.rakhi-modal .btn-close {
    filter: invert(1) brightness(1.6);
    opacity: .55;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 12;
}

.rakhi-modal .btn-close:hover {
    opacity: .9;
}

.rakhi-modal .garland {
    width: 100%;
    position: relative;
    z-index: 5;
}

.rakhi-modal .garland-svg {
    width: 100%;
    height: 44px;
    display: block;
}

.rakhi-modal .offer-content {
    padding: 30px 35px;
    position: relative;
    z-index: 2;
}

.rakhi-modal .festival-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 1px 10px;
    margin-bottom: 10px;
    border-radius: 50px;
    background: rgba(255, 157, 46, .1);
    border: 1px solid rgba(255, 157, 46, .35);
    color: #ff9d2e;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.rakhi-modal .festival-badge .dot {
    width: 7px;
    height: 7px;
    background: #ff3d7f;
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgba(255, 61, 127, .22);
    animation: pulse-dot 1.8s ease-in-out infinite;
}

@keyframes pulse-dot {

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

    50% {
        transform: scale(1.35);
        opacity: .6;
    }
}

@keyframes shimmer {
    to {
        background-position: 260% center;
    }
}

.rakhi-modal .rb-form {
    margin-top: 24px;
}

.rakhi-modal .rb-form .form-control {
    display: block;
    width: 100%;
    background: rgba(255, 255, 255, 0.045);
    border: 1.5px solid rgba(255, 255, 255, .12);
    border-radius: 11px;
    padding: 12px 15px;
    font-size: .9rem;
    font-family: 'Manrope', sans-serif;
    color: #eaf6ff;
}

.rakhi-modal .rb-form .form-control::placeholder {
    color: #6f8ba0;
}

.rakhi-modal .rb-form .form-control:focus {
    outline: none;
    border-color: #2dd4ff;
    box-shadow: 0 0 0 4px rgba(45, 212, 255, 0.16);
    background: rgba(255, 255, 255, .07);
}

.rakhi-modal .rb-form .full-row {
    margin-bottom: 13px;
}

.rakhi-modal .is-invalid-msg {
    font-size: .72rem;
    color: #ff3d7f;
    margin-top: 5px;
    display: none;
}

.rakhi-modal .form-control.rb-invalid {
    border-color: #ff3d7f;
}

.rakhi-modal .form-control.rb-invalid~.is-invalid-msg {
    display: block;
}

.rakhi-modal .countdown-title {
    color: #6f8ba0;
    text-transform: uppercase;
    margin-bottom: 9px;
}

.rakhi-modal .timer {
    display: flex;
    gap: 8px;
}

.rakhi-modal .timer-box {
    min-width: 60px;
    padding: 3px 5px;
    text-align: center;
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(45, 212, 255, 0.18);
    backdrop-filter: blur(6px);
}

.rakhi-modal .timer-box strong {
    display: block;
    font-size: 14px;
    background: linear-gradient(120deg, #2dd4ff, #8de9ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.rakhi-modal .timer-box small {
    color: #6f8ba0;
    font-size: 9px;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.rakhi-modal .visual-side {
    min-height: 600px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    gap: 6px;
    background:
        linear-gradient(rgba(255, 255, 255, .03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .03) 1px, transparent 1px),
        radial-gradient(circle at 30% 15%, rgba(45, 212, 255, .1), transparent 45%),
        linear-gradient(180deg, #0a2032, #051119);
    background-size: 28px 28px, 28px 28px, 100% 100%, 100% 100%;
    border-left: 1px solid rgba(255, 255, 255, .06);
}

.rakhi-modal .glow {
    position: absolute;
    width: 300px;
    height: 300px;
    top: 4%;
    left: 6%;
    background: rgba(45, 212, 255, .18);
    filter: blur(85px);
    border-radius: 50%;
}

.rakhi-modal .glow-two {
    position: absolute;
    width: 230px;
    height: 230px;
    bottom: -50px;
    right: -40px;
    background: rgba(255, 61, 127, .18);
    filter: blur(75px);
    border-radius: 50%;
}

.rakhi-modal .glow-three {
    position: absolute;
    width: 170px;
    height: 170px;
    bottom: 14%;
    left: -30px;
    background: rgba(255, 157, 46, .14);
    filter: blur(65px);
    border-radius: 50%;
}

.rakhi-modal .data-particle {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    animation: float-up linear infinite;
}

@keyframes float-up {
    0% {
        transform: translateY(0);
        opacity: 0;
    }

    10% {
        opacity: .9;
    }

    90% {
        opacity: .4;
    }

    100% {
        transform: translateY(-400px);
        opacity: 0;
    }
}

.rakhi-modal .sparkle {
    position: absolute;
    width: 13px;
    height: 13px;
    opacity: 0;
    animation: twinkle 2.6s ease-in-out infinite;
}

@keyframes twinkle {

    0%,
    100% {
        opacity: 0;
        transform: scale(.4) rotate(0deg);
    }

    50% {
        opacity: 1;
        transform: scale(1) rotate(45deg);
    }
}

.rakhi-modal .cloud-wrap {
    position: relative;
    z-index: 3;
    text-align: center;
}

.rakhi-modal .cloud-icon {
    width: 140px;
    height: 66px;
    filter: drop-shadow(0 0 18px rgba(45, 212, 255, .35));
}

.rakhi-modal .cloud-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 2px;
    padding: 4px 11px;
    border-radius: 50px;
    background: rgba(45, 212, 255, .1);
    border: 1px solid rgba(45, 212, 255, .3);
    color: #2dd4ff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.rakhi-modal .cloud-tag .ping {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #22c48f;
    box-shadow: 0 0 0 2px rgba(34, 196, 143, .3);
}

.rakhi-modal .data-lines {
    position: relative;
    z-index: 3;
    display: block;
    overflow: hidden;
}

.rakhi-modal .flow-line {
    stroke-dasharray: 5 5;
    animation: flow 0.9s linear infinite;
    transform-box: fill-box;
    will-change: transform;
}

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

    to {
        transform: translateY(10px);
    }
}

.rakhi-modal .gpu-wrap {
    position: relative;
    z-index: 3;
    width: 360px;
    height: 230px;
    perspective: 900px;
}

.rakhi-modal .rakhi-thread-wrap {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    width: 430px;
    height: 74px;
    margin: -37px 0 0 -215px;
    transform: rotate(-9deg);
    pointer-events: none;
}

.rakhi-modal .rakhi-thread-path {
    fill: none;
    stroke-linecap: round;
    opacity: 0;
    transform: scaleX(0);
    transform-box: fill-box;
    transform-origin: center;
    animation: draw-thread 1.3s cubic-bezier(.2, .8, .3, 1) .4s forwards;
    filter: drop-shadow(0 0 6px rgba(255, 157, 46, .35));
    will-change: transform, opacity;
}

@keyframes draw-thread {
    to {
        opacity: 1;
        transform: scaleX(1);
    }
}

.rakhi-modal .gpu-card {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 348px;
    height: 196px;
    margin: -98px 0 0 -174px;
    z-index: 2;
    transform: rotateX(8deg) rotateY(-15deg) rotate(-2deg);
    transform-style: preserve-3d;
    filter: drop-shadow(0 40px 70px rgba(0, 0, 0, .55)) drop-shadow(0 0 46px rgba(45, 212, 255, .12));
}

.rakhi-modal .gpu-art {
    width: 100%;
    height: 100%;
    display: block;
    overflow: visible;
}

@keyframes rgb-cycle {
    to {
        background-position: 300% 0;
    }
}

.rakhi-modal .gpu-label {
    position: absolute;
    left: 50%;
    bottom: -24px;
    transform: translateX(-50%);
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: .14em;
    color: #2dd4ff;
    text-transform: uppercase;
    opacity: .85;
    white-space: nowrap;
}

.rakhi-modal .fan-blades {
    transform-box: fill-box;
    transform-origin: center;
    animation: spin 2.8s linear infinite;
}

.rakhi-modal .fan-blades-blur {
    transform-box: fill-box;
    transform-origin: center;
    animation: spin 2.8s linear infinite;
    filter: blur(2.5px);
}

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

.rakhi-modal .spec-chip {
    position: absolute;
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 50px;
    background: rgba(8, 22, 34, .7);
    border: 1px solid rgba(255, 255, 255, .14);
    backdrop-filter: blur(6px);
    font-size: 10.5px;
    font-weight: 700;
    color: #eaf6ff;
    white-space: nowrap;
    opacity: 0;
    animation: chip-in .5s ease-out forwards, chip-float 3.4s ease-in-out infinite;
}

.rakhi-modal .spec-chip .chip-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    flex: none;
}

@keyframes chip-in {
    to {
        opacity: 1;
    }
}

@keyframes chip-float {

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

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

.rakhi-modal .pendant-position {
    position: absolute;
    top: 54%;
    left: 54%;
    width: 125px;
    height: 125px;
    margin: -70px 0 0 -70px;
    z-index: 4;
}

.rakhi-modal .rakhi-pendant {
    width: 65%;
    height: 75%;
    opacity: 0;
    transform: scale(.6);
    animation: pendant-in .5s cubic-bezier(.2, .8, .3, 1.2) 1.1s forwards;
    filter: drop-shadow(0 0 16px rgba(255, 157, 46, .4)) drop-shadow(0 10px 16px rgba(0, 0, 0, .45));
}

@keyframes pendant-in {
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.rakhi-modal .petal {
    fill: #4fae5f;
    stroke: #d81f5e;
    stroke-width: 1.1;
}

.rakhi-modal .petal-vein {
    fill: #1f7a3a;
    opacity: .65;
}

.rakhi-modal .bead-border circle {
    stroke: rgba(0, 0, 0, .25);
    stroke-width: 0.4;
}

.rakhi-modal .visual-caption {
    position: relative;
    z-index: 3;
    text-align: center;
    color: #6f8ba0;
    font-size: 11.5px;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-weight: 600;
}

@media (prefers-reduced-motion: reduce) {

    .rakhi-modal .rakhi-thread-path,
    .rakhi-modal .rakhi-pendant,
    .rakhi-modal .fan-blades,
    .rakhi-modal .data-particle,
    .rakhi-modal .sparkle,
    .rakhi-modal .flow-line,
    .rakhi-modal .festival-badge .dot {
        animation: none !important;
        opacity: 1;
        transform: none;
    }
}

@media (max-width: 992px) {
    .rakhi-modal .visual-side {
        display: none;
    }

    .rakhi-modal .offer-content {
        padding: 20px 26px 30px;
    }

    .rakhi-modal .modal-content {
        border-radius: 20px;
    }
}

.rakhi-modal.show {
    background: #000000ba;
}

.rakhi-modal .wpcf7-spinner {
    display: none;
}

/* Rakhi POPUP - CSS - End - 19-08-2026 */

/* ----------------------------------------------- PopUp Modal - End  ------------------------------------------*/


/* ----------------------------------------------- Footer - Start ----------------------------------------- */

.acecloud-footer {
    background: #01081f;
    color: #fff;
}

.acecloud-footer .col-lg-4 img {
    width: 125px !important;
}

.acecloud-footer .brand-text {
    color: #c0cce2;
    font-size: 13px;
}

.acecloud-footer .info-badge {
    padding: 6px 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50px;
    font-size: 12px;
    color: #dbe6ff;
}

.acecloud-footer .footer-widget .fs-14 {
    padding-bottom: 10px !important;
}

.acecloud-footer .menu a {
    display: block;
    color: #b4c0d8;
    font-size: 13px;
    text-decoration: none;
}

.acecloud-footer .menu a:hover {
    color: #fff;
}

.acecloud-footer .social-link {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    color: #9fb1d0;
}

.acecloud-footer .contact-row {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    margin-bottom: 6px;
}

.acecloud-footer .legal-links a {
    color: #b4c0d8;
    font-size: 12px;
    text-decoration: none;
}

.acecloud-footer .legal-links a:hover {
    color: #fff !important;
}

.acecloud-footer .contact-section {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.acecloud-footer .bottom-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.acecloud-footer .feature-list span {
    font-size: 16px;
    font-weight: 500;
}

.acecloud-footer .link-teritary-primary {
    color: #fff !important;
}

.acecloud-footer .link-teritary-primary:hover {
    text-decoration: underline !important;
    font-weight: 400;
}

/* PPC Footer  */

footer ul li a {
    text-decoration: none;
}

footer ul {
    padding: 0;
    list-style-type: none;
    display: grid;
    gap: .25rem
}

footer ul li a {
    font-size: 14px;
    position: relative;
    display: inline-block !important
}

footer .inputplaceholder {
    position: relative;
    min-height: 50px;
    display: block
}

footer .inputplaceholder>label {
    font-size: 14px;
    position: absolute;
    top: -3px;
    left: 18px;
    height: 100%;
    padding: 1rem 1.75rem;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out, transform .1s ease-in-out;
    background: rgba(var(--ac-dark), 1);
    background-clip: text
}

footer .inputplaceholder .form-control {
    padding: .695rem 5.095rem .695rem 3rem;
    width: 75%;
    min-height: 48px
}

footer .inputplaceholder input::placeholder {
    display: none;
    opacity: 0;
    visibility: hidden
}

footer .inputplaceholder input:focus {
    box-shadow: unset;
    border-color: rgba(var(--ac-dark), 1)
}

.footer .policies li:not(:last-child) {
    border-right: 1px solid var(--bs-border-color)
}

footer .contact-number .mail-icon:before,
footer .inputplaceholder label:before {
    position: absolute;
    content: "";
    background: var(--icon-mail) no-repeat;
    width: 20px;
    height: 20px;
    left: 0
}

footer .contact-number a {
    padding-left: 26px;
    position: relative;
    text-decoration: none
}

footer .contact-number a.mail-icon:before {
    top: 3px
}

footer .inputplaceholder input:focus+label span,
footer .inputplaceholder input:not(:placeholder-shown)+label span {
    display: none
}

footer .icon-social-footer li {
    background-color: #eaeaf6;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    transition: color .5s;
    z-index: 1
}

footer .icon-social-footer li:after {
    position: absolute;
    content: "";
    background: var(--btn-gradient);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    bottom: -60px;
    left: -200%;
    transition: all .7s;
    z-index: -1
}

footer .icon-social-footer li a {
    padding: 0;
    filter: brightness(0) saturate(100%) invert(18%) sepia(9%) saturate(1541%) hue-rotate(207deg) brightness(87%) contrast(91%)
}

footer .icon-social-footer li:hover a {
    filter: unset
}

footer .icon-social-footer li:hover:after {
    bottom: -10px;
    left: 0
}


@media(min-width:576px) and (max-width:767.9px) {
    footer .ac-partner-size {
        --ac-bg-width: 150px;
        --ac-bg-height: 64px
    }
}

.footer .awrad-item.aw-bbb,
.footer .awrad-item.aw-g,
.footer .awrad-item.aw-hp {
    width: calc(var(--ac-bg-width) - 74px)
}

.footer .awrad-item .aw-cprovide,
.footer .awrad-item.aw-iso {
    width: calc(var(--ac-bg-width) - 26px)
}

.footer .awrad-item .ac-partner-bbb,
.footer .awrad-item .ac-partner-gartner,
.footer .awrad-item .ac-partner-high-performance {
    margin-left: calc(-100% + 30px)
}

.footer .awrad-item .ac-partner-iso,
.footer .awrad-item ac-partner-cloud-provider {
    margin-left: calc(-100% + 106px)
}

.footer .policies li:not(:last-child) {
    padding-right: 6px
}

.footer .icon-before:before {
    top: 2px
}

.footer .menu .icon-before {
    padding-left: 26px
}

.footer .contact-number .icon-before:before {
    top: 0
}


footer .ac-partner-size {
    --ac-bg-width: 67px;
    --ac-bg-height: 37px
}

@media(max-width:575.9px) {


    .footer .awrad-item.aw-bbb,
    .footer .awrad-item.aw-g,
    .footer .awrad-item.aw-hp {
        width: calc(var(--ac-bg-width) - 30px)
    }

    .footer .awrad-item .ac-partner-bbb,
    .footer .awrad-item .ac-partner-gartner,
    .footer .awrad-item .ac-partner-high-performance {
        margin-left: calc(-100% + 22px)
    }

    .footer .awrad-item .aw-cprovide,
    .footer .awrad-item.aw-iso {
        width: calc(var(--ac-bg-width) - 3px)
    }

    .footer .awrad-item .ac-partner-iso,
    .footer .awrad-item ac-partner-cloud-provider {
        margin-left: calc(-100% + 64px)
    }
}



.page-55068 footer .nav-link{
    --bs-nav-link-color: #fff !important;
}

@media(max-width:576px) {

    .page-55068 footer .nav-link {
        --bs-nav-link-color: #000 !important;
    }

}

.page-55068 footer ul li a {
    color: #fff !important;
}

.page-55068 footer .border-top {
    border-top: solid 1px rgba(255, 255, 255, 0.1) !important;
}

.page-55068 footer .border-bottom {
    border-bottom: solid 1px rgba(255, 255, 255, 0.1) !important;
    border-top: solid 1px rgba(255, 255, 255, 0.1) !important;
}

footer .newsletter-form {
    position: relative
}

footer a:hover {
    font-weight: 600
}

.footer .policies li a {
    transition: all .5s ease-in-out
}

.bg-grey {
    background: rgba(var(--ac-grey), 1)
}

.outline-stripe .btn:hover {
    font-weight: 500
}

.outline-stripe .btn:hover svg path {
    fill: #fff
}

@media(max-width:575.9px) {
    .newsletter-form .btn {
        --bs-btn-padding-x: 2rem
    }
}

.ace-footer-accordion .menu {
    display: none
}

@media(max-width:575.9px) {
    
    .ace-footer-accordion .footer-heading {
        position: relative;
        display: flex;
        align-items: center;
        background: #f7f7f7;
        border-radius: 10px;
        box-shadow: 0 6px 4px hsla(0, 0%, 100%, 0);
        padding: 10px 20px
    }

    .ace-footer-accordion .footer-heading.active {
        margin: 0 !important
    }

    .ace-footer-accordion .footer-heading:after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
        flex-shrink: 0;
        width: 24px;
        height: 24px;
        margin-left: auto;
        content: "";
        background-repeat: no-repeat;
        background-size: 24px;
        transition: all .15s ease-in-out;
        transform: rotate(-90deg)
    }

    .ace-footer-accordion .footer-heading.active:after {
        transform: rotate(0)
    }

    .ace-footer-accordion .menu {
        padding: 10px 20px
    }

}

@media (min-width:576px) {
    .ace-footer-accordion .menu {
        display: grid !important
    }
}


/* ----------------------------------------------- Footer - End -------------------------------------------- */

/* ---------------------------------------- Forms and Get In Touch - Start ---------------------------------- */

.postid-68871 .form-sec {
    display: none;
}

.page-id-59767 .form-sec {
    display: none !important;
}


.cf7 .form-control,
.cf7 .form-select {
    min-height: 50px;
    border-radius: 20px !important;
    color: var(--ac-dark);
    padding-right: 1.75rem;
    padding-left: 3.5rem;
    box-shadow: unset !important;
    background-color: rgba(var(--ac-info), .15)
}

.cf7 .form-control:focus,
.cf7 .form-select:focus {
    border-color: rgba(var(--ac-dark), 1);
    background-color: rgba(var(--ac-info), .15)
}

.cf7 .form-select option[disabled][selected],
.cf7 .form-select:invalid {
    color: rgba(var(--ac-dark), .75)
}

.cf7 .form-select:invalid {
    font-size: 14px
}

.cf7 .wpcf7-input-choice .wpcf7-list-item {
    margin-left: 0;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem
}

.cf7 .wpcf7-input-choice input {
    float: left;
    margin-left: -1.5em;
    --bs-form-check-bg: var(--bs-body-bg);
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    border: var(--bs-border-width) solid var(--bs-border-color);
    -webkit-print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

.cf7 .wpcf7-input-choice input[type=checkbox] {
    border-radius: .25em
}

.cf7 .wpcf7-input-choice input[type=radio] {
    border-radius: 50%
}

.cf7 .wpcf7-input-choice input:active {
    filter: brightness(90%)
}

.cf7 .wpcf7-input-choice input:focus {
    border-color: rgba(var(--ac-primary), .25);
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(var(--ac-primary), .25)
}

.cf7 .wpcf7-input-choice input:checked {
    background-color: rgba(var(--ac-primary), 1);
    border-color: rgba(var(--ac-primary), 1)
}

.cf7 .wpcf7-input-choice input:checked[type=checkbox] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}

.cf7 .wpcf7-input-choice input:checked[type=radio] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.cf7 .wpcf7-input-choice input[type=checkbox]:indeterminate {
    background-color: rgba(var(--ac-primary), 1);
    border-color: rgba(var(--ac-primary), 1);
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.cf7 .wpcf7-input-choice-inline .wpcf7-list-item {
    display: inline-block;
    margin-right: 1rem
}

.cf7 .inputplaceholder {
    position: relative;
    min-height: 50px;
    display: block;
    --position-start: 24px;
    --position-top: 15px;
    --icon-z-index: 1;
    --cols: 96;
    --rows: 96;
    --sizew: 20;
    --sizeh: 20
}

.cf7 .inputplaceholder:before {
    position: absolute;
    content: "";
    left: var(--position-start);
    top: var(--position-top);
    --ip: 0;
    --prow: round(down, var(--ip)/var(--cols), 1);
    background-image: var(--icon-img);
    background-position: calc(var(--ip)*-100%) calc(var(--prow)*-100%);
    background-size: calc(100%*var(--cols)) calc(100%*var(--rows));
    width: calc(var(--sizew)*1px);
    height: calc(var(--sizeh)*1px);
    filter: var(--filter-icon-img)
}

.cf7 .inputplaceholder.userName:before {
    background-position: -80px 0 !important
}

.cf7 .inputplaceholder.email:before {
    background-position: -100px 0 !important
}

.cf7 .inputplaceholder.phoneNumber:before {
    background-position: -120px 0 !important
}

.cf7 .inputplaceholder.selService:before {
    background-position: -140px 0 !important
}

.cf7 .inputplaceholder.comment:before {
    background-position: -160px 0 !important
}

.cf7 .inputplaceholder.comment .form-control {
    padding-top: 12px;
    padding-bottom: 12px;
    height: 170px
}

.cf7 .inputplaceholder.selSolution:before {
    background-position: -440px 0 !important
}

.cf7 .inputplaceholder.selpartner:before {
    background-position: -460px 0 !important
}

.cf7 .inputplaceholder.seljob:before {
    background-position: -760px 0 !important
}

.cf7 .form-cta,
.meet-leadership .grid-box .item .leader-img{
    position: relative
}

.cf7 .form-cta .wpcf7-spinner {
    position: absolute;
    top: 14px;
    right: 0
}

.wpcf7-response-output {
    font-size: 14px;
    margin: 1.5rem 0 0 !important
}

.wpcf7-not-valid {
    color: red;
    border: 1px solid red !important;
}

.page-id-35820 .cf7 .inputplaceholder.comment .form-control {
    height: 90px !important;
}

.page-id-35820 .wpcf7-spinner {
    visibility: hidden;
    display: inline-block;
    background-color: #23282d;
    opacity: 0.75;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0 24px;
    position: absolute;
    top: 70%;
}

.page-55068 .hero-section .wpcf7-form-control-wrap input::placeholder {
    color: #fff !important;
}

.page-55068 #wpcf7-f55191-o1 .cf7 .form-control,
.page-55068 #wpcf7-f55191-o1 .cf7 .form-select {
    background-color: #1a182b !important;
}

.page-55068 .hero-section .form-control,
.page-55068 .hero-section .wpcf7-select {
    border: solid 1px rgba(255, 255, 255, 0.1) !important;
}

.page-55068 .cf7 .inputplaceholder:before {
    z-index: 1;
}

@media(max-width: 576px) {
    .page-55068 #wpcf7-f56147-o3 input::placeholder {
        font-size: 14px
    }
}

.cf7 .inputplaceholder.timeline-data-new:before {
    background-position: 820px -20px !important;
}

.cf7 .inputplaceholder.use-cases:before {
    background-position: 900px -20px !important;
}

.cf7 .inputplaceholder.organization:before {
    background-position: 920px -20px !important;
}

.iti {
    display: block !important
}

.iti__selected-flag {
    padding: 0 26px !important;
    background-color: transparent !important
}

.phone-area .form-control {
    padding-left: 130px !important
}

.iti__country-name {
    display: none !important
}

.iti__flag {
    background-color: #f0f0f0
}

.iti__tel-input {
    padding-left: 50px
}

.iti__flag-container ul li:before {
    content: unset
}

.iti__flag-container ul li {
    padding: 5px 10px
}

.phone-input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.free-credits {
    display: flex;
    justify-content: center;
    align-items: center;
}

.free-credits p {
    padding: 5px 15px;
    background-color: #008743 !important;
    border-radius: 40px !important;
    color: #fff !important;
    font-weight: 600;
}


.free-credits-cta {
    background: linear-gradient(145deg, #092248 0%, #0b2d5d 100%);
}

.free-credits-cta .btn-brand {
    border-radius: 5px;
    background: #1fd4c2;
    color: #fff;
}

.free-credits-cta .btn-brand:hover {
    background: #fff;
    color: #1fd4c2;
}

.free-credits-cta .cta-list {
    margin-top: 22px;
}

.free-credits-cta .cta-list li {
    display: flex;
    gap: 9px;
    margin: 9px 0;
    color: rgba(255, 255, 255, 0.74);
}

.free-credits-cta .cta-list i {
    color: #1fd4c2;
}

.free-credits-cta .lead-form {
    max-width: 500px;
    margin-left: auto;
    border-radius: 10px;
    background: #fff;
    padding: 45px 40px;
    color: #000;
}

.free-credits-cta .lead-form .form-label {
    margin-bottom: 5px;
    color: rgba(255, 255, 255, 0.72);
}

.free-credits-cta .lead-form .form-control::placeholder {
    color: rgba(0, 0, 0, 0.5);
}

.free-credits-cta .lead-form .form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23aab6c7' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.free-credits-cta .form-note {
    margin-top: 10px;
    color: rgba(255, 255, 255, 0.38);
    text-align: center;
}

/* Responsive */

@media (max-width: 991.98px) {

    .free-credits-cta .lead-form {
        margin-right: auto;
    }
}

@media (max-width: 575.98px) {
    .free-credits-cta .lead-form {
        padding: 20px;
    }
}

/* ---------------------------------------- Forms and Get In Touch - End ---------------------------------- */

/* --------------------------------------- Button, anchor, shadow - Start --------------------------------- */

.ratio-2x1 {
    --bs-aspect-ratio: 50%
}

a {
    color: var(--bs-body-color)
}

.d-inline-table {
    display: inline-table;
}

.no-jcc .card .card-body {
    justify-content: inherit !important
}

.shadow-sm {
    --bs-box-shadow-sm: 0 .5rem 1rem rgba(0, 0, 0, 0.050980392156862744) !important
}

.shadow-grad {
    position: relative;
    z-index: 0
}

.shadow-grad:before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--shadow-gradient);
    filter: blur(16px);
    pointer-events: none;
    z-index: 0;
    transition: background 1.5s ease-in-out
}


.sec-pt-80 {
    padding-top: 30px
}

.sec-pb-80 {
    padding-bottom: 30px
}

.bg-primary {
    --bs-primary-rgb: var(--ac-primary)
}

.bg-secondary {
    --bs-secondary-rgb: var(--ac-secondary)
}

.bg-warning {
    --bs-warning-rgb: var(--ac-warning)
}

.bg-dark {
    background: rgba(var(--ac-dark), 1)
}

.bg-g-w-blue {
    background-color: var(--bs-white);
    background: linear-gradient(0deg, rgba(var(--ac-grey), 1) 50%, var(--bs-white) 0)
}

.bg-g-w-blue-2 {
    background-color: var(--bs-white);
    background: linear-gradient(0deg, rgba(var(--ac-grey), 1) 36%, var(--bs-white) 64%)
}

.bg-info {
    --bs-info-rgb: var(--ac-info)
}

.bg-yellow {
    background: rgba(var(--ac-yellow), 1)
}

.bg-2 {
    --hero-bg: url(https://acecloud.ai/wp-content/uploads/2025/04/middle-banner-bg.svg)
}

.bg-cover {
    background-size: cover !important
}

.bg-gradient-1 {
    background: var(--btn-gradient)
}

@supports (background-clip:text) {
    .text-gradient {
        background: var(--text-gradient);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-size: auto
    }
}



.filter-white {
    filter: brightness(0) invert(1);
}

.text-green {
    color: rgba(var(--ac-green), 1)
}

.link-success,
.link-underline-success {
    --bs-success-rgb: var(--ac-green)
}

.btn {
    --bs-btn-font-family: var(--bs-body-font-family) !important;
    --bs-btn-padding-y: .75rem;
    --bs-btn-padding-x: 3rem;
    background: var(--bs-btn-bg);
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-border-radius-pill);
    font-weight: 500;
    position: relative;
    overflow: hidden;
    transition: all .5s;
    min-width: 150px;
    min-height: 40px
}

.btn:hover {
    color: var(--bs-btn-hover-color);
    background: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    background-position: 100%;
    background-size: 200% auto
}

.btn-effect:after,
.btn-effect:before {
    background: #fff;
    top: -50px;
    transform: rotate(35deg);
    transition: all 3s cubic-bezier(.19, 1, .22, 1);
    position: absolute;
    content: "";
    opacity: 0
}

.btn-group-sm>.btn,
.btn-sm {
    --bs-btn-padding-y: .5rem;
    --bs-btn-padding-x: 1.75rem;
    height: auto;
    min-width: unset
}

.btn-group-xs>.btn,
.btn-xs {
    --bs-btn-padding-y: .5rem;
    --bs-btn-padding-x: 1.25rem;
    --bs-btn-font-size: 1rem
}

.btn-outline-primary,
.btn-primary,
.btn-secondary {
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-disabled-color: var(--bs-white)
}

.btn-primary {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--btn-gradient);
    --bs-btn-border-color: transparent;
    --bs-btn-hover-bg: var(--btn-hover-gradient);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: var(--ac-primary);
    --bs-btn-active-bg: var(--btn-hover-gradient);
    --bs-btn-active-border-color: transparent;
    --bs-btn-active-shadow: unset;
    --bs-btn-disabled-bg: var(--btn-gradient);
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-border-width: var(--ac-boder-0)
}

.btn-outline-primary,
.btn-secondary {
    --bs-btn-color: rgba(var(--ac-dark), 1);
    --bs-btn-bg: var(--bs-white)
}

.btn-outline-primary {
    --bs-btn-border-color: rgba(var(--ac-dark), 1);
    --bs-btn-hover-bg: rgba(var(--ac-dark), 1);
    --bs-btn-hover-border-color: rgba(var(--ac-dark), 1);
    --bs-btn-focus-shadow-rgb: rgba(var(--ac-dark), 1);
    --bs-btn-active-bg: rgba(var(--ac-dark), 1);
    --bs-btn-active-border-color: rgba(var(--ac-dark), 1);
    --bs-btn-active-shadow: unset;
    --bs-btn-disabled-bg: rgba(var(--ac-dark), 0.75);
    --bs-btn-disabled-border-color: vrgba(var(--ac-dark), 0.75);
    --bs-btn-border-width: 2px
}

.btn-outline-secondary,
.btn-secondary {
    --bs-btn-hover-border-color: var(--bs-white);
    --bs-btn-focus-shadow-rgb: var(--ac-primary);
    --bs-btn-active-shadow: unset;
    --bs-btn-disabled-border-color: var(--bs-white);
    --bs-btn-border-width: 2px
}

.btn-secondary {
    --bs-btn-border-color: transparent;
    --bs-btn-hover-bg: transparent;
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-bg: transparent
}

.btn-outline-secondary {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--bs-white);
    --bs-btn-hover-color: rgba(var(--ac-dark), 1);
    --bs-btn-hover-bg: var(--bs-white);
    --bs-btn-active-color: rgba(var(--bs-white), 1);
    --bs-btn-active-bg: var(--bs-white);
    --bs-btn-active-border-color: var(--bs-white);
    --bs-btn-disabled-color: rgba(var(--ac-dark), 1);
    --bs-btn-disabled-bg: var(--bs-white)
}

.btn-effect:before {
    height: 155px;
    width: 50px
}

.btn-effect:after {
    height: 20rem;
    width: 8rem
}

.btn-default {
    --bs-btn-hover-bg: rgba(var(--ac-grey), 1);
}

.link-teritary,
a .link-teritary {
    text-decoration: none;
    position: relative;
    color: var(--teritary-color)
}

.link-teritary:hover,
a:hover .link-teritary {
    color: var(--teritary-color-hover);
    text-decoration: underline
}

.link-teritary-primary {
    --teritary-color: rgba(var(--ac-dark), 1);
    --teritary-color-hover: rgba(var(--ac-dark), 1);
    --hover-border-bg: rgba(var(--ac-dark), 1)
}

.hover-border,
a .hover-border {
    text-decoration: none !important
}

.hover-border:after,
a .hover-border:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: var(--hover-border-bg);
    transition: width .3s ease-in-out
}

.hover-border:hover:after,
a:hover .hover-border:after {
    width: 100%
}


.line-clamp {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: var(--line-clamp);
    -webkit-box-orient: vertical
}

.line-clamp-3 {
    --line-clamp: 3
}

.line-clamp-4 {
    --line-clamp: 4
}

.line-clamp-5 {
    --line-clamp: 5
}

.text-grad-2 {
    --text-gradient: transparent linear-gradient(82deg, #610a51, #e61e65 18%, #fe836d) 0 0;
    line-height: 1.2 !important;
    overflow: hidden;
}

.progressbar {
    content: "";
    display: block;
    background: var(--btn-gradient);
    height: 4px;
    width: 0;
    position: absolute;
    bottom: -3px;
    left: 0;
    border-radius: 0 100px 100px 0
}

.text-stroke {
    text-emphasis-color: transparent;
    text-stroke: 1px rgba(var(--ac-dark), .75);
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px rgba(var(--ac-dark), .75);
    -moz-text-fill-color: transparent
}


.accept-cookies .btn:hover:before {
    right: 0
}

.accept-cookies .copyright {
    font-size: 14px
}

.accept-cookies .close-cta {
    position: absolute;
    right: -10px;
    top: -30px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    font-size: 0;
    overflow: hidden;
    padding: 0;
    z-index: 1
}

.accept-cookies .close-cta:after {
    position: absolute;
    content: "X";
    font-size: 14px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.accept-cookies {
    width: 260px;
    bottom: 78px;
    border-radius: 0 10px 10px 0
}

.accept-cookies a {
    --bs-link-color-rgb: var(--bs-dark-rgb)
}

.bg-grade-2 {
    background: linear-gradient(180deg, #f8f8fc 50%, #fff 0)
}

.min-height {
    min-height: 736px
}

.lazy-bg {
    background-color: #f4f4f4;
    background-size: cover;
    background-position: 50%;
    min-height: 200px
}


.ltr-mobile .icon-outline-call.icon-before:before,
.ltr-mobile .icon-solid-chat.icon-before:before,
.ltr-mobile .icon-user.icon-before:before {
    content: unset
}

@media(min-width:576px) {
    .ltr-mobile .icon-before {
        padding-left: 1.75rem
    }
}

.custom-padding {
    padding-top: .6rem;
    padding-bottom: .6rem
}

.hero-bg {
    background: var(--hero-bg) no-repeat 50%;
    background-color: #fff;
    background-image: radial-gradient(1000px 1000px at 20% 40%, rgba(212, 237, 218, .6), transparent 40%), radial-gradient(600px 600px at 80% 50%, rgba(204, 209, 255, .5), transparent 70%);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.hero-bg-3 {
    background: var(--hero-bg-3) no-repeat 50%;
    background-color: #fff;
    background-image: radial-gradient(1000px 1000px at 20% 40%, rgba(212, 237, 218, .6), transparent 40%), radial-gradient(600px 600px at 80% 50%, rgba(204, 209, 255, .5), transparent 70%);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}


.hero-heading {
    min-height: 2.2em;
    line-height: 1.15;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    overflow-wrap: break-word
}


@media(max-width:575.9px) {

    .ltr-mobile .icon-outline-call,
    .ltr-mobile .icon-solid-chat,
    .ltr-mobile .icon-user {
        font-size: 0;
        padding: 12px;
        border: unset;
        background: unset
    }

    .ltr-mobile .icon-user.icon-before:before {
        top: 1px;
        content: "";
        left: 5px
    }

    .ltr-mobile .icon-outline-call.icon-before:before,
    .ltr-mobile .icon-solid-chat.icon-before:before {
        content: "";
        left: 1px;
        top: 1px;
        filter: brightness(0) saturate(100%) invert(31%) sepia(48%) saturate(538%) hue-rotate(207deg) brightness(87%) contrast(90%)
    }

    .ltr-mobile .icon-outline-call:hover,
    .ltr-mobile .icon-solid-chat:hover {
        background: unset
    }

    .ltr-mobile .icon-user.hover-border:after {
        content: unset
    }

    .ltr-mobile .icon-user {
        margin-right: 6px;
        margin-top: 20px;
    }

    .ltr-mobile .icon-outline-call,
    .ltr-mobile .icon-solid-chat {
        margin-left: 6px
    }

    .ltr-mobile .icon-user:after {
        position: absolute;
        content: "" !important;
        width: 1px;
        height: 100%;
        background-color: var(--bs-border-color);
        right: -21%;
        left: unset
    }

    .hero-section {
        min-height: 70vh;
        display: flex;
        align-items: center;
        overflow: hidden
    }
}

.text-link {
    text-decoration: none;
}

.text-link svg {
    top: -1px;
    transform: translateX(6px);
    position: relative;
    transition: all 1s ease-in-out;
}

.text-link:hover {
    color: var(--bg-dark) !important;
}

.text-link:hover svg {
    transform: translateX(8px);
}

.close-cta {
    min-height: auto;
}

.btn-w-100 {
    min-width: 100px !important;
}

.btn-grey {
    background-color: #ecebf3;
    color: #000;
    border: 1px solid #ecebf3;
}

.btn-grey:hover {
    background-color: #5a6268;
    border-color: #545b62;
    color: #fff;
}


.banner-bg-blue-gradient {
    background: radial-gradient(1000px 400px at 10% 0%, rgba(73, 130, 255, .55), transparent 60%),
        radial-gradient(1000px 500px at 90% -10%, rgba(161, 101, 255, .45), transparent 60%),
        #071126 !important;
}

.bg-light-blue {
    background: rgb(173 172 250 / 13%) !important;
}

.ac-border-blue {
    border-color: #395dc5 !important;
}

.ac-bg-blue {
    background-color: #395dc5 !important;
}


.ac-light-blue-bg-image {
    background-image: url(https://acecloud.ai/wp-content/uploads/2025/11/light-blur-pattern.svg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.ac-dark-blue-bg-image {
    background-image: url(https://acecloud.ai/wp-content/uploads/2025/11/dark-blur-pattern.svg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}


.text-blue-gradient {
    background: linear-gradient(90deg, #69b8ff, #7b83ff, #a165ff) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
}

.ac-btn-bg-blue {
    color: #ffffff !important;
    background-color: #395dc5 !important;
    border-color: #395dc5 !important;
    min-width: 210px;
    min-height: 40px;
    font-size: large;
    padding: 10px 20px !important;
    border-radius: 50px !important;
}

.ac-btn-bg-blue.ac-sm {
    min-width: 120px !important;
    padding: 5px 10px !important;
}


.ac-btn-bg-blue:hover {
    color: #ffffff !important;
    background-color: #2149be !important;
    border-color: #2149be !important;
}

.ac-btn-bg-blue:focus {
    outline: none !important;
    box-shadow: none !important;
}

.ac-btn-bg-white {
    color: #1a182b !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    min-width: 210px;
    min-height: 40px;
    font-size: large;
    padding: 10px 20px !important;
    border-radius: 50px !important;
}

.ac-btn-bg-white:hover {
    color: #ffffff !important;
    background-color: transparent !important;
    border-color: white !important;
}

.ac-btn-bg-white:focus {
    outline: none !important;
    box-shadow: none !important;
}

.tag-button {
    background-color: #f5f8ff !important;
    padding: 6px 15px;
    border: solid 1px #E2E9FE;
    border-radius: 24px;
    color: #093BCD;
}

.btn-compute {
    color: rgb(26 24 42) !important;
    background-color: #ecebf3 !important;
    --bs-btn-border-color: transparent;
    /* --bs-btn-hover-bg: var(--btn-hover-gradient); */
    /* --bs-btn-hover-border-color: transparent; */
    --bs-btn-focus-shadow-rgb: var(--ac-primary);
    --bs-btn-active-bg: var(--btn-hover-gradient);
    --bs-btn-active-border-color: transparent;
    --bs-btn-active-shadow: unset;
    --bs-btn-disabled-bg: var(--btn-gradient);
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-border-width: var(--ac-boder-0);
}

.page-id-46496 .ac-btn {
    min-width: 210px;
    font-size: large;
    padding: 10px 20px !important;
}

.text-bg-primary-soft {
    background: rgba(47, 122, 248, .15);
    color: var(--ac-blue-100);
}

.glassy {
    background: rgba(5, 15, 45, .6);
    backdrop-filter: blur(8px);
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.section-padding {
    padding: 64px 0;
}

.shadow-xl {
    box-shadow: 0 30px 80px rgba(6, 25, 82, .35);
}

.highlight {
    color: var(--ac-leaf-green-700);
}

.vmware-brand {
    color: var(--ac-blue-700);
}

.bg-subtile {
    background-color: var(--ac-leaf-green-200) !important;
}


.accept-cookies .btn:hover:before {
    right: 0
}

.accept-cookies .copyright {
    font-size: 14px
}

.accept-cookies .close-cta {
    position: absolute;
    right: -10px;
    top: -30px;
    width: 30px !important;
    height: 30px !important;
    border-radius: 100%;
    font-size: 0;
    overflow: hidden;
    padding: 0;
    z-index: 1;
    color: white;
    background: var(--text-gradient);
    border: none;
}

.accept-cookies .close-cta:after {
    position: absolute;
    content: "X";
    font-size: 14px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.accept-cookies {
    width: 260px;
    bottom: 78px;
    border-radius: 0 10px 10px 0
}

.accept-cookies a {
    --bs-link-color-rgb: var(--bs-dark-rgb)
}