@import url('https://fonts.googleapis.com/css2?family=Rancho&family=Poppins: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');
/* font-family: "Damion", cursive; */

:root{
    --base1: #000000;
    --base2: #ee2a2d;
}
body{ font-family: "Poppins", sans-serif;}
a{ text-decoration: none; transition: all 0.3s ease-in-out;}
ul{ margin: 0; padding: 0; list-style: none;}
.material-icons{ vertical-align: middle;}
h2 small{ display: block; color: var(--base2); font-family: "Rancho", cursive; font-size: 30px; font-weight: normal;}
h2{ font-size: 34px; font-weight: 700; margin-bottom: 20px;}
p{ font-size: 18px;}
.btn-danger{ background-color: var(--base2); border-color: var(--base2);}
h4{ font-size: 24px; font-weight: 700;}

.text-primary{ color: var(--base1) !important;}
.btn-primary{ background: var(--base1) !important; border-color: var(--base1) !important; color: #fff !important;}
.btn-primary:hover{ background-color: var(--base2) !important;}
.text-warning{ color: var(--base2) !important;}

.banner{ padding: 100px 0;}

.btn-warning{ background: var(--base2) !important; color: #fff; border-color:var(--base2) ;}
.btn-warning:hover{ border-color: var(--base2); background-color: #c13803 !important; color: #fff;}

.top_strip{ background: var(--base2); padding: 6px; border-top: 2px solid var(--base2);}
.top_strip a{ color: #fff; font-size: 12px; padding: 0 10px;}
.top_strip a:hover{ color:#fff;}

.navbar-nav a{ font-size: 15px; color: #333; font-weight: 600; text-transform: uppercase; padding-left: 20px !important; padding-right: 20px !important;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show, .navbar-nav a:hover{ color: var(--base2) !important;}

h5.number small{ font-size: 12px; font-weight: 600; color: #333; display: block; text-transform: uppercase;}
h5.number{ font-size: 20px; font-weight: 700; color: var(--base2);}

.carousel-caption{ top: 26%; text-align: left;}
.carousel-caption h5{ font-size: 60px; font-weight: 700; text-shadow: 0 0 20px #000;}
.carousel-caption small{ display: block; color:#fff; font-size: 26px; font-weight: 700; text-shadow: 0 0 20px #000; margin-top: 30px;}

.socialMedia a{ position: relative;}
.socialMedia a:before{ content: '|'; color: rgba(255, 255, 255, 0.2); right: 0; top: 0; position: absolute;}

#about{ margin-top: 80px;}
.about_point{ margin-top: 30px;}
.about_point li{ margin-bottom: 20px; position: relative; padding-left: 75px;}
.about_point li:before{ content:''; position: absolute; top: 0; left: 0; width: 60px; height: 60px; background: url(../images/circle-globe.png) center no-repeat;}
.about_point b{ display: block; font-size: 20px;}

.packageBox{ position: relative; margin-bottom: 30px; overflow: hidden; border-radius: 6px;}
.packageBox small{ color: #898989; font-size: 11px; font-weight: 600;}
.packageBox h3{ font-size: 18px; font-weight: 600;}
.packageBox p{ font-size: 16px;}
.packageBox b{ color: var(--base2);}
.packageBox a{ color: #000; text-decoration: none;}
.packageBox a:hover{ color: var(--base1);}
.packageBox img{ transform: scale(1); transition: all 0.3s ease-in-out;}
.packageBox:hover img{ transform: scale(1.1);}
.packageFooter{ display: flex; justify-content: space-between; align-items: center;}
.day-night{ position: absolute; top: 10px; right: 10px; background: #fff; font-size: 11px; font-weight: bold; padding: 2px 8px; border-radius: 16px; z-index: 99;}

.best{ background: #e8e8e8;}
.why_evd{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; border-bottom: 1px solid #e8e8e8; padding-bottom: 20px;}
.why_evd h3{ font-size: 22px; font-weight: 600; }
.why_evd p{ font-size: 14px; margin-bottom: 0;}
.why_evd.bb-0{ border: 0;}

.exploreBox{ position: relative; margin-bottom: 15px; border-radius: 8px; overflow: hidden;}
.exploreBox strong{ position: absolute; bottom: 10px; right: 10px; color: #fff;  text-shadow: 0 0 4px #000; font-size: 20px; font-weight: 600;}
.exploreBox small{ position: absolute; top: 10px; left: 10px; background: #fff; color: var(--base2);  font-weight: bold; padding: 1px 10px; border-radius: 12px; font-size: 12px;}
.exploreBox img{ transform: scale(1); transition: all 0.3s ease-in-out;}
.exploreBox:hover img{ transform: scale(1.1);}

.newsletter{ background: var(--base2); border-radius: 10px; margin: 0 auto; max-width: 1100px; padding: 30px; position: relative; bottom: -50%; z-index: 99;}
.newsletter h5{ font-size: 32px; color: #fff; font-weight: 600;}

.footer{ padding: 160px 0 15px 0; position: relative;}
.footer p, .footer h4{ color: #fff;}
.footer ul.footer-link a{ display: block; color: #fff; padding: 6px 16px; position: relative;}
.footer ul.footer-link a::before{ content: '-'; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.footer ul.footer-link a:hover{ color: var(--base2); padding-left: 18px;}
.footer p>a{ color: #fff;}
.footer p>a:hover{ color: var(--base2);}

.copyright{ font-size: 16px; margin-bottom:0; border-top: 1px solid rgba(255, 255, 255, 0.2); padding-top: 15px; position: relative; z-index: 99;}

.sticky-top .navbar-brand img{ height: 46px;}
.dropdown-menu a{ font-size: 13px; text-transform: capitalize;}

.dropdown-menu{ width: 200px;}
.dropdown:hover .dropdown-menu { display: block; margin-top: 0;}

.accordion-button:not(.collapsed){ background: #ffe5e5; color: var(--base2);}

.sideLinks li:last-child{ border-bottom: 0;}
.sideLinks li{ border-bottom: 1px solid #e8e8e8;}
.sideLinks a{ color: var(--base1); display: block; padding: 10px;}
.sideLinks a:hover{ color: var(--base2); padding-left: 12px;}