.elementor-10868 .elementor-element.elementor-element-a984da9{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS *//* HERO SECTION */
.hero {
    width: 100% !important;
    min-height: 560px;
    position: relative;
    overflow: hidden;
}

.hero .hero-inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 80px 24px;
    box-sizing: border-box;
}

.hero h1,
.hero p {
    color: #FFFFFF !important;
}

/* MOBILE */
@media (max-width: 767px) {
    .hero {
        min-height: 480px;
    }

    .hero .hero-inner {
        padding: 60px 20px;
    }

    .hero h1 {
        font-size: 36px;
    }
}



/* BUTTON COLOURS */
.btn-navy,
.btn-navy:visited,
.btn-navy:hover,
.btn-navy:focus,
.btn-navy:active {
    background-color: #08085B !important;
    color: #FFFFFF !important;
    border-color: #08085B !important;
}

/* BUTTON ICON */
.btn-navy i,
.btn-navy svg {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}

/* HOVER EFFECT */
.btn-navy:hover {
    background-color: #C90012 !important;
    border-color: #C90012 !important;
    color: #FFFFFF !important;
}/* End custom CSS */