section.homebanner { height: 100vh; position: relative; overflow: hidden; }
section.homebanner.banner-height-half { height: 600px; }
section.homebanner .bgthings { width: 100%; height: 100%; position: relative; }
section.homebanner .bgthings .bgimage { height: 100%; position: relative; }
section.homebanner .bgthings .bg-shape { position: absolute; right: 0; bottom: 0; width: 75%; }
section.homebanner .bgthings .bgimage:before { content: ''; background-image: linear-gradient(90deg, #00000080 0%, #00000059 100%); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; }
section.homebanner .bgthings .bgimage img { object-position: center top; }
section.homebanner .banner-content { position: absolute; width: 100%; height: 100%; z-index: 2; top: 0; left: 0; }
section.homebanner .banner-content .banner-content-inner { display: flex; }
section.homebanner .banner-content .banner-content-inner .banner-left { padding: 134.5px 0 0 0; height: inherit; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 50%; }
section.homebanner.banner-height-half .banner-content .banner-content-inner .banner-left { padding: 110px 0 0 0; }
section.homebanner .banner-content .banner-content-inner .banner-right { padding: 0 0 40px 0; width: 50%; height: 100%; display: flex; flex-direction: column; justify-content: end; }
section.homebanner .banner-content .banner-content-inner .banner-right ul li { width: 240px; margin: 0 0 0 auto; padding: 0; }
section.homebanner .banner-content .banner-content-inner .banner-right ul li::before { content: unset; }
section.homebanner .banner-content .banner-content-inner .banner-right ul li a { display: flex; align-items: center; justify-content: start; gap: 10px; width: 100%; margin: 0 0 0 auto; font-size: 18px; line-height: 1; }
section.homebanner .banner-content>.container,
section.homebanner .banner-content>.container .banner-content-inner { height: inherit; }
section.homebanner .banner-content .banner-content-inner .banner-right ul li a span.banner-point-icon { min-width: 47px; height: 47px; border-radius: 50px; border: 1px solid var(--blackcolor); display: flex; align-items: center; justify-content: center; position: relative; transition: 400ms; }
section.homebanner .banner-content .banner-content-inner .banner-right ul li a span.banner-point-icon img { filter: brightness(0); }
section.homebanner .banner-content .banner-content-inner .banner-right ul li a span.banner-point-icon>svg { display: block; width: 25px; height: 25px; }
section.homebanner .banner-content .banner-content-inner .banner-right ul li a span.banner-point-icon>svg path { fill: var(--blackcolor); transition: 400ms; }
section.homebanner .banner-content .banner-content-inner .banner-right ul li a span.banner-point-icon:after { content: ''; background-color: #28723c; width: 5px; height: 5px; border-radius: 50px; position: absolute; right: -2.5px; top: 50%; transform: translateY(-50%); transition: 400ms; }
section.homebanner .banner-content .banner-content-inner .banner-right ul li a .banner-point-title { width: max-content; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; }
section.homebanner .banner-content .banner-content-inner .banner-right ul { display: flex; flex-direction: column; gap: 20px; }
section.homebanner .banner-content .banner-content-inner .banner-right ul li a:hover { color: #6F0652; }
section.homebanner .banner-content .banner-content-inner .banner-right ul li a:hover span.banner-point-icon { border-color: #6F0652; }
section.homebanner .banner-content .banner-content-inner .banner-right ul li a:hover span.banner-point-icon>svg path { fill: #6F0652; }
section.homebanner .banner-content .banner-content-inner .banner-right ul li a:hover span.banner-point-icon:after { background-color: var(--whitecolor); }
section.homebanner .banner-content .banner-content-inner .banner-left .title-content .content { font-size: 22px; }
section.homebanner .banner-content .title-content .title h1 { margin: 0 0 15px 0; }
section.homebanner .banner-content .title-content .content { margin: 0 0 40px 0; }
section.homebanner .banner-content .title-content .top-shape span { position: relative; border-radius: 10px; display: block; width: 100px; height: 3px; background-image: linear-gradient(90deg, #ffed00 0%, #28723c 100%); margin: 0 0 20px 0; }
section.homebanner .banner-content .title-content .top-shape span:before,
section.homebanner .banner-content .title-content .top-shape span:after { content: ''; width: 3px; height: 3px; border-radius: 50px; background-color: var(--blackcolor); position: absolute; top: 0; z-index: 2; }
section.homebanner .banner-content .title-content .top-shape span:before { left: 0; }
section.homebanner .banner-content .title-content .top-shape span:after { right: 0; }
section.homebanner .banner-content .title-content.text-center .top-shape span { margin-left: auto; margin-right: auto; }

section.homebanner .banner-content .title-content .title.title-twocolored h2 span,
section.homebanner .banner-content .title-content h2.title.title-twocolored span { color: var(--secondarycolor); }

@media (max-width:1024px) {
    section.homebanner .banner-content .banner-content-inner .banner-left .title-content { width: 100%; }
    section.homebanner .banner-content .banner-content-inner .banner-left,
    section.homebanner .banner-content .banner-content-inner .banner-right { padding: 0; height: auto; width: 100%; }
    section.homebanner .banner-content>.container,
    section.homebanner .banner-content>.container .banner-content-inner { height: inherit; justify-content: center; margin-top: 105px; }
    section.homebanner .banner-content .banner-content-inner { flex-direction: column; gap: 40px; }
    section.homebanner .banner-content .banner-content-inner .banner-left { justify-content: end; }
    section.homebanner .banner-content .banner-content-inner .banner-right { justify-content: start; align-items: start; }
    section.homebanner.banner-height-half .banner-content .banner-content-inner .banner-left { padding: 0; }
}

@media (max-width:767px) {
    section.homebanner .banner-content .banner-content-inner .banner-right ul li { width: 100%; }
    section.homebanner .bgthings .bg-shape { width: 100%; }
    section.homebanner { min-height: 770px; }
    section.homebanner.banner-height-half { height: 100vh; }
}