body{background-color: #ffffff; font-family: "Public Sans", sans-serif; font-optical-sizing: auto; font-style: normal; color: #7d7d7d; font-size: 16px; line-height: 28px;}
.osfont {font-family: "Oswald", sans-serif;}

/*------------------------------------------------------------*/
.gold-line {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 0.1rem; width: 0%; background: linear-gradient(90deg, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c); box-shadow: 0 0 15px rgba(212, 175, 55, 0.8); z-index: 9999; animation: expandLine 1.2s cubic-bezier(0.77, 0, 0.175, 1) forwards;}
.reveal-curtain {position: fixed; left: 0; width: 100%; height: 50vh; background-color: #fff; z-index: 9998; pointer-events: none; }
.reveal-curtain.top {top: 0; animation: openTop 1.2s cubic-bezier(0.77, 0, 0.175, 1) 1.2s forwards;}
.reveal-curtain.bottom {bottom: 0; animation: openBottom 1.2s cubic-bezier(0.77, 0, 0.175, 1) 1.2s forwards;}

@keyframes expandLine {0% {width: 0%; opacity: 0;}50% {opacity: 1;}100% {width: 100%;opacity: 0;}}
@keyframes openTop {0% {transform: translateY(0%);}100% {transform: translateY(-100%);}}
@keyframes openBottom {0% {transform: translateY(0%);}100% {transform: translateY(100%);}}

/*------------------------------------------------------------*/
.image-container {position: relative;}
.main-image {width: 100%; height: 100%; object-fit: cover; display: block;}

.overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);}
.overlay-text {color: white; font-size: 24px; font-family: Arial, sans-serif; font-weight: bold;}
.overlay-bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 1;}

.carousel-caption {z-index: 2;}

/*------------------------------------------------------------*/
.nav-item a{color: #fff; font-size: 17px; font-family: "Oswald", sans-serif; font-weight: normal;}
.nav-item a:hover{color: #b19777; font-size: 17px; font-family: "Oswald", sans-serif; font-weight: normal;}
.dropdown a{color:#b19777; font-size: 17px; font-family: "Oswald", sans-serif;}
.dropdown a:hover{color:#0a0a0a; font-size: 17px; font-family: "Oswald", sans-serif;}

/*------------------------------------------------------------*/
.slfont {font-size: 32px; color: #fff; font-family: "Oswald", sans-serif; font-size: 55px;}
.inslfont {font-size: 32px; color: #fff; font-family: "Oswald", sans-serif;}
.btn {background: #f8931d; color: #040404; font-size: 13px; margin: 19px 0px 0px 0px; padding: 8px 15px; border-radius: 21px; font-weight: bold; font-family: "Oswald", sans-serif; letter-spacing: 1px;}
.btn:hover {background: #fff; color: #002a3d; font-size: 13px; margin: 19px 0px 0px 0px; padding: 8px 15px; border: 2px solid #00b9d1; border-radius: 21px; font-weight: bold; font-family: "Oswald", sans-serif;}
.biz {font-weight: bold; color: #b19777; font-size: 23px;}
.biz a{font-weight: bold; color: #b19777; font-size: 23px;}
.biz a:hover{font-weight: bold; color: #040404; font-size: 23px;}

.biz2 {font-weight: bold; color: #b19777; font-size: 50px;}

.form-control{border: 1px solid #b19777;}

h1{font-size: 40px; font-weight: normal; font-family: "Oswald", sans-serif; margin-bottom: 21px; letter-spacing: 5px;}
h2{font-size: 32px; font-weight: normal; font-family: "Oswald", sans-serif; margin: 21px 0px; letter-spacing: 5px; color: #b19777;}
h3{font-size: 23px; font-weight: normal; font-family: "Oswald", sans-serif; margin: 15px 0px; letter-spacing: 5px; color: #b19777;}
h4{font-size: 19px; font-weight: normal; font-family: "Oswald", sans-serif; margin: 10px 0px; letter-spacing: 1px; color: #b19777;}

.head1{color: #040404;}
.head2{color: #b19777;}

.page {padding: 50px 0px; background-color: #fff;}

/*------------------------------------------------------------*/
.main-header {width: 100%; transition: opacity 0.3s ease;}
.main-header.hide {display: none;}
.sticky-news-header {position: fixed; top: -100%; left: 0; width: 100%; z-index: 9999; transition: top 0.4s ease-in-out;}
.sticky-news-header.show {top: 0;}

/*------------------------------------------------------------*/
.card-box {position: relative; background-color: #fff; cursor: pointer;}
.card-box:hover {background-color: #f8f9fa;}
.card-box::after {content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 1px; background-color: #b19777; transition: all 0.4s ease-in-out;
transform: translate(-50%, -50%);}
.card-box:hover::after {width: 100%;}
.zerofont {font-size: 50px; color: #b19777; opacity: .5px;}
.stroke-number {font-family: 'Arial Narrow', sans-serif; font-size: 60px; font-weight: 700; color: transparent;-webkit-text-stroke: 1px #c5a880; opacity: 0.5; text-shadow: 0 0 1px rgba(197, 168, 128, 0.3);}










/* മൊബൈൽ ഹെഡർ ഫിക്സഡ് ആയി നിൽക്കാൻ */
.mobile-header {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1050;
  background-color: #ffffff; /* മുകളിലെ ബാർ മുഴുവൻ വെള്ള നിറം ഫിക്സഡ് ആയിരിക്കും */
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* ലോഗോ ബോക്സ് */
.logo-wrapper {
  position: relative;
  height: 45px;
}

/* ലോഗോ ഹെഡറിന് വെളിയിലേക്ക് ഇറങ്ങി നിൽക്കാൻ */
.floating-logo {
  position: absolute;
  top: -8px; /* മുകളിലെ പാഡിംഗ് അഡ്ജസ്റ്റ് ചെയ്യാൻ */
  left: 0;
  height: 100px; /* ലോഗോയുടെ ഉയരം */
  width: auto;
  z-index: 1060;
  background: rgba(255, 255, 255, 0.9); 
  padding: 5px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

/* ബട്ടൺ സ്റ്റൈൽ */
.menu-toggle-btn {
  border: none !important;
  padding: 5px 10px;
}

/* വലതുവശത്തുനിന്നും സ്ലൈഡ് ചെയ്തുവരുന്ന മെനുവിന്റെ വീതി */
.offcanvas-end {
  width: 250px !important;
}