/* @import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700'); */




/*** 
====================================================================
  Import All Css
====================================================================

***/

/* @import 'bootstrap.min.css'; */



/*** 
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
:root {
    --green: #79C144;
    --orange: #EF941F;
    --black: #212529;
    --grey: #89898B;
    --light-grey-2: #F2F2F2;
    --light-grey-3: #E2E2E2;
    --light-grey: #F6F6F6;
    --white: #fff;
    --blue: #0D6EFD;
    --h1: 45px;
}

body {
    font-family: 'Poppins', sans-serif;
    overflow-x: hidden;
    font-size: 14px;
    line-height: normal;
    color: var(--black);
}

*,
*:after,
*:before {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    line-height: 1.4;
}

a,
a:hover,
a:focus,
a:active {
    text-decoration: none;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    outline: none;
}

li {
    list-style: none;
}

img {
    max-width: 100%;
    height: auto;
}

ul,
ol {
    margin: 0;
    padding: 0;
}

p {
    line-height: 22px;
}

.bold {
    font-weight: 900;
}

.gray-bg {
    background-color: var(--light-grey);
}

.green-bg {
    background-color: var(--green);
}

.org-bg {
    background-color: var(--orange);
}

.green-text {
    color: var(--green);
}

.w-text {
    color: var(--white);
}

.org-text {
    color: var(--orange);
}

.h1 {
    font-size: 46px;
    line-height: 59px;
}

.h2 {
    font-size: 38px;
    line-height: 48px
}

.h3 {
    font-size: 29px;
    line-height: 40px
}

.h4 {
    font-size: 22px;
    line-height: 29px
}

.body-small {
    font-size: 13px;
    line-height: 18px;
}

.btn:focus {
    outline: 0;
    box-shadow: none;
}

.opacity-0{opacity: 0%;}
.opacity-25{opacity: 25%;}
.opacity-50{opacity: 50%;}
.opacity-75{opacity: 75%;}
.opacity-100{opacity: 100%;}

/* @media (min-width: 576px){
	.container{max-width: none;}
	.modal-dialog{max-width: 700px;}
	.modal-sm{max-width: 400px;}
} */
@media (min-width: 768px){
	.container{max-width: 740px;}
}
@media (min-width: 992px){
	.container{max-width: 960px;}
}
@media (min-width: 1200px){
	.container{max-width: 1220px;}
}
@media (min-width: 1400px){
	.container{max-width: 1280px;}
}
@media (min-width: 1600px){
	.container{max-width: 1400px;}
}
@media (min-width: 1900px){
	.container{max-width: 1600px;}
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Header navigation
--------------------------------------------------------------*/

#toast-container>div:before{content:'';display:block;width:8px;min-height:100%;background:rgb(15 23 42 / 50%);position:absolute;left:0;bottom:0;z-index:1}
#toast-container>div{opacity:.98}
.toast-error{background-color:#be123c}
.toast-info{background-color:#0e7490}
.toast-success{background-color:#047857}
.toast-warning{background-color:#a16207}
.toast-progress{height:5px}

/* new css */

.attachment-sec .icon{color: var(--orange);}
.attachment-sec .lebel{color: var(--blue);text-decoration: underline;font-weight: 600;font-size: 14px;}
.file-upload > div >span:first-child{background-color: var(--light-grey-2);width: 40%; overflow:hidden;}
.file-upload input{width: calc( 100% - 50px)!important;}
.file-upload > div >span:last-child{width: 60%; overflow:hidden;}
.file-upload > div >span:first-child > span:first-child{color: var(--orange);}
.file-upload > div >span:first-child > span:last-child{color: var(--blue);font-weight: 600;}
.file-upload > div >span:last-child >span:first-child{width: calc( 100% - 45px);overflow: hidden;text-overflow: ellipsis;}
.file-upload > div >span:last-child >span:last-child >span{width: 20px;height: 20px;color: gray;cursor: pointer;}
.file-upload > div >span:last-child >span:last-child >span.active{color: #be123c;}
hr{background-color: #9f9f9fde;height: 0.02rem!important;}
.custom-radio{width: 18px;height: 18px;overflow: hidden;cursor:pointer; flex-shrink: 0;}
.custom-radio *{cursor: pointer;}
.custom-radio input{opacity: 0;}
.custom-radio .radio{border:2px solid var(--blue);border-radius: 3px; display: flex;justify-content: center;align-items: center;}
.custom-radio:has(input:checked) .radio{background:var(--blue)}
.custom-radio .radio .check{visibility: hidden;display: none;color: white;font-size: 85%;}
.custom-radio:has(input:checked) .radio .check{margin-top:2px;visibility: visible;display: flex;color: white;font-size: 85%;}
.custom-radio:has(input:checked) .radio .uncheck{display: none;}

.header {
    box-shadow: 0 0px 6px #00000026;
}

.top-nav {
    display: flex;
    justify-content: end;
}

.top-nav a {
    color: var(--grey);
    font-size: 13px;
    font-weight: 400;
    padding: 10px;
}

.top-nav .dropdown a {
    color: var(--grey);
    font-size: 13px;
    font-weight: 400;
    padding: 6px 10px;
    line-height: 1;
}

.top-nav .login-btn {
    border-radius: 8px;
    border: 2px solid transparent;
    color: var(--white);
    background-color: var(--orange);
    padding: 8px 20px;
    line-height: 18px;
    margin: 0 10px;
    display: inline-block;
    transition: all 0.5s ease;
}

.top-nav .login-btn:hover {
    background-color: transparent;
    color: var(--orange);
    border-color: var(--orange);
}

.top-nav .login-btn.alt {
  color: var(--grey);
  font-size: 13px;
  font-weight: 400;
  padding: 10px;
  background-color: transparent;
  border: 0;
  border-radius: 8px;
}
.top-nav .login-btn.alt:hover {
  color: var(--black);
  background-color: transparent;
}


.nav_area>ul>li {
    display: inline-block;

}

.nav_area ul li a {
    color: var(--grey);
    font-size: 15px;
    font-weight: 400;
    padding: 10px 6px;
}

.nav_area ul li:hover a,
ul li.act-menu a {
    color: var(--orange);
}

@media (min-width: 992px) {
    /* .nav_area {
        text-align: right
    }

    label.toggle {
        display: none;
    } */

    span.arrow {
        display: none;
    }
}
@media (min-width: 1025px) {
    .nav_area {
        text-align: right
    }

    label.toggle {
        display: none;
    }

    /* span.arrow {
        display: none;
    } */
}

/* @media (max-width:991px) {
    ul.menu {
        position: fixed;
        width: 100%;
        left: 0;
        text-align: left;
        background: #fff url(../../../img/m-menu-bg.png) no-repeat center center;
        z-index: 2;
        padding: 15px 10px;
        z-index: 10;
        top: 0;
        height: 100%;
        left: -100%;
        transition: all .4s;
        max-width: 320px;
        box-shadow: 4px 0px 20px rgb(0 0 0 / 10%);
    }

    ul.menu.open {
        left: 0;
    }

    .toggle {
        cursor: pointer;
        color: #000;
        font-size: 22px;
        margin: 0;
        text-align: right;
        display: block;
        position: relative;
        right: 15px;
        top: 0;
    }

    .nav_area ul li a {
        line-height: 30px;
        font-size: 20px;
        color: var(--grey);
        display: block;
        padding: 5px 20px;
    }

    nav.nav_area ul li {
        display: block;
        position: relative;
        border: 0;
        padding: 0;
    }

    ul.sub-menu li span.arrow.close-icon i:before {
        content: "\f106";
    }

    ul li .sub-menu li a {
        line-height: 18px;
        font-size: 15px;
    }

    ul.sub-menu span.arrow {
        right: 10px;
        text-align: center;
        top: 0;
        font-size: 15px;
    }

    span.arrow {
        position: absolute;
        right: 10px;
        color: #fff;
        top: 12px;
        width: 40px;
        text-align: center;
        height: 30px;
        cursor: pointer;
    }

    ul.sub-menu {
        display: none;
        position: relative;
        background: transparent;
        padding: 0;
        font-size: 10px;
    }

    ul.sub-menu li ul.sub-menu {
        padding: 10px;
        width: 100%;
    }

} */

@media (max-width:1024px) {
    ul.menu {
        position: fixed;
        width: 100%;
        left: 0;
        text-align: left;
        background: #fff url(../../../img/m-menu-bg.png) no-repeat center center;
        z-index: 2;
        padding: 15px 10px;
        z-index: 10;
        top: 0;
        height: 100vh;
        overflow: auto;
        left: -100%;
        transition: all .4s;
        max-width: 320px;
        box-shadow: 4px 0px 20px rgb(0 0 0 / 10%);
    }

    /* .close-menu{position: absolute; top: 20px; right: 20px;} */

    ul.menu.open {
        left: 0;
    }

    .toggle {
        cursor: pointer;
        color: #000;
        font-size: 22px;
        margin: 0;
        text-align: right;
        display: block;
        position: relative;
        right: 15px;
        top: 0;
    }

    .nav_area ul li a {
        line-height: 30px;
        font-size: 20px;
        color: var(--grey);
        display: block;
        padding: 5px 20px;
    }

    nav.nav_area ul li {
        display: block;
        position: relative;
        border: 0;
        padding: 0;
    }

    ul.sub-menu li span.arrow.close-icon i:before {
        content: "\f106";
    }

    ul li .sub-menu li a {
        line-height: 18px;
        font-size: 15px;
    }

    ul.sub-menu span.arrow {
        right: 10px;
        text-align: center;
        top: 0;
        font-size: 15px;
    }

    span.arrow {
        position: absolute;
        right: 10px;
        color: #fff;
        top: 12px;
        width: 40px;
        text-align: center;
        height: 30px;
        cursor: pointer;
    }

    ul.sub-menu {
        display: none;
        position: relative;
        background: transparent;
        padding: 0;
        font-size: 10px;
    }

    ul.sub-menu li ul.sub-menu {
        padding: 10px;
        width: 100%;
    }

}
/**welcom**/
.welcome-content {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
    font-size: 24px;
    line-height: normal;
}

.welcome-content p {
    line-height: normal;
}

.welcome-content h1 {
    font-weight: 800;
    margin-bottom: 0;

}

.special-head {
    color: #f06925;
    padding-left: 40px;
    font-size: 18px;
    position: relative;
}

.cat-list {
    box-shadow: 0 0 10px #0000002b;
    border-radius: 5px;
    overflow: hidden;
}

.cat-list img {
    height: 160px;
    object-fit: cover;
    width: 100%;
}

.cat-list h3 {
    font-size: 14px;
    font-weight: 900;
    color: var(--white);
    height: 66px;
    background: var(--orange);
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cat-main:nth-child(even) .cat-list h3 {
    background-color: var(--green);
}

.details-text {
    max-width: 690px;
}

.info-btn-group a {
    font-size: 14px;
    color: var(--white);
    font-weight: 900;
    padding: 10px 12px;
    border: 2px solid transparent;
    max-width: 350px;
}

.info-btn {
    border: 2px solid transparent;
}

.info-btn-group .green-bg:hover {
    border: 2px solid var(--green);
    color: var(--green);
    background-color: var(--white);
}

.info-btn-group .org-bg:hover,
.info-btn.org-bg:hover {
    border: 2px solid var(--orange);
    color: var(--orange);
    background-color: var(--white);
}

.small-title-top {
    max-width: 550px;
    margin: 0 auto;
}

.we-offer-area .container {
    max-width: 1080px;
}

.we-offer-area .item {
    border: 1px solid var(--light-grey-2);
    height: 100%;
}

.icon-box {
    height: 60px;
    width: 60px;
    border-radius: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.we-offer-area .item svg {
    height: 30px;
    width: 30px;
    fill: var(--white);
    font-size: 14px;
}

.we-offer-area .item:hover {
    background-color: var(--green);
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    box-shadow: 0 0 10px #cccccc;
    color: var(--white);
    fill: var(--white);
    border-color: var(--green);
}

.we-offer-area .item:hover svg,
.we-offer-area .item:hover .icon-box {
    fill: var(--green);
    background-color: var(--white) !important;
}

.item {
    background: #ffffff;
    border-radius: 5px;
}

.feature-slider .item {
    box-shadow: 0 4px 10px #0003;
    margin-bottom: 20px;

}

.feature-slider .item-main {
    padding: 10px;

}

.feature-slider .item-main .nuber-box {
    width: 54px;
    height: 54px;
    color: var(--white);
    border-radius: 100%;
    text-align: center;
    font-size: 22px;
    font-weight: 800;
    line-height: 54px;
    margin-bottom: 20px;
}

.brd-btm-org {
    border-bottom: 5px solid var(--orange);
}

.brd-btm-green {
    border-bottom: 5px solid var(--green);
}

.feature-slider.owl-theme .owl-dots {
    bottom: -15px;
}

.softwer-slider.owl-theme .owl-dots {
    bottom: -65px;
}

.owl-theme .owl-dots .owl-dot span {

    border-radius: 100%;
    width: 20px;
    height: 20px;
}

.feature-slider.owl-theme .owl-dots .owl-dot span {
    border: 1px solid var(--orange);
}

.feature-slider.owl-theme .owl-dots .owl-dot.active span,
.feature-slider.owl-theme .owl-dots .owl-dot span:hover,
.feature-slider.owl-theme .owl-dots .owl-dot:hover span {
    background-color: var(--orange);
}

.item-main .item p {
    min-height: 100px;
    margin-bottom: 0;
}

.software-section {
    background: var(--light-grey) url(../../../img/Icon-2.png) no-repeat left top / 400px;
}

.softwer-slider.owl-theme .owl-dots .owl-dot span {
    border: 1px solid var(--green);
}

.softwer-slider.owl-theme .owl-dots .owl-dot.active span,
.softwer-slider.owl-theme .owl-dots .owl-dot span:hover,
.softwer-slider.owl-theme .owl-dots .owl-dot:hover span {
    background-color: var(--green);
}

.benefits-item .item {
    box-shadow: 0 4px 10px #0003;
    position: relative;
    font-size: 13px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.right-icon {
    position: absolute;
    top: 0;
    left: 0;
    background: url(../../../img/green-bg.png) no-repeat left top / cover;
    width: 30px;
    height: 31px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px 4px 0;
}

.benefits-item:nth-child(even) .right-icon {
    background: url(../../../img/org-bg.png) no-repeat left top / cover;
}

.listing-item li {
    position: relative;
    margin-bottom: 30px;
    padding-left: 30px;
}

.listing-item li::before {
    content: "";
    background: url(../../../img/star.png) no-repeat center center;
    width: 18px;
    height: 18px;
    background-color: var(--green);
    display: block;
    border-radius: 100%;
    position: absolute;
    left: 0;
}

.listing-item li:nth-child(even)::before {
    background-color: var(--orange);
}

.listing-item:nth-child(2) li:nth-child(even)::before,
.listing-item:nth-child(3) li:nth-child(even)::before {
    background-color: var(--green);
}

.listing-item:nth-child(2) li:nth-child(odd)::before,
.listing-item:nth-child(3) li:nth-child(odd)::before {
    background-color: var(--orange);
}

.deal-section .icon-box-list img {
    width: 80px;
    height: 80px;
}

.more-btn-big,
.more-btn {
    font-size: 14px;
}


/**footer**/

.footer {
    background: var(--black);
    color: #fff;
    margin-top: 25px;
    font-size: 13px;
    color: var(--light-grey);
}

.footer-menu a {
    color: var(--white);
    font-size: 14px;
    padding: 10px;
}

.footer-menu {
    flex-wrap: wrap;
}

.copyright-text {
    color: var(--grey);
}

.newslatter-form input {
    max-width: 400px;
    width: 90%;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid var(--green);
    background-color: #7c7c7c87;
    color: #fff;
    margin-right: 20px;
}

.newslatter-form input::placeholder {
    color: var(--white);
}

.newslatter-form button {
    background-color: var(--green);
    color: var(--white);
    width: 120px;
    border-radius: 5px;
    border: none;
    font-weight: 600;
    border: 2px solid transparent;

}

.newslatter-form button:hover {
    background-color: var(--white);
    color: var(--green);
    border: 2px solid var(--green);
}

@media (min-width:768px) {
    .w-md-auto {
        width: auto !important;
    }

    .we-offer-area {
        background: url(../../../img/Icon.png) no-repeat 0 -80px / 300px;
        position: relative;
    }

    .we-offer-area:before {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        display: block;
        background: url(../../../img/bottom-bg.png) no-repeat 0 0 / 300px;
        width: 300px;
        height: 300px;
        z-index: -1;
    }

    .feature-slider .item {
        width: 48%;
        margin-bottom: 0;
    }

    .feature-slider .item-main {
        padding: 10px;
        display: flex;
        flex-wrap: wrap;
        gap: 25px;
        justify-content: center;
    }
}

@media (max-width:767px) {
    body {
        line-height: 24px;
    }

    .h1 {
        font-size: 40px;
        line-height: 50px;
    }

    .h2 {
        font-size: 32px;
        line-height: 42px
    }

    .h3 {
        font-size: 26px;
        line-height: 36px
    }

    .h4 {
        font-size: 20px;
        line-height: 28px
    }

    p {
        line-height: 24px;
    }

    .order2 {
        order: 2;
    }

    .newslatter-form button {
        width: 100%;
        margin-top: 15px;
        padding: 15px;
        display: block;
    }

    .newslatter-form input {
        max-width: 100%;
        width: 100%;
        margin-right: 0;
    }

    .cat-list h3 {
        font-size: 12px;
        height: 50px;
        word-break: break-all;
        padding: 0 10px;
        line-height: 16px;
    }

    .cat-list img {
        height: 100px;
        /* object-fit: fill; */
        object-fit: cover;
    }

    .info-btn-group a {
        font-size: 14px;
        line-height: 20px;
        font-weight: 600;
    }

    .info-btn {
        width: 100% !important;
        font-size: 14px;
        font-weight: 600;
    }

    .more-btn-big {
        font-size: 16px;
    }

    .icon-box-list h4 {
        font-size: 16px;
        line-height: 24px;
        font-weight: 700;
    }

    .owl-theme .owl-dots .owl-dot span {
        width: 20px;
        height: 20px;
    }

    .feature-slider.owl-theme .owl-dots {
        bottom: -30px;
    }

    .softwer-slider.owl-theme .owl-dots {
        bottom: -20px;
    }
}

/*============================================================*/
/*                    Symlink Technologies                    */
/*============================================================*/
.btn-primary { color: #fff!important; background-color: var(--green); border-color: var(--green);}
.btn-primary:hover{ color: #fff; background-color: var(--green); border-color: var(--green);}

.modal-backdrop{background-color: #fff;}
.modal-backdrop.show{opacity: .8;}
.modal{}
.modal .modal-content{border: 0;box-shadow: rgba(0,0,0,0.1) 0 2px 20px;border-radius: 0.5rem;overflow: hidden;}
.modal .modal-body{}
.modal .modal-body .modal-close{position: absolute;top: 1rem;right: 1rem;border: 0;background-color: transparent;padding: 0;border-radius: 0;z-index: 1;}
.authenticationModal .modal-dialog{max-width: 500px;}
.authenticationModal .modal-body{padding-top: 2rem;}
.authenticationModal .logo{height: 3rem;  margin: 0 auto;}
.authenticationModal .logo a{ display: block; width: 100%; height: 100%; }
.authenticationModal .logo img{width: 100%; height: 100%; object-fit: contain;}
.auth-content{position: relative; padding: 2rem 2rem 0;}
.auth-content .nav.nav-pills{flex-wrap: nowrap; gap: 1rem;}
.auth-content .nav.nav-pills .nav-item{width: 100%;}
.auth-content .nav.nav-pills .nav-link{width: 100%;background-color: var(--light-grey);min-height: 3rem;border-radius: 0.375rem;color: var(--black);font-weight: 500;font-size: 16px;}
.auth-content .nav.nav-pills .nav-link.active{color: var(--white);background-color: var(--green);font-weight: 400;}

.auth-tab-content{position: relative; padding: 2rem 0 1rem;}
.auth-tab-content .title{margin: 0;font-weight: 700;font-size: 32px;text-align: center;}
.auth-tab-content .sub-title{margin: 0;font-weight: 600;font-size: 1rem;text-align: center;}
.auth-tab-content .text{margin: 0;font-weight: 400;font-size: 0.875rem;text-align: center;}
.auth-tab-content .note{margin: 0;font-weight: 400;font-size: 0.875rem;color: var(--grey); font-style: italic;}
.auth-tab-content .form-content{position: relative; padding: 2rem 0 1.5rem;}
.auth-tab-content .form-control{height: 3rem;border-radius: 0.375rem;border-color: #E0E0E0;font-size: 0.875rem;box-shadow: none; transition: all 0.3s ease;}
.auth-tab-content .form-control:focus{border-color: var(--green);}
.auth-tab-content .form-acceptance{font-size: 0.875rem; color: var(--black);}
.auth-tab-content .form-acceptance input{margin: 0 5px 0 0;width: 20px;height: 20px;box-shadow: none;background-color: var(--light-grey);border-color: #e0e0e0; cursor: pointer;}
.auth-tab-content .form-acceptance input:checked{background-color: var(--green);border-color: transparent; }
.auth-tab-content .form-acceptance a{color: var(--orange); text-decoration: underline;}

.auth-tab-content .button{width: 100%;border: 0;background-color: var(--green);height: 3rem;border-radius: 0.375rem;font-size: 1.1rem;color: var(--white);font-weight: 500;transition: all 0.3s ease;}
.auth-tab-content .button:hover{background-color: var(--orange);}
.auth-tab-content .link{color: var(--orange);border: 0;padding: 0;background-color: transparent;text-decoration: underline;font-size: 0.875rem; font-weight: 500;}
.auth-tab-content .form-footer{display: flex;flex-direction: column;justify-content: center;align-items: center;font-size: 0.875rem;font-weight: 400;color: var(--grey);}
.auth-tab-content .form-footer a{color: var(--grey); font-style: italic;}
.auth-tab-content .form-footer a:hover{color: var(--black);}

.show-entries{font-size: 0.875rem;font-weight: 400;display: flex;align-items: center;gap: 0.5rem; line-height: 20px;}
.show-entries select{height: 2.5rem;border-radius: 0.375rem;border-color: #E0E0E0;font-size: 0.875rem;box-shadow: none;transition: all 0.3s ease;    padding: 0.5rem 1.5rem;}

.form-select.form-control{height: 3rem;border-radius: 0.375rem;border-color: #E0E0E0;font-size: 0.875rem;box-shadow: none;transition: all 0.3s ease;padding: 0.5rem 1.5rem; font-weight: 600;}



.deals .btn-link{font-size: 0.875rem; color: var(--orange); padding-left: 0; padding-right: 0;font-weight: 500;}

.subcategory-item{position: relative;width: 100%;padding: 1.5rem;background-color: var(--white);box-shadow: rgba(0,0,0,0.1) 0 2px 10px;border-radius: 0.25rem;overflow: hidden;border-bottom: 4px solid var(--green);display: flex; flex-direction: column;}
.subcategory-item.alt-border{border-color: var(--orange);}
.subcategory-item .subcategory-header{display: flex;}
.subcategory-item .subcategory-logo{width: 80px;height: 80px;overflow: hidden;flex-shrink: 0;}
.subcategory-item .subcategory-logo img{width: 100%;height: 100%;object-fit: cover;}
.subcategory-item .subcategory-info{position: relative;width: 100%;flex-shrink: 1;display: flex;flex-direction: column;justify-content: center;padding: 0 1rem;}
.subcategory-item .subcategory-data{font-size: 0.75rem;color: var(--grey);font-weight: 400;line-height: 1;margin: 0.25rem 0;}
.subcategory-item .subcategory-data span{color: var(--black);font-weight: 500;}
.subcategory-item .subcategory-ad{position: absolute;top: -0.5rem;right: -0.5rem;height: 1.25rem;background-color: var(--green);display: flex;align-items: center;justify-content: center;padding: 0.25rem;line-height: 1;border-radius: 0.125rem;color: var(--white);font-size: 0.75rem;font-weight: 500;}
.subcategory-item .subcategory-ad.alt{right: 1rem;}
.subcategory-item .custom-checkbox{position: absolute;display: inline-block;margin: auto;top: -0.5rem;right: -0.5rem;z-index: 1;}
.subcategory-item .custom-checkbox .custom-checkbox-input{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 1;cursor: pointer;}
.subcategory-item .custom-checkbox .custom-checkbox-label{position: relative;width: 1.25rem;height: 1.25rem;display: flex;align-items: center;justify-content: center;background-color: var(--light-grey);border: 1px solid #e0e0e0; transition: all 0.3s ease;}
.subcategory-item .custom-checkbox .custom-checkbox-label:before{content:'\f00c'; font-family: 'Font Awesome 6 Pro';opacity: 0; color: var(--white); transition: all 0.3s ease;}
.subcategory-item .custom-checkbox .custom-checkbox-input:checked ~ .custom-checkbox-label{ background-color: var(--bs-primary); border-color: transparent;}
.subcategory-item .custom-checkbox .custom-checkbox-input:checked ~ .custom-checkbox-label:before{opacity: 1;}

.subcategory-item .subcategory-body{position: relative; padding: 1rem 0 0;height: calc(100% - 80px);display: flex;flex-direction: column;}
.subcategory-item .subcategory-summary{position: relative;min-height: 5rem;margin: 0 0 1rem;}
.subcategory-item .subcategory-summary-label{font-size: 0.75rem;font-weight: 600;color: var(--black);line-height: 1;margin: 0 0 0.25rem;}
.subcategory-item .subcategory-summary-data{font-size: 0.75rem;color: var(--black);font-weight: 400;line-height: 1.4;}
.subcategory-item .subcategory-actions{display: flex;margin: auto 0 0;gap: 0.5rem;}
.subcategory-item .subcategory-actions button{font-size: 0.75rem;padding:0 0.75rem;white-space: nowrap;width: 100%;border: 0;background-color: var(--bs-primary);color: var(--white);height: 2rem;border-radius: 0.25rem;}
.subcategory-item .subcategory-actions button.infoBtn{background-color: var(--orange);}
.subcategory-item .subcategory-actions button.programsBtn{background-color: var(--green);}
.subcategory-item .subcategory-actions button.contactBtn{background-color: var(--bs-primary);}

.subcategory-add-ad{position: relative;width: 100%;padding: 2rem;background-color: var(--white);box-shadow: rgba(0,0,0,0.1) 0 2px 10px;border-radius: 0.25rem;overflow: hidden;border-bottom: 4px solid var(--green);display: flex;flex-direction: column;justify-content: center;}
.subcategory-add-ad .subcategory-add-title{font-size: 1.25rem;font-weight: 500;color: var(--black);line-height: 1.4;text-align: center;text-transform: uppercase;}
.subcategory-add-ad .subcategory-add-action{display: flex;margin: 1rem 0 0;justify-content: center;}
.subcategory-add-ad .subcategory-add-action .btn-action{font-size: 0.75rem;padding: 0 0.75rem;white-space: nowrap;border: 0;background-color: var(--orange);color: var(--white);height: 2rem;border-radius: 0.25rem;display: flex;align-items: center;justify-content: center;}

/* ================ buddhadev ================ */
/* table>tbody>tr td:first-child{border-left:3px solid transparent}
table>tbody>tr:hover td:first-child{border-left:3px solid var(--orange)} */
.user-avatar-sec-dropdown:has(.dropdown-menu.show) .user-avatar-sec:after{transform: rotate(180deg);}
.user-avatar-sec:hover,
.user-avatar-sec{background-color: transparent!important;border:none!important;color:#89898B!important}
.user-avatar-sec:active:focus{box-shadow:none}
.user-avatar-sec:after{color: var(--green);transition: 0.30s all ease;}
.user-imgbox,
.user-avatar {width:35px;height:35px;min-width: 35px;background-color: var(--orange);border-radius: 50%;color: white;}
.user-avatar-sec-dropdown .dropdown-item:hover{background-color: var(--orange);color: var(--white);}
.deal-status.success {border-color: var(--green) !important;color: var(--green) !important;}
.deal-status.warning {border-color: var(--orange) !important;color: var(--orange) !important;}
.deal-status.danger {border-color: #DB2323 !important;color: #DB2323 !important;}
.deal-status.info {border-color: #0D6EFD !important;color: #0D6EFD !important;}
.deal-status.prepare {border-color: #528A29 !important;color: #528A29 !important;}

select.form-control,
.form-select{background-image:url(/assets/images/caret_down.svg);background-size:10px;background-repeat: no-repeat!important;background-position: right 0.75rem center!important;}
button.modal-close{background-color: transparent!important;}
.section-padding{padding-top: 30px;}
.whitespace-nowrap{white-space: nowrap;}
textarea{padding: 10px!important;}
.header-title {flex-wrap: wrap;}
.header-title .btn{
    white-space: nowrap;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    padding: 7px 30px;
    text-transform: uppercase;
}
/* .header-title .title h2{white-space: nowrap;} */

/* ==============FAQ PAGE============== */
.faq-sec .accordion-button:focus,
.faq-sec .accordion-button:not(.collapsed){background-color: transparent!important;box-shadow: none!important;}
.faq-sec .accordion-button{font-weight: 500;}
.faq-sec .accordion-button:not(.collapsed){color: var(--green);}
.faq-sec .accordion-item{transition: 0.30s all ease;}
.faq-sec .accordion-item .accordion-collapse{border-bottom: 5px solid var(--orange);}
.faq-sec .accordion-item{border-radius: 5px;overflow: hidden;}
.faq-sec .accordion-item:has(.accordion-button.collapsed){border: 1px solid #f3f3f3;}
.faq-sec .accordion-item:has(.accordion-button:not(.collapsed)){border:0!important;box-shadow: 0 0px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);;}
.faq-sec .accordion-button:after{background-size: 15px!important;display: flex!important;justify-content: center!important;align-items: center!important;}
.faq-sec .accordion-button.collapsed::after{background-image:url("/assets/images/caret_down.svg");}
.faq-sec .accordion-button:not(.collapsed)::after{background-image:url("/assets/images/caret_down.svg");transform: rotate(60deg);filter: hue-rotate(52deg);}

/* ================ ALL DEALS PAGE ================ */
.add-modal h5.modal-title{font-size:24px;font-weight:700}
.add-modal .modal-body{padding:0;margin:0 28px!important}
.add-modal .card-btn{white-space:nowrap;background-color:var(--green);color:var(--white);border-radius:5px;font-weight:600;border:2px solid transparent;padding:12px 30px}
.add-modal form input.form-control{padding:11px 18px}
.add-modal .attachment{height:54px;border:1px solid #E2E2E2;border-radius:5px}
.add-modal .attachment .icon{background-color:#F2F2F2;min-width:180px;max-width:180px;font-size:16px}
.add-modal .attachment .close-btn{background-color:#DB2323;border-radius:50%;height:15px;width:15px;font-size:10px;cursor:pointer}
.add-modal .attachment .icon>span:last-child{color:#0D6EFD;text-decoration:underline}
.add-modal .attachment>div{top:0;left:0}
.add-modal .attachment>div.input-file{opacity:0;min-width:180px;max-width:180px}
.scrollbar-smooth::-webkit-scrollbar{width:7px;background:linear-gradient(90deg,white 40%,#E2E2E2 40%,#E2E2E2 60%,white 60%)}
.scrollbar-smooth::-webkit-scrollbar-track{height:100%}
.scrollbar-smooth::-webkit-scrollbar-thumb{background:#79C144!important;height:7px;width:40px;border-radius:1px}
.scrollbar-smooth::-webkit-scrollbar-thumb:hover{background:#79C144!important;}
/* .modal-dialog-scrollable .modal-body{overflow-y:auto} */
.my-deals-section{padding:30px 0}
.dataTables_wrapper .dataTables_paginate{padding-top:1.25em}
#g-recaptcha-response{display:block!important;position:absolute;margin:-78px 0 0!important;width:302px!important;height:76px!important;z-index:-999999;opacity:0}
.order-form .free-consult{position:relative;width:100%;z-index:999999;padding:20px 0 0;background-size:cover;background-repeat:no-repeat}
.btn-deal-status{border:1px solid black;background-color:white;color:black;font-size:12px;white-space:nowrap;border-radius:3px;padding:5px;color:#79C144;font-weight:500}
.deal-status.success {
    border-color: var(--green) !important;
    color: var(--green) !important;
  }

  .deal-status.warning {
    border-color: var(--orange) !important;
    color: var(--orange) !important;
  }

  .deal-status.danger {
    border-color: #DB2323 !important;
    color: #DB2323 !important;
  }

  .deal-status.info {
    border-color: #0D6EFD !important;
    color: #0D6EFD !important;
  }

  .deal-status.prepare {
    border-color: #528A29 !important;
    color: #528A29 !important;
  }

.deal-status{border-color:lightgreen!important}
.custom-tab-deals .nav-pills .nav-link{border-radius:5px 5px 0 0;background:#f2f2f2;color:#212529;text-transform:capitalize;font-weight:400;font-size:16px;transition-duration:300ms}
.custom-tab-deals .nav-pills .nav-link.active{background:#79C144;color:#fff;font-weight:600}
.custom-tab-deals .custom-label{font-size:14px;font-weight:400;color:#000000}
.custom-tab-deals .form-select{font-weight:500;font-size:.875rem;height:48px;border-color:#E2E2E2;border-radius:5px}
/* .my-deals-section thead tr{background:#EF941F;color:#fff;border-radius:5px}
.my-deals-section thead tr th{white-space:nowrap;padding:10px 5px;text-transform:uppercase;font-size:12px;font-weight:600}
.my-deals-section thead tr th:first-child{border-radius:5px 0 0 5px;padding:10px 20px}
.my-deals-section thead tr th:last-child{border-radius:0 5px 5px 0;padding:10px 20px}
.my-deals-section tbody tr td{font-size:12px;font-weight:400;padding:10px 5px;line-height:1;vertical-align:middle}
.my-deals-section tbody tr td:first-child{padding:10px 20px}
.my-deals-section tbody tr td:last-child{padding:10px 20px} */
.my-deals-section .i-img{width:16px;height:16px}
.my-deals-section .i-img img{width:100%;height:100%}
.my-deals-section .bg-deal{background:#79C144;color:#fff;text-transform:uppercase}
.my-deals-section .submit .btn-link{border:1px solid;border-color:lightgreen;background-color:white;color:black;font-size:12px;cursor:pointer;white-space:nowrap;border-radius:3px;padding:5px;color:#79C144;font-weight:500;background:#79C144;color:#fff;text-transform:uppercase;text-decoration:none}
.my-deals-section .table>:not(caption) th{padding:1rem 0.5rem!important;}
/* .custom-tab-deals .table tbody{border:1px solid #e2e2e2} */
/* .custom-tab-deals .table>:not(:last-child)>:last-child>*{border-bottom-color:#e2e2e2} */
/* .custom-tab-deals .table-hover>tbody>tr:hover{background:#fff!important;box-shadow:0 0 18px 0 rgba(0,0,0,0.10);border-left:3px solid #EF941F;transition-duration:300ms} */
.custom-file-input{width:100%;border:1px solid #E2E2E2;border-radius:5px;position:relative;font-weight:400;line-height:1.5;font-size:16px}
.custom-file-input label{padding:12px 20px;background-color:#f2f2f2}
.custom-file-input input[type='file']{position:absolute;width:100%;height:100%;top:0;z-index:1;opacity:0}
.custom-file-input span{color:#89898b;display:inline-block;padding:8px 10px}
.custom-file-input label{color:#0D6EFD;text-align:center;font-family:Poppins;font-size:14px;font-style:normal;font-weight:600;line-height:20px;text-decoration:underline}
.custom-file-input label i{color:var(--orange);margin-right:8px}
.custom-file-input .fileName{color:#212529;text-align:center;font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;line-height:24px}
.custom-file-input .dcOpen{color:#79C144}
.custom-file-input .dcClose{color:#DB2323}
.custom-file-input .icon-sec:not(.active) a i{color: #f3f3f3;}
#openContractSubmitModal .modal-body{padding:35px 75px}
#openContractSubmitModal .submit-btn{padding:15px 30px;width:100%;box-shadow:none;color:#FFF;text-align:center;font-size:16px;font-style:normal;font-weight:600;line-height:1.5;text-transform:uppercase}
#openContractSubmitModal textarea{border-radius:5px;border:1px solid #E2E2E2;padding:15px 20px;height:134px;resize:none}
.contract-modal .modal-wrapper{background-color:transparent!important}
.contract-modal .submit-btn{padding:10px 15px!important;border-color:#79c144}
.contract-modal .form-control{padding:6px}
.contract-modal .modal-body{max-height:auto;overflow-y:auto;background-color:#fff!important;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.contract-modal .modal-close{font-size:1.5rem;line-height:1;color:#000!important}
.contract-modal .signature-pad{padding:16px;background:#f1f1f1;border-radius:4px}
.contract-modal .signature-pad .signature-pad--body{border:1px solid #cbcbcb}
.contract-modal .signature-pad .signature-pad--footer .description{font-size:12px;text-align:center;margin-top:5px}
.contract-modal .btn-sign{font-size:12px;padding:5px 8px!important;border-radius:3px!important;background-color:#6c757d!important;margin-top:5px!important;font-weight:400}
.modal .modal-header .btn-close{background-color:var(--orange);background-image:none;color:white;padding:2px;opacity:1}
.inquire-modal .form-control{padding:15px 20px;border-radius:5px;border:1px solid #E2E2E2!important;color:#212529;font-size:16px;font-style:normal;font-weight:400;line-height:1.5;box-shadow:none}
.inquire-modal .form-row{margin-bottom:20px}
.inquire-modal textarea{height:134px;resize:none}
.inquire-modal .custom-btn-primary{padding:15px 30px;width:100%;box-shadow:none;color:#FFF;text-align:center;font-family:Poppins;font-size:16px;font-style:normal;font-weight:600;line-height:1.5;text-transform:uppercase}
.inquire-modal.modal .modal-body{margin: 0 30px;}
.inquire-modal .modal-title{color:#212529;text-align:center;font-family:Poppins;font-size:24px;font-style:normal;font-weight:700;line-height:32px}
.my-deals-section .form-select{background-image:url(/assets/images/caret_down.svg);background-size:10px}

.my-deals-section .form-select:focus {background-image:url(/assets/images/caret_up.svg)}


.attachmentspan p{margin-bottom:0}
#modaldetails .icon{color:var(--orange);font-size:18px}
#modaldetails .modal-title{color:#212529;text-align:center;font-family:Poppins;font-size:24px;font-style:normal;font-weight:700;line-height:32px}
#openContractSubmitModal .modal-title{color:#212529;text-align:center;font-family:Poppins;font-size:24px;font-style:normal;font-weight:700;line-height:32px}
.inquiry-modal .modal-body,#modaldetails .modal-body{border-top:1px solid #F2F2F2}
#openContractSubmitModal .inputFile{border-radius:5px;border:1px solid #E2E2E2;height:44px}
#openContractSubmitModal .form-row{margin-bottom:20px}
/* .scrollbar-smooth::-webkit-scrollbar{width:7px;background:linear-gradient(90deg,white 40%,#E2E2E2 40%,#E2E2E2 60%,white 60%)}
.scrollbar-smooth::-webkit-scrollbar-track{height:100%} */
/* .scrollbar-smooth::-webkit-scrollbar-thumb{background:#79C144;height:7px;width:40px;border-radius:1px}
.scrollbar-smooth::-webkit-scrollbar-thumb:hover{background:#79C144} */
/* .modal-dialog-scrollable{height:80%} */
@media only screen and (min-width: 600px) {
.inquire-modal .modal-dialog,#openContractSubmitModal .modal-dialog,#modaldetails .modal-dialog{max-width:600px;display:flex;align-items:center;justify-content:center}
}

/* ================ MY DEAL PAGE ================ */

.my-deals-section{padding:30px 0}
/* .my-deals-section thead tr th:first-child{border-radius:5px 0 0 5px;padding:10px 20px}
.my-deals-section thead tr th:last-child{border-radius:0 5px 5px 0;padding:10px 20px}
.my-deals-section tbody tr td:first-child{padding:10px 20px}
.my-deals-section tbody tr td:last-child{padding:10px 20px}
.my-deals-section tbody tr td{font-size:12px;font-weight:400;padding:10px 5px;line-height:1;vertical-align:middle}
.my-deals-section thead tr{background:#EF941F;color:#fff;border-radius:5px}
.my-deals-section thead tr th{white-space:nowrap;padding:10px 5px;text-transform:uppercase;font-size:12px;font-weight:600} */
.my-deals-section .i-img{width:16px;height:16px}
.my-deals-section .i-img img{width:100%;height:100%}
.btn-deal-status{border:1px solid #79C144;background-color:#fff;color:#000;font-size:14px;white-space:nowrap;border-radius:3px;padding:5px 10px;color:#79C144;font-weight:600; line-height: 20px; text-align: center;}
.deal-status{border-color:#90ee90!important;color:green}
.my-deals-section .bg-deal{background:#79C144;color:#fff;text-transform:uppercase}
.my-deals-section .form-select{background-image:url(/assets/images/caret_down.svg);background-size:10px}
.my-deals-section .details .btn-link{min-width:100px;max-width:100px;border:1px solid;border-color:#90ee90;color:#000;font-size:12px;cursor:pointer;white-space:nowrap;border-radius:3px;padding:5px;color:#79C144;font-weight:500;background:#79C144;color:#fff;text-transform:uppercase;text-decoration:none}
.my-deals-section td.details{width: 140px;}
.custom-tab-deals .nav-pills .nav-link{border-radius:5px 5px 0 0;background:#f2f2f2;color:#212529;text-transform:capitalize;font-weight:400;font-size:16px;transition-duration:300ms}
.custom-tab-deals .nav-pills .nav-link.active{background:#79C144;color:#fff;font-weight:600}
.custom-tab-deals .custom-label{font-size:14px;font-weight:400;color:#000}
/* .my-deals-section tbody tr td a{color:#212529} */
.infomodal-content h5{color:#212529;font-size:24px!important;font-style:normal;font-weight:700!important}
.infomodal-content h6{color:#212529;font-size:16px;font-weight:500;text-decoration-line:underline;text-transform:uppercase}
.infomodal-content span div{border:none!important}
/* .infomodal-content table{border-color:transparent!important}
.infomodal-content thead tr{background:#EF941F;color:#fff;border-radius:5px}
.infomodal-content thead tr th:first-child{border-radius:5px 0 0 5px;padding:10px 20px}
.infomodal-content thead tr th:last-child{border-radius:0 5px 5px 0;padding:10px 20px}
.infomodal-content thead tr th{white-space:nowrap;padding:10px 5px;text-transform:uppercase;font-size:12px;font-weight:600}
.infomodal-content tbody tr td{font-size:12px;font-weight:400;padding:10px 5px;line-height:1;vertical-align:middle} */
.infomodal .modal-title{color:#212529;text-align:center;font-family:Poppins;font-size:24px;font-style:normal;font-weight:700;line-height:32px}

/* .scrollbar-smooth::-webkit-scrollbar{width:7px;background:linear-gradient(90deg,white 40%,#E2E2E2 40%,#E2E2E2 60%,white 60%)}
.scrollbar-smooth::-webkit-scrollbar-track{height:100%} */
/* .scrollbar-smooth::-webkit-scrollbar-thumb{background:#79C144;height:7px;width:40px;border-radius:1px}
.scrollbar-smooth::-webkit-scrollbar-thumb:hover{background:#79C144} */
/* .modal-dialog-scrollable{height:80%} */
.infomodal-content p{padding:0 50px}
.attachmentspan p{margin-bottom:0;padding:0}
#infomodal .icon{color:var(--orange);font-size:18px}
.modal-wrapper{left:0!important;right:0;width:94%!important;margin:0 auto!important;top:2em}
button.modal-close-btn,.submit-btn{background-color:var(--green);padding:12px 30px;border:1px solid transparent;color:white;border-radius:5px}
.form-control{border-radius:.375rem;border-color:#E0E0E0;font-size:.875rem;box-shadow:none;transition:all .3s ease;padding:0 .5rem;}
.form-control:not(textarea.form-control){height:2.6rem}
.form-control:focus{outline:0;box-shadow:none}
.add-modal h5.modal-title{font-size:24px;font-weight:700}
.add-modal .modal-body{padding:0;margin:0 28px!important}
.add-modal .card-btn{white-space:nowrap;background-color:var(--green);color:var(--white);border-radius:5px;font-weight:600;border:2px solid transparent;padding:12px 30px}
.add-modal form input.form-control{padding:11px 18px}
.add-modal .attachment{height:54px;border:1px solid #E2E2E2;border-radius:5px}
.add-modal .attachment .icon{background-color:#F2F2F2;min-width:180px;max-width:180px;font-size:16px}
.add-modal .attachment .close-btn{background-color:#DB2323;border-radius:50%;height:15px;width:15px;font-size:10px;cursor:pointer}
.add-modal .attachment .icon>span:last-child{color:#0D6EFD;text-decoration:underline}
.add-modal .attachment>div{top:0;left:0}
.add-modal .attachment>div.input-file{opacity:0;min-width:180px;max-width:180px}
h5.modal-title{font-size:24px;font-weight:700}
/* .inquiries-modal thead tr th:first-child{border-radius:5px 0 0 5px;padding:10px 20px}
.inquiries-modal thead tr th:last-child{border-radius:0 5px 5px 0;padding:10px 20px}
.inquiries-modal tbody tr td:first-child{padding:10px 20px}
.inquiries-modal tbody tr td:last-child{padding:10px 20px}
.inquiries-modal tbody tr td{font-size:12px;font-weight:400;padding:10px 5px;line-height:1;vertical-align:middle}
.inquiries-modal thead tr{background:#EF941F;color:#fff;border-radius:5px}
.inquiries-modal thead tr th{white-space:nowrap;padding:10px 5px;text-transform:uppercase;font-size:12px;font-weight:600} */
.details-modal{z-index:1061}









/* ================ PROVIDER PAGE ================ */
h5.modal-title{font-size:24px;font-weight:700}
/* .scrollbar-smooth::-webkit-scrollbar{width:7px;background:linear-gradient(90deg,white 40%,#E2E2E2 40%,#E2E2E2 60%,white 60%)}
.scrollbar-smooth::-webkit-scrollbar-track{height:100%}
.scrollbar-smooth::-webkit-scrollbar-thumb{background:#79C144;height:7px;width:40px;border-radius:1px}
.scrollbar-smooth::-webkit-scrollbar-thumb:hover{background:#79C144} */
.add-provider-modal .attachment{height:48px;border:1px solid #e2e2e2;border-radius:5px}
.add-provider-modal .attachment .icon{background-color:#f2f2f2;min-width:180px;max-width:180px;font-size:16px}
.add-provider-modal .attachment .close-btn{background-color:#db2323;border-radius:50%;height:15px;width:15px;font-size:10px;cursor:pointer}
.add-provider-modal .attachment .icon>span:last-child{color:#0d6efd;text-decoration:underline}
.add-provider-modal .attachment .file-name{background-color:white}
.add-provider-modal .attachment>div{top:0;left:0}
.add-provider-modal .attachment>div.input-file{opacity:0;min-width:180px;max-width:180px}
.add-provider-modal .form-control{border-radius:.375rem;border-color:#e0e0e0;font-size:.875rem;box-shadow:none;transition:all .3s ease;padding:0 .5rem;padding:12px 25px}
.add-provider-modal .form-control:not(textarea.form-control){height:3rem}
.add-provider-modal .form-control:focus{outline:0;box-shadow:none}
.add-provider-modal .second-sec{background-color:#f6f6f6}
.add-provider-modal .forth-sec>div:not(:first-child)>div>div{background-color:#f6f6f6;border-radius:5px}
.info-modal .modal-body,.programs-modal .modal-body{margin:0 27px}
.modal-body h5{font-size:16px;font-weight:600}
.attachment .icon{color:var(--orange);font-size:18px}
.attachment .lebel{color:var(--blue);text-decoration:underline;font-size:14px;font-weight:600}
.submit-btn{background-color:var(--green);color:white}
.sub-cat-lavel-wrap-1{border:1px solid #ccc;padding:15px;margin:8px}
.input-file-clear{background:#fff;border-left:0}
.input-group input[type="file"]{border-right-color:transparent}
.input-file-clear span{background-color:#db2323;border-radius:50%;height:15px;width:15px;font-size:10px;cursor:pointer;display:inline-block;color:#fff}

/* ==============client-buyer-req=============== */

/* .client-buyer-req thead tr{background:#EF941F;color:#fff;border-radius:5px}
.client-buyer-req thead tr th{white-space:nowrap;padding:10px 5px;text-transform:uppercase;font-size:12px;font-weight:600}
.client-buyer-req thead tr th:first-child{border-radius:5px 0 0 5px;padding:10px 20px}
.client-buyer-req thead tr th:last-child{border-radius:0 5px 5px 0;padding:10px 20px}
.client-buyer-req tbody tr td{font-size:12px;font-weight:400;padding:10px 5px;line-height:1;vertical-align:middle}
.client-buyer-req tbody tr td:first-child{padding:10px 20px}
.client-buyer-req tbody tr td:last-child{padding:10px 20px} */
.client-buyer-req .i-img{width:20px;height:20px}
.client-buyer-req .i-img img{width:100%;height:100%}
.client-buyer-req .bg-deal{background:#79C144;color:#fff;text-transform:uppercase}
/* .table tbody{border:1px solid #e2e2e2} */
.client-buyer-req .table>:not(:last-child)>:last-child>*{border-bottom-color:#e2e2e2}
/* .client-buyer-req .table-hover>tbody>tr:hover{background:#fff!important;box-shadow:0 0 18px 0 rgba(0,0,0,0.10);border-left:3px solid #EF941F;transition-duration:300ms} */
.client-buyer-req button.add-btn{white-space:nowrap;background-color:var(--green);color:var(--white);border-radius:5px;font-weight:600;border:2px solid transparent;padding:12px 30px}
.title>h2{font-size:24px;font-weight:700}
.client-buyer-req .nav-pills .nav-link.active{background:#79C144;color:#fff;font-weight:600}
.client-buyer-req .nav-pills .nav-link{border-radius:5px 5px 0 0;background:#f2f2f2;color:#212529;text-transform:capitalize;font-weight:400;font-size:16px;transition-duration:300ms}
.client-buyer-req .nav.nav-pills{border-color:var(--light-gray-2)}
.client-buyer-req .client-buyer-table .dataTables_length{width:25%;margin-bottom:20px}
.client-buyer-req .client-buyer-table .dataTables_length label{width:100%;display:flex;align-items:center}
.client-buyer-req .client-buyer-table .dataTables_length select{background-image:url(/assets/images/caret_down.svg);background-size:10px;background-color:#fff;background-repeat:no-repeat;background-position:right .75rem center;background-size:10px;height:3rem;border-radius:.375rem;border-color:#E0E0E0;font-size:.875rem;box-shadow:none;transition:all .3s ease;padding:0 .5rem;display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;-moz-padding-start:calc(0.75rem - 3px);font-size:1rem;font-weight:400;line-height:1.5;color:#212529;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0 10px}
.client-buyer-req .modal .modal-header .btn-close{background-color:var(--orange);background-image:none;color:white;padding:2px;opacity:1}
.client-buyer-req .provider-modal h5.modal-title{font-size:24px;font-weight:700}
@media only screen and (min-width: 576px) {
.client-buyer-req .provider-modal .modal-dialog{max-width:600px!important}
}
.client-buyer-req .provider-modal .modal-body{border-top:1px solid #F2F2F2;padding:0;margin:0 28px!important}
.client-buyer-req .provider-modal .modal-body form input,.client-buyer-req .provider-modal .modal-body form textarea{border:1px solid #e2e2e2;padding:15px 20px}
.client-buyer-req .provider-modal .modal-body form input::placeholder,.client-buyer-req .provider-modal .modal-body form textarea::placeholder{color:#212529}
.client-buyer-req .provider-modal .modal-body .inquiries h5{font-size:16px;font-weight:600}
.client-buyer-req .inquiry-modal .modal-body{border-top:1px solid #F2F2F2;border-right:1px solid #F2F2F2;height:500px;padding:0;margin:0 27px}
.client-buyer-req .inquiry-modal .modal-body .title h5{font-size:16px;font-weight:600}
.client-buyer-req .inquiry-modal .modal-body .contant p{font-size:16px;font-weight:400;line-height:24px}
.client-buyer-req .attachment .icon{color:var(--orange);font-size:18px}
.client-buyer-req .attachment .lebel{color:var(--blue);text-decoration:underline;font-size:14px;font-weight:600}
.client-buyer-req .add-modal h5.modal-title{font-size:24px;font-weight:700}
.client-buyer-req .add-modal .modal-body{padding:0;margin:0 28px!important}
.client-buyer-req .add-modal .card-btn{white-space:nowrap;background-color:var(--green);color:var(--white);border-radius:5px;font-weight:600;border:2px solid transparent;padding:12px 30px}
.client-buyer-req .add-modal form input.form-control{padding:11px 18px}
.client-buyer-req .add-modal .attachment{height:54px;border:1px solid #E2E2E2;border-radius:5px}
.client-buyer-req .add-modal .attachment .icon{background-color:#F2F2F2;min-width:180px;max-width:180px;font-size:16px}
.client-buyer-req .add-modal .attachment .close-btn{background-color:#DB2323;border-radius:50%;height:15px;width:15px;font-size:10px;cursor:pointer}
.client-buyer-req .add-modal .attachment .icon>span:last-child{color:#0D6EFD;text-decoration:underline}
.client-buyer-req .add-modal .attachment>div{top:0;left:0}
.client-buyer-req .add-modal .attachment>div.input-file{opacity:0;min-width:180px;max-width:180px}
/* .client-buyer-req .scrollbar-smooth::-webkit-scrollbar{width:7px;background:linear-gradient(90deg,white 40%,#E2E2E2 40%,#E2E2E2 60%,white 60%)}
.client-buyer-req .scrollbar-smooth::-webkit-scrollbar-track{height:100%}
.client-buyer-req .scrollbar-smooth::-webkit-scrollbar-thumb{background:#79C144;height:7px;width:40px;border-radius:1px}
.client-buyer-req .scrollbar-smooth::-webkit-scrollbar-thumb:hover{background:#79C144} */

/* ------------my provider sec------------ */

.my-providers-sec .modal-wrapper{left:0!important;right:0;width:94%!important;margin:0 auto!important;top:2em}
.my-providers-sec .btn-deal-status{border:1px solid #000!important;background-color:#fff;color:#000;font-size:16px;cursor:pointer}
.my-providers-sec .deal-status{border-color:#90ee90!important;color:green}
.my-providers-sec .nav-tabs{gap:10px;}
.my-providers-sec .nav-tabs .nav-link {border-radius: 5px 5px 0 0;background: #f2f2f2;color: #212529;text-transform: capitalize;font-weight: 400;font-size: 16px;transition-duration: 300ms;}
.my-providers-sec .nav-tabs .nav-link.active {background: #79C144;color: #fff;font-weight: 600;}
/* .my-providers-sec thead tr {background: #EF941F;color: #fff;border-radius: 5px;}
.my-providers-sec thead tr th{white-space:nowrap;padding:10px 5px;text-transform:uppercase;font-size:14px;font-weight:700}
.my-providers-sec thead tr th:first-child{border-radius:5px 0 0 5px;padding:10px 20px}
.my-providers-sec thead tr th:last-child{border-radius:0 5px 5px 0;padding:10px 20px}
.my-providers-sec tbody tr td{font-size:14px;font-weight:400;padding:20px 5px;line-height:1;vertical-align:middle}
.my-providers-sec tbody tr td:first-child,.deals tbody tr td:last-child{padding:10px 20px}
.my-providers-sec .table>tbody>tr:hover {background: #fff !important;box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.10);transition-duration: 300ms;}
.my-providers-sec .table>tbody>tr:hover td:first-child {border-left: 3px solid #EF941F;transition-duration: 300ms;}
.my-providers-sec tbody tr td a:not(a.btn),
.my-providers-sec tbody tr td a:not(a.btn-sm){color:#212529} */



/* ------------table design----------- */

.table-bordered>:not(caption)>*>*{border-width:inherit}
table{border-collapse:separate;border-spacing:0}
th{border-width:0!important;white-space:nowrap;background:var(--orange)!important;color:white;font-size: 14px;font-weight: 700;}
th:first-child{border-radius:5px 0 0 5px}
th:last-child{border-radius:0 5px 5px 0}
tbody::before{line-height:20px;content:".";color:transparent;display:block}
tbody tr td{border:1px solid var(--light-grey-3);border-width:1px 0}
tbody tr:not(tbody tr:first-child) td{border-top-width:0}
tbody tr td:first-child{border-left-width:1px}
tbody tr td:last-child{border-right-width:1px}
tbody tr:first-child td:first-child{border-radius:5px 0 0 0}
tbody tr:first-child td:last-child{border-radius:0 5px 0 0}
tbody tr:last-child td:first-child{border-radius:0 0 0 5px}
tbody tr:last-child td:last-child{border-radius:0 0 5px 0}
.table>:not(:last-child)>:last-child>*{border-bottom-color:inherit}
tbody tr td:has(div){padding:0!important;min-height:70px;max-height:1000px}
tbody td > div{border-left:5px solid transparent;height:78%;margin:8px 0;padding:10px;display:flex;flex-direction:column;justify-content:center; position: relative;}
tbody tr:hover td:first-child > div{border-left-color:var(--orange);border-radius:5px 0 0 5px}
tbody tr:hover{--bs-table-accent-bg:transparent!important}
/* SR */
/* tbody tr:hover td > div{background-color:white}
tbody tr:hover:has(td > div){background:linear-gradient(0deg,rgba(255,255,255,1) 0%,rgba(226,226,226,1) 50%,rgba(255,255,255,1) 100%)} */

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

.info-modal .close-btn{background-color: var(--green);border-radius: 5px;border-color: transparent;outline: 0;color: white;}

/* -----------contact us page------------ */

.contact-us > div{margin: 40px auto;}



/* -------infomodal----------- */

.attachmentspan7 > h5 ~ div > .row > div:nth-child(odd) > table th{background-color: var(--orange)!important;}
.attachmentspan7 > h5 ~ div > .row > div:nth-child(even) > table th{background-color: var(--green)!important;}

/* ========== message room =========== */

.message .deal-chain-wrap{display:flex}
.message .deal-chain-item{display:block;padding:12px;border:1px solid #0d6efd;line-height:1;font-weight:600;margin:5px;cursor:pointer;text-decoration:none}
.message .deal-chain-item:hover{border-color:#0a58ca}
.message .tab-content-wrap{padding:25px 0;max-height:300px;overflow:auto}
.message .input-attachment{width:40px;height:40px;position:relative;margin:10px}
.message .input-attachment label{width:40px;height:40px;padding:8px;background:#ccc;border-radius:5px;cursor:pointer;background-color:var(--orange)}
.message .input-attachment label img{width:100%;height:100%;object-fit:contain;object-position:center center;filter: invert(1)}
.message .input-attachment input[type="file"]{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;visibility:hidden}
.message .input-send{width:40px;height:40px;margin:10px}
.message .input-send button{border-radius: 5px;height:100%;padding:10px;background:#79c144;outline:none;border:none;display:flex;align-items:center;justify-content:center;color:#fff}
.message .input-send button:disabled{background:#b6e693}
.message .input-send button img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center;filter:invert(1)}
.message .input-box{width:calc(100% - 100px);margin:0 10px}
.message .send-message-wrap{display:flex;align-items:center;margin:0 -10px}
.message .message-send-sec{background-color:#f2f2f2;padding:15px 3rem!important;}
.message .active-file{width:8px;height:8px;background:#79c144;border-radius:50%;position:absolute;top:-3px;left:50%;transform:translateX(-50%);display:none}
.message .active-file.active{display:block}
.message .nav-tabs{gap:10px;}
.message .nav-tabs .nav-link {border-radius: 5px 5px 0 0;background: #f2f2f2;color: #212529;text-transform: capitalize;font-weight: 400;font-size: 16px;transition-duration: 300ms;}
.message .nav-tabs .nav-link.active {background: #79C144;color: #fff;font-weight: 600;}

/* ============ deal room participate page =========== */

.perticipant .deal-chain-wrap{display:flex}
.perticipant .deal-chain-item{display:block;padding:12px;border:1px solid #0d6efd;line-height:1;font-weight:600;margin:5px;cursor:pointer;text-decoration:none}
.perticipant .deal-chain-item:hover{border-color:#0a58ca}
.perticipant .tab-content-wrap{padding:25px 0}
.perticipant .nav-tabs{gap:10px;}
.perticipant .nav-tabs .nav-link {border-radius: 5px 5px 0 0;background: #f2f2f2;color: #212529;text-transform: capitalize;font-weight: 400;font-size: 16px;transition-duration: 300ms;}
.perticipant .nav-tabs .nav-link.active {background: #79C144;color: #fff;font-weight: 600;}

/* ---------signed contact--------- */

.signed-contact .tab-content-wrap{padding:25px 0}
.signed-contact .table-striped>tbody>tr:nth-of-type(even){--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}
.signed-contact .table-striped>tbody>tr:nth-of-type(odd){--bs-table-accent-bg:transparent;color:var(--bs-table-striped-color)}
.signed-contact .contract-item{display:block}
.signed-contact .contract-item .icon-wrap{width:40px}
.signed-contact .contract-item .icon-wrap img{width:100%;object-fit:contain;object-position:center center}
.signed-contact .nav-tabs{gap:10px;}
.signed-contact .nav-tabs .nav-link {border-radius: 5px 5px 0 0;background: #f2f2f2;color: #212529;text-transform: capitalize;font-weight: 400;font-size: 16px;transition-duration: 300ms;}
.signed-contact .nav-tabs .nav-link.active {background: #79C144;color: #fff;font-weight: 600;}

/* ------------my request sec--------- */

/* .my-request-sec .deals thead tr{background:#EF941F;color:#fff;border-radius:5px}
.my-request-sec .deals thead tr th{white-space:nowrap;padding:10px 5px;text-transform:uppercase;font-size:12px;font-weight:600}
.my-request-sec .deals thead tr th:first-child{border-radius:5px 0 0 5px;padding:10px 20px}
.my-request-sec .deals thead tr th:last-child{border-radius:0 5px 5px 0;padding:10px 20px}
.my-request-sec tbody tr td a{color:#212529}
.my-request-sec .deals tbody tr td{font-size:12px;font-weight:400;padding:10px 5px;line-height:1;vertical-align:middle}
.my-request-sec .deals tbody tr td:first-child{padding:10px 20px}
.my-request-sec .deals tbody tr td:last-child{padding:10px 20px} */
.my-request-sec .deals .i-img{width:20px;height:20px}
.my-request-sec .deals .i-img img{width:100%;height:100%}
.my-request-sec .deals .bg-deal{background:#79C144;color:#fff;text-transform:uppercase}
/* .my-request-sec .deals .table tbody{border:1px solid #e2e2e2} */
.my-request-sec .deals .table>:not(:last-child)>:last-child>*{border-bottom-color:#e2e2e2}
/* .my-request-sec .deals .table-hover>tbody>tr:hover{background:#fff!important;box-shadow:0 0 18px 0 rgba(0,0,0,0.10);border-left:3px solid #EF941F;transition-duration:300ms} */
.my-request-sec .deals button.add-btn{white-space:nowrap;background-color:var(--green);color:var(--white);border-radius:5px;font-weight:600;border:2px solid transparent;padding:12px 30px}
.my-request-sec .deals .form-select{background-image:url(/assets/images/caret_down.svg);background-size:10px}
.my-request-sec .deal-status.success{border-color:var(--green)!important;color:var(--green)!important}
.my-request-sec .deal-status.warning{border-color:var(--orange)!important;color:var(--orange)!important}
.my-request-sec .deal-status.danger{border-color:#DB2323!important;color:#DB2323!important}
.my-request-sec .deal-status.info{border-color:#0D6EFD!important;color:#0D6EFD!important}
.my-request-sec .deal-status.prepare{border-color:#528A29!important;color:#528A29!important}
.my-request-sec .btn-deal-status{border:1px solid black!important;background-color:white;color:black;font-size:12px;white-space:nowrap;border-radius:3px;padding:5px;color:#79C144;font-weight:500}
.my-request-sec .title>h2{font-size:24px;font-weight:700}
.my-request-sec .deals .nav-pills .nav-link.active{background:#79C144;color:#fff;font-weight:600}
.my-request-sec .deals .nav-pills .nav-link{border-radius:5px 5px 0 0;background:#f2f2f2;color:#212529;text-transform:capitalize;font-weight:400;font-size:16px;transition-duration:300ms}
.my-request-sec .nav.nav-pills{border-color:var(--light-gray-2)}
.my-request-sec .client-buyer-table .dataTables_length{width:25%;margin-bottom:20px}
.my-request-sec .client-buyer-table .dataTables_length label{width:100%;display:flex;align-items:center}
.my-request-sec .client-buyer-table .dataTables_length select{background-image:url(/assets/images/caret_down.svg);background-size:10px;background-color:#fff;background-repeat:no-repeat;background-position:right .75rem center;background-size:10px;height:3rem;border-radius:.375rem;border-color:#E0E0E0;font-size:.875rem;box-shadow:none;transition:all .3s ease;padding:0 .5rem;display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;-moz-padding-start:calc(0.75rem - 3px);font-size:1rem;font-weight:400;line-height:1.5;color:#212529;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0 10px}
.my-request-sec .modal .modal-header .btn-close{background-color:var(--orange);background-image:none;color:white;padding:2px;opacity:1}
.my-request-sec .provider-modal h5.modal-title{font-size:24px;font-weight:700}

@media only screen and (min-width: 576px) {
.my-request-sec .provider-modal .modal-dialog{max-width:600px!important}
}

.my-request-sec .provider-modal .modal-body{border-top:1px solid #F2F2F2;padding:0;margin:0 28px!important}
.my-request-sec .provider-modal .modal-body form input,.provider-modal .modal-body form textarea{border:1px solid #e2e2e2;padding:15px 20px}
.my-request-sec .provider-modal .modal-body form input::placeholder,.provider-modal .modal-body form textarea::placeholder{color:#212529}
.my-request-sec .provider-modal .modal-body .inquiries h5{font-size:16px;font-weight:600}
.my-request-sec .inquiry-modal .modal-body{border-top:1px solid #F2F2F2;border-right:1px solid #F2F2F2;height:500px;padding:0;margin:0 27px}
.my-request-sec .inquiry-modal .modal-body .title h5{font-size:16px;font-weight:600}
.my-request-sec .inquiry-modal .modal-body .contant p{font-size:16px;font-weight:400;line-height:24px}
.my-request-sec .attachment .icon{color:var(--orange);font-size:18px}
.my-request-sec .attachment .lebel{color:var(--blue);text-decoration:underline;font-size:14px;font-weight:600}
.my-request-sec .add-modal h5.modal-title{font-size:24px;font-weight:700}
.my-request-sec .add-modal .modal-body{padding:0;margin:0 28px!important}
.my-request-sec .add-modal .card-btn{white-space:nowrap;background-color:var(--green);color:var(--white);border-radius:5px;font-weight:600;border:2px solid transparent;padding:12px 30px}
.my-request-sec .add-modal form input.form-control{padding:11px 18px}
.my-request-sec .add-modal .attachment{height:54px;border:1px solid #E2E2E2;border-radius:5px}
.my-request-sec .add-modal .attachment .icon{background-color:#F2F2F2;min-width:180px;max-width:180px;font-size:16px}
.my-request-sec .add-modal .attachment .close-btn{background-color:#DB2323;border-radius:50%;height:15px;width:15px;font-size:10px;cursor:pointer}
.my-request-sec .add-modal .attachment .icon>span:last-child{color:#0D6EFD;text-decoration:underline}
.my-request-sec .add-modal .attachment>div{top:0;left:0}
.my-request-sec .add-modal .attachment>div.input-file{opacity:0;min-width:180px;max-width:180px}
.my-request-sec .scrollbar-smooth::-webkit-scrollbar{width:7px;background:linear-gradient(90deg,white 40%,#E2E2E2 40%,#E2E2E2 60%,white 60%)}
.my-request-sec .scrollbar-smooth::-webkit-scrollbar-track{height:100%}
.my-request-sec .scrollbar-smooth::-webkit-scrollbar-thumb{background:#79C144;height:7px;width:40px;border-radius:1px}
.my-request-sec .scrollbar-smooth::-webkit-scrollbar-thumb:hover{background:#79C144}
.my-request-sec h5.modal-title{font-size:24px;font-weight:700}
.my-request-sec button.close-btn{background-color:var(--green);border:1px solid transparent;color:white;border-radius:5px}
/* .my-request-sec .inquiries-modal thead tr th:first-child{border-radius:5px 0 0 5px;padding:10px 20px}
.my-request-sec .inquiries-modal thead tr th:last-child{border-radius:0 5px 5px 0;padding:10px 20px}
.my-request-sec .inquiries-modal tbody tr td:first-child{padding:10px 20px}
.my-request-sec .inquiries-modal tbody tr td:last-child{padding:10px 20px}
.my-request-sec .inquiries-modal tbody tr td{font-size:12px;font-weight:400;padding:10px 5px;line-height:1;vertical-align:middle}
.my-request-sec .inquiries-modal thead tr{background:#EF941F;color:#fff;border-radius:5px}
.my-request-sec .inquiries-modal thead tr th{white-space:nowrap;padding:10px 5px;text-transform:uppercase;font-size:12px;font-weight:600} */
.my-request-sec button.modal-close-btn,.submit-btn{background-color:var(--green);padding:12px 30px;border:1px solid transparent;color:white;border-radius:5px}

/* ----------my subscription-------- */

.my-subscription .nav-tabs{gap:10px;} 
.my-subscription .nav-tabs .nav-link {border-radius: 5px 5px 0 0;background: #f2f2f2;color: #212529;text-transform: capitalize;font-weight: 400;font-size: 16px;transition-duration: 300ms;}
.my-subscription .nav-tabs .nav-link.active {background: #79C144;color: #fff;font-weight: 600;}

/* -------------my provider subscription--------- */

.pro-subscription .nav-tabs{gap:10px;} 
.pro-subscription .nav-tabs .nav-link {border-radius: 5px 5px 0 0;background: #f2f2f2;color: #212529;text-transform: capitalize;font-weight: 400;font-size: 16px;transition-duration: 300ms;}
.pro-subscription .nav-tabs .nav-link.active {background: #79C144;color: #fff;font-weight: 600;}

/* -----------my info sec--------- */

.notification .nav-tabs{width: 100%; overflow: auto;}


.my-info-sec .form-control {
    height: 3rem;
    border-radius: 0.375rem;
    border-color: #E0E0E0;
    font-size: 0.875rem;
    box-shadow: none;
    transition: all 0.3s ease;
    padding: 0 0.5rem;
}

.my-info-sec .sbmt-btn {
    background: var(--green)!important;
    color: var(--white);
    padding: 12px 30px;
    width: 450px;
}

/* ----------inquiry modal---------- */

.inquiries-modal .modal-body button{padding: 10px 16px;background-color: var(--green);color: var(--white);width: 100%;outline: 0;border: 1px solid transparent;border-radius: 5px;}
#inquiryModal table tbody tr td:last-child a{background-color: var(--green);border-radius: 3px;padding: 5px 10px;color: var(--white);}

/* ----------HEADER NOTIFICATION AREA---------- */
.header-notification{
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-notification .notification-btn{
    margin: .375rem .75rem;
    border: none;
    background: transparent;
    padding: 0;
}
.header-notification .notift-icon{
    width: 25px;
    height: 25px;
    min-width: 35px;
    background-color: transparent;
    border-radius: 50%;
    color: var(--orange);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    position: relative;
}
.header-notification .notift-icon.active::after{
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background-color: var(--green);
    border-radius: 50%;
    position: absolute;
    top: 4px;
    right: 7px;
    box-shadow: 0px 0px 8px rgb(0 0 0 /0.4);
}

.notification-drawer{
    width: 300px;
    height: 100vh;
    background-color: transparent;
    position: fixed;
    z-index: 1041;
    /* overflow: hidden; */
    top: 0;
    right: 0;
    transform: translateX(110%);
    transition: transform 0.4s ease;
}
.notification-drawer.active{
    transform: translateX(0);
}
.notification-drawer .drawer-container{
    width: 300px;
    height: 100%;
    margin-left: auto;
    background: #fff;
    box-shadow: -1px 0px 15px rgb(0 0 0 / 0.5);
}

.notification-drawer .drawer-container .drawer-header{
    background-color: var(--green);
    padding: 10px;
    min-height: 50px;
    position: relative;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    line-height: 1.4;
    font-size: 20px;
    text-align: center;
    color: #fff;
}

.notification-drawer .drawer-container .drawer-header .back-button{
    outline: 0;
    border: 0;
    color: #fff;
    background: transparent;
    font-size: 20px;
    height: 30px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
}

.notification-drawer .drawer-container .drawer-body{
    height: calc(100% - 50px);
    overflow-y: auto;
    padding: 10px 0;
    /* display: flex;
    align-items: center;
    justify-content: center; */
}
.notification-drawer .drawer-container .drawer-body .notify-item{
    display: flex;
    width: 100%;
    padding: 10px 18px;
    color: #64748b;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
    outline: none;
    background-color: #fff;
    border: none;
}

.notification-drawer .drawer-container .drawer-body .notify-item.read{
    color: #64748b;
    font-weight: 400;
}


.notification-drawer .drawer-container .drawer-body .notify-item .item-icon{
    width: 23px;
    height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--orange);
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
}

.notification-drawer .drawer-container .drawer-body li + li{
    border-top: 1px solid #e2e8f0
}

.notification-drawer .drawer-container .drawer-body .notify-item:hover{
    background-color: rgba(0,0,0,0.1);
}

.notification-drawer .drawer-container .drawer-body .no-notification{
    font-size: 13px;
    color: #6c757d;
    text-transform: capitalize;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.notification-backprop{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    visibility: hidden;
}
.notification-backprop.show{
    opacity: 0.5;
    visibility:visible;
}





.body-static{
    overflow: hidden;
}

.drawer-body::-webkit-scrollbar-track{	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);box-shadow: inset 0 0 6px rgba(0,0,0,0.1);background-color: #f1f5f9; border-radius: 20px;}
.drawer-body::-webkit-scrollbar{width: 8px;height: 8px;background-color: #f1f5f9;border-radius: 20px;}
.drawer-body::-webkit-scrollbar-thumb{background-color: var(--orange);border-radius: 20px;}





.tooltip-inner {
    max-width: 500px;
    width: 350px;
    height: auto;
    padding: 12px;
    background-color: #0f172a;
}


@keyframes aniBo {
    0% {transform: rotate(-45deg) scale(1);}
    50% {transform: rotate(-45deg) scale(1.1);}
    100% {transform: rotate(-45deg) scale(1);}
}

/* .ribbon span{
    animation-name: aniBo;
} */

/*************************************Binita**********************************************/

.form-switch-margin{margin-left: -69px;}
.my-contact-popup{margin-left: 19px;width: 100%; flex:none;}
.destinationemail-margin{margin-top:35px;}
.modal-dialogue-width{width: 686px;}
.my-varified-role-item{display:flex; flex-wrap: wrap;}
.form-control-inquire{padding: 11px 20px!important;}
.button-name{display: flex; align-items: center;}
.tick-margin{margin-right: 5px;}
/*.promote-business-form{padding-top: 65px;}*/
.text-margin{margin:7px 0!important;}
.geneology-padding{padding: 0px 50px!important;}
.attach-icon-padding{padding:0 50px;}

.my_requests-table tbody tr td:has(div){}
.my_requests-table tbody td > div{margin: 0; height: 100%; z-index: 11;}
.my_requests-table .ribbon{border: 0; background-color: transparent;}
.attach-send{display: flex!important;}

.menu-backdrop{width:100%; height:100%; background-color:#21252986; position:fixed; top:0; left:0; z-index:2; visibility:hidden;}
.menu-backdrop.active{visibility:visible;}
.backdrop-hidden{display: none;}
.position-absolute{position:absolute;}
.position-relative{position:relative;}
.span-width span{width:541px!important;}
.browse-content-width{overflow: visible!important;}
.display-b{margin-bottom:10px;}
.modal-body-width{margin-left: 19px;width: 650px;}
.modal-width-px{width: 686px;}
.email-td{background-color: white!important;}
.all-deals-ribbon .ribbon-top-left{position: absolute!important; top: 0!important; left: 0!important;}
.table-width{min-width: 150px;}
.width-31{width: 31%;}
.table-responsive-y{position: relative!important; overflow-y: auto !important; margin-top: 20px;}
.Content{
    /* width: 300px; */
    text-align: center;
  }
  
  .Flipped, .Flipped .Content{
    transform: rotateX(180deg);
  }
  
  /* Designing for scroll-bar */
  ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    cursor: pointer;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: gainsboro;
    border-radius: 5px;
    
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: var(--green);
    border-radius: 5px;
    cursor: pointer;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: var(--orange);
    cursor: pointer;
  }

  .progess-font{font-size: 16px!important;}
  .tooltip {z-index: 9!important;}
  .own-table-width{min-width: 200px!important; height: auto!important;}
  .overflow-auto{overflow: auto; max-height: calc(100vh - 220px)!important}
  .client-buyer-req .i-img { width: 30px!important; height: 30px!important;}
  .btn-height-38{height: 40px!important;}
  .hidden-req-modal {padding: 20px!important;}
  .font-20{font-size: 20px!important; display: flex!important; justify-content: center!important; align-items: center!important;}
.buyer-req-info .modal-body form{padding-right: 14px!important;}
.my-deals-con{ overflow-y: scroll!important; overflow-x: hidden!important;}
.word-break{word-break: break-all;}
.email-form-font{font-size:1.25rem}
.user-sub-category span{width: 100%!important;}
.my-sent-broker-deal-table{padding: 50px;}
.view-doc-btn a{background-color:#ffb85a!important; color: black!important; padding: 8px  20px; border-radius: 8px; border: 1px solid var(--primaryColor);}
.view-doc-btn a i{padding-left: 10px!important;}
.view-doc-btn-2 a{background-color:#b4ff7e!important; color: black!important; padding: 8px  20px; border-radius: 8px; border: 1px solid var(--secondaryColor);}
.view-doc-btn-2 a i{padding-left: 10px!important;}
.list-left{font-size: 13px!important;}
.list-right{color: #343a42!important; font-size: 15px!important;padding-left: 28px !important;}
.scam-wrapper{    background: #f3f3f38a; padding: 20px !important; box-shadow: 1px 2px 12px -6px; border-radius: 10px !important;}
.view-doc-btn-2 div{gap: 10px; flex-wrap: wrap;}
.view-doc-btn div{gap: 10px; flex-wrap: wrap;}
.modal-close-btn{background-color: white!important; border: 1px solid black!important; width: 30px!important; aspect-ratio: 1/1!important; display: flex!important; justify-content: center!important; align-items: center!important; border-radius: 50px!important; box-shadow: 0px 1px 7px -2px;}
.input-file-padding{padding: 11px 19px!important; height: 46px!important;}
.all-deals-side-panel{max-height: 984px; overflow: auto; padding: 10px;}
.filter-toggle{display: none;}
.render-btn .btn-sm .btn-danger{ cursor: pointer; justify-content: center!important; align-items: center!important; border-radius: 50px!important; margin-left: 10px!important; padding: 0px 8px!important; font-size: 20px!important; background-color: var(--orange)!important; border: white!important;}
.select2-container--default .select2-selection--single .select2-selection__arrow{width: 20px !important; top: 3px!important; right: 10px!important;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color: orange transparent transparent transparent; border-width: 10px 6px 0 6px; border-radius: 3px;}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color: orange transparent transparent transparent; border-width: 10px 6px 0 6px; border-radius: 3px;}
/* .render-btn .btn-warning{    color: #000; background-color: var(--orange); border-color: #ffc107;}
.render-btn .btn-warning .btn-danger{background-color: var(--green)!important;} */

.notification  .nav-tabs{width: 100%; overflow-x: auto; overflow-y: visible; display: flex;}
.notification .nav-item{width: auto;}
.nav-tabs .nav-link{margin-bottom: 0px;}











@media (max-width: 1024px){
    .list-right{padding-left: 0!important;}

}

@media (max-width: 992px){
    .title > h2{font-size: 22px;}
    .h1 {
        font-size: 36px!important;
        line-height: 3rem;
    }
    .h4 {
        font-size: 20px;
        line-height: 26px;
    }
    .h3 {
        font-size: 25px;
        line-height: 30px;
    }
.subcategory-actions{flex-wrap: wrap;}
/* .modal-body-top{top:-70px!important;} */
.form-control-file{min-height: 0.5rem !important; line-height: 2.5!important;padding: 5px 0.5rem!important; margin-top: 10px;}
.form-control-inquire{padding: 11px 20px!important;}
.promote-business-form{padding-bottom: 65px;}
.geneology-padding{padding: 0px 22px!important;}
.subject-padding p{padding:0 26px;}
.attach-icon-padding{padding:0 26px;}
.margin-0{margin:0px!important;}
.add-modal .modal-body{margin: 0 8px !important;}
.padding-3 .form-control{padding:12px!important;}

.toggle .menu{width:80%!important;}
.span-width span{width:311px!important;}

.font-20{font-size:20px!important;}
.modal-body-width{margin-left: 19px;width: 500px;}
.modal-body-flex{flex: 0.2 1 auto!important;}
.list-right{font-size: 14px!important;}


}

@media (max-width: 767px){
    .h1 {
        font-size: 30px!important;
        line-height: 2.5rem;
    }
    .h4 {
        font-size: 18px;
        line-height: 26px;
    }
    .header-title > div{margin-bottom: 10px;}
    .pagination-content{flex-wrap: wrap;}
    .pagination-content > * {margin-bottom: 5px;}
    .sbmt-btn{width: 100%!important;}
    .add-modal .modal-body > div,
    .add-modal .modal-body > div form > div{padding: 0!important;}
    .g-recaptcha > div,
    .g-recaptcha > div > div,
    .g-recaptcha > div > div > iframe{width:100%!important;}
    .add-modal .modal-body{overflow-x: hidden;}
    .nav_area ul li a{font-size: 16px;line-height: 22px;}

    .form-content{padding-right: calc(var(--bs-gutter-x)* 0.5)}
    .my-contact-popup{margin-left: 19px;width: 100%;}
    .sponser-deal-modal{width:40%; border-radius:10px;}
    .sponser-deal-modal-card{width:100%;}
    .span-width span{width:333px!important;}
    .modal .modal-body {
        margin: 0 6px;
        padding: 16px;
    }
    .all-deals-submit form{padding-right: 10px;}
    .deal-form-padding form{padding-right: 10px;}
    .all-deals-send form{padding-right: 10px!important;}
    .my-sent-broker-deal-table{padding: 20px;}
    .section-padding {
        padding-top: 15px;
    }
    
    

    
    
}

@media screen and (max-width: 990px) and (orientation: landscape){
    .filter-mobile-position{position: absolute; z-index: 1; background: white; width: 100%; margin-top: 20px !important; padding: 24px;box-shadow: 0px 0px 14px -6px gray!important; top: 0; left: 0; transform: translateX(0%); transition: 0.5s all ease;}
.filter-mobile-position-hidden{ transform: translateX(-100%);}
.col-md-8{width: 100%;}

}

@media screen and (max-width: 767px)  and (orientation: landscape){

}



@media (max-width: 575px){
    .title > h2{font-size: 16px;font-weight: 600;}
    .h1 {
        font-size: 25px!important;
        line-height: 2rem;
    }
    .modal-header{padding: 10px 0!important;}
    .modal .modal-body {
        margin: 0 6px;
        padding: 16px;
    }
    .pagination-content{flex-direction: column-reverse;justify-content: center;}
    .contact-us button{width: 100%!important;min-width: 100%!important;max-width: 100%!important;}
    br{display: none;}
    .pagination .page-item:first-child,
    .pagination .page-item:last-child{display: none;}
    .btn{font-size: 14px;}
    .nav-pills .nav-item,
    .nav-pills .nav-link{font-size: 14px!important; width: 100%;}
    .nav-item+.nav-item {margin-left: 0px!important;}
    .auth-content{padding: 1rem;}

    .nav-tabs .nav-item{width:100%;}

    .notification .nav-item{width: auto;}

    

    .form-control{min-height: 3.5rem!important;}

    .form-switch-margin{margin-left: 0px;}

    .modal .modal-content {padding-right: 32px;}
    .modal-dialogue-width{width: 100%;}

    .sponser-deal-modal{width:85%;}
    .delete-btn{text-align: end; margin-top: 10px;}
   
    .badge-custom{margin-top: 10px;font-size: 14px!important;}
    .note{margin-top: 10px;}
    .responsive-margin{margin-top:10px;}
   
    .add-docs-end-align{display: flex!important; justify-content: end!important;}
    .font-size-res h2{font-size:18px!important;}
    .font-size-deal{font-size:18px!important;}
    .direct-logo-padding{padding-right:12px!important;}
    .all-deals-font{font-size:14px!important;}
    .modal-padding-right-0{padding-right:0px!important;}
    .modal-content-p-right{padding-right:0px!important;}
    .upload-font{font-size:15px;}
    .form-control-file{min-height: 0.5rem !important; line-height: 2.5!important;padding: 5px 0.5rem!important; margin-top: 10px;}
    .form-control-inquire{padding: 15px 20px!important;}
    .promote-font-size h2{font-size: 22px!important;}
    .advertise-marginb{margin-bottom:10px;}
    .geneology-padding{padding: 0px 15px!important;}
    .scroll-space{padding-right:6px!important;}
    .subject-padding p{padding:0 14px;}
    .attach-icon-padding{padding:0 26px;}
    .geneology h5 b{font-size:18px;}
    .geneology h6 u{font-size:14px;}
    .message .send-message-wrap{display:block;}
    .message .message-send-sec { padding: 15px!important;}
    .message .input-box {width: 94%;}
    
   
    .table-responsive .table tbody tr td div{min-width: 140px; word-break: break-word;}
    .button-center{display: flex; justify-content: center; width:100%!important; height: 100%!important;}
    /* .ribbon-position span{right: 46px!important;top: 12px!important;} */
    .client-buyer-req .i-img img{width:24px;height:24px;}
    
    .display-b{display: block!important; margin-bottom:10px;}
    /* .my-request-sec .deals .i-img img { width: 25%; height: 145%; } */
    /*.span-width span {width: 370px !important;}*/
    .modal-body-width{margin-left: 19px;width:340px;}
    .modal-width-px{width: 350px;}
    .modal-body-flex{flex: 0 1 auto!important;}
    /* .ribbon-top-left span{position:absolute; left: 0px!important; top: 14px!important;} */
    .ribbon-top-left span{left: -24px!important; top: 14px!important;}
    .section-padding{padding-top: 8px;}
    .width-31{width: 100%;}
    .progess-font .progress-bar{font-size: 12px!important;}
    .modal-padding{padding-right: 14px!important;}
    .my-deals-check-font{font-size: 14px!important;}
    .own-table-width{min-width: 200px!important;}
    .btn-deal-status{line-height: 13px;}
    .my-request-sec .deals .i-img{width:25px;height:25px}
    
    .email-form-font{font-size:18px}
    .auth-content .nav.nav-pills .nav-item{padding: 10px 0px!important;}
    .my-deals-table .geneology .row .col-sm-12 table{overflow-y: auto!important;}
    .spot-selection-card h5{font-size: 18px;}
    .sponsore-req-font h2{font-size: 22px;}
    .terms-con-modal h3{font-size:20px;}
    h5.modal-title {
        font-size: 22px;
        font-weight: 700;
    }
    #CustomerViewData .d-table{display: block!important;}
#CustomerViewData .d-table-cell{display: block!important; width: 100%; padding: 6px 0px!important;}
.list-right{font-size: 13px!important; line-height: 1.2;}
.scam-wrapper h4{font-size: 20px!important;}
.input-file-padding{padding: 16px 19px!important;}

.all-deals-side-panel { max-height: 1064px;}
.filter-mobile-position{position: absolute; z-index: 1; background: white; width: 100%; margin-top: 20px !important; padding: 24px;box-shadow: 0px 0px 14px -6px gray!important; top: 0; left: 0; transform: translateX(0%); transition: 0.5s all ease;}
.filter-mobile-position-hidden{ transform: translateX(-100%);}
.filter-toggle{display: block; font-size: 22px; border: 0; background: orange; padding: 10px 20px; color: white; border-radius: 50px;display: flex; justify-content: center; align-items: center; margin-top: 12px;}
.filter-toggle i{padding-right: 12px;}
.filter-btn{width: 100%; display: flex; justify-content: center; align-items: center;}
.max-w-200{width: 200px;}

    
    
    
   

    
    

    


    
    

}

@media (max-width: 425px){
    .h1 {
        font-size: 22px!important;
        line-height: 1.8rem;
    }
    .h4 {
        font-size: 16px;
        line-height: 24px;
    }
    .message .send-message-wrap{display:block;align-items:center;margin:0 -10px}
    .span-width span {width: 100% !important;}
}



/* RANGE SLIDER CUSTOM CSS */
.range-slider .irs-hidden-input {
    visibility: hidden;
}

.range-slider>input {
    width: 100%;
}

.range-slider .range-slider-input {
    display: flex;
    width: 100%;
    height: 40px;
    font-size: 12px;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
    margin: 5px 0 10px;
}

.range-slider .range-slider-input input[type="number"] {
    width: 50%;
    height: 100%;
    padding: 4px;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    font-weight: 600;
    text-align: center;
}

.range-slider .range-slider-input input[type="number"]:focus-visible {
    border: none;
}

.range-slider .range-slider-input .input-max {
    border-left: 1px solid #ccc !important;
}

.range-slider .irs--round .irs-bar {
    background-color:var(--green);
}

.range-slider .irs--round .irs-handle {
    background-color: #fff;
    border-color:var(--orange);
    box-shadow: 0px 0px 0px 5px rgba(239, 148, 31, 0.2);
}

.range-slider .irs--round .irs-handle.state_hover,
.range-slider .irs--round .irs-handle:hover {
    background-color:#fff;
}

.range-slider .irs--round .irs-handle {
    width: 16px;
    height: 16px;
    top: 29px;
}

.range-slider .irs--round .irs-from,
.range-slider .irs--round .irs-to,
.range-slider .irs--round .irs-single {
    background-color: transparent;
    color:var(--black);
}

.range-slider .irs--round .irs-from:before,
.range-slider .irs--round .irs-to:before,
.range-slider .irs--round .irs-single:before,
.range-slider .irs--round .irs-min,
.range-slider .irs--round .irs-max {
    display: none;
}