@font-face {
    font-family: 'PoppinsExtraLight';
    src: url('/service/fonts/PoppinsExtraLight.eot');
    src: url('/service/fonts/PoppinsExtraLight.eot') format('embedded-opentype'),
         url('/service/fonts/PoppinsExtraLight.woff2') format('woff2'),
         url('/service/fonts/PoppinsExtraLight.woff') format('woff'),
         url('/service/fonts/PoppinsExtraLight.ttf') format('truetype'),
         url('/service/fonts/PoppinsExtraLight.svg#PoppinsExtraLight') format('svg');
}
@font-face {
    font-family: 'PoppinsLight';
    src: url('/service/fonts/PoppinsLight.eot');
    src: url('/service/fonts/PoppinsLight.eot') format('embedded-opentype'),
         url('/service/fonts/PoppinsLight.woff2') format('woff2'),
         url('/service/fonts/PoppinsLight.woff') format('woff'),
         url('/service/fonts/PoppinsLight.ttf') format('truetype'),
         url('/service/fonts/PoppinsLight.svg#PoppinsLight') format('svg');
}
@font-face {
    font-family: 'PoppinsRegular';
    src: url('/service/fonts/PoppinsRegular.eot');
    src: url('/service/fonts/PoppinsRegular.eot') format('embedded-opentype'),
         url('/service/fonts/PoppinsRegular.woff2') format('woff2'),
         url('/service/fonts/PoppinsRegular.woff') format('woff'),
         url('/service/fonts/PoppinsRegular.ttf') format('truetype'),
         url('/service/fonts/PoppinsRegular.svg#PoppinsRegular') format('svg');
}
@font-face {
    font-family: 'PoppinsMedium';
    src: url('/service/fonts/PoppinsMedium.eot');
    src: url('/service/fonts/PoppinsMedium.eot') format('embedded-opentype'),
         url('/service/fonts/PoppinsMedium.woff2') format('woff2'),
         url('/service/fonts/PoppinsMedium.woff') format('woff'),
         url('/service/fonts/PoppinsMedium.ttf') format('truetype'),
         url('/service/fonts/PoppinsMedium.svg#PoppinsMedium') format('svg');
}
@font-face {
    font-family: 'PoppinsSemiBold';
    src: url('/service/fonts/PoppinsSemiBold.eot');
    src: url('/service/fonts/PoppinsSemiBold.eot') format('embedded-opentype'),
         url('/service/fonts/PoppinsSemiBold.woff2') format('woff2'),
         url('/service/fonts/PoppinsSemiBold.woff') format('woff'),
         url('/service/fonts/PoppinsSemiBold.ttf') format('truetype'),
         url('/service/fonts/PoppinsSemiBold.svg#PoppinsSemiBold') format('svg');
}
@font-face {
    font-family: 'PoppinsBold';
    src: url('/service/fonts/PoppinsBold.eot');
    src: url('/service/fonts/PoppinsBold.eot') format('embedded-opentype'),
         url('/service/fonts/PoppinsBold.woff2') format('woff2'),
         url('/service/fonts/PoppinsBold.woff') format('woff'),
         url('/service/fonts/PoppinsBold.ttf') format('truetype'),
         url('/service/fonts/PoppinsBold.svg#PoppinsBold') format('svg');
}

@font-face {
    font-family: 'Playfair Display';
    src: url('PlayfairDisplay-Bold.eot');
    src: url('PlayfairDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('PlayfairDisplay-Bold.woff2') format('woff2'),
        url('PlayfairDisplay-Bold.woff') format('woff'),
        url('PlayfairDisplay-Bold.ttf') format('truetype'),
        url('PlayfairDisplay-Bold.svg#PlayfairDisplay-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('PlayfairDisplay-Regular.eot');
    src: url('PlayfairDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('PlayfairDisplay-Regular.woff2') format('woff2'),
        url('PlayfairDisplay-Regular.woff') format('woff'),
        url('PlayfairDisplay-Regular.ttf') format('truetype'),
        url('PlayfairDisplay-Regular.svg#PlayfairDisplay-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



h1,h2{font-family: 'PoppinsBold';}
h3,h4,h5,h6{font-family: 'PoppinsSemiBold';}
p,span,small{font-family: 'PoppinsRegular';font-size: 14px;}
.page-heading .breadcrumb .breadcrumb-item, .tag{font-family: 'PoppinsRegular';font-size: 12px;}
.page-heading .page-heading__container .title{font-size: 18px;}
.page-heading .page-heading__container .caption{font-weight: normal;font-family: 'PoppinsRegular';font-size: 12px; margin-top: 3px;}

.invert .navigation>ul>li>a,.invert .dropdown-menu .dropdown-item a{font-family: 'PoppinsRegular';font-size: 10px;font-weight: normal;}

.invert .navigation>ul>li>a:hover,.invert .navigation>ul>li>a:hover span, .invert .dropdown-menu .dropdown-item a:hover, .invert .dropdown-menu .dropdown-item a:hover span{color: #869B8A;}
.invert .user.user--bordered>img{ border-radius: 100%;}
.invert .navigation ul>li.active>a.no-icon:after{background: #869B8A;}
.invert .navigation>ul>li ul>li.active>a, .invert .navigation>ul>li ul>li.open>a{color: #869B8A;}
.invert .navigation>ul>li ul>li>a:hover{color: #869B8A;}
.invert .navigation>ul>li ul>li>a:hover:after{background: #869B8A;}


.logo-holder .logo-text{ font-family: 'PoppinsLight'; font-size: 17px; text-transform: capitalize;}
.logo-holder .logo-text strong{font-family: 'PoppinsSemiBold';}

button.btn.btn-primary.btn-block,button.btn.btn-secondary{background: #000;border: 0;font-family: 'PoppinsRegular';font-size: 14px;color: #fff;}
button.btn.btn-primary.btn-block:hover{background: #869B8A;}
.custom-control .custom-control-input:checked~.custom-control-label:before{background-color:#869B8A ;}
.col-6.text-right a,.invert .navigation>ul>li.active>a .icon,.invert .navigation>ul>li.active>a span{color:#869B8A;}
.form-group label,ul.password-note li{font-family: 'PoppinsRegular';}

span.required {color: red;padding-left: 2px;}
.container.view-page img { display: block; margin-left: auto; margin-right: auto; }
p.owner-user-name{text-align: center;}
.file-input-dn {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;
}
.file-msg {
    font-size: small;
    font-weight: 300;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.fake-btn {
    flex-shrink: 0;
    background-color: rgb(245 245 248);
    border: 1px solid #ced4da;
    border-radius: 3px;
    padding: 8px 15px;
    margin-right: 10px;
    font-size: 12px;
    text-transform: uppercase;
}
.file-drop-area {
    position: relative;
    display: flex;
    align-items: center;
    width: 450px;
    max-width: 100%;
    padding: 25px;
    border: 1px dashed #ced4da;
    border-radius: 3px;
    transition: 0.2s;
}
.card-title {
    font-size: 15px;
    margin: 0 0 7px 0;
    font-weight: 600;
}
.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid #f6f6f6;
    border-radius: 0.25rem;
}
.card {
    margin-bottom: 24px;
    -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03);
    box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03);
}

@media(min-width: 768px) {
    .img-div {
        position: relative;
        /* width: 32%; */
        float:left;
        margin: 5px 10px;
    }
}

@media(max-width: 467px) {
    .img-div {
        position: relative;
        /* width: 100%; */
        margin: 5px 10px;
    }
}

@media(min-width: 467px) {
    .img-div {
        position: relative;
        /* width: 45%; */
        float:left;
        margin: 5px 10px;
    }
}

.image-view {
    opacity: 1;
    display: block;
    min-width:  100%;
    /* aspect-ratio:  3/2; */
    transition: .5s ease;
    backface-visibility: hidden;
}

.middle-view {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.img-div:hover .image-view {
    opacity: 0.3;
}

.img-div:hover .middle-view {
    opacity: 1;
}
strong#images-error {
    display: inline-block;
    position: absolute;
    bottom: 0;
    color: red;
}
.img-div.project-view {
    width: 25% !important;
}

.project-thumbnail .img-fluid, .img-thumbnail {
    max-width: 100%;
    height: 100px;
}

.inner-menu a.compose.cmn-button { display: flex; align-items: center; justify-content: center; gap: 10px; text-transform: capitalize; font-family: "PoppinsSemiBold"; }
a.cmn-button { border-radius: 8px; background: #000; padding: 14px 35px; color: #fff; font-size:16px; font-style: normal; font-family: "PoppinsBold"; line-height: 1.2; letter-spacing: 1px; text-transform: uppercase; }
.inner-menu ul li { list-style: none;}
.inner-menu ul li a{font-size: 14px!important;}
.inner-menu ul li a:hover{text-decoration: none;}
.card-body .heading {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 30px;
    padding: 0px 20px;
}

.card-body .heading h3 {
    font-family: "PoppinsBold";
    font-size:20px;
    color: #000;
    line-height: 1;
    padding: 0;
    margin: 0;
}

.card-body .heading .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0;
    margin-bottom: 1rem;
    list-style: none;
    background: transparent;
}
.card-body .heading .breadcrumb-item {
    font-size:14px;
    color: #000;
    font-family: 'PoppinsRegular';
}
.card-body .heading .breadcrumb-item a{
    font-size:14px;
    color: #000;

}

.card-body .heading .breadcrumb-item.active {
    color: #6c757d!important;
}

.card-body .heading .breadcrumb-item+.breadcrumb-item {
    padding-left: 0.5rem;
}

.card-body .breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: 0.5rem;
    color: #6c757d;
    content: var(--bs-breadcrumb-divider, "/");
}

.inner-menu { width: 100%; display: flex; flex-direction: column; padding: 20px; border-radius: 5px; box-shadow: 0 0 1.5rem rgba(18, 38, 63, 0.1); background: #fff; min-height: 400px; }

.inner-body ul li a{font-family: 'PoppinsRegular';font-size: 14px!important;color: #74788d!important; text-decoration: none; font-weight: normal!important;}
.inner-body ul li span._date{font-family: 'PoppinsRegular';font-size: 14px!important;color:#74788d!important; text-decoration: none; font-weight: normal!important;}
.inner-menu ul li a small { color: #f46a6a;font-family: 'PoppinsRegular';font-size: 14px!important;}
.inner-body ul p{font-family: 'PoppinsRegular';font-size: 14px!important;color: #74788d!important; text-decoration: none; font-weight: normal!important;}

.avtar-sec .profile-avtar-info span {font-size:16px;}
.avtar-sec .profile-avtar-info small {color: #74788d;font-size: 14px!important;font-family: 'PoppinsRegular';}
._user-info span{font-size: 14px;font-family: 'PoppinsRegular';}
.mail-details h4 {font-size:16px!important; margin-bottom: 15px;font-family: 'PoppinsSemiBold';}
.mail-details p{color: #000;font-size: 14px!important;font-family: 'PoppinsRegular';}
button.reply { outline: none; border: none; cursor: pointer; border-radius: 8px; background-color: #000; color: #fff; font-size: 14px!important; padding: 10px 15px; }

.mail-action .reply-comment .comment-box{margin-bottom:25px;}
.col-auto.btn-grup button{font-size: 14px!important;font-family: 'PoppinsRegular';}
.select2-container--default .select2-selection--single .select2-selection__rendered{font-size: 14px!important;font-family: 'PoppinsRegular';}
.form-control{font-size: 14px!important;font-family: 'PoppinsRegular';}
.avtar-sec .profile-avtar-img {background-color: #ced4da;border-radius: 100%;overflow: hidden;}

.invert .dropdown-menu .dropdown-item{padding: 10px 15px;}
.invert .dropdown-menu .dropdown-item i{margin-right: 6px;}
.invert .dropdown-menu .dropdown-item:hover,.invert .dropdown-menu .dropdown-item:hover i{color:#869B8A !important;}
.invert .dropdown-menu .dropdown-item::after{display: none;}

.custom-control .custom-control-input:disabled~.custom-control-label:before {
    background-color: #dedede; border: 1px solid rgba(0,123,255,.3);
}