@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');

body {
  

    font-family: 'Poppins', sans-serif;
    margin: 0;
    font-size: 16px;
    background-color: #F9FFFD;
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #D9D9D9;
}

::-webkit-scrollbar {
    width: 2px;
    height: 0;
    background-color: #D9D9D9;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #0A3D30;
    width: 4px;
}

::placeholder {
    color: #345251 !important;
    font-size: 14px;
}
img{
    max-width: 100%;
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
    -webkit-appearance: none;
}

select {
    -webkit-appearance: none;
    padding-right: 22px !important;
    background-image: url(../images/dropdown.svg);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: right;
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: none !important;
}

textarea::-webkit-scrollbar {
    width: 0px;
    height: 0;
    background-color: #D9D9D9;
}
p {
    font-size: 16px;
}

ul {
    padding: 0;
    list-style: none;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.transpt {
    padding: 0;
    border: 0;
    background-color: transparent;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-24 {
    margin-top: 24px !important;
}


.mt-20 {
    margin-top: 20px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.px-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.my-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.py-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

:focus-visible {
    outline: 0px solid #c8f0e6 !important;
    border: 0;
}
button:focus-visible {
    outline: 0px solid #c8f0e6 !important;
    border: 0;
}

/*:focus-visible {
    outline: #c8f0e6 auto 1px !important;
     -webkit-border: 2px dotted red !important;
  border: 2px dotted red !important;
}*/


.payment-frm input:focus-visible {
    outline: 1px solid #CACACA !important;
    border: 0;
}

.select2-selection input:focus-visible {
    outline: 0px solid #CACACA !important;
    border: 0 !important;

}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #c8f0e6 1px !important;
    outline: 0;
}

.slick-dots li,
.slick-dots li button {
    width: 12px;
    height: 12px;
}

.slick-dots li button:before {
    background: #D9D9D9;
    opacity: 1;
    border-radius: 50px;
    content: "";
    width: 12px;
    height: 12px;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #0A4033;
    background: #0A4033;
    border: 1px solid #FFF;
    width: 12px;
    height: 12px;
}

.slick-dots {
    bottom: 10px;
}

.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.btn-primary {
    border-radius: 50px;
    /* background: #0A3D30; */
    /* background: #808080; */
    background-image: linear-gradient(138deg, #0B5A47, #0A3A2E);
    padding: 8px 26px;
    /* padding: 10px 26px; */
    /* padding: 12px 36px; */
    color: #fff;
    font-size: 14px;
    /* font-size: 18px; */
    font-weight: 500;
    border: 0 !important;
    display: inline-block;
    /*    border: 1px solid #0A3D30;*/
    white-space: nowrap;
    
}

.btn-primary:hover {
    background: #0a3d30;
    color: #fff;
    border: 0;
}

.btn-secondry {
    border-radius: 50px;
    background: linear-gradient(121deg, #0B5A47 5.87%, #0A3A2E 94.16%);
    padding: 10px 26px;
    /* padding: 10px 36px; */
    color: #fff;
    font-size: 14px;
    /* font-size: 18px; */
    /* font-weight: 500; */
    border: 0;
    border: 1px solid #0A3D30;
    display: inline-block;
}

.btn-secondry:hover {
    background: linear-gradient(121deg, #0B5A47 5.87%, #0A3A2E 94.16%);
    color: #fff;
}

.btn-border {
    border-radius: 50px;
    background: #fff;
    padding: 10px 26px;
    /* padding: 10px 36px; */
    color: #0A3D30;
    font-size: 14px;
    font-weight: 500;
    border: 0;
    border: 1px solid #0A3D30;
    display: inline-block;
}

.text-btn {
    font-size: 14px;
    /* font-size: 16px; */
    font-weight: 500;
    padding: 0;
    background-color: transparent;
    border: 0;
    color: #0A3D30;
}

.text-btn:hover {
    color: #0A3D30;
}

.btn-check:focus+.btn-primary,
.btn-primary:focus,
.btn-secondry:focus {
    color: #fff;
    background-color: #0A3D30;
    border-color: #0A3D30;
    box-shadow: 0 0 0 0.25rem #0a3d3071;
}
.btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}
.btn-primary:focus{
      box-shadow: none;
}

.modal-backdrop {
    background-color: #27413A;
    opacity: 0.8 !important;
}

.list-user-sender .h-search .btn-primary:focus{
    box-shadow: none;
}





.header {
    display: flex;
    align-items: center;
    padding: 18px 30px 18px 40px;
    justify-content: space-between;
    background: #FFF;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.06);
    position: sticky;
    top: 0;
    z-index: 999;
    height: 85px;
        gap: 15px;

}

img.input-right-icon {
    position: absolute;
    right: 10px;
    top: 10px;
    /* top: 16px; */
}

.h-search {
    width: 70% !important;
    display: flex;
    margin: 0 auto;
}

.form-group {
    position: relative;
}

.h-search input {
    width: 100%;
    border-radius: 50px 0px 0px 50px;
    border: 1px solid #cacaca;
    padding: 7.5px 20px;
    /* padding: 6.5px 20px; */
    /* padding: 11.5px 20px; */
    border-right: 0;
    color: #345251;
    /* line-height: 1; */
}

.h-search .srch-btn img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7476%) hue-rotate(304deg) brightness(97%) contrast(99%);
    width: 38px;
    /* width: 42px; */

}

.input-left-icon {
    position: absolute;
    top: 16px;
    left: 12px;
}

.srch-btn button {
    border-radius: 0px 50px 50px 0px;
    padding: 8px 30px;
    /* padding: 10px 30px; */
    height: 100%;
}

.menu-icon-list {
    display: flex;
    gap: 30px;
    align-items: center;
    flex-basis: 20%;
    justify-content: end;
}

.notification-cmt {
    border-left: 1px solid #D9D9D9;
    padding-left: 30px;
    position: relative;
    display: none;
}

.notification-cmt span {
    font-size: 11px;
    border-radius: 50px;
    border: 2px solid #0A3D30;
    position: absolute;
    top: -10px;
    right: -10px;
    width: 18px;
    line-height: 0;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0A3D30;
    font-weight: 700;
}

.chat-cmt {
    position: relative;
}

.chat-cmt span {
    font-size: 11px;
    border-radius: 50px;
    position: absolute;
    top: -5px;
    right: -5px;
    width: 12px;
    line-height: 0;
    height: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0A3D30;
    font-weight: 700;
    background: red;
}

header .login-sign-btn {
    display: flex;
    gap: 15px;
        flex-basis: 20%;
    justify-content: end;
}

.without-login-sidebar {
    position: fixed;
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.25);
    text-align: center;
    height: 100vh;
    width: 300px;
    top: 105px;
    left: 20px;
}

.without-login-sidebar h2 {
    margin-top: 50px;
    font-size: 18px;
    /* font-size: 30px; */
    font-weight: 500;
    color: #0A3D30;
}

.without-login-sidebar p {
    margin-bottom: 34px;
    color: #0A3D30;
    font-size: 14px;
    /* font-size: 20px; */
    font-weight: 400;
}

.without-login-sidebar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.notification-list {
    width: 320px;
    background: #FFF;
    padding: 10px;
    position: fixed;
    top: 85px;
    right: 0;
    height: 100vh;
}

.sidebar-noti-suggest {
    width: 320px;
    background: #FFF;
    padding: 10px;
    position: fixed;
    top: 87px;
    right: 0;
    height: 100%;
    z-index: 9;
}

.sidebar-noti-suggest h2 {
    font-size: 16px;
    /* font-size: 18px; */
    /* font-weight: 600; */
    color: #0a3d30;
    margin: 10px 0 20px;
}

.notification-list h2 {
    font-size: 16px;
    /* font-size: 18px; */
    font-weight: normal;
    color: #0A3D30;
    margin: 10px 0 20px;
}

ul.notifications-lst {
    border-bottom: 1px solid #DEDEDE;
    height: 77vh;
    overflow-y: auto;
}

.notification-list-lgn .notifications-lst {
    border-bottom: 1px solid #DEDEDE;
    height: calc(42vh - 40px);
    /* height: calc(42vh - 125px); */
    overflow-y: auto;
    padding-right: 10px;
}

.notification-list-lgn:nth-child(2) .notifications-lst {
    height: calc(58vh - 206px);
}

ul.notifications-lst li {
    margin-bottom: 20px;
}

ul.notifications-lst li a {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 14px;
}

ul.notifications-lst li a span {
    color: #909090;
    /* font-weight: 500; */
}

ul.notifications-lst li a span strong {
    color: #383838;
    font-weight: unset;
    /* font-weight: 600; */
}

ul.notifications-lst li a img {
    flex: 0 0 auto;
    width: 46px;
    height: 46px;
    border-radius: 10px;
}





aside.sidebar {
    position: fixed;
    top: 85px;
    left: 0;
    padding: 0 0 0 20px;
    border-radius: 0px 20px 0px 0px;
    background: #0A3D30;
    width: 320px;
    height: calc(100vh - 85px);
    z-index: 99;
}

.profile-user {
    display: flex;
    gap: 10px;
    align-items: center;
    margin: 44px 0 10px;
    cursor: pointer;
}

.profile-user p {
    margin: 0;
    color: #C2C2C2;
    font-size: 14px;
}

.profile-user .profile {
    border: 1px solid #ffffff;
}

.profile-user a {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.menu-items {
    height: calc(100vh - 280px);
    overflow-y: auto;
    padding-top: 30px;
    overflow-x: hidden;
}


.menu-items::-webkit-scrollbar {
    width: 0px;
    border: 0;
    background-color: transparent;
}

.menu-items::-webkit-scrollbar-track {
    border-radius: 0px;
    background-color: transparent;
}

.menu-items::-webkit-scrollbar {
    width: 0px;
    height: 0;
    background-color: transparent;
}

.menu-items::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: transparent;
    width: 0px;
}





.menu-items ul {
    margin: 0;
}

.menu-items ul li a {
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 15px 20px;
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 9px;
    transition: 0.3s;
}

.menu-items ul li a i {
    display: inline-block;
    width: 23px;
}

.menu-items ul li a svg {
    height: 24px;
}

.open-menu {
       position: absolute;
    bottom: 100px;
    width: 100%;
    left: 0px;
    padding-left: 20px;
    /* border-radius: 0px 0px 30px 0px; */
    background: #0A3D30;
    /* box-shadow: -1px -16px 16px 0px rgba(10, 190, 143, 0.25); */
    padding-top: 0;
    /* border-top: 1px solid #337564; */
    display: none;
    bottom: 0;
    height: calc(100vh - 196px);
}


.open-menu ul {
    height: auto;
        padding-top: 30px;
}

.more-menu {
    padding-top: 20px;
}

.more-menu+.open-menu .menu-items {
    padding-top: 0;
    max-height: calc(100vh - 265px);
    height: auto;
}

.more-menu button {
    background: transparent;
    padding: 0;
    border: 0;
    position: relative;
    z-index: 1;
}

.main-section {
    padding: 0 500px 50px;
    position: relative;
}

/*.menu-items ul li a:hover { 
    background: #fff; 
    border-radius: 50px;
    color: #0A4A3A;
}
 */
/* .menu-items ul li a:hover path{
    fill: #0A4A3A;
 }*/
.menu-items ul li.active a path {
    fill: #0A4A3A;
}

/* .menu-items ul li a.path:hover path{
      fill: #ffffff;
 }*/
.menu-items ul li a path {
    fill: #ffffff;
}

.menu-items ul li a.path path {
    stroke: #ffffff;
    fill: transparent;
}

/* .menu-items ul li a.path:hover path {
    stroke: #0A4A3A;
    fill: transparent;
} */
.menu-items ul li.active a.path path {
    stroke: #0A4A3A;
    fill: transparent;
}

.menu-items ul li.active a {
    background: #f9fffd;
    color: #0A4A3A;
    font-weight: 600;
    border-radius: 50px 0px 0px 50px;
}

.menu-items ul li {
    position: relative;
}

.menu-items ul li.active:before {
      position: absolute;
    content: "";
    top: -80px;
    right: 0;
    width: 40px;
    height: 40px;
/*     background-image: url(../images/sheps-side.svg); */
    background-repeat: no-repeat;
    background-position: right;
/*     z-index: -1; */
    width: 80px;
    height: 80px;
    border-radius: 40%;
    box-shadow: 50px 28px 0 0 #f9fffd;
}

.menu-items ul li.active:after {
     position: absolute;
    content: "";
    bottom: -80px;
    right: 0;
    width: 40px;
    height: 40px;
/*     background-image: url(../images/sheps-side.svg); */
    background-repeat: no-repeat;
    background-position: right;
/*     z-index: -1; */
    width: 80px;
    height: 80px;
    border-radius: 40%;
    box-shadow:50px -30px 0 0 #f9fffd;
}

.story-section {
    display: flex;
    gap: 10px;
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
    padding: 16px 20px;
    margin-top: 20px;
    position: relative;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
    transition: all 0.2s;
    will-change: transform;
    user-select: none;
    cursor: pointer;

        max-width: 700px;
            margin: 20px auto;
}

.stroy .stroy-img {
    border-radius: 12px;
    border: 1px solid #0A3D30;
    width: 70px;
    height: 70px;
    padding: 5px;
        margin: auto;
}

.stroy .stroy-img img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
        object-fit: cover;
    object-position: center;
}

.stroy p {
    margin: 0;
}

.stroy p a {
    text-align: center;
    display: block;
    font-size: 12px;
    color: #4D4D4D;
    font-weight: 500;
    margin: 10px 0 0;
}

.box-card {
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
    padding: 17px 20px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.user-pr {
    display: flex;
    align-items: center;
    gap: 10px;
}

.profile {
    border-radius: 12px;
    border: 1px solid #0A3D30;
    width: 60px;
    height: 60px;
    flex: 0 0 auto;
    padding: 4px;
}

.profile img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
    object-position: center;
}


.profile-rate1{
    border-radius: 12px;
    width: 25px;
    height: 25px;
    flex: 0 0 auto;
}
.profile-rate1 img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
    object-position: center;
}

.name-loc a {
    display: block;
}

.user-name {
    color: #345251;
    /* font-size: 14px; */
    font-size: 16px;
    margin-bottom: 0px;
    font-weight: 600;
     display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-name:hover {
    color: #345251;
}

.name-loc a.address {
    color: #909090;
    font-size: 14px; 
   font-weight: 300;
    /* margin-top: 5px; */
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.name-loc a.address img{
    margin-right: 5px;
}

.post-profile {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.post-action-btn {
    position: relative;
}

.post-action-btn button {
    padding: 0;
    border: 0;
    background: transparent;
    margin-left: 16px;
    /* margin-left: 20px; */
}

.menu-drp {
    display: none;
}

.p-menu {
    position: absolute;
    z-index: 12;
    right: 0;
    top: 40px;
    background: #fff;
    padding: 10px;
    border-radius: 6px;
    background: #FFF;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.16);
    width: 100px;
    /* display: none; */
}

.p-menu li {

    margin-bottom: 9px;
}

.p-menu li a {
    display: block;
    color: #345251;
    font-size: 12px;
    /* font-size: 14px; */
    /* font-weight: 500; */
}

.emoji-picker-icon {
    color: #0a3d30;
    opacity: 3;
    z-index: 0;
}

.p-menu li:last-child {
    margin-bottom: 0px;
}

.post-img img {
    width: 100%;
/*    border-radius: 20px; */
}
.multipal-img{
    border-radius: 20px;
    overflow: hidden; 
}
.multipal-img .post_item img{
    margin-top: 0;
}

.like-cmt-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 15px 0 0!important;
}

.has-name{
    color: #0ABE90 !important;
}
.post-section.box-card {
    margin-bottom: 15px;
        max-width: 700px;
    margin: 30px auto ;
}

.like-cmt-icons {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.icon-count {
    display: flex;
    align-items: center;
    gap: 7px;
    width: 90px;
}

.icon-count img {
    height: 20px;
    /* height: 22px; */
    /* height: 26px; */
}

.like-cmt-section span {
    color: #0B5945;
}

.post-section .like-cmt-section span {
    color: #0B5945;
    font-size: 14px;
    margin-top: 1px;
}

.save-icon img {
    height: 22px;
    /* height: 26px; */
}

.desc-text-btn {
    color: #0ABE90;
    text-decoration: none;
    font-size: 14px;
    /* font-size: 16px; */
    font-weight: unset;
}

.desc-text-btn:hover {
    color: #0ABE90;
    text-decoration: underline;
}

.descprtion-post {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #345251;
}

.comment-box {
    display: flex;
    gap: 10px;
    margin: 10px 0 0;
    /* margin: 20px 0 0; */
}

.comt-input {
    width: 100%;
    position: relative;
}

.comt-input input, .emoji-wysiwyg-editor {
    border-radius: 50px;
    background: #EDEDED;
    padding: 12px 100px 12px 20px;
    border: 0; 
    width: 100%;
    line-height: inherit;
}

.emoji-btn,
.send-btn {
    position: absolute;
    top: 12px;
    right: 60px;
    background-color: transparent;
    border: 0;
    padding: 0;
}

.send-btn {
    right: 20px;
}

.comment-box .profile {
    border-radius: 10px;
    width: 50px;
    height: 50px;
    padding: 4px;
}

.comment-box .profile img {
    border-radius: 8px;
}
.coment-section-view{
    z-index: 99 !important;
}

.login-modal h2 {
    text-align: center;
    color: #0B4E3D;
    font-size: 16px;
    /* font-size: 26px; */
    /* font-size: 30px; */
    font-weight: 600;
}

.login-modal p {
    color: #504F4F;
    /* color: #345251; */
    text-align: center;
    font-size: 14px;
    /* font-size: 18px; */
    font-weight: 300;
    margin-bottom: 22px;
}

.cmn-frm input,
.cmn-frm textarea,
.cmn-frm select {
    width: 100%;
    border: 1px solid #CACACA;
    padding: 16px 14px;
    border-radius: 20px;
    /* background-color: #FFF; */
    background-color: transparent;
    margin-bottom: 20px;
    font-size: 14px;
    color: #345251;
    position: relative;
    z-index: 1;
}

/* .cmn-frm input:focus-visible, .cmn-frm input:focus {
  outline: none;
 border: 1px solid #c8f0e6 !important; 
}
*/
.select2-container--default .select2-selection--multiple {
    border: 1px solid #cacaca;
    border-radius: 20px !important;
    overflow: hidden;
}

.select2 {
    margin-bottom: 20px;
    display: block;
    width: 100% !important;
}

.select2-container--default .select2-search--inline .select2-search__field {
    margin: 0;
    width: 100% !important;
}

.select2 .selection{
    display: inline-block !important;
    width: 100% !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 12px 12px;
    /* padding: 12px 5px; */
    max-height: 170px;
    display: block;
    overflow-y: scroll;
}

.select2-container .select2-selection--multiple {
    min-height: 54px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar {
    width: 0px;
    height: 0; 
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none;
    margin: 0;
}

.cmn-frm label {
    color:#345251;
    font-size: 14px;
    /* font-weight: 500; */
}

.uploat-post-fm label {
}

.cmn-frm .rembr-forgot label {
    font-weight: 300;
    /* font-weight: 400; */
}

.rounded {
    border-radius: 10px !important;
}

.cmn-frm label.range-label {
    font-weight: 400;
    color: #345251;
}

.otp-filds input {
    text-align: center;
}

i.view-icon-pss {
    position: absolute;
    right: 10px;
    top: 15px;
    font-size: 22px;
    color: #345251;
}

.rembr-forgot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    /* margin-bottom: 40px; */
}

.modal-content {
    border-radius: 20px;
}

.login-modal {
    padding: 50px 60px 0;
}

.or-line {
    margin: 20px 0;
}

.social-link {
    display: flex;
    gap: 20px;
    margin-bottom: 45px;
    align-items: center;
    justify-content: center;
}

.mdl-close {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: transparent;
    border: 0;
    padding: 0;
}

.mdl-close img {
    width: 15px;
    /* width: 18px; */
}

.login-modal p.change-lgn-text {
    color: #345251;
    font-size: 14px;
    /* font-size: 16px; */
    font-weight: 400;
}

.change-lgn-text a {
    color: #FF7300;
    font-weight: 600;
}

.forogt-text,
.rembr-forgot label {
    color: #504F4F;
    font-size: 14px;
    font-weight: 300;
    /* font-size: 15px; */
}

.forogt-text:hover {
    color: #504F4F;
}

.rembr-forgot input {
    position: relative;
    top: 3px;
}

.otp-filds {
    display: flex;
    gap: 10px;
    margin: 40px 0;
}

.otp-filds input {
    border-radius: 10px;
    border: 1px solid #CACACA;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 20px;
}

.heart-icon {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 90px;
    font-size: 32px;
}

.heart-icon span {
    font-size: 16px;
}

ion-icon.active {
    animation: like 0.5s 1;
    fill: #345251;
    stroke: none;
}

ion-icon {
    fill: transparent;
    stroke: #0a3d30;
    stroke-width: 30;
    transition: all 0.5s;
}

/*.mdl-tgline{
    color: #504F4F !important;
}
*/
@-webkit-keyframes like {
    0% {
        transform: scale(1);
    }

    90% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1.1);
    }
}



.save-post {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin: 40px 0;
}

.save-option button {
    border-radius: 15px;
    border: 1px solid #345251;
    background: #FFF;
    /* padding: 20px 50px; */
    padding: 15px 40px;
}

.save-option button p {
    margin: 17px 0 0;
    color: #345251;
    font-size: 14px;
    /* font-size: 16px; */
    font-weight: 600;
}

.save-option button img {
    max-width: 100%;
}


.folder-opt-cr h2,
.modal-title {
    color: #0B4E3D;
    font-size: 16px;
    /* font-size: 26px; */
    font-weight: 500;
    text-align: center;
    margin: 25px 0;
    /* margin: 30px 0; */
}

.already-folder {
    display: inline-block;
    border-radius: 15px;
    background: #F0F0F0;
    text-align: center;
       padding: 14px 28px;
       /* padding: 16px 36px; */
    margin-bottom: 10px;
    margin-right: 10px;
    width: 100px;
    /* width: 140px; */

}

.already-folder p {
    margin-bottom: 0;
    color: #4D4D4D;
    font-size: 12px;
    font-weight: 400;
    margin-top: 10px;
        display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-man {
    margin: 10px auto;
    /* margin: 30px auto; */
    /* width: 60%; */
    width: 40%;
}

.folder-opt-cr h2.succes-msg {
/*    color: #454545;*/
    font-size: 14px;
    /* font-size: 20px; */
    line-height: 29px;

}




/* .range-slider {
    margin: 60px 0 0 0%;
  } */

.range-slider {
    width: 100%;
}

.cmn-frm .range-slider__range {
    -webkit-appearance: none;
    width: 100%;
    height: 5px;
    border-radius: 50px;
    background: #d7dcdf;
    outline: none;
    padding: 0;
    margin: 0;
}

.cmn-frm .range-slider__range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #0B5140;
    cursor: pointer;
    -webkit-transition: background 0.15s ease-in-out;
    transition: background 0.15s ease-in-out;
}

.range-slider__range::-webkit-slider-thumb:hover {
    background: #0B5140;
}

.range-slider__range:active::-webkit-slider-thumb {
    background: #0B5140;
}

.range-slider__range::-moz-range-thumb {
    width: 15px;
    height: 15px;
    border: 0;
    border-radius: 50%;
    background: #0B5140;
    cursor: pointer;
    -moz-transition: background 0.15s ease-in-out;
    transition: background 0.15s ease-in-out;
}

.range-slider__range::-moz-range-thumb:hover {
    background: #0B5140;
}

.range-slider__range:active::-moz-range-thumb {
    background: #0B5140;
}

.range-slider__range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #0B5140;
}

.range-slider p {
    color: #345251;
    display: flex;
    align-items: center;
    margin: 5px 0 0;
    gap: 5px;
    justify-content: end;
    font-size: 14px;
}

.range-label {
    display: block;
    text-align: left;
    margin-bottom: 13px;
    color: #345251;
    padding-left: 14px;
}

::-moz-range-track {
    background: #d7dcdf;
    border: 0;
}

input::-moz-focus-inner,
input::-moz-focus-outer {
    border: 0;
}


.post-type {
    border-radius: 15px;
    border: 1px solid #0A3D30;
    background: #FFF;
    padding: 14px 0;
}

.post-type img {
    margin-bottom: 10px;
    max-width: 100%;
    height: 40px;
}

.post-type p {
    margin: 0;
    color: #0A3D30;
    font-size: 14px;
    /* font-size: 16px; */
    font-weight: 500;
}

#postmodal .modal-dialog {
    max-width: 600px;
}


.ui-sortable-placeholder {
    border: 1px dashed black !important;
    visibility: visible !important;
    background: #eeeeee78 !important;
}

.ui-sortable-placeholder * {
    visibility: hidden;
}

.RearangeBox.dragElemThumbnail {
    opacity: 0.6;
}

.RearangeBox {
    /*color: rgb(34, 34, 34);
              background: #f3f2f1;     */
}


.IMGthumbnail {
    max-width: 50px;
    height: 50px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

.IMGthumbnail img {
    max-width: 100%;
    height: 100%;
    border-radius: 10px;
    /* border-radius: 6px; */
}
#sortableImgThumbnailPreview, .img-preview-row {
    gap: 15px;
    justify-content: space-between;
    padding: 0 15px;
}

.imgThumbContainer {
    display: flex;
    align-items: center;
    border: 1px solid #CACACA;
    margin-bottom: 15px;
    border-radius: 20px;
    padding: 4px 60px 4px 4px;
    gap: 10px;
    position: relative;
    width: 48%;
}

.imgThumbContainer>.imgName {
    font-size: 13px;
    overflow: hidden;
    color: #0a3d30;
    font-weight: 500;
}

.imgThumbContainer>.imgRemoveBtn {
    color: #e91e63ba;
    right: 12px;
    top: 15px;
    cursor: pointer;
    position: absolute;
}

.upload-imge-box {
    position: relative;
    margin: 20px 0;
    text-align: center;
    border-radius: 20px;
}

.upload-imge-box img {
    max-width: 100%;
    display: inline-block;
    object-fit: contain;
}

.upload-imge-box input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
cursor: pointer;
   
}
.upload-imge-box input.story {

    max-width: 394px;
   


    margin: 0px auto;
    margin-left: 125px;
}

.rtio-btn {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 11;
}

.multiple-btn {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 11;
}

.multiple-btn img,
.rtio-btn img {
    width: 48px;
}

.choose-ratio {
    position: absolute;
    bottom: 55px;
    left: 37px;
    background: #fff;
    width: 80px;
    border-radius: 6px;
    display: none;
}

.choose-ratio i img {
    height: 20px;
    width: 20px;
}

.choose-ratio li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 7px;
    font-size: 14px;
    cursor: pointer;
}

/*#postpreview .modal-dialog {
    max-width: 700px;
}*/

.two-btn-action {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.two-btn-action:first-child {
    color: #0A3D30 !important;
}

.two-btn-action a.btn-border:hover {
    color: #0A3D30 !important;
}

.two-btn-action a {
    min-width: 117px;
    text-align: center;
}

.mdl-hdr {
    background-color: #D8FFF5;
    text-align: center;
    padding: 14px 10px;
    margin-bottom: 20px;
    border-radius: 20px 20px 0 0;
    height: calc(50% - 100px);
}

.mdl-hdr h2 {
    color: #0B4E3D;
    font-size: 16px;
    /* font-size: 20px; */
    margin: 0;
    /* font-weight: 600; */
}

.signup-role {
    background-image: url(../images/role-bg.png);
    min-height: 100vh;
    background-size: cover;
    display: flex;
    align-items: center;
    padding-right: 50px;
}

.select-role {
    position: absolute;
    background-color: #fff;
    width: 700px;
    top: 50%;
    right: 5%;
    transform: translate(0%, -50%);
    padding: 50px;
    border-radius: 20px;
}

.subscription-payment{
    padding: 50px;
}
.select-role.payment-box {
    width: 550px;
    /* width: 810px; */
    position: inherit;
    transform: translate(0%, 0%);
    margin-left: auto;
}

.role-type {
    display: flex;
    align-items: center;
    gap: 15px;
}

.box-t {

    width: 100%;

}

.box-t a {
    border: 1px solid #E0E0E0;
    border-radius: 20px;
    padding: 36px 0;
    text-align: center;
    transition: 0.3s;
    display: block;
}

.box-t a:hover {
    background: linear-gradient(121deg, #0B5A47 5.87%, #0A3A2E 94.16%);
}

.box-t p {
    margin: 20px 0 0;
    color: #0A3B2F;
    font-size: 18px;
    font-weight: 600;
}

.box-t:hover p {
    color: #fff;
}

.box-t:hover img {
    filter: brightness(100);
}

#postpreview .descprtion-post {
    display: block;
        font-size: 14px;
}

#postpreview .descprtion-post span {
    display: block;
}
#postpreview .descprtion-post .post-apply-dtl .icon-count span {
    font-size: 13px;
    }

.select-role h2 {
    color: #0B4E3D;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 50px;
}

.skils {
    background-image: url(../images/skills-bg.png);
}

.list-skils {
    text-align: center;
    margin-bottom: 20px;
    max-height: 200px;
    overflow-y: auto;
}

.list-skils li {
    display: inline-block;
    position: relative;
    margin: 0 0px 16px;
}

.list-skils li span {

    position: relative;
    padding: 10px 14px;
    font-size: 12px;
    /* font-size: 14px; */
    border-radius: 50px;
    border: 1px solid #cacaca;
    /* border: 1px solid #BFD7D1; */
    background: #FFF;
    display: inline-block;
    color: gray;
    /* color: #565656; */
}

.list-skils li input {
    top: 0;
    left: 0;
    margin: 0;
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.list-skils li input:checked+span {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    background: #0B5A47;
    /* background: linear-gradient(121deg, #0B5A47 5.87%, #0A3A2E 94.16%); */
    color: #fff;
}

.skils-next-btn {
    width: 50%;
    margin: auto;
}

.trade-signup {
    background-image: url(../images/trade-signup.png);
}

.subscription-payment {
    background-image: url(../images/pricing-bg.png);
}

select.inpt-select {
    position: absolute;
    width: auto;
    right: 6px;
    padding: 0 10px;
    border: 0;
    top: 16px;
    margin: 0;
    color: #0a3d30;
    border-radius: 0;
}

.desc-role {
    color: #345251;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
}

.varify-document {
    background-image: url(../images/varify-document.png);
}

span.right-text-in {
    color: #0a3d30;
    font-size: 14px;
    font-weight: 400;
    position: absolute;
    right: 10px;
    top: 17px;
    z-index: 0;
}

.payment-accpect-logo {
    display: flex;
    justify-content: space-around;
    gap: 15px;
    align-items: center;
}

.payment-accpect-logo img {
    height: 36px;
}

.pay-text-card {
    position: relative;
    text-align: center;
    margin: 40px 0;
}

.pay-text-card:before {
    content: "";
    position: absolute;
    width: 100%;
    background-color: #8E8E8E;
    height: 1px;
    left: 0;
    top: 15px;
    z-index: -1;
}

.pay-text-card span {
    font-size: 18px;
    color: #737373;
    background-color: #fff;
    padding: 0 10px;
}

.cmn-frm .file-upload {
    position: relative;
}

.cmn-frm .file-upload::before {
    position: absolute;
    content: "Upload passport or driving licence";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 18px 14px;
    background-color: #fff;
    border-radius: 20px;
}

.cmn-frm .file-upload.content-2::before {
    content: "Upload insurance documents";
}

.payment-frm input,
.payment-frm select {
    width: 100%;
    border: 1px solid #CACACA;
    border-radius: 20px;
    padding: 14px;
    font-size: 14px;
    color: #345251;
    
}

.card-detail {
    border: 1px solid #CACACA;
    border-radius: 20px;
    overflow: hidden;
}

.payment-frm .card-detail input,
.payment-frm .card-detail select {
    border: 0;
    border-radius: 0;
    color: #345251;
}

.payment-frm img.input-right-icon {
    top: 17px;
}

.payment-frm .form-switch .form-check-input,
.task-switch .form-switch .form-check-input {
    background-image: url(../images/toggle-check.svg);
    background-color: #909090;
}


.payment-frm .btn-secondry {
    font-size: 14px;
    /* font-size: 20px; */
}

.brder-b {
    border-bottom: 1px solid #CACACA !important;
}

.brder-e {
    border-right: 1px solid #CACACA !important;
}



.hdr-2-section {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
}
.hdr-2-section.main {
    gap: 25px;
}
section.job-hdrmain.box-card .job-search .h-search {
    min-width: 320px; 
}
.hdr-2-section h2 {
    margin: 0;
    font-size: 16px;
    /* font-size: 20px; */
    font-weight: 500;
    color: #0B5A47;
}

.hdr-2-section .btn-primary {
    background-image: linear-gradient(138deg, #0B5A47, #0A3A2E);
    font-size: 14px;
    padding: 8px 26px;
    /* font-size: 16px; */
}

.main-section-2 {
    padding: 0 420px 50px;
}

.delete-bin {
    /* width: 130px; */
    flex: 0 0 auto;
    text-align: right;
}

.delete-bin img {
    height: 18px;
}

.post-save-box {
    background: #F9FDFC;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 16px;
}

.box-img {
    margin-bottom: 15px;
    overflow: hidden;
    border-radius: 20px;
    position: relative;
}

.post-4 .box-img {
    /*    height: 93px;*/
}

.box-img img {}

.b-end-bottom {
    border-bottom-right-radius: 0px !important;
}

.b-start-bottom {
    border-bottom-left-radius: 0px !important;
}

.b-end-top {
    border-top-right-radius: 0px !important;
}

.b-start-top {
    border-top-left-radius: 0px !important;
}

.fldr-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 0 10px;
}

.fldr-title h2 {
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #0B5A47;
    font-size: 18px;
    font-weight: 600;
}


/*.post-2 .box-img {
    height: 200px;
}*/

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

.ply-video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #00000050;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ply-video img {
    width: 28px !important;
    height: 30px !important;
    object-fit: contain;
}

/*.post-3 .col-md-6:first-child .box-img {
    height: 200px;

}*/

/*.marge-two .box-img {
    height: 93px;
}
*/
.post-3 .col-md-6:first-child .box-img .opacity-0 {
    opacity: 0 !important;
}

.save-post-dtl {
    padding: 10px;
    position: relative;
    border-radius: 16px;
    margin-bottom: 15px;
    background-color: #F9FDFC;
}

.save-post-dtl .profile {
    border-radius: 10px;
    width: 50px;
    height: 50px;
}

.save-post-dtl .profile img {
    border-radius: 5px;
}

.save-post-dtl .user-name {
    font-size: 14px;
}

.save-post-dtl .name-loc a.address {
    font-size: 12px;
}

.save-post-dtl a.address img {
    width: 10px;
}

.img-vd-box {
    margin-top: 10px;
    overflow: hidden;
    border-radius: 16px;
    height: 180px;
}
.img-vd-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.post-save-box .row {
    flex-wrap: nowrap;
}

.post-save-box .row .col-md-6 {
    width: 50%;
}

.sort-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.shortlist-img {
    width: 46px;
    height: 46px;
    overflow: hidden;
    border-radius: 6px;
    flex: 0 0 auto;
}

.shortlist-img img {
    width: 100%;
    height: 100%;
}

.sort-list h3 {
    color: #0A3D30;
    font-size: 16px;
    /* font-size: 17px; */
    font-weight: 600;
    margin: 0;
}

.sort-list h3 a {
    color: #0A3D30;
}

.sort-list h3 span {
    display: block;
    color: #909090;
    font-size: 14px;
    margin-top: 5px;
    font-weight: 400;
    word-break: break-all;
}


.action-icon {
    display: flex;
    gap: 20px;
    align-items: center;
}

/*.shortlist-list .action-icon a, .shortlist-list .action-icon button {
    flex: 0 0 auto;
}
*/
.delete-icn {
    height: 22px;
}

.shortlist-list .sort-list:last-child {
    margin-bottom: 0;
}

.file-upload-input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
}

.upload-img .imageWrapper {
    margin-bottom: 20px;
}

.upload-img .imageWrapper img {
    width: 100%;
}

.add-filds h3 {
    font-size: 16px;
    /* font-size: 22px; */
    /* font-weight: 500; */
    margin-bottom: 30px;
    color: #0B5A47;
    margin-top: 15px;
}

.box-inner-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    /* font-size: 22px; */
    color: #0B5A47;
    font-weight: 500;
    margin-bottom: 25px;
    /* margin-bottom: 40px; */
}

.task-box {
    border-radius: 10px;
    background: #F4FFFC;
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.09);
    padding: 20px 13px;
}

.task-box h3 {
    font-size: 30px;
    /* font-size: 50px; */
    font-weight: 600;
    color: #0B5A47;

}

.task-box p {
    text-align: right;
    margin: 0;
    font-size: 14px;
    /* font-size: 18px; */
    /* font-weight: 600; */
    color: #0A3D30;
}

.green {
    color: #0ABE8F !important;
}

.yellow {
    color: #F7A221 !important;
}

.process-bar-main {
    margin: 30px 0;
}

.process-bar-main span {
    display: block;
    text-align: center;
    font-size: 20px;
    color: #0ABE8F;
    margin-bottom: 8px;
    font-weight: 500;
}

.process-bar-main .progress {
    height: 6px;
    border-radius: 50px;
}

.process-bar-main .progress-bar {
    background-color: #0ABE8F;
}

.tak-asgn {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    justify-content: space-between;
    padding: 20px;
    border: 1px solid #E0E0E0;
    border-radius: 20px;
}

.tak-asgn h3 {
    margin: 0;
    color: #0B5945;
    font-size: 14px;
    /* font-size: 16px; */
}

.tak-asgn h3 span {
    display: block;
    color:#909090;
    font-size: 12px;
    /* font-size: 16px; */
    margin-top: 5px;
    font-weight: 400;
}

.tak-asgn button {
    font-size: 12px;
    padding: 5px 15px;
    /* padding: 8px 15px; */
    border-radius: 50px;
    border: 0;
    /* font-weight: 600; */
}

.complte-btn {
    color: #0ABE90;
    background-color: #E7F8F4;
}



.task-switch label {
    color: #345251;
    font-size: 14px;
    /* font-size: 15px; */
}

.task-switch p {
    font-size: 14px;
    color: #4D4D4D;
    margin-top: 10px;
    margin-bottom: 60px;
}

.task-switch .form-check-input:checked {
    background-color: #0B5A47;
    border-color: #0B5A47;
}

.profile-section {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
    margin: 20px auto; 
    width: 100%;
        max-width: 957px;
}

.profie-cover-img {
    width: 100%;
    height: 252px;
    position: relative;
        border-radius: 20px;
    overflow: hidden;
}

.profie-cover-img img {
    width: 100%;
    height: 100%;
}

.profie-cover-img::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.19) 0%, #0A3D30 100%);
}

.user-profile {
    margin-top: -60px;
    position: relative;
    text-align: center;
}

.profile-img {
    border-radius: 20px;
    border: 3px solid #FFF;
    background: #fff;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
    width: 120px;
    height: 120px;
    margin: 0 auto 15px;
    overflow: hidden;
}

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

.profile-custom h4 {
    font-size: 16px;
    color: #0B5A47;
    font-weight: 600;
    margin: 0;
}

.profile-custom span {
    display: block;
    color: #0abe90;
    font-size: 14px;
    margin-bottom: 20px;
}

.action-btn ul,
.add-website,
.rating-follow {
    display: flex;
    gap: 15px;
    justify-content: center;
    margin-bottom: 20px;
}

.action-btn ul button {
    padding: 0;
    border: 0;
    background-color: transparent;
}

.action-btn ul button img {
    max-width: 100%;
}

.add-website a {
    display: flex;
  gap: 10px;
  font-size: 14px;
  color: gray;
  color: #345251;
  border: 1px solid #cacaca;
  border-radius: 50px;
  padding: 8px 20px;
  white-space: nowrap;
}

.rating-follow {
    gap: 0;
    margin-bottom: 20px;
}

.rating-follow a {
    padding: 1px 50px;
    border-right: 1px solid #cacaca;
    color: #0B5A47;
    font-weight: 700;
    font-size: 18px;
}

.rating-follow a span {
    display: block;
    color: gray;
    /* color: #868686; */
    font-weight: 500;
    font-size: 14px;
    /* font-size: 14px; */
}

.rating-follow a:last-child {
    border-right: 0;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border: 0;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border: 0;
}

.tabs-list button {
    width: 100px;
    /* width: 90px; */
    text-align: center;
    padding: 7px 0rem;
    /* padding: 14px 0rem; */
    position: relative;
}

.profile-tbs-hdr {
    border: 1px solid #cacaca;
    border-radius: 50px;
    display: inline-block;
    margin-bottom: 20px;
}

.tabs-list button span {
    display: none;
}

.tabs-list button.active img {
    display: none;
}

.tabs-list button.active {
    border-radius: 50px;
    background: linear-gradient(121deg, #0B5A47 5.87%, #0A3A2E 94.16%);
}

.tabs-list button.active span {
    display: block;
    color: #FFF;
    font-size: 14px;
    /* font-size: 16px; */
    font-weight: 500;
}

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

.tabs-list .profile-tabs {
        justify-content: space-between;
    border: 0;
}

.tabs-list.text-center{
    padding:0 20px;
}
.pr-post {
       height: 160px;
    overflow: hidden;
    margin-bottom: 24px;
    border-radius: 20px;
    position: relative;
}

.pr-post img.post-img {
    width: 100%;
    height: 100%;
}
.profile-section .post-img{
    margin-top: 0;
}
.review-hdr {
    display: inline-block;
    border: 1px solid #0A3D30;
    border-radius: 50px;
    background-color: #F5FFFD;
    /* padding: 4px; */
    margin-bottom: 20px;
}

.review-tbs button,
.review-tbs a {
    width: 130px;
    display: inline-block;
    font-size: 12px;
    /* font-size: 16px; */
    color: #0A3E31;
}

.review-tbs button:hover,
.review-tbs a:hover {
    color: #0A3E31;
}

.review-tbs button.nav-link.active {
    border-radius: 50px;
    /* background: #0ABE8F; */
    background: linear-gradient(121deg, #0B5A47 5.87%, #0A3A2E 94.16%);
    color: #fff;
    margin-bottom: 0px;

}

.review-tbs a.rating-add-btn {
    display: none;
}

.review-tbs button.nav-link.active+.rating-add-btn {
    display: inline-block;
}

.review-tbs .nav-tabs {
    border-bottom: 0;
}

.review-imgs { 
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}

.review-imgs img.post-img {
    width: 100%;
    height: 100%;
}

.star-rtng {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    position: relative;
}

.rtng-star {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 0;
}

.star-rtng button img {
    width: 5px;
}

.c-review-box {
    background-color: #F9FDFC;
    /* padding: 8px; */
    margin-bottom: 1rem;
    border-radius: 10px;
    position: relative;
}

.form-check-input {
    width: 20px !important;
    height: 20px !important;
    padding: 0 !important;
}

.toggle-btn-s {
    width: 40px !important;
    padding: 10px 14px !important;
    background-repeat: no-repeat !important;
    margin: 0 !important;
    float: none !important;
}

.report-lst .form-check label {
    font-size: 16px;
    font-weight: 500;
    color: #0A3D30;
    margin-left: 10px;
}

.report-lst .form-check span {
    display: block;
    color: #474747;
    font-size: 15px;
    font-weight: 400;
}

.sb-title-rt {
    font-size: 14px;
    /* font-size: 18px; */
    color: #0a3d30;
    font-weight: 500;
    margin-bottom: 10px;
}

#ratingreport .modal-dialog {
    max-width: 650px;
}

.report-lst li {
    margin-bottom: 9px;
    /* margin-bottom: 20px; */
    position: relative;
    cursor: pointer;
}

.report-lst li input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.report-lst li button {
    display: block;
    width: 100%;
    text-align: left;
    color: #474747;
    font-size: 14px;
}

.report-lst li input:checked+button {
    background-image: url(../images/check-send.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-position: 99%;
}

.form-check-input:focus {
    box-shadow: 0 0 0 0.25rem rgb(10 65 51 / 17%);
}

.form-check-input:checked {
    background-color: #0B5744;
    border-color: #0B5744;
}

.profile-add-bar {
    display: block;
    text-align: center;
    margin-bottom: 20px;
    color: #0B5945;
}

.job-post-box {
    position: relative;
    background-color: #F9FDFC;
    /* padding: 8px;  */
    border-radius: 10px;
    margin-bottom: 10px;
    /* margin-bottom: 20px; */
}

.job-img {
    overflow: hidden;
    width: 100%;
       height: 200px;
position: relative;
    border-radius: 10px;
}

.job-img img {
    width: 100%;
    height: 100%;
}

.job-title-action,
.job-title-action ul.btn-btn-1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
    position: relative;
}

.job-title-action h2 {
    font-size: 14px;
    /* font-size: 18px; */
    font-weight: 600;
    color: #0B5A47;
    margin: 0;
    margin-bottom: -10px;
    padding: 14px 0;
    margin-top: -5px;
}

.job-title-action h2 a {
    font-size: 16px;
  font-weight: 600;
  color: #0A3D30;
  margin: 0;
  padding: 14px 0;
}

.job-title-action ul li img {
    height: 20px;
}

.job-desc p {
    font-size: 12px;
    color: #0A3D30;
    display: -webkit-box;
    /* -webkit-line-clamp: 2; */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
}

.job-desc p a {
    color: #345251;
}

.shop-box .job-img {
       height: 150px;
    position: relative;
    border-radius: 10px;
}

.close-btn {
    position: absolute;
    top: 5px;
    right: 10px;
}

.price p {
    font-size: 14px;
    /* font-size: 16px; */
    color: #345251;
    margin-bottom: 5px;
}

.save-post-jobs {
    padding: 0;
    box-shadow: none;
    margin: 0;
}

.switch-account .active-user a {
    font-size: 16px;
    color: #0A3D30;
}

.log-txt {
    font-size: 16px;
    /* font-size: 20px; */
    font-weight: 500;
    color: #454545;
}

#trmscondition h3 {
    font-size: 20px;
    color: #0B4E3D;
    margin-bottom: 15px;
    font-weight: 500;
}

#trmscondition p {
    color: #575757;
    font-size: 14px;
    /* font-size: 16px; */
}


.upload-img .imageWrapper {
    height: 150px;
}

.upload-img .imageWrapper img {
    height: 100%;
    width: auto;
}

.totle-budget-mangege .accordion-item {
    border: 0;
    background-color: #EBF6F2;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
}

.totle-budget-mangege .accordion-button:not(.collapsed) {
    background-color: #EBF6F2;
}

.totle-budget-mangege .accordion-body {
    background-color: #fff;
    margin: 0 4px 4px;
    border-radius: 8px;
}

.totle-budget-mangege .accordion-button::after {
    display: none;
}

.totle-budget-mangege .accordion-button {
    color: #0a3d30;
    font-size: 14px;
    /* font-size: 16px; */
    /* font-size: 18px; */
    box-shadow: none;
    /* font-weight: 500; */
    background-color: #EBF6F2;
}

.project-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.box-proejct label {
    display: block;
    color: #909090;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 8px;
}

.box-proejct p {
    color: #0B5A47;
    font-size: 12px;
    /* font-size: 14px; */
    /* font-size: 16px; */
    /* font-weight: 600; */
    text-transform: uppercase;
    margin: 0;
}

.review-tbs.bugt-add-tabs .payment-fltr button {
    width: auto;
    font-size: 12px;
    /* font-size: 15px; */
    /* margin-top: 1px; */
}

.budget-list-man span {
    font-size: 16px;
    font-weight: 500;
}

.status-paid {
    color: #0ABE90 !important;
}

.status-unpaid {
    color: #f7a221 !important;
    /* color: #FF7F45 !important; */
}

.budget-list-man .text-btn {
    color: #0ABE90;
    font-size: 14px;
    /* font-size: 20px; */
}

.budget-list-man h3 {
    color: #0A3D30;
    font-size: 14px;
    /* font-size: 18px; */
}

.progress-bar-mane {
    display: flex;
    border-radius: 20px;
    overflow: hidden;
    width: 100%;
    margin-top: 33px;
}

.define-value ul {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
    margin-bottom: 60px;
}

.define-value ul li {
    display: flex;
    align-items: center;
}

.define-value ul li span {
    width: 13px;
    height: 13px;
    border-radius: 50px;
    flex: 0 0 auto;
    margin-right: 8px;
    display: inline-block;
}

.allocated span {
    background-color: #F7A221;
}

.spent span {
    background-color: #0ABE90;
}

.remaining span {
    background-color: #B5B5B5;

}

.progress {
    border-radius: 0;
}

.progress.progress-2 {
    width: 20%;
}

.progress.progress-3 {
    width: 20%;
}

.progress.progress-1 {
    width: 60%;
}

.progress-1 .progress-bar {
    background-color: #f7a221;
    justify-content: space-between;
}

.progress-2 .progress-bar {
    background-color: #0ABE90;
    justify-content: space-between;
}

.progress-3 .progress-bar {
    background-color: #B5B5B5;
    justify-content: space-between;
}

.enter-bgt {
    margin-bottom: 50px;
    margin-top: 30px;
}

.enter-bgt label {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #345251;
    font-size: 14px;
    font-weight: 400;
}

.enter-bgt input {
    border: 0;
    border-radius: 0;
    text-align: right;
    /* text-align: center; */
    font-weight: 500;
    /* width: 100px; */
    width: 85px; 
    font-size: 30px;
    color: #0B5A47;
    padding: 0;
    margin: 0;
        line-height: 0;
}
.enter-bgt input::placeholder{
     font-size: 30px !important;
     color: #0B5A47 !important;
}
.brdr-btm-2 {
    border-bottom: 2px solid #126C56;
}

.enter-bgt span {
    border: 0;
    border-radius: 0;
    text-align: center;
    font-weight: 500;
    font-size: 30px;
    color: #0B5A47;
    padding: 0;
    display: inline-block;
}

.enter-bgt input:focus-visible {
    outline: 0px solid #c8f0e6 !important;
    border-bottom: 0;
}

.rd-day-selected,
.rd-time-selected,
.rd-time-option:hover {
    background-color: #0a4033 !important;
}

.profile-man.upload-img .imageWrapper {
    height: 214px;

}

button.close-btn-icon.transpt {
    position: absolute;
    top: 0;
}


.radio-frm-row {
    margin-bottom: 0px !important;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-basis: 100%;
        justify-content: end;
}
.mltpl-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border: 1px solid #cacaca;
    border-radius: 15px;
    padding: 12px 14px;
    margin-bottom: 20px;
}
.radio-frm-row li {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-basis: 36%;
}
.mltpl-option label{
    color: #345251;
    font-weight: 400;
        flex-basis: 50%;
/*    margin-bottom: 10px;*/
}
.radio-frm-row li input {
    margin-right: 10px;
    margin-bottom: 0;
}
.radio-frm-row li:last-child {
    flex-basis: 26%;
}

.upload-image {
    text-align: center;
    border-radius: 20px;
    border: 1px dashed #CACACA;
    background: #FFF;
    padding: 70px 20px;
}

.upload-image p {
    font-size: 14px;
    /* font-size: 16px; */
    color: #0B5945;
    /* font-weight: 600; */
    margin-top: 13px;
    margin-bottom: 0;
}

.new-btn-r {
    border-radius: 10px;
    background: linear-gradient(121deg, #0B5A47 5.87%, #0A3A2E 94.16%);
    font-size: 14px;
    /* font-size: 18px; */
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    margin-top: 20px;
    font-weight: 500;
}

.new-btn-r:hover {
    color: #fff;
}

#postpreview .two-btn-action a {
    padding: 10px 36px;
}

.price-tag h3 {
    margin: 15px 0;
    color: #0B5A47;
    font-size: 22px;
    /* font-weight: 600; */
}

.job-search .h-search {
    min-width: 400px;
    display: flex;
}

.job-search .h-search input {
    /* padding: 5px 40px 8px 20px; */
    /* padding: 8px 40px 8px 20px; */
}

.job-search .input-left-icon {
    top: 12px;
}

.job-search img.input-right-icon {
    top: 10px;
    /* top: 12px; */
}

.job-search .btn-primary {
    padding: 8px 26px;
    /* padding: 8px 22px; */
}

.job-tabs {
    border-radius: 100px;
    border: 0.5px solid #0A3D30;
    background: #F5FFFD;
    /* padding: 4px; */
    margin-top: 24px;
    margin-bottom: 4px;
}

.nav-tabs {
    border-bottom: 0;
    flex-wrap: nowrap;
}

.job-tabs button.nav-link {
    border-radius: 100px;
    background: transparent;
    color: #0A3D30;
    font-size: 14px;
    font-weight: 500;
    padding: 7px 40px;
    font-size: 12px;
    /* padding: 7px 50px; */
    /* padding: 8px 50px; */
}

.job-tabs button.nav-link.active {

    background: linear-gradient(121deg, #0B5A47 5.87%, #0A3A2E 94.16%);
    border-radius: 50px;
    color: #fff;
    font-weight: unset;
    /* font-weight: 500; */
    margin-left: -1px;
    margin-right: -1px;
}

.post-apply-dtl {
    justify-content: space-between;
    gap: 10px;

}

.post-apply-dtl .icon-count {
    width: auto;
}

.post-apply-dtl .icon-count span {
    font-size: 14px;
    /* font-size: 15px; */
    font-weight: 500;
    color: #345251;
    white-space: nowrap;
}

.post-apply-dtl .icon-count img {
    height: 18px;
}

.aply-job-btn .btn-border {
    padding: 6px 26px;
    /* padding: 8px 30px 10px; */
    font-weight: unset;
    /* font-weight: 600; */
}

.aply-job-btn .btn-border:hover {
    color: #0A3D30;

}

span.descprtion-post {
    font-size: 14px;
    /* font-size: 16px; */
    margin-bottom: 5px;
    margin-top: 6px;
    padding-right: 20px;
    line-height: 1.25;
}

.post-desc a {
    text-decoration: underline;
}

.job-title h3 {
    color: #0B5945;
    font-size: 16px;
    /* font-size: 24px; */
    font-weight: 600;
    margin: 5px 0 5px;
    /* margin: 8px 0 2px; */
    /* margin: 0 0 2px; */
}

.post-apply-dtl.like-cmt-section {
    margin: 10px 0 5px;
}

.hag-tag {
    color: #345251;
    display: block;
/*    font-size: 14px;*/
}

.box-user-profile {
    border-radius: 10px;
    background: #F9FDFC;
    padding: 16px 8px;
    margin-top: 15px;
}

.box-user-profile a {
    display: block;
    text-align: center;
    color: #0A3D30;
    font-size: 16px;
    /* font-size: 18px; */
    font-weight: 600;
    height: 100%;
}

.box-user-profile a span {
    color: #909090;
    font-size: 14px;
    /* font-size: 13px; */
    font-weight: 400;
    margin-top: 0px;
    display: block;
}

.profile-img-u {
    width: 60px;
    height: 57px;
    border-radius: 10px;
    border: 1px solid #0A3D30;
    padding: 4px;
    margin: 0 auto 12px;
}

.profile-img-u img {
    width: 100% !important;
    height: 100%;
    border-radius: 8px;
}

.action-follow {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    border-top: 1px solid #CACACA;
    margin-top: 10px;
}

.action-follow .btn-primary {
    padding: 6px 20px;
    font-size: 12px;
}

.action-follow .btn-border {
    padding: 6px 20px;
    font-size: 12px;
    color: #0A4335;
    border: 1px solid #0A4335;
}

.share-option ul {
    padding-left: 10px;
}

.share-option ul li a {
    color: #0A3A2E;
    font-size: 20px;
    font-size: 14px;
    margin-bottom: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 10px;
}

.share-option ul li a i {
    width: 24px;
    /* width: 50px; */
    display: inline-block;
}

#sharemdl .modal-dialog {
    max-width: 355px;
    /* max-width: 600px; */
}

.send-msg-sidebar {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background-color: rgb(39 65 58 / 80%);
    transition: 0.3s;

}

.send-msg-sidebar.active-send-box {
    right: 0;
}

.list-user-sender {
    background-color: #fff;
    width: 400px;
    margin: auto;
    height: 100vh;
}

.other-profile {
    height: calc(100vh - 200px);
    overflow-y: auto;
}

.send-btn-post {
    padding: 20px;
}

.list-user-sender .h-search {
    min-width: auto;
    display: flex;
    padding: 20px 20px 10px;
}

.list-user-sender .h-search input {
    padding: 8px 40px;
}

.list-user-sender .h-search .btn-primary {
    padding: 7.5px 20px;
    /* padding: 9.5px 20px; */
}

.list-user-sender .input-left-icon {
    top: 12px;
}

.send-user {
    display: flex;
    align-items: center;
    margin-top: 15px;
    gap: 10px;
    position: relative;
    cursor: pointer;

}

.list-user-sender ul {
    padding: 0 20px;
    overflow-y: auto;
}

.send-user span {
    color: #0A3D30;
    font-size: 14px;
    /* font-size: 18px; */
    font-weight: 500;
    width: 100%;
    display: block;
}

.send-user .profile-user {
    width: 46px;
    height: 46px;
    flex: 0 0 auto;
    border-radius: 8px;
    border: 1px solid #0A3D30;
    padding: 4px;
    margin: 0;
}

.send-user .profile-user img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.send-user input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}

.send-user input:checked+span {
    background-image: url(../images/check-send.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 18px;
}

#sharego {
    cursor: pointer;
}

.give-rating {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    margin: 10px 0 32px;
}

.give-rating li {
    position: relative;
}

.give-rating li span {
    color: #E2E2E2;
    font-size: 46px;
    line-height: 0;
    transition: 0.3s;
}

.give-rating li span:hover {
    color: #0B5A47;
}

.give-rating input { 
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    margin: 0;
}

.give-rating input:hover+span,
.give-rating input:checked+span {
    color: #0B5A47;
}

.card-label-payment {
    font-size: 14px;
    color: #0A3D30;
    font-weight: 500;
    margin-bottom: 12px;
    padding-left: 15px;
}

.profile-main-skill {
    display: none;
}

.profile-main-skill .list-skils li span {
    font-size: 12px;
    padding: 8px 14px;
}

.review-img-vi,
.video-review-vi {
    position: relative;
    margin-top: 30px;
    border-radius: 20px;
    overflow: hidden;
    height: 250px;
}

.video-review-vi::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0000007a;
}

.thumb-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
#viewreview video{
    object-fit: cover;
    border-radius: 20px;
        margin-top: 30px;
}
#review_audio{
        height: 50px;
    margin-top: 0 !important;
}

.video-review-vi button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.skip-vrfy-btn {
    color: #0A3D30;
    font-weight: 500;
    text-align: center;
}

.msg-box {
    padding-left: 0;
    border-left: 1px solid #D1D1D1;
}

.chat-hdr {
    padding: 16px;
    border-bottom: 1px solid #D1D1D1;
}

.chat-section .profile {
    border-radius: 9px;
    width: 46px;
    height: 46px;
    padding: 3px;
}

.chat-section .profile img {
    border-radius: 8px;
}

.msg-sender p {
    border-radius: 10px !important;
    background: #edededd1;//#F7F7F7;
    padding: 10px 20px;
    color: #909090;
    font-size: 12px;
    /* font-size: 13px; */
    margin-bottom: 8px;
    font-weight: 500;
    max-width: 300px
}

.time-sender {
    display: block;
    color: #909090;
    font-size: 10px;
    /* font-size: 12px; */
}

.chat-section .user-pr {
    align-items: flex-start;
    gap: 15px;
}

.chat-box-msg {
    padding: 20px;
    height: calc(100vh - 280px);
    overflow-y: auto;
}

.date-time-smg {
    text-align: center;
    margin-bottom: 40px;
}

.date-time-smg span {
    color: #909090;
    font-size: 10px;
    /* font-size: 13px; */
    font-weight: 500;
    border-radius: 50px;
    background: #F1F1F1;
    padding: 4px 18px;
}

.right-msg .msg-sender span {
    text-align: right;
}

.user-pr.right-msg {
    justify-content: end;
    margin-top: 25px;
}

.user-pr.right-msg p {
    color: #fff;
    background: linear-gradient(121deg, #0B5A47 5.87%, #0A3A2E 94.16%);
    max-width: 300px;
}

.chat-section {
    height: calc(100vh - 135px);
}

.msg-search {
    display: flex;
    position: relative;
}

.msg-search input {
    background-color: #FFFFFF;
    border-radius: 50px 0 0 50px;
    border: 1px solid #fff;
    width: 100%;
    padding: 7px;
    /* padding: 12px; */
    color: #345251;
}

.msg-search button img {
    filter: brightness(100);
}

.msg-search button.btn-primary {
    padding: 8px 24px;
    /* padding: 12px 24px; */
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    border-radius: 0 50px 50px 0;
    border: 1px solid #fff;
}

.msg-tbas .nav-link {
    color: #0A3D30;
    font-weight: 500;
}


.search-list .review-tbs button {
    width: 100%;
}

.msg-tbas {
    flex-wrap: nowrap;
}

.search-list .review-hdr {
    margin-top: 25px;
    margin-bottom: 0;
}

.search-list {
    border-radius: 20px 0px 0px 0px;
    background: #0A3D30;
    padding: 20px 14px;
}

.search-list h2 {
    color: #FFF;
    font-size: 16px;
    /* font-size: 20px; */
    font-weight: 600;
    margin-bottom: 20px;
}

.name-msg {
    width: 100%;
}

.name-msg h6 {
    color: #0A3D30;
    font-size: 14px;
    /* font-size: 16px; */
    /* font-size: 18px; */
    font-weight: 400;
}

.name-msg h6 span {
    float: right;
    color: #909090;
}

.name-msg p {
    margin: 0;
    color: #909090;
    font-size: 12px;
    /* font-size: 14px; */
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 20px;
    position: relative;
}

.name-msg p span {
    position: absolute;
    top: 0;
    right: 3px;
    width: 18px;
    height: 18px;
    background-color: #0B5945;
    color: #FFF;
    font-size: 10px;
    font-weight: 500;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
}

.user-msg-list li {
    padding: 20px 14px 0;
}

.chat-hdr .user-name {
    color: #0A3D30;
    font-weight: 500;
}

.user-msg-list ul {
    margin: 0;
    height: calc(100vh - 344px);
    overflow-y: auto;
    padding-bottom: 10px;
}

.type-mst-box {
    display: flex;
    align-items: center;
    gap: 10px;
    border-top: 1px solid #D1D1D1;
    padding: 0 20px;
}

.type-mst-box input {
    width: 100%;
    padding: 16px 10px;
    border: 0;
}

.type-mst-box input.file-atch {
    width: 25px;
    overflow: hidden;
    position: relative;
}

.type-mst-box .file-atch:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-image: url(../images/attachment.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.total-amont-bgt h4 {
    color: #636363;
    font-size: 12px;
    /* font-size: 15px; */
    margin-top: 10px;
    margin-bottom: 20px;
}

li.spent{
    font-size:12px;
}
li.remaining{
    font-size:12px;
}

.inner-button-man {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.atc-atc-mange {
    display: flex;
    gap: 20px;
    flex: 0 0 auto;
    align-items: center;
}

.tabs-list .profile-tbs-hdr button img {
    height: 21px;
}

#unfollow .profile-img-u {
    width: 80px;
    height: 80px;
    margin: 0 auto 32px;
    border: 1px solid #0B5442;
}


#forgotpsswrd button {
    font-size: 18px;
    font-weight: 500;
}

.add-stry-btn {
    width: 70px;
    height: 70px;
    flex: 0 0 auto;
}

.add-stry-btn img {
    width: 100%;
}

.add-stry-btn a {
    color: #0A3D30 !important;
    font-weight: 600 !important;
}

.cmn-frm label.bcme-vrfyd {
    color: #345251;
    font-size: 12px;
    font-weight: 400;
    padding: 0px 14px;
}

.review-tbs.bugt-add-tabs .review-hdr {
    background-color: #fff;
}

.suggested-list ul.notifications-lst li a span {
    font-size: 14px;
    /* font-size: 13px; */
}

.suggested-list ul.notifications-lst li a span strong {
    display: block;
    font-size: 14px;
    color: #383838;
}

.send-msg-sidebar .list-user-sender .h-search input {
    padding: 5.5px 20px;
    background: #FCFFFE;
    border: 1px solid #cacaca; 
    border-right: 0;
}

.send-msg-sidebar .list-user-sender .input-left-icon {
    top: 16px;
}

.bugt-add-tabs .nav-link {
    color: #0A3D30;
}

.bugt-add-tabs .nav-link.active {
    /* font-weight: 600; */
}

.radio-frm-row .form-check-input:checked {
    background-color: #ffffff;
    border-color: #0B5744;
}

.radio-frm-row .form-check-input:checked[type=radio] {
    background-image: url(../images/radio-check.svg);
    background-size: 28px;
}

.radio-frm-row label {
    margin-top: 4px;
}

.radio-frm-row .form-check-input:checked+label {
    color: #0B5A47;
}

#postpreview .price-tag h3 {
    font-size: 16px;
    /* font-size: 25px; */
}
.map-pin{
    width: 10px;
}

.profile-iner-lst .form-check .form-check-input {
    float: none;
    margin-left: 0;
    opacity: 1;
}

#Switchact .stroy .stroy-img {
    border: 1px solid #0B5442;
}

#Switchact .switch-account .active-user a {
    font-size: 12px;
    /* font-size: 16px; */
    color: #0A3D30;
    /* font-weight: 600; */
}

.followers-list button.nav-link {
    color: #0B5945;
}

#unfollow .btn-man {
    margin: 5px;
    /* margin: 10px auto; */
}

.add-acnt-btn a {
    width: auto;
    /* width: 100%; */
    border: 1px solid #0a3d30;
    background-color: #fff;
    padding: 10px 16px;
    /* padding: 14px; */
    border-radius: 20px;
    font-weight: 600;
    display: inline-block;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 30px;
    /* margin-bottom: 10px; */
    color: #0A3D30;
}

.tag-user-one {
    color: #7E7E7E;
    font-size: 14px;
    font-weight: 500;
}

#crtfolder1 p {
    color: #454545;
}


h6.review-or {
    position: absolute;
    top: 50%;
    left: -28px;
    font-size: 15px;
    color: #0A3D30;
}

#rptuser p {
    color: #474747;
}

.budget-enter input {
    padding-left: 30px !important;
}

.budget-enter:before {
    position: absolute;
    content: "£";
    font-size: 16px;
    top: 0;
    left: 0;
    width: 20px;
    height: 100%;
    color: #345251;
    padding: 16px 14px;
}

.otpion-product {
        margin-bottom: 0px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #fff;
    border: 1px solid #fff;
    color: #345251 !important;
    /* color: #0a3e31; */
    margin-right: 10px !important;
    margin-bottom: 5px !important   ;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #0a3e31;
    font-weight: 500;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #0a3e31 !important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #093c2f29;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] { 
    color: black;
}

.mobile-footer,
.mobile-sidebar {
    display: none;
}

.main-section-2.chat-main-section{
    padding: 0 20px 0 340px ;
}
.mobile-tabs-noti{
    display: none;
}
.dlry-option p { 
    /* font-weight: 500; */
     color: #345251;
     margin-bottom: 4px;
         font-size: 14px;
}
.slider   .post_item{
    margin-top: 0;
}

.post_item {
       text-align: center;
    background: #0b3d315c;
    /* background: transparent; */
    border-radius: 20px;
    overflow: hidden;
    margin-top: 20px;
    line-height: 0;
    /* height: 500px; */
    margin-left: auto;
    margin-right: auto;
    /* aspect-ratio: 3 / 4; */
    /*max-width: 448px;*/
    max-width: 100%;
     /*max-height: 667px;*/
}

.landscapebox .post_item {
            width: 660px;
    /*height: auto;*/
    margin: auto;
}
/* .landscapebox .post_item video{
    height: 647px;
} 
.portraitbox .post_item {
    /* height: 660px;
    width: 500px;
    margin: auto; */
    height: auto;
    width: 100%;
}

.portraitbox.portraitstory .post_item{
    width: 450px;
    height: 800px;
    margin: auto;
}
/* .landscapebox.landscapestory .post_item{
        height: 353px;
    width: 660px;
    margin: auto;
} */

.task-add-btn{
    /* font-size: 16px;
    padding: 14px 36px; */

    font-size: 14px;
    padding: 10px 26px;
}
.sponser-post {
    border-bottom: 1px solid #cacaca;
    padding: 10px 0;
}
.sponser-post .btn-primary{
        padding: 6px 21px; 
    font-size: 14px;
}
.sponser-post h2{
display: flex;
align-items: center;
justify-content: space-between;
font-size: 16px;
color: #0a3d30;
margin-bottom: 0;
}
.sponser-post h2 .transpt {
    color: #0A3D30;
    font-weight: 500;
    font-size: 14px;
}
.post-img{
    margin-top: 20px;
}
.view-insights {
    width: 320px;
    background: #FFF;
    padding: 10px;
    position: fixed;
    top: 87px;
    right: -100%;
    height: calc(100vh - 87px);
    transition: 0.3s;
    
}
.view-insights.right-0 {
    right: 0;
}

.scrl-data{
    height: calc(100vh - 410px);
    overflow-y: auto;
    padding-left: 10px;
}
.scrl-data::-webkit-scrollbar {
    width: 0px;
}
.slider {
    border-radius: 20px;
    overflow: hidden;
}
.view-insights h2{
    font-size: 16px;
    /* font-size: 20px; */
    color: #0A3D30;
    font-weight: 500;
    margin-bottom: 20px;
}
.view-insights p{
    font-size: 14px;
        color: #345251;
}
.view-insights ul.list-overview{
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #cacaca;
}
.view-insights ul.list-overview li{
    margin-bottom: 15px;
        font-size: 14px;
        /* font-size: 15px; */
            color: #345251;
}
.view-insights ul.list-overview li span{
    float: right;
    font-weight: 600;
    color: #345251;
}
.view-insights ul.list-overview li i {
    display: inline-block;
    width: 24px;
    text-align: center;
    margin-right: 6px;
}
.video-4-3 video{
    height: 620px;
}

.canvas-con {
  display: flex; 
  justify-content: center; 
  position: relative;
}

.canvas-con-inner {
  height: 100%;
  position: relative;
}
.canvas-con-inner p{
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 14px;
    margin-bottom: 0;
    color: #0A3D30;
    transform: translate(-50%, -50%);
    text-align: center;
        line-height: 14px;
}
.canvas-con-inner p span{
    display: block;
        font-size: 12px;
}
.canvas-con-inner canvas{
    width: 100% !important;
    height: 100% !important;
}

.canvas-con-inner, .legend-con {
  display: inline-block;

}

.legend-con {
/*  font-family: Roboto;*/
  display: inline-block;
   width: 40%;
}
.legend-con ul {
  list-style: none;
}
.legend-con li {
  display: flex;
  align-items: start;
  margin-bottom: 4px;
}
.legend-con li span {
  display: inline-block;
      font-size: 12px;
      /* font-size: 13px; */
}
.legend-con li span.chart-legend {
      width: 12px;
    height: 12px;
    margin-right: 10px;
    border-radius: 20px;
    flex: 0 0 auto;
        margin-top: 5px;
}
.graf {
    margin: 50px 0 20px;
    height: 130px;
    overflow-y: auto;
}
.view-sposer.btn-border {
    padding: 4px 10px;
    font-size: 14px;
}
.view-sposer.btn-border:hover{
    color: #0A3D30;
}
#unfollow p{
    color: #345251;
    font-size: 12px;
}

.post-save-box .col-md-6, .post-save-box .col-md-12{
    padding: 0 3px;
}
.post-save-box .box-img {
    margin-bottom: 5px;
    }
    .post-save-box .job-title-action{
        margin-top: 10px;
    }



    .upload-imge-box.blank-img-set {
    height: 400px;
}
    .upload-imge-box.blank-img-set img{
        height: 100%;
cursor: pointer;
    }


    .post-2 .box-img, .post .box-img {
    height: 200px;
}

.post-3 .box-img{
    height: 200px;
}
.post-3 .marge-two .box-img{
    height: 100px;
}
.post-4 .box-img{
    height: 100px;
}

.pre-img-1 {
    height: 200px !important;
}


.caf_div{
    position: relative; 
}
span.upload-button-post {
    display: inline-block;
    background: #efefef;
    border: 1px solid #393939;
    padding: 2px 5px;
    font-size: 15px;
    border-radius: 3px;
/*    position: absolute;*/
    top: 15px;
    left: 14px;
}
label.input-group-text {
    position: absolute;
    left: 0;
    height: 61px;
    font-weight: 500;
    border-radius: 20px;
    /* border-radius: 20px 0px 0px 20px; */
    z-index: 9;
    justify-content: center;
    right:0;
}

    .pac-container {
        z-index: 9999; /* Set a high z-index value */
    }

    .coment-section-view {
    position: fixed;
    top: 81px;
    right: -120%;
    background-color: #fff;
    width: 388px;
    z-index: 999;
    height: calc(100vh - 50px);
    padding: 0;
    transition: 0.3s;
}


.cmnt-heaer, .coment-list{
  padding: 0 20px;
}
.coment-section-view .user-pr .user-name {
    font-size: 16px;
    color: #345251;
    font-weight: 600;
}
.user-coment p{
  font-size: 12px;
  color: #494949;
  margin: 10px 0;
}
.user-coment a{
  color: #0A3D30;
  font-size: 12px;
  font-weight: 600;
}
.like-cnt-rply{
  display: flex;
  gap: 20px;
  margin-bottom: 4px;
}
.user-coment .post-action-btn img{
  width: 20px;
}
.cmnt-heaer h2{
  display: flex;
  gap: 10px;
  justify-content: space-between;
  align-items: center;
  color: #0B4E3D;
  font-size: 16px;
  /* font-size: 26px; */
  font-weight: 600;
  margin-bottom: 30px;
  margin-top: 10px;
}
.cmnt-heaer h2 img{
  width: 10px;
  /* width: 23px; */
}
.coment-list{
  height: calc(100vh - 225px);
  /* height: calc(100vh - 290px); */
  overflow-y: auto;
}
.coment-list::-webkit-scrollbar {
    width: 0px;
}

.coment-section-view.active-coment{
  right: 0;
  transition: 0.3s;
}
.cmt-view{
  cursor: pointer;
}
.like-cmt-section { 
    margin: 10px 0 0;
}

.detail-user .profile img {
    border-radius: 4px;
}

.detail-user .profile {
    border-radius: 4px;
}
.user-coment {
    margin-bottom: 15px;
}

.post-img.post-horizontal {
    border-radius: 20px;
    overflow: hidden;
    /* background: #0a3d30; */
    background: transparent;
    position: relative;
}
.post-img.post-horizontal .slick-slide{
    position: relative;
}
@media only screen and (max-width: 1000px) {
.coment-section-view { 
    top: 54px; 
}
}


@media only screen and (max-width: 575px) {
.coment-section-view{
  width: 100%;
}
section.box-card.shortlist-list, section.box-card.folder-mange, section.hdr-2-section, section.box-card.totle-budget-mangege, section.box-card.add-filds, .job-hdrmain{
    margin: 30px auto 0 !important;
}

}
@media only screen and (max-width: 1700px) {

    .main-section {
        padding: 0 340px 50px;
    }

    .main-section-2 {
        padding: 0 340px 50px;
    }
}
@media only screen and (max-width: 1500px) {
 .hdr-2-section.box-card .h-search {
    min-width: 340px;
    display: flex;
}
.profile-tbs-hdr, .profile-tbs-hdr .tabs-list button{
    width: 100%;
}
}
@media only screen and (max-width: 1500px) {
.coment-section-view { 
    width: 348px !important; 
}
}
@media only screen and (max-width: 1400px) {
    /* .landscapebox.landscapestory .post_item {
    height: 297px;
    width: 560px;
    margin: auto;
} */
    .rs-collab { 

    margin-left: 0 !important;
}
.job-search .h-search {
    min-width: 320px;
    display: flex;
}
    .notification-list {
        width: 280px;
    }
    .main-section-2.chat-main-section {
    padding: 0 20px 0 300px;
}
.select-role.payment-box {
    width: 700px;
    right: 3%;
    transform: translate(0%, 0%);
    top: 0;
}

    .without-login-sidebar {
        width: 280px;
        left: 0;
    }

   /* .main-section {
        padding: 0 300px;
    }*/

    .main-section-2 {
        padding: 0 300px 50px;
    }

    .sidebar-noti-suggest {
        width: 280px;
    }

    aside.sidebar {
        width: 280px;

    }
.story-section{
    overflow-x: scroll;
}


}
.logo {
    flex-basis: 19%;
}
 
header.header form {
    flex-basis: 40%;
}
@media only screen and (max-width: 1200px) {
    /* .landscapebox.landscapestory .post_item {
    height: 247px;
    width: 520px;
    margin: auto;
} */
     .mobile-footer {
        display: block;
    }
          .mobile-sidebar {
        display: block;
        position: relative;
        right: 0;
        top: 0px; 
    }
    .h-search {
    min-width: 370px;
    display: flex;
}
.header {
        padding: 18px 30px;
    }
 
    .main-section-2 {
        padding: 0 20px 50px;
    }
    .notification-list {
        right: -100%;
    }
.main-section-2.chat-main-section {
    padding: 20px 0;
}
    .without-login-sidebar {
        left: -100%;
    }

    .main-section {
    padding: 0 0;
    max-width: 800px;
    margin: auto;
}

    aside.sidebar {
        display: none;
    }

    .sidebar-noti-suggest {
        display: none;
    }

    .signup-role {
        padding: 50px 20px 0;
    }
    .coment-section-view { 
    width: 100% !important; 
}
}

@media only screen and (max-width: 1000px) {
 /*   body{
        padding-bottom: 60px;
    }*/
    .view-insights { 
    height: calc(100vh - 57px);
    width: 100%;
}
    .view-insights{
    top: 60px;
}
    .header{
    height: 60px;
}
    .login-sign-btn .btn-primary{
        padding: 10px 26px;
    color: #fff;
    white-space: nowrap;
    font-size: 14px;
    }
    .logo img {
    height: 20px;
}
header .login-sign-btn {
    display: flex;
    gap: 7px;
}
    aside.sidebar {
    top: 58px; 
}
    .main-section-2 {
        padding: 0 20px 90px;
    }

/*    .main-section {
        padding: 0 10px 90px;
    }*/

    .h-search {
        min-width: auto;
    }

    .mobile-footer {
        display: block;
    }

    .menu-icon-list {
        display: none;
    }

    .mobile-sidebar {
        display: block;
    }
.menu-items {
    height: calc(100vh - 330px); 
}
.open-menu{
        bottom: 140px;
}
    .notification-list-lgn .notifications-lst, .notification-list-lgn:nth-child(2) .notifications-lst{
        height: calc(100vh - 320px);
    }
    .sidebar-noti-suggest h2.mt-24{
        margin-top: 10px !important;
    }
.mobile-tabs-noti{
    display: flex;
    gap: 10px;
}
.suggested-list{
    display: none;
}
.profile-user { 
    margin: 21px 0 0;
}
.signup-role {
    padding: 10px;
}
   

}

.remove-chat{
    display: none;
}

@media only screen and (max-width: 767px) {
    
    .logo {
    flex-basis: 100%;
}
   /* .sort-list{
        display: block;
    }*/
.sort-list .action-icon{
    margin-top: 0;
}
    .subscription-list-mange     .project-list {
        gap: 30px;
        white-space: nowrap;
        overflow-x: auto;
                align-items: flex-start;
    }
 
.signup-role.subscription-payment {
    height: auto;
}


    .select-role.payment-box .grid{
        display: block;
    }
    .select-role.payment-box .grid .card{
        margin-bottom: 20px;
    }

.payment-confirm button{
    width: 100% !important;
}

     .view-insights { 
    
    
    width: 100%;
}
     .main-section {
        padding: 0 10px 50px;
    }


    .msg-search input {
    padding: 8px 20px;
}
.msg-search button.btn-primary {
    padding: 9px 24px;
}
 /*   .chat-box-msg { 
    height: calc(100vh - 190px); 
}*/
    .job-post-box{
        margin-bottom: 20px;
    }
    .remove-chat{
        display: inline;
    }
    .remove-chat img{
        width: 20px;
    }
    h6.review-or{
           position: relative;
    top: 0;
    left: 0;
    font-size: 15px;
    color: #0A3D30;
    text-align: center;
        margin-bottom: 17px;

    }
    .give-rating li span {
    font-size: 36px;
}
    .select-role {
    width: 90%;
    right: 5%;
    /* padding-top: 50px; */
}
       .trade-signup, .varify-document{
            height: auto;
        }
    .trade-signup .select-role, .varify-document .select-role {
            position: relative;
    right: 0;
    width: 100%;
    transform: translate(0%, 0%);
    top: 0;
    }


    .select-role .cmn-frm.px-5{
        padding: 0 !important;
    }

    .header .h-search {
        display: none;
    }

    .icon-count img {
        height: 21px;
    }

    span.descprtion-post {
        font-size: 14px;
    }

    .story-section {
        overflow-x: scroll;
    }

    .story-section::-webkit-scrollbar { 
        height: 0; 
    }

    .post-section .like-cmt-section span {
        font-size: 14px;
    }


    .user-name {
        font-size: 16px;
    }

    .name-loc a.address {
        font-size: 14px;
        margin-top: 0;
    }
 

    .hdr-2-section {
        display: block;
        gap: 40px;
        position: relative;
    }

    .hdr-2-section a.btn-primary {
        position: absolute;
        top: 10px;
        right: 10px;
        padding: 5px 20px;
    }
    .hdr-2-section a.text-btn {
        position: absolute;
        top: 0px;
        right: 10px;
    }

    .hdr-2-section .h-search {
        margin-top: 20px;
    }

    .stroy .stroy-img {
        border-radius: 10px;
        width: 60px;
        height: 60px;
    }

    .stroy .stroy-img img {
        border-radius: 8px;
    }

    .add-stry-btn {
        width: 60px;
        height: 60px;
    }
    .task-box{
        margin-top: 20px;
    }
    .box-inner-title{
        margin-bottom: 20px;
    }
    .icon-count {
        width: 64px;
    }
/*    #postpreview .icon-count {
    width: 44px;
}*/
    .comt-input input { 
        padding: 8px 100px 8px 20px; 
    }
    .comment-box .profile {
        border-radius: 6px;
        width: 40px;
        height: 40px;
        padding: 4px;
    }
    
    .comment-box .profile img {
        border-radius: 4px;
    }
    .emoji-btn, .send-btn {
        top: 8px;
    }
    .profile {
        border-radius: 10px; 
        width: 50px;
        height: 50px; 
    }
    .task-switch p{
        margin-bottom: 20px;
    }
    .job-search .h-search{
        min-width: 100%;
    }
    .job-title h3 { 
        font-size: 18px; 
        margin-bottom: 0;
    }
    .btn-border {
        font-size: 14px;
    }
    .save-icon img {
        height: 20px;
    }
    .box-card{
        padding: 10px;
    }
    .aply-job-btn .btn-border {
        padding: 8px 20px;
    }
    .select-skils .form-group.px-5{
        padding: 0 !important;
    }
    .post-action-btn.d-flex a img {
        height: 18px;
    }
        .post-action-btn.d-flex button img {
        height: 24px;
    }
    .job-title-action .btn-btn-1 li img{
        height: 16px;
    }
    .post-action-btn button { 
        margin-left: 10px;
    }
    .logo img {
        height: 18px;
    }
    .icon-count img {
        height: 21px;
    }
    .sidebar-noti-suggest{
        top: 58px;
    }
.select-role.payment-box {
    width: 90%;
    right: 0;
    top: 0;
    position: relative;
    margin: auto;
}
    .box-card { 
    margin-bottom: 20px;
}
.msg-box { 
    border-left: 1px solid #D1D1D1;
    position: fixed;
    background: #fff;
    top: 59px;
    height: 100vh;
    left: -100%;
    transition: 0.3s;
    z-index: 99;
        padding-left: 10px;
}
.msg-box.left-0{
    left: 0;
}

 /*   .col-md-5.msg-list.pe-0{
        padding-right: 10px !important;
    }*/
    .job-title-action h2 a {
    font-size: 16px;
}
.job-title-action ul.btn-btn-1{
    gap: 10px !important;
            flex: 0 0 auto;
}
.search-list {
    border-radius: 20px 20px 0px 0px; 
}
.chat-section.box-card.p-0 {
    margin-top: 0;
}
.chat-hdr {
    display: flex;
    gap: 15px;
        padding: 10px 0;
}
.story-section {
    padding: 16px 10px 16px;
}
.payment-accpect-logo img {
    height: 22px;
}
.pay-text-card span {
    font-size: 16px;
}
.pay-text-card { 
    margin: 20px 0;
}
.chat-section .row{
margin-right:0 !important;
}
.header {
    padding: 10px 10px;
    height: 60px;
}
.gap-mbl{
    margin: 0 0 1.5rem!important;
}
.payment-frm .btn-secondry {
    font-size: 16px;
}
.add-filds h3 {
    font-size: 18px;
}
.hdr-2-section.box-card .h-search {
    min-width: 100%;
}
.hdr-2-section h2 {
    margin: 5px 0 0;
    font-size: 18px; 
}
.hdr-2-section .h-search input {
    padding: 9.5px 20px;
}
.totle-budget-mangege .accordion-button {
    color: #0A3D30;
    font-size: 16px;
}
.btn-primary {
    font-size: 16px;
    font-weight: 400;
    }
    .tak-asgn { 
    padding: 12px; 
    border-radius: 14px;
    gap: 10px;
}
.tak-asgn .text-btn{
    white-space: nowrap;
}
.budget-list-man .text-btn {
    font-size: 18px;
    padding: 0;
}
.budget-list-man h3 {
    font-size: 16px;
}
.tak-asgn h3 span {
    font-size: 13px;
}
.shortlist-list .action-icon img {
    height: 18px;
}
.sort-list h3 {
    font-size: 15px;
}
.action-icon {
    gap: 10px;
}
.box-inner-title .btn-primary {
    padding: 10px 20px;
}
.task-box p {
    text-align: right;
    margin: 0;
    font-size: 17px;
    font-weight: 500;
    color: #525252;
}
.form-check.form-switch.pe-0 {
    padding-left: 0 !important;
    text-align: left !important;
    margin-bottom: 15px;
}
#trmscondition h3 {
    font-size: 16px;
}
#trmscondition p {
    font-size: 14px;
}


.add-acnt-btn a {
    font-size: 14px;
    padding: 14px 0px;
    gap: 0;
    border-radius: 10px;
}
.add-acnt-btn a img{
    width: 20px;
}
#postpreview .price-tag h3 {
    font-size: 20px;
}
    aside.sidebar {
    height: calc(100vh - 55px); 
}
    .menu-items {
        height: calc(100vh - 240px);
    }
    .open-menu { 
    bottom: 0;
    height: calc(100vh - 156px);
}
.more-menu+.open-menu .menu-items {
    padding-top: 0;
    max-height: calc(100vh - 230px);
    height: auto;
}
}




@media only screen and (max-width: 575px) {
    .open-menu ul {
    padding-top: 0px;
}
.more-menu{
    padding-top: 0;
}

    .folder-opt-.px-4{
        padding: 0 !important;
    }
    .form-group.profile-man.upload-img.ms-2{
        margin: 0 !important;
    }
.vdo-res{
    width: 100%;
}
    .atc-atc-mange{
        gap: 10px;
    }
    .review-hdr{
        width: 100%;
    }
    .mltpl-option{
        display: block;
    }
    .upload-imge-box.blank-img-set{
        height: auto;
    }

        .post-section .like-cmt-section span {
        font-size: 12px;
    }
    button.delete-btn {
    right: 6px;
}
    .rd-container { 
    width: 100%;
    left: 0 !important;
}
    /* .landscapebox.landscapestory .post_item {
        height: 117px;
        width: 380px;
        margin: auto;
        overflow: hidden;
    } */
    .portraitbox.portraitstory .post_item {
    width: 380px;
    height: 730px;
    margin: auto;
}


 /*   .portraitbox .post_item {
    height: 530px;
    width: 370px; 
}*/
    /*  .landscapebox .post_item {
        width: 340px;
        height: 228px;
    }*/
     .story-section.items,
    .post-section.box-card{
        max-width: 100% !important;
    }

    .add-website{
        display: inline-block;
        width: 100%;
    }
    .select2-container--default .select2-selection--multiple {
    border: 1px solid #cacaca;
    border-radius: 20px !important;
    padding: 5px 14px;
}
    .job-tabs{
        width: 100%;
    }
.mobile-tabs-noti button.btn-primary {
    font-size: 14px;
}
.mobile-tabs-noti button{
    padding: 10px 36px;
    }
    .sidebar-noti-suggest h2 {
    font-size: 16px; 
}
    .search-list h2 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}
    .btn-secondry{
        padding: 10px 30px;
        font-size: 16px;
    }
    .post-action-btn.d-flex button img {
    height: 20px;
}
.desc-text-btn{
    font-size: 14px;
}
.like-cmt-icons .icon-count:last-child img{
    height: 19px;
}
.emoji-btn img, .send-btn img {
    height: 18px;
}
.emoji-btn, .send-btn{
    right: 50px;
}
.send-btn {
    right: 20px;
}
.comt-input input {
    padding: 8px 70px 8px 20px;
}
.stroy .stroy-img {
    border-radius: 10px;
    width: 57px;
    height: 57px;
}
.stroy p a{
    font-size: 11px;
}
.add-stry-btn {
    width: 57px;
    height: 57px;
}
    .radio-frm-row li {
    width:auto;
    flex-basis: auto;
}
.radio-frm-row {
    justify-content: space-between;
}
    
    .review-tbs button, .review-tbs a{
        width: 100%;
    }
    .tabs-list button.active span { 
    font-size: 10px;
    font-weight: 400;
}
.tabs-list.text-center{
    padding: 0 10px;
}
.box-img { 
    border-radius: 22px; 
}
    .header {
    padding: 10px 10px;
        height: 60px;
}
.save-post { 
    gap: 15px; 
}
    .review-tbs.bugt-add-tabs .d-flex.justify-content-between{
        display: block !important;
    }
    .review-tbs.bugt-add-tabs .review-hdr{
        width: 100%;
    }
    .review-tbs.bugt-add-tabs .d-flex.justify-content-between .nav{
        flex-wrap: nowrap;
    }
    .review-tbs.bugt-add-tabs .d-flex.justify-content-between nav button{
        width: 100%;
    }
    .job-tabs button.nav-link { 
        padding: 8px 0px;
        width: 100%;
    }
    .main-section-2 {
        padding: 0 10px 90px;
    }
    .imgThumbContainer{
        width: 100%;
    }
    aside.sidebar{
        width: 100%;
        border-radius: 0;
        padding: 20px;
            height: calc(100vh - 55px);
    }
    .menu-items ul li.active:before, .menu-items ul li.active:after{
        display: none;
    }
    .menu-items ul li.active a{
        border-radius: 50px;
    }
    .select-role{
        padding: 20px;
    }
    .skils-next-btn{
        width: 100%;
    }
    .list-skils{
        max-height: 380px;
    }
   
    .login-sign-btn .btn-primary {
        padding: 4px 15px;
        font-size: 16px;

    font-weight: 400;
    }
    .login-modal {
    padding: 10px 10px 0;
}
.login-modal p { 
    font-size: 16px; 
}
.rembr-forgot {
    margin-bottom: 20px;
}
.login-modal h2 {
    font-size: 25px;
}
.login-modal i.view-icon-pss { 
    top: 10px; 
}
.social-link img{
    height: 40px;
}
.social-link {
    margin-bottom: 30px;
}
.login-modal p.change-lgn-text {
    font-size: 14px;
    margin-bottom: 0;
}
.forogt-text, .rembr-forgot label {
    font-size: 13px;
}
.box-t img{
    height: 50px;
}
.box-t a {
    padding: 20px 0;
}
.select-role h2 {
    font-size: 20px;
    margin-bottom: 20px;
}
.desc-role {
    font-size: 16px;
}
#trmscondition .modal-body.px-5{
    padding: 15px !important;
}
.save-option button {
      padding: 20px 20px;
    width: 100%;
}
.box-proejct p { 
    font-size: 13px; 
}
.totle-budget-mangege .accordion-body { 
    padding: 5px;
}
.project-list { 
    gap: 10px;
}
.add-website a { 
    padding: 10px 14px;
        display: inline-block;
        margin-bottom: 15px;
}
.add-website a img{
    margin-right: 5px;
}

.rating-follow a {
    padding: 1px 20px; 
}
.profile-tbs-hdr{
    width: 100%;
}
.tabs-list button {
    width: 100%; 
    padding: 6px 0rem; 
}
.profie-cover-img {
    width: 100%;
    height: 170px;  
        border-radius: 20px;
    overflow: hidden;
}
.upload-post-option.mb-30.px-4{
    padding: 0 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 11px 0px 0;
}
.other-profile {
    height: calc(100vh - 250px);
        margin: 0 !important;
}
.btn-man {
    width: 100%;
    margin: 10px auto 0;
}
#crtfolder form.cmn-frm.px-5{
    padding: 0 !important;
}
 
.subscription-payment{
    height: auto;
    padding: 50px 0;
}

.search-list .review-hdr {
    margin-top: 15px;
}
.review-tbs button{
    font-size: 14px;
}
.name-msg h6 { 
    font-size: 16px;
    font-weight: 500;
}
.msg-sender p {
    padding: 6px 20px;
    }
  .new-btn-r {
    font-size: 14px;
    padding: 8px 20px;
    font-weight: 400;
}


    .menu-items {
    height: calc(100vh - 290px);
}
.mdl-hdr h2 {
    font-size:18px;
}
.mdl-close img {
    width: 14px;
}
#postpreview .modal-dialog {
    max-width: 340px;
    margin: auto;
}
.modal-body .post-section .like-cmt-section span {
    font-size: 11px;
}
.job-title h3 {
    font-size: 16px;
    margin-bottom: 5px;
}
.modal-body .post-apply-dtl .icon-count img {
    height: 14px;
}
#postpreview .two-btn-action a, #postpreview .two-btn-action button {
    padding: 8px 26px;
    font-size: 14px;
}
.modal-body .name-loc a.address img {
    height: 17px;
}
.mdl-close {
    top: 13px;
    }
    .share-option ul li a { 
    font-size: 14px;
    margin-bottom: 17px; 
}
.share-option ul li a i{
        width: 24px;
        margin-right: 10px;
}
.share-option ul li a i img{
    width: 100%;
}
.folder-opt-cr h2, .modal-title {
    font-size: 20px;
    margin: 10px 0 ;
}
 .modal-dialog{
            max-width: 100%;
        margin: 0px auto !important;
}
#Logout .log-txt {
    font-size: 18px;
    margin: 0;

}
.report-lst li {
    margin-bottom: 14px;
}
.sb-title-rt {
    font-size: 16px;
    margin-bottom: 20px;
}
.save-option button img {
    max-width: 100%;
    height: 40px;
}
.save-option{
    width: 100%;
}
.folder-opt-cr h2.succes-msg { 
    font-size: 16px; 
}
 .folder-opt-cr img{
    width: 50px;
    margin-top: 0 !important;
}
.modal-body .cmn-frm input, .modal-body .cmn-frm textarea, .modal-body .cmn-frm select { 
    padding: 10px 14px; 
    font-size: 14px;  
}
::placeholder {
    font-size: 13px;
}
.modal-body .select2-container--default .select2-selection--multiple {
    border-radius: 10px !important;
}
#crtfolder1 br{
    display: none;
}
#crtfolder1 .btn-border, #crtfolder1 .btn-secondry {
    font-size: 14px;
    padding: 10px 20px;
    font-size: 400;
}
.range-slider p { 
    margin: 0px 0 0; 
    font-size: 14px;
}
#forgotpsswrd .cmn-frm.mt-5, #forgotpsswrd a{
    margin-top: 0 !important;
}
#forgotpsswrd button.text-btn.w-100.text-center.mt-4.mb-5, .otp-modal button.text-btn.w-100.text-center.mt-4.mb-5{
    margin-bottom: 0 !important;
    margin-top: 20px !important;
    font-size: 14px;
}
.otp-filds { 
    margin: 0px 0 20px;
}
.login-modal.otp-modal {
    margin-top: 20px;
}
.review-img-vi, .video-review-vi {
    height: 150px;
}
.dlry-option p {
    font-size: 12px;
}
.trade-signup .select-role, .varify-document .select-role { 
    width: 90%; 
    margin: auto;
}
.skip-vrfy-btn {
    font-size: 14px;
}
.box-proejct img {
    height: 17px;
}
.box-proejct label {
    font-size: 13px;
}
.mobile-height{
    height: 360px;
}
#sortableImgThumbnailPreview, .img-preview-row {
    gap: 0;
}
video.sqauer-mange {
    height: 350px;
    object-fit: cover;
}

.list-user-sender {
    width: 100%;
}
}


input::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0;
}

/* .post_item {
    position: relative;
    overflow: hidden;
    border-radius: 25px;
    padding-bottom: 25%;
}
.post_item img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;
    border-radius: 0;
    margin: 0;
}
.post_item {
    margin-top: 15px;
}
.post-vertical .post_item {
    padding-bottom: 65%;
} */

footer.mobile-footer {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #fff;
    padding: 10px 30px;
    box-shadow: -1px -11px 13px #0b463726;
    z-index: 1020;
        border-radius: 14px 14px 0px 0px;
}

.mobile-footer .menu-icon-list {
    justify-content: space-between;
    display: flex;
    gap: 10px;
}
.mobile-footer .menu-icon-list img{
    -webkit-filter: grayscale(1);   
    filter: grayscale(1); 
    opacity: 0.7;
    height: 23px;
    }
.mobile-footer .menu-icon-list a.active img{
    -webkit-filter: brightness(0) invert(1); 
    filter: brightness(0) invert(1); 
    opacity: 1;
}
   .mobile-footer .menu-icon-list a { 
    display: flex;
    align-items: center;
    justify-content: center; 
}

    .mobile-footer .menu-icon-list a.active {
    width: 50px;
    height: 50px;
    background-image: linear-gradient(138deg, #0B5A47, #0A3A2E);
    border-radius: 60px;
    display: flex;
    align-items: center;
    justify-content: center; 
    padding: 16px;
}

 


.navTrigger {
    cursor: pointer;
    width: 25px;
    height: 25px;
    margin: auto;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
}

.navTrigger i {
    background-color: #0a3d30;
    border-radius: 2px;
    content: '';
    display: block;
    width: 100%;
    height: 2px;
}

.navTrigger i:nth-child(1) {
    -webkit-animation: outT 0.8s backwards;
    animation: outT 0.8s backwards;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
}

.navTrigger i:nth-child(2) {
    margin: 7px 0;
    -webkit-animation: outM 0.8s backwards;
    animation: outM 0.8s backwards;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
}

.navTrigger i:nth-child(3) {
    -webkit-animation: outBtm 0.8s backwards;
    animation: outBtm 0.8s backwards;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
}

.navTrigger.active i:nth-child(1) {
    -webkit-animation: inT 0.8s forwards;
    animation: inT 0.8s forwards;
}

.navTrigger.active i:nth-child(2) {
    -webkit-animation: inM 0.8s forwards;
    animation: inM 0.8s forwards;
}

.navTrigger.active i:nth-child(3) {
    -webkit-animation: inBtm 0.8s forwards;
    animation: inBtm 0.8s forwards;
}

@-webkit-keyframes inM {
    50% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(45deg);
    }
}

@keyframes inM {
    50% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(45deg);
    }
}

@-webkit-keyframes outM {
    50% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(45deg);
    }
}

@keyframes outM {
    50% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(45deg);
    }
}

@-webkit-keyframes inT {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
    }

    50% {
        -webkit-transform: translateY(9px) rotate(0deg);
    }

    100% {
        -webkit-transform: translateY(9px) rotate(135deg);
    }
}

@keyframes inT {
    0% {
        transform: translateY(0px) rotate(0deg);
    }

    50% {
        transform: translateY(9px) rotate(0deg);
    }

    100% {
        transform: translateY(9px) rotate(135deg);
    }
}

@-webkit-keyframes outT {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
    }

    50% {
        -webkit-transform: translateY(9px) rotate(0deg);
    }

    100% {
        -webkit-transform: translateY(9px) rotate(135deg);
    }
}

@keyframes outT {
    0% {
        transform: translateY(0px) rotate(0deg);
    }

    50% {
        transform: translateY(9px) rotate(0deg);
    }

    100% {
        transform: translateY(9px) rotate(135deg);
    }
}

@-webkit-keyframes inBtm {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
    }

    50% {
        -webkit-transform: translateY(-9px) rotate(0deg);
    }

    100% {
        -webkit-transform: translateY(-9px) rotate(135deg);
    }
}

@keyframes inBtm {
    0% {
        transform: translateY(0px) rotate(0deg);
    }

    50% {
        transform: translateY(-9px) rotate(0deg);
    }

    100% {
        transform: translateY(-9px) rotate(135deg);
    }
}

@-webkit-keyframes outBtm {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
    }

    50% {
        -webkit-transform: translateY(-9px) rotate(0deg);
    }

    100% {
        -webkit-transform: translateY(-9px) rotate(135deg);
    }
}

@keyframes outBtm {
    0% {
        transform: translateY(0px) rotate(0deg);
    }

    50% {
        transform: translateY(-9px) rotate(0deg);
    }

    100% {
        transform: translateY(-9px) rotate(135deg);
    }
}


.form-control:focus {
    color: #212529;
    /* background-color: #fff; */
    border-color: #CACACA;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(10 63 50 / 0%);
    background-color: transparent;
}

section.box-card.shortlist-list, section.box-card.folder-mange, section.hdr-2-section, section.box-card.totle-budget-mangege, section.box-card.add-filds, .job-hdrmain {
    max-width: 700px;
    margin: 30px auto;
}

 
 .view-dmt-pr {
    height: 100px;
    width: 100px;
}
 .view-dmt-pr img{
    width: 100%;
    height: 100%;
    object-fit: cover; 
    padding:0 !important;
 }

  .price-sample{
    position: absolute;
    content: "";
       left: 13px;
    top: 17px; 
    color: #345251;
    font-size: 14px;
  }

  .white-sapce-man{
        white-space: nowrap;
  }

::-webkit-credentials-auto-fill-button {
    visibility: hidden;
    position: absolute;
    right: 0;
}

.post-img .slick-list{
    border-radius: 20px;
}
.report-modal-width {
    max-width: 370px;
}



div#crop_prfl_modal h3 {
    color: #0B4E3D;
    font-size: 24px;
    font-weight: 500;
    text-align: left;
    margin-bottom: 15px;
}

#trmscondition .folder-opt-cr  button {
    margin-bottom: 20px;
}
img.highlight_icon {
    width: 35px;
}

.save-post-dtl.sponser-post-box {
    margin-bottom: 0;
}
.save-post-dtl.sponser-post-box .pr-post{
    margin-bottom: 0;
    height: 100%;
}

.post-img.post-horizontal.landscapebox {
    background: transparent;
}

button.delete-btn {
    background-image: linear-gradient(138deg, #0B5A47, #0A3A2E);
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    border: 0;
    padding: 6px;
    right: 0;
    position: absolute;
    top: 0;
    z-index: 1;
}
button.delete-btn img{
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7476%) hue-rotate(304deg) brightness(97%) contrast(99%);
}

.video-upload-edit{
    position: relative;
    height: 200px;
}
.video-upload-edit video{
    height: 100%;
    width: 100%;
}

img.close-icon-pr {
    width: 20px;
}
.job-post-box-new{
    background: transparent !important;
}
.coment-section-view.active-coment .comment-box {
    padding: 0 14px;
}

.coment-section-view.active-coment .emoji-wysiwyg-editor.parent-has-scroll {
    padding-right: 78px;
}

.emoji-wysiwyg-editor::-webkit-scrollbar
{
    width: 0px; 
}

.emoji-wysiwyg-editor:empty:before {
    content: "Write a comment..." !important;
    color: #9aa2ab;
    font-size: 14px;
}

input:-webkit-autofill {
    background-color: white !important;
    color: black !important;
}

/* Optional: You can also set transition to none to prevent background-color change */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #345251 !important;
    /* -webkit-text-fill-color: black !important; */
}

.trade-rgs{
    overflow-y: scroll;
    overflow-x: hidden;
}
.trade-rgs .select-role{
       /* position: inherit;
        background-color: #fff;
        max-width: 700px;
        top: 5%;
        right: 5%;
        transform: translate(0%, 0%);
        padding: 50px;
        border-radius: 20px;
        margin:  60px 80px 20px auto;*/

        position: inherit;
        background-color: #fff;
        max-width: 700px;
        top: 5%;
        right: 5%;
        transform: translate(0%, 0%);
        padding: 50px;
        border-radius: 20px;
        margin: 60px 80px 20px auto;
}

.custm-like-btn.like-cmt-icons {
    display: flex;
    flex-direction: column;
}

.custm-like-btn.like-cmt-icons img {
    width: 16px;
}

.custm-like-btn.like-cmt-icons span {
    font-size: 11px;
}
.choose-ratio.selected img{

    -webkit-filter: brightness(0) invert(1); /* Safari, iOS, macOS */
    filter: brightness(0) invert(1);   
}
.btn-secondry.outline{
    background: transparent;
    color: #0a3c2f;
}
@media only screen and (max-width: 1000px) {
    .mobile-sidebar { 
        flex-basis: 19%;
    }
}
.crp-btn-man > div button{
    justify-content: center;
}
/*#case_single_file>div{
    background: #0b3d315c;
}*/
.multipal-img .post_item img{
    object-fit: contain;
}
.video-cls.post_item{
    overflow: visible;
}
@media(max-width: 991px){
    .job-hdrmain.box-card,
    .post-section.box-card,
    .hdr-2-section.box-card{
        max-width: 90% !important;
    }
}


@media(max-width: 575px){
    .tak-asgn button {
    width: auto !important;
}
.hdr-2-section a.btn-primary{
    top: 5px;
}
.job-hdrmain a.btn-primary{
    top: 0;
}
section.job-hdrmain.box-card .job-search .h-search {
    min-width: 100%;
}
.job-hdrmain.box-card, .post-section.box-card, .hdr-2-section.box-card {
        max-width: 100% !important;
    }
    #privacypol .modal-body.px-5,
    #trmscondition .modal-body.px-5{
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
   #privacypol .modal-content, 
   #trmscondition .modal-content {
    border-radius: 0;
}
}

p.storyu_name u {
    color: #fff;
    font-size: 16px;
    margin-bottom: 0px;
    font-weight: 600;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    overflow: hidden;
    text-decoration: none;
}
.storyu_name img {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    border: 1px solid #0A3D30;
    flex: 0 0 auto;
    padding: 4px;
}
.storyu_name img {
    border-radius: 12px !important;
}

.crp-btn-man>div{
    display: flex;
    align-items: center;
}
#crop_prfl_modal .crp-btn-man > div button{
    padding: 2px 12px !important;
    margin-right: 5px !important;
        font-size: 18px !important;

}