@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body {
overflow-x: hidden;
font-family: 'Montserrat', sans-serif;
margin: 0;
padding: 0;
}
.language-btn {
background-color: #16478A;
color: #fff;
border-radius: 5px;
padding: 15px;
font-size: 14px;
font-weight: bold;
border: none;
cursor: pointer;
text-transform: uppercase;
}
.language-btn:hover {
color: #fff;
}
.background-img-banner {
padding: 100px 200px;
background-position: center center;
background-repeat: no-repeat;
width: inherit;
max-width: -webkit-fill-available;
}
.header {
margin-left: 65px;
margin-right: 65px;
}
.mobile-lang {
display: none;
}
.desktop-lang {
display: block;
}
/* Dropdown Button */
.dropbtn {
background-color: #16478A;
color: white;
padding: 10px;
font-size: 14px;
border: none;
border-radius: 5px;
cursor: pointer;
}
/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
background-color: #16478A;
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
margin-top: 20px;
position: relative;
/* display: inline-block; */
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
display: none;
position: absolute;
background-color: #ffffff;
min-width: 63px;
border-radius: 5px;
border: 0.2px solid #16478A;
box-shadow: 0px 8px 16px 0px rgba(255, 255, 255, 0.048);
z-index: 1;
}
/* Links inside the dropdown */
.dropdown-content a {
color: black;
padding: 10px;
font-size: 14px;
text-decoration: none;
display: block;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #dfdfdf}
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}
.logo a:hover {
text-decoration: none;
color: #16478A !important;
}
.logo-name {
font-weight: 900;
color: #16478A !important;
}
.traveller-image {
max-width: 115%;
}
.info-section {
padding: 30px 80px 20px 50px;
}
.get-info {
margin-bottom: 30px;
font-size: 32px;
font-weight: 700;
}
.get-info-details {
font-size: 12px;
margin-bottom: 15px;
text-align: center;
}
.footer {
position: fixed;
left: 0;
bottom: 0;
height: 70px;
width: 100%;
background-color: #16478A;
padding-top: 15px;
color: white;
}
.footer-non-sticky {
height: 70px;
width: 100%;
background-color: #16478A;
padding-top: 15px;
color: white;
}
.border-footer-logo {
border-bottom: 0px;
}
.footer-bar {
padding-left: 65px;
padding-right: 20px;
}
.footer-logo-name {
padding-top: 30px;
max-width: 60px;
font-weight: 700;
}
.footer-logo a:hover {
color: #fff;
text-decoration: none;
}
.footer-nav {
float: right;
display: flex;
}
.footer-nav a {
margin-top: 15px;
font-size: 13px;
font-weight: 600;
padding: 0px 15px;
}
.footer-nav a:hover {
text-decoration: none;
}
.desktop-form {
display: block;
}
.mobile-form {
display: none;
}
.hero-bg {
background-color: #EAEAEC;
margin-top: 20px;
padding: 40px 0px;
}
.full-image {
margin-top: 20px;
/* max-width: 100%; */
}
.full-image img {
/* max-width: 100%; */
/* width: fit-content; */
}
.hero-heading {
margin-top: 80px;
}
.hero-heading h2 {
font-weight: 700;
color: #16478A;
}
.hero-heading p {
color: #16478A;
}
.table {
margin-bottom: 2px !important;
}
.table td, .table th {
border: none !important;
padding: 1px !important;
}
.image-box {
border: 1px solid grey;
border-radius: 10px;
padding: 81px 50px;
/* max-width: 257px; */
/* max-height: 250px; */
background-position: center;
background-size: cover;
}
.table thead th{
border: none !important;
}
.mobile-table {
display: none;
}
.desktop-table {
display: block;
}
.flag-info {
margin-top: 60px;
}
.table p {
font-size: 11px;
margin-bottom: 5px !important;
margin-top: 10px !important;
}
.flag-border {
border: 0.3px solid #16478A;
border-radius: 10px;
max-width: 230px;
}
.card-body {
padding: 10px !important;
}
.options-img {
max-width: 100%;
margin-bottom: 25px;
margin-top: 25px;
}
.social-links a {
text-decoration: none;
}
.map-area {
margin-top: 50px;
margin-bottom: 50px;
border-radius: 5px;
border: 0.2px solid grey;
}
.icon-look {
background-color: #0A3876;
border-top-left-radius: 5px;
border-color: grey;
padding: 15px;
}
.country-name {
font-weight: 600;
padding: 5px 0px;
color: #fff;
margin-bottom: 0px;
}
/* .country-flag {
max-width: 245px;
} */
.card {
border: 1px solid grey !important;
background-color: #16478A;
min-height:167px;
border-radius: 10px;
}
.card-title {
margin-bottom: 0px !important;
border-top-right-radius: 5px;
}
.info-table {
background-color: #16478A !important;
min-height:167px;
border: 1px solid #0a3877;
border-radius: 10px;
}
.about-tab h4 {
background-color: #16478A;
padding: 10px 0px;
width: 100%;
}
.facilities-area {
margin-top: 50px;
margin-bottom: 50px;
}
@media (max-width: 480px){
html, body {
overflow-x:hidden
}
body {
overflow-x: hidden !important;
font-family: 'Montserrat', sans-serif;
}
.header {
text-align: center;
}
.traveller-image{
max-width: 95%;
}
.desktop-form {
display: none;
}
.mobile-form {
display: block;
margin-top: -40px;
}
.mobile-form .form-control {
border: 1px solid #fbb040;
height: 10px;
top: -3px;
min-height: 40px;
margin-bottom: 80px;
}
.mobile-form-submit {
z-index: 111;
background-color:#fbb040;
border: 1px solid #fbb040;
border-radius: 65px !important;
margin-left: -40px;
margin-top: -5px;
width: 60px;
height: 60px;
}
.input-group {
padding: 0px 15px;
}
.info-section {
padding: 10px;
}
.get-info {
font-size: 16px;
margin-bottom: 10px;
}
.footer {
position: relative;
height: 100%;
padding-left: 10px;
padding-right: 10px;
text-align: center;
background-color: #16478A;
}
.footer-bar {
background-color: #16478A;
padding-left: 5px;
padding-right: 5px;
}
.footer-logo {
margin-bottom: 15px;
}
.border-footer-logo {
display: block;
border-bottom: 1px solid #fff;
}
.footer-logo-name {
padding-top: 5px;
max-width: 100%;
font-weight: 700;
}
.social-icons {
justify-content: center;
margin-bottom: 5px;
}
.hr-footer {
display: block;
border: 1px solid #fff;
max-width: 100%;
margin: 0px;
padding-right: 0px;
padding-left: 0px;
}
.footer-nav {
float: none;
text-align: center;
}
.footer-nav a {
display: content;
font-size: 16px;
font-weight: 600;
margin: 15px auto;
padding: 20px !important;
/*text-align: center;*/
}
.image-box {
margin-top: 50px;
}
.info-table {
margin-top: 50px;
}
.header {
margin-left: 0px;
margin-right: 0px;
}
.logo {
margin-left: 55px;
margin-right: 55px;
}
.full-image img {
max-width: 100%;
}
.flag-border {
max-width: 100%;
margin-bottom: 20px;
}
.flag-info {
margin-top: 20px;
}
.flag-info .card {
margin-bottom: 20px !important;
}
.facilities-area {
margin-top: 20px;
margin-bottom: 20px;
}
.options-img {
width: 100%;
}
.footer-non-sticky .footer-nav a {
padding: 10px !important;
}
.social-links a img {
max-width: 50px;
}
.map-area {
margin-top: 20px;
}
.mobile-table {
display: block;
}
.desktop-table {
display: none;
}
.table p {
font-size: 12px;
}
.mobile-lang {
display: block;
}
.desktop-lang {
display: none;
}
/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
background-color: #16478A;
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
margin-top: 0px;
position: inherit;
top: 0;
right: 0;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
display: none;
position: absolute;
background-color: #ffffff;
min-width: 63px;
border-radius: 5px;
border: 0.2px solid #16478A;
box-shadow: 0px 8px 16px 0px rgba(255, 255, 255, 0.048);
z-index: 1;
}
/* Links inside the dropdown */
.dropdown-content a {
color: black;
padding: 10px;
font-size: 14px;
text-decoration: none;
display: block;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #dfdfdf}
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}
}