/*
  Advortex brand theme
  Palette derived from the site logo: signature gold + deep navy.
*/
:root {
  --advortex-gold: #f8b331;
  --advortex-gold-dark: #d79a22;
  --advortex-gold-soft: #fff4d8;
  --advortex-navy: #24275f;
  --advortex-navy-dark: #17193f;
  --advortex-ink: #111331;
  --advortex-muted: #4f536d;
  --advortex-border: #ece7da;
  --advortex-surface: #fffaf0;

  --primary-color1: var(--advortex-gold);
  --primary-color1-opc: 248, 179, 49;
  --primary-color2: var(--advortex-navy);
  --dark-primary-color2: var(--advortex-navy);
  --primary-color2-opc: 36, 39, 95;
  --title-color: var(--advortex-navy);
  --dark-title-color: var(--advortex-navy);
  --title-color-opc: 36, 39, 95;
  --text-color: var(--advortex-muted);
  --text-color-opc: 79, 83, 109;
  --black-color2: var(--advortex-navy);
  --black-color3: var(--advortex-ink);
  --light-black-color: #303466;
  --border-color: var(--advortex-border);
  --border-color2: var(--advortex-border);
}

/* The same footer badge markup, hover treatment and GSAP bounce hook everywhere. */
.home5-services-section .services-card > .icon {
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
}
.home5-services-section .services-card > .icon svg {
  display: block;
  width: 50px;
  height: 50px;
}

.advortex-shared-badge { display: inline-block; padding-top: 0 !important; }
.advortex-shared-badge > a {
  width: 238px !important;
  height: 238px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.advortex-shared-badge > a .bg,
.advortex-shared-badge > a .bg svg { display: block; width: 100%; height: 100%; }
.star-btn.advortex-shared-badge > a .bg svg {
  fill: transparent;
  stroke: rgba(var(--title-color-opc), .15);
  transition: .5s;
}
.star-btn.advortex-shared-badge > a:hover .bg svg {
  fill: var(--primary-color1);
  stroke: var(--primary-color1);
}
.advortex-shared-badge > a .details-button {
  width: max-content;
  max-width: calc(100% - 32px);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
.advortex-shared-badge > a:focus-visible { outline: 2px solid var(--advortex-gold); outline-offset: 4px; border-radius: 50%; }
@media (max-width: 575px) {
  .advortex-shared-badge > a { width: 201px !important; height: 201px !important; }
  .advortex-shared-badge > a .details-button { font-size: 16px; }
}

body.dark {
  --primary-color1: var(--advortex-gold);
  --primary-color1-opc: 248, 179, 49;
  --primary-color2: var(--advortex-gold);
  --dark-primary-color2: var(--advortex-gold);
  --title-color: #ffffff;
  --dark-title-color: #ffffff;
  --text-color: #d7d9ef;
  --dark-white-color: var(--advortex-navy-dark);
  --black-color3: #0e102f;
  --border-color: rgba(248, 179, 49, 0.22);
  --border-color2: rgba(248, 179, 49, 0.22);
}

a,
button,
.primary-btn1,
.primary-btn2,
.primary-btn3,
.primary-btn4,
.primary-btn5,
.load-btn,
.explore-btn {
  transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

a:hover,
.main-menu > ul > li > a:hover,
.main-menu > ul > li.active > a,
.section-title span,
.section-title2 span,
.section-title3 > span,
.section-title5 span,
.service-card .content h4 a:hover,
.portfolio-card .portfolio-content h4 a:hover,
.blog-card .blog-card-content h4 a:hover,
.contact-section .contact-content .contact-area .hotline-area .content h6 a:hover,
.footer-section .footer-widget .widget-list li a:hover,
.footer-section .footer-top .footer-contact .content a:hover {
  color: var(--advortex-gold) !important;
}

.primary-btn1,
.primary-btn4,
.primary-btn5::before,
.load-btn::after,
.circle-container .circle-progress path,
.tt-style-switch,
.swiper-pagination-bullet-active,
.contact-section .contact-content .contact-area .hotline-area .icon::after,
.contact-section .contact-form-wrap .contact-form-area,
.breadcrumb-section .banner-wrapper .scroll-down-btn a:hover,
.adv-form-status.is-success {
  background-color: var(--advortex-gold) !important;
}

.primary-btn2,
.primary-btn3,
.primary-btn5,
.load-btn span,
.service-card,
.eg-card2,
.portfolio-card,
.blog-card,
.contact-section .contact-form-wrap,
.adv-enquiry-modal .modal-content {
  border-color: rgba(36, 39, 95, 0.12);
}

.primary-btn2,
.primary-btn5,
.load-btn span,
.service-card .explore-btn,
.explore-btn {
  color: var(--advortex-navy) !important;
}

.primary-btn2::before,
.primary-btn3::after,
.primary-btn5::after,
.load-btn span::after,
.service-card .explore-btn,
.explore-btn,
.adv-services-btn-primary,
.adv-services-quote,
.adv-portfolio-button--gold {
  background-color: var(--advortex-navy) !important;
  border-color: var(--advortex-navy) !important;
}

.home5-services-section .services-card .explore-btn,
.home5-services-section .services-card .explore-btn:hover {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--title-color) !important;
}

.primary-btn2:hover,
.primary-btn5:hover,
.load-btn:hover span,
.adv-services-btn-primary:hover,
.adv-services-quote:hover,
.adv-portfolio-button--gold:hover {
  background-color: var(--advortex-gold) !important;
  border-color: var(--advortex-gold) !important;
  color: var(--advortex-navy) !important;
}

.primary-btn1:hover,
.primary-btn4:hover {
  background-color: var(--advortex-navy) !important;
  color: #ffffff !important;
}

.primary-btn1::after,
.primary-btn2::after,
.primary-btn4::after,
.primary-btn5::after,
.load-btn::after,
.service-card .explore-btn svg,
.explore-btn svg,
.breadcrumb-section .banner-wrapper .scroll-down-btn a svg,
.contact-section .contact-content .contact-area .hotline-area .icon svg,
.service-card .content svg,
.eg-card2 .card-content-wrap::before,
.social-list li a i,
.social-list li a svg {
  fill: currentColor;
}

.primary-btn2 > span,
.primary-btn5,
.load-btn span,
.adv-services-btn-primary,
.adv-services-quote,
.adv-portfolio-button--gold {
  color: #ffffff !important;
}

.primary-btn2:hover > span,
.primary-btn5:hover,
.load-btn:hover span,
.adv-services-btn-primary:hover,
.adv-services-quote:hover,
.adv-portfolio-button--gold:hover {
  color: #ffffff !important;
}

.primary-btn2:hover,
.primary-btn2:hover::after,
.primary-btn5:hover::before,
.primary-btn5:hover::after,
.primary-btn5:hover span {
  color: #ffffff !important;
}

.primary-btn2:hover svg,
.primary-btn5:hover svg,
.adv-services-btn-primary:hover svg,
.adv-services-quote:hover svg,
.adv-portfolio-button--gold:hover svg {
  fill: #ffffff;
}

.header-area.style-1 {
  border-bottom-color: rgba(36, 39, 95, 0.1);
}

.header-area.style-1 .main-menu > ul > li > a,
.header-area.style-1 .nav-right .sidebar-and-btn .sidebar-btn svg {
  color: var(--advortex-navy);
  fill: var(--advortex-navy);
}

body:has(.breadcrumb-section) header.style-1 {
  background: rgba(23, 25, 63, 0.82) !important;
  border-bottom-color: rgba(248, 179, 49, 0.22) !important;
}

body:has(.breadcrumb-section) header.style-1 .main-menu > ul > li > a,
body:has(.breadcrumb-section) header.style-1 .main-menu > ul > li i {
  color: #ffffff !important;
}

body:has(.breadcrumb-section) header.style-1 .main-menu > ul > li.active > a,
body:has(.breadcrumb-section) header.style-1 .main-menu > ul > li > a:hover {
  color: var(--advortex-gold) !important;
}

.breadcrumb-section {
  background-color: var(--advortex-navy-dark);
}

.breadcrumb-section .banner-wrapper .banner-content .breadcrumb-list li,
.breadcrumb-section .banner-wrapper .banner-content .breadcrumb-list li a {
  color: rgba(255, 255, 255, 0.82);
}

.breadcrumb-section .banner-wrapper .banner-content h1 {
  color: #ffffff;
}

.breadcrumb-section .banner-wrapper .scroll-down-btn a {
  border-color: rgba(248, 179, 49, 0.45);
  color: var(--advortex-gold);
}

.service-card.two,
.portfolio-card,
.eg-card2,
.contact-section .contact-form-wrap .contact-form-area {
  box-shadow: 0 18px 45px rgba(36, 39, 95, 0.1) !important;
}

.service-card:hover,
.portfolio-card:hover,
.eg-card2:hover {
  box-shadow: 0 24px 60px rgba(36, 39, 95, 0.16) !important;
}

.contact-section {
  background: linear-gradient(135deg, var(--advortex-navy-dark) 0%, var(--advortex-navy) 58%, #2d306d 100%) !important;
}

.contact-section .contact-content .contact-area .hotline-area .icon,
.contact-section .contact-content .social-area .social-list li a {
  color: var(--advortex-gold);
  border-color: rgba(248, 179, 49, 0.28);
}

.contact-section .contact-content .social-area .social-list li a span,
.contact-section .contact-content .social-area h6,
.contact-section .contact-content .contact-area .hotline-area .content span {
  color: rgba(255, 255, 255, 0.82);
}

.contact-section .contact-content .contact-area .hotline-area .content h6 a,
.contact-section .section-title.white h2,
.contact-section .section-title.white p {
  color: #ffffff !important;
}

.contact-section .contact-form-wrap .contact-form-area {
  background: #ffffff !important;
}

.contact-section .contact-form-wrap .contact-form-area h3,
.contact-section .contact-form-wrap .contact-form-area form .form-inner label {
  color: var(--advortex-navy) !important;
}

.contact-section .contact-form-wrap .contact-form-area form .form-inner input,
.contact-section .contact-form-wrap .contact-form-area form .form-inner textarea,
.adv-enquiry-modal input,
.adv-enquiry-modal textarea,
.adv-enquiry-modal select {
  border-color: rgba(36, 39, 95, 0.15) !important;
}

.contact-section .contact-form-wrap .contact-form-area form .form-inner input:focus,
.contact-section .contact-form-wrap .contact-form-area form .form-inner textarea:focus,
.adv-enquiry-modal input:focus,
.adv-enquiry-modal textarea:focus,
.adv-enquiry-modal select:focus {
  border-color: var(--advortex-gold) !important;
  box-shadow: 0 0 0 3px rgba(248, 179, 49, 0.18) !important;
}

.footer-section,
footer,
.footer-top,
.footer-bottom {
  background-color: var(--advortex-navy-dark) !important;
}

.footer-section h4,
.footer-section h5,
.footer-section h6,
.footer-section .footer-widget .widget-title,
footer h4,
footer h5,
footer h6 {
  color: #ffffff !important;
}

.footer-section a,
.footer-section p,
footer a,
footer p,
footer li {
  color: rgba(255, 255, 255, 0.76) !important;
}

.footer-section a:hover,
footer a:hover {
  color: var(--advortex-gold) !important;
}

.sidebar-menu {
  background: var(--advortex-navy-dark) !important;
}

.sidebar-menu .main-menu li a,
.sidebar-contact h4,
.sidebar-contact h6,
.sidebar-contact a,
.sidebar-contact span {
  color: #ffffff !important;
}

.sidebar-menu .main-menu li a:hover,
.sidebar-contact a:hover {
  color: var(--advortex-gold) !important;
}

.adv-services-page,
.adv-portfolio-page {
  --adv-services-primary: var(--advortex-gold);
  --adv-services-dark: var(--advortex-navy);
  --adv-services-text: var(--advortex-muted);
}

.adv-services-eyebrow,
.adv-portfolio-eyebrow,
.adv-portfolio-kicker {
  color: var(--advortex-gold) !important;
}

.adv-services-card,
.adv-website-card,
.adv-testimonial-feature,
.adv-testimonial-mini,
.adv-result-card {
  border-color: rgba(36, 39, 95, 0.12) !important;
}

.adv-services-card-top span,
.adv-services-card-icon,
.adv-video-card__play,
.adv-portfolio-button--outline:hover,
.adv-portfolio-button--dark,
.adv-services-link:hover {
  background-color: var(--advortex-gold) !important;
  color: var(--advortex-navy) !important;
  border-color: var(--advortex-gold) !important;
}

.adv-services-card h2,
.adv-services-card h3,
.adv-portfolio-page h1,
.adv-portfolio-page h2,
.adv-portfolio-page h3 {
  color: var(--advortex-navy) !important;
}

::selection {
  background: var(--advortex-gold);
  color: var(--advortex-navy);
}

/* Keep labels readable in every filled button hover variant. */
.home4-footer-section .social-list a,
.home4-footer-section .social-list a span {
  color: #ffffff !important;
}
.home4-footer-section .social-list a:hover span {
  color: var(--advortex-gold) !important;
}
.home4-footer-section .social-list i.bi-linkedin {
  color: #0a66c2 !important;
}
.home4-footer-section .social-list i.bi-facebook {
  color: #1877f2 !important;
}
.home4-footer-section .social-list i.bi-instagram::before {
  background: linear-gradient(35deg, #ffdc80, #f77737, #e1306c, #c13584, #833ab4);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
}

.sidebar-menu .sidebar-menu-wrap .main-menu > li > a .menu-text {
  text-shadow: 0 30px 0 #ffffff;
}
.sidebar-menu .sidebar-menu-wrap .main-menu > li > a:is(:hover, :focus-visible) .menu-text,
.sidebar-menu .sidebar-menu-wrap .main-menu > li > a:is(:hover, :focus-visible) .menu-text span {
  text-shadow: 0 30px 0 var(--advortex-gold) !important;
}

.sidebar-menu .sidebar-menu-wrap .main-menu li > a:hover,
.sidebar-menu .sidebar-menu-wrap .main-menu li > a:focus-visible,
.sidebar-menu .sidebar-menu-wrap .main-menu li > a:hover span,
.sidebar-menu .sidebar-menu-wrap .main-menu li > a:focus-visible span {
  color: var(--advortex-gold) !important;
  -webkit-text-fill-color: var(--advortex-gold) !important;
}

.sidebar-menu .sidebar-brand-socials h6 { margin-bottom: 20px; }
.sidebar-menu .sidebar-brand-socials ul {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 0;
  list-style: none;
}
.sidebar-menu .sidebar-brand-socials .social-brand-link {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 10px 16px;
  border: 1px solid rgba(255, 255, 255, .25);
  border-radius: 999px;
  color: #fff !important;
  font-size: 15px;
  line-height: 1;
}
.sidebar-menu .sidebar-brand-socials .social-brand-link i { font-size: 19px; }
.sidebar-menu .sidebar-brand-socials .social-brand-facebook i { color: #1877f2; }
.sidebar-menu .sidebar-brand-socials .social-brand-linkedin i { color: #0a66c2; }
.sidebar-menu .sidebar-brand-socials .social-brand-instagram i::before {
  background: linear-gradient(35deg, #ffdc80, #f77737, #e1306c, #c13584, #833ab4);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.sidebar-menu .sidebar-brand-socials .social-brand-link:hover,
.sidebar-menu .sidebar-brand-socials .social-brand-link:focus-visible {
  background: rgba(255, 255, 255, .08);
  border-color: rgba(255, 255, 255, .6);
}

.sidebar-menu .sidebar-contact .getin-touch-area ul .single-contact .icon {
  color: var(--advortex-gold);
  border-color: var(--advortex-gold);
}
.sidebar-menu .sidebar-contact .getin-touch-area ul .single-contact .icon i {
  color: var(--advortex-gold);
}
.sidebar-menu .sidebar-contact .getin-touch-area ul .single-contact .icon svg {
  fill: var(--advortex-gold);
}
.sidebar-menu .sidebar-contact .getin-touch-area ul .single-contact:hover .icon {
  background-color: var(--advortex-gold);
}
.sidebar-menu .sidebar-contact .getin-touch-area ul .single-contact:hover .icon i {
  color: var(--advortex-navy);
}
.sidebar-menu .sidebar-contact .getin-touch-area ul .single-contact:hover .icon svg {
  fill: var(--advortex-navy);
}

.partnership-area .total-partner a:is(:hover, :focus-visible),
.partnership-area .total-partner a:is(:hover, :focus-visible) span,
:is(.primary-btn1, .primary-btn2, .primary-btn3, .primary-btn4, .primary-btn5):is(:hover, :focus-visible),
:is(.primary-btn1, .primary-btn2, .primary-btn3, .primary-btn4, .primary-btn5):is(:hover, :focus-visible) span,
:is(.primary-btn1, .primary-btn2):is(:hover, :focus-visible)::after,
.load-btn:is(:hover, :focus-visible) span,
.adv-services-btn-primary:is(:hover, :focus-visible),
.adv-services-quote:is(:hover, :focus-visible),
.adv-portfolio-button--gold:is(:hover, :focus-visible),
.star-btn a:is(:hover, :focus-visible) .details-button {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.partnership-area .total-partner a:is(:hover, :focus-visible) {
  background-color: var(--primary-color1);
  border-color: var(--primary-color1);
}
.partnership-area .total-partner a:is(:hover, :focus-visible) svg {
  fill: #ffffff !important;
}
/* Buttons without a replacement label must retain their original text. */
:is(.primary-btn1, .primary-btn2):not([data-text]):hover > span,
:is(.primary-btn1, .primary-btn2)[data-text=""]:hover > span {
  opacity: 1;
  transform: none;
}