/*
   Description: Master CSS file
*/
/* font-family */
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");

/* font-family: 'Roboto', sans-serif; */
/* font-family end*/
/* common style */
* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

body {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #202124;
}

h1,
h2,
h3 {
    font-size: 38px;
    font-weight: 700;
}

p,
a,
span,
ul li,
strong {
    font-size: 18px !important;
}

strong~h2 {
    margin-top: 16px;
}

a[href] {
    text-decoration: none;
    outline: none;
}

ul {
    margin: 0px;
    padding: 0px;
    list-style-position: inside;
    list-style: none;
}

.w-120 {
    width: 120px;
}

.mx-w-160 {
    max-width: 160px;
}

label.lab-title {
    font-weight: 600;
}

.font-blue {
    color: #1274ef;
}

.font-black {
    color: #202124;
}

.font-white {
    color: #fff;
}

.font-wellow {
    color: #e1a600;
}

.min-blue-title {
    color: #1274ef;
}

.bg-white {
    border-color: #fff;
}

.bg-dark-gray {
    background-color: #707070;
}

.bg-gray {
    background-color: #f1f1f1;
}

.bg-light-gray {
    background-color: #f9f9f9;
}

.bg-blue {
    background-color: #5b91d5;
}

.btn-gray {
    background: #e2dfdf;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    font-weight: 500;
}

.btn-gray:hover {
    background: #5b91d5;
    color: #fff;
}

a.btn-blue {
    background: #5b91d5;
    box-shadow: 0px 2px 4px rgba(211, 208, 208, 0.5);
    border-radius: 10px;
    color: #fff;
    padding: 6px 20px;
    min-width: 116px;
    font-weight: 500;
}

a.btn-blue:hover {
    background: #0071ff;
    color: #fff;
}

a.btn-yellow {
    background: #e1a600;
    box-shadow: 0px 2px 4px rgba(211, 208, 208, 0.5);
    border-radius: 10px;
    color: #fff;
    padding: 6px 20px;
    min-width: 116px;
    font-weight: 500;
}

a.btn-yellow:hover {
    background-color: #f1b303;
    color: #fff;
}

a.btn-outline-blue {
    padding: 6px 20px;
    min-width: 116px;
    background: #ffffff;
    border: 1px solid #1274ef;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    color: #0071ff;
    font-weight: 500;
}

a.btn-outline-blue:hover {
    background: #1274ef;
    color: #fff;
}

a.btn-white {
    padding: 6px 20px;
    min-width: 116px;
    background: #ffffff;
    box-shadow: 0px 4px 12px rgba(211, 208, 208, 0.5);
    border-radius: 10px;
    color: #1274ef;
    font-weight: 500;
}

a.btn-white:hover {
    background: #1274ef;
    color: #fff;
}

.form-group.forcomon-select select~button:focus,
.form-group.forcomon-select select~button {
    background: transparent;
    box-shadow: none;
    border: none;
    border-bottom: 2px solid #1274ef;
    border-radius: 0px;
    text-decoration: none !important;
    outline: none !important;
    line-height: 20px;
}

.form-group.forcomon-select select~button .filter-option-inner-inner i {
    margin-top: 6px;
}

.container.border.for-card {
    border-radius: 12px;
    padding: 18px;
    box-shadow: 0px 0px 8px #ccc;
}

/* common style end */

/* Header */
header.stick-header {
    background: #ffffff;
    box-shadow: 0px 4px 12px rgb(255 138 0 / 15%);
    padding: 16px 0px 0px;
    position: sticky;
    top: 0;
    z-index: 999;
}

header.stick-header a img {
    max-width: 400px;

    max-height: 50px;
    object-fit: contain;
}

.text-right.header-right {
    text-align: right;
}

.text-right.header-right a {
    margin-right: 16px;
}

.text-right.header-right a.btn.search-btn {
    background: #ffffff;
    box-shadow: 0px 4px 12px rgb(0 0 0 / 25%);
    border-radius: 10px;
    padding: 6px 8px;
}

header .dropdown {
    float: right;
    position: relative;
}

header .dropdown .btn {
    padding: 0px;
    box-shadow: none;
    border: none;
}

header .dropdown-menu.show {
    left: auto !important;
    right: -85px !important;
    top: 11px !important;
    border: none;
    box-shadow: 0px 0px 12px #f2f2f2;
    width: 200px;
}

.head-profile-pic img.hed-profile-pic {
    margin-right: 10px;
    width: 40px !important;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0px 0px 8px #ccc;
    margin-bottom: 12px;
    object-fit: contain;
}

.text-right.header-right a i {
    font-size: 18px !important;
}

.text-right.header-right a i~span.badge.bg-danger.pin {
    font-size: 12px !important;
    top: -17px;
    position: relative;
    left: -8px;
}

.head-profile-pic span {
    color: #777;
}

.head-profile-pic {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
}

.head-profile-pic ul {
    position: absolute;
    right: 0;
    margin: 0px;
    background: #fff;
    box-shadow: 0px 0px 8px;
    box-shadow: 0px 4px 12px rgb(255 138 0 / 15%);
    top: calc(100% + 3px);
    width: 100%;
    text-align: left;
    border-radius: 10px;
}

.head-profile-pic ul {
    transform: scale(0);
    transition: all 0.2s;
}

.head-profile-pic:hover ul {
    transform: scale(1);
    transition: all 0.2s;
}

.head-profile-pic ul li a img {
    width: 16px;
    margin-right: 6px;
    filter: brightness(0.5);
    height: 16px;
    object-fit: contain;
}

.head-profile-pic ul li a:hover img {
    filter: brightness(1);
}

.head-profile-pic ul li a {
    color: #777;
    margin: 0 !important;
    display: block;
    padding: 4px 12px;
    font-size: 14px !important;
}

.head-profile-pic ul li:hover {
    background-color: #0d6efd;
    color: #fff;
}

.head-profile-pic ul li a:hover {
    color: #fff;
    background-color: #0d6efd;
}

/* Header end*/
/* banner */
.banner img {
    margin: 60px 0px;
    background: #ffffff;
    box-shadow: 0px 0px 32px rgb(0 0 0 / 25%);
    border-radius: 0px 100px 0px 50px;
    max-width: 100%;
}

section.banner:after {
    content: "";
    width: 30%;
    background: #5b91d5;
    height: 670px;
    top: 0;
    position: absolute;
    right: 0;
    z-index: -1;
    border-radius: 0px 0px 0px 100px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 6px;
    top: 0.8em;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: 0.1rem;
    margin-right: 0.1rem;
}

/* rotate caret on hover */
.dropdown-menu>li>a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
}

.banner h1 {
    margin-bottom: 26px;
}

.banner p {
    margin-bottom: 80px;
}

.col-md-6.banner-cont {
    background-image: url(../images/makg.png), url(../images/mak.png),
        url(../images/pec.png);
    background-position: right bottom, left top, left bottom;
    background-repeat: no-repeat, no-repeat, no-repeat;
}

.col-md-6.banner-cont {
    background-image: url(../images/makg.png), url(../images/mak.png),
        url(../images/pec.png);
    background-position: 85% 0px, center calc(100% + -60px),
        left calc(100% + -1px);
    background-repeat: no-repeat, no-repeat, no-repeat;
    padding-top: 100px;
    padding-bottom: 100px;
}

/* banner end */
/* Service */
section.Service .card {
    background: #ffffff;
    box-shadow: 0px 0px 32px rgb(0 0 0 / 12%);
    border-radius: 10px;
    border: none;
    padding: 30px;
    min-height: 475px;
}

section.Service .card img {
    max-width: 100px;
    margin: 0 auto 12px;
}

section.Service .card ul li {
    font-weight: 700;
    padding-left: 40px;
    margin-bottom: 16px;
    background-image: url(../images/icon/tick-double.svg);
    background-repeat: no-repeat;
}

section.Service .card ul {
    min-height: 180px;
}

section.Service .card p {
    font-size: 14px !important;
}

/* Service end*/
/* Browse Catalog */
.browse-catalog {
    background-image: url(../images/Experts.jpg);
    background-size: cover;
    background-position: center;
}

.browse-catalog h2 {
    margin-bottom: 20px;
}

.browse-catalog p {
    margin-bottom: 60px;
    padding-right: 120px;
}

/* Browse Catalog end */
/* How does it work for clients */
.mw-rit-img {
    text-align: right;
}

.mw-rit-img img {
    max-width: 100%;
}

.How-does-it-work-for-clients .card {
    background-color: transparent;
    border: none;
}

.How-does-it-work-for-clients .card .card-img {
    width: 108px;
    height: 108px;
    margin: 0 auto;
    border-left: 2px dotted #e1a600;
    border-radius: 50%;
    border-right: 2px dotted #e1a600;
    text-align: center;
    line-height: 108px;
    background: #f9f9f9;
}

.How-does-it-work-for-clients h2 {
    margin-bottom: 60px;
}

.How-does-it-work-for-clients .card .card-img:before {
    content: "";
    width: 100%;
    position: absolute;
    border-top: 2px dotted #e7bc41;
    top: 54px;
    z-index: 0;
    left: calc(50% + 54px);
}

.How-does-it-work-for-clients .col-md-3:nth-last-child(1) .card .card-img:before {
    display: none;
}

.How-does-it-work-for-clients .card h4 {
    margin: 18px 0px;
    text-align: center;
    font-weight: 700;
}

.How-does-it-work-for-clients .card p {
    text-align: center;
    text-justify: distribute;
}

/* How does it work for clients end */
/* experts among */
.experts-among .hole-prose {
    display: flex;
    justify-content: center;
}

.hole-prose .hp-list {
    width: calc(100% / 6);
    text-align: center;
    padding: 60px 0px;
}

.hole-prose .hp-list h5 {
    font-size: 14px;
    margin-top: 30px;
}

.hole-prose .hp-list {
    position: relative;
}

.hole-prose .hp-list:nth-child(even):after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 50px;
    background-image: url(../images/arrow-top.svg);
    background-repeat: no-repeat;
    left: -50%;
    background-position: center;
}

.hole-prose .hp-list:nth-child(even):before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px;
    background-image: url(../images/arrowdown.svg);
    background-repeat: no-repeat;
    right: -50%;
    background-position: center;
}

.hole-prose .hp-list:nth-last-child(1):before {
    display: none;
}

.experts-among h3 {
    margin-bottom: 20px;
}

.experts-among p {
    margin-bottom: 100px;
}

.experts-list .ex-item {
    max-width: 80%;
    margin: 10%;
    padding: 20px 16px;
    text-align: center;
    background: #ffffff;
    border-bottom: 1px solid #e1a600;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    position: relative;
}

.experts-list .ex-item:after {
    content: "";
    width: 100%;
    height: 100%;
    top: -12px;
    left: -12px;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
    position: ABSOLUTE;
    z-index: -1;
    border-radius: 11px;
}

.pro-img {
    width: 108px;
    height: 108px;
    background: #c4c4c4;
    border-radius: 100px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    margin-bottom: 20px;
}

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

p.post {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #737373;
    margin: 2px;
}

h5.name {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    color: #252b42;
}

p.price {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #737373;
    margin-bottom: 26px;
    position: relative;
}

p.scli {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #000000;
    margin-bottom: 2px;
}

p.exp {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #737373;
    margin-bottom: 10px;
}

.experts-list .slick-dots li.slick-active button:before {
    color: #e1a600;
}

.experts-list .slick-dots li button:before {
    font-size: 50px;
}

.experts-list .slick-arrow {
    display: none;
}

.price img {
    display: inline-block;
    top: -1px;
    position: relative;
}

.price:after {
    content: "";
    position: absolute;
    width: 56px;
    height: 2px;
    background: #c4c4c4;
    bottom: -8px;
    left: calc(50% - 28px);
}

/* experts among end */
/* How-does-it-work-for-Experts */
.How-does-it-work-for-Experts .card {
    background-color: transparent;
    border: none;
}

.How-does-it-work-for-Experts .card .card-img {
    width: 108px;
    height: 108px;
    margin: 0 auto;
    border-left: 2px dotted #327fff;
    border-radius: 50%;
    border-right: 2px dotted #327fff;
    text-align: center;
    line-height: 108px;
    background: #f9f9f9;
}

.How-does-it-work-for-Experts h2 {
    margin-bottom: 60px;
}

.How-does-it-work-for-Experts .card .card-img:before {
    content: "";
    width: 100%;
    position: absolute;
    border-top: 2px dotted #327fff;
    top: 54px;
    z-index: 0;
    left: calc(50% + 54px);
}

.How-does-it-work-for-Experts .col-md-3:nth-last-child(1) .card .card-img:before {
    display: none;
}

.How-does-it-work-for-Experts .card h4 {
    margin: 18px 0px;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
}

.How-does-it-work-for-Experts .card p {
    text-align: center;
    text-justify: distribute;
}

/* How-does-it-work-for-Experts end */
/* Flexicadre-Matching-Technology */
.Flexicadre-Matching-Technology img.min-img {
    max-width: 100%;
}

.Flexicadre-Matching-Technology .text-align-center {
    text-align: center;
}

/* Flexicadre-Matching-Technology end */
/* We-offer-secured-digital-workpace */
.We-offer-secured-digital-workpace h3 {
    margin-bottom: 20px;
}

.We-offer-secured-digital-workpace img {
    max-width: 100%;
}

/* We-offer-secured-digital-workpace end */
/* about */
.About .card {
    border: none;
    padding: 30px;
    border-radius: 10px;
}

.About .catd-top {
    display: block;
    width: 100%;
}

.About .card-right {
    width: calc(100% - 150px);
    float: left;
    padding-left: 30px;
}

.About .card-left {
    float: left;
    width: 150px;
}

.About .card-left img {
    width: 100%;
}

.About .card-right h5 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 16px;
}

.About .card-right h5 span {
    font-size: 16px;
    font-weight: 700;
}

.About .card-right ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.About .card-right ul li {
    background: #ffffff;
    border: 1px solid #1274ef;
    border-radius: 4px;
    width: 30%;
    font-weight: 400;
    font-size: 10px !important;
    line-height: 12px;
    color: #1274ef;
    padding: 8px 0px;
    text-align: center;
    margin-bottom: 8px;
}

.About .card-bottom p {
    margin: 16px 0px 0px;
}

.About strong~h2 {
    margin-bottom: 40px;
}

/* about end */
/* footer */
.footer {
    background: linear-gradient(145deg, #1a1c23, #242730);
    color: #ffffff;
}

.footer-title {
    color: #fff;
    font-weight: 400;
    margin-bottom: 1.5rem;
    position: relative;
}

.footer-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 30px;
    height: 2px;
    background: #e1a600;
}

.footer-links {
    list-style: none;
    padding: 0;
}

.footer-links li {
    margin-bottom: 0.7rem;
}

.footer-links a {
    color: #b4b6bb;
    text-decoration: none;
    transition: all 0.3s ease;
}

.footer-links a:hover {
    color: #ffffff;
    padding-left: 5px;
}

.social-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    margin-right: 10px;
    transition: all 0.3s ease;
}

.social-links a img {
    width: 100%;
    height: 100%;
}

.social-links a:hover {
    background: #e1a600;
    transform: translateY(-3px);
}

.footer-bottom {
    background: rgba(0, 0, 0, 0.2);
}

.footer-bottom a {
    color: #e1a600;
    text-decoration: none;
}

.footer-bottom a:hover {
    color: #ffffff;
}

.foll-shar a {
    margin-right: 8px;
}

.foll-shar a:hover {
    filter: drop-shadow(2px 4px 6px black);
}

.footer-top .text-end a:hover {
    color: #ccc;
}

.menu-lang {
    position: relative;
}

.en-de {
    position: absolute;
    box-shadow: 0px 0px 3px;
    padding: 0px;
    top: 0;
    right: 0;
    border-radius: 4px;
    overflow: hidden;
}

.en-de span {
    padding: 2px 14px;
    color: #767b83;
    line-height: 22px;
    display: inline-block;
    font-size: 14px !important;
    cursor: pointer;
}

.en-de span:hover,
.en-de span.active {
    background: #5b91d5;
    color: #fff;
}

/* footer end */

/* Inner pages */
ol.breadcrumb li.breadcrumb-item a {
    color: #5b91d5;
}

h1.lo-si-mar {
    margin-bottom: 10px;
}

.login-resistation .card {
    /* width: 596px; */
    max-width: 100%;
    background: #ffffff;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    border: none;
    padding: 36px 86px;
    margin: 0 auto;
}

.login-resistation.log-page .card {
    width: 596px;
}

.login-resistation .form-group select.form-select,
.login-resistation .form-group textarea.form-control,
.login-resistation .form-group input.form-control {
    border: none;
    border-bottom: 2px solid #737373;
    border-radius: 0px;
    font-size: 18px;
    color: #737373;
    box-shadow: none !important;
    padding: 16px 0px 8px;
}

.login-resistation .card h2.card-title {
    margin-bottom: 12px;
}

.login-resistation .form-group {
    position: relative;
    margin-bottom: 12px;
}

.login-resistation .form-group select.form-select~label,
.login-resistation .form-group textarea.form-control~label,
.login-resistation .form-group input.form-control~label {
    position: absolute;
    top: 18px;
    pointer-events: none;
    color: #8c8c8c;
}

.login-resistation .form-group select.form-select.top-fil~label,
.login-resistation .form-group select.form-select.fil~label,
.login-resistation .form-group select.form-select:focus~label,
.login-resistation .form-group textarea.form-control:focus~label,
.login-resistation .form-group input.form-control:focus~label,
.login-resistation .form-group textarea.form-control.fil~label,
.login-resistation .form-group input.form-control.fil~label,
.login-resistation .form-group textarea.form-control.top-fil~label,
.login-resistation .form-group input.form-control.top-fil~label {
    transform: translateY(-24px);
    color: #1274ef;
    font-size: 12px;
}

.fil-full label {
    color: #1274ef;
    font-size: 12px;
}

.login-resistation .form-group select.form-select:focus,
.login-resistation .form-group select.form-select.fil,
.login-resistation .form-group select.form-select.top-fil,
.login-resistation .form-group textarea.form-control:focus,
.login-resistation .form-group input.form-control:focus,
.login-resistation .form-group textarea.form-control.fil,
.login-resistation .form-group input.form-control.fil,
.login-resistation .form-group textarea.form-control.top-fil,
.login-resistation .form-group input.form-control.top-fil {
    border-color: #0071ff;
}

.login-resistation .form-group input.form-control::placeholder {
    color: #8c8c8c;
    opacity: 0;
}

.login-resistation .form-group input.form-control:-ms-input-placeholder {
    color: #8c8c8c;
    opacity: 0;
}

.login-resistation .form-group input.form-control::-ms-input-placeholder {
    color: #8c8c8c;
    opacity: 0;
}

button.btn-blue {
    background: #5b91d5;
    border-radius: 10px;
    color: #fff;
    font-weight: 500;
    width: 100%;
    box-shadow: 0px 4px 12px rgb(0 0 0 / 15%);
    border-radius: 10px;
    height: 56px;
}

button.btn-blue:hover {
    background: #0071ff;
    color: #fff;
}

button.btn-yellow {
    border: 2px solid #e1a600;
    filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.15));
    border-radius: 10px;
    border-radius: 10px;
    height: 56px;
    color: #f1b303;
    width: 100%;
}

button.btn-yellow:hover {
    background-color: #f1b303;
    color: #fff;
}

.line {
    width: 100%;
    background: #c4c4c4;
    height: 1px;
    margin: 32px 0px;
    position: relative;
}

.line span {
    position: absolute;
    background: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    top: -20px;
    left: calc(50% - 20px);
    font-weight: 700;
    font-size: 14px;
    color: #737373;
}

.ex-item.sig-brif .dv-cont {
    background: #5b91d5;
    box-shadow: 0px 4px 12px rgb(0 0 0 / 25%);
    border-radius: 10px;
    padding: 24px;
    position: relative;
    margin: 12px;
}

.ex-item.sig-brif p {
    margin-bottom: 0px;
    font-size: 14px !important;
}

.ex-item.sig-brif .dv-cont:after {
    content: "";
    position: absolute;
    border-left: 25px solid transparent;
    border-top: 40px solid #5b91d5;
    border-bottom: 25px solid transparent;
    border-right: 25px solid transparent;
    bottom: -65px;
}

.ex-item.sig-brif h4 {
    font-weight: 700;
    font-size: 20px;
    margin: 50px 0px 0px 12px;
}

.ex-item.sig-brif p {
    margin-left: 12px;
}

.login-resistation .slick-dots li {
    margin: 0px;
}

.login-resistation .slick-dots li button:before {
    font-size: 50px;
}

.login-resistation .slick-dots li.slick-active button:before {
    color: #e1a600;
}

.cli-epp-btn a.btn {
    width: 336px;
    padding: 13px;
    height: 56px;
    margin-right: 16px;
    border-radius: 10px;
}

.login-resistation label.form-check-label {
    font-size: 18px;
    color: #737373;
}

.card.address-info {
    padding: 24px;
    border: none;
    box-shadow: 0px 4px 12px rgb(0 0 0 / 15%);
    border-radius: 10px;
}

.card.address-info .adress-list {
    width: 100%;
    display: block;
    float: left;
    margin-bottom: 16px;
}

.card.address-info .adress-list:nth-last-child(1) {
    margin-bottom: 0px;
}

.adress-list-left {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    box-shadow: 0px 0px 8px #ccc;
    border-radius: 10px;
    margin-right: 12px;
    float: left;
}

.adress-list-right {
    float: left;
    width: calc(100% - 62px);
    padding-left: 8px;
}

.adress-list-right h4 {
    font-size: 20px;
}

.adress-list-right p a,
.adress-list-right p {
    margin-bottom: 0px;
    color: #737373;
    font-size: 14px !important;
}

.modal-content.bg-transparent {
    box-shadow: none;
    border: none;
}

.login-resistation button.close {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    right: -16px;
    top: -16px;
    color: #1274ef;
    border: 2px solid #1274ef;
}

.pricing-content {
    width: 100%;
    border-radius: 10px;
    box-shadow: 0px 0px 32px rgb(0 0 0 / 12%);
    text-align: center;
    position: relative;
    min-height: 580px;
    overflow: hidden;
    transition: all 0.8s;
    z-index: 1;
}

.pricing-head {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.pricing-head-top {
    padding: 16px;
    position: relative;
}

.pricing-head-top:after {
    position: absolute;
    content: "";
    background: #f1f1f1;
    height: 130px;
    top: -10px;
    left: -5px;
    width: calc(100% + 10px);
    z-index: -1;
    transform: rotate(-2deg);
    height: calc(100% + 10px);
}

.pricing-head-top h4 {
    font-weight: 700;
    font-size: 28px;
}

.pricing-head-bottom {
    padding: 16px;
    width: 100%;
    position: relative;
}

.pricing-head-bottom:after {
    position: absolute;
    content: "";
    background: #f9f9f9;
    height: 130px;
    top: -6px;
    left: -5px;
    width: calc(100% + 10px);
    z-index: -1;
    transform: rotate(-2deg);
}

.pricing-head-bottom span.sine {
    font-size: 28px;
}

.pricing-head-bottom span.sine {
    font-size: 28px !important;
    line-height: 40px;
    display: inline-block;
    vertical-align: middle;
}

.pricing-head-bottom span.price-sub {
    font-weight: 700;
    font-size: 40px !important;
    display: inline-block;
    vertical-align: middle;
}

.pricing-head-bottom small {
    line-height: 40px;
    vertical-align: bottom;
    display: inline-block;
}

.pricing-book {
    padding: 16px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.pricing-book a.btn.btn-outline-blue {
    width: 80%;
    padding: 12px;
}

.pricing-list {
    width: 100%;
    padding: 16px;
}

.pricing-list ul li {
    color: #737373;
    font-size: 16px !important;
    margin: 10px 0px;
}

.pricing-content:hover {
    transition: all 0.8s;
    transform: scale(1.1);
}

.pricing-content:hover .pricing-head-top p,
.pricing-content:hover .pricing-head-top h4,
.pricing-content:hover .pricing-head-top:after {
    background-color: #0071ff;
    color: #fff !important;
}

.pricing-content:hover .pricing-head-bottom:after {
    background-color: #fff;
}

.cms-listing a.card {
    padding: 32px 16px;
    text-align: center;
    border: none;
    box-shadow: 0px 0px 32px rgb(0 0 0 / 12%);
    color: #202124;
    transition: all 1.2s;
    margin-bottom: 30px;
    border-radius: 10px;
}

.cms-listing a.card img {
    margin-bottom: 20px;
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.cms-listing a.card:hover {
    transform: scale(1.1);
    transition: all 1.2s;
    opacity: 0.8;
}

.row.justify-content-center.login-resistation.bookdemo-page form label.lab-title {
    font-weight: 600;
    margin-bottom: 12px;
}

h2 a.company-logo img {
    width: 50px;
    line-height: 107px;
    display: inline-block;
    position: relative;
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom {
    border-radius: 8px;
    border: none;
    box-shadow: 0px 0px 8px #ccc;
}

.datepicker table tr td.new,
.datepicker table tr td.old {
    padding: 0;
    border-radius: 8px;
    width: 40px;
    height: 40px;
    font-size: 14px;
}

.datepicker table tr {
    border-top: 1px solid #fff;
}

.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
    background: #fbfbfb !important;
    color: #ccc !important;
    border-radius: 8px;
    width: 40px;
    height: 40px;
    font-size: 14px;
}

.datepicker table tr td.day {
    background: #efefef;
    font-weight: 700;
    /* box-shadow: 0px 0px 1px; */
    margin: 10px;
}

.datepicker table tr td.day {
    background: #efefef;
    font-weight: 700;
    /* box-shadow: 0px 0px 1px; */
    margin: 10px;
}

.datepicker table tr td,
.datepicker table tr th {
    color: #5b91d5;
}

ul.ui-timepicker-list {
    background: #fff;
    color: #0071ff;
    text-align: center;
    padding: 10px;
    box-shadow: 0px 2px 4px rgb(211 208 208 / 50%);
    border-radius: 8px;
    line-height: 36px;
    overflow: auto;
    width: 100%;
    max-width: 420px;
}

ul.ui-timepicker-list li {
    cursor: pointer;
    display: inline-block;
    padding: 2px 6px;
    float: left;
    box-shadow: 0px 2px 4px rgb(211 208 208 / 50%);
    margin: 10px;
    width: 28%;
}

ul.ui-timepicker-list li:hover {
    color: #fff;
    background: #0071ff;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #fff !important;
    opacity: 1;
}

.innerpage-dashboard .card {
    border: none;
    padding: 30px 30px;
    box-shadow: 0px 4px 12px rgb(0 0 0 / 25%);
    border-radius: 10px;
}

.profile-img {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    position: relative;
    border-radius: 50%;
    text-align: center;
    box-shadow: 0px 4px 12px rgb(0 0 0 / 25%);
}

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

.profile-img input {
    position: absolute;
    z-index: 999;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    left: 0;
    cursor: pointer;
}

.edit-p-pic {
    position: absolute;
    bottom: 9px;
    z-index: 9;
    right: 4px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0px 0px 8px #ccc;
    width: 34px;
    padding: 5px 8px;
    height: 34px;
    pointer-events: none;
}

.menu-item {
    width: 100%;
}

.menu-item li {
    width: 100%;
}

.menu-item li a {
    padding: 16px 24px;
    display: block;
    color: #737373;
    font-size: 18px;
    /* box-shadow: 0px 0px 8px #ccc; */
    margin-bottom: 8px;
    border-radius: 8px;
    border-left: 4px solid #fff;
    font-weight: 500;
    transition: all 0.8s;
}

.menu-item li a img {
    filter: invert(0.8);
    width: 16px;
    margin-right: 8px;
    height: 16px;
    object-fit: contain;
    object-position: center top;
    margin-top: -3px;
}

.menu-item li a:hover img,
.menu-item li.active a img {
    filter: invert(0);
}

.menu-item li a:hover,
.menu-item li.active a {
    background-color: #0071ff;
    color: #fff;
    border-left: 4px solid #0071ff;
    transition: all 0.8s;
}

.login-resistation .card h2.card-title a.company-logo {
    float: right;
}

section.dayslide.all-day .slick-list {
    border-radius: 16px;
    border: 1px solid #ccc;
    overflow: hidden;
    text-align: center;
}

section.dayslide.all-day .day-title {
    padding: 10px 0px;
    background: #5b91d5;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}

section.dayslide.all-day .day-date {
    padding: 16px;
    min-height: 100px;
    background: #ebefff;
    position: relative;
}

section.dayslide.all-day .day-date label.form-check-label {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 14px;
}

section.dayslide.all-day .day-date input {
    opacity: 0;
}

section.dayslide.all-day .day-date label.form-check-label:hover,
section.dayslide.all-day .day-date input:checked~label.form-check-label {
    background-color: #e1a600;
    color: #fff;
}

section.dayslide.all-day .slick-prev::before,
section.dayslide.all-day .slick-next::before {
    display: none;
}

section.dayslide.all-day .slick-prev:hover,
section.dayslide.all-day .slick-next:hover,
section.dayslide.all-day .slick-prev,
section.dayslide.all-day .slick-next {
    width: 40px;
    height: 40px !important;
    z-index: 99;
    background-color: #ffffff;
    margin-top: 12px;
    box-shadow: 0px 4px 12px rgb(0 0 0 / 25%);
    border-radius: 10px;
}

section.dayslide.all-day .slick-next {
    background-image: url(../images/right-ar.png);
    background-repeat: no-repeat;
    background-position: center;
}

section.dayslide.all-day .slick-prev {
    background-image: url(../images/left-ar.png);
    background-repeat: no-repeat;
    background-position: center;
}

.time-set {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}

.tim-li {
    position: relative;
    text-align: center;
    margin: 5px;
    box-shadow: 0px 4px 12px rgb(0 0 0 / 25%);
    border-radius: 10px;
    padding: 8px 12px;
    width: 95px;
    overflow: hidden;
}

.tim-li input {
    opacity: 0;
}

.tim-li label.form-check-label {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #5b91d5 !important;
    cursor: pointer;
}

.tim-li label.form-check-label:hover,
.tim-li input:checked~label.form-check-label {
    background-color: #e1a600;
    color: #fff !important;
}

.menu-item {
    padding: 24px;
    border-radius: 10px;
    box-shadow: 0px 0px 8px #ccc;
    box-shadow: 0px 4px 12px rgb(0 0 0 / 25%);
    border-radius: 10px;
}

.profile-details {
    text-align: center;
    margin-bottom: 32px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 32px;
}

.profile-details p a {
    color: #737373;
}

.profile-details p {
    margin: 0px;
}

.pro-det h4 {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #252b42;
}

.profile-img {
    width: 120px;
    height: 120px;
    background: #c4c4c4;
    border-radius: 100px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
    box-shadow: 0px 4px 12px rgb(0 0 0 / 25%);
    position: relative;
}

.info-wrapper {
    position: absolute;
    bottom: 5px;
    right: 0;
    z-index: 99;
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0px 4px 12px rgb(0 0 0 / 25%);
}

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

.project-list {
    width: 100%;
    padding: 12px;
    box-shadow: 0px 4px 12px rgb(0 0 0 / 25%);
    border-radius: 10px;
    float: left;
    margin-bottom: 30px;
}

.projec-left {
    float: left;
    width: 150px;
    height: 150px;
    margin-right: 16px;
}

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

.projec-right {
    float: left;
    width: calc(100% - 166px);
}

.projec-right h4 a {
    color: #252b42;
    font-size: 24px !important;
    font-weight: 600;
}

.projec-right h4 small {
    font-size: 16px;
    color: #737373;
}

.projec-right p {
    margin-bottom: 4px;
}

/* Change password */
.comm-chage-password .modal-content {
    border-radius: 16px;
    border: 0px;
}

.comm-chage-password .modal-body.login-resistation.log-page {
    padding: 50px;
}

.comm-chage-password .modal-body button.btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    background-color: #f2f2f2;
    z-index: 1;
    border-radius: 50%;
}

/* Expertization */
.table-responsive.expertization-table {
    padding: 16px;
}

.expertization-table table.table {
    border-radius: 16px;
    border: none;
    overflow: hidden;
    box-shadow: 0px 0px 8px #ccc;
}

.expertization-table table.table thead tr,
.expertization-table table.table thead tr th {
    border: 0px;
    padding: 12px 12px;
}

.expertization-table table.table thead {
    border-radius: 16px;
}

.expertization-table table.table thead tr th {
    background-color: #5b91d5;
    color: #fff;
    border-bottom: none;
}

.expertization-table table.table tbody {
    border: none;
}

.expertization-table table.table tbody tr td {
    border: none;
}

.w-120.ext {
    max-width: 120px;
}

/* project list */
.for-project-filter.login-resistation form {
    display: flex;
    width: 100%;
    justify-content: end;
}

.for-project-filter.login-resistation form .form-group {
    margin-left: 12px;
    min-width: 172px;
}

.form-group.for-popup-f-checked .form-check-inline input {
    display: none;
}

.form-group.for-popup-f-checked .form-check-inline {
    border-radius: 10px;
    padding: 0px;
    margin: 0px;
    text-align: center;
}

.form-group.for-popup-f-checked .form-check-inline label.form-check-label {
    font-size: 12px;
    border: 1px solid;
    border-radius: 10px;
    padding: 8px 12px;
    margin-bottom: 8px;
}

.form-group.for-popup-f-checked .form-check-inline input:checked~label.form-check-label {
    border: 1px solid #0071ff;
    background-color: #0071ff;
    color: #fff;
}

.explist {
    padding: 12px;
    border-radius: 10px;
    box-shadow: 0px 4px 12px rgb(0 0 0 / 25%);
}

.explist h5 small,
.explist p {
    color: #737373;
    font-size: 14px;
}

.expright .btn {
    border-radius: 10px;
    box-shadow: 0px 0px 8px #cccc;
    height: 40px;
    margin: 4px;
    background-color: #fff;
}

.ratings-reviews h4 small {
    color: #737373;
    font-weight: 400;
    font-size: 16px;
    line-height: 0;
}

.ratings-reviews-list h5 span {
    display: inline-block;
    background: #0071ff;
    color: #fff;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 13px !important;
}

.ratings-reviews-list h5 {
    font-size: 16px;
}

.ratings-reviews .ratings-reviews-list p {
    font-size: 16px !important;
}

.subdetails.alert.alert-danger i {
    font-size: 20px;
    margin-right: 10px;
}

.acount-list {
    padding: 16px;
    box-shadow: 0px 0px 8px #ccc;
    border-radius: 10px;
    position: relative;
}

.acount-list h4,
.acount-list p {
    margin-bottom: 0px;
}

.expright {
    right: 0;
}

.expright .btn.active {
    background-color: #42c942;
    color: #fff;
}

section.search-from {
    background: #f1f1f1;
    padding: 24px 0px;
    margin-bottom: 24px;
}

.for-ser-img {
    max-width: 200px;
}

section.search-from .form-control {
    min-height: 56px;
    margin-bottom: -52px;
    border-radius: 12px;
    padding-left: 56px;
    box-shadow: none;
    border: none;
    box-shadow: 0px 4px 12px rgb(0 0 0 / 25%);
    background-image: url(../images/icon/search.svg);
    background-repeat: no-repeat;
    background-position: 16px;
}

.search-list .card {
    border-radius: 16px;
    border: none;
    display: flex;
    box-shadow: 0px 4px 12px rgb(0 0 0 / 25%);
}

.search-list .card h3 {
    margin-bottom: 8px;
    font-weight: 700;
}

.search-list .card p {
    margin-bottom: 8px;
}

.search-list .card h3 a,
.search-list .card p a {
    color: #202124;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.search-list .card .card-text {
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 55px;
}

p.csc-info,
p.sr-availability {
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 66px;
}

.card.servicedetails-info {
    padding: 24px;
    border-radius: 14px;
    border: none;
    box-shadow: 0px 0px 16px #ccc;
}

.card.servicedetails-info p {
    margin-bottom: 4px;
}

.left-profle {
    width: 100%;
    float: left;
    border-radius: 14px;
    box-shadow: 0px 0px 8px rgb(0 0 0 / 25%);
    margin: 0 auto;
    position: relative;
}

.left-profle .tag {
    position: absolute;
    bottom: 12px;
    z-index: 1;
    right: 12px;
    background: #5b91d5;
    color: #fff;
    border-radius: 10px;
    padding: 4px 20px;
}

.left-profle img {
    width: 100%;
    border-radius: 16px;
    object-fit: contain;
}

.service-pro-img.left-profle img {
    height: 200px;
}

.right-cont h3 a {
    font-size: 24px !important;
    line-height: 32px !important;
}

.right-cont h3 small,
.right-cont h3 strong {
    font-weight: 400;
    font-size: 12px;
    line-height: 0px;
}

.right-cont {
    width: 100%;
    padding-left: 20px;
}

.login-resistation .form-group .intl-tel-input {
    width: 100%;
    position: relative;
}

/* --------------------- */
.chat-body {
    max-height: calc(100vh - 137px);
    overflow: auto;
    padding: 32px 16px 0px;
    background: #ecf3fd;
    height: 100%;
}

.chat-body .chat-body-you {
    width: 80%;
    float: left;
    margin-bottom: 10px;
}

.chat-body .chat-body-me {
    width: 90%;
    float: right;
    margin-bottom: 16px;
}

.chat-body .chat-body-you .chat-body-left {
    float: left;
    width: 60px;
}

.chat-body .chat-body-me .chat-body-left img,
.chat-body .chat-body-you .chat-body-left img {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.chat-body .chat-body-you .chat-body-right {
    float: left;
    padding: 12px 20px;
    background: #fff;
    border-radius: 0px 16px 16px 16px;
    max-width: calc(100% - 60px);
}

.chat-body .chat-body-you .chat-body-right h3 {
    font-size: 18px;
    min-width: 220px;
    font-weight: 500;
    color: #1a1a1a;
    margin-bottom: 4px;
}

.chat-body .chat-body-you .chat-body-right p {
    font-weight: 300;
    color: #767676;
    margin: 0px;
}

.chat-body .chat-body-me .chat-body-left {
    float: right;
    width: 60px;
}

.chat-body .chat-body-me .chat-body-right {
    float: right;
    padding: 12px 20px;
    background: #0071ff;
    border-radius: 16px 0px 16px 16px;
    max-width: calc(100% - 60px);
}

.chat-body .chat-body-me .chat-body-right h3 {
    font-size: 18px;
    min-width: 220px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 4px;
}

.chat-body .chat-body-me .chat-body-right p {
    font-weight: 300;
    color: #fff;
    margin: 0px;
}

.chat-body~form {
    background: #f8fafe;
    float: left;
    width: 100%;
    padding: 0px 10px;
    position: relative;
}

button.at-image {
    position: absolute;
    line-height: 63px;
    padding: 0px !important;
    font-size: 32px;
    text-align: center;
    right: 50px;
    color: #0071ff;
}

.chat-body~form button i {
    line-height: 70px;
}

.chat-body~form .chat-input {
    width: calc(100% - 50px);
    height: 56px;
    border: none;
    background: transparent;
    padding: 16px;
    padding-right: 50px;
    float: left;
    border: none;
    box-shadow: none;
    outline: none;
}

.chat-body~form button {
    float: left;
    width: 50px;
    border: none;
    background: transparent;
    padding: 10px;
}

.contacts-details .contacts-title {
    width: 100%;
    float: left;
    color: #0071ff;
}

.contacts-details .contacts-title span {
    border-bottom: 4px solid;
    padding: 16px 0px;
    float: left;
    margin-left: 16px;
}

.contacts-details .contacts-bottom {
    float: left;
    width: 100%;
}

.contacts-details .contacts-bottom .contacts-bottom-details {
    border-top: 1px solid #e7f0f3;
    border-bottom: 1px solid #e7f0f3;
    padding: 12px 8px 12px 16px;
    float: left;
    width: 100%;
}

.contacts-details .contacts-bottom .contacts-bottom-details .profile-img {
    float: left;
    width: 40px;
    height: 40px;
    position: relative;
    margin-right: 8px;
    margin-bottom: 0;
}

.contacts-details .contacts-bottom .contacts-bottom-details .profile-img.active::after {
    content: "";
    width: 12px;
    height: 12px;
    background: #2cc620;
    position: absolute;
    bottom: 0px;
    right: 0px;
    border: 1px solid #fff;
    border-radius: 50%;
}

.contacts-details .contacts-bottom .contacts-bottom-details .profile-img img {
    border-radius: 50%;
    height: 40px;
    width: 40px;
    -o-object-fit: cover;
    object-fit: cover;
}

.Message-Back-from-Doctor-to-Pharmacist-page .contacts-details .contacts-bottom .contacts-bottom-details .profile-colnt {
    float: left;
    width: calc(100% - 50px);
    padding-left: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 40px;
}

.contacts-details .contacts-bottom .contacts-bottom-details .profile-colnt .profile-colnt-det {
    width: 100%;
}

.contacts-details .contacts-bottom .contacts-bottom-details .profile-colnt h3 {
    font-size: 16px;
    color: #4d4d4d;
    margin-bottom: 0px;
}

.contacts-details .contacts-bottom .contacts-bottom-details .profile-colnt p {
    color: #a6a6a6;
    font-size: 13px;
    margin-bottom: 0px;
}

/* Post job */
.dropdown.bootstrap-select button.btn,
.dropdown.bootstrap-select.show-tick button.btn {
    /* background: transparent;
    border: none;
    border-bottom: 2px solid #0071ff;
    border-radius: 0px;
    padding-left: 0px;
    padding-right: 4px; */
    background: transparent;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 12px;
    padding-right: 4px;
    min-height: 48px;
}

.form-group.for-user3 .form-check.form-check-inline {
    font-size: 17px;
    margin-bottom: 16px;
}

.Responsibility {
    position: relative;
}

.Responsibility label~a {
    position: absolute;
    z-index: 999;
    right: 13px;
    top: 8px;
    background: #efefef;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
}

/* 07-10-2022 */

nav.step-details .nav-tabs {
    border: none;
    display: flex;
    justify-content: center;
    padding-top: 10px;
    /* border-top: 4px solid #F1F1F1; */
    position: relative;
}

nav.step-details .nav-tabs button {
    position: relative;
    padding: 0px;
    border: none;
    color: #202124;
    width: calc(100% / 6);
    margin-bottom: 16px;
}

nav.step-details .nav-tabs button:nth-child(1) {
    text-align: left;
    width: calc(100% / 9);
}

nav.step-details .nav-tabs button:nth-last-child(1) {
    text-align: right;
    width: calc(100% / 7);
}

nav.step-details .nav-tabs button:after {
    content: "";
    position: absolute;
    width: 100%;
    border-top: 4px solid #f1f1f1;
    top: 20px;
    height: 0px;
    left: 0;
}

nav.step-details .nav-tabs button.nav-link.fill-success:after,
nav.step-details .nav-tabs button.nav-link.active:after {
    border-top: 4px solid #5b91d5;
}

/*nav.step-details .nav-tabs button::before {
    content: "";
    position: absolute;
    background: #ccc;
    border: 2px solid #F1F1F1;
    top: -17px;
    height: 12px;
    width: 12px;
    left: auto;
    z-index: 99;
    margin: auto;
    left: calc(50% - 8px);
    border-radius: 4px;
}
 nav.step-details .nav-tabs button:nth-child(1)::before{
    left: 0;
}
nav.step-details .nav-tabs button:nth-last-child(1)::before{
    left: auto;
    right: 0;
}
nav.step-details .nav-tabs button.nav-link.fill-success::before,
nav.step-details .nav-tabs button.nav-link.active::before {
    background: #5B91D5;
} */
.post-project-cont .form-select,
.post-project-cont .form-control {
    min-height: 48px;
}

.post-project-cont .form-group label {
    margin-bottom: 8px;
}

.post-project-cont form button.btn.btn-blue {
    max-width: 160px;
}

.post-project-cont button.btn-blue {
    max-width: 160px;
}

button.btn-blue-border {
    background: #fff;
    border-radius: 10px;
    color: #5b91d5;
    font-weight: 500;
    width: 100%;
    max-width: 160px;
    box-shadow: 0px 4px 12px rgb(0 0 0 / 15%);
    border-radius: 10px;
    height: 56px;
}

nav.step-details .nav-tabs button span {
    background: #f1f1f1;
    z-index: 9;
    position: relative;
    padding: 12px 20px;
    border-radius: 10px;
    color: #252b42;
    font-size: 12px !important;
    display: inline-block;
}

nav.step-details .nav-tabs button.nav-link.fill-success span,
nav.step-details .nav-tabs button.nav-link.active span {
    background: #5b91d5;
    color: #fff;
}

.card.dash-list {
    flex-direction: row;
    align-items: center;
    padding: 12px;
}

.cdl-left {
    width: 70px;
    height: 70px;
    border-radius: 8px;
    background: #000;
    text-align: center;
    line-height: 70px;
    font-size: 28px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-img-top {
    height: 200px;
    object-fit: cover;
}

.cdl-right {
    width: calc(100% - 70px);
    padding-left: 20px;
}

.cdl-right h4 {
    font-weight: 700;
    font-size: 36px;
}

.cdl-right p,
.cdl-right h4 {
    margin-bottom: 0px;
}

.cdl-right p {
    color: #737373;
}

.me-item .dropdown-menu.show {
    position: relative !important;
    transform: none !important;
}

li.me-item.dropdown.dropdown-toggle-nav {
    position: relative;
}

li.me-item.dropdown.dropdown-toggle-nav span.dropdown-toggle {
    position: absolute;
    right: 20px;
    top: 14px;
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    box-shadow: 0px 0px 8px #f2f2f2;
}

li.me-item.dropdown.dropdown-toggle-nav span.dropdown-toggle:after {
    background-position: center center;
    line-height: 30px;
    margin-left: 10px;
    margin-top: 14px;
}

li.me-item.dropdown.dropdown-toggle-nav .dropdown-menu.show {
    padding: 10px;
    margin-left: 20px;
    border-radius: 12px;
    z-index: auto;
}

.dropdown-menu.show .inner.show {
    max-height: 170px;
}

.list-of-details {
    display: flex;
}

.lficon {
    width: 42px;
}

.card-img {
    width: 100%;
    height: 250px;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0px 0px 6px #5b91d5;
    border: 4px solid #fff;
}

.card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.card.service-crd-list {
    border: none;
    box-shadow: 0px 0px 8px #ccc;
    padding: 24px;
    border-radius: 12px;
}

.card.service-crd-list h4 {
    font-size: 28px;
    font-weight: 700;
}

.card.service-crd-list h4 small {
    color: #737373;
    font-weight: 300;
    font-size: 14px;
}

.card.service-crd-list p {
    color: #737373;
}

.for-btn {
    display: flex;
}

.for-btn button {
    width: 120px;
    margin-right: 12px;
}

section.How-does-it-work-for-clients .card-img img,
section.How-does-it-work-for-Experts .card-img img {
    width: auto !important;
    height: auto !important;
}

.srdetails-slide-img img {
    height: 350px;
    object-fit: cover;
    border-radius: 14px;
}

.serviseitem-details {
    width: 100%;
    float: left;
}

.serviseitem-details-top.w-100 {
    border-bottom: 1px solid #ccc;
}

.serviseitem-details-top.w-100 h2 small {
    color: #ccc;
    font-size: 20px;
    font-weight: 500;
    display: block;
}

.serviseitem-details-cont {
    display: flex;
}

.serviseitem-details-cont-left {
    width: 40%;
}

.serviseitem-details-cont-left img {
    width: 100%;
    height: 300px;
    object-fit: contain;
    border-radius: 14px;
}

.serviseitem-details-cont-right {
    width: 60%;
    padding-left: 50px;
}

.qds-info {
    display: flex;
    align-items: center;
    width: 100%;
    float: left;
}

.qds-info .qti {
    float: left;
    border: 1px solid #ccc;
    padding: 4px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

.qds-info .qti span {
    display: block;
    width: 75px;
    text-align: center;
}

.qds-info .qti select {
    border: none !important;
    box-shadow: none;
    outline: none;
    width: 75px;
}

.qds-info a {
    color: #777;
    margin: 12px;
}

.serviseitem-details-bottom {
    border-top: 1px solid #777;
    float: left;
    padding: 12px;
}

.card.serviseitem,
.card.pc-out {
    padding: 24px;
    border-radius: 14px;
    border: none;
    box-shadow: 0px 0px 16px #ccc;
}

.lidt-serviseitem {
    float: left;
    margin-bottom: 20px;
}

.ser-item {
    display: flex;
    width: 100%;
}

.ser-i-left {
    min-width: 100px;
    height: 100px;
    max-width: 100px;
    overflow: hidden;
    border-radius: 12px;
}

.ser-i-left img {
    min-width: 100%;
    height: 100%;
    object-fit: cover;
}

.seri-rigt {
    padding-left: 12px;
}

.seri-rigt h4 {
    font-size: 18px;
}

.seri-rigt p {
    font-size: 13px !important;
    margin-bottom: 4px;
}

.seri-rigt p span,
.seri-rigt p strong {
    font-size: 13px !important;
}

.seri-rigt button.btn-yellow.btn {
    padding: 5px 12px !important;
    width: auto;
    height: auto;
}

.profile-pic {
    padding: 5px 12px !important;
}

button.accordion-button {
    border-radius: 0px;
}

button.accordion-button[aria-expanded="true"] {
    background: #5b91d5;
    color: #fff;
    font-weight: 500;
}

button.accordion-button::after {
    background-color: #fff;
    border-radius: 18px;
    padding: 0;
    width: 30px;
    height: 30px;
    background-position: center;
    box-shadow: 0px 0px 8px #ccc;
    background-size: 12px;
}

.Knowledge .btn {
    max-width: 180px;
    padding: 8px 16px !important;
    height: auto;
}

table.common-table {
    border: 1px solid #ccc;
}

table.common-table thead {
    background: #5b91d5;
    color: #fff;
    border: none !important;
}

table.common-table tbody {
    border: none !important;
}

table.common-table td,
th {
    padding: 12px .5rem !important;
    border-bottom: 1px solid #ccc;
}

a.btn-link.btn.active {
    font-weight: 700;
}

.common-innerpage-new img.min-img {
    max-width: 200px;
}

.for-video {
    width: 100%;
    height: 450px;
    overflow: hidden;
    margin: 60px 0px;
    background: #ffffff;
    box-shadow: 0px 0px 32px rgb(0 0 0 / 25%);
    border-radius: 0px 100px 0px 50px;
}

.for-video video {
    object-fit: cover;
}

li.me-item.dropdown.dropdown-toggle-nav.show a~span.dropdown-toggle:after {
    background-position: center center;
    line-height: 30px;
    margin-left: 10px;
    margin-top: 14px;
    transform: rotate(-180deg) !important;
}

section.innerpage-section-height{
 min-height: calc(100vh - 325px);
}
section.innerpage-section-height-forsignup {
    min-height: calc(100vh - 145px);
}
.av-location-wrap {
    display: flex;
    align-items: center;
    gap: 16px;
    line-height: 24px;
    flex-wrap: wrap;
}
img.about_cover {
    margin: 16px 0px 8px;
}
/* responsive */
@media (max-width: 1400px) {
    nav.step-details .nav-tabs button span {
        padding: 12px 16px;
        font-size: 11px !important;
    }
}

@media (max-width: 1199.99px) {
    nav.step-details .nav-tabs button span {
        padding: 12px 8px;
        font-size: 10px !important;
    }
}

.ntifn_catgy_btn {
    border: 1px solid rgb(122, 122, 250);
    border-radius: 1.5rem;
    font-size: 1rem;
    padding: 0.5rem 1rem;
    margin-right: 20px;
}

.ntifn_catgy_btn:hover {
    border: 1px solid rgb(42, 42, 75);
}

.ntifn_catgy_btn_active {
    border: 1px solid #027cfebd;
    background-color: #027cfebd;
    color: white;
}

label.error {
    color: red;
    margin-top: 4px;
}

.file-preview-container {
    display: flex;
    flex-wrap: wrap;
    /* Allows items to wrap to the next line */
    gap: 10px;
    /* Space between items */
}

.file-preview-container .file-item {
    flex: 0 1 auto;
    /* Allows items to shrink and grow */
    margin: 5px;
    max-width: 150px;
    /* Adjust based on your layout needs */
}

.file-preview-container .file-item img {
    width: 100px;
    /* Set fixed width for images */
    height: 100px;
    /* Set fixed height for images */
    object-fit: cover;
    /* Ensure images fit well */
}

.file-preview-container .file-item span {
    display: block;
    white-space: nowrap;
    /* Prevents line breaks */
    overflow: hidden;
    text-overflow: ellipsis;
    /* Adds ellipsis for overflow text */
    width: 100%;
    /* Makes sure the text takes up the full width of the container */
}

hr {
    border-top: 2px solid #0071ff;
}

ul.search_filter_result {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

ul.search_filter_result li {
    background-color: #f2f2f2;
    white-space: nowrap;
    padding: 8px;
    border-radius: 12px;
}

ul.search_filter_result li i {
    color: red;
    cursor: pointer;
}

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

section.for-videocall {
    width: 100%;
    height: 100vh;
}

section.for-videocall {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

section.for-videocall .callinfo {
    width: 100%;
    height: calc(100vh - 65px);
    display: flex;
    gap: 20px;
    padding: 10px;
}

.activecall {
    width: calc(100% - 400px);
    height: 100%;
    border-radius: 12px;
    box-shadow: 0px 0px 8px #ccc;
}

.lisofuser {
    width: 400px;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.calluserlist {
    background-color: #707070;
    height: 100%;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

section.for-videocall .call-controller {
    background: #707070;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
}

section.for-videocall .call-controller ul {
    list-style: none;
    margin: 0;
    padding: 0px;
}

section.for-videocall .call-controller ul li {
    color: #fff;
    display: inline-block;
    font-size: 24px;
    padding: 10px 16px;
    margin: 0px 10px;
}

section.for-videocall .call-controller ul li i {
    cursor: pointer;
}

section.for-videocall .user-info {
    position: absolute;
    width: calc(100% - 20px);
    justify-content: space-between;
    bottom: 10px;
    left: 10px;
    display: flex;
    color: #fff;
    padding: 10px;
    align-items: center;
}

section.for-videocall .user-info .username {
    text-shadow: 0px 1px 2px #000;
    width: 120px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 18px;
}

section.for-videocall .user-info ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

section.for-videocall .user-info ul li {
    display: inline-block;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-color: green;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
}

section.for-videocall .user-info ul li.active {
    background-color: red;
}

.profile-info {
    color: #aa5b11;
    font-size: 22px;
}

.doc-image {
    height: 100px;
    width: 100px;
    object-fit: cover;
    display: block;
}

hr {
    border-top: 5px solid black;
}

.about_cover {
    object-fit: cover;
    height: 300px;
    width: 500px;
    border-radius: 16px;
    box-shadow: 1px 1px 13px #8f8282;
}

.contact_us_box {
    display: flex;
}

.contact_us_box .item {
    box-shadow: 1px 1px 13px #8f8282;
    border-radius: 15px;
    height: 400px;
    padding: 15px;
    margin-right: 10px;
    position: relative;
}

.item .btn {
    position: absolute;
    bottom: 10px;
}

.upload-file {
    height: 150px;
    width: 100%;
    max-width: 300px;
    background: rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    border: 1px rgba(0, 0, 0, 0.5) dashed;
    border-radius: 5px;
    margin: 0px 0px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
}

.upload-file i {
    font-size: 25px;
}

.upload-file button {
    border-radius: 16px;
    height: 30px;
    width: 80px;
    background-color: #e1a600;
    border: none;
}

.upload-file button:hover {
    background-color: tomato;
    transition: 0.3s;
}

.uploaded-file {
    display: flex;
    flex-wrap: wrap;
    /* Ensures items wrap to the next row if necessary */
    gap: 15px;
    /* Adds spacing between items */
    box-sizing: border-box;
    width: 100%;
    margin-top: 10px;
    /* Adds spacing from the top */
}

.uploaded-file img {
    height: 50px;
    width: 50px;
    object-fit: cover;
    padding: 2px;
    /* Space between the image and the border */
}

.file-preview {
    display: flex;
    flex-direction: column;
    /* Ensures filename is below the image */
    align-items: center;
    justify-content: center;
    text-align: center;
    /* Centers the filename */
    width: 120px;
    /* Sets a consistent width for each item */
    position: relative;
}

.file-preview p {
    margin-top: 5px;
    font-size: 14px;
    color: #555;
    /* Subtle text color */
    word-wrap: break-word;
    /* Handles long filenames */
}

.file-preview .remove-btn {
    position: absolute;
    /* Positions the button inside the preview container */
    top: 0;
    right: 0;
    background-color: #ff4d4d;
    /* Red color for delete button */
    color: white;
    border: none;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease;
}

.file-preview .remove-btn:hover {
    background-color: #ff1a1a;
    /* Darker red on hover */
}

.file-preview img {
    height: 100px;
    width: 100px;
    object-fit: cover;
    border-radius: 5px;
    /* Adds rounded corners */
    padding: 2px;
    /* Space between the image and the border */
}

.profile-img .me-2 {
    position: absolute;
    top: 57px;
    margin: 0 0 0 32px;
}

.disabled {
    pointer-events: none;
    opacity: 0.6;
    cursor: not-allowed;
}

.loader {
    margin-left: 10px;
    color: #ffffff;
}

.loader i {
    font-size: 1rem;
}

.help-text {
    font-size: 10px;
    margin-top: 5px;
}

section.Flexicadre-Matching-Technology img {
    max-width: 100%;
}

.commontable-responsive table th {
    white-space: nowrap;
}

.commontable-responsive table th.action {
    min-width: 100px;
}

select.form-select.top-fil {
    padding-right: 32px !important;
}

a.btn.btn-outline-secondary.Clear-button {
    padding: 13px;
    border-radius: 8px;
}

.boockdemo-container select {
    padding-left: 10px !important;
}

.browse-cateloguecard img.card-img-top {
    min-height: 200px;
}

.browse-cateloguecard p.csc-info {
    min-height: 59px !important;
}

.browse-cateloguecard .sr-price {
    display: flex;
    min-height: 66px;

}



.browse-cateloguecard .sr-price strong {
    width: 65px;
}

.expert_list-row .btn span {
    padding: 0px;
    font-size: 17px !important;
}

.card.profile-details.expert-card h5,
.card.profile-details.expert-card h6 {
    min-height: 60px;
}

.card.profile-details.expert-card .right-cont {
    padding-left: 0px !important;
}

.upload-doc-info {
    text-align: center;
}

.upload-doc-info img {
    width: 50px !important;
    margin: 6px auto;
}

.upload-doc-info a {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    display: block;
    white-space: nowrap;
}

.pagination a.page-link {
    box-shadow: none;
    outline: none;
}

.experts-list .slick-dots {
    position: relative;
}

.table-responsive table {
    min-width: 100%;
}


header .dropdown-menu.show li:hover ul.dropdown-menu.dropdown-menu-left.show {

    width: 150px;
}

.page-title {
    z-index: 0;
}

.page-title:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    left: 0;
    top: 0;
    z-index: -1;
}

.profile-img .tag p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
input::-ms-reveal {
  display: none;
}
.login-resistation.log-page {
    min-height: calc(100vh - 570px);
}
img.about_cover {
    max-width: 100%;
}
.mobile-closed-message-avatar {
    text-align: center;
    line-height: 52px;
}
section.sign-in-page {
    min-height: calc(100vh - 140px);
}
/* responsive */
@media(min-width:767px) {
    header .dropdown-menu.show ul.dropdown-menu.dropdown-menu-left.show {
        display: none;
    }

    header .dropdown-menu.show li:hover ul.dropdown-menu.dropdown-menu-left.show {
        right: 0px !important;
        width: 150px;
        display: block;
    }
}

@media(max-width:1400px) {
    a.btn.btn-outline-secondary.Clear-button {
        padding: 16px;
    }

    .About .card-right ul.about-infoskill li {
        width: 50%;
    }
}

@media(min-width:1200px) {
    span.toltip-textcenter {
        text-align: center;
        display: block;
        width: 100%;
    }
}

@media(max-width:1336px) and (min-width:992px) {
    .expert_list-row label.lab-title {
        font-size: 10px;
    }

    .expert_list-row .btn span {
        display: none;
    }
}

@media(max-width:1280px) {
    .menu-item li a {
        padding: 16px 4px;
    }
}

@media(max-width:1200px) {
    .browse-cateloguecard .right-cont.p-4 {
        padding: 0px !IMPORTANT;
    }

    .browse-cateloguecard p {
        font-size: 13px !important;
    }

    .settings-fromlable .form-label {
        font-size: 12px;
    }

    p,
    a,
    span,
    ul li,
    strong {
        font-size: 15px !important;
    }

    label.lab-title {
        font-size: 15px;
    }

    h1,
    h2,
    h3 {
        font-size: 28px;
    }

    .profile-img {
        width: 90px;
        height: 90px;
        margin: 15px;
    }

    .profile-details .profile-img {
        margin: 0 auto;
    }

    .client-profile .profile-img,
    .expart-profile .profile-img {
        margin: 0 auto;
    }

    .pro-det h4 {
        font-size: 16px;
        line-height: 20px;
    }

    .profile-details~ul li.me-item.dropdown.dropdown-toggle-nav .dropdown-menu a {
        font-size: 12px !important;
        padding: 13px 4px !important;
        line-height: 38px;
    }

    .profile-details~ul li.me-item.dropdown.dropdown-toggle-nav .dropdown-menu a {
        line-height: 20px;
        margin-bottom: 0px;
        padding: 8px 4px !important;
    }

    .login-resistation .form-group select.form-select.top-fil~label {
        font-size: 10px;
    }

    .card.profile-details.expert-card .profile-img .tag.mt-2 p {
        font-size: 12px !important;
    }

    .card.profile-details.expert-card {
        padding: 12px !important;
    }
}

@media(max-width:992px) {
    label.error {
    font-size: 13px;
}
    .boockdemo-container .card {
        padding: 12px 12px;
    }

    .cli-epp-btn a.btn {
        width: 280px;
    }

    .experts-among .hole-prose {
        justify-content: start;
        overflow: auto;
    }

    .hole-prose .hp-list {
        padding: 60px 0px;
        min-width: 150px;
    }

    .About .infoskillcard .card-right {
        width: 100%;
        padding-left: 0px;
    }

    .expert-home-co-founder .card-right,
    .expert-home-co-founder .card-left {
        width: 100%;
        padding: 0px;
    }
}

.page-title h1 {
    text-shadow: 0px 0px 14px #fff;
}

.page-title.w-100 {
    background-size: cover !important;
}

.commontable-responsive.settings-table tr th {
    white-space: nowrap;
}

.commontable-responsive.settings-table tr th.action {
    min-width: 225px;
}

label.lab-title small {
    font-size: 12px;
    color: #777;
    font-weight: 400;
}

.company-logo-upload img {
    width: 120px;
    max-width: 200px;
    max-height: 200px;
    border-radius: 12px;
    background-color: #ccc;
    padding: 4px;
    object-fit: contain;
    margin: 20px 0px;
}

.select-language span.select2-selection.select2-selection--multiple {
    min-height: 40px;
}

.select-language span.select2-selection.select2-selection--multiple span.select2-search {
    font-size: 17px !important;
}

.Phone-Numbercss .iti__selected-flag {
    height: 35px;
}

#employerFirmName,
#selfEmploymentStatus {
    display: none;
}
@media(min-width:767px) and (max-width:1200px){
    .contact_us_box .item{
        height: 400px;
    }
}
@media(min-width:768px) and (max-width:1024px){
    .cms-listing a.card {
        min-height: 172px;
    }
}
@media(max-width:768px) {
    header .dropdown-menu.show {
        right: 0px !important;
        transform: translate3d(-20px, 33px, 0px) !important;
    }
    .menu-item li a {
        padding: 14px 0px;
    }
 
}

@media(max-width:767.99px) {
    .contact_us_box {
    flex-direction: column;
    gap: 20px;
}
.contact_us_box .item {
    height: auto;
}
.contact_us_box .item .btn{
    position: relative;
}
    section.bg-light-gray.About .card.mb-4 a.btn-yellow.btn {
        min-width: 200px !important;
    }

    section.banner:after {
        display: none;
    }

    .page-title.w-100 {
        min-height: auto !important;
        padding-bottom: 20px;
    }

    .en-de {
        top: auto;
        right: 6px;
        bottom: 0;
    }

    .exp-banner-bottom {
        overflow: hidden;
    }

    .cli-epp-btn a.btn {
        width: 180px;
    }

    h1,
    h2,
    h3 {
        font-size: 24px;
    }

    .text-right.header-right a {
        margin-right: 0px;
    }

    p,
    a,
    span,
    ul li,
    strong {
        font-size: 16px !important;
    }

    header.allheaderinfo .dropdown {
        position: absolute !important;
        top: 10px;
        right: 16px;
    }

    header.allheaderinfo .dropdown-menu.show {
        transform: translate3d(-57px, 40px, 0px) !important;
    }

    label.lab-title h5 {
        word-break: break-word;
        line-height: 28px;
    }

    .for-video {
        height: 350px;
        margin: 20px 0px;
    }

    .col-md-6.banner-cont {
        padding-top: 20px;
        padding-bottom: 0px;
    }

    .About .card-right {
        width: 100%;
        padding-left: 0px;
    }

    .How-does-it-work-for-Experts .card .card-img:before {
        display: none;
    }

    .boockdemo-container .card .form-group label {
        font-size: 12px;
    }

    .boockdemo-container .card section.dayslide.all-day .day-title {
        font-size: 12px;
    }

    .boockdemo-container .card section.dayslide.all-day .day-date label.form-check-label {
        font-size: 10px;
    }
}

@media(max-width:540px) {
    .login-resistation .card {
        padding: 26px 0px;
    }

    .card.contactuscard {
        padding: 32px;
        margin-bottom: 30px;
    }

}

@media(max-width:420px) {
    .cli-epp-btn a.btn {
        width: 150px;
        margin-right: 6px;
    }
}