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

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

body { font-family: 'Open Sans', sans-serif; font-weight: 400; overflow-x: hidden; scroll-behavior: smooth; position: relative; }

h1 { color: #2d2d2d; font-size: 24px; line-height: 30px; font-weight: 300; }
h2 { color: #2d2d2d; font-size: 50px; line-height: 58px; font-weight: 300; }
h3 { color: #2d2d2d; font-size: 40px; line-height: 48px; font-weight: 300; }
h4 { color: #2d2d2d; font-size: 22px; line-height: 28px; font-weight: 300; }
h5 { color: #2d2d2d; font-size: 20px; line-height: 26px; font-weight: 300; }
h6 { color: #2d2d2d; font-size: 16px; line-height: 22px; font-weight: 300; }
p { color: #666666; font-size: 18px; line-height: 26px; font-weight: 300; }
li { color: #666666; 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: 18px; line-height: 20px; 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-purple { background: #993366; border-color: #993366; color: #ffffff; }
.btn-purple:hover { background: #c34383!important; border-color: #c34383!important; color: #ffffff!important; }
.btn-purple:focus { background: #c34383; border-color: #c34383; color: #ffffff; }
.btn-purple:active { background: #c34383!important; border-color: #c34383!important; color: #ffffff!important; }

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

.hero-panel { background-color: #ffffff; background-position: bottom center; background-repeat: no-repeat; padding: 80px 20px 80px 20px; text-align: center; position: relative; }
    .hero-panel .container { z-index: 1; position: relative; }
    .hero-panel .content { max-width: 740px; margin: auto; }
    .hero-panel .content img { max-width: 320px; margin: auto auto 30px auto; }
    .hero-panel .content h1 { color: #333333; margin-bottom: 30px; }
    .hero-panel .content .buttons { margin-top: 35px; }
    .hero-panel .content .buttons .btn + .btn { margin-left: 20px; }
    .hero-panel .content p + .buttons { margin-top: 28px; }
    .hero-panel .content .icon { color: #ffffff; font-size: 66px; margin-bottom: 15px; }

    .hero-panel.internal { padding-top: 60px; padding-bottom: 110px; }


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

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

    h1 { font-size: 22px; line-height: 28px; }

}