:root {
    font-family: 'Inter var', Inter, sans-serif !important;
    font-feature-settings: "_cv11", "ss01", "ss02";
    font-variation-settings: "opsz" 32;
}

input:focus,
textarea:focus,
*:focus {
    outline: none;
    border-color: #ccc !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.textpurple {
    color: #5F69D9;
}

.bg-slate-100,
.bg-footer {
    background: #EEF3F9;
}

.fw-900 {
    font-weight: 900;
    font-variation-settings: "wght" 900;
}

.fw-700 {
    font-weight: 700;
    font-variation-settings: "wght" 700;
}

.hide-native-scrollbar {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.hide-native-scrollbar::-webkit-scrollbar {
    display: none;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.skewed {
    perspective: 1000px;
}

.skewed img {
    transform: rotateY(-25deg);
    transition: .3s;
}

.bg-header2 {
    background: #6e848f;
}

.bg-header2 {
    background: #2e343f;
}

.bg-header {
    background: #f5f5f5;
}

.xbg-footer {
    background: #eee;
}

.navbar .nav-item tr,
.navbar .nav-item td {
    padding: 0;
    margin: 0;
}

.navbar .nav-item a {
    color: #333 !important;
    font-weight: 700;
    font-size: 92%;
}

.navbar .dropdown-item img {
    height: 23px;
    margin-right: 0.5em;
    opacity: 0.6;
}

.navbar .dropdown-item .text-muted {
    font-family: AvenirNextRounded, sans-serif;
    font-weight: normal !important;
    
}
.navbar .dropdown-item {
    padding-left: 0.5em;
}
.navbar .dropdown:hover .dropdown-menu {
    display: block;
}

.navbar .dropdown .dropdown-menu a:hover {
    background-color: #EEF3F9 !important;
}

.navbar .dropdown-menu {
    transition: all 0.3s;
    padding-top: 0.05em;
    border: 0.01em solid #C7D2E1;;
    border-top:  6px solid #C7D2E1;
    border-radius: 0%;
    padding-bottom: 0.05em;

}

.navbar .dropdown-menu:before {
    content: '';
    height: 8px;
    width: 8px;
    background: #C7D2E1;
    position: absolute;
    left: 1em;
    top: -10px;
    transform: rotate(45deg);
}


@media (max-width: 992px) {
    .navbar .dropdown-menu:before {
        display: none;
    }
    .navbar .dropdown-menu {
        display: block;
        background: transparent !important;
        border: none !important;
        padding-top: 0;
    }
    .navbar .dropdown-item img {
        display: none;
    }
    .navbar .dropdown-item .small {
        display: none;
    }
    .navbar .dropdown-item td {
        padding-left: 0.2em;
    }
}

pre,
code {
    font-family: Menlo, Consolas, monospace !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    background: #e5e5e5;
    font-weight: bolder;
    color: #555;
}

code {
    border-radius: 0.2em;
    overflow: auto;
    padding: 0.1em 0.5em;
}

pre code {
    padding: 0;
}

.saveth {
    background: #3bc989;
    color: #ffc107;
}

.breadcrumb {
    --bs-breadcrumb-divider: '';
}

.breadcrumb {
    list-style: none;
    overflow: hidden;
}

.breadcrumb li {
    background: #C7D2E1;
}

.breadcrumb li:last-child {
    background: #EEF3F9;
    padding: .2em 1em .2em 3em;
}

.breadcrumb li a {
    color: white;
    text-decoration: none;
    padding: .2em 0 .2em 2em;
    position: relative;
    display: inline-block;
}

.breadcrumb li a:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid #C7D2E1;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2;
}

.breadcrumb li a:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid white;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 2px;
    left: 100%;
    z-index: 1;
}

.breadcrumb li a:hover {
    background: #AFBDD4;
}

.breadcrumb li a:hover:after {
    border-left-color: #AFBDD4;
}

.img-skewed {
    perspective: 1500px;
    transform-style: preserve-3d;
}

.img-skewed-start {
    perspective-origin: 0;
}

.img-skewed-start .img-skewed-item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: rotateY(-35deg) rotateX(15deg);
}

.img-skewed-end {
    perspective-origin: 100%;
}

.img-skewed-end .img-skewed-item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: rotateY(35deg) rotateX(15deg);
}

.carousel-item {
    font-size: 15px !important;
}