html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2e4257;
    font-weight: 600;
    font-family: "Nunito", sans-serif;
    padding-top: 75px;
}

a {
    color: #2e4257;
}

a:hover {
    color: #da251c;
}

a:focus {
    outline: none;
}

.text-small,
.blockquote-footer {
    font-size: .875rem;
    line-height: 1.25rem;
}

.display-1,
.display-2,
.display-3,
.display-4,
h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
    letter-spacing: -.02em;
    font-weight: 700;
}

@media (min-width: 768px) {

    .display-1,
    .display-2,
    .display-3,
    .display-4,
    h1,
    .h1 {
        margin-bottom: 1.5rem;
    }

    h1,
    .h1 {
        line-height: 1.125;
    }

    p.lead {
        margin-bottom: 1.5rem;
    }
}

a {
    font-weight: 700;
}

a.lead {
    font-weight: 700;
}

mark {
    color: inherit;
    padding: 0;
    background: none;
    background-image: linear-gradient(120deg, rgba(255, 193, 7, 0.4) 0%, rgba(255, 193, 7, 0.4) 100%);
    background-repeat: no-repeat;
    background-size: 0% .3em;
    background-position: 0 80%;
    position: relative;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

mark[data-aos="highlight-text"].aos-animate {
    background-size: 100% .3em;
}

mark:not([data-aos="highlight-text"]) {
    background-size: 100% .3em;
}

.text-primary mark {
    background-image: linear-gradient(120deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.25) 100%);
}

@-webkit-keyframes animateMark {
    0% {
        background-size: 0% .3em;
    }

    100% {
        background-size: 100% .3em;
    }
}

@keyframes animateMark {
    0% {
        background-size: 0% .3em;
    }

    100% {
        background-size: 100% .3em;
    }
}

@media (max-width: 991.98px) {
    .lead {
        font-size: 1rem;
        line-height: 1.5;
        font-weight: 600;
    }
}

.blockquote {
    color: #da251c;
    border-left: 2px solid #EAEDF2;
    padding-left: 1rem;
}

.blockquote-footer {
    margin-top: 0.5rem;
    color: #2e4257;
}

@media (max-width: 1327.98px) {
    .blockquote {
        font-size: 1.25rem !important;
    }
}

address p {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .blockquote {
        font-size: 1.5rem;
        padding-left: 3rem;
    }
}

.text-white .display-1,
.text-white .display-2,
.text-white .display-3,
.text-white .display-4,
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white .h1,
.text-white .h2,
.text-white .h3,
.text-white .h4,
.text-white .h5,
.text-white .h6,
.text-white .blockquote {
    color: #fff;
}

.text-white a {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.text-white .text-muted {
    color: rgba(255, 255, 255, 0.5) !important;
}

.text-white hr {
    border-color: rgba(255, 255, 255, 0.1);
}

.text-dark .display-1,
.text-dark .display-2,
.text-dark .display-3,
.text-dark .display-4,
.text-dark h1,
.text-dark h2,
.text-dark h3,
.text-dark h4,
.text-dark h5,
.text-dark h6,
.text-dark .h1,
.text-dark .h2,
.text-dark .h3,
.text-dark .h4,
.text-dark .h5,
.text-dark .h6,
.text-dark .blockquote {
    color: #2C3038;
}

.text-dark a {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

figcaption {
    margin-top: 0.5rem;
    font-size: 0.875rem;
}

figure {
    text-align: center;
}

/**   * Clear inner floats   */
p::-moz-selection {
    background: #da251c;
    color: white;
}

p::selection {
    background: #da251c;
    color: white;
}

p::-moz-selection {
    background: #da251c;
    color: white;
}

.clearfix::after {
    clear: both;
    content: '';
    display: table;
}

.icon-none:after {
    display: none;
}

.text-inverse h3,
.text-inverse p {
    color: white;
}

.pricing-v1,
.pricing-v2 {
    overflow: hidden;
}

/*------------------------------------------------------------------* 2.Navigation *-------------------------------------------------------------------*/
.navbar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
}

.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-sm,
.navbar>.container-md,
.navbar>.container-lg,
.navbar>.container-xl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.navbar-brand {
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}

.navbar-brand:hover,
.navbar-brand:focus {
    text-decoration: none;
}

.navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
    font-size: 1.12rem;
    font-weight: 600;
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none;
}

.navbar-text {
    display: inline-block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.navbar-toggler {
    padding: 0 0;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 100px;
}

.navbar-toggler:hover,
.navbar-toggler:focus {
    text-decoration: none;
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
}

@media (max-width: 575.98px) {

    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .navbar-expand-sm .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: 0.75rem;
        padding-left: 0.75rem;
    }

    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .navbar-expand-sm .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

    .navbar-expand-sm .navbar-toggler {
        display: none;
    }
}

@media (max-width: 767.98px) {

    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .navbar-expand-md .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0.75rem;
        padding-left: 0.75rem;
    }

    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .navbar-expand-md .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

    .navbar-expand-md .navbar-toggler {
        display: none;
    }
}

@media (max-width: 991.98px) {

    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .navbar-expand-lg .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.75rem;
        padding-left: 0.75rem;
    }

    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .navbar-expand-lg .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

    .navbar-expand-lg .navbar-toggler {
        display: none;
    }
}

@media (max-width: 1327.98px) {

    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 1328px) {
    .navbar-expand-xl {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .navbar-expand-xl .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 0.75rem;
        padding-left: 0.75rem;
    }

    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .navbar-expand-xl .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

    .navbar-expand-xl .navbar-toggler {
        display: none;
    }
}

.navbar-expand {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-sm,
.navbar-expand>.container-md,
.navbar-expand>.container-lg,
.navbar-expand>.container-xl {
    padding-right: 0;
    padding-left: 0;
}

.navbar-expand .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-sm,
.navbar-expand>.container-md,
.navbar-expand>.container-lg,
.navbar-expand>.container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.navbar-expand .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

.navbar-expand .navbar-toggler {
    display: none;
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
    color: #fff;
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
    color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.65);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.85);
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
    color: #fff;
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.65);
    border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.65)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.65);
}

.navbar-dark .navbar-text a {
    color: #fff;
}

.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
    color: #fff;
}

.inactive-link,
.nav-tabs .nav-link[aria-selected="false"],
[data-isotope-filters] .nav-link:not(.active) {
    color: #2e4257;
    border-bottom-color: rgba(0, 0, 0, 0);
}

.inactive-link:not(:hover),
.nav-tabs .nav-link:not(:hover)[aria-selected="false"],
[data-isotope-filters] .nav-link:not(:hover):not(.active) {
    opacity: .5;
}

.nav-tabs {
    border-bottom: 2px solid #EAEDF2;
}

.nav-tabs .nav-link {
    padding-left: 0;
    padding-right: 0;
    margin-right: 1.5rem;
}

@media (min-width: 768px) {
    .nav-tabs .nav-link {
        border-bottom: 2px solid #da251c;
        position: relative;
        top: 2px;
    }

    .nav-tabs.lead .nav-link {
        margin-right: 2.25rem;
    }
}

@media (max-width: 767.98px) {
    .nav-tabs {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        width: 100%;
        overflow-x: scroll;
    }

    .nav-tabs .nav-link {
        top: 0;
        border: none;
    }
}

.btn[data-toggle="tab"][aria-selected="true"] .icon [stroke]:not([stroke="none"]) {
    stroke: #fff;
}

.btn[data-toggle="tab"][aria-selected="true"] .icon [fill]:not([fill="none"]) {
    fill: #fff;
}

.btn[data-toggle="tab"][aria-selected="false"] {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    color: #2e4257;
}

.card>[data-toggle="collapse"] h6,
.card>[data-toggle="collapse"] .icon {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #17141d;
}

.card>[data-toggle="collapse"][aria-expanded="false"]:hover h6 {
    color: #da251c;
}

.card>[data-toggle="collapse"][aria-expanded="true"] h6 {
    color: #da251c;
}

.card>[data-toggle="collapse"][aria-expanded="true"] .icon {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
    color: #da251c;
}

.dropdown-toggle {
    white-space: nowrap;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropdown-menu {
    z-index: 1010;
    font-size: 1rem;
    color: #2e4257;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #EAEDF2;
    border-radius: 0.3125rem;
    -webkit-box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
    box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
}

.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #EAEDF2;
}

.dropdown-item {
    padding: 0.25rem 1.5rem;
    font-weight: 600;
    color: rgba(46, 66, 87, 0.6);
    background-color: transparent;
    border: 0;
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: #da251c;
    background-color: none;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #da251c;
    text-decoration: none;
    background-color: rgba(49, 151, 149, 0.1);
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: rgba(46, 66, 87, 0.25);
    pointer-events: none;
    background-color: transparent;
}

.dropdown-header {
    display: block;
    padding: 1rem 1.5rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #2C3038;
    white-space: nowrap;
}

.dropdown-item-text {
    display: block;
    padding: 0.25rem 1.5rem;
    color: rgba(46, 66, 87, 0.6);
}

/*------------------------------------------------------------------* 3.Pricings *-------------------------------------------------------------------*/
.pricing-v1::before {
    content: "";
    position: absolute;
    width: 54%;
    height: 84%;
    top: 50%;
    left: 55%;
    background: url(../image/bg-carrer.png) 0 0 repeat;
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
    background-size: cover;
    z-index: 9999;
}

.pricing-v2::before {
    content: "";
    position: absolute;
    width: 54%;
    height: 55%;
    top: -20%;
    left: 62%;
    background: url(../image/bg-carrer.png) 0 0 repeat;
    -webkit-transform: rotate(2deg);
    transform: rotate(210deg);
    background-size: cover;
    z-index: 9999;
}

/* -----------------------------------  ::  Card Testimonial - Home page  ------------------------------------ */
.customer-review-section {
    position: relative;
    background: #f0fcfa;
    border-radius: 0.9375rem;
}

.customer-review-section .h2 {
    font-size: 2rem;
}

@media (max-width: 1200px) {
    .customer-review-section .h2 {
        font-size: calc(1.325rem + 0.9vw);
    }
}

.testimonial-block {
    clear: both;
    margin: 0;
    padding: 0 0 25px 25px;
    line-height: 1.4;
    font-size: 2rem;
}

@media (max-width: 1200px) {
    .testimonial-block {
        font-size: calc(1.325rem + 0.9vw);
    }
}

.testimonial-block footer {
    display: block;
    margin: 30px 0 0;
    font-weight: normal;
    font-size: 20px;
}

.testimonial-block cite {
    font-style: normal;
}

.testimonial-quote {
    float: left;
    margin: 10px 0 0 -25px;
}

.testimonial-quote svg {
    display: block;
    width: 13px;
    height: 10px;
    fill: #fff;
}

/*------------------------------------    Callout  ------------------------------------*/
.callout {
    border-left-width: 4px;
    border-left-style: solid;
    padding: 1.5rem;
    margin-bottom: 1.25rem;
}

.callout p:last-child {
    margin-bottom: 0;
}

.callout-title {
    color: initial;
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: .5rem;
}

/* -----------------------------------  :: 4. Card Testimonial - Home page  ------------------------------------ */
.customer-review-section {
    position: relative;
    background: #f0fcfa;
    border-radius: 0.9375rem;
}

.customer-review-section .h2 {
    font-size: 2rem;
}

@media (max-width: 1200px) {
    .customer-review-section .h2 {
        font-size: calc(1.325rem + 0.9vw);
    }
}

.testimonial-block {
    clear: both;
    margin: 0;
    padding: 0 0 25px 25px;
    line-height: 1.4;
    font-size: 2rem;
}

@media (max-width: 1200px) {
    .testimonial-block {
        font-size: calc(1.325rem + 0.9vw);
    }
}

.testimonial-block footer {
    display: block;
    margin: 30px 0 0;
    font-weight: normal;
    font-size: 20px;
}

.testimonial-block cite {
    font-style: normal;
}

.testimonial-quote {
    float: left;
    margin: 10px 0 0 -25px;
}

.testimonial-quote svg {
    display: block;
    width: 13px;
    height: 10px;
    fill: #fff;
}

/*------------------------------------    Callout  ------------------------------------*/
.callout {
    border-left-width: 4px;
    border-left-style: solid;
    padding: 1.5rem;
    margin-bottom: 1.25rem;
}

.callout p:last-child {
    margin-bottom: 0;
}

.callout-title {
    color: initial;
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: .5rem;
}

/*------------------------------------------------------------------/* 5. Footer/*-------------------------------------------------------------------*/
.section-footer {
    padding-top: 20px;
    padding-bottom: 20px;
    color: #f7fafc;line-height: 180%;
}

.section-footer h5,.section-footer h6 {
    color: #f7fafc;
}

.section-footer a {
    color: #ced4da;
}

.footer-link ul li a {
    text-decoration: underline;
    color: #7a7a8c;
}

.footer-link ul li a:hover {
    color: #da251c;
}

.footer-alt {
    bottom: 0;
    padding: 19px 15px 20px;
    position: fixed;
    right: 0;
    color: #98a6ad;
    left: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 0 1px rgba(50, 58, 70, 0.1);
    box-shadow: 0 0 1px rgba(50, 58, 70, 0.1);
}

.section-footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../image/bg-3.png);
    opacity: .8;
    background-size: contain;
}

/*------------------------------------------------------------------/* 6. Buttons/*-------------------------------------------------------------------*/
.btn {
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    border-radius: 0.3125rem;
    border-width: 1px;
}

.btn:not(:disabled):hover {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}

.btn .btn-wrapper--label:not(:first-child) {
    margin-left: 0.5rem;
}

.btn .btn-wrapper--label {
    display: inline-block;
}

.btn .btn-wrapper--label+.btn-wrapper--icon {
    margin-left: 0.5rem;
}

.btn-pill {
    border-radius: 1.5625rem;
}

.btn-icon-transition {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btn:hover .btn-icon-transition {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.btn-primary:not(:disabled):active,
.btn-primary:not(:disabled):focus,
.btn-primary:not(:disabled):hover {
    -webkit-box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
    box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
}

.btn-secondary:not(:disabled):active,
.btn-secondary:not(:disabled):focus,
.btn-secondary:not(:disabled):hover {
    -webkit-box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
    box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
}

.btn-success:not(:disabled):active,
.btn-success:not(:disabled):focus,
.btn-success:not(:disabled):hover {
    -webkit-box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
    box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
}

.btn-info:not(:disabled):active,
.btn-info:not(:disabled):focus,
.btn-info:not(:disabled):hover {
    -webkit-box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
    box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
}

.btn-warning:not(:disabled):active,
.btn-warning:not(:disabled):focus,
.btn-warning:not(:disabled):hover {
    -webkit-box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
    box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
}

.btn-danger:not(:disabled):active,
.btn-danger:not(:disabled):focus,
.btn-danger:not(:disabled):hover {
    -webkit-box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
    box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
}

.btn-light:not(:disabled):active,
.btn-light:not(:disabled):focus,
.btn-light:not(:disabled):hover {
    -webkit-box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
    box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
}

.btn-dark:not(:disabled):active,
.btn-dark:not(:disabled):focus,
.btn-dark:not(:disabled):hover {
    -webkit-box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
    box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
}

.btn-blue-1:not(:disabled):active,
.btn-blue-1:not(:disabled):focus,
.btn-blue-1:not(:disabled):hover {
    -webkit-box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
    box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
}

.btn-blue-2:not(:disabled):active,
.btn-blue-2:not(:disabled):focus,
.btn-blue-2:not(:disabled):hover {
    -webkit-box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
    box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
}

.btn-soft-green:not(:disabled):active,
.btn-soft-green:not(:disabled):focus,
.btn-soft-green:not(:disabled):hover {
    -webkit-box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
    box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
}

.btn-facebook {
    color: #fff;
    background-color: #3b5999;
    border-color: #3b5999;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-facebook:hover {
    color: #fff;
    background-color: #30497d;
    border-color: #2d4474;
}

.btn-facebook:focus,
.btn-facebook.focus {
    color: #fff;
    background-color: #30497d;
    border-color: #2d4474;
    -webkit-box-shadow: none, 0 0 0 0.2rem rgba(88, 114, 168, 0.5);
    box-shadow: none, 0 0 0 0.2rem rgba(88, 114, 168, 0.5);
}

.btn-facebook.disabled,
.btn-facebook:disabled {
    color: #fff;
    background-color: #3b5999;
    border-color: #3b5999;
}

.btn-facebook:not(:disabled):not(.disabled):active,
.btn-facebook:not(:disabled):not(.disabled).active,
.show>.btn-facebook.dropdown-toggle {
    color: #fff;
    background-color: #2d4474;
    border-color: #293e6b;
}

.btn-facebook:not(:disabled):not(.disabled):active:focus,
.btn-facebook:not(:disabled):not(.disabled).active:focus,
.show>.btn-facebook.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(88, 114, 168, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(88, 114, 168, 0.5);
}

.btn-facebook:not(:disabled):active,
.btn-facebook:not(:disabled):focus,
.btn-facebook:not(:disabled):hover {
    -webkit-box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
    box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
}

.btn-twitter {
    color: #fff;
    background-color: #1da1f2;
    border-color: #1da1f2;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-twitter:hover {
    color: #fff;
    background-color: #0d8ddc;
    border-color: #0c85d0;
}

.btn-twitter:focus,
.btn-twitter.focus {
    color: #fff;
    background-color: #0d8ddc;
    border-color: #0c85d0;
    -webkit-box-shadow: none, 0 0 0 0.2rem rgba(63, 175, 244, 0.5);
    box-shadow: none, 0 0 0 0.2rem rgba(63, 175, 244, 0.5);
}

.btn-twitter.disabled,
.btn-twitter:disabled {
    color: #fff;
    background-color: #1da1f2;
    border-color: #1da1f2;
}

.btn-twitter:not(:disabled):not(.disabled):active,
.btn-twitter:not(:disabled):not(.disabled).active,
.show>.btn-twitter.dropdown-toggle {
    color: #fff;
    background-color: #0c85d0;
    border-color: #0b7ec4;
}

.btn-twitter:not(:disabled):not(.disabled):active:focus,
.btn-twitter:not(:disabled):not(.disabled).active:focus,
.show>.btn-twitter.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(63, 175, 244, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(63, 175, 244, 0.5);
}

.btn-twitter:not(:disabled):active,
.btn-twitter:not(:disabled):focus,
.btn-twitter:not(:disabled):hover {
    -webkit-box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
    box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
}

.btn-google-plus {
    color: #fff;
    background-color: #dd4b39;
    border-color: #dd4b39;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-google-plus:hover {
    color: #fff;
    background-color: #cd3623;
    border-color: #c23321;
}

.btn-google-plus:focus,
.btn-google-plus.focus {
    color: #fff;
    background-color: #cd3623;
    border-color: #c23321;
    -webkit-box-shadow: none, 0 0 0 0.2rem rgba(226, 102, 87, 0.5);
    box-shadow: none, 0 0 0 0.2rem rgba(226, 102, 87, 0.5);
}

.btn-google-plus.disabled,
.btn-google-plus:disabled {
    color: #fff;
    background-color: #dd4b39;
    border-color: #dd4b39;
}

.btn-google-plus:not(:disabled):not(.disabled):active,
.btn-google-plus:not(:disabled):not(.disabled).active,
.show>.btn-google-plus.dropdown-toggle {
    color: #fff;
    background-color: #c23321;
    border-color: #b7301f;
}

.btn-google-plus:not(:disabled):not(.disabled):active:focus,
.btn-google-plus:not(:disabled):not(.disabled).active:focus,
.show>.btn-google-plus.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(226, 102, 87, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(226, 102, 87, 0.5);
}

.btn-google-plus:not(:disabled):active,
.btn-google-plus:not(:disabled):focus,
.btn-google-plus:not(:disabled):hover {
    -webkit-box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
    box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
}

.btn-instagram {
    color: #fff;
    background-color: #e4405f;
    border-color: #e4405f;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-instagram:hover {
    color: #fff;
    background-color: #de1f44;
    border-color: #d31e40;
}

.btn-instagram:focus,
.btn-instagram.focus {
    color: #fff;
    background-color: #de1f44;
    border-color: #d31e40;
    -webkit-box-shadow: none, 0 0 0 0.2rem rgba(232, 93, 119, 0.5);
    box-shadow: none, 0 0 0 0.2rem rgba(232, 93, 119, 0.5);
}

.btn-instagram.disabled,
.btn-instagram:disabled {
    color: #fff;
    background-color: #e4405f;
    border-color: #e4405f;
}

.btn-instagram:not(:disabled):not(.disabled):active,
.btn-instagram:not(:disabled):not(.disabled).active,
.show>.btn-instagram.dropdown-toggle {
    color: #fff;
    background-color: #d31e40;
    border-color: #c81c3d;
}

.btn-instagram:not(:disabled):not(.disabled):active:focus,
.btn-instagram:not(:disabled):not(.disabled).active:focus,
.show>.btn-instagram.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(232, 93, 119, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(232, 93, 119, 0.5);
}

.btn-instagram:not(:disabled):active,
.btn-instagram:not(:disabled):focus,
.btn-instagram:not(:disabled):hover {
    -webkit-box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
    box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
}

.btn-pinterest {
    color: #fff;
    background-color: #bd081c;
    border-color: #bd081c;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-pinterest:hover {
    color: #fff;
    background-color: #980617;
    border-color: #8c0615;
}

.btn-pinterest:focus,
.btn-pinterest.focus {
    color: #fff;
    background-color: #980617;
    border-color: #8c0615;
    -webkit-box-shadow: none, 0 0 0 0.2rem rgba(199, 45, 62, 0.5);
    box-shadow: none, 0 0 0 0.2rem rgba(199, 45, 62, 0.5);
}

.btn-pinterest.disabled,
.btn-pinterest:disabled {
    color: #fff;
    background-color: #bd081c;
    border-color: #bd081c;
}

.btn-pinterest:not(:disabled):not(.disabled):active,
.btn-pinterest:not(:disabled):not(.disabled).active,
.show>.btn-pinterest.dropdown-toggle {
    color: #fff;
    background-color: #8c0615;
    border-color: #800513;
}

.btn-pinterest:not(:disabled):not(.disabled):active:focus,
.btn-pinterest:not(:disabled):not(.disabled).active:focus,
.show>.btn-pinterest.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(199, 45, 62, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(199, 45, 62, 0.5);
}

.btn-pinterest:not(:disabled):active,
.btn-pinterest:not(:disabled):focus,
.btn-pinterest:not(:disabled):hover {
    -webkit-box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
    box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
}

.btn-youtube {
    color: #fff;
    background-color: #cd201f;
    border-color: #cd201f;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-youtube:hover {
    color: #fff;
    background-color: #ac1b1a;
    border-color: #a11918;
}

.btn-youtube:focus,
.btn-youtube.focus {
    color: #fff;
    background-color: #ac1b1a;
    border-color: #a11918;
    -webkit-box-shadow: none, 0 0 0 0.2rem rgba(213, 65, 65, 0.5);
    box-shadow: none, 0 0 0 0.2rem rgba(213, 65, 65, 0.5);
}

.btn-youtube.disabled,
.btn-youtube:disabled {
    color: #fff;
    background-color: #cd201f;
    border-color: #cd201f;
}

.btn-youtube:not(:disabled):not(.disabled):active,
.btn-youtube:not(:disabled):not(.disabled).active,
.show>.btn-youtube.dropdown-toggle {
    color: #fff;
    background-color: #a11918;
    border-color: #961717;
}

.btn-youtube:not(:disabled):not(.disabled):active:focus,
.btn-youtube:not(:disabled):not(.disabled).active:focus,
.show>.btn-youtube.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(213, 65, 65, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(213, 65, 65, 0.5);
}

.btn-youtube:not(:disabled):active,
.btn-youtube:not(:disabled):focus,
.btn-youtube:not(:disabled):hover {
    -webkit-box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
    box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
}

.btn-slack {
    color: #fff;
    background-color: #3aaf85;
    border-color: #3aaf85;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-slack:hover {
    color: #fff;
    background-color: #30926f;
    border-color: #2d8968;
}

.btn-slack:focus,
.btn-slack.focus {
    color: #fff;
    background-color: #30926f;
    border-color: #2d8968;
    -webkit-box-shadow: none, 0 0 0 0.2rem rgba(88, 187, 151, 0.5);
    box-shadow: none, 0 0 0 0.2rem rgba(88, 187, 151, 0.5);
}

.btn-slack.disabled,
.btn-slack:disabled {
    color: #fff;
    background-color: #3aaf85;
    border-color: #3aaf85;
}

.btn-slack:not(:disabled):not(.disabled):active,
.btn-slack:not(:disabled):not(.disabled).active,
.show>.btn-slack.dropdown-toggle {
    color: #fff;
    background-color: #2d8968;
    border-color: #2a7f61;
}

.btn-slack:not(:disabled):not(.disabled):active:focus,
.btn-slack:not(:disabled):not(.disabled).active:focus,
.show>.btn-slack.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(88, 187, 151, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(88, 187, 151, 0.5);
}

.btn-slack:not(:disabled):active,
.btn-slack:not(:disabled):focus,
.btn-slack:not(:disabled):hover {
    -webkit-box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
    box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
}

.btn-dribbble {
    color: #fff;
    background-color: #ea4c89;
    border-color: #ea4c89;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-dribbble:hover {
    color: #fff;
    background-color: #e62a72;
    border-color: #e51e6b;
}

.btn-dribbble:focus,
.btn-dribbble.focus {
    color: #fff;
    background-color: #e62a72;
    border-color: #e51e6b;
    -webkit-box-shadow: none, 0 0 0 0.2rem rgba(237, 103, 155, 0.5);
    box-shadow: none, 0 0 0 0.2rem rgba(237, 103, 155, 0.5);
}

.btn-dribbble.disabled,
.btn-dribbble:disabled {
    color: #fff;
    background-color: #ea4c89;
    border-color: #ea4c89;
}

.btn-dribbble:not(:disabled):not(.disabled):active,
.btn-dribbble:not(:disabled):not(.disabled).active,
.show>.btn-dribbble.dropdown-toggle {
    color: #fff;
    background-color: #e51e6b;
    border-color: #dc1a65;
}

.btn-dribbble:not(:disabled):not(.disabled):active:focus,
.btn-dribbble:not(:disabled):not(.disabled).active:focus,
.show>.btn-dribbble.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(237, 103, 155, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(237, 103, 155, 0.5);
}

.btn-dribbble:not(:disabled):active,
.btn-dribbble:not(:disabled):focus,
.btn-dribbble:not(:disabled):hover {
    -webkit-box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
    box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
}

.btn-github {
    color: #fff;
    background-color: #222222;
    border-color: #222222;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-github:hover {
    color: #fff;
    background-color: #0f0f0f;
    border-color: #090909;
}

.btn-github:focus,
.btn-github.focus {
    color: #fff;
    background-color: #0f0f0f;
    border-color: #090909;
    -webkit-box-shadow: none, 0 0 0 0.2rem rgba(67, 67, 67, 0.5);
    box-shadow: none, 0 0 0 0.2rem rgba(67, 67, 67, 0.5);
}

.btn-github.disabled,
.btn-github:disabled {
    color: #fff;
    background-color: #222222;
    border-color: #222222;
}

.btn-github:not(:disabled):not(.disabled):active,
.btn-github:not(:disabled):not(.disabled).active,
.show>.btn-github.dropdown-toggle {
    color: #fff;
    background-color: #090909;
    border-color: #020202;
}

.btn-github:not(:disabled):not(.disabled):active:focus,
.btn-github:not(:disabled):not(.disabled).active:focus,
.show>.btn-github.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(67, 67, 67, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(67, 67, 67, 0.5);
}

.btn-github:not(:disabled):active,
.btn-github:not(:disabled):focus,
.btn-github:not(:disabled):hover {
    -webkit-box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
    box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
}

.btn-outline-primary:not(:disabled):hover {
    -webkit-box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
    box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
}

.btn-outline-secondary:not(:disabled):hover {
    -webkit-box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
    box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
}

.btn-outline-success:not(:disabled):hover {
    -webkit-box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
    box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
}

.btn-outline-info:not(:disabled):hover {
    -webkit-box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
    box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
}

.btn-outline-warning:not(:disabled):hover {
    -webkit-box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
    box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
}

.btn-outline-danger:not(:disabled):hover {
    -webkit-box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
    box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
}

.btn-outline-light:not(:disabled):hover {
    -webkit-box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
    box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
}

.btn-outline-dark:not(:disabled):hover {
    -webkit-box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
    box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
}

.btn-outline-blue-1:not(:disabled):hover {
    -webkit-box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
    box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
}

.btn-outline-blue-2:not(:disabled):hover {
    -webkit-box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
    box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
}

.btn-outline-soft-green:not(:disabled):hover {
    -webkit-box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
    box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
}

.btn-spinner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.btn-secondary {
    border-color: #EAEDF2;
    border-width: 1px;
    color: #fff;
}

.btn-secondary:not(:disabled):active,
.btn-secondary:not(:disabled):focus,
.btn-secondary:not(:disabled):hover {
    color: #d5f2f1;
    -webkit-box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
    box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
}

.btn-secondary:not(:disabled):active {
    border-color: transparent !important;
    background: #EAEDF2 !important;
}

.btn-link span {
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btn-link span:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.btn-link:hover span:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.btn-link-primary span {
    color: #da251c;
}

.btn-link-primary span:before {
    background-color: #da251c;
}

.btn-link-primary:hover span {
    color: #25706f;
}

.btn-link-secondary span {
    color: #506690;
}

.btn-link-secondary span:before {
    background-color: #506690;
}

.btn-link-secondary:hover span {
    color: #3e4f6f;
}

.btn-link-success span {
    color: #40c185;
}

.btn-link-success span:before {
    background-color: #40c185;
}

.btn-link-success:hover span {
    color: #329c6b;
}

.btn-link-info span {
    color: #3bb4c1;
}

.btn-link-info span:before {
    background-color: #3bb4c1;
}

.btn-link-info:hover span {
    color: #2f909a;
}

.btn-link-warning span {
    color: #ffc107;
}

.btn-link-warning span:before {
    background-color: #ffc107;
}

.btn-link-warning:hover span {
    color: #d39e00;
}

.btn-link-danger span {
    color: #ff487e;
}

.btn-link-danger span:before {
    background-color: #ff487e;
}

.btn-link-danger:hover span {
    color: #ff155a;
}

.btn-link-light span {
    color: #f7fafc;
}

.btn-link-light span:before {
    background-color: #f7fafc;
}

.btn-link-light:hover span {
    color: #d2e3ee;
}

.btn-link-dark span {
    color: #17141d;
}

.btn-link-dark span:before {
    background-color: #17141d;
}

.btn-link-dark:hover span {
    color: black;
}

.btn-link-blue-1 span {
    color: #4C51BF;
}

.btn-link-blue-1 span:before {
    background-color: #4C51BF;
}

.btn-link-blue-1:hover span {
    color: #393d9f;
}

.btn-link-blue-2 span {
    color: #002555;
}

.btn-link-blue-2 span:before {
    background-color: #002555;
}

.btn-link-blue-2:hover span {
    color: #000f22;
}

.btn-link-soft-green span {
    color: #f0fcfa;
}

.btn-link-soft-green span:before {
    background-color: #f0fcfa;
}

.btn-link-soft-green:hover span {
    color: #c6f4ec;
}

.btn-link {
    font-weight: 600;
    color: #da251c;
    text-decoration: none;
}

.btn-link:hover {
    color: #da251c;
    text-decoration: none;
    -webkit-transform: none;
    transform: none;
}

.btn-link:focus,
.btn-link.focus {
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-link:disabled,
.btn-link.disabled {
    color: #6c757d;
    pointer-events: none;
}

.btn-shadow {
    -webkit-box-shadow: 0 0.25rem 0.55rem rgba(37, 78, 219, 0.35);
    box-shadow: 0 0.25rem 0.55rem rgba(37, 78, 219, 0.35);
}

.btn-white {
    border-color: #EAEDF2;
}

.btn-white:not(:disabled):active,
.btn-white:not(:disabled):focus,
.btn-white:not(:disabled):hover {
    -webkit-box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
    box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
}

/* ------------------------------*/
/* 7.Helpers  /*-----------------------------*/
.rounded-lg {
    border-radius: 0.9375rem;
}

.o-hidden {
    overflow: hidden;
}

.no-arrow:after {
    display: none;
}

.border-dark {
    border-color: #242a35 !important;
}

.row.display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.display-flex>[class*='col-'] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.sticky-xs-top {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 80px;
    z-index: 1020;
}

[class*='sticky-xs'][class*='-top'][class*='col'] {
    top: 1.5rem;
}

@media (min-width: 576px) {
    .sticky-sm-top {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 80px;
        z-index: 1020;
    }

    [class*='sticky-sm'][class*='-top'][class*='col'] {
        top: 1.5rem;
    }
}

@media (min-width: 768px) {
    .sticky-md-top {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 80px;
        z-index: 1020;
    }

    [class*='sticky-md'][class*='-top'][class*='col'] {
        top: 1.5rem;
    }
}

@media (min-width: 992px) {
    .sticky-lg-top {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 80px;
        z-index: 1020;
    }

    [class*='sticky-lg'][class*='-top'][class*='col'] {
        top: 1.5rem;
    }
}

@media (min-width: 1328px) {
    .sticky-xl-top {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 80px;
        z-index: 1020;
    }

    [class*='sticky-xl'][class*='-top'][class*='col'] {
        top: 1.5rem;
    }
}

.bg-image {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.bg-image:not([class*='absolute']) {
    position: absolute;
}

.bg-image+.card-body {
    position: relative;
    z-index: 1;
}

img.bg-image {
    -o-object-fit: cover;
    object-fit: cover;
}

.opacity-0 {
    opacity: 0;
}

.opacity-10 {
    opacity: 0.1;
}

.opacity-20 {
    opacity: 0.2;
}

.opacity-30 {
    opacity: 0.3;
}

.opacity-40 {
    opacity: 0.4;
}

.opacity-50 {
    opacity: 0.5;
}

.opacity-60 {
    opacity: 0.6;
}

.opacity-70 {
    opacity: 0.7;
}

.opacity-80 {
    opacity: 0.8;
}

.opacity-90 {
    opacity: 0.9;
}

.h-0 {
    height: 0;
}

.min-vh-10 {
    min-height: 10vh;
}

.min-vh-20 {
    min-height: 20vh;
}

.min-vh-30 {
    min-height: 30vh;
}

.min-vh-40 {
    min-height: 40vh;
}

.min-vh-50 {
    min-height: 50vh;
}

.min-vh-60 {
    min-height: 60vh;
}

.min-vh-70 {
    min-height: 70vh;
}

.min-vh-80 {
    min-height: 80vh;
}

.min-vh-90 {
    min-height: 90vh;
}

@media (min-width: 768px) {
    .min-vh-md-10 {
        min-height: 10vh;
    }

    .min-vh-md-20 {
        min-height: 20vh;
    }

    .min-vh-md-30 {
        min-height: 30vh;
    }

    .min-vh-md-40 {
        min-height: 40vh;
    }

    .min-vh-md-50 {
        min-height: 50vh;
    }

    .min-vh-md-60 {
        min-height: 60vh;
    }

    .min-vh-md-70 {
        min-height: 70vh;
    }

    .min-vh-md-80 {
        min-height: 80vh;
    }

    .min-vh-md-90 {
        min-height: 90vh;
    }

    .min-vh-md-100 {
        min-height: 100vh;
    }
}

@media (min-width: 992px) {
    .min-vh-lg-10 {
        min-height: 10vh;
    }

    .min-vh-lg-20 {
        min-height: 20vh;
    }

    .min-vh-lg-30 {
        min-height: 30vh;
    }

    .min-vh-lg-40 {
        min-height: 40vh;
    }

    .min-vh-lg-50 {
        min-height: 50vh;
    }

    .min-vh-lg-60 {
        min-height: 60vh;
    }

    .min-vh-lg-70 {
        min-height: 70vh;
    }

    .min-vh-lg-80 {
        min-height: 80vh;
    }

    .min-vh-lg-90 {
        min-height: 90vh;
    }

    .min-vh-lg-100 {
        min-height: 100vh;
    }
}

img.h-100 {
    -o-object-fit: cover;
    object-fit: cover;
}

img.flex-fill {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.img-fluid.position-relative {
    z-index: 1;
}

@media (min-width: 992px) {
    .w-lg-100 {
        width: 100%;
    }
}

[class*='hover-'] {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.hover-fade-out:hover {
    opacity: .75;
}

.hover-box-shadow:hover {
    -webkit-box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
    box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
    -webkit-transform: translateY(-0.3rem);
    transform: translateY(-0.3rem);
}

.top {
    top: 0;
    bottom: auto;
}

.bottom {
    top: auto;
    bottom: 0;
}

.left {
    right: auto;
    left: 0;
}

.right {
    left: auto;
    right: 0;
}

.border-thick {
    border-width: 4px !important;
}

@media (min-width: 992px) {
    .border-lg-right {
        border-right: 1px solid #EAEDF2;
    }
}

.dropdown-toggle.no-arrow::after {
    display: none;
}

.img-lg {
    width: 92px;
    height: 92px;
}

.img-sm {
    width: 43px;
    height: 43px;
}

.img-xs {
    width: 37px;
    height: 37px;
}

.img-ss {
    width: 26px;
    height: 26px;
}

/* Badge fix */
.badge {
    vertical-align: middle;
}

.divider {
    position: relative;
    border: 0;
    width: 100%;
}

.divider-md {
    width: 60%;
}

.divider-sm {
    width: 40%;
}

.divider-icon {
    height: 20px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle fill='none' stroke='%23d1dbe7' stroke-width='1' cx='10' cy='10' r='7'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.divider-icon:before,
.divider-icon:after {
    content: "";
    position: absolute;
    top: 50%;
    max-width: calc(50% - (50px / 2));
    width: 100%;
    border-bottom: 1px solid #EAEDF2;
}

.divider-icon:before {
    right: calc(50% + (50px / 2));
}

.divider-icon:after {
    left: calc(50% + (50px / 2));
}

.divider-icon-fade:before,
.divider-icon-fade:after {
    border: 0;
    height: 1px;
}

.divider-icon-fade:before {
    background: radial-gradient(ellipse at right, #EAEDF2 0, rgba(255, 255, 255, 0) 75%);
}

.divider-icon-fade:after {
    background: radial-gradient(ellipse at left, #EAEDF2 0, rgba(255, 255, 255, 0) 75%);
}

.divider-fade:before {
    content: '';
    display: block;
    width: 80%;
    position: relative;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 1px;
    background: radial-gradient(ellipse at center, #EAEDF2 0, rgba(255, 255, 255, 0) 75%);
}

.divider-fade.divider-dark:before {
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.2) 0, rgba(31, 45, 61, 0) 75%);
}

.divider-vertical {
    width: 1px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    border-left: 1px solid #EAEDF2;
}

.divider-vertical-fade {
    border: 0;
    background: radial-gradient(ellipse at center, #EAEDF2 0, rgba(255, 255, 255, 0) 75%);
}

/* -----------------------------------  :: 8. Dashboard nav  ------------------------------------ */
.dash-nav li {
    padding: 9px 0;
}

.dash-nav li a {
    color: #2e4257;
    padding: 0;
}

.dash-nav li a.active h6,
.dash-nav li a.active i {
    color: #da251c;
}

.dash-nav li a i {
    font-size: 1rem;
    margin-right: 8px;
    color: rgba(46, 66, 87, 0.65);
}

/* -----------------------------------  :: 9. Cards  ------------------------------------ */
.dash-nav li:hover a {
    color: #da251c;
}

.card.bg-white {
    border-color: rgba(0, 0, 0, 0);
    background-color: rgba(255, 255, 255, 0.05) !important;
}

.card.bg-white .card-footer {
    border-color: rgba(255, 255, 255, 0.1);
}

.card-header {
    background-color: transparent;
}

.card-footer {
    background-color: transparent;
}

@media (max-width: 767.98px) {
    .card-body {
        padding: 1.5rem;
    }
}

a.card {
    color: #2e4257;
    font-weight: 600;
}

.item-card {
    border: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.item-card__image {
    position: relative;
    -webkit-transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
    transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.item-card:hover .item-card__image {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0.9;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 15px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 15px 30px rgba(0, 0, 0, 0.1);
    position: relative;
}

.item-card .item-title {
    width: 83%;
}

.item-card .item-title a {
    text-decoration: none;
}

.item-card .item-title a h3 {
    font-size: 1.125rem;
}

.item-card .item-title a:hover h3 {
    color: #da251c;
    text-decoration: none;
}

.item-card .short-description {
    font-size: 13px;
    margin-top: 3px;
}

.item-card .short-description .extension-text a {
    color: #da251c;
}

.item-card .short-description .extension-text a:hover {
    text-decoration: none;
}

.hover-icons {
    position: absolute;
    right: 0;
    bottom: 15px;
    visibility: hidden;
    padding: 5px;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    opacity: 0;
}

.hover-icons ul li a {
    font-size: 22px;
    font-weight: 600;
    line-height: 42px;
    width: 42px;
    height: 42px;
    padding: 0;
    display: block;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    text-align: center;
    color: #2C3038;
    background: #fff;
    margin-bottom: 4px;
    border-radius: 0.3125rem;
    -webkit-box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
    box-shadow: 0 2px 8px 0 rgba(147, 150, 171, 0.1);
}

.hover-icons ul li a:hover,
.hover-icons ul li a.active {
    color: #fff;
    background-color: #da251c;
}

.item-card__image>a {
    display: block;
    width: 100%;
}

.item-card__image>a img {
    width: 100%;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}

.item-card__image>a img:nth-child(1) {
    visibility: visible;
    opacity: 1;
}

.item-card__image>a img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
}

.item-card__image:hover .item-card__image>a img:nth-child(2) {
    visibility: visible;
    opacity: 1;
}

.item-card__image:hover .hover-icons {
    right: 15px;
    visibility: visible;
    opacity: 1;
}

.item-price {
    padding: 1px 9px;
    border-radius: 0.3125rem;
    background-color: #F7F9FC;
    font-weight: 700;
    font-size: 15px;
}

.card .img-wrap {
    overflow: hidden;
    position: relative;
}

.img-wrap {
    text-align: center;
    display: block;
}

.card-product-list {
    margin-bottom: 1.5rem;
}

.card-product-list .img-wrap {
    height: 220px;
    border-radius: 0.3125rem 0 0 0.3125rem;
}

.card-product-list .info-aside {
    border-left: 1px solid #EAEDF2;
    height: 100%;
}

@media (max-width: 991.98px) {
    .card-product-list .info-aside {
        border-left: none;
        border-top: 1px solid #EAEDF2;
    }
}

[class*='card-product'] .img-wrap img {
    height: 100%;
    width: auto;
    display: inline-block;
    -o-object-fit: cover;
    object-fit: cover;
}

[class*='card-product'] .badge {
    top: 10px;
    left: 10px;
    position: absolute;
}

.pagination .page-link {
    border-radius: 0.3125rem !important;
    margin: 0 0.28571rem;
    color: #2e4257;
}

.pagination .page-item.active .page-link {
    -webkit-box-shadow: 0 2px 4px 0 rgba(147, 150, 171, 0.1);
    box-shadow: 0 2px 4px 0 rgba(147, 150, 171, 0.1);
    background-color: #da251c;
    border: #da251c solid 1px;
}

/* -----------------------------------  :: 10. Forms  ------------------------------------ */
.form-control {
    border: 1px solid #EAEDF2;
}

.custom-control label,
.custom-control input {
    cursor: pointer;
}

.custom-control label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.custom-control.text-small label:before,
.custom-control.blockquote-footer label:before,
.custom-control.text-small label:after,
.custom-control.blockquote-footer label:after {
    top: 0;
}

.form-group {
    position: relative;
}

.form-group .custom-select+.icon {
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0.75rem;
    top: 1.5rem;
    pointer-events: none;
}

.form-group .custom-select.custom-select-sm+.icon {
    top: 1.125rem;
}

.form-group .custom-select.custom-select-lg+.icon {
    top: 2.25rem;
    -webkit-transform: translateY(-50%) scale(1.25);
    transform: translateY(-50%) scale(1.25);
}

.custom-select,
.custom-file-input {
    cursor: pointer;
}

.custom-file-label:after {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

@media (max-width: 767.98px) {
    .form-control-lg {
        font-size: 1rem;
        padding: 0.6875rem 0.75rem;
        height: calc(1.5em + 1.375rem + 2px);
    }
}

.input-group-text {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.input-group .form-control:last-child {
    border-left: ;
}

.input-group:focus-within .input-group-text {
    border-color: #da251c;
}

.custom-select,
.custom-file-input {
    cursor: pointer;
}

.custom-file-label:after {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

@media (max-width: 767.98px) {
    .form-control-lg {
        font-size: 1rem;
        padding: 0.6875rem 0.75rem;
        height: calc(1.5em + 1.375rem + 2px);
    }
}

.form-control-flush {
    padding-left: 0;
    padding-right: 0;
    border-color: transparent !important;
    background-color: transparent !important;
    resize: none;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.section {
    position: relative;
    padding-top: 4rem;
    padding-bottom: 4rem;
}

@media (max-width: 767.98px) {
    .section {
        position: relative;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}

.section-top {
    padding-top: 4rem;
}

.section-top-lg {
    padding-top: 6rem;
}

.section-xl {
    padding-top: 8rem;
    padding-bottom: 8rem;
}

.section-lg {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.section-sm {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

@media (max-width: 767.98px) {
    .section-sm {
        position: relative;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}

@media (min-width: 768px) {
    .section-hero {
        min-height: 500px;
    }
}

.blog-post-img-wrapper {
    height: 40vh;
}

.blog-post {
    padding-top: 35px;
}

.blog-post p {
    font-size: 1.25rem;
	font-weight: normal;
}

.featured-post .featured-post--img {
    min-height: 480px;
    border-top-left-radius: 0.3125rem !important;
    border-bottom-left-radius: 0.3125rem !important;
}

@media (max-width: 991.98px) {
    .featured-post .featured-post--img {
        min-height: 280px;
    }

    img {
        border-top-left-radius: 0.3125rem !important;
        border-top-right-radius: 0.3125rem !important;
    }
}

h1.blog-title {
    font-size: 4rem;
}

@media (max-width: 1200px) {
    h1.blog-title {
        font-size: calc(1.525rem + 3.3vw);
    }
}

.colored-card {
    position: relative;
}

.colored-card.color-dark {
    background-color: #17141d;
    color: #fff;
}

.colored-card.color-dark .blog-title {
    color: #fff;
}

.colored-card.color-dark .blog-date a {
    color: #da251c;
}

.colored-card.color-dark .author-box h6 {
    color: #fff;
}

.colored-card.color-dark p {
    color: #F7F9FC;
}

.colored-card.color-light .blog-title {
    color: #2C3038;
}

.colored-card.color-light .blog-title p {
    color: #2e4257;
}

.post-thumb {
    position: relative;
}

.post-thumb .post-tag {
    position: absolute;
    bottom: 1rem;
    left: 1.25rem;
}

/* -----------------------------------  :: Warp and add bottom spacing  -------------------------------------- */
.wrapper {
    padding-bottom: 4rem;
}

/* -----------------------------------  ::  Navigation links style class  ------------------------------------ */
.nav-link-style {
    color: #da251c;
}

.nav-link-style>i {
    margin-top: -.125rem;
    vertical-align: middle;
}

.nav-link-style:hover {
    color: #da251c;
}

.active>.nav-link-style,
.nav-link-style.active {
    color: #da251c;
}

.nav-link-style.nav-link-light {
    color: #da251c;
}

.nav-link-style.nav-link-light:hover {
    color: #da251c;
}

.active>.nav-link-style.nav-link-light,
.nav-link-style.nav-link-light.active {
    color: #da251c;
}

/* ------------------------------------  :: Jumbotron - Home page  ------------------------------------- */
.intro-2 {
    padding: 75px 45px;
    margin: 2rem auto 2rem;
    border-radius: 0.9375rem;
    position: relative;
    background-color: #f0fcfa;
}

.intro-2 .intro-title {
    font-size: 4.5rem;
}

@media (max-width: 1200px) {
    .intro-2 .intro-title {
        font-size: calc(1.575rem + 3.9vw);
    }
}

.sidebar-widget {
    padding: 25px 20px;
    border: 1px solid #EAEDF2;
    margin-bottom: 1.5rem;
    border-radius: 0.3125rem;
}

.sidebar-widget-title--sm {
    display: block;
    font-weight: 700;
    color: #17141d;
    margin-bottom: 10px;
}

.sidebar-widget ul li {
    font-size: 15px;
    line-height: 28px;
    padding: 0;
    padding-left: 5px;
    list-style: none;
    font-weight: 600;
}

.breadcrumb {
    padding: 0.5rem 0;
    margin-bottom: 1rem;
    background-color: transparent;
}

.breadcrumb-item a {
    color: #17141d;
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: 0;
    color: #17141d;
    content: "/";
    margin-right: 5px;
}

/* -----------------------------------  :: Slider - Single item page  ------------------------------------ */
.swiper-container {
    width: 100%;
    height: 500px;
}

@media (max-width: 991.98px) {
    .swiper-container {
        width: 100%;
        height: 100%;
    }
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.swiper-slide img {
    width: auto;
    height: auto;
    max-width: 100%;
    border-radius: 0.3125rem;
}

/* -----------------------------------  :: Demo bar - single item page  ------------------------------------ */
@media (max-width: 991.98px) {
    .demo-bar p {
        text-align: center;
        margin: 15px 0 !important;
    }
}

.search-links .nav-link {
    font-size: 0.875rem;
    padding: 0.34375rem 0.5rem;
    color: #da251c;
    font-weight: 600;
}

.search-links .nav-link:hover {
    color: #da251c;
}

/* -----------------------------------  :: Refine search -- Home page  ------------------------------------ */
.refine-search-wrap .card {
    margin-bottom: 1.5rem;
    -webkit-transition: height 0.35s ease;
    transition: height 0.35s ease;
}

/* -----------------------------------  :: Clients logos -- Home page  ------------------------------------ */
.client-logos-1 img {
    max-width: 120px;
}

@media (min-width: 768px) and (max-width: 1327.98px) {
    .client-logos-1 img {
        max-width: 80px;
    }
}

@media (max-width: 767.98px) {
    .client-logos-1 img {
        max-width: 50px;
    }
}

/* -----------------------------------  ::  Dashboard - add item form  ------------------------------------ */
.add-item-remove-img {
    top: 10px;
    right: 20px;
    font-size: 0.875rem;
    color: #2e4257;
}

.box-icon {
    width: 48px;
    height: 48px;
    border-radius: 0.3125rem;
    margin: 0 auto 20px;
}

.box-icon i {
    font-size: 1.25rem;
}

/* -----------------------------------  ::  Faq nav  ------------------------------------ */
.section-nav {
    padding-left: 0;
    border-right: 1px solid #EAEDF2;
    list-style-type: none;
}

.section-nav li {
    padding-right: 1rem;
    padding: 4px 0;
}

.section-nav li a {
    color: #2e4257;
    padding-left: 9px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.section-nav li a:hover {
    color: #da251c;
}

.section-nav li a.active {
    color: #da251c;
    border-left: 3px solid #da251c;
}

.section-nav li ul {
    display: block;
    padding: .125rem 1.5rem;
    list-style-type: none;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    bottom: 10px;
    width: 100%;
}
.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    background: #000;
    opacity: 0.5;margin: 0 3px;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #da251c;
}
.footnavbar {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #f8f9fa;
    padding: 0;
    box-shadow: 0 -2px 5px rgba(0,0,0,0.1);
}

.footnavbar .nav-link {
    text-align: center;
     align-items: center;
    color: #333;  padding:10px 0 5px 0; width: 20%; 
}
.footnavbar .nav-link.active,.footnavbar .nav-link.active i{color:#da251c;}
.footnavbar .nav-link i {
    font-size: 1.4rem;height:1.4rem; line-height: 1.6rem; margin-top: 5px; color: #666;
}
.footnavbar .nav-link span {
    display: block;
   font-size:0.8rem;
    text-align: center;
}


.index_kaijiang .bg-primary,
.index_kaijiang .bg-secondary{ height:30px;line-height: 30px;width:30px;text-align: center;margin-right:2px; color:#fff;border-radius: 50%;display: inline-block;}
.index_kaijiang  em{font-size:14px;}
.index_kaijiang{line-height: 30px;}
.index_kaijiang strong{font-size: 18px;display: inline-block;}

.list_kaijiang .bg-primary,
.list_kaijiang .bg-secondary{ height:30px;line-height: 30px;width:30px;text-align: center;margin-right:2px; color:#fff;border-radius: 50%;display: inline-block;}
.list_kaijiang  em{font-size:14px;}
.list_kaijiang{line-height: 30px;width: 250px;display: block;}
.list_kaijiang strong{font-size: 18px;display: inline-block;}

@media screen and (max-width: 767px) {
.index_kaijiang  num{ display: block;content: "<br>";}
}


@media (max-width: 991.98px){
    .btn.btn-link.float-right{margin-top: -35px;}
}

.iframe_video{
	width: 100%; 
    max-width: 100%; 
	background:#000;
    height: auto; 
    aspect-ratio: 16 / 9; 
}
.blog-post--image img{width:100%;}

.showpage{text-align:center; overflow:hidden; margin-bottom:50px;clear:both;margin-top:20px!important;}
.showpage li{display:inline-block;}
.showpage a{display:inline-block;color:#2e4257;  border:1px solid #ddd; border-radius:5px; height:35px; padding:0 12px; line-height:35px; margin-left:3px; margin-right:3px; cursor:pointer;}
.showpage span{display:inline-block; padding:0 12px; line-height:35px; border:1px solid #da251c; border-radius:5px; height:35px; line-height:35px; background:#da251c; color:#fff;} 
.showpage a:hover,.showpage li.active a{ background:#da251c; color:#fff;border:1px solid #da251c; }
.showpage .pagination{display:inline-block;}