.hero-banner {padding-top: 68px;padding-bottom: 100px;position: relative;}
.hero-banner h2 {display: flex;flex-wrap: wrap;align-items: center;font-weight: 700;font-size: 48px;line-height: 58px;letter-spacing: -0.5px;color: #00068E;margin-bottom: 7px;}
.hero-banner h2 .irotate {display: block;overflow: hidden;height: 58px;margin-left: 15px;}
.hero-banner h2 .irotate li {font-weight: 900;color: #1357F4;}
.hero-banner p {font-weight: 500;font-size: 30px;line-height: 100%;letter-spacing: -0.3px;color: #232323;max-width: 1080px;}
.hero-banner .btn-actions {margin-top: 40px;display: flex;flex-wrap: wrap;align-items: center;width: fit-content;}
.hero-banner .btn-actions a:first-child {margin-right: 20px;}
.hero-banner .reseller-logos {position: absolute;max-width: 532px;width: 100%;bottom: 78px;right: 0px;display: flex;align-items: center;padding: 23px;border-radius: 12px 0px 0px 12px;background: #F5F5F5;}
.hero-banner .reseller-logos img {height: 48px;width: auto;}
.hero-banner .reseller-logos img:first-child {margin-right: 40px;}

@media screen and (max-width: 1280px) {
    .hero-banner h2 {font-size: 40px;line-height: 50px;}
    .hero-banner h2 .irotate {height: 50px;}
    .hero-banner .reseller-logos {max-width: 400px;}
    .hero-banner .reseller-logos img {height: 35px;}
    .hero-banner .reseller-logos img:first-child {margin-right: 30px;}
    .hero-banner p {font-size: 25px;max-width: 90%;}
}

@media screen and (max-width: 1199px) {
    .hero-banner h2 {font-size: 35px;line-height: 45px;}
    .hero-banner h2 .irotate {height: 45px;margin-left: 10px;}
    .hero-banner .reseller-logos {max-width: 290px;}
    .hero-banner .reseller-logos img {height: 30px;}
    .hero-banner .reseller-logos img:first-child {margin-right: 20px;}
    .hero-banner p {font-size: 20px;}
}

@media screen and (max-width: 860px) {
    .hero-banner .btn-actions {flex-direction: column;align-items: initial;}
    .hero-banner h2 .irotate {margin-left: 0;}
    .hero-banner .btn-actions a:first-child {margin-right: 0;margin-bottom: 15px;}
}

@media screen and (max-width: 767px) {
    .hero-banner {padding-top: 60px;padding-bottom: 60px;}
    .hero-banner h2 {font-size: 32px;line-height: 42px;}
    .hero-banner h2 .irotate {height: 42px;}
    .hero-banner p {font-size: 16px;max-width: 100%;line-height: 110%;}
    .hero-banner .btn-actions {margin-top: 30px;width: 100%;}
    .hero-banner .reseller-logos {max-width: 78%;bottom: 50px;padding: 20px;display: none;}
}