@font-face {
    font-family: 'wYekan' ;
    src:url('../fonts/wYekan.eot?#') format('eot'),    
          url('../fonts/wYekan.woff') format('woff'),
          url('../fonts/wYekan.ttf') format('truetype'); 
}

body {
    font-family: 'wYekan' , var(--primary-font);
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    color: var(--medium-gray);
    -moz-osx-font-smoothing: grayscale;
    word-break: break-word;
    -webkit-font-smoothing: antialiased;
}
.theme-demos {
    display: none;
    width: 100%;
    height: 100%;
    min-height: 100%;
    position: fixed;
    background-color: var(--white);
    right: -100%;
    top: 0;
    z-index: 1050;
    -webkit-transition: .5s cubic-bezier(.77,0,.175,1);
    transition: .5s cubic-bezier(.77,0,.175,1);
}
.theme-demos .demo-button-wrapper {
    width: auto;
    white-space: nowrap;
    position: absolute;
    right: 100%;
    display: block;
    bottom: 250px;
    cursor: pointer;
    z-index: 10;
    -webkit-transform: rotate(-90deg) translateY(-100%);
    -ms-transform: rotate(-90deg) translateY(-100%);
    transform: rotate(-90deg) translateY(-100%);
    -webkit-transform-origin: 100% 0 0;
    -ms-transform-origin: 100% 0 0;
    transform-origin: 100% 0 0;
    margin-right: -1px;
    display: none;
}


.justify {
    text-align: justify;
}



.overflowTitle {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}
.overflowTitle2 {
   overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
 
}
.overflow {
   overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
 
}
.overflow2 {
   overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
 }
.overflow3 {
   overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
 }
.input-select:after {
    position: absolute;
    right: 10px;
    height: 100%;
    top: 0;
    font-size: 30px;
    content: '\2263';
    pointer-events: none;
    padding: 0 13px;
    border-left: 1px solid #ececec;
    /* line-height: 31px; */
    line-height: 44px;
}

.fs-60 {
    font-size: 3rem;
    line-height: 3rem;
}

.alt-font {
     font-family: 'wYekan' , var(--alt-font);
}

.ps-40px {
    padding-right: 40px!important;
    padding-left: 0px!important;
}

@media (max-width: 1199px) {
    .lg-ps-30px {
        padding-right: 30px!important;
        padding-left: 0px!important;
    }
}

/*.feature-box.feature-box-left-icon .feature-box-icon, .feature-box.feature-box-left-icon-middle .feature-box-icon {
    margin-left: 30px;
    margin-right: 0;
    text-align: right;
    right: 0px;
}*/

.h-65px {
    height: 65px!important;
}