/* Basic button styling */
.jumpbutton {
    
    cursor: pointer;
    transition: all 0.3s ease;
}

/* Jump animation effect */
.jumpbutton:hover {
    animation: jump 0.5s ease-in-out;
}

/* Keyframes for the jump effect */
@keyframes jump {
    0% {
        transform: translateY(0);
    }
    30% {
        transform: translateY(-10px); /* Button moves up */
    }
    50% {
        transform: translateY(0); /* Button goes back to original position */
    }
    70% {
        transform: translateY(-5px); /* Button moves up again */
    }
    100% {
        transform: translateY(0); /* Button returns to its final position */
    }
}


.border-spl-3days {
border-radius:50px;
color:white !important;
padding:6px 16px !important;
margin:10px 20px;
background: #2e6cd3;  /* fallback for old browsers */
}

.border-spl-3days:hover {
color:black !important;
}

.leadbtn {
font-size:150%;}

.lexend-font {
  font-family: "Lexend", serif !important;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.bgsection {
background:url(../images/bgsection.jpg) no-repeat;
background-position:center center;
border-top:1px solid #dee0f4;
background-size:cover;
}

.boxsplshadow {
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
}

.py-5 {
padding:25px 0 !important;}

.bdr-right {
border-right:1px solid #eee;
}

/* Quick enquiry box fixed to the right side */
        .enquiry-box {
            position:static;
            top: 20%;
            right: 10px;
            width: 300px;
            padding: 20px;
			
            background-color: #f7c759; /* Vibrant background color */
            border-radius: 10px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
            z-index: 1000;
            animation: slideIn 0.5s ease-in-out;
        }

        /* Slide-in animation */
        @keyframes slideIn {
            from {
                transform: translateX(100%);
            }
            to {
                transform: translateX(0);
            }
        }

        /* Form styling */
        .enquiry-form {
            display: flex;
            flex-direction: column;
        }

        .enquiry-form input,
        .enquiry-form textarea {
            margin-bottom: 10px;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 5px;
            font-size: 14px;
        }

        .enquiry-form button {
            padding: 10px;
            background-color: #01209f; /* Button background color */
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 16px;
        }

        .enquiry-form button:hover {
            background-color: #006f8f; /* Button hover effect */
        }


@media only screen and (min-width:290px) and (max-width:900px) {
.leadbtn {
font-size:125%;}
}