/* Minification failed. Returning unminified contents.
(8,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-rgb'
(10,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base'
(14,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(20,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary-rgb'
(22,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base'
(26,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary'
(34,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltn'
(35,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base'
(40,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary'
(41,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary'
(42,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary'
(52,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary'
(53,17): 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: '-clr-ntrl-min'
(71,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(73,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(79,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(80,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(86,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(87,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(88,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(101,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary'
(102,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary'
(103,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(110,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(117,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(118,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(124,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(138,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltn'
(139,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltn'
(140,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base'
(148,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-lt'
(149,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-lt'
(150,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base'
(179,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary-lt'
(183,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary-lt'
(246,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary'
(276,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(277,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(278,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(279,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(280,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(283,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(284,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(285,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(286,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(287,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(290,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(291,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(292,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(293,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(294,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(297,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(298,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(299,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(300,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(303,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(304,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(305,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(307,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(309,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(311,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(314,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(315,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(316,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(317,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(320,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(321,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(323,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(326,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(328,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(329,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(333,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(334,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(353,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-rgb'
(358,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltn'
(363,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltn'
(364,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base'
(373,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary'
(374,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary'
(379,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary'
(383,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary'
(401,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary'
(412,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base'
(431,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-lt'
(434,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(439,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary'
(445,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(449,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(488,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary'
(499,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(501,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(506,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltn'
(515,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltn'
(519,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary'
(526,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-rgb'
(530,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(535,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary-rgb'
(539,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary'
(545,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary'
(563,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary'
(589,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base'
(593,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(597,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary'
(601,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(605,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary'
(610,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(611,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base'
(615,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-warning'
(620,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(624,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary'
(628,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(632,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-base'
(636,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltn'
(637,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base'
(646,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-base'
(647,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base'
(659,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
/* General Alert Styling */
.alert {
    padding: 1.75rem;
}

/* Primary Alert */
.alert-primary {
    background-color: rgba(var(--clr-primary-rgb), 0.1);
    border: none;
    color: var(--clr-base);
}

.alert-primary .alert-heading {
    color: var(--clr-primary);
}


/* Secondary Alert */
.alert-secondary {
    background-color: rgba(var(--clr-secondary-rgb), 0.1);
    border: none;
    color: var(--clr-base);
}

.alert-secondary .alert-heading {
    color: var(--clr-secondary);
}

.badge {
    text-transform: uppercase;
}

.badge.bg-base-ltn {
    background-color: var(--clr-base-ltn);
    color: var(--clr-base);
}

/* Standard Button - Orange Border */
.btn {
    font-family: var(--ff-secondary);
    border: solid 2px var(--clr-secondary);
    color: var(--clr-secondary);
    font-weight: 600;
    border-radius: 6px;
    transition: all .6s;
    text-transform: uppercase;
    justify-content: center;
}

.btn:hover {
    cursor: pointer;
    background: var(--clr-secondary);
    color: var(--clr-ntrl-min);
}

.btn:hover i {
    color: var(--clr-ntrl-min);
}

.btn:not(.btn-sm):not(.btn-link) {
    padding: .6rem 1.5rem;
}

.btn-sm:not(.btn-link) {
    padding: .3rem 0.6rem;
}

/* White Button */
.btn-itc,
.btn-itc:visited {
    background: var(--clr-ntrl-min);
    color: #525252;
    border-color: var(--clr-ntrl-min);
}

.btn-itc:hover,
.btn-itc:active,
.btn-itc:focus {
    background: var(--clr-ntrl-min);
    color: var(--clr-primary);
}

/* Blue Button */
.btn-itc1,
.btn-itc1:visited {
    background: var(--clr-primary);
    border-color: var(--clr-primary);
    color: var(--clr-ntrl-min);
}

.btn-itc1:hover,
.btn-itc1:active,
.btn-itc1:focus {
    background: #0070a6;
    border-color: #0070a6;
}

/* Orange Border Button */
.btn-itc2,
.btn-itc2:visited {
    background: var(--clr-secondary);
    border-color: var(--clr-secondary);
    color: var(--clr-ntrl-min);
}

.btn-itc2:hover,
.btn-itc2:active,
.btn-itc2:focus {
    background: #FF8C26;
    color: var(--clr-ntrl-min) !important;
}

/* White Border Button */
.btn-itc3,
.btn-itc3:visited {
    background: none;
    border: solid 2px var(--clr-ntrl-min);
    color: var(--clr-ntrl-min);
}

.btn-itc3:hover,
.btn-itc3:active,
.btn-itc3:focus {
    background: var(--clr-ntrl-min);
    color: #525252;
}

.btn-itc3:hover i,
.btn-itc3:active i,
.btn-itc3:focus i {
    color: #525252;
}

/* Grey Button */
.btn-itc4,
.btn-itc4:visited,
.btn-itc4:disabled {
    background: var(--clr-base-ltn);
    border-color: var(--clr-base-ltn);
    color: var(--clr-base);
    opacity: 1;
}

.btn-itc4:hover,
.btn-itc4:active,
.btn-itc4:focus,
.btn-itc4:focus-visible {
    background: var(--clr-base-lt);
    border-color: var(--clr-base-lt) !important;
    color: var(--clr-base);
}

/* Button Groups */
.btn-pack {
    display: inline-flex;
    flex-direction: column;
}

.btn-pack .btn:not(:first-child) {
    margin-top: 20px;
}

@media (min-width: 576px) {
    .btn-pack .btn:not(:first-child) {
        margin-left: 20px;
        margin-top: 0;
    }

    .btn-pack {
        flex-direction: row;
    }
}


/* Button Link */
.btn-link {
    background: none;
    border: none;
    color: var(--clr-secondary-lt);
}

.btn-link:hover {
    color: var(--clr-secondary-lt);
}
/*.card:hover { box-shadow: 1px 1px 12px rgba(157, 184, 209, 0.19); }*/

/* Card style on grey background */
.grey-section .card {
    border-color: transparent;
}

.primary-section-rgba .card {
    border-color: transparent;
}


/* Card Body */
.card-body {
    padding: 1.25rem;
}

@media(min-width: 992px) {
    .card-body {
        padding: 1.75rem;
    }
}

/* Card Body Condensed */
.card-body.con {
    padding: 1rem;
}

@media(min-width: 992px) {
    .card-body.con {
        padding: 1rem 1.75rem;
    }
}

/* Feature Card */
.feature-item.bg-pattern {
    display: block;
    background-image: url('/Content/images/background-pattern2.png');
    background-repeat: no-repeat;
    z-index: 1;
}

.feature-item .feature-card {
    border: none;
    margin-top: -300px;
}

.feature-item .feature-card.sm {
    margin-top: -180px;
}

.feature-item .feature-card .block-ct {
    display: flex;
}

.feature-item .feature-card .block-ct .content {
    margin-left: 15px;
}

.feature-item .feature-card .block-ct .title,
.feature-item .feature-card .block-ct i {
    color: var(--clr-secondary);
}

.feature-item .feature-card .block-ct .title {
    font-weight: 700;
    margin-bottom: 5px;
}

.feature-item .feature-card h2.sm {
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .feature-item .feature-card h2.sm {
        font-size: 1.8rem;
    }
}

@media (min-width: 992px) {
    .feature-item .feature-card .card-body {
        padding: 2.75rem;
    }

    .feature-item .feature-card h2.sm {
        font-size: 2.3rem;
    }
}
/* CSS Variables */
:root {
    /* Body text / Background */
    --clr-base-rgb: 82,82,82;
    --clr-base: #525252;
    --clr-base-ltr: #8E8E8E;
    --clr-base-ltn: #E2E2E2;
    --clr-base-lt: #F2F2F2;

    /* Primary brand color */
    --clr-primary: #007FBD;
    --clr-primary-rgb: 0,127,189;
    --clr-primary-lt: #D4D4D4;
    --clr-primary-ltr: #E1E8F4;
    --clr-primary-dk: #0070A6;

    /* Secondary brand color */
    --clr-secondary: #FF8213;
    --clr-secondary-rgb: 255,130,19;
    --clr-secondary-lt: #FF8C26;
    --clr-secondary-ltr: #FFF1E7;
    --clr-secondary-dk: #F37A0E;

    /* Neutral */
    --clr-ntrl-min-rgb: 255,255,255;
    --clr-ntrl-min: #FFFFFF;
    --clr-ntrl-max-rgb: 0,0,0;
    --clr-ntrl-max: #000000;

    /* Utility Names */
    --clr-warning: #CF2E2E;    
    --clr-warning-lt: #F2545B;
    --clr-warning-dk: #B8254D;

    --clr-success: #3FA535;

    --clr-info: #FF8213;

    --clr-feature: #BB9251;

    /* Trading Sites */
    --clr-trading-primary: #22396F;
    --clr-trading-new-used: #009CDD;
    --clr-trading-electronics: #32B298;
    --clr-trading-it-hardware: #F6B22A;

        /* Brand Colours */
    --clr-whatsapp-primary: #25D366;
    --clr-whatsapp-primary-dk: #00BF5D;

    --clr-linkedin-primary: #0A66C2;

    --clr-skype-primary: #0078D7;
    --clr-skype-primary-dk: #006CC1;

    --clr-teams-primary: #7B82EA;
    --clr-teams-primary-dk: #5059C9;
}
:root {
    /* Font Family */
    --ff-base: 'Muli', sans-serif;
    --ff-secondary: 'Montserrat', sans-serif;
}

/* Form Group */
.form-group {
    margin-bottom: 1.25rem;
}

/* Form label */
.form-group label {
    margin-bottom: .25rem;
}

.form-group > label {
    font-weight: 600;
}

.form-floating > label {
    font-weight: 500;
    color: rgba(var(--clr-base-rgb), 0.7);
}

/* Form Control */
.form-control {
    border-color: var(--clr-base-ltn);
}

/* Form Select */
.form-select {
    border-color: var(--clr-base-ltn);
    color: var(--clr-base);
}

.form-floating > .form-select ~ label {
    opacity: 1;
}

/* Custom Checkboxes */
.form-check-input:checked {
    background-color: var(--clr-secondary);
    border-color: var(--clr-secondary);
}

/* Validation */
.input-validation-error {
    border-color: var(--clr-secondary) !important;
}

.field-validation-error {
    color: var(--clr-secondary);
}

.validation-summary-valid {
    display: none;
}

.validation-summary-errors > span {
    font-size: 1.5rem;
    margin-bottom: 10px;
    display: inline-block;
    font-weight: 600;
}

.validation-summary-errors ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    color: var(--clr-secondary);
    font-weight: bold;
}

.validation-summary-errors li {
    margin: 0px;
}

/* Dropdown Menu */
.dropdown-menu .dropdown-item,
.dropdown-menu .dropdown-item:hover {
    color: var(--clr-base);
}

.dropdown-menu {
    padding: .75rem;
}

.dropdown-menu li {
    margin: 0;
}

.dropdown-menu li a {
    padding: .75rem;
}

.dropdown-menu li a:hover {
    padding: .75rem;
    border-radius: 6px;
    text-decoration: none;
    background-color: var(--clr-base-lt);
}
.modal {
    --bs-modal-color: var(--clr-base);
}

/* Modal Header */
.modal-header {
    background: var(--clr-secondary);
    padding: 1.25rem 1.5rem;
    align-items: center;
}

.modal-header .modal-title {
    color: var(--clr-ntrl-min);
}

.modal-header .close {
    color: var(--clr-ntrl-min);
}

/* Moodal Body */
.modal-body {
    padding: 1.5rem;
}


/* Video Modal */
.modal.video .modal-body {
    padding: 0;
}

.modal.video .btn-close {
    position: absolute;
    right: -30px;
    top: 0;
    filter: invert(1);
    opacity: 1;
}
/* Nav Tab Container */
.nav-tabs {
    border-bottom-color: #DEDEDE;
}

/* Nav Tab Item */
.nav-tabs .nav-item {
    margin: 0;
}

/* Nav Tab Links */
.nav-tabs .nav-link {
    color: inherit;
}

.nav-tabs .nav-link.active {
    background: none;
    border: none;
    color: var(--clr-secondary);
    border-bottom: solid 2px #FF8213;
}


/* Tab Content */
.tab-content .collapse-item:first-of-type {
    border-top: none;
}

.tab-content h3 {
    background: var(--clr-primary);
    padding: 10px;
    color: var(--clr-ntrl-min);
}

.table {
    color: inherit;
    border-color: var(--clr-base-ltn);
}

.table > :not(caption) > * > * {
    padding: 1rem;
}

table td, .table th {
    padding: 1rem;
    border-color: var(--clr-base-ltn);
}

.table thead th {
    font-family: var(--ff-secondary);
    font-weight: 600;
    border-bottom: none;
}

/* Primary Table */
.table .table-primary-rgb {
    background-color: rgba(var(--clr-primary-rgb), 0.05);
}

.table .table-primary-rgb th {
    color: var(--clr-primary);
}

/* Secondary Table */
.table .table-secondary-rgb {
    background-color: rgba(var(--clr-secondary-rgb), 0.1);
}

.table .table-secondary-rgb th {
    color: var(--clr-secondary);
}


.standout {
    letter-spacing: -0.5px;
    font-family: var(--ff-secondary);
    font-size: 1.5rem;
    font-weight: 600;
}

.mb-6 {
    margin-bottom: 4.5rem;
}

.mt-6 {
    margin-top: 4.5rem !important;
}

.ft-title {
    font-size: 1.5rem;
    line-height: 1.3;
    font-weight: 500;
    letter-spacing: -0.5px;
    font-family: var(--ff-secondary);
}

.ft-title.lg {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.1;
}

@media (min-width: 576px) {
    .ft-title.lg {
        font-size: 2rem;
    }
}

/*.title {
    font-size: 2rem;
}*/

@media (min-width: 1200px) {
    .h-xl-100 {
        height: 100%;
    }
}

.text-base {
    color: var(--clr-base);
}

.text-bg-primary {
    background-color: var(--clr-primary) !important;
}

.text-bg-secondary {
    background-color: var(--clr-secondary) !important;
}

.text-primary {
    color: var(--clr-primary) !important;
}

.text-secondary {
    color: var(--clr-secondary) !important;
}


.text-bg-ntrl-min {
    background-color: var(--clr-ntrl-min);
    color: var(--clr-base);
}

.text-warning {
    color: var(--clr-warning) !important;
}

/* BG Colours */
.bg-primary {
    background-color: var(--clr-primary) !important;
}

.bg-secondary {
    background-color: var(--clr-secondary) !important;
}

.bg-ntrl {
    background-color: var(--clr-ntrl-min) !important;
}

.bg-base {
    background-color: var(--clr-base) !important;
}

.bg-base-ltn {
    background-color: var(--clr-base-ltn) !important;
    color: var(--clr-base);
}

/* Opacity */
.op-5 {
    opacity: 0.5;
}

.subtext {
    font-family: var(--ff-base);
    color: var(--clr-base);
    font-weight: 500;
    letter-spacing: normal;
}

.pb-6 {
    padding-bottom: 6rem;
}


/* Grid */
.g-6, .gx-6 {
    --bs-gutter-x: 4rem;
}
