*{margin: 0;padding: 0;}
body, html {height: 100%;margin: 0;font-family: 'Montserrat', sans-serif;}
html{height:100%;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}

a{text-decoration: none;color:inherit}
a:hover{text-decoration: none}
h1,h2,h3,h4,h5,h6{ margin: 0px; padding: 0px;}
p{margin: 0;}
ul{list-style-type: none;display: inline-block;width:100%;padding: 0;margin: 0;}
li{list-style-type: none;}


h1{font-size:36px;} 
h2{font-size:30px} 
h3{font-size:24px} 
h4{font-size:20px} 
h5{font-size:18px} 
h6{font-size:16px}

.text-capitalize{text-transform: capitalize}
.text-lowercase{text-transform: lowercase}
.text-uppercase{text-transform: uppercase;}
.max-container90{max-width: 90%;margin: 0px auto}
.zindex99999{z-index: 99999;position: relative}

.p-10{padding-top: 10px;padding-bottom: 10px; }.p-20{padding-top: 20px;padding-bottom: 20px; }.p-30{padding-top: 30px;padding-bottom: 30px; }.p-40{padding-top: 40px;padding-bottom: 40px; }.p-50{padding-top: 50px;padding-bottom: 50px; }.p-60{padding-top: 60px;padding-bottom: 60px; }.p-70{padding-top: 70px;padding-bottom: 70px; }.p-80{padding-top: 80px;padding-bottom: 80px; }.p-90{padding-top: 90px;padding-bottom: 90px; }.p-100{padding-top: 100px;padding-bottom: 100px; }

.pt-10{padding-top: 10px}.pt-20{padding-top: 20px}.pt-30{padding-top: 30px}.pt-40{padding-top: 40px}.pt-50{padding-top: 50px}.pt-60{padding-top: 60px}.pt-70{padding-top: 70px}.pt-80{padding-top: 80px}.pt-90{padding-top: 90px}.pt-100{padding-top: 100px}

.pb-10{padding-bottom: 10px;}.pb-20{padding-bottom: 20px;}.pb-30{padding-bottom: 30px;}.pb-40{padding-bottom: 40px;}.pb-50{padding-bottom: 50px;}.pb-60{padding-bottom: 60px;}.pb-70{padding-bottom: 70px;}.pb-80{padding-bottom: 80px;}.pb-90{padding-bottom: 90px;}.pb-100{padding-bottom: 100px;}.pb-150{padding-bottom: 150px;}.pb-200{padding-bottom: 200px}

.mt-10{margin-top:10px;}.mt-20{margin-top:20px;}.mt-30{margin-top:30px;}.mt-40{margin-top:40px;}.mt-50{margin-top:50px;}.mt-60{margin-top:60px;}.mt-70{margin-top:70px;}.mt-80{margin-top:80px;}.mt-90{margin-top:90px;}.mt-100{margin-top:100px;}

.mb-10{margin-bottom: 10px;}.mb-20{margin-bottom: 20px;}.mb-30{margin-bottom: 30px;}.mb-40{margin-bottom: 40px;}.mb-50{margin-bottom: 50px;}.mb-60{margin-bottom: 60px;}.mb-70{margin-bottom: 70px;}.mb-80{margin-bottom: 80px;}.mb-90{margin-bottom: 90px;}.mb-100{margin-bottom: 100px;}

.no-padding{padding: 0;}
.no-margin{margin: 0;}
.no-padding-left{padding-left: 0px;}
.border-none{border: none;}
.cursor-pointer{cursor: pointer;}
.bg-light{background: #e7e7e7;border:1px solid #eee}
.padding-40{padding: 30px;}
.w-100{width: 100%;}
.p-relative{position: relative;}

.btn-red{font-family: 'Montserrat', sans-serif;background: #ed1a23;display: inline-block;padding: 6px 20px;color:#fff ! important;font-weight: 500;font-size: 18px;transition: .5s;text-transform: uppercase;margin-top: 10px;line-height: 30px;border:none;cursor: pointer;text-decoration: none ! important;border-radius: 2px;}
.btn-red:hover{color:#fff;background: #11124b;transition: .5s;}
.btn-danger{font-family: 'Montserrat', sans-serif;background: #ed1a23;display: inline-block;padding: 6px 20px;color:#fff ! important;font-weight: 500;font-size: 18px;transition: .5s;text-transform: uppercase;margin-top: 10px;line-height: 30px;border:none;cursor: pointer;text-decoration: none ! important;border-radius: 2px;}
.btn-danger:hover{color:#fff;background: #c8151c;transition: .5s;}
.btn-red-sm{font-family: 'Montserrat', sans-serif;background: #ed1a23;display: inline-block;padding: 6px 12px;color:#fff ! important;font-weight: 500;font-size: 14px;transition: .5s;text-transform: uppercase;margin-top: 0px;text-decoration: none ! important;border-radius: 2px;cursor: pointer;border: none;}
.btn-red-sm:hover{color:#fff;background: #11124b;transition: .5s;}
.btn-blue-sm{font-family: 'Montserrat', sans-serif;background: #11124b;display: inline-block;padding: 6px 12px;color:#fff ! important;font-weight: 500;font-size: 14px;transition: .5s;text-transform: uppercase;margin-top: 0px;text-decoration: none ! important;border-radius: 2px;cursor: pointer;border: none;}
.btn-blue-sm:hover{color:#fff;background: #24257b;transition: .5s;}
.btntag-edit {background: #ed1a23;color: #fff;padding: 2px 10px;font-size: 14px;border-radius: 2px;display: inline-block;text-decoration: none ! important;}
.btntag-edit:hover{color:#fff;background: #11124b;transition: .5s;}
.btntag-danger {background: #ed1a23;color: #fff ! important;padding: 2px 10px;font-size: 14px;border-radius: 2px;display: inline-block;text-decoration: none ! important;}
.btntag-danger:hover{color:#fff;background: #c8151c;transition: .5s;}
.btntag-blue {background: #11124b;color: #fff ! important;padding: 2px 10px;font-size: 14px;border-radius: 2px;display: inline-block;text-decoration: none ! important;}
.btntag-blue:hover{color:#fff;background: #11124b;transition: .5s;}
.text-danger{color: #ed1a23 ! important;}

a:hover{ text-decoration: none; }
.header {background-color: #24257b;padding: 1rem 0;color: #fff;box-shadow: 0 1.4rem 2.8rem rgba(0, 0, 0, .08);}
.header-logo {width: 65px;}
.header-actions {gap: 3rem}
.header-name {font-weight: 400;font-size: 20px;flex: 1;text-align: center;text-transform: uppercase;}
.navbar{width:100%;background: #eee;padding: 0;}
.navbar-nav li{width:20%;text-align: center;}
.navbar-nav li a{padding: 15px 0px;transition: .5s;border-bottom: 3px solid #eee;text-decoration: none ! important;}
.navbar-nav li:hover a{color:#ed1a23;transition: .5s;}
.nav-item-selected{padding: 0px;padding-left: 0px ! important;padding-right: 0px ! important;border-bottom: 3px solid #ed1a23 ! important;}

/******Form CSS******/
label{font-weight: 500;font-size: 14px;}
.form-control{border-radius: 0px;font-family: 'Montserrat', sans-serif;font-size: 14px;height: 45px ! important;}
.form-control::placeholder{font-family: 'Montserrat', sans-serif;font-size: 14px;opacity: 60%}
.shadow-none{box-shadow: none!important;}
.amenities-img{width:40px;background: #381666;padding: 5px;}
.table td{vertical-align: middle;}
select{font-family: 'Montserrat', sans-serif;font-size: 14px;}
.MuiInputBase-formControl{height: 45px;border-radius: 0px ! important;}
.css-14s5rfu-MuiFormLabel-root-MuiInputLabel-root{top:-5px ! important}
.MuiAccordion-gutters{box-shadow: none ! important;border: 1px solid #eee ! important;border-radius: 0px ! important;margin-top: 20px ! important;}
.css-5lbw0b-MuiTypography-root{font-size: 16px ! important;text-transform: capitalize;opacity: 90%;font-family: 'Montserrat', sans-serif ! important;}
.places-list ul{padding-left: 15px;}
.places-list ul li{list-style-type: circle;}
.css-9l5vo-MuiCollapse-wrapperInner {width: 100%;border-top: 1px solid #eee;}
.css-w66kx-MuiChip-root{font-size: 10px ! important;height: 22px ! important;}
.side-form{border:1px solid #eee;padding: 15px;}
.toast-popup{display: none ! important;}
.curr-imgs {margin-top: 2rem;padding: 15px 0px;border: 1px solid #ccc;display: flex;}
.curr-imgs img{height: 100px;object-fit: cover;border:1px solid #eee}

.wrapper-box {margin: 1rem 0;background-color: #fff;padding: 0px;border-radius: 12px;display: flex;flex-direction: column;align-items: stretch;justify-content: stretch;}
.drop-area {color: #34425a;font-size: 14px;font-weight: 600;padding: 2rem;border: 3px dashed #34425a;border-radius: 12px;padding: 3rem 0rem;display: flex;gap: 1rem;align-items: center;justify-content: center;background-color: #f5f8ff;position: relative;}
.drop-area-hover {opacity: 0.75;cursor: pointer;}
.drag-drop-input {opacity: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;cursor: pointer;}

.image-picker {display: flex;flex-direction: column;gap: 1rem;align-items: center;border: 1px solid #ccc;padding: 1rem;margin: 1rem 0;}
.img {width: 100%;height: 8rem;object-fit: cover;}
.image-container {position: relative;display: flex;justify-content: center;align-items: center;width: 100%;}
.image-upload-actions {position: absolute;display: flex;flex-direction: column;align-items: stretch;justify-content: center;gap: 1rem;}

table {font-family: Arial, Helvetica, sans-serif;border-collapse: collapse;width: 100%;}
table td, table th {border: 1px solid #ddd;padding: 8px 15px;font-size: 14px;}
table tr:nth-child(even){background-color: #f2f2f2;}
table tr:hover {background-color: #eee;}
table th {padding-top: 12px;padding-bottom: 12px;text-align: left;background-color: #23237a;color: #fff;font-weight: 500;}
table .d-flex{display: flex;}
table .align-center{align-items: center}
table .text-center{text-align: center}

.add-site-actions {display: flex;justify-content: center;align-items: center;padding: 0 2rem;gap: 2rem;}

.gallery-images {margin: 2rem 0;border: 1px solid #ccc;padding: 1rem;}
.preview-container {display: grid;grid-template-columns: repeat(2, 1fr);gap: 1rem;}
.gallery-img {width: 100%;height: 4rem;object-fit: cover;}
.gallery-img-container {position: relative;display: flex;justify-content: center;align-items: center;width: 100%;}

.login {width: 100%;margin: auto;background-color: #fff;height: 100vh;}
.left-box {background-color: #a9c3ea;display: flex;justify-content: center;align-items: center;}
.login-gif {width: 80%;}
.nk-logo {width: 5rem;}
.right-box {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 1.2rem;padding: 0rem 2rem;max-width: 500px;margin: 0px auto;}

.login-heading {font-size: 2rem;font-weight: 500;}
.login-desc {font-size: 1rem;color: #777;}
.login-form {width: 100%;margin-top: 1rem;display: flex;flex-direction: column;gap: 0rem;}

/***** Dashboard CSS ******/

.card .card-image img{width: 100%;}
.card .card-text-box{padding: 15px;}
.card .card-text-box .card-heading {color: #333;font-size: 20px;text-align: center;margin-bottom: 15px;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.delete-site-btn{background: #ed1a23;position: absolute;top: 10px;right: 10px;width: 35px;height: 35px;border: 2px solid #fff;border-radius: 100px;color: #fff;font-size: 16px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: .5s;}
.delete-site-btn:hover{color:#fff;background: #11124b;transition: .5s;}
.delete-btn{background: #ed1a23;position: absolute;width: 30px;height: 30px;border: 2px solid #fff;border-radius: 100px;color: #fff;font-size: 12px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: .5s;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.delete-btn:hover{color:#fff;background: #11124b;transition: .5s;}
.card .card-actions{display: flex;align-items: center;justify-content: space-between;flex-direction: column;}
.image-preview .delete-btn{display: none;transition: .5s;}
.image-preview:hover .delete-btn{display: block ! important;transition: .5s;}
.gallery-preview-box .delete-btn{display: none;transition: .5s;}
.gallery-preview-box:hover .delete-btn{display: block ! important;transition: .5s;}

.job-post-box{display: flex;align-items: center;justify-content: start;border-bottom: 1px solid #eee;padding-bottom: 15px;}
.job-post-box:last-child{border-bottom: none;padding-bottom: 0px;margin-bottom: 0px;}
.job-post-box .job-icon{width: 80px;height: 80px;border: 1px solid #eee;display: flex;align-items: center;justify-content: center;margin-right: 15px;}
.job-post-box .job-icon i{font-size: 50px;color: rgb(184 170 203 / 70%);}

.data-box h3{border-left: 4px solid #ed1a23;padding-left: 10px;border-top-left-radius: 2px;border-bottom-left-radius: 2px;}
.data-box h2{border-left: 4px solid #ed1a23;padding-left: 10px;border-top-left-radius: 2px;border-bottom-left-radius: 2px;}

.data-box .card{border:none;}
.data-box .card-img-overlay {display: block;position: relative;background:linear-gradient(0deg, rgba(31, 15, 61, 0.7), rgba(31, 15, 61, 0.7)), url('../images/dashboard1.jpg');background-size:cover;text-decoration: none;z-index: 0;overflow: hidden;}
.data-box .card-img-overlay:before {content: "";position: absolute;z-index: -1;bottom: -16px;right: -16px;background: #ed1a23;height: 32px;width: 32px;border-radius: 32px;transform: scale(1);transform-origin: 50% 50%;transition: transform 0.25s ease-out;}
.data-box .card-img-overlay:hover:before {transform: scale(9);}