* {
  margin: 0;
        padding: 0;
      box-sizing: border-box;
}

body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 16px;
   line-height: 1.6;
   color: #c0c0c0;
    background: #0a0a0a;
}

a {
  text-decoration: none;
  color: inherit;
}

img {
  max-width: 100%;
  height: auto;
  display:block;
}

.layout-inner-op {
	width: 100%;
    max-width: 1170px;
    margin: 0 auto;
   padding: 0 15px;
}

.flex-arrange-op {
   display: flex;
    flex-wrap: wrap;
   margin: 0 -15px;
}

.col-zone-4, .col-zone-md-6, .col-zone-md-8, .col-zone-md-10, .col-zone-lg-4, .col-zone-lg-5, .col-zone-lg-7, .col-full-12 {
   padding: 0 15px; 
  width: 100%;
}@media (min-width: 768px) {
    .col-zone-md-6 {
        width: 50%;
    }

    .col-zone-md-8 {
        width: 66.666%;
    }

    .col-zone-md-10 {
        width: 83.333%;
    }
}

@media (min-width: 992px) {
    .col-zone-4 {
        width: 33.333%;
    }

    .col-zone-lg-4 {
        width: 33.333%;
    }

    .col-zone-lg-5 {
        width: 41.666%;
    }

    .col-zone-lg-7 {
        width: 58.333%;
    }
}.align-mid-items {
   align-items: center;
}

.align-self-mid {
   align-self: center;
}

.justify-mid-op {
   justify-content: center;
}

.text-align-mid {
    text-align: center;
}

.spacing-below-3 {
   margin-bottom :   1rem;
}

.spacing-below-4 {
  margin-bottom: 1.5rem;
}

.spacing-below-5 {
   margin-bottom: 3rem;
}

.padding-below-2 {
    padding-bottom: 2rem;
}

.padding-4 {
    padding: 1.5rem;


}

.padding-x-5 {
   padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.margin-left-auto {
  margin-left: auto;
}

.margin-left-3 {
  margin-left: 1rem;
}

.spacing-margin-80 {
      margin-bottom: 80px;
}

.visual-fluid {
  width: 100%;
                    height: auto;
}

.text-white-op {
    color: #fff;
}

.nav-frame-op {
   background: #141414;
    padding: 18px 0;
   position: sticky;
  top: 0;
   z-index: 1000;
   border-bottom: 1px solid #2a2a2a;
}

.nav-inner-rg {
    max-width: 1170px;
  margin: 0 auto;
    padding: 0 15px;
    display: flex;
  justify-content: space-between;
    align-items: center;
}

.brand-visual {
   max-height: 64px;
    width: auto;
  filter: brightness(0) invert(1);
}

.menu-zone-op {
  display: flex;
    gap: 32px;
}

.nav-link-item {
   font-weight: 500;
  color: #b8b8b8;
    font-size: 15px;
   transition: color 0.3s;
}

.nav-link-item:hover {
   color: #silver;
}@media (max-width: 768px) {
    .menu-zone-op {
        gap: 20px;
    }

    .nav-link-item {
        font-size: 14px;
    }
}.promo-display-main {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../headers/galloping_horses_grey_dust_artistic.webp') no-repeat center center;
   background-size: cover;
   min-height: 500px;
  display: flex;
    align-items: center;
  justify-content: center;
   position: relative;
}

.promo-content-zone {
   z-index: 2;
}

.promo-content-zone h1 {
  font-size: 40px;
    font-weight: 700;
  line-height: 1;
  color: #ffffff;
    margin-bottom: 30px;
}@media (min-width: 800px) {
    .promo-content-zone h1 {
        font-size: 60px;
    }
}.action-piece {
  display: inline-block;
   border: 1px solid transparent;
   font-size: 14px;
  font-weight: 500;
  padding: 10px 22px;
    background-color: #2d2d2d;
   color: #c0c0c0;
    transition: all 0.3s ease 0s;
}@media (min-width: 600px) {
    .action-piece {
        padding: 12px 42px;
    }
}.action-piece:hover {
   background: #1a1a1a;
   color: #ffffff;
}

.info-display-rg {
  padding: 2.5em 0;
   background: #0f0f0f;
}@media (min-width: 768px) {
    .info-display-rg {
        padding: 5em 0;
    }
}.title-level-4 {
    font-size: 24px;
    font-weight: 600;
   color: #d4d4d4;
}

.progress-unit {
    position: relative;
}

.progress-unit span {
   color: #a8a8a8;
  font-size: 14px;
}

.progress-track {
    height: 7px;
   background: #1f1f1f;
    overflow: visible;
   margin-top: 8px;
}

.round-none {
  border-radius: 0;
}

.progress-indicator {
   background: #5a5a5a;
   position: relative;
   overflow: visible;
    height: 100%;
}

.progress-indicator:after {
  content: "";
   position: absolute;
	 top: -10px;
  right: 0;
   width: 10px;
    height: 10px;
    background: #5a5a5a;
    border-radius: 50%;
}

.btn-main-op {
  background: #2a2a2a;
  border: none;
    color: #c0c0c0;
    padding: 12px 28px;
   font-size: 15px;
    font-weight: 500;
   display :       inline-block;
  transition: all 0.3s;
}

.btn-main-op:hover {
   background: #1a1a1a;
  color: #ffffff;
}

.advantage-display-area {
    padding: 120px 0;
   background: #0a0a0a;
}@media (max-width: 991px) {
    .advantage-display-area {
        padding: 80px 0;
    }
}.section-spacing-top {
    padding-top: 120px;
}@media (max-width: 991px) {
    .section-spacing-top {
        padding-top: 80px;
    }
}.header-block {
  padding-bottom: 60px;
}@media (max-width: 991px) {
    .header-block {
        padding-bottom: 40px;
    }
}.header-block h3 {
   font-size: 21px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 2px;
   color: #808080;
}

.header-block h2 {
   font-size: 48px;
    line-height: 1.2em;
  font-weight: 600;
  margin-top   : 15px;
    color: #d4d4d4;
}@media (max-width: 991px) {
    .header-block h2 {
        font-size: 36px;
    }
}

@media (max-width: 768px) {
    .header-block h2 {
        font-size: 28px;
    }
}.header-block h2 span {
   color: #6a6a6a;
}

.advantage-card-op {
   padding: 45px 39px;
         background: #141414;
  margin-bottom: 30px;
   transition: all 0.3s ease 0s;
    border: 1px solid #222222;
}@media (max-width: 1199px) {
    .advantage-card-op {
        padding: 30px 20px;
    }
}.icon-display-op {
   width: 36px;
   height: 36px;
   stroke: #7a7a7a;
  fill: none;
   stroke-width: 2;
   stroke-linecap: round;
  stroke-linejoin: round;
   transition: all 0.3s ease 0s;
}

.advantage-card-op h4 {
    color: #d4d4d4;
      font-size: 21px;
    line-height: 27px;
    margin-bottom: 0;
}

.advantage-card-op p {
  margin-bottom: 0px;
  color: #9a9a9a;
      line-height: 1.625em;
    font-size: 15px;
}

.advantage-card-op:hover {
  transform: translateY(-6px);
  box-shadow: 0px 20px 30px rgba(50, 50, 50, 0.3);
  border-color: #3a3a3a;
}

.platforms-showcase-op {
    padding: 7em 0;
  background: #0f0f0f;
}@media (max-width: 767px) {
    .platforms-showcase-op {
        padding: 4em 0;
    }
}.platform-card {
    margin-bottom: 30px;
   overflow: hidden;
   border: 1px solid #2a2a2a;
}

.visual-bg {
   width: 100%;
   height: 250px;
    background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.content-piece {
   width: 100%;
   position: relative;
}

.content-piece h3 {
    font-size: 22px;
	font-weight: 600;
   margin-bottom: 15px;
}

.content-piece h3 a {
    color: #d4d4d4;
}

.content-piece h3 a:hover  {
   color: #8a8a8a;
}

.subtitle-info {
   font-size: 14px;
  color: #707070;
  margin-bottom: 10px;
}

.subtitle-info span {
  color: #909090;
   font-weight: 600;
}

.content-piece p {
   font-size: 15px;
    color: #a0a0a0;
   line-height: 1.6;
    margin: 0;
}

.bg-light-op {
    background: #1a1a1a !important;
}@media (min-width: 992px) {
    .flex-lg-op {
        display: flex;
    }

    .platform-card .visual-bg {
        width: 40%;
        height: auto;
    }

    .platform-card .content-piece {
        width: 60%;
    }
}.content-display-zone {
  padding: 120px 0;
    background: #0a0a0a;
}@media (max-width: 991px) {
    .content-display-zone {
        padding: 80px 0;
    }
}.text-info-block {
   padding-right: 30px;
}@media (max-width: 991px) {
    .text-info-block {
        padding-right: 0;
        margin-bottom: 30px;
    }
}.text-info-block h3 {
  font-size: 36px;
   font-weight: 600;
   color: #d4d4d4;
   margin-bottom: 20px;
   line-height: 1.3;
}@media (max-width: 991px) {
    .text-info-block h3 {
        font-size: 28px;
    }
}.text-info-block p {
    font-size   : 16px;
   line-height: 28px;
  color: #a0a0a0;
   margin-bottom: 30px;
}

.outlined-action-op {
    color: #c0c0c0;
  display: inline-block;
    padding: 14px 47px;
  font-size: 14px;
   font-weight: 500;
  border: 2px solid #3a3a3a;
    text-align: center;
   text-transform: capitalize;
  transition: 0.3s;
  cursor: pointer;
  letter-spacing: 2px;
}

.outlined-action-op:hover {
  background: #2a2a2a;
   color: #fff;
    border-color: #2a2a2a;
}

.image-holder img {
   width: 100%;
    height: auto;
}

.reviews-showcase-op {
  padding: 7em 0;
}@media (max-width: 767px) {
    .reviews-showcase-op {
        padding: 4em 0;
    }
}.background-light {
   background: #141414 !important;
}

.subtitle-accent {
  font-size: 18px;
  font-weight: 500;
   color: #7a7a7a;
   text-transform: uppercase;
  letter-spacing: 1px;
}

.review-card-op {
    display: block;
  position: relative;
   background: #1f1f1f;
   padding: 1.5em;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.4);
    margin-bottom: 30px;
   border: 1px solid #2a2a2a;
}

.profile-visual {
    width: 80px;
  height: 80px;
   border-radius: 50%;
  position: relative;
    margin-right: 20px;
   background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  flex-shrink: 0;
       border: 2px solid #3a3a3a;
}

.quote-mark {
   font-size: 40px;
  line-height: 0;
  color: #5a5a5a;
   font-family: Arial, Helvetica, sans-serif;
   position: absolute;
    top: 5px;
  left: 0;
    opacity: 0.1;
}

.review-card-op p {
    font-style: italic;
  color: #b0b0b0;
    font-size: 16px;
    line-height: 1.6;
}

.author-name {
  font-weight: 700;
   font-size: 18px;
    color: #d4d4d4;
  margin-bottom: 0;
   font-style: normal !important;
}

.author-role {
  font-size: 14px;
    color: #888888;
}

.footer-links-zone {
    padding: 40px 0;
  background: #0f0f0f;
  border-top: 1px solid #2a2a2a; 
	
}

.links-arrange {
   display: flex;
  justify-content: center;
    gap: 30px;
  margin-bottom: 25px;
  flex-wrap: wrap;
}

.footer-link-item {
   color: #909090;
  font-size: 14px;
    transition: color 0.3s;
}

.footer-link-item:hover {
  color: #c0c0c0;
}

.contact-info-zone {
   padding-top: 20px;
	 border-top: 1px solid #2a2a2a;
}

.contact-info-zone p {
  margin: 8px 0;
    color: #808080;
  font-size: 14px;
}

.copyright-text {
   margin-top: 15px;
  font-size: 13px;
   color: #606060;
}@media (max-width: 768px) {
    .links-arrange {
        gap: 15px;
    }
}.footer-main-zone {
	background: #0a0a0a;
   border-top: 2px solid #2a2a2a;
    padding: 60px 0 30px;
    margin-top: 80px;
}

.footer-brand-area {
    text-align: center;
    margin-bottom: 40px;
}

.footer-logo-visual {
  min-height: 86px;
                    width: auto;
   max-width: 280px;
   margin: 0 auto;
  filter: brightness(0) invert(1);
}@media (max-width: 768px) {
    .footer-logo-visual {
        max-width: 200px;
        min-height: 60px;
    }
}.footer-nav-links {
   display: flex;
    justify-content: center;
  flex-wrap: wrap;
  gap: 25px;
   margin-bottom: 50px;
  padding-bottom: 30px;
  border-bottom: 1px solid #2a2a2a;
}@media (max-width: 768px) {
    .footer-nav-links {
        gap: 15px;
    }
}.footer-nav-link {
    color: #a0a0a0;
   font-size: 15px;
  font-weight: 500;
    transition: color 0.3s;
}

.footer-nav-link:hover {
  color: #d4d4d4;
}@media (max-width: 576px) {
    .footer-nav-link {
        font-size: 13px;
    }
}.footer-regulators-zone {
   margin-bottom: 50px;
}

.regulators-title {
   text-align: center;
    font-size: 20px;
   color: #d4d4d4;
    margin-bottom: 30px;
  font-weight: 600;
  text-transform   :      uppercase;
    letter-spacing: 1px;
}@media (max-width: 768px) {
    .regulators-title {
        font-size: 18px;
        margin-bottom: 20px;
    }
}.regulators-grid {
    display: grid;
  grid-template-columns: repeat(3, 1fr);
   gap: 30px;
   max-width: 800px;
    margin: 0 auto;
}@media (max-width: 768px) {
    .regulators-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }
}

@media (max-width: 480px) {
    .regulators-grid {
        grid-template-columns: 1fr;
        gap: 20px;
        max-width: 300px;
    }
}.regulator-item {
   background: #141414;
    border: 2px solid #2a2a2a;
   padding: 25px 20px;
  text-align: center;
    transition: all 0.3s;
   display: flex;
  flex-direction: column;
    align-items: center;
   gap: 15px;
}

.regulator-item:hover {
   border-color: #4a4a4a;
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(255, 255, 255, 0.05);
}@media (max-width: 768px) {
    .regulator-item {
        padding: 20px 15px;
        gap: 10px;
    }
}.regulator-item img {
	 width: 100%;
    max-width: 120px;
  height: auto;
  filter: grayscale(100%) brightness(1.2);
    transition: filter 0.3s;
}

.regulator-item:hover img {
  filter: grayscale(0%) brightness(1);
}@media (max-width: 768px) {
    .regulator-item img {
        max-width: 80px;
    }
}.regulator-name {
   font-size: 14px;
   color: #b0b0b0;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 1px;
}@media (max-width: 768px) {
    .regulator-name {
        font-size: 12px;
    }
}.footer-disclaimer-box {
   background: #1a1a1a;
  border: 2px solid #3a3a3a;
    border-left: 5px solid #7a7a7a;
   padding: 30px;
   margin-bottom: 40px;
}@media (max-width: 768px) {
    .footer-disclaimer-box {
        padding: 20px 15px;
        border-left-width: 3px;
    }
}.disclaimer-title {
  font-size: 18px;
    color: #d4d4d4;
  margin-bottom:     15px;
  font-weight: 700;
}@media (max-width: 768px) {
    .disclaimer-title {
        font-size: 16px;
    }
}.disclaimer-text {
   font-size: 14px;
    color: #a0a0a0;
    line-height: 1.8;
   margin: 0;
}@media (max-width: 768px) {
    .disclaimer-text {
        font-size: 13px;
        line-height: 1.7;
    }
}.footer-contact-info {
	  text-align: center;
  margin-bottom: 25px;
  padding-top: 30px;
    border-top: 1px solid #2a2a2a;
	}

.footer-contact-info p {
   color: #808080;
    font-size: 14px;
  margin: 8px 0;
}@media (max-width: 768px) {
    .footer-contact-info p {
        font-size: 13px;
    }
}.footer-copyright {
    text-align: center; 
   padding-top: 20px; 
    border-top: 1px solid #2a2a2a;
}

.footer-copyright p {
  color: #606060;
   font-size: 13px;
  margin: 0;
}

.age-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
  width: 100%;
    height: 100%;
  background: rgba(0, 0, 0, 0.95);
  display: flex;
   align-items: center;
    justify-content: center;
  z-index: 9999;
  padding: 20px;
}

.age-popup-overlay.hidden {
  display: none;
}

.age-popup-content {
  background: #141414;
    border: 2px solid #3a3a3a;
   padding: 40px;
   max-width: 500px;
   width: 100%;
    text-align: center;
}@media (max-width: 576px) {
    .age-popup-content {
        padding: 30px 20px;
    }
}.age-popup-title {
   font-size: 28px;
   color: #d4d4d4;
    margin-bottom: 20px;
   font-weight: 700;
}@media (max-width: 576px) {
    .age-popup-title {
        font-size: 24px;
    }
}.age-popup-text {
   font-size: 18px;
   color: #c0c0c0;
   margin-bottom: 10px;
}@media (max-width: 576px) {
    .age-popup-text {
        font-size: 16px;
    }
}.age-popup-subtext {
    font-size: 14px;
   color: #909090;
   margin-bottom: 30px;
}@media (max-width: 576px) {
    .age-popup-subtext {
        font-size: 13px;
    }
}.age-popup-actions {
   display: flex;
  gap: 15px;
  flex-direction: column;
}@media (min-width: 576px) {
    .age-popup-actions {
        flex-direction: row;
        justify-content: center;
    }
}.age-popup-btn {
  padding: 15px 30px;
    font-size: 16px;
    font-weight: 600;
  border: none;
    cursor: pointer;
    transition: all 0.3s;
}@media (max-width: 576px) {
    .age-popup-btn {
        padding: 12px 20px;
        font-size: 14px;
    }
}.age-popup-confirm {
    background: #2a2a2a;
    color: #d4d4d4;
}

.age-popup-confirm:hover {
   background: #3a3a3a;
   color: #ffffff;
}

.age-popup-decline {
    background: #1a1a1a;
    color: #808080;
   border: 1px solid #3a3a3a;
}

.age-popup-decline:hover {
  background: #0a0a0a;
   border-color: #2a2a2a;
}

.catalog-offers-section {
  padding: 100px 0;
  background: #0a0a0a;
}@media (max-width: 991px) {
    .catalog-offers-section {
        padding: 70px 0;
    }
}.catalog-header-block {
  margin-bottom: 60px;
}@media (max-width: 768px) {
    .catalog-header-block {
        margin-bottom: 40px;
    }
}.catalog-subtitle {
   font-size: 18px;
  font-weight: 500;
   color: #7a7a7a;
   text-transform: uppercase;
   letter-spacing: 1px;
   margin-bottom: 15px;
}

.catalog-title {
    font-size: 48px;
  line-height: 1.2em;
   font-weight: 600;
   margin-bottom: 20px;
    color: #d4d4d4;
}

.catalog-title span {
  color: #6a6a6a;
}@media (max-width: 991px) {
    .catalog-title {
        font-size: 36px;
    }
}

@media (max-width: 768px) {
    .catalog-title {
        font-size: 28px;
    }
}.catalog-description {
  font-size: 16px;
    color: #a0a0a0;
   max-width: 700px;
   margin: 0 auto;
   line-height: 1.6;
}

.catalog-cards-list {
    display: flex;
   flex-direction: column;
   gap: 30px;
   margin-bottom: 50px;
}

.offer-card-horizontal {
    background: #141414;
    border: 1px solid #2a2a2a;
    display: flex;
	 align-items: stretch;
    transition: all 0.3s;
  overflow: hidden;
}

.offer-card-horizontal:hover {
  border-color: #3a3a3a;
  box-shadow: 0 10px 40px rgba(255, 255, 255, 0.05);
  transform: translateY(-3px);
}@media (max-width: 991px) {
    .offer-card-horizontal {
        flex-direction: column;
    }
}.offer-logo-zone {
   flex: 0 0 200px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
    padding: 30px 20px;
   background: #1a1a1a;
   border-right: 1px solid #2a2a2a;
}@media (max-width: 991px) {
    .offer-logo-zone {
        flex: none;
        border-right: none;
        border-bottom: 1px solid #2a2a2a;
        padding: 25px 20px;
    }
}.offer-logo-img {
    width: 100%;
   max-width: 140px;
    height: auto;
   margin-bottom: 15px;
}@media (max-width: 991px) {
    .offer-logo-img {
        max-width: 120px;
    }
}.offer-site-name {
   font-size: 22px;
  font-weight: 700;
  color: #d4d4d4;
    margin: 0;
}

.offer-rating-zone {
  flex: 0 0 150px;
   display: flex;
   flex-direction: column;
    align-items: center;
  justify-content: center;
    padding: 30px 15px;
  background: #0f0f0f;
   border-right: 1px solid #2a2a2a;
}@media (max-width: 991px) {
    .offer-rating-zone {
        flex: none;
        border-right: none;
        border-bottom: 1px solid #2a2a2a;
        padding: 20px 15px;
    }
}.rating-display {
   margin-bottom: 10px;
}

.rating-number {
   font-size: 36px;
   font-weight: 700;
  color: #d4d4d4;
}

.rating-max {
	font-size: 18px;
    color: #808080;
}@media (max-width: 768px) {
    .rating-number {
        font-size: 28px;
    }

    .rating-max {
        font-size: 16px;
    }
}.rating-stars {
   font-size: 18px;
  color: #7a7a7a;
   margin-bottom: 8px;
  letter-spacing: 2px;
}

.rating-label {
  font-size: 13px;
   color: #606060;
  text-transform: uppercase;
  margin: 0;
}

.offer-bonus-zone {
    flex: 1;
    padding: 30px 25px;
   background: #141414;
}@media (max-width: 991px) {
    .offer-bonus-zone {
        padding: 25px 20px;
    }
}.bonus-title {
   font-size: 18px;
   font-weight: 600;
   color: #d4d4d4;
   margin-bottom: 12px;
}

.bonus-text {
    font-size: 16px;
    color: #c0c0c0;
  margin-bottom: 20px;
  line-height: 1.5;
}@media (max-width: 768px) {
    .bonus-text {
        font-size: 15px;
    }
}.bonus-features {
  list-style: none;
   padding: 0;
   margin: 0;
    display: flex;
    gap: 15px;
  flex-wrap: wrap;
}@media (max-width: 991px) {
    .bonus-features {
        gap: 10px;
    }
}.bonus-features li {
    font-size: 13px;
    color: #909090;
    padding: 6px 14px;
    background: #1a1a1a;
  border: 1px solid #2a2a2a;
}@media (max-width: 768px) {
    .bonus-features li {
        font-size: 12px;
        padding: 5px 12px;
    }
}.offer-action-zone {
	 flex: 0 0 200px;
  display: flex;
   flex-direction: column;
  align-items: center;
   justify-content: center;
  padding: 30px 20px;
     background: #0f0f0f;
  border-left: 1px solid #2a2a2a;
}@media (max-width: 991px) {
    .offer-action-zone {
        flex: none;
        border-left: none;
        border-top: 1px solid #2a2a2a;
        padding: 25px 20px;
    }
}.offer-claim-btn {
    display: inline-block;
    padding: 14px 30px;
  background: #2a2a2a;
    color: #d4d4d4;
    font-size: 15px;
   font-weight: 600;
   text-align: center;
    transition: all 0.3s;
    width: 100%;
    margin-bottom: 12px;
}

.offer-claim-btn:hover {
   background :        #3a3a3a;
  color: #ffffff;
  transform: scale(1.03);
}@media (max-width: 768px) {
    .offer-claim-btn {
        padding: 12px 25px;
        font-size: 14px;
    }
}.offer-terms {
  font-size: 11px;
    color: #606060;
  text-align: center;
   margin: 0;
}

.catalog-disclaimer {
    background: #1a1a1a;
   border: 1px solid #2a2a2a;
  border-left: 3px solid #5a5a5a;
   padding: 20px 25px;
    margin-top: 50px;
}@media (max-width: 768px) {
    .catalog-disclaimer {
        padding: 15px 20px;
    }
}.catalog-disclaimer p {
  font-size: 13px;
    color: #909090;
   line-height: 1.6;
    margin: 0;
}@media (max-width: 768px) {
    .catalog-disclaimer p {
        font-size: 12px;
    }
}.contact-hero-zone {
  background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('../headers/horse_race_charcoal_dramatic_mood.webp') no-repeat center center;
    background-size: cover;
  padding: 100px 0;
   text-align: center;
}@media (max-width: 768px) {
    .contact-hero-zone {
        padding: 70px 0;
    }
}.contact-hero-content h1 {
	   font-size: 48px;
    font-weight: 700;
  color: #ffffff;
   margin-bottom: 15px;
	}@media (max-width: 768px) {
    .contact-hero-content h1 {
        font-size: 36px;
    }
}.contact-hero-content p {
    font-size: 18px;
   color: #c0c0c0;
}

.contact-form-area {
   padding: 100px 0;
   background: #0a0a0a;
}@media (max-width: 991px) {
    .contact-form-area {
        padding: 70px 0;
    }
}.form-display-block {
  background: #141414;
   border: 1px solid #2a2a2a;
    padding: 40px;
}@media (max-width: 768px) {
    .form-display-block {
        padding: 30px 20px;
        margin-bottom: 40px;
    }
}.form-section-title {
  font-size: 32px;
   font-weight: 700;
   color: #d4d4d4;
  margin-bottom: 15px;
}@media (max-width: 768px) {
    .form-section-title {
        font-size: 26px;
    }
}.form-intro-text {
    font-size: 15px;
  color: #a0a0a0;
   margin-bottom: 35px;
   line-height: 1.6;
}

.contact-form-op {
  display: flex;
  flex-direction: column;
   gap: 25px;
}

.form-field-wrap {
   position: relative;
}

.field-label-op {
  display: flex;
    align-items     :     center;
  gap: 10px;
    font-size: 14px;
  font-weight: 500;
    color: #b0b0b0;
    margin-bottom: 10px;
}

.field-icon-op {
   width: 18px;
  height: 18px;
   stroke: #7a7a7a;
  fill: none;
   stroke-width: 2;
  stroke-linecap: round;
   stroke-linejoin: round;
}

.field-input-op,
.field-select-op,
.field-textarea-op {


    width: 100%;
   padding: 14px 18px;
   background: #0f0f0f;
   border: 1px solid #2a2a2a;
	color:      #d4d4d4;
    font-size: 15px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  transition: all 0.3s;


}

.field-input-op:focus,
.field-select-op:focus,
.field-textarea-op:focus {
          outline: none;
  border-color: #4a4a4a;
   background: #1a1a1a;
}

.field-input-op.field-error,
.field-select-op.field-error,
.field-textarea-op.field-error {
   border-color: #8a4a4a;
}

.field-select-op {
	cursor: pointer;
}

.field-textarea-op {
    resize: vertical;
  min-height: 140px;
}

.field-error-msg {
    display: block;
   font-size: 12px;
  color: #c07070;
    margin-top: 6px;
    min-height: 18px;
}

.form-submit-btn-op {
   padding: 16px 40px;
  background: #2a2a2a;
   border: none;
   color: #d4d4d4;
  font-size: 16px;
    font-weight: 600;
    cursor: pointer;
  transition: all 0.3s;
    display: flex;
    align-items: center;
   justify-content: center;
   gap: 12px;
    margin-top: 10px;
}

.form-submit-btn-op:hover {
   background: #3a3a3a;
  color: #ffffff;
  transform: translateY(-2px);
}@media (max-width: 768px) {
    .form-submit-btn-op {
        padding: 14px 30px;
        font-size: 15px;
    }
}.btn-icon-inline {
    width: 20px;
  height: 20px;
    stroke: #d4d4d4;
   fill: none;
    stroke-width: 2;
   stroke-linecap: round;
   stroke-linejoin: round;
}

.contact-info-panel {
    background: #141414;
   border: 1px solid #2a2a2a;
   padding: 40px;
}@media (max-width: 768px) {
    .contact-info-panel {
        padding: 30px 20px;
    }
}.info-panel-title {
  font-size: 28px;
    font-weight: 700;
  color: #d4d4d4;
   margin-bottom     : 35px;
}@media (max-width: 768px) {
    .info-panel-title {
        font-size: 24px;
    }
}.info-item-block {
    display: flex;
  gap: 20px;
   margin-bottom: 30px;
  padding-bottom :     30px;
    border-bottom: 1px solid #2a2a2a;
}

.info-item-block:last-child {
    border-bottom: none;
  margin-bottom: 0;
   padding-bottom: 0;
}

.info-icon-display {
  width: 40px;
  height: 40px;
    stroke: #7a7a7a;
   fill: none;
    stroke-width: 2;
  stroke-linecap: round;
    stroke-linejoin: round;
  flex-shrink: 0;
}@media (max-width: 768px) {
    .info-icon-display {
        width: 32px;
        height: 32px;
    }
}.info-text-zone h4 {
    font-size: 16px;
    font-weight: 600;
   color: #d4d4d4;
    margin-bottom: 8px;
}

.info-text-zone p {
    line-height: 1.6;
  font-size: 14px;
    margin: 0;
   color: #a0a0a0;
}

.success-popup-overlay {
  position: fixed;
  top: 0;
    left: 0;
   width: 100%;
   height: 100%;
  background: rgba(0, 0, 0, 0.9);
    display: flex;
  align-items: center;
	 justify-content: center;
  z-index: 9999;
  opacity: 0;
   visibility: hidden;
  transition: all 0.3s;
   padding: 20px;
}

.success-popup-overlay.show-popup {
  opacity: 1;
   visibility  :     visible;
}

.success-popup-box {
   background: #141414;
   border: 2px solid #3a3a3a;
  padding: 50px 40px;
  max-width: 500px;
    width: 100%;
    text-align: center;
}@media (max-width: 576px) {
    .success-popup-box {
        padding: 40px 25px;
    }
}.success-icon-circle {
   margin: 0 auto 25px;
   border-radius: 50%;
   display: flex;
  width: 80px;
  border: 2px solid #4a4a4a;
   background: #1a1a1a;
    height: 80px;
   justify-content: center;
  align-items: center;
}

.success-check-icon {
  width: 45px;
   height: 45px;
	stroke: #7a7a7a;
    fill: none;
  stroke-width: 2;
  stroke-linecap: round;
   stroke-linejoin: round;
}

.success-popup-title {
    font-size: 36px;
   font-weight: 700;
   color: #d4d4d4;
  margin-bottom: 15px;
}@media (max-width: 576px) {
    .success-popup-title {
        font-size: 28px;
    }
}.success-popup-text {
   font-size: 16px;
  color: #a0a0a0;
   margin-bottom: 30px;
   line-height: 1.6;
}

.success-popup-close {
    padding: 14px 40px;
   background: #2a2a2a;
    border: none;
  color: #d4d4d4;
   font-size: 15px;
    font-weight: 600;
  cursor: pointer;
   transition: all 0.3s;
}

.success-popup-close:hover {
    background: #3a3a3a;
   color: #ffffff;
}

.legal-page-hero {
  background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.8)), url('../headers/thoroughbreds_running_grey_stormy_sky.webp') no-repeat center center;
    background-size: cover;
   padding: 80px 0;
}@media (max-width: 768px) {
    .legal-page-hero {
        padding: 60px 0;
    }
}.legal-hero-title {
   font-size: 42px;
  font-weight: 700;
  color: #ffffff;
   margin-bottom: 12px;
    text-align: center;
}@media (max-width: 768px) {
    .legal-hero-title {
        font-size: 32px;
    }
}.legal-hero-subtitle {
    font-size: 16px;
   color: #b0b0b0;
    text-align: center;
  margin: 0;
}

.legal-content-zone {
   padding: 80px 0;
   background: #0a0a0a;
}@media (max-width: 991px) {
    .legal-content-zone {
        padding: 60px 0;
    }
}.legal-text-block {
   max-width: 900px;
   margin: 0 auto;
    background: #141414;
  border: 1px solid #2a2a2a;
  padding: 50px;
}@media (max-width: 768px) {
    .legal-text-block {
        padding: 30px 20px;
    }
}.legal-section-part {
   margin-bottom: 45px;
}

.legal-section-part:last-child {
    margin-bottom: 0;
}

.legal-heading-2 {
   font-size: 26px;
    font-weight: 600;
   color: #d4d4d4;
  margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 2px solid #2a2a2a;
}@media (max-width: 768px) {
    .legal-heading-2 {
        font-size: 22px;
    }
}.legal-paragraph {
    font-size: 15px;
  color: #a0a0a0;
   line-height: 1.8;
  margin: 0;
    text-align: justify;
}@media (max-width: 768px) {
    .legal-paragraph {
        font-size: 14px;
        line-height: 1.7;
    }
}