body {
    font-family: "REM", sans-serif;
    line-height: 1.7;
    font-weight: 400;
    overflow-y: auto;
    overflow-x: hidden;
    background: #f4f7fb;
}
::-moz-selection {
    background: #0f766e;
    text-shadow: none;
    color: #fff
}
::selection {
    background: #0f766e;
    text-shadow: none;
    color: #fff
}
*,
::after,
::before {
    box-sizing: border-box
}
* {
    margin: 0;
}
a,
a>* {
    outline: none;
    cursor: pointer;
    text-decoration: none;
    color: #0f766e
}
a:hover {
    text-decoration: none;
    text-decoration-thickness: 1.3px
}
table {
    width: 100%;
    border-spacing: 0
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "REM", sans-serif;
    font-weight: 700;
    width: 100%;
    line-height: 1.2
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .70rem
}
.h1,
h1 {
    font-size: 1.4rem;
    color: #0f172a;
}
.h2,
h2 {
    font-size: 1.2rem;
    color: #0f172a
}
.h3,
h3 {
    font-size: 1.1rem;
    color: #0f172a
}
.h4,
h4 {
    font-size: 1rem;
}
.h5,
h5 {
    font-size: 1rem;
    color: #e11d48
}
.h6,
h6 {
    font-size: 1rem;
    color: #e11d48
}
.title h1 {
    font-size: 1.4rem;
    text-align: center;
}
.fa {
    width: .875em
}
.mbtm15,
table {
    margin-bottom: 15px
}
.mtop15 {
    margin-top: 15px
}
._600 {
    font-weight: 600
}
.ptop15 {
    padding-top: 15px
}
.pbtm15 {
    padding-bottom: 15px
}
.ptop30 {
    padding-top: 30px
}
.pbtm30 {
    padding-bottom: 30px
}
.bothbtbm {
    padding-top: 30px;
    padding-bottom: 30px
}
.con-bottom p {
    margin-bottom: 10px
}
.pad-lr-15 {
    padding-left: 15px;
    padding-right: 15px
}
.space-tpbtm {
    padding: 60px 0
}
.justify-end {
    width: 100%;
    justify-content: end
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.sm2, .sm3, .sm4, .sm5, .sm6, .sm12 {
    padding-left: 15px;
    padding-right: 15px;
}
.container-fluid {
    margin-right: auto;
    margin-left: auto
}
.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}
.width100 {
    width: 100%
}
.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 5px 0
}
.navbar .nav-link:hover {
    color: #fff;
    background: #0f766e
}
.navbar .nav-link {
    color: #e2e8f0
}
.navbar .navbar-brand {
    color: #f8fafc
}
.navbar-bg {
    background-color: #f8fafc
}
.navbar .active .nav-link {
    font-weight: 700;
    color: #fff
}
.navbar-nav a {
    color: #fff
}
.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}
.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%
}
.navbar .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center;
    display: none
}
.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: #fff0;
    border: 1px solid rgb(255 255 255 / .5);
    border-radius: 3px;
    cursor: pointer
}
.navbar-toggler:focus {
    border: 1px dotted rgb(255 255 255 / .5)
}
.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}
.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}
.navbar-nav .dropdown-menu {
    position: static;
    float: none
}
.nav-link {
    display: block;
    padding: .5rem 1rem
}
.logo {
    height: 32px;
    display: block;
    width: 32px;
    overflow: hidden
}
.header_bg {
    background: #0f172a;
    color: #fff
}
.bg-common {
    background: #0f172a;
    color: #fff
}
.card_bdr {
    border-top: 3px solid #e11d48
}
.search-filter {
    background: #0f172a;
    padding: 30px;
}
.card_padding {
    padding: 20px 30px 15px 30px;
}
.card_box {
    position: relative;
    border-radius: 12px;
    padding: 15px;
    margin-bottom: 15px;
    width: 100%;
}
.card_box_color {
    background: #ffffff
}
.card_box_color2 {
    background: #fff;
    border-top: 3px solid #0f766e;
    border-radius: 12px;
    text-align: left;
    box-shadow: 0 8px 24px rgb(15 23 42 / .08);
}
.custom-select,
.chosen-container-single .chosen-single {
    display: inline-block;
    background: #fff url(../images/drop-down.svg) no-repeat right .75rem center / 11px 11px;
    background-size: 8px 10px;
    border-radius: .25rem;
    color: #495057;
    width: 100%;
    height: calc(2.25rem + 2px);
    border: 1px solid #ced4da
}
.custom-select {
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.5;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}
.chosen-container-single .chosen-single {
    position: relative;
    overflow: hidden;
    padding: 0 0 0 8px;
    padding-right: 28px;
    border: 1px #D0D0D0 solid
}
.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 6px
}
.chosen-container .chosen-drop {
    margin-top: -8px;
    border-radius: 0 0 .25rem .25rem;
    background-clip: padding-box;
    display: none;
    padding: 0 10px 7px 10px
}
.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    z-index: 1010;
    width: 100%;
    border: 1px solid #ced4da;
    border-top: 0;
    background: #fff;
    box-shadow: 0 4px 5px rgb(0 0 0 / .15)
}
.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap
}
.chosen-container .chosen-results {
    color: #444;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch
}
.chosen-container-single .chosen-search input[type="text"] {
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #aaa;
    font-size: 1em;
    font-family: "REM", sans-serif;
    line-height: normal;
    border-radius: 3px
}
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #fff0;
    padding: .45rem .55rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    cursor: pointer
}
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: "REM", sans-serif;
    font-size: inherit;
    line-height: inherit
}
.form-control,
.input-group-text,
.custom-select {
    padding-top: 2px;
    padding-bottom: 3px
}
.form-control {
    height: calc(2.25rem + 2px);
    display: block;
    width: 100%;
    padding: .25rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
.tab {
    overflow: hidden
}
.tab .tabs,
.tab .tablinks {
    background-color: #0f766e;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 7px;
    transition: 0.3s;
    font-size: 16px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    margin-right: 4px;
    color: #fff
}
.tab .tabs:last-child,
.tab .tablinks:last-child {
    margin-right: 0
}
.tab .tabs:hover,
.tab .tablinks:hover {
    background-color: #134e4a
}
.tab .tabs.active,
.tab .tablinks.active {
    background-color: #134e4a
}
.tabcontent,
.tabcontents {
    display: none;
    padding: 15px 10px;
    border-top: 1px solid #0f766e
}
.table th,
.table td {
    border-top: 1px solid #c7c7c7
}
.ul-services {
    list-style: disc;
    padding-left: 20px;
    margin-bottom: 20px;
}
.ul-services li {
    padding: 5px 0;
    margin-bottom: 10px;
    line-height: 1.7;
}
.phone-num {
    max-width: 200px;
    text-align: center;
    background: #e11d48;
    color: #fff;
    font-weight: 700;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 15px
}
.phone-num>* {
    padding: 10px;
    color: #fff;
    display: block
}
.c1 { max-width: 8.333333% }
.c2 { max-width: 16.666666% }
.c3 { max-width: 25% }
.c4 {
    max-width: 33.333333%;
    width: 33.33333%
}
.c5 { max-width: 41.666666% }
.c6 {
    /*flex: 0 0 50%*/;
    max-width: 100%;
}
.c7 { max-width: 58.333333% }
.c8 { max-width: 66.666666% }
.c9 { max-width: 75% }
.c10 { max-width: 83.333333% }
.c11 { max-width: 91.666666% }
.c12 { max-width: 100% }
.col {
    position: relative;
    width: 100%;
    min-height: 1px
}
.city-name {
    color: #e11d48;
    padding: 10px;
    display: block;
    font-weight: 700;
}
.footer {
    text-align: center
}
.justify-contents {
    justify-content: center
}
.link-footer {
    padding: 5px 10px;
    color: #fff
}
img {
    max-width: 100%;
    display: block;
    height: auto;
    width: 100%
}

/* ========== PROFILE / LISTING CARD DESIGN ========== */
.item {
    border: none;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgb(15 23 42 / .08);
    font-size: 14px;
    background: #fff;
    transition: transform .25s ease, box-shadow .25s ease;
}
.item:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgb(15 23 42 / .12);
}
.item .item-image {
    display: block;
    overflow: hidden;
    background: #0f172a;
    height: 100%;
    border-radius: 14px 14px 0 0;
}
.item .item-content {
    padding: 16px 18px 18px;
}
.item .item-content > div,
.item .item-content .tagcard {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    font-size: 16px;
}
.item .item-contact .whatsapp-call {
    background: #16a34a;
    margin-right: 6px;
    border-radius: 6px;
}
.item .item-contact > * {
    padding: 6px 10px;
    max-width: 110px;
    display: inline-block;
    text-align: center;
    border-radius: 6px;
}
.item .item-contact {
    float: right;
}
.item .item-contact .whatsapp-call a {
    color: #fff;
    font-weight: 600
}
.service_card {
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgb(15 23 42 / .08);
    border: none;
    margin: 15px 0;
    background: #fff;
    transition: transform .25s ease, box-shadow .25s ease;
}
.service_card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgb(15 23 42 / .12);
}
.service_card .item-content > div,
.service_card .item-content .tagcard {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}
.service_card .item-content {
    padding: 18px;
}
.item-content h3 {
    font-size: 16px;
    font-weight: 700;
    color: #0f172a;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    margin-bottom: 6px;
}
/* ========== END PROFILE DESIGN ========== */

.top_city_list {
    display: flex;
    padding: 10px 0;
    flex-wrap: wrap;
}
.top_city_list a {
    background-color: #ecfdf5;
    border: 1px solid #99f6e4;
    border-radius: 8px;
    color: #0f766e;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    margin: 4px 6px;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    width: auto;
    transition: all .2s ease;
}
.top_city_list a:hover {
    background-color: #0f766e;
    color: #fff;
    border-color: #0f766e;
}
.pagination {
    padding: 0;
    margin: 0 0 12px;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
    justify-content: center;
}
.pagination li {
    margin: 0 4px;
    display: inline-block;
    vertical-align: top;
}
.pagination li.page-item.prev a {
    text-indent: -9999px;
    background-image: url('../images/download.png');
    background-position: center center;
    background-size: 16px;
    background-repeat: no-repeat;
}
.pagination li.page-item.next a {
    text-indent: -9999px;
    background-image: url('../images/right-arrow.png');
    background-position: center center;
    background-size: 16px;
    background-repeat: no-repeat;
}
.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}
.pagination li a {
    width: 42px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    font-size: 16px;
    font-weight: 700;
    display: block;
    padding: 0;
    border: 1px solid #e2e8f0;
    background: #fff;
    color: #0f766e;
    border-radius: 8px;
}
.pagination li a:hover {
    background: #ecfdf5;
    color: #0f766e;
}
.page-item.disabled .page-link {
    color: #94a3b8;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #e2e8f0;
}
.float {
    position: fixed;
    width: 48px;
    height: 48px;
    bottom: 18px;
    right: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #16a34a;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 26px;
    box-shadow: 0 4px 14px rgb(22 163 74 / .4);
    z-index: 100;
    padding: 0;
}
.float2 {
    position: fixed;
    width: 48px;
    height: 48px;
    bottom: 18px;
    left: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #0ea5e9;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 26px;
    box-shadow: 0 4px 14px rgb(14 165 233 / .4);
    z-index: 100;
    padding: 0;
}
.imgsize img {
    width: 24px;
}

@media (min-width:1200px) {
    .container {
        max-width: 1140px
    }
    .lg6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .pdr15 {
        padding-right: 15px
    }
    .pdl15 {
        padding-left: 15px
    }
}
@media (max-width:445px) {
    .item .item-content h3 {
        margin-bottom: 0;
        font-size: 15px
    }
}
@media (max-width:767px) {
    .space-tpbtm {
        padding: 15px 0
    }
    .mbt15 {
        margin-bottom: 15px
    }
    .row {
        margin-right: 0;
        margin-left: 0;
    }
}
@media (min-width:576px) {
    .pr-sm-1,
    .px-sm-1 {
        padding-right: 15px !important
    }
    .sm2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .sm3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .sm4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .sm5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .sm6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .sm7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .sm8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .sm9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .sm10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
}
@media (min-width:768px) {
    .md3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .navbar-expand-md {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .navbar-expand-md .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding: .75rem 1rem
    }
    .navbar {
        padding: 0
    }
    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .navbar-expand-md .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
    .navbar-expand-md .navbar-toggler {
        display: none
    }
}