/* @font-face {
    font-family: "GellixRegular";
    src: url("../fonts/GellixRegular.eot");
    src: url("../fonts/GellixRegular.woff") format("woff"),
        url("../fonts/GellixRegular.ttf") format("truetype"),
        url("../fonts/GellixRegular.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "GellixMedium";
    src: url("../fonts/GellixMedium.eot");
    src: url("../fonts/GellixMedium.woff") format("woff"),
        url("../fonts/GellixMedium.ttf") format("truetype"),
        url("../fonts/GellixMedium.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "GellixBold";
    src: url("../fonts/GellixBold.eot");
    src: url("../fonts/GellixBold.woff") format("woff"),
        url("../fonts/GellixBold.ttf") format("truetype"),
        url("../fonts/GellixBold.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "GellixSemiBold";
    src: url("../fonts/GellixSemiBold.eot");
    src: url("../fonts/GellixSemiBold.woff") format("woff"),
        url("../fonts/GellixSemiBold.ttf") format("truetype"),
        url("../fonts/GellixSemiBold.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "GellixExtraBold";
    src: url("../fonts/GellixExtraBold.eot");
    src: url("../fonts/GellixExtraBold.woff") format("woff"),
        url("../fonts/GellixExtraBold.ttf") format("truetype"),
        url("../fonts/GellixExtraBold.svg") format("svg");
    font-weight: normal;
    font-style: normal;
} */

* {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

@font-face {
    font-family: 'GellixRegular';
    src: url('../fonts/GellixRegular.eot');
    src: local('☺'), url('../fonts/GellixRegular.woff') format('woff'), url('../fonts/GellixRegular.ttf') format('truetype'), url('../fonts/GellixRegular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GellixMedium';
    src: url('../fonts/GellixMedium.eot');
    src: local('☺'), url('../fonts/GellixMedium.woff') format('woff'), url('../fonts/GellixMedium.ttf') format('truetype'), url('../fonts/GellixMedium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GellixBold';
    src: url('../fonts/GellixBold.eot');
    src: local('☺'), url('../fonts/GellixBold.woff') format('woff'), url('../fonts/GellixBold.ttf') format('truetype'), url('../fonts/GellixBold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GellixSemiBold';
    src: url('../fonts/GellixSemiBold.eot');
    src: local('☺'), url('../fonts/GellixSemiBold.woff') format('woff'), url('../fonts/GellixSemiBold.ttf') format('truetype'), url('../fonts/GellixSemiBold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GellixExtraBold';
    src: url('../fonts/GellixExtraBold.eot');
    src: local('☺'), url('../fonts/GellixExtraBold.woff') format('woff'), url('../fonts/GellixExtraBold.ttf') format('truetype'), url('../fonts/GellixExtraBold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    margin: 0 !important;
    overflow-x: hidden !important;
    overflow-y: scroll;
    text-shadow: none;
    font-family: "GellixRegular";
    font-size: 15px;
}

.alert {
    height: 50px;
    padding: 12px 0 15px 0 !important;
    z-index: 2;
    width: 100% !important;
    left: 0;
    right: 0;
    margin: 20px auto 0 auto;
    text-align: center;
}

.nav.provider-nav.nav-tabs {
    border-bottom: 0;
}

.-layout .alert {
    height: 50px;
    padding: 11px 0 0 0 !important;
    position: fixed !important;
    top: 100px;
    z-index: 2;
    width: 70.2% !important;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}


/*body .row { width: 100%; }*/

.clear {
    clear: both;
}

body .ui-page-theme-a,
body .ui-page-theme-a a,
body .ui-page-theme-a a:hover,
body .ui-page-theme-a a:focus {
    text-shadow: none;
    font-weight: normal;
}

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

button.btn,
button.btn-primary {
    color: #fff;
    background-color: #2058d7;
    border-color: #2058d7;
}

button:hover,
button:focus,
button.btn:hover,
button.btn:focus,
button.btn-primary:hover,
button.btn-primary:focus {
    box-shadow: none !important;
    outline: none !important;
}

input,
input:hover,
input:focus,
textarea,
textarea:hover,
textarea:focus,
select,
select:hover,
select:focus,
label,
label:hover,
label:focus,
select,
select:hover,
select:focus {
    box-shadow: none !important;
    outline: none !important;
}

.errorMsg {
    color: #ff0000;
}

body .parsley-errors-list {
    padding: 0;
}

body .parsley-errors-list li {
    list-style: none;
    color: #ff0000;
    font-size: 15px;
}

.site-content {
    margin-top: 98px;
}

.-layout .site-content {
    margin-top: 0px;
}

.-layout .log-pagesIC {
    display: none;
}

.providers-profile-layout .site-content {
    margin-top: 0px;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.site-header {
    transition: all 0.5s ease-in-out;
    padding: 18px 0;
}

.-layout .site-header {
    transition: all 0.5s ease-in-out;
    z-index: 99;
    padding: 18px 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}

.browse-providers-layout .site-header {
    transition: all 0.5s ease-in-out;
    z-index: 99;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}

.browse-providers-layout .site-content {
    margin-top: 0;
}

.all-services-layout .site-header {
    transition: all 0.5s ease-in-out;
    z-index: 99;
    padding: 18px 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}

.response-show {
    display: none !important;
}

.resp-menu {
    width: 300px;
    background: #ec671e;
    height: 100vh;
    top: 78px;
    position: fixed;
    right: -301px;
    transition: all .3s ease-in-out;
    z-index: 99;
}

.all-services-layout .site-content {
    margin-top: 0;
}

.header-right.text-right {
    margin-top: 14px;
}

.listing_media_main video {
    object-fit: cover;
}

.site-header.fixed-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 0;
    transition: all 0.5s ease-in-out;
}

.site-logo {
    height: 58px;
    width: max-content;
}

.site-logo img {
    height: 100%;
    width: auto;
}

.header-right {
    margin-top: 0;
}

.header-right nav {
    display: inline-block;
}

.header-right ul {
    margin: 0;
    padding: 0;
}

.header-right ul li {
    display: inline-block;
}

.header-right ul li a {
    font-family: "GellixMedium";
    font-size: 17px;
    color: #fff;
    position: relative;
    padding: 0 20px;
}

.header-right ul li a:hover,
.header-right ul li a:focus,
.header-right ul li a.active,
.header-right ul li.active a {
    transition: unset;
    color: #ec671e !important;
}

.header-right ul.linkoStack li a.dropdown-toggle.salar.active {
    color: #fff !important;
    margin-right: 15px;
}

.header-right ul.linkoStack li a.dropdown-toggle.salar.active:hover {
    color: #ec671e !important;
}

.login-layout .header-right ul.linkoStack li a.dropdown-toggle.salar.active, .forgot-password-layout .header-right ul.linkoStack li a.dropdown-toggle.salar.active {
    color: #000 !important;
}

.site-header.fixed-header .header-right ul.linkoStack li a.dropdown-toggle.salar.active {
    color: #fff !important;
}

.header-right ul li a:hover img,
.header-right ul li a:focus img,
.header-right ul li a.active img,
.header-right ul li.active a img {
    filter: invert(42%) sepia(62%) saturate(2907%) hue-rotate(355deg) brightness(105%) contrast(85%);
}

a.dropdown-toggle::after {
    background: url(../images/droparrow.png) no-repeat;
    width: 10px;
    height: 6px;
    position: absolute;
    border: 0;
    top: 10px;
    background-size: 100%;
    right: 0;
}


/* .header-right ul li a[aria-expanded="true"]::after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 12px;
    background: transparent;
    top: 5px;
    color: #ec671e;
} */

.languagetraslator {
    display: inline-block;
    margin-left: 20px;
    position: relative;
}

.languagetraslator::before {
    content: "";
    background: #fff;
    height: 15px;
    width: 1px;
    position: absolute;
    left: 0;
    top: 6px;
}

.languagetraslator select {
    background: url(../images/droparrow.png) no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    font-family: "GellixRegular";
    font-size: 17px;
    color: #fff;
    background-size: 10px 7px;
    background-position: center right;
    padding: 0 12px;
    cursor: pointer;
}

.dropdown-menu.show.megaMenu {
    width: 1042px;
    padding: 30px 30px 15px 30px;
    left: auto !important;
    right: 0;
    top: 53px !important;
    transform: none !important;
}

.megaMenu h4 {
    font-size: 20px;
    color: #1e2b38;
    font-family: "GellixSemiBold";
    margin-bottom: 35px;
}

.megaMenu .explorelink {
    font-size: 15px;
    font-weight: 500;
    padding-left: 32px;
    position: relative;
    color: #ec671e !important;
}

.fixed-header .header-right ul li a.explorelink {
    font-size: 15px;
    font-weight: 500;
    padding-left: 32px;
    position: relative;
    color: #ec671e !important;
}

.megaMenu .explorelink::before {
    content: "";
    width: 24px;
    height: 1px;
    background: #ec671e;
    position: absolute;
    top: 10px;
    left: -17px;
}

.catlink {
    width: 30%;
    display: inline-block;
    margin: 0 18px 20px 0;
    height: 130px;
    vertical-align: top;
    border-radius: 5px;
}

.catlink:nth-child(3),
.catlink:nth-child(6) {
    margin-right: 0;
}

.catlink img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.megaoverlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 5px;
    padding: 20px 15px;
    text-align: left;
}

.catlink h6 {
    font-size: 18px;
    font-family: "GellixMedium";
    min-height: 60px;
    margin-left: 5px;
}

.header-right ul li .catlink a {
    font-size: 13px;
    color: #444d57;
    padding: 0;
    text-transform: capitalize;
}

.header-right ul li .catlink .flip-box-back a {
    color: #ec671e;
}

.catlink a .arrow {
    background: #ec671e;
    height: 2px;
    width: 22px;
    margin: 0 auto;
    position: relative;
    cursor: pointer;
    display: inline-block;
    left: 5px;
    top: -4px;
    transition: all 0.5s ease-in-out;
}

.catlink a:hover,
.catlink a:focus {
    color: #ec671e;
}

.catlink a:hover .arrow,
.catlink a:focus .arrow {
    transition: all 0.5s ease-in-out;
    left: 15px;
}

.catlink a .arrow::before,
.catlink a .arrow::after {
    content: "";
    background: #ec671e;
    position: absolute;
    height: 7px;
    width: 2px;
}

.catlink a .arrow::before {
    right: 2px;
    bottom: 0px;
    transform: rotate(-45deg);
}

.catlink a .arrow::after {
    right: 2px;
    top: -1px;
    transform: rotate(45deg);
}

.megaMenu .flip-box-back .megaoverlay {
    background: rgba(0, 0, 0, 0.7);
}

.megaMenu .flip-box {
    perspective: 1000px;
}

.megaMenu .flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    /* transition: transform 0.8s; */
    transform-style: preserve-3d;
}

.megaMenu .flip-box:hover .flip-box-inner {
    transform: rotateY(180deg);
}

.megaMenu .flip-box-front,
.megaMenu .flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 5px;
}

.megaMenu .flip-box-front {
    background-color: #f4f2f0;
    color: #1e2b38;
}

.megaMenu .flip-box-back {
    background-color: dodgerblue;
    color: white;
    transform: rotateY(180deg);
}

.offDiv {
    height: 280px;
    width: 95%;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
}

.offDiv img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.offoverlay {
    background: rgba(181, 122, 53, 0.9);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 25px 30px;
    color: #fff;
}

.offDiv h3 {
    font-size: 30px;
    margin: 0;
    font-family: "GellixBold";
}

.offDiv h4 {
    font-size: 22px;
    color: #ffffff;
    font-family: "GellixRegular";
    margin-bottom: 20px;
}

.offDiv p {
    font-size: 15px;
    font-family: "GellixRegular";
    min-height: 105px;
}

.header-right ul li .offDiv a {
    font-size: 16px;
    padding: 0;
    color: #fff;
}

.offDiv a .arrow {
    background: #fff;
    height: 2px;
    width: 27px;
    margin: 0 auto;
    position: relative;
    cursor: pointer;
    display: inline-block;
    left: 30px;
    top: -4px;
    transition: all 0.5s ease-in-out;
}

.offDiv a:hover,
.offDiv a:focus {
    color: #fff;
}

.offDiv a:hover .arrow,
.offDiv a:focus .arrow {
    transition: all 0.5s ease-in-out;
    left: 50px;
}

.offDiv a .arrow::before,
.offDiv a .arrow::after {
    content: "";
    background: #fff;
    position: absolute;
    height: 8px;
    width: 2px;
}

.offDiv a .arrow::before {
    right: 1px;
    bottom: -1px;
    transform: rotate(-45deg);
}

.offDiv a .arrow::after {
    right: 1px;
    top: -1px;
    transform: rotate(45deg);
}

.homebanner {
    width: 100%;
    height: 780px;
    position: relative;
}

.homebanner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.homebanner .hbOverlay {
    /* background: rgba(0, 0, 0, 0.3); */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    margin: auto;
    height: 326px;
}

section.homebanner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

.our-services .container {
    position: relative;
}

.homebanner h1 {
    font-family: "GellixRegular";
    font-size: 66px;
    color: #fff;
}

.homebanner h4 {
    font-size: 20px;
    color: #fff;
    width: 82%;
    margin-bottom: 40px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 32px;
}

.bannerSearch form {
    display: flex;
}

.homebanner select {
    background: #3c3d3efa url(../images/droparrow.png) no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-size: 12px 7px;
    background-position: right 13px center;
    padding: 0 12px;
    height: 70px;
    border: 0;
    color: #fff;
    color: #cbd6d9;
    opacity: 1;
    backdrop-filter: blur(33px);
    -webkit-backdrop-filter: blur(33px);
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 16px;
}

.homebanner select.bsCat {
    width: 150px;
    margin-right: 2px;
    border-radius: 5px 0 0 5px;
    padding-right: 49px;
}

.homebanner select.bsCity {
    width: 290px;
}

.homebanner .bsBtn {
    background: #ec671e;
    border-radius: 0px 5px 5px 0px;
    color: #fff;
    border: 0;
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 500;
    width: 144px;
    transition: all 0.5s ease-in-out;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.homebanner .bsBtn:hover,
.homebanner .bsBtn:focus {
    background: #fecb03;
    transition: all 0.5s ease-in-out;
}

.topSearch {
    padding: 25px 0 0 0;
}

.topSearch label {
    display: inline-block;
    margin: 0;
    color: #fff;
    font-size: 17px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.topSearch a {
    display: inline-block;
    font-size: 12px;
    background: #3c3d3e;
    color: #fff;
    border-radius: 50px;
    padding: 5px 15px;
    margin: 0 0 0 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.topSearch a:hover,
.topSearch a:focus {
    color: #fff;
    background: #ec671e;
}

.hbVideoBtn {
    text-align: center;
    padding-top: 95px;
}

.hbVideoBtn a {
    width: 108px;
    height: 108px;
    background: #2c2f2c;
    display: block;
    border-radius: 100%;
    padding: 17px;
    margin: 0 auto;
    transition: all 0.5s ease-in-out;
}

.hbVideoBtn a:hover,
.hbVideoBtn a:focus {
    box-shadow: 0 0 5px #fff;
}

.hbVideoBtn a span {
    background: #363938;
    border-radius: 100%;
    width: 100%;
    height: 100%;
    display: inline-block;
    padding: 22px 27px;
}

.hbVideoBtn a span i {
    font-size: 30px;
    color: #ffffff34;
}

.hbVideoBtn a:hover span i,
.hbVideoBtn a:focus span i {
    color: #fff;
}

.hbVideoBtn h5 {
    color: #fff;
    font-size: 17px;
    margin-top: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

.our-services {
    background: #f7f8f8;
    padding: 80px 0;
}

.our-services h2 {
    font-size: 40px;
    font-family: "GellixBold";
    margin-bottom: 30px;
}

.our-services .nav-tabs {
    display: inline-block;
    border-bottom: 1px solid #e3e3e3;
}

.our-services .nav-tabs li {
    display: inline-block;
    margin: 0 80px;
}

.our-services .nav-tabs li:first-child {
    margin: 0;
}

.our-services .nav-tabs li:last-child {
    margin: 0;
}

.our-services .nav-tabs li a {
    padding: 0.5rem 0;
    color: #1e2b38;
    font-size: 20px;
    font-family: "GellixSemiBold";
    position: relative;
    border: 0 !important;
}

.our-services .nav-tabs .nav-item.show .nav-link,
.our-services .nav-tabs .nav-link.active {
    border: 0;
    background: transparent;
}

.our-services .nav-tabs li a::after {
    content: "";
    background: transparent linear-gradient(89deg, #ec671e 0%, #6a96a7 100%);
    width: 0;
    height: 2px;
    position: absolute;
    bottom: -2px;
    left: 0;
    transition: all 0.5s ease-in-out;
}

.our-services .nav-tabs li a.active::after,
.our-services .nav-tabs li a:hover::after,
.our-services .nav-tabs li a:focus::after {
    content: "";
    background: transparent linear-gradient(89deg, #ec671e 0%, #6a96a7 100%);
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: -2px;
    left: 0;
    transition: all 0.5s ease-in-out;
}

.our-services .exploreServices {
    float: right;
    font-size: 18px;
    color: #1e2b38;
    padding: 0.5rem 0;
    position: relative;
    font-family: "GellixMedium";
}

.our-services .exploreServices:hover,
.our-services .exploreServices:focus {
    color: #ec671e;
}

.our-services .exploreServices::before {
    content: "";
    background: #6e7a86;
    height: 2px;
    width: 58px;
    position: absolute;
    top: 21px;
    left: -70px;
    transition: all 0.5s ease-in-out;
}

.our-services .exploreServices:hover::before,
.our-services .exploreServices:focus::before {
    background: #ec671e;
    transition: all 0.5s ease-in-out;
    width: 70px;
    left: -82px;
}

.serviceBox {
    background: #fff;
    box-shadow: 0px 3px 23px #4367790f;
    border-radius: 10px;
    /* min-height: 120px; */
    /* display: flex; */
    padding: 0;
    margin-top: 45px;
}

.serviceBox a {
    padding: 15px;
    display: flex;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.serviceBox a:before {
    content: " ";
    left: auto;
    top: 0;
    height: 100%;
    width: 100%;
    background: transparent linear-gradient(90deg, #ec671e 0%, #e6c75f 100%);
    position: absolute;
    right: 100%;
    transition: all 0.3s ease-in-out;
}

.serviceBox a:hover:before {
    right: 0;
}

.serviceIcon {
    /* width: 85px; */
    height: auto;
    background: #f4f2f0;
    border-radius: 100%;
    padding: 0;
    text-align: center;
    overflow: hidden;
    flex: 0 0 70px;
    padding-top: 70px;
    position: relative;
    min-width: 70px;
}

.serviceIcon img {
    height: 100%;
    width: 90%;
    object-fit: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.serviceName {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 12px;
    font-size: 20px;
    color: #1e2b38;
    font-family: "GellixMedium"!important;
    position: relative;
}

a:hover .serviceName {
    color: #fff;
}
a:hover .serviceName span {
    color: #1e2b38;
}
.greatPackages {
    padding: 70px 0 50px 0;
}
.nav-pills.nav-dash .active a.nav-link {
    color: #1E2B38 !important;
    transition: all .3s ease-in-out;
    background-color: #fff;
    padding-left: 22px;
    padding-right: 22px;
}
.greatPackages h2 {
    font-size: 44px;
    color: #1e2b38;
    text-align: center;
    font-family: "GellixBold";
    font-weight: normal;
    margin-bottom: 60px;
}

.greatPackages .owl-carousel .owl-stage-outer {
    padding-top: 15px;
    padding-bottom: 20px;
    overflow: visible;
}

.greatPackages .owl-item {
    background: #f7f8f8;
    border-radius: 10px;
    opacity: 0.65;
    padding: 20px;
}

.greatPackages .owl-item.active {
    background: #ffffff;
    box-shadow: 0px 5px 30px #47606a1a;
    opacity: 1;
}

.greatPackages .owl-item h3 {
    font-size: 27px;
    color: #1e2b38;
    text-transform: capitalize;
    font-family: "GellixSemiBold";
}

.greatPackages .owl-item ul {
    margin: 15px 0;
    padding: 0;
}

.greatPackages .owl-item ul li {
    list-style: none;
    position: relative;
    padding: 0 0 2px 20px;
    font-size: 17px;
    color: #253f58;
    font-family: "GellixMedium";
}

.greatPackages .owl-item ul li::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    color: #ec671e;
    font-size: 13px;
    position: absolute;
    left: 0;
    top: 4px;
}

.greatPackages .gpImg {
    height: 103px;
    width: 98px;
}

.greatPackages .owl-carousel .owl-item .gpImg img {
    width: 100%;
    height: 100%;
    opacity: 0.1;
}

.greatPackages .paymentOption {
    border: 1px solid #dee1e6;
    border-radius: 6px;
    min-height: 62px;
    margin-bottom: 10px;
    padding: 20px 10px 15px 10px;
}

.greatPackages [type="radio"]:checked,
.greatPackages [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.greatPackages [type="radio"]:checked+label,
.greatPackages [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 24px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
    font-family: "GellixMedium";
    font-size: 17px;
}

.greatPackages [type="radio"]:checked+label::before,
.greatPackages [type="radio"]:not(:checked)+label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 16px;
    height: 16px;
    border: 1px solid #d3d3d3;
    border-radius: 100%;
    background: #fff;
}

.greatPackages [type="radio"]:checked+label:after,
.greatPackages [type="radio"]:not(:checked)+label:after {
    content: "";
    width: 16px;
    height: 16px;
    border: 5px solid #ec671e;
    position: absolute;
    top: 2px;
    left: 0;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.greatPackages [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.greatPackages [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.greatPackages .gpPrice {
    float: right;
    width: 30%;
    color: #6e7a86;
    font-family: "GellixRegular";
    font-size: 17px;
    text-align: right;
}

.greatPackages .gpPrice strong {
    font-family: "GellixRegular";
}

.greatPackages .owl-dots {
    display: block;
    text-align: center;
}

.greatPackages .owl-dot {
    display: inline-block;
    margin-right: 10px;
}

.greatPackages .gpBtn {
    background: #ec671e;
    border-radius: 6px;
    border: 0;
    color: #fff;
    width: 100%;
    min-height: 54px;
    text-transform: uppercase;
    font-family: "GellixSemiBold";
    margin: 20px 0 35px 0;
    transition: all 0.5s ease-in-out;
    font-size: 15px;
}

.greatPackages .gpBtn:hover,
.greatPackages .gpBtn:focus {
    background: #ffcc03;
    transition: all 0.5s ease-in-out;
}

.greatPackages .owl-theme .owl-controls {
    margin: 0;
    padding: 30px 0;
}

.greatPackages .owl-theme .owl-dots .owl-dot span {
    background: #e3e3e3;
    width: 55px;
    height: 3px;
    border-radius: 6px;
}

.greatPackages .owl-theme .owl-dots .owl-dot.active span,
.greatPackages .owl-theme .owl-dots .owl-dot:hover span {
    background: #ec671e;
    width: 100px;
}

.packageTwice .owl-controls {
    margin: 0;
    padding: 35px 0;
}

.packageTwice .owl-dots {
    display: block;
    text-align: center;
}

.packageTwice .owl-dot {
    display: inline-block;
    margin-right: 10px;
}

.packageTwice .owl-dots .owl-dot span {
    background: #e3e3e3;
    width: 55px;
    height: 3px;
    border-radius: 6px;
    display: inline-block;
}

.packageTwice .owl-dots .owl-dot.active span,
.packageTwice .owl-dots .owl-dot:hover span {
    background: transparent linear-gradient(90deg, #EC671E 0%, #E6C75F 100%);
    width: 100px;
}


/*Normal dots*/

.normaDots .owl-controls {
    margin: 0;
    padding: 35px 0;
}

.normaDots .owl-dots {
    display: block;
    text-align: center;
    margin-top: 19px;
}

.normaDots .owl-dot {
    display: inline-block;
    margin-right: 10px;
}

.normaDots .owl-dots .owl-dot span {
    background: #e3e3e3;
    width: 55px;
    height: 3px;
    border-radius: 6px;
    display: inline-block;
}

.normaDots .owl-dots .owl-dot.active span,
.normaDots .owl-dots .owl-dot:hover span {
    background: transparent linear-gradient(90deg, #EC671E 0%, #E6C75F 100%);
    width: 100px;
}

.whySect h2 {
    font-size: 44px;
    color: #1e2b38;
    font-family: "GellixMedium";
    margin: 50px 0 25px 0;
}

.whylist {
    display: flex;
    margin-bottom: 20px;
}

.whylistImg {
    width: 55px;
    display: inline-block;
    margin: 5px 10px 0 0;
}

.whylistImg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.whylistContent {
    font-size: 16px;
    color: #5c6a79;
    font-family: "GellixRegular";
    width: 72%;
    padding-top: 14px;
}

.whylistContent h6 {
    font-size: 22px;
    color: #1e2b38;
    font-family: "GellixRegular";
    margin-bottom: 0;
}

.whylistContent p {
    margin-bottom: 0;
    font-size: 16px;
    color: #5c6a79;
    font-family: "GellixRegular";
}

.whySect .gradientBtn {
    margin-top: 15px;
}

.gradientBtn {
    min-width: 200px;
    height: 55px;
    background: transparent linear-gradient(90deg, #ec671e 0%, #e6c75f 100%);
    display: inline-block;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding: 15px 0;
    /* font-family: "GellixMedium"; */
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.gradientBtn .arrow {
    background: #fff;
    height: 2px;
    width: 32px;
    margin: 0 auto;
    position: relative;
    cursor: pointer;
    display: inline-block;
    left: 5px;
    top: -4px;
    transition: all 0.5s ease-in-out;
}

.gradientBtn:hover,
.gradientBtn:focus {
    color: #fff;
}

.gradientBtn:hover .arrow,
.gradientBtn:focus .arrow {
    transition: all 0.5s ease-in-out;
    left: 15px;
}

.gradientBtn .arrow::before,
.gradientBtn .arrow::after {
    content: "";
    background: #fff;
    position: absolute;
    height: 11px;
    width: 2px;
}

.gradientBtn .arrow::before {
    right: 3px;
    bottom: -1px;
    transform: rotate(-45deg);
}

.gradientBtn .arrow::after {
    right: 4px;
    top: -1px;
    transform: rotate(45deg);
}

.whyImgBox {
    text-align: center;
    width: 100%;
    height: 477px;
}

.whyImgBox {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.whyImgBox.right {
    width: 690px;
    height: 541px;
    object-fit: cover;
}

.whyImgBox.right img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.downloadApp {
    background: transparent linear-gradient(90deg, #ec671e 0%, #e6c75f 100%);
    height: 489px;
    margin: 19px 0 0 0;
}

.downloadApp .mobileAppBox {
    height: 540px;
    width: 440px;
    position: relative;
    top: -86px;
}
section.section-trusted.ourServices.wh.asds {
    background: #fff;
}
.downloadApp .mobileAppBox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.downloadApp .downloadApp-right {
    padding-left: 6%;
}

.downloadApp h2 {
    font-size: 50px;
    color: #fff;
    font-family: "GellixSemiBold";
    font-weight: normal;
    margin: 105px 0 0 0;
}

.downloadApp h3 {
    font-size: 30px;
    color: #fff;
    font-family: "GellixRegular";
}

.downloadApp form {
    width: 560px;
    background: #fff;
    border-radius: 50px;
    height: 60px;
    padding: 5px;
    margin: 30px 0 40px;
}

.downloadApp form .gpInput {
    border: 0;
    height: 100%;
    border-radius: 50px;
    padding: 0 0 0 20px;
    font-size: 15px;
    color: #6e7a86;
    width: 75%;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.downloadApp form .gpBtn {
    background: transparent linear-gradient(90deg, #ec671e 0%, #e6c75f 100%);
    width: 113px;
    border: 0;
    height: 100%;
    border-radius: 50px;
    float: right;
    font-size: 18px;
    color: #fff;
    font-family: "GellixMedium";
    transition: all 0.5s ease-in-out;
}

.downloadApp form .gpBtn:hover,
.downloadApp form .gpBtn:focus {
    background: transparent linear-gradient(90deg, #ec671e 0%, #e6c75f 150%);
    transition: all 0.5s ease-in-out;
}

.downloadApp .appLinks {}

.downloadApp .appLinks img {
    margin-right: 10px;
}

.downloadApp.whiteSect {
    background: #F7F8F8;
    margin: 0;
    height: auto;
}

.downloadApp.whiteSect .mobileAppBox {
    height: 489px;
    width: 403px;
    position: relative;
    top: 0;
    margin: 0 auto;
}

.downloadApp.whiteSect h2 {
    font-size: 50px;
    color: #1E2B38;
    font-family: "GellixRegular";
    font-weight: normal;
    margin: 105px 0 0 0;
}

.downloadApp.whiteSect h3 {
    font-size: 30px;
    color: #1E2B38;
    font-family: "GellixRegular";
    margin-top: 4px;
}

.downloadApp.whiteSect form {
    width: 560px;
    background: #fff;
    border-radius: 50px;
    height: 60px;
    padding: 5px;
    margin: 30px 0 40px;
    background: #FFFFFF;
    box-shadow: 0px 3px 36px #0000000D;
}

.downloadApp.whiteSect form .gpBtn {
    background: #EC671E;
    width: 113px;
    border: 0;
    height: 100%;
    border-radius: 50px;
    float: right;
    font-size: 18px;
    color: #fff;
    font-family: "GellixMedium";
    transition: all 0.5s ease-in-out;
}

.downloadApp.whiteSect {
    display: none;
}

.downloadApp.orangeApp.org {
    display: none;
}

.services-layout .downloadApp.orangeApp {
    display: none;
}

.services-layout .downloadApp.whiteSect {
    display: block;
}

.subcategories-layout .downloadApp.orangeApp {
    display: none;
}

.subcategories-layout .downloadApp.whiteSect {
    display: block;
}

.categories-layout .downloadApp.orangeApp {
    display: none;
}

.categories-layout .downloadApp.whiteSect {
    display: none;
}

.categories-layout .downloadApp.orangeApp.org {
    display: block;
    background: #F7F8F8;
}

.downloadApp.orangeApp.org h2 {
    font-size: 50px;
    color: #1E2B38;
    font-family: "GellixRegular";
    font-weight: normal;
    margin: 105px 0 0 0;
}

.downloadApp.orangeApp.org h3 {
    font-size: 30px;
    color: #1E2B38;
    font-family: "GellixRegular";
    margin-top: 4px;
}

.downloadApp.orangeApp.org form .gpBtn {
    background: #EC671E;
    width: 113px;
    border: 0;
    height: 100%;
    border-radius: 50px;
    float: right;
    font-size: 18px;
    color: #fff;
    font-family: "GellixMedium";
    transition: all 0.5s ease-in-out;
}

.site-footer {
    padding: 94px 0 0 0;
    background-color: rgba(247, 248, 248, 1);
}

.section-similarJobs .owl-carousel .owl-stage-outer {
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 -15px;
}

.site-footer .footerlogo {
    margin-bottom: 10px;
}

.site-footer p {
    font-size: 17px;
    color: #6e7a86;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}

.site-footer h3 {
    font-size: 20px;
    color: #1e2b38;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    margin-bottom: 31px;
    margin-top: 16px;
}

.site-footer ul {
    margin: 0;
    padding: 0;
}

.site-footer ul li {
    list-style: none;
}

.site-footer ul li a {
    font-size: 16px;
    color: #6e7a86;
    padding: 5px 0;
    display: inline-block;
    transition: all 0.5s ease-in-out;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.site-footer ul li a:hover,
.site-footer ul li a:focus,
.site-footer ul li a.active,
.site-footer ul li.active a {
    transition: all 0.5s ease-in-out;
    color: #ec671e;
}

.site-footer .ContactInfo p {
    font-size: 16px;
    color: #6e7a86;
    display: flex;
}

.site-footer ul.social li {
    display: inline-block;
}

.site-footer ul.social {
    margin-top: 28px;
}

.site-footer ul.social li a {
    font-size: 16px;
    margin-right: 5px;
    display: inline-block;
    background: #f4f2f0;
    height: 35px;
    width: 35px;
    text-align: center;
    border-radius: 50%;
    padding: 6px 0 0 0;
}

.site-footer .footerCategory {
    margin: 35px 0 45px;
}

.site-footer .footerCategory ul {
    display: inline-block;
}

.site-footer .footerCategory ul li {
    display: inline-block;
    list-style: none;
    margin-right: 15px;
}

.site-footer .footerCategory .viewallCat {
    float: right;
    font-size: 14px;
    color: #6e7a86;
    position: relative;
    padding: 0 0 0 40px;
    transition: all 0.5s ease-in-out;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.site-footer .footerCategory .viewallCat:hover,
.site-footer .footerCategory .viewallCat:focus {
    transition: all 0.5s ease-in-out;
    color: #ec671e;
}

.site-footer .footerCategory .viewallCat::before {
    content: "";
    background: #6e7a86;
    width: 30px;
    height: 1px;
    position: absolute;
    left: 0;
    top: 11px;
}

.site-footer .footerBtm {
    border-top: 1px solid #6e7a86;
    font-size: 14px;
    color: #6e7a86;
    padding: 10px 0;
}

.site-footer .footerBtm .copyrightContent {
    padding-top: 10px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.site-footer .footerBtm a {
    color: #6e7a86;
}

.site-footer .footerBtm a:hover,
.site-footer .footerBtm a:focus {
    transition: all 0.5s ease-in-out;
    color: #ec671e;
}

.site-footer .footerBtm select {
    background: url(../images/blackdroparrow.png) no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    font-size: 14px;
    color: #6e7a86;
    background-size: 13px 16px;
    background-position: center right;
    padding: 0 12px;
    cursor: pointer;
    margin-left: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.site-footer ul.footlink {
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
    margin-right: 10px;
}

.site-footer ul.footlink li {
    display: inline-block;
    margin: 0 20px 0 0;
}

.site-footer ul.footlink li a {
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.col-lg-3.col-md-3.col-sm-6.menus-ispace {
    padding-left: 74px;
}

.col-lg-3.col-md-3.col-sm-6.ContactInfo {
    padding-left: 65px;
}

.site-footer .ContactInfo p i {
    position: relative;
    top: 5px;
    margin-right: 6px;
    color: #A8B0B9;
    font-size: 18px;
}

.innnerbanner {
    width: 100%;
    height: 400px;
    position: relative;
    z-index: -1;
}

.innnerbanner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.innnerOverlay {
    content: "";
    background: transparent linear-gradient(180deg, #000000c7 0%, #6a6a6a33 100%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.ourServicesBox {
    background: #e6e6e6;
    border-radius: 0px 0px 10px 10px;
    opacity: 1;
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
    padding: 50px 70px;
    margin: -104px 0 0 0;
    border-radius: 10px;
}

.ourServicesBox.strive {
    background: #f1f1f1b3;
    border-radius: 0px 0px 10px 10px;
    opacity: 1;
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(50px);
    padding: 69px 74px;
    margin: -128px 0 0 0;
    border-radius: 10px;
}

.ourServices.bookNPage.newer .div-require.model-div {
    padding: 0 10% 0 0;
}

.ourServices.bookNPage.newer .panel-default {
    border-color: transparent;
    border: 0;
}

.ourServices.bookNPage.newer .panel-body {
    border-top: 0 !important;
}

.ourServices.bookNPage.newer .div-person-form.wrapper {
    padding: 50px 0 30px 0;
}

.ourServices.bookNPage.newer .div-personel {
    width: 90%;
}

.ourServices.bookNPage.newer .number-fields.select-slot.paymint input {
    width: 360px;
    padding-left: 12px;
}

.ourServices.bookNPage.newer .book-provider-div {
    text-align: center;
    height: 68px;
    padding-top: 3px;
    border-radius: 5px;
    background: #f4f2f0;
    margin-top: 17px;
    width: 100%;
    background: transparent linear-gradient(90deg, #EC671E 0%, #E6C75F 100%);
    color: #fff;
    border: 0;
    font-size: 18px;
    text-transform: uppercase;
}

.ourServices.bookNPage.newer .ord-text {
    padding: 0px 0 0 20px;
}

.ourServices.bookNPage.newer .order-review-div h3 {
    font-size: 24px;
    color: #1e2b38;
    font-family: "GellixRegular";
    margin: 0 0 5px 0;
    padding: 0;
}

.ourServices.bookNPage.newer .order-review-div h4.total {
    margin: 24px 0 9px 0;
}

.ourServices.bookNPage.newer .order-review-div h5 span {
    color: #444d57;
    font-size: 17px;
    font-family: "GellixRegular";
    margin-left: 6px;
}

.ourServices.bookNPage.newer .order-review-div h5 {
    color: #1e2b38;
    font-size: 19px;
    font-family: "GellixRegular";
}

.ourServices.bookNPage.newer .div-login.personel {
    padding: 50px 40px 0 2px;
}

.ourServices.bookNPage.newer .order-review-div h4 {
    font-size: 19px;
    color: #1e2b38;
    font-family: "GellixRegular";
    margin: 0;
    margin-right: 18px;
}

.ourServices.bookNPage.newer .row-order2 {
    padding: 17px 20px;
    background: #f7f8f8;
    border-radius: 10px;
    margin-top: 35px;
    margin-bottom: 29px;
}

.ourServices.bookNPage.newer .panel-body {
    padding: 0;
}

.ourServices.bookNPage.newer .book-provider-div.active {
    background: transparent linear-gradient(90deg, #EC671E 0%, #E6C75F 100%);
    border-radius: 5px;
}

.ourServices.bookNPage.newer .book-provider-div.active h4 {
    color: #fff;
}

.ourServices.bookNPage.newer .div-personel-info {
    background: #f7f8f8;
    padding: 52px 35px 48px 26px;
    width: 400px;
    margin: 0;
}

.ourServices.bookNPage.newer .div-personel #accordion h4 a {
    display: inline-block;
    background: #F7F8F8;
    padding: 19px 24px 18px 24px;
    font-size: 23px;
    color: #1e2b38 !important;
    font-family: "GellixMedium";
    width: 100%;
    border-radius: 3px;
}

.ourServices.bookNPage.newer .div-personel #accordion h4 a[aria-expanded="true"] {
    background: #F7F2ED;
    border: 0;
}

.ourServices.bookNPage.newer .div-require h3 {
    margin-bottom: 0;
    font-size: 26px;
    font-family: "GellixMedium";
}

.ourServices.bookNPage.newer .div-check {
    margin-top: 25px;
    padding: 25px 20px 6px 20px;
    border: 1px solid #d5d5d5;
    box-shadow: none;
    border-radius: 4px;
}

.ourServices.bookNPage.newer .div-check.checked {
    margin-top: 25px;
    padding: 25px 20px 6px 20px;
    border: 0;
    box-shadow: 0px 0px 13px 6px #eee;
    border-radius: 4px;
}


/* .ourServices.bookNPage.newer .continue-btn {
	display: inline-block;
	width: 100%;
	height: 62px;
	text-align: center;
	font-size: 18px;
	font-family: "GellixSemiBold";
	color: #fff !important;
	margin-top: 25px;
	background: #253f58;
	border-radius: 5px;
	padding: 19px 0 0 0;
} */

.ourServices.bookNPage.newer .continue-btn {
    display: inline-block;
    width: 98%;
    height: 62px;
    text-align: center;
    font-size: 18px;
    font-family: "GellixSemiBold";
    color: #fff !important;
    margin-top: 20px;
    background: #253f58;
    border-radius: 5px;
    padding: 1px 0 0 0;
    border: 0;
    margin-left: 12px;
}

.ourServices.bookNPage.newer .div-professional span {
    font-size: 17px;
    color: #444d57;
    font-family: "GellixRegular";
    display: inline-block;
    margin-bottom: 0;
    margin-left: 5px;
}

.ourServices.bookNPage.newer .div-professional h3 span {
    color: #ec671e;
    font-size: 25px;
    font-family: "GellixBold";
    display: inline-block;
    margin: 0 0 0 6px;
}

.ourServices.bookNPage.newer .div-professional h3 {
    font-size: 24px;
    font-family: "GellixRegular";
    color: #1e2b38;
    display: block;
    margin: 12px 0 25px 0;
}

.ourServices.bookNPage.newer {
    padding: 0 0 150px 0;
}

.ourServices.bookNPage.newer .check-Make label {
    color: #45617C;
    font-size: 18px;
    /* margin-left: 12px;    */
    position: relative;
    top: 0;
}

.ourServices.bookNPage.newer .ourServicesBox.strive {
    background: var(--white);
    background: #FFFFFF;
    border-radius: 10px;
    opacity: 1;
    box-shadow: 0px 3px 46px #3131311c;
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    background-color: rgba(255, 255, 255, 0.6);
}

.ourServices.bookNPage.newer .div-login {
    padding: 50px 40px 110px 2px;
}

.ourServices.bookNPage.newer .container {
    /* max-width: 1440px;
    width: 1440px; */
}

.ourServices.bookNPage.newer .div-enter-num h4 {
    font-size: 16px;
    color: #444d57;
    font-family: "GellixMedium";
    margin-top: 160px;
    position: absolute;
    bottom: 9%;
}

.ourServices.bookNPage.newer.coded .div-enter-num h2 {
    font-size: 28px;
    color: #1e2b38d1;
    font-family: "GellixMedium";
    line-height: 34px;
    margin-bottom: 88px;
}

.ourServices.bookNPage.newer.coded .div-enter-num h4 {
    font-size: 16px;
    color: #444d57;
    font-family: "GellixMedium";
    margin-top: 160px;
    position: absolute;
    bottom: 6%;
}

.ourServices.bookNPage.newer .div-login.orange {
    padding: 84px 56px 27px 56px;
    background: #e56c2b url("../images/bg-orange.png");
    background-repeat: no-repeat;
    border-radius: 15px 0px 0 15px;
    background-size: 106% 100%;
    height: 100%;
    padding: 95px 0 35px 60px !important;
}

.ourServices.bookNPage.newer .number-fields select {
    width: 136px;
    background-position: top 54% right 9%;
}

.ourServices.bookNPage.newer .select-slot .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 134px;
    border-right: 0;
    padding-right: 3px;
}

.ourServices.bookNPage.newer .number-fields.select-slot input {
    width: 315px;
    padding-left: 12px;
}

.ourServices.bookNPage.newer .number-fields {
    background: #ffffff;
    box-shadow: none;
    border-radius: 10px;
    display: flex;
    width: max-content;
    padding: 8px 8px 8px 10px;
    margin: 68px 0 0 0;
    background: #FFFFFF;
    box-shadow: none;
    border-radius: 10px;
}

.ourServices.bookNPage.newer .number-fields.bShadow {
    box-shadow: 0px 2px 25px #40376F1A;
}

.ourServices.bookNPage.newer .uploadImDoc input {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
}

.ourServices.bookNPage.newer.ord .orderHeading {
    padding: 23px 10px 27px 10px;
    text-align: center;
    background: transparent linear-gradient(90deg, #EC671E 0%, #E6C75F 100%);
    border-radius: 5px 5px 0px 0px;
}

.ourServices.bookNPage.newer.ord .div-congo {
    padding: 103px 0 121px 0;
    background: url("../images/left-sh.png"), url("../images/right-sh.png");
    background-repeat: no-repeat;
    background-position: bottom left, bottom right;
    background-size: 203px 176px;
    text-align: center;
    box-shadow: 0px 0px 50px #0000000D;
}

.ourServices.bookNPage.newer.ord .container.cong {
    margin-top: -213px;
}

.ourServices.bookNPage.newer.ord .container.cong .divWhiteOrd {
    background: #fff;
    border-radius: 5px 5px 0px 0px;
}

.ourServices.bookNPage.newer.ord .orderHeading h3 {
    color: #fff;
    font-size: 25px;
    font-family: "GellixRegular";
    font-weight: 400;
    margin: 0;
}

.uploadImDoc {
    width: 81px;
    height: 67px;
    border-radius: 5px;
    overflow: hidden;
    margin-left: 1px;
    position: relative;
}

.uploadImDoc img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.ourServices.bookNPage.newer .textAreaExtern {
    padding: 12px 17px;
    color: #45617C;
    font-size: 17px;
    resize: none;
    margin-top: 24px;
    height: 140px;
    margin-bottom: 36px;
}

.ourServices.bookNPage .ourServicesBox.strive {
    background: #ffffffd1;
    border-radius: 0px 0px 10px 10px;
    opacity: 1;
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(50px);
    padding: 50px 74px 69px 40px;
    margin: -159px 0 0 0;
    border-radius: 10px;
}

.ourServicesBox h2 {
    font-size: 40px;
    color: #1e2b38;
    font-family: "GellixBold";
    font-weight: normal;
}

.ourServicesBox .breadcrumb {
    background: transparent;
    text-align: center;
    display: block;
    text-align: right;
}

.ourServicesBox .breadcrumb li {
    display: inline-block;
    font-size: 19px;
    color: #444d57;
    font-family: "GellixRegular";
}

.div-search-all input::placeholder {
    opacity: 1;
}

.ourServicesBox .breadcrumb li a {
    color: #444D57;
    font-family: "GellixRegular";
}

.sel-d {
    background: #fff;
    display: inline-block;
    border-radius: 5px;
    margin: 45px 0 0 0;
}

.ourServicesBox select {
    background: #fff;
    border: 1px solid #EDEDED;
    border-radius: 5px;
    width: 184px;
    height: 60px;
    text-align: left;
    background: url(../images/ch-dw.png) no-repeat;
    background-size: 15px 12px;
    background-position: top 53% right 26px;
    padding: 0px 0 0 30px;
}

.div-search-all {
    position: relative;
    margin: 47px 0 0 0;
}

.div-search-all input {
    background: #FFFFFF;
    border: 1px solid #EDEDED;
    border-radius: 30px;
    width: 400px;
    height: 55px;
    font-size: 17px;
    color: #7D8389;
    padding: 0px 45px 0 25px;
}

.div-search-all button {
    border: 0;
    padding: 0;
    font-size: 14px;
    color: #7D8389;
    position: absolute;
    top: 17px;
    right: 28px;
    background: transparent;
}

.servicelistBox {
    background: #fff;
    box-shadow: 0px 3px 23px #4367790f;
    border-radius: 10px;
    min-height: 100px;
    display: flex;
    padding: 15px;
    margin-top: 45px;
    position: relative;
}

.servicelistBox:hover {
    border-radius: 0px 10px 10px 0px;
}

.servicelistBox:hover::after {
    content: "";
    background: transparent linear-gradient(0deg, #EC671E 0%, #E6C75F 100%);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 4px;
    border-radius: 2px;
}

.servicelistBox a {
    display: flex;
}


/*Rj Css start here*/

.section-category-list {
    height: 400px;
    background: url(../images/category-bn.jpg), linear-gradient(180deg, #000000c7 0%, #6a6a6a33 100%);
    background-size: cover;
    padding: 174px 0 0 0;
    background-position: top 75% center;
    background-blend-mode: overlay;
}

.section-category-list.sofa {
    height: 400px;
    background: url(../images/sofa.png), rgba(0, 0, 0, 0.1);
    background-size: cover;
    padding: 174px 0 0 0;
    background-position: top 75% center;
    background-blend-mode: overlay;
}

.c-menu {
    list-style: none;
    margin: 0 auto 0 0;
    padding: 0;
}

.c-menu li {
    display: inline-block;
}

.c-menu li a {
    font-size: 19px;
    color: #ffffffc1;
    font-family: "GellixMedium";
}

.c-menu li a.active {
    color: #fff;
    font-family: "GellixSemiBold";
}

.section-choose .div-choose {
    background: #ffffffba;
    box-shadow: 0px 10px 20px #0303050f;
    border-radius: 10px;
    opacity: 1;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    padding: 60px 160px 240px 160px;
    margin-top: -11%;
    position: relative;
    
}

.section-choose .div-choose.exactSize {
    padding: 60px 160px 165px 160px;
}

.section-choose .div-choose.brows {
    padding: 0;
    box-shadow: 0dp 10dp 20dp #0303050f;
    border-radius: 0dp 0dp 10dp 10dp;
    opacity: 1;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(40px);
    background: #ffffff05;
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    background-color: rgb(249 249 249 / 60%);
}

.section-choose .div-choose.brows::after {
    display: none;
}

.div-renovate {
    padding: 60px 51px 60px 51px;
    border-radius: 10px;
}

.section-choose .div-choose.brows h1 {
    font-size: 40px;
    font-family: "GellixBold";
}

.section-choose .div-choose.brows::before {
    display: none;
}

.div-choose.brows .c-menu li a {
    font-size: 19px;
    color: #444d57;
    font-family: "GellixRegular";
}

.div-choose.brows .c-menu {
    list-style: none;
    margin: 11px auto 0 0;
    padding: 0;
}

.renovators-select {
    display: flex;
    margin-bottom: 30px;
}

.renovators-select .sel-cat {
    height: 45px;
    width: 145px;
    font-size: 17px;
    color: #444d57;
    font-family: "GellixSemiBold";
    background: url(../images/ch-dw.png) no-repeat;
    background-size: 15px 12px;
    border: 1px solid #ededed;
    border-radius: 5px;
    margin-right: 15px;
    background-position: top 50% right 10px;
    padding: 10px;
    text-align: center;
}

.renovators-select .sel-country select {
    height: 45px;
    width: auto;
    font-size: 17px;
    color: #444d57;
    font-family: "GellixSemiBold";
    position: relative;
    background-image: url(../images/ch-dw.png) no-repeat;
    background-size: 15px 12px;
    border: 1px solid #ededed;
    border-radius: 5px;
    margin-right: 15px;
    background-position: top 53% right 10px;
    padding-left: 29px;
    padding-right: 0;
    background-color: #fff;
}
div#provider-detail {
    margin-bottom: 27px;
}
.renovators-select .sel-reno img {
    position: absolute;
    z-index: 1;
    height: 22px;
    width: auto;
    top: 13px;
    left: 5px;
}

.renovators-select input {
    width: 490px;
    height: 45px;
    font-size: 15px;
    font-family: "GellixRegular";
    color: #7d8389;
    position: relative;
    background: #ffffff;
    border: 1px solid #ededed;
    border-radius: 5px;
    padding: 0 0 0 32px;
}

.renovators-select input::placeholder {
    opacity: 1;
}

.renovators-select .sel-country {
    position: relative;
}

.renovators-select .sel-reno {
    position: relative;
}

.renovators-select .sel-country i {
    position: absolute;
    left: 14px;
    top: 18px;
    font-size: 12px;
    z-index: 1;
}

.div-renovators {
    background: #fff;
    padding: 10px 51px 60px 51px;
    position: relative;
    z-index: 1;
}

.section-choose .div-choose::before {
    content: "";
    position: absolute;
    background: #fff;
    height: 39%;
    width: 100%;
    z-index: 0;
    left: 0;
    right: 0;
    top: 0;
    display: none;
}

.section-choose .div-choose::after {
    content: "";
    background: url(../images/left.png), url(../images/right.png);
    background-position-x: 0%, 0%;
    background-position-y: 0%, 0%;
    /* background-repeat: repeat, repeat; */
    /* background-size: auto, auto; */
    background-repeat: no-repeat;
    background-position: bottom left, bottom right;
    background-size: 263px 183px, 221px 181px;
    width: 100%;
    height: 35%;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
}

.services-layout .section-choose .div-choose::after {
    display: none;
}

.plumbing-search .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    padding: 21px 3px;
    height: auto;
    text-align: left;
}

.div-multi {
    background: url(../images/left.png), url(../images/right.png);
    background-repeat: no-repeat;
    background-position: bottom left, bottom right;
    background-size: 263px 183px, 221px 181px;
}

.list-choose {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}

.list-choose li {
    display: inline-block;
    text-align: center;
    width: 33%;
}

.list-choose li a {
    color: #ec671e !important;
    display: block;
    height: 38px;
    width: 38px;
    background: var(--white);
    background: #ffffff;
    border-radius: 50%;
    border: 1px solid #eee;
    padding: 6px 0 0 0;
    margin: 0 auto;
    position: relative;
}

.list-choose li a.active {
    border: 1px solid #ffffff0a;
    background: #ffffff2e;
}

.list-choose li a::after {
    content: "";
    border-bottom: 1px dashed #c1c5c9;
    display: block;
    width: 270px;
    position: absolute;
    left: 55px;
    top: 49%;
}

.list-choose li:last-child a::after {
    display: none !important;
}

.list-choose li h3 {
    font-weight: 600;
    font-size: 20px;
    color: #1e2b38;
    font-family: "GellixSemiBold";
}

.list-choose li h4 {
    color: #444d57;
    font-weight: 400;
    font-size: 17px;
    line-height: 23px;
    font-family: "GellixRegular";
}

.div-choose h2 {
    font-size: 33px;
    color: #1e2b38;
    font-family: "GellixBold";
    font-weight: 700;
    text-align: center;
    margin: 55px 0 30px 0;
}


/* .plumbing-search {
    background: var(--white);
    background: #ffffff;
    box-shadow: 0px 3px 30px #3b3c4b1a;
    border: 1px dashed #c9c9c9;
    border-radius: 5px;
    width: max-content;
    margin: 0 auto;
} */

.plumbing-search {
    border: 0;
    width: max-content;
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: 0px 3px 30px #3B3C4B1A;
    border-radius: 5px;
    height: 70px;
    padding-top: 0;
    position: relative;
    z-index: 2;
}

.plumbing-search.plum {
    border: 0;
    width: max-content;
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: 0px 3px 30px #3B3C4B1A;
    border-radius: 5px;
    height: 70px;
    padding-top: 0;
}

.plumbing-search select.select1 {
    width: 90px;
    font-family: "GellixSemiBold";
    color: #ec671e;
}

.plumbing-search select.select2 {
    width: 250px;
    font-family: "GellixSemiBold";
}

.plumbing-search select {
    border: 0;
}

.plumbing-search .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 42px;
    position: absolute;
    top: 12px;
    right: 24px;
    width: 20px;
}

.section-choose .plumbing-search .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 42px;
    position: absolute;
    top: 12px;
    right: 6px;
    width: 20px;
    /* display: none; */
}

.selOne {
    position: relative;
}

.selOne::after {
    content: "";
    position: absolute;
    right: 0;
    border-right: 2px solid #ddd;
    height: 52px;
    display: inline-block;
    top: 0;
    bottom: 0;
    margin: auto;
}

.selTwo .select2.select2-container {
    width: 522px !important;
    height: 60px;
    padding-top: 9px;
}

.select2-selection.select2-selection--single {
    width: 250px;
    border: 0 !important;
}

.selOne .select2.select2-container {
    width: 147px !important;
    height: 60px;
    padding-top: 9px;
}

.selOne .select2-selection.select2-selection--single {
    border: 0;
}

.selOne.oned .select2-selection.select2-selection--single[aria-expanded="false"] .select2-selection__rendered {
    color: #EC671E;
    padding-right: 40px;
}

/* .plumbing-search .select2-container--default .select2-selection--single .select2-selection__arrow::after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 11px;
    position: absolute;
    top: 13px;
    transition: all 0.3s ease;
} */

/* .select2-container--open.select2-container--default .select2-selection--single .select2-selection__arrow::after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 11px;
    position: absolute;
    top: 13px;
    transform: rotate(180deg);
    transition: all 0.3s ease;
} */

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    border: 0 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:before {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 0 !important;
    height: 14px;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 14px;
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px !important;
}

.section-help .div-helped {
    background: transparent linear-gradient(90deg, #ec671e 0%, #e6c75f 100%);
    padding: 43px 70px 30px 70px;
    border-radius: 10px;
    margin-top: 70px;
}

.div-helped .con-tact {
    display: flex;
    width: max-content;
    margin: 0 0 0 auto;
}

.section-help .div-helped h2 {
    font-size: 30px;
    color: #fff;
    font-family: "GellixBold";
    text-align: left;
}

.section-help .div-helped p {
    font-family: "GellixRegular";
    font-size: 19px;
    color: #ffffff;
}

.section-help .div-helped i {
    font-size: 44px;
    color: #fff;
    transform: rotate(90deg);
    margin-top: 20px;
    margin-right: 20px;
}

#other-category.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: unset;
    -webkit-transform: translate3d(0px, 0, 0);
}

#other-category.owl-carousel .owl-item {
    opacity: 0.66;
}

#other-category.owl-carousel .owl-item.active {
    opacity: 1;
}

.slider-div {
    height: 215px;
    width: 100%;
    border-radius: 5px;
}

.slider-div img {
    height: 100%;
    width: 100%;
    border-radius: 5px;
    object-fit: cover;
}


/* .section-other-category .container {
    max-width: 1400px;
} */

.section-other-category {
    padding: 19px 0 70px 0;
    overflow: hidden;
}

.asds .div-trust {
    box-shadow: 0px 3px 30px #0000000a;
    background: #fff;
}

.asds .div-trust:hover {
    background: #ec671e;
}

.section-other-category h1 {
    font-size: 40px;
    color: #1e2b38;
    font-family: "GellixBold";
    margin-bottom: 30px;
}

.slide-text {
    width: 227px;
    height: 60px;
    text-align: center;
    display: block;
    position: relative;
    bottom: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
    background: #ffffff;
    border-radius: 4px;
    padding: 0;
    margin-top: -34px;
    transition: all 0.4s ease;
    z-index: 2;
    color: #444D57;
    line-height: 60px;
}

.slide-text:hover {
    box-shadow: 0px 3px 36px #2a303e22;
}

.owl-carousel .owl-item .slide-text img {
    width: 22px;
    opacity: 1;
    filter: brightness(45%) grayscale(100%);
}

span.hoverarrow {
    position: relative;
    width: 0;
    height: 12px;
    position: absolute;
    right: 29px;
    top: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
}

.slide-text:hover span.hoverarrow {
    width: 22px;
}

.slide-text i {
    display: none;
    transition: all 0.4s ease;
    margin-left: 0px;
}

.slide-text:hover i {
    margin-left: 30px;
    display: inline-block;
    transition: all 0.4s ease;
}

#other-category.owl-theme .owl-dots .owl-dot span {
    width: 100px !important;
    height: 3px !important;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 0px !important;
}

#other-category.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: transparent linear-gradient(90deg, var(--unnamed-color-ec671e) 0%, #e6c75f 100%) !important;
    background: transparent linear-gradient(90deg, #ec671e 0%, #e6c75f 100%) !important;
}

#other-category.owl-theme .owl-controls {
    margin-top: 35px;
    text-align: left;
    -webkit-tap-highlight-color: transparent;
}

.section-looking {
    background: #ffffff;
    padding: 70px 0 100px 0;
    margin-bottom: 15px;
}

.subcategories-layout .section-looking {
    background: #F7F8F8;
    padding: 79px 0 118px 0;
    margin-bottom: 15px;
}

.div-lk-img {
    position: relative;
    width: 320px;
    height: 560px;
    border-radius: 10px;
}

.div-lk-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.div-lk2 {
    position: absolute;
    width: 320px;
    height: 560px;
    left: 49%;
    top: 7%;
    box-shadow: -20px 6px 46px #00000024;
    border-radius: 10px;
}

.div-lk2 img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.img-looking {
    position: relative;
}

.looking-text h1 {
    font-size: 40px;
    color: #1e2b38;
    font-family: "GellixBold";
}

.looking-text h3 {
    font-size: 20px;
    color: #6e7a86;
    font-weight: 400;
    font-family: "GellixRegular";
    margin: 68px 0 0 0;
}

.looking-text h2 {
    font-size: 31px;
    color: #1e2b38;
    font-family: "GellixSemiBold";
    margin: 68px 0 0 0;
}

.looking-text ul {
    list-style: none;
    margin: 8px 0 58px 0;
    padding: 0;
}

.looking-text ul li img {
    height: 20px;
    width: auto;
    position: relative;
    top: -3px;
    margin-right: 3px;
}

.looking-text ul li {
    display: inline-block;
    font-weight: 500;
    font-size: 17px;
    color: #444d57;
    margin-right: 14px;
}

.looking-text {
    padding: 54px 0 0 20.5%;
}

.looking-text ul li:last-child {
    margin-right: 0px;
}

.section-popular-provider {
    background: #f7f8f8;
    padding: 80px 0 80px 0;
}

.section-popular-provider h1 {
    font-size: 40px;
    color: #1e2b38;
    font-family: "GellixBold";
    margin: 0 0 55px 0;
}

.section-popular-provider a.explore {
    font-size: 18px;
    color: #1e2b38;
    font-family: "GellixMedium";
    position: relative;
}

.section-popular-provider a.explore::before {
    content: "";
    color: #1e2b38;
    border-bottom: 2px solid #444d57;
    position: absolute;
    left: -53px;
    display: block;
    width: 42px;
    top: 11px;
}

.div-provider-card {
    background: #ffffff;
    box-shadow: 0px 6px 15px #10112205;
    border-radius: 5px;
    width: 100%;
    padding: 20px 34px 28px 34px;
    text-align: center;
}

.div-provider-card .providerImg {
    height: 136px;
    width: 136px;
    border-radius: 50%;
    margin: 0 auto 12px auto;
}

.div-provider-card .providerImg img {
    width: 100%;
    border-radius: 50%;
    height: 100%;
    object-fit: cover;
}

.flex.pl-flex {
    display: flex;
}

.pl-flex div {
    background: #ffffff;
    box-shadow: 0px 3px 10px #313a5714;
    border-radius: 3px;
    margin-right: 20px;
    padding: 12px 0 11px 0;
    text-align: center;
    width: 50%;
}

.pl-flex div:last-child {
    margin-right: 0px;
}

.div-provider-card h3 {
    font-size: 23px;
    color: #1e2b38;
    font-family: "GellixBold";
}

.div-provider-card h4 {
    font-size: 18px;
    color: #444d57;
    font-family: "GellixMedium";
    margin: 0 0 35px 0;
}

.div-provider-card h5 {
    font-size: 16px;
    color: #ec671e;
    font-family: "GellixSemiBold";
}

.div-provider-card h6 {
    font-size: 14px;
    color: #444d57;
    font-family: "GellixMedium";
}

.div-provider-card a.book-btn {
    background: #f7f8f8;
    border: 1px solid #efefef;
    border-radius: 5px;
    font-size: 14px;
    color: #1e2b38 !important;
    font-family: "GellixSemiBold";
    padding: 11px 0 11px 0;
    width: 100%;
    display: inline-block;
    margin: 17px 0 0 0;
    transition: all 0.3s ease;
}

.div-provider-card a.book-btn:hover {
    background: #ec671e;
    border: 1px solid #ec671e;
    color: #fff !important;
    transition: all 0.3s ease;
}

.section-trusted {
    padding: 100px 0 100px 0;
    background: #F7F8F8;
}

.section-trusted.wh {
    padding: 100px 0 100px 0;
    background: #F7F8F8;
}

.categories-layout .section-trusted.wh {
    background: #F7F8F8;
}

.section-help {
    padding: 0 0 70px 0;
}

.section-trusted h1 {
    font-size: 40px;
    color: #1e2b38;
    font-family: "GellixBold";
    margin: 0 0 50px 0;
}
.categories-layout footer.site-footer {
    background: #fff;
}
.div-trust {
    display: flex;
    background: #F7F8F8;
    /* box-shadow: 0px 3px 30px #0000000a; */
    border-radius: 6px;
    padding: 25px 22px;
}

.div-trust.active {
    background: #ec671e;
}

.div-trust:hover {
    background: #ec671e;
    transition: all .3s ease;
}

.input-box ul.parsley-errors-list {
    position: absolute;
    white-space: nowrap;
}

.div-trust .on {
    display: none;
}

.div-trust:hover .on {
    display: block;
    transition: all .3s ease;
}

.div-trust:hover .off {
    display: none;
    transition: all .3s ease;
}

.div-trust div:first-child {
    width: 70px;
}

.div-trust img {
    height: 45px;
    width: 45px;
    margin-right: 15px;
    filter: invert(45%) sepia(89%) saturate(1014%) hue-rotate(346deg) brightness(93%) contrast(99%);
}

.div-trust:hover img {
    height: 45px;
    width: 45px;
    margin-right: 15px;
    filter: brightness(0) invert(1);
}

.div-trust.active h4 {
    color: #fff;
}

.div-trust.active h5 {
    color: #fff;
}

.div-trust:hover h4 {
    color: #fff;
}

.div-trust:hover h5 {
    color: #fff;
}

.div-trust h4 {
    font-size: 21px;
    color: #1e2b38;
    font-family: "GellixSemiBold";
}

.div-trust h5 {
    font-size: 16px;
    color: #444d57;
    font-family: "GellixRegular";
}

.downloadApp.cat {
    background: #f7f8f8;
    margin: 0;
    padding: 2px 0 0px 0;
}

.downloadApp.cat .mobileAppBox {
    height: 476px;
    width: 416px;
    position: relative;
    top: 0;
    margin: -27px 0 0 auto;
}

.downloadApp.cat .mobileAppBox.rt {
    height: 476px;
    width: 416px;
    position: relative;
    top: 0;
    margin: 1px 0 0 auto;
}

.downloadApp.cat .mobileAppBox.all {
    height: 556px;
    width: 557px;
    position: relative;
    top: -43px;
    margin: -27px 0 0 auto;
}

.downloadApp.cat .mobileAppBox img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.downloadApp.cat h3 {
    font-size: 30px;
    color: #1e2b38;
    font-family: "GellixRegular";
}

.downloadApp.cat h2 {
    font-size: 50px;
    color: #1e2b38;
    font-family: "GellixSemiBold";
    font-weight: normal;
    margin: 105px 0 0 0;
}

.downloadApp.cat form .gpBtn {
    background: #ec671e;
    width: 113px;
    border: 0;
    height: 100%;
    border-radius: 50px;
    float: right;
    font-size: 18px;
    color: #fff;
    font-family: "GellixMedium";
    transition: all 0.5s ease-in-out;
}

#other-category .arrow {
    background: transparent linear-gradient(90deg, #ec671e 0%, #e6c75f 100%);
    height: 2px;
    width: 28px;
    margin: 0 auto;
    position: relative;
    cursor: pointer;
    display: inline-block;
    left: 7px;
    top: -4px;
    transition: all 0.5s ease-in-out;
}

#other-category .arrow::before,
#other-category .arrow::after {
    content: "";
    position: absolute;
    height: 11px;
    width: 2px;
    background: transparent linear-gradient(90deg, #ec671e 0%, #e6c75f 100%);
}

#other-category .arrow::before {
    right: 3px;
    bottom: -1px;
    transform: rotate(-45deg);
}

#other-category .arrow::after {
    right: 4px;
    top: -1px;
    transform: rotate(45deg);
}

#other-category.owl-theme .owl-controls .owl-nav [class*="owl-"] {
    color: white;
    font-size: 14px;
    margin: 5px;
    padding: 17px 0 0 6px;
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #ffffff;
    box-shadow: 0px 3px 16px #00000029;
    height: 54px;
    width: 54px;
    border-radius: 50%;

}

#other-category.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover {
    background: #f3f3f3;
    color: white;
    text-decoration: none;
}

#other-category .owl-nav>div {
    position: absolute;
    right: 0%;
    top: 29%;
    height: 54px;
    width: 54px;
    border-radius: 50%;
    /* background: #fff; */
    padding: 17px 11px 0 0;
    background: #FFFFFF;
    box-shadow: 0px 3px 16px #00000029;
    cursor: pointer;
}

#other-category .owl-nav>div.disabled {
    display: none;
}

#other-category .owl-nav>div.owl-prev {
    right: auto;
    left: 0%;
    transform: rotate( 180deg);
    cursor: pointer;
}

.selOne.real .selection {
    width: 147px !important;
    display: inline-flex;
}

.selTwo input {
    border: 0;
    font-size: 18px;
    color: #6e7a86;
    position: relative;
    top: 4px;
    padding: 18px 33px 0 0;
    width: 470px;
}

.selTwo a img {
    height: 23px;
    position: relative;
    right: 25px;
    top: 2px;
}


/*brows providers*/

.user-providers {
    background: #f7f8f8;
    border: 1px solid #f0f0f0;
    padding: 19px 18px 19px 18px;
    width: 100%;
    margin-bottom: 40px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.user-providers:hover {
    background: #ffffff;
    box-shadow: 0px 5px 30px #00000010;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.user-providers.active {
    background: #ffffff;
    box-shadow: 0px 5px 30px #00000010;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.providor-details {
    display: flex;
    margin-bottom: 18px;
}

.providor-img {
    height: 69px;
    width: 69px;
    position: relative;
    border-radius: 50%;
}

.providor-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.providor-img img.flag {
    height: 24px;
    width: 24px;
    object-fit: unset;
    border-radius: unset;
    position: absolute;
    bottom: 0;
    right: 0;
}

.providor-details h3 {
    font-size: 20px;
    color: #1e2b38;
    font-family: "GellixSemiBold";
    margin: 2px 0 4px 0;
}

.providor-details h4 {
    font-size: 17px;
    color: #444d57;
    font-family: "GellixMedium";
}

.providor-ratings {
    display: flex;
}

.providor-ratings div {
    font-size: 17px;
    font-weight: 400;
    color: #444d57;
    font-family: "GellixRegular";
    width: 43%;
    margin-right: 20px;
    padding: 8px 0 11px 0;
    background: #F7F8F8;
    text-align: center;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
}

.user-providers.active .providor-ratings div {
    background: #fff;
}

.user-providers:hover .providor-ratings div {
    background: #fff;
}

.provider-text {
    padding-top: 5px;
    padding-left: 11px;
}

.profession-img {
    height: 204px;
    width: 100%;
}

.profession-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.ul-rate {
    list-style: none;
    margin: 0 0 0 6px;
    padding: 0;
    display: inline-block;
}

.ul-rate li {
    display: inline-block;
    color: goldenrod;
}

.ul-rate li i {
    background: transparent linear-gradient(180deg, #EC671E 0%, #E6C75F 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    -webkit-text-decoration-color: #EC671E !important;
    text-decoration-color: #EC671E !important;
    font-size: 16px;
    margin-right: 0px;
}

.div-professional h3 {
    font-size: 24px;
    font-family: "GellixRegular";
    color: #1e2b38;
    display: block;
    margin: 12px 0 4px 0;
}

.div-professional.proDiv2 h3 {
    font-size: 27px;
    font-family: "GellixRegular";
    color: #1E2B38;
    display: block;
    margin: 13px 0 28px 0;
}

.div-professional.proDiv2 h4 {
    font-size: 25px;
    color: #1E2B38;
    font-family: "GellixRegular";
}

.div-professional span {
    font-size: 17px;
    color: #444d57;
    font-family: "GellixRegular";
    display: block;
    margin-bottom: 22px;
}

.div-professional h4 {
    font-size: 20px;
    font-family: "GellixSemiBold";
    color: #1e2b38;
    display: inline-block;
}

.div-professional h4 span {
    color: #ec671e;
    font-size: 25px;
    font-family: "GellixBold";
    display: inline-block;
    margin: 0 0 0 6px;
}

.div-professional h4 span.currencyStatus {
    margin-left: 0px;
    color: #1e2b38;
}

#pro.pro .owl-next {
    position: absolute;
    top: -5px;
    bottom: 0;
    height: 100%;
    right: -5px;
    width: 114px;
    border-radius: 0 !important;
    background: rgb(0, 0, 0) !important;
    background: linear-gradient( 273deg, rgba(0, 0, 0, 0.71) 0%, rgba(255, 255, 255, 0.0189076314119398) 100%, rgb(255, 255, 255) 100%) !important;
    font-size: 20px !important;
    padding-top: 20% !important;
    text-align: right;
    padding-right: 6% !important;
}

.arrow-back {
    position: absolute;
    left: 8%;
    top: 23px;
}

.arrow-back img {
    height: 15px;
    width: auto;
}

.div-professional .book {
    background: #253f58;
    border-radius: 5px;
    text-align: center;
    font-size: 17px;
    color: #fff;
    font-family: "GellixSemiBold";
    display: inline-block;
    line-height: 52px;
    width: 130px;
    text-align: center;
    margin-right: 20px;
    padding: 0;
    border: 0;
}

.div-professional .about {
    border: 1px solid #ec671e;
    font-size: 17px;
    font-family: "GellixSemiBold";
    color: #ec671e;
    width: 220px;
    height: 52px;
    text-align: center;
    border-radius: 5px;
    padding: 0;
    display: inline-block;
    line-height: 52px;
}

.div-professional .about img {
    height: 16px;
    width: auto;
    margin-left: 6px;
}

.term {
    list-style: circle !important;
    margin: 0 0 0 18px;
    padding: 0;
}

.term li {
    font-size: 17px;
    font-family: "GellixRegular";
    color: #444d57;
}




/*need a custom scroll*/

.renovation-limit {
    height: 601px;
    overflow-y: unset;
    overflow-x: hidden;
    padding-right: 30px;
    position: relative;
    z-index: 99;
}

.renovation-limit3 {
    max-height: 601px;
    overflow-y: unset;
    overflow-x: hidden;
    padding-right: 30px;
    position: relative;
    z-index: 99;
}

.renovation-limit3 .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: transparent;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 0;
    display: none;
}

.renovation-limit3 .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    /* background-color: #000; */
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    /* border-radius: 5px; */
    background: #B9B9B9;
    border-radius: 15px;
    margin: 4px auto;
    width: 6px;
}

.renovation-limit3 .mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
    width: 12px;
    background: #F4F2F0;
    border: 1px solid #DBDBDB;
    border-radius: 6px;
}

.renovation-limit3 .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #B9B9B9;
    background-color: #B9B9B9 !important;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #B9B9B9!important;
    background-color: #B9B9B9!important;
}

#mCSB_1_scrollbar_vertical {
    right: -4px;
}

.renovation-limit .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background: #F4F2F0;
    border: 1px solid #DBDBDB;
    border-radius: 6px;
    width: 12px;
}

.renovation-limit .mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: -4px;
    height: auto;
}

.row.rowRenovate {
    padding-right: 6px;
}

.renovation-limit .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #B9B9B9 !important;
    margin: 3px auto 3px auto;
}

#other-category.owl-theme .owl-dots {
    text-align: left;
    -webkit-tap-highlight-color: transparent;
    margin-top: 33px;
}


/*-------------------------------------*/

.modal-xl.bookNow {
    max-width: 91%;
    margin: 7% auto 0 5.3%;
}

.pro .owl-next {
    position: absolute;
    top: -5px;
    bottom: 0;
    height: 100%;
    right: -5px;
    width: 114px;
    border-radius: 5px !important;
    /* background: rgb(0, 0, 0) !important; */
    background: linear-gradient( 273deg, rgba(0, 0, 0, 0.71) 0%, rgba(255, 255, 255, 0.0189076314119398) 100%, rgb(255, 255, 255) 100%) !important;
    font-size: 20px !important;
    padding-top: 22% !important;
    text-align: right;
    padding-right: 6% !important;
}

.pro .owl-prev {
    display: none !important;
}

.div-professional.upgrad {
    padding: 1px 0 0 0;
}

.div-professional {
    padding: 66px 0 0 0;
}

.common-modal .modal-header {
    background: transparent linear-gradient(90deg, #ec671e 0%, #e6c75f 100%);
}

.common-modal .modal-header h4 {
    font-size: 25px;
    color: #ffffff;
    font-family: "GellixSemiBold";
    margin: 0 auto;
    text-align: center;
}

.common-modal .close {
    position: absolute;
    top: 23px;
    right: 8%;
    opacity: 1;
}

.common-modal .close img {
    height: 15px;
    width: auto;
}

.div-require {
    padding: 49px 128px 70px 128px;
}

.div-require.model-div {
    padding: 49px 80px 70px 128px;
}

/* .bk-buttons.chat-buttons {
    margin: 26px 0 42px 0;
    display: flex;
} */

.btn-chat a {
    display: inline-block;
    height: 53px;
    width: 53px;
    text-align: center;
    background: #f7f7f7;
    border-radius: 50%;
    padding: 15px 0 0 0;
    margin: -16px 4px 0 0;
}

.btn-chat {
    margin-right: 32px;
}

.div-require h3 {}


/*custom checkbox*/

.checkTable {
    position: relative;
    width: 20px;
    height: 20px;
    margin: 0;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    position: relative;
    top: 4px;
}

.checkTable::after {
    content: "";
    position: absolute;
    display: block;
    z-index: 1;
    width: 20px;
    height: 20px;
    border: 1px solid #d5d5d5;
    border-radius: 2px;
}

.checkTable[type="checkbox"]::before {
    background: url(../images/realCheck.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: -1px -1px;
    position: absolute;
    left: 2px;
    z-index: 2;
    opacity: 0;
    width: 100%;
    height: 100%;
    color: #f6ac4f;
}

.checkTable[type="checkbox"]:checked:before {
    content: "";
    position: absolute;
    top: 0px;
    opacity: 1;
    left: 0px;
    border: 1px solid #f6ac4f;
    border-radius: 2px;
}

.div-check {
    margin-top: 25px;
    padding: 23px 20px 18px 20px;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
}

.div-check.check-Make {
    margin: 25px 0 0 0;
}

.div-check:hover {
    background: #ffffff;
    box-shadow: 0px 0px 15px #00000014;
    border-radius: 4px;
}

.div-check label {
    margin-left: 19px;
    font-size: 18px;
    color: #444d57;
    font-family: "GellixRegular";
}

.div-check .col-sm-3 label {
    color: #6e7a86;
    font-family: "GellixMedium";
}

.div-require h3 {
    margin-bottom: 40px;
}

.continue-btn {
    display: inline-block;
    width: 90%;
    height: 68px;
    text-align: center;
    font-size: 18px;
    font-family: "GellixSemiBold";
    color: #fff !important;
    margin-top: 50px;
    background: #253f58;
    border-radius: 5px;
    padding: 20px 0 0 0;
}

.continue-btn img {
    position: relative;
    top: -3px;
    margin-left: 13px;
}

.p-null {
    padding: 0 !important;
}

.l-null {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.r-null {
    padding-right: 0 !important;
    margin-right: 0 !important;
}

.page-counts {
    margin: 0;
    padding: 0;
    list-style: none;
}

.page-counts li {
    display: inline-block;
}

.page-counts li a {
    height: 28px;
    width: 28px;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    background: transparent;
    border-radius: 50%;
    border: 1px solid #fff;
    margin-right: 30px;
    position: relative;
    text-align: center;
    padding-top: 3px;
}

.page-counts li a::after {
    content: "";
    border-top: 1px dashed #ffffff;
    width: 25px;
    position: absolute;
    top: 48%;
    right: -31px;
}

.page-counts li:last-child a::after {
    display: none;
}

.page-counts li a.active {
    background: rgb(255, 255, 255, 0.27);
    border: 1px solid rgb(255, 255, 255, 0.27);
}

.div-login {
    padding: 50px 70px;
}

.div-login.personel {
    padding: 50px 90px;
}

.div-login.orange {
    padding: 84px 56px 27px 56px;
    background: #e56c2b url("../images/bg-orange.png");
    background-repeat: no-repeat;
    border-radius: 15px 0px 0 15px;
    background-size: 106% 100%;
    height: 100%;
}

.div-login.orange.log-lamp {
    padding: 84px 56px 27px 56px;
    background: #e56c2b url("../images/bg-orange.png");
    background-repeat: no-repeat;
    border-radius: 15px 0px 0 15px;
    background-size: 106% 81%;
    height: 100%;
    background-position: top -8% right 100%;
}

.div-login.orange.rest {
    padding: 88px 56px 27px 56px;
}

.app-list {
    list-style: none;
    margin: 180px 0 0 0;
    padding: 0;
}

.app-list li {
    display: inline-block;
}

.app-list li a img {
    height: 35px;
    width: auto;
}

.login-left-text h1 {
    font-size: 33px;
    color: #fff;
    font-family: "GellixBold";
    margin-top: 42px;
    margin-bottom: 20px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome */
    .login-left-text h1 {
        font-size: 33px;
        color: #fff;
        font-family: system-ui;
        margin-top: 42px;
        margin-bottom: 20px;
        font-weight: 700;
    }
    /* Safari only override */
     ::i-block-chrome,
    .login-left-text h1 {
        font-size: 33px;
        color: #fff;
        font-family: system-ui;
        margin-top: 42px;
        margin-bottom: 20px;
        font-weight: 700;
    }
}

@-moz-document url-prefix() {
    .login-left-text h1 {
        font-size: 33px;
        color: #fff;
        font-family: "GellixBold";
        margin-top: 42px;
        margin-bottom: 20px;
    }
}

.login-left-text h4 {
    font-size: 17px;
    color: #ffffffd9;
    font-family: "GellixRegular";
    line-height: 26px;
    text-decoration-thickness: from-font;
}

.div-login.orange p {
    font-size: 15px;
    color: #fff;
    font-family: "GellixRegular";
    margin: 20px 0 0 0;
}

.div-rest {
    background: url("../images/t-right.png"), url("../images/b-right.png");
    box-shadow: 0px 0px 36px #63577b1c;
    border-radius: 15px;
    background-repeat: no-repeat;
    background-position: top right, bottom right;
    background-size: 177px 204px, 204px 177px;
}

.number-fields {
    background: #ffffff;
    box-shadow: none;
    border-radius: 10px;
    display: flex;
    width: max-content;
    padding: 8px 8px 8px 10px;
    margin: 68px 0 0 0;
    background: #FFFFFF;
    box-shadow: none;
    border-radius: 10px;
}

.number-fields.bShadow {
    box-shadow: 0px 2px 25px #40376F1A;
}

.number-fields.bShadow.new-pass {
    width: 100%;
    margin: 20px 0 0 0;
}

.number-fields.bShadow.new-pass input {
    border: 0;
    font-size: 19px;
    color: #6e7a86;
    width: 100%;
    height: 45px;
}

.number-fields.bShadow.Hover {
    box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 20%);
}

.number-fields select {
    border: 0;
    background: transparent;
    font-size: 20px;
    font-family: "GellixMedium";
    color: #444d57;
    width: 108px;
    background: url("../images/ch-dw.png");
    background-repeat: no-repeat;
    background-position: top 51% right 10%;
}

.number-fields input {
    border: 0;
    font-size: 17px;
    color: #6e7a86;
    width: 406px;
}

.number-fields input.inp-leftP {
    padding-left: 14px;
}

.number-fields.select-slot input {
    width: 275px;
    padding-left: 12px;
}

.number-fields button {
    width: 115px;
    background: transparent linear-gradient(90deg, #ec671e 0%, #e6c75f 100%);
    border: 0;
    font-family: "GellixMedium";
    height: 52px;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
}

.number-fields button.btn-continue:hover {
    background: transparent linear-gradient(90deg, #ec671e 100%, #e6c75f 100%);
    -webkit-transition: background-color 2s ease-out;
    -moz-transition: background-color 2s ease-out;
    -o-transition: background-color 2s ease-out;
    transition: background-color 2s ease-out;
}

.otp-event button {
    width: 143px;
    background: transparent linear-gradient(90deg, #ec671e 0%, #e6c75f 100%);
    border: 0;
    font-family: "GellixMedium";
    height: 55px;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    margin-top: -14px;
    position: relative;
    top: -7px;
    margin-left: 24px;
}

.social-log {
    display: flex;
}

.social-log a {
    margin-right: 10px;
    border-radius: 11px;
}

.social-log a:hover {
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.social-log a img {
    height: 39px;
    width: auto;
}

.div-enter-num {
    padding: 106px 20px 184px 48px;
}

.div-enter-num h2 {
    font-size: 28px;
    color: #1e2b38d1;
    font-family: "GellixMedium";
    line-height: 34px;
}

.div-enter-num h3 {
    font-size: 18px;
    color: #1e2b38;
    font-family: "GellixMedium";
    margin-top: 60px;
    margin-bottom: 30px;
}

.div-enter-num h4 {
    font-size: 16px;
    color: #444d57;
    font-family: "GellixMedium";
    margin-top: 160px;
    position: absolute;
    bottom: 22px;
}

.div-enter-num h4 a {
    color: #444d57 !important;
    text-decoration: underline !important;
    margin-left: 7px;
}

.div-enter-num.verify .number-fields {
    background: transparent;
    padding: 0;
    box-shadow: none;
}

.div-enter-num.verify input {
    width: 64px;
    text-align: center;
    border: 0;
    font-size: 23px;
    color: #1e2b38;
    font-family: "GellixMedium";
    border-bottom: 2px solid #CDCED0;
    margin-right: 20px;
    padding-bottom: 12px;
}

.div-enter-num.verify .number-fields button {
    margin-left: 28px;
}

.div-enter-num.verify input.input-val {
    border-bottom: 2px solid #253f58;
}

.div-enter-num.verify input:focus {
    border-bottom: 2px solid #ec671e;
}

.div-enter-num.verify input[value=""] {
    border-bottom: 2px solid #cdced0;
}

.reset-pass.bottom-spc .number-fields {
    background: #ffffff;
    border-radius: 10px;
    display: flex;
    width: 100%;
    padding: 8px 12px 8px 15px;
    margin: 42px 0 0 0;
    background: #FFFFFF;
    border-radius: 10px;
}


/*common accordion*/

.panel-title>a::before {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    color: #1e2b38 !important;
    font-weight: 900;
    padding-right: 0;
    font-size: 15px;
    float: right;
    margin-top: 7px;
}

.panel-title>a.collapsed:before {
    color: #1e2b38 !important;
    content: "\f054";
}

.panel-title>a:hover,
.panel-title>a:active,
.panel-title>a:focus {
    text-decoration: none;
    color: #1e2b38 !important;
}

.div-personel #accordion h4 a {
    display: inline-block;
    background: #f7f8f8;
    padding: 16px 24px 18px 24px;
    font-size: 23px;
    color: #1e2b38 !important;
    font-family: "GellixMedium";
    width: 100%;
    border-radius: 3px;
}


/*label */

.input-box {
    position: relative;
    margin-bottom: 40px;
}

.input-box.emailBix {
    /* margin-top: 25px; */
}

.input-box input:active,
.input-box input:focus {
    outline: none;
    box-shadow: none;
}

.input-box input,
.input-box input.form-control {
    border: 0;
    box-shadow: 0px 0px 50px #0000000d;
    font-size: 18px;
    color: #6e7a86;
    font-family: "GellixRegular";
    padding: 0;
    border-radius: 0;
    border-bottom: 1px solid #eee;
    padding-left: 4px;
    background-color: #fff !important;
    line-height: 39px;
}

input.fh.filINp {
    border: 0;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: 0px;
    box-shadow: 0px 0px 50px #0000000d;
    font-size: 18px;
    color: #6e7a86;
    font-family: "GellixRegular";
    padding: 0 0 2px 0;
    padding-left: 0px;
    border-radius: 0;
    border-bottom: 1px solid #eee;
    padding-left: 4px;
    width: 100%;
}

input.fh.filINp:focus {
    border-bottom: 1px solid #ec671e;
}

.input-box input:focus {
    border-bottom: 1px solid #ec671e;
}

.input-box label {
    position: absolute;
    left: 3px;
    top: 16%;
    color: #6e7a86;
    font-style: normal;
    font-size: 18px;
    pointer-events: none;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-weight: 400;
}

.input-box input:focus+label,
.input-box input:not(:placeholder-shown)+label,
.float-label+label {
    top: -17px;
    color: #444d57;
    font-size: 15px;
    font-family: "GellixRegular";
}


/* .input-box input:-webkit-autofill,
.input-box input:-webkit-autofill:hover,
.input-box input:-webkit-autofill:focus,
.input-box input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #fff !important;
} */

.input-box label.input-has-value {
    top: -17px;
    color: #444d57;
    font-size: 15px;
    font-family: "GellixRegular";
}

.div-person-form.wrapper {
    padding: 36px 0 70px 0;
}

.div-person-form.wrapper select {
    border: 0;
    box-shadow: 0px 0px 50px #0000000d;
    font-size: 18px;
    color: #6e7a86;
    font-family: "GellixRegular";
    padding: 0;
    border-radius: 0;
    border-bottom: 1px solid #eee;
    width: 100%;
    display: inline-block;
    margin-bottom: 40px;
    padding: 0 0 7px 0;
    background: url("../images/ch-gra.png");
    background-repeat: no-repeat;
    background-position: top 51% right 6%;
}

.div-person-form.wrapper select.city {
    width: 80%;
}

.book-provider-div {
    text-align: center;
    height: 68px;
    padding-top: 24px;
    border-radius: 5px;
    background: #f4f2f0;
    margin-top: 65px;
}

.book-provider-div.active {
    background: transparent linear-gradient(90deg, #ec671e 0%, #e6c75f 100%);
    border-radius: 5px;
    color: #fff !important;
}

.book-provider-div.active h4 {
    color: #fff !important;
}

.book-provider-div h4 {
    font-size: 18px;
    color: #b4b4b4;
    font-family: "GellixSemiBold";
    margin: 0 auto;
    text-transform: uppercase;
}

.div-personel-info {
    background: #f7f8f8;
    padding: 52px 26px 48px 26px;
}

.div-personel-info h3 {
    font-size: 24px;
    color: #1e2b38;
    font-family: "GellixSemiBold";
    margin: 0;
    padding: 0;
}

.div-personel-info span {
    font-size: 17px;
    color: #444d57;
    font-family: "GellixRegular";
    margin-bottom: 29px;
    display: block;
}

.div-personel-info h4 {
    display: inline-block;
    font-size: 20px;
    color: #1e2b38;
    font-family: "GellixRegular";
}

.div-personel-info .btn-chat a {
    display: inline-block;
    height: 53px;
    width: 53px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    padding: 15px 0 0 0;
    margin: -16px 4px 0 0;
}

.div-personel-info {
    background: #f7f8f8;
    padding: 52px 35px 48px 26px;
    width: 90%;
    margin: 0 0 0 auto;
}

.div-personel-info .bk-buttons.chat-buttons {
    margin: 26px 0 0 0;
    display: flex;
}

.nav-pay .nav-link {
    background: transparent !important;
    padding: 0;
}

.nav-pay .nav-link .pay-img {
    height: 100px;
    width: 100%;
    background: #f7f8f8;
    position: relative;
}

.nav-pay .nav-link .pay-img img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.nav-pay .nav-link.active .pay-img {
    background: #fff;
    box-shadow: 0px 6px 15px 2px #eee;
}

.nav-pay .nav-link.active .pay-img::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 12px solid #fff;
    position: absolute;
    bottom: -12px;
    right: 22px;
}

.nav-pay .nav-item {
    width: 31.9%;
    padding: 0;
    /* margin: 0 13px 0 0; */
}

.nav-pay .nav-item:last-child {
    margin: 0;
}

.nav.nav-pay.nav-pills {
    margin-top: 42px;
    display: flex;
    justify-content: space-between;
}

.div-payMethode .div-enter-num {
    padding: 0;
}

.div-enter-num .div-check-pay {
    margin: 38px 0 40px 0;
}

.order-review-div h3 {
    font-size: 24px;
    color: #1e2b38;
    font-family: "GellixSemiBold";
    margin: 0;
    padding: 0;
}

.order-review-div span {
    color: #444d57;
    font-size: 18px;
    font-family: "GellixRegular";
}

.order-review-div h4 {
    font-size: 19px;
    color: #1e2b38;
    font-family: "GellixSemiBold";
    margin: 0;
}

.order-review-div h4.total {
    margin: 15px 0 0 0;
}

.order-review-div h4 span {
    font-size: 19px;
    color: #ec671e;
    font-family: "GellixBold";
}

.services-added {
    display: flex;
    flex-wrap: wrap;
}

.services-added span.service {
    font-size: 14px;
    color: #444d57;
    font-family: "GellixRegular";
    position: relative;
    width: 115px;
    height: 28px;
    text-align: center;
    padding-top: 2px;
    background: #f7f8f8;
    border: 1px solid #f0f0f0;
    border-radius: 10px;
    margin-right: 16px;
    margin-bottom: 7px;
}

.services-added span.service button {
    background: transparent !important;
    border: 0;
    font-size: 24px;
    position: absolute;
    top: -15px;
    right: -8px;
    color: #ec671e;
}

.order-review-div span.services {
    display: inline-block;
    width: 115px;
    height: 28px;
    background: #f7f8f8;
    border: 1px solid #f0f0f0;
    font-size: 14px;
    color: #444d57;
    font-family: "GellixRegular";
    text-align: center;
    padding: 4px 0 0 0;
}

.order-review-div h5 {
    color: #1e2b38;
    font-size: 19px;
    font-family: "GellixSemiBold";
}

.order-review-div h5 span {
    color: #444d57;
    font-size: 17px;
    font-family: "GellixRegular";
}

.order-review-div {
    padding: 50px 0 0px 0;
}

.row-order2 {
    padding: 17px 20px;
    background: #f7f8f8;
    border-radius: 10px;
    margin-top: 35px;
}

.ord-img {
    width: 134px;
    height: 134px;
    border-radius: 10px;
}

.ord-img img {
    height: 100%;
    width: 100%;
    border-radius: 10px;
}

.row-order {
    display: flex;
}

.ord-text {
    padding: 10px 0 0 20px;
}

.row-order2 {
    padding: 17px 20px;
    background: #f7f8f8;
    border-radius: 10px;
    margin-top: 35px;
}

.div-congo {
    padding: 103px 0 121px 0;
    background: url("../images/left-sh.png"), url("../images/right-sh.png");
    background-repeat: no-repeat;
    background-position: bottom left, bottom right;
    background-size: 203px 176px;
    text-align: center;
}

.modal-body.cong {
    padding: 0;
}

.img-cong {
    height: 199px;
    width: 199px;
    margin: 0 auto;
    margin-bottom: 60px;
}

.img-cong img {
    height: 100%;
    widows: 100%;
    object-fit: cover;
}

.div-congo h1 {
    font-size: 40px;
    color: #1e2b38;
    font-family: "GellixSemiBold";
}

.div-congo h3 {
    font-size: 20px;
    color: #444d57;
    font-family: "GellixRegular";
    width: 720px;
    margin: 15px auto 53px auto;
}

.div-congo a {
    font-size: 16px;
    font-weight: 500;
    color: #fff !important;
    background: transparent linear-gradient(90deg, #ec671e 0%, #e6c75f 100%);
    height: 55px;
    width: 240px;
    text-align: center;
    display: inline-block;
    padding-top: 18px;
    border-radius: 8px;
}

.section-log {
    padding: 94px 0 120px 0;
    /* margin-top: 99px; */
}

.div-provide {
    padding: 89px 190px 50px 48px;
}

.div-provide h4 {
    font-size: 23px;
    font-family: "GellixMedium";
    color: #1e2b38;
    margin: 0 0 9px 0;
    padding: 0;
}


/*radio style*/

.rad-simple .radio {
    position: relative;
    float: left;
    clear: left;
    display: block;
    padding-left: 21px;
    margin-bottom: 12px;
    line-height: 22px;
    font-size: 18px;
    color: #444d57;
    cursor: pointer;
    margin-right: 32px;
    font-family: "GellixRegular";
}

.rad-simple .radio::before {
    background: #fff;
    content: "";
    position: absolute;
    display: inline-block;
    top: 5px;
    left: 0;
    width: 14px;
    height: 14px;
    border: 1px solid #444d57;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    box-shadow: inset 0 0 3px 0 #ccc;
    -moz-box-shadow: inset 0 0 3px 0 #ccc;
    -webkit-box-shadow: inset 0 0 3px 0 #ccc;
}

.rad-simple input[type="radio"] {
    display: none;
}

.rad-simple input[type="radio"]:checked+label::after {
    content: "";
    text-align: center;
    line-height: 9px;
    font-family: Tahoma;
    font-size: 24px;
    color: #ec671e;
    text-shadow: 0 0 4px #bbb;
    padding-left: 1px;
    background: transparent linear-gradient(180deg, var(--unnamed-color-ec671e) 0%, #E6C75F 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #EC671E 0%, #E6C75F 100%) 0% 0% no-repeat padding-box;
}

.div-enter-num .btn-continue.rest:hover {
    background: transparent linear-gradient(90deg, #EC671E 100%, #E6C75F 100%);
}

.rad-simple input[type="radio"].rd2:checked+label::before {
    content: "\2022";
    text-align: center;
    line-height: 9px;
    font-family: Tahoma;
    font-size: 24px;
    color: #ec671e;
    text-shadow: 0 0 4px #bbb;
    padding-left: 0px;
}

.img-user {
    height: 89px;
    width: 89px;
    border-radius: 50%;
    position: relative;
    margin: 0 0 0 auto;
    background: #f4f2f0;
}

.d-flex.rad-simple {
    padding-top: 10px;
}

.img-user img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    border-radius: 50%;
    background: #eee;
}

.img-user .cam {
    height: 27px;
    width: 27px;
    background: #ec671e;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    bottom: -4px;
    right: -4px;
}

.img-user .cam img {
    object-fit: contain;
    height: auto;
    width: 14px;
    position: relative;
    top: 0px;
    border-radius: 0;
    background: transparent;
}


/*radio-bts*/

.radio-bts input[type="radio"],
.radio-bts input[type="checkbox"] {
    /* hide the inputs */
    opacity: 0;
    display: none;
    margin: 0;
}


/* style your lables/button */

.radio-bts input[type="radio"]+label,
.radio-bts input[type="checkbox"]+label {
    cursor: pointer;
    float: unset;
    padding: 3px 16px 4px 20px;
    color: #444d57;
    border: 0;
    /* text-shadow: 1px 1px 0 rgba(0, 0, 0, 0); */
    background: #f4f2f0;
    border-radius: 17px;
    height: 34px;
    display: inline-block;
    margin-right: 5px;
}

.radio-bts input[type="radio"]:checked+label,
.radio-bts input[type="checkbox"]:checked+label {
    /* style for the checked/selected state */
    background: #ec671e;
    border-color: unset;
    /* text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4); */
    color: #fff;
}

.group {
    margin-bottom: 2px;
}

.input-sw input {
    font-size: 15px;
    color: #253f58;
    border: 0;
    border-bottom: 1px solid #bcbfcb;
    width: 100%;
    height: 40px;
}

.input-sw input::placeholder {
    color: #b2b4b5;
}

.input-sw select {
    font-size: 15px;
    color: #b2b4b5;
    border: 0;
    border-bottom: 1px solid #bcbfcb;
    width: 100%;
    background: url("../images/ch-gra.png");
    background-repeat: no-repeat;
    background-position: top 42% right 6px;
    height: 40px;
    padding: 0 !important;
    margin: 0;
    cursor: pointer;
}

.input-sw select option {
    cursor: pointer;
}

.input-sw label {
    font-size: 18px;
    font-family: "GellixMedium";
    color: #253f58;
    margin: 30px 0 -4px 0;
    padding: 0;
    display: block;
}

.dropzone.dz-clickable {
    cursor: pointer;
    max-height: 300px;
    overflow: hidden;
    overflow-y: auto;
}

.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-size span {
    background-color: rgba(255, 255, 255, 0.4);
    padding: 0 0.4em;
    border-radius: 3px;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}

.input-sw2 label {
    font-size: 18px;
    font-family: "GellixMedium";
    color: #253f58;
    margin: 30px 0 -4px 0;
    padding: 0;
    display: block;
}

.input-sw textarea {
    height: 130px;
    width: 100%;
    color: #253f58;
    font-size: 15px;
    border: 0;
    border-bottom: 1px solid #bcbfcb;
    resize: none;
    margin: 8px 0 0 0;
}

.input-sw textarea::placeholder {
    color: #b2b4b5;
}

.input-sw label.t-area {
    font-size: 18px;
    font-family: "GellixMedium";
    color: #253f58;
    margin: 30px 0 0px 0;
    padding: 0;
    display: block;
}

.confirm-btn {
    height: 55px;
    width: 142px;
    background: transparent linear-gradient(90deg, #ec671e 0%, #e6c75f 100%);
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    border: 0;
    border-radius: 3px;
    display: inline-block;
    margin-top: 40px;
}

.div-login.stable.orange {
    padding: 84px 56px 27px 56px;
    background: url("../images/bg-orange.png");
    background-repeat: no-repeat;
    border-radius: 15px 0px 0 15px;
    background-size: 189% 101%;
    height: 100%;
    position: relative;
    background-position: top 14% left 46%;
}

.div-login.stable.orange p {
    font-size: 15px;
    color: #fff;
    font-family: "GellixRegular";
    margin: 20px 0 0 0;
    position: absolute;
    bottom: 33px;
}

.div-login.stable.orange .app-list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 75px;
}


/*layout-interchange*/

.bl-logo {
    display: none;
}

.provider-services-layout .wh-logo {
    display: none;
}

.provider-services-layout .bl-logo {
    display: inline-block;
}

.login-layout .wh-logo {
    display: none;
}

.login-layout .bl-logo {
    display: inline-block;
}

.login-layout .header-right ul li a {
    font-family: "GellixRegular";
    font-size: 17px;
    color: #000;
    position: relative;
    padding: 0 20px;
}

.login-layout a.dropdown-toggle::after {
    background: url(../images/sm-ch.png) no-repeat;
    width: 10px;
    height: 7px;
    position: absolute;
    border: 0;
    top: 9px;
    background-size: 100%;
    right: 6px;
}

.login-layout .languagetraslator select {
    background: url(../images/trDownBl.png) no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    font-family: "GellixRegular";
    font-size: 17px;
    color: #000;
    background-size: 10px 7px;
    background-position: center right;
    padding: 0 12px;
    cursor: pointer;
}

.provider-services-layout .header-right ul li a {
    font-family: "GellixRegular";
    font-size: 17px;
    color: #000;
    position: relative;
    padding: 0 20px;
}

.provider-services-layout a.dropdown-toggle::after {
    background: url(../images/ch-dw.png) no-repeat;
    width: 13px;
    height: 10px;
    position: absolute;
    border: 0;
    top: 7px;
    background-size: 100%;
    right: 0;
}

.provider-services-layout .languagetraslator select {
    background: url(../images/ch-dw.png) no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    font-family: "GellixRegular";
    font-size: 17px;
    color: #000;
    background-size: 13px 10px;
    background-position: center right;
    padding: 0 12px;
    cursor: pointer;
}


/*login option*/

.login-option-layout .wh-logo {
    display: none;
}

.login-option-layout .bl-logo {
    display: inline-block;
}

.login-option-layout .header-right ul li a {
    font-family: "GellixRegular";
    font-size: 17px;
    color: #000;
    position: relative;
    padding: 0 20px;
}

.login-option-layout a.dropdown-toggle::after {
    background: url(../images/ch-dw.png) no-repeat;
    width: 13px;
    height: 10px;
    position: absolute;
    border: 0;
    top: 7px;
    background-size: 100%;
    right: 0;
}

.login-option-layout .languagetraslator select {
    background: url(../images/ch-dw.png) no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    font-family: "GellixRegular";
    font-size: 17px;
    color: #000;
    background-size: 13px 10px;
    background-position: center right;
    padding: 0 12px;
    cursor: pointer;
}


/*confirm code layout*/

.confirm-code-layout .wh-logo {
    display: none;
}

.confirm-code-layout .bl-logo {
    display: inline-block;
}

.confirm-code-layout .header-right ul li a {
    font-family: "GellixRegular";
    font-size: 17px;
    color: #000;
    position: relative;
    padding: 0 20px;
}

.confirm-code-layout a.dropdown-toggle::after {
    background: url(../images/ch-dw.png) no-repeat;
    width: 13px;
    height: 10px;
    position: absolute;
    border: 0;
    top: 7px;
    background-size: 100%;
    right: 0;
}

.confirm-code-layout .languagetraslator select {
    background: url(../images/ch-dw.png) no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    font-family: "GellixRegular";
    font-size: 17px;
    color: #000;
    background-size: 13px 10px;
    background-position: center right;
    padding: 0 12px;
    cursor: pointer;
}


/*fixed header*/

.fixed-header .header-right ul li a {
    font-family: "GellixRegular";
    font-size: 17px;
    color: #fff !important;
    position: relative;
    padding: 0 20px;
}

.fixed-header .header-right ul li a.active {
    font-family: "GellixRegular";
    font-size: 17px;
    color: #ec671e !important;
    position: relative;
    padding: 0 20px;
}

.fixed-header a.dropdown-toggle::after {
    background: url(../images/droparrow.png) no-repeat !important;
    width: 10px;
    height: 6px;
    position: absolute;
    border: 0;
    top: 10px !important;
    background-size: 100% !important;
    right: 0;
}

.fixed-header .languagetraslator select {
    background: url(../images/droparrow.png) no-repeat !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    font-family: "GellixRegular";
    font-size: 17px !important;
    color: #fff;
    background-size: 10px 7px !important;
    background-position: center right !important;
    padding: 0 12px;
    cursor: pointer;
}

.fixed-header .wh-logo {
    display: inline-block;
}

.fixed-header .bl-logo {
    display: none;
}

.div-contact {
    margin: -160px 0 0 0;
}

.left-contact {
    background: #f7f8f8;
    border-radius: 15px 0px 0px 15px;
    padding: 68px 48px 160px 39px;
    height: 100%;
    position: relative;
}

.left-contact h1 {
    font-size: 40px;
    color: #1e2b38;
    font-family: "GellixBold";
}

.left-contact p {
    font-size: 18px;
    color: #444d57;
    font-family: "GellixRegular";
    margin-bottom: 70px;
}

.left-contact ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.left-contact ul.contact-info li a {
    font-size: 17px;
    color: #253f58;
    font-family: "GellixMedium";
    display: flex;
    margin-bottom: 14px;
}

.left-contact ul.contact-info li a img {
    margin-right: 14px;
    height: 14px;
    width: 15px;
    margin-top: 8px;
}

.left-contact ul.contact-info li:last-child a img {
    width: 15px;
    height: 17px;
}

.left-contact ul.social-contact {
    margin-top: 40px;
}

.social-contact li {
    display: inline-block;
}

.social-contact li a {
    margin-right: 10px;
    display: inline-block;
    height: 32px;
    width: 32px;
    background: #fff;
    color: #6e7a86;
    font-size: 14px;
    padding: 5px 0 0 0;
    text-align: center;
}

.left-contact .bottom-number {
    padding: 70px 26px 28px 40px;
    position: absolute;
    background: transparent linear-gradient(180deg, #ec671e 0%, #e6c75f 100%);
    border-radius: 90% 0 0 0;
    bottom: 0;
    right: 0;
    text-align: center;
}

.left-contact .bottom-number img {
    width: 40px;
    height: auto;
}

.left-contact .bottom-number a {
    display: block;
    font-size: 22px;
    color: #fff;
    font-family: "GellixSemiBold";
    margin-top: 19px;
}

.right-contact {
    padding: 78px 100px 95px 75px;
    background: #ffffff;
    box-shadow: 10px 0px 25px #63577b10;
    border-radius: 0px 15px 15px 0px;
}

.right-contact label {
    font-size: 15px;
    font-family: "GellixMedium";
    color: #253f58;
    margin: 0;
    padding: 0;
    display: block;
}

.right-contact input {
    font-size: 17px;
    color: #b2b4b5;
    border: 0;
    border-bottom: 1px solid #bcbfcb;
    width: 100%;
    height: 40px;
    border-radius: 0;
    margin-bottom: 40px;
}

.right-contact select {
    font-size: 17px;
    color: #b2b4b5;
    border: 0;
    border-bottom: 1px solid #bcbfcb;
    width: 100%;
    background: url("../images/ch-gra.png");
    background-repeat: no-repeat;
    background-position: top 42% right 6px;
    height: 40px;
    padding: 0 !important;
    margin: 0 0 40px 0;
    background-size: 19px auto;
}

.right-contact textarea {
    height: 130px;
    width: 100%;
    color: #b2b4b5;
    font-size: 15px;
    border: 0;
    border-bottom: 1px solid #bcbfcb;
    resize: none;
    margin: 8px 0 0 0;
}

.right-contact .sb-contact {
    height: 55px;
    width: 182px;
    background: #ec671e;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    border: 0;
    text-align: center;
    border-radius: 6px;
    display: inline-block;
    margin-top: 40px;
    margin-bottom: 0;
}

.right-contact .sb-contact {}

.section-category-list.contact-lk .container {
    max-width: 1140px;
}

.section-category-list.contact-lk .c-menu {
    list-style: none;
    margin: 0 4px 0 0;
    padding: 0;
}

.section-contact {
    padding: 0 0 130px 0;
}

.section-map img.map {
    height: 448px;
    width: 100%;
}

.section-category-list.provider {
    height: 400px;
    background: url(../images/greenGirl.jpg), linear-gradient(180deg, #000000c7 0%, #6a6a6a33 100%);
    background-size: cover;
    padding: 174px 0 0 0;
    background-position: top 46% center;
    background-blend-mode: overlay;
}

.provider-card {
    border-radius: 0px 0px 8px 8px;
    opacity: 1;
    -webkit-backdrop-filter: blur(50px);
    padding: 80px 70px 60px 70px;
    margin: -158px 0 0 0;
    background: rgba(249, 249, 249, 0.8);
    opacity: 1;
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
}

.text-provider h1 {
    font-size: 40px;
    color: #253F58;
    font-family: "GellixRegular";
    margin-right: 30px;
    display: inline-block;
}

.provider-layout .alert {
    position: fixed !important;
    top: 80px;
    width: 71% !important;
    display: inline-block;
    height: auto;
    padding: 10px 30px 0px 30px !important;
}

.text-provider h3 {
    font-size: 23px;
    color: #444D57;
    font-family: "GellixRegular";
    margin-bottom: 30px;
}

.text-provider a.hire-btn {
    height: 40px;
    width: 114px;
    color: #fff;
    background: #EC671E;
    border-radius: 23px;
    text-align: center;
    padding: 5px 0 0 0;
    font-family: "GellixRegular";
    font-size: 18px;
    display: inline-block;
    position: relative;
    top: -5px;
}

.img-provider {
    height: 201px;
    border-radius: 6px;
    width: 201px;
    background: #f4f2f0;
}

.img-provider img {
    border-radius: 6px;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.pro-boxes {
    display: flex;
    margin-bottom: 90px;
}

.fav-version2 button {
    background: transparent;
    border: 0;
    text-align: center;
    width: 100%;
    margin-top: 12px;
    font-size: 17px;
    color: #253F58;
}

.fav-version2 button i {
    color: #ec671e;
    margin-right: 3px;
}

.div-box {
    background: #FFFFFF;
    border-radius: 3px;
    margin-right: 20px;
    min-width: 150px;
    min-height: 87px;
    text-align: center;
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 8px;
    height: max-content;
    box-shadow: 0px 1px 10px #eee;
}

.div-box h4 {
    font-size: 17px;
    color: #253F58;
    font-family: "GellixRegular";
}

.div-box h2 {
    font-size: 19px;
    color: #EC671E;
    font-family: "GellixBold";
}

.div-box img {
    height: 22px;
    width: auto;
}

.div-box .ul-rate li i {
    color: #EC671E;
    font-size: 16px;
    margin-right: 0px;
}

.nav-tabs.provider-nav .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #253F58;
    font-size: 16px;
    font-family: "GellixRegular";
    padding: 15px 34px 12px 34px;
    text-transform: uppercase;
}

.nav-tabs.provider-nav .nav-item.show .nav-link,
.nav-tabs.provider-nav .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #fff;
    padding: 15px 34px 12px 34px;
}

.light-img {
    /* width: 220px; */
    height: 160px;
    position: relative;
}

.light-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.light-slider {
    background: #fff;
    padding: 40px;
    padding-right: 195px;
    overflow: hidden;
    position: relative;
    padding-bottom: 94px;
}

.img-modal .close {
    position: absolute;
    top: 0;
    right: 0;
    background: #EC671E;
    height: 30px;
    width: 30px;
    color: #fff;
    opacity: 1;
    line-height: 0;
    padding: 0;
    font-size: 15px;
    border-radius: 100%;
    text-shadow: none;
    font-weight: normal;
    float: none;
    text-align: center;
}

.img-modal .close:hover {
    background: #c55519;
    color: #fff !important;
}

.img-modal .modal-body {
    position: relative;
    padding: 0;
    margin: 0;
    border-radius: 0;
}

.zoomed-img {
    height: 600px;
    width: auto;
}

.zoomed-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    padding: 8px;
    background: #fff;
}

.light-slider .owl-prev.disabled {
    display: none;
}

.light-slider .owl-prev {
    position: absolute;
    top: 96px;
    left: 4%;
    height: 38px;
    width: 38px;
    text-align: center;
    border-radius: 50% !important;
    background: #FFF !important;
    box-shadow: 0px 3px 16px #00000029;
    transform: rotate(180deg);
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 4px;
}

.light-slider .owl-next {
    position: absolute;
    top: 96px;
    right: 4%;
    height: 38px;
    width: 38px;
    text-align: center;
    border-radius: 50% !important;
    background: #FFF !important;
    box-shadow: 0px 3px 16px #00000029;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 4px;
    cursor: pointer;
}

.light-slider .owl-next img,
.light-slider .owl-prev img {
    height: 20px;
    width: auto;
    border-radius: 50%;
}

.light-slider.owl-theme .owl-dots {
    text-align: left;
    margin-top: 35px;
    padding: 0;
    position: relative;
    left: -6px;
}

.light-slider.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: transparent linear-gradient(90deg, var(--unnamed-color-ec671e) 0%, #e6c75f 100%) !important;
    background: transparent linear-gradient(90deg, #ec671e 0%, #e6c75f 100%) !important;
}

.light-slider.owl-theme .owl-dots .owl-dot span {
    width: 100px !important;
    height: 3px !important;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 0px !important;
}

.hoverlay {
    height: 0;
    width: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    right: 50%;
    bottom: 50%;
    background: rgba(0, 0, 0, 0.5);
    transition: all .1s ease;
}

.hoverlay img {
    opacity: 0;
}

.light-img:hover .hoverlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    transition: all .1s ease;
}

.light-img:hover .hoverlay img {
    opacity: 1;
    transform: translate(-50%, -50%);
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    height: 20px;
    width: auto;
    position: absolute;
}

.section-trusted.stage2 .div-trust {
    display: flex;
    background: #F7F8F8;
    box-shadow: none;
    border-radius: 6px;
    padding: 32px 26px 35px 26px;
}

.section-trusted.stage2 .div-trust:hover {
    background: #ec671e;
    transition: all .3s ease;
}

.why-img-div {
    width: 642px;
    height: 793px;
}

.why-img-div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.whySect.provider {
    padding: 0 0 50px 0;
}

.div-provider-why {
    padding: 80px 0 0 0;
}

.div-provider-why .whylist {
    display: flex;
    margin-bottom: 39px;
}

.div-provider-why .whySect h2 {
    font-size: 44px;
    color: #1e2b38;
    font-family: "GellixSemiBold";
    margin: 50px 0 40px 0;
}


/* .section-category-list.packages {
	height: 400px;
	background: url(../images/category-bn.jpg), linear-gradient(180deg, #000000c7 0%, #6a6a6a33 100%);
	background-size: cover;
	padding: 174px 0 0 0;
	background-position: top 77% center;
	background-blend-mode: overlay;
} */

.section-category-list.packages {
    height: 400px;
    background: url(../images/category-bn.jpg), transparent linear-gradient(180deg, #00000061 0%, #54545496 100%);
    background-size: cover;
    padding: 174px 0 0 0;
    background-position: top 80% center;
    background-blend-mode: overlay;
}

.greatPackages.package {
    padding: 70px 0 50px 0;
    margin: -292px 0 0 0;
}

.whyImgBox.right.whyIm .off {
    display: none;
}

.packages-layout .whyImgBox.right.whyIm .off {
    display: block;
}

.packages-layout .whyImgBox.right.whyIm .on {
    display: none;
}

.packages-layout .site-footer {
    padding: 94px 0 0 0;
    background: #F7F8F8;
}

.packages-layout .div-trust {
    display: flex;
    background: #F7F8F8;
    box-shadow: none;
    border-radius: 6px;
    padding: 32px 26px 35px 26px;
}

.packages-layout .div-trust.active {
    background: #ec671e;
}

.packages-layout .div-trust:hover {
    background: #ec671e;
    transition: all .3s ease;
}

.whyImgBox.right.whyIm {
    width: auto;
    height: auto;
    object-fit: cover;
    position: relative;
    top: -8%;
}

.greatPackages.Twiced.package {
    padding: 70px 0 50px 0;
    margin: -324px 0 0 0;
}

.packageTwice .item {
    padding: 22px 18px 0 18px;
}

.owl-carousel.owl-drag.packageTwice .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transform: scale(0.83);
    box-shadow: 0px 5px 30px #47606A1A;
    border-radius: 10px;
}

.greatPackages.package .packageTwice .owl-item.active {
    background: #F0F0EF82;
    border-radius: 10px;
    opacity: 1;
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
    box-shadow: none;
    /* opacity: 1; */
    transform: unset;
}

.greatPackages .packageTwice .owl-item ul {
    margin: 26px 0;
    padding: 0;
}

.greatPackages.package h2 {
    font-size: 44px;
    color: #fff;
    text-align: center;
    font-family: "GellixBold";
    font-weight: normal;
    margin-bottom: 60px;
}

.section-trusted.package {
    background: #ffffff;
    padding: 50px 0 80px 0;
}

.greatPackages.package .gpBtn {
    background: #ec671e;
    border-radius: 6px;
    border: 0;
    color: #fff;
    width: 100%;
    min-height: 53px;
    border: 1px solid transparent;
    text-transform: uppercase;
    font-family: "GellixSemiBold";
    margin: 20px 0 0 0;
    transition: all 0.5s ease-in-out;
}

.greatPackages.package .gpBtn2 {
    background: #fff;
    border-radius: 6px;
    border: 0;
    color: #ec671e;
    border: 1px solid #ec671e;
    width: 100%;
    min-height: 53px;
    text-transform: uppercase;
    font-family: "GellixRegular";
    margin: 20px 0 35px 0;
    transition: all 0.5s ease-in-out;
}

.ourServices.bookNPage.newer .div-personel-info {
    background: #f7f8f8;
    padding: 52px 35px 48px 26px;
    width: 400px;
    margin: 0;
}

.ourServices.bookNPage.newer .div-personel-info span {
    font-size: 17px;
    color: #444d57;
    font-family: "GellixRegular";
    margin-bottom: 6px;
    display: block;
    margin-top: 10px;
}

.ourServices.bookNPage.newer .nav-pay .nav-link .pay-img img {
    height: auto;
    width: 142px;
    object-fit: contain;
    /* margin: 38px auto 0 auto; */
    text-align: center;
}

.ourServices.bookNPage.newer .nav-pay .nav-link .pay-img {
    height: 100px;
    width: 100%;
    background: #f7f8f8;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.ourServices.bookNPage.newer .nav-pay .nav-link.active .pay-img {
    background: #fff;
    box-shadow: 0px 6px 15px 2px #eee;
}

.ourServices.bookNPage.newer .nav-pay .nav-link .pay-img img.payCh2 {
    display: none;
    width: 186px;
}

.ourServices.bookNPage.newer .nav-pay .nav-link.active .pay-img img.zain.th {
    display: none;
}

.ourServices.bookNPage.newer .nav-pay .nav-link.active .pay-img img.payCh2 {
    /* margin: 8px 0 0 0; */
    width: 186px;
    display: inline-block;
}

.ourServices.bookNPage.newer label.chkOneId {
    font-weight: 400;
}

.ourServices.bookNPage.newer .panel {
    margin-bottom: 20px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: none;
}

.ourServices.bookNPage.newer .bootstrap-select>.dropdown-toggle {
    color: #fff;
    border-radius: 0px;
    font-size: 2em;
    background: transparent;
    border: transparent;
    z-index: 10;
    padding: 25px 5px;
    padding: 12px 4px;
    border: 0;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-repeat: no-repeat;
    background-position: top 58% right 9%;
}

.ourServices.bookNPage.newer .input-box label img {
    position: relative;
    top: -4px;
}

.ourServices.bookNPage.newer .div-person-form.wrapper select {
    border: 0;
    box-shadow: 0px 0px 50px #0000000d;
    font-size: 18px;
    color: #6e7a86;
    font-family: "GellixRegular";
    padding: 0;
    border-radius: 0;
    border-bottom: 1px solid #eee;
    display: inline-block;
    margin-bottom: 40px;
    padding: 0 0 7px 0;
    background: url("../images/ch-gra.png");
    background-repeat: no-repeat;
    background-position: top 51% right 6%;
    background-size: 20px;
    width: 80%;
}

.ourServices.bookNPage.newer .div-person-form.wrapper select.fh {
    width: 100%;
}

.ourServices.bookNPage.newer .panel-default>.panel-heading {
    color: #333;
    background-color: #F7F2ED;
    border-color: #F7F2ED;
    border: 0;
    padding: 0;
}


/* .ourServices.bookNPage.newer .ourServicesBox select {
	background: #fff;
	border: 1px solid #EDEDED;
	border-radius: 5px;
	width: 184px;
	height: 33px;
	text-align: left;
	background: url(../images/ch-dw.png) no-repeat;
	background-size: 15px 12px;
	background-position: top 53% right 26px;
	padding: 0px 0 0 30px;
} */

.ourServices.bookNPage.newer .ourServicesBox select {
    background: #fff;
    border: 1px solid #EDEDED;
    border-radius: 5px;
    width: 184px;
    height: 60px;
    text-align: left;
    background: url(../images/ch-dw.png) no-repeat;
    background-size: 15px 12px;
    background-position: top 53% right 26px;
    padding: 0px 46px 0 22px;
    margin: 0;
    position: relative;
    top: -5px;
    cursor: pointer;
}


/* .ourServices.bookNPage.newer .input-box label {
	position: absolute;
	left: 0;
	top: 6%;
	color: #6e7a86;
	font-style: normal;
	font-size: 18px;
	pointer-events: none;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
} */

.ourServices.bookNPage.newer .input-box {
    position: relative;
    margin-bottom: 38px;
}

.ourServices.bookNPage.newer .div-personel-info h4 span.gl {
    font-size: 25px;
    color: #EC671E;
    font-family: "GellixBold";
    margin-bottom: 29px;
    display: inline-block;
}

.greatPackages.package .owl-item.active {
    background: rgb(244, 244, 244);
    border-radius: 10px;
    opacity: 1;
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
    box-shadow: none;
    /* opacity: 1; */
}

.greatPackages.package .paymentOption {
    border: 1px solid #dee1e6;
    border-radius: 6px;
    min-height: 62px;
    margin-bottom: 10px;
    padding: 20px 20px 15px 10px;
    background: #fff;
}

.greatPackages.package .owl-item {
    background: #fff;
    border-radius: 10px;
    opacity: 1;
    padding: 20px;
}

.greatPackages .owl-carousel .owl-item.active .gpImg img {
    width: 100%;
    height: 100%;
    opacity: 1;
    filter: brightness(0) invert(1);
}


/*right sidebar*/

.right-sidebar {
    width: 537px;
    height: 100%;
    position: fixed;
    top: 0;
    right: -537px;
    padding: 40px;
    background: #fff;
    z-index: 99;
    overflow-x: hidden;
    overflow-y: scroll;
    transition: all .3s ease;
}

.div-hovered.show {
    position: fixed;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0.1);
    z-index: -1;
    transition: all .3s ease;
    height: 100%;
    width: 100%;
}

.right-sidebar.show {
    right: 0;
    transition: all .3s ease;
}

.right-sidebar .close {
    font-size: 22px;
    color: #EC671E;
    position: absolute;
    top: 51px;
    right: 43px;
    opacity: 1;
    cursor: pointer;
}

.right-sidebar .close:hover {
    color: #c25419;
}

.wiper {
    height: 62px;
    width: 62px;
    margin-bottom: 10px;
}

.wiper img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.right-sidebar h1 {
    font-size: 27px;
    color: #1e2b38;
    text-transform: capitalize;
    font-family: "GellixSemiBold";
    margin-bottom: 40px;
}

.right-sidebar h3 {
    font-size: 22px;
    color: #1e2b38;
    text-transform: capitalize;
    font-family: "GellixSemiBold";
    margin-bottom: 13px;
}

.right-sidebar p {
    font-size: 18px;
    color: #444D57;
    text-transform: capitalize;
    font-family: "GellixRegular";
    margin-bottom: 30px;
}

.right-sidebar ul {
    margin: 15px 0 30px 0;
    padding: 0;
}

.right-sidebar ul li {
    list-style: none;
    position: relative;
    padding: 0 0 2px 20px;
    font-size: 17px;
    color: #253f58;
    font-family: "GellixMedium";
}

.right-sidebar ul li::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    color: #ec671e;
    font-size: 13px;
    position: absolute;
    left: 0;
    top: 4px;
}

.right-sidebar .paymentOption {
    border: 1px solid #dee1e6;
    border-radius: 6px;
    min-height: 62px;
    margin-bottom: 10px;
    padding: 20px 10px 15px 10px;
    background: #fff;
}

.right-sidebar [type="radio"]:checked,
.right-sidebar [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.right-sidebar [type="radio"]:checked+label::before,
.right-sidebar [type="radio"]:not(:checked)+label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 16px;
    height: 16px;
    border: 1px solid #d3d3d3;
    border-radius: 100%;
    background: #fff;
}

.right-sidebar [type="radio"]:not(:checked)+label::after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.right-sidebar [type="radio"]:checked+label,
.right-sidebar [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 24px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

.right-sidebar [type="radio"]:checked+label::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.right-sidebar [type="radio"]:checked+label,
.right-sidebar [type="radio"]:not(:checked)+label {
    cursor: pointer;
    line-height: 20px;
    color: #666;
}

.right-sidebar [type="radio"]:checked+label::after,
.right-sidebar [type="radio"]:not(:checked)+label::after {
    content: "";
    width: 16px;
    height: 16px;
    border: 5px solid #ec671e;
    position: absolute;
    top: 2px;
    left: 0;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.right-sidebar .gpPrice {
    float: right;
    width: 30%;
    color: #6e7a86;
}

.right-sidebar .gpBtn {
    background: #ec671e;
    border-radius: 6px;
    border: 0;
    color: #fff;
    width: 100%;
    min-height: 53px;
    border: 1px solid transparent;
    text-transform: uppercase;
    font-family: "GellixSemiBold";
    margin: 20px 0 0 0;
    transition: all 0.5s ease-in-out;
}

.section-about {
    background: url("../images/ab-bg.png");
    background-size: cover;
    padding: 232px 0 116px 0;
}

.section-about .ab-right {
    padding: 0 0 0 53px;
    margin: 0;
    list-style: none;
}

.section-about .ab-right li {
    display: block;
    margin-bottom: 0;
    opacity: 0.47;
    position: relative;
    padding-bottom: 40px;
}

.section-about .ab-right li.glare::before {
    content: "";
    position: absolute;
    height: 9px;
    width: 9px;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    left: -32px;
    top: 12px;
    background: #e98a54;
}

.section-about .ab-right li.glare::after {
    content: "";
    border-left: 1px solid #fff;
    height: 107%;
    position: absolute;
    left: -28px;
    top: 21px;
}

.section-about .ab-right li.glare.active::before {
    background: #fff;
}

.section-about .ab-right li.glare {
    opacity: 1;
}

.ab-right h3 {
    font-size: 22px;
    color: #FFFFFF;
    font-family: "GellixSemiBold";
}

.ab-right p {
    font-size: 17px;
    color: #FFFFFF;
    font-family: "GellixRegular";
    line-height: 24px;
}

.left-ab h1 {
    font-size: 50px;
    color: #FFFFFF;
    font-family: "GellixSemiBold";
    margin: 65px 0 18px 0;
}

.left-ab p {
    font-size: 27px;
    color: #FFFFFF;
    font-family: "GellixRegular";
    line-height: 40px;
}

.secton-wara-vid {
    background: #fff;
    padding: 100px 0 50px 0;
}

.secton-wara-vid .logo-fet {
    height: 69px;
    width: auto;
}

.secton-wara-vid h1 {
    font-size: 45px;
    color: #1E2B38;
    font-family: "GellixSemiBold";
    line-height: 55px;
    margin: 40px 0 20px 0;
}

.secton-wara-vid p {
    font-size: 25px;
    color: #444D57;
    font-family: "GellixRegular";
    line-height: 40px;
    margin-bottom: 50px;
}

.ab-vid {
    position: relative;
    height: 693px;
    width: 100%;
}

.ab-vid span {
    display: block;
    height: 72px;
    width: 72px;
    font-size: 23px;
    border-radius: 50%;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
    border: 14px solid rgba(113, 113, 113, 0.51);
    position: absolute;
    top: 45%;
    left: 45%;
    color: #FFFFFF58;
    padding: 4px 0 0 15px;
    background: rgba(153, 153, 153, 0.96);
}

.ab-vid img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

#logo-slider .slider-div {
    height: 120px;
    width: 268px;
}

#logo-slider .slider-div img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

#logo-slider.owl-theme .owl-controls {
    margin: 0;
    padding: 30px 0 0 0;
    float: left;
}

#logo-slider.owl-theme .owl-dots .owl-dot span {
    background: #e3e3e3;
    width: 55px;
    height: 3px;
    border-radius: 6px;
}

#logo-slider.owl-theme .owl-dots .owl-dot.active span,
#logo-slider.owl-theme .owl-dots .owl-dot:hover span {
    background: #ec671e;
    width: 100px;
}

.logo-slide-sect {
    padding: 50px 0 0 0;
}

.section-looking.ab {
    background: #fff;
}

.explore-scroll {
    max-height: 400px;
    overflow-x: hidden;
}

.explore-scroll .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff!important;
}

.explore-scroll .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: #a6a6a6;
}

.search-bt {
    display: inline-block;
    margin-left: 14px;
}

.search-bt img {
    height: 18px;
    width: auto;
    position: relative;
    top: 3px;
}

.site-header.fixed-header img.lit2 {
    display: none;
}

.-layout .site-header img.lit2 {
    display: block;
}

.-layout .whySect {
    padding-top: 100px;
}

.homeIm {
    display: none;
}

.-layout .whyImgBox.right.whyIm .on {
    display: none;
}

.-layout .whyImgBox.right.whyIm .homeIm {
    display: block;
}

.site-header.fixed-header img.lit1 {
    display: block;
}

.all-services-layout .site-header img.lit1 {
    display: block;
}

.all-services-layout .site-header img.lit2 {
    display: none;
}


/*my Overlay*/

#myOverlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    right: 0;
    bottom: 0;
}

#myOverlay2 {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    right: 0;
    bottom: 0;
}

#myOverlay::before {
    content: "";
    background: url(../images/homebanner.jpg);
    background-size: cover;
    height: 100%;
    width: 100%;
    filter: blur(38px);
    display: block;
}

#myOverlay2::before {
    content: "";
    background: url(../images/homebanner.jpg);
    background-size: cover;
    height: 100%;
    width: 100%;
    filter: blur(38px);
    display: block;
}

#myOverlay::after {
    content: "";
    background: #000;
    height: 100%;
    width: 100%;
    position: absolute;
    display: inline-block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.4;
}

#myOverlay2::after {
    content: "";
    background: #000;
    height: 100%;
    width: 100%;
    position: absolute;
    display: inline-block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.4;
}

#myOverlay {
    background: #253F58;
    opacity: 1;
    backdrop-filter: blur(38px);
    -webkit-backdrop-filter: blur(38px);
    z-index: 2;
    display: none;
}

#myOverlay2 {
    background: #253F58;
    opacity: 1;
    backdrop-filter: blur(38px);
    -webkit-backdrop-filter: blur(38px);
    z-index: 2;
    display: none;
}

#loadingGIF {
    position: absolute;
    top: 300px;
    left: 0;
    z-index: 3;
    display: none;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

#loadingGIF2 {
    position: fixed;
    top: 300px;
    left: 0;
    z-index: 3;
    display: none;
    right: 0;
    margin: 0 auto;
    text-align: left;
}

.serch-from {
    position: relative;
    width: max-content;
    border-bottom: 1px solid #FFFFFF;
    padding: 0 1px 3px 1px;
}

.serch-from2 {
    position: relative;
    width: max-content;
    border-bottom: 1px solid #FFFFFF;
    padding: 0 1px 3px 1px;
    margin: 0 auto;
}

#loadingGIF input {
    height: 45px;
    font-size: 34px;
    color: #FFFFFF;
    border: 0;
    background: transparent;
    /* border-bottom: 1px solid #FFFFFF; */
    width: 600px;
    font-family: "GellixBold";
    font-weight: 700;
    padding: 0 43px 14px 0;
}

#loadingGIF2 input {
    height: 45px;
    font-size: 34px;
    color: #FFFFFF;
    border: 0;
    background: transparent;
    /* border-bottom: 1px solid #FFFFFF; */
    width: 600px;
    font-family: "GellixBold";
    font-weight: 700;
    padding: 0 43px 14px 0;
}

#document-dropzone {
    margin-bottom: 26px;
}

#loadingGIF input::placeholder {
    color: #fff;
    opacity: 1;
}

#loadingGIF2 input::placeholder {
    color: #fff;
    opacity: 1;
}

#loadingGIF button {
    border: 0;
    background-color: transparent;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 23px;
    color: #fff;
}

#loadingGIF2 button {
    border: 0;
    background-color: transparent;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 23px;
    color: #fff;
}

#loadingGIF button img {
    height: 25px;
    width: auto;
    margin-top: 3px;
}

#loadingGIF2 button img {
    height: 25px;
    width: auto;
    margin-top: 3px;
}


/*Site header dashboard*/

.site-header.dash-b .header-right ul li a {
    font-family: "GellixRegular";
    font-size: 19px;
    color: #fff;
    position: relative;
    padding: 0 0 0 39px;
}

.head-input {
    position: relative;
    display: inline-block;
}

.head-input input {
    width: 381px;
    height: 50px;
    background: #243555;
    border-radius: 28px;
    border: 0;
    font-size: 19px;
    color: #fff;
    padding: 0 15px 0 54px;
}

.head-input input::placeholder {
    color: #a0a0a0;
    font-size: 17px;
}

.head-input button {
    position: absolute;
    left: 11px;
    top: 13px;
    background: transparent;
    border: 0;
}

.row-search {
    padding: 15px 0 26px 0;
}

.notifications-trail {
    display: inline-block;
    position: relative;
    margin-left: 50px;
    top: -7px;
}

.notifications-trail img {
    height: 31px;
}

.notifications-trail span {
    position: absolute;
    top: -6px;
    right: -5px;
    background: #EC671E;
    border-radius: 50%;
    display: inline-block;
    height: 19px;
    width: 19px;
    padding: 0 0 0 0px;
    line-height: 16px;
    color: #fff;
    font-size: 13px;
    text-align: center !important;
}

.dash-b h1 {
    color: #FFFFFF;
    font-family: "GellixBold";
    font-size: 31px;
    margin-top: 7px;
}

.padding-large {
    padding-left: 70px !important;
    padding-right: 70px !important;
}

.site-header.dash-b {
    background: #122548;
    padding-top: 24px;
    padding-bottom: 0;
    height: 240px;
    position: absolute;
    top: 0;
    width: 100%;
    transition: all .2s ease-in-out;
}

.history-layout .site-header.dash-b {
    background: #122548;
    padding-top: 24px;
    padding-bottom: 0;
    height: 240px;
}

.history-layout .site-header.dash-b.fixed-header {
    position: fixed;
    left: 0;
    background: #122548;
    right: 0;
    top: 0;
    padding: 29px 0 0 0;
    transition: all 0.2s ease-in-out;
    height: 89px;
}

.history-layout .site-header.dash-b .wh-logo {
    display: block;
}

.site-header.dash-b.fixed-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    padding: 25px 0 0 0;
    height: 82px;
    transition: all .2s ease-in-out;
    z-index: 12;
}

.site-header.dash-b.fixed-header .fix-none {
    display: none !important;
}

.site-header.dash-b .fixShow {
    display: none;
}

.site-header.dash-b.fixed-header .fixShow {
    display: block;
}

.site-header.dash-b.fixed-header .head-input.fixShow {
    width: max-content;
}

.site-header.dash-b.fixed-header .notifications-trail {
    display: inline-block;
    position: relative;
    margin-left: 15px;
    top: -4px;
}

.site-header.dash-b.fixed-header .head-input input {
    width: 284px;
    height: 48px;
    background: #243555;
    border-radius: 28px;
    border: 0;
    font-size: 18px;
    color: #fff;
    padding: 1px 15px 0 48px;
}

.site-header.dash-b.fixed-header .head-input button img {
    height: 18px;
}


/* .nav-pills.nav-dash .nav-link:hover, .nav-pills .show > .nav-link {
	color: #1E2B38!important;
    background-color: #fff;
    transition:all .3s ease-in-out;
    padding-left: 35px;
    padding-right: 35px;
} */

.nav-pills.nav-dash .nav-link.active,
.nav-pills .show>.nav-link {
    color: #1E2B38 !important;
    transition: all .3s ease-in-out;
    background-color: #fff;
    padding-left: 22px;
    padding-right: 22px;
}

.nav-pills.nav-dash .nav-link {
    /* border-radius: 0; */
    font-size: 18px;
    height: 57px;
    transition: all .3s ease-in-out;
    padding-top: 16px;
    padding-left: 0;
    color: #FFFFFF !important;
    padding-right: 0;
    border-radius: 20px 20px 0px 0px;
    margin-right: 0;
    padding-left: 22px;
    padding-right: 22px;    
}
.nav.nav-dash.nav-pills li.nav-item {
    padding-right: 5px;
}
.nav.nav-dash.nav-pills {
    margin: 8px 0 0 2px;
}

.fixed-header .nav.nav-dash.nav-pills {
    margin: 0 0 0 2px;

}
/* .nav.nav-dash.nav-pills{
    display: flex;
    justify-content: space-between;
} */
.dashboard-sect {
    padding: 79px 0 52px 0;
    background: #F5F9FA;
}

.site-content.dash-up {
    margin-top: 0;
    min-height: 100vh;
    background: #f5f9fa;
    margin-top: 239px;
    /* position: relative; */
    z-index: 1;
}

.row-dash-boxes {
    display: flex;
}

.row-dash-boxes .dash-box {
    width: 20%;
    margin-right: 23px;
    border-radius: 8px;
    background: #fff;
}

.row-dash-boxes .dash-box:last-child {
    margin-right: 0;
}

.upperDash {
    padding: 16px 20px 15px;
    border-bottom: 1px solid #EAEAEB;
}

.lowerDash {
    padding: 10px 28px 15px;
    display: flex;
}

.upperDash img {
    height: 51px;
    width: auto;
    margin-right: 10px;
}

.upperDash img:hover {
    opacity: .8;
}

.upperDash span {
    font-size: 19px;
    color: #253F58;
    font-family: "GellixSemiBold";
    position: relative;
    top: 4px;
}

.lowerDash h3 {
    font-size: 30px;
    color: #1E2B38;
    font-family: "GellixSemiBold";
}

.lowerDash a{
    border: 0;
    display: inline-block;
    height: 31px;
    width: 85px;
    background: #F5F9FA;
    border-radius: 16px;
    margin: 6px 0 0 auto;
    font-size: 15px;
    font-family: "GellixMedium";
    color: #45617C;
    text-align: center;
    line-height: 31px;
}
/* .lowerDash button a{
    color: #45617C;
} */
.lowerDash a:hover {
    background: #EC671E;
    color: #ffffff;
}

.bx-dash-img {
    height: 60px;
    width: 60px;
    margin: 0 auto 20px auto;
}

.bx-dash-img img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.buttonDash button {
    color: #fff;
    font-size: 17px;
    font-family: "GellixSemiBold";
    width: 202px;
    height: 40px;
    background: #EC671E;
    border-radius: 20px;
    border: 0;
    transition: all .2s ease;
    border: 1px solid transparent;
}

.buttonDash button:hover {
    border: 1px solid #EC671E;
    background: #fff;
    color: #EC671E;
    transition: all .2s ease;
}

.upperimg {
    padding: 17px 0 0 0;
}

.buttonDash button.darkpink {
    background: #BA58E6;
    width: 152px;
    height: 40px;
    transition: all .2s ease;
}

.buttonDash button.darkpink:hover {
    color: #BA58E6;
    background: transparent;
    border: 1px solid #BA58E6;
    transition: all .2s ease;
}

.dashboard-sect h1 {
    font-size: 29px;
    color: #1E2B38;
    font-family: "GellixBold";
    margin: 45px 0 25px 0;
}

.BtnViewAll {
    font-size: 19px;
    color: #1E2B38;
    font-family: "GellixSemiBold";
}

.row-top:nth-child(odd) {
    background: #fff;
}

.styletable tbody tr:nth-child(odd) td {
    background: #F5F9FA;
}

.div-booked-providers h3 {
    color: #343A67;
    font-size: 19px;
    font-family: "GellixSemiBold";
    margin-bottom: 12px;
}

.div-booked-providers .col-sm-3.start {
    padding-left: 34px;
}

.div-booked-providers .col-sm-3.end {
    padding-right: 34px;
}

.detailed-img {
    height: 131px;
    width: 131px;
    border-radius: 40px;
    margin-right: 28px;
    margin-left: 0;
}

.detailed-img img {
    height: 100%;
    width: 100%;
    border-radius: 40px;
    object-fit: cover;
}

.detail-with-img {
    display: flex;
}

.div-dash-detail h3, .div-dash-detail h3 a {
    font-size: 25px;
    color: #272D3B;
    font-family: "GellixSemiBold";
    margin-top: 0;
    margin-left: 0;
}

.div-dash-detail h4 {
    font-size: 20px;
    color: #45617C;
    font-family: "GellixMedium";
    margin-top: 15px;
    font-weight: normal;
}

.div-dash-detail h5 {
    font-size: 20px;
    color: #1E2B38;
    font-family: "GellixMedium";
    margin-top: 0;
    font-weight: normal;
}

.div-dash-detail h5.cat {
    color: #45617C;
    margin: 0;
}

.div-dash-detail h5.disable {
    color: #8A8EA0;
    margin-top: 0;
}

.div-dash-detail h4.price {
    color: #EC671E;
    margin-top: 0;
}

.div-dash-detail ul li i {
    /* background: transparent linear-gradient(180deg, #EC671E 0%, #E6C75F 100%); */
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    -webkit-text-decoration-color: #EC671E !important;
    text-decoration-color: #EC671E !important;
}

.div-dash-detail .ul-rate {
    list-style: none;
    margin: 0 0 0 0px;
    padding: 0;
    display: inline-block;
}

.div-dash-detail .btn-chat {
    margin-right: 0;
    /* margin-bottom: 0; */
    font-size: 18px;
    color: #45617C;
    display: flex;
    align-content: center;
    align-items: center;
    margin: 6px 0 !important;
}

.div-dash-detail .btn-chat a {
    display: inline-block;
    height: 48px;
    width: 48px;
    text-align: center;
    /* background: #f7f7f7; */
    border-radius: 50%;
    padding: 8px 0 0 0;
    margin: 0 4px 0 0;
    background: #FFFFFF;
    box-shadow: 0px 3px 10px #787F8B29;
}

.div-dash-detail .btn-chat a img {
    height: 23px;
    width: auto;
}

.BtnViewAll {
    background: transparent;
    border: 0;
    font-size: 19px;
    font-family: "GellixSemiBold";
    color: #1E2B38;
    margin: 50px 0 0 0;
    position: relative;
}

.BtnViewAll::before {
    content: "";
    position: absolute;
    width: 35px;
    border-top: 1px solid #000;
    left: -41px;
    bottom: 12px;
}

.dash-footer p {
    font-size: 15px;
    color: #45617C;
    font-family: "GellixRegular";
}

.dash-footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.dash-footer ul li {
    display: inline-block;
}

.dash-footer ul li a {
    font-size: 15px;
    color: #45617C;
    font-family: "GellixRegular";
    margin-left: 50px;
    padding: 0;
}

.site-footer.dash-footer.padding-large {
    padding: 20px 0 0 0;
}

.dashboard-sect .panel-title>a::before {
    font-family: "Font Awesome 5 Free";
    content: "\f078";
    font-weight: 900;
    padding-right: 5px;
    float: right;
    font-size: 16px;
    top: 0;
    margin: 5px 0 0 0;
    color: #45617C !important;
}

.dashboard-sect .panel-title>a.collapsed:before {
    content: "\f054";
}

.panel-title>a:hover,
.panel-title>a:active,
.panel-title>a:focus {
    text-decoration: none;
}

.accordion-state .panel-title a {
    width: 100%;
    color: #272D3B;
    font-size: 22px;
    background: #FFFFFF;
    box-shadow: 0px 6px 16px #B3B5BE29;
    border-radius: 10px;
    display: inline-block;
    height: 62px;
    padding: 18px 18px 0 24px;
    margin: 0 0 9px 0;
}

.dashboard-sect.job .div-booked-providers {
    margin-bottom: 34px;
    max-height: 480px;
}

.post-button {
    display: inline-block;
    height: 52px;
    width: 229px;
    text-align: center;
    color: #FFFFFF;
    font-size: 20px;
    font-family: "GellixRegular";
    border: 0;
    background: #EC671E;
    border-radius: 30px;
    margin-bottom: 35px;
}

.post-button i {
    margin-left: 7px;
    font-size: 16px;
}

.providers-page {
    /* background: #FFFFFF; */
    box-shadow: -20px 0px 66px #666F8629;
    padding: 52px 0 0 0;
    height: 100vh;
    position: fixed;
    width: 491px;
    top: 0;
    right: -491px;
    background: #fff;
    z-index: 99;
    transition: all .3s ease-in-out;
    overflow: hidden;
    overflow-y: scroll;
}

.providers-page.show {
    transition: all .3s ease-in-out;
    right: 0;
}

.product-card-new .product-image-container img {
    width: 100%;
    height: 100%;
    max-height: auto;
}

.providers-page .close {
    position: absolute;
    top: 13px;
    right: 30px;
    border: 0;
    background: transparent;
    padding: 0;
    opacity: 1;
}

.prov-img {
    width: 203px;
    height: 179px;
    border-radius: 35px;
    margin: 42px auto 0 auto;
}

.prov-img img {
    height: 100%;
    border-radius: 35px;
    width: 100%;
    object-fit: cover;
}

.providers-page h3 {
    font-size: 26px;
    color: #1E2B38;
    font-family: "GellixBold";
    margin: 10px 0 0 0;
}

.providers-page h4 {
    font-size: 22px;
    color: #45617C;
    font-family: "GellixMedium";
    margin: 8px 0 8px 0;
}

.providers-page .ul-rate {
    margin: 0;
    padding: 0;
}

.providers-page .provide-sd-div {
    border-bottom: 1px solid #ddd;
    padding: 0px 23px 30px 50px;
}

.accordion-info h4.panel-title a {
    color: #45617C !important;
    font-size: 20px;
    font-family: "GellixSemiBold";
    text-transform: uppercase;
}

.acc-pr-div {
    padding: 35px 23px 30px 50px;
    border-bottom: 1px solid #ddd;
}

.accordion-info .mail-list {
    padding: 0;
    margin: 30px 0 35px 0;
    list-style: none;
}

.accordion-info .mail-list li {
    display: block;
}

.accordion-info .mail-list li a {
    font-size: 19px;
    color: #45617C;
    /* font-family: "GellixMedium"; */
    margin-bottom: 14px;
    display: inline-block;
}

.accordion-info .mail-list li a i {
    margin-right: 10px;
}

.accordion-info .mail-list li a i.tel {
    transform: rotate(90deg);
}

.accordion-info .panel-title>a.collapsed::before {
    color: #45617C !important;
    content: "\f054";
}

.accordion-info .panel-title>a::before {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    color: #45617C !important;
    font-weight: 900;
    padding-right: 0;
    font-size: 15px;
    float: right;
    margin-top: 7px;
}

.gl-img {
    height: auto;
    width: 100%;
    padding-top: 100%;
    position: relative;
}

.gl-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.gallery-state {
    margin: 30px 0 0 0;
}

.acc-pr-div.tw {
    border: 0;
}

.favourite-providre-sect {
    background: #F5F9FA;
    padding: 70px 0 130px 0;
}

.dashboard-sect.fav-providers {
    padding: 70px 0 130px 0;
    min-height: 900px;
}

.fav-providers h1 {
    font-size: 29px;
    color: #1E2B38;
    margin: 0;
    padding: 0;
    font-family: "GellixBold";
    margin-bottom: 18px;
}

.div.providerCardsDv {
    background: #FFFFFF;
    border: 1px solid #EAEBF4;
    border-radius: 10px;
    padding: 49px 40px 30px 50px;
}

.fav-provide-div {
    padding: 20px 30px 30px 30px;
    background: #F5F9FA;
    box-shadow: 0px 6px 15px #10112205;
    border: 1px solid #EAEBF4;
    border-radius: 5px;
    position: relative;
    text-align: center;
    margin-top: 43px;
    width: 100%;
}

.fav-provide-div .close img {
    height: 14px;
    width: 16px !important;
}

.fav-provide-div .close {
    opacity: 1;
    position: absolute;
    top: -25px;
    right: -18px;
    border: 0;
    /* background: transparent; */
    padding: 0 0 0 10px;
    /* opacity: 1; */
    display: inline-block;
    height: 36px;
    width: 36px;
    border-radius: 50%;
    background: #fff;
}

.img-proved {
    margin: 0 auto;
    height: 144px;
    border-radius: 50%;
    width: 144px;
    margin-bottom: 20px;
}

.img-proved img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.div-flex-fav {
    display: flex;
    margin-bottom: 18px;
    /* margin: 0 -8px 18px; */
    /* padding: 0 9px; */
    justify-content: space-between;
}

.div-flex-fav .div-fav:first-child {
    margin-left: 2px;
    margin: 0 auto;
}

.div-flex-fav .div-fav {
    background: #FFFFFF;
    box-shadow: 0px 3px 10px #313a5714;
    border-radius: 3px;
    padding: 14px 8px 32px 8px;
    text-align: center;
    width: 106px;
    /* margin-left: 20px; */
    position: relative;
}

.favSlider.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* width: max-content !important; */
    padding-right: 19px;
}

.div-flex-fav .div-fav h5 {
    color: #EC671E;
    font-family: "GellixSemiBold";
    font-size: 16px;
    margin: 0;
    padding: 0;
}

.div-flex-fav .div-fav h6 {
    color: #444D57;
    font-size: 16px;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 9px;
    left: 0;
    right: 0;
}

.div-professional.uayer {
    padding: 0;
    background: #F7F8F8;
    padding: 34px 31px;
    width: 400px;
    margin: auto;
}

.fav-provide-div a.btn-visit {
    height: 47px;
    display: inline-block;
    width: 100%;
    background: #fff;
    border: 1px solid #EFEFEF;
    border-radius: 5px;
    color: #1E2B38;
    font-family: "GellixRegular";
    padding: 11px 0 0 0;
    transition: all .5s ease;
}

.fav-provide-div a.btn-visit:hover {
    background: #EC671E;
    color: #fff;
    transition: all .5s ease;
}

.fav-provide-div h3 {
    color: #1E2B38;
    font-family: "GellixBold";
    font-size: 24px;
}

.fav-provide-div h4 {
    font-size: 18px;
    color: #1E2B38;
    font-family: "GellixMedium";
    margin-bottom: 24px;
}

.favSlider.owl-theme .owl-controls {
    margin: 0;
    padding: 30px 0;
}

.favSlider.owl-theme .owl-dots .owl-dot span {
    background: #e3e3e3;
    width: 55px;
    height: 3px;
    border-radius: 6px;
}

.favSlider.owl-theme .owl-dots .owl-dot.active span,
.favSlider.owl-theme .owl-dots .owl-dot:hover span {
    background: #ec671e;
    width: 100px;
}

.favSlider.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    display: inline;
    float: left;
}

.order-history-sect {
    background: #fff;
    padding: 47px 0px 73px 32px;
}

.order-history-sect h3 {
    font-size: 29px;
    color: #1E2B38;
    font-family: "GellixBold";
}

.order-history-sect a.delet {
    width: 176px;
    height: 40px;
    background: #EC671E;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    text-align: center;
    padding: 7px 0 0 0;
    margin-bottom: 44px;
    margin-right: 84px;
}

.table-catFact img {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    position: relative;
    top: -10px;
    margin-left: 18px;
}

.table-catFact h1 {
    font-size: 14px;
    color: #253F58;
    font-family: "GellixBold";
}

.table-catFact h3 {
    color: #45617C;
    font-size: 16px;
    font-family: "GellixMedium";
}

.table.table-catFact td,
.table.table-catFact th {
    padding: 20px 0 0px 0 !important;
    vertical-align: top !important;
    border-top: 1px solid #dee2e6 !important;
    border-bottom: 1px solid #dee2e6 !important;
}


/*check table status*/

.checkTable {
    position: relative;
    width: 20px;
    height: 20px;
    margin: 0;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    border-radius: 50%;
    top: -3px;
}

.checkTable::after {
    content: '';
    position: absolute;
    display: block;
    z-index: 1;
    width: 20px;
    height: 20px;
    border: 1px solid #272D3B;
    border-radius: 50%;
}

.checkTable[type="checkbox"]::before {
    background: url(../images/realCheck.png);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    position: absolute;
    left: 2px;
    z-index: 2;
    opacity: 0;
    width: 100%;
    height: 100%;
    color: #f6ac4f;
    border-radius: 50%;
}

.checkTable[type="checkbox"]:checked::before {
    content: '';
    position: absolute;
    top: 0px;
    opacity: 1;
    left: 0px;
    border: 0;
    border-radius: 50%;
}

.table-catFact button.tbView {
    height: 30px;
    width: 68px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-family: "GellixMedium";
    background: #BA58E6;
    border-radius: 20px;
    border: 0;
    position: relative;
    top: -5px;
}

.tb-paginate {
    margin: 0;
    padding: 0;
}

.tb-paginate li {
    display: inline-block;
}

.tb-paginate li a {
    display: block;
    height: 2px;
    width: 23px;
    background: #DFDFE3;
    margin-right: 10px;
}

.tb-paginate li a.active {
    display: block;
    height: 2px;
    width: 53px;
    background: #EC671E;
}

.counter-sp {
    color: #45617C;
    font-size: 15px;
    margin-right: 85px;
}

.table.table-catFact {
    margin-bottom: 22px;
}

.export-btn {
    background-color: transparent;
    border: 0;
    color: #45617C;
    font-size: 20px;
    font-family: "GellixMedium";
    display: inline-block;
    margin-top: 25px;
    padding: 0;
}

.buttons-with button {
    font-size: 18px;
    font-family: "GellixSemiBold";
    color: #FFFFFF;
    display: inline-block;
    height: 50px;
    border: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}

.buttons-with button.with {
    width: 150px;
    background: #EC671E;
    border-radius: 3px;
}

.buttons-with button.depo {
    background: #BA58E6;
    border-radius: 3px;
    width: 140px;
}

.wh-your-edit {
    background: #fff;
    border: 1px solid #EAEBF4;
    border-radius: 10px;
}

.edit-left {
    padding: 49px 10px 0 48px;
    border-right: 1px solid #ddd;
    height: 100%;
}

.edit-left h1 {
    font-family: "GellixBold";
    font-size: 24px;
    color: #1E2B38;
    margin: 0 0 42px 0;
}

.tab-edit {
    margin: 0;
    padding: 0;
}

.tab-edit li {
    display: block;
    width: 100%;
}

.tab-edit li .nav-link {
    background: transparent;
    padding: 0;
    color: #45617C;
    font-family: "GellixMedium";
    font-size: 20px;
    margin-bottom: 20px;
}

.tab-edit li .nav-link.active {
    background: transparent;
    color: #1E2B38;
    font-family: "GellixSemiBold";
    position: relative;
}

.tab-edit li .nav-link.active::after {
    content: "";
    border: 2px solid #EC671E;
    height: 27px;
    background: #EC671E;
    position: absolute;
    right: -11px;
    top: 5px;
}

.edit-right {
    padding: 49px 102px 120px 46px;
    background: #fff;
    border-radius: 0 10px 10px 0;
}

.div-edit-your {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 14px 40px #7E7C9022 !important;
    border-radius: 20px;
    text-align: center;
    padding: 42px 0 37px 0;
}

.div-edit-your h5 {
    margin: 9px 0 0px 0;
    padding: 0;
    color: #45617C;
    font-size: 16px;
    font-family: "GellixMedium";
}

.img-your {
    margin: 0 auto;
    height: 188px;
    width: 188px;
    border-radius: 50%;
    position: relative;
}

.img-your img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.cam-div {
    position: relative;
}

.div-selyr.nw input {
    width: 100%;
    border-radius: 0px 4px 4px 0px;
}

.cam-div .camEdit {
    position: absolute;
    bottom: -10px;
    right: 17%;
    overflow: hidden;
    box-shadow: 1px 1px 1px #ddd;
    border-radius: 49%;
    cursor: pointer;
}

.div-respImg {
    width: 188px;
    height: 188px;
    border-radius: 50%;
    overflow: hidden;
}

.cam-div .camEdit input {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
    cursor: pointer;
}

.edit-right h4 {
    font-size: 25px;
    color: #1E2B38;
    font-family: "GellixMedium";
    margin-top: 18px;
}

.form-yr input {
    height: 60px;
    width: 100%;
    background: #F5F9FA;
    border: 1px solid #EAEBF4;
    border-radius: 4px;
    color: #8A8EA0;
    padding: 12px;
    font-size: 18px;
    font-family: "GellixMedium";
}

.form-yr input.current-in {
    color: #45617C;
}

.dropzone .dz-preview .dz-image {
    border-radius: 20px;
    overflow: hidden;
    width: 80px!important;
    height: 80px!important;
    position: relative;
    display: block;
    z-index: 10;
}

.dropzone .dz-preview .dz-details .dz-size {
    margin-bottom: 6px!important;
    font-size: 16px;
}

.form-yr select {
    height: 60px;
    width: 100%;
    background: #F5F9FA;
    border: 1px solid #EAEBF4;
    border-radius: 4px 0px 0px 4px;
    color: #8A8EA0;
    background: #F5F9FA url(../images/chg.png) no-repeat;
    background-size: 15px 12px;
    background-position: top 51% right 21px;
    font-size: 18px;
    font-family: "GellixMedium";
    padding: 12px;
}

.div-selyr {
    display: flex;
}

.div-selyr input {
    width: 85%;
    border-radius: 0px 4px 4px 0px;
}

.stay-lamp .div-login.stable.orange {
    padding: 84px 56px 27px 56px;
    background: #e46b2a url("../images/mWalk.png");
    background-repeat: no-repeat;
    border-radius: 15px 0px 0 15px;
    background-size: 100% 69%;
    height: 100%;
    position: relative;
    background-position: top left;
}

#spanFileName1 {
    width: 76%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

#spanFileName2 {
    width: 76%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.form-yr select.short {
    height: 60px;
    width: 15%;
    background: #F5F9FA;
    border: 1px solid #EAEBF4;
    border-radius: 4px 0px 0px 4px;
    color: #8A8EA0;
    background: #F5F9FA url(../images/chg.png) no-repeat;
    background-size: 15px 12px;
    background-position: top 51% right 13px;
    font-size: 18px;
    font-family: "GellixMedium";
    text-align: left;
}

.form-yr .update-bt {
    border: 0;
    background: #EC671E;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: "GellixMedium";
    display: inline-block;
    height: 60px;
    width: 185px;
    text-align: center;
    margin-top: 24px;
}

.form-your {
    padding: 0 3px 0 30px;
}

.parsely-single-error .filled~.filled {
    display: none;
}

.dash-wallet {
    width: 100%;
    padding: 35px 30px 30px 35px;
    background: #F5F9FA;
    border: 1px solid #EAEBF4;
    border-radius: 8px;
}

.dash-wallet h3 {
    color: #1E2B38;
    font-size: 22px;
    font-family: "GellixSemiBold";
}

.dash-wallet h2 {
    color: #EC671E;
    font-size: 35px;
    font-family: "GellixBold";
}

.btn-fund {
    width: 149px;
    height: 50px;
    background: #EC671E;
    border-radius: 3px;
    color: #FFFFFF !important;
    font-size: 18px;
    font-family: "GellixSemiBold";
    display: inline-block;
    margin-bottom: 30px;
    text-align: center;
    padding: 10px 0 0 0;
}

.div-pay-method {
    background: #F5F9FA;
    border: 1px solid #EAEBF4;
    border-radius: 10px;
    margin-top: 30px;
    padding: 39px 40px 40px 40px;
    height: 335px;
}

.btn-add-n {
    width: 125px;
    height: 40px;
    background: #BA58E6;
    border-radius: 25px;
    font-size: 16px;
    font-family: "GellixSemiBold";
    display: inline-block;
    margin-bottom: 30px;
    text-align: center;
    padding: 0 0 0 0;
    border: 0;
    color: #fff;
}

.dis-able {
    font-size: 20px;
    color: #45617C;
    font-family: "GellixMedium";
    margin: 60px 0 0 0;
}

.wh-your-edit.stale {
    padding: 50px 100px 78px 29px;
}

.text-job-div {
    padding: 0 0 0 60px;
}

.numbering.wh {
    background: #FFFFFF;
    border: 1px solid #EAEBF4;
}

.numbering {
    display: inline-block;
    background: #EAEBF4;
    border: 1px solid #EAEBF4;
    color: #45617C;
    font-size: 18px;
    font-family: "GellixSemiBold";
    height: 31px;
    width: 31px;
    border-radius: 50%;
    padding: 2px 0 0 10px;
    position: absolute;
    left: -59px;
    top: 0;
    z-index: 2;
}

.text-job-div h2::after {
    content: "";
    border-right: 1px solid #ddd;
    display: block;
    position: absolute;
    left: -44px;
    top: 0;
    height: 772px;
    z-index: 0;
}

.text-job-div h2.last::after {
    display: none;
}

.numbering:last-child:after {
    display: none;
}

.text-job-div h2 {
    font-size: 25px;
    color: #1E2B38;
    font-family: "GellixBold";
    margin: 50px 0 0px 0;
    position: relative;
    z-index: 0;
}

.text-job-div h2:first-child {
    margin-top: 0;
}

.text-job-div select {
    border: 0;
    height: 60px;
    width: 100%;
    color: #8A8EA0;
    font-size: 18px;
    font-family: "GellixMedium";
    background: #F5F9FA url(../images/chg.png) no-repeat;
    background-size: 14px 11px;
    background-position: top 51% right 26px;
    border: 1px solid #EAEBF4;
    border-radius: 4px;
    padding: 0 15px;
    appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}

.text-job-div .select2.select2-container .select2-selection {
    border: 1px solid #EAEBF4;
    height: 60px;
    width: 100%;
    color: #8A8EA0;
    font-size: 17px;
    font-family: "GellixMedium";
    background: #F5F9FA url(../images/chg.png) no-repeat !important;
    background-size: 14px 11px !important;
    background-position: top 52% right 26px !important;
    border: 1px solid #EAEBF4;
    border-radius: 4px;
    padding: 5px 4px !important;
    appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}

.text-job-div .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #8A8EA0;
    line-height: 49px;
}

.text-job-div select.selPostDrp+.select2-container .select2-selection__arrow {
    display: none;
}

.text-job-div select.selPostDrp .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #8A8EA0;
    line-height: 28px;
}

.post-job-layout .select2-search.select2-search--dropdown {
    display: none;
}

.text-job-div label {
    font-size: 19px;
    color: #45617C;
    font-family: "GellixMedium";
    display: block;
    margin-top: 28px;
}

.text-job-div input {
    height: 60px;
    width: 100%;
    color: #8A8EA0;
    font-size: 18px;
    font-family: "GellixMedium";
    background: #F5F9FA;
    border: 1px solid #EAEBF4;
    border-radius: 4px;
    padding: 0 15px;
}

.text-job-div textarea {
    height: 210px;
    width: 100%;
    color: #8A8EA0;
    font-size: 18px;
    font-family: "GellixMedium";
    background: #F5F9FA;
    border: 1px solid #EAEBF4;
    border-radius: 4px;
    padding: 12px 15px;
    resize: none;
    font-size: 17px;
}


/*radio buttons like buttons*/

span.radio-btn {
    margin: 0;
    display: inline-block;
    width: max-content;
    float: none;
}

span.radio-btn label {
    margin-bottom: 0;
}

span.radio-btn input[type="radio"] {
    opacity: 0;
    position: absolute;
    width: 0;
    height: 0;
}


/* style your lables/button */

span.radio-btn input[type="radio"]+label {
    cursor: pointer;
    display: inline-block;
    height: 60px;
    width: 189px;
    background: #efefef;
    color: #8A8EA0;
    font-family: "GellixMedium";
    border-radius: 3px;
    text-align: center;
    font-size: 17px;
    margin-right: 25px;
    padding: 17px 0 0 0;
    margin: 0 22px 0 0;
}

span.radio-btn input[type="radio"]:checked+label {
    height: 60px;
    width: 189px;
    color: #8A8EA0;
    background: #FFFFFF;
    box-shadow: 0px 3px 16px #6A7C9829 !important;
    border-radius: 4px;
}


/*end radio buttons*/

.radiance select {
    width: 223px;
    height: 60px;
    color: #8A8EA0;
    font-size: 18px;
    font-family: "GellixMedium";
    background: #F5F9FA url(../images/chg.png) no-repeat;
    background-size: 14px 11px;
    background-position: top 54% right 33px;
    border: 1px solid #EAEBF4;
    border-radius: 4px;
    padding: 0 15px;
    appearance: none;
    -moz-appearance: none;
    position: relative;
}

.dropzone {
    min-height: 250px!important;
    border: 2px solid rgba(0, 0, 0, 0.3);
    background: white;
    padding: 50px 20px;
    text-align: center;
    background: #F5F9FA!important;
    border: 1px solid #EAEBF4!important;
    border-radius: 20px!important;
    margin-top: 35px!important;
}

.dz-message div {
    width: max-content;
    margin: 0 auto;
}

.dz-message div img {
    height: 65px;
    width: auto;
}

.dz-message h4 {
    font-size: 21px;
    color: #45617C;
    font-family: "GellixMedium";
    margin: 21px 0 0 0;
}

.dz-message h4 span {
    color: #BA58E6;
}

a.btn-post-job {
    width: 214px;
    height: 60px;
    background: #EC671E;
    border-radius: 5px;
    font-size: 20px;
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    padding: 14px 0 0 0;
    border: 0;
    font-family: "GellixMedium";
    color: #fff !important;
    margin: 56px 0 0 0;
}

.right-jb {
    padding: 50px 18px 10px 33px;
}

.right-jb h4 {
    font-size: 24px;
    color: #1E2B38;
    font-family: "GellixBold";
    margin: 0;
    padding: 0;
}

.right-job-div {
    display: flex;
    padding: 30px 20px 30px 34px;
    border-bottom: 1px solid #ddd;
}

.right-job-div.last {
    border-bottom: 0;
}

.img-jb {
    height: 94px;
    width: 94px;
    border-radius: 30px;
}

.img-jb img {
    height: 100%;
    width: 100%;
    border-radius: 30px;
    object-fit: cover;
}

.jb-left {
    padding: 2px 0 0 18px;
}

.jb-left ul li i {
    background: transparent linear-gradient(180deg, #EC671E 0%, #E6C75F 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    -webkit-text-decoration-color: #EC671E !important;
    text-decoration-color: #EC671E !important;
    font-size: 14px;
}

.jb-left .ul-rate {
    list-style: none;
    margin: 0 0 0 0px;
    padding: 0;
    display: inline-block;
}

.jb-left h3 {
    font-size: 20px;
    color: #272D3B;
    font-family: "GellixSemiBold";
    margin-top: 0;
}

.jb-left h4 {
    font-size: 17px;
    color: #45617C;
    font-family: "GellixMedium";
    margin-top: 0;
}

ul.call-chat {
    margin: 0 0 0 auto;
    padding: 0;
    list-style: none;
}

ul.call-chat li {
    display: inline-block;
}

ul.call-chat li a {
    width: 43px;
    height: 43px;
    background: #FFFFFF;
    box-shadow: 0px 3px 10px #787F8B29;
    border-radius: 140px;
    display: inline-flex;
    padding: 14px 0 0 11px;
    margin-right: 8px;
}

ul.call-chat li a img {
    height: 20px;
    width: auto;
}

.jb-right {
    width: 147px;
    text-align: right;
}

.wh-your-edit.jb .tb-paginate {
    margin: 0 0 48px 30px !important;
    padding: 6px 0 44px 0;
    display: block;
}

.wh-your-edit.split-menu .col-sm-2 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.wh-your-edit.split-menu .col-sm-10 {
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
}

.text-job-div.public {
    padding: 0 0 0 0px;
}

.edit-right.public-edit {
    padding: 49px 20px 120px 50px;
    background: #fff;
}

.text-job-div.public h2::after {
    content: "";
    border-right: 1px solid #ddd;
    display: block;
    position: absolute;
    left: -44px;
    top: 0;
    height: 800px;
    z-index: 0;
    display: none;
}

.dashboard-sect.support-sect {
    padding: 60px 0 70px 0;
    min-height: 100vh;
}

.div-left-support {
    background: #FFFFFF;
    box-shadow: 7px 0px 10px #7C7E8612;
    border-radius: 20px 0px 0px 10px;
    padding: 30px 0 30px 0;
    height: 100%;
    z-index: 1;
    position: relative;
    min-height: 100vh;
}

.div-left-support .nav.leftSideScroll.nav-pills.mCustomScrollbar._mCS_1 {
    max-height: 600px;
}

.div-left-support input {
    width: 90.8%;
    color: #8A8EA0;
    font-size: 15px;
    padding: 10px 20px;
    font-family: "GellixRegular";
    background: #F5F9FA;
    border: 1px solid #EAEBF4;
    border-radius: 23px;
    display: inline-block;
    margin-bottom: 34px;
    margin-left: 16px;
}

.div-left-support ul {
    margin: 0;
    padding: 0;
}

.div-left-support ul li.nav-item {
    display: block;
    margin-bottom: 15px;
}

.div-left-support ul li a.nav-link {
    display: block;
    background: transparent;
    color: unset;
}

.div-left-support ul li a.nav-link.active {
    display: block;
    background: transparent;
    color: unset;
    position: relative;
} 

.div-left-support ul li a.nav-link.active::before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 0px;
    height: 74px;
    border-left: 4px solid #EC671E;
}

.tab-img {
    height: 72px;
    width: 72px;
    flex: 0 0 72px;
    border-radius: 50%;
    margin-right: 10px;
}
.gl-img video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.tab-img img {
    height: 100%;
    width: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.div-left-support ul li a.nav-link.active h5 {
    font-size: 20px;
    color: #1E2B38;
    font-family: "GellixBold";
    position: relative;
    width: max-content;
}

.div-left-support ul li a.nav-link.online h5::after {
    content: "";
    position: absolute;
    right: -11px;
    top: 12px;
    height: 10px;
    width: 10px;
    background: #EC671E;
    border-radius: 50%;
}

.div-left-support ul li a.nav-link.active p {
    font-size: 17px;
    color: #45617C;
    font-family: "GellixMedium";
}

.tab-user h5 {
    font-size: 20px;
    color: #1E2B38;
    font-family: "GellixMedium";
}

.tab-user p {
    font-size: 17px;
    color: #45617C;
    font-family: "GellixMedium";
}

.chat-header {
    background: #FFFFFF;
    box-shadow: 0px 4px 10px #9599B122;
    height: 75px;
    width: 100%;
    padding: 23px 0 0 29px;
    position: relative;
}

.chat-header h4 {
    font-size: 22px;
    color: #1E2B38;
    font-family: "GellixBold";
}

.chat-msgs {
    height: 584px;
    background: #fff;
    overflow: hidden;
    overflow-y: auto;
    padding: 50px 10px 56px 34px;
    /* box-shadow: 0px 4px 30px #9599B122; */
}

.chat-msgs .mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: -13px;
    height: auto;
}

.chat-msgs .mCSB_inside>.mCSB_container {
    margin-right: 16px;
}

.div-sender {
    display: flex;
    margin-bottom: 55px;
}

.div-reciever {
    margin-bottom: 55px;
}

.div-sender img {
    height: 60px;
    width: auto;
    border-radius: 50%;
    margin-right: 15px;
}

.div-reciever .text-recieve {
    max-width: 60%;
    background: #FCEFEF;
    border-radius: 20px 20px 0px 20px;
    font-size: 18px;
    color: #45617C;
    font-family: "GellixRegular";
    position: relative;
    margin: 0 0 10px auto;
    padding: 16px 21px;
}
.div-sender .text-recieve {
    padding: 16px 21px;
}
.text-recieve {
    max-width: 90%;
    padding: 5px 12px 5px;
    background: #F5F6FA;
    border-radius: 0px 10px 10px 10px;
    font-size: 18px;
    color: #45617C;
    font-family: "GellixRegular";
    position: relative;
}

.text-recieve span {
    position: absolute;
    bottom: -24px;
    right: 0;
    font-size: 13px;
    color: #8A8EA0;
    font-family: "GellixMedium";
    white-space: nowrap;
}
.messages.text-recieve.sent-message {
    background: #FCEFEF;
    border-radius: 10px 0px 10px 10px;
}

.write-msg-div {
    background: #fff;
    width: 100%;
    position: relative;
    /* box-shadow: 0px 4px 30px #9599B122; */
    border-top: 1px solid #E7E7EA;
    padding: 20px 38px;
    padding-right: 0;
}
.write-msg-div form#replyMessage {
    display: flex;
    /* align-items: end; */
    align-items: flex-start;
}
.write-msg-div textarea {
    height: 91px;
    width: 100%;
    font-size: 18px;
    color: #45617C;
    font-family: "GellixMedium";
    border: 0;
    padding: 0;
    resize: none;
    line-height: 22px;
}

.write-msg-div button {
    border: 0;
    background: transparent;
    color: #EC671E;
    font-size: 23px;
    position: static;
    top: 15px;
    right: 65px;
    transform: rotate(-1deg);
    padding: 0 4px 0 9px;
    cursor: pointer;
}
.messages.text-recieve.sent-message {
    background: #FCEFEF;
    border-radius: 10px 0px 10px 10px;
}
.write-msg-div form#replyMessage {
    display: flex;
}
.messages.text-recieve p {
    margin: 0;
}

.avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.chat-opened .avatar img{
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.flex-row .avatar,
.flex-row-reverse .avatar {
    margin-left: 15px;
}
.flex-row-reverse .avatar{
    display:none;
}
.chat-opened .panel-footer .input-group.form-controls {
    border-radius: 0;
    display: flex;
}

.chat-opened .panel-footer .input-group.form-controls textarea {
    border-radius: 0;
    border: 0;
    padding: 0 30px;
    margin-right: 0;
    color: #45617C;
    font-size: 18px;
    line-height: 60px;
    height: 60px;
}

.chat-opened .panel-footer .input-group.form-controls span.input-group-btn button {
    background: transparent;
    border: 0;
    color: #EC671E;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    font-size: 25px;
    padding:0;
}


.panel-body.chat-area .messages {
    min-width: 112px;
    margin: 0;
    margin-left: 14px;
    font-size: 17px;
    border-radius: 20px;
    border-top-left-radius: 0;
    padding: 13px 15px;
}
.panel-body.chat-area .flex-row-reverse .messages{
    margin-left: 0;
    margin-right: 0;
    background: #FCEFEF;
    border-top-left-radius: 8px;
    border-top-right-radius: 0;
}
.chat-opened .panel-footer .input-group.form-controls span.input-group-btn {
    position: relative;
    width: 42px;
}
.write-msg-div .box.paperclip span {
    position: absolute;
    top: -14px;
    background: #fff;
    width: 200px;
    left: -165px;
    transform: rotate(1deg);
    padding: 0px 10px;
    text-align: left;
    font-size: 14px;
    font-family: unset;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-shadow: 0 2px 4px #eee;
    border-radius: 6px;
    font-weight: 300;
    letter-spacing: 1px;
}

.div-right-support {
    background: #F5F9FA;
    border: 1px solid #E8E8E8;
    border-radius: 0px 20px 20px 0px;
    height: 100%;
    padding: 50px 0px;
    margin-left: 0;
}

.div-right-support .prov-img {
    width: 150px;
    height: 132px;
    border-radius: 35px;
    margin: 0 auto 0 auto;
}

.support-user {
    padding-bottom: 42px;
    border-bottom: 1px solid #ddd;
    padding-right: 30px;
    padding-left: 30px;
}

.support-user h3 {
    margin: 8px 0 5px 0;
    padding: 0;
    font-size: 19px;
    color: #1E2B38;
    font-family: "GellixBold";
}

.support-user h4 {
    margin: 0 0 4px 0;
    padding: 0;
    font-size: 16px;
    color: #45617C;
    font-family: "GellixBold";
}

.support-user h5 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #45617C;
    font-family: "GellixBold";
}

.div-right-support .acc-pr-div {
    padding: 30px 25px 15px 28px;
    border-bottom: 1px solid #ddd;
}

.div-right-support .accordion-info .panel-title>a::before {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    color: #45617C !important;
    font-weight: 900;
    padding-right: 0;
    font-size: 14px;
    float: right;
    margin-top: 0;
}

.div-right-support .accordion-info h4.panel-title a {
    color: #45617C !important;
    font-size: 15px;
    /* font-family: "GellixSemiBold"; */
    text-transform: uppercase;
    width: 100%;
    display: inline-block;
}

.div-right-support .accordion-info .mail-list li a {
    font-size: 14px;
    color: #45617C;
    /* font-family: "GellixMedium"; */
    margin-bottom: 14px;
    display: inline-block;
}

.div-right-support .acc-pr-div.tw {
    border: 0;
}

.m-dash2 .row-dash-boxes .dash-box {
    width: 20%;
    margin-right: 23px;
    border-radius: 8px;
    background: #EDEEF4;
}


/*----Ck checkbox buttons----*/

#ck-button {
    margin: 0 10px 10px 0;
    border-radius: 4px;
    border: 1px solid #D0D0D0;
    overflow: auto;
    float: unset;
    background: #FFFFFF;
    border: 1px solid #D6DBE0;
    border-radius: 4px;
    display: inline-block;
}

.ckPublic #ck-button:last-child {
    border: 1px solid #D6DBE0;
}

#ck-button:last-child {
    border: 0;
}

#ck-button label {
    float: left;
    width: unset;
    padding: 0;
    margin: 0;
}

#ck-button label span {
    text-align: center;
    padding: 3px 0px;
    display: block;
    font-size: 17px;
    height: 37px;
    padding: 5px 20px 0 20px;
}

#ck-button label input {
    position: absolute;
    top: -20px;
    opacity: 0;
}

#ck-button input:checked+span {
    color: #45617C;
    background: #EAEDF4;
    border: 1px solid #DEE3E6;
    border-radius: 4px;
}


/*add-btn*/

#ck-button.loadMoreCategories {
    border: 0 !important;
}

.add-btn {
    font-size: 16px;
    color: #EC671E !important;
    font-family: "GellixMedium";
    background: #F5F2EC;
    border-radius: 4px;
    display: inline-block;
    height: 38px;
    width: 103px;
    /* border: 0; */
    text-align: center;
    border: 0 !important;
    box-shadow: none;
    padding-top: 7px;
    cursor: pointer;
}

.form-group.full-grp {
    margin-bottom: 0px;
}

.slider-sub-img {
    height: 239px;
    width: 100%;
    background: transparent linear-gradient(180deg, #00000000 0%, #000000BE 100%);
    border-radius: 3px;
    position: relative;
}

.slider-sub-img::after {
    content: "";
    background: transparent linear-gradient(180deg, #00000000 0%, #000000BE 100%);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.slider-sub-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    background: transparent linear-gradient(180deg, #00000000 0%, #000000BE 100%);
    border-radius: 3px;
}

.slider-sub.owl-theme .owl-controls {
    margin: -25px 0 38px -18px;
    padding: 0;
    position: relative;
}

.slider-sub.owl-theme .owl-dots .owl-dot span {
    background: #e3e3e3;
    width: 33px;
    height: 3px;
    border-radius: 6px;
}

.slider-sub.owl-theme .owl-dots .owl-dot.active span,
.slider-sub.owl-theme .owl-dots .owl-dot:hover span {
    background: #ec671e;
    width: 58px;
}

.div-notific {
    position: relative;
    cursor: pointer;
}

.Notific-menu {
    height: auto;
    background: #fff;
    width: 300px;
    padding: 46px 0px;
    text-align: center;
    position: absolute;
    top: 59px;
    right: -76px;
    border-radius: 30px;
    display: none;
}

.Notific-menu.show::before {
    content: "";
    border-width: 0px 14px 16px 14px;
    border-style: solid;
    border-color: red transparent #fff transparent;
    position: absolute;
    top: -16px;
    right: 69px;
}

.Notific-menu.show {
    display: block;
}

.Notific-menu button {
    background: #EC671E;
    border-radius: 25px;
    color: #fff;
    font-size: 17px;
    font-family: "GellixMedium";
    display: inline-block;
    width: 140px;
    height: 40px;
    border: 0;
}

.Notific-menu h3 {
    font-size: 21px;
    font-family: "GellixSemiBold";
    color: #1E2B38;
    margin: 13px 0 37px 0;
}

.forgot-link {
    display: inline-block;
    margin: 15px 19% 0 0;
    float: right;
    background: transparent linear-gradient(180deg, var(--unnamed-color-ec671e) 0%, #E6C75F 100%);
    background: transparent linear-gradient(180deg, #EC671E 0%, #E6C75F 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    -webkit-text-decoration-color: #EC671E !important;
    text-decoration-color: #EC671E !important;
}

.or-div {
    width: 81.5%;
    background: transparent;
    text-align: center;
    font-size: 18px;
    color: #444D57;
    font-family: "GellixMedium";
    margin: 26px 0 31px 0;
    position: relative;
}

.or-div h5 {
    background: #fff;
    width: max-content;
    margin: 0 auto;
    padding: 0 17px;
    z-index: 1;
    position: relative;
    top: 3px;
}

.or-div::before {
    border-top: 1px solid #ddd;
    position: absolute;
    top: 13px;
    width: 100%;
    display: block;
    content: "";
}

.number-fields.t-null {
    margin: 8px 0 0 0;
}

.login-layout .anchor-notificate {
    display: none;
}


/* .login-layout .header-right.text-right {
	margin: 18px 0 0 0;
} */

.header-right.text-right .show {
    display: inline !important;
}

.login-layout .site-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    transition: all 0.5s ease-in-out;
    z-index: 99;
    padding: 18px 0;
    background: #FFFFFF;
    box-shadow: 0px 3px 11px #14172C1A;
}

.login-layout .site-header.fixed-header {
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 0;
    transition: all 0.5s ease-in-out;
}

.div-packages {
    height: 130px;
    margin-bottom: 19px;
    background: url(../images/mg-org.svg) no-repeat;
    background-size: cover;
    border-radius: 5px;
    /* background: #EC671E; */
    padding: 18px 0 0 35px;
    position: relative;
}

.div-packages.bl {
    background: url(../images/mg-bl.svg) no-repeat;
    background-size: cover;
}

.div-packages a {
    padding: 0 !important;
    color: #fff !important;
}

.header-right .div-packages a:hover {
    color: #fff !important;
}

.div-packages a i {
    margin-left: 8px;
    position: relative;
    top: 2px;
}

.div-packages h4 {
    font-size: 25px;
    color: #FFFFFF;
    font-family: "GellixBold";
    margin: 10px 0 14px 0;
}

.div-packages a .arrow {
    background: #fff;
    height: 2px;
    width: 22px;
    margin: 0 auto;
    position: relative;
    cursor: pointer;
    display: inline-block;
    left: 5px;
    top: -4px;
    transition: all 0.5s ease-in-out;
}

.div-packages a .arrow::before {
    right: 2px;
    bottom: 0px;
    transform: rotate(-45deg);
}

.div-packages a .arrow::before {
    right: 2px;
    bottom: 0px;
    transform: rotate(-45deg);
}

.div-packages a .arrow::before,
.div-packages a .arrow::after {
    content: "";
    background: #fff;
    position: absolute;
    height: 7px;
    width: 2px;
}

.div-packages a .arrow::after {
    right: 2px;
    top: -1px;
    transform: rotate(45deg);
}

.div-packages a .arrow::before,
.div-packages a .arrow::after {
    content: "";
    background: #fff;
    position: absolute;
    height: 7px;
    width: 2px;
}

.div-packages a:hover .arrow,
.div-packages a:focus .arrow {
    transition: all 0.5s ease-in-out;
    left: 15px;
}

.header-right ul li .catlink .flip-box-back a {
    color: #ec671e;
}

.site-header.fixed-header .megaoverlay a {
    color: #444D57 !important;
    padding: 0;
    font-size: 13px;
}

.site-header.fixed-header .megaoverlay a:hover {
    color: #fff !important;
}

.box.file-ster label {
    padding: 0 !important;
    line-height: 20px;
}

.img-user .box.file-ster {
    position: absolute;
    right: 18px;
    bottom: 4px;
}


/*-----------layout shuffle------------*/

.forgot-password-layout .wh-logo {
    display: none;
}

.forgot-password-layout .bl-logo {
    display: inline-block;
}

.forgot-password-layout .header-right ul li a {
    font-family: "GellixRegular";
    font-size: 17px;
    color: #000;
    position: relative;
    padding: 0 20px;
}

.forgot-password-layout a.dropdown-toggle::after {
    background: url(../images/sm-ch.png) no-repeat;
    width: 10px;
    height: 7px;
    position: absolute;
    border: 0;
    top: 10px;
    background-size: 100%;
    right: 0;
}

.forgot-password-layout .site-header.fixed-header .languagetraslator select {
    background: url(../images/sm-ch.png) no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    font-family: "GellixRegular";
    font-size: 17px;
    color: #fff;
    background-size: 10px 7px;
    background-position: center right;
    padding: 0 12px;
    cursor: pointer;
}

.forgot-password-layout .languagetraslator select {
    color: #000;
    background: url(../images/sm-ch.png) no-repeat;
    background-size: 10px 7px;
    background-position: center right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.forgot-password-layout .anchor-notificate {
    display: none;
}


/* .forgot-password-layout .header-right.text-right {
	margin-top: 19px;
} */

.forgot-password-layout .site-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    transition: all 0.5s ease-in-out;
    z-index: 99;
    padding: 18px 0;
    background: #FFFFFF;
    box-shadow: 0px 3px 11px #14172C1A;
}

.forgot-password-layout .site-header.fixed-header {
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 0;
    transition: all 0.5s ease-in-out;
}

.password-layout .wh-logo {
    display: none;
}

.password-layout .bl-logo {
    display: inline-block;
}

.password-layout .header-right ul li a {
    font-family: "GellixRegular";
    font-size: 17px;
    color: #000;
    position: relative;
    padding: 0 20px;
}

.password-layout a.dropdown-toggle::after {
    background: url(../images/sm-ch.png) no-repeat;
    width: 10px;
    height: 7px;
    position: absolute;
    border: 0;
    top: 10px;
    background-size: 100%;
    right: 0;
}

.password-layout .site-header.fixed-header .languagetraslator select {
    background: url(../images/sm-ch.png) no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    font-family: "GellixRegular";
    font-size: 17px;
    color: #fff;
    background-size: 10px 7px;
    background-position: center right;
    padding: 0 12px;
    cursor: pointer;
}

.password-layout .languagetraslator select {
    color: #000;
    background: url(../images/sm-ch.png) no-repeat;
    background-size: 10px 7px;
    background-position: center right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.password-layout .anchor-notificate {
    display: none;
}


/* .password-layout  .header-right.text-right {
	margin-top: 19px;
} */

.password-layout .site-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    transition: all 0.5s ease-in-out;
    z-index: 99;
    padding: 18px 0;
    background: #FFFFFF;
    box-shadow: 0px 3px 11px #14172C1A;
}

.password-layout .site-header.fixed-header {
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 0;
    transition: all 0.5s ease-in-out;
}

.password-layout .search-bt img {
    height: 18px;
    width: auto;
    position: relative;
    top: -1px;
    filter: brightness(1) invert(1);
}

.forgot-password-layout .search-bt img {
    height: 18px;
    width: auto;
    position: relative;
    top: -1px;
    filter: brightness(1) invert(1);
}

.-layout .search-bt img.lit2 {
    display: none!important;
}

.-layout .search-bt img.lit1 {
    display: block;
}


/*password layout*/

.password-layout .search-bt img.lit2 {
    display: none!important;
}

.password-layout .search-bt img.lit1 {
    display: block;
    position: relative;
    top: 2px;
    height: 16px;
}

.password-layout .header-right ul li a img {
    position: relative;
    top: -3px;
    filter: brightness(1) invert(1);
}

.password-layout .fixed-header .header-right ul li a img {
    position: relative;
    top: -3px;
    filter: unset;
}


/*----------------Providers profile layout-------------------------*/

.providers-profile-layout .site-header .wh-logo {
    display: inline-block;
}

.providers-profile-layout .site-header .bl-logo {
    display: none;
}

.providers-profile-layout .site-header.fixed-header .wh-logo {
    display: inline-block;
}

.providers-profile-layout .site-header.fixed-header .bl-logo {
    display: none;
}

.providers-profile-layout .header-right ul li a {
    font-family: "GellixRegular";
    font-size: 17px;
    color: #fff;
    position: relative;
    padding: 0 20px;
}

.providers-profile-layout a.dropdown-toggle::after {
    background: url(../images/trDown.png) no-repeat;
    width: 10px;
    height: 7px;
    position: absolute;
    border: 0;
    top: 10px;
    background-size: 100%;
    right: 0;
}

.providers-profile-layout .site-header.fixed-header .languagetraslator select {
    background: url(../images/trDown.png) no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    font-family: "GellixRegular";
    font-size: 17px;
    color: #fff;
    background-size: 10px 7px;
    background-position: center right;
    padding: 0 12px;
    cursor: pointer;
}

.providers-profile-layout .languagetraslator select {
    color: #fff;
    background: url(../images/trDown.png) no-repeat;
    background-size: 10px 7px;
    background-position: center right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.providers-profile-layout .anchor-notificate {
    display: none;
}


/* .providers-profile-layout  .header-right.text-right {
	margin-top: 19px;
} */

.providers-profile-layout .site-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    transition: all 0.5s ease-in-out;
    z-index: 99;
    padding: 18px 0;
    background: transparent;
    box-shadow: 0px 3px 11px #14172C1A;
}

.providers-profile-layout .site-header.fixed-header {
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 0;
    transition: all 0.5s ease-in-out;
}

.providers-profile-layout .search-bt img {
    height: 18px;
    width: auto;
    position: relative;
    top: -1px;
    filter: brightness(0) invert(1);
}

.providers-profile-layout .search-bt img.lit2 {
    display: none!important;
}

.providers-profile-layout .search-bt img.lit1 {
    display: block;
    position: relative;
    top: 0;
    height: 16px;
}

.providers-profile-layout .header-right ul li a img {
    position: relative;
    top: -3px;
    filter: brightness(0) invert(1);
}

.providers-profile-layout .fixed-header .header-right ul li a img {
    position: relative;
    top: -3px;
    filter: unset;
}

.providers-profile-layout .fixed-header .search-bt img {
    height: 18px;
    width: auto;
    position: relative;
    top: -1px;
    filter: brightness(0) invert(1);
}


/*provider-layout */

.provider-layout .site-header .wh-logo {
    display: inline-block;
}

.provider-layout .site-header .bl-logo {
    display: none;
}

.provider-layout .site-header.fixed-header .wh-logo {
    display: inline-block;
}

.provider-layout .site-header.fixed-header .bl-logo {
    display: none;
}

.provider-layout .header-right ul li a {
    font-family: "GellixRegular";
    font-size: 17px;
    color: #fff;
    position: relative;
    padding: 0 20px;
}

.provider-layout a.dropdown-toggle::after {
    background: url(../images/trDown.png) no-repeat;
    width: 10px;
    height: 7px;
    position: absolute;
    border: 0;
    top: 10px;
    background-size: 100%;
    right: 0;
}

.provider-layout .site-header.fixed-header .languagetraslator select {
    background: url(../images/trDown.png) no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    font-family: "GellixRegular";
    font-size: 17px;
    color: #fff;
    background-size: 10px 7px;
    background-position: center right;
    padding: 0 12px;
    cursor: pointer;
}

.provider-layout .languagetraslator select {
    color: #fff;
    background: url(../images/trDown.png) no-repeat;
    background-size: 10px 7px;
    background-position: center right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.provider-layout .anchor-notificate {
    display: none;
}


/* ..provider-layout   .header-right.text-right {
	margin-top: 19px;
} */

.provider-layout .site-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    transition: all 0.5s ease-in-out;
    z-index: 99;
    padding: 18px 0;
    background: transparent;
    box-shadow: none;
}

.provider-layout .site-header.fixed-header {
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 0;
    transition: all 0.5s ease-in-out;
}

.provider-layout .search-bt img {
    height: 18px;
    width: auto;
    position: relative;
    top: -1px;
    filter: brightness(0) invert(1);
}

.provider-layout .search-bt img.lit2 {
    display: none!important;
}

.provider-layout .search-bt img.lit1 {
    display: block;
    position: relative;
    top: 0;
    height: 16px;
}

.provider-layout .header-right ul li a img {
    position: relative;
    top: -3px;
    filter: brightness(0) invert(1);
}

.provider-layout .fixed-header .header-right ul li a img {
    position: relative;
    top: -3px;
    filter: unset;
}

.provider-layout .fixed-header .search-bt img {
    height: 18px;
    width: auto;
    position: relative;
    top: -1px;
    filter: brightness(0) invert(1);
}

.provider-layout .site-header {
    transition: all 0.5s ease-in-out;
    z-index: 99;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}

.provider-layout .site-content {
    margin-top: 0;
}

.provider-layout .search-bt img.lit2 {
    display: none!important;
}

.provider-layout .search-bt img.lit1 {
    display: block;
}

.provider-layout .div-notific {
    display: none;
}


/*--------------------------------------------------------------------------------------------------------------------*/


/*------------------------custom layout changes----------------------*/

.services-layout .site-header .wh-logo {
    display: inline-block;
}

.services-layout .site-header .bl-logo {
    display: none;
}

.services-layout .site-header.fixed-header .wh-logo {
    display: inline-block;
}

.services-layout .site-header.fixed-header .bl-logo {
    display: none;
}

.services-layout .header-right ul li a {
    font-family: "GellixRegular";
    font-size: 17px;
    color: #fff;
    position: relative;
    padding: 0 20px;
}

.services-layout a.dropdown-toggle::after {
    background: url(../images/trDown.png) no-repeat;
    width: 10px;
    height: 7px;
    position: absolute;
    border: 0;
    top: 10px;
    background-size: 100%;
    right: 0;
}

.services-layout .site-header.fixed-header .languagetraslator select {
    background: url(../images/trDown.png) no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    font-family: "GellixRegular";
    font-size: 17px;
    color: #fff;
    background-size: 10px 7px;
    background-position: center right;
    padding: 0 12px;
    cursor: pointer;
}

.services-layout .languagetraslator select {
    color: #fff;
    background: url(../images/trDown.png) no-repeat;
    background-size: 10px 7px;
    background-position: center right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.services-layout .anchor-notificate {
    display: none;
}


/* .services-layout  .header-right.text-right {
	margin-top: 19px;
} */

.services-layout .site-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    transition: all 0.5s ease-in-out;
    z-index: 99;
    padding: 18px 0;
    background: transparent;
    box-shadow: 0px 3px 11px #14172C1A;
}

.services-layout .site-header.fixed-header {
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 0;
    transition: all 0.5s ease-in-out;
}

.services-layout .search-bt img {
    height: 18px;
    width: auto;
    position: relative;
    top: -1px;
    filter: brightness(0) invert(1);
}

.services-layout .search-bt img.lit2 {
    display: none!important;
}

.services-layout .search-bt img.lit1 {
    display: block;
    position: relative;
    top: 0;
    height: 16px;
}

.services-layout .header-right ul li a img {
    position: relative;
    top: -3px;
    filter: brightness(0) invert(1);
}

.services-layout .fixed-header .header-right ul li a img {
    position: relative;
    top: -3px;
    filter: unset;
}

.services-layout .fixed-header .search-bt img {
    height: 18px;
    width: auto;
    position: relative;
    top: -1px;
    filter: brightness(0) invert(1);
}

.services-layout .site-header {
    transition: all 0.5s ease-in-out;
    z-index: 99;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}

.services-layout .site-content {
    margin-top: 0;
}

.services-layout .search-bt img.lit2 {
    display: none!important;
}

.services-layout .search-bt img.lit1 {
    display: block;
}

.services-layout .div-notific {
    display: none;
}


/*--------------------book-service-step2-layout --------------------------*/

.book-service-step2-layout .site-header .wh-logo {
    display: inline-block;
}

.book-service-step2-layout .site-header .bl-logo {
    display: none;
}

.book-service-step2-layout .site-header.fixed-header .wh-logo {
    display: inline-block;
}

.book-service-step2-layout .site-header.fixed-header .bl-logo {
    display: none;
}

.book-service-step2-layout .header-right ul li a {
    font-family: "GellixRegular";
    font-size: 17px;
    color: #fff;
    position: relative;
    padding: 0 20px;
}

.book-service-step2-layout a.dropdown-toggle::after {
    background: url(../images/trDown.png) no-repeat;
    width: 10px;
    height: 7px;
    position: absolute;
    border: 0;
    top: 10px;
    background-size: 100%;
    right: 0;
}

.book-service-step2-layout .site-header.fixed-header .languagetraslator select {
    background: url(../images/trDown.png) no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    font-family: "GellixRegular";
    font-size: 17px;
    color: #fff;
    background-size: 10px 7px;
    background-position: center right;
    padding: 0 12px;
    cursor: pointer;
}

.book-service-step2-layout .languagetraslator select {
    color: #fff;
    background: url(../images/trDown.png) no-repeat;
    background-size: 10px 7px;
    background-position: center right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.book-service-step2-layout .anchor-notificate {
    display: none;
}


/* .book-service-step2-layout  .header-right.text-right {
	margin-top: 19px;
} */

.book-service-step2-layout .site-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    transition: all 0.5s ease-in-out;
    z-index: 99;
    padding: 18px 0;
    background: transparent;
    box-shadow: 0px 3px 11px #14172C1A;
}

.book-service-step2-layout .site-header.fixed-header {
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 0;
    transition: all 0.5s ease-in-out;
}

.book-service-step2-layout .search-bt img {
    height: 18px;
    width: auto;
    position: relative;
    top: -1px;
    filter: brightness(0) invert(1);
}

.book-service-step2-layout .search-bt img.lit2 {
    display: none!important;
}

.book-service-step2-layout .search-bt img.lit1 {
    display: block;
    position: relative;
    top: 0;
    height: 16px;
}

.book-service-step2-layout .header-right ul li a img {
    position: relative;
    top: -3px;
    filter: brightness(0) invert(1);
}

.book-service-step2-layout .fixed-header .header-right ul li a img {
    position: relative;
    top: -3px;
    filter: unset;
}

.book-service-step2-layout .fixed-header .search-bt img {
    height: 18px;
    width: auto;
    position: relative;
    top: -1px;
    filter: brightness(0) invert(1);
}

.book-service-step2-layout .site-header {
    transition: all 0.5s ease-in-out;
    z-index: 99;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}

.book-service-step2-layout .site-content {
    margin-top: 0;
}

.book-service-step2-layout .search-bt img.lit2 {
    display: none!important;
}

.book-service-step2-layout .search-bt img.lit1 {
    display: block;
}

.book-service-step2-layout .div-notific {
    display: none;
}


/*---------.book-service-step3-layout--------*/

.book-service-step3-layout .site-header .wh-logo {
    display: inline-block;
}

.book-service-step3-layout .site-header .bl-logo {
    display: none;
}

.book-service-step3-layout .site-header.fixed-header .wh-logo {
    display: inline-block;
}

.book-service-step3-layout .site-header.fixed-header .bl-logo {
    display: none;
}

.book-service-step3-layout .header-right ul li a {
    font-family: "GellixRegular";
    font-size: 17px;
    color: #fff;
    position: relative;
    padding: 0 20px;
}

.book-service-step3-layout a.dropdown-toggle::after {
    background: url(../images/trDown.png) no-repeat;
    width: 10px;
    height: 7px;
    position: absolute;
    border: 0;
    top: 10px;
    background-size: 100%;
    right: 0;
}

.book-service-step3-layout .site-header.fixed-header .languagetraslator select {
    background: url(../images/trDown.png) no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    font-family: "GellixRegular";
    font-size: 17px;
    color: #fff;
    background-size: 10px 7px;
    background-position: center right;
    padding: 0 12px;
    cursor: pointer;
}

.book-service-step3-layout .languagetraslator select {
    color: #fff;
    background: url(../images/trDown.png) no-repeat;
    background-size: 10px 7px;
    background-position: center right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.book-service-step3-layout .anchor-notificate {
    display: none;
}


/* .book-service-step3-layout  .header-right.text-right {
	margin-top: 19px;
} */

.book-service-step3-layout .site-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    transition: all 0.5s ease-in-out;
    z-index: 99;
    padding: 18px 0;
    background: transparent;
    box-shadow: 0px 3px 11px #14172C1A;
}

.book-service-step3-layout .site-header.fixed-header {
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 0;
    transition: all 0.5s ease-in-out;
}

.book-service-step3-layout .search-bt img {
    height: 18px;
    width: auto;
    position: relative;
    top: -1px;
    filter: brightness(0) invert(1);
}

.book-service-step3-layout .search-bt img.lit2 {
    display: none!important;
}

.book-service-step3-layout .search-bt img.lit1 {
    display: block;
    position: relative;
    top: 0;
    height: 16px;
}

.book-service-step3-layout .header-right ul li a img {
    position: relative;
    top: -3px;
    filter: brightness(0) invert(1);
}

.book-service-step3-layout .fixed-header .header-right ul li a img {
    position: relative;
    top: -3px;
    filter: unset;
}

.book-service-step3-layout .fixed-header .search-bt img {
    height: 18px;
    width: auto;
    position: relative;
    top: -1px;
    filter: brightness(0) invert(1);
}

.book-service-step3-layout .site-header {
    transition: all 0.5s ease-in-out;
    z-index: 99;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}

.book-service-step3-layout .site-content {
    margin-top: 0;
}

.book-service-step3-layout .search-bt img.lit2 {
    display: none!important;
}

.book-service-step3-layout .search-bt img.lit1 {
    display: block;
}

.book-service-step3-layout .div-notific {
    display: none;
}


/*------------------------Sub layout-------------------------*/

.subscriptions-layout .site-header .wh-logo {
    display: inline-block;
}

.subscriptions-layout .site-header .bl-logo {
    display: none;
}

.subscriptions-layout .site-header.fixed-header .wh-logo {
    display: inline-block;
}

.subscriptions-layout .site-header.fixed-header .bl-logo {
    display: none;
}

.subscriptions-layout .header-right ul li a {
    font-family: "GellixRegular";
    font-size: 17px;
    color: #fff;
    position: relative;
    padding: 0 20px;
}

.subscriptions-layout a.dropdown-toggle::after {
    background: url(../images/trDown.png) no-repeat;
    width: 10px;
    height: 7px;
    position: absolute;
    border: 0;
    top: 10px;
    background-size: 100%;
    right: 0;
}

.subscriptions-layout .site-header.fixed-header .languagetraslator select {
    background: url(../images/trDown.png) no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    font-family: "GellixRegular";
    font-size: 17px;
    color: #fff;
    background-size: 10px 7px;
    background-position: center right;
    padding: 0 12px;
    cursor: pointer;
}

.subscriptions-layout .languagetraslator select {
    color: #fff;
    background: url(../images/trDown.png) no-repeat;
    background-size: 10px 7px;
    background-position: center right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.subscriptions-layout .anchor-notificate {
    display: none;
}


/* .subscriptions-layout  .header-right.text-right {
	margin-top: 19px;
} */

.subscriptions-layout .site-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    transition: all 0.5s ease-in-out;
    z-index: 99;
    padding: 18px 0;
    background: transparent;
    box-shadow: 0px 3px 11px #14172C1A;
}

.subscriptions-layout .site-header.fixed-header {
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 0;
    transition: all 0.5s ease-in-out;
}

.subscriptions-layout .search-bt img {
    height: 18px;
    width: auto;
    position: relative;
    top: -1px;
    filter: brightness(0) invert(1);
}

.subscriptions-layout .search-bt img.lit2 {
    display: none!important;
}

.subscriptions-layout .search-bt img.lit1 {
    display: block;
    position: relative;
    top: 0;
    height: 16px;
}

.subscriptions-layout .header-right ul li a img {
    position: relative;
    top: -3px;
    filter: brightness(0) invert(1);
}

.subscriptions-layout .fixed-header .header-right ul li a img {
    position: relative;
    top: -3px;
    filter: unset;
}

.subscriptions-layout .fixed-header .search-bt img {
    height: 18px;
    width: auto;
    position: relative;
    top: -1px;
    filter: brightness(0) invert(1);
}

.subscriptions-layout .site-content {
    margin-top: 0;
}


/*--------------------package page layout--------------------*/

.packages-layout .site-header .wh-logo {
    display: inline-block;
}

.packages-layout .site-header .bl-logo {
    display: none;
}

.packages-layout .site-header.fixed-header .wh-logo {
    display: inline-block;
}

.packages-layout .section-trusted.wh {
    padding: 30px 0 100px 0;
    background: #fff;
}

.packages-layout .whySect {
    padding-top: 40px;
    padding-bottom: 30px;
}

.packages-layout .site-header.fixed-header .bl-logo {
    display: none;
}

.packages-layout .header-right ul li a {
    font-family: "GellixRegular";
    font-size: 17px;
    color: #fff;
    position: relative;
    padding: 0 20px;
}

.packages-layout a.dropdown-toggle::after {
    background: url(../images/trDown.png) no-repeat;
    width: 10px;
    height: 7px;
    position: absolute;
    border: 0;
    top: 10px;
    background-size: 100%;
    right: 0;
}

.packages-layout .site-header.fixed-header .languagetraslator select {
    background: url(../images/trDown.png) no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    font-family: "GellixRegular";
    font-size: 17px;
    color: #fff;
    background-size: 10px 7px;
    background-position: center right;
    padding: 0 12px;
    cursor: pointer;
}

.packages-layout .languagetraslator select {
    color: #fff;
    background: url(../images/trDown.png) no-repeat;
    background-size: 10px 7px;
    background-position: center right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.packages-layout .anchor-notificate {
    display: none;
}


/* .packages-layout  .header-right.text-right {
	margin-top: 19px;
} */

.packages-layout .site-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    transition: all 0.5s ease-in-out;
    z-index: 99;
    padding: 18px 0;
    background: transparent;
    box-shadow: none;
}

.packages-layout .site-header.fixed-header {
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 0;
    transition: all 0.5s ease-in-out;
}

.packages-layout .search-bt img {
    height: 18px;
    width: auto;
    position: relative;
    top: -1px;
    filter: brightness(0) invert(1);
}

.packages-layout .search-bt img.lit2 {
    display: none!important;
}

.packages-layout .search-bt img.lit1 {
    display: block;
    position: relative;
    top: 0;
    height: 16px;
}

.packages-layout .header-right ul li a img {
    position: relative;
    top: -3px;
    filter: brightness(0) invert(1);
}

.packages-layout .fixed-header .header-right ul li a img {
    position: relative;
    top: -3px;
    filter: unset;
}

.packages-layout .fixed-header .search-bt img {
    height: 18px;
    width: auto;
    position: relative;
    top: -1px;
    filter: brightness(0) invert(1);
}

.packages-layout .site-content {
    margin-top: 0;
}


/*-------------------about layout-------------------*/

.about-layout .site-header .wh-logo {
    display: inline-block;
}

.about-layout .site-header .bl-logo {
    display: none;
}

.about-layout .site-header.fixed-header .wh-logo {
    display: inline-block;
}

.about-layout .site-header.fixed-header .bl-logo {
    display: none;
}

.about-layout .header-right ul li a {
    font-family: "GellixRegular";
    font-size: 17px;
    color: #fff !important;
    position: relative;
    padding: 0 20px;
}

.about-layout .header-right ul li a:hover img {
    position: relative;
    top: -3px;
    transition: all 0.1s ease-in-out;
    filter: unset;
}

.about-layout .megaMenu .explorelink {
    font-size: 15px;
    font-weight: 500;
    padding-left: 32px;
    position: relative;
    color: #ec671e !important;
}

.about-layout a.dropdown-toggle::after {
    background: url(../images/trDown.png) no-repeat;
    width: 10px;
    height: 7px;
    position: absolute;
    border: 0;
    top: 10px;
    background-size: 100%;
    right: 0;
}

.about-layout .site-header.fixed-header .languagetraslator select {
    background: url(../images/trDown.png) no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    font-family: "GellixRegular";
    font-size: 17px;
    color: #fff;
    background-size: 10px 7px;
    background-position: center right;
    padding: 0 12px;
    cursor: pointer;
}

.about-layout .languagetraslator select {
    color: #fff;
    background: url(../images/trDown.png) no-repeat;
    background-size: 10px 7px;
    background-position: center right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.about-layout .anchor-notificate {
    display: none;
}


/* .about-layout  .header-right.text-right {
	margin-top: 19px;
} */

.about-layout .site-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    transition: all 0.5s ease-in-out;
    z-index: 99;
    padding: 18px 0;
    background: transparent;
    box-shadow: none;
}

.about-layout .site-header.fixed-header {
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 0;
    transition: all 0.5s ease-in-out;
}

.about-layout .search-bt img {
    height: 18px;
    width: auto;
    position: relative;
    top: -1px;
    filter: brightness(0) invert(1);
}

.about-layout .search-bt img.lit2 {
    display: none!important;
}

.about-layout .search-bt img.lit1 {
    display: block;
    position: relative;
    top: 0;
    height: 16px;
}

.about-layout .header-right ul li a img {
    position: relative;
    top: -3px;
    filter: brightness(0) invert(1);
}

.about-layout .fixed-header .header-right ul li a img {
    position: relative;
    top: -3px;
    filter: unset;
}

.about-layout .fixed-header .search-bt img {
    height: 18px;
    width: auto;
    position: relative;
    top: -1px;
    filter: brightness(0) invert(1);
}

.about-layout .site-content {
    margin-top: 0;
}


/*-----------------------------History layout-------------------------------*/

.history-layout .site-header .wh-logo {
    display: none;
}

.history-layout .site-header .bl-logo {
    display: inline-block;
}

.history-layout .site-header.fixed-header .wh-logo {
    display: inline-block;
}

.history-layout .site-content {
    margin-top: 239px;
}

.history-layout .site-header.fixed-header .bl-logo {
    display: none;
}

.history-layout .header-right ul li a {
    font-family: "GellixRegular";
    font-size: 17px;
    color: #000;
    position: relative;
    padding: 0 20px;
}

.history-layout a.dropdown-toggle::after {
    background: url(../images/sm-ch.png) no-repeat;
    width: 10px;
    height: 7px;
    position: absolute;
    border: 0;
    top: 10px;
    background-size: 100%;
    right: 0;
}

.history-layout .site-header.fixed-header .languagetraslator select {
    background: url(../images/sm-ch.png) no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    font-family: "GellixRegular";
    font-size: 17px;
    color: #fff;
    background-size: 10px 7px;
    background-position: center right;
    padding: 0 12px;
    cursor: pointer;
}

.history-layout .languagetraslator select {
    color: #000;
    background: url(../images/sm-ch.png) no-repeat;
    background-size: 10px 7px;
    background-position: center right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.history-layout .anchor-notificate {
    display: none;
}


/* .history-layout  .header-right.text-right {
	margin-top: 19px;
} */

.history-layout .site-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    transition: all 0.2s ease-in-out;
    z-index: 99;
    padding: 18px 0;
    background: #FFFFFF;
    box-shadow: 0px 3px 11px #14172C1A;
}

.history-layout .site-header.fixed-header {
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 0;
    transition: all 0.2s ease-in-out;
}

.history-layout .search-bt img {
    height: 18px;
    width: auto;
    position: relative;
    top: -1px;
    filter: brightness(1) invert(1);
}

.history-layout .search-bt img.lit2 {
    display: none!important;
}

.history-layout .search-bt img.lit1 {
    display: block;
    position: relative;
    top: 2px;
    height: 16px;
}

.history-layout .header-right ul li a img {
    position: relative;
    top: -3px;
    filter: brightness(1) invert(1);
}

.history-layout .fixed-header .header-right ul li a img {
    position: relative;
    top: -3px;
    filter: unset;
}


/*-----*/

.forgot-password-layout .search-bt img.lit2 {
    display: none!important;
}

.forgot-password-layout .search-bt img.lit1 {
    display: block;
    position: relative;
    top: 2px;
    height: 16px;
}

.forgot-password-layout .header-right ul li a img {
    position: relative;
    top: -3px;
    filter: brightness(1) invert(1);
}

.forgot-password-layout .fixed-header .header-right ul li a img {
    position: relative;
    top: -3px;
    filter: unset;
}


/*-----*/

.confirm-code-layout .search-bt img.lit2 {
    display: none!important;
}

.confirm-code-layout .search-bt img.lit1 {
    display: block;
    position: relative;
    top: 2px;
    height: 16px;
}

.confirm-code-layout .header-right ul li a img {
    position: relative;
    top: -3px;
    filter: brightness(1) invert(1);
}

.confirm-code-layout .fixed-header .header-right ul li a img {
    position: relative;
    top: -3px;
    filter: unset;
}


/*-----*/

.contact-layout .site-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    transition: all 0.5s ease-in-out;
    z-index: 99;
    padding: 18px 0;
    background: transparent;
    box-shadow: 0px 3px 11px #14172C1A;
}

.contact-layout .site-header.fixed-header {
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 0;
    transition: all 0.5s ease-in-out;
}

.contact-layout .search-bt img.lit2 {
    display: none!important;
}

.contact-layout .search-bt img.lit1 {
    display: block;
    position: relative;
    top: 2px;
    height: 16px;
}

.contact-layout .header-right ul li a img {
    position: relative;
    top: -3px;
    filter: brightness(1) invert(1);
}

.contact-layout .fixed-header .header-right ul li a img {
    position: relative;
    top: -3px;
    filter: unset;
}

.contact-layout .site-content {
    margin-top: 0;
}


/*------*/


/*---term layout---*/

.terms-and-services-layout .site-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    transition: all 0.5s ease-in-out;
    z-index: 99;
    padding: 18px 0 0px 0;
    background: #EC671E;
    box-shadow: unset;
}

.terms-and-services-layout .site-header.fixed-header {
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 0 0px 0;
    transition: all 0.5s ease-in-out;
}

.terms-and-services-layout .site-header.fixed-header .nav.nav-dash.term-tab.nav-pills {
    margin-top: 15px;
}

.terms-and-services-layout .search-bt img.lit2 {
    display: none!important;
}

.terms-and-services-layout .search-bt img.lit1 {
    display: block;
    position: relative;
    top: 2px;
    height: 16px;
}

.terms-and-services-layout .header-right ul li a img {
    position: relative;
    top: -3px;
    filter: unset;
}

.terms-and-services-layout .fixed-header .header-right ul li a img {
    position: relative;
    top: -3px;
    filter: unset;
}

.terms-and-services-layout .site-content {
    margin-top: 0;
}


/*------*/


/*---privacy policy layout---*/

.privacy-policy-layout .site-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    transition: all 0.5s ease-in-out;
    z-index: 99;
    padding: 18px 0 0px 0;
    background: #EC671E;
    box-shadow: unset;
}

.privacy-policy-layout .site-header.fixed-header {
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 0 0px 0;
    transition: all 0.5s ease-in-out;
}

.privacy-policy-layout .site-header.fixed-header .nav.nav-dash.term-tab.nav-pills {
    margin-top: 15px;
}

.privacy-policy-layout .search-bt img.lit2 {
    display: none!important;
}

.privacy-policy-layout .search-bt img.lit1 {
    display: block;
    position: relative;
    top: 2px;
    height: 16px;
}

.privacy-policy-layout .header-right ul li a img {
    position: relative;
    top: -3px;
    filter: unset;
}

.privacy-policy-layout .fixed-header .header-right ul li a img {
    position: relative;
    top: -3px;
    filter: unset;
}

.privacy-policy-layout .site-content {
    margin-top: 0;
}


/*----*/


/*faq layout*/

.faq-layout .site-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    transition: all 0.5s ease-in-out;
    z-index: 99;
    padding: 18px 0 0px 0;
    background: transparent;
    box-shadow: unset;
}

.faq-layout .site-header.fixed-header {
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 0 0px 0;
    transition: all 0.5s ease-in-out;
}

.faq-layout .site-header.fixed-header .nav.nav-dash.term-tab.nav-pills {
    margin-top: 15px;
}

.faq-layout .search-bt img.lit2 {
    display: none!important;
}

.faq-layout .search-bt img.lit1 {
    display: block;
    position: relative;
    top: 2px;
    height: 16px;
}

.faq-layout .header-right ul li a img {
    position: relative;
    top: -3px;
    filter: unset;
}

.faq-layout .fixed-header .header-right ul li a img {
    position: relative;
    top: -3px;
    filter: unset;
}

.faq-layout .site-content {
    margin-top: 0;
}


/*----*/

.browse-providers-layout .search-bt img.lit2 {
    display: none!important;
}

.browse-providers-layout .search-bt img.lit1 {
    display: block;
}

.browse-providers-layout .div-notific {
    display: none;
}

.search-bt img.lit1 {
    display: none;
}

.login-layout .search-bt img {
    height: 18px;
    width: auto;
    position: relative;
    top: -2px;
}

.password-layout .site-header.fixed-header .search-bt img {
    height: 18px;
    width: auto;
    position: relative;
    top: -1px;
    filter: unset;
}

.forgot-password-layout .site-header.fixed-header .search-bt img {
    height: 18px;
    width: auto;
    position: relative;
    top: 3px;
    filter: unset;
}

.login-layout .site-header.fixed-header .search-bt img {
    height: 18px;
    width: auto;
    position: relative;
    top: 2px;
    filter: unset;
}


/*---varify shuffle--*/

.verify-layout .wh-logo {
    display: none;
}

.verify-layout .bl-logo {
    display: inline-block;
}

.verify-layout .header-right ul li a {
    font-family: "GellixRegular";
    font-size: 17px;
    color: #000;
    position: relative;
    padding: 0 20px;
}

.verify-layout a.dropdown-toggle::after {
    background: url(../images/sm-ch.png) no-repeat;
    width: 10px;
    height: 7px;
    position: absolute;
    border: 0;
    top: 10px;
    background-size: 100%;
    right: 0;
}

.verify-layout .site-header.fixed-header .languagetraslator select {
    background: url(../images/sm-ch.png) no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    font-family: "GellixRegular";
    font-size: 17px;
    color: #fff;
    background-size: 10px 7px;
    background-position: center right;
    padding: 0 12px;
    cursor: pointer;
}

.verify-layout .languagetraslator select {
    color: #000;
    background: url(../images/sm-ch.png) no-repeat;
    background-size: 10px 7px;
    background-position: center right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.verify-layout .anchor-notificate {
    display: none;
}


/* .verify-layout .header-right.text-right {
	margin-top: 19px;
} */

.verify-layout .site-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    transition: all 0.5s ease-in-out;
    z-index: 99;
    padding: 18px 0;
    background: #FFFFFF;
    box-shadow: 0px 3px 11px #14172C1A;
}

.verify-layout .site-header.fixed-header {
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 0;
    transition: all 0.5s ease-in-out;
}

.verify-layout .search-bt img {
    height: 18px;
    width: auto;
    position: relative;
    top: -1px;
    filter: brightness(1) invert(1);
}

.verify-layout .site-header.fixed-header .search-bt img {
    height: 18px;
    width: auto;
    position: relative;
    top: 3px;
    filter: unset;
}

.verify-layout .wh-logo {
    display: none;
}

.verify-layout .bl-logo {
    display: inline-block;
}

.verify-layout .site-header.fixed-header .bl-logo {
    display: none;
}

.verify-layout .site-header.fixed-header .wh-logo {
    display: inline-block;
}

.forgot-password-layout .wh-logo {
    display: none;
}

.forgot-password-layout .bl-logo {
    display: inline-block;
}

.forgot-password-layout .site-header.fixed-header .bl-logo {
    display: none;
}

.forgot-password-layout .site-header.fixed-header .wh-logo {
    display: inline-block;
}

.password-layout .wh-logo {
    display: none;
}

.password-layout .bl-logo {
    display: inline-block;
}

.password-layout .site-header.fixed-header .bl-logo {
    display: none;
}

.password-layout .site-header.fixed-header .wh-logo {
    display: inline-block;
}


/*register-provider-layout shuffle */

.register-provider-layout .wh-logo {
    display: none;
}

.register-provider-layout .bl-logo {
    display: inline-block;
}

.register-provider-layout .header-right ul li a {
    font-family: "GellixRegular";
    font-size: 17px;
    color: #000;
    position: relative;
    padding: 0 20px;
}

.register-provider-layout a.dropdown-toggle::after {
    background: url(../images/sm-ch.png) no-repeat;
    width: 10px;
    height: 7px;
    position: absolute;
    border: 0;
    top: 10px;
    background-size: 100%;
    right: 0;
}

.register-provider-layout .site-header.fixed-header .languagetraslator select {
    background: url(../images/sm-ch.png) no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    font-family: "GellixRegular";
    font-size: 17px;
    color: #fff;
    background-size: 10px 7px;
    background-position: center right;
    padding: 0 12px;
    cursor: pointer;
}

.register-provider-layout .languagetraslator select {
    color: #000;
    background: url(../images/sm-ch.png) no-repeat;
    background-size: 10px 7px;
    background-position: center right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.register-provider-layout .anchor-notificate {
    display: none;
}


/* .register-provider-layout .header-right.text-right {
	margin-top: 19px;
} */

.register-provider-layout .site-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    transition: all 0.5s ease-in-out;
    z-index: 99;
    padding: 18px 0;
    background: #FFFFFF;
    box-shadow: 0px 3px 11px #14172C1A;
}

.register-provider-layout .site-header.fixed-header {
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 0;
    transition: all 0.5s ease-in-out;
}

.register-provider-layout .search-bt img {
    height: 18px;
    width: auto;
    position: relative;
    top: -1px;
    filter: brightness(1) invert(1);
}

.register-provider-layout .site-header.fixed-header .search-bt img {
    height: 18px;
    width: auto;
    position: relative;
    top: -1px;
    filter: unset;
}

.register-provider-layout .wh-logo {
    display: none;
}

.register-provider-layout .bl-logo {
    display: inline-block;
}

.register-provider-layout .site-header.fixed-header .bl-logo {
    display: none;
}

.register-provider-layout .site-header.fixed-header .wh-logo {
    display: inline-block;
}

.register-provider-layout .wh-logo {
    display: none;
}

.register-provider-layout .bl-logo {
    display: inline-block;
}

.register-provider-layout .site-header.fixed-header .bl-logo {
    display: none;
}

.register-provider-layout .site-header.fixed-header .wh-logo {
    display: inline-block;
}

.register-provider-layout .wh-logo {
    display: none;
}

.register-provider-layout .bl-logo {
    display: inline-block;
}

.register-provider-layout .site-header.fixed-header .bl-logo {
    display: none;
}

.register-provider-layout .site-header.fixed-header .wh-logo {
    display: inline-block;
}


/*----register-layout -----*/

.register-layout .wh-logo {
    display: none;
}

.register-layout .bl-logo {
    display: inline-block;
}

.register-layout .header-right ul li a {
    font-family: "GellixRegular";
    font-size: 17px;
    color: #000;
    position: relative;
    padding: 0 20px;
}

.register-layout a.dropdown-toggle::after {
    background: url(../images/sm-ch.png) no-repeat;
    width: 10px;
    height: 7px;
    position: absolute;
    border: 0;
    top: 10px;
    background-size: 100%;
    right: 0;
}

.register-layout .site-header.fixed-header .languagetraslator select {
    background: url(../images/sm-ch.png) no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    font-family: "GellixRegular";
    font-size: 17px;
    color: #fff;
    background-size: 10px 7px;
    background-position: center right;
    padding: 0 12px;
    cursor: pointer;
}

.register-layout .languagetraslator select {
    color: #000;
    background: url(../images/sm-ch.png) no-repeat;
    background-size: 10px 7px;
    background-position: center right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.register-layout .anchor-notificate {
    display: none;
}


/* .register-layout .header-right.text-right {
	margin-top: 19px;
} */

.register-layout .site-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    transition: all 0.5s ease-in-out;
    z-index: 99;
    padding: 18px 0;
    background: #FFFFFF;
    box-shadow: 0px 3px 11px #14172C1A;
}

.register-layout .site-header.fixed-header {
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 0;
    transition: all 0.5s ease-in-out;
}

.register-layout .search-bt img {
    height: 18px;
    width: auto;
    position: relative;
    top: -1px;
    filter: brightness(1) invert(1);
}

.register-layout .site-header.fixed-header .search-bt img {
    height: 18px;
    width: auto;
    position: relative;
    top: -1px;
    filter: unset;
}

.register-layout .wh-logo {
    display: none;
}

.register-layout .bl-logo {
    display: inline-block;
}

.register-layout .site-header.fixed-header .bl-logo {
    display: none;
}

.register-layout .site-header.fixed-header .wh-logo {
    display: inline-block;
}

.register-layout .wh-logo {
    display: none;
}

.register-layout .bl-logo {
    display: inline-block;
}

.register-layout .site-header.fixed-header .bl-logo {
    display: none;
}

.register-layout .site-header.fixed-header .wh-logo {
    display: inline-block;
}

.register-layout .wh-logo {
    display: none;
}

.register-layout .bl-logo {
    display: inline-block;
}

.register-layout .site-header.fixed-header .bl-logo {
    display: none;
}

.register-layout .site-header.fixed-header .wh-logo {
    display: inline-block;
}


/*confirm-code-layout */


/*----register-layout -----*/

.confirm-code-layout .wh-logo {
    display: none;
}

.confirm-code-layout .bl-logo {
    display: inline-block;
}

.confirm-code-layout .header-right ul li a {
    font-family: "GellixRegular";
    font-size: 17px;
    color: #000;
    position: relative;
    padding: 0 20px;
}

.confirm-code-layout a.dropdown-toggle::after {
    background: url(../images/sm-ch.png) no-repeat;
    width: 10px;
    height: 7px;
    position: absolute;
    border: 0;
    top: 10px;
    background-size: 100%;
    right: 0;
}

.confirm-code-layout .site-header.fixed-header .languagetraslator select {
    background: url(../images/sm-ch.png) no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    font-family: "GellixRegular";
    font-size: 17px;
    color: #fff;
    background-size: 10px 7px;
    background-position: center right;
    padding: 0 12px;
    cursor: pointer;
}

.confirm-code-layout .languagetraslator select {
    color: #000;
    background: url(../images/sm-ch.png) no-repeat;
    background-size: 10px 7px;
    background-position: center right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.confirm-code-layout .anchor-notificate {
    display: none;
}


/* .confirm-code-layout .header-right.text-right {
	margin-top: 19px;
} */

.confirm-code-layout .site-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    transition: all 0.5s ease-in-out;
    z-index: 99;
    padding: 18px 0;
    background: #FFFFFF;
    box-shadow: 0px 3px 11px #14172C1A;
}

.confirm-code-layout .site-header.fixed-header {
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 0;
    transition: all 0.5s ease-in-out;
}

.confirm-code-layout .search-bt img {
    height: 18px;
    width: auto;
    position: relative;
    top: -1px;
    filter: brightness(1) invert(1);
}

.confirm-code-layout .site-header.fixed-header .search-bt img {
    height: 18px;
    width: auto;
    position: relative;
    top: -1px;
    filter: unset;
}

.confirm-code-layout .wh-logo {
    display: none;
}

.confirm-code-layout .bl-logo {
    display: inline-block;
}

.confirm-code-layout .site-header.fixed-header .bl-logo {
    display: none;
}

.confirm-code-layout .site-header.fixed-header .wh-logo {
    display: inline-block;
}

.confirm-code-layout .wh-logo {
    display: none;
}

.confirm-code-layout .bl-logo {
    display: inline-block;
}

.confirm-code-layout .site-header.fixed-header .bl-logo {
    display: none;
}

.confirm-code-layout .site-header.fixed-header .wh-logo {
    display: inline-block;
}

.confirm-code-layout .wh-logo {
    display: none;
}

.confirm-code-layout .bl-logo {
    display: inline-block;
}

.confirm-code-layout .site-header.fixed-header .bl-logo {
    display: none;
}

.confirm-code-layout .site-header.fixed-header .wh-logo {
    display: inline-block;
}

.confirm-code-layout .log-pagesIC {
    display: block;
}

.confirm-code-layout .normal-ic {
    display: none;
}

.confirm-code-layout .search-bt img {
    height: 18px;
    width: auto;
    position: relative;
    top: 2px;
    filter: unset;
}

.login-left-text h1.varify {
    font-size: 36px;
    color: #fff;
    font-family: "GellixBold";
    margin-top: 42px;
    margin-bottom: 20px;
}

.header-right ul li .catlink a.linkSm {
    margin-left: 4px;
}

.header-right ul li .catlink:hover .flip-box-back a {
    color: #ec671e !important;
}

.header-right ul li .catlink:hover .flip-box-back a h6 {
    color: #fff;
}

.login-layout .header-right ul li .catlink a {
    padding: 0 0 0 4px;
}


/**/

.register-layout .site-header.fixed-header .bl-logo {
    display: none;
}

.register-layout .site-header.fixed-header .wh-logo {
    display: inline-block;
}

.register-layout .log-pagesIC {
    display: block;
}

.register-layout .normal-ic {
    display: none;
}

.register-layout .search-bt img {
    height: 18px;
    width: auto;
    position: relative;
    top: 3px;
    filter: unset;
}

.register-layout .div-notific {
    display: none;
}

.register-layout .site-header.fixed-header .btn-notific {
    filter: unset;
}

.register-layout .btn-notific {
    filter: invert(78%) sepia(65%) saturate(458%) hue-rotate(167deg) brightness(96%) contrast(88%);
}

.register-layout .header-right ul li a img {
    height: 14px;
    position: relative;
    top: -2px;
}


/*---------*/

.register-provider-layout .div-notific {
    display: none;
}

.register-provider-layout .site-header.fixed-header .bl-logo {
    display: none;
}

.register-provider-layout .site-header.fixed-header .wh-logo {
    display: inline-block;
}

.register-provider-layout .log-pagesIC {
    display: block;
}

.register-provider-layout .normal-ic {
    display: none;
}

.register-provider-layout .search-bt img {
    height: 18px;
    width: auto;
    position: relative;
    top: 3px;
    filter: unset;
}

.register-provider-layout .div-notific {
    display: none;
}

.register-provider-layout .site-header.fixed-header .btn-notific {
    filter: unset;
}

.register-provider-layout .btn-notific {
    filter: invert(78%) sepia(65%) saturate(458%) hue-rotate(167deg) brightness(96%) contrast(88%);
}

.register-provider-layout .header-right ul li a img {
    height: 14px;
    position: relative;
    top: -2px;
}


/*----*/

.verify-layout .div-notific {
    display: none;
}

.verify-layout .site-header.fixed-header .bl-logo {
    display: none;
}

.verify-layout .site-header.fixed-header .wh-logo {
    display: inline-block;
}

.verify-layout .log-pagesIC {
    display: block;
}

.verify-layout .normal-ic {
    display: none;
}

.verify-layout .search-bt img {
    height: 18px;
    width: auto;
    position: relative;
    top: -1px;
    filter: unset;
}

.verify-layout .div-notific {
    display: none;
}

.verify-layout .site-header.fixed-header .btn-notific {
    filter: unset;
}

.verify-layout .btn-notific {
    filter: invert(78%) sepia(65%) saturate(458%) hue-rotate(167deg) brightness(96%) contrast(88%);
}

.verify-layout .header-right ul li a img {
    height: 14px;
    position: relative;
    top: -2px;
}


/*browse -providers*/


/*end lay out*/


/*--------------------------------------------------------------------------------------------------*/

.item-subscription {
    box-shadow: 0px 5px 30px #47606a1a;
    width: 45%;
    padding: 39px 30px 0 30px;
    background: #F5F9FA;
    border: 1px solid #EAEBF4;
    border-radius: 8px;
    margin-right: 49px;
    margin-bottom: 40px;
}

.item-subscription h3 {
    font-size: 25px;
    color: #1e2b38;
    text-transform: capitalize;
    font-family: "GellixSemiBold";
}

.item-subscription ul {
    margin: 15px 0;
    padding: 0;
}

.item-subscription ul li {
    list-style: none;
    position: relative;
    padding: 0 0 2px 20px;
    font-size: 16px;
    color: #253f58;
    font-family: "GellixMedium";
}

.item-subscription ul li::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    color: #ec671e;
    font-size: 13px;
    position: absolute;
    left: 0;
    top: 4px;
}

.item-subscription .gpImg {
    height: 75px;
    width: 75px;
}

.item-subscription .gpImg img {
    width: 100%;
    height: 100%;
    opacity: 1;
    filter: unset;
}

.item-subscription .paymentOption {
    border: 1px solid #dee1e6;
    border-radius: 6px;
    min-height: 62px;
    margin-bottom: 10px;
    padding: 20px 10px 15px 10px;
}

.item-subscription [type="radio"]:checked,
.item-subscription [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.item-subscription [type="radio"]:checked+label,
.item-subscription [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 24px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

.item-subscription [type="radio"]:checked+label::before,
.item-subscription [type="radio"]:not(:checked)+label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 16px;
    height: 16px;
    border: 1px solid #d3d3d3;
    border-radius: 100%;
    background: #fff;
}

.item-subscription [type="radio"]:not(:checked)+label::after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.item-subscription [type="radio"]:checked+label::after,
.item-subscription [type="radio"]:not(:checked)+label::after {
    content: "";
    width: 16px;
    height: 16px;
    border: 5px solid #ec671e;
    position: absolute;
    top: 2px;
    left: 0;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.item-subscription .gpPrice {
    float: right;
    width: 30%;
    color: #6e7a86;
    font-size: 15px;
    margin-top: 2px;
    letter-spacing: 1px;
}

.item-subscription .paymentOption {
    border: 1px solid #dee1e6;
    border-radius: 6px;
    min-height: 52px;
    margin-bottom: 10px;
    padding: 15px 10px 8px 10px;
}

.item-subscription .gpBtn {
    background: #ec671e;
    border-radius: 6px;
    border: 0;
    color: #fff;
    width: 100%;
    min-height: 46px;
    text-transform: uppercase;
    font-family: "GellixSemiBold";
    margin: 12px 0 0px 0;
    transition: all 0.5s ease-in-out;
    font-size: 14px;
}

.item-subscription .gpBtn2 {
    background: #fff;
    border-radius: 6px;
    border: 0;
    color: #ec671e;
    border: 1px solid #ec671e;
    width: 100%;
    min-height: 46px;
    text-transform: uppercase;
    font-family: "GellixSemiBold";
    margin: 14px 0 35px 0;
    transition: all 0.5s ease-in-out;
    font-size: 14px;
}

.notifications-trail .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    display: none;
}

.notifications-trail #dropdownMenuButton {
    background: transparent;
    border: 0;
    padding: 0;
}

.notifications-trail .dropdown-menu.show {
    position: absolute;
    transform: unset !important;
    top: 44px !important;
    left: -346px !important;
    will-change: transform;
    background: #FFFFFF;
    box-shadow: 0px 1px 26px #4448581F;
    border-radius: 10px;
    padding: 30px 25px 12px 25px;
    width: 424px;
}

.div-enter-num .btn-continue.rest {
    display: inline-block;
    font-size: 16px;
    color: #FFFFFF;
    font-family: "GellixMedium";
    width: 216px;
    height: 55px;
    background: transparent linear-gradient(90deg, #EC671E 0%, #E6C75F 100%);
    border-radius: 4px;
    border: 0;
    margin: 34px 0 0 0;
}

.btn-continue.lite {
    display: inline-block;
    font-size: 16px;
    color: #FFFFFF;
    font-family: "GellixMedium";
    width: 216px;
    height: 55px;
    background: transparent linear-gradient(90deg, #EC671E 0%, #E6C75F 100%);
    border-radius: 4px;
    border: 0;
    margin: 0;
}

.reset-pass .number-fields {
    background: #ffffff;
    border-radius: 10px;
    display: flex;
    width: 100%;
    padding: 8px 12px 8px 15px;
    margin: 48px 0 0 0;
    background: #FFFFFF;
    border-radius: 10px;
}

.reset-pass .div-enter-num {
    padding: 75px 140px 190px 48px;
}

.app-list img {
    height: 28px;
    width: auto;
    margin-right: 3px;
}

.header-right ul li a img {
    position: relative;
    top: -3px;
}

.header-right ul li a:hover img {
    position: relative;
    top: -3px;
    transition: all 0.1s ease-in-out;
    filter: invert(42%) sepia(62%) saturate(2907%) hue-rotate(355deg) brightness(105%) contrast(85%);
}

.reset-pass .number-fields input {
    border: 0;
    font-size: 19px;
    color: #6e7a86;
    width: 100%;
    height: 55px;
}

.box.plus-file label img {
    height: 68px;
    width: auto;
}

.box.plus-file label {
    padding: 0;
    margin: 15px 0 0 -3px;
}

.div-file-flex {
    display: flex;
}

.box.plus-file {
    width: 105px;
}

.input-sw.adImg label.t-area {
    margin: 30px 0 -16px 0;
}

.dropzone .dz-preview.dz-image-preview {
    background: transparent!important;
}

.dz-remove {
    color: #e56620 !important;
    padding: 4px 0;
}

.edit-right a.delet {
    width: 176px;
    height: 40px;
    background: #EC671E;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    text-align: center;
    padding: 7px 0 0 0;
    margin-bottom: 80px;
}

.div-flex-boxes {
    display: flex;
    flex-wrap: wrap;
}

.div-agents {
    background: #FFFFFF;
    box-shadow: 0px 2px 30px #A5A3B236;
    border-radius: 12px;
    padding: 15px 30px;
    width: 195px;
    margin-right: 19px;
    margin-bottom: 48px;
}

.div-agents h4 {
    font-size: 19px;
    margin: 10px 0 6px 0;
    color: #1E2B38;
    font-family: "GellixSemiBold";
}

.div-agents h5 {
    font-size: 14px;
    margin: 0 0 5px 0;
    color: #45617C;
    font-family: "GellixMedium";
}

.div-agents ul {
    list-style: none;
    margin: 18px auto 0 auto;
    padding: 0;
}

.div-agents ul li {
    display: inline-block;
}

.div-agents ul li img {
    height: 29px;
    width: auto;
}

.img-agent {
    height: 131px;
    width: 131px;
    margin: -40px auto 0 auto;
}

.img-agent img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.edit-right.agentOne {
    padding: 49px 36px 120px 14px;
    background: #fff;
}

.dropdown-menu img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.imgesPlusTx {
    display: flex;
}

.imgesPlusTx img {
    height: 43px;
    width: auto;
}

.plusText h4 {
    font-size: 21px;
    color: #343A67;
    font-family: "GellixBold";
}

.plusText h5 {
    font-size: 18px;
    color: #343A67;
    font-family: "GellixMedium";
    margin: 0 0 26px 0;
}

.plusText h3 {
    font-size: 15px;
    color: #EC671E;
    font-family: "GellixBold";
    cursor: pointer;
}

.plusText {
    margin-left: 12px;
    margin-top: -3px;
}

.dash-box.pahadi {
    padding: 14px 0 0 12px;
    background: #fff !important;
    background-image: url('../images/md-path.svg') !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
}

.dash-box.pahadi h4 {
    font-size: 17px;
    color: #45617C;
    font-family: "GellixMedium";
}

.dash-box.pahadi h3 {
    font-size: 29px;
    color: #253F58;
    font-family: "GellixSemiBold";
}

.dash-box.pahadi h5 {
    font-size: 16px;
    color: #FF9358;
    font-weight: 400;
    margin: 1px 17px 0 0;
}

.dash-box.wh {
    background: #fff !important;
}

.wh-your-edit .col-sm-2 {
    -ms-flex: 0 0 20.667%;
    flex: 0 0 20.667%;
    max-width: 20.667%;
}

.wh-your-edit .col-sm-10 {
    -ms-flex: 0 0 79.333%;
    flex: 0 0 79.333%;
    max-width: 79.333%;
}

.listing_media_main {
    width: max-content;
    display: inline-block;
    margin-right: 15px;
    position: relative;
    border: 1px solid #ddd;
    padding: 6px;
    margin-bottom: 15px;
}

.listing_media_main .delete_provider_gallery {
    position: absolute;
    top: 0;
    right: 0;
    background: #ec6757;
    color: #fff;
    padding: 0 5px;
}

.btn-post-job {
    width: 172px !important;
    height: 60px !important;
    background: #EC671E !important;
    border-radius: 5px !important;
    color: #fff !important;
    margin-top: 55px;
}

.div-enter-num.verify.newOtp {
    padding: 0px 20px 50px 13px;
}

.div-enter-num.verify.newOtp input {
    width: 64px;
    text-align: center;
    border: 0;
    font-size: 23px;
    color: #1e2b38;
    font-family: "GellixMedium";
    border-bottom: 2px solid #CDCED0;
    margin-right: 20px;
    background: transparent;
    border-radius: 0;
}

.div-enter-num.verify.newOtp input:focus {
    border-bottom: 2px solid #ec671e;
}

.div-enter-num.verify.newOtp input.otp-filled-active {
    border-bottom: 2px solid #253F58;
}

.form-control:disabled,
.form-control[readonly] {
    opacity: 1;
    background: #F5F9FA!important;
}


/* .row.phone-label {
	padding: 35px 0 0 0;
} */

.write-msg-div .box.paperclip {
    border: 0;
    background: transparent;
    color: #EC671E;
    font-size: 23px;
    position: static;
    top: 0;
    right: 0;
    transform: rotate( 
-1deg
 );
    margin: 0 10px 0 5px;
    padding: 0 10px;
    position: relative;
}

.box.paperclip input {
    opacity: 0;
    z-index: 0;
    position: absolute;
    left: -99999px;
    right: 0;
    height: 0%;
    width: 0%;
}

.new-job-white {
    margin-top: 30px;
    background: #FFFFFF;
    border: 1px solid #EAEBF4;
    border-radius: 20px;
}

.new-job-white .new-job-header {
    padding: 36px 40px 20px 40px;
    border-bottom: 1px solid #ddd;
}

.new-job-white .job-requests {
    padding: 18px 50px 22px 20px;
    display: flex;
    border-bottom: 1px solid #ddd;
}

.new-job-white .job-requests:last-child {
    border-bottom: 0;
}

.new-job-white .job-requests .rq-text {
    width: 54%;
}

.new-job-white .rq-img {
    height: 111px;
    width: 111px;
    overflow: hidden;
    border-radius: 13px;
    margin-right: 20px;
}

.new-job-white .rq-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.rq-text h3 {
    font-family: "GellixMedium";
    font-size: 21px;
    margin: 4px 0 4px 0;
    color: #343A67;
    padding: 0;
}

.rq-text h5 {
    font-family: "GellixMedium";
    font-size: 17px;
    margin: 0 0 25px 0;
    color: #45617C;
    padding: 0;
}

.rq-text h6 {
    font-family: "GellixMedium";
    font-size: 17px;
    margin: 0;
    color: #343A67;
    padding: 0;
}

.rq-text h6 img {
    height: 17px;
    width: auto;
}

.rq-buttons {
    padding: 0;
    margin: 0 22px 0 auto;
}

.rq-buttons button {
    height: 42px;
    width: 120px;
    display: block;
    background: #F5F2EC;
    border-radius: 21px;
    text-align: center;
    font-size: 17px;
    color: #253F58;
    font-family: "GellixSemiBold";
    border: 0;
    margin-bottom: 10px;
}

.rq-buttons button:hover {
    box-shadow: 0px 15px 17px #93a0af39;
}

.rq-buttons button i {
    color: #EC671E;
    margin-right: 4px;
}

.rq-buttons button.btn-decline {
    background: #FFFFFF;
    box-shadow: 0px 2px 7px #93A0AF39;
    border-radius: 21px;
    margin: 12px 0 0 auto;
}

.rq-buttons button.btn-decline:hover {
    box-shadow: 0px 2px 7px #93A0AF39!important;
}

.div-sleInput {
    display: flex;
}

.form-yr .div-sleInput select.short {
    height: 60px;
    width: 90px;
    background: #F5F9FA;
    border: 1px solid #EAEBF4;
    border-radius: 4px 0px 0px 4px;
    color: #8A8EA0;
    background: #F5F9FA url(../images/chg.png) no-repeat;
    background-size: 15px 12px;
    background-position: top 51% right 12px;
    font-size: 18px;
    font-family: "GellixMedium";
    text-align: left;
}

.form-yr .div-sleInput input {
    height: 60px;
    width: 198px;
    background: #F5F9FA;
    border: 1px solid #EAEBF4;
    border-radius: 4px;
    color: #8A8EA0;
    padding: 12px;
    font-size: 18px;
    font-family: "GellixMedium";
}

.nav-pills.nv-miniMsg .nav-link.active,
.nav-pills.nv-miniMsg .show>.nav-link {
    color: #fff;
    background-color: transparent;
    opacity: 1;
}

.nav-pills.nv-miniMsg .nav-link {
    border-radius: 0;
    padding: 0;
    margin-right: 10px;
    opacity: 0.6;
}

.navmini {
    background: #fff;
    padding: 6px 28px 6px 8px;
    background: #FFFFFF;
    border: 1px solid #EAEBF4;
    border-radius: 27px;
    margin-top: 30px;
    display: flex;
    margin-bottom: 13px;
}

.mg-img {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 3px 16px #05222B29;
}

.mg-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.button-chevron {
    padding: 0;
    border: 0;
    font-size: 14px;
    float: right;
    background: transparent;
    color: #8A8EA0;
    margin: 0 0 0 auto;
}

.mini-msgHeader {
    background: #EAEBF4;
    border-radius: 20px 20px 0px 0px;
    padding: 18px 28px 15px;
}

.mini-msgHeader h4 {
    font-size: 21px;
    font-family: "GellixBold";
    color: #343A67;
}

.mini-msgBody {
    background: #fff;
    padding: 70px 28px 60px 30px;
    border-bottom: 1px solid #DEE3E6;
    height: 515px;
    overflow: hidden;
    overflow-y: auto;
}

.recievedMsg {
    display: flex;
}

.recieved-img {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    margin-right: 18px;
    overflow: hidden;
}

.recieved-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.recievedText {
    background: #F5F6FA;
    border-radius: 0px 20px 20px 20px;
    padding: 15px 30px 20px 20px;
    position: relative;
    font-size: 17px;
    color: #45617C;
    margin-bottom: 72px;
    max-width: 72%;
}

.recievedText span {
    position: absolute;
    color: #8A8EA0;
    font-size: 14px;
    font-family: "GellixMedium";
    right: 0;
    bottom: -22px;
}

.senderMsg {
    display: flex;
    margin-bottom: 72px;
}

.sendersText {
    background: #FCEFEF;
    border-radius: 20px 0px 20px 20px;
    padding: 20px;
    color: #45617C;
    font-size: 17px;
    max-width: 72%;
    position: relative;
    margin: 0 0 0 auto;
}

.sendersText span {
    position: absolute;
    color: #8A8EA0;
    font-size: 14px;
    font-family: "GellixMedium";
    right: 0;
    bottom: -22px;
}


/*--loader css--*/

.ellipsis {
    display: block;
    width: 50px;
    height: 15px;
    margin: 6px 0 0 1px;
    position: relative;
}

.ellipsis span {
    display: inline-block;
    position: relative;
    height: 10px;
    width: 10px;
    background: #EC671E;
    opacity: 0;
    -webkit-box-shadow: inset 1px 0 1px 1px rgba(0, 0, 0, 0.5);
    box-shadow: none;
    border-radius: 50%;
    transform-origin: center center;
    -webkit-animation: dot 3s linear infinite;
    animation: dot 3s linear infinite;
    top: -5px;
}

.ellipsis::before {
    display: inline-block;
    position: absolute;
    content: '';
    left: 16px;
    height: 10px;
    width: 10px;
    background: #EC671E;
    opacity: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 50%;
    transform-origin: center center;
    -webkit-animation: dot 3s linear infinite;
    animation: dot 3s linear infinite;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    top: 4px;
}

.ellipsis::after {
    display: inline-block;
    position: absolute;
    content: '';
    left: 32px;
    height: 10px;
    width: 10px;
    opacity: 0;
    background: #EC671E;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 50%;
    transform-origin: center center;
    -webkit-animation: dot 3s linear infinite;
    animation: dot 3s linear infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    top: 4px;
}

@-webkit-keyframes dot {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes dot {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.load-typing {
    display: flex;
    color: #8A8EA0;
    font-size: 17px;
    font-family: "GellixMedium";
}

.load-typing span {
    margin-right: 10px;
}

.miniMsgfooter {
    background: #fff;
    position: relative;
    border-radius: 0 0 20px 20px;
}

.miniMsgfooter textarea {
    width: 100%;
    height: 76px;
    background: transparent;
    border: 0;
    resize: none;
    padding: 15px 68px 10px 29px;
    color: #45617C;
    font-size: 18px;
    font-family: "GellixMedium";
}

.miniMsgfooter button {
    position: absolute;
    right: 28px;
    top: 14px;
    border: 0;
    background: transparent;
    padding: 0;
}

.dashboard-sect.m-dash2.padding-large {
    padding: 79px 0 120px 0;
    background: #F5F9FA;
}


/*accord-jb*/

.accord-jb h4 a {
    width: 100%;
    display: block;
    height: 62px;
    padding: 16px 24px 0 24px;
    font-size: 22px;
    color: #272D3B !important;
    background: #FFFFFF;
    box-shadow: 0px 2px 6px #B2BFC314;
    border: 1px solid #EAEBF4;
    border-radius: 10px;
    margin-bottom: 17px;
}

.accord-jb .new-job-white {
    margin-top: 0;
    background: #FFFFFF;
    border: 1px solid #EAEBF4;
    border-radius: 20px;
    margin-bottom: 30px;
}

.job-requests.active {
    background: #F5F6FA;
}

.job-requests:hover {
    background: #F5F6FA;
}

.div-right-booking {
    background: #FFFFFF;
    border: 1px solid #EAEBF4;
    border-radius: 20px;
    padding: 35px 36px 40px 35px;
}

.booking-provider {
    display: flex;
    margin-bottom: 36px;
}

.booking-provider.av {
    display: flex;
    margin-bottom: 25px;
}

.booking-provider .img-bk {
    height: 120px;
    width: 120px;
    border-radius: 20px;
    overflow: hidden;
    margin-right: 16px;
}

.booking-provider .img-bk img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.booking-provider .text-bk {
    font-size: 21px;
    color: #1E2B38;
    /* font-family: "GellixSemiBold"; */
    width: 60%;
    line-height: 30px;
}

.text-bk h4 {
    font-size: 22px;
    color: #1E2B38;
    font-family: "GellixBold";
}

.text-bk h4 span {
    color: #EC671E;
}

.place-bid {
    background: #F5F9FA;
    border-radius: 10px;
    padding: 29px 27px 35px 21px;
}

.yourBid {
    display: flex;
    margin-bottom: 16px;
}

.yourBid input {
    width: 57%;
    margin-right: 14px;
    color: #8A8EA0;
    font-size: 17px;
    height: 50px;
    padding: 10px;
    background: #FFFFFF;
    border: 1px solid #C4C7D3;
    border-radius: 5px;
    font-family: "GellixMedium";
}

.place-bid label {
    font-size: 20px;
    font-family: "GellixSemiBold";
    color: #1E2B38;
}

.yourBid button {
    width: 148px;
    height: 50px;
    display: inline-block;
    background: #EC671E;
    border-radius: 5px;
    color: #FFFFFF;
    border: 0;
    font-family: "GellixBold";
}

.client-div {
    margin-bottom: 30px;
    padding: 16px 0 0 0;
}

.client-div h3 {
    font-size: 27px;
    color: #1E2B38;
    font-family: "GellixBold";
    margin: 0 0 8px 0;
}

.client-div p {
    font-size: 20px;
    color: #45617C;
    font-weight: 400;
}

.noted-img {
    height: 90px;
    width: 90px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    transition: all .3s ease;
}

.noted-img:hover div.overState {
    position: absolute;
    background: #1E2B38;
    z-index: 2;
    height: 100%;
    width: 100%;
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    opacity: 0.77;
    color: #fff;
    font-size: 16.5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.noted-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.noted-gallery .owl-dots {
    display: none!important;
}

.noted-gallery .owl-next {
    /* display: block !important; */
    background: transparent !important;
    position: absolute;
    top: -5px;
    right: -5px;
    background: #dddddd9c !important;
    height: 90px;
    width: 72px;
    padding: 30px 12px 0 0 !important;
    text-align: right;
    border-radius: 10px 0px 0px 10px !important;
}

.noted-gallery .owl-next img {
    display: none;
}

.noted-gallery .owl-next::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    display: block;
    font-size: 17px;
    color: #8B90A7;
}

.noted-details {
    margin-top: 42px;
}

.noted-details h4 {
    color: #1E2B38;
    font-size: 20px;
    font-family: "GellixSemiBold";
}

.noted-details h5 {
    color: #45617C;
    font-size: 18px;
    font-family: "GellixMedium";
    margin-bottom: 18px;
}

.apply-buttons button {
    width: 110px;
    height: 41px;
    background: #EC671E;
    box-shadow: 0px 2px 6px #93A0AF29;
    border-radius: 21px;
    color: #fff;
    font-size: 17px;
    font-family: "GellixSemiBold";
    margin-right: 15px;
    border: 0;
    padding: 0;
    margin-bottom: 15px;
}

.apply-buttons button.gray-bt {
    background: #45617C;
}

.apply-buttons button.orange-bt.assign {
    width: 212px;
}

.rq-buttons button.orange-bt.assign {
    width: 212px;
    background-color: #EC671E!important;
    color: #fff !important;
}

.rq-buttons button.orange-bt.assign i {
    color: #fff !important;
}

.apply-buttons button i {
    font-size: 16px;
    margin-right: 2px;
}

.apply-buttons {
    margin-top: 35px;
}

.acceptedjobs-layout.modal-open .modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: transparent;
    background: url(../images/wc.png);
    background-repeat: no-repeat;
    background-size: 104% 100%;
    opacity: 1;
    backdrop-filter: blur(50px) !important;
    -webkit-backdrop-filter: blur(50px) !important;
    filter: blur(30px);
    -webkit-filter: blur(30px);
}

.earnings-layout.modal-open .modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: transparent;
    background: url(../images/wc.png);
    background-repeat: no-repeat;
    background-size: 104% 100%;
    opacity: 1;
    backdrop-filter: blur(50px) !important;
    -webkit-backdrop-filter: blur(50px) !important;
    filter: blur(30px);
    -webkit-filter: blur(30px);
}

.modal.modal-blur .modal-lg,
.modal.modal-blur .modal-xl {
    max-width: 823px;
    background: #FFFFFF;
    box-shadow: 0px 0px 60px #00000015;
    border-radius: 20px;
}

.modal.modal-blur .modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0;
    background: #FFFFFF;
    box-shadow: 0px 0px 60px #00000015;
    border-radius: 20px;
}

.modal.modal-blur .modal-header .close {
    padding: 1rem 1rem;
    margin: -18px 1rem -1rem auto;
    font-size: 40px;
    color: #EC671E;
    opacity: 1;
}

.modal.modal-blur .modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 25px 1rem 1rem 3.5rem;
    border-bottom: 0;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}

.agent-select-box {
    padding: 44px 29px 26px 29px;
    text-align: center;
    width: max-content;
    background: #FFFFFF;
    box-shadow: 0px 4px 30px #7E7C9036;
    border-radius: 20px;
    margin: 45px auto 32px auto;
    position: relative;
}

.agent-select-box.active {
    border: 1px solid #EBB394;
}

.agent-select-box .button-active-agent {
    border: 0;
    display: none;
}

.agent-select-box.active .button-active-agent {
    border: 0;
    display: block;
    position: absolute;
    height: 25px;
    color: #fff;
    font-size: 13px;
    font-family: "GellixSemiBold";
    background: #EC671E;
    border-radius: 28px;
    width: 76%;
    top: -13px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 3px 0 0 0;
}

#addPayMethod .number-fields.select-slot input {
    width: 369px;
    padding-left: 17px;
}

.modal-input-full {
    position: relative;
}

.modal-input-full::before {
    content: "";
    border-left: 2px solid #ddd;
    height: 42px;
    display: block;
    position: absolute;
    left: 3px;
    top: 8px;
}

.agent-selImg {
    height: 148px;
    width: 148px;
    border-radius: 50%;
    overflow: hidden;
}

.agent-selImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.agent-select-box h4 {
    font-size: 19px;
    color: #1E2B38;
    font-family: "GellixSemiBold";
    margin: 10px 0 0 0;
    padding: 0;
}

.agent-select-box h5 {
    font-size: 14px;
    color: #45617C;
    font-family: "GellixMedium";
    margin: 5px 0 0 0;
    padding: 0;
}

.agentConfirm {
    border: 0;
    background: #343A67;
    box-shadow: 0px 2px 6px #93A0AF29;
    border-radius: 21px;
    color: #fff;
    font-size: 14px;
    font-family: "GellixSemiBold";
    text-align: center;
    height: 33px;
    width: 106px;
    display: inline-block;
    position: relative;
    top: -40px;
    right: 22px;
}

#owl-agents {
    padding: 0 20px;
}

.agent-state .owl-dots {
    position: absolute;
    left: 34px;
}

.agent-state .modal-title {
    font-family: "GellixSemiBold";
    color: #1E2B38;
    font-size: 28px;
}

.agent-state.owl-theme .owl-controls {
    margin: 0;
    padding: 30px 0;
}

.agent-state.owl-theme .owl-dots .owl-dot span {
    background: #e3e3e3;
    width: 23px;
    height: 3px;
    border-radius: 6px;
}

.agent-state.owl-theme .owl-dots .owl-dot.active span,
.agent-state.owl-theme .owl-dots .owl-dot:hover span {
    background: #ec671e;
    width: 53px;
}

.ratingHead {
    display: flex;
}

.rateImg {
    height: 82px;
    width: 82px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;
}

.rateImg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.rateText h4 {
    color: #272D3B;
    font-size: 26px;
    font-family: "GellixSemiBold";
    margin: 12px 0 0 0;
    padding: 0;
}

.rateText h5 {
    color: #45617C;
    font-size: 21px;
    font-family: "GellixMedium";
}

.modal.modal-blur.min .modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 25px 1rem 1rem 2rem;
    border-bottom: 0;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}

.modal.modal-blur.min .modal-header .close {
    padding: 0;
    margin: 9px 1rem -1rem auto;
    font-size: 40px;
    color: #EC671E;
    opacity: 1;
}

.modal.modal-blur.min .modal-dialog {
    max-width: 606px;
    margin: 1.75rem auto;
}

.modal.modal-blur.min .modal-body {
    padding: 0;
}

.agents-ratinngs {
    padding: 0 50px;
}

.agents-ratinngs h3 {
    font-size: 22px;
    color: #707070;
    margin: 40px 0 32px 0;
}

.agents-ratinngs .ul-rate li i {
    background: transparent linear-gradient(180deg, #EC671E 0%, #E6C75F 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    -webkit-text-decoration-color: #EC671E !important;
    text-decoration-color: #EC671E !important;
    font-size: 33px;
    margin-right: 0px;
}

.agents-ratinngs .ul-rate {
    list-style: none;
    margin: 0 auto 35px auto;
    padding: 0;
    display: inline-block;
}

.agents-ratinngs input {
    text-align: center;
    color: #7C868E;
    font-family: "GellixMedium";
    font-size: 19px;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #B2C1CB;
    padding: 12px;
    display: block;
    margin-bottom: 42px;
}

.agents-ratinngs .rate-provider {
    border: 0;
    height: 61px;
    width: 199px;
    font-size: 20px;
    color: #fff;
    font-family: "GellixSemiBold";
    text-align: center;
    background: #EC671B;
    border-radius: 5px;
}

.agents-ratinngs a.skip {
    color: #11161A;
    font-size: 20px;
    font-family: "GellixSemiBold";
    display: block;
    margin: 19px 0 50px 0;
}

.div-report-md {
    background: #F5F9FA;
    padding: 30px;
    border-radius: 0px 0px 20px 20px;
}

.div-report-md h4 {
    font-size: 24px;
    color: #343A67;
    font-family: "GellixSemiBold";
    margin-bottom: 15px;
}

.div-report-md h5 {
    font-size: 22px;
    color: #707070;
    font-family: "GellixRegular";
}

.div-report-md h5 a {
    color: #343A67;
    text-decoration: underline;
    font-family: "GellixSemiBold";
}

.div-report-md a.num {
    color: #343A67;
    font-size: 25px;
    font-family: "GellixSemiBold";
    margin-top: 14px;
}

.wallet-layout.modal-open .modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: transparent;
    background: url(../images/wc.png);
    background-repeat: no-repeat;
    background-size: 104% 100%;
    opacity: 1;
    backdrop-filter: blur(50px) !important;
    -webkit-backdrop-filter: blur(50px) !important;
    filter: blur(30px);
    -webkit-filter: blur(30px);
}


/*Rating radioz*/

.rating {
    float: unset;
    border: none;
    width: max-content;
    margin: 4px auto 16px auto;
}

.rating:not(:checked)>input {
    position: absolute;
    top: -9999px;
    clip: rect(0, 0, 0, 0);
}

.rating:not(:checked)>label {
    float: right;
    width: 36px;
    padding: 0 .1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 185%;
    line-height: 1.2;
    color: #ddd;
    margin-right: 4px;
}

.rating:not(:checked)>label:before {
    content: '\f005';
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
}

.rating>input:checked~label {
    background: transparent linear-gradient(180deg, #EC671E 0%, #E6C75F 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    -webkit-text-decoration-color: #ff8a00 !important;
    text-decoration-color: #ff8a00 !important;
}

.rating:not(:checked)>label:hover,
.rating:not(:checked)>label:hover~label {
    background: transparent linear-gradient(180deg, #EC671E 0%, #E6C75F 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    -webkit-text-decoration-color: #ff8a00 !important;
    text-decoration-color: #ff8a00 !important;
}

.rating>input:checked+label:hover,
.rating>input:checked+label:hover~label,
.rating>input:checked~label:hover,
.rating>input:checked~label:hover~label,
.rating>label:hover~input:checked~label {
    background: transparent linear-gradient(180deg, #EC671E 0%, #E6C75F 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    -webkit-text-decoration-color: #ff8a00 !important;
    text-decoration-color: #ff8a00 !important;
}

.rating>label:active {
    position: relative;
}


/*end ratings*/

.login-layout .header-right ul li a img {
    height: 14px;
    position: relative;
    top: -2px;
}

.login-layout .div-notific {
    position: relative;
    display: none;
}

.login-layout .log-pagesIC {
    display: block;
}

.login-layout .normal-ic {
    display: none;
}


/* .login-layout .site-header.fixed-header .btn-notific {
	filter: unset;
} */

.logo-slide-sect .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px;
    text-align: left;
    margin-top: 38px;
}

.login-layout .btn-notific {
    filter: invert(78%) sepia(65%) saturate(458%) hue-rotate(167deg) brightness(96%) contrast(88%);
}

.div-bottom-log {
    position: absolute;
    bottom: 35px;
}

.div-enter-num h4.needHl {
    font-size: 16px;
    color: #444d57;
    font-family: "GellixMedium";
    margin-top: 124px;
    position: absolute;
    bottom: 27px;
}

.resetPss .number-fields {
    margin: 35px 0 0 0;
}


/*--end loader css--*/

#username_error {
    margin-top: 4px;
}

.rest .login-left-text h1 {
    font-size: 35px;
    color: #fff;
    font-family: "GellixBold";
    margin-top: 0;
    margin-bottom: 20px;
}

.rest .div-enter-num h2 {
    font-size: 30px;
    color: #1e2b38;
    font-family: "GellixSemiBold";
    margin-top: 5%;
}

.rest2 .div-enter-num h2 {
    font-size: 30px;
    color: #1e2b38;
    font-family: "GellixSemiBold";
    margin-top: 13%;
    margin-bottom: -22px;
}

.cmn-label label {
    color: #45617C;
    font-family: "GellixMedium";
    font-size: 20px;
}


/*----styled select----*/

.s-hidden {
    visibility: hidden;
    padding-right: 10px;
}

.select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    color: #444D57;
    border: 0;
    font-size: 20px;
    font-family: "GellixMedium";
}

.styledSelect {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: white;
    padding: 15px 4px;
    border: 0;
    background: url("../images/ch-dw.png");
    background-repeat: no-repeat;
    background-position: top 58% right 9%;
}

.number-fields select {
    border: 0;
    background: transparent;
    font-size: 20px;
    font-family: "GellixMedium";
    color: #444d57;
    width: 108px;
    background: url("../images/ch-dw.png");
    background-repeat: no-repeat;
    background-position: top 58% right 9%;
}

.styledSelect::after {
    content: "";
    border-right: 1px solid transparent;
    border-color: #ddd;
    position: absolute;
    top: 7px;
    right: -4px;
    display: block;
    height: 43px;
}

.styledSelect:active,
.styledSelect.active {
    background-color: transparent;
}

.options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0 0;
    padding: 0 0;
    list-style: none;
    border: 1px solid #ccc;
    background-color: white;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.options li {
    padding: 0 6px;
    margin: 0 0;
    padding: 0 10px;
}

.options li:hover {
    background-color: #39f;
    color: white;
}


/*earnings page*/

.earningz .dash-wallet {
    width: 100%;
    padding: 35px 30px 30px 35px;
    background: #fff;
    border: 1px solid #EAEBF4;
    border-radius: 8px;
}

.earningz .dash-wallet h3 {
    color: #1E2B38;
    font-size: 24px;
    font-family: "GellixSemiBold";
}

.row-grap {
    padding: 23px 43px 26px 39px;
    background: #FFFFFF;
    border: 1px solid #EAEBF4;
    border-radius: 20px;
    margin-top: 40px;
    margin-bottom: 6px;
}

.row-grap img {
    width: 100%;
    margin-top: 7px;
}

.row-grap h4 {
    font-size: 22px;
    color: #1E2B38;
    font-family: "GellixSemiBold";
}

.payMethod-right {
    background: #FFFFFF;
    border: 1px solid #EAEBF4;
    border-radius: 20px;
    padding: 39px 40px;
    height: 80.5%;
    margin-top: 79px;
}

.payMethod-right button.add-new-pay {
    font-size: 16px;
    color: #fff;
    font-family: "GellixSemiBold";
    background: #BA58E6;
    border-radius: 25px;
    border: 0;
    width: 125px;
    height: 40px;
}

.payMethod-right h3 {
    color: #1E2B38;
    font-size: 21px;
    font-family: "GellixSemiBold";
    margin-top: 4px;
}

.msg-pay {
    color: #45617C;
    font-size: 20px;
    font-family: "GellixMedium";
    margin-top: 20%;
}


/*otp state2*/

.otp-wrapper {
    text-align: left;
    margin-top: 60px;
    display: flex;
}

.otp-container {
    display: inline-block;
}

.otp-container .otp-number-input {
    width: 26px;
    height: 33px;
    margin: 0 2px;
    border: none;
    border-bottom: 2px solid rgba(0, 0, 0, 0.2);
    padding: 0;
    color: rgba(0, 0, 0, 0.7);
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 30px;
    box-shadow: none;
    text-align: center;
    background-color: none;
    font-weight: 600;
    border-radius: 0;
    outline: 0;
    transition: border 0.3s ease;
}

.otp-container .otp-number-input:focus {
    border-color: rgba(0, 0, 0, 0.5);
}

.otp-container .otp-number-input.otp-filled-active {
    border-color: #253F58;
}

.otp-submit {
    background: #42b549;
    border: 0;
    color: #fff;
    margin-top: 30px;
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 3px;
    letter-spacing: 1px;
    font-weight: 500;
    cursor: pointer;
}

.otp-submit[disabled] {
    opacity: 0.6;
    cursor: default;
}


/*flag issue*/

.pkr {
    background-image: url(../images/pk.png);
    width: 38px;
    height: 23px;
    background-size: 38px 23px;
    background-repeat: no-repeat;
}

.iq {
    background-image: url(../images/iq2.png);
    width: 38px;
    height: 23px;
    background-size: 38px 23px;
    background-repeat: no-repeat;
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent;
    display: none!important;
}

.pkr {
    background-image: url(../images/pk.png);
    width: 38px;
    height: 23px;
    background-size: 38px 23px;
    background-repeat: no-repeat;
}

.gbp {
    background-image: url(../images/uk.png);
    width: 38px;
    height: 23px;
    background-size: 38px 23px;
    background-repeat: no-repeat;
}

.usd {
    background-image: url(../images/mus.png);
    width: 38px;
    height: 23px;
    background-size: 38px 23px;
    background-repeat: no-repeat;
}

.euro {
    background-image: url(../images/eu.png);
    width: 38px;
    height: 23px;
    background-size: 38px 23px;
    background-repeat: no-repeat;
}

.aud {
    background-image: url(../images/aus.png);
    width: 38px;
    height: 23px;
    background-size: 38px 23px;
    background-repeat: no-repeat;
}

.in-flag {
    background-image: url(../images/in.png);
    width: 38px;
    height: 23px;
    background-size: 38px 23px;
    background-repeat: no-repeat;
}

.afg {
    background-image: url(../images/afg.png);
    width: 38px;
    height: 23px;
    background-size: 38px 23px;
    background-repeat: no-repeat;
}

.select-slot .dropdown-toggle::after {
    display: none;
}

.select-slot .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 134px;
    border-right: 1px solid #ddd;
    padding-right: 3px;
}

.select-slot .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: left;
    font-size: 18px;
    color: #444d57d4;
    font-weight: 600;
    font-family: system-ui;
}

.select-slot .glyphicon {
    position: relative;
    top: 4px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 8px;
}

button.btn.dropdown-toggle.btn-default:focus {
    outline: 0 !important;
    box-shadow: none;
}

.bootstrap-select>.dropdown-toggle {
    color: #fff;
    border-radius: 0px;
    font-size: 2em;
    background: transparent;
    border: transparent;
    z-index: 10;
    padding: 25px 5px;
}

button.btn.dropdown-toggle.btn-default {
    background-color: transparent;
}

.bootstrap-select.btn-group .filter-option {
    background: url(dropdown.png) no-repeat right transparent;
    color: #fff;
}

.bootstrap-select>.dropdown-menu {
    background-color: transparent;
    color: #fff !important;
    border-radius: 0px;
}

.dropdown-menu>li>a {
    background-color: transparent;
    color: #fff;
}

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

.btn .dropdown-toggle .btn-default {
    background-color: transparent;
    color: #fff;
    text-decoration: none;
}

.conv-wrap {
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.conv-cont {
    padding: 10px;
    float: left;
    width: 100%;
    border: 1px solid #afafaf;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 6px -1px #919191;
    -webkit-box-shadow: 0 0 6px -1px #919191;
    box-shadow: 0 0 6px -1px #919191;
}

.conv-cont .cov-frm {
    float: left;
    width: 100%;
}

.conv-cont .cov-frm .selectpicker {
    font-size: 18px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    margin: 0px;
    padding: 23px;
    float: left;
    width: 100%;
    outline: none !important;
}

.conv-cont .cov-frm .cov-frm-label {
    font-size: 14px;
    color: #333333;
    text-decoration: none;
    margin: 0px;
    float: left;
    width: 100%;
    padding: 5px;
}

.conv-cont .cov-frm .cov-frm-labeli {
    font-size: 14px;
    color: #a9a9a9;
    text-decoration: none;
    margin: 0px;
    float: left;
    width: 100%;
    padding: 5px;
    background-color: #FFF;
}

.cov-inp-bx div.col-md-8,
.cov-inp-bx div.col-md-4 {
    padding: 0px;
    margin: 0px;
}

.conv-cont .cov-frm .cov-inp-bx {
    padding: 0px;
    float: left;
    width: 100%;
    border: 1px solid #c2c2c2;
    border-radius: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
}

.conv-cont .cov-frm .cov-frm-input {
    font-size: 24px;
    font-weight: bold;
    color: #009cff;
    text-decoration: none;
    margin: 0px;
    padding: 9px;
    float: left;
    width: 100%;
    border: none;
    outline: none;
}

.conv-cont .cov-frm .cov-frm-sbtm {
    font-size: 20px;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
    background-color: transparent;
    text-align: center;
    margin: 0px;
    float: left;
    width: 100%;
    padding-top: 13px;
    padding-bottom: 13px;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}

.conv-cont .cov-frm .cov-frm-sbtm:hover {
    background: #980000;
}

.cov-spni {
    font-size: 13px;
    font-weight: normal;
    color: #424242;
    text-decoration: none;
    line-height: 50px;
}

.cov-spnii {
    color: #333;
}

span.bs-caret {
    display: none;
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
    display: inline-block;
    position: relative;
    top: -4px;
    left: 8px;
    color: #000;
}

.bootstrap-select.btn-group .dropdown-menu li {
    position: relative;
    background: #fff;
    padding-top: 2px;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: left;
    color: #000;
    font-size: 15px;
    color: #444;
    padding-right: 40px;
    line-height: 70px;

}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    line-height: normal;
}
span.filter-option.pull-left:focus {
    outline: none;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: none!important;
    outline: none!important;
    outline-offset: 0!important;
}

.bootstrap-select>.dropdown-menu {
    background-color: transparent;
    color: #fff !important;
    border-radius: 0px;
    padding: 0;
}

.bootstrap-select.btn-group .dropdown-menu li:hover {
    background: rgb(180, 180, 180);
}

:focus {
    outline: none!important;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none!important;
    box-shadow: none !important;
    border-right: 0;
}

.bootstrap-select>.dropdown-toggle {
    color: #fff;
    border-radius: 0px;
    font-size: 2em;
    background: transparent;
    border: transparent;
    z-index: 10;
    padding: 25px 5px;
    padding: 11px 4px;
    border: 0;
}

.loadMoreCategories.sh {
    display: block;
    text-align: center;
    font-size: 17px;
    color: #444D57;
    font-family: "GellixRegular";
    margin-top: 13px;
    cursor: pointer;
}

.loadMoreCategories.sh img {
    height: 17px;
    margin-left: 5px;
    position: relative;
    top: -1px;
}

.accordion-section .div-paddingState {
    padding: 0 8%;
}

.faqAc h2 {
    letter-spacing: 0px;
    color: #1E2B38;
    font-size: 35px;
    color: #1E2B38;
    font-family: "GellixBold";
    text-align: center;
    margin: 90px 0 60px 0;
}

.faqAc .panel-title>a.collapsed::before {
    color: #EC671E !important;
    content: "\f078";
}

.faqAc .panel-title>a::before {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    color: #EC671E !important;
    font-weight: 900;
    padding-right: 0;
    font-size: 24px;
    float: right;
    margin-top: 0px;
}

.faqAc .panel-title a {
    color: #1E2B38;
    font-size: 22px;
    font-family: 'GellixMedium';
    display: inline-block;
    width: 100%;
    padding: 19px 25px 19px 19px;
    background: #F4F2F0;
    border-radius: 7px;
    margin-bottom: 7px;
}

.faqAc .faqContent {
    padding: 25px 30px 25px 25px;
    color: #444D57;
    font-size: 18px;
    font-weight: 400;
    background: #FFFFFF;
    box-shadow: 0px 3px 36px #00000014;
    border-radius: 5px;
    margin: 18px 0 30px 0;
}

.accordion-section.faqAc {
    margin-bottom: 64px;
}

.faq-layout header-right ul li a:hover img {
    position: relative;
    top: -3px;
    transition: all 0.1s ease-in-out;
    filter: unset;
}


/*transparent header pages css*/

.category-list-real-time-search-layout .site-header {
    transition: all 0.5s ease-in-out;
    z-index: 99;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}

.category-list-real-time-search-layout .site-content {
    margin-top: 0;
}

.category-list-real-time-search-layout .search-bt img.lit2 {
    display: none!important;
}

.category-list-real-time-search-layout .search-bt img.lit1 {
    display: block;
}

.category-list-real-time-search-layout .div-notific {
    display: none;
}


/*------*/

.category-list-added-mannually-layout .site-header {
    transition: all 0.5s ease-in-out;
    z-index: 99;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}

.category-list-added-mannually-layout .site-content {
    margin-top: 0;
}

.category-list-added-mannually-layout .search-bt img.lit2 {
    display: none!important;
}

.category-list-added-mannually-layout .search-bt img.lit1 {
    display: block;
}

.category-list-added-mannually-layout .div-notific {
    display: none;
}


/*-----*/

.category-services-layout .site-header {
    transition: all 0.5s ease-in-out;
    z-index: 99;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}

.category-services-layout .site-content {
    margin-top: 0;
}

.category-services-layout .search-bt img.lit2 {
    display: none!important;
}

.category-services-layout .search-bt img.lit1 {
    display: block;
}

.category-services-layout .div-notific {
    display: none;
}


/*------*/

.subcategories-layout .site-header {
    transition: all 0.5s ease-in-out;
    z-index: 99999;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}

.subcategories-layout .site-content {
    margin-top: 0;
}

.subcategories-layout .search-bt img.lit2 {
    display: none!important;
}

.subcategories-layout .search-bt img.lit1 {
    display: block;
}

.subcategories-layout .div-notific {
    display: none;
}


/*-----*/

.categories-layout .site-header {
    transition: all 0.5s ease-in-out;
    z-index: 99999;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}

.categories-layout .site-content {
    margin-top: 0;
}

.categories-layout .search-bt img.lit2 {
    display: none!important;
}

.categories-layout .search-bt img.lit1 {
    display: block;
}

.categories-layout .div-notific {
    display: none;
}


/*-----*/

.book_now-layout .site-header {
    transition: all 0.5s ease-in-out;
    z-index: 99999;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}

.book_now-layout .site-content {
    margin-top: 0;
}

.book_now-layout .search-bt img.lit2 {
    display: none!important;
}

.book_now-layout .search-bt img.lit1 {
    display: block;
}

.book_now-layout .div-notific {
    display: none;
}


/*--------------*/

.book_now_login-layout .site-header {
    transition: all 0.5s ease-in-out;
    z-index: 99999;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}

.book_now_login-layout .site-content {
    margin-top: 0;
}

.book_now_login-layout .search-bt img.lit2 {
    display: none!important;
}

.book_now_login-layout .search-bt img.lit1 {
    display: block;
}

.book_now_login-layout .div-notific {
    display: none;
}


/*------------*/

.book_now_confirmCode-layout .site-content {
    margin-top: 0;
}

.book_now_confirmCode-layout .search-bt img.lit2 {
    display: none!important;
}

.book_now_confirmCode-layout .search-bt img.lit1 {
    display: block;
}

.book_now_confirmCode-layout .div-notific {
    display: none;
}

.book_now_confirmCode-layout .site-header {
    transition: all 0.5s ease-in-out;
    z-index: 99999;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}


/*-----*/

.personel-info-layout .site-header {
    transition: all 0.5s ease-in-out;
    z-index: 99999;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}

.personel-info-layout .site-content {
    margin-top: 0;
}

.personel-info-layout .search-bt img.lit2 {
    display: none!important;
}

.personel-info-layout .search-bt img.lit1 {
    display: block;
}

.personel-info-layout .div-notific {
    display: none;
}


/*-----------*/

.order-complete-layout .site-header {
    transition: all 0.5s ease-in-out;
    z-index: 99999;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}

.order-complete-layout .site-content {
    margin-top: 0;
}

.order-complete-layout .search-bt img.lit2 {
    display: none!important;
}

.order-complete-layout .search-bt img.lit1 {
    display: block;
}

.order-complete-layout .div-notific {
    display: none;
}


/*end transparent header pages css*/


/*pay radio Btn*/

.pay-radionBtn span {
    margin: 24px 10px 50px 0;
    display: block;
    width: 48%;
    float: left;
}

.pay-radionBtn input[type="radio"],
.pay-radionBtn input[type="checkbox"] {
    /* hide the inputs */
    opacity: 0;
}


/* style your lables/button */

.pay-radionBtn input[type="radio"]+label,
.pay-radionBtn input[type="checkbox"]+label {
    cursor: pointer;
    padding: 4px 10px;
    border: 0;
    border-radius: 3px;
    background: #F7F8F8;
    display: inline-block;
    width: 100%;
    height: 100px;
    text-align: center;
    padding-top: 31px;
}

.pay-radionBtn input[type="radio"]+label img,
.pay-radionBtn input[type="checkbox"]+label img {
    height: 33px;
    position: relative;
    top: 6px;
}

.pay-radionBtn input[type="radio"]+label img.imgZ,
.pay-radionBtn input[type="checkbox"]+label img.imgZ {
    height: 73px;
    position: relative;
    top: -15px;
}

.pay-radionBtn input[type="radio"]:checked+label,
.pay-radionBtn input[type="checkbox"]:checked+label {
    border: 0;
    color: white;
    background: #FFFFFF;
    box-shadow: 0px 3px 14px #35416A1A !important;
    position: relative;
}

.pay-radionBtn input[type="radio"]:checked+label::after,
.pay-radionBtn input[type="checkbox"]:checked+label::after {
    content: "";
    border-width: 19px 21px 21px 21px;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    left: 34px;
    bottom: -32px;
    border-style: solid;
}

.modal-input-full .modal-body {
    padding: 0 100px;
}

.modal-input-full .number-fields {
    background: #ffffff;
    box-shadow: none;
    border-radius: 10px;
    display: flex;
    width: max-content;
    padding: 8px 8px 8px 10px;
    margin: 68px 0 36px 0;
    background: #FFFFFF;
    box-shadow: none;
    border-radius: 10px;
}

.modal-input-full .number-fields.bShadow {
    box-shadow: 0px 2px 25px #40376F1A;
}

.modal-input-full .number-fields.select-slot input {
    width: 337px;
}

.modal-pay .modal-body {
    padding: 0 90px 0 103px;
}

.modal-pay .modal-body h4 {
    color: #1E2B38;
    font-size: 29px;
    /* font-family: "GellixSemiBold"; */
}

.check-Make {
    margin: 40px 0 76px 0;
}

.check-Make .checkTable[type="checkbox"]:checked::before {
    content: '';
    position: absolute;
    top: 0px;
    opacity: 1;
    left: 0px;
    border: 0;
    border-radius: 0;
}

.check-Make .checkTable::after {
    content: '';
    position: absolute;
    display: block;
    z-index: 1;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    border-radius: 0;
}

.check-Make label {
    color: #45617C;
    font-size: 20px;
    /* margin-left: 12px; */
    position: relative;
    top: -5px;
}

.dropzone .dz-preview .dz-remove {
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none;
    position: relative;
    z-index: 99;
}


/* .reset-pass .number-fields input[type="password"]{
    font-size:16px;    
} */

.select2-container--default .select2-results__option:hover {
    background: #ec702c!important;
    color: #fff!important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #ec702c!important;
    color: white!important;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #ec702c!important;
    color: #fff!important;
}

.select2-container--default .select2-selection--single {
    width: 100%;
}

.section-choose .plumbing-search .select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    font-size: 15px;
    color: #b2b4b5;
    border: 0;
    border-bottom: 0;
    width: 100%;
    background-image: none;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-repeat: no-repeat;
    background-position: top 62% right 26px;
    height: auto;
    padding: 0px 0 0 0 !important;
    margin: 0;
    cursor: pointer;
    background-size: 22px;
}

.input-sw .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 42px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    display: none!important;
}

.input-sw .select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 0;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

input[type="password"] {
    font-size: 16px !important;
}

.col-sm-8.form-yr label {
    font-size: 18px;
    color: #45617c;
    font-family: "GellixRegular";
}

.dropzone .dz-preview .dz-remove {
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none;
    position: relative !important;
    z-index: 99 !important;
}

.header-right ul li a.dropdown-toggle.active {
    color: #fff;
    margin-right: 15px;
}

.header-right ul li a.dropdown-toggle.active[aria-expanded="true"] {
    color: #ec671e;
}


/*Browse Jobs page*/

.browse-jobs-layout .site-content {
    margin-top: 0;
}

.browse-jobs-layout .search-bt img.lit2 {
    display: none!important;
}

.browse-jobs-layout .search-bt img.lit1 {
    display: block;
    position: relative;
    top: 2px;
    height: 16px;
}

.browse-jobs-layout .header-right ul li a img {
    position: relative;
    top: -3px;
    filter: brightness(0) invert(1);
}

.browse-jobs-layout .fixed-header .header-right ul li a img {
    position: relative;
    top: -3px;
    filter: unset;
}


/*layout browse job new*/

.browse-jobs-new-layout .site-header {
    transition: all 0.5s ease-in-out;
    z-index: 99999;
    padding: 18px 0;
    position: fixed;
    width: 100%;
}

.browse-jobs-new-layout .site-content {
    margin-top: 0;
}

.browse-jobs-new-layout .search-bt img.lit2 {
    display: none!important;
}

.browse-jobs-new-layout .search-bt img.lit1 {
    display: block;
    position: relative;
    top: 2px;
    height: 16px;
}

.browse-jobs-new-layout .header-right ul li a img {
    position: relative;
    top: -3px;
}

.browse-jobs-new-layout .fixed-header .header-right ul li a img {
    position: relative;
    top: -3px;
    filter: unset;
}


/*-----------------------------------------------------------------*/

.browse-jobs .ourServicesBox select {
    width: 145px;
    height: 45px;
    text-align: left;
    background: url(../images/ch-dw.png) no-repeat;
    background-size: 15px 12px;
    background-position: top 59% right 29px;
    padding: 0px 46px 0 32px;
    margin-right: 10px;
    border: 1px solid #EDEDED;
    border-radius: 3px;
}

.sel-d {
    margin-right: 6px;
}

.browse-jobs .ourServicesBox select.sel-br-cat {
    width: 150px;
    padding: 0 0 0 25px;
}

.browse-jobs .ourServicesBox select.sel-br-iraq {
    width: 111px;
    padding: 0 43px 0 20px;
    background-position: top 60% right 20%;
}

.sel-d.zero {
    width: 145px;
}

.sel-d.one {
    width: 150px;
}

.sel-d.two {
    width: 111px;
}

.browse-jobs .div-search-all {
    position: relative;
    margin: 47px 0 49px auto;
    width: max-content;
}

.browse-jobs .div-search-all input {
    background: #FFFFFF;
    border: 1px solid #EDEDED;
    border-radius: 0;
    width: 400px;
    height: 45px;
    font-size: 15px;
    color: #7D8389;
    padding: 1px 15px 0 43px;
}

.browse-jobs .div-search-all button {
    border: 0;
    padding: 0;
    font-size: 14px;
    color: #7D8389;
    position: absolute;
    top: 13px;
    left: 22px;
    background: transparent;
}

.browse-jobs-layout .innnerbanner {
    width: 100%;
    height: 464px;
    position: relative;
    z-index: 0;
}

.browse-jobs .ourServicesBox {
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    background-color: rgba(255, 255, 255, 0.6);
    padding: 50px 52px;
    margin: -215px 0 0 0;
    border-radius: 0px;
    position: relative;
}

.row-browse-jb .grid-container {
    display: flex;
    background-color: transparent;
    padding: 0 0 0 4px;
}

.clientImg {
    height: 190px;
    width: 100%;
    position: relative;
    border-radius: 5px 5px 0px 0px;
    overflow: hidden;
}

.clientImg a::before {
    content: "";
    background: transparent linear-gradient(180deg, #253F5800 0%, #121415B2 100%);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.clientImg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.clientImgText h4 {
    color: #FFFFFF;
    font-size: 19px;
    font-family: "GellixSemiBold";
    margin: 0 0 3px 0;
    padding: 0;
}

.clientImgText h6 {
    color: #FFFFFF;
    font-size: 12px;
    font-family: "GellixMedium";
    font-family: "GellixRegular";
    margin: 0;
    padding: 0 58px 0 0;
    letter-spacing: 0.3px;
}

.clientImgText {
    position: absolute;
    left: 20px;
    bottom: 10px;
}

.clientImgbtn {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #FFFFFF;
    font-size: 13px;
    font-family: "GellixSemiBold";
    height: 26px;
    padding: 5px 6px 4px 8px;
    background: #EC671E;
    border-radius: 10px 0px 0 0px;
}

.div-browsClient h3 {
    font-size: 19px;
    font-family: "GellixMedium";
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 46px;
    overflow: hidden;
    line-height: 25px;
}

.div-browsClient h3 a {
    color: #253F58;
}

.div-browsClient span {
    color: #6E7A86;
    font-size: 14px;
    font-family: "GellixMedium";
}

.clientText {
    padding: 13px 20px 28px 20px;
    background: #F7F8F8;
    border: 1px solid #F0F0F0;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    height: calc(100% - 190px);
}

.clientBtn {
    border: 0;
    height: 40px;
    width: 100%;
    color: #EC671E;
    font-size: 14px;
    font-family: "GellixSemiBold";
    background: #FFFFFF;
    border-radius: 3px;
    display: inline-block;
    margin-top: 25px;
    text-transform: uppercase;
    letter-spacing: 0.42px;
}

.clientBtn.applied {
    background: #FFFFFF;
    border-radius: 3px;
    color: #6E7A86;
    font-family: "GellixRegular";
    text-align: left;
}

.clientBtn.applied img {
    height: 12px;
    position: relative;
    top: -3px;
    margin: 0 0 0 0px;
}

.browse-jobs-layout .innnerOverlay {
    content: "";
    background: unset;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.clentFlag {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    height: 23px;
    background: #EC671E;
    border-radius: 0px 0px 10px 0px;
    font-size: 11px;
    font-family: "GellixMedium";
    padding: 4px 14px 3px 14px;
}

.clentFlag.urgent {
    background: #E09810;
}

.paginate-div ul {
    margin: 14px 0 0 0;
    padding: 0;
    list-style: none;
}

.paginate-div ul li {
    display: inline-block;
}

.paginate-div ul li a {
    display: inline-block;
    height: 29px;
    width: 33px;
    color: #EC671E;
    font-size: 17px;
    font-family: "GellixMedium";
    border: 1px solid #EC671E;
    border-radius: 4px;
    opacity: 0.61;
    background: #fff;
}

.paginate-div ul li a.active {
    color: #fff;
    background: #EC671E;
    opacity: 1;
}


/*job description*/

.job-description-layout .site-header {
    transition: all 0.5s ease-in-out;
    z-index: 99;
    padding: 18px 0;
    position: fixed;
    width: 100%;
}

.job-description-layout .site-content {
    margin-top: 0;
}

.job-description-layout .search-bt img.lit2 {
    display: none!important;
}

.job-description-layout .search-bt img.lit1 {
    display: block;
    position: relative;
    top: 2px;
    height: 16px;
}

.job-description-layout .header-right ul li a img {
    position: relative;
    top: -3px;
    filter: unset;
}

.job-description-layout .fixed-header .header-right ul li a img {
    position: relative;
    top: -3px;
    filter: unset;
}

.job-description-layout .innnerOverlay {
    content: "";
    background: unset;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.job-description-layout .container {
    max-width: 1400px;
}

.ourServices.browse-jobs.job-descis .ourServicesBox {
    background: rgba(234, 234, 234, 0.46);
    border-radius: 0px 0px 10px 10px;
    opacity: 1;
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
    padding: 60px 107px 90px;
    margin: -160px 0 0 0;
    border-radius: 0;
    position: relative;
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
}


/*Sync slider*/

#sync2 .item {
    opacity: 0.45;
}

#sync2 {
    margin-top: 20px;
}

#sync2 .synced .item {
    opacity: 1;
}

.img-bigJob {
    height: 550px;
    width: 100%;
}

.img-bigJob img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.img-smJob {
    height: 80px;
    width: 110px;
    margin-right: 0;
}

.img-smJob img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

#sync2 .owl-item {
    width: max-content !important;
}

.div-fixAc {
    background: #FFFFFF;
    padding: 30px 30px 27px 30px;
    margin-left: 11px;
}

.browse-jobs.job-descis .ourServicesBox::before {
    display: none;
}

.browse-jobs.job-descis .ourServicesBox h2 {
    font-size: 40px;
    color: #1e2b38;
    font-family: 'GellixBold';
    font-weight: normal;
    margin-bottom: 62px;
}

.browse-jobs.job-descis .ourServicesBox .div-fixAc h2 {
    color: #1E2B38;
    font-size: 34px;
    font-family: "GellixSemiBold";
    margin-bottom: 43px;
}

.browse-jobs.job-descis .ourServicesBox .div-fixAc h4 {
    color: #444D57;
    font-size: 17px;
    font-family: "GellixRegular";
    line-height: 30px;
}

.browse-jobs.job-descis .ourServicesBox .div-fixAc label {
    font-size: 25px;
    color: #1E2B38;
    font-family: "GellixSemiBold";
    margin: 33px 0 9px 23px;
}

.bid_input {
    position: relative;
    width: 100%;
    margin-bottom: 38px;
}

.bid_input input {
    height: 70px;
    width: 100%;
    background: #F7F2ED;
    border-radius: 50px;
    border: 0;
    font-size: 21px;
    font-family: "GellixMedium";
    padding: 0 143px 0 32px;
}

.bid_input button {
    position: absolute;
    right: 8px;
    top: 7px;
    background: #EC671E;
    border-radius: 28px;
    color: #fff;
    font-size: 21px;
    font-family: "GellixSemiBold";
    height: 56px;
    width: 134px;
    border: 0;
    text-align: center;
}

.div-addre {
    padding: 13px 20px 10px 20px;
    background: #F7F8F8;
    border: 1px solid #E8E8E8;
    margin-bottom: 13px;
}

.div-addre h5 {
    color: #1E2B38;
    font-size: 25px;
    font-family: "GellixSemiBold";
}

.div-addre h6 {
    color: #444D57;
    font-size: 19px;
    font-family: "GellixRegular";
}

.row-BidClient {
    display: flex;
    margin: 33px 0 0 0;
}

.row-BidClient .imgClBid {
    height: 70px;
    width: 70px;
    border-radius: 50%;
    overflow: hidden;
}

.row-BidClient .imgClBid img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.textClBid {
    margin: 9px 0 0 10px;
}

.textClBid h5 {
    color: #1E2B38;
    font-size: 22px;
    font-family: "GellixSemiBold";
    margin: 0;
}

.textClBid p {
    color: #444D57;
    font-size: 17px;
    font-family: "GellixRegular";
}

.section-similarJobs {
    padding: 20px 0 80px 0;
}

.section-similarJobs h1 {
    color: #1E2B38;
    font-size: 40px;
    font-family: "GellixBold";
    margin: 4px 0 25px 0;
}

.similarJB.owl-theme .owl-controls {
    margin: 0;
    padding: 30px 0;
}
.browse-providers-layout footer.site-footer {
    background: #fff;
}
.similarJB.owl-theme .owl-dots .owl-dot span {
    background: #e3e3e3;
    width: 55px;
    height: 3px;
    border-radius: 6px;
}

.similarJB.owl-theme .owl-dots .owl-dot.active span {
    background: #ec671e;
    width: 100px;
    background: transparent linear-gradient( 90deg, var(--unnamed-color-ec671e) 0%, rgba(230, 199, 95, 1) 100%);
    background: transparent linear-gradient( 90deg, rgba(236, 103, 30, 1) 0%, rgba(230, 199, 95, 1) 100%);
    border-radius: 7px;
}

.similarJB.owl-theme .owl-dots .owl-dot:hover span {
    background: #ec671e;
    background: transparent linear-gradient( 90deg, var(--unnamed-color-ec671e) 0%, rgba(230, 199, 95, 1) 100%);
    background: transparent linear-gradient( 90deg, rgba(236, 103, 30, 1) 0%, rgba(230, 199, 95, 1) 100%);
    border-radius: 7px;
}

.similarJB .clientText {
    padding: 13px 20px 28px 20px;
    background: #fff;
    border: 0;
    opacity: 1;
    box-shadow: 0px 3px 26px #79808D21;
    border-radius: 0px 0px 7px 7px;
}

.similarJB .clientBtn {
    border: 0;
    height: 40px;
    width: 100%;
    font-size: 14px;
    font-family: "GellixSemiBold";
    background: #F7F2ED;
    border-radius: 3px;
    display: inline-block;
    margin-top: 25px;
    text-transform: uppercase;
    letter-spacing: 0.42px;
}

.similarJB .clientBtn img {
    width: auto;
}

.onClickshow {
    display: none;
}

.onClickshow.show {
    display: block;
    margin-bottom: 48px;
}

.onClickshow.show .col-sm-5 {
    -ms-flex: 0 0 39.667%;
    flex: 0 0 39.667%;
    max-width: 39.667%;
}

.onClickshow.show .col-sm-7 {
    -ms-flex: 0 0 60.333%;
    flex: 0 0 60.333%;
    max-width: 60.333%;
}

.onClickshow label {
    font-size: 25px;
    color: #1E2B38;
    font-family: "GellixSemiBold";
    display: block;
    margin-left: 0;
}

.onClickshow input {
    height: 60px;
    width: 100%;
    background: #F7F2ED;
    border-radius: 5px;
    text-align: center;
    font-size: 23px;
    color: #EC671E;
    font-family: "GellixBold";
    border: 0;
}

.onClickshow button {
    font-size: 20px;
    color: #fff;
    font-family: "GellixBold";
    border: 0;
    height: 60px;
    width: 100%;
    background: #EC671E;
    border-radius: 5px;
    text-transform: uppercase;
}

.browse-jobs.job-descis .ourServicesBox .div-fixAc .onClickshow label {
    margin-left: 0;
}

.d-flex.flex-switch {
    width: max-content;
    margin: 16px 0 0 auto;
}


/*Switch new fig*/

.switch {
    display: block;
    margin: 12px auto;
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 57px;
    height: 27px;
    padding: 3px;
    background-color: transparent;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    cursor: pointer;
}

.switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 10px;
    text-transform: uppercase;
    background: #fff;
    -moz-border-radius: inherit;
    -webkit-border-radius: inherit;
    border-radius: inherit;
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
    -webkit-transition-property: opacity background border;
    -moz-transition-property: opacity background border;
    -o-transition-property: opacity background border;
    transition-property: opacity background border;
}

.switch-label:before,
.switch-label:after {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    line-height: 1;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
    font-size: 14px;
}

.switch-label:before {
    content: attr(data-off);
    right: 11px;
    color: #000;
}

.switch-label:after {
    content: attr(data-on);
    left: 11px;
    color: white;
    opacity: 0;
}

.switch-input:checked~.switch-label {
    background: #fff;
}

.switch-input:checked~.switch-label:before {
    opacity: 0;
}

.switch-input:checked~.switch-label:after {
    opacity: 1;
}

.switch-handle {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 21px;
    height: 21px;
    background: #EC671B;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
}

.switch-handle::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    width: 12px;
    height: 12px;
    background: #EC671B;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
    -webkit-box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}

.switch-input:checked~.switch-handle {
    background: #EC671B;
    left: 29px;
    -moz-box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
    top: 6px;
}

.switch-input:checked~.switch-handle::before {
    background: #EC671B;
}

.switch-green>.switch-input:checked~.switch-label {
    background: #4fb845;
}

.flex-switch h5 {
    font-size: 18px;
    font-family: "GellixMedium";
    color: #fff;
    margin: 7px 0 0 8px;
}

.closeSearch {
    position: absolute;
    top: 4%;
    right: 4%;
    color: #fff;
    font-size: 24px;
    z-index: 1;
    cursor: pointer;
}

.closeSearch img {
    margin-left: 5px;
}

.closeSearch i {
    position: relative;
    top: 2px;
    margin-left: 6px;
}


/* Change the white to any color ;) */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    -webkit-text-fill-color: #6e7a86 !important;
}

.languagetraslator select option {
    color: #000;
    font-size: 14px;
}

.chat-msgs.renovation-limit .mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 101%;
    outline: none;
    direction: ltr;
    width: 101%;
}

.box.paperclip .inputfile+label {
    max-width: unset;
    font-size: 1.25rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    cursor: pointer;
    width: auto;
    margin: 0;
}
.div-right-support .accordion-info .mail-list li a i {
    color: #8A8EA0;
    font-size: 19px;
    float: left;
    padding-top: 2px;
}
.twins-input {
    display: flex;
}

.twins-input div {
    width: 50%;
}

.div-location {
    position: relative;
}

.div-location input {
    padding-left: 28px;
}

.div-location img {
    position: absolute;
    top: 10px;
    left: 0;
    height: 20px;
}

.twins-input div:first-child {
    margin-right: 50px;
}

.div-choose.brows.nw-jobs .div-professional a.book {
    background: #253f58;
    border-radius: 5px;
    text-align: center;
    font-size: 17px;
    color: #fff;
    font-family: "GellixSemiBold";
    display: inline-block;
    height: 52px;
    width: 100%;
    text-align: center;
    margin-right: 20px;
    padding: 12px 0 0 0;
}

.div-choose.brows.nw-jobs .bk-buttons {
    margin: 0px 0 44px 0;
}

.div-choose.brows.nw-jobs .providor-details h4 {
    font-size: 20px;
    color: #1E2B38;
    font-family: "GellixMedium";
}

.div-choose.brows.nw-jobs .providor-details {
    display: flex;
    margin-bottom: 0;
}

ul.ul-fav-state {
    margin: 0 0 30px 13px;
    padding: 0;
    list-style: none;
}

ul.ul-fav-state li {
    display: inline-block;
}

ul.ul-fav-state li a {
    font-size: 15px;
    color: #253F58;
    font-family: "GellixMedium";
    margin-right: 13px;
}

ul.ul-fav-state li a img {
    position: relative;
    top: -2px;
    margin-right: 1px;
    height: 12px;
}

.addCartPlus {
    height: 40px;
    display: inline-block;
    border: 1px solid #EC671E;
    width: 161px;
    position: relative;
    text-align: left;
    padding: 0 0 0 12px;
    color: #EC671E;
    background: #fff;
    border-radius: 3px;
}

.addCartPlus span {
    color: #fff;
    background: #ff6c2f;
    height: 100%;
    position: absolute;
    top: 0;
    padding: 0px 0 0 0;
    font-weight: 700;
    width: 40px;
    right: 0;
    text-align: center;
    border-radius: 0 1px 1px 0;
    font-size: 23px;
}

.div-choose.brows.nw-jobs .user-providers {
    background: #f7f8f8;
    border: 1px solid #f0f0f0;
    padding: 19px 45px 19px 18px;
    width: 100%;
    margin-bottom: 40px;
    transition: all 0.3s ease;
    min-height: 173px;
    border-radius: 5px;
    position: relative;
    /* cursor: pointer; */
}

.div-choose.brows.nw-jobs .user-providers .row.colFree {
    position: absolute;
    width: 93%;
    bottom: 27px;
}

.feesDiv {
    color: #253F58;
    font-size: 22px;
    font-family: "GellixRegular";
    margin: 3px 0 0 12px;
}

h4.termsHd {
    font-size: 20px;
    margin-top: 49px;
}

.div-choose.brows.nw-jobs .user-providers:hover {
    background: #ffffff !important;
    box-shadow: 0px 5px 30px #00000010;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.div-choose.brows.nw-jobs .user-providers.active {
    background: #ffffff !important;
    box-shadow: 0px 5px 30px #00000010;
    border-radius: 5px;
    transition: all 0.3s ease;
}


/*custom checkbox 2 square*/

.checkTable2 {
    position: relative;
    width: 20px;
    height: 20px;
    margin: 0;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    position: relative;
    top: 4px;
}

.checkTable2::after {
    content: "";
    position: absolute;
    display: block;
    z-index: 1;
    width: 20px;
    height: 20px;
    border: 1px solid #d5d5d5;
    border-radius: 2px;
}

.checkTable2[type="checkbox"]::before {
    background: url(../images/realCheck.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: -1px -1px;
    position: absolute;
    left: 2px;
    z-index: 2;
    opacity: 0;
    width: 100%;
    height: 100%;
    color: #f6ac4f;
}

.checkTable2[type="checkbox"]:checked:before {
    content: "";
    position: absolute;
    top: 0px;
    opacity: 1;
    left: 0px;
    border: 1px solid #f6ac4f;
    border-radius: 2px;
}

.note-provider {
    padding: 20px 0 30px 0;
}

.note-provider textarea {
    width: 100%;
    height: 140px;
    color: #444D57;
    font-size: 18px;
    background: #FFFFFF;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
    padding: 20px;
}

.upImg {
    height: 67px;
    width: 81px;
    position: relative;
    background: #F4F2F0;
    border-radius: 5px;
    overflow: hidden;
}

.upImg input {
    opacity: 0;
    z-index: 2;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
}

.upImg img {
    height: 100%;
    width: 100%;
}

.note-provider label {
    color: #253F58;
    font-size: 18px;
    font-family: 'GellixRegular';
    margin: 22px 0 10px 0;
}

.favDashboard2 .job-requests.active {
    background: #F0F2F7;
}

.favDashboard2 .job-requests.active .rq-text h3 {
    font-family: "GellixBold";
    font-size: 21px;
    margin: 4px 0 4px 0;
    color: #343A67;
    padding: 0;
    text-decoration: uppercase;
}

.favDashboard2 .job-requests:hover {
    background: #F0F2F7;
}

.favDashboard2 .job-requests:last-child:hover {
    background: #F0F2F7;
    border-radius: 0 0 20px 20px;
}

.favDashboard2 .job-requests:first-child:hover {
    background: #F0F2F7;
    border-radius: 20px 20px 0 0;
}

.favDashboard2 .job-requests.active {
    background: #F0F2F7;
    border-radius: 0 0 20px 20px;
}

.favDashboard2 .job-requests.active {
    background: #F0F2F7;
    border-radius: 20px 20px 0 0;
}

.JbrequestDiv {
    height: 629px;
    overflow: hidden;
    overflow-y: auto;
}

.JbrequestDiv .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background: #F4F2F0;
    border: 1px solid #DBDBDB;
    border-radius: 6px;
    width: 12px;
}

.JbrequestDiv .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #B9B9B9!important;
}

.JbrequestDiv .mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 8px;
    left: 0;
    bottom: 0;
    right: 0;
    height: 95.8%;
}

.favDashboard2 .rq-buttons button.btn-decline {
    background: #EC671E;
    box-shadow: 0px 2px 7px #93A0AF39;
    border-radius: 21px;
    margin: 12px 0 0 auto;
    color: #fff;
}

.favDashboard2 .rq-buttons button i {
    color: #fff;
    margin-right: 4px;
}

.rq-buttons button.btn-place i {
    color: #ec671e;
    margin-right: 4px;
}

.favDashboard2 .rq-buttons button {
    height: 42px;
    width: 120px;
    display: block;
    text-align: center;
    font-size: 17px;
    color: #253F58;
    font-family: "GellixSemiBold";
    border: 0;
    box-shadow: 0px 0px 10px #34383C1F;
    border-radius: 21px;
    background: #fff;
}

.light-slider .owl-item {
    float: left!important;
    opacity: 0.23;
    cursor: default;
    pointer-events: none;
}

.light-slider .owl-item.active {
    opacity: 1;
    cursor: pointer;
    pointer-events: all;
}

.light-slider .owl-stage-outer {
    overflow: visible;
}


/*term page*/

.secton-wara-vid.term p {
    font-size: 25px;
    color: #444D57;
    font-family: "GellixRegular";
    line-height: 40px;
    margin-bottom: 50px;
}

.header-cms-nav {
    display: none;
}

.terms-and-services-layout .header-cms-nav {
    display: block;
}

.privacy-policy-layout .header-cms-nav {
    display: block;
}

.terms-and-services-layout .header-right ul li a:hover,
.terms-and-services-layout .header-right ul li a:focus,
.terms-and-services-layout .header-right ul li a.active,
.terms-and-services-layout .header-right ul li.active a {
    transition: all 0.5s ease-in-out;
    color: #fff !important;
}

.privacy-policy-layout .header-right ul li a:hover,
.privacy-policy-layout .header-right ul li a:focus,
.privacy-policy-layout .header-right ul li a.active,
.privacy-policy-layout .header-right ul li.active a {
    transition: all 0.5s ease-in-out;
    color: #fff !important;
}

.faq-layout .header-right ul li a:hover,
.faq-layout .header-right ul li a:focus,
.faq-layout .header-right ul li a.active,
.faq-layout .header-right ul li.active a {
    transition: all 0.5s ease-in-out;
    color: #fff !important;
}

.nav-pills.nav-dash.term-tab .nav-link.active,
.nav-pills .show>.nav-link {
    color: #253F58 !important;
    transition: all .3s ease-in-out;
    background-color: #fff;
    padding-left: 22px;
    padding-right: 22px;
}

.nav-pills.nav-dash.term-tab .nav-link {
    /* border-radius: 0; */
    font-size: 18px;
    height: 49px;
    transition: all .3s ease-in-out;
    padding-top: 11px;
    padding-left: 0;
    color: #FFFFFF !important;
    padding-right: 0;
    margin-right: 44px;
    border-radius: 10px 10px 0px 0px;
}

.nav.nav-dash.term-tab.nav-pills {
    margin-top: 42px;
}

.secton-wara-vid.term-pg {
    background: #fff;
    padding: 18px 0 50px 0;
    margin-top: 166px;
}

.secton-wara-vid.term-pg h1 {
    font-size: 45px;
    color: #1E2B38;
    font-family: "GellixBold";
    line-height: 55px;
    margin: 40px 0 20px 0;
}

.secton-wara-vid.term-pg h2 {
    font-size: 35px;
    color: #1E2B38;
    font-family: "GellixBold";
    line-height: 55px;
    margin: 40px 0 20px 0;
}

.secton-wara-vid.term-pg p a {
    text-decoration: underline!important;
    color: #EC671E;
}

.secton-wara-vid.term-pg h6 {
    font-size: 25px;
    color: #1E2B38;
    font-family: "GellixMedium";
    margin: 0 0 8px 0;
    padding: 0;
}

.section-help.term-pg .div-helped {
    background: transparent linear-gradient(90deg, #ec671e 0%, #e6c75f 100%);
    padding: 43px 70px 30px 70px;
    border-radius: 10px;
    margin-top: 25px;
}

.section-help.term-pg {
    padding: 0 0 35px 0;
    margin-bottom: 70px;
}


/*faq*/

.secton-wara-vid.term-pg.faq {
    background: url('../images/faq-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 168px 0 117px 0;
    margin-top: 0;
    border-top: 1px solid #ddd;
}

.secton-wara-vid.term-pg.faq h1 {
    font-size: 45px;
    color: #fff;
    font-family: "GellixBold";
    margin: 40px 0 40px 0;
}

.secton-wara-vid.term-pg.faq .search-faq {
    width: 680px;
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: 0px 2px 25px #40376F1A;
    border-radius: 10px;
    height: 70px;
    padding: 7px;
    display: flex;
}

.secton-wara-vid.term-pg.faq .search-faq input {
    text-align: left;
    letter-spacing: 0px;
    color: #6E7A86;
    font-family: "GellixMedium";
    font-size: 19px;
    border: 0;
    width: 79%;
}

.secton-wara-vid.term-pg.faq .search-faq button {
    border: 0;
    height: 55px;
    width: 142px;
    background: transparent linear-gradient(90deg, #EC671E 0%, #E6C75F 100%);
    color: #fff;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    border-radius: 4px;
}


/*common responsive menu*/

.header-right .resp-menu ul li a {
    font-family: "GellixRegular";
    font-size: 17px;
    color: #fff!important;
    position: relative;
    padding: 0 20px;
}

.resp-menu a.dropdown-toggle::after {
    background: url(../images/trDown.png) no-repeat;
    width: 10px;
    height: 7px;
    position: absolute;
    border: 0;
    top: 10px;
    background-size: 100%;
    right: 0;
}

.header-right .resp-menu ul li a img {
    position: relative;
    top: -3px;
    filter: unset;
}

.resp-menu .languagetraslator select {
    color: #fff!important;
    background: url(../images/trDown.png) no-repeat;
    background-size: 10px 7px;
    background-position: center right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.resp-menu .search-bt img.lit1 {
    display: block;
    position: relative;
    top: 2px;
    height: 16px;
    filter: brightness(0) invert(1);
}

#button2 {
    cursor: pointer;
}

.site-header.fixed-header .nav.nav-dash.term-tab.nav-pills {
    display: none;
}

.resp-header {
    display: none;
}

.packages-layout .header-right .megaoverlay a {
    padding: 0;
    color: #444d57;
    font-size: 13px;
}

.subscriptions-layout .header-right .megaoverlay a {
    padding: 0;
    color: #444d57;
    font-size: 13px;
}

.CatState {
    width: 30%;
    display: inline-block;
    background: #F4F2F0;
    border-radius: 4px;
    padding: 23px 10px 24px 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.CatState:hover {
    background: url(../images/painting-img.jpg), linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: overlay;
}

.CatState h6 {
    font-size: 18px;
    font-family: "GellixMedium";
    min-height: 48px;
    margin-left: 5px;
    color: #1E2B38;
}

.CatState:hover h6 {
    color: #fff;
}

.CatState a {
    margin: 0 0 0 6px;
    padding: 0!important;
    font-size: 13px!important;
    color: #444D57!important;
}

.fixed-header .header-right ul li .CatState a {
    color: #444D57!important;
}

.CatState:hover a {
    color: #ec671e!important;
}

.fixed-header .header-right ul li .CatState:hover a {
    color: #ec671e!important;
}

.CatState a .arrow::before,
.CatState a .arrow::after {
    content: "";
    background: #ec671e;
    position: absolute;
    height: 7px;
    width: 2px;
}

.CatState a .arrow::after {
    right: 2px;
    top: -1px;
    transform: rotate(45deg);
}

.CatState a .arrow::before {
    right: 2px;
    bottom: 0px;
    transform: rotate(-45deg);
}

.CatState a .arrow {
    background: #ec671e;
    height: 2px;
    width: 22px;
    margin: 0 auto;
    position: relative;
    cursor: pointer;
    display: inline-block;
    left: 5px;
    top: -4px;
    transition: all 0.5s ease-in-out;
    opacity: 0;
}

.CatState:hover a .arrow {
    opacity: 1;
}

.CatState a:hover .arrow,
.CatState a:focus .arrow {
    transition: all 0.5s ease-in-out;
    left: 15px;
    opacity: 1;
}
img.menuimageBg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none;
}

.CatState > div {
    position: relative;
    z-index: 1;
}

.CatState:hover img.menuimageBg {
    display: block;
}

.CatState:hover:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;z-index: 1;opacity: 0.7;}
.browse-providers-layout .downloadApp.orangeApp {
    display: none;
}

.browse-providers-layout .downloadApp.whiteSect {
    display: block;
}

#divBtnSubmit button.book {
    background: #253F58;
    border-radius: 5px;
    color: #fff;
    border: 0;
    width: 100%;
    height: 52px;
    font-size: 17px;
    margin-top: 24px;
}

.site-footer ul li a.active {
    text-decoration: underline !important;
}

.DzView .dropzone {
    min-height: auto!important;
    border: 2px solid rgba(0, 0, 0, 0.3);
    background: white;
    padding: 0;
    text-align: center;
    background: transparent!important;
    border: 0 !important;
    border-radius: 20px !important;
    margin-top: 35px !important;
    text-align: left !important;
}

.DzView .dropzone .dz-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0px 10px 0 12px;
    min-height: 100px;
}

.DzView .dropzone {
    text-align: left;
    margin-top: 0!important;
}

.DzView .dropzone .dz-message {
    text-align: left;
    margin: 0 0 0 12px;
}

.DzView .dz-message div {
    width: max-content;
    margin: 0;
}

.DzView .dz-message .plusUpload {
    width: 81px !important;
    height: 67px;
    border-radius: 5px;
    overflow: hidden;
}

.DzView #document-dropzone {
    margin-bottom: 0;
    border-radius: 0 !important;
}

.term.chkTerms {
    list-style: none !important;
    margin: 0;
    padding: 0;
}

.term.chkTerms label {
    margin-left: 14px;
}

.noResult.text-center {
    width: 100%;
    padding: 0;
    margin: -36px 0 0 0;
}

.noResult.text-center p {
    margin: 0;
    padding: 0;
}

div#document-dropzone .dz-preview {
    margin: 0;
    flex: 0 0 20%;
    padding: 6px;
    position: relative;
    min-height: unset !important;
    height: 141px;
}

div#document-dropzone {
    display: flex;
    flex-wrap: wrap;
}

div#document-dropzone .dz-preview .dz-image {
    width: 100% !important;
    padding-top: 100%;
    position: relative;
    margin: 0;
}

div#document-dropzone .dz-preview .dz-image img {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    margin: 0;
}

div#document-dropzone .dz-preview a.dz-remove {
    position: absolute !important;
    top: 13px;
    right: 13px;
    color: transparent !important;
    width: 18px;
    height: 18px;
    padding: 0;
}

div#document-dropzone .dz-preview a.dz-remove:before {
    content: "\f057";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #EC671E;
    font-size: 18px;
    background: #fff;
    border-radius: 50%;
    margin: 0 0 0 0;
    position: absolute;
    top: 0;
    height: 18px;
    padding: 0;
    line-height: 18px;
}

div#document-dropzone .dz-default.dz-message {
    width: 100%;
    margin: auto;
    top: 0;
    bottom: 0;
    margin: auto 0;
    flex: 0 0 100%;
}

.ourServicesBox div#document-dropzone .dz-default.dz-message {
    width: 81px;
    flex: 0 0 81px;
}

div#document-dropzone .dz-preview .dz-details {
    bottom: 0;
    margin: auto;
    height: 98px;
}

.div-browsClient .clientText button.clientBtn.applied {
    text-align: center;
}

.imageshay {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    align-self: center;
    background: rgb(224 224 224);
}

.imageshay img,
.owl-carousel .owl-item .imageshay img {
    width: 150px;
    height: auto;
}

.div-browsClient {
    height: 100%;
}

.img-smJob video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bid_input textarea {
    height: 150px;
    width: 100%;
    background: #F7F2ED;
    border-radius: 28px;
    border: 0;
    font-size: 18px;
    font-family: "GellixMedium";
    padding: 10px 25px;
    margin-bottom: 16px;
}

.bid_input.textarea button.place-bid-btn {
    position: static;
}

.img-bigJob video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section.ourServices.browse-jobs.job-descis.section-similarJobs .ourServicesBox {
    background: #fff;
}

.defaultImage {
    background: #000;
}

.img-bigJob.safr .defaultImage {
    height: 100%;
    width: 100%;
    background: #cecece;
}

.img-bigJob.safr .defaultImage img {
    width: 255px;
    height: auto;
}

.light-slider:before {
    content: "";
    width: 23px;
    height: 100%;
    position: absolute;
    background: #fff;
    z-index: 9;
    left: 0;
}

.light-slider:after {
    content: "";
    width: 14px;
    height: 100%;
    position: absolute;
    background: #fff;
    z-index: 9;
    right: 0;
}

.light-slider .owl-dots {
    position: absolute;
    bottom: 42px;
}

.light-slider .owl-dots .owl-dot {
    background: rgba(227, 227, 227, 1);
    border-radius: 6px;
    width: 100px;
    height: 3px;
    float: left;
    margin-right: 10px;
    cursor: pointer;
}

.light-slider .owl-dots .owl-dot.active {
    background: transparent linear-gradient(90deg, var(--unnamed-color-ec671e) 0%, rgba(230, 199, 95, 1) 100%);
    background: transparent linear-gradient(90deg, rgba(236, 103, 30, 1) 0%, rgba(230, 199, 95, 1) 100%);
}

div.paddtab {
    padding: 40px;
    background: #fff;
}

.selectusertype .usertype {
    position: relative;
}

.selectusertype {
    display: flex;
    justify-content: start;
    align-items: center;
    /* margin: 32px 0 -26px 0; */
    position: relative;
}

.provider-layout .asds .div-trust {
    background: #F7F8F8;
    box-shadow: none;
}

.provider-layout .asds .div-trust:hover {
    background: #EC671E;
}

.selectusertype .usertype input {
    position: absolute;
    left: -99999px;
}

.selectusertype ul.parsley-errors-list {
    position: absolute;
    bottom: -30px;
}

.selectusertype .usertype label {
    margin: 0 19px 0 0;
    padding: 0 0 0 22px;
    font-size: 17px;
    color: #6e7a86;
    font-family: "GellixRegular";
    font-weight: normal;
    cursor: pointer;
}

.selectusertype .usertype label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 16px;
    height: 16px;
    border: solid 1px #e56c2b;
    border-radius: 50%;
}

.selectusertype .usertype input:checked~label:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 8px;
    width: 10px;
    height: 10px;
    border: solid 1px #e56c2b;
    border-radius: 50%;
    background: #e56c2b;
}

table.structureTable {
    width: 100%;
}

table.structureTable td {
    font-size: 20px;
    color: #1E2B38;
    font-family: 'GellixSemiBold';
}

table.structureTable tbody td {
    font-family: 'GellixRegular';
    padding: 1px 0 9px;
    line-height: normal;
}

table.structureTable tfoot td {
    padding: 6px 0;
    border-top: solid 1px #c3c3c3;
}

table.structureTable tfoot td:last-child {
    text-align: right;
    color: #ff6c2f !important;
}

table.structureTable tfoot td span.currencyStatus {
    display: inline-block;
    margin: 0;
    float: right;
}

table.structureTable tfoot td span {
    display: inline-block !important;
    margin: 0 !important;
    font-family: 'GellixSemiBold' !important;
    font-size: 20px !important;
    color: #ff6c2f !important;
}

table.structureTable tbody td:last-child {
    text-align: right;
    white-space: nowrap;
    padding-left: 20px;
    vertical-align: top;
}

.light-slider .owl-next.disabled {
    display: none;
}

.input-box input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: transparent !important;
}

.input-box input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: transparent !important;
    opacity: 1;
}

.input-box input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: transparent !important;
    opacity: 1;
}

.input-box input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: transparent !important;
}

.input-box input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: transparent !important;
}

.input-box input::placeholder {
    /* Most modern browsers support this now. */
    color: transparent !important;
}

.mytrest input {
    color: #EC671E;
    text-align: center;
    font-size: 23px;
    line-height: 45px;
    border: 0;
    font-family: "GellixBold";
    width: 175px;
    height: 60px;
    background: #F7F2ED 0% 0% no-repeat padding-box;
    border-radius: 5px;
}

.mytrest button {
    background: #EC671E 0% 0% no-repeat padding-box;
    border-radius: 5px;
    border: 0;
    font-size: 20px;
    line-height: 45px;
    text-transform: uppercase;
    color: #fff;
    font-family: "GellixBold";
    flex: 1;
    margin-left: 30px;
}

.mytrest {
    display: flex;
    margin-bottom: 50px;
}
.chat-opened {
    background: #fff;
    padding: 0;
    width: 536px;
    box-shadow: 0px 6px 16px #b3b5be;
    z-index: 99;
    border: 1px solid #EAEBF4;
    border-radius: 20px !important;
    overflow:hidden
}

.chat-opened .panel-heading {
    padding: 15px 30px;
    background: #EAEBF4;
    color: #343A67;
    border-radius: 20px 20px 0px 0px;
    font-family: "GellixBold";
    font-size: 21px;
}

.chat-opened .panel-footer {
    padding: 0;
    background: transparent;
    border-top: 1px solid #DEE3E6;
}
.chat-opened .panel-heading h6.panel-title {
    margin: 0;
    font-size: 21px;
}

.chat-opened .panel-heading h6.panel-title span.close-chat {
    float: right;
    margin-top: 0;
}
.radiance .select2.select2-container .select2-selection {
    padding: 0 !important;
}
.radiance .select2.select2-container #select2-preferred_time_select-container {
    line-height: 62px;
}
.radiance {
    display: flex;
    align-items: center;
}
.radiance .select2.select2-container .select2-selection.select2-selection--multiple {
    border: 0;
    border-radius: 0;
    padding: 3px 0 !important;
    height: 58px;
}
.radiance .select2.select2-container .select2-selection.select2-selection--multiple .select2-selection__choice {
    margin: 2px 3px;
    font-size: 13px;
}
.radiance .select2.select2-container .select2-selection.select2-selection--multiple .select2-search__field {
    line-height: normal;
    margin: 0;
    height: 19px;
}
.radiance .select2.select2-container{
    min-width: 184px !important;
    width: auto !important;
    border: 1px solid #EDEDED;
}
.agentpopup .div-professional {
    padding-top: 6px;
    padding-bottom: 17px;
}

.agentpopup .form-group.check-Make {
    margin: 5px 11px 0;
}

.agentpopup select.form-control.select-sp {
    line-height: normal;
    height: 52px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    flex: 1;
}

.agentpopup button.close {
    position: absolute;
    top: 0;
    right: 7px;
}

.agentpopup .div-professional input.book {
    margin: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.chat-area time {
    color: #8A8EA0;
    font-size: 12px;
    position: absolute;
    white-space: nowrap;
    right: 0;
    bottom: -19px;
}
.chat-area .d-flex {
    margin-bottom: 43px !important;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
    display: block;
}
.plumbing-search form {
    display: flex;
    width: 669px;
}

.plumbing-search form .selOne .bootstrap-select.btn-group  span.filter-option {
    color: #EC671E;
}

.plumbing-search form .bootstrap-select.btn-group span.filter-option {
    font-size: 15px;
    color: #444;
    padding-right: 40px;
    line-height: 70px;
}

.plumbing-search form span.selOne.oned {
    width: 150px;
    flex: 0 0 150px;
}

span.selTwo {
    flex: 0 0 522px;
}

.plumbing-search form .bootstrap-select.btn-group .btn-default {
    padding: 0 11px;
    background:transparent;
    width: 100%;
    line-height: 28px;
}

.plumbing-search form .bootstrap-select.btn-group .btn-default:before {
    content: "";
    right: 12px;
    left: auto;
    position: absolute;
    width: 20px;
    height: 20px;
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px !important;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #000;
}

.plumbing-search form .bootstrap-select.btn-group .btn-default:after {
    display: none !important;
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
}
.plumbing-search form .bootstrap-select.btn-group dropdown-menu {
    background: transparent !important;
}

.dropdown-menu.open.show {
    background: transparent !important;
}

.dropdown-menu.open.show li {
    background: transparent;
    padding: 0;
}

.dropdown-menu.open.show li a:hover, .dropdown-menu.open.show li.selected a {
    background-color: #ec702c!important;
    color: #fff !important;
}

.dropdown-menu.open.show li a {
    display: block;
    width: 100%;
    padding: 6px;
}

.dropdown-menu.open.show li a:hover span, .dropdown-menu.open.show li.selected a span {
    color: #fff;
    /* line-height: 29px; */
}
.dropdown-menu.open.show li a span.text {
    padding-top: 5px;
}
label.custom-file-upload {
    color: #EC671E;
    line-height: 60px;
    font-size: 22px;
    padding: 0  9px;
    margin: 0 5px;
    position: relative;
}
label.custom-file-upload.file:before {
    position: absolute;
    content: "";
    top: 7px;
    right: 0;
    width: 9px;
    height: 9px;
    background: #EC671E;
    border-radius: 50%;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
    overflow-x: hidden !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border: 0;
    background: transparent;
    padding: 0;
}
.select2-container--default .select2-search--inline .select2-search__field {
    resize: none;
}


.ourServices.bookNPage.newer .booknow .bootstrap-select>.dropdown-toggle{
    min-width: 184px !important;
    width: auto !important;
    border: 1px solid #EDEDED;
    padding: 0;
    line-height: normal;
    height: auto;
    background-position: calc(100% - 6px);
}

.booknow .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    line-height: 52px;
    padding: 4px 16px;
    font-family: "GellixMedium";
    color: #8A8EA0;
    font-size: 18px;
    float: left;;
}

.bannerSearch .btn-group.bootstrap-select.bsCat.bootstrapselect {
    width: 150px;
    margin-right: 2px;
    border-radius: 5px 0 0 5px;
    padding-right: 0;
    color: #cbd6d9;
}

.bannerSearch .btn-group.bootstrap-select.bootstrapselect span.filter-option {
    color: #cbd6d9;
    line-height: normal;
    padding: 0 12px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 16px;
}

.bannerSearch .btn-group.bootstrap-select.bootstrapselect {
    background: #3c3d3efa;
    background-image: url(../images/droparrow.png);
    padding: 0;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px);
}

.radiance .btn-group.bootstrap-select.bsCat.bootstrapselect button.btn.dropdown-toggle.btn-default {
    width: 150px;
}

.radiance .btn-group.bootstrap-select.bootstrapselect button.btn.dropdown-toggle.btn-default {
    background-image: none;
    padding: 0;
    width: auto;
    min-width: 200px;
    background: #FFFFFF;
    box-shadow: 0px 3px 16px #6a7c9829 !important;
    min-width: 200px;
    width: auto ;
}
.radiance .btn-group.bootstrap-select.bootstrapselect button.btn.dropdown-toggle.bs-placeholder.btn-default {
    
    background: #efefef;
    box-shadow: none;
}
.bootstrap-select .dropdown-toggle::after {
    display: none;
}
.btn-group.bootstrap-select.bsCity.bootstrapselect, .btn-group.bootstrap-select.bsCity.bootstrapselect button.btn.dropdown-toggle.btn-default{
    width: 290px !important;
}
a.scrollToTop {
    position: fixed;
    right: 18px;
    bottom: 18px;
    font-size: 28px;
    color: #fff;
    z-index: 9;
    background: transparent linear-gradient( 
90deg
 , #ec671e 0%, #e6c75f 100%);
    display: none;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    border-radius: 5px;
}
.styletable {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    /* border: 1px solid #EAEBF4;
    border-radius: 15px; */
    min-width: 100%;
    vertical-align: top;
}

.styletable th {
    border: 1px solid #EAEBF4;
    padding: 15px 24px;
    font-size: 18px;
    color: #343A67;
    /* font-family: "GellixSemiBold"; */
    text-transform: uppercase;
    line-height:26px;
    font-weight: normal;
}

.styletable td {
    border: 1px solid #EAEBF4;
    padding: 12px 24px;
    border-top: 0;
    border-bottom: 0;
    vertical-align: top;
}

.div-dash-detail .btn-chat:last-child {
    margin: 0;
}

/* .styletable td:last-child {
    vertical-align: middle;
} */

.styletable .detailed-img {
    width: 105px;
    height: 105px;
    flex: 0 0 105px;
}
.site-footer.dash-footer.padding-large {
    padding: 20px 0 0 0;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px -2px 9px #161a1f08;
}
.div-booked-providers .mCSB_scrollTools .mCSB_draggerRail {
    background: #EAEBF4 0% 0% no-repeat padding-box;
    border: 1px solid #DBDBDB;
    border-radius: 6px;
    width: 13px;
    margin: 0;
}

.div-booked-providers .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #C1C9D1;
    border-radius: 15px;
    width: 6px;
    left: -2px;
}
.stylemultiple .btn-group.bootstrap-select.bootstrapselect button.btn.dropdown-toggle.btn-default {
    padding: 0;
    height: 60px;
    width: 100%;
    background: #F5F9FA;
    border: 1px solid #EAEBF4;
    border-radius: 4px;
    color: #8A8EA0;
    padding: 12px;
    font-size: 18px;
    font-family: "GellixMedium";
}

.stylemultiple .btn-group.bootstrap-select.bootstrapselect button.btn.dropdown-toggle.btn-default span.filter-option.pull-left {
    line-height: normal;
    color: #8A8EA0;
    padding: 0;
    font-size: 18px;
    font-family: "GellixMedium";
}

.stylemultiple .btn-group.bootstrap-select.bootstrapselect {
    height: auto;
}
.register-provider-layout .select2-container--default .select2-selection--single {
    padding: 0 !important;
}

.register-provider-layout .input-sw .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 15px;
    color: #253f58;
    border: 0;
    border-bottom: 1px solid #bcbfcb;
    width: 100%;
    height: 40px;
    line-height: 40px;
}

.register-provider-layout .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: block;
}


div.div-minimessanger {
    /* position: fixed; */
    right: 20px;
    bottom: 0;
    border: 1px solid var(--unnamed-color-eaebf4);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EAEBF4;
    border-radius: 20px;
    overflow: hidden;
}

div.div-minimessanger div.panel-body {
    padding: 0;
    overflow: unset;
}

div.div-minimessanger div.panel-body .chat-header {
    background: #EAEBF4 0% 0% no-repeat padding-box;
    font-size: 21px;
    color: #343A67;
    padding: 0;
    height: auto;
    height: 56px;
    display: flex;
    align-items: center;
    padding: 0 30px;
    text-transform: capitalize;
}

div.div-minimessanger div.panel-body .chat-header h4 {
    color: #343A67;
    margin: 0;
}

div.div-minimessanger div.panel-body div.chat-msgs {
    padding: 30px;
    height: 490px;
    overflow-y: auto;
}

div.div-minimessanger div.panel-body div.chat-msgs .avatar {
    margin: 0;
    min-width: 50px;
    height: 50px;
    flex: 0 0 50px;
    border-radius: 50%;
    overflow: hidden;
}

div.div-minimessanger div.panel-body div.chat-msgs .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.panel-footer {
    border-top: 1px solid #DEE3E6;
}

.panel-footer textarea.form-control {
    border: 0;
    resize: none;
    line-height: 60px;
    height: 60px;
    padding: 0 22px;
}

.panel-footer span.input-group-btn button, .panel-footer span.input-group-btn button:focus, .panel-footer span.input-group-btn button:active, .panel-footer span.input-group-btn button:focus-visible, .panel-footer .btn-primary:not(:disabled):not(.disabled).active, .panel-footer .btn-primary:not(:disabled):not(.disabled):active, .panel-footer .show>.btn-primary.dropdown-toggle {
    color: #EC671E;
    background: transparent;
    border: 0;
    font-size: 27px;
    line-height: 56px;
    padding: 0;
    margin-right: 14px;
}
.panel-footer .btn-primary:not(:disabled):not(.disabled).active, .panel-footer .btn-primary:not(:disabled):not(.disabled):active {
    opacity: 0.5;
}
.closechat {
    float: right;
    margin-left: auto;
}

.messages-layout .chat-msgs .avatar {
    width: 60px;
    height: 60px;
    flex: 0 0 60px;
    margin-left: 0;
    margin-right: 20px;
}

.messages-layout .chat-msgs .messages {
    padding: 22px 17px;
    border-radius: 20px;
    border-top-left-radius: 0;
}

.messages-layout .chat-msgs .flex-row-reverse .messages {
    border-top-left-radius: 20px;
    border-top-right-radius: 0;
    background: #FCEFEF;
    padding: 14px 18px;
}
.messages-layout .closechat{
    display:none;
}
.table-responsive {
    border: 1px solid #EAEBF4;
    border-radius: 15px;
}
.nomesagesshow {
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: #fff;
    font-size: 30px;
    font-weight: bold;
    color: #b1b1b1;
}

.chat-sect {
    min-height: 100vh;
}

.nomesagesshow i {
    font-size: 101px;
    margin-bottom: 12px;
}
.chatusershow {
    width: 344px;
    justify-content: center;
    align-items: center;
    background: #fff;
    font-size: 23px;
    font-weight: bold;
    color: #b1b1b1;
    height: calc(100vh - 160px);
}

.chatusershow i {
    font-size: 48px;
    margin-bottom: 11px;
}
.customer_side {
    position: fixed;
    right: 20px;
    bottom: 20px;
    border: 1px solid var(--unnamed-color-eaebf4);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EAEBF4;
    border-radius: 20px;
    overflow: hidden;
    width: 450px;
    padding: 0 0 14px;
    z-index: 9;
}

.customer_side .panel-footer {
    border: 0;
}

.customer_side .chat-header {
    background: #EAEBF4 0% 0% no-repeat padding-box;
    font-size: 21px;
    color: #343A67;
    padding: 0;
    height: auto;
    height: 56px;
    display: flex;
    align-items: center;
    padding: 0 30px;
    text-transform: capitalize;
}

.hideChat {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #00000054;
    z-index: 8;
}
.cursor-pointer{
    cursor: pointer;
}
.div-right-support .accordion-info .panel-title>a[aria-expanded="true"]::before {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}

.ourServicesBox div#document-dropzone .dz-default.dz-message {
    width: 138px;
    flex: 0 0 100%;
}
.dz-message {
    width: 100%;
}
.providernameostop {
    font-size: 24px;
    color: #1E2B38;
    font-family: 'GellixSemiBold';
}

.providernamerait {
    font-size: 20px;
    font-family: 'GellixSemiBold';
    color: #1E2B38;
    margin-right: 6px;
}

.providernamerait:after {content: ":";}
.sdda {
    margin-bottom: 12px;
}