/*
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.overly .top-logo img {
    filter: brightness(50.5);
}

.dashboard-logo img{
    padding-top: 15px;
    display: inline-block;
    padding-bottom: 2px;
    width: 218px;
}

.dashboard-header .dashboard-logo img {
    filter: brightness(50.5);
}

 .Profile-logo img{
    padding-top: 15px;
    display: inline-block;
    padding-bottom: 2px;
    width: 218px;
}

.banner-home .Profile-logo img {
    filter: brightness(50.5);
}




/*-------Notification  Golu css add new 19/6/23----*/
.cm_profile img {width: 40px;height: 40px;border-radius: 50%;}
h6.hd-5 {
    color: #000 !important;
    text-align: left !important;
    font-size: 16px !important;
    display: inline-block !important;
}
.notif-text p{margin: 0px;font-size: 15px;}
.new-avatar {display: flex;align-items: center;gap: 20px;border-bottom: 1px solid #287fb2;margin-bottom: 20px;padding-bottom: 20px;}
.notif-text p a {color: #000;font-size: 15px;text-decoration: none;margin-left: 20px;}
.notif-text p{position: relative;}
.notif-text small {font-size: 15px;margin-left: 20px;}
.notif-text p::after {content: '';position: absolute;top: -22px;
    width: 12px;height: 12px;border-radius: 50px;background: #e24c4c;right:-19px;}
p.notp-dlf {display: flex;align-items: center;justify-content: space-between;font-size: 16px;color: #1D2433;font-weight: 600;border-bottom: 1px solid #277fb1;padding-bottom: 20px;margin-bottom: 20px;}

*-------Golu css add new 19/6/23----*/


/*-------Golu----*/
.popup .newpopup {
    width:650px !important;
}
.newpopup small.notif-dlf {font-size: 14px;margin-left: 0px;    gap: 10px;
    margin: 10px 0px;
    justify-content: start;}
.newpopup h5.hd-pf{font-size: 14px;}
.newpopup small.notif-dlf a{font-size: 14px;}
.newpopup h5.hd-pf::after{top:2px;right:-30px;}



banner-home.overly .top-logo img {
    filter: brightness(50.5);
}


a.img5 img {
    border-radius: 50%;
    width: 40px;
}

.bplugins img {
    border-radius: 50%;
    width: 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;
}

/*  If no data is available*/
   .add-new-box {text-align: center;background: #d3d3d3;
    padding: 40px;max-width: 500px;margin: 90px auto;}
.add-new-box h4 {font-size: 20px;color: #a49898;margin: 20px 0px;display: block;}
.add-new-box a.btn {border-radius:0px; 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;}

/*-------Golu----*/
/*----screen 1---*/
.banner-home {
    position: relative;
    padding: 118px 0px;
    background-position: center !important;
    background-size: cover !important;
}

.content-hd h1 {
    color: #fff;
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: normal;
}

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

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

.content-hd {
    position: relative;
    top: 70px;
}

.form-login h2 {
    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;
}

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

.form-login button.btn.btn-primary {
    background: rgb(116, 120, 185);
    background: linear-gradient(90deg, rgba(116, 120, 185, 1) 0%, rgba(74, 171, 208, 1) 100%);
    width: 100%;
    font-size: 20px;
    padding: 8px;
    font-weight: 600;
    margin: 30px 0px 20px;
}

.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: rgb(146, 149, 208);
    background: linear-gradient(90deg, rgba(146, 149, 208, 1) 0%, rgba(74, 171, 208, 1) 100%);
    height: 14px;
    border-radius: 4px 4px 0px 0px;
}

input.form-control.addmember {
    background-image: url(../images/Email.png);
    background-repeat: no-repeat;
    background-position: 97% center;
    background-size: 20px;
}

input.form-control.addmember2 {
    background-image: url(../images/Password-close.png);
    background-repeat: no-repeat;
    background-position: 97% center;
    background-size: 20px;
}

.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: 20%;
}

.profile-min .copy-cnt {
    margin-top: 30%;
}

.profile-min h1 {
    font-size: 50px;
    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;
}

.Profile-form .form-controls {
    background: #FCFCFC;
    color: #7e7171;
    border: 1px solid#e3d9d9;
    height: 45px;
    border-radius: 5px;
    margin-bottom: 15px;font-size:15px;
}

.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;
    margin-top: 10px;
}

.Profile-form p {
    font-size: 16px;
    color: #7D7D7D;
}
.select-payment-form {
    padding: 10%;
}
.select-payment-form .panel.panel-default.credit-card-box {
    max-width: 500px;
    margin: auto;
}
.select-payment-form input.form-control {
    margin-bottom: 15px;
}
.panel-heading.display-table {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
}
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 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: 40%;
    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;
}

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-in {
    color: #fff;
    font-size: 16px;
    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: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 2px solid #fff;
    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;
}

.Profile-screen8 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;
}

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;
}


/*----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: 500px;
    margin-top: 20px !important;
    margin: auto;
    position: relative;
}
ul.pricing-content li {
    border-bottom: 1px solid #ddd;
    list-style: none;
    padding-bottom: 8px;
}


.Payment-box form {
    background: #fff;
    padding: 11px 10px 25px;
}

.Payment-box h3 {
    color: #333333;
    font-size: 24px;
    font-weight: 700;
    margin: 40px 0px 0px;
}

.Payment-box::after {
    content: '';
    position: absolute;
    top: 0px;
    width: 100%;
    height: 10px;
    left: 0px;
    background: rgb(146, 149, 208);
    background: linear-gradient(90deg, rgba(146, 149, 208, 1) 0%, rgba(74, 171, 208, 1) 100%);
}

.profile-screen .Payment-box-slider {
    padding: 25px;
}
.Payment-box label {
    font-size: 22px;padding-top:10px;
    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 {
    background: #FCFCFC;
}

.dashboard-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0px 20px;
}

.dashboard-box {
    margin-bottom: 40px;
    height: 380px;
    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;
}

.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;
}

#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: 20px;
    margin-right: 40px;
}

small.notif-dlf {
    color: #1D2433;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 50px;
}

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 {
    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;
}

.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: 35px;
    box-shadow: 0 0 20px #ccc;
}

.info-text h2 {
    color: #202236;
    font-size: 50px;
    margin-bottom: 30px;
    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;
}
.invoicehead {
    border-bottom: 1px solid #222;
    margin-bottom: 18px;
    padding-bottom: 30px;
}
.packages-list table thead {
    background-color: #616161;
    color: #fff;
}
.packages-list table thead tr th{ color: #fff;}
.packages-list {
    margin-top: 50px;
}

.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: 16px;
}
div#chatHistoryContainer {
    max-height: 300px;
    overflow-y: scroll;
}
.table-total td.cntright {
    text-align: right;
}

.table-total td h4 {
    color: #202236;
    font-weight: 600;
    margin: 8px 0px 8px;
}

tr.top-bt {
    border-top: 1px solid #8c8181 !important;
    border-style: hidden;
}

.Payment-cnt h2 {
    color: #202236;
    font-weight: 600;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.Payment-cnt {
    padding-top: 20px;
}
.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;
}

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%;
}

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;
}
.table-total table.table.table-responsive {
    background-color: #f5f5f5;
}
.table-total table.table.table-responsive tr td {
    padding: 8px 18px;
}
/*----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: 50%;
}

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;
    width: 14%;
}

.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: #1D5488;
    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;
}

.Reject i.fas.fa-circle {
    color: #63112b !important;
}

span.circle.Reject {
    background: #F4EAE1;
}

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: #F1A153;
}

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;
}



a.btn.Select {
    background: transparent;
    border: 1px solid #297baf;
    color: #297cb0;
    font-weight: 600;
}

.new-box {
    background: #F1FBFF;
    padding: 40px 5px 20px 5px;
    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;
}

.bplugins-section .bplugins.infom-top button {
    border: none;padding: 3px 10px;
}
.bplugins-section .bplugins.infom-top {
    text-align: center;
}
.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;
}

.Profile-form .dropdown button#dropdownMenuButton1 {
    width: 100%;
    text-align: left;
    background: #FCFCFC;
    color: #7e7171;
    border: 1px solid#e3d9d9;
    padding: 12px 12px;
}
.dropdown2 .open>.dropdown-menu {
    display: block;
    width: 100%;
}
.gruop1 .open>.dropdown-menu {
    display: block;
    width: 100%;
    padding: 10px 10px;
}
.states .open>.dropdown-menu {
    height: 200px;
    overflow-y: scroll;
    width: 100%;
    padding:10px;
}

span#togglePassword {
    position: absolute;
    top: 33%;
    right: 28px;
    transform: translateY(-50%);
}







@media (max-width:1368.8px) {
   
   .new-box {
    background: #F1FBFF;
    padding: 30px 5px 20px;}
    
   .contracts-dlf h4{font-size:20px !important;}
    
    .profile-min h1 {
        font-size: 30px;
    }

    .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;
    }

    /*----new css --*/
.Profile-canvas label {
    color: #999999;
    font-size: 16px;
    margin-bottom: 12px;
}

    .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: 0px;
        margin-top: 30px;
    }

    .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;
    }
}

.tandc{margin-top:10px;}