@import url('https://fonts.googleapis.com/css2?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');
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    
  font-family: 'agathomedium';}
html {
  box-sizing: border-box;
}
body {
  font-family: "Poppins", sans-serif;
  line-height: 1.6;
  font-weight: 300;
  background-color: #fdfafa;
  font-size: 15px;
  color: #141516;    letter-spacing: 0.5px;
}
 
.heading-primary {
  font-size: 30px;
}
p {
  line-height: 1.8;
  margin: 0 0 1rem;
}
ul,
ol {
  padding: 0;
  margin: 0;
}
li {
  list-style: none;
}
a,
a:hover,
a:focus,
a:active {
  text-decoration: none;
  outline: none;
  color: #000;
}
button,
button:hover,
button:focus,
button:active {
  text-decoration: none;
  outline: none;
}
.padding {
  padding: 60px 0;
  position: relative;
}
 
.navbar {
  border: 0;
  z-index: 99; 
  -webkit-transition: .5s ease;
  transition: .5s ease;
  position: fixed;
  width: 100%; 
  left: 0;
  top: 20px; 
}
.navbar.fixed{ 
  top: 0; 
}
 
.navbar .navbar-nav .active {
  color: #fff !important;
}
.navbar-collapse .navbar-nav .nav-link {
  text-align: center;
  padding: 10px 0;
  margin: 0 0 0 25px;
  font-size: 16px; 
  color: #fff;
}
.navbar2 {
    background: #143256;
    padding: 5px 25px;
    display: flex;
    align-items: center;
    width: 100%;
    border-radius: 50px;
}
.navbar-brand img{    height: 60px;}
.nav-scroll {
  position: fixed;
  top: -100px;
  left: 0;
  width: 100%;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
}
.nav-scroll .navbar-nav .nav-link .active {
  color: #f8c44f !important;
}
.ps {
  padding: 80px 0
} 
 
 
.banner{ height: 100vh; object-fit: cover; width: 100%;}
.in_banner img{ height: 100vh; object-fit: cover; width: 100%;}
 
/*------- line ---------*/
.line li .nav-link {
  position: relative;
}
.line li .nav-link:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #000;
  height: 1px;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.w100 {
  width: 100%;
}
.fs26 {
  font-size: 26px;
} 
.faq .card .card-header a {
  position: relative;
  display: block;
  font-weight: 600;
}
.accordion .card .card-header a:before {
       font-family: bootstrap-icons !important;
    position: absolute;
    right: 0px;
    top: 0;
    font-size: 18px;
    display: block;
}
.faq .card .card-header a.collapsed:before {
  content: "\f282";
}
.faq .card .card-header a:before {
  content: "\f286";
}
.faq .card-header {
  background: #fff;
  border: none;
  padding: 0.9rem 1.5rem 0.9rem 1.25rem;
}
.faq .card-body {
  padding-top: 0px;
}
.faq .card {
  box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.07);
  margin-bottom: 20px;
  border: 1px solid rgb(0 0 0 / 5%);
  border-radius: 0.8rem;
  overflow: hidden;
}
.faq_img{ border-radius: 25px;}
/*------ width < 768px ------*/
@media (max-width: 768px) {
.home-content {
  margin-top: 20px;
  text-align: center;
}
.home-content h1 {
  margin-top: 20px;
  font-size: 5rem;
}
}
ul.list-items li {
  margin-bottom: 10px;
}
.copyright {
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.10);
  padding: 15px;
  margin-top: 50px;
}
 
.light_bg {
  background: #fafafa;
}
.footer {
  background:#143256;
  color: #e1e1e1;
  padding: 80px 0 0;
  font-weight: 400; overflow: hidden;
}
.footer .footer_address ul li {
  padding: 6px 0;
  display: flex;
  align-items: center;    font-size: 14px;
}
.footer .footer_address ul i {
  padding-right: 7px;
  margin: 5px 0 auto;
  font-size: 15px;
}
.footer .heading-primary {
  color: #fff;
}
.footet .navbar-brand .logo {
  width: 100%;
  height: 100%;
}
.footer .social-links {
  margin: 10px 0 0;
}
.footer .social-links ul li {
  display: inline-block;
  padding: 0;
}
.footer .social-links ul li a {
  color: #ffffff;
  font-size: 1.5rem;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  -ms-transition: all .3s;
  display: inline-block;
  margin: 0 12px 0 0;
}
.nav_link li {
  margin-bottom: 7px;
}
.footer li a {
  color: #e1e1e1;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
  display: inline-block;
}
.footer li a:hover {
  color: #fff;
}
.footer h4 {
  color: #fff;
  font-size: 20px;
  margin-bottom: 25px;
}
.whatsapp_sticky, .whatsapp_sticky:hover {
    position: fixed;
    bottom: 25px;
    left: 25px;
    z-index: 9;
    font-size: 28px;
    background: #10c772;
    color: #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.whatsapp_sticky:after {
  content: "";
  display: block;
  position: absolute;
  left: -20px;
  right: -20px;
  top: -20px;
  bottom: -20px;
  border-radius: 50%;
  animation: animate 1.6s linear infinite;
  opacity: 0;
  backface-visibility: hidden;
  animation-delay: .6s;
  border: 5px solid #10c772;
}
@keyframes animate {
0% {
  transform: scale(.5);
  opacity: 0;
}
50% {
  opacity: 1;
}
}
.btn {
    background: #143256;
    border-radius: 25px;
    padding: 10px 20px;  color: #fff;
}
.btn:hover, .btn:focus {
       background: #23436a;  color: #fff;
}
.hadding {
    font-size: 2.5rem; 
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1240px;
}
.service__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 20px; align-items: center; margin-bottom: 10px;
}
.service__content-icon-2 {
    background: #ffffff;
    padding: 10px;
    border-radius: 50%;
    min-width: 60px;
    height: 60px;
    font-size: 30px;
    color: #828f98;
    display: flex;
    justify-content: center;
    align-items: center;
}
.stays_box {
    background: #f3f3f3;
    padding: 30px;
    transition: 0.3s;
}
.stays_box h3 {
    min-width: 215px;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 10px;
}
.sub_p {
    max-width: 900px;
    margin: 0 auto;
}
.stays_box:hover .service__content-icon-2 {
    background: #d3c9b7;  color: #000;
}
a, button, .service__content-icon-2  {
    -webkit-transition: .5s ease;
    transition: .5s ease;
}
.location-inner li{ display: flex; margin-bottom: 15px;}
.location-inner li i{ width: 25px;}
nav .btn{    background: transparent;
    border: 1px solid #fff;
    color: #fff;}
    nav .btn:hover{    background: #fff;
    border: 1px solid #fff;
    color: #000;}
   
.testimonials_img{ position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0;    z-index: -1;} 
.testimonials::before {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #1d242e;
    opacity: 0.8;
}
.test_monial_box p{ font-size: 20px;}
.test_monial_box h3, .test_monial_box h5{ font-size: 30px;}
.test_monial_box{  max-width: 900px; margin: auto;}
.video-wrap{ width: 100%; height: 100vh; object-fit: cover;    border-radius: 500px;}
.test_monial_box svg{width: 65px;
    height: 65px;
    margin-bottom: 10px;}
.gallery__thumb img {
    -webkit-transition: all 0.3s 0s ease-out;
    -moz-transition: all 0.3s 0s ease-out;
    -ms-transition: all 0.3s 0s ease-out;
    -o-transition: all 0.3s 0s ease-out;
    transition: all 0.3s 0s ease-out;
    width: 100%;
    height: 320px;
    object-fit: cover;
}
.gallery__thumb img:hover {
    transform: scale(1.2);
}    
.gallery__thumb {
    overflow: hidden;
    
}
.stays_box1 img{ border-radius: 30px;}
.footer .logo{ height: 70px;}
.stays_box1{    background: hsl(0deg 0% 0% / 5%);    border-radius: 30px;}
.stays_box1 h3 {font-size: 2.3rem;}
#about img{border-radius: 20px;}
.amenities h3{   font-family: "Poppins", sans-serif;margin:20px 0 25px; font-size: 16px;font-weight: 400;}
.amenities img{  height: 50px;}
.services{ color: #fff; background: url(../img/services.jpg) no-repeat center;      background-attachment: fixed; background-size: cover;}
.br30 { border-radius: 30px;}
.navbar-nav .dropdown-menu {   border-radius: 15px;  transition: .3s; }

.dropdown-menu.show {
 top: 100%;
}
.navbar-nav .dropdown-menu a{ 
   display: block; padding: 3px 10px;
}
.navbar-nav .dropdown-menu a:hover{color: #143256;}
.bg_light{background: hsl(0deg 0% 0% / 3%);} 
 
.gallery .item img{border-radius: 25px;}
.map{    width: 100%;
    border: 0;
    padding: 0;
    margin: 0;    margin-bottom: -8px;

    height: 450px;}
.navbar-toggler {
    padding: 0;
    margin: 0 0 0 auto;
    font-size: 35px;
    outline: none;
    box-shadow: inherit;
    border: 0;
    color: #fff;
    position: absolute;
    right: 18px;
    top: 12px;
}
.navbar-toggler:focus{        box-shadow: inherit; }
.testimonials .owl-nav, .testimonials .owl-dots{ display: none;}
.fp{    font-family: "Poppins", sans-serif;}
.dp_none{ display: none;}
.owl-nav button {
    border: 1px solid #143256!important;
    font-size: 40px!important;
    display: inline-flex;
    width: 35px;
    height: 35px;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    margin: 5px;
}
 .owl-nav{ text-align: center; margin-top: 15px; }
.owl-dots{ text-align: center; margin-top: 15px; display: none;}
.owl-dot span {
    width: 12px;
    height: 12px;
    background: #cbcdcf;
    border-radius: 100%;
    display: inline-block;
    margin: 5px;
}
.owl-dot.active span{  background: #143256;}
.header-call{  animation: swing-ani 1.5s infinite ease-in-out;}
  .header-call {
     position: absolute;
    right: 80px;
    font-size: 25px;
    color: #fff;
    top: 10px;
}
.copyright a {
    color: #6cffe4;
    text-decoration: underline;
}
 .header-call:focus, .header-call:active{ 
    color: #fff; 
}
.footer h3, .footer h2{    color: #fff;
    font-size: 20px;
    margin-bottom: 25px;}
 
@keyframes swing-ani {
    0% {
        transform: rotate(0) scale(1) skew(1deg);
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg);
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg);
    }
}

.footer_logos{display: flex;
    width: 66%;    justify-content: space-between;
    margin: -40px 0 0 auto;}
.footer_logos img{ height: 35px;}

@media only screen and (min-width: 991px) {  .header-call{ display: none;}
  .navbar-collapse .navbar-nav .dropdown:hover .dropdown-menu { display: block;  top: 100%;    visibility: visible;  opacity: 1;}
.navbar-nav .dropdown-menu {  width: 250px; top: 200%; border-radius: 15px;  transition: .3s;visibility: hidden;display: block;  opacity: 0;}
}
@media only screen and (max-width: 991px) {
.navbar-brand img {
    height: 45px;
}
.navbar2 { 
    padding:0;   display: block;
}
.navbar-collapse .navbar-nav .nav-link {
 margin: 0;
}
.navbar-nav .dropdown-menu {background: rgb(255 255 255 / 7%);}
.navbar-nav .dropdown-menu a{ color: #fff;        text-align: center;}
.navbar-collapse .navbar-nav li{ text-align: center;}
.top_contact {
  display: none;
}

.navbar { 
    top: 0;background: #143256;
}
.navbar.fixed {
    top: 0;
    margin: 0; 
    
}
body{ padding-top: 52px;}
.mo_none{ display: none;}
.footer_logos img {
    height: 30px;
}

}

@media only screen and (max-width:767px) {
.footer_logos {
    display: block;
    width: 100%; 
    margin: 0 0 0 auto;
}
.f_logos_box {
    display: inline-block;
    margin-bottom: 15px;
    width: 32%;
    text-align: center;
}
.f_logos_box:nth-child(1), .f_logos_box:nth-child(2) {width: 49%;}

.banner {
    height: 45vh; 
}
.hadding {font-size: 1.8rem;}
.ps {
    padding: 35px 0;
}
.mo_block{ display: block;}
.stays_box1 h3 {
    font-size: 1.6rem;
}
.ps {
    padding: 40px 0;
}
.mo_block{ display: block;}
.footer {  
    color: #e1e1e1;
    padding: 42px 0 0; 
}
.test_monial_box p {
    font-size: 16px;
}
.footer h4 { 
    margin-bottom: 15px;
}
.in_banner img {
    height: 40vh; 
}
.gallery__thumb img { 
    height: auto; 
}
.copyright { 
    margin-top: 15px;
}
}