:root {
    --bg: #fff;
    --navbg: #ff931e;
    --cgold: #cda45e;
    --hblack: #00b9d1;
    --ccolor:#858585;
    --size: 17px;
    --font: 'Poppins', sans-serif;
    --lheight: 27px;
}

body {font-family: var(--font); background-color:var(--bg); color:var(--ccolor); font-size: var(--size); line-height: var(--lheight);}

.top {font-size: 15px; color:#ff931e; padding: 10px 0px 10px 0px;}
.nav-item a{color: #fff; font-size: 19px;}
.nav-item a:hover{color: #ff931e; font-size: 19px;}
.stext {font-size: 25px; color:#fff; border: 2px solid #cda45e; padding: 10px;}
 
.page {padding: 60px 0px 60px 0px;}
.page2 {padding: 60px 0px 60px 0px; background: #000;}

h1{color: #000; font-size: 41px; margin: 0px 0px 10px 0px; font-weight: bold;}
h2{font-size: 41px; margin: 0px 0px 10px 0px; padding: 0px; color: #ff931e; font-family: 'Dancing Script', cursive; font-weight: bold;}
h3{color: #000; font-size: 28px; margin: 0px 0px 10px 0px; font-weight: bold;}



.btn {background: #492322; color: #eaecee; font-size: 16px; margin: 21px 0px 0px 0px; padding: 10px 15px; border-radius: 21px; font-weight: bold; width: auto;}
.btn:hover {background: #ff931e; color: rgb(23, 23, 23); font-size: 16px; margin: 21px 0px 0px 0px; padding: 10px 15px; border-radius: 21px; font-weight: bold; width: auto;}

.btn2 {background: #ff931e; color: #eaecee; font-size: 16px; margin: 21px 0px 0px 0px; padding: 10px 15px; border-radius: 21px; font-weight: bold; width: auto; border-style: none;}
.btn2:hover {background: #eaecee; color: rgb(23, 23, 23); font-size: 16px; margin: 21px 0px 0px 0px; padding: 10px 15px; border-radius: 21px; font-weight: bold; width: auto; border-style: none;}


.footer {padding: 15px 0px 15px 0px; background-color: #1a1a1a; color: #888686; text-align: center;}






.scroll-nav {
    position: fixed !important;
    top: -100px;
    left: 0;
    right: 0;
    width: 100% !important;
    background-color: #ff931e !important;
    transition: top 0.4s ease-in-out;
    z-index: 1000 !important;
    padding: 0px 0px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}

.scroll-nav.visible {
    top: 0 !important;
}

.scroll-nav .navbar-nav .nav-link {
    color: #ffffff !important;
}

.img-hover-zoom {
    overflow: hidden; 
}


.img-hover-zoom img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
    transition: transform 0.5s ease; 
}


.img-hover-zoom:hover img {
    transform: scale(1.2);
}

.dash-box {
    padding: 20px;
    background-color: #f1f1f1;
    outline: 2px dashed transparent; 
    transition: outline 0.3s ease;
}

.dash-box:hover {
    outline: 2px dashed #ff931e;
}

.menu-row {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 8px 0; /* ആവശ്യമെങ്കിൽ മുകളിലേക്കും താഴേക്കും സ്ഥലം നൽകാൻ */
}

.menu-row {
    border-bottom: 2px dashed transparent; /* ആദ്യം ലൈൻ കാണില്ല (സുതാര്യമായിരിക്കും) */
    transition: all 0.3s ease-in-out;
}

.menu-row:hover {
    border-bottom: 2px dashed #ff931e; /* മൗസ് വെക്കുമ്പോൾ വരുന്ന ഡാഷ്ഡ് ലൈനിന്റെ കളർ (ഇവിടെ ഓറഞ്ച് നൽകിയിരിക്കുന്നു) */
}



@media (min-width: 992px) {
    .height-lg-500px {
      height: 550px;
    }
  }


.input{margin: 0px 0px 10px 0px; padding: 10px 10px 10px 10px; border-radius: 5px; border: none; font-weight: bold;}









/*
 scroll-behavior: smooth;  font-weight: 400; background-color:var(--bg); color: var(--color1); font-size: var(--size); line-height: var(--lheight); }
.container{padding-left: 20px; padding-right: 20px;}
.theme1 {background-color:var(--color1); font-size: 50px; color: #ebf7fa;}
.theme2 {background-color:var(--color2);}
.theme2 a{color: #15172c; text-decoration: none; font-size: 21px;}
.theme2 a:hover{color: #00b9d1; text-decoration: none; font-size: 21px;}

.pagebox {padding: 12px; background-color: #d2f1f7; border-radius: 10px;}
.page2 {padding: 60px 0px 60px 0px; background-color: #e0f3f7;}
.footer{font-weight: bold; padding: 17px 0px 17px 0px;}

.btn {background: #00b9d1; color: #002a3d; font-size: 16px; margin: 21px 0px 0px 0px; padding: 10px 15px; border-radius: 21px; font-weight: bold;}
.btn:hover {background: #fff; color: #002a3d; font-size: 16px; margin: 21px 0px 0px 0px; padding: 10px 15px; border: 2px solid #00b9d1; border-radius: 21px; font-weight: bold;}
.input{margin: 0px 0px 10px 0px; padding: 10px 10px 10px 10px; border-radius: 5px; border: none; font-weight: bold;}

.whatsapp-float {position: fixed; width: 60px; height: 60px; bottom: 40px; right: 40px; color: #FFF; border-radius: 50px; text-align: center; font-size: 30px; z-index: 100; display: flex; align-items: center; justify-content: center;}
.whatsapp-float:hover {background-color: #128C7E;}

h1{color: #002a3d; font-size: 37px; margin: 0px 0px 10px 0px; font-weight: bold;}
h2{font-size: 21px; margin: 0px 0px 10px 0px; padding: 0px; color: #000000;}
h3{color: #002a3d; font-size: 26px; margin: 0px 0px 10px 0px; font-weight: bold;}
h4{background-color:var(--color1); font-size: 18px; color: #ebf7fa; font-weight: bold; border-radius: 10px; text-align: center; padding: 15px 0px 15px 0px; margin-bottom: 19px; line-height: 32px;}

/*-----------------------------------------------------*/
/*
.my-box {height: 300px; border-radius: 15px; position: relative; overflow: hidden;}
.my-box-text {position: absolute; bottom: 0; left: 0; width: 100%; height: 21%;  background-color: rgba(2, 3, 50, 0.7); color: #fff; display: flex; align-items: center; justify-content: center; text-align: center; padding: 15px; transition: all 0.5s ease; font-size: 19px; line-height: 30px;}
.text-after {display: none;}
.my-box:hover .my-box-text {height: 100%; background-color: rgba(2, 3, 50, 0.7);}
.my-box:hover .text-before {display: none;}
.my-box:hover .text-after {display: block;}
/*-----------------------------------------------------*/
/*
.biz{font-weight: bold; color: #128C7E; font-size: 23px;}
li{margin-bottom: 7px;}