/*----------------------------
         Add CSS file
----------------------------*/
@import "../plugins/bootstrap/css/bootstrap.min.css";
@import "../plugins/fontawesome/css/all.min.css";
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

/*----------------------------
   element      
----------------------------*/
:root {
   --cyan:#21A8A8;
    --darkcyan:#0d6060;
    --lightcyan:#EBF7F7;
    --lightgray:#8C9AA1;
    --black:#4B4747;
    --green:#13E398;
    --border:#ebf7f7;
    --placeholder:#DDDCDA;
    --black:#404040;
    --red:#FF2222;
    --white:#ffffff;
    --body:#E9E9E9;
}


* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html { text-rendering: optimizeLegibility !important;-webkit-font-smoothing: antialiased !important;}
*{margin:0; padding:0}
a{ text-decoration:none;}
a:hover{ text-decoration:none !important;}
header, nav, section, article, aside, footer { display:block;}
html {font-size: 100%;}
body {font-size: 14px; background:url(../images/bg2.jpg) fixed;font-family: "Poppins", sans-serif;line-height: 26px;color:var(--gray, #4F5168);-webkit-font-smoothing: antialiased;font-weight: normal;}
h1, h2, h3, h4, h5, h6 {padding: 5px 0 15px 0;font-weight: normal;-webkit-font-smoothing: antialiased;}
:-ms-input-placeholder{color: var(--gray, #4F5168);}


::-webkit-scrollbar {
    -webkit-appearance: none;
}
::-webkit-scrollbar:vertical {
    width: 5px;
}
::-webkit-scrollbar:horizontal {
    height: 5px;
} 
::-webkit-scrollbar-thumb {
    border-radius: 5px;
    border:1px solid var(--cyan); 
    background-color:  var(--cyan);
}
::-webkit-scrollbar-track { 
    background-color: var(--darkcyan); 
    border-radius: 5px; 
} 


.wd1{width: 10%}
.wd2{width: 20%}
.wd3{width: 30%}
.wd4{width: 40%}
.wd5{width: 50%}
.wd6{width: 60%}
.wd7{width: 70%}
.wd8{width: 80%}
.wd9{width: 90%}
.wd10{width: 100%}
.wd78{width: 78%}



/*----------------------------------------
Header 
----------------------------------------*/
.logo img{ height:64px; }
.header{position: relative;padding:0px 0;width: 100%;background:var(--white);z-index: 9}
.logo {margin: 0; padding:0 }

.header-navigation .navbar {padding: 0; margin: 0;}
.header-navigation .navbar-nav {padding: 0; padding: 0; margin: 0; list-style-type: none; display: flex ; flex-wrap: wrap; align-items: center; justify-content: center;}
.header-navigation .navbar-nav > li{position:relative;} 
.header-navigation .navbar-nav > li > a {position: relative; color: var(--black); padding: 15px 20px; display: inline-block; }
.header-navigation .navbar-nav > li > a .menu-icon{text-align: center; margin-bottom: 5px;}
.header-navigation .navbar-nav > li > a .menu-icon svg path{stroke:var(--cyan);}
.header-navigation .navbar-nav > li > a .menu-text{font-size: 14px; color: var(--black); text-align: center; font-weight: 600;}
.header-navigation .navbar-nav > li.active > a{background: var(--lightcyan);}
.header-navigation .navbar-nav > li.active > a .menu-icon svg path{stroke:var(--cyan);}
.header-navigation .navbar-nav > li.active > a .menu-text{color:var(--cyan);}

.header-navigation .navbar-nav > li:hover > a{background: var(--lightcyan);}
.header-navigation .navbar-nav > li:hover > a .menu-icon svg path{stroke:var(--cyan);}
.header-navigation .navbar-nav > li:hover > a .menu-text{color:var(--cyan);}


.header-navigation .navbar-nav > li .dropdown-menu {border: 1px solid #dcf5f7; border-radius: 0; } 
.header-navigation .navbar-nav > li a.dropdown-item {position: relative; color: var(--black); text-align: left; font-size: 12px; }
.header-navigation .navbar-nav > li a.dropdown-item:active,
.header-navigation .navbar-nav > li a.dropdown-item:focus, 
.header-navigation .navbar-nav > li a.dropdown-item:hover{background-color: #f8f9fa;}
.header-navigation .navbar-nav .more-dropdown .dropdown-toggle::after,
.header-navigation .navbar-nav .profile-dropdown .dropdown-toggle::after{display: none;}

.header-navigation .navbar-nav > li.profile-dropdown .dropdown-menu {left: inherit; right: 0;}



/*----------------------------------------
Content 
----------------------------------------*/
.body-main-content{padding: 1rem 0 }


/*----------------------------
   search-filter      
----------------------------*/
.mm-head-1{display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px; padding: 10px; border-radius: 10px 10px 0 0; background:#ebf7f7;}
.mm-head-1 h2{font-size: 20px;font-weight: 600;margin: 0;padding: 0;color:var(--black);}
.mm-head{display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;}
.mm-head h2{font-size: 20px;font-weight: 600;margin: 0;padding: 0;color:var(--black);}

.search-filter .search-form-group {position: relative; }

.search-filter .form-group input.form-control{background: var(--white);border-radius: 5px;font-size: 14px;border: 1px solid var(--border);font-weight: 400;height: auto;padding: 12px;outline: 0;width: 100%;display: inline-block;color: var(--black);box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.05);line-height: normal;}
.search-filter .form-group select.form-control {background: var(--white);border-radius: 5px;font-size: 13px;border: 1px solid var(--border);font-weight: 400;height: auto;padding: 12px;outline: 0;width: 100%;display: inline-block;appearance: auto;color: var(--black);box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.05);}
.search-filter .form-group textarea.form-control {background: var(--white); border-radius: 5px; font-size: 13px; border: 1px solid var(--border); font-weight: 400; height: auto; padding: 0.94rem 0.94rem; outline: 0; width: 100%; display: inline-block; color: var(--black); box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.05); }
.search-filter .form-group .form-control:focus {border: 1px solid var(--cyan); }

.search-filter input.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:var(--placeholder); }
.search-filter input.form-control::-moz-placeholder { /* Firefox 19+ */ color:var(--placeholder); }
.search-filter input.form-control:-ms-input-placeholder { /* IE 10+ */ color: var(--placeholder); }
.search-filter input.form-control:-moz-placeholder { /* Firefox 18- */ color:var(--placeholder); }


.search-filter .search-form-group input.form-control{padding: 13px 15px 13px 40px;}
.search-filter .search-form-group span.search-icon {position: absolute; top: 50%; left: 10px; pointer-events: none; transform: translateY(-50%) scaleX(-1); color: #6362e7; font-size: 18px; }




/*----------------------------------------
btn 
----------------------------------------*/
.sign-btn {display: inline-block;position: relative;padding: 20px 36px;gap: 10px;color: var(--black);text-align: center;font-size: 16px;font-style: normal;font-weight: 600;line-height: normal;background: var(--white);z-index: 1;line-height: 1;overflow: hidden;border: none;border-radius: 100px;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.sign-btn:before {transition-duration: 800ms; position: absolute; width: 210%; height: 290%; content: ""; top: 162%; left: 50%; background: var(--cyan); -webkit-transform: translateX(-50%); transform: translateX(-50%) rotate(-8deg); border-radius: 80%; z-index: -1; }
.sign-btn:hover {color: var(--cyan); }
.sign-btn:hover:before {top: -96%; }

.mm-head-title{display: flex; align-items: center; gap: 10px;}
.backbtn{display: flex; align-items: center; gap: 10px;}
.backbtn span {background: #D0EEEE; width: 40px; height: 40px; white-space: nowrap; display: inline-block; font-size: 14px; color: var(--cyan); text-align: center; line-height: 37px; border-radius: 5px; }


.btn-cyan {
    background: var(--cyan);
    white-space: nowrap;
    border: 1px solid var(--cyan);
    padding: 10px 20px;
    display: inline-block;
    font-size: 14px;
    color: var(--white);
    border-radius: 5px;
    font-weight: 500;
    text-align: center;
}

button.swal2-confirm.swal2-styled{background: var(--cyan) !important;     box-shadow: 0px 8px 13px 0px rgba(35, 53, 111, 0.12)!important;}
button.swal2-cancel.swal2-styled{background: var(--black) !important;     box-shadow: 0px 8px 13px 0px rgba(35, 53, 111, 0.12) !important;}



div:where(.swal2-container) .swal2-select{
   background: var(--white);
    border-radius: 5px;
    font-size: 14px !important;
    border: 1px solid var(--border);
    font-weight: 400;
    height: auto;
    padding: 12px !important;
    outline: 0;
    display: inline-block;
    color: var(--black);
    box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.05);
    line-height: normal;
}

div:where(.swal2-container) h2:where(.swal2-title){
        font-size: 20px !important;
    font-weight: 600;
    margin: 0;
    padding: 0;
    color: var(--black);
}

div:where(.swal2-container) div:where(.swal2-html-container){
    font-size: 14px !important;
    font-weight: normal;
    margin: 0;
    padding: 0;
    color: var(--black);
}



/*----------------------------------------
footer 
----------------------------------------*/


.footer {background: #0d2e92 url(../images/footer-bg-min.png); position: relative; background-blend-mode: color-burn; }

.top-footer{position: relative; padding: 10rem 0 1rem 0}


.top-footer-widget h2 {font-size: 20px; color: var(--white);; margin-bottom: 10px; font-weight:bold; text-transform:uppercase; }
.top-footer-widget p {font-size: 14px;  color: var(--white); margin: 0; text-align:justify; }

.footer-social ul {display: flex ; gap: 8px; align-items: center; justify-content: start; list-style: none; margin: 0; padding: 0; }
.footer-social ul li a img {height: 28px; }


.top-footer-link {list-style: none; margin:0; padding:0; } 
.top-footer-link li {margin-bottom: 10px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } 
.top-footer-link li a {font-size:14px; color: var(--white);}

.top-footer-contact {display: flex ; gap: 10px; padding: 10px 0; border-top: 1px dashed var(--white); }
.top-footer-contact-icon img{height: 50px}
.top-footer-contact-text h4 {font-size: 14px; color: var(--orange);padding: 0; margin-bottom:10px; font-weight:bold; }
.top-footer-contact-text p {font-size: 14px;  color: var(--white); margin: 0; text-align:justify; }
.top-footer-contact-text p a{color: var(--white);}

.bottom-footer-info{padding: 10px 0; position: relative; border-top: 1px solid var(--border);}
.copyright-text {font-size: 12px; color: var(--white); margin: 0; text-align: left; }
ul.bottom-footer-link {display: flex ; justify-content: end; gap: 20px; margin: 0; padding: 0; list-style: none; }
ul.bottom-footer-link li a {font-size:14px; color: var(--white);}
.foot-logo{text-align: center;}
.foot-logo img {height: 40px; }


/*----------------------------
   popup    
----------------------------*/

.mm-modal .modal-header {border: none; text-align: center; justify-content: center; }
.mm-modal h5.modal-title {margin: 0; padding: 0; font-size: 20px; font-weight: bold; color: #6c7383; text-align: center;}
.mm-modal .modal-content {border: none; background: #fff; border-radius: 10px; }
.mm-modal button.btn-close {position: absolute; right: 0; top: 0; }


.mm-modal-form h2{font-size: 20px;font-weight: 600;margin: 0 0 1rem 0;padding: 0;text-align: center;}
.mm-modal-form h3{font-size: 16px;font-weight: 600;margin: 0 0 1rem 0;padding: 0;/* color: #212529; */text-align: center;}
.mm-modal-form p {font-size: 13px;margin: 0;color:var(--gray);line-height: 24px;font-weight: normal;text-align: center;}

.mm-modal-form{padding: 1rem; position: relative;}
.mm-modal-form .form-group {margin-bottom: 1rem; }
.mm-modal-form .form-group-media {position: relative;}
.mm-modal-form .form-group h4{    font-size: 14px; font-weight: 600; margin: 0; color:var(--black); }

.mm-modal-form .form-group input.form-control{background: var(--white);border-radius: 5px;font-size: 14px;border: 1px solid var(--border);font-weight: 400;height: auto;padding: 12px;outline: 0;width: 100%;display: inline-block;color: var(--black);box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.05);line-height: normal;}
.mm-modal-form .form-group select.form-control {background: var(--white);border-radius: 5px;font-size: 13px;border: 1px solid var(--border);font-weight: 400;height: auto;padding: 12px;outline: 0;width: 100%;display: inline-block;appearance: auto;color: var(--black);box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.05);}
.mm-modal-form .form-group textarea.form-control {background: var(--white); border-radius: 5px; font-size: 13px; border: 1px solid var(--border); font-weight: 400; height: auto; padding: 0.94rem 0.94rem; outline: 0; width: 100%; display: inline-block; color: var(--black); box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.05); }
.mm-modal-form .form-group .form-control:focus {border: 1px solid var(--cyan); }

.mm-modal-form .form-group-media .form-control{padding: 0 50px  0 0}
.form-group-icon{position: absolute; right: 10px; top: 8px;}

.mm-modal-form input.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:var(--placeholder); }
.mm-modal-form input.form-control::-moz-placeholder { /* Firefox 19+ */ color:var(--placeholder); }
.mm-modal-form input.form-control:-ms-input-placeholder { /* IE 10+ */ color: var(--placeholder); }
.mm-modal-form input.form-control:-moz-placeholder { /* Firefox 18- */ color:var(--placeholder); }


.Delete-action  .cancel-btn{border: none;text-align: center;border-radius: 5px;padding: 10px 40px;color:var(--white);font-size: 13px;font-weight: 500;background:var(--red);display: inline-block;}
.Delete-action  .save-btn{border: none;text-align: center;border-radius: 5px;padding: 10px 40px;color:var(--white);font-size: 13px;font-weight: 500;background:var(--cyan);display: inline-block;}




.mm-modal-form .form-group .cancel-btn{border: none;text-align: center;border-radius: 5px;padding: 10px 40px;color:var(--white);font-size: 13px;font-weight: 500;background:var(--red);display: inline-block;}
.mm-modal-form .form-group .save-btn{border: none;text-align: center;border-radius: 5px;padding: 10px 40px;color:var(--white);font-size: 13px;font-weight: 500;background:var(--cyan);display: inline-block;}






.delete-myaccount-card{text-align: center;}
.delete-myaccount-profile-image {width:54px; margin: auto; height: 54px; position: relative; overflow: hidden; border-radius: 5px;  border: 1px solid #eaedf7; }
.delete-myaccount-profile-image img {object-fit: cover; width: 100%; height: 100%; }

.delete-myaccount-profile-text h4{    font-size: 14px; font-weight: 600; margin: 0; color:var(--black); }

.delete-myaccount-card h2{font-size: 18px; font-weight:600;  margin: 0 0 5px 0; padding: 0; color: var(--cyan); }
.delete-myaccount-card p{font-size: 14px; font-weight: 500;  margin: 0 0 10px 0; padding: 0; color: var(--black); }


.mm-modal-block-card, 
.mm-modal-report-card{padding: 10px;position: relative; }
.mm-modal-report-card button.btn-close,
.mm-modal-block-card button.btn-close {position: absolute; right: 0; top: 0;}
.mm-modal-delete-icon {width: 64px; height: 64px;    text-align: center; background:var(--white); border-radius: 100%; line-height: 64px; margin: 0 auto 0px auto; }
.mm-modal-block-card h2,
.mm-modal-report-card h2{font-size: 24px;    text-align: center; margin: 0; padding: 8px 0; color:var(--cyan); font-weight: 600; }
.mm-modal-block-card p,
.mm-modal-report-card p  {font-size: 14px; text-align: center; font-weight: 300; color:var(--black);}

button.cancel-btn {outline: none; width: 100%; padding: 10px 20px; display: inline-block; color: var(--white); font-size: 14px; font-weight: 600; border-radius: 5px; border: none; box-shadow: 0px 8px 13px 0px rgba(0, 0, 0, 0.05); background: var(--black); margin-bottom: 5px; } 
button.yes-btn {outline: none; width: 100%; padding: 10px 20px; display: inline-block; color: var(--white); font-size: 14px; font-weight: 600; border-radius: 5px; border: none; box-shadow: 0px 8px 13px 0px rgba(0, 0, 0, 0.05); background: var(--cyan); margin-bottom: 5px; }



/*----------------------------
   pagination      
----------------------------*/
.mm-table-pagination {padding: 10px 0 0 0; }
ul.mm-pagination {display: flex;padding-left: 0;list-style: none;margin: 0;}
ul.mm-pagination li a.page-link {color: var(--black);background: var(--white);position: relative;display: block;padding: 5px 15px;font-size: 14px;margin: 2px;border-radius: 5px;box-shadow: 0 3px 13px rgb(0 0 0 / 10%);font-weight: 600;}
ul.mm-pagination li.active a.page-link {color:var(--white);background: var(--cyan);}
ul.mm-pagination li.disabled a.page-link {color: var(--white);pointer-events: none;background: var(--lightgray);}