/*--------------------------------------------------------------============================================================
[Main Stylesheet]
Project:   slicko
/*==============================
[Table of contents]
slicko STYLESHEET
----------------------------------
1. Case Study
2. Job 

=============================================================--------------------------------------------------------------*/

/****************************************************
                    common css
*****************************************************/
* {
    box-sizing: border-box;
}
html,
body {
    margin: 0px;
    padding: 0px;
}

p {
    margin: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0px;
}

a {
    text-decoration: none;
}

ul li {
    list-style: none;
}

.elementor-element {
    --widgets-spacing: 0px;
}

/*******************************************
                Case Study
*******************************************/
.scalo-category-filter {
    display: flex;
    align-items: center;
    justify-content: center;
}
.cs-member-details {
    display: flex;
    align-items: center;
}

.case-category-filter {
    display: flex;
    align-items: center;
    justify-content: center;
}

.category-filter-case span.select2-selection.select2-selection--single {
    padding: 12px 14px;
    border-radius: 8px;
}

.category-filter-case .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    height: 30px;
}
.category-filter-case .select2-container {
    width: auto !important;
}
.category-filter-case span.select2-selection.select2-selection--single {
    display: flex;
    align-items: center;
}

li.select2-results__option.select2-results__option--selectable.select2-results__option--highlighted {
    background: #fff;
    color: #000;
}
li.select2-results__option.select2-results__option {
    padding-left: 15px;
}

li.select2-results__option.select2-results__option--selectable.select2-results__option--selected {
    background: transparent;
}

.cs-btn-wrap a.cs-btn {
    align-items: center;
    justify-content: center;
    display: flex;
}
.cs-widget-item {
    position: relative;
    overflow: hidden;
    transition: 0.5s;
}

.hover-effect-style {
    background: rgba(67, 44, 243, 0.96);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
}
.hover-icon {
    display: inline-block;
}
a.hover-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #fff;
    color: #000;
    -webkit-border-radius: ;
    -moz-border-radius: ;
    -ms-border-radius: ;
    -o-border-radius: ;
}
.cs-widget-item:hover .hover-effect-style {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.csnavigations {
    display: flex;
    justify-content: center;
}
span.nextprevbtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.single-member-details {
    display: flex;
    align-items: center;
}
span.member-name {
    display: block;
}
span.member-title {
    display: block;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: auto;
}

/*****************************************
                Job
*****************************************/

.job-card-single {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.job-type-list ul {
    padding: 0;
    margin: 0;
}

.job-type-list ul li {
    display: inline-flex;
    align-items: center;
}

.jm-mata-iconbox {
    display: flex;
    align-items: stretch;
    margin-bottom: 30px;
}

.jm-meta-iconbox-icon {
    display: inline-block;
    margin-right: 15px;
    width: 30px;
    height: 30px;
    margin-top: 5px;
}

.jm-meta-iconbox-icon i {
    color: #432cf3;
}

.jm-meta-iconbox-icon svg {
    color: #432cf3;
}

.jm-iconbox-text span {
    display: block;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    position: inherit;
    height: auto;
}
/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
    .job-single-meta-widget {
        padding: 30px 15px 1px;
    }
}