.hero-banner{background-position:top;background-size:cover;position:relative}.hero-banner .hero-shape-img-wrap{bottom:-1px;display:block;left:50%;min-width:1920px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);-ms-transform:translateX(-50%);width:100%}.hero-banner .hero-shape-img-wrap img{width:100%}.hero-banner .hero-triangle-img-wrap{bottom:-143px;left:13%;position:absolute;z-index:1}.hero-content-wrap{position:relative;z-index:5}.hero-content-wrap span{letter-spacing:3.6px}.hero-content-wrap h1{color:var(--white-color);letter-spacing:-3.4px;line-height:150px;margin:24px 0 46px}.hero-content-wrap p{color:var(--white-color);letter-spacing:-.3px;line-height:43px;margin-bottom:57px;max-width:850px}.hero-content-wrap p a{color:var(--primary-color)}.hero-content-wrap p a:hover{color:#fff47e}.hero-buttons-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;gap:24px}@media only screen and (min-width:1366px) and (max-width:1549px){.hero-content-wrap h1{font-size:150px!important}.hero-banner .hero-triangle-img-wrap{left:-1%!important}}@media only screen and (min-width:1200px) and (max-width:1365px){.hero-content-wrap h1{font-size:100px!important;line-height:100px!important;margin:20px 0 30px!important;width:50%!important}.hero-content-wrap p{font-size:26px!important;margin-bottom:40px!important}.hero-banner .hero-triangle-img-wrap{left:-8%!important}}@media only screen and (min-width:992px) and (max-width:1199px){.hero-content-wrap h1{font-size:100px!important;line-height:100px!important;margin:20px 0 30px!important;width:65%!important}.hero-content-wrap p{font-size:26px!important;margin-bottom:40px!important}.hero-banner .hero-triangle-img-wrap{bottom:-80px!important;left:-5%!important;width:300px!important}}@media only screen and (min-width:768px) and (max-width:991px){.hero-content-wrap h1{font-size:75px!important;line-height:75px!important;margin:20px 0!important;width:65%!important}.hero-content-wrap p{font-size:24px!important;margin-bottom:30px!important}.hero-banner .hero-triangle-img-wrap{bottom:-94px!important;left:-6%!important;width:300px!important}}@media only screen and (max-width:767px){.hero-content-wrap h1{font-size:36px!important;letter-spacing:0;line-height:44px;margin:14px 0 16px}.hero-content-wrap p{font-size:21px!important;letter-spacing:0;line-height:32px;margin-bottom:25px}.hero-buttons-wrap{gap:14px}.hero-content-wrap span{font-size:16px!important;letter-spacing:2.6px}.hero-banner .hero-triangle-img-wrap{bottom:0;left:0}.hero-banner .hero-triangle-img-wrap img{width:200px}}