p,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
        margin: 0;
        }

        ul {
        margin: 0;
        padding: 0;
        }

        body {
        font-family: "Montserrat", sans-serif;
        font-size: 16px;
        color: var(--titleColor);
        margin: 0;
        }

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

       
        *,
        *::before,
        *::after {
        box-sizing: border-box;
        }


        .btn {
            font-weight: 400;
            text-decoration: none;
        }

        .button--cta {
        background-color: var(--accentColor);
        color: white;
        padding: 17px 1.25rem;
        border-radius: 3.125rem;
        max-width: 21.25rem;
        text-align: center;
        font-weight: bold;
        display: block;
        text-transform: uppercase;
        transition: 250ms all var(--transition);
        border: 0.0625rem solid var(--accentColor);
        }
        .button--cta:hover, .button--cta:focus {
        color: white;
        background-color: #940000;
        border: 0.0625rem solid #940000;
        }

        .button--secondary {
        background-color: transparent;
        color: var(--accentColor);
        border: 0.0625rem solid var(--accentColor);
        }

        .button--white {
        background-color: transparent;
        color: var(--secondaryTitleColor);
        border: 0.0625rem solid var(--secondaryTitleColor);
        }
        .button--white:hover, .button--white:focus {
        color: var(--accentColor);
        background-color: #e6e6e6;
        border: 0.0625rem solid #e6e6e6;
        }

        .container {
        margin: 0 auto;
        padding: 0 15px;
        width: 100%;
        max-width: 100%;
        }
        @media screen and (min-width: 520px) and (max-width: 767px) {
        .container {
            max-width: 480px;
        }
        }

            

        .section {
        margin: 0 auto;
        padding: 3.125rem 0;
        }

        
        .button-wrapper {
        display: flex;
        flex-direction: column;
        gap: 0.625rem;
        }

        .header {
        background-color: var(--backgroundColor);
        color: var(--secondaryTitleColor);
        padding: 0.625rem 0;
        font-size: 0.75rem;
        position: sticky;
        top: 0;
        z-index: 1000;
        }
        .logo {
        width: 150px;
        height: auto;
        display: block;
        }

        .header__container {

        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
        }

        .header__container p {
        background-color: var(--backgroundColor);
        color: var(--secondaryTitleColor);
        }

        .menu-toggle {
        width: 32px;
        height: 32px;

        }
        .menu-toggle__line {
        width: 24px;
        height: 2px;
        background-color: white;
        border-radius: 2px;

        }
        .menu-toggle__line:nth-child(1) {
        top: 8px;
        }
        .menu-toggle__line:nth-child(2) {
        top: 15px;
        }
        .menu-toggle__line:nth-child(3) {
        top: 22px;
        }
        .menu-toggle.is-active .menu-toggle__line:nth-child(1) {
        transform: rotate(45deg);
        top: 15px;
        }
        .menu-toggle.is-active .menu-toggle__line:nth-child(2) {
        opacity: 0;
        }
        .menu-toggle.is-active .menu-toggle__line:nth-child(3) {
        transform: rotate(-45deg);
        top: 15px;
        }
      

        .contact {
        margin-right: 2.5rem;
        }
        @media screen and (min-width: 1200px) {
        .contact {
            margin: 0 0.5rem 0 2.5rem;
        }
        }
        .contact__list {
        display: flex;
        gap: 0.625rem;
        align-items: center;
        }
        @media screen and (min-width: 1200px) {
        .contact__list {
            gap: 0.9375rem;
        }
        }
        .contact__list--company {
        display: flex;
        flex-direction: column;
        gap: 0.625rem;
        justify-content: center;
        }
        .contact__item {
        display: flex;
        align-items: center;
        gap: 0.1875rem;
        flex-direction: column;
        }
        .contact__link {
        display: flex;
        align-items: center;
        gap: 0.3125rem;
        padding: 0.625rem 0;
        }
        .contact__link p {
        display: none;
        }

        .contact__link--company {
        display: flex;
        align-items: center;
        gap: 0.3125rem;
        }

        .menu {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background-color: var(--backgroundColor);
        padding: 1rem;
        display: none;
        border-radius: 0.625rem;
        flex-direction: column;
        gap: 1rem;
        z-index: 10;
        }
        .menu__list {
        display: flex;
        flex-direction: column;
        gap: 1.25rem;
        }
        .menu__link {
        display: inline-flex;
        align-items: baseline;
        gap: 0.3125rem;
        background-color: transparent;
        border: 0;
        outline: 0;
        padding: 0.625rem;
        font-family: "Montserrat", sans-serif;
        color: var(--secondaryTitleColor);
        transition: color var(--duration) var(--transition);
        }
        .menu__link .menu__arrow {
        transition: transform var(--duration) var(--transition);
        }
        .menu__link .menu__arrow path {
        stroke: var(--secondaryTitleColor);
        transition: stroke var(--duration) var(--transition);
        }
        .menu__link[aria-expanded=true] {
        color: var(--accentColor);
        }
        .menu__link[aria-expanded=true] .menu__arrow {
        transform: rotate(90deg);
        }
        .menu__link[aria-expanded=true] .menu__arrow path {
        stroke: var(--accentColor);
        }

        .menu.is-open {
        display: flex;
        width: 80%;
        margin: 0.625rem auto 0;
        max-width: 18.75rem;
        }
        
        .submenu {
        list-style: none;
        padding: 0;
        margin: 0;
        display: none;
        }
        .submenu.is-open {
        display: block;
        padding: 0.625rem 1.25rem;
        color: #E0E0E0;
        }
        .submenu li {
        margin-bottom: 0.5rem;
        }
        .submenu li a {
        color: var(--secondaryTitleColor);
        transition: color var(--transition);
        }
        .submenu li a:hover {
        color: var(--accentColor);
        }

        .desk-btn {
        display: none;
        }

        header > div > a.button.button--cta.btn.desk-btn {
        display: none;
        }

        .icon-email {
        width: 1.25rem;
        height: 1.1875rem;
        transition: width var(--duration) var(--transition);
        }
        @media screen and (min-width: 520px) and (max-width: 767px) {
        .icon-email {
            width: 0.5625rem;
            height: 0.5rem;
        }
        }
        @media screen and (min-width: 1200px) {
        .icon-email {
            width: 1rem;
            height: 0.875rem;
        }
        }

        .icon-phone {
        width: 1.25rem;
        height: 1.1875rem;
        }



.home-hero { 
  text-align: center;
}


h1 .hero-tittle-span1 {
  font-weight: 700;
  line-height: 1.1;
  display: block;
  font-size: 3rem;
}


h1 strong {
  font-weight: 700;
  display: inline-block;
  font-size: 1.8rem;
}



h1 span {
  color: var(--accentColor);
}

h1 .span-3 {
  font-weight: 400;
  display: block;
  margin-top: 0.4em;
  line-height: 1.3;
}

.hero-mob-img { 
  margin-top: 1.25rem;
  border-radius: 1.25rem;
  overflow: hidden; 
}


.hero-mob-description { 
  display: block;
  text-align: center;
  font-size: .9375rem;
  margin: 1.25rem 0rem;
}



.button-wrapper.hero__button { 
  align-items: center;
}


.hero__button a { 
  width: 100%;
}


@media screen and (max-width: 519px) {
  .hero-mob {
    min-height: 792px;   
    min-width: 360px;         
  }
}

@media screen and (max-width: 361px) {
  .hero-mob {
    width: 360px;     
    height: 792px;    
  }
}
    section h1,
article h1,
aside h1,
nav h1 {
  font-size: 2rem; 
  line-height: 1.2;
}