*
{
margin: 0;
padding: 0;
box-sizing: border-box;
}
p, a, li, label, textarea, option, input, select
{
font-family: var(--parafont) !important;
text-decoration: none !important;
}
h1, h2
{
  font-family: var(--hdfont) !important;
}
:root 
{
--themeclr: #11b9ce;
--white: #ffffff;
--navyclr: #0f4379;
--hdfont: 'El Messiri', sans-serif;
--parafont: "Montserrat-Regular";
--cursive: 'Yesteryear', cursive;
--swiper-theme-color: #0f4379;
--swiper-navigation-size: 20px !important;
--gradient-bg: linear-gradient(315deg, #01d8dd 0%, var(--themeclr) 74%);
--gradient-rev: linear-gradient(315deg, var(--themeclr) 0%,  #01d8dd 74%);
}
header
{
	width: 100%;
	position: fixed;
	top: 0px;
	z-index: 99999;
	background: var(--themeclr);
}
.fixed-smedia {
position: fixed;
top: 30%;
right: 0%;
z-index: 999;
box-shadow: 0px 0px 5px #a7a7a7;
}
.fixed-smedia li {
list-style: none;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
margin: 1px;
cursor: pointer;
overflow: hidden;
}
.anrjglass {
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
background-color: #ffffffb3;
}
.fixed-smedia li:hover a {
font-size: 22px;
}
.search-bar
{
width: 75%;
padding: 15px;
background: #0000007d;
position: absolute;
top: 75%;
left: 50%;
transform: translate(-50%, -50%);
}
.search-bar form
{
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.search-bar form .sr-inner
{
width: calc(100%/4 - 4px);
padding: 10px;
font-family: var(--parafont);
height: 45px;
border-radius: 0px;
outline: none;
border: none;
}
.search-bar form .sr-inner::focus
{
outline: none;
border: none;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link
{
color: #fff !important;
font-family: var(--parafont);
font-size: 16px;
font-weight: 600;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover 
{
color: #ddd !important;
}
.dropdown-menu
{
background-color: var(--themeclr) !important;
border: none !important;
border-radius: 0px !important;
outline: 2px double var(--themeclr);
outline-offset: 2px;
}
.dropdown-item
{
color: #fff !important;
}
.dropdown-item:focus, .dropdown-item:hover {
color: #fff !important;
background-color: var(--navyclr) !important;
}
/*==============================*/
#bc
{
width: 100%;
height: 360px;
position: relative;
background: url('../images/footer-bg.jpg');
background-attachment: fixed;
background-size: cover;
background-position: 100% 0%;
overflow: hidden;
}
#bc::before
{
content: " ";
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
background: #00000042;
z-index: 999;
}
#bc .bc-content
{
width: 100%;
height: 100%;
}
#bc .bc-content h1
{
font-size: 4vw;
color: #fff;
position: absolute;
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9999;
text-transform: uppercase;
text-shadow: 0px 0px 5px #000;
width: 100%;
text-align: center;
}
/*================================*/
.bgtheme
{
background: var(--themeclr);
background-image: var(--gradient-bg);
}
.sub-title
{
font-family: var(--cursive);
color: var(--themeclr);
font-size: 35px;
}
.text-shadow
{
text-shadow: 0px 0px 5px #000;
}
#main-banner
{
width: 100%;
height: 90vh;
background: url(../images/rvw-back.jpg);
background-size: cover;
background-position: 100% 100%;
position: relative;
}
#main-banner .banner-content
{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
width: 90%;
}
#main-banner .banner-content h3
{
color: #fff;
font-family: var(--cursive);
font-size: 4vw;
text-shadow: 0px 0px 5px #000;
}
#main-banner .banner-content h1
{
color: #fff;
font-family: var(--hdfont);
font-size: 5.5vw;
text-shadow: 0px 0px 5px #000;
}
#four-box
{
width: 100%;
display: flex;
transition: 0.5s all linear;
}
#four-box .boxes
{
width: calc(100%/4);
height: 300px;
position: relative;
margin: 2px 1px;
overflow: hidden;
transition: 0.5s all linear;
}
#four-box .boxes:hover img
{
transform: scale(1.2);
transition: 0.5s all linear;
}
#four-box .boxes img
{
width: 100%;
height: 100%;
object-fit: cover;
}
#four-box .boxes p
{
position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
background: var(--themeclr);
color: #fff;
text-align: center;
font-family: var(--parafont);
padding: 10px;
font-size: 12px;
margin: 0px;
cursor: pointer;
text-transform: uppercase;
letter-spacing: 4px;
font-weight: 600;
}
.abt-content
{
text-align: center;
}
.maintitle
{
font-family: var(--hdfont);
color: var(--navyclr);
font-size: 40px;
text-transform: uppercase;
}
/*-------------site-btn-----------*/
.sitebtn
{
width: auto;
color: #fff;
border-radius: 5px;
padding: 10px 25px;
font-weight: 500;
background: transparent;
font-family: var(--parafont) !important;
cursor: pointer;
transition: all 0.3s ease;
display: inline-block;
box-shadow: inset 2px 2px 2px 0px rgb(255 255 255 / 50%), 7px 7px 20px 0px rgb(0 0 0 / 10%), 4px 4px 5px 0px rgb(0 0 0 / 10%);
outline: none;
background-color: var(--themeclr);
background-image: var(--gradient-bg);
border: none;
text-decoration: none;
transition: 0.3s all linear;
}
.sitebtn:hover {
background-color: #89d8d3;
background-image: var(--gradient-rev);
text-decoration: none;
color: #fff;
transition: 0.3s all linear;
}

/*-----------prop-section---------------*/
#property-section .property-content
{
text-align: center;
padding: 10px;
box-shadow: 0px 0px 5px #a7a7a7;
}
#property-section .property-content .prop-img
{
width: 100%;
height: 365px;
overflow: hidden;
transition: 0.5s all linear;
}
#property-section .property-content:hover .prop-img img
{
transform: scale(1.1);
transition: 0.5s all linear;
}
#property-section .property-content .prop-img img
{
width: 100%;
height: 100%;
object-fit: cover;
}
#property-section .property-content .prop-ftr
{
display: flex;
justify-content: space-around;
align-items: center;
margin: 10px 0px;
}
#property-section .property-content .prop-ftr li
{
list-style: none;
}
#property-section .property-content .prop-ftr li i
{
color: var(--themeclr);
}
#property-section .property-content .prop-name
{
font-family: var(--hdfont);
color: var(--themeclr);
font-size: 25px;
text-align: center;
margin-top: 15px;
}
/*----------------------------*/

#galleria .galleryswiper .swiper-slide img
{
width: 100%;
height: 300px;
object-fit: cover;
}
#galleria .swiper-slide
{
position: relative;
}
#galleria .swiper-slide .gallery-content
{
position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
padding: 10px;
background: #0606068f; 
text-align: center;
}
#galleria .swiper-slide .gallery-content p
{
color: #fff;
margin-bottom: 0px;
font-size: 14px;
}
#reviews
{
background: url('../images/rvw-back.jpg');
background-size: cover;
background-attachment: fixed;	
}
#reviews .customereview
{
text-align: center;
width: 90%;
background: #ffffff94;
webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
border-radius: 10px;
}
.customereview .swiper-slide h3
{
font-family: var(--hdfont);
color: var(--navyclr);
}
.customereview .swiper-slide
{
min-height: 200px;
overflow: hidden;
padding: 50px;
}
.customereview .swiper-button-next, .customereview .swiper-button-prev, #galleria .swiper-button-next, #galleria .swiper-button-prev
{
background: #fff;
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px;
}
#attra-sec .attra-img, #attra-sec .attra-content
{
height: 400px;
}
#attra-sec .attra-content
{
padding: 50px;
display: flex;
justify-content: flex-start;
align-items: center;
background: #f6f6f6;
}
#attra-sec .attra-img img
{
width: 100%;
height: 100%;
object-fit: cover;
}
#attra-sec .attra-content h3
{
font-family: var(--hdfont);
color: var(--themeclr);
}
/*--------------------------------*/
#video-popup
{
background-image: var(--gradient-bg);
display: flex;
justify-content: center;
align-items: center;
}
.video {
width: 100%;
height: 400px;
margin: auto;
display: block;
border: none;
}
.popup-btn
{
background: transparent;
outline: none;
border: none;
}
.popup-btn:hover {
color: none;
background-color: transparent;
border: none;
outline: none;
}
.video-popup {
display: none;
width: 100%;
height: 100vh;
margin: auto;
position: fixed;
top: 0;
boxshadow: 10px 10px 10px 10px black;
z-index: 99999;
}
.popup-bg {
background: rgba(0,0,0,0.8);
width: 100%;
height: 100vh;
position: absolute;
}
.popup-content {
background: black;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 800px;
height: auto;
}
.popup-title {
padding: 30px;
margin: 0 auto;
color: red;
text-transform: uppercase;
}
.close-btn {
width: 100px;
height: 50px;
display: block;
margin: 20px auto;
cursor: pointer; 
border: 2px solid black;
background-color: white;
}
/*--------------------------------*/
footer
{
background: linear-gradient(to left, #000000b3, #000000b3),url(../images/footer-bg.jpg);
background-size: cover;
background-attachment: fixed;
background-position: 100% 100%;
}
footer h3
{
font-family: var(--hdfont);
color: #fff;
font-weight: 500;
margin-bottom: 30px;
} 
footer ul
{
padding: 0px;
}
footer ul li
{
list-style: none;
line-height: 28px;
color: #fff;
}
footer ul li a
{
text-decoration: none;
color: #fff;
}
footer ul li a:hover
{
color: var(--themeclr);
}
footer .footer-social
{
display: flex;
}
footer .footer-social li
{
width: 40px;
height: 40px;
border-radius: 50%;
border: double 5px #fff;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
margin: 0px 5px;
}
footer .copyright
{
display: flex;
justify-content: center;
align-items: center;
color: #fff;
}
footer .copyright div
{
font-family: var(--parafont);
}