:root{--img-width:170px;--img-height:240px}.how-to-guides-cards{margin-block-end:var(--spacing-10xl)}.how-to-guides-cards__wrapper{gap:var(--spacing-2xl) var(--spacing-4xl);flex-wrap:wrap;justify-content:space-evenly;inline-size:100%;display:flex}.how-to-guides-cards__card{flex-direction:column;block-size:273px;inline-size:170px;display:flex}.how-to-guides-cards__card img{max-inline-size:var(--img-width);max-block-size:var(--img-height);object-fit:cover}.how-to-guides-cards .hover-box{opacity:0;border:1px solid var(--background-accent);inline-size:var(--img-width);block-size:var(--img-height);background:url(https://fxpro-cdn.cloud/repo/website/assets/img/pages/how-to-guides/download.svg) 50% no-repeat;transition:opacity .3s ease-out;position:absolute}.how-to-guides-cards__card-title{font-size:var(--font-size-semi-l);font-weight:var(--font-weight-500);text-align:center;margin-block-start:var(--spacing-s)}@media (width>=690px){.how-to-guides-cards__wrapper{gap:var(--spacing-5xl) var(--spacing-8xl);justify-content:start}}@media (hover:hover){.how-to-guides-cards .hover-box:hover{opacity:1}}@media (hover:none){.how-to-guides-cards .hover-box:active{opacity:1}}.ui-hero__wrapper{margin:var(--spacing-4xl) 0 var(--spacing-5xl) 0}.ui-hero__wrapper_help-section-how-to-guides .g-hero-title{color:var(--background-alternative);font-size:var(--font-size-3xl);font-weight:var(--font-weight-600);letter-spacing:-.03em;margin-block-end:var(--spacing-2xl)}.ui-hero__wrapper_help-section-how-to-guides .g-hero-description{max-inline-size:100%;font-size:var(--font-size-2xl);margin-inline-start:0}@media (width>=610px){.ui-hero__wrapper{margin:var(--spacing-6xl) 0 var(--spacing-10xl) 0}}@media (width>=768px){.ui-hero__wrapper_help-section-how-to-guides .g-hero-title{font-size:var(--font-size-5xl)}}