html {
  scroll-behavior: smooth;
}

body {
  background: var(--brand-white) !important;
  color: var(--brand-text) !important;
  font-family: var(--fixpro-font) !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6,
.section-title h2,
.section-title,
.service-details h3 {
  color: var(--brand-text) !important;
  font-family: var(--fixpro-font-two) !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
}

p {
  color: var(--brand-muted);
  line-height: 1.75;
}

a {
  color: var(--brand-primary);
}

img {
  max-width: 100%;
}

.page-wrapper {
  background: var(--brand-white);
}

.container {
  max-width: 1200px;
}

.main-header {
  position: sticky !important;
  top: 0;
  z-index: 999;
  background: rgba(255, 255, 255, 0.88) !important;
  backdrop-filter: blur(18px);
  box-shadow: 0 12px 40px rgba(15, 23, 42, 0.08);
}

.main-menu__top {
  background: var(--brand-dark) !important;
  border: 0 !important;
}

.main-menu__top-inner {
  min-height: 42px !important;
  padding: 0 28px !important;
}

.main-menu__contact-list li .icon,
.main-menu__top-time-icon {
  color: var(--brand-secondary) !important;
}

.main-menu__contact-list li .text p,
.main-menu__contact-list li .text p a,
.main-menu__top-welcome-text,
.main-menu__top-text {
  color: rgba(255, 255, 255, 0.82) !important;
  font-family: var(--fixpro-font) !important;
  font-size: 13px !important;
}

.main-menu,
.main-menu__wrapper {
  background: transparent !important;
}

.main-menu__wrapper-inner {
  min-height: 86px !important;
  padding: 0 28px !important;
  gap: 28px;
}

.main-menu__logo {
  padding: 0 !important;
}

.main-menu__logo img,
.footer-widget__logo img,
.mobile-nav__content .logo-box img {
  width: 160px !important;
  height: 64px !important;
  object-fit: contain;
  border-radius: 14px;
  background: var(--brand-white);
  padding: 6px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

.main-menu__list > li {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.main-menu__list > li > a {
  color: var(--brand-text) !important;
  font-family: var(--fixpro-font) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  padding: 8px 12px !important;
  border-radius: 999px;
}

.main-menu__list > li:hover > a,
.main-menu__list > li.current > a {
  background: rgba(46, 163, 242, 0.12);
  color: var(--brand-primary) !important;
}

.main-menu__list .shadow-box {
  min-width: 310px !important;
  padding: 14px !important;
  border: 1px solid var(--brand-border) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-soft) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  backdrop-filter: blur(16px);
}

.main-menu__list .shadow-box li a {
  border-radius: 12px;
  color: var(--brand-text) !important;
  font-family: var(--fixpro-font) !important;
  font-weight: 600;
  padding: 11px 14px !important;
}

.main-menu__list .shadow-box li a:hover {
  background: var(--brand-primary-gradient) !important;
  color: var(--brand-white) !important;
}

.main-menu__call-icon,
.contact-info__icon,
.footer-widget__contact-list li .icon {
  background: rgba(46, 163, 242, 0.14) !important;
  color: var(--brand-primary) !important;
  border-radius: 50% !important;
}

.main-menu__call-sub-title {
  color: var(--brand-muted) !important;
  font-size: 12px !important;
}

.main-menu__call-number a {
  color: var(--brand-text) !important;
  font-family: var(--fixpro-font-two) !important;
  font-weight: 800 !important;
}

.thm-btn,
.call-btn,
.whatsapp-btn,
.more-btn,
.service-details__get-started-btn,
.cta-one .thm-btn-black,
button[type="submit"],
.footer-widget__newsletter-form button {
  align-items: center;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 14px 30px rgba(15, 76, 129, 0.2) !important;
  display: inline-flex;
  font-family: var(--fixpro-font) !important;
  font-weight: 800 !important;
  gap: 10px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  transform: translateY(0);
  transition: transform 220ms ease, box-shadow 220ms ease, filter 220ms ease !important;
}

.thm-btn,
.call-btn,
.service-details__get-started-btn,
button[type="submit"],
.footer-widget__newsletter-form button {
  background: var(--brand-primary-gradient) !important;
  color: var(--brand-white) !important;
}

.whatsapp-btn,
.more-btn,
.cta-one .thm-btn-black {
  background: var(--brand-accent-gradient) !important;
  color: var(--brand-white) !important;
}

.thm-btn:hover,
.call-btn:hover,
.whatsapp-btn:hover,
.more-btn:hover,
.service-details__get-started-btn:hover,
.cta-one .thm-btn-black:hover,
button[type="submit"]:hover {
  color: var(--brand-white) !important;
  filter: brightness(0.94);
  transform: translateY(-3px);
  box-shadow: var(--shadow-hover) !important;
}

.service-banner-btns a {
  background: var(--brand-primary-gradient) !important;
  border-radius: 999px !important;
  box-shadow: var(--shadow-hover) !important;
  color: var(--brand-white) !important;
  font-family: var(--fixpro-font) !important;
  font-size: 18px !important;
  padding: 15px 28px !important;
}

.call-btn::before,
.main-menu__btn-box .thm-btn::before {
  content: "\f095";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.whatsapp-btn::before {
  content: "\f232";
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.service-banner-area {
  background: radial-gradient(circle at 8% 10%, rgba(46, 163, 242, 0.18), transparent 28%), linear-gradient(135deg, #F8FAFC 0%, #FFFFFF 48%, #EFF6FF 100%) !important;
  padding: 108px 0 82px !important;
}

.service-banner-area > div:first-child {
  opacity: 0.20 !important;
}

.service-banner-area::before,
.service-banner-area::after {
  border-radius: 999px;
  content: "";
  position: absolute;
  z-index: -1;
}

.service-banner-area::before {
  background: rgba(249, 115, 22, 0.14);
  height: 220px;
  right: 8%;
  top: 76px;
  width: 220px;
}

.service-banner-area::after {
  background: rgba(46, 163, 242, 0.14);
  bottom: 42px;
  height: 150px;
  left: 42%;
  width: 150px;
}

.service-banner-content h5 {
  background: rgba(46, 163, 242, 0.12) !important;
  border-radius: 999px;
  color: var(--brand-primary) !important;
  display: inline-flex;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 1.5px !important;
  padding: 9px 16px;
}

.service-banner-content h1 {
  color: var(--brand-text) !important;
  font-size: clamp(42px, 5vw, 70px) !important;
  letter-spacing: 0 !important;
  line-height: 1.05 !important;
  margin-top: 18px;
}

.service-banner-content p {
  color: var(--brand-muted) !important;
  font-size: 18px !important;
  line-height: 1.8 !important;
  max-width: 650px;
}

.service-banner-area .col-lg-5 > div,
.contact-page__right > div,
.thank-you-inner,
.policy-inner {
  border: 1px solid rgba(229, 231, 235, 0.9) !important;
  border-radius: 24px !important;
  box-shadow: var(--shadow-soft) !important;
}

.service-banner-area .col-lg-5 > div {
  position: relative;
}

.service-banner-area .col-lg-5 > div::before {
  background: var(--brand-accent-gradient);
  border-radius: 999px;
  box-shadow: var(--shadow-soft);
  color: var(--brand-white);
  content: "Book";
  font-family: var(--fixpro-font-two);
  font-size: 14px;
  font-weight: 800;
  padding: 12px 18px;
  position: absolute;
  right: 22px;
  top: -22px;
}

input,
select,
textarea,
.footer-widget__newsletter-form input {
  background: var(--brand-white) !important;
  border: 1px solid var(--brand-border) !important;
  border-radius: 14px !important;
  color: var(--brand-text) !important;
  font-family: var(--fixpro-font) !important;
  min-height: 50px;
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

form div:focus-within > i {
  color: var(--brand-secondary) !important;
  transform: translateY(-50%) scale(1.06) !important;
}

input::placeholder,
textarea::placeholder {
  color: #94A3B8 !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--brand-secondary) !important;
  box-shadow: 0 0 0 4px rgba(46, 163, 242, 0.14) !important;
  outline: none !important;
}

.iti {
  width: 100%;
}

.about-one-redesign,
.why-choose-redesign,
.faq-section,
.contact-page,
.policy-content,
.disclaimer-content {
  background: var(--brand-white) !important;
  padding: var(--section-space) 0 !important;
}

.services,
.testimonial-redesign,
.how-we-work,
.contact-info,
.counter-one {
  background: var(--brand-bg) !important;
}

.about-one-redesign .row {
  flex-direction: row-reverse;
}

.about-one-redesign .about-image-box {
  padding-left: 45px !important;
  padding-right: 0 !important;
}

.about-one-redesign .about-image-main,
.service-details__img,
.contact-page__left iframe {
  border-radius: 24px !important;
  box-shadow: var(--shadow-soft) !important;
  overflow: hidden;
}

.about-one-redesign .about-image-box::before {
  background: linear-gradient(135deg, rgba(46, 163, 242, 0.18), rgba(249, 115, 22, 0.16));
  border-radius: 28px;
  content: "";
  inset: 32px 0 -22px 76px;
  position: absolute;
  z-index: -1;
}

.about-one-redesign .experience-badge {
  background: var(--brand-primary-gradient) !important;
  border-radius: 18px !important;
  box-shadow: var(--shadow-hover) !important;
}

.about-one-redesign .section-subtitle {
  background: rgba(249, 115, 22, 0.12) !important;
  color: var(--brand-accent) !important;
  font-family: var(--fixpro-font) !important;
}

.about-one-redesign .section-title,
.why-choose-redesign .section-title h2,
.faq-section .section-title h2,
.how-we-work .section-title h2,
.testimonial-redesign .section-title h2 {
  font-size: clamp(32px, 4vw, 50px) !important;
}

.about-feature-item,
.feature-card,
.service-box,
.testimonial-card,
.contact-info__single,
.process-item,
.service-details__services-box,
.service-details__get-started,
.service-details__img-box-content,
.accrodion,
.accordion-item,
.policy-block {
  background: var(--brand-white) !important;
  border: 1px solid var(--brand-border) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-card) !important;
  transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease !important;
}

.about-feature-item:hover,
.feature-card:hover,
.service-box:hover,
.testimonial-card:hover,
.contact-info__single:hover,
.process-item:hover,
.accrodion:hover,
.accordion-item:hover {
  border-color: rgba(46, 163, 242, 0.42) !important;
  box-shadow: var(--shadow-hover) !important;
  transform: translateY(-8px) !important;
}

.about-feature-icon,
.feature-icon,
.process-item .icon-box,
.counter-one__icon,
.service-details__img-box-content-icon {
  background: rgba(46, 163, 242, 0.13) !important;
  border: 0 !important;
  border-radius: 16px !important;
  color: var(--brand-primary) !important;
  box-shadow: none !important;
}

.service-box {
  border-radius: 20px !important;
  height: 100%;
  overflow: hidden;
}

.service-box::before {
  background: var(--brand-primary-gradient);
  content: "";
  display: block;
  height: 5px;
  width: 100%;
}

.service-image img {
  height: 250px !important;
  transition: transform 450ms ease;
}

.service-box:hover .service-image img {
  transform: scale(1.05);
}

.price-badge {
  background: var(--brand-accent-gradient) !important;
  box-shadow: 0 10px 20px rgba(249, 115, 22, 0.22);
  color: var(--brand-white) !important;
}

.glass-info {
  background: rgba(255, 255, 255, 0.76) !important;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 16px !important;
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
}

.service-details {
  padding-top: 88px !important;
  padding-bottom: 88px !important;
}

.service-details__services-list li a {
  border-radius: 14px !important;
  color: var(--brand-text) !important;
  font-weight: 700;
}

.service-details__services-list li.active a,
.service-details__services-list li a:hover {
  background: var(--brand-primary-gradient) !important;
  color: var(--brand-white) !important;
}

.service-details__points-list li .icon {
  color: var(--brand-accent) !important;
}

.why-choose-redesign .feature-card {
  min-height: 255px;
}

.why-choose-redesign .feature-content h3,
.about-feature-content h4,
.service-details h3 a {
  color: var(--brand-text) !important;
}

.cta-one {
  background: var(--brand-primary-gradient) !important;
  overflow: hidden;
  position: relative;
}

.cta-one::before {
  background: rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  content: "";
  height: 260px;
  position: absolute;
  right: -80px;
  top: -120px;
  width: 260px;
}

.counter-one {
  padding: 80px 0 !important;
}

.counter-one__bg {
  opacity: 0.18 !important;
}

.counter-one__single {
  background: var(--brand-white);
  border-radius: 20px;
  box-shadow: var(--shadow-card);
  padding: 32px 20px;
}

.counter-one__count-box h3,
.counter-one__count-box span {
  color: var(--brand-primary) !important;
  font-family: var(--fixpro-font-two) !important;
}

.how-we-work .row {
  position: relative;
}

.how-we-work .row::before {
  background: linear-gradient(90deg, transparent, var(--brand-secondary), transparent);
  content: "";
  height: 2px;
  left: 12%;
  position: absolute;
  right: 12%;
  top: 60px;
}

.process-item {
  padding: 26px 20px 24px;
}

.process-item .step-number {
  background: var(--brand-accent-gradient) !important;
  border: 4px solid var(--brand-white) !important;
  box-shadow: 0 10px 20px rgba(249, 115, 22, 0.22);
}

.testimonial-card {
  min-height: 360px;
  padding: 36px 28px !important;
}

.testimonial-card .quote-icon {
  color: rgba(46, 163, 242, 0.18) !important;
}

.testimonial-card .client-img {
  border: 4px solid rgba(46, 163, 242, 0.16) !important;
  box-shadow: var(--shadow-card);
}

.testimonial-card .rating i {
  color: var(--brand-accent) !important;
}

.faq-accordion .accordion-button,
.accrodion-title {
  border-radius: 16px !important;
  color: var(--brand-text) !important;
  font-family: var(--fixpro-font-two) !important;
  font-weight: 700 !important;
}

.faq-accordion .accordion-button:not(.collapsed),
.accrodion.active .accrodion-title {
  background: var(--brand-primary-gradient) !important;
  color: var(--brand-white) !important;
}

.accordion-body,
.accrodion-content .inner {
  color: var(--brand-muted);
  padding: 22px 28px !important;
}

.page-header {
  background: linear-gradient(135deg, #F8FAFC, #EAF6FF) !important;
  padding: 92px 0 !important;
  position: relative;
}

.page-header__bg {
  opacity: 0.22 !important;
}

.page-header__inner h3 {
  color: var(--brand-text) !important;
  font-size: clamp(34px, 5vw, 56px) !important;
}

.thm-breadcrumb li,
.thm-breadcrumb li a {
  color: var(--brand-muted) !important;
  font-family: var(--fixpro-font) !important;
  font-weight: 700;
}

.contact-info {
  padding: 80px 0 36px !important;
}

.contact-info__single {
  height: 100%;
  padding: 34px 24px !important;
}

.contact-info__single h3 a,
.contact-info__single h3 {
  color: var(--brand-text) !important;
  font-size: 20px !important;
}

.contact-page__left iframe {
  min-height: 560px;
}

.site-footer {
  background: radial-gradient(circle at 15% 10%, rgba(46, 163, 242, 0.22), transparent 26%), linear-gradient(135deg, #07111F 0%, #0B2545 100%) !important;
  color: rgba(255, 255, 255, 0.78) !important;
  margin-top: 0;
  overflow: hidden;
  padding-top: 92px;
  position: relative;
}

.site-footer::before {
  background: var(--brand-white);
  border-radius: 0 0 50% 50%;
  content: "";
  height: 44px;
  left: -5%;
  position: absolute;
  right: -5%;
  top: -1px;
}

.site-footer__bg,
.site-footer__shape-1,
.site-footer__shape-2 {
  opacity: 0.08 !important;
}

.footer-widget__title {
  color: var(--brand-white) !important;
  font-size: 20px !important;
  margin-bottom: 24px !important;
}

.footer-widget__about-text,
.footer-widget__list li a,
.footer-widget__contact-list li .text span,
.footer-widget__contact-list li .text a,
.site-footer__copyright,
.site-footer__copyright a,
.site-footer__bottom-menu li a {
  color: rgba(255, 255, 255, 0.76) !important;
}

.footer-widget__list li a:hover,
.footer-widget__contact-list li .text a:hover,
.site-footer__bottom-menu li a:hover {
  color: var(--brand-secondary) !important;
}

.site-footer__social a,
.mobile-nav__social a {
  align-items: center;
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 50%;
  color: var(--brand-white) !important;
  display: inline-flex;
  height: 42px;
  justify-content: center;
  width: 42px;
}

.site-footer__social a:hover {
  background: var(--brand-accent-gradient) !important;
  transform: translateY(-3px);
}

.site-footer__bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.mobile-nav__content {
  background: var(--brand-dark) !important;
}

.mobile-nav__contact li a,
.mobile-nav__contact li i {
  color: var(--brand-white) !important;
}

.sticky-contact-btns {
  bottom: 22px !important;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: fixed;
  right: 22px !important;
  z-index: 9999;
}

.sticky-btn {
  align-items: center;
  border-radius: 50% !important;
  box-shadow: var(--shadow-hover) !important;
  display: inline-flex;
  height: 56px !important;
  justify-content: center;
  transition: transform 200ms ease;
  width: 56px !important;
}

.call-btn-fixed {
  background: var(--brand-primary-gradient) !important;
}

.whatsapp-btn-fixed {
  background: linear-gradient(135deg, #16A34A, #22C55E) !important;
}

.sticky-btn:hover {
  transform: translateY(-4px) scale(1.03);
}