/* Manrope TTF Font Faces */
@font-face {
  font-family: 'Manrope';
  src: url('/Assets/lib/font-awesome/fonts/Manrope-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('/Assets/lib/font-awesome/fonts/Manrope-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('/Assets/lib/font-awesome/fonts/Manrope-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('/Assets/lib/font-awesome/fonts/Manrope-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
html, body {  font-family: 'Manrope', sans-serif; scroll-behavior: smooth;font-weight: 400; color: #1e293b;   font-size: 16px; line-height: 22px; background: #f8fafc; overflow-x: hidden; scroll-behavior: smooth; }

a{color: #ffffff;; text-decoration:none; transition:color 0.3s ease-in-out;}
a:hover{color:#fcd400; text-decoration:none;}
.clearfix{width:100%;}
/* Back to top button */
.back-to-top{position:fixed; display:none; background: linear-gradient(to right, #071018, #0a3a86);border: 1px solid white; color:#fff; width:44px; height:44px; text-align:center; line-height:1; font-size:16px; border-radius:50%; right:15px; bottom:15px; transition:background 0.5s; z-index:999;}
.back-to-top i{ color:#fff; margin-top: 11px;}
.header{margin:0; padding:0;}
.header-upper{background: #242b3e; height:35px;}
.Login_btn{background:#fcae39; color:#fff !important; }
.logo{padding:0; display:inline-block; font-size:30px; font-weight:bold; text-transform:uppercase; color:#333;}
.logo img {margin-bottom: 8px;margin-top: 0px;height: 60px; padding: 5px;}
.logo a{color:#242b3e; text-decoration:none;}
.logo a:hover{color: #242b3e; text-decoration:none;}
.slimScrollBar{background: #fff !important;width: 0px;}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* ===============================
   NAVBAR (FINAL CLEAN VERSION)
================================ */

/* RESET */
.main-nav, .main-nav * {margin: 0;padding: 0;list-style: none;}
.header-flex {display: flex;align-items: center;}
.nav-group {margin-left: auto;display: flex;align-items: center;gap: 20px;}
.main-nav ul {display: flex;gap: 30px;align-items: center;}
.main-nav > ul > li {position: relative;white-space: nowrap;}
.main-nav a {color: #cbd5f5;font-size: 14px;font-weight: 500; padding: 4px 0;position: relative;text-decoration: none;transition: all 0.3s ease;}
.main-nav li.active a{color: #ffffff;}
.main-nav a::after {content: "";position: absolute;left: 0;bottom: -6px;width: 0%;height: 3px;background: #facc15;transition: 0.3s ease;border-radius: 10px;}
.main-nav li.active a::after,
.main-nav a:hover::after {width: 100%;}
.book-btn {background: #facc15;color:#0a3a86;padding: 8px 18px;border-radius: 25px;font-weight: 600;text-decoration: none;transition: 0.3s;}
.book-btn:hover {background: #fbe224;color:#022b6b; transform: translateY(-3px) !important;box-shadow: 0 12px 60px rgba(250, 204, 21, 0.5);}
.fixed-top {background: linear-gradient(to right, #0a3a86, #075ad7);padding: 12px 0;}
.main-nav a:hover,
.main-nav .active > a,
.main-nav li:hover > a {color: #facc15;}
/* .main-nav a:hover {background: #fff3e8;color: #00d4ff;} */
.main-nav li a:focus {color: #facc15;text-decoration: none;}
.main-nav .drop-down ul {display:block; position:absolute; left:0; top:calc(100% + 30px); z-index:999; opacity 0; visibility:hidden; padding:0; background:#fff; box-shadow:0px 0px 30px rgba(127, 137, 161, 0.25); transition:ease all 0.3s;}
.main-nav .drop-down:hover > ul {opacity:1; top:100%; visibility:visible;}
.main-nav .drop-down li {min-width:180px; position:relative;}
.main-nav .drop-down ul a {padding:10px 20px;font-size: 13px;color: #242b3e; border-right:none;}
.main-nav .drop-down ul a:hover, .main-nav .drop-down ul .active > a, .main-nav .drop-down ul li:hover > a {color:#00d4ff; background:#dae9ff;}
.main-nav .drop-down > a:after {content:"\f107"; font-family:FontAwesome; padding-left:0px;}
.main-nav .drop-down .drop-down ul {top:0; left:calc(100% - 30px);}
.main-nav .drop-down .drop-down:hover > ul {opacity:1; top:0; left:100%;}
.main-nav .drop-down .drop-down > a {padding-right:35px;}
.main-nav .drop-down .drop-down > a:after {content:"\f105"; position:absolute; right:15px;}

/* Mobile Navigation */
.mobile-nav {position:fixed; top:0; bottom:0; z-index:9999; overflow-y:auto; left:-260px; width:260px; padding-top:18px; background:rgba(50, 50, 50, 0.8); transition:0.4s;}
.mobile-nav * {margin: 0;padding: 0;list-style: none;}
.mobile-nav a {display:block; position:relative; color:#fff; padding:5px 10px; font-weight:500; font-size:13px;}
.mobile-nav a:hover,
.mobile-nav .active > a,
.mobile-nav li:hover > a {color:#00d4ff; text-decoration:none;}
.mobile-nav .drop-down > a:after {content:"\f078"; font-family:FontAwesome; padding-left:10px; position:absolute; right:15px;}
.mobile-nav .active.drop-down > a:after {content:"\f077";}
.mobile-nav .drop-down > a {padding-right:35px;}
.mobile-nav .drop-down ul {display:none; overflow:hidden;}
.mobile-nav .drop-down li {padding-left:20px;}
.mobile-nav-toggle{position:fixed; right:0; top:8px; z-index:9998; border:0; background:none; font-size:24px; transition:all 0.4s; outline:none !important; line-height:1; cursor:pointer; text-align:right;}
.mobile-nav-toggle i {margin:18px 10px 0 0; color: #ffffff;}
.mobile-nav-overly{width:100%; height:100%; z-index:9997; top:0; left:0; position:fixed;     background: rgb(50 50 50 / 80%); overflow:hidden; display:none;}
.mobile-nav-active {overflow:hidden;}
.mobile-nav-active .mobile-nav {left:0;}
.mobile-nav-active .mobile-nav-toggle i {color: #ffffff;}

/* ===============================
   NAVBAR SCROLL BEHAVIOR
================================ */
.fixed-top {top: 0;transform: translateY(0);transition: all 0.35s ease; background: linear-gradient(to right, #0a3a86, #075ad7);box-shadow: none; padding: 12px 0;}
.fixed-top.nav-scrolled {background: linear-gradient(to right, #0a3a86, #075ad7); box-shadow: 0 8px 50px rgba(250, 204, 21, 0.3);}
.nav_bar {padding: 2px 0;}
.master-wrapper-content {margin: 0;min-height: 100vh;}
.main_container {width: 100%;margin: 10px 0;} 
/* min-height: 400px; */
.nav-link {color: #333;}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {color: #242b3e;}


.Login_btn{background-color: #242b3e; border-radius:10px; padding: 10px 25px !important;}
.Login_btn:hover {background-color: #084c61  ;}
.save-btn{background:  #242b3e; border:1px solid  #242b3e; color: #FFFFFF; border-radius: 5px; padding: 2px 5px;}
.save-btn:hover{background:  #242b3e; border:1px solid  #242b3e; color: #FFFFFF;}
.Blue-heading{ color: #242b3e;}

.form_head{font-size:25px; text-transform:uppercase; text-align:center; color: #242b3e; font-weight:bold; margin:0 0 20px;}
.form_tab{width:100%; margin:0 0 20px;}
.form_tab ul{margin:0; padding:0;}
.form_tab ul li{margin:0 0 10px; padding:0 20px 0 0; list-style-type:none; display:inline-block;}
.form_tab ul li a{color:#7c7c7c; text-decoration:none;}
.form_tab ul li.active{color: #242b3e;}
.form_tab ul li.active .no{background: #242b3e; width:30px; height:30px;  border-radius:50%; color:#fff; font-weight:bold; font-size:20px; display: inline-block; text-align: center; line-height: 30px; margin:0 10px 0 0;}

.form_tab ul li .no{background:#7c7c7c; width:30px; height:30px;  border-radius:50%; color:#fff; font-weight:bold; font-size:20px; display: inline-block; text-align: center; line-height: 30px; margin:0 10px 0 0;}
.form_tab ul li .line{width:150px; height:1px; border-bottom:1px solid #7c7c7c; margin: 17px 0 0; float: left;}
.form_tab ul li.active .line{width:150px; height:1px; border-bottom:1px solid #242b3e; margin: 17px 0 0; float: left;}
/*--------------------------------------------------------------
# Error msg
--------------------------------------------------------------*/
.error_msg{color:#cd1414; position:absolute; font-size:11px; display:block; margin:15px 0 0;}
.mandatory{color:#cd1414;}
.form-label{margin:0;}
.form-check-label{font-size: 13px;}
.form_heading{font-size:20px; text-transform:uppercase; color:#18ca96; border-bottom:1px solid #18ca96;}
.DatePick{background: #fff url(../images/CalIcon.png) right center no-repeat; background-position: right; background-repeat: no-repeat;}
.form-control {font-size: 12px;}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.footer {background: linear-gradient(135deg, #0f0a07, #1a120d);color: #fff;padding: 60px 0 30px;font-size: 14px;}
.footer-logo-wrap {text-align: center;}
.footer-logo-img {height: 55px;width: auto;border-radius: 10px;}
.footer-brand h5 {font-size: 18px;font-weight: 600;}
.footer-brand small {font-size: 12px;color: #cfcfcf;}
.footer-desc {color: #d1d1d1;margin-top: 15px;max-width: 90%;}
.footer_head {font-size: 15px;font-weight: 600;margin-bottom: 15px;letter-spacing: 1px;text-transform: uppercase;}
.footer_link {list-style: none;padding: 0;margin: 0;}
.footer_link li {margin-bottom: 8px;color: #d1d1d1;}
.footer_link li a {color: #d1d1d1;text-decoration: none;transition: 0.3s;}
.footer_link li a:hover {color: #00d4ff;}
.footer-contact {color: #d1d1d1;margin-bottom: 8px;}
.footer-contact i {margin-right: 8px;}
.sociallink a {display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;background: rgba(255, 255, 255, 0.08);border-radius: 50%;color: #fff;margin-right: 8px;transition: 0.3s;}
.sociallink a:hover {background: #00d4ff;color: #000;}
.footer-divider {border-color: rgba(255, 255, 255, 0.1);margin: 30px 0 20px;}


/*--------------------------------------------------------------
# Start Datatable CSS
--------------------------------------------------------------*/
.table {color: #333;border: 1px solid rgb(225, 225, 225);}
.table tr {border-bottom: 1px solid #ffffff;border-bottom: 1px solid rgb(225, 225, 225);}
.table thead {background: #dae9ff;color: #000000;border-bottom: 1px solid rgb(225, 225, 225);font-weight: normal;}
table.dataTable.no-footer {border-bottom: 0;}
table.dataTable thead th {padding: 5px;}
table.dataTable tbody td {padding: 5px;}
.dataTables_wrapper .dataTables_paginate .paginate_button {padding: 0px 8px;background: #555555;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {background: #00d4ff; border-radius: 10px;color: #fff !important;}
.dataTables_length {display: none;}
.dataTables_length select {border: 1px solid #242b3e; padding: 2px 8px;border-radius: 6px; outline: none;}
.dataTables_info {display: none;}
.dataTables_filter {display: none;margin-bottom: 7px;border-radius: 10px;border-color: #242b3e !important;}
.dataTables_filter input {border: 1px solid #242b3e;border-radius: 6px;}
.table .fa {font-size: 13px;}

/*--------------------------------------------------------------
# End Datatable CSS
--------------------------------------------------------------*/

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {color: #fff;background-color: #242b3e;border-color: #dee2e6 #dee2e6 #242b3e;}
.nav-logo {height: 45px;margin-top: -1px;}
.fa-icon {color: #343a40;}
.fa-search {position: absolute;right: 20px;top: 50%;transform: translateY(-50%);color: #58069b;cursor: pointer;}
.bot-message {  background-color: #e7ebf0;color: #000000;align-self: flex-start;margin-right: auto;}
.input-area {border-radius: 10px;background-color: #e7ebf0;position: sticky;bottom: 0;z-index: 100;color: #333;}
.bg-chat-input {background-color: #ffffff;border-radius: 15px;color: #333;}
#userInput:focus {outline: none;box-shadow: none;}
.search_bar {padding: 8px;border: 1px solid #242b3e;border-radius: 10px;margin: 5px;width: 96%;margin-left: 7px;}

.input-group {padding: 20px 10px;border-radius: 15px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);overflow: hidden;background-color: white;}
.input-group-text {background-color: transparent;border: none;}
.form-control {border: block;box-shadow: none !important;border-radius: 6px;}

/*--- card ---*/
.card {background-color: #ffffff;overflow-y: auto;border-radius: 10px;border: 1px solid rgb(226, 226, 226);padding: 5px;}
/*--- All Button---*/
.btn {font-size: 14px;}

.btn-check:active+.btn-primary,
.btn-check:checked+.btn-primary,
.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {color: #fff;background-color: #242b3e;border-color: #242b3e;}

.card-table {background-color: #ffffff;overflow-y: auto;border-radius: 10px;border: 1px solid rgb(226, 226, 226);}
.card-table-body {padding: 0;}
.card-table table {width: 100%;border-collapse: separate;border-spacing: 0;}
.card-table th,
.card-table td {padding: 12px 16px;text-align: left;vertical-align: middle;}
.card-table th {color: #64748b;}
.table>:not(:last-child)>:last-child>* {border-bottom: 1px solid rgba(100, 116, 139, 0.1);font-weight: normal;}
.card-table tr {border-bottom: 1px solid #e0e0e0;}
.card-table thead tr {background-color: #f8f9fa;}


#favicon {border-radius: 20px;}
.label {color: black !important;}
.custom-contact-field {display: flex;gap: 10px;}

.custom-contact-field select,
.custom-contact-field input {flex: 1;}
.custom-contact-field select {flex: 0 0 130px;}

#back-to-home {font-size: 16px; font-weight: 500; color:  #242b3e;}
.btn-add { font-size: 16px;padding: 8px 16px;  border-radius: 10px;color: #fff;background-color: #242b3e;border-color: #242b3e;}
.btn-add:hover {color: #fff;background-color: #374469;border-color: #374469;}

.form-check .form-check-input {border: 1px solid rgb(205, 205, 205);box-shadow: none;}
.form-card {border: 1px solid rgb(205, 205, 205);border-radius: 6px;}
.form-card:hover {border-color: #242b3e;}
.dropdown-icon {pointer-events: none;font-size: 1rem;color: #6c757d}
select.form-control {appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.user_image{height: 20px;width: 20px;border-radius: 50px;} 

.nav-tabs .nav-link {border: none;border-bottom: 3px solid transparent;color: #333;font-weight: 500;margin-right: 20px;}
.nav-tabs .nav-link.active {border-color: #242b3e;color: #242b3e;}
.form-select{ border-radius: 6px; font-size: 12px;}
.ellipsis {display: inline-block;max-width: 100px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;}

.form-label {font-weight: 600;}
#badge-Verified{display: inline-block;padding: 0px 14px;background-color:#f0fdf4 ;color: #16a75a;border: 1px solid #16a75a; font-size: 10px;border-radius: 15px;font-weight: 500;}
#badge-Pending{display: inline-block;padding: 0px 14px;background-color: #fefce8;color: #ca9955;border: 1px solid #ca9955; font-size: 10px;border-radius: 15px;font-weight: 500;}
#badge-Rejected{display: inline-block;padding: 0px 14px;background-color: #fef2f2 ;color: #e3266e ;border: 1px solid #e3266e; font-size: 10px;border-radius: 15px;font-weight: 500;}
#badge-Inactive{display: inline-block;padding: 0px 14px;background-color: #e0e0e0 ;color: #000 ;border: 1px solid #000; font-size: 10px;border-radius: 15px;font-weight: 500;}
#badge-active{display: inline-block;padding: 0px 14px;background-color:#f0fdf4 ;color: #16a75a;border: 1px solid #16a75a; font-size: 10px;border-radius: 15px;font-weight: 500;}
#badge-break{display: inline-block;padding: 0px 14px;background-color:#fff8e1 ;color: #ff6f00;border: 1px solid #ff6f00; font-size: 10px;border-radius: 15px;font-weight: 500;}

.dataTables_wrapper .dataTables_filter input {  padding: 2px 8px;}  
.validation {color: rgb(216, 4, 4);font-size: 13px;position: absolute;margin: 0;top: inherit !important;left: inherit !important;}
.footer-logo{height: 40px; align-items: center;}
.footer-logo-img{max-height: 100%; max-width: 100%; object-fit: contain;}

.btn-primary:focus,
.btn-primary:active {outline: none;box-shadow: 0 6px 18px rgba(255,157,0,0.2);}
/* Hero Wrapper End */


/* End CSS Here */

.footer-new {background: linear-gradient(to right, #071018, #0a3a86);color: #cbd5f5;padding: 60px 0 20px;font-size: 14px;}
.footer-logo {font-size: 22px;font-weight: 700;color: #ffffff;}
.footer-text {margin: 15px 0;color: #cbd5f5;line-height: 1.6;}
.footer-new h5 {color: #ffffff;font-weight: 600;margin-bottom: 15px;}
.footer-links {list-style: none;padding: 0;}
.footer-links li {margin-bottom: 8px;}
.footer-links a {color: #cbd5f5;text-decoration: none;transition: 0.3s;}
.footer-links a:hover {color: #facc15;padding-left: 5px;}
.footer-new p {margin-bottom: 8px;}
.footer-social a {position: relative;display: inline-flex;align-items: center;justify-content: center;width: 42px;height: 42px;margin-right: 10px;border-radius: 50%;background: rgba(255,255,255,0.08);color: #fff;font-size: 16px;overflow: hidden;  transition: all 0.35s ease;}
.footer-social a:hover {color: #0a3a86;background: #facc15;transform: translateY(-6px) scale(1.08);box-shadow: 0 10px 25px rgba(250, 204, 21, 0.5);}
.footer-social a::before {content: "";position: absolute;width: 120%;height: 120%;background: rgba(250, 204, 21, 0.3);border-radius: 50%;transform: scale(0);transition: transform 0.5s ease;}
.footer-social a:hover::before {transform: scale(1.2);}
.footer-social a i {position: relative;z-index: 2;transition: transform 0.3s ease;}
.footer-social a:hover i {transform: rotate(8deg) scale(1.2);}
.footer-new hr {border-color: rgba(255,255,255,0.1);margin: 30px 0 20px;}
.footer-bottom {font-size: 13px;}
.footer-policy a {margin-left: 15px;color: #cbd5f5;text-decoration: none;}
.footer-policy a:hover {color: #facc15;}
.footer-logo img {height: 50px;width: auto;object-fit: contain;margin-bottom: 10px;}


/* Start CSS Here */

/* Hero Section Start */
.hero-section {padding: 120px 0 100px 0;background: #f8fafc;}
@keyframes floatSmooth {
  0% { transform: translateY(0) translateX(0); }
  50% { transform: translateY(-30px) translateX(-20px); }
  100% { transform: translateY(0) translateX(0); }
}
.section-tag {display: inline-block;padding: 8px 18px;border: 2px solid #facc15;color: #facc15;font-size: 13px;font-weight: 600;border-radius: 30px;letter-spacing: 1px;background: transparent;position: relative;overflow: hidden;transition: all 0.3s ease;}
.section-tag::before {content: "";position: absolute;top: 0;left: -120%;width: 120%;height: 100%;background: linear-gradient(
    120deg,
    transparent,
    rgba(250, 204, 21, 0.6),
    transparent
  );transition: all 0.6s ease;
}
.section-tag:hover::before {left: 100%; font-weight: bold;}
.section-tag:hover {background: #facc15;color: #0a3a86;box-shadow: 0 10px 30px rgba(250, 204, 21, 0.5);transform: translateY(-2px);}
.hero-title {font-size: 56px;font-weight: 700;line-height: 1.15;letter-spacing: -0.5px;color: #1e293b; margin-bottom: 30px; font-family: "Playfair Display", serif;}
.highlight-text {color: #1e40af; font-weight: 700;  position: relative;display: inline-block;}
.highlight-text::after {content: "";position: absolute;width: 140px;height: 6px;background: #facc15;bottom: -10px;left: 0;border-radius: 20px;}
.hero-desc {font-size: 17px;line-height: 1.8;color: #64748b;max-width: 520px}
.hero-buttons {margin-top: 25px;display: flex;gap: 15px;}
.hero-btn {padding: 12px 28px;border-radius: 40px;font-weight: 600;display: inline-block;transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);will-change: transform, box-shadow;}
.btn-primary {background: #facc15;color: #0a3a86 !important;box-shadow: 0 8px 30px rgba(250, 204, 21, 0.35);}
.btn-primary:hover {transform: translateY(-6px) scale(1.03);box-shadow: 0 18px 60px rgba(250, 204, 21, 0.55);}
.btn-outline {border: 2px solid #0a3a86;color: #0a3a86;box-shadow: 0 8px 30px rgba(10, 58, 134, 0.25);}
.btn-outline:hover {background: #0a3a86;color: #fff;transform: translateY(-6px) scale(1.03);box-shadow: 0 18px 60px rgba(10, 58, 134, 0.45);}
.hero-btn:active {transform: translateY(-2px) scale(0.98);}
.hero-users {display: flex;align-items: center;margin-top: 30px;}
.hero-users img {width: 38px;height: 38px;border-radius: 50%;margin-right: -10px;border: 2px solid #fff;}
.user-text {margin-left: 15px;}
.user-text span {display: block;font-size: 13px;color: #64748b;}
.hero-image-box img {width: 100%;border-radius: 20px;}
.rating-badge {position: absolute;top: 15px;right: 15px;background: #facc15;padding: 6px 14px;border-radius: 20px;font-weight: 600;box-shadow: 0 12px 60px rgba(250, 204, 21, 0.9);}
.hero-image-box {position: relative;}
.verified-box {font-family: "Playfair Display", serif; position: absolute;bottom: -25px;left: 40px; border: 2px solid #facc15;  box-shadow: 0 12px 60px rgba(250, 204, 21, 0.9);background: #fff;padding: 18px;border-radius: 15px;box-shadow: 0 10px 40px rgba(0,0,0,0.1);}
.verified-box h4 {font-size: 28px;font-weight: 800;color: #1e293b; font-weight: 700;}
.section-tag,
.hero-title,
.hero-desc,
.hero-buttons,
.hero-users {opacity: 0;}
/* Hero Section End */

/* About Section Start */
.about-section {padding: 40px 0;background: #f8f9fb;}
.about-img-box {position: relative;border-radius: 20px;}
.about-img-box img {width: 100%;border-radius: 20px;display: block;position: relative;z-index: 2;box-shadow: 0 20px 60px rgba(0,0,0,0.1);}
.shape {position: absolute;z-index: 1;}
.shape-1 {width: 120px;height: 120px;background: #e3e8ef;border-radius: 50%;top: -30px;left: -30px;}
.shape-2 {width: 160px;height: 160px;background: #facc15;bottom: -30px;right: -30px;border-radius: 30px;}
.about-content {padding-left: 50px;text-align: left;}
#about {scroll-margin-top: 90px;}
#why {scroll-margin-top: 70px;}
#contact {scroll-margin-top: 70px;}
#gallery {scroll-margin-top: 90px;}
.about-tag {display: inline-block;background: #fff3cd;color: #facc15;font-weight: 600;font-size: 12px;padding: 8px 20px;border-radius: 30px;letter-spacing: 1px;width: fit-content;}
.about-title {font-size: 44px;font-weight: 700;font-family: "Playfair Display", serif;color: #0a3a86;margin: 15px 0 20px;}
.about-content p {line-height: 1.8;color: #5f6c7b;margin-bottom: 18px;max-width: 520px;}
.about-img-box img {transition: transform 0.5s ease;}
.about-img-box:hover img {transform: scale(1.05);}
/* About Section End */

/* Feature Section Start */
.features-section {padding: 40px 0;background: #f8fafc;}
.feature-card {background: #fff;border-radius: 20px;padding: 30px;height: 100%;border: 1px solid #e2e8f0;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);position: relative;overflow: hidden;}
.feature-icon {width: 60px;height: 60px;background: #fff3cd;color: #facc15;border-radius: 15px;display: flex;align-items: center;justify-content: center;font-size: 24px;margin-bottom: 20px;transition: all 0.4s ease;}
.feature-card h4 {font-size: 20px;font-weight: 700;font-family: "Playfair Display", serif;color: #0a3a86;margin-bottom: 10px;}
.feature-card p {color: #64748b;line-height: 1.7;font-size: 15px;}
.feature-card:hover {transform: translateY(-12px) scale(1.02);box-shadow: 0 25px 70px rgba(0, 0, 0, 0.1);border-color: #facc15;}
.feature-card:hover .feature-icon {background: #facc15;color: #0a3a86;transform: rotate(8deg) scale(1.1);}
.feature-card.active {border: 2px solid #facc15;box-shadow: 0 20px 60px rgba(250, 204, 21, 0.2);}
.feature-card::before {content: "";position: absolute;width: 120%;height: 120%;background: radial-gradient(circle, rgba(250,204,21,0.15), transparent);top: -50%;left: -50%;opacity: 0;transition: 0.5s;}
.feature-card:hover::before {opacity: 1;}
/* Feature Section End */

/* Gallery Section Start */
.gallery-section {padding: 40px 0;background: #f8fafc;}
.gallery-tag {display: inline-block;background: #fff3cd;color: #facc15;font-weight: 600;font-size: 12px;padding: 8px 20px;border-radius: 30px;letter-spacing: 1px;margin-bottom: 15px;}
.gallery-title {font-size: 42px;font-weight: 700;font-family: "Playfair Display", serif;color: #0a3a86;margin-bottom: 10px;}
.gallery-subtitle {color: #64748b;max-width: 600px;margin: 0 auto;line-height: 1.7;}
.gallery-card {position: relative;border-radius: 20px;overflow: hidden;cursor: pointer;}
.gallery-card img {width: 100%;height: 250px;object-fit: cover;border-radius: 20px;transition: transform 0.6s ease, filter 0.4s ease;}
.gallery-card:hover img {transform: scale(1.1);filter: brightness(0.85);}
.gallery-card::after {content: "";position: absolute;inset: 0;background: linear-gradient(to top, rgba(10,58,134,0.3), transparent);opacity: 0;transition: 0.4s;}
.gallery-card:hover::after {opacity: 1;}
.gallery-card::before {content: "";position: absolute;inset: -2px;border-radius: 22px;background: linear-gradient(120deg, transparent, #facc15, transparent);opacity: 0;transition: 0.5s;}
.gallery-card:hover::before {opacity: 1;}
.gallery-card span {position: absolute;bottom: 20px;left: 20px;color: #fff;font-weight: 600;opacity: 0;transform: translateY(20px);transition: 0.4s;}
.gallery-card:hover span {opacity: 1;transform: translateY(0);}
/* Gallery Section End */

/* Why Choose Us Start */
.why-section {padding: 100px 0;background: linear-gradient(135deg, #0a3a86, #1e4fa3);color: #fff;position: relative;overflow: hidden;}
.why-section::before {content: "";position: absolute;inset: 0;background-image: radial-gradient(rgba(255,255,255,0.05) 1px, transparent 1px);background-size: 25px 25px;}
.why-tag {display: inline-block;background: rgba(255,255,255,0.1);color: #facc15;padding: 6px 18px;border-radius: 30px;font-size: 12px;letter-spacing: 1px;margin-bottom: 10px;}
.why-title {font-size: 42px;font-weight: 700;font-family: "Playfair Display", serif;margin-bottom: 30px;}
.why-card {background: rgba(255,255,255,0.06);backdrop-filter: blur(10px);border-radius: 18px;padding: 30px;height: 100%;text-align: left;border: 1px solid rgba(255,255,255,0.08);transition: all 0.3s ease;}
.why-icon {width: 55px;height: 55px;background: rgba(250,204,21,0.15);color: #facc15;border-radius: 14px;display: flex;align-items: center;justify-content: center;font-size: 22px;margin-bottom: 15px;transition: all 0.3s ease;}
.why-card h5 {font-size: 18px;font-weight: 700;margin-bottom: 8px;}
.why-card p {color: rgba(255,255,255,0.7);font-size: 14px;line-height: 1.6;}
.why-card h5,
.why-card p {transition: 0.3s ease;}
.why-card:hover h5 {color: #facc15;}
.why-card:hover {transform: translateY(-6px);border-color: rgba(250,204,21,0.4);box-shadow: 0 10px 30px rgba(0,0,0,0.2); /* soft shadow */}
.why-card:hover .why-icon {background: rgba(250,204,21,0.25);}
.why-card:hover::before {opacity: 1;}
/* Why Choose Us End */

/* Testimonial Section Start */
.testimonial-section {padding: 60px 0;background: #f8fafc;}
.testimonial-title {font-size: 34px;font-weight: 700;font-family: "Playfair Display", serif;}
.testimonial-slider {max-width: 700px;margin: 20px auto 0;}
.swiper,
.swiper-wrapper,
.swiper-slide {height: auto !important;}
.testimonial-card {background: #fff;border-radius: 16px;padding: 28px 32px;margin: 0 auto;box-shadow: 0 10px 25px rgba(0,0,0,0.06);transition: 0.3s ease;}
.testimonial-card:hover {transform: translateY(-3px);}
.stars {color: #facc15;font-size: 18px;margin-bottom: 10px;}
.testimonial-card p {font-size: 15px;color: #475569;line-height: 1.6;margin-bottom: 16px;}
.user {display: flex;align-items: center;justify-content: center;gap: 10px;}
.user img {width: 45px;height: 45px;border-radius: 50%;}
.user h6 {margin: 0;font-size: 14px;font-weight: 600;}
.user span {font-size: 12px;color: #64748b;}
.swiper-button-prev,
.swiper-button-next {display: none !important;}
.testimonial-controls {margin-top: 15px;display: flex;justify-content: center;gap: 10px;}
.testimonial-controls button {width: 40px;height: 40px;border-radius: 50%;border: none;background: #fff;color: #0a3a86;display: flex;align-items: center;justify-content: center;box-shadow: 0 4px 15px rgba(0,0,0,0.2);cursor: pointer;transition: all 0.25s ease;}
.testimonial-controls button:hover {background: #facc15;transform: translateY(-2px);}
.testimonial-controls i {font-size: 13px;}
/* Testimonial Section End */

/* Contact Section Start */
.contact-section {padding: 100px 0;background: linear-gradient(135deg, #0a3a86, #1e4fa3);color: #fff;position: relative;overflow: hidden;}
.contact-section::before {content: "";position: absolute;inset: 0;background-image: radial-gradient(rgba(255,255,255,0.05) 1px, transparent 1px);background-size: 25px 25px;}
.contact-tag {display: inline-block;background: rgba(255,255,255,0.1);color: #facc15;padding: 6px 18px;border-radius: 30px;font-size: 12px;letter-spacing: 1px;margin-bottom: 10px;}
.contact-title {font-size: 40px;font-weight: 700;font-family: "Playfair Display", serif;margin-bottom: 15px;}
.contact-desc {color: rgba(255,255,255,0.7);line-height: 1.7;margin-bottom: 25px;}
.contact-info p {margin-bottom: 10px;font-size: 14px;}
.contact-info i {color: #facc15;margin-right: 8px;}
.contact-form-box {background: rgba(255,255,255,0.08);backdrop-filter: blur(12px);padding: 40px;border-radius: 20px;border: 1px solid rgba(255,255,255,0.15);box-shadow: 0 20px 60px rgba(0,0,0,0.2);}
.form-group {position: relative;}
.form-group input,
.form-group textarea {width: 100%;padding: 14px;border: 1px solid rgba(255,255,255,0.2);border-radius: 10px;background: transparent;color: #fff;outline: none;font-size: 14px;transition: 0.3s ease;}
.form-group label {position: absolute;top: 50%;left: 14px;transform: translateY(-50%);color: rgba(255,255,255,0.6);font-size: 13px;pointer-events: none;transition: 0.3s;}
.form-group input:focus,
.form-group textarea:focus {border-color: #facc15;box-shadow: 0 0 10px rgba(250,204,21,0.4);}
.form-group input:focus + label,
.form-group textarea:focus + label,
.form-group input:valid + label,
.form-group textarea:valid + label {top: -8px;left: 10px;background: #0a3a86;padding: 0 6px;font-size: 11px;color: #facc15;}
.contact-btn {width: 100%;padding: 14px;border-radius: 40px;border: none;background: #facc15;color: #0a3a86;font-weight: 600;transition: 0.35s;}
.contact-btn:hover {transform: translateY(-5px) scale(1.03);box-shadow: 0 15px 50px rgba(250,204,21,0.6);}
.contact-info a {color: #fff;text-decoration: none;transition: 0.3s;}
.contact-info a:hover {color: #facc15;}
/* Contact Section End */

/* FAQs Modal Start */
.modal-content {border-radius: 16px;}
.modal-header {border-bottom: none;}
.accordion-button {font-weight: 600;}
.accordion-button:not(.collapsed) {background-color: #facc15;color: #000;}
/* FAQs Modal End */


/* ===============================
   MODERN SAFETY MODAL (PREMIUM UI)
================================ */
#safetyModal .modal-content{border-radius:20px;border:none;overflow:hidden;background:#ffffff;box-shadow:0 30px 90px rgba(10,58,134,0.25);}
#safetyModal .modal-header{background:linear-gradient(to right,#0a3a86,#075ad7);color:#ffffff;padding:20px 24px;border-bottom:none;}
#safetyModal .modal-title{font-weight:600;font-size:18px;color:#fff;display:flex;align-items:center;}
#safetyModal .modal-body{padding:28px;color:#475569;}
#safetyModal ul{margin-top:18px;padding:0;}
#safetyModal ul li{display:flex;align-items:center;gap:12px;background:#f8fafc;padding:14px 16px;border-radius:14px;margin-bottom:12px;transition:all 0.3s ease;font-size:14px;border:1px solid #e2e8f0;}
#safetyModal ul li i{font-size:16px;color:#0a3a86;background:rgba(10,58,134,0.08);padding:8px;border-radius:10px;}
#safetyModal ul li:hover{transform:translateY(-3px);background:#eef2ff;box-shadow:0 10px 25px rgba(10,58,134,0.1);}
#safetyModal hr{margin:22px 0;}
#safetyModal h6{font-weight:600;margin-bottom:14px;color:#0a3a86;}
#safetyModal .safety-contact{display:flex;flex-direction:column;gap:12px;}
#safetyModal .contact-item{display:flex;align-items:center;justify-content:space-between;background:#f8fafc;padding:14px 16px;border-radius:14px;border:1px solid #e2e8f0;transition:all 0.3s ease;}
#safetyModal .contact-item i{color:#0a3a86;background:rgba(10,58,134,0.08);padding:8px;border-radius:10px;font-size:14px;}
#safetyModal .btn-close{filter:brightness(0) invert(1);opacity:0.9;}
#safetyModal .btn-close:hover{opacity:1;transform:scale(1.1);}
#safetyModal .contact-item span{flex:1;margin-left:12px;font-weight:500;color:#1e293b;}
#safetyModal .contact-item a{background:#facc15;color:#0a3a86;padding:6px 14px;border-radius:8px;font-weight:600;text-decoration:none;transition:0.3s;}
#safetyModal .contact-item:hover{transform:translateY(-3px);background:#eef2ff;box-shadow:0 10px 25px rgba(10,58,134,0.1);}
#safetyModal .contact-item:hover i{transform:scale(1.1);}
#safetyModal .btn-danger{background:linear-gradient(to right,#facc15,#f59e0b);border:none;color:#0a3a86;font-weight:600;border-radius:14px;padding:14px;transition:all 0.3s ease;}
#safetyModal .btn-danger:hover{transform:translateY(-4px);box-shadow:0 15px 40px rgba(250,204,21,0.5);}
#safetyModal .modal-dialog{animation:modalSmooth 0.35s ease;}
@keyframes modalSmooth{from{transform:translateY(40px) scale(0.96);opacity:0;}to{transform:translateY(0) scale(1);opacity:1;}}
#safetyModal .modal-dialog{max-width:500px;height:90vh;display:flex;align-items:center;}
#safetyModal .modal-content{height:100%;display:flex;flex-direction:column;}
#safetyModal .modal-header{flex-shrink:0;}
#safetyModal .modal-body{overflow-y:auto;flex-grow:1;padding:24px;}
#safetyModal .modal-body::-webkit-scrollbar{width:6px;}
#safetyModal .modal-body::-webkit-scrollbar-thumb{background:#cbd5f5;border-radius:10px;}
.hamburger-btn{background:transparent;border:none;outline:none;cursor:pointer;padding:4px 6px;display:flex;align-items:center;justify-content:center;}
.hamburger-btn i{color:#ffffff;font-size:22px;line-height:1;}
.mobile-right{gap:10px;}
.mobile-nav-toggle{display:none;}
/* End CSS Here */

/* TABLET + MOBILE */
@media (max-width: 992px) {
.menu-toggle {display: block;}
.nav-group {position: absolute;top: 70px;right: 0;width: 100%;background: #0a3a86;flex-direction: column;align-items: center;padding: 20px 0;display: none;}
.nav-group.active {display: flex;}
.main-nav ul {flex-direction: column;gap: 15px;}
.book-btn {margin-top: 4px;}
.hero-title { font-size: 34px; text-align: center; }
.hero-desc { text-align: center; margin: auto; }
.hero-buttons { justify-content: center; }
.hero-users { justify-content: center; }
.hero-right { margin-top: 40px; }
.hero-left {text-align: center;}
.section-tag {display: inline-block;margin-left: auto;margin-right: auto;}
.hero-buttons {justify-content: center;}
.hero-users {justify-content: center;}
.highlight-text::after {left: 50%;transform: translateX(-50%);}
.footer-bottom {flex-direction: column;align-items: center;text-align: center;gap: 4px;}
.footer-policy {display: flex;flex-wrap: wrap;justify-content: center;gap: 10px;}
.footer-policy a {margin: 0;}
}
@media (max-width: 992px) {
.mobile-nav-toggle {position: relative;right: auto;top: auto;z-index: auto;}
.header-flex {gap: 10px;}
}
@media (max-width: 991px) {
.about-content {padding-left: 0;text-align: center; margin-top: 40px;}
.about-tag {margin: 0 auto;}
.about-content p {max-width: 100%;}
.about-title {font-size: 32px;}
.shape-1,
.shape-2 {display: none;}
.why-card {text-align: center;}
.why-icon {margin: 0 auto 15px;}
.why-title {font-size: 30px;}
.feature-card {text-align: center;}
.feature-icon {margin: 0 auto 20px;}
.gallery-title {font-size: 30px;}
.contact-title {font-size: 28px;text-align: center;}
.contact-desc {text-align: center;}
.contact-info {text-align: center;}
.contact-form-box {padding: 25px;}
.contact-section .contact-tag {display: block;text-align: center;width: fit-content;margin: 0 auto 10px;}
}

@media (max-width: 768px) {
.footer-bottom {text-align: center;gap: 10px;}
.footer-policy a {display: inline-block;margin: 5px;}
.footer-new{text-align: center;}
.testimonial-title {font-size: 28px;}
.testimonial-card {padding: 25px;}
.logo img {padding: 10px;}
}

@media (max-width: 767px) {

}

@media (max-width: 576px) {
html, body {font-size: 14px;}
.navbar-expand-sm {flex-wrap: nowrap;justify-content: flex-start;}
.nav-logo {margin-left: 14px;}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {float: left;}
 h1 {font-size: 2rem;}
.footer {text-align: center;}
.whatsapp-float {width: 50px;height: 50px;font-size: 26px;left: 15px;bottom: 15px;}
}   

@media (max-width: 480px) {
.navbar-expand-sm {flex-wrap: nowrap;justify-content: flex-start;}
.nav-logo {margin-left: 14px;}
}

@media (max-width: 320px) {
.book-btn {padding: 4px 16px;}
.logo img {height: 54px !important;}
}