/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

[data-color=blue] .menu-wrap.fixed {
    background: linear-gradient(89deg, #355869 3%, currentColor 98%)
}

[data-color="blue"] .total-grad-inverse {
    background: linear-gradient(240deg, #1697bf 60%, #55bde5 0%);
}

ol {
    list-style: decimal;
}

.alpha {
    list-style-type: lower-alpha;
}

.lista1 {
    list-style-type: disc;
}

.maping .datacenters.warsaw {
    top: 38%;
    left: 51.5%;
}

.maping .datacenters.india {
    top: 55%;
    left: 68%;
}

.payment-icon-tpay {
    width: 90px;
    height: 36px;
    background: url('../img/payments/Tpay.svg') no-repeat center center;
    background-size: contain;
}

/* FAQ Page Specific Styles */
.faqs-page .faq-section {
  padding: 80px 0;
}
.faqs-page .faq-category-title {
  margin-bottom: 30px;
  margin-top: 50px;
  font-weight: 700;
  color: #2c2c2c; /* Fallback for var(--merge-color) */
  color: var(--merge-color);
  display: flex;
  align-items: center;
}
.faqs-page .faq-category-title i {
  margin-right: 15px;
  color: #ee5586; /* Fallback for var(--pink) */
  color: var(--pink);
}
.faqs-page .accordion.faq .panel-wrap {
  margin-bottom: 15px;
  border: 1px solid rgba(0,0,0,0.05);
  border-radius: 10px;
  overflow: hidden;
  background: #ffffff; /* Fallback for var(--bg-seccolorstyle) */
  background: var(--bg-seccolorstyle);
  transition: all 0.3s ease;
}
.faqs-page .accordion.faq .panel-wrap:hover {
  box-shadow: 0 10px 20px rgba(0,0,0,0.05);
}
.faqs-page .accordion.faq .panel-title {
  padding: 20px 25px;
  cursor: pointer;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.faqs-page .accordion.faq .panel-title span {
  font-size: 17px;
}
.faqs-page .accordion.faq .panel-collapse {
  padding: 0 25px 25px 25px;
}
.faqs-page .accordion.faq .info p {
  margin-bottom: 0;
  line-height: 1.6;
}
.faqs-page .top-header {
  padding: 180px 0 100px 0 !important;
  background: linear-gradient(135deg, #1d262f 0%, #0c1219 100%);
  color: white;
  text-align: center;
}
.faqs-page .top-header h1 {
  font-size: 3rem;
  font-weight: 800;
  margin-bottom: 15px;
}
.faqs-page .top-header p {
  font-size: 1.2rem;
  opacity: 0.8;
}
@media (max-width: 991px) {
  .faqs-page .top-header {
    padding: 140px 0 80px 0 !important;
  }
  .faqs-page .top-header h1 {
    font-size: 2.2rem;
  }
}

/* Contact Page Specific Styles */
.contact-page .top-header {
  padding: 180px 0 100px 0 !important;
  background: linear-gradient(135deg, #1d262f 0%, #0c1219 100%);
  color: white;
  text-align: center;
}
.contact-page .top-header h1 {
  font-size: 3rem;
  font-weight: 800;
  margin-bottom: 15px;
}
.contact-page .top-header p {
  font-size: 1.2rem;
  opacity: 0.8;
}
@media (max-width: 991px) {
  .contact-page .top-header {
    padding: 140px 0 80px 0 !important;
  }
  .contact-page .top-header h1 {
    font-size: 2.2rem;
  }
}

.bg-yellow {
    background-color: #fdd700 !important;
}

.c-yellow-dark {
    color: #ccac00 !important;
}

/* Ensure text visibility in Case Study boxes on yellow background */
.casestudy .bg-white .mergecolor {
    color: #2c2c2c !important;
}

.casestudy .bg-white .seccolor {
    color: #5e686c !important;
}

.casestudy .bg-white a.golink {
    color: #1697bf !important;
}

.casestudy.bg-yellow .section-heading,
.casestudy.bg-yellow .section-subheading {
    color: #2c2c2c !important;
}

.custom-box {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.custom-box .swiper-slide {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.logo-forum-wrap {
    text-align: center;
    width: 100%;
}