* {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* Dark mode (default) */
:root {
  --bg: #000000;
  --text: #ffffff;
  --text-secondary: #ffffff;
  --text-terture: #808080;
  --bg-secondary: #262626;
  --bg-terture: #8142E3;
  --bg-fourth: rgba(0, 0, 0, 0.15);
  --bg-fifthe: rgba(0, 0, 0, 0.9);
  --bg-sixth: #d4a017;
  --muted-text: rgba(255, 255, 255, 0.7);

  --card-bg: #0b0b0b;
  --border: #262626;

  --btn-bg: transparent;
  --btn-text: #ffffff;
  --btn-border: #ffffff;
  --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;
  /* 04-11-2025 start */
  --accent: #2bb3ff;
  --accent-900: #1c7fb4;
  --soft: #E6F6FE;
  /* 04-11-2025 end */
  --ac-persian-blue-900: #0835b7;
  --text-gradient: transparent linear-gradient(82deg, #610a51, #e61e65 57%, #fe836d) 0 0 no-repeat padding-box;
  --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;
  --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));
  /* --ac-body-font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; */
  --bs-body-font-family: "Inter Tight", sans-serif;
}

@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/* @font-face {
    font-family: "Inter Tight", sans-serif;
    src: url('https://acecloud.ai/wp-content/themes/public-cloud/assets/fonts/inter/Inter-VariableFont_opsz,wght.woff2') format("truetype");
    font-style: normal;
    font-display: swap;
} */

/* Light mode */
body[data-theme="light"] {
  --bg: #ffffff;
  --text: #000000;
  --text-secondary: #484655;
  --text-terture: #fff;
  --bg-secondary: #E6EBF866;
  --bg-terture: #0835B7;
  --bg-fourth: #E6EBF8;
  --bg-fifth: #1A182B;
  --bg-sixth: #119539;
  --card-bg: #ffffff;
  --border: #dddddd;
}

body[data-theme="light"] .launch-agentic-ai {
  background-image: url(https://acecloud.ai/wp-content/themes/public-cloud/assets/agentic_ai/launch-agentic-ai-light-bg.png?v=1.0.6);
}

body[data-theme="light"] .ag-use-cases .ag-use-cases-wrapper {
  background-image: url(https://acecloud.ai/wp-content/themes/public-cloud/assets/agentic_ai/real-use-cases-light-bg.png?v=2.0.8);
  border: solid 1px #E6EBF8;
  border-radius: 50px;
}

body[data-theme="light"] .agentic-workflows-section .workflow-wrapper {
  border: solid 1px #E6EBF8;
}

body[data-theme="light"] .why-agentic {
  background: var(--bg-fifth);
  padding: 80px 0;
  color: #ffffff;
}

body[data-theme="light"] .why-agentic .icon {
  filter: invert(0) !important;
}

body[data-theme="light"] .icon-puprle {
  filter: invert(36%) sepia(92%) saturate(3154%) hue-rotate(224deg) brightness(93%) contrast(92%) !important;
}

body[data-theme="light"] .active .icon-puprle {
  filter: invert(0) !important;
}

body[data-theme="light"] .ag-contact .contact-card {
  background: url(https://acecloud.ai/wp-content/themes/public-cloud/assets/agentic_ai/still-question-light-bg.png?v=3.0.1);
}

body[data-theme="light"] .ag-contact .contact-form .form-control::placeholder {
  color: #ffffff;
}

body[data-theme="light"] .ag-contact .contact-form .icon-106-20 {
  filter: invert(0) !important;
}

body[data-theme="light"] .contact-card {
  color: #ffffff !important;
}

body[data-theme="light"] .ag-contact .contact-card a {
  color: #fff;
}

body[data-theme="light"] .contact-card .ag-secondary-button {
  border: solid 1px #fff;
}

body[data-theme="light"] .ag-footer .icon {
  filter: invert(0) !important;
}

body[data-theme="light"] .navbar {
  background: white !important;
  color: #000;
}

body[data-theme="light"] .ag-platform .platform-agentic-ai {
  background: url(https://acecloud.ai/wp-content/themes/public-cloud/assets/agentic_ai/platform-agentic-ai-light.webp?v=4.0.1);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 60vh;
}

@media (max-width: 767px) {
  body[data-theme="light"] .ag-platform .platform-agentic-ai {
    background: url(https://acecloud.ai/wp-content/themes/public-cloud/assets/agentic_ai/platform-agentic-ai-mobile-light.png?v=6.0.7);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 60vh;
  }
}

body[data-theme="light"] .ac-cards .icon {
  filter: invert(0) !important;
}

/* 1st card */
body[data-theme="light"] .ac-cards .row>div:nth-child(1) .ac-card {
  background: #E6EBF8;
}

/* 2nd card */
body[data-theme="light"] .ac-cards .row>div:nth-child(2) .ac-card {
  background: #E7F4EB;
}

/* 3rd card */
body[data-theme="light"] .ac-cards .row>div:nth-child(3) .ac-card {
  background: #FFF7E6;
}

/* 4th card */
body[data-theme="light"] .ac-cards .row>div:nth-child(4) .ac-card {
  background: #FFF3F0;
}

/* Hero-pill */

body[data-theme="light"] .ac-cards .row>div:nth-child(1) .ac-card .ac-pill {
  background: #F7F9FD;
}

/* 2nd card */
body[data-theme="light"] .ac-cards .row>div:nth-child(2) .ac-card .ac-pill {
  background: #F8FCF9;
}

/* 3rd card */
body[data-theme="light"] .ac-cards .row>div:nth-child(3) .ac-card .ac-pill {
  background: #FFFDF8;
}

/* 4th card */
body[data-theme="light"] .ac-cards .row>div:nth-child(4) .ac-card .ac-pill {
  background: #FFFBFA;
}

body[data-theme="light"] .ai-in-house .ac-cards .d-lg-block .ac-plus:nth-child(1) span {
  background: #E6EBF8;
}

body[data-theme="light"] .ai-in-house .ac-cards .d-lg-block .ac-plus:nth-child(2) span {
  background: #E7F4EB;
}

body[data-theme="light"] .ai-in-house .ac-cards .d-lg-block .ac-plus:nth-child(3) span {
  background: #FFF7E6;
}

body[data-theme="light"] .ag-blue-button {
  color: #0835B7;
  border: solid 1px #0835B7;
}

body[data-theme="light"] .ag-text-blue {
  color: #0835B7 !important;
}

body[data-theme="light"] .ag-testimonial-light {
  /* background: url(https://acecloud.ai/wp-content/themes/public-cloud/assets/agentic_ai/ag-testimonial-bg-light.png) no-repeat; */
  /* background-position: center;
  background-size: cover; */

  background: linear-gradient(#E6EBF8 0%, #ffffff 100%);
  border-bottom: solid 1px #E6EBF8;
}

body[data-theme="light"] .ag-faq {
  padding-top: 80px;
}

body[data-theme="light"] .dark-light-button {
  position: fixed;
  top: 40%;
  right: 8px;
  z-index: 999;
  background: var(--bg);
  text-align: center;
  border-radius: 50px;
  font-size: 36px;
  padding: 5px 9px;
  border: 1px solid rgba(0, 0, 0, 0.5);
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  body[data-theme="light"] .ag-platform .diagram {
    position: relative;
    min-height: 260px !important;
    border-radius: 16px !important;
    margin-top: 0px !important;
    background-repeat: no-repeat !important;
    background-image: url(https://acecloud.ai/wp-content/uploads/2026/03/mobile-light-mode-arc.png) !important;
    background-size: cover !important;
    background-position: center !important;
  }
}

@media (min-width: 767.9px) and (max-width: 1023.9px) {
  body[data-theme="light"] .ag-platform .diagram {
    position: relative;
    min-height: 350px !important;
    border-radius: 16px;
    margin-top: 0px !important;
    background-repeat: no-repeat;
    background-image: url(https://acecloud.ai/wp-content/uploads/2026/03/mobile-light-mode-arc.png);
    background-size: cover;
    background-position: center;
  }
}

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

  body[data-theme="light"] .ag-platform .diagram {
    position: relative;
    min-height: 230px !important;
    border-radius: 16px;
    margin-top: 0px !important;
    background-repeat: no-repeat;
    background-image: url(https://acecloud.ai/wp-content/uploads/2026/03/mobile-light-mode-arc.png) !important;
    background-size: cover;
    background-position: center;
  }
}

@media (min-width: 481px) and (max-width: 575.9px) {
  body[data-theme="light"] .ag-platform .diagram {
    position: relative;
    min-height: 200px !important;
    border-radius: 16px;
    margin-top: 0px !important;
    background-repeat: no-repeat;
    background-image: url(https://acecloud.ai/wp-content/uploads/2026/03/mobile-light-mode-arc.png) !important;
    background-size: cover;
    background-position: center;
  }
}

@media (min-width: 401px) and (max-width: 480px) {

  body[data-theme="light"] .ag-platform .diagram {
    position: relative;
    min-height: 180px !important;
    border-radius: 16px;
    margin-top: 0px !important;
    background-repeat: no-repeat;
    background-image: url(https://acecloud.ai/wp-content/uploads/2026/03/mobile-light-mode-arc.png) !important;
    background-size: cover;
    background-position: center;
  }
}

@media(max-width:400px) {
  body[data-theme="light"] .dark-light-button {
    position: fixed;
    top: 40%;
    right: 9px;
    z-index: 999;
    background: var(--bg);
    text-align: center;
    border-radius: 50px;
    font-size: 30px;
    padding: 0px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    width: 50px;
    height: 50px;
  }

  body[data-theme="light"] .ag-platform .diagram {
    position: relative;
    min-height: 165px !important;
    border-radius: 16px;
    margin-top: 0px !important;
    background-repeat: no-repeat;
    background-image: url(https://acecloud.ai/wp-content/uploads/2026/03/mobile-light-mode-arc.png) !important;
    background-size: cover;
    background-position: center;
  }

}

body[data-theme="light"] .ag-footer .footer-col ul li a:hover {
  color: rgba(255, 255, 255, .5) !important;
}

body[data-theme="light"] .ag-footer .footer-links a:hover {
  color: rgba(255, 255, 255, .5) !important;
}

body[data-theme="light"] .ag-use-cases .custom-accordion .accordion-item {
  background: transparent;
  border-bottom: 1px solid #E6EBF8;
}

body[data-theme="light"] .ag-use-cases .custom-accordion .accordion-item:last-child {
  background: transparent;
  border-bottom: none;
}

body[data-theme="light"] .navbar .icon {
  filter: invert(0) !important;
}

body[data-theme="light"] .agentic-hero .ag-primary-button .icon {
  filter: invert(0) !important;
}

body[data-theme="light"] .agentic-hero .ag-primary-button:hover .icon {
  filter: invert(1) !important;
}

body[data-theme="light"] .ag-platform .services {
  border: 1px solid #E6EBF8;
  border-radius: 22px;
  padding: 20px;
  height: 100%;
  background-image: url(https://acecloud.ai/wp-content/uploads/2026/02/managed-service-bg.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

body[data-theme="light"] .ag-platform .service-row {
  border: 1px solid #E6EBF8;
  border-radius: 12px;
  transition: background .2s ease, border-color .2s ease;
  min-height: 62px;
}

body[data-theme="light"] .ag-platform .agentic-wrap {
  border: 2px dashed #E6EBF8;
  border-radius: 18px;
}

body[data-theme="light"] .ag-platform .diagram {
  position: relative;
  min-height: 460px;
  border-radius: 16px;
  margin-top: -50px;
  background-repeat: no-repeat;
  background-image: url(https://acecloud.ai/wp-content/uploads/2026/03/white-mode-arc.png);
  background-size: cover;
  background-position: center;
}

body[data-theme="light"] .stripe-animate .icon-113-20 {
  filter: invert(0) !important;
}



.dark-light-button {
  position: fixed;
  top: 40%;
  right: 8px;
  z-index: 999;
  background: var(--bg);
  text-align: center;
  border-radius: 50px;
  font-size: 36px;
  padding: 5px 9px;
  border: 1px solid rgba(255, 255, 255, 0.5);
}

@media(max-width:576px) {
  .dark-light-button {
    position: fixed;
    top: 40%;
    right: 9px;
    z-index: 999;
    background: var(--bg);
    text-align: center;
    border-radius: 50px;
    font-size: 30px;
    padding: 0px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    width: 50px;
    height: 50px;
  }

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

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

  .agentic-hero h1 {
    font-size: 32px !important;
    line-height: 39px !important;
  }
}

html,
body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--bs-body-font-family);

}

a {
  color: var(--text);
}

.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: .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: 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-effect:before {
  height: 155px;
  width: 50px
}

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

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

.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-primary,
.btn-secondary {
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-active-color: var(--bs-white);
  --bs-btn-disabled-color: var(--bs-white)
}


.ag-sec-pt-80 {
  padding-top: 60px;
}

.ag-sec-pb-80 {
  padding-bottom: 60px;
}

.ag-primary-button {
  border: 1px solid var(--text);
  color: var(--text);
  padding: 14px 28px;
  border-radius: 6px;
  transition: all 0.3s ease;
}

.ag-primary-button:hover {
  background-color: #fff !important;
  color: #000 !important;
}

.ag-secondary-button {
  background: var(--bg);
  color: var(--text);
  border: 1px solid #000;
  border-radius: 3px;
  padding: 12px 44px;
  letter-spacing: 0.5px;
}

.ag-secondary-button:hover {
  background: var(--bg);
  border-color: var(--text);
  color: var(--text);
}



/* Header start  */

/* .ace-top-strip {
  background: url("https://acecloud.ai/wp-content/uploads/2026/01/republic-stripe.webp") !important;
  background: linear-gradient(90deg, #04244c, #0057ff, #005dd1);
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
  padding: 15px 0 !important;
} */

/* @media (min-width: 1024px) and (max-width: 1399px) {
  .ace-top-strip {
    padding: 10px 0 !important;
    background: url("https://acecloud.ai/wp-content/uploads/2026/01/republic-stripe-md.webp") !important;
    background: linear-gradient(90deg, #04244c, #0057ff, #005dd1);
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    background-position: center !important;
    max-height: 80px;
  }
} */

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

  #offermodal .ribbon {
    width: 75%
  }

  .accor-heading-fs .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 2rem
  }

  .parent-link {
    margin-top: .75rem;
    margin-bottom: .75rem
  }

  .parent-link:after {
    margin-left: 6px !important
  }

}

.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: 34px;
  line-height: 1;
  color: #000;
  font-weight: 400;
}

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

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

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


.btn-ac-primary {
  background: var(--btn-gradient) !important;
  color: white;
  padding: 5px 20px;
  border-radius: 50px;
  /* min-height: 40px; */
  text-decoration: none;
  display: flex;
  align-items: center;
  border: none;
}

header {
  background-color: var(--text);
}

.top-header {
  letter-spacing: .048rem;
  min-height: 50px;
}

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

/* .site-nav {
  min-height: 65px;
} */

/* .acecloud-new-navbar{
    opacity:0;
}

html.nav-ready .acecloud-new-navbar{
    opacity:1;
    transition:opacity .2s;
} */

/* .header{
    min-height:118px; 
} */

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

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

.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
  }
}

@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)
}

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

.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: .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;
}

/* Hover background */
.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: .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: .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;
}

/* commented - 17-03-2026  */
/* .acecloud-new-navbar .product-list li .menu-link:hover {
           background: #f1f3f7;
        } */

/* .acecloud-new-navbar .product-list li .menu-link.active {
           background: #e9f1ff;
           color: #2563eb;
           font-weight: 600;
        } */

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

.acecloud-new-navbar .product-list li .menu-link.active>.icon:first-child {
  /* background-color: #c6dbff; */
  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: .25s;
}

.acecloud-new-navbar .menu-links a:hover {
  /* color: #2563eb;
           transform: translateY(1px); */
  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: .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 .quick-links a:hover .link-arrow {
           transform: translateY(0px);
        } */

.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;
  /* margin-top: 1px; */
}

.acecloud-new-navbar .simple-menu li .dropdown-item .icon {
  /* background-color: #F1F3F7; */
  padding: 2px 7px;
  border-radius: 8px;
}

.acecloud-new-navbar .simple-menu li .dropdown-item:hover .icon {
  /* background-color: #c6dbff; */
  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 {
  /* color: #2563eb !important;
           background: #e9f1ff; */
  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;
}

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

@keyframes fade {
  from {
    opacity: 0;
    transform: translateY(2px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@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: .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: .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;
    /* gap: 10px; */
    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;
  }

}

/* Header End  */



/* style - Start  */

/* ---------------------------------------------- agentic-hero - Start ----------------------------------- */

.agentic-hero {
  background-image: url('https://acecloud.ai/wp-content/themes/public-cloud/assets/agentic_ai/agentic-hero-bg.png');
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: #000;
  color: #fff;
}

.agentic-hero p,
.agentic-hero h1,
.agentic-hero small {
  color: #fff;
}

.agentic-hero button {
  color: #fff;
  background-color: #000;
  border: #fff solid 1px;
}

/* .agentic-hero .benifit-points {
    position: relative;
    background: #000;
    border-radius: 6px;
    color: #fff;
    font-weight: 400;
    --main: 60, 90, 255;
    min-width: 200px;
} */

.agentic-hero .benifit-points .icon {
  filter: none !important;
}

.agentic-hero .benifit-points::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 6px;
  padding: 1.5px;
}

.agentic-hero .benifit-points::after {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 24px;
  background: rgba(var(--main), 0.35);
  filter: blur(12px);
  opacity: 0.6;
  z-index: -1;
}

.agentic-hero .benifit-points.blue {
  --main: 60, 90, 255;
}

.agentic-hero .benifit-points.orange {
  --main: 245, 158, 11;
}

.agentic-hero .benifit-points.pink {
  --main: 236, 72, 153;
}

.agentic-hero .benifit-points.green {
  --main: 34, 197, 94;
}

.agentic-hero .sovereign img {
  width: 50px;
  height: 50px;
}

.agentic-hero .ag-primary-button:hover .icon {
  filter: invert(1) !important;
}


.agentic-hero .benifit-points:after {
  display: none;
}

.agentic-hero .benifit-points {
  overflow: hidden;
}

/* Enable animating custom property */
@property --angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

/* Spin animation */
@keyframes spinBorder {
  to {
    --angle: 360deg;
  }
}

.agentic-hero .benifit-points {
  --angle: 0deg;

  position: relative;
  border-radius: 8px;
  padding: 20px;
  min-width: 200px;
  color: #fff;

  /* Transparent real border */
  border: 2px solid transparent;

  /* Dual background method (radius safe) */
  background:
    linear-gradient(#000, #000) padding-box,
    conic-gradient(from var(--angle),



      rgba(var(--main), 0.6) 0deg 2deg,
      rgba(var(--main), 0.1) 70deg 90deg,

      rgba(var(--main), 0.6) 120deg 200deg,

      rgba(var(--main), 0.2) 220deg 260deg,

      rgba(var(--main), 0.6) 320deg 360deg) border-box;

  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Hover: start spinning */
.agentic-hero .benifit-points:hover {
  animation: spinBorder 3s linear infinite;
  transform: scale(1.05);
}

/* ---------------------------------------------- ag-platform - Start ----------------------------------- */


.ag-platform .agentic-wrap {
  border: 2px dashed #252525;
  border-radius: 18px;
}

.ag-platform .diagram {
  position: relative;
  min-height: 460px;
  border-radius: 16px;
  margin-top: -50px;
  background-repeat: no-repeat;
  background-image: url(https://acecloud.ai/wp-content/uploads/2026/03/dark-mode-arc-bg.png);
  background-size: cover;
  background-position: center;
}

.ag-platform .diagram svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.ag-platform .disc {
  width: 74px;
  height: 74px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  border: 1px solid #161616;
  transition: transform .25s ease;
  will-change: transform;
  background: radial-gradient(120% 120% at 30% 20%,
      rgba(255, 255, 255, .06),
      rgba(255, 255, 255, .02)),
    var(--bg);
}

.ag-platform .disc:hover {
  transform: scale(1.14);
}

.ag-platform .disc-blue {
  border-color: rgba(59, 130, 246, .55);
  box-shadow:
    0 0 0 1px rgba(59, 130, 246, .12),
    0 0 24px rgba(59, 130, 246, .18);
}

.ag-platform .disc-gold {
  border-color: var(--bg-sixth);
  box-shadow:
    0 0 0 1px rgba(234, 179, 8, .10),
    0 0 24px rgba(234, 179, 8, .14);
}

.ag-platform .node {
  position: absolute;
  text-align: center;
  transform: translate(-50%, -50%);
}

.ag-platform .node small {
  display: block;
  margin-top: .55rem;
  line-height: 1.25;
  font-size: .78rem;
  color: var(--text);
}

.ag-platform .node small .muted {
  font-size: .72rem;
  color: var(--text);
}

.ag-platform .golden-curve,
.ag-platform .blue-curve {
  position: absolute !important;
  top: 69% !important;
}

.ag-platform .golden-curve {
  left: -14% !important;
}

.ag-platform .blue-curve {
  left: 10% !important;
}

.ag-platform .golden-path {
  stroke: var(--bg-sixth) !important;
}

.ag-platform .n8n-text {
  position: absolute;
  left: 80%;
  top: 10%;
  width: 100%;
  text-align: left;
}

.ag-platform .hosted,
.ag-platform .golden-hosted {
  position: absolute;
  transform: translate(-50%, -50%);
  font-weight: 600;
  line-height: 1.15;
}

.ag-platform .hosted {
  left: 8%;
  top: 82%;
  color: #2f6bff;
}

.ag-platform .golden-hosted {
  left: 24%;
  top: 107%;
  color: var(--bg-sixth);
}

.ag-platform .n8n {
  left: 8%;
  top: 62%;
  width: 150px;
}

.ag-platform .flowise {
  left: 36%;
  top: 17%;
}

.ag-platform .langflow {
  left: 69%;
  top: 20%;
}

.ag-platform .activepieces {
  left: 92%;
  top: 66%;
}

.ag-platform .cloudgpus {
  left: 28%;
  top: 87%;
  width: 170px;
  text-align: left;
}

.ag-platform .databases {
  left: 40%;
  top: 50%;
}

.ag-platform .storage {
  left: 60%;
  top: 50%;
}

.ag-platform .network {
  left: 77%;
  top: 88%;
}

.ag-platform .services {
  border: 1px solid #252525;
  border-radius: 22px;
  padding: 20px;
  height: 100%;
}

.ag-platform .service-row {
  border: 1px solid #252525;
  border-radius: 12px;
  min-height: 62px;
}

.ag-platform .service-row:hover {
  background: rgba(255, 255, 255, .03);
  border-color: rgba(255, 255, 255, .16);
}

.ag-platform .service-text {
  flex: 1;
  min-width: 0;
}

@media (min-width: 1200px) and (max-width: 1400px) {
  .ag-platform .cloudgpus {
    left: 28%;
    top: 84%;
  }

  .ag-platform .network {
    left: 77%;
    top: 84%;
  }

  .ag-platform .hosted {
    left: 8%;
    top: 82%;
  }

  .ag-platform .golden-hosted {
    left: 23%;
    top: 104%;
  }

  .ag-platform .langflow {
    left: 69%;
    top: 24%;
  }

  .ag-platform .flowise {
    left: 36%;
    top: 22%;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .ag-platform .diagram {
    position: relative;
    min-height: 260px !important;
    border-radius: 16px;
    margin-top: 0px !important;
    background-repeat: no-repeat;
    background-image: url(https://acecloud.ai/wp-content/uploads/2026/03/mobile-dark-mode-arc-bg.png);
    background-size: cover;
    background-position: center;
  }

  .ag-platform .n8n-text {
    left: 74%;
    top: -45%;
  }

  .ag-platform .node small {
    font-size: 11px !important;
  }

  .ag-platform .n8n img {
    width: 30px;
    height: 20px !important;
  }

  .ag-platform .n8n {
    left: 9%;
    top: 71%;
  }

  .ag-platform .flowise {
    left: 36%;
    top: 23%;
  }

  .ag-platform .langflow {
    left: 69%;
    top: 27%;
  }

  .ag-platform .activepieces {
    top: 79%;
    left: 91%;
  }

  .ag-platform .cloudgpus {
    left: 34%;
    top: 97%;
  }

  .ag-platform .databases {
    left: 40%;
    top: 57%;
  }

  .ag-platform .storage {
    left: 60%;
    top: 57%;
  }

  .ag-platform .network {
    left: 77%;
    top: 97%;
  }

  .ag-platform .hosted {
    left: 9%;
    top: 95%;
    font-size: 12px !important;
  }

  .ag-platform .golden-hosted {
    left: 24%;
    top: 122%;
    font-size: 11px !important;
  }

  .ag-platform .disc {
    width: 45px;
    height: 45px;
  }

  .ag-platform .disc img {
    width: 25px;
    height: 25px;
  }

  .ag-platform .blue-curve,
  .ag-platform .golden-curve {
    width: 100%;
    height: auto;
  }

  .ag-platform .golden-curve {
    left: -22% !important;
  }
}


@media (min-width: 767.9px) and (max-width: 1023.9px) {
  .ag-platform .diagram {
    position: relative;
    min-height: 350px !important;
    border-radius: 16px;
    margin-top: 0px;
    background-repeat: no-repeat;
    background-image: url(https://acecloud.ai/wp-content/uploads/2026/03/dark-mode-arc-bg.png);
    background-size: cover;
    background-position: center;
  }

  .ag-platform .node small {
    font-size: 12px !important;
  }

  .ag-platform .hosted {
    left: 8%;
    top: 84%;
    color: #2f6bff;
    font-size: 12px;
  }

  .ag-platform .golden-hosted {
    left: 22%;
    top: 109%;
    color: var(--bg-sixth);
    font-size: 12px;
  }

}

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

  .ag-platform .diagram {
    position: relative;
    min-height: 230px;
    border-radius: 16px;
    margin-top: 0px;
    background-repeat: no-repeat;
    background-image: url(https://acecloud.ai/wp-content/uploads/2026/03/mobile-dark-mode-arc-bg.png);
    background-size: cover;
    background-position: center;
  }

  .ag-platform .n8n-text {
    left: 65%;
    top: 5%;
  }

  .ag-platform .node small {
    font-size: 8px !important;
  }

  .ag-platform .n8n img {
    width: 20px;
    height: 11px !important;
  }

  .ag-platform .n8n {
    left: 8%;
    top: 68%;
  }

  .ag-platform .flowise {
    left: 32%;
    top: 22%;
  }

  .ag-platform .langflow {
    left: 69%;
    top: 22%;
  }

  .ag-platform .activepieces {
    top: 71%;
    left: 95%;
  }

  .ag-platform .cloudgpus {
    left: 38%;
    top: 87%;
  }

  .ag-platform .databases {
    top: 60%;
  }

  .ag-platform .storage {
    left: 63%;
    top: 61%;
  }

  .ag-platform .hosted {
    left: 7%;
    top: 91%;
    font-size: 10px !important;
  }

  .ag-platform .golden-hosted {
    left: 26%;
    top: 114%;
    font-size: 10px !important;
  }

  .ag-platform .disc {
    width: 35px;
    height: 35px;
  }

  .ag-platform .disc img {
    width: 20px;
    height: 20px;
  }

  .ag-platform .blue-curve,
  .ag-platform .golden-curve {
    width: 100%;
    height: auto;
  }

  .ag-platform .golden-curve {
    left: -22% !important;
    top: 88% !important;
  }

  .ag-platform .golden-curve {
    d: path("M 10 60 Q 150 52 290 60");
  }

  .ag-platform .blue-curve {
    d: path("M 10 60 Q 150 52 290 60");
  }
}

@media (min-width: 481px) and (max-width: 575.9px) {
  .ag-platform .diagram {
    position: relative;
    min-height: 200px;
    border-radius: 16px;
    margin-top: 0px;
    background-repeat: no-repeat;
    background-image: url(https://acecloud.ai/wp-content/uploads/2026/03/mobile-dark-mode-arc-bg.png);
    background-size: cover;
    background-position: center;
  }

  .ag-platform .n8n-text {
    left: 65%;
    top: 5%;
  }

  .ag-platform .node small {
    font-size: 8px !important;
  }

  .ag-platform .n8n img {
    width: 20px;
    height: 11px !important;
  }

  .ag-platform .n8n {
    left: 9%;
    top: 73%;
  }

  .ag-platform .activepieces {
    top: 72%;
    left: 90%;
  }

  .ag-platform .cloudgpus {
    left: 38%;
    top: 95%;
  }

  .ag-platform .databases {
    left: 40%;
    top: 57%;
  }

  .ag-platform .storage {
    left: 60%;
    top: 58%;
  }

  .ag-platform .network {
    left: 77%;
    top: 100%;
  }

  .ag-platform .disc {
    width: 35px;
    height: 35px;
  }

  .ag-platform .disc img {
    width: 20px;
    height: 20px;
  }

  .ag-platform .blue-curve,
  .ag-platform .golden-curve {
    width: 100%;
    height: auto;
  }

  .ag-platform .golden-curve {
    left: -22% !important;
    top: 88% !important;
  }

  .ag-platform .hosted {
    left: 8%;
    top: 97%;
    color: #2f6bff;
    font-size: 10px;
  }

  .ag-platform .golden-hosted {
    font-size: 10px;
    left: 25%;
    top: 123%;
    color: var(--bg-sixth);
  }
}

@media (min-width: 401px) and (max-width: 480px) {

  .ag-platform .diagram {
    position: relative;
    min-height: 180px;
    border-radius: 16px;
    margin-top: 0px;
    background-repeat: no-repeat;
    background-image: url(https://acecloud.ai/wp-content/uploads/2026/03/mobile-dark-mode-arc-bg.png);
    background-size: cover;
    background-position: center;
  }

  .ag-platform .hosted {
    left: 7%;
    top: 102%;
    font-size: 10px !important;
  }

  .ag-platform .golden-hosted {
    left: 24%;
    top: 126%;
    font-size: 10px !important;
  }

  .ag-platform .n8n-text {
    left: 65%;
    top: 5%;
  }

  .ag-platform .node small {
    font-size: 8px !important;
  }

  .ag-platform .n8n img {
    width: 20px;
    height: 11px !important;
  }

  .ag-platform .n8n {
    left: 8%;
    top: 70%;
  }

  .ag-platform .activepieces {
    top: 71%;
    left: 92%;
  }

  .ag-platform .cloudgpus {
    left: 41%;
    top: 87%;
  }

  .ag-platform .databases {
    left: 41%;
    top: 57%;
  }

  .ag-platform .storage {
    left: 60%;
    top: 58%;
  }

  .ag-platform .network {
    left: 77%;
    top: 88%;
  }

  .ag-platform .disc {
    width: 35px;
    height: 35px;
  }

  .ag-platform .disc img {
    width: 20px;
    height: 20px;
  }

  .ag-platform .blue-curve,
  .ag-platform .golden-curve {
    width: 100%;
    height: auto;
  }

  .ag-platform .golden-curve {
    left: -22% !important;
    top: 88% !important;
  }

}

@media (max-width: 400px) {

  .ag-platform .diagram {
    position: relative;
    min-height: 165px;
    border-radius: 16px;
    margin-top: 0px;
    background-repeat: no-repeat;
    background-image: url(https://acecloud.ai/wp-content/uploads/2026/03/mobile-dark-mode-arc-bg.png);
    background-size: cover;
    background-position: center;
  }

  .ag-platform .n8n-text {
    left: 65%;
    top: 5%;
  }

  .ag-platform .node small {
    font-size: 8px !important;
  }

  .ag-platform .n8n img {
    width: 20px;
    height: 11px !important;
  }

  .ag-platform .n8n {
    left: 5%;
    top: 73%;
  }

  .ag-platform .flowise {
    left: 32%;
    top: 22%;
  }

  .ag-platform .langflow {
    left: 69%;
    top: 22%;
  }

  .ag-platform .activepieces {
    top: 71%;
    left: 95%;
  }

  .ag-platform .cloudgpus {
    left: 45%;
    top: 87%;
  }

  .ag-platform .databases {
    top: 60%;
  }

  .ag-platform .storage {
    left: 63%;
    top: 61%;
  }

  .ag-platform .hosted {
    left: 5%;
    top: 104%;
    font-size: 10px !important;
  }

  .ag-platform .golden-hosted {
    left: 28%;
    top: 123%;
    font-size: 10px !important;
  }

  .ag-platform .disc {
    width: 35px;
    height: 35px;
  }

  .ag-platform .disc img {
    width: 20px;
    height: 20px;
  }

  .ag-platform .blue-curve,
  .ag-platform .golden-curve {
    width: 100%;
    height: auto;
  }

  .ag-platform .golden-curve {
    left: -22% !important;
    top: 88% !important;
  }

  .ag-platform .golden-curve {
    d: path("M 10 60 Q 150 52 290 60");
  }

  .ag-platform .blue-curve {
    d: path("M 10 60 Q 150 52 290 60");
  }
}

/* ---------------------------------------------- ag-features - Start ----------------------------------- */

.ag-features .container .row {
  border-top: 1px solid var(--bg-secondary);
}

.ag-features .feature-col {
  position: relative;
}

.ag-features .feature-icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.18);
  display: grid;
  place-items: center;
  background: var(--bg-fourth);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.04) inset;
}

.ag-features ul li {
  display: flex;

}

.ag-features .feature-list {
  list-style: none;
  padding: 0;
}

.ag-features .col-12.col-lg-4.feature-col {
  padding: 0 30px;
}

.ag-features .col-12.col-lg-4.feature-col.divider:nth-child(2) {
  border-left: 1px solid var(--bg-secondary);
  border-right: 1px solid var(--bg-secondary);
}

@media (max-width: 991.98px) {
  .ag-features .feature-col {
    padding: 0 16px;
  }


  .ag-features .col-12.col-lg-4.feature-col.divider:nth-child(2) {
    border-left: none;
    border-right: none;
  }
}

/* ---------------------------------------------- ag-features - End ----------------------------------- */

/* ---------------------------------------------- launch-agentic-ai - Start ----------------------------------- */

.launch-agentic-ai {
  background-image: url('https://acecloud.ai/wp-content/themes/public-cloud/assets/agentic_ai/launch-agenticai-dark-bg.png?v=0.01');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 28px;
  padding: clamp(32px, 6vw, 80px);
  margin: 0px auto;
  max-width: 1200px;
  position: relative;
  overflow: hidden;
}

.icon-puprle {
  filter: invert(36%) sepia(92%) saturate(3154%) hue-rotate(224deg) brightness(93%) contrast(92%) !important;
}

.active .icon-puprle {
  filter: invert(0) !important;
}

.launch-agentic-ai .ag-nav-pills {
  border: solid 1px rgba(255, 255, 255, 0.2);
  border-radius: 50px;
  padding: 10px;
  display: inline-flex;
  gap: 20px;
  list-style: none;
}

@media (max-width: 575px) {
  .launch-agentic-ai .ag-nav-pills {
    border-radius: 15px;
  }
}

.launch-agentic-ai .ag-nav-pills .ag-nav-link {
  border-radius: 50px;
  padding: 10px 20px;
  color: var(--text);
  border: solid 1px transparent;
  background: var(--bg-secondary);
  transition: all .3s ease;
  min-width: 200px;
  min-height: 60px;
}

.launch-agentic-ai .ag-nav-pills .ag-nav-link.active {
  background: var(--bg-terture);
  color: #ffffff;
}

.launch-agentic-ai .tab-content-area {
  margin-top: 50px;
}

.launch-agentic-ai .feature-list {
  list-style: none;
  padding: 0;
}

.launch-agentic-ai .feature-list li {
  display: flex;
  gap: 10px;
  margin-bottom: 12px;
  color: var(--text);
}

.launch-agentic-ai li.ag-nav-item {
  transition: transform 0.3s ease;
}

.launch-agentic-ai li.ag-nav-item:hover {
  transform: scale(1.05);
}


/* ---------------------------------------------- launch-agentic-ai - End ----------------------------------- */

/* ---------------------------------------------- ai-in-house - Start ----------------------------------- */

.ai-in-house .ac-cards {
  position: relative;
  margin: 0 auto;
}

.ai-in-house .ac-card {
  height: 100%;
  border: 1px solid var(--bg-secondary);
  /* background: linear-gradient(180deg, rgba(255, 255, 255, .02), rgba(255, 255, 255, .01)); */
  border-radius: 18px;
  padding: 26px 22px 22px;
  /* box-shadow: 0 0 0 1px rgba(255, 255, 255, .02) inset; */
  min-height: 220px;
}

.ai-in-house .ac-pill {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  border-radius: 999px;
  color: var(--text);
  background: var(--bg);
  border: solid 1px var(--bg-secondary);
  z-index: 0;
}

.ai-in-house .ac-pill::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  /* background: linear-gradient(
    94.31deg,
    rgba(183, 183, 183, 0) 0%,
    rgba(207, 207, 207, 0.4) 20%,
    #E7E7E7 50%,
    rgba(207, 207, 207, 0.4) 80%,
    rgba(183, 183, 183, 0) 100%
  ); */
  /* -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0); */
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.ai-in-house .ac-plus {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 15px 15px;
  border-radius: 50%;
  background: var(--bg);
  display: grid;
  place-items: center;
  z-index: 3;
  /* box-shadow: 0 10px 30px rgba(0, 0, 0, .5); */
  backdrop-filter: blur(100px);
  /* -webkit-backdrop-filter: blur(6px); */
}

.ai-in-house .ac-plus span {
  line-height: 1;
  border: 1px solid var(--bg-secondary);
  padding: 10px;
  border-radius: 50%;
  color: rgba(255, 255, 255, .85);
  transform: translateY(-1px);
  user-select: none;
}

@media (max-width: 991.98px) {
  .ai-in-house .ac-card {
    min-height: 210px;
  }
}

@media (max-width: 767.98px) {
  .ai-in-house .ac-plus {
    display: none;
  }

  .ai-in-house .ac-card {
    min-height: auto;
  }
}

@media (min-width:991.9px) and (max-width:1399.9px) {
  .ai-in-house .ac-card .h1 {
    font-size: 32px !important;
  }
}

/* ---------------------------------------------- ai-in-house - End ----------------------------------- */

/* ---------------------------------------------- ag-use-cases - Start ----------------------------------- */

.ag-use-cases .ag-use-cases-wrapper {
  background-image: url('https://acecloud.ai/wp-content/themes/public-cloud/assets/agentic_ai/real-use-case-bg.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 24px;
  padding: 60px;
  color: var(--text);
  border: solid 1px #262626;
}

.ag-use-cases .custom-accordion .accordion-button:focus {
  box-shadow: none !important;
  outline: none !important;
}

.ag-use-cases .custom-accordion .accordion-button:not(.collapsed) {
  box-shadow: none !important;
}

.ag-use-cases .custom-accordion .accordion-button {
  border: none;
}

.ag-use-cases .image-card {
  border-radius: 18px;
  overflow: hidden;
}

.ag-use-cases .image-card img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.ag-use-cases .custom-accordion .accordion-item {
  background: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.ag-use-cases .custom-accordion .accordion-item:last-child {
  background: transparent;
  border-bottom: none;
}

.ag-use-cases .custom-accordion .accordion-button {
  background: transparent;
  color: var(--text);
  font-weight: 500;
  padding: 20px 0;
}

.accordion-button::after {
  background-image: none !important;
  content: "+";
  font-size: 22px;
  font-weight: 600;
  transform: none !important;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 24px;
  height: 24px;
  line-height: 1;
  text-align: center;
}

.accordion-button:not(.collapsed)::after {
  content: "-";
}


.ag-use-cases .custom-accordion .accordion-button:not(.collapsed) {
  color: var(--text);
}

.ag-use-cases .custom-accordion .accordion-body {
  color: var(--text);
  padding: 20px 0 20px 0;
}

.ag-use-cases .accordion-header .accordion-button:hover {
  color: #119539;
}

.ag-use-cases .ag-use-cases .custom-accordion .accordion-button:not(.collapsed):hover {
  color: #119539;
}

@media (max-width: 991px) {
  .ag-use-cases .ag-use-cases-wrapper {
    padding: 40px 24px;
  }
}

/* ---------------------------------------------- ag-use-cases - End ----------------------------------- */

/* ---------------------------------------------- Pricing Section - Start ----------------------------------- */

.pricing-section .pricing-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}

.pricing-section .pricing-card {
  background-color: #0835B7;
  border-radius: 18px;
  padding: 40px 32px;
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}


.pricing-section .pricing-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}


@media (max-width: 575px) {
  .pricing-section .pricing-card {
    padding: 32px 24px;
  }
}

/* ---------------------------------------------- Pricing Section - End ----------------------------------- */


/* ------------------------------------------- agentic-workflows-section - Start -------------------------- */

.agentic-workflows-section .workflow-wrapper {
  background-image: url('https://acecloud.ai/wp-content/themes/public-cloud/assets/agentic_ai/agentic-workflow-bg.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 28px;
  padding: 50px 60px 0 60px;
  position: relative;
  border: 1px solid #262626;
}

.agentic-workflows-section .workflow-image-wrapper {
  margin-top: 50px;
}

.agentic-workflows-section .workflow-image-wrapper img {
  border-radius: 14px;
  max-width: 100%;
  height: auto;
}

@media (max-width: 991px) {
  .agentic-workflows-section .workflow-wrapper {
    padding: 50px 32px;
  }

  .agentic-workflows-section .workflow-title {
    font-size: 2rem;
  }
}

@media (max-width: 575px) {
  .agentic-workflows-section .workflow-wrapper {
    padding: 40px 20px;
  }

  .agentic-workflows-section .workflow-image-wrapper {
    padding: 12px;
  }
}

/* ------------------------------------------- agentic-workflows-section - End -------------------------- */

/* ------------------------------------------- why-agentic-section - Start ------------------------------ */



.why-agentic .feature-item {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.why-agentic .feature-item p {
  padding-bottom: 18px;
}

@media (min-width: 1023.9px) {
  .why-agentic .col-lg-4 {
    position: sticky;
    top: 100px;
    /* Adjust based on header height */
    height: fit-content;
  }
}

/* ------------------------------------------- why-agentic-section - End ------------------------------------ */

/* ------------------------------------------- security-compliance - Start ------------------------------------ */

.security-compliance .security-wrapper {
  border-radius: 50px;
  padding: 50px 60px;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.security-compliance .security-wrapper {
  position: relative;
}

.security-compliance .security-wrapper::after {
  content: "";
  position: absolute;
  left: 58%;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
  width: 1px;

  background: rgba(255, 255, 255, 0.12);
}

.security-compliance .certification-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.security-wrapper .certification-wrapper img {
  width: 100% !important;
  height: auto;
}

@media (max-width: 991px) {
  .security-compliance .security-wrapper {
    padding: 50px 32px;
  }

  .security-compliance.security-wrapper::after {
    display: none;
  }

  .security-compliance .certification-wrapper {
    margin-top: 40px;
  }

  .security-wrapper .certification-wrapper img {
    width: 100% !important;
    height: auto;
  }

}

@media (max-width: 575px) {
  .security-compliance .security-wrapper {
    padding: 40px 20px;
  }

  .security-wrapper .certification-wrapper img {
    width: 100% !important;
    height: auto;
    padding-bottom: 30px;
  }

}

@media(max-width: 992px) {
  .security-compliance .security-wrapper::after {
    content: "";
    position: absolute;
    left: 58%;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    width: 0px;
    background: rgba(255, 255, 255, 0.12);
  }

  .ag-sec-pt-80 {
    padding-top: 60px;
  }

  .ag-sec-pb-80 {
    padding-bottom: 60px;
  }
}

/* ------------------------------------------- security-compliance - End ------------------------------------ */

/* ------------------------------------------- ag-testimonial - Start ------------------------------------ */


.ag-testimonial .testimonial-card-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
}

.ag-testimonial .testimonial-icon {
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;

  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: var(--bg);

  display: flex;
  align-items: center;
  justify-content: center;
}

.ag-testimonial .testimonial-icon img {
  width: 60px;
  height: 60px;
}

.ag-testimonial .testimonial-card {
  width: 100%;
  background-image: url('https://acecloud.ai/wp-content/themes/public-cloud/assets/agentic_ai/trusted-test-bg.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;

  text-align: center;
}


@media (max-width: 991px) {
  .ag-testimonial .testimonial-card {
    padding: 70px 40px 50px;
  }
}

@media (max-width: 575px) {
  .ag-testimonial .testimonial-card {
    padding: 60px 24px 40px;
  }
}

/* ------------------------------------------- ag-testimonial - End ------------------------------------ */

/* ------------------------------------------- ag-faq - Start -------------------------------------------- */


.ag-faq .faq-right {
  max-width: 900px;
  margin-left: auto;
}

.ag-faq .faq-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  padding: 14px 0;
}

.ag-faq .faq-question {
  width: 100%;
  background: none;
  border: none;
  color: var(--text);
  font-size: 1rem;
  font-weight: 500;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 0;
}


.ag-faq .faq-answer {
  display: none;
  padding-top: 18px;
  color: var(--text-secondary);
  font-size: 0.95rem;
  line-height: 1.6;
}

.ag-faq .faq-item.active .faq-answer {
  display: block;
}

.ag-faq .faq-item.active .faq-icon {
  content: "×";
}

@media (max-width: 991px) {

  .ag-faq .faq-left,
  .ag-faq .faq-right {
    padding: 0 24px;
  }

  .ag-faq .faq-left {
    margin-bottom: 40px;
  }
}

/* ------------------------------------------- ag-contact - Start -------------------------------------------- */

.ag-contact .contact-card {
  background: #fff;
  border-radius: 40px;
  padding: 40px 40px;
  color: #000;
}

.ag-contact .contact-card a {
  color: #000;
}

.ag-contact .input-icon {
  position: relative;
}

.ag-contact .input-icon .icon {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}

.ag-contact .input-icon input::placeholder {
  border-left: solid 1px #CACACA;
  padding-left: 10px;
}

.ag-contact .contact-form .form-control {
  border: 1px solid #d7dbe0;
  border-radius: 3px;
  height: 44px;
  padding: 10px 12px 10px 38px;
  font-size: 0.85rem;
  color: #000;
  box-shadow: none;
  background: transparent;
}

.ag-contact .contact-form .icon-106-20 {
  filter: invert(1) !important;
}

.ag-contact .contact-form .form-control::placeholder {
  color: #000;
  opacity: 1;
  font-weight: 500;
}

.ag-contact .contact-form .form-control:focus {
  border-color: #111;
  outline: none;
  box-shadow: none;
}

.ag-contact .textarea-wrap .form-control {
  height: auto;
  padding: 12px 12px;
  border-radius: 3px;
}

.ag-contact .contact-actions {
  display: flex;
  align-items: center;
  gap: 24px;
}


.ag-contact .consult-link {
  color: #111;
  font-size: 0.85rem;
  text-decoration: none;
}

.ag-contact .consult-link span {
  margin-left: 6px;
}

.ag-contact .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 !important;
  left: 35% !important;
}


@media (max-width: 575px) {
  .ag-contact .contact-actions {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}

/* ------------------------------------------- ag-contact - End -------------------------------------------- */

/* ------------------------------------------- ag-footer - End -------------------------------------------- */

.ag-footer {
  background: var(--bg-fifth);
  padding: 0 30px;
  border-top: solid 1px #262626;
  padding-top: 40px;
  color: #fff;
}

.ag-footer a {
  color: #ffffff;
}

.ag-footer-text-grey {
  color: var(--text-terture);
}

.ag-footer .footer-col ul li a {
  font-size: 18px;
  text-decoration: none;
  color: var(--text-terture);
}

.ag-footer .footer-top {
  padding-bottom: 40px;
  border-bottom: solid 1px #262626;
}

.ag-footer .footer-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
  color: #808080;
}

.ag-footer .footer-col ul li {
  margin-bottom: 10px;
  cursor: pointer;
}

.ag-footer .footer-col ul li a:hover {
  color: var(--text);
}

.ag-footer .footer-cta {
  margin: 45px 0 20px;
  padding: 28px 40px;
  border-radius: 14px;
  background: linear-gradient(90deg, #e91e63, #ff9800);
  color: var(--text);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ag-footer .footer-bottom {
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

.ag-footer .footer-links a {
  margin-right: 16px;
  color: #808080;
  text-decoration: none;
}

.ag-footer .footer-links a:hover {
  color: var(--text);
}

@media (max-width: 575px) {
  .ag-footer .footer-cta {
    flex-direction: column;
    gap: 12px;
    text-align: center;
  }
}


.trusted-startups .owl-carousel {
  color: transparent !important;
}

/* .trusted-startups .owl-stage-outer{
  background-color: #ffffff !important;
} */

/* .trusted-startups .ac-partner {
  filter: grayscale(1) !important;
} */

/* stripe - start - 19-03-2026 */

.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;
}





/* .stripe-animate {
  position: relative;
  width: 100%;
  height: 22px;
  overflow: hidden;
  color: #fff;
}

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

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

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

.stripe-text2 {
  animation-delay: 4s;
}

.stripe-text3 {
  animation-delay: 8s;
}

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

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

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

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

  100% {
    opacity: 0;
  }
}


@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 20px !important;
    align-content: center;
    font-size: 15px !important;
  }
} */


/* Light mode  - Agentic- AI Enterprise*/
body.page-id-58284 {
  background-color: #ffffff !important;
  color: #000000 !important;
}

.page-id-58284 .launch-agentic-ai {
  background-image: url(https://acecloud.ai/wp-content/themes/public-cloud/assets/agentic_ai/launch-agentic-ai-light-bg.png?v=1.0.6);
}

.page-id-58284 .ag-use-cases .ag-use-cases-wrapper {
  background-image: url(https://acecloud.ai/wp-content/themes/public-cloud/assets/agentic_ai/real-use-cases-light-bg.png?v=2.0.8);
  border: solid 1px #E6EBF8 !important;
  border-radius: 50px;
}

.page-id-58284 .agentic-workflows-section .workflow-wrapper {
  border: solid 1px #E6EBF8 !important;
}

.page-id-58284 .why-agentic {
  background: #1A182B !important;
  padding: 80px 0;
  color: #ffffff !important;
}

.page-id-58284 .why-agentic .icon {
  filter: invert(0) !important;
}

.page-id-58284 .icon-puprle {
  filter: invert(36%) sepia(92%) saturate(3154%) hue-rotate(224deg) brightness(93%) contrast(92%) !important;
}

.page-id-58284 .active .icon-puprle {
  filter: invert(0) !important;
}

.page-id-58284 .ag-contact .contact-card {
  background: url(https://acecloud.ai/wp-content/themes/public-cloud/assets/agentic_ai/still-question-light-bg.png?v=3.0.1);
}

.page-id-58284 .ag-contact .contact-form .form-control::placeholder {
  color: #ffffff;
}

.page-id-58284 .ag-contact .contact-form .icon-106-20 {
  filter: invert(0) !important;
}

.page-id-58284 .contact-card {
  color: #ffffff !important;
}

.page-id-58284 .ag-contact .contact-card a {
  color: #fff;
}

.page-id-58284 .contact-card .ag-secondary-button {
  border: solid 1px #fff;
}

.page-id-58284 .ag-footer .icon {
  filter: invert(0) !important;
}

.page-id-58284 .ag-footer {
  background: #1a182b !important;
  padding: 0 30px;
  border-top: solid 1px #262626 !important;
  padding-top: 40px;
  color: #fff !important;
}

.page-id-58284 .navbar {
  background: white !important;
  color: #000 !important;
}

.page-id-58284 .ag-platform .platform-agentic-ai {
  background: url(https://acecloud.ai/wp-content/themes/public-cloud/assets/agentic_ai/platform-agentic-ai-light.webp?v=4.0.1);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 60vh;
}

@media (max-width: 767px) {
  .page-id-58284 .ag-platform .platform-agentic-ai {
    background: url(https://acecloud.ai/wp-content/themes/public-cloud/assets/agentic_ai/platform-agentic-ai-mobile-light.png?v=6.0.7);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 60vh;
  }
}

.page-id-58284 .ac-cards .icon {
  filter: invert(0) !important;
}

/* 1st card */
.page-id-58284 .ac-cards .row>div:nth-child(1) .ac-card {
  background: #E6EBF8 !important;
}

/* 2nd card */
.page-id-58284 .ac-cards .row>div:nth-child(2) .ac-card {
  background: #E7F4EB !important;
}

/* 3rd card */
.page-id-58284 .ac-cards .row>div:nth-child(3) .ac-card {
  background: #FFF7E6 !important;
}

/* 4th card */
.page-id-58284 .ac-cards .row>div:nth-child(4) .ac-card {
  background: #FFF3F0 !important;
}

/* Hero-pill */

.page-id-58284 .ac-cards .row>div:nth-child(1) .ac-card .ac-pill {
  background: #F7F9FD !important;
}

/* 2nd card */
.page-id-58284 .ac-cards .row>div:nth-child(2) .ac-card .ac-pill {
  background: #F8FCF9 !important;
}

/* 3rd card */
.page-id-58284 .ac-cards .row>div:nth-child(3) .ac-card .ac-pill {
  background: #FFFDF8 !important;
}

/* 4th card */
.page-id-58284 .ac-cards .row>div:nth-child(4) .ac-card .ac-pill {
  background: #FFFBFA !important;
}

.page-id-58284 .ai-in-house .ac-cards .d-lg-block .ac-plus:nth-child(1) span {
  background: #E6EBF8 !important;
}

.page-id-58284 .ai-in-house .ac-cards .d-lg-block .ac-plus:nth-child(2) span {
  background: #E7F4EB !important;
}

.page-id-58284 .ai-in-house .ac-cards .d-lg-block .ac-plus:nth-child(3) span {
  background: #FFF7E6 !important;
}

.page-id-58284 .ag-blue-button {
  color: #0835B7;
  border: solid 1px #0835B7;
}

.page-id-58284 .ag-text-blue {
  color: #0835B7 !important;
}

.page-id-58284 .ag-testimonial-light {
  background: linear-gradient(#E6EBF8 0%, #ffffff 100%) !important;
  border-bottom: solid 1px #E6EBF8 !important;
}

.page-id-58284 .ag-faq {
  padding-top: 80px;
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .page-id-58284 .ag-platform .diagram {
    position: relative;
    min-height: 260px !important;
    border-radius: 16px !important;
    margin-top: 0px !important;
    background-repeat: no-repeat !important;
    background-image: url(https://acecloud.ai/wp-content/uploads/2026/03/mobile-light-mode-arc.png) !important;
    background-size: cover !important;
    background-position: center !important;
  }
}

@media (min-width: 767.9px) and (max-width: 1023.9px) {
  .page-id-58284 .ag-platform .diagram {
    position: relative;
    min-height: 350px !important;
    border-radius: 16px;
    margin-top: 0px !important;
    background-repeat: no-repeat;
    background-image: url(https://acecloud.ai/wp-content/uploads/2026/03/mobile-light-mode-arc.png);
    background-size: cover;
    background-position: center;
  }
}

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

  .page-id-58284 .ag-platform .diagram {
    position: relative;
    min-height: 230px !important;
    border-radius: 16px;
    margin-top: 0px !important;
    background-repeat: no-repeat;
    background-image: url(https://acecloud.ai/wp-content/uploads/2026/03/mobile-light-mode-arc.png) !important;
    background-size: cover;
    background-position: center;
  }
}

@media (min-width: 481px) and (max-width: 575.9px) {
  .page-id-58284 .ag-platform .diagram {
    position: relative;
    min-height: 200px !important;
    border-radius: 16px;
    margin-top: 0px !important;
    background-repeat: no-repeat;
    background-image: url(https://acecloud.ai/wp-content/uploads/2026/03/mobile-light-mode-arc.png) !important;
    background-size: cover;
    background-position: center;
  }
}

@media (min-width: 401px) and (max-width: 480px) {

  .page-id-58284 .ag-platform .diagram {
    position: relative;
    min-height: 180px !important;
    border-radius: 16px;
    margin-top: 0px !important;
    background-repeat: no-repeat;
    background-image: url(https://acecloud.ai/wp-content/uploads/2026/03/mobile-light-mode-arc.png) !important;
    background-size: cover;
    background-position: center;
  }
}

@media(max-width:400px) {

  .page-id-58284 .ag-platform .diagram {
    position: relative;
    min-height: 165px !important;
    border-radius: 16px;
    margin-top: 0px !important;
    background-repeat: no-repeat;
    background-image: url(https://acecloud.ai/wp-content/uploads/2026/03/mobile-light-mode-arc.png) !important;
    background-size: cover;
    background-position: center;
  }

}

.page-id-58284 .ag-footer .footer-col ul li a:hover {
  color: rgba(255, 255, 255, .5) !important;
}

.page-id-58284 .ag-footer .footer-links a:hover {
  color: rgba(255, 255, 255, .5) !important;
}

.page-id-58284 .ag-use-cases .custom-accordion .accordion-item {
  background: transparent;
  border-bottom: 1px solid #E6EBF8 !important;
}

.page-id-58284 .ag-use-cases .custom-accordion .accordion-item:last-child {
  background: transparent;
  border-bottom: none !important;
}

.page-id-58284 .navbar .icon {
  filter: invert(0) !important;
}

.page-id-58284 .agentic-hero .ag-primary-button .icon {
  filter: invert(0) !important;
}

.page-id-58284 .agentic-hero .ag-primary-button:hover .icon {
  filter: invert(1) !important;
}

.page-id-58284 .ag-platform .services {
  border: 1px solid #E6EBF8 !important;
  border-radius: 22px;
  padding: 20px;
  height: 100%;
  background-image: url(https://acecloud.ai/wp-content/uploads/2026/02/managed-service-bg.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-id-58284 .ag-platform .service-row {
  border: 1px solid #E6EBF8 !important;
  border-radius: 12px;
  transition: background .2s ease, border-color .2s ease;
  min-height: 62px;
}

.page-id-58284 .ag-platform .agentic-wrap {
  border: 2px dashed #E6EBF8 !important;
  border-radius: 18px;
}

.page-id-58284 .ag-platform .diagram {
  position: relative;
  min-height: 460px;
  border-radius: 16px;
  margin-top: -50px;
  background-repeat: no-repeat;
  background-image: url(https://acecloud.ai/wp-content/uploads/2026/03/white-mode-arc.png);
  background-size: cover;
  background-position: center;
}

.page-id-58284 .stripe-animate .icon-113-20 {
  filter: invert(0) !important;
}

.page-id-58284 .ag-contact .input-icon .icon {
  filter: invert(1);
}

.page-id-58284 .ag-features .feature-list .icon {
  filter: invert(1);
}

.page-id-58284 .ag-features .col-12.col-lg-4.feature-col.divider:nth-child(2) {
  border-left: none !important;
  border-right: none !important;
}

.page-id-58284 .ag-features .col-12.col-lg-4.feature-col.divider:nth-child(3) {
  border-left: 1px solid #ced7f1 !important;
  border-right: 1px solid #ced7f1 !important;
}

.page-id-58284 .ag-features .container .row {
  border-top: none !important;
}

.page-id-58284 .ag-faq .faq-answer .icon {
  filter: invert(1);
}

.page-id-58284 .ag-features .feature-icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  display: grid;
  place-items: center;
  background: #ffffff !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.04) inset;
}


/* Agent OS  */

.agent-os .layers-wrapper {
  max-width: 1050px;
  margin: 40px auto;
  margin-bottom: 0px;
  padding: 38px;
  border: 2px dashed #e2e9fb !important;
  border-radius: 16px;
}

.agent-os .layer-card {
  border: 1px solid transparent;
  border-radius: 14px;
  padding: 36px 32px;
  transition: border-color 0.25s ease, transform 0.25s ease;
}

.agent-os .layer-card:hover {
  border-color: var(--accent);
  transform: translateY(-2px);
}

.agent-os .layer-badge {
  width: 64px;
  height: 64px;
  min-width: 64px;
  border-radius: 16px;
  background: var(--accent);
  color: #fff !important;
  line-height: 1.1;
  font-size: 12px;
}

.agent-os .layer-badge strong {
  font-size: 24px;
  font-weight: 600;
}

.agent-os .feature-pill {
  background: rgba(255, 255, 255, 0.72) !important;
  border-radius: 50px;
  padding: 9px 16px !important;
  font-size: 12px;
  white-space: nowrap;
}

.agent-os .bg-layer-1 {
  background: #ebe5ec;
  --accent: #44044d;
}

.agent-os .bg-layer-2 {
  background: #fff3f0;
  --accent: #fe836d;
}

.agent-os .bg-layer-3 {
  background: #fff7e6;
  --accent: #ffaa00;
}

.agent-os .bg-layer-4 {
  background: #e7f4eb;
  --accent: #119539;
}

.agent-os .bg-layer-5 {
  background: #e6ebf8;
  --accent: #0835b7;
}

@media (max-width: 767px) {
  .agent-os .layers-wrapper {
    padding: 18px;
    margin: 20px auto;
  }

  .agent-os .layer-card {
    padding: 24px 18px;
  }

  .agent-os .layer-content {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .agent-os .feature-pill {
    padding: 8px 18px;
  }
}

/* managed-for-life  */

.managed-for-life .card-box {
  border: 1px solid #e3e7ef;
  border-radius: 14px;
  padding: 24px;
  height: 100%;
  transition: all 0.25s ease;
  background: #fff;
}

.managed-for-life .card-box:hover {
  border-color: #0835B7;
  transform: translateY(-3px);
}

.managed-for-life .card-title {
  font-weight: 600;
  font-size: 18px;
  margin-top: 16px;
  margin-bottom: 10px;
}

.managed-for-life .card-text {
  font-size: 14px;
  color: #5f6b7a;
  line-height: 1.6;
}

@media (max-width: 768px) {
  .managed-for-life .card-box {
    padding: 20px;
  }
}

/* hyperscalers-or-diy  */

.hyperscalers-or-diy .table-container {
  border: 1px solid #e3e7ef;
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
}

.hyperscalers-or-diy table {
  margin: 0;
  min-width: 720px;
}


.hyperscalers-or-diy td {
  padding: 20px 22px !important;
  font-size: 14px;
  vertical-align: middle;
}

.hyperscalers-or-diy th {
  font-weight: 600;
  color: #2c2c2c;
  background: #fafbfe;
  padding: 18px 22px !important;
}

.hyperscalers-or-diy thead tr th:nth-child(2) {
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}

.hyperscalers-or-diy tbody tr:last-child td:nth-child(2) {
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
}

.hyperscalers-or-diy td:nth-child(3),
.hyperscalers-or-diy th:nth-child(3) {
  border-right: 1px solid #eef1f6 !important;
}

.hyperscalers-or-diy .table-responsive {
  overflow-x: auto;
}

.hyperscalers-or-diy .table> :not(caption)>*>* {
  border-bottom: 1px solid #eef1f6;
}

.hyperscalers-or-diy .highlight {
  background: #0835B7 !important;
  color: #fff !important;
  position: relative;
}

.hyperscalers-or-diy table {
  margin-bottom: 0;
}

.hyperscalers-or-diy .highlight::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 12px;
  z-index: -1;
}

.hyperscalers-or-diy .highlight-top {
  position: relative;
}

.hyperscalers-or-diy .badge-recommended {
  position: absolute;
  top: 0px;
  left: 50%;
  margin-top: 10px;
  transform: translateX(-50%);
  background: #fff;
  color: #0835B7;
  font-size: 11px;
  padding: 4px 10px;
  border-radius: 20px;
  font-weight: 600;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.hyperscalers-or-diy .btn-primary-custom {
  background: #0835B7;
  color: #fff;
  padding: 12px 26px;
  border-radius: 6px;
  border: none;
  font-size: 16px;
  transition: 0.25s;
}

.hyperscalers-or-diy .btn-primary-custom:hover {
  background: #062c96;
}

@media (max-width: 768px) {

  .hyperscalers-or-diy th,
  .hyperscalers-or-diy td {
    padding: 16px;
    font-size: 13px;
  }
}

.page-id-58284 .icon-blue {
  filter: brightness(0) saturate(100%) invert(19%) sepia(91%) saturate(3240%) hue-rotate(216deg) brightness(90%) contrast(96%);
}

.ag-light-blue-bg {
  background-color: #E6EBF8 !important;
}

.page-id-58284 .ag-use-cases .icon {
  filter: invert(1) !important;
}

.page-id-58284 .ag-faq .faq-question {
  width: 100%;
  background: none;
  border: none;
  color: #000000 !important;
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 0;
}


.page-id-58284 .ag-faq .faq-answer {
  display: none;
  padding-top: 18px;
  color: #000000 !important;
  font-size: 0.95rem;
  line-height: 1.6;
}


.page-id-58284 .ai-in-house .ac-card {
  height: 100%;
  border: 1px solid #e6ebf866;
  border-radius: 18px;
  padding: 26px 22px 22px;
  min-height: 220px;
}

.page-id-58284 .ai-in-house .ac-pill {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  border-radius: 999px;
  color: #000000;
  background: #F8FCF9 !important;
  border: solid 1px #e6ebf866;
  z-index: 0;
}

.page-id-58284 .ai-in-house .ac-plus {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 15px 15px;
  border-radius: 50%;
  background: #ffffff;
  display: grid;
  place-items: center;
  z-index: 3;
  /* box-shadow: 0 10px 30px rgba(0, 0, 0, .5); */
  backdrop-filter: blur(100px);
  /* -webkit-backdrop-filter: blur(6px); */
}

.page-id-58284 .ai-in-house .ac-plus span {
  line-height: 1;
  border: 1px solid #e6ebf866;
  padding: 10px;
  border-radius: 50%;
  color: rgba(255, 255, 255, .85);
  transform: translateY(-1px);
  user-select: none;
}

.page-id-58284 .ag-footer .footer-col ul li a {
  font-size: 18px;
  text-decoration: none;
  color: #fff !important;
}

.page-id-58284 .ag-use-cases .custom-accordion .accordion-button {
  background: transparent;
  color: #000000 !important;
  font-weight: 500;
  padding: 20px 0;
}

.page-id-58284 .ag-use-cases .custom-accordion .accordion-body {
  color: #000000 !important;
  padding: 20px 0 20px 0;
}

.page-id-58284 .ag-use-cases .ag-use-cases-wrapper {
  background-image: url(https://acecloud.ai/wp-content/themes/public-cloud/assets/agentic_ai/real-use-case-bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 24px;
  padding: 60px;
  color: #000000 !important;
  border: solid 1px #262626;
}

.page-id-58284 .ag-use-cases .accordion-header .accordion-button:hover {
  color: #119539 !important;
}

.page-id-58284 .ag-contact .ag-secondary-button {
  background: #ffffff !important;
  color: #000000 !important;
  border: 1px solid #000;
  border-radius: 3px;
  padding: 12px 44px;
  letter-spacing: 0.5px;
}



.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);
}

.fs-exit-popup input {
  width: 110% !important;
}

.fs-exit-popup .phone-input {
  width: 100% !important;
}

.fs-exit-popup .claim-now-cta {
  width: 100% !important;
}

@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;
  }
}

@media(min-width: 1023.9px) and (max-width: 1299px) {
  .ag-testimonial-light .testimonial-card p.h2 {
    font-size: 28px !important;
    line-height: 36px !important;
  }
}


.page-id-58284 .ag-footer-text-grey {
  color: #fff !important;
}


/* Stripe - Start - 29-04-2026 */

.ace-top-strip .offer-badge {
  background-color: #2d6cdf;
  font-size: 11px;
  padding: 4px 10px;
  border-radius: 20px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.ace-top-strip .highlight-text {
  color: #FFD166 !important;
  font-weight: 600;
}

.ace-top-strip .offer-btn {
  border: 1px solid rgba(255, 255, 255, 0.6);
  color: #fff;
  font-size: 13px;
  padding: 5px 14px;
  border-radius: 20px;
  transition: all 0.3s ease;
}

.ace-top-strip .offer-btn:hover {
  background-color: #fff;
  color: #1f4fd8;
}

.ace-top-strip .limited-badge {
  background: #0835B7;
  color: #fff;
  font-size: 11px;
  padding: 4px 10px;
  border-radius: 20px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.ace-top-strip .sign-up-btn {
  border: 1px solid rgba(255, 255, 255, 0.6);
  padding: 5px 14px;
  border-radius: 20px;
  font-size: 13px;
  transition: all 0.3s ease;
  background-color: transparent;
}

.ace-top-strip .sign-up-btn:hover {
  background: #0835B7;
  color: #fff !important;
}

.ace-top-strip p span {
  font-size: 22px;
}

/* commented - 26-05-2026 */

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

/* .ace-top-strip {
  background-image: url(https://acecloud.ai/wp-content/uploads/2026/04/april-lead-gen-campaign-stripe.webp);
  background-size: cover;
  background-position: center;
} */

@media (min-width: 1023.9px) and (max-width: 1300px) {
  .ace-top-strip p span {
    font-size: 20px;
  }
}

@media (max-width: 576px) {
  .ace-top-strip p span {
    font-size: 16px;
  }
} 

/* Stripe - End - 29-04-2026 */


/* 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;
}

.fs-12 {
  font-size: 12px !important;
}

.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 .cf7 .inputplaceholder.userName:before {
  background-position: -80px 0 !important;
}

.lead-gen-exit-popup .cf7 .inputplaceholder.email:before {
  background-position: -100px 0 !important;
}

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

.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 {
  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;
}

.lead-gen-exit-popup p a {
  color: #000 !important;
}

.lead-gen-exit-popup .icon-box img {
  height: 50px;
  width: 50px;
}

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

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

/* .modal-backdrop {
    background-color: #00000000 !important;
} */


/* Assessment to Go Live in 4 Steps ------------------------------------ */

.assessment-section .custom-tabs {
  border-bottom: 1px solid #E6EBF8;
  justify-content: center;
  margin-bottom: 48px;
  gap: 20px;
}

.assessment-section .custom-tabs .nav-link {
  border: 1px solid #E6EBF8;
  border-bottom: none;
  border-radius: 14px 14px 0 0;
  padding: 18px 38px;
  font-size: 18px;
  font-weight: 500;
  color: var(--dark);
  background: #fff;
  transition: all 0.3s ease;
}

.assessment-section .custom-tabs .nav-link.active {
  border-color: #0835B7 !important;
  color: #0835B7 !important;
  font-weight: 700 !important;
  background: #fff !important;
}

.assessment-section .timeline-wrapper {
  position: relative;
  padding-top: 10px;
}

.assessment-section .timeline-line {
  position: absolute;
  bottom: 11%;
  left: 12%;
  width: 76%;
  border-top: 2px dashed #000;
  background: none !important;
  z-index: 1;
}

.timeline-step {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.step-card {
  flex: 1;
}

.assessment-section .timeline-step {
  position: relative;
  text-align: center;
  z-index: 2;
}

.assessment-section .step-card {
  position: relative;
  background: #fff;
  border: 1px solid #E6EBF8;
  border-radius: 22px;
  padding: 34px 20px;
  min-height: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 46px;
  box-shadow: none !important;
}

.assessment-section .step-card::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  bottom: -12px;
  width: 24px;
  height: 24px;
  background: #fff;
  border-right: 1px solid #E6EBF8;
  border-bottom: 1px solid #E6EBF8;
}

.assessment-section .step-number {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #0835B7;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  font-size: 28px;
  font-weight: 600;
  position: relative;
  z-index: 2;
}

.assessment-section .success-card {
  background: #E7F4EB;
  border: 1px solid #119539;
  position: relative;
}

.assessment-section .success-card::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  bottom: -13px;
  width: 26px;
  height: 26px;
  background: #eef7f1;
  border-right: 1px solid #119539;
  border-bottom: 1px solid #119539;
}

.assessment-section .success-number {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #0FA54A;
  color: #fff;
  font-size: 28px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.assessment-section .success-number::before {
  content: "";
  position: absolute;
  inset: -7px;
  border-radius: 50%;
  border: 10px solid #0fa54b8a;
  opacity: 0.25;
}




@media(max-width:991px) {

  .assessment-section .timeline-line {
    display: none;
  }

  .assessment-section .timeline-step {
    margin-bottom: 40px;
  }

  .assessment-section .step-card {
    margin-bottom: 24px;
    min-height: auto;
  }

  .assessment-section .custom-tabs {
    gap: 12px;
  }

  .assessment-section .custom-tabs .nav-link {
    padding: 16px 24px;
    font-size: 16px;
  }
}

@media(max-width:767px) {

  .assessment-section .custom-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
  }

  .assessment-section .custom-tabs .nav-link {
    font-size: 14px !important;
    padding: 5px 10px !important;
  }

  .assessment-section .custom-tabs {
    margin-bottom: -40px;
  }

  .assessment-section .custom-tabs::-webkit-scrollbar {
    display: none;
  }

  .assessment-section .custom-tabs .nav-link {
    white-space: nowrap;
    border-radius: 12px 12px 0 0;
    padding: 14px 20px;
  }

  .assessment-section .step-card {
    border-radius: 18px;
    padding: 28px 18px;
  }

  .assessment-section .step-number {
    width: 72px;
    height: 72px;
    font-size: 24px;
  }

  .assessment-section .success-number {
    width: 74px;
    height: 74px;
    font-size: 30px;
  }
}


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

.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);
}

.list .check-list {
  list-style: none !important;
}

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

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

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



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

.fifa-worldcup-offer {
    /* min-height: 100vh;
    display: grid; */
    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 {
    /* background: url(https://acecloud.ai/wp-content/uploads/2026/06/fifa-world-cup-ground.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; */
    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: .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-space {
    padding: 0 35px;
} */

.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: .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::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  transform: translateX(-50%);
  background: rgba(255, 255, 255, .08);
  z-index: 2;
} */

.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: 2px solid rgba(255, 255, 255, .18);
  border-radius: 50%;
  left: 50%;
  top: -117px;
  transform: translateX(-50%);
  z-index: 2;
} */

/* .fifa-worldcup-ground .center-dot {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .18);
  left: 50%;
  top: 0;
  transform: translate(-50%, 84px);
  z-index: 2;
} */

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


/* fifa stripe - start - 18-06-2026 */

.fifa-stripe {
  background: repeating-linear-gradient(90deg,
      #167742 0 34px,
      #026330 34px 68px);
  color: #fff;
  overflow: hidden;
}

.fifa-stripe .ball-icon img {
  display: inline-block;
  animation: rotateBall 3s linear infinite;
  width: 40px !important;
  height: 40px !important;
}

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

.fifa-stripe .offer-badge {
  font-size: 11px;
  color: #f9b23a;
  font-weight: 700;
  line-height: 1;
}

.fifa-stripe .offer-text {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
}

.fifa-stripe .claim-btn {
  /* background: #f9b23a; */
  /* color: #fff;
    border: 0;
    border-radius: 24px;
    font-weight: 700;
    padding: 10px 22px;
    white-space: nowrap; */

  text-decoration: none;
  border-radius: 0;
  padding: 0px 0px;
  font-weight: 700;
  cursor: pointer;
  border-bottom: solid 2px transparent;
  color: #fff;
  background: transparent;
  min-width: 100px !important;
  min-height: auto !important;
}

.fifa-stripe .claim-btn:hover {
  text-decoration: none;
  border-radius: 0;
  border-bottom: solid 2px #f9b23a;
  padding: 0px 0px !important;
  cursor: pointer;
  color: #f9b23a;
  background: transparent;
}

.fifa-stripe .close-stripe {
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, .7);
  font-size: 24px;
  line-height: 1;
}

@media (max-width: 575px) {
  .fifa-stripe .offer-stripe {
    border-radius: 9px;
  }

  .fifa-stripe .offer-text {
    font-size: 13px;
  }

  .fifa-stripe .claim-btn {
    font-size: 13px;
    padding: 10px 16px;
  }

}



.flying-ball {
  position: absolute;
  left: 640px;
  top: 18px;
  width: 35px;
  height: 35px;
  opacity: 0;
  pointer-events: none;

  /* 10s animation + 2s delay */
  animation: flyBall 3s cubic-bezier(.4, 0, .2, 1) 2s infinite;
}

.flying-ball img {
  width: 100%;
  height: 100%;
  animation: rotateBall 1s linear infinite;
}

@keyframes flyBall {

  0% {
    opacity: 0;
    transform: translateX(0) translateY(0);
  }

  5% {
    opacity: 1;
    transform: translateX(25px) translateY(-6px);
  }

  10% {
    transform: translateX(50px) translateY(0px);
  }

  15% {
    transform: translateX(75px) translateY(6px);
  }

  20% {
    transform: translateX(100px) translateY(0px);
  }

  25% {
    transform: translateX(125px) translateY(-6px);
  }

  30% {
    transform: translateX(150px) translateY(0px);
  }

  35% {
    transform: translateX(175px) translateY(6px);
  }

  40% {
    transform: translateX(200px) translateY(0px);
  }

  45% {
    transform: translateX(225px) translateY(-6px);
  }

  50% {
    transform: translateX(250px) translateY(0px);
  }

  55% {
    transform: translateX(275px) translateY(6px);
  }

  60% {
    transform: translateX(300px) translateY(0px);
  }

  65% {
    transform: translateX(325px) translateY(-6px);
  }

  70% {
    transform: translateX(350px) translateY(0px);
  }

  75% {
    transform: translateX(375px) translateY(6px);
  }

  80% {
    transform: translateX(400px) translateY(0px);
  }

  85% {
    transform: translateX(450px) translateY(-5px);
  }

  90% {
    transform: translateX(500px) translateY(0px);
  }

  95% {
    opacity: 1;
    transform: translateX(540px) translateY(4px);
  }

  100% {
    opacity: 0;
    transform: translateX(600px) translateY(0px);
  }
}

@media(min-width:1600px) {
  .flying-ball {
    position: absolute;
    left: 785px;
    top: 18px;
    width: 35px;
    height: 35px;
    opacity: 0;
    pointer-events: none;
    animation: flyBall 3s cubic-bezier(.4, 0, .2, 1) 2s infinite;
  }
}

.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 stripe - end - 18-06-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 */


/* =========================
   FOOTER AD WRAPPER
========================= */
.footer-ad {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #fff;
  z-index: 9999;
  overflow: hidden;
  transition: height 0.35s ease;
}

.ace-bottom-stripe {
  background: linear-gradient(90deg, #04244c, #0057ff, #04244c);
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
}

.ad-controls {
  position: absolute;
  top: 6px;
  width: 100%;
  text-align: center;
  z-index: 10;
}

.close-btn {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

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

  50% {
    transform: scale(1.08);
  }

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

.footer-ad .btn-primary {
  animation: zoomPulse 1.8s ease-in-out infinite;
  transition: transform 0.3s ease;
  display: flex;
  align-items: center;
  max-height: 30px !important;

}

.footer-ad .close-btn {
  position: absolute;
  left: 10px;
  top: 0;
}

.ad-content {
  /* height: 100%; */
  transition: transform 0.35s ease, opacity 0.35s ease;
}

.ad-text p {
  font-size: 14px;
  opacity: 0.85;
  margin-bottom: 0;
}

/* 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  */


/* 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: 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: .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 */

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

.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:.3s ease;
}

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

@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;
    }
}

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