body{
    font-family: 'IBM Plex Sans';
    font-weight:400;
}
p, p span, span{
    font-family: 'IBM Plex Sans Condensed'!important;
}
main{
    background: #fafafa!important;
}
a{
    text-decoration: none!important;
}
footer{
    background: linear-gradient(to right, #280e09, #2d1814) !important;
}

.primary-color{
    background: linear-gradient(to right, #411811, #412621)!important;
}
.btn.primary-color:hover{
    background: linear-gradient(to right, #3d1710, #351f1c)!important;
    color: white!important;
    font-weight: 600;
}

.secondary-color{
    background: linear-gradient(to right, #1cb38c, #0aae84) !important
}
.secondary-color:hover{
    background: linear-gradient(to right, #ec9135, #e5a632) !important
    /* background: linear-gradient(to right, #147d63, #068666) !important */
}

.text-primary{
    color: #3E2723!important;
}

.white-skin .btn-primary {
    background-color: #3b71ca!important;
    color: #fff!important;
    box-shadow: 0 4px 9px -4px #3b71ca;
    font-weight: 500!important;
}

.white-skin .btn-secondary {
    background-color: #e3ebf7!important;
    color: #285192!important;
    box-shadow: none;
    font-weight: 500!important;
}

.badge {
    padding: 0.45em 0.4em!important;
}
.badge-secondary{
    background-color: #e3ebf7!important;
    color: #285192!important;
    box-shadow: none;
}

.btn-tag{
    background-color: #ECEFF1;
    text-transform: capitalize !important;
    box-shadow: none;
    color: #212121;
}

.btn-xs{
    padding: 0.3rem 1.1rem;
    font-size: .64rem;
}
.btn-sm{
    padding: 0.5rem 1.4rem;
    font-size: .75rem;
}
.btn-md{
    padding: 0.7rem 1.8rem;
    font-size: .87rem;
}

h1{
    font-weight: 600;
    font-family: 'IBM Plex Sans', sans-serif;
}

.section-preview{
	border: 1px solid #e0e0e0;
	padding: 15px
}


/* Margines and Paddings */
.m-6{
    margin: 5rem!important;
}
.mt-6{
    margin-top: 5rem!important;
}
.mb-6{
    margin-bottom: 5rem!important;
}
.mx-6{
    margin-left: 5rem!important;
    margin-right: 5rem!important;
}
.my-6{
    margin-top: 5rem!important;
    margin-bottom: 5rem!important;
}

.p-4-half{
    padding: 2rem !important;
}

.note {
    padding: 10px;
    border-left: 6px solid;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.note.note-light {
    background-color: #fefefe;
    border-color: #0f0f0f;
}

.note.note-info {
    background-color: #e4f2f5;
    border-color: #2492a5;
}

.note.note-warning {
    background-color: #faf4e0;
    border-color: #c2a442;
}

.note.note-danger {
    background-color: #fae7e8;
    border-color: #e45460;
}

.note.note-success {
    background-color: #e2f0e5;
    border-color: #49a75f;
}

.note.note-secondary {
    background-color: #e2e3e5;
    border-color: #58595a;
}

.note.note-primary {
    background-color: #dfeefd;
    border-color: #176ac4;
}

.card-img-42{
    width: 42px;
    height: 42px;
}

.card.card-cascade.panel-cascade .list-group .list-group-item {
    background-color: #fff;
    margin: 0.2em
}

.card.card-cascade.panel-cascade .list-group .list-group-item:hover {
    background-color: #fafafa;
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}

.contact-box__item:not(:last-child) {
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
    border-bottom: 1px solid #dadfec;
}

.contact-box__icon{
    margin-top: 0.15rem;
}
h5.contact-box__label{
  font-weight: 500; 
}

/* Boarder Custom Styles */
.border-light{
    border:1px solid #c4c7d49e!important;
    border:1px solid hwb(228deg 77% 17% / 62%)!important;
}
.border-radius-4{
    border-radius: 4px;
}
.border-radius-8{
    border-radius: 8px;
}
.border-radius-12{
    border-radius: 12px;
}
.border-radius-16{
    border-radius: 16px;
}
.border-radius-20{
    border-radius: 20px;
}
.border-radius-24{
    border-radius: 24px;
}
.border-radius-32 {
    border-radius: 32px;
}

.border-radius-left-8{
    border-radius: 8% 0% 0% 8%;
}
.border-radius-right-8{
    border-radius: 0% 8% 8% 0%;
}
.border-radius-left-10{
    border-radius: 10% 0% 0% 10%;
}
.border-radius-right-10{
    border-radius: 0% 10% 10% 0%;
}


/* Fonts Custom Style */
.display-5{
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.2;
}
.fw-3{
    font-weight: 300!important;
}
.fw-4{
    font-weight: 400!important;
}
.fw-5{
    font-weight: 500!important;
}
.fw-6{
    font-weight: 600!important;
}
.fw-7{
    font-weight: 700!important;
}

.fs-1{
    font-size: 0.8rem;
}
.fs-2{
    font-size: 1rem;
}
.fs-3{
    font-size: 1.2rem;
}
.fs-4{
    font-size: 1.4rem;
}
.fs-5{
    font-size: 1.75rem;
}



.main-section:not(:last-child){
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
    border-bottom: 1px solid #e6fffc;
}

.nav-pills .nav-link {
    border-radius: 0.25rem;
    color: #4a4b5a;
    background-color: #fafafa;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #1b259b;
}
.nav-pills .nav-link.active.border-light, .nav-pills .show>.nav-link.border-light {
    border: 1px solid #1b259b!important;
}

.quick-link-heading{
    padding: 0.75rem;
    background-color: #1e2a9d;
    color: #fff;
    border: 1px solid #1e2a9d;
    border-radius: 5px 5px 0 0;
    font-weight: 500;
}

.quick-link-item-group{
    padding: 0.75rem;
    background-color: #fff;
    list-style-type: none;
}

.quick-link-item {
    margin-bottom: 0.55rem;
    margin-top: 0.55rem;
    font-size: 0.85rem;
    border-bottom: 0.5px solid #eaeaea;
    padding-bottom: 0.65rem;
    line-height: 1.25rem;
}

.quick-link-item-group li:first-child{
    margin-top: 0;
}

.quick-link-item-group li:last-child{
    margin-bottom: 0;
    border-bottom: none;
}

.strikethrough {
    text-decoration: line-through;
}

.slider-content{
    max-height:260px;
    min-height: 260px;
}
.slider-item-group{
    text-align: left!important;
    /* padding-left: 1rem!important;
    padding-right: 1rem!important; */
    list-style-type: none;
}
.slider-item-group li:last-child {
    border-bottom: none;
}
.slider-item-group .slider-item{
    padding: 0.4rem 0.55rem;
    font-weight: 500;
    border-bottom: 0.5px solid #eaeaea;    
}
.slider-item .slider-item-title{
    line-height: normal;
}
.slider-item .slider-item-title a, .slider-item .slider-item-title span{
    margin-bottom: 0.25rem!important;
    text-decoration: none;
    font-size: 0.75rem;
    line-height: 1.5;
}

.tiny {
    font-size: 70%;
    font-weight: 400;
}

a {
    cursor: pointer;
    text-decoration: none;
    color: #2565ab;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a:hover{
    text-decoration: underline;
}

/* Sidenav Related Custom Styles */
.side-nav{
    background-color: #39414fa1!important;
    backdrop-filter: blur(5px);
}

/* Screen Sizing Related Custom Style */
.vw-25{
    width: 25vw;
}

.vw-50{
    width: 50vw;
}

.vw-75{
    width: 75vw;
}

.vw-100{
    width: 100vw;
}

.min-vw-25{
    min-width: 25vw;
}

.min-vw-50{
    min-width: 50vw;
}

.min-vw-75{
    min-width: 75vw;
}

.min-vw-100{
    min-width: 100vw;
}

.max-vw-25{
    max-width: 25vw;
}

.max-vw-50{
    max-width: 50vw;
}

.max-vw-75{
    max-width: 75vw;
}

.max-vw-100{
    max-width: 100vw;
}

.vh-25{
    height: 25vh;
}

.vh-50{
    height: 50vh;
}

.vh-75{
    height: 75vh;
}

.vh-100{
    height: 100vh;
}

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

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

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

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

.max-vh-25{
    max-height: 25vh;
}

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

.max-vh-75{
    max-height: 75vh;
}

.max-vh-100{
    max-height: 100vh;
}

/*Content Related Styles*/

.content-section-title{
    color: #f86d64;
    font-weight: 600!important;
    font-family: 'Barlow',sans-serif;
}

.content-box{
    background-color: #fff;
    margin: 0;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.content-title{
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 500!important;
}

.content-body{
    font-family: 'IBM Plex Sans Condensed', sans-serif;
    font-weight: 400;
    font-size: 1.1rem;
    color: #000;
    margin: 1rem 0rem;
}

.relative-position{
    position: relative !important;
}

.scrollbar
{
    float: left;
    width: -webkit-fill-available;
    overflow-y: scroll;
    margin-bottom: 25px;
}

.sidenav-scrollbar::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #ffffff/*#7d7c7c*/;
}

.sidenav-scrollbar::-webkit-scrollbar
{
    width: 4px;
    background-color: #ffffff;
}

.sidenav-scrollbar::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
    background-color: #1e2a9d;
}

.sidenav-scrollbar::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #ffffff/*#7d7c7c*/;
}

.sidenav-scrollbar-2::-webkit-scrollbar
{
    height: 4px;
    background-color: #ffffff59;
}

.sidenav-scrollbar-2::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
    background-color: #ffffff;
}
.sidenav-scrollbar-2::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #ffffff75/*#7d7c7c*/;
}


.h-scroll{
    position: relative;
    width: auto;
    white-space: nowrap;
    overflow-x: scroll;
}
.h-scroll .scroll-item{
    display: inline-block;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
}
.h-scroll .scroll-item .card-body{
    white-space: normal !important;
}
.h-scroll .scroll-item:first-child{
    margin-left: 0 !important;
}
.h-scroll .scroll-item:last-child{
    margin-right: 0 !important;
}

@media (min-width: 1200px){
    .container {
        max-width: 1280px;
    }
    .fixed-panel{
        position: fixed;
        top: 128px;
        width: auto !important;
    }
    
}

@media (max-width:993px){
    .double-nav .breadcrumb-dn{
        display:block;
    }

    .double-nav .breadcrumb-dn a img{
        width:80px;
    }    
}
@media (max-width: 576px){
    .modal-dialog {
        max-width: none;
        margin: 1.75rem;
    }
}

@media (max-width: 480px) {
    main {
        margin-top: 5rem!important;
    }
    .inner-header {
        height: 80vh!important;
    }
    .slider-content{
        max-height:340px
    }
}