/**
 * Created by Maatify.dev
 * User: Maatify.dev
 * Date: 2023-08-31
 * Time: 15:15 PM
 * https://www.Maatify.dev
 */

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css');

:root {
    --border-radios-btn: 5px;
    --border-radios-card: 5px;
    --shadow: rgba(0, 0, 0, 0.18) 0px 0px 4px 0px;
    --time: 0.3s;
    --app-color: #000;
    --second-color: #0a5d2b;
    --border-color: #dfdfdf;
    --color-hover: #0b000008;
}

body {
    font-family: 'Source Sans Pro', sans-serif;
    /*height: 10000px;*/
}

.form-control {
    padding: 11px 13px;
    border-radius: 0;
}

.form-select {
    padding: 11px 13px;
    border-radius: 0;
}

.btn {
    border-radius: 0;
    padding: 12px 15px;
}

.btn-app {
    background: #000;
    color: #fff;
    border: 1px solid var(--app-color);
}

.btn-app:hover {
    background: #fff;
    color: #000;
}
.states-list .list li {
    text-transform: capitalize;
    position: relative;
    margin-bottom: 28px;
    font-size: 19px;
    padding: 0 0 0 6px;
}
.states-list .list li:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 35px;
    background: #000;
    border-radius: 50px;
    top: 12px;
    left: -12px;
}
.hero.cities-in-state .states-list .list li:before,
.details3-list .list li:before{
    width: 11px;
    height: 3px;
    top: 12px;
    left: -17px;
}
/* Paging */
.data-count{
    text-align: left;
}
.paging{
    text-align: right;
}
.paging .btn-paging.active{
    background: var(--app-color);
    color: #fff;
    border-radius: 5px;
}
.paging .btn-paging {
    padding: 6px 15px;
}