/** 
 * title:      AHS-SS
 * created:    08/04/2026
 * author:     Development Team <info@optiva.co.uk>
 * copyright:  Optiva Ltd

 * ========================================================================== */

body { background-color: #331471; background-image: url('../assets/bg.jpg'); background-size: 1920px; background-repeat: no-repeat; font-family: 'Open Sans', sans-serif; font-weight: 400; overflow-x: hidden; scroll-behavior: smooth; position: relative; }

h1 { color: #ffffff; font-size: 34px; line-height: 40px; font-weight: 300; }
h2 { color: #ffffff; font-size: 32px; line-height: 38px; font-weight: 300; }
h3 { color: #ffffff; font-size: 40px; line-height: 48px; font-weight: 300; }
h4 { color: #ffffff; font-size: 22px; line-height: 28px; font-weight: 300; }
h5 { color: #ffffff; font-size: 20px; line-height: 26px; font-weight: 300; }
h6 { color: #ffffff; font-size: 16px; line-height: 22px; font-weight: 300; }
p { color: #cccccc; font-size: 18px; line-height: 26px; font-weight: 300; }
li { color: #cccccc; font-size: 18px; line-height: 26px; font-weight: 300; }



.container { max-width: 1220px; }

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

.uppercase { text-transform: uppercase; }

a { color: #333333; text-decoration: none; }
a:link { text-decoration: none; }
a:hover { color: #993366; text-decoration: none; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; }

.btn { font-size: 16px; line-height: 18px; font-weight: 400; padding: 13px 24px; color: #333333; border: 1px #333333 solid; border-radius: 10px; filter: drop-shadow(0px); box-shadow: none; transition: 0.2s; transition-timing-function: ease-in; }
.btn:hover { transition: 0.2s; transition-timing-function: ease-in; }
.btn:focus { transition: 0.2s; transition-timing-function: ease-in; }

.btn.large { font-size: 21px; line-height: 23px; padding: 10px 45px; }

.btn-blue { background: #42d66d; border-color: #42d66d; color: #331471; }
.btn-blue:hover { background: #ffffff!important; border-color: #ffffff!important; color: #331471!important; }
.btn-blue:focus { background: #ffffff; border-color: #0066CC; color: #ffffff; }
.btn-blue:active { background: #ffffff!important; border-color: #ffffff!important; color: #331471!important; }

/**
 * Hero Panel
 * ========================================================================== */

.hero-panel { padding: 80px 20px 80px 20px; text-align: center; position: relative; }
    .hero-panel .container { z-index: 1; position: relative; }
    .hero-panel .content { max-width: 500px; margin: auto; }
    .hero-panel .content .logos { margin-bottom: 30px; }
        .hero-panel .content .logos img { max-width: 300px; }
    .hero-panel .content h1 { color: #ffffff; margin-bottom: 20px; }
    .hero-panel .content h2 { color: #42d66d; margin-bottom: 20px; }
    .hero-panel .content .buttons { margin-top: 35px; }
    .hero-panel .content .buttons .btn + .btn { margin-left: 20px; }
    .hero-panel .content p + .buttons { margin-top: 36px; }
    .hero-panel .content .icon { color: #ffffff; font-size: 66px; margin-bottom: 15px; }


@media screen and (max-width: 767px) {

    .btn { font-size: 16px; line-height: 18px; }

    h1 { font-size: 28px; line-height: 34px; }
    h2 { font-size: 26px; line-height: 32px; }

    .hero-panel .content .logos img.left { max-height: 80px; padding-right: 30px; }
    .hero-panel .content .logos img.right { max-height: 40px;  padding-left: 25px; }

}