.site-logo {
max-width: 200px;
}
nav .nav-link {
color: #000000;
} .hero-container {
width: 100%;
position: relative;
display: flex;
justify-content: center;
}
.hero-container .hero-img {
width: 100%;
object-fit: cover;
overflow: hidden;
z-index: -5;
}
.hero-container .hero-overlay {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.hero-container .hero-overlay img {
transform: rotate(180deg) translateY(-15%);
width: calc(100% + 1.3px);
max-height: calc(10vw + 20px);
filter: invert(100%);
}
.dark-bg .section-overlay-light {
width: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
overflow: hidden;
}
.dark-bg .section-overlay-light img {
width: calc(100% + 1.3px);
max-height: calc(55px);
filter: invert(100%);
}
.dark-bg {
background-color: #01191e;
color: white;
position: relative;
}
.dark-bg .section-overlay {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.dark-bg .section-overlay img {
transform: rotate(180deg) translateY(-15%);
width: calc(100% + 1.3px);
max-height: calc(55px);
filter: invert(100%);
}
.grey-bg .section-overlay-light {
width: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
overflow: hidden;
}
.grey-bg .section-overlay-light img {
width: calc(100% + 1.3px);
max-height: calc(55px);
filter: invert(100%);
}
.grey-bg {
background-color: #f1f1f1;
position: relative;
}
.grey-bg .card {
background-color: transparent;
}
.grey-bg .section-overlay {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.grey-bg .section-overlay img {
transform: rotate(180deg) translateY(-15%);
width: calc(100% + 1.3px);
max-height: calc(55px);
filter: invert(100%);
}
.animated-img {
transition: all 300ms ease;
}
.card-icon {
background-color: #ffc107;
border-radius: 50%;
padding: 12px;
transition: transform 300ms ease;
}
.detailed-text {
font-size: 15px;
line-height: 1.5;
}
.blue-bg {
background-color: #062B4C;
transform: translateY(1px);
}
.yellow-bg {
background-color: #ef9e3e;
}
.price-btn {
background-color:#EA6B00;color:white;
transition: all 300ms ease;
}
.price-btn:hover {
background-color:#EA6B00;color:white;
transform: scale(1.1,1.1);
}
.yellow-border-bottom {
transform: translateY(1px);
}
.card-icon:hover {
transform: scale(1.1,1.1);
}
.small-text {
font-size: 12px;
}
.tour-plan {
position: absolute; top: 0; right: 0; background-color: #EA6B00; padding: 5px 20px; border-radius: 20px; color:white;
transform: translateY(-50%);
}
.tour-itr {
font-size: small;
line-height: 1.5;
}
.animated-img:hover {
transform: scale(.9,.9);
}
.custom-btn {
background-color: transparent!important;
color: #000000!important;
padding: 10px;
font-weight: bold!important;
border: 1px solid rgba(0, 0, 0, 0.418)!important;
text-align: left!important;
}
.custom-btn:hover {
background-color: #000000!important;
color: #ffffff!important;
}
.custom-btn:not(.collapsed) {
background-color: #000000!important;
color: #ffffff!important;
}
footer {
background-color: #ef9e3e ;
font-size: 12px;
border-color: #ef9e3e;
}
footer a {
color: black;
text-decoration: none;
}
footer a:hover {
color: rgb(36, 22, 22);
}
.footer-overlay, .footer-overlay a {
background-color: #062b4c;
color: white;
}
.footer-overlay a:hover {
color: grey;
}
.whatsapp-btn-container {
position: fixed;
left: 30px;
opacity: 1;
bottom: 55px;
}
.btn-wa {
background-color: #7bcf85;
transition: all 300ms ease;
}
.btn-wa:hover {
background-color: #007a1a;
}
.whatsapp-btn-container .btn-wa:hover {
transform: scale(1.2);
box-shadow: -1px -1px 17px black;
color: white;
}
.closeMailmodal:hover{
border: none;
} @media only screen and (max-width: 992px) {
.hero-container .hero-img{
width: auto;
max-height: 301px;
}
.closeMailmodal{
filter: invert(1);
}
} @media only screen and (max-width: 992px) {
.hero-container .hero-img{
width: auto;
max-height: 301px;
}
} @media only screen and (max-width: 768px) {
.hero-container .hero-img{
max-height: 202px;
}
} @media only screen and (max-width: 468px) {
}