html body .mainwrp a{
color: #181d38!important;
}
html body .bg-dark {
background: #181d38 !important;
background-color: #181d38 !important;
}
body .bg-primary {
background-color: transparent !important;
}
body .call-buton .cc-calto-action-ripple {
z-index: 9999999999999999!important;
}.btn-floating.phone,.btn-floating.phone:hover{background-color:navy}.section-title::after,.section-title::before{height:2px;z-index:-1;content:"";position:absolute}:root{--primary:#8AC903;--light:#F0FBFC;--dark:#012E48}.my-1{margin:1rem 0}.my-2{margin:1.5rem 0}.my-3{margin:2rem 0}.my-4{margin:3rem 0}.my-5{margin:4rem 0}body{margin:0;padding:0;font-family:Helvetica,Arial,sans-serif}.btn-floating:hover img{margin-bottom:-3px}.btn-floating{position:fixed;right:25px;overflow:hidden;width:50px;height:50px;border-radius:100px;border:0;z-index:9999;color:#fff;transition:.2s}.btn-floating:hover{width:auto;padding:0 20px;cursor:pointer}.btn-floating span{font-size:16px;margin-left:5px;transition:.2s;line-height:0;display:none}.btn-floating:hover span{display:inline-block}.btn-floating.phone{bottom:85px}.btn-floating.whatsapp{background-color:#34af23;bottom:25px}.btn-floating.whatsapp:hover{background-color:#1f7a12}.fw-medium{font-weight:800!important}.fw-semi-bold{font-weight:900!important}#spinner{opacity:0;visibility:hidden;transition:opacity .5s ease-out,visibility 0s linear .5s;z-index:99999}#spinner.show{transition:opacity .5s ease-out,visibility linear;visibility:visible;opacity:1}.btn{font-family:Nunito,sans-serif;font-weight:600;transition:.5s}.btn .btn.btn-secondary{color:#fff}.btn-square{width:38px;height:38px}.btn-sm-square{width:32px;height:32px}.btn-lg-square{width:48px;height:48px}.btn-lg-square,.btn-sm-square,.btn-square{padding:0;display:flex;align-items:center;justify-content:center;font-weight:400;border-radius:0}.navbar .navbar-nav .nav-link{margin-right:40px;padding:5px 0;color:#fff;font-size:14px;outline:0}.navbar .navbar-nav .nav-link.active,.navbar .navbar-nav .nav-link:hover{color:var(--dark)}.navbar.sticky-top{top:-100px;transition:.5s}@media (max-width:991.98px){.navbar .navbar-nav .nav-link{margin-right:0;padding:8px 0}.navbar .navbar-nav{margin-top:8px;border-top:1px solid rgba(256,256,256,.1)}}.booking{background-image:linear-gradient(#191970,#191970),url("../../media/examples/lizard.png");background-position:center center;background-repeat:no-repeat;background-size:cover}.section-title{position:relative;display:inline-block;text-transform:uppercase}.section-title::before{width:calc(100% + 80px);top:4px;left:-40px;background:var(--primary)}.section-title::after{width:calc(100% + 120px);bottom:5px;left:-60px;background:var(--primary)}.visiting-hours .list-group-item,.visiting-hours .table{background:rgba(0,0,0,.15);color:var(--light)}.section-title.text-start::before{width:calc(100% + 40px);left:0}.section-title.text-start::after{width:calc(100% + 60px);left:0}.category img,.course-item img,.destination .tab-class .tab-content .destination-img img,.service-item,.service-item *,.team-item img,.testimonial-carousel .owl-item .testimonial-text,.testimonial-carousel .owl-item.center .testimonial-text *{transition:.5s}.service-item:hover{margin-top:0}.category a:hover img,.course-item:hover img,.team-item:hover img{transform:scale(1.1)}.facts{background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)) 0 0/cover,url(../img/images5.webp) center center/cover no-repeat}.visiting-hours{background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)) 0 0/cover,url(../img/bg-2.jpg) center center/cover no-repeat}.visiting-hours .list-group-item{display:flex;justify-content:space-between;border-color:rgba(255,255,255,.15)}.visiting-hours .table td{padding:.5rem 1rem;border-color:rgba(255,255,255,.15)}.visiting-hours .table tr:last-child td{border:none}.testimonial-carousel::before{position:absolute;content:"";top:0;left:0;height:100%;width:0;background:linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%);z-index:1}.testimonial-carousel::after{position:absolute;content:"";top:0;right:0;height:100%;width:0;background:linear-gradient(to left,#fff 0,rgba(255,255,255,0) 100%);z-index:1}@media (min-width:768px){.testimonial-carousel::after,.testimonial-carousel::before{width:200px}}@media (min-width:992px){.navbar .nav-item .dropdown-menu{display:block;visibility:hidden;top:100%;transform:rotateX(-75deg);transform-origin:0% 0%;transition:.5s;opacity:0}.navbar .nav-item:hover .dropdown-menu{transform:rotateX(0);visibility:visible;transition:.5s;opacity:1}.testimonial-carousel::after,.testimonial-carousel::before{width:300px}}.testimonial-carousel .owl-item.center .testimonial-text{background:var(--primary)!important}.testimonial-carousel .owl-item.center .testimonial-text *{color:#fff!important}.testimonial-carousel .owl-dots{margin-top:24px;display:flex;align-items:flex-end;justify-content:center}.testimonial-carousel .owl-dot{position:relative;display:inline-block;margin:0 5px;width:15px;height:15px;border:1px solid #ccc;transition:.5s}.testimonial-carousel .owl-dot.active{background:var(--primary);border-color:var(--primary)}.destination .tab-class .tab-content .tab-pane .destination-img{position:relative;overflow:hidden;border-radius:10px;z-index:1}.destination .tab-class .tab-content .tab-pane .destination-img .destination-overlay{position:absolute;bottom:-100%;left:0;z-index:3;transition:.5s}.destination .tab-class .tab-content .tab-pane .destination-img .search-icon{position:absolute;width:100%;height:100%;top:0;right:0;display:flex;justify-content:end;padding:20px 20px 0 0;background:rgba(0,0,0,.1);border-radius:10px;transition:.5s}.destination .tab-class .tab-content .tab-pane .destination-img .search-icon a i{opacity:0;transition:.5s}.destination .tab-class .nav-item{padding:0 0 20px}.destination .tab-class .nav-item a.active{background:var(--bs-primary)!important}.destination .tab-class .nav-item a.active span{color:var(--bs-white)!important}.destination .tab-class .tab-content .destination-img:hover .search-icon{background:rgba(19,53,123,.4)}.destination .tab-class .tab-content .destination-img:hover .destination-overlay{bottom:0}.destination .tab-class .tab-content .destination-img:hover .search-icon a i{opacity:1}.destination .tab-class .tab-content .destination-img:hover img{transform:scale(1.2)}.footer .btn.btn-social{margin-right:5px;width:35px;height:35px;display:flex;align-items:center;justify-content:center;color:var(--light);font-weight:400;border:1px solid #fff;border-radius:35px;transition:.3s}.footer .btn.btn-social:hover{color:#181d38;}.footer .btn.btn-link{display:block;margin-bottom:5px;padding:0;text-align:left;color:#fff;font-size:15px;font-weight:400;text-transform:capitalize;transition:.3s}.footer .btn.btn-link::before{position:relative;content:"\f105";font-family:"Font Awesome 5 Free";font-weight:900;margin-right:10px}.footer .btn.btn-link:hover{letter-spacing:1px;box-shadow:none}.footer .copyright{padding:25px 0;font-size:15px;border-top:1px solid rgba(256,256,256,.1)}.footer .copyright a{color:var(--light)}.footer .footer-menu a{margin-right:15px;padding-right:15px;border-right:1px solid rgba(255,255,255,.1)}.footer .footer-menu a:last-child{margin-right:0;padding-right:0;border-right:none}.container{padding:0 15px}.has-scrollbar{padding-bottom:5px}.has-scrollbar::-webkit-scrollbar{width:12px;height:12px}.has-scrollbar::-webkit-scrollbar-thumb{background:0 0;border:3px solid var(--white);border-radius:20px}.has-scrollbar:hover::-webkit-scrollbar-thumb{background:#e5e5e5}.has-scrollbar::-webkit-scrollbar-thumb:hover{background:#ccc}.title{color:var(--eerie-black);font-size:var(--fs-5);font-weight:var(--weight-600);letter-spacing:.4px;text-transform:capitalize;padding-bottom:10px;border-bottom:1px solid var(--cultured);margin-bottom:30px}.overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:hsla(0,0%,0%,.5);opacity:0;pointer-events:none;z-index:15;transition:.5s}.overlay.active{opacity:1;pointer-events:all}.notification-toast{position:fixed;left:20px;right:20px;background:var(--white);max-width:300px;display:flex;align-items:flex-start;gap:15px;padding:15px;border-radius:var(--border-radius-md);box-shadow:0 5px 20px hsla(0,0%,0%,.15);transform:translateX(calc(-100% - 40px));transition:.5s ease-in-out;z-index:5;animation:10s ease-in-out infinite slideInOut;bottom:30px}@keyframes slideInOut{0%,100%,45%{transform:translateX(calc(-100% - 40px));opacity:0;visibility:hidden}50%,95%{transform:translateX(0);opacity:1;visibility:visible}}.notification-toast.closed{display:none}.toast-close-btn{position:absolute;top:10px;right:10px;color:var(--sonic-silver)}.toast-banner{width:70px;height:70px;border:1px solid var(--cultured);border-radius:var(--border-radius-sm)}.toast-banner img{width:100%;height:100%;object-fit:contain;object-position:center}.toast-detail{width:calc(100% - 85px);padding-right:10px}.toast-message{font-size:var(--fs-10);color:var(--sonic-silver);margin-bottom:8px}.toast-title{font-size:var(--fs-7);font-weight:var(--weight-500);color:var(--onyx)}.toast-meta{font-size:var(--fs-10);color:var(--sonic-silver)}.modal-content{display:flex;align-items:center;max-width:750px;width:fit-content}.container{margin:auto;max-width:1350px}
.course-section {
max-width: 1000px;
margin: auto;
display: flex;
flex-direction: column;
gap: 60px;
}
.course-row {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 30px;
}
.course-row:nth-child(even) {
flex-direction: row-reverse;
}
.course-header {
background: #013d73;
color: #fff;
padding: 20px 30px;
font-size: 22px;
font-weight: bold;
clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
min-width: 180px;
}
.course-description {
flex: 1;
font-size: 16px;
color: #222;
line-height: 1.6;
padding: 10px;
}
@media (max-width: 768px) {
.course-row {
flex-direction: column !important;
text-align: center;
}
.course-header {
clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
border-radius: 12px;
width: 90%;
text-align: center;
}
}
.btn-custom {
background-color: #c2d73c;
color: #333;
border: none;
padding: 10px 20px;
border-radius: 5px;
font-size: 14px;
cursor: pointer;
}
.btn-custom:hover {
background-color: #a1b02e; /* Darker shade for hover effect */
}
/* Support Team Section */
.support-team {
width: 90%;
max-width: 1300px;
background-color:#013d73;
padding: 2rem;
border-radius: 15px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
animation: fadeIn 1s ease-in-out;
text-align: center;
margin: 0 auto; /* Center the container */
}
.support-team h2 {
color: #2E86AB;
margin-bottom: 1rem;
font-size: 1.8rem;
}
.team-member {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem;
background-color: #E9F1FA;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
margin-bottom: 1rem;
transition: transform 0.3s ease, background-color 0.3s ease;
max-width: 400px; /* Limit card width on larger screens */
margin-left: auto;
margin-right: auto; /* Center each card */
}
.team-member:hover {
background-color: #013d73;
transform: scale(1.05);
}
.team-member .name {
font-weight: bold;
font-size: 1rem;
color: #333;
}
.team-member .phone {
display: flex;
align-items: center;
color: #2E86AB;
font-weight: bold;
text-decoration: none;
transition: color 0.3s ease;
}
.team-member .phone:hover {
color: #2e6da3;
}
.phone-icon {
margin-right: 0.5rem;
}
/* Timings */
.timings {
margin-top: 1rem;
padding: 1rem;
background-color: #CADCFC;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
color: #333;
max-width: 400px;
margin-left: auto;
margin-right: auto; /* Center the timings box */
text-align: center;
}
.timings:hover {
background-color: #c2d73c;
transform: scale(1.05);
}
/* Animations */
@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
/* Responsive Design */
@media (max-width: 600px) {
.team-member {
flex-direction: column;
align-items: center;
text-align: center;
padding: 1rem;
max-width: 100%;
}
.phone-icon {
margin-right: 0.3rem;
}
.support-team {
padding: 1rem;
}
}
.gallery img {
width: 100%;
height: auto;
border-radius: 8px;
}
.seat-container {
display: flex;
justify-content: center;
align-items: center;
gap: 50px;
margin-top: 50px;
flex-wrap: wrap;
}
.seat-circle {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 120px;
height: 120px;
border-radius: 50%;
background-color: #e0e0e0;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
font-size: 22px;
font-weight: 700;
}
.seat-label {
margin-top: 10px;
font-size: 16px;
color: #333;
}
.book-button {
margin-top: 30px;
padding: 15px 25px;
background-color: #001f3f;
color: #fff;
font-size: 18px;
border: none;
cursor: pointer;
border-radius: 5px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition:
background-color 0.3s ease,
transform 0.2s ease;
}
.book-button:active {
transform: scale(1.1);
}
.book-button:hover {
background-color: #004080;
}
@media (max-width: 768px) {
.seat-container {
flex-direction: row;
gap: 20px;
margin-top: 30px;
justify-content: center;
flex-wrap: wrap;
}
.book-button {
margin-top: 20px;
}
.seat-circle {
width: 100px;
height: 100px;
font-size: 20px;
}
.seat-label {
font-size: 14px;
}
}
@media (max-width: 480px) {
.seat-container {
justify-content: center;
align-items: center;
margin: 0 auto;
}
h1 {
font-size: 24px;
margin-top: 15px;
}
}
.animated-button {
background-color: #013d73;
color: #fff;
border: none;
padding: 15px 30px;
font-size: 18px;
border-radius: 50px;
cursor: pointer;
transition:
background-color 0.3s ease,
transform 0.3s ease;
animation: pulse 1.5s infinite;
}
.animated-button:hover {
background-color: #45a049;
transform: scale(1.1);
}
@keyframes pulse {
0% {
transform: scale(1);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
50% {
transform: scale(1.1);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
100% {
transform: scale(1);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
}
.location-map iframe {
border: 0;
width: 30%;
height: 95px;
}
.btn-custom {
background-color: #c2d73c;
color: #333;
border: none;
padding: 10px 20px;
border-radius: 5px;
font-size: 14px;
cursor: pointer;
}
.btn-custom:hover {
background-color: #a1b02e; /* Darker shade for hover effect */
}
.gallery img {
width: 100%;
height: auto;
border-radius: 8px;
}
.seat-container {
display: flex;
justify-content: center;
align-items: center;
gap: 50px;
margin-top: 50px;
flex-wrap: wrap;
}
.seat-circle {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 120px;
height: 120px;
border-radius: 50%;
background-color: #e0e0e0;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
font-size: 22px;
font-weight: 700;
}
.seat-label {
margin-top: 10px;
font-size: 16px;
color: #333;
}
.book-button {
margin-top: 30px;
padding: 15px 25px;
background-color: #001f3f;
color: #fff;
font-size: 18px;
border: none;
cursor: pointer;
border-radius: 5px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition:
background-color 0.3s ease,
transform 0.2s ease;
}
.book-button:active {
transform: scale(1.1);
}
.book-button:hover {
background-color: #004080;
}
@media (max-width: 768px) {
.seat-container {
flex-direction: row;
gap: 20px;
margin-top: 30px;
justify-content: center;
flex-wrap: wrap;
}
.book-button {
margin-top: 20px;
}
.seat-circle {
width: 100px;
height: 100px;
font-size: 20px;
}
.seat-label {
font-size: 14px;
}
}
@media (max-width: 480px) {
.seat-container {
justify-content: center;
align-items: center;
margin: 0 auto;
}
h1 {
font-size: 24px;
margin-top: 15px;
}
}
.animated-button {
background-color: #013d73;
color: #fff;
border: none;
padding: 15px 30px;
font-size: 18px;
border-radius: 50px;
cursor: pointer;
transition:
background-color 0.3s ease,
transform 0.3s ease;
animation: pulse 1.5s infinite;
}
.animated-button:hover {
background-color: #45a049;
transform: scale(1.1);
}
@keyframes pulse {
0% {
transform: scale(1);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
50% {
transform: scale(1.1);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
100% {
transform: scale(1);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
}
.popup form .location-btn.selected,
button {
background: #013d73;
color: #fff;
}
button {
padding: 10px 15px;
border: none;
border-radius: 5px;
cursor: pointer;
}
.popup {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #f2f0ef;
border-radius: 8px;
padding: 20px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
max-width: 100%;
width: 300px;
z-index: 1000;
}
.popup form {
display: flex;
flex-direction: column;
}
.popup form label {
margin-top: 12px;
}
.popup form input {
padding: 10px;
margin-top: 5px;
width: 100%;
box-sizing: border-box;
}
.popup form .location-buttons {
display: flex;
justify-content: space-between;
margin-top: 10px;
}
.popup form .location-btn {
background: #c2d73c;
color: #000;
padding: 15px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
flex: 1;
text-align: center;
margin-right: 10px;
}
.popup form .location-btn:last-child {
margin-right: 0;
}
.popup form .location-btn.selected {
background: #013d73;
color: #fff;
}
.popup form button {
margin-top: 15px;
}
.close-btn {
position: absolute;
top: 10px;
right: 10px;
background: 0 0;
border: none;
font-size: 18px;
cursor: pointer;
color: #333;
}
@media screen and (max-width: 600px) {
.popup {
width: 100%;
padding: 10px;
}
.popup form .location-buttons {
flex-direction: column;
}
.popup form .location-btn {
margin-bottom: 10px;
}
.popup form input {
padding: 8px;
}
button {
padding: 8px 12px;
}
}
/* Header and Navigation Styles */
.header-content {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 20px;
background-color: white;
}
.support {
text-align: right;
display: flex;
}
/* Sticky Navbar */
#header {
position: sticky;
top: 0;
z-index: 1000;
background-color: white;
border-bottom: 1px solid #ccc;
}
/* Responsive Adjustments */
@media (max-width: 767.98px) {
.logo {
text-align: center; /* Center the container for the image */
}
.logo img {
width: 220px; /* Smaller logo for smaller screens */
display: block; /* Make the image a block element */
margin: 0 auto; /* Center the image */
}
.support img {
width: 150px; /* Adjust support image size */
}
}
.call-buton .cc-calto-action-ripple {
position: fixed;
right: 35px;
bottom: 120px;
background: ;
width: 65px;
height: 65px;
border-radius: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #ffffff;
}
.wp {
position: fixed;
right: 35px;
bottom: 50px;
background: ;
width: 65px;
height: 65px;
border-radius: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #ffffff;
}
.call-buton img,
.wp img {
width: 100%;
height: auto;
display: block;
}
/* Mobile View */
@media (max-width: 768px) {
.call-buton .cc-calto-action-ripple {
right: 15px;
bottom: 270px;
width: 58px;
height: 58px;
}
.wp {
right: 17px;
bottom: 210px;
width: 58px;
height: 58px;
}
}