body {
    font-family: "Montserrat", sans-serif;
    font-size  : 14px;
}

body::-webkit-scrollbar {
    width: 1em;
}

body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline         : 1px solid slategrey;
}

a,
a:active,
a:hover,
a:focus {
    color          : inherit;
    text-decoration: none;
}

input:focus,
input:active,
button:focus,
button:active {
    outline   : 0 !important;
    box-shadow: none !important;
}

textarea {
    resize: none;
}

ol,
ul {
    list-style: none;
}

/* Css Overrides */
.navbar-toggler {
    border       : 0;
    border-radius: 0;
}

span.icon-menu::before {
    font-size: 16px;
    content  : "\f0c9";
    color    : #212529;
}

span.icon-text::before {
    content       : "Menu";
    font-size     : 15px;
    font-weight   : 500;
    letter-spacing: 2px;
    text-transform: uppercase;
}

button[aria-expanded="false"] svg.menu {
    display: inline-block;
}

button[aria-expanded="true"] svg.menu {
    display: none;
}

button[aria-expanded="true"] svg.close {
    display: inline-block;
}

button[aria-expanded="false"] svg.close {
    display: none;
}

button[aria-expanded="true"] span.icon-text::before {
    content: "Close";
}

.breadcrumb {
    margin-bottom: 0;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: "|";
}

.social-link .breadcrumb-item+.breadcrumb-item::before,
.header-topbar .breadcrumb-item+.breadcrumb-item::before {
    content: "";
}

.social-link .breadcrumb-item+.breadcrumb-item {
    padding-left: 1rem;
}

.navbar-nav>li.dropdown:hover svg {
    transform : rotateX(180deg);
    transition: ease-in-out .3s;
}

.dropdown-menu {
    font-size: 14px;
}

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

.dropdown-item.active,
.dropdown-item:active {
    color           : initial;
    background-color: transparent;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color           : #1e2125;
    background-color: transparent;
}

.form-control {
    font-size: 14px;
}

.form-control:focus {
    box-shadow: none;
}

@media (max-width:576px) {
    .header-topbar .input-group.input-group-sm {
        max-width: 180px;
    }
}

/* Css Custom */

.text-xs {
    font-size: 12px;
}

.text-sm {
    font-size: 14px;
}

.text-md {
    font-size: 16px;
}

.fw-thin {
    font-weight: 100;
}

.fw-extralight {
    font-weight: 200;
}

.fw-light {
    font-weight: 300;
}

.fw-regular {
    font-weight: 400;
}

.fw-medium {
    font-weight: 500;
}

.fw-semibold {
    font-weight: 600;
}

.fw-bold {
    font-weight: 700;
}

.fw-extrabold {
    font-weight: 800;
}

.fw-black {
    font-weight: 900;
}

.track-tighter {
    letter-spacing: -0.05em;
}

.track-tight {
    letter-spacing: -0.025em;
}

.track-normal {
    letter-spacing: 0em;
}

.track-wide {
    letter-spacing: 0.025em;
}

.track-wider {
    letter-spacing: 0.05em;
}

.track-widest {
    letter-spacing: 0.1em;
}

a>span {
    position: relative;
}

a>span::before {
    position        : absolute;
    bottom          : -3px;
    left            : 50%;
    height          : 2px;
    width           : 0;
    content         : "";
    background-color: #19875f;
    transition      : ease-in .2s;
}

a.active>span::before,
a.active:hover>span::before,
a:hover>span::before {
    width: 100%;
    left : 0;
    right: 0;
}

.footer-bottombar a>span::before,
.header-topbar a>span::before {
    background-color: #fff;
}

.navbar-nav a>span::before {
    background-color: #19875f;
}

.header-topbar {
    font-size: 12px;
    z-index  : 1;
}

.navbar-dark .navbar-nav .nav-link {
    color      : rgba(255, 255, 255, 1);
    font-weight: bold;
}

.footer-bottombar a>span:hover {
    color: #fff;
}

.canvas {
    overflow: hidden;
    position: relative;
    margin  : 0 auto;
}

.canva-brand {
    width     : 100%;
    min-height: 100px;
}

.canva-team img,
.canva-blogItem img,
.canva-brand img {
    position  : absolute;
    display   : block;
    margin    : auto;
    min-height: 100%;
    min-width : 100%;
    max-width : 300%;
    top       : -100%;
    right     : -100%;
    bottom    : -100%;
    left      : -100%;
}

.canva-team img {
    min-height: 100%;
    min-width : 100%;
    max-height: 200%;
    max-width : 200%;
}
.partner-list .canva-team img {
    filter: blur(1px);
}

.blog-info {
    margin-top : 12rem;
    margin-left: 2rem;
}

.title-tile {
    position: relative;
}

.title-tile:before {
    content   : "";
    width     : 120px;
    height    : 3px;
    background: #19875f;
    position  : absolute;
    top       : 0;
    left      : 0;
}

.header-banner {
    background-attachment: fixed;
    background-repeat    : no-repeat;
    background-image     : url(../images/header-banner.jpg);
    background-position  : center;
    background-size      : cover;
}

/* CSS Slides */
.home-slideshow:after {
    position: absolute;
    top     : 0px;
    bottom  : 0px;
    left    : 0px;
    right   : 0;
    z-index : 0;
}

.home-slideshow:after {
    content   : '';
    background: transparent url(../images/pattern.png) repeat top left;
}

.home-slideshow li span {
    width                      : 100%;
    height                     : 100%;
    position                   : absolute;
    top                        : 0px;
    left                       : 0px;
    background-size            : cover;
    background-position        : 50% 50%;
    background-repeat          : no-repeat;
    opacity                    : 0;
    z-index                    : 0;
    backface-visibility        : hidden;
    -webkit-backface-visibility: hidden;
    -webkit-animation          : imageAnimation 36s linear infinite 0s;
    -moz-animation             : imageAnimation 36s linear infinite 0s;
    -o-animation               : imageAnimation 36s linear infinite 0s;
    -ms-animation              : imageAnimation 36s linear infinite 0s;
    animation                  : imageAnimation 36s linear infinite 0s;
}

.home-slideshow li:nth-child(2) span {
    -webkit-animation-delay: 6s;
    -moz-animation-delay   : 6s;
    -o-animation-delay     : 6s;
    -ms-animation-delay    : 6s;
    animation-delay        : 6s;
}

.home-slideshow li:nth-child(3) span {
    -webkit-animation-delay: 12s;
    -moz-animation-delay   : 12s;
    -o-animation-delay     : 12s;
    -ms-animation-delay    : 12s;
    animation-delay        : 12s;
}

.home-slideshow li:nth-child(4) span {
    -webkit-animation-delay: 18s;
    -moz-animation-delay   : 18s;
    -o-animation-delay     : 18s;
    -ms-animation-delay    : 18s;
    animation-delay        : 18s;
}

.home-slideshow li:nth-child(5) span {
    -webkit-animation-delay: 24s;
    -moz-animation-delay   : 24s;
    -o-animation-delay     : 24s;
    -ms-animation-delay    : 24s;
    animation-delay        : 24s;
}

.home-slideshow li:nth-child(6) span {
    -webkit-animation-delay: 30s;
    -moz-animation-delay   : 30s;
    -o-animation-delay     : 30s;
    -ms-animation-delay    : 30s;
    animation-delay        : 30s;
}

@-webkit-keyframes imageAnimation {
    0% {
        opacity                          : 0;
        -webkit-animation-timing-function: ease-in;
    }

    8% {
        opacity                          : 1;
        -webkit-transform                : scale(1.05);
        -webkit-animation-timing-function: ease-out;
    }

    17% {
        opacity          : 1;
        -webkit-transform: scale(1.1);
    }

    22% {
        opacity          : 0;
        -webkit-transform: scale(1.1) translateY(-20%);
    }

    25% {
        opacity          : 0;
        -webkit-transform: scale(1.1) translateY(-100%);
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes imageAnimation {
    0% {
        opacity                       : 0;
        -moz-animation-timing-function: ease-in;
    }

    8% {
        opacity                       : 1;
        -moz-transform                : scale(1.05);
        -moz-animation-timing-function: ease-out;
    }

    17% {
        opacity       : 1;
        -moz-transform: scale(1.1);
    }

    22% {
        opacity          : 0;
        -webkit-transform: scale(1.1) translateY(-20%);
    }

    25% {
        opacity       : 0;
        -moz-transform: scale(1.1) translateY(-100%);
    }

    100% {
        opacity: 0
    }
}

@-o-keyframes imageAnimation {
    0% {
        opacity                     : 0;
        -o-animation-timing-function: ease-in;
    }

    8% {
        opacity                     : 1;
        -o-transform                : scale(1.05);
        -o-animation-timing-function: ease-out;
    }

    17% {
        opacity     : 1;
        -o-transform: scale(1.1);
    }

    22% {
        opacity          : 0;
        -webkit-transform: scale(1.1) translateY(-20%);
    }

    25% {
        opacity     : 0;
        -o-transform: scale(1.1) translateY(-100%);
    }

    100% {
        opacity: 0
    }
}

@-ms-keyframes imageAnimation {
    0% {
        opacity                      : 0;
        -ms-animation-timing-function: ease-in;
    }

    8% {
        opacity                      : 1;
        -ms-transform                : scale(1.05);
        -ms-animation-timing-function: ease-out;
    }

    17% {
        opacity      : 1;
        -ms-transform: scale(1.1);
    }

    22% {
        opacity          : 0;
        -webkit-transform: scale(1.1) translateY(-20%);
    }

    25% {
        opacity      : 0;
        -ms-transform: scale(1.1) translateY(-100%);
    }

    100% {
        opacity: 0
    }
}

@keyframes imageAnimation {
    0% {
        opacity                  : 0;
        animation-timing-function: ease-in;
    }

    8% {
        opacity                  : 1;
        transform                : scale(1.05);
        animation-timing-function: ease-out;
    }

    17% {
        opacity  : 1;
        transform: scale(1.1);
    }

    22% {
        opacity          : 0;
        -webkit-transform: scale(1.1) translateY(-20%);
    }

    25% {
        opacity   : 0;
        -transform: scale(1.1) translateY(-100%);
    }

    100% {
        opacity: 0
    }
}

/* Show at least something when animations not supported */
.no-cssanimations .home-slideshow li span {
    opacity: 1;
}

.divide-x> :not([hidden])~ :not([hidden]) {
    --tw-divide-opacity  : 1;
    --tw-divide-y-reverse: 0;
    border-top-width     : calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width  : calc(1px * var(--tw-divide-y-reverse));
    border-top-style     : solid;
    border-bottom-style  : solid;
    border-color         : rgba(209, 213, 219, .5);
}

@media screen and (min-width:576px) {
    .divide-x> :not([hidden])~ :not([hidden]) {
        --tw-divide-x-reverse: 0;
        --tw-divide-opacity  : 1;
        border-right-width   : calc(1px * var(--tw-divide-x-reverse));
        border-left-width    : calc(1px * calc(1 - var(--tw-divide-x-reverse)));
        border-right-style   : solid;
        border-left-style    : solid;
        border-color         : rgba(209, 213, 219, .5);
        border-top-width     : calc(0px * calc(1 - var(--tw-divide-y-reverse)));
        border-bottom-width  : calc(0px * var(--tw-divide-y-reverse));

    }
}