@import url('https://fonts.googleapis.com/css2?family=Imperial+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
*
{
margin: 0px;
padding: 0px;
box-sizing: border-box;
/*-webkit-user-select: none;
-ms-user-select: none;
user-select: none;*/
counter-reset: section;
}

:root
{
--title: De Valencia;
--subtitle: 'Italiana', serif;
--parafont: "Quicksand", serif;
--themeblue: #337ab7;
--subhdcolor: #a7a7a7;
--cursive: "Imperial Script", serif;
--gradient: linear-gradient(to bottom, #378b95, #0d5691);
}

p
{
font-family: var(--parafont);
line-height: 30px;
font-weight: 500;
}

/*==================header-css-navbar====================*/

.navigation__nav {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100%;
z-index: 111;
transform: translateX(100%);
transition: opacity 0.8s ease-in, transform 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
background-image: linear-gradient(to bottom, #378b95, #0d5691);
display: flex;
justify-content: center;
align-items: center;
}
.navigation__nav .navigation__item
{
    list-style: none;
}
.navigation__nav .navigation__item a
{
    text-decoration: none;
    color: #fff;
    font-size: 30px;
    font-family: var(--subtitle);
    font-weight: bold;
}
.navigation__link:link, .navigation__link:visited {
    display: inline-block;
    font-size: 2rem;
    font-weight: 300;
    padding: 0rem 2rem;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    background-image: linear-gradient(120deg, transparent 0%, transparent 49.9%, #fff 50%);
    background-size: 227%;
    transition: all 0.4s;
    font-family: var(--subtitle);
}
.navigation__link:hover, .navigation__link:active {
    color: var(--themeblue) !important;
    background-position: 100%;
    transform: translateX(1rem);
}
/*=======================header-css-ends==============================*/

.web_btn .anrj_btn
{
outline: none;
border: none;
background: #00467F;
background: -webkit-linear-gradient(to bottom, #378b95, #0d5691);
background: linear-gradient(to bottom, #378b95, #0d5691);
padding: 8px 15px;
color: #fff;
font-family: var(--parafont);
text-transform: uppercase;
letter-spacing: 2px;
font-size: 13px;
font-weight: bold;
border-radius: 25px;
transition: 0.5s all linear;

}

.web_btn:hover .anrj_btn
{
background: #00467F;
background: -webkit-linear-gradient(to right, #00467F, #A5CC82);
background: linear-gradient(to right, #00467F, #A5CC82);
transition: 0.5s all linear
}

.home-banner
{
background-image: url(../images/main-banner.jpg);
background-size: cover;
position: relative;
background-attachment: fixed;
height: 77vh;
width: 100%;
overflow: hidden;
}
.home-banner .banner-content
{
   width: 100%;
   height: 100%;
}
.home-banner .banner-content img
{
position: absolute;
right: 0;
height: 100%;
}

.about-sec
{
background-image: linear-gradient(to left, #ffffffc4, #fff),url(../images/about.jpg);
background-attachment: fixed;
background-position: 100%;
width: 100%;
height: auto;
background-size: cover;
padding: 80px 0px;
display: flex;
align-items: center;
}

.section-title
{
font-family: var(--title);
color: var(--themeblue);
letter-spacing: 0px;
}
.sub-titles
{
font-family: var(--subtitle);
color: var(--subhdcolor);
font-weight: 600;
letter-spacing: 2px;
}
.about-sec p
{
font-family: var(--parafont);
line-height: 30px;
}
.right_B
{
font-size: 33vw;
color: #ffffffa6;
position: absolute;
right: 10%;
top: -7%;
font-family: none;
}
.nameweb
{
position: absolute;
bottom: 1%;
right: 2%;
z-index: 9;
font-family: var(--subtitle);
font-size: 4.5vw;
color: #2466a1;
font-weight: 600;
letter-spacing: 3px;
line-height: 60px;
text-align: end;
}
.banner_text
{
position: absolute;
top: 50%;
left: 30%;
transform: translate(-50%, -50%);
color: #fff;
}

.social_icons
{
position: absolute;
top: 50%;
right: 5px;
transform: translate(-50%, -50%);
}

.social_icons li
{
list-style: none;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #2466a1;
margin-bottom: 5px;
}
.social_icons li a
{
text-decoration: none;
color: #2466a1;
font-size: 20px;
}

.social_icons li:hover
{
border: 1px solid #2466a1;
transition: 0.3s all linear;
background: #2466a1;
}

.social_icons li:hover a
{
color: #fff;
transition: 0.3s all linear;
}

.banner_text .h1_1
{
color: #fff;
font-family: var(--subtitle);
position: relative;
text-shadow: 0px 0px 5px #000;
}

.banner_text .h1_2, .banner_text .h1_3
{
font-family: var(--title);
color: #fff;
text-shadow: 0px 0px 5px #000;
}

.banner_text .h1_1:after
{
content: " ";
width: 55%;
height: 2px;
background: #fff;
color: #fff;
position: absolute;
top: 100%;
left: 0%;
margin: 3px 0px;
}

.sec_three
{
width: 100%;
height: auto;
background-image: url(../images/golfhome.jpg);
background-position: 100%;
background-attachment: fixed;
background-size: cover;
position: relative;
padding: 100px 0px;
}

.webtext 
{
    color: fff;
    font-size: 10vw;
    font-weight: bold;
    margin: 0 auto;
    padding: 10px 10px 80px 10px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    letter-spacing: 4px;
    background: #ffffffd1;
    width: 80%;
    text-transform: uppercase;
    border-radius: 10px;
}

.mySwiper-one {
width: 100%;
}
.mySwiper-one {
height: 300px;
line-height: 300px;
text-align: center;
}

.mySwiper-one img
{
width: 100%;
height: 100%;
object-fit: cover;
}

.review_sec
{
background-image: url(../images/reviews.jpg);
background-position: 100% 0%;
background-size: cover;
}

.mySwiper-review .our-review h2
{
color: #fff;
font-family: var(--subtitle);
margin-bottom: 25px;
} 

.mySwiper-review .our-review p
{
color: #fff;
font-family: var(--parafont);
}

.our-review .namedate
{
display: flex;
justify-content: space-between;
width: 100%;
color: #fff;
font-family: var(--parafont);
margin-top: 25px;
}

.mySwiper-review .our-review
{
padding: 0px 10%;
}

.mySwiper-review .swiper-button-next, .swiper-button-prev
{
color: #fff;
}

/*=============================================*/

.attraction_content .attra_img, .attraction_content .attra_content, .attraction_content .atta_img_odd
{
width: 100%;
height: 500px;
position: relative;
}

.attraction_content .atta_img_odd:after
{
content: " ";
position: absolute;
bottom: 5%;
right: 5%;
width: 100%;
height: 100%;
border: 10px solid #ddd;
z-index: -1;
}

.attraction_content .attra_img:after
{
content: " ";
position: absolute;
top: 5%;
left: 5%;
width: 100%;
height: 100%;
border: 10px solid #ddd;
z-index: -1;
}


.attraction_content1 .attra_img:after
{
content: " ";
position: absolute;
top: 5%;
left: 5%;
width: 100%;
height: 100%;
z-index: -1;
}



.attraction_content .attra_img img, .attraction_content .atta_img_odd img
{
width: 100%;
height: 100%;
object-fit: cover;
box-shadow: 0px 0px 8px #a7a7a7;
}

.attraction_content .attra_content div h2
{
font-family: var(--subtitle);
font-weight: 600;
color: var(--subhdcolor);
}

.attraction_content .attra_content div p
{
font-family: var(--parafont);
text-align: justify;
}

.attraction_content .attra_content
{
display: flex;
justify-content: center;
align-items: center;
}


.attraction_content1 .attra_img img, .attraction_content .atta_img_odd img
{
width: 100%;
height: 100%;
object-fit: cover;
box-shadow: 0px 0px 8px #a7a7a7;
}

.attraction_content1 .attra_content div h2
{
font-family: var(--subtitle);
font-weight: 600;
color: var(--subhdcolor);
}

.attraction_content1 .attra_content div p
{
font-family: var(--parafont);
text-align: justify;
}

.attraction_content1 .attra_content
{
display: flex;
justify-content: center;
align-items: center;
}


/*========================================*/

.bc
{
background-image: url(../images/bc.jpg);
/*background-attachment: fixed;*/
background-position: 100% 0%;
width: 100%;
height: 300px;
display: flex;
justify-content: center;
align-items: center;
background-repeat: no-repeat;
background-size: cover;
}

.bc .bc-hd h2
{
font-family: var(--subtitle);
color: #fff;
font-size: 50px;
text-shadow: 0px 0px 5px #000;
font-weight: 600;
}

footer
{
background: #00294a;
background-position: center;
background-size: cover;
background-attachment: fixed;
}

footer .footer-widget h2
{
font-family: var(--subtitle);
color: #fff;
font-weight: 600;
margin-bottom: 20px;
}

footer .footer-widget li
{
list-style: none;
}

footer .footer-widget li a
{
font-family: var(--parafont);
color: #fff;
text-decoration: none;
}

footer .social_footer
{
display: flex;
padding-left: 0px;
}

footer .social_footer li {
width: 40px;
height: 40px;
border: 1px solid #fff;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin: 0px 5px;
transition: 0.5s all linear;
}
footer .social_footer li:hover a 
{
transform: rotate(360deg);
transition: 0.3s all linear;
}
footer .footer-bottom
{
background: #dddddd70;
}

#bottom-to-top {
position: fixed;
right: 20px;
bottom: 20px;
width: 30px;
height: 50px;
background: #fff;
z-index: 99999;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
border-radius: 15px;
cursor: pointer;
box-shadow: 0px 0px 5px #a7a7a7;
opacity: 0;
}

#bottom-to-top i {
    font-size: 30px;
    color: var(--themeblue);
}