.ofc {object-fit: cover !important;}
.bpc {background-position: center;}
.mw-100p{max-width: 100px;}
.mw-150p{max-width: 150px;}
.mw-200p{max-width: 200px;}
.mw-300p{max-width: 300px;}

.mh-70p{max-height: 70px;}

.h-70p{height: 70px;}

.h-55p{height: 55px;}
.w-200p{width: 200px;}


.minh-350p{min-height: 350px;}



.dspn{display: none !important;}
.dspb{display: block !important;}
.h-1000{height: 1000px;}
.w-100{width: 100% !important;}
.h-100{height: 100% !important;}
.marquee div { animation: marquee 100s linear infinite !important;}
.role-type .active{
    background: #fff !important;
    color: var(--dark) !important;
}

.imgPortUsr{
    min-width: 220px;
    border-radius: 15px 15px 0 0;
    height:125px;
    width:100%;
    object-fit:cover;
}

.imgProjectWorks{
    height: 300px;
    width: 100%;
    object-fit: cover;
}

.theme-btn-a{
    /* background: var(--dark); */
    color: #fff;
    display: inline-block;
    transition: .3s;
    border-radius: 16px;
    font-size: 16px;
    font-weight: 500;
    margin-right: 17px;
}
.theme-btn-a:hover{
    background: var(--dark);
    color: #fff;
    display: inline-block;
    transition: .3s;
    border-radius: 16px;
    font-size: 16px;
    font-weight: 500;
    margin-right: 0;
    padding: 12px 17px;
}

.about-area .about-me-box .img-box {background: unset !important;}
.service-area .service-sidebar .service-sidebar-inner {
    padding: 91px 35px 90px 35px !important;
}
.service-area .service-sidebar .service-sidebar-inner li{
    justify-content: space-between;text-align: center;
    font-size: 18px !important;
    line-height: unset !important;
    gap:unset !important;
}
.service-area .service-sidebar .service-sidebar-inner svg{ min-width: 30px !important;}

/* .about-client-box{height: 100% !important;}
.info-box.about-client-box .clients .client-item{height: 100% !important;}
.info-box.about-client-box .clients{height: 100% !important;} */


.stats-mod{padding: 0px !important;margin-right: 65px !important;}
.stats-mod .client-item {
    padding: 10px 10px 15px 10px !important;
}
.stats-mod .client-item h1{font-size: 24px !important;margin-bottom: 6px !important;}
.stats-mod .client-item p{min-width: 80px; font-size: 10px !important;}



.about-mod .img-box{
    height: 100px !important;
    width: 100px !important;
}
.about-mod{padding: 20px 30px !important;}
.about-mod .infos{padding-top: 0 !important;}
.about-mod .infos h1{font-size: 24px !important;}

@media only screen and (max-width: 1090px) {
    .stats-mod{margin-right: 65px !important;}
}



.about-mod-home img{ margin:0 !important}
.about-me-mod-home{
    padding: 40px 46px !important;
}

.blog-tag-mod-home .blog-sidebar-widget-inner{
    padding: 7px !important;
}

.role-type li input{
    padding: 12px 20px;
    border-radius: 50px;
    border:0;
}

.home-heading-fs{font-size: 40px;}
.logo-home{height: 95px;}

@media (max-width: 767px){
    .logo-home{height: 75px;}
    .dspn-m{display: none;}
    .home-heading-fs{font-size: 36px !important}
.m-unset {margin-bottom: unset !important;margin-top: unset !important;}
.role-type{flex-direction: column;}
.role-type li input{display: flex;
    justify-content: center;
    width: 100%;
    padding: 12px 18px;
    border-radius: 50px;
}
.blog-tag-mod-home .blog-sidebar-widget-inner {padding: 22px !important;}
.info-box.about-client-box .clients .client-item {width: calc(32% - 12px) !important;}
.about-mod-home {padding: 5px !important;}

}
@media (max-width: 400px){
    .about-mod-home .client-item p{min-height: 75px !important;}
    .info-box.about-client-box .clients .client-item {padding: 30px 5px 0px 5px !important;}
}







.blog-sidebar .blog-sidebar-inner .search-widget div {
    position: relative;
    border-radius: 30px;
}
.blog-sidebar .blog-sidebar-inner .search-widget div::before,
.blog-sidebar .blog-sidebar-inner .search-widget div::after {
    border-radius: 30px;
}
.blog-sidebar .blog-sidebar-inner .search-widget div input {
    width: 100%;
    border: none;
    background: transparent;
    padding: 19px 20px;
    border-radius: 30px;
    color: #ffffff;
}
.blog-sidebar .blog-sidebar-inner .search-widget div input:focus {
    outline: none;
    box-shadow: none;
}
.blog-sidebar .blog-sidebar-inner .search-widget div .theme-btn {
    border: none;
    border-radius: 30px;
    position: absolute;
    right: 6px;
    top: 6px;
}
.blog-details-area .blog-details-content .tags button, .blog-sidebar .blog-sidebar-inner .tags-widget ul li button {
    padding: 10px 22px;
    font-size: 14px;
    font-weight: 400;
}