.hero{position:relative;background-position:left;background-repeat:no-repeat;background-size:cover;z-index:1;margin:40px 0;border-radius:10px}.hero__content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px;padding:40px 0 40px 40px}.hero__logo{width:100%;max-width:100px}.hero__logo img{display:block;width:100%;height:auto;object-fit:contain}.hero__title{position:relative;max-width:400px;margin-bottom:40px;font-size:36px;line-height:1.5;text-transform:capitalize}.hero__title .title-color-1{color:var(--hero-title-color-1,currentColor)}.hero__title .title-color-2{color:var(--hero-title-color-2,currentColor)}.hero__title .title-color-3{color:var(--hero-title-color-3,currentColor)}.hero__title .title-color-4{color:var(--hero-title-color-4,currentColor)}.hero__text{text-align:left;font-size:16px;line-height:1.5;max-width:520px}.hero__button{display:inline-block;align-items:center;justify-content:center;width:auto;padding:10px 20px;border-radius:14px;background:var(--hero-button-color);color:#fff;font-size:32px;font-weight:900;text-transform:capitalize;text-align:center}@media screen and (max-width:992px){.hero{background-position:center}}@media screen and (max-width:768px){.hero{background-position:center 0}.hero__title{font-size:30px}.hero__button{font-size:20px}}@media screen and (max-width:568px){.hero{background-position:45% center}.hero__content{font-size:15px;padding:60px 10px;gap:10px}.hero__title{font-size:15px;max-width:150px;margin-top:20px;margin-bottom:10px}}