/*================
1. HEADER TOP
2. HEAD BODY
3. HEADER SECTION
4. SUB MENU
5. MOBILE MENU
6. SLIDER SECTION
7. ABOUT SECTION
8. SERVICE SECTION
9. BOX SECTION
10. COMPLAIN SECTION
11. FOOTER SECTION
12. COPYRIGHT SECTION
12. COMPANY SECTION
13. BRANCH PAGE
14. MENAGEMENT SECTION

==================*/
@import "default.css";


.body-box {
    max-width: 1200px;
    margin: 0 auto;
    background: var(--wc);
    border-right: 1px solid rgba(248, 152, 37, 0.25);
    border-left: 1px solid rgba(248, 152, 37, 0.25);



}

.custom-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

body {
    font-family: 'Nunito', sans-serif;
    color: var(--pc);
    font-size: 15px;
    position: relative;
    font-weight: 500;
    background: #e9ebee !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto', sans-serif;
}

/*HEADER TOP*/
.header-top {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00a9b1), to(#027479));
    background-image: linear-gradient(#00a9b1, #027479);
    padding: 5px 0;
}

.language-btn a {
    text-decoration: none;
    background: var(--tc);
    color: var(--wc);
    padding: 2px 5px;
    border-radius: 3px;
    text-transform: capitalize;
    -webkit-transition: .4s;
    transition: .4s;
}

.language-btn a:hover {
    background: var(--fc);
}

.language-btn a img {
    width: 18px;
}

.auth-box {
    text-align: right;
    display: inline-block;
    float: right;
    margin-right: 10px;
}

.auth-box a {
    text-decoration: none;
    background: var(--tc);
    color: var(--wc);
    padding: 2px 15px;
    border-radius: 3px;
    text-transform: capitalize;
    -webkit-transition: .4s;
    transition: .4s;
}

.auth-box a:hover {
    background: var(--fc);
}

/*END HEADER TOP*/

/*HEAD BODY*/
.head-body {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffe0ba), to(#F17840));
    background-image: linear-gradient(#ffe0ba, #F17840);
}

.logo img {
    width: 200px;
}

.mujib-logo2 {
    text-align: right;
}

.mujib-logo2 img {
    width: 80px;
    margin-bottom: 5px;
}

.mujib-txt p {
    margin-bottom: 0;
    color: var(--wc);
    text-align: right;
    font-weight: 400;
    font-size: 12px;
}

/*END HEAD BODY*/

/*HEADER SECTION*/
.header-section {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 2;
    background: var(--wc);
    border-bottom: 1px solid rgba(204, 204, 204, 0.51);

}

.menubar {
    padding: 0px 0;
    display: inline-block;
    float: left;
}

.menubar > ul {
    margin: 0;
    padding: 0;
    float: right;

}

.menubar > ul > li {
    list-style: none;
    float: left;
}

.menubar > ul > li > a {
    text-decoration: none;
    padding: 12px 8px;
    display: block;
    text-transform: capitalize;
    margin-left: 5px;
    color: var(--pc);
    font-weight: 700;
    border-radius: 1px;
    font-size: 14px;
}

.menubar > ul > li > a i {
    color: var(--pc);
    -webkit-transition: .3s;
    transition: .3s;
    font-weight: 600;
}

.menubar > ul > li > a:hover  i {
    color: var(--wc);
}

.menubar > ul > li > a:first-child {
    margin-left: 0;
}

.menubar > ul > li > a:hover {
    color: var(--wc);
    background: var(--sc);
}

/*END HEADER SECTION*/

/*SUB MENU*/
.sub-btn {
    position: relative;
}

.sub-menu {
    position: absolute;
    top: 130%;
    background: var(--wc);
    left: 0px;
    width: 200px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    /*    transform: scale(0);*/
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
    /*    transform-origin: top;*/
    z-index: 2;
}

.sub-btn:hover .sub-menu {
    opacity: 1;
    top: 100%;
    visibility: visible;
    /*    transform: scale(1);*/
}

.sub-menu ul {
    padding: 0;
    margin: 0;
}

.sub-menu ul li {
    list-style: none;
    text-align: left;
}

.sub-menu ul li a {
    display: block;
    color: var(--pc);
    font-weight: 600;
    text-decoration: none;
    padding: 5px;
    text-transform: capitalize;
    border-bottom: 1px solid rgba(0, 150, 157, 0.22);
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 14px;
}

.sub-btn:hover > a{
    background: var(--sc);
    color: var(--wc);
}
.sub-btn:hover > a > i{
    color: var(--wc);
}
.sub-menu a:hover {
    background: var(--sc);
    color: var(--wc);
}

/*child menu*/
.child-btn {
    position: relative;
}

.child-menu {
    position: absolute;
    top: 15px;
    left: 100%;
    width: 200px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    background: var(--wc);
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
}

.child-btn:hover .child-menu {
    opacity: 1;
    visibility: visible;
    top: 0;
}

.child-btn a {
    font-size: 14px;
}

.child-btn a i {
    color: var(--pc) !important;
    float: right;
    -webkit-transition: .3s;
    transition: .3s;
    margin-right: 8px;
}
.child-btn:hover{
    background: var(--sc);
}
.child-btn:hover > a{
    color: var(--wc);
}
.child-btn:hover a i {
    color: var(--wc) !important;
}


/*SUB MENU*/

/*MOBILE MENU*/
.mobile-txt {
    float: left;
    width: 50%;
    text-align: left;
}

.mobile-txt h6 {
    text-transform: capitalize;
    margin-bottom: 0;
    padding: 21px;
    color: var(--sc);
}

.mobile-btn {
    float: right;
    width: 50%;
    text-align: right;
}

.mobile-btn i {
    font-size: 25px;
    margin: 13px 0;
    cursor: pointer;
    padding: 5px;
}

.mobile-btn i:hover {
    color: var(--sc);
}

.mobile-menu {
    content: "";
    position: fixed;
    height: 100vh;
    width: 300px;
    background: var(--wc);
    top: 0;
    left: -300px;
    -webkit-box-shadow: 0px 0px 20px 1px #ccc;
    box-shadow: 0px 0px 20px 1px #ccc;
    z-index: 2;
    -webkit-transition: .4s;
    transition: .4s;
    overflow: auto;
}

.add-class {
    left: 0px;
}

/*MOBILE MENU*/

/*SLIDER SECTION*/
.slider-section {}

/*END SLIDER SECTION*/

/*ABOUT SECTION*/
.about-section {
    background: var(--wc);
}

.about-photo img {
    width: 100%;
}

.about-details h4 {
    text-transform: capitalize;
    color: var(--fc);
}
.about-details p{
    text-align: justify;
}

/*END ABOUT SECTION*/

/*SERVICE SECTION*/
.service-section {
    background: #f4f4f4;

}

.service-list {
    padding-left: 15px;
}

.service-list p i {
    color: var(--sc);
    margin-right: 10px;
}

.service-list p {
    margin-bottom: 7px;
}

/*END SERVICE SECTION*/

/*BOX SECTION*/
.box-section {
    background: var(--wc);
}
.box-box .content{
    text-decoration: none;
}

.box-box {
    width: 20%;
    float: left;
    padding: 5px;
}

.box-box span {
    color: var(--sc);
}

.box-box img {
    max-width: 70px;
    margin-right: 5px;
}

.single-box {
    margin: 0px 5px;
    min-height: 65px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
}

.single-box:hover {
    -webkit-transform: translateY(-8%);
    transform: translateY(-8%);
    -webkit-box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    background: var(--fc);
}

.single-box:hover .content span {
    color: var(--wc);
    font-size: 18px;
}

/*END BOX SECTION*/

/*COMPLAIN SECTION*/
.complain-section {
    background: #f4f4f4;

}

.complain-photo img {
    width: 100%;
}

.complain-form {
    max-width: 550px;
    margin: 0 auto;
    -webkit-box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    padding: 30px;
    background: var(--wc);
}

.complain-form label {
    display: block;
    text-transform: capitalize;
}

.complain-form input {
    display: block;
    width: 100%;
    padding: 6px;
    border: 1px solid #ccc;
}

.complain-form input:focus {
    outline: none;
    border: 1px solid var(--sc);
}

.complain-form textarea {
    display: block;
    width: 100%;
    padding: 6px;
    border: 1px solid #ccc;
}

.complain-form textarea:focus {
    outline: none;
    border: 1px solid var(--sc);
}

.complain-button .custom-btn {
    float: right;

}

.complain-button .custom-btn i {
    margin-right: 4px;
}

.section-title {
    position: relative;
}

.section-title h5 {
    text-transform: capitalize;
    display: inline-block;
    border: 1px solid var(--fc);
    margin-bottom: 0;
    border-bottom: none;
    border-right: none;
    padding: 12px;
    color: var(--fc);
}

.section-line {
    position: absolute;
    content: "";
    display: inline-block;
    height: 50px;
    width: 1px;
    background: var(--fc);
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
    margin-left: 7px;
}

/*END COMPLAIN SECTION*/

/*FOOTER SECTION*/
footer {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00a9b1), to(#027479));
    background-image: linear-gradient(#00a9b1, #027479);
    color: var(--wc);
}

.footer-box {
    margin-bottom: 10px;
}

.footer-head h5 {
    text-transform: uppercase;
    color: var(--wc);
}

.footer-head h5::after {
    content: "";
    height: 2px;
    width: 70px;
    background: var(--fc);
    display: block;
    margin-top: 10px;
}

.footer-content a {
    text-decoration: none;
    color: var(--wc);
    display: block;
    padding: 5px 0px;
    -webkit-transition: .3s;
    transition: .3s;
}

.footer-content a i {
    margin-right: 3px;
    -webkit-transition: .3s;
    transition: .3s;
    color: var(--fc);
    font-weight: 600;
}

.footer-content a:hover i {
    margin-right: 3px;
    margin-left: 3px;
}

.footer-content a:hover {
    color: var(--fc);
}

.address-box {
    padding: 5px 0;
}

.address-icon i {
    font-size: 15px;
    margin-right: 8px;
}

.address-details span {
    text-transform: capitalize;
}

/*END FOOTER SECTION*/

/*COPYRIGHT SECTION*/
.copyright-section {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffe0ba), to(#F17840));
    background-image: linear-gradient(#ffe0ba, #F17840);
}

.copyright-content p {
    margin-bottom: 0;
    color: var(--pc);
    text-align: center;
    padding: 15px 0;
    text-transform: capitalize;

}

.copyright-content p a {
    color: mediumblue;
    font-weight: 600;
}

/*COPYRIGHT SECTION*/


/*=============
BRANCH PAGE
===============*/
.branch-logo {
    text-align: center;
}

.branch-logo img {
    max-width: 300px;
}

.branch-box {
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    padding: 10px;
    border: 1px solid rgba(0, 150, 157, 0.19);
    -webkit-transition: .3s;
    transition: .3s;
    margin-bottom: 20px;
    cursor: pointer;
    min-height: 180px;
}

.branch-box:hover {
    background: rgba(0, 150, 157, 0.19);
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
}

.branch-box h6 {
    text-transform: capitalize;
    color: var(--sc);

}

.branch-box p {
    margin-bottom: 0;
    text-transform: capitalize;
}

.branch-section .row {
    --bs-gutter-x: 8px !Important;
}

/*=============
END BRANCH PAGE
===============*/

/*=============
COMPANY SECTION
===============*/
.section-head h4 {
    text-transform: capitalize;
    color: var(--sc);
    text-align: center;
}

.company-profile-box {
    -webkit-box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    padding: 40px;
    margin-bottom: 30px;
}

.company-profile-box p {
    text-align: justify;
}

.table-box table {
    width: 80%;
    margin: 0 auto;
}

.table-box table,
th,
td {
    border-collapse: collapse;
    border: 1px solid var(--pc);
    padding: 6px;
}

.table-box table td {
    text-align: left;
}

/*=============
END COMPANY SECTION
===============*/

/*=============
MENAGEMENT SECTION
===============*/
.menagement-main-box {
    max-width: 950px;
    margin: 0 auto;
}

.menagement-box {
    max-width: 300px;
    border: 1px solid rgba(248, 152, 37, 0.25);
    margin: 0 auto;
    text-align: center;
    -webkit-box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    padding: 15px 8px;
    margin-bottom: 30px;
    min-height: 320px;
    -webkit-transition: .3s;
    transition: .3s;
}

.menagement-box:hover {
    -webkit-box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
    -webkit-transform: translateY(-2%);
    transform: translateY(-2%);
}

.menagement-box h5 {
    text-transform: capitalize;
}

.menagement-box span {
    color: var(--sc);
    font-weight: 600;
    font-size: 17px;
    display: block;
}

.menagement-box img {
    width: auto;
    height: 160px;
}

.menagement-details {
    margin-top: 10px;
}

.menagement-box a {
    display: inline-block;
    color: var(--wc);
    margin-top: 10px;
    text-transform: capitalize;
    text-decoration: none;
    padding: 5px 10px;
    background: var(--fc)
}

.menagement-box a:hover {
    background: rgba(248, 152, 37, 0.81);
}

.menagement-box a i {
    margin-right: 7px;
}

.menagement-details P {
    margin-bottom: 0;
}

.d-menagement-photo {
    text-align: center;
}

.d-menagement-photo img {
    max-width: 150px;
    margin: 0 auto;
    border: 1px solid var(--fc);
    padding: 5px;
}

.d-menagement-head {
    text-align: center;
}

.d-menagement-head h5 {
    text-transform: capitalize;
    color: var(--sc);
}

.d-menagement-head h6 {
    color: var(--fc);
}

.modal-header .btn-close{
    font-weight: 800 !important;
    color: var(--pc) !Important;
}

/*=============
END MENAGEMENT SECTION
===============*/

/*================
    CONTACT PAGE
=================*/

.contact-section-box {
    max-width: 900px;
    margin: 0 auto;
}

.form-section {
    padding: 20px;
    -webkit-box-shadow: 0px 0px 8px -2px #8c8c8c;
    box-shadow: 0px 0px 8px -2px #8c8c8c;
    background: var(--wc);

}

.form-control.textarea {
    height: 110px;
}

.form-section form .form-control:focus {
    border: 1px solid var(--sc);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-title span {
    font-size: 18px;
    text-transform: capitalize;
    color: var(--sc);
}

.form-title i {
    float: right;
    display: inline-block;
    font-size: 30px;
    color: var(--sc);
}

.contect-main {
    margin-top: -223px;
    max-width: 80%;
    margin-left: 10%;
    background: var(--wc);
    -webkit-box-shadow: 0px 0px 0px 0px #ccc;
    box-shadow: 0px 0px 0px 0px #ccc;
    -webkit-box-shadow: 0px 0px 7px 1px #919191;
    box-shadow: 0px 0px 7px 1px #919191;
    border-radius: 5px;
    margin-bottom: 50px;

}

.contact-info {
    padding: 0 10px;

}

.contact-info h5 {
    color: var(--sc);
}

.contact-btn a {
    float: right;
}

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

.info-box i {
    color: var(--sc);
}

.slider-footer {
    background: rgba(114, 94, 167, 0.13);
}

.contact-info-box {
    padding: 10px;
    -webkit-box-shadow: 0px 0px 8px -2px #8c8c8c;
    box-shadow: 0px 0px 8px -2px #8c8c8c;
    background: var(--wc);
    margin-bottom: 15px;
}

.social-contact-icons p {
    color: var(--sc);
}

.social-contact-icons p a {
    text-decoration: none;
    color: #0F90F3;
    margin-left: 10px;
}

.social-contact-icons p a:hover i {
    background: #0F90F3;
    color: var(--wc);
}

.social-contact-icons p i {
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    background: var(--wc);
    border: 1px solid #0F90F3;
    border-radius: 50%;
    font-size: 18px;
    -webkit-transition: .3s;
    transition: .3s;
}

.google-maps h4 {
    color: var(--sc);
    text-transform: capitalize;
    padding: 10px;
}

/*================
END CONTACT PAGE
=================*/

/*================
CARRER SECTION
=================*/
.carrer-box {
    max-width: 1000px;
    margin: 0 auto;
}

.carrer-form {
    -webkit-box-shadow: 0px 0px 8px -2px #8c8c8c;
    box-shadow: 0px 0px 8px -2px #8c8c8c;
    background: var(--wc);
    padding: 20px;
}

.form-control.custom-input:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid var(--sc);
}

.carrer-btn {
    text-align: right;
}

.carrer-btn .custom-btn i {
    margin-right: 5px;
}

.carrer-form .input-group span {
    color: var(--sc);
}

.carrer-form label {
    color: #484848;
}

.job-here h5 {
    color: var(--sc);
    text-transform: capitalize;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--sc);
}

.job-single p {
    margin-bottom: 0;
    text-transform: capitalize;
}
.apply_post{
    width: 81%;
}

/*================
CARRER SECTION
=================*/

/*================
NOTIC SECTION
=================*/
.notic-table table {
    margin: 0 auto;
    width: 1000px;
}

.notic-table,
notic-box {
    overflow-x: auto;
}

.notic-table .table tr .date {
    width: 100px;
}

.notic-table table td a {
    color: var(--sc);
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600;
}

.notic-table table th {
    text-transform: capitalize;
    text-align: center;
}

.notic-table .table tr .download {
    width: 200px;
}

.ipo-details {
    max-width: 1000px;
    margin: 0 auto;
}

.ipo-details .ipo-icon i {
    color: var(--sc);
    font-size: 18px;
    margin-right: 10px;
}

.ipo-details .ipo-txt p {
    margin-bottom: 10px;
}

/*================
END NOTIC SECTION
=================*/

/*================
FEES SECTION
=================*/
.fee-box {
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 15px;
}

.fee-sub-head h6 i {
    font-size: 15px;
    color: var(--sc);
    margin-right: 10px;
}

.fees-txt {
    padding: 0 30px;
}

.fees-txt .fees-icon i {
    margin-right: 10px;
    color: var(--sc);
}

.fees-table {
    max-width: 900px;
    margin: 0 auto;
    overflow-x: auto;
}

.fees-table table th {
    text-align: center;
    text-transform: capitalize;
}

/*================
END FEES SECTION
=================*/

/*================
BALANCE SECTION
=================*/
.balance-box {
    max-width: 500px;
    margin: 0 auto;
    -webkit-box-shadow: rgb(0 0 0 / 16%) 0px 3px 6px, rgb(0 0 0 / 23%) 0px 3px 6px;
    box-shadow: rgb(0 0 0 / 16%) 0px 3px 6px, rgb(0 0 0 / 23%) 0px 3px 6px;
    padding: 30px;
    background: var(--wc);
    border: 1px solid rgba(248, 152, 37, 0.26);
}
.no-border{
    border: none !important;
}
.no-border tr th{
    border: none;
}
.no-border tr td{
    border: none;
}
.blance-content table,th,td{
    border: 1px solid #beb9b9;
    border-collapse: collapse;
}
.balance-content table{
    margin: 0 auto;
}


.balance-content table th{
    text-transform: capitalize;
}
.balance-content table td{
    text-transform: capitalize;
    color: var(--pc);
    text-align: left;
    font-weight: 600;
}

.withdraw-btn {
    text-align: center;
}
.balance-tk{
    color: red!Important;
    font-weight: 600;
}
.withdraw-form {
    display: block;
    max-width: 333px;
    margin: 0 auto;
}
.withdraw-form .input-group span{
    color: var(--sc);
    text-transform: capitalize;
    margin: 0 auto;
}
.withdraw-form .form-control{
    width: 50%;
}
.withdraw-form  label{
    display: block;
    color: var(--sc);
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 5px;
}
.form-fontrol.custom-control{
    width: 100% !important;
}
.posted{
    color: green;
    font-weight: 600;
}
.cancel{
    color: red;
    font-weight: 600;
}
.panding{
    color: var(--fc);
    font-weight: 600;
}
.email{
    text-transform: inherit !Important;
}
.deposit-input{
    width: 58%;
    border: 1px solid #ccc;

}
.deposit-input:focus{
    outline: none;
}
.file-input{
    width: 100% !important;
}
.withdraw-input{
    width: 46% !Important;
}
.deposit_type{
    width: 61%;
}
.deposit_slip{
    width: 100% !important;
}
/*================
END BALANCE SECTION
=================*/

/*================
LOGIN SECTION
=================*/
.login-box{
    max-width: 400px;
    margin: 0 auto;
        -webkit-box-shadow: rgb(0 0 0 / 16%) 0px 3px 6px, rgb(0 0 0 / 23%) 0px 3px 6px;
        box-shadow: rgb(0 0 0 / 16%) 0px 3px 6px, rgb(0 0 0 / 23%) 0px 3px 6px;
    padding: 25px 0;
    background: var(--wc);
    border: 1px solid rgba(248, 152, 37, 0.26);
}
.login-head h3{
    text-align: center;
    text-transform: capitalize;
    padding-bottom: 5px;
    margin: 0;
}
.login-form{
    padding: 0 30px;
}
.login-form form input{
   color: red;
}
.input-group-text.input-icon{
    background: none;
    border: none;
    border-bottom: 1px solid var(--sc);
    border-radius: 0;
}
.form-control.login-input{
    border: none;
    border-bottom: 1px solid var(--sc);
    border-radius: 0;
}
.form-control.login-input:focus{
    -webkit-box-shadow: none;
    box-shadow: none;
}
.login-forgot a{
    color: var(--sc);
}
.create-one{
    border-top: 1px solid #ccc;
}
.create-one span{
    color: #7e7c7c;
}
.create-one span a{
    color: var(--sc);
}
.accept span{
    font-size: 14px;
}
.accept span a{
    color: var(--sc);
}
/*================
END LOGIN SECTION
=================*/





/*=====================
    USER DASHBOARD
======================*/
.dashboard-left {
    width: 280px;
    background: #F7F7FA;
    border-right: 1px solid #e6e6e6;
}

.dr-head img{
    width: 100px;
    border: 2px solid #d2d2d2;
    border-radius: 50%;
    padding: 3px;;
}

.dashboard-main {
    padding: 20px;
    background: #F7F7FA;
    min-height: 530px;
}

.dr-head h6 {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 20px;
}

.dr-head {
    padding: 0 15px;

}

.dr-head a {
    text-decoration: none;
    color: var(--pc);
    text-transform: capitalize;
    font-weight: 600
}

.dr-head span {
    text-transform: capitalize;
    color: var(--thc);
}

.dashboard-item ul {
    margin: 0;
    padding: 0;
}

.dashboard-item ul li {
    list-style: none;

}

.dashboard-item ul li a {
    text-decoration: none;
    color: var(--thc);
    font-weight: 700;
    text-transform: capitalize;
    display: inline-block;
    padding: 12px 15px;
    display: block;
    transition: .3s;


}


/*================
GALLERY
=================*/

.gallery img{
    width: 100%;
}

/*================
MODIFY
=================*/
.withdraw-form.custom label{
    display: inline-block;
}
.withdraw-form.custom label i{
    font-size: 10px;
    color: red;
}
.table-first{
    width: 145px;
}
.modify-table tr td input{
    padding: 5px;
    border: 1px solid var(--pc);
    width: 100%;
}
.modify-table tr td label{
    color: var(--pc);
    font-weight: 600;
}
.modify-table tr td input:focus{
    outline: none;
    border: 1px solid var(--sc);
}
.modify-table tr td select{
    padding: 5px;
    border: 1px solid #ccc;
    width: 100%;
}
.modify-table tr td select:focus{
    outline: none;
    border: 1px solid var(--sc);
}
.balance-box.custom{
    padding: 20px 40px;
}
.withdraw-form.custom{
    max-width: 100%;
}
.bordered{
    border: 1px solid var(--sc);
    display: inline-block;
    width: 100%;
    padding: 15px;
    margin-top: 10px;
    background: #ddd;
}


.attachment_input{
    display: none;
}

.add_att_open{
    font-weight: 14px;
    cursor: pointer;
    display: inline-block;
    padding: 2px 5px;
    border-radius: 3px;
    background: var(--fc);
    color: var(--pc);
    position: relative;
}
.attachment_message{
    position: absolute;
    top: -100px;
    left: 0;
    background: #ccc;
    color: red;
    width: 200px;
    padding: 5px;
    border-radius: 5px;
    opacity: 0;
    visibility: hidden;
}
.mouse_enter{
    opacity: 1;
    visibility: visible;
}
/*================
END MODIFY
=================*/

/*================
mobile input
=================*/
.mobile-input-box{
    box-shadow: rgb(0 0 0 / 16%) 0px 3px 6px, rgb(0 0 0 / 23%) 0px 3px 6px;
    background: var(--wc);
border: 1px solid rgba(248, 152, 37, 0.26);
    background: var(--wc);
    padding: 20px;
    max-width: 800px;
    margin: 0 auto;

}
.form-left{
    width: 220px;
}
.form-left label{
    padding: 8px 0;
}
.form-right input{
    width: 100%;
}

.mobile-input-box label{
    text-transform: capitalize;
    font-weight: 600;
}
.mobile-input-box input{
    border: 1px solid #ccc;
    padding: 6px;
}
.mobile-input-box input:focus{
    outline: none;
    border: 1px solid rgba(0, 150, 157, 0.29);

}
.mobile-input-box textarea{
    border: 1px solid #ccc;
    padding: 6px;
}
.mobile-input-box textarea:focus{
    outline: none;
    border: 1px solid rgba(0, 150, 157, 0.29);

}
.mobile-input-box select{
    border: 1px solid #ccc;
    padding: 6px;
    width: 100%;
}
.mobile-input-box select:focus{
    outline: none;
    border: 1px solid rgba(0, 150, 157, 0.29);

}
.inline-class{
    display: inline !Important;
    width: inherit !Important;
}
.account-type span{
    float: left;
    width: 25%;
    margin-bottom: 15px;
    text-transform: capitalize;
}
.account-type span input{
    width: 15px !important;
    margin-left: 8px;
}
.foreign{
    width: 50% !important;
}
.application span{
    width: 33.33%!important;
}

/*================
end mobile input
=================*/
/*================
bo input
=================*/
.bo-input{
    max-width: 1200px; !important;
}
.bo-border{
    border-bottom: 1px solid #ccc;
    text-transform: capitalize;
    text-align: center;
    color: var(--sc);
    padding-bottom: 10px;
}
.trams span{
    text-transform: capitalize;
}
.trams span a{
    color: var(--sc);
}
.account_requre h6{
    color: var(--sc);
}
.account_requre ul li{
    list-style: none;
    margin-bottom: 5px;
}
.account_requre ul li i{
    color: var(--sc);
    margin-right: 5px;
}

/*================
bo input
=================*/