@font-face {
    font-family: 'Glacial Indifference';
    src: url('../fonts/GlacialIndifference-Regular.eot');
    src: url('../fonts/GlacialIndifference-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GlacialIndifference-Regular.woff') format('woff'),
        url('../fonts/GlacialIndifference-Regular.ttf') format('truetype'),
        url('../fonts/GlacialIndifference-Regular.svg#GlacialIndifference-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Glacial Indifference';
    src: url('../fonts/GlacialIndifference-Bold.eot');
    src: url('../fonts/GlacialIndifference-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GlacialIndifference-Bold.woff') format('woff'),
        url('../fonts/GlacialIndifference-Bold.ttf') format('truetype'),
        url('../fonts/GlacialIndifference-Bold.svg#GlacialIndifference-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


body {
    font-family: 'Glacial Indifference';
    font-weight: normal;
    font-size: 16px;
    color: #fff;
    background: #000;
}

.container {
    width: 100%;
    max-width: 1200px;
    padding: 0 20px;
}

a {
    text-decoration: none;
}

img {
    max-width: 100%;
}

h1, .h1, h2, .h2 {
    font-weight: 900;
    color: #fff;
    font-family: 'Glacial Indifference';
}

h3, h4, h5, h6, .h3, .h4, .h5, .h6 {
    font-family: 'Proxima Nova';
    color: #fff;
    font-weight: bold;
    font-family: 'Glacial Indifference';
}

a:hover, a:focus {
    color: #fe0000;
}

a, button, input, textarea {
    transition: all 300ms;
}

a, a:hover, a:focus {
    outline: none;
    text-decoration: none;
}

.d-flex {
    display: flex;
}

.srvices-section .card-box p {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #fff;
}

.srvices-section .card-box h6 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
}

.hdr-black-fxd {
    background: #050505;
    padding: 6px;
    font-size: 14px;
    border-bottom: 1px solid rgb(255 255 255 / 10%);
}

.hdr-black-fxd ul {
    margin-bottom: 0;
    padding: 0;
}

.hdr-black-fxd ul li span {
    margin-right: 6px;
}

.hdr-black-fxd ul li a.active {
    color: #fe0000;
}

.hdr-black-fxd ul li span.blck-lft-icon {
    color: #fe0000;
    font-size: 16px;
}

.hdr-black-fxd ul li {
    display: inline-block;
    padding: 0 8px;
    letter-spacing: .5px;
}

.hdr-black-fxd-lft {
    float: left;
    width: 50%;
    color: #fff;
}

.hdr-black-fxd-right {
    text-align: right;
}

.hdr-black-fxd-right ul li a {
    color: #fff;
}

.hdr-black-fxd-right ul li a:hover {
    color: #fe0000;
}

.hdr-black-fxd-right ul li a.active {
    color: #fe0000;
}

header {
    background: #000;
    padding: 0px 0;
    z-index: 55;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

.hdr-left {
    float: left;
}

.ht-right {
    text-align: right;
    float: right;
}

.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    background: #000;
    box-shadow: 0px 0px 10px 0px rgb(255 255 255 / 14%);
}

nav ul {
    display: flex;
    padding: 0;
    margin: 0;
}

nav ul li {
    display: inline-block;
    vertical-align: middle;
}

nav ul li a {
    display: block;
    padding: 48px 30px;
    color: #ffff;
    font-size: 18px;
    position: relative;
}

.mobile-menu {
    display: none;
}

nav ul li a.active {
    color: #fe0000;
}

nav ul li a.active:before {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background: #fe0000;
}

nav ul li a:hover, nav ul li.active a {
    color: #fe0000;
}

.ht-right nav, .action-btn {
    display: inline-block;
    vertical-align: middle;
}

.action-btn ul {
    padding: 0;
    margin: 0;
}

.action-btn ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px;
}

.action-btn ul li button {
    display: block;
    padding: 12px 30px;
    border: 0;
    outline: none;
    width: 100%;
    background: #fe0000;
    border-radius: 10px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
}

.action-btn ul li button:hover {
    box-shadow: 0 4px 5px rgb(237 28 36 / 20%);
}

.close-menu {
    position: absolute;
    top: 10px;
    left: 100%;
    width: 40px;
    background: #fff;
    padding: 20px 10px;
    box-shadow: 4px 0 5px rgb(0 0 0 / 10%);
    border-radius: 0 5px 5px 0;
}

.close-menu span {
    display: block;
    height: 2px;
    position: relative;
}

.close-menu span:after, .close-menu span:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    top: 0;
    background: #000000;
}

.close-menu span:after {
    transform: rotate(45deg);
}

.close-menu span:before {
    transform: rotate(-45deg);
}

.ht-inner {
    position: relative;
    overflow: hidden;
}

.menu-icon {
    width: 40px;
    height: 35px;
    position: absolute;
    top: 25%;
    right: 15px;
    padding: 16px 8px;
    background: #626262;
    border-radius: 4px;
    cursor: pointer;
}

.menu-icon span {
    display: block;
    height: 3px;
    background: #fff;
    position: relative;
}

.menu-icon span:after, .menu-icon span:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 3px;
    background: #fff;
}

.menu-icon span:before {
    top: -7px;
}

.menu-icon span:after {
    bottom: -7px;
}

.search-pop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 55;
}

.main-head h2 {
    margin: 0 0 15px;
    font-size: 30px;
    color: #1c1c1c;
}

.banner-slider button.owl-prev {
    left: 0;
}

.banner-slider button span {
    display: block;
    width: 50px;
    height: 50px;
    background: rgb(237 28 36 / 70%);
    color: #fff;
    font-size: 40px;
    line-height: 45px;
    border-radius: 50%;
}

.banner-slider button {
    top: 50%;
    position: absolute;
}

.banner-slider .owl-nav {
    max-width: 100%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -50px;
}

.banner-slider .owl-carousel .owl-nav button.owl-prev {
    left: 15px;
}

.banner-slider .owl-carousel .owl-nav button.owl-next {
    right: 15px;
}

.owl-dots {
    display: none;
}

.banner-slider {
    position: relative;
}

.banner-sldr-content {
    color: #fff;
    z-index: 9;
    position: absolute;
    top: 50%;
    left: 10%;
    right: 10%;
    transform: translateY(-50%);
    max-width: 580px;
}

.banner-sldr-content h2 {
    font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 55px;
    color: #fff;
    margin-top: 0;
}

.banner-sldr-content p {
    font-size: 18px;
    letter-spacing: .4px;
    margin: 25px 0 0;
    line-height: 1.6;
}

.banner-sldr-content h2 .txt-highlight {
    background: #fe0000;
}

.about-section {
    padding: 80px 0;
    background: #000;
}

.about-description h5 {
    font-size: 20px;
    color: #fe0000;
}

.about-description h5.hedng-lft-bx {
    position: relative;
    padding-left: 35px;
    margin-top: 15px;
    margin-bottom: 45px;
    text-transform: uppercase;
}

.about-description h5.hedng-lft-bx::before {
    content: "";
    width: 24px;
    height: 24px;
    background: #fe0000;
    position: absolute;
    top: 0;
    left: 0;
}

.about-description h3 {
    font-size: 46px;
    padding-left: 10px;
    margin: 30px 0;
}

.about-description .para-lft-brdr {
    position: relative;
    padding-left: 10px;
    margin-bottom: 30px;
    color: #fff;
}

.about-description .para-lft-brdr::before {
    content: "";
    width: 3px;
    height: 100%;
    background: #fe0000;
    position: absolute;
    top: 0;
    left: 0;
}

.rdmr-btn {
    margin-top: 25px;
    padding: 6px 0;
}

.rdmr-btn a {
    padding: 15px 40px;
    border: 0;
    outline: none;
    width: 100%;
    background: #fe0000;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}

.rdmr-btn a:hover {
    box-shadow: 0 5px 10px rgb(237 28 36 / 30%);
}

.srvices-section {
    padding: 80px 0;
    background: #141414;
}

.top-heading {
    text-align: center;
}

.top-heading h5 {
    padding-left: 10px;
    margin: 1px 0;
    font-size: 20px;
    color: #fe0000;
    text-transform: uppercase;
}

.top-heading .hdng-sqr-bx {
    width: 24px;
    background: #fe0000;
    padding: 8px;
}

.top-heading .bx-hdng {
    display: flex;
    align-content: center;
    justify-content: center;
    margin-bottom: 30px;
}

.top-heading h3 {
    font-size: 36px;
    margin: 20px 0;
    color: #fff;
}

.service-slider {
    margin: 0 -10px;
}

.service-slider .owl-carousel .owl-nav button span {
    width: 40px;
    height: 40px;
    background: #fe0000;
    display: block;
    font-size: 0;
    padding: 9px;
    color: #ffffff;
    border-radius: 6px;
}

.service-slider .owl-carousel .owl-nav button.owl-prev {
    right: 60px;
}

.service-slider .owl-carousel .owl-nav button.owl-next {
    right: 10px;
}

.service-slider .owl-carousel .owl-nav button span:after {
    font-family: FontAwesome;
    font-size: 16px;
}

.service-slider .owl-carousel .owl-nav button.owl-prev span:after {
    content: '\f053 ';
}

.service-slider .owl-carousel .owl-nav button.owl-next span:after {
    content: '\f054 ';
}

.service-slider .owl-carousel .owl-nav button {
    position: absolute;
}

.service-slider .owl-carousel .owl-nav button span {
    background: #fe0000;
    transition: all 300ms;
}

.service-slider .owl-carousel .owl-nav button:hover span {
    box-shadow: 0 3px 5px #fe000447;
}

.service-slider .owl-carousel .owl-dots {
    display: none;
}

.service-slider .owl-carousel .owl-nav button.disabled {
    opacity: .5;
    cursor: not-allowed;
}

.service-slider .owl-carousel .owl-item .card-box .servc-img-bx img {
    display: block;
    width: auto;
}

.card-box {
    background: #000;
    box-shadow: 0 5px 15px rgb(0 0 0 / 10%);
    padding: 48px 30px;
    overflow: hidden;
    height: 100%;
    border-bottom: 4px solid #000;
    margin-bottom: 25px;
    color: #fff;
}

.card-box .servc-img-bx {
    margin-bottom: 20px;
}

.card-box h6 {
    font-size: 24px;
    margin-bottom: 15px;
}
.servic-section .row {
    display: flex;
    flex-wrap: wrap;
}
.card-box h5 {
    font-size: 30px;
    margin-bottom: 15px;
}

.seeall-btn {
    text-align: center;
    margin-top: 30px;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 30%);
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    transition: all 300ms;
}

.seeall-btn a {
    display: inline-block;
    vertical-align: middle;
    padding: 15px 15px;
    font-weight: bold;
    background: #fe0000;
    border-radius: 10px;
    color: #fff;
    width: 200px;
    font-size: 20px;
    text-align: center;
}

.seeall-btn a:hover {
    box-shadow: 0 5px 10px rgb(237 28 36 / 30%);
}

.project-section {
    background: #0c0c0c;
    padding: 80px 0;
}

.prjct-dtl-bx {
    display: flex;
}

.prjct-dtls h3 {
    font-size: 40px;
    color: #fe0000;
    margin-bottom: 0;
    margin-top: 12px;
}

.prjct-dtls p {
    font-size: 26px;
    color: #fff;
    margin-bottom: 0;
    font-weight: bold;
}

.prjct-dtls {
    margin-left: 10px;
}

footer {
    background: #000000;
    color: #e2e2e2;
}

.ftr-top {
    padding: 80px 0px;
}

.single-ftr-left {
    padding-right: 152px;
}

.single-ftr-left p {
    margin-top: 15px;
}

.single-adrs-right {
    padding-top: 30px;
}

.single-adrs-right li {
    display: block;
    text-align: left;
}

.sar-single {
    position: relative;
    padding-left: 38px;
    text-align: left;
}

.ssr-icon {
    color: #fe0000;
    font-size: 30px;
    display: block;
    text-align: center;
    position: absolute;
    top: 2px;
    left: 0;
}

.sar-single p {
    padding: 12px 0;
    margin: 0;
}

.ssl-sngl {
    text-align: left;
    display: flex;
    margin-top: 25px;
}

.social-media-icon {
    width: 44px;
    height: 44px;
    background: #fe0000;
    color: #ffffff;
    font-size: 18px;
    border-radius: 50%;
    padding: 10px 0;
    display: block;
    text-align: center;
    border: 1px solid #fe0000;
    box-shadow: 0px 0px 2px 0 #fe0000;
    margin: 0 6px;
    cursor: pointer;
}

.ftr-divider {
    border-top: 1px solid rgb(255 255 255 / 10%);
    margin: 0;
}

.ftr-btm {
    padding: 20px 0;
    color: #e2e2e2;
}

.ftr-btm ul {
    padding: 0;
    margin: 0;
}

.ftr-btm ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px;
    position: relative;
}

.ftr-btm-links ul li a {
    color: #e2e2e2;
}

.ftr-btm-links {
    text-align: center;
}

.ftr-btm ul li a {
    display: block;
}

.ftr-btm-links ul li a:hover {
    color: #fff;
}

.ftr-btm ul li::before {
    content: "";
    height: 18px;
    width: 2px;
    background: #e2e2e2;
    position: absolute;
    right: -8px;
    top: 3px;
}

.ftr-btm ul li:nth-child(3)::before {
    background: transparent;
}

.about-servic-section {
    padding: 80px 0;
    background: #141414;
}

.breadcrumb {
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
}

.breadcrumb-section {
    background: #1a1a1a;
    padding: 20px 0;
}

.breadcrumb-section h6 {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #fff;
    margin-top: 0;
}

.breadcrumb a {
    color: #bbb;
    font-size: 18px;
}

.breadcrumb a:hover {
    color: #fe0000;
}

.breadcrumb a span {
    color: #fe0000;
}

.breadcrumb .active a {
    color: #6a6a6a;
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #606060;
    content: "\f105";
    font-family: FontAwesome;
    font-size: 20px;
}

.completed-project-section {
    padding: 80px 0;
    background: #141414;
    color: #fff;
}

.about-description h2 {
    font-size: 38px;
    margin: 30px 0;
}

.servic-section {
    padding: 0 0 80px;
    background: #141414;
}

.loaction-map {
    margin-top: 60px;
}

.contact-section {
    padding: 80px 0;
    background: #141414;
}

.contact-card-box {
    text-align: center;
    border: 3px solid #1c1c1c;
    padding: 30px 20px;
    height: 100%;
    margin-bottom: 15px;
    background: #000;
    color: #fff;
}

input:focus, textarea:focus {
    border-color: #545454;
}

.contact-form-section {
    padding: 0px 0 80px;
    background: #141414;
}

.contact-form-box {
    background: #000;
    padding: 40px;
}

.contact-form {
    padding: 0 30px;
}

.input-form {
    margin: 15px 0;
}

.input-form>ul {
    padding: 0;
    margin-bottom: 0;
}

.input-form>ul>li {
    width: 100%;
    display: inline-block;
}

.bootstrap-select .dropdown-toggle .bs-caret:after {
    content: '\f107 ';
    font-family: FontAwesome;
    font-size: 18px;
    line-height: 1.6;
}

.bootstrap-select .dropdown-toggle .caret {
    display: none;
}

input, textarea {
    background: #343434;
    border: 1px solid #545454;
    border-radius: 12px;
    padding: 14px 20px;
    width: 100%;
    color: #fff;
    font-size: 16px;
}

.input-form textarea {
    height: 180px;
    resize: none;
}

input:focus-visible, textarea:focus-visible {
    outline: unset;
}

.input-form .btn-default:hover, .input-form .btn-default:focus, .input-form .btn-default:active, .input-form .btn-default.active, .input-form .open .dropdown-toggle.btn-default {
    color: #fff;
    background-color: #343434;
    border-color: #545454;
}

.input-form .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
}

.input-form .btn-default {
    color: #fff;
    background: #343434;
    border: 1px solid #545454;
    padding: 13px 20px 9px;
    border-radius: 12px;
    font-size: 16px;
    height: auto;
}

.input-form .btn-default:focus-visible {
    outline: unset;
}

.input-form .bootstrap-select .dropdown-toggle:focus, .input-form .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: unset !important;
    outline: unset !important;
    outline-offset: unset;
}

.input-form .btn-group.open .dropdown-toggle {
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.input-form .btn:active, .input-form .btn.active {
    box-shadow: unset;
}

.input-form .dropdown-menu {
    font-size: 16px;
    margin: 1px 0 0;
    border-radius: 12px;
    background-color: #343434;
    border-color: #545454;
}

.input-form .dropdown-menu>li>a {
    color: #ccc;
}

.input-form .dropdown-menu>li>a:hover, .input-form .dropdown-menu>li>a:focus {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
}

.submt-btn {
    text-align: right;
    margin-top: 25px;
}

.submt-btn .btn {
    display: inline-block;
    vertical-align: middle;
    padding: 15px 15px;
    font-weight: bold;
    background: #fe0000;
    border-radius: 10px;
    color: #fff;
    width: 180px;
    font-size: 16px;
    text-align: center;
    border: 0;
}

.submt-btn .btn:hover {
    box-shadow: 0 5px 10px rgb(237 28 36 / 30%);
}

.submt-btn .btn:focus {
    outline: unset;
    outline: unset;
    outline-offset: unset;
}

table.dataTable thead .sorting:after {
    display: none;
}

.dataTables_length {
    display: none;
}

.dataTables_info {
    display: none;
}

table.dataTable {
    text-align: center;
}

table.dataTable thead>tr>th.sorting {
    padding-right: 8px;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: normal;
}

div.dataTables_wrapper div.dataTables_paginate {
    text-align: center;
    margin: 35px 0;
    color: #999;
}

.table-bordered>thead>tr>th {
    border: transparent;
}

.table-bordered>thead {
    background: black;
    color: white;
}

.table-striped>tbody>tr:nth-child(odd)>td {
    background-color: #222222;
    padding: 15px 8px;
}

.table-striped>tbody>tr:nth-child(even)>td {
    background-color: #2c2c2c;
    padding: 15px 8px;
}

.table-striped>tbody>tr:nth-child(odd) {
   /* border: 4px solid #fff;*/
}

.table-striped>tbody>tr:nth-child(even) {
    /*border: 4px solid #fff;*/
}

.table-bordered>tbody>tr>td {
    border: transparent;
}

.table-bordered {
    border: transparent;
}

table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
    color: #fff;
    font-size: 14px;
    text-align: left;
}

table.table-bordered.dataTable thead th {
    text-align: left !important;
    white-space: nowrap;
}

table.table-bordered.dataTable thead th:first-child, table.table-bordered.dataTable tbody th:first-child, table.table-bordered.dataTable tbody td:first-child {
    text-align: center !important;
}

div.dataTables_wrapper div.dataTables_filter input {
    padding: 8px 15px;
}

table.table-bordered.dataTable tbody td:nth-child(2) {
    min-width: 210px;
}

table.table-bordered.dataTable tbody td:nth-child(4), table.table-bordered.dataTable tbody td:nth-child(5) {
    min-width: 120px;
}

div.dataTables_wrapper div.dataTables_filter label {
    white-space: nowrap;
    text-align: left;
    color: #fe0000;
    font-size: 18px;
    font-weight: bold;
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
    margin: 20px 0;
    display: none;
}

.dataTables_paginate a.paginate_button {
    background: #303030;
    padding: 5px 14px;
    color: #5a5a5a;
    box-shadow: 0 0 0 0 grey;
    border-radius: 4px;
    margin: 0 6px;
    font-size: 20px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.dataTables_paginate a.paginate_button.previous, .dataTables_paginate a.paginate_button.next {
    background: #fe0000;
    color: white;
    position: relative;
    padding: 5px 15px;
}

.dataTables_paginate a.paginate_button.previous.disabled, .dataTables_paginate a.paginate_button.next.disabled {
    cursor: no-drop;
    opacity: .5;
}

.dataTables_paginate a.paginate_button.next::before {
    content: "\f105";
    font-family: FontAwesome;
}

.dataTables_paginate a.paginate_button.previous::before {
    content: "\f104";
    font-family: FontAwesome;
}

.dataTables_paginate a.paginate_button.current {
    background: #ffb2b2;
}

.dataTables_wrapper {
    overflow-x: scroll;
    padding-bottom: 10px;
}

.dataTables_wrapper::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgb(255 255 255 / 0%);
    background-color: #383838;
}

.dataTables_wrapper::-webkit-scrollbar {
    height: 2px;
    background-color: #000000;
}

.dataTables_wrapper::-webkit-scrollbar-thumb {
    background-color: #000000;
    border: 2px solid #555555;
}

.Current-Projects-list {
    margin-top: 65px;
}

.login-main {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    height: 100%;
    padding: 40px 60px;
    opacity: 0;
    visibility: hidden;
}

.login-pop .login-main.login, .register-pop .login-main.register {
    opacity: 1;
    visibility: visible;
}

body.menu-open .hdr-top .overlay, body.login-pop .login-main.login .overlay {
    opacity: 1;
    visibility: visible;
}

.lm-outer {
    width: 100%;
    height: 100%;
    display: table;
    vertical-align: middle;
    overflow: auto;
}

.lm-inner {
    display: table-cell;
    vertical-align: middle;
}

.login-tabs {
    max-width: 430px;
    margin: 0 auto;
    background: #000;
    border-radius: 8px;
    /*overflow: hidden;*/
    z-index: 5;
    position: relative;
    box-shadow: 0 16px 26px rgb(0 0 0 / 10%);
    max-height: calc(100vh - 80px);
    overflow: auto;
}

.login-main .overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 70%);
    z-index: 0;
}

.login-tabs .nav-tabs>li>a, .login-tabs .nav-tabs>li>button {
    background: #eeedf2;
    border: 0 !important;
    margin: 0;
    border-radius: 0;
    text-align: center;
    font-size: 18px;
    color: #a5a5a5;
    padding: 15px 0;
    width: 100%;
}

.login-tabs .nav-tabs>li {
    width: 100%;
    margin: 0;
}

.login-tabs .nav-tabs>li.active>a, .login-tabs .nav-tabs>li.active>a:hover, .login-tabs .nav-tabs>li.active>a:focus, .login-tabs .nav-tabs>li.active>button {
    background: #fe0000;
    color: #fff;
}

.login-tabs .nav-tabs {
    border: 0;
}

.login-wrap {
    padding: 20px;
    font-size: 16px;
}

.login-social ul {
    padding: 0;
    margin: 0 -5px;
    display: flex;
}

.login-social ul li {
    display: block;
    width: 50%;
    padding: 0 5px;
}

.login-social ul li button {
    display: block;
    width: 100%;
    border: 0;
    padding: 13px;
    font-size: 16px;
    color: #fff;
    border-radius: 8px;
}

.login-social ul li button .fa {
    font-size: 25px;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -5px;
}

.login-social ul li.social-fb button {
    background: #335397;
    box-shadow: 0 5px 10px rgb(51 83 151 / 20%);
}

.login-social ul li.social-gmail button {
    background: #dd4a38;
    box-shadow: 0 5px 10px rgb(221 74 56 / 20%);
}

.or-strip {
    padding: 20px 0;
    text-align: center;
    position: relative;
}

.or-strip:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    border-top: 1px solid #eeedf2;
}

.or-strip span {
    display: inline-block;
    width: 34px;
    height: 34px;
    background: #eeedf2;
    line-height: 36px;
    text-transform: uppercase;
    color: #1c1c1c;
    font-weight: bold;
    z-index: 1;
    position: relative;
    border-radius: 50%;
    font-size: 14px;
}

.lf-single label {
    display: block;
    margin: 0;
    position: relative;
}

.lf-single label input {
    width: 100%;
    color: #fff;
    background: #343434;
    border: 1px solid #545454;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 8px;
    outline: none;
}

.lf-single>label>span {
    position: absolute;
    top: -8px;
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    font-size: 12px;
    padding: 0 9px;
    margin-left: 13px;
    background: #fff;
    color: #1c1c1c;
    z-index: 5;
}

.lf-single {
    padding: 12px 0;
}

.lf-single label span i {
    font-style: normal;
    color: #fe0000;
    font-size: 15px;
    vertical-align: middle;
}

.rmbr-forgot ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}

.rmbr-forgot ul li {
    display: block;
    width: 50%;
    text-align: right;
}

.login-btn-btm button {
    display: block;
    width: 100%;
    border: 0;
    padding: 13px;
    font-size: 18px;
    color: #fff;
    border-radius: 8px;
    background: #fe0000;
}

.login-btn-btm button:hover {
    box-shadow: 0 5px 10px rgb(237 28 36 / 20%);
}

.rmbr-forgot ul li label {
    margin: 0;
    position: relative;
    overflow: hidden;
    text-align: left;
    display: block;
    cursor: pointer;
}

.rmbr-forgot ul li label input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}

.rmbr-forgot ul li label input[type="checkbox"]~p {
    position: relative;
    padding-left: 35px;
    font-weight: normal;
    font-size: 16px;
    color: #1c1c1c;
    margin: 0;
    letter-spacing: 0;
}

.rmbr-forgot ul li label input[type="checkbox"]~p span {
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    position: absolute;
    top: 1px;
    left: 0;
    border-radius: 4px;
}

.rmbr-forgot ul li a {
    color: #fe0000;
}

.rmbr-forgot ul li label input[type="checkbox"]~p span i:after {
    content: '\f00c ';
    font-style: normal;
    display: block;
    text-align: center;
    font-family: 'FontAwesome';
    line-height: 20px;
    font-size: 13px;
    opacity: 0;
    visibility: hidden;
    color: #fe0000;
}

.rmbr-forgot {
    padding: 5px 0 20px;
}

.rmbr-forgot ul li label input[type="checkbox"]:checked~p span {
    border-color: #fe0000;
}

.rmbr-forgot ul li label input[type="checkbox"]:checked~p span i:after {
    opacity: 1;
    visibility: visible;
}

.lf-single .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
}

.srvc-bx:hover {
    box-shadow: 0 3px 5px rgb(237 28 36 / 30%);
    border-bottom: 4px solid #fe0000;
}

main {
    padding-top: 153px;
}

.seeall-btn a .fa {
    font-size: 16px;
    margin-left: 5px;
}

.srvices-section .top-heading {
    margin-bottom: 50px;
}

.login-wrap-outer2 {
    height: 100vh;
    display: table;
    vertical-align: middle;
    width: 100%;
    background: #fbf4f4;
}

.login-wrap-inner2 {
    display: table-cell;
    vertical-align: middle;
    padding: 100px 0px 0;
}

.login-section2 {
    max-width: 570px;
    margin: 0 auto;
    padding: 20px 25px;
}

.login-main2 {
    display: flex;
    background: #fff;
    box-shadow: 0 5px 15px rgb(0 0 0 / 10%);
    border-radius: 7px 0 0 7px;
    overflow: hidden;
}

.lgn-lftrt2 {
    width: 100%;
}

.login-form2 {
    padding: 0px 0;
    font-size: 14px;
}

.login-wrap2 {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 20px 30px;
}

.login-mobile-logo2 {
    text-align: center;
}

.login-mobile-logo2 img {
    width: 150px;
}

.login-heading2h1 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 16px;
    color: #fe0000;
}

.login-heading2 p {
    font-size: 14px;
    line-height: 1.5;
}

.lf-single2 {
    padding: 8px 0;
}

.lf-single2 label {
    display: block;
    margin: 0;
    position: relative;
}

.lf-single2>label>span {
    font-size: 14px;
    color: #000000;
    font-weight: normal;
}

.lf-single2 label span i {
    font-style: normal;
    color: #f00;
    font-size: 15px;
    vertical-align: middle;
}

.lf-single2 label input {
    width: 100%;
    border: 1px solid #ededed;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 8px;
    margin-top: 5px;
    background: #ffffff;
    color: #000000;
}

.rmbr-forgot2 {
    padding: 5px 0 20px;
}

.rmbr-forgot2 ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}

.rmbr-forgot2 ul li {
    display: block;
    width: 100%;
    text-align: right;
}

.rmbr-forgot2 ul li a {
    color: #000000;
    font-size: 13px;
    text-decoration: underline;
    font-weight: 500;
}

.rmbr-forgot2 ul li a:hover {
    color: #ef4136;
}

.login-btn2 button {
    display: block;
    width: 100%;
    border: 0;
    padding: 13px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    border-radius: 8px;
    background: #ef4136;
    letter-spacing: .5px;
}

.or-strip2 {
    padding: 15px 0;
    text-align: center;
    position: relative;
}

.lgn-lftrt2.login-form2 .or-strip2 span {
    display: inline-block;
    background: #fff;
    line-height: 36px;
    color: #848484;
    z-index: 1;
    position: relative;
    border-radius: 50%;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 0px 4px;
}

.or-strip2:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    border-top: 1px solid #eeedf2;
}

.login-social2 ul li.social-gmail button {
    background: #dd4a38;
    box-shadow: 0 5px 10px rgb(221 74 56 / 20%);
}

.login-social2 ul li button {
    display: block;
    width: 100%;
    border: 0;
    padding: 13px;
    font-size: 12px;
    color: #fff;
    border-radius: 8px;
}

.login-social2 ul li {
    display: block;
    width: 50%;
    padding: 0 5px;
}

.login-social2 ul li.social-fb button {
    background: #335397;
    box-shadow: 0 5px 10px rgb(51 83 151 / 20%);
}

.login-rgstr-link2 p {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
}

.login-rgstr-link2 a {
    font-weight: bold;
    color: #ef4136;
}

.login-rgstr-link2 {
    text-align: center;
    margin-top: 15px;
}

.login-social2 ul li button .fa {
    font-size: 20px;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -5px;
}

.login-social2 ul {
    padding: 0;
    margin: 0 -5px;
    display: flex;
}

.login-social2 ul li {
    display: block;
    width: 50%;
    padding: 0 5px;
}

.lgn-lftrt2 span.lgn-bg {
    display: block;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

.login-section.forgotpswdbx2 {
    max-width: 540px;
    margin: 0 auto;
    padding: 20px 25px;
}

.login-section2.forgotpswdbx2 .login-wrap2 {
    max-height: 85vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 42px;
}

.login-section2.forgotpswdbx2 .lgn-lftrt2 {
    width: 100%;
}

.login-section2.forgotpswdbx2 .lgn-lftrt2 .login-btn2 {
    margin-top: 20px;
}
.service-slider .item .card-box {
    margin: 0 5px 15px;
}
.mappop-bx {
    display: flex;
    justify-content: space-between;
    width: 300px;
    padding-bottom: 12px;
}
.maplction-img {
    width: 40%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 20%;
    border-radius: 4px;
    background-color: #eee;
}
/* .maplction-img img {
    max-width: 100%;
    border-radius: 8px;
} */
.maplction-descrp {
    width: 60%;
    padding: 0 10px;
}
.maplction-descrp .maplction-nme {
    font-size: 15px;
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 5px;
    word-break: break-all;
}
.maplction-descrp .maplction-adrs {
    margin-bottom: 0;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: .2px;
}
.gm-ui-hover-effect {
    top: 0!important;
    right: 0!important;
}
.banner-slider .bs-single:before {
    background: rgb(0 0 0 / 38%);
    content: "";
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.gm-style .gm-style-iw-c,.gm-style .gm-style-iw-d {
    background: #000 !important;
    overflow: auto !important;
}
.gm-style .gm-style-iw-t::after {
    background: linear-gradient(45deg,rgb(0 0 0) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%) !important;    
}

::-webkit-input-placeholder { color: #fff;}
:-ms-input-placeholder color: #fff;}
::placeholder {color: #fff;}