/* ENHANCED SECTIONS - TRUSTWORTHY DESIGN SYSTEM */
/* Based on about.html styling with unified corporate theme */

/* Import base trustworthy styles */
@import url("trustworthy-unified-style.css");

/* APPLY TRUSTWORTHY STYLING TO ALL SECTIONS */

/* Section Background Pattern - Alternating clean backgrounds */
.intro-area,
.about-area,
.choose-style1-area,
.services-area,
.features-area,
.contact-area,
.about-style1-area,
.why-choose-area,
.simple-process-area,
.about-company-area,
.reliable-choice-area,
.why-you-need-us-area,
.why-choose-us-final-area {
  background: var(--bg-white) !important;
}

.features-style1-area,
.facts-area,
.testimonial-style1-area,
.blog-area,
.partner-area,
.service-style1-area {
  background: var(--bg-light) !important;
  padding: 80px 0 !important;
}

/* Apply trustworthy card system to all components */
.single-choose-style1,
.single-fact-box,
.single-features-style1,
.services-style1-single,
.single-service-box-style1,
.single-why-choose-box,
.single-simple-process-box,
.single-services-box,
.single-why-choose-us-final-box,
.intro-style1-single-box,
.testimonial-style1-single,
.blog-style1-single {
  background: var(--bg-white) !important;
  border-radius: 8px !important;
  padding: 40px 30px !important;
  height: 100% !important;
  box-shadow: var(--shadow-light) !important;
  border: 1px solid var(--border-light) !important;
  transition: all 0.3s ease !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
}

.single-choose-style1:hover,
.single-fact-box:hover,
.single-features-style1:hover,
.services-style1-single:hover,
.single-service-box-style1:hover,
.single-why-choose-box:hover,
.single-simple-process-box:hover,
.single-services-box:hover,
.single-why-choose-us-final-box:hover,
.intro-style1-single-box:hover,
.blog-style1-single:hover {
  box-shadow: var(--shadow-medium) !important;
  transform: translateY(-5px) !important;
}

/* Unified icon styling */
.single-choose-style1 .icon .icon-inner,
.single-fact-box .icon,
.single-features-style1 .icon,
.services-style1-single .icon,
.single-service-box-style1 .icon,
.single-why-choose-box .icon,
.single-simple-process-box .icon,
.single-services-box .icon,
.single-why-choose-us-final-box .icon {
  width: 80px !important;
  height: 80px !important;
  background: var(--corporate-gradient) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 25px !important;
  font-size: 32px !important;
}

/* Hide counting numbers for cleaner trustworthy look */
.single-choose-style1 .counting,
.single-features-style1 .counting,
.single-simple-process-box .counting {
  display: none !important;
}

/* Unified text styling */
.single-choose-style1 .text h3,
.single-fact-box .text h3,
.single-features-style1 .text h3,
.services-style1-single .text h3,
.single-service-box-style1 h3,
.single-why-choose-box h3,
.single-simple-process-box h3,
.single-services-box h3,
.single-why-choose-us-final-box h3,
.intro-style1-single-box .title-box h3,
.blog-style1-single .content-box h3 {
  font-size: 24px !important;
  font-weight: 600 !important;
  color: var(--text-dark) !important;
  margin-bottom: 15px !important;
  line-height: 1.3 !important;
}

.single-choose-style1 .text p,
.single-fact-box .text p,
.single-features-style1 .text p,
.services-style1-single .text p,
.single-service-box-style1 p,
.single-why-choose-box p,
.single-simple-process-box p,
.single-services-box p,
.single-why-choose-us-final-box p,
.blog-style1-single .content-box p {
  font-size: 16px !important;
  color: var(--text-light) !important;
  line-height: 1.6 !important;
  margin-bottom: 0 !important;
}

/* Section titles unified styling */
.sec-title h2 {
  font-size: 42px !important;
  font-weight: 700 !important;
  margin-bottom: 20px !important;
  line-height: 1.2 !important;
}

.sec-title .sub-title p {
  font-size: 18px !important;
  max-width: 600px !important;
  margin: 0 auto !important;
  line-height: 1.6 !important;
}

/* Testimonial special styling */
.testimonial-style1-single::before {
  content: "\f10d" !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  position: absolute !important;
  top: -15px !important;
  left: 35px !important;
  background: var(--corporate-gradient) !important;
  color: white !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
}

/* Buttons unified styling */
.btn-box a,
.header-btn-one a,
.btn-one,
button[type="submit"] {
  display: inline-block !important;
  background: var(--corporate-gradient) !important;
  padding: 15px 35px !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  border: none !important;
  cursor: pointer !important;
}

.btn-box a:hover,
.header-btn-one a:hover,
.btn-one:hover,
button[type="submit"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 25px rgba(207, 23, 60, 0.3) !important;
  color: white !important;
  text-decoration: none !important;
}

/* Remove all decorative shapes and unnecessary elements for trustworthy clean look */
.shape,
.shape1,
.shape2,
.shape3,
.shape4,
.shape-1,
.shape-2,
.shape-3,
.shape-4,
.overlay,
.border-box,
.counting-box-bg,
.shape-left,
.shape-bottom {
  display: none !important;
}

/* Keep overlay-content for statements sections but make it subtle */
.statements-area .overlay-content {
  display: block !important;
  opacity: 0.1 !important;
}

/* Ensure proper flexbox behavior for equal heights */
.row .col-xl-3,
.row .col-xl-4,
.row .col-lg-4,
.row .col-md-6 {
  display: flex !important;
  align-items: stretch !important;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
  .intro-area,
  .about-area,
  .choose-style1-area,
  .services-area,
  .features-area,
  .contact-area,
  .features-style1-area,
  .facts-area,
  .testimonial-style1-area,
  .blog-area,
  .partner-area,
  .service-style1-area,
  .about-style1-area,
  .why-choose-area,
  .simple-process-area,
  .about-company-area,
  .reliable-choice-area,
  .why-you-need-us-area,
  .why-choose-us-final-area {
    padding: 60px 0 !important;
  }

  .sec-title h2 {
    font-size: 32px !important;
  }

  .single-choose-style1,
  .single-fact-box,
  .single-features-style1,
  .services-style1-single,
  .single-service-box-style1,
  .single-why-choose-box,
  .single-simple-process-box,
  .single-services-box,
  .single-why-choose-us-final-box {
    padding: 30px 20px !important;
    margin-bottom: 30px !important;
  }
}

/* Additional content area styling for about.html compatibility */
.intro-style1-content-box {
  padding: 40px 0 !important;
}

.intro-style1-content-box .text p {
  font-size: 16px !important;
  color: var(--text-light) !important;
  line-height: 1.6 !important;
  margin-bottom: 20px !important;
}

.intro-style1-single-box .title-box {
  padding: 25px 20px !important;
}

.intro-style1-single-box .title-box h3 a {
  color: var(--text-dark) !important;
  text-decoration: none !important;
}

.intro-style1-single-box .title-box h3 a:hover {
  color: var(--corporate-primary) !important;
}

/* Исправление выравнивания стрелок в кнопках */
.btn-box a span.icon-right-arrow,
.single-service-box-style1 .btn-box a span.icon-right-arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
}

/* Белые иконки для Choose Style1 секций */
.choose-style1-area .single-choose-style1 .icon .icon-inner span {
  color: #ffffff !important;
  font-size: 32px !important;
}

.choose-style1-area .single-choose-style1 .icon .icon-inner {
  background: var(--corporate-gradient) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 80px !important;
  height: 80px !important;
  border-radius: 50% !important;
  margin: 0 auto !important;
}

/* Принудительно применяем стили к иконкам в Choose Style1 */
.choose-style1__content .single-choose-style1 .icon .icon-inner {
  background: linear-gradient(
    0deg,
    rgb(138, 15, 61) 0%,
    rgb(207, 23, 60) 100%
  ) !important;
}

.choose-style1__content
  .single-choose-style1
  .icon
  .icon-inner
  span[class*="icon-"] {
  color: #ffffff !important;
  font-size: 32px !important;
}

/* Поддержка FontAwesome иконок в Choose Style1 */
.choose-style1__content
  .single-choose-style1
  .icon
  .icon-inner
  i[class*="fa-"] {
  color: #ffffff !important;
  font-size: 32px !important;
}

.choose-style1-area .single-choose-style1 .icon .icon-inner i[class*="fa-"] {
  color: #ffffff !important;
  font-size: 32px !important;
}

/* Сохраняем иконки при наведении */
.choose-style1__content
  .single-choose-style1:hover
  .icon
  .icon-inner
  i[class*="fa-"] {
  color: #ffffff !important;
  font-size: 32px !important;
  opacity: 1 !important;
}

.choose-style1-area
  .single-choose-style1:hover
  .icon
  .icon-inner
  i[class*="fa-"] {
  color: #ffffff !important;
  font-size: 32px !important;
  opacity: 1 !important;
}

.choose-style1__content
  .single-choose-style1:hover
  .icon
  .icon-inner
  span[class*="icon-"] {
  color: #ffffff !important;
  font-size: 32px !important;
  opacity: 1 !important;
}

.choose-style1-area
  .single-choose-style1:hover
  .icon
  .icon-inner
  span[class*="icon-"] {
  color: #ffffff !important;
  font-size: 32px !important;
  opacity: 1 !important;
}

/* Фон иконок остется при наведении */
.choose-style1__content .single-choose-style1:hover .icon .icon-inner {
  background: linear-gradient(
    0deg,
    rgb(138, 15, 61) 0%,
    rgb(207, 23, 60) 100%
  ) !important;
}

.choose-style1-area .single-choose-style1:hover .icon .icon-inner {
  background: var(--corporate-gradient) !important;
}

/* Дополнительное выравнивание для стрелок */
.single-service-box-style1 .btn-box a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  background: var(--corporate-gradient) !important;
  color: #ffffff !important;
  transition: all 0.3s ease !important;
}

.single-service-box-style1 .btn-box a:hover {
  transform: scale(1.1) !important;
  box-shadow: 0 5px 15px rgba(207, 23, 60, 0.3) !important;
}

/* Исправление центрирования стрелок в других кнопках */
.statements-text-box .btn-box a span.icon-right-arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: 8px !important;
}

/* Улучшенное центрирование для всех стрелок */
span.icon-right-arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
}

/* Центрирование для кнопок с иконками */
.btn-one span.icon-right-arrow,
.btn-box a span.icon-right-arrow {
  margin-left: 8px !important;
  font-size: 14px !important;
}

/* Исправление центрирования в service box кнопках */
.single-service-box-style1 .btn-box a span {
  font-size: 18px !important;
  line-height: 1 !important;
}

/* Центрирование иконок в Facts Area */
.facts-area .single-fact-box .icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 25px !important;
}

/* Принудительное применение правильных шрифтов для всех страниц */
body,
html,
* {
  font-family: var(--thm-font-2) !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--thm-font) !important;
}

/* Переопределение для случаев где переменные не работают */
.sec-title h2,
.about-style1-area .sec-title h2,
.pricing-table-header .title h3,
.contact-info-area .sec-title h2,
.pricing-cta-content h3,
.page-header h2,
.legal-content h2,
.legal-content h3,
.legal-content h4,
.content-header h2 {
  font-family: "Manrope", sans-serif !important;
}

p,
.text p,
.sub-title p,
.pricing-table-content ul li,
.disclosure-item,
.contact-details,
.legal-content p,
.legal-section p,
.choice-item p,
.contact-content p,
.last-updated,
.highlight-box p,
.warning-box p,
.security-highlight p {
  font-family: "DM Sans", sans-serif !important;
}

/* Специальные правила для легальных страниц */
.legal-content__inner,
.legal-section,
.choice-item,
.contact-section {
  font-family: "DM Sans", sans-serif !important;
}

.legal-content__inner h1,
.legal-content__inner h2,
.legal-content__inner h3,
.legal-content__inner h4,
.legal-content__inner h5,
.legal-content__inner h6,
.page-header__inner h2,
.thm-breadcrumb {
  font-family: "Manrope", sans-serif !important;
}

/* Центрирование иконок в Services Area */
.services-area .single-fact-box .icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 25px !important;
}

/* Стили для FontAwesome иконок в Services Area */
.services-area .single-fact-box .icon i[class*="fa-"] {
  color: #cf173c !important;
  font-size: 48px !important;
  transition: all 0.3s ease !important;
}

.services-area .single-fact-box:hover .icon i[class*="fa-"] {
  color: #a0142e !important;
  transform: scale(1.1) !important;
}