/*

Poject Title : Clientele

Responsive   : Yes ( Bootstrap4) 

Author       : Golu Prajapati

Status       : Find a small win each day.

Date         : 11/03/2023.

*/





body {

    font-family: 'Lato-Regular', sans-serif;

    color: #000;

    font-size: 14px
}



@font-face {

    font-family: FontAwesome;

    src: url(../fonts/FontAwesome.otf);

}



@font-face {

    font-family: Lato-Regular;

    src: url(../fonts/Lato-Regular.ttf);

}

.top-logo img {

    padding-top: 15px;

    display: inline-block;

    padding-bottom: 2px;

    width: 218px;

}

/* .banner-home .top-logo img {

    filter: brightness(90.5);

} */



.Profile-logo img {

    padding-top: 15px;

    display: inline-block;

    padding-bottom: 2px;

    width: 218px;

}

.banner-home .Profile-logo img {

    filter: brightness(90.5);

}

.dashboard-logo img {

    padding-top: 15px;

    display: inline-block;

    padding-bottom: 2px;

    width: 150px;

}

/* .dashboard-header .dashboard-logo img {

    filter: brightness(90.5);

} */

/*----screen 1---*/

.banner-home {

    position: relative;

    padding: 118px 0px;

    background-position: center !important;

    background-size: cover !important;

}

.banner-home::before {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: #000;
    opacity: .7;
}


.content-hd h1 {
    color: #fff;
    font-size: 45px;
    margin-bottom: 20px;
    line-height: normal;    font-family: "Spicy Rice", serif;
}


.banner-home .row {
    align-items: center;
}

.content-hd p {
    color: #fff;
    font-size: 18px;
}

.top-logo {
    position: absolute;
    top: 30px;
}



.Facilities-top {
    height: 475px;
}

.Managers-top {
    height: 365px;
}



.content-hd {

    position: relative;


}



/*-------Golu----*/

a.btn.btn-primary.midal {

    width: auto !important;

}





a.Profile {

    background: rgb(146, 149, 208);

    background: linear-gradient(90deg, rgba(146, 149, 208, 1) 0%, rgba(74, 171, 208, 1) 100%);

    font-size: 20px;

    padding: 10px 30px;

    color: #fff;

    font-weight: 500;

    border: 0px;

    text-decoration: none;

}





a.img5 img {

    border-radius: 50%;

    width: 40px;

}



.bplugins img {

    border-radius: 100%;

    width: 100px;

    height: 100px;

}





i.fa.fa-trash {

    color: #544d4d;

    font-size: 20px;

    text-align: right;

    float: right;

    position: relative;

    right: 108px;

}



.Profile-screen6 a {

    text-decoration: none;

}



textarea:focus-visible {

    outline: none;

}



a.Profile-btn {

    position: relative;

    z-index: 1024;

    width: 80%;

    margin: 40px 0px 0px;

    border: 1px solid #2880b3;

    text-align: center;

    padding: 10px;

    color: #2880b3;

    font-size: 18px;

    text-decoration: none;

    display: inline-block;

    top: -15px;

}



img#viewimg {

    width: 300px;

}



/*---*/



img#viewimg {

    width: 300px;

}



.form-login h2 {
    font-family: "Roboto Slab", serif;
    color: #1D5488;

    font-size: 30px;

    text-align: center;

    padding-top: 40px;

    font-weight: 600;

}



.form-login {

    position: relative;

    border-radius: 5px;

    background: #fff;

    max-width: 450px;

    margin: 0 auto;

}



.form-login .form-control {

    background: #FCFCFC;

    color: #7e7171;

    border: 1px solid#e3d9d9;

    height: 50px;

    border-radius: 5px;

    margin-bottom: 20px;

}



.get a {

    text-align: right;

    display: block;

    color: #1D5488;

    text-decoration: none;

    font-weight: 600;

    font-size: 16px;

}





.col-md-6.group-form.text-center.Profile a {

    background: transparent !important;

    color: #809ad0;

}





button.btn.btn-primary.btn-block {

    background: rgb(146, 149, 208);

    background: linear-gradient(90deg, rgba(146, 149, 208, 1) 0%, rgba(74, 171, 208, 1) 100%);

    font-size: 20px;

    padding: 8px;

    font-weight: 500;

    width: 40%;

    margin-top: 10px;

}



.form-login form {
    padding: 20px 40px 40px;

}



.form-login button.btn.btn-primary {
    background: #f05a27;
    width: 100%;
    font-size: 20px;
    padding: 8px;
    font-weight: 600;
    margin: 20px 0px 20px;    border: none;
}



.form-login label {

    font-size: 16px;

    color: #999999;

}



.form-login label a {

    color: #1D5488;

    font-weight: 600;

    text-decoration: none;

}



.form-login::after {
    content: '';
    position: absolute;
    top: 0px;
    width: 100%;
    left: 0px;
    background: #f05a27;
    height: 4px;
    border-radius: 4px 4px 0px 0px;
}
.group-form {
    position: relative;
}

span#togglePassword {
    position: absolute;
    top: 13px;
    right: 24px;
}



input.form-control.addmember {

    background-image: url(../images/Email.png);

    background-repeat: no-repeat;

    background-position: 97% center;

    background-size: 16px;

}









input.form-control.addmemberp {

    background-image: url(../images/Phone.png);

    background-repeat: no-repeat;

    background-position: 97% center;

    background-size: 10px;

}









input.form-control.addmember2 {

    background-image: url(../images/Password-close.png);

    background-repeat: no-repeat;

    background-position: 97% center;

    background-size: 16px;

}



.copyright {

    display: flex;

    align-items: center;

    justify-content: space-between;

    position: relative;

    top: 70px;

}



.copy-cnt p {

    color: #fff;

    font-size: 16px;

    margin: 0px;

}



.copy-min ul li a {

    color: #fff;

    font-size: 16px;

    list-style: none;

    margin: 0px 10px;

    text-decoration: none;

}



.copy-min li {

    display: inline-block;

    color: #fff;

    padding: 0px;

}



.copy-min ul {

    padding-left: 0px;

}



/*----screen 1---*/



/*----screen 2---*/

.sign-copyright {

    top: 50px;

}



.sign-up h2 {

    margin-top: 30px;

}



.sign-up form {

    padding: 30px 40px;

}



/*----screen 2---*/



/*----screen 3---*/

a.resend {

    color: #1d5488;

    font-size: 16px;

    text-decoration: none;

    font-weight: 600;

    display: inline-block;

    margin-top: 30px;

}



/*----screen 3---*/



/*----screen 5---*/

.profile-screen {

    position: relative;

    overflow: hidden;

}



.profile-banner {

    min-height: 100vh;

    background-size: cover !important;

    background-position: center !important;

}



.Profile-logo {

    margin-top: 30px;

}



.Profile-dlf {

    position: relative;

    left: 70px;

}



.profile-min {

    position: relative;

    margin-top: 30%;

}



.profile-min .copy-cnt {

    margin-top: 30%;

}



.profile-min h1 {

    font-size: 38px;

    color: #fff;

}



.Profile-form {

    max-width: 600px;

    margin: 60px auto 20px;

}



.Profile-form .form-control {

    background: #FCFCFC;

    color: #7e7171;

    border: 1px solid#e3d9d9;

    height: 45px;

    border-radius: 5px;

    margin-bottom: 15px;

}



.success-form a.btn.btn-primary {

    background: rgb(146, 149, 208);

    background: linear-gradient(90deg, rgba(146, 149, 208, 1) 0%, rgba(74, 171, 208, 1) 100%);

    font-size: 20px;

    padding: 9px;

    font-weight: 500;

    width: 90%;

    margin-top: 20px;

    border: 1px solid#1D5488;

}



.Profile-form a.btn.btn-primary {

    background: rgb(146, 149, 208);

    background: linear-gradient(90deg, rgba(146, 149, 208, 1) 0%, rgba(74, 171, 208, 1) 100%);

    font-size: 20px;

    padding: 8px;

    font-weight: 500;

    width: 100%;

    margin-top: 10px;

}



.Profile-form .form-controls {

    background: #FCFCFC;

    color: #7e7171;

    border: 1px solid#e3d9d9;

    height: 45px;

    border-radius: 5px;

    margin-bottom: 15px;

}



.Profile-form p {

    font-size: 18px;

    color: #7D7D7D;

}



h4.hp-4 {

    color: #333333;

    font-weight: 500;

    font-size: 30px;

    margin-bottom: 20px;

}



h4.hp-4 span {

    color: #1D5488;

    font-weight: 600;

}



.Profile-form button.btn.btn-primary {

    background: rgb(146, 149, 208);

    background: linear-gradient(90deg, rgba(146, 149, 208, 1) 0%, rgba(74, 171, 208, 1) 100%);

    font-size: 20px;

    padding: 8px;

    font-weight: 500;

    width: 64%;

    margin-top: 10px;

}



.next-btn {

    text-align: right;

}



input.form-control.addmember3 {

    background-image: url(../images/Agency.png);

    background-repeat: no-repeat;

    background-position: 99% center;

    background-size: 15px;

}



input.form-control.addmember4 {

    background-image: url(../images/Location.png);

    background-repeat: no-repeat;

    background-position: 99% center;

    background-size: 15px;

}



input.form-control.addmember5 {

    background-image: url(../images/Phone.png);

    background-repeat: no-repeat;

    background-position: 98% center;

    background-size: 12px;

}



input.form-control.addmember6 {

    background-image: url(../images/Designation.png);

    background-repeat: no-repeat;

    background-position: 97% center;

    background-size: 15px;

}



select.form-select.form-controls {

    background-image: url(../images/Down.png);

    background-repeat: no-repeat;

    background-position: 97% center;

    background-size: 20px;
    font-size: 14px;



}



input.form-control.addmember7 {

    background-image: url(../images/credit-card.png);

    background-repeat: no-repeat;

    background-position: 97% center;

    background-size: 20px;

}



input.form-control.addmember8 {

    background-image: url(../images/calender.png);

    background-repeat: no-repeat;

    background-position: 97% center;

    background-size: 15px;

}



input.form-control.addmember9 {

    background-image: url(../images/File-icon.png);

    background-repeat: no-repeat;

    background-position: 97% center;

    background-size: 30px;

}



/*----screen 5---*/



/*----screen 6---*/

.Profile-screen6 {

    margin-top: 12%;

}



.Profile-screen6 h4 {

    font-size: 24px;

}



.copy-cnt.Profile-screen6 {

    margin-top: 18%;

}



p#changephoto {

    position: relative;

    z-index: 1024;

    width: 45%;

    margin: 40px 0px 0px;

    border: 1px solid #2880b3;

    text-align: center;

    padding: 10px;

    color: #2880b3;

    font-size: 18px;

}



.next-btn.screen6 {

    position: relative;

    margin-top: -9.5%;

}



.next-btn.screen6 a.btn.btn-primary {

    width: 45%;

}



.profile-min.screen6 ul li a:before {

    opacity: 0;

}



.profile-min.screen6 ul li a {

    margin-left: 0px
}



.profile-min.screen6 ul li a img {

    margin-right: 8px;

}



img#viewimg {

    height: 300px;

}



/*----screen 6---*/



/* profile-checkbox */

.profile-checkbox {

    margin-top: 20px;

}



.profile-in {

    color: #fff;

    font-size: 20px;

    display: block;

    position: relative;

    padding-left: 30px;

    margin-bottom: 12px;

    cursor: pointer;

    user-select: none;

}



.profile-in input {

    position: absolute;

    opacity: 0;

    cursor: pointer;

    height: 0;

    width: 0;

}



.checkmark {

    position: absolute;

    top: 4px;

    left: 0;

    height: 20px;

    width: 20px;

    background-color: transparent;

    border: 2px solid #e3d9d9;

    border-radius: 50px;

}



.profile-in input:checked~.checkmark {

    background-color: #3cd498;

}



.checkmark:after {

    content: "";

    position: absolute;

    display: none;

}



.profile-in input:checked~.checkmark:after {

    display: block;

}



.profile-in .checkmark:after {

    top: 2px;

    left: 5px;

    width: 8px;

    height: 11px;

    border: solid white;

    border-width: 0 2px 2px 0;

    transform: rotate(45deg);

}



/* profile-checkbox */



/*----screen 8---*/

.Profile-screen8 {

    max-width: 700px;

    margin: 50px auto 20px;

}



textarea {

    overflow: hidden;

    color: #333333;

    resize: none;

    background: transparent;

    border: 0px;

    display: block;

    width: 100%;

    font-size: 16px;

    padding: 0px;

    margin: 0px;

    font-weight: 500;

}



.Profile-screen8 .Profile-box {

    background: #F1FBFF;

    padding: 30px 40px;

    border: 1px solid#EBEBEB;

    border-radius: 5px;

}



.Profile-screen8 label {

    color: #999999;

    font-size: 17px;

}



.border-form {

    border-bottom: 1px solid #D6D6D6;

    width: 96%;

    margin: 0 auto 14px;

    padding: 10px 0px;

}



.Profile-screen8 button.Profile-btn {

    width: 80%;

    color: #1D5488;

    border: 1px solid #1D5488;

    background: transparent;

    padding: 12px;

    font-size: 16px;

    display: inline-block;

    font-weight: 600;

    margin-top: 20px;

}



.Profile-screen8 a.btn.btn-primary {

    background: rgb(146, 149, 208);

    background: linear-gradient(90deg, rgba(146, 149, 208, 1) 0%, rgba(74, 171, 208, 1) 100%);

    font-size: 20px;

    padding: 9px;

    font-weight: 500;

    width: 80%;

    margin-top: 20px;

    border: 1px solid#1D5488;

}



.copy-cnt.Profile-screen8 {

    margin-top: 26%;

}



.Profile-screen8 h4 {

    font-size: 24px;

    margin-bottom: 30px;

}



/*----screen 8---*/

.Profile-screen9 textarea {

    overflow: hidden;

    color: #333333;

    resize: none;

    background: transparent;

    border: 0px;

    display: block;

    width: 100%;

    font-size: 18px;

    padding: 0px;

    margin: 0px;

    font-weight: 500;

}



.Profile-screen9 {

    background: #F3F3F3;

    text-align: center;

}



.Payment-box {

    max-width: 450px;

    margin-top: 12% !important;

    margin: auto;

    position: relative;

}



.Payment-box form {

    background: #fff;

    padding: 40px;

}



.Payment-box h3 {

    color: #333333;

    font-size: 40px;

    font-weight: 700;

    margin: 40px 0px 0px;

}



.Payment-box::after {

    content: '';

    position: absolute;

    top: 0px;

    width: 100%;

    height: 40px;

    left: 0px;

    background: rgb(146, 149, 208);

    background: linear-gradient(90deg, rgba(146, 149, 208, 1) 0%, rgba(74, 171, 208, 1) 100%);

}



.Payment-box label {

    font-size: 30px;

    color: #999999;

}



.Payment-box label.textamt {

    font-size: 20px;

    text-align: center;

    display: block;

    color: #333333;

    line-height: normal;

    margin: 20px 0px;

}



.Payment-box small {

    color: #333333;

    font-size: 20px;

    display: block;

    line-height: normal;

}



.Payment-box samp {

    color: rgb(131 154 208);

    font-size: 24px;

    font-weight: 600;

    margin-bottom: 20px;

}



.Profile-screen9 a.btn.btn-primary {

    background: rgb(146, 149, 208);

    background: linear-gradient(90deg, rgba(146, 149, 208, 1) 0%, rgba(74, 171, 208, 1) 100%);

    font-size: 20px;

    padding: 9px;

    font-weight: 500;

    width: 80%;

    margin-top: 20px;

    border: 1px solid#1D5488;

}



.profile-min p {

    color: #fff;

    font-size: 18px;

}



.copy-cnt.copy-screen9 {

    margin-top: 38%;

}



/*----screen 9---*/



/*----screen 10---*/

.complete-form {

    max-width: 400px;

    margin-top: 10% !important;

    margin: auto;

}



.complete-form h3 {

    text-align: center;

    color: #567FA6;

    font-weight: 600;

    font-size: 20px;

    margin-bottom: 20px;

}



.row.complete-box {

    background: #F1FBFF;

    padding: 30px 30px 30px 30px;

}



.complete-box label {

    color: #1D5488;

    font-size: 16px;

}



.complete-box label.textamt {

    margin: 20px 0px 0px;

    color: #1D5488;

    font-size: 22px;

    font-weight: 600;

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.complete-box small {

    color: #343739;

    font-size: 16px;

    margin-bottom: 20px;

    display: block;

}



.payment-details-box {

    background: #FCFCFC;

    padding: 40px;

}



.payment-details-box h4 {

    color: #333333;

    font-size: 20px;

    font-weight: 600;

    margin-bottom: 20px;

}



.payment-details-box label {

    color: #1E1F20;

    font-size: 15px;

    font-weight: 600;

    margin: 10px 0px;

}



.payment-details-box .form-control {

    background: #FCFCFC;

    color: #FCFCFC;

    border: 1px solid#e3d9d9;

    height: 45px;

    border-radius: 5px;

    margin-bottom: 15px;

}



.payment-details-box a.btn.btn-primary {

    background: rgb(146, 149, 208);

    background: linear-gradient(90deg, rgba(146, 149, 208, 1) 0%, rgba(74, 171, 208, 1) 100%);

    font-size: 20px;

    padding: 9px;

    font-weight: 500;

    width: 100%;

    margin-top: 10px;

    border: 0px;

}



/*---screen 10---*/



/*----screen 11---*/

.success-form {

    max-width: 400px;

    margin: auto;

    margin-top: 10%;

    text-align: center;

}



.success-form h3 {

    color: #1D5488;

    font-size: 30px;

    margin-bottom: 20px;

}



.success-form label {

    color: #7D7D7D;

    font-size: 18px;

    position: relative;

    margin-top: 85%;

}



.success-form .col-md-12.group-form {

    border: 1px solid #EBEBEB;

    height: 400px;

    padding: 0px 40px;

}



.success-form a.btn.btn-primary {

    background: rgb(146, 149, 208);

    background: linear-gradient(90deg, rgba(146, 149, 208, 1) 0%, rgba(74, 171, 208, 1) 100%);

    font-size: 20px;

    padding: 9px;

    font-weight: 500;

    width: 90%;

    margin-top: 20px;

    border: 1px solid#1D5488;

}



/*----screen 11---*/



/*----screen 12---*/

.screen12-cnt {

    padding: 0px 40px 0px 40px;

    text-align: center;

}



.screen12-cnt p {

    color: #7D7D7D;

    font-size: 16px;

    margin: 0px;

}



.profile-screen12 a.btn.btn-primary {

    background: rgb(146, 149, 208);

    background: linear-gradient(90deg, rgba(146, 149, 208, 1) 0%, rgba(74, 171, 208, 1) 100%);

    font-size: 20px;

    padding: 9px;

    font-weight: 500;

    width: 80%;

    margin-top: 60px;

    border: 1px solid#1D5488;

}



/*----dashboard---*/

.dashboard-logo {

    position: relative;

}



.dashboard-view {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.dashboard-header {

    padding: 40px 0px;

    background-position: center !important;

    background-size: cover !important;

}



.dashboard-hd {

    display: flex;

    align-items: center;

    justify-content: end;

    gap: 0px 15px;

}



.dashboard-hd h6 {

    display: block;

    color: #fff;

    font-weight: 500;

    text-align: center;

}



.dashboard-hd h6 span {

    display: block;

}



a.notif-icon {

    margin-right: 20px;

}



.dashboard-menu li.active a {

    background: #446093;

}



.dashboard-menu {

    margin-top: 30px;

}



.dashboard-menu li a {

    margin-right: 20px;

    color: #fff;

    font-size: 18px;

    text-decoration: none;

    position: relative;

    padding: 4px;

    border-radius: 5px;

}



.dashboard-menu li {

    display: inline-block;

}



.bplugins-section {

    padding: 40px 0px 20px;

    background: #FCFCFC;

}



.bplugins {

    display: flex;

    align-items: center;

    gap: 0px 30px;

}



.bplugins-text p {

    color: #1D5488;

    font-size: 16px;

    margin: 0px 0px 5px;

}



.bplugins-text h2 {

    color: #1D5488;

    font-size: 35px;

    font-weight: 600;

}



.dashboard-section {

    padding: 40px 0px 0px;

    background: #FCFCFC;

}



.dashboard-grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 0px 20px;

}



.dashboard-box {

    height: 350px;

    margin-bottom: 40px;

    padding: 40px;

    position: relative;

    overflow: hidden;

    transition: 1.3s;

    background: #fff;

    border: 1px solid#EBEBEB;

    border-radius: 8px;

    box-shadow: 0px 0px 10px#ccc;

}



.contracts-dlf {

    display: flex;

    justify-content: space-between;

}



.contracts-dlf h4 {

    color: #424242;

    font-size: 25px;

}



.contracts-dlf h4 img {

    margin-right: 12px;

}



.contracts-dlf span {

    color: #1D5488;

    font-size: 24px;

    font-weight: 600;

}



.dashboard-box p {

    color: #446093;

    font-size: 16px;

    margin: 30px 0px;

}



.dashboard-box a {

    color: #1D5488;

    font-size: 18px;

    text-decoration: none;

    font-weight: 600;

}



a.rejected {

    color: #1D5488;

    font-size: 20px;

    margin: 30px 0px 60px;

}



.dashboard-copyright {

    background: #fff;

    padding: 12px 0px;

    box-shadow: 0 0 20px #ccc;

}



.dashboard-copyright p {

    color: #1D5488;

    font-weight: 500;

}



.dashboard-copyright li {

    color: #1D5488;

    font-weight: 500;

}



.dashboard-copyright ul li a {

    color: #1D5488;

    font-weight: 500;

}



.dashboard-copyright .container {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.bplugins.infom-top button {

    background: #303133;

    color: #fff;

    border: 0px;

    padding: 3px 12px;

    margin-left: 20px;

}





#toTop {

    color: #fff;

    border-radius: 5%;

    width: 45px;

    height: 55px;

    bottom: 10px;

    position: fixed;

    right: 30px;

    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);

    ;

    z-index: 1024;

    cursor: pointer;

    opacity: .8;

    display: none;

    line-height: 55px;

    text-align: center;

    font-size: 30px;

    background: rgb(146, 149, 208);

    background: linear-gradient(90deg, rgba(146, 149, 208, 1) 0%, rgba(74, 171, 208, 1) 100%);

}



#toTop:hover {

    opacity: 1;

    background: #1D5488
}



#toTop a {

    color: #fff;

}



/* Popup*/

p.notif-dlf {

    display: flex;

    align-items: center;

    justify-content: space-between;

    font-size: 16px;

    color: #1D2433;

    font-weight: 600;

}



h5.hd-pf {

    position: relative;

    float: right;

    color: #1D2433;

    font-size: 17px;

    margin-right: 40px;

}



small.notif-dlf {

    color: #1D2433;

    font-size: 18px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin: 12px 0px;

}



small.notif-dlf a {

    color: #1D5488;

    font-size: 18px;

    text-decoration: none;

}



h5.hd-pf::after {

    content: '';

    position: absolute;

    top: 9px;

    width: 12px;

    height: 12px;

    border-radius: 50px;

    background: #e24c4c;

    right: -35px;

}



.popup {

    position: relative;

    display: inline-block;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



.popup .popuptext {

    visibility: hidden;

    width: 600px;

    background-color: #fff;

    color: #000;

    border-radius: 6px;

    padding: 20px 20px;

    position: absolute;

    z-index: 1;

    right: 0%;

    top: 27px;

    box-shadow: 0px 0px 20px #ddd;

}



.popup .show {

    visibility: visible;

    -webkit-animation: fadeIn 1s;

    animation: fadeIn 1s;

}



@-webkit-keyframes fadeIn {

    from {

        opacity: 0;

    }



    to {

        opacity: 1;

    }

}



@keyframes fadeIn {

    from {

        opacity: 0;

    }



    to {

        opacity: 1;

    }

}



/* Popup*/



/* enquiry-deals*/

.covide-img {

    background: #F1FBFF;

    max-width: 200px;

    margin: auto;

    padding: 20px;

}



.clientelo-cnt h2 {

    margin: 20px 0px 10px;

    color: #000;

    font-size: 30px;

    font-weight: 600;

}



.clientelo-cnt p {

    color: #999999;

    font-size: 20px;

    font-weight: 500;

}



.clientelo-cnt a.btn {

    color: #fff;

    background: rgb(146, 149, 208);

    background: linear-gradient(90deg, rgba(146, 149, 208, 1) 0%, rgba(74, 171, 208, 1) 100%);

    font-size: 20px;

    padding: 9px;

    font-weight: 500;

    width: 100%;

    margin-top: 10px;

    border: 1px solid#1D5488;

}



.enquiry-deals .modal-content {

    padding: 40px;

    border: 1px solid #c2c2c2;

    border-radius: 10px;

    background: #fff;

    text-align: center;

}



.login-popup .box .close {

    position: absolute;

    right: 14px;

    top: 10px;

    font-size: 30px;

    cursor: pointer;

    color: #5a9aba;

    border: 2px solid #5a9aba;

    line-height: 26px;

    width: 30px;

    height: 30px;

    text-align: center;

    border-radius: 30px;

    z-index: 2;

}



.login-popup {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 1099;

    background-color: #979797b5;

    visibility: hidden;

    opacity: 0;

    transition: all 1s ease;

}



.login-popup.show {

    visibility: visible;

    opacity: 1;

}



.login-popup .box {

    width: 500px;

    position: absolute;

    left: 45%;

    top: 50%;

    transform: translate(-35%, -46%);

    opacity: 0;

    margin-left: 50px;

    transition: all 1s ease;

}



.login-popup.show .box {

    opacity: 1;

    margin-left: 0;

}



@keyframes zoomInOut {



    0%,

    100% {

        transform: scale(1);

    }



    50% {

        transform: scale(1.1);

    }

}



/*----dashboard---*/



/*----Contract Manager---*/

.search-box form {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 0px 30px;

}



.search-box .form-control {

    padding-left: 30px;

    height: 50px;

    border-radius: 30px;

    border: 1px solid#D6D6D6;

    color: #999999;

    font-size: 16px;

}



.search-box input.btn {

    background: rgb(146, 149, 208);

    background: linear-gradient(90deg, rgba(146, 149, 208, 1) 0%, rgba(74, 171, 208, 1) 100%);

    font-size: 20px;

    padding: 8px 30px;

    color: #fff;

    font-weight: 500;

    border: 1px solid#1D5488;

}



.bplugins-text {

    margin-bottom: 30px;

}



.filter-cnt {

    text-align: right;

    margin-top: 20px;

}



input.form-control.search-icon {

    background-image: url(../images/search.png);

    background-repeat: no-repeat;

    background-position: 2% center;

    background-size: 20px;

}



.filter-cnt a {

    color: #afafaf;

    text-decoration: none;

    font-size: 16px;

    border: 1px solid #afafaf;

    padding: 7px 25px;

    border-radius: 30px;

    background: #fff;

    margin-right: 20px;

}



.filter-cnt select.form-select.form-controls {

    display: inline-block;

    border-radius: 30px;

    width: 16%;

    color: #afafaf;

}



.managers-grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 0px 20px;

}



.managers-box {

    cursor: pointer;

    overflow: hidden;

    position: relative;

    text-align: center;

    margin-bottom: 40px;

}



.profile-bg img {
    height: 300px;

    width: 100%;

}



.managers-cnt {

    position: absolute;

    top: 12%;

    left: 0px;

    right: 0px;

}



.managers-cnt h5 {

    color: #202224;

    font-size: 20px;

    font-weight: 600;

}



.managers-cnt p span {

    color: #1D5488;

    font-size: 18px;

    margin-top: 8px;

    display: block;

}



.managers-cnt p {

    color: #333333;

    font-size: 16px;

}



.managers-cnt img {

    margin-bottom: 20px;

}



.pagination-section {

    background: #FCFCFC;

    padding-bottom: 40px;

    position: relative;

}



.pagination-way {

    padding: 10px 0px;

    max-width: 800px;

    margin: auto;

    background: #fff;

}



.page-item.active .page-link {

    background-color: #1D5488;

    border-color: #1D5488;

}



.page-link {

    background: transparent;

    border: 0px;

    color: #333333;

    font-size: 20px;

    padding: 10px 20px;

    margin-right: 10px;

}



.page-link img {

    width: 12px;

}



a.page-link.chevron img {

    transform: rotate(180deg);

}



.pagination-2 {

    position: absolute;

    top: 10px;

    right: 0px;

    right: 26%;

    text-align: center;

}



li.box-pagi {

    border: 1px solid #D6D6D6;

    padding: 6px 30px;

    margin-right: 5px;

    border-radius: 5px;

}



.pagination-2 .pagination {

    justify-content: center;

}



/*----invoice---*/

.dashboard-section.Invoice {

    padding-bottom: 40px;

}



p.cnt-img img {

    transform: rotate(88deg);

    width: 25px;

}



.invoice-box {

    text-align: right;

    position: relative;

    margin-top: 25px;

}



a.btn.invoice {

    font-size: 20px;

    padding: 8px 30px;

    color: #fff;

    font-weight: 500;

    border: 1px solid#1D5488;

    margin-right: 20px;

    background: transparent;

    color: #1D5488;

    color: #1D5488;

    border: 1px solid#1D5488;

}



.info-detel {

    background: #fff;

    max-width: 900px;

    padding: 20px;

    box-shadow: 0 0 20px #ccc;

}



.info-text h2 {

    color: #202236;

    font-size: 50px;

    margin-bottom: 32%;

    text-transform: uppercase;

}



.info-text h6 {

    color: #202236;

    font-size: 22px;

    text-transform: capitalize;

}



.info-text ul {

    list-style: none;

    padding-left: 0px;

    margin-bottom: 0px;

}



.info-text ul li {

    color: #202236;

    font-size: 16px;

    line-height: 30px;

}



.packages-list {

    margin-top: 30px;

}



.packages-list th {

    color: #8E8F9B;

    font-weight: 200;

    font-size: 16px;

    border-width: 0px !important;

    border-top: hidden;

}



.packages-list tr.bor-b {

    box-shadow: inset 0 0 0 9999px #f8f8fa;

    --bs-table-accent-bg: rgb(252 252 252) !important;

}



.packages-list tr {

    font-size: 16px;

    color: #202236;

    font-weight: 500;

}



.table thead th {

    vertical-align: middle;

}



.table-total {}



.table-total th {

    border-width: 0px !important;

    border-top: hidden;

}



.table-total tr {

    color: #8E8F9B;

    font-weight: 200;

    font-size: 18px;

}



.table-total td.cntright {

    text-align: right;

}



.table-total td h4 {

    color: #202236;

    font-weight: 600;

    margin: 30px 0px 0px;

}



tr.top-bt {

    border-top: 1px solid #8c8181 !important;

    border-style: hidden;

}



.Payment-cnt h2 {

    color: #202236;

    font-weight: 600;

    font-size: 26px;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.Payment-cnt span {

    color: #1D5488;

}



.Payment-cnt p {

    color: #202236;

    font-size: 16px;

    font-weight: 500;

    line-height: 30px;

}



.top-imgbp {

    position: relative;

}



.top-imgbp img {

    position: absolute;

    bottom: 0px;

}



.invoice-box .form-control {

    background: #FCFCFC;

    color: #999999;

    border: 1px solid#e3d9d9;

    height: 50px;

    border-radius: 5px;

    margin-bottom: 20px;

}



textarea.form-control {

    height: 120px !important;

    resize: none;

}



.offcanvas-end {

    width: 500px;

}



h5#offcanvasRightLabel {

    color: #1D5488;

    font-size: 28px;

    font-weight: 600;

    margin: 0px;

}



.offcanvas-body {

    text-align: left;

}



.invoice-box button.btn.btn-primary {

    background: rgb(146, 149, 208);

    background: linear-gradient(90deg, rgba(146, 149, 208, 1) 0%, rgba(74, 171, 208, 1) 100%);

    font-size: 20px;

    padding: 8px 30px;

    color: #fff;

    font-weight: 500;

    border: 1px solid#1D5488;

}



.offcanvas-header {

    margin: 40px 0px 10px;

}



.invoice-box form {

    border: 1px solid #EBEBEB;

    padding: 30px;

    border-radius: 10px;

}



.offcanvas-body button.btn.btn-primary {

    padding: 7px 40px;

}



.invoice-box input#color {

    margin: 0 auto;

    width: 30px;

    height: 6px;

    background: #ADADAD !important;

    border: 0px;

    box-shadow: none;

    padding: 0px;

    display: block;

}



.invoice-box label {

    display: block;

    text-align: center;

}



.invoice-box img#viewimg {

    width: 25px;

    height: 25px;

    position: relative;

    right: 30px;

    top: 2px;

}



.box.popup.contract-popup {

    width: auto;

}



.box.popup.contract-popup p {

    font-size: 16px;

    text-align: left;

}



.box.popup.contract-popup h4 {

    color: #1D5488;

    font-size: 25px;

}



.box.popup.contract-popup a {

    color: #000;

    font-size: 16px;

    font-weight: 500;

    text-align: right;

    display: block;

    text-decoration: none;

}



.city-cnt {

    text-align: center;

    display: block;

    position: relative;

    margin-top: -22px;

    border-bottom: 1px solid #ddd;

    margin-bottom: 10px;

}



.city-cnt p {

    text-align: center !important;

}



/*----invoice---*/



/*----Contracts---*/

.filter-contract {

    display: flex;

    text-align: right;

    float: right;

}



.filter-contract select.form-select.form-controls {

    background-image: url(../images/Down2.png);

    background-repeat: no-repeat;

    background-position: 96% center;

    background-size: 25px;

    width: auto;

    border: 1px solid #1D5488;

    color: #1D5488;

    font-size: 16px;

    font-weight: 600;

    height: 50px;

}



.filter-contract a.btn {

    background: rgb(146, 149, 208);

    background: linear-gradient(90deg, rgba(146, 149, 208, 1) 0%, rgba(74, 171, 208, 1) 100%);

    font-size: 20px;

    padding: 10px 30px;

    color: #fff;

    font-weight: 500;

    border: 0px;

    margin-right: 12px;

}



.Filled-box {

    box-shadow: 0px 0px 20px #ccc;

    margin: 0px;

    max-width: inherit;

    background: #fff;

    padding: 30px;

    border: 1px solid #2222;

    border-radius: 10px;

}



.Filled-box h5 {

    color: #1D5488;

    font-size: 22px;

    font-weight: 600;

}



textarea.deta {

    color: #1D5488;

}



.Filled-box a.view {

    display: inline-block;

    position: relative;

    top: 4px;

    left: 5px;

}



.Filled-box button.btn.btn-primary {

    background: rgb(146, 149, 208);

    background: linear-gradient(90deg, rgba(146, 149, 208, 1) 0%, rgba(74, 171, 208, 1) 100%);

    font-size: 20px;

    padding: 9px 30px;

    font-weight: 500;

    margin-top: 20px;

    border: 0px;

}



label.filed-option {

    background: #E8FAF3;

    padding: 4px 24px;

    border-radius: 5px;

    color: #333333;

    font-size: 16px;

    position: relative;

}



label.filed-option::after {

    content: '';

    position: absolute;

    top: 11px;

    left: 7px;

    width: 10px;

    height: 10px;

    border-radius: 30px;

    background: #3CD498;

}



.Filled-box label {

    margin-top: 0px;

}



.enter-comment label {

    color: #1D5488;

    margin-bottom: 0px;

    font-size: 14px;

    margin-top: 0px;

}



.enter-comment textarea {

    color: #999999;

    font-weight: normal;

    font-size: 15px;

    margin-bottom: 8px;

    max-height: 45px;

    height: 100%;

}

div#chatHistoryContainer {

    max-height: 300px;

    overflow-y: scroll;

}

data.dlf-date {

    color: #999999;

    font-size: 14px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 14px;

}



.enter-comment textarea.form-control {

    height: 120px !important;

    resize: none;

    background: #FCFCFC;

    color: #999999;

    border: 1px solid#e3d9d9;

    border-radius: 5px;

    padding: 12px;

    margin: 0px;

}



.enter-comment button.btn.btn-primary {

    padding: 5px 40px;

}

.Profile-form .dropdown button#dropdownMenuButton {

    width: 100%;

    text-align: left;

    background: #FCFCFC;

    color: #7e7171;

    border: 1px solid#e3d9d9;

    padding: 12px 12px;

}

.Profile-form .dropdown-toggle::after {

    right: 15px;

    top: 13px;

    position: absolute;

    color: #b2b2b2;

    background-image: url(../images/Down.png);

    background-repeat: no-repeat;

    font-size: 0;

    width: 14px;

    height: 14px;

}

.Agreement_form input[type="text"] {

    padding: 5px;

    width: 200px;

}

.Agreement_form span.all_span_style {

    display: inline-block;

    width: 16%;
    font-weight: 600;

}

.Agreement_form input[type="date"] {

    padding: 5px;

    width: 200px;

}

.Agreement_form label {

    border: 1px solid #222;

    font-size: 14px !important;

    padding: 3px 10px;

    background-color: #fff;

}



/*----Contracts---*/



/*----Settings about tabs---*/

.bplugins.infom-top {

    background: rgb(146, 149, 208);

    background: linear-gradient(90deg, rgba(146, 149, 208, 1) 0%, rgba(74, 171, 208, 1) 100%);

    padding: 20px;

    margin-top: 20px;

    position: relative;

}



.bplugins.infom-top p {

    color: #fff;

    font-size: 16px;

}



.bplugins.infom-top h5 {

    color: #fff;

    font-size: 22px;

}



.bplugins.infom-top .bplugins-text {

    margin-bottom: 0px;

    margin-top: -20px;

}



.infom-top img#viewimg {

    height: 110px;

    width: 110px;

    border-radius: 100%;

}



.next-btn.screen6 button.btn.btn-primary {

    width: 40% !important;

}



p#Update {

    position: absolute;

    top: 52%;

    left: 12.5%;

    font-size: 18px;

    margin: 0px;

}



.tab-section {

    background: #FCFCFC;

    padding-bottom: 40px;

}



.tab-form.Profile-form {

    max-width: inherit;

    margin: 0px;

}



.tab-form .form-control {

    height: 50px;

}



.tab-form a.btn.btn-primary {

    border: 0px;



}



.nav-pills .nav-link {

    color: #333333;

    font-size: 20px;

    text-decoration: none;

    font-weight: 500;

}



.nav-pills .nav-link.active,

.nav-pills .show>.nav-link {

    color: #61a4d0;

    font-weight: 600;

    background-color: transparent;

}



.tabs-cantent h4 {

    color: #999999;

    font-size: 20px;

    margin-bottom: 15px;

}



ul#pills-tab {

    border-bottom: 1px solid #999999a6;

}



.tabs-cantent {

    background: #fff;

    padding: 40px;

    box-shadow: 0 0 20px #ccc;

}



.tabs-2 form {

    background: #FCFCFC;

    padding: 30px 40px;

    margin-top: 30px;

}



.tabs-2 .payment-details-box {

    background: transparent;

    padding: 0px;

}



.tabs-2 label {

    margin: 0px 0px 10px;

}



.tabs-3 button.btn.btn-primary {

    background: rgb(146, 149, 208);

    background: linear-gradient(90deg, rgba(146, 149, 208, 1) 0%, rgba(74, 171, 208, 1) 100%);

    font-size: 20px;

    padding: 10px 20px;

    font-weight: 500;

    margin-top: 10px;

    border: 0px;

}



.Change-text {

    margin-top: 40px;

}



/*----Settings about tabs---*/



.bplugins-section.activities .container {

    background: #fff;

    padding: 30px;

}



.bplugins-text.actions span {

    font-size: 14px;

    background: rgb(146, 149, 208);

    background: linear-gradient(90deg, rgba(146, 149, 208, 1) 0%, rgba(74, 171, 208, 1) 100%);

    color: #fff;

    border-radius: 30px;

    width: 40px;

    height: 40px;

    line-height: 40px;

    display: inline-block;

    text-align: center;

    font-weight: 200;

    position: relative;

    top: -4px;

}



.pagination-sections.py-0 {

    position: relative;

}



.active-tab1 .filter-cnt {

    margin-top: 0px;

}



.active-tab1 .packages-list tr.bor-b {

    border-top: 1px solid #8e8f9be0;

    box-shadow: 0px 0px 20px #ccc;

    --bs-table-accent-bg: rgb(255 255 255) !important;

}



.active-tab1 td {

    position: relative;

    padding: 25px 20px !important;

}



a.value-btn {

    text-decoration: none;

    color: #1d5488;

    font-size: 16px;

    border: 1px solid #1d5488;

    padding: 6px 20px;

    border-radius: 5px;

}



span.circle i {

    color: #3CD498;

    margin-right: 5px;

}



span.circle {

    color: #333333;

    background: #E8FAF3;

    padding: 3px 15px;

    border-radius: 5px;

}



.active-tab1 .table>:not(:last-child)>:last-child>* {

    position: relative;

    padding: 10px 20px 0px 20px !important;

}



.active-tab1 table {

    border-collapse: separate;

    border-spacing: 0 15px;

}



.active-tab1 tr {

    font-size: 17px;

    color: #333333;

}



span.circle.Pending i {

    color: #d89f2e;

}



span.circle.Reject {

    color: #870b0b;

}





span.circle.Reject i {

    color: #63112b;

}



span.circle.Pending {

    background: #F4EAE1;

}



span.circle.Pending3 i {

    color: #E24C4C;

}



span.circle.Pending3 {

    background: #F2E0E0;

}



.active-tab1 .table thead th {

    font-size: 15px;

}





.st-dlf {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 30px;

}



.st-dlf h2 {

    color: #1D5488;

    font-size: 30px;

    font-weight: 600;

    margin: 0px;

}



.st-dlf p {

    color: #1D5488;

    font-size: 20px;

    margin: 0px;

}



.st-dlf span.circle {

    font-size: 16px;

    margin-left: 10px;

}



.general-box .Profile-screen8 {

    max-width: inherit;

    margin: auto;

    border-right: 1px solid #EBEBEB;

}



.general-box {

    position: relative;

    border: 1px solid#EBEBEB;

    padding: 30px;

    margin-top: 30px;

    border-radius: 5px;

}



.general-box::after {

    content: '';

    position: absolute;

    bottom: 98px;

    border: 1px solid #EBEBEB;

    width: 100%;

    left: 0px;

}



.Contact-Person h4 {

    color: #1D5488;

    font-size: 20px;

    font-weight: 600;

    margin-bottom: 20px;

    text-align: center;

}



.Contact-Person {

    background: #F1FBFF;

    border: 1px solid#EBEBEB;

    border-radius: 5px;

    padding: 20px 30px 0px 30px;

}



.filter-contract.Action-new {

    float: left;

    display: block;

    text-align: left;

}



p.dlf-new {

    margin: 0px;

    text-align: right;

}



p.dlf-new a.btn {

    background: rgb(146, 149, 208);

    background: linear-gradient(90deg, rgba(146, 149, 208, 1) 0%, rgba(74, 171, 208, 1) 100%);

    font-size: 18px;

    padding: 6px 14px;

    color: #fff;

    font-weight: 500;

    border: 0px;

    margin-left: 12px;

}



a.views {

    display: inline-block;

    position: relative;

    top: 4px;

    left: 6px;

    text-decoration: none;

}



/*----bplugins-section---*/



/*----Amanda-section---*/

.Amanda-img {

    float: left;

}



.Manager-box::after {

    content: '';

    position: absolute;

    top: 0px;

    width: 100%;

    left: 0px;

    background: rgb(146, 149, 208);

    background: linear-gradient(90deg, rgba(146, 149, 208, 1) 0%, rgba(74, 171, 208, 1) 100%);

    height: 20px;

    border-radius: 4px 4px 0px 0px;

}



.Manager-box {

    position: relative;

    text-align: center;

    background: #fff;

    box-shadow: 0 0 10px#ccc;

    padding: 50px 50px;

    border-radius: 6px;

}



.Manager-box h2 {

    color: #1D5488;

    font-size: 28px;

    font-weight: 600;

    margin-bottom: 20px;

}



.Manager-box p {

    font-size: 18px;

    color: #999999;

}



.Manager-box button.btn.btn-primary {

    margin-top: 20px;

    background: rgb(146, 149, 208);

    background: linear-gradient(90deg, rgba(146, 149, 208, 1) 0%, rgba(74, 171, 208, 1) 100%);

    font-size: 18px;

    padding: 8px 30px;

    color: #fff;

    font-weight: 500;

    border: 0px;

}



h5#exampleModalLabel {

    color: #1D5488;

    font-size: 25px;

    font-weight: 600;

}



.modal-body p {

    font-size: 18px;

    color: #999999;

}



.modal-body {

    padding: 30px 40px;

    text-align: center;

}



.modal-header {

    border: 0px;

    padding: 30px 0px 0px;

    display: block;

    text-align: center;

}



.modal-header button.btn-close {

    display: none;

}



.modal-dialog {

    margin: 13rem auto;

}



.modal-body a.btn {

    margin-top: 20px;

    background: rgb(146, 149, 208);

    background: linear-gradient(90deg, rgba(146, 149, 208, 1) 0%, rgba(74, 171, 208, 1) 100%);

    font-size: 18px;

    padding: 8px 30px;

    color: #fff;

    font-weight: 500;

    border: 0px;

}



textarea:focus-visible {

    outline: none;

}





/*----contract-manager1 All---*/

a.btn.Select {

    background: transparent;

    border: 1px solid #297baf;

    color: #297cb0;

    font-weight: 600;

}



.new-box {

    background: #F1FBFF;

    padding: 40px 5px 30px;

    text-align: center;

    margin-bottom: 40px;

    border: 1px solid #EBEBEB;

    border-radius: 10px;

}



.new-box a.btn {

    margin-top: 20px;

    background: rgb(146, 149, 208);

    background: linear-gradient(90deg, rgba(146, 149, 208, 1) 0%, rgba(74, 171, 208, 1) 100%);

    font-size: 18px;

    padding: 8px 30px;

    color: #fff;

    font-weight: 500;

    border: 0px;

}



.new-box p {

    margin: 0px;

}



.new-Profile a {

    text-decoration: none;

    color: #333333;

    font-size: 18px;

}

.restable {
    overflow-x: scroll;
}

a.active {

    color: #1d5488;

    font-weight: 600;

}



.new-Profile a i {

    right: 10px;

    font-size: 14px;

    color: #E02D3C;

    position: relative;

    top: -12px;

}



.new-Profile {

    border-bottom: 1px solid #999999;

    padding-bottom: 20px;

    margin-bottom: 20px;

}



.detail-popup .modal-content {

    padding: 0px;

    border: 0px;

    border-radius: 0px;

    background: transparent;

}



.detail-popup {

    padding: 40px 30px;

    border: 1px solid #c2c2c2;

    border-radius: 10px;

    background: #fff;

    text-align: center;

}



.detail-popup .close {

    top: 20px;

}



.detail-popup h4 {

    color: #1D5488;

    font-size: 24px;

    position: relative;

    top: -20px;

    text-align: left;

}



.detail-popup a.btn {

    width: auto;

    padding: 10px 60px;

    margin-right: 10px;

}



a.btn.no {

    background: transparent;

    color: #dc3545;

    border-color: #dc3545;

}





/*----new css --*/

.Profile-canvas label {

    color: #999999;

    font-size: 16px;

    margin-bottom: 12px;

}



.Profile-canvas textarea.form-control {

    color: #999999;

    height: 250px !important;

}



.offcanvas.offcanvas-end.two {

    width: 580px;

}



.Profile-screen8.new-Details {

    max-width: inherit;

    margin: auto;

}



button.Profile {

    border: 0px;

    background: transparent;

    color: #1d5488;

    font-size: 20px;

    border-bottom: 1px solid;

    padding: 0px;

}

.Profile-form form {

    margin-top: 30px;

}
.dashboard-header {
    position: relative;
}

.dashboard-header:before {
    height: 100% !important;
    width: 100%;
    content: '';
    background-color: #000;
    opacity: 0.7;
    top: 0;
    left: 0;
    position: absolute;
}
.dashboard-hd {
    position: relative;
}







@media (max-width:1368.8px) {

    p#Update {

        left: 14.5%;
    }







    .contracts-dlf h4 {

        color: #424242;

        font-size: 20px;

    }





    .profile-min h1 {

        font-size: 45px;

    }



    .box.popup.contract-popup .enquiry-deals .modal-content {

        overflow: auto;

        height: 600px;

    }



    .active-tab1 .table>:not(:last-child)>:last-child>* {

        padding: 10px 5px 0px 5px !important;

    }



    .active-tab1 tbody,

    td,

    tfoot,

    th,

    thead,

    tr {

        padding: 18px 15px !important;

    }



    .active-tab1 tr {

        font-size: 15px;

    }



    .table td,

    .table th {

        white-space: nowrap;

    }

}



@media (max-width: 1199.8px) {

    .content-hd h1 {

        font-size: 45px;

    }



    .content-hd h1 br {

        display: none;

    }



    .content-hd p br {

        display: none;

    }



    .form-login {

        max-width: inherit;

    }



    .profile-min h1 {

        font-size: 40px;

    }



    .Profile-screen8 {

        max-width: 630px;

        margin: 30px auto 20px;

    }



    .my-sentssss {

        overflow-x: scroll;

    }



    .active-tab1 .table thead th {

        font-size: 15px;

    }

}





@media (max-width:1024.8px) {

    .Profile-dlf {

        left: 40px;

    }



    .profile-min h1 {

        font-size: 35px;

    }



    .Profile-screen8 {

        max-width: 530px;

    }



    .Profile-screen8 a.btn.btn-primary {

        width: 100%;

    }





}





@media (max-width:991.8px) {

    .form-login form {

        padding: 20px;

    }



    .content-hd h1 {

        font-size: 40px;

    }



    .banner-home {

        padding: 50px 0px;

    }



    .copyright {

        top: 30px;

    }



    .profile-min h1 {

        font-size: 40px;

    }



    .Profile-dlf {

        left: 20px;

    }



    .Profile-form {

        max-width: 400px;

        margin: 25px auto 20px;

    }



    .next-btn.screen6 {

        position: relative;

        margin-top: -14.5%;

    }



    .Profile-screen8 button.Profile-btn {

        padding: 12px 10px;

    }



    .Profile-screen8 textarea {

        font-size: 16px;

    }



    .profile-min p {

        font-size: 15px;

    }



    .dashboard-grid {

        grid-template-columns: repeat(2, 1fr);

    }



    .pagination-2 {

        left: 0px;

    }



    .pagination-2 .pagination {

        justify-content: end;

    }



    .managers-grid {

        grid-template-columns: repeat(2, 1fr);

    }



    .filter-cnt {

        margin-top: 10px;

    }



    .bplugins-text h2 {

        font-size: 30px;

    }



    a.btn.invoice {

        margin-right: 0px;

        margin-bottom: 8px;

        width: 100%;

    }



    .invoice-box button.btn.btn-primary {

        width: 100%;

    }



    li.box-pagi {

        padding: 0px 18px;

        margin-right: 0px;

    }



    .page-link {

        margin-right: 0px;

    }

}







@media (max-width:767.8px) {

    .content-hd {
        top: 10px;
        margin-top: 50px;

    }



    .form-login h2 {

        margin-top: 20px;

    }



    .form-login button.btn.btn-primary {

        margin: 30px 0px 20px;

    }



    .copy-min ul li a {

        margin: 0px 2px;

    }



    .profile-min {

        margin-top: 2%;

    }



    .profile-min .copy-cnt {

        margin-top: 2%;

        max-width: inherit;

    }



    .profile-banner {

        min-height: 58vh;

    }



    .Profile-form {

        max-width: inherit;

        margin: auto;

        padding: 20px 20px;

    }



    .next-btn {

        text-align: left;

    }



    .next-btn.screen6 {

        margin-top: -8%;

        text-align: right;

    }



    .Profile-screen8 button.Profile-btn {

        width: 100%;

    }



    .Payment-box {

        max-width: 450px;

        margin-top: 3% !important;

    }



    .complete-form {

        margin-top: 2% !important;

        margin: auto;

    }



    .dashboard-menu li a {

        margin-right: 5px;

        font-size: 16px;

    }



    .bplugins-section {

        padding: 10px 0px 10px;

    }



    .dashboard-box {

        padding: 30px;

        margin-bottom: 20px;

        height: inherit;

    }



    .dashboard-grid {

        grid-template-columns: repeat(1, 1fr);

    }



    .bplugins-text {

        margin-bottom: 10px;

    }



    .bplugins-text h2 {

        font-size: 26px;

    }



    .filter-cnt {

        text-align: left;

    }



    .filter-cnt select.form-select.form-controls {

        width: 22%;

    }



    .managers-box {

        margin-bottom: 20px;

    }



    .managers-cnt p {

        margin: 0px;

    }



    .managers-cnt img {

        margin-bottom: 12px;

    }



    .pagination-section {

        padding-bottom: 20px;

    }



    .page-link {

        font-size: 18px;

        padding: 4px 14px;

    }



    .invoice-box {

        margin-top: 0px;

    }



    .info-text h2 {

        font-size: 30px;

        margin-bottom: 2%;

    }



    .top-imgbp img {

        display: none;

    }



    .Payment-cnt h2 {

        font-size: 22px;

    }



    .dashboard-section.Invoice {

        padding-bottom: 20px;

    }



    .offcanvas-body button.btn.btn-primary {

        width: auto !important;

    }



    .bplugins-section.activities .container {

        padding: 20px;

    }



    .filter-contract {

        float: left;

        width: 100%;

    }



    .filter-contract select.form-select.form-controls {

        width: 100%;

    }



    .active-tab1 .filter-cnt {

        text-align: left;

    }





}



@media (max-width: 575.8px) {

    .next-btn.screen6 {

        margin-top: -11%;

    }



    .Profile-screen8 label {

        margin: 0px;

    }



    .Profile-screen8 .Profile-box {

        padding: 20px;

    }



    .Profile-screen8 {

        max-width: inherit;

        padding: 20px;

        margin: auto;

    }



    .Profile-screen8 h4 {

        margin-bottom: 10px;

    }



    .complete-form {

        max-width: initial;

        margin-top: 0% !important;

        margin: auto;

        padding: 20px 30px;

    }



    .success-form {

        max-width: inherit;

        margin: auto;

        margin-top: 0%;

        text-align: center;

        padding: 20px 40px;

    }



    .success-form .col-md-12.group-form {

        height: 360px;

        padding: 0px 30px;

    }



    .success-form label {

        margin-top: 60%;

    }



    .col-md-2.group-form.top-A {

        position: relative;

        left: -45px;

        top: -40px;

    }



    .col-md-4.group-form.top-c {

        position: relative;

        top: -86px;

    }



    .invoice-box img#viewimg {

        top: -60px;

        right: 0px;

    }



    .box.popup.contract-popup h4 {

        font-size: 22px;

    }



    .city-cnt {

        margin-top: 20px;

    }



    .box.popup.contract-popup .enquiry-deals .modal-content {

        height: 550px;

    }



    .tab-section {

        padding-bottom: 20px;

    }



}





@media (max-width:480.8px) {

    .copyright {

        top: 16px;

        text-align: center;

        display: block;

    }



    .copy-min ul li a {

        margin: 5px 8px;

    }



    .top-logo {

        top: 12px;

    }



    .banner-home {

        padding: 30px 0px;

    }



    .content-hd h1 {

        font-size: 35px;

    }



    .confirmation form {

        padding: 0px 20px 20px 20px;

    }



    .profile-min h1 {

        font-size: 30px;

    }



    h4.hp-4 {

        font-size: 26px;

    }



    .next-btn.screen6 {

        margin-top: -13%;

    }



    .success-form .col-md-12.group-form {

        height: 310px;

    }



    .bplugins h2 {

        font-size: 30px;

    }



    .dashboard-menu li a {

        margin-right: 3px;

        font-size: 16px;

    }



    .dashboard-copyright .container {

        display: block;

        text-align: center;

    }



    .login-popup .box {

        width: 370px !important;

        left: 37%;

    }



    .enquiry-deals .modal-content {

        padding: 20px;

    }



    .clientelo-cnt p {

        font-size: 16px;

    }



    .clientelo-cnt h2 {

        font-size: 24px;

    }



    .managers-grid {

        grid-template-columns: repeat(1, 1fr);

    }



    .pagination-2 {

        position: relative;

    }



    .pagination-2 .pagination {

        justify-content: center;

    }



    .pagination {

        justify-content: center;

    }



    .Payment-cnt h2 {

        font-size: 18px;

    }



    .tab-form a.btn.btn-primary {

        width: 100%;

    }

}



@media (max-width:425.8px) {

    .content-hd h1 {

        font-size: 28px;

    }



    .profile-min .copy-cnt {

        margin-top: 7%;

    }



    .profile-banner {

        min-height: 90vh;

    }



    .profile-min {

        margin-top: 4%;

    }



    .next-btn.screen6 {

        margin-top: -15%;

    }



    .Payment-box h3 {

        font-size: 35px;

        margin: 20px 0px 0px;

    }



    label.textamt {

        font-size: 18px;

    }



    .Payment-box {

        max-width: 390px;

    }



    .Profile-logo {

        margin-top: 20px;

    }



    .success-form .col-md-12.group-form {

        height: 280px;

    }



    a.notif-icon {

        margin-right: 4px;

    }



    .dashboard-header {

        padding: 20px 0px;

    }



    .bplugins-text h2 {

        font-size: 24px;

        margin: 0px;

    }



    .bplugins {

        gap: 0px 15px;

    }



    .dashboard-box p {

        margin: 20px 0px;

    }



    .dashboard-menu {

        margin-top: 20px;

    }



    .dashboard-menu li a {

        margin-right: 0px;

        font-size: 14px;

    }



    .managers-cnt p {

        margin-bottom: 10px;

    }



    .profile-bg img {

        height: 300px;

    }



    .Payment-cnt h2 {

        font-size: 16px;

    }



    .table-total td h4 {

        margin: 10px 0px 0px;

    }



    .col-md-2.group-form.top-A {

        left: -15px;

        top: -40px;

    }



    .invoice-box img#viewimg {

        top: -60px;

        right: -40px;

    }



    .bplugins.infom-top h5 {

        font-size: 18px;

    }



    p#Update {

        top: 48%;

        left: 36%;

        font-size: 16px;

    }



    .tabs-cantent {

        padding: 20px;

    }



    .nav-pills .nav-link {

        font-size: 16px;

    }



    .tab-form.Profile-form {

        padding: 0px;

    }

}



@media (max-width:376.8px) {

    .profile-min h1 {

        font-size: 25px;

    }



    h4.hp-4 {

        font-size: 21px;

    }



    .Profile-form a.btn.btn-primary {

        width: 100%;

    }



    .next-btn.screen6 a.btn.btn-primary {

        width: 100%;

    }



    .next-btn.screen6 {

        margin-top: 1%;

    }



    p#changephoto {

        width: 100%;

        margin: 20px 0px 0px;

    }



    .Payment-box {

        max-width: 340px;

    }



    .Payment-box h3 {

        font-size: 30px;

    }



    .login-popup .box {

        width: 335px !important;

    }



    .dashboard-view {

        display: block;

        text-align: center;

    }



    .dashboard-hd {

        justify-content: center;

        margin-top: 10px;

    }



    .bplugins-text h2 {

        font-size: 22px;

    }



    .bplugins {

        gap: 0px 10px;

    }



    .col-md-2.group-form.top-A {

        left: 12px;

    }



    .invoice-box img#viewimg {

        right: -50px;

    }



    .filter-contract {

        float: left;

    }



    .filter-contract a.btn {

        font-size: 16px;

        padding: 10px 20px;

    }

}



/*HAriom Singh Earning Section*/

#earnings {

    font-family: Arial, Helvetica, sans-serif;

    border-collapse: collapse;

    width: 100%;

}



#earnings td,
#earnings th {

    border: 1px solid #ddd;

    padding: 8px;

}



#earnings tr:nth-child(even) {
    background-color: #f2f2f2;
}



#earnings tr:hover {
    background-color: #ddd;
}



#earnings th {

    padding-top: 12px;

    padding-bottom: 12px;

    text-align: left;

    background: linear-gradient(90deg, rgba(146, 149, 208, 1) 0%, rgba(74, 171, 208, 1) 100%);

    color: white;

}



.add-new-box {

    text-align: center;

    background: #d3d3d3;

    padding: 40px;

    max-width: 500px;

    margin: 90px auto;

}

.Profile-dlf {
    padding: 0px 0px;
    left: 0;
    padding-left: 50px;
    padding-bottom: 90px;
}

.states .open>.dropdown-menu {

    height: 200px;

    overflow-y: scroll;

    width: 100%;

    padding: 10px;

}

.get1 {

    position: relative;

}

.col-md-12.group-form.get1 .eye-icon {

    position: absolute;

    top: 13px;

    right: 24px;

}