/* Minification failed. Returning unminified contents.
(6,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(11,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-tertiary'
(12,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-tertiary'
(16,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary'
(17,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary'
(21,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-quaternary'
(22,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-quaternary'
(26,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(27,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(31,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary'
(32,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary'
(36,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-lt'
(37,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(41,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(42,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(46,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-mid-3'
(47,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-mid-3'
(51,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-warning'
(52,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-warning'
(56,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(57,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(61,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-warning'
(62,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(67,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-warning'
(68,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(73,71): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-lt'
(78,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary'
(80,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-heading'
(106,103): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary'
(108,72): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-lt'
(157,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary'
(169,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(212,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(213,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(219,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-dk'
(220,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(225,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-mid-3'
(226,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(232,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-mid-2'
(233,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(238,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary'
(239,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(245,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary-dk'
(246,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(250,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(254,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(259,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-lst'
(266,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-lt'
(272,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(273,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary'
(274,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary'
(280,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(281,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary-dk'
(282,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary-dk'
(287,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-tertiary'
(288,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(294,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-tertiary-dk'
(295,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(300,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary-ltr'
(301,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary'
(307,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary'
(308,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(313,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-lst'
(314,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base'
(320,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-lst'
(321,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(326,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-warning'
(327,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(333,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-warning-dk'
(334,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(340,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(351,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(353,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-lt'
(360,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(366,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(367,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color'
(368,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-lt'
(374,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(375,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color'
(388,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-warning-dk'
(401,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(402,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(403,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(404,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(405,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(406,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(409,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(410,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(411,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(412,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(415,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(416,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(417,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(418,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(419,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(422,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(423,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(424,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(425,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(428,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(429,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(432,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(433,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(434,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(435,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(436,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(439,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(440,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(441,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(443,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(444,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(446,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(447,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(450,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(451,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(453,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(454,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(456,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(457,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(459,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(460,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(464,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-base'
(465,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(466,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-lst'
(488,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(524,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(587,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-lt'
(593,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary'
(598,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary'
(604,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(605,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(609,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary'
(615,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(625,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-heading'
 */
/* Badges */
.badge {
    font-size: 70%;
    text-transform: uppercase;
    padding: 0.4em 0.5em;
    background-color: var(--clr-ntrl-min);
}

/* Green Badge */
.badge-green {
    border: solid 1px var(--clr-tertiary);
    color: var(--clr-tertiary);
}

.badge-ft-blue {
    border: solid 1px var(--clr-secondary);
    color: var(--clr-secondary);
}

.badge-orange {
    border: solid 1px var(--clr-quaternary);
    color: var(--clr-quaternary);
}

.badge-blue {
    border: solid 1px var(--clr-primary);
    color: var(--clr-primary);
}

.badge-light-blue {
    border: solid 1px var(--clr-secondary);
    color: var(--clr-secondary);
}

.badge-light {
    border: solid 1px var(--clr-base-lt);
    color: var(--bs-body-color);
}

.badge-base {
    border: solid 1px var(--bs-body-color);
    color: var(--bs-body-color);
}

.badge-grey {
    border: solid 1px var(--clr-ntrl-mid-3);
    color: var(--clr-ntrl-mid-3);
}

.badge-red {
    border: solid 1px var(--clr-warning);
    color: var(--clr-warning);
}

.badge-white {
    background-color: var(--clr-ntrl-min);
    color: var(--bs-body-color) !important;
}

.badge-expired {
    background: var(--clr-warning);
    color: var(--clr-ntrl-min);
}

/* Badge Background Colours */
.badge-bg-red {
    background-color: var(--clr-warning);
    color: var(--clr-ntrl-min);
}
/********* Blog List *********/

/* Blog Item */
.blog-item { color: inherit; box-shadow: none; border: solid 1px var(--clr-base-lt); text-decoration: none; }
.blog-item:hover { text-decoration: none; }

/* Blog Item Title */
.blog-item .card-title {
    color: var(--clr-secondary);
    font-weight: 600;
    font-family: var(--ff-heading);
    font-size: 1.15rem;
    line-height: 1.2;
    display: block;
}

/********* Blog Details *********/

/* Blog Header */
#blogDetails .header { border-bottom: none; margin-bottom: 30px; }

/* Blog Header */
#blogDetails .blog-details { margin-bottom: 25px; }
#blogDetails .blog-details h1 { margin-bottom: 5px; }

/* Blog Headings */
#blogDetails h2 { margin-bottom: 10px; }

#blogDetails .main-img img { width: 100%; }

/* Blog Main Image */
@media(min-width: 500px) {
    #blogDetails .main-img { max-height: 500px; overflow: hidden; }
}

/* Blog Preview */
.blog-article-content.preview { background-color: #F1F2F7; padding: 20px; border-left: solid 3px var(--clr-secondary); border-bottom: none; }

.blog-article-content { padding: 30px 0; border-bottom: solid 1px var(--clr-base-lt); }

.blog-article-content .video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}

.blog-article-content .video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Button Groups */
.button-group-sml {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.button-group-sml a:not(:last-of-type) {
    margin-right: 0.5rem;
    margin-bottom: 0.75rem;
}

.button-group-lg {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.button-group-lg a:not(:last-of-type) {
    margin-right: 1.875rem;
    margin-bottom: 1rem;
}

.button-group-sml a:hover,
.button-group-lg a:hover {
    text-decoration: none;
}

/* Button Link */
.btn-link {
    padding: 0;
    background: none;
    color: var(--clr-secondary);
    text-decoration: none;
}

.btn-link:hover {
    color: inherit;
    text-decoration: underline;
}

.btn-link-default {
    padding: 0;
    background: none;
    color: var(--bs-body-color);
}

.btn-link-default:hover {
    color: inherit;
}

/* Button No Style */
.btn-ns {
    background: none;
    border: none;
}

/* Buttons */
button:not(.btn) {
    border: none;
}

.btn {
    font-weight: 600;
    border: solid 1px transparent;
    border-radius: .625rem;
}

.btn:hover {
    cursor: pointer;
}

.btn:not(.btn-sm):not(.btn-link) {
    padding: .375rem 1.1rem;
}

.btn i {
    margin-right: 5px;
}

button.icon-button i, 
a.icon-button i { 
    margin: 0; 
}

.btn-ipt1,
.btn-ipt1:visited {
    background: var(--clr-primary);
    color: var(--clr-ntrl-min);
}

.btn-ipt1:hover,
.btn-ipt1:active,
.btn-ipt1:focus {
    background: var(--clr-primary-dk);
    color: var(--clr-ntrl-min);
}

.btn-ipt2,
.btn-ipt2:visited {
    background: var(--clr-ntrl-mid-3);
    color: var(--clr-ntrl-min);
}

.btn-ipt2:hover,
.btn-ipt2:active,
.btn-ipt2:focus {
    background: var(--clr-ntrl-mid-2);
    color: var(--clr-ntrl-min);
}

.btn-ipt3,
.btn-ipt3:visited {
    background: var(--clr-secondary);
    color: var(--clr-ntrl-min);
}

.btn-ipt3:hover,
.btn-ipt3:active,
.btn-ipt3:focus {
    background: var(--clr-secondary-dk);
    color: var(--clr-ntrl-min);
}

.btn-group .btn-ipt3 {
    color: var(--clr-ntrl-min);
}

.btn-group .btn-ipt3:hover {
    color: var(--clr-ntrl-min);
}

.btn-ipt4,
.btn-ipt4:visited {
    background: var(--clr-base-lst);
    color: inherit;
}

.btn-ipt4:hover,
.btn-ipt4:active,
.btn-ipt4:focus {
    background: var(--clr-base-lt);
    color: inherit;
}

.btn-ipt5,
.btn-ipt5:visited {
    background: var(--clr-ntrl-min);
    color: var(--clr-secondary);
    border: solid 1px var(--clr-secondary);
}

.btn-ipt5:hover,
.btn-ipt5:active,
.btn-ipt5:focus {
    background: var(--clr-ntrl-min);
    color: var(--clr-secondary-dk);
    border-color: var(--clr-secondary-dk);
}

.btn-ipt6,
.btn-ipt6:visited {
    background: var(--clr-tertiary);
    color: var(--clr-ntrl-min);
}

.btn-ipt6:hover,
.btn-ipt6:active,
.btn-ipt6:focus {
    background: var(--clr-tertiary-dk);
    color: var(--clr-ntrl-min);
}

.btn-ipt7,
.btn-ipt7:visited {
    background: var(--clr-secondary-ltr);
    color: var(--clr-secondary);
}

.btn-ipt7:hover,
.btn-ipt7:active,
.btn-ipt7:focus {
    background: var(--clr-secondary);
    color: var(--clr-ntrl-min);
}

.btn-ipt8,
.btn-ipt8:visited {
    background: var(--clr-primary-lst);
    color: var(--clr-base);
}

.btn-ipt8:hover,
.btn-ipt8:active,
.btn-ipt8:focus {
    background: var(--clr-primary-lst);
    color: var(--clr-primary);
}

.btn-warning,
.btn-warning:visited {
    background: var(--clr-warning);
    color: var(--clr-ntrl-min) !important;
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning:focus {
    background: var(--clr-warning-dk) !important;
    color: var(--clr-ntrl-min) !important;
}

.btn-alpha-w,
.btn-alpha-w:visited {
    background: rgba(255,255,255,0.2);
    color: var(--clr-ntrl-min) !important;
}

.btn-alpha-w:hover,
.btn-alpha-w:active,
.btn-alpha-w:focus {
    background: rgba(255,255,255,0.3);
}

.btn-select,
.btn-select:visited {
    background: var(--clr-ntrl-min);
    color: inherit !important;
    border: solid 1px var(--clr-base-lt);
    font-weight: 500;
}

.btn-select:hover,
.btn-select:active,
.btn-select:focus {
    background: var(--clr-ntrl-min);
    color: inherit !important;
}

.btn-light,
.btn-light:visited {
    background: var(--clr-ntrl-min);
    color: var(--bs-offcanvas-color) !important;
    border: solid 1px var(--clr-base-lt);
}

.btn-light:hover,
.btn-light:active,
.btn-light:focus {
    background: var(--clr-ntrl-min);
    color: var(--bs-offcanvas-color) !important;
}

/* XL Buttons */
.btn-xl {
    padding: 0.85rem 3rem;
    font-size: 1.6rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

/* Warning Buttons */
.btn-warning:not(:disabled):not(.disabled):active {
    background: var(--clr-warning-dk);
}

/* Standard Card Containers */
.card {
    border: solid 1px transparent;
    border-radius: 0.625rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
}
/* CSS Variables */
:root {

    /* Body text / Background */
    --bs-body-color: #758295;
    --clr-base: #758295;
    --clr-base-ltn: #6A7586;
    --clr-base-lt: #E0E6ED;
    --clr-base-ltr: #EBEBEB;
    --clr-base-lst: #F3F7FA;

    /* Primary brand color */
    --clr-primary-rgb: 34,57,111;
    --clr-primary: #22396F;
    --clr-primary-dk: #1C2F5D;
    --clr-primary-lst: #E9EBF1;

    /* Secondary brand color */
    --clr-secondary-rgb: 0,156,221;
    --clr-secondary: #009CDD;
    --clr-secondary-dk: #0097D6;
    --clr-secondary-lt: #73C9EC;
    --clr-secondary-ltr: #E5F5FC;

    /* Tertiary brand color */
    --clr-tertiary: #17BB99;
    --clr-tertiary-lt: #D1EEEC;
    --clr-tertiary-dk: #16A88A;
    --clr-tertiary-dkr: #00A37D;

  /* Quaternary brand color */
    --clr-quaternary: #F6B22A;
    --clr-quaternary-lt: #FFF3DC;

    /* Neutral */
    --clr-ntrl-min: #FFFFFF;
    --clr-ntrl-mid-1: #F9F9F9;
    --clr-ntrl-mid-2: #CCCCCC;
    --clr-ntrl-mid-3: #A7A7A7;
    --clr-ntrl-max: #000000;

    /* Utility Names */
    --clr-warning: #C41132;
    --clr-warning-lt: #FFEAF4;
    --clr-warning-dk: #A20F2A;

    --clr-pending: #FF8213;
    --clr-pending-lt: #FFC189;

    --clr-success: #17BB99;
    --clr-success-lt: #A2E4D6;

    /* Brand Colours */
    --clr-whatsapp-primary: #25D366;
    --clr-whatsapp-primary-dk: #00BF5D;

    --clr-skype-primary: #0078D7;
    --clr-skype-primary-dk: #006CC1;

    --clr-teams-primary: #6264A7;
    --clr-teams-primary-dk: #585A96;

    --clr-linkedin-primary: #0077B5;
    --clr-linkedin-primary-dk: #006BA3;
}
/* Body Attributes */
body {
    font-family: var(--ff-base);
    color: var(--bs-body-color);
    background-color: var(--clr-base-lst);
    line-height: 1.6;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* Section */
section {
    padding: 40px 0;
    position: relative;
    overflow: hidden;
}

@media(min-width: 992px) {
    section {
        padding: 50px 0;
    }
}

/* Links */
a {
    color: var(--clr-primary);
}

a:hover {
    color: inherit;
    text-decoration: none;
}

a:focus {
    outline: none !important;
}

/* Disabled Items */
.no-link {
    cursor: default !important;
    color: inherit;
}

.no-link:hover {
    text-decoration: inherit;
    color: inherit;
}

/* Line Through */
.line-through {
    text-decoration: line-through;
}

/* Website Container */
.website-ct {
    position: relative;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
    left: 0;
    background: var(--clr-ntrl-min);
    margin-top: 86px;
    flex-grow: 1;
}

@media (min-width: 992px) {
    .website-ct {
        margin-top: 0;
    }
}

/* Paragraph Tags */
p:last-child {
    margin-bottom: 0;
}

/* Lists */
ul:last-child,
ol:last-child {
    margin-bottom: 0;
}

/* Margin between columns (to cater for stacked columns) */
.row:not(.bs-row) {
    margin-top: -1.5rem;
}

.row:not(.bs-row) > [class*="col"] {
    margin-top: 1.5rem;
}

/* Paragraphs */
p {
    margin-bottom: 2rem;
}

/* Focus */
*:focus {
    box-shadow: none !important;
}

/* Icons (Web Fonts) */
i.fal,
i.far,
i.fas,
i.fab {
    margin-right: 5px;
}

/* Anchor */
.anchor {
    position: absolute;
    margin-top: -113px;
}

@media(min-width: 992px) {
    .anchor {
        margin-top: -166px;
    }
}

/* Horizontal Rule */
hr {
    border-color: var(--clr-base-lt);
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}
.dropdown-item.active, .dropdown-item:hover {
    background-color: transparent;
    color: var(--clr-secondary);
}

.dropdown-item.active, .dropdown-item:active {
    background-color: transparent;
    color: var(--clr-secondary);
}

:root {

    /* Font Family */
    --ff-base: 'Mulish', sans-serif;
    --ff-heading: 'Montserrat', sans-serif;
}
/* Headings */
h1 {
    color: var(--clr-secondary);
    font-weight: 600;
}

h2, .h2,
h3, .h3 {
    color: var(--clr-primary);
}

/* Headings */
.h1, h1,
.h2, h2,
.h3, h3,
.h4, h4,
.h5, h5,
.h6, h6 {
    font-family: var(--ff-heading);
}

.h1, h1 {
    font-size: 1.6rem;
}

.h2, h2 {
    font-size: 1.45rem;
}

.h2, h2 {
    font-size: 1.45rem;
}

.h3, h3 {
    font-size: 1.3rem;
}

.h5, h5 {
    font-size: 1.1rem;
}

@media(min-width: 992px) {
    .h1, h1 {
        font-size: 1.9rem;
    }

    .h2, h2 {
        font-size: 1.7rem;
    }

    .h3, h3 {
        font-size: 1.55rem;
    }
}

@media(min-width: 1500px) {

    /* Enlarge size of container when screen width is at least 1500px */
    .container {
        max-width: 1440px;
    }
}
