@font-face {
    font-family: 'grendel';
    src: url(GRENDB_.woff2);
  }
  @font-face {
    font-family: 'cormorant'!important;
    src: url(./cormorant_cyrillic-300-normal.woff2);
  }
  @font-face {
    font-family: 'italic';
    src: url(./cormorant_cyrillic-300-italic.woff2);
  }
  @font-face {
    font-family: 'regular';
    src: url(Goldplay\ Regular.woff2);
  }
  @font-face {
    font-family: 'light';
    src: url(DINPro-Light_22.woff2);
  }
  @font-face {
    font-family: 'futura';
    src: url(futura\ light\ bt.woff2);
  }
  @font-face {
    font-family: 'mdbt';
    src: url(futura\ medium\ bt.woff2);
  }
  @font-face {
    font-family: 'medium';
    src: url(Goldplay\ Medium.woff2);
  }
  @font-face {
    font-family: 'bold';
    src: url(Goldplay\ Bold.woff2);
  }
  @font-face {
    font-family: 'goldplay_italic';
    src: url(Goldplay\ Medium\ It.woff2);
  }

  
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* font-family:  'mdbt'; */
    /* font-family:  Roboto, sans-serif; */
    scroll-behavior: smooth;
  }
  
  html, body {
    width: 100%;
    height: 100%;
    scroll-behavior: smooth;
  }
  
  *::selection {
    background-color: var(--maincolor);
    color: var(--white);
  }
  
  body::-webkit-scrollbar{
      background-color: #dadada;
      width: 5px;
      z-index: 2;
  }
  
  body::-webkit-scrollbar-thumb{
      background: var(--maincolor);
      border-radius: 50px;
  }
  
  
  :root {
    --aura: #d1a053;
    --aurabg: #d1a153c5;
    --aurabg2: #d1a15388;
    --aura_banner_bg: #0000004f;
    --bordertop: #dee2e6;
    --white: #fff;
    --white2: #ffffffc0;
    --light: #f5f5f5;
    --links: #777777;
    --maincolor: #db8c23;
    --maincolor2: #f35b2c;
    --maincolorbg: #db8b23de;
    --orange: #fd9d1e;
    --number: #363c7c;
    --number2: #234467;
    --numberdark: #0c1724;
    --transparent: #ffffff28;
    --transparent2: #55acee8f;
    --darkgold: #ab842a;
    --footerbg: #162c44;
    --footertxt: #aec5df;
    --black: #020d26;
    --blacktransparent: #00000062;
    --blacktransparent2: #0000008f;
    --collapsetransparent: #ffffff7a;
    --skyblue: #85affd67;
    --facebook: #3b5998;
    --instagram: #55acee;
    --youtube: #ff130b;
  }
  
  .futura {
    font-family: 'futura';
  }

  .futura_b {
    font-family: 'futura';
    font-weight: 800!important;
  }
  
  .mdbt {
    font-family: 'mdbt';
  }

  .roboto {
    font-family:  Roboto, sans-serif;
  }
  
  .bold {
  font-family: 'bold';
  }
  
  .semibold {
  font-family: 'semibold';
  }
  
  .medium {
  font-family: 'medium'!important;
  }
  
  .regular {
  font-family: 'regular';
  }
  
  .light {
  font-family: 'light';
  }
  
  .cormorant {
    font-family: 'cormorant'!important;
  }
  
  .italic {
    font-family: 'italic';
  }

  .goldplay_italic {
    font-family: 'goldplay_italic';
  }
  
  .maincolor {
    color: var(--maincolor)!important;
  }

  .maincolor2 {
    color: var(--maincolor2);
  }

  .aura {
    color: var(--aura);
  }

  .orange {
  color: var(--orange);
  }
  
  .gray {
    color: var(--links);
  }
  
  .numberclr {
    background-color: var(--number)!important;
  }

  .letter_spacing {
    letter-spacing: .1rem;
  }

  
  /* ------NAVBAR----START------ */
  
  .logo {
    width: 6.3%;
  }
  
  .nav_mail {
    background-color: var(--maincolor);
    color: var(--white);
    border-radius: .5rem;
    padding: .7rem;
    transition: ease .6s;
    overflow: hidden;
  }

  .nav_mail:hover {
    transform: translateY(-.3rem) rotate(-5deg);
    background-color: var(--maincolor2);
  } 

  .links {
    color: var(--links);
    transition: ease .4s;
    font-size: .875rem!important;
    text-transform: uppercase;
  }
  
  .links:hover {
    color: var(--maincolor)!important;
  }
  
  .active1 {
    color: var(--maincolor)!important;
    position: relative;
  }

  .active1::before {
    content: '';
    position: absolute;
    width: 90%;
    height: 1.5px;
    background-color: var(--maincolor);
    left: 5%;
    bottom: 10%;
  }

  .line {
    position: relative;
  }

  .line::after {
    content: '';
    position: absolute;
    width: 90%;
    height: 1.4px;
    background-color: var(--maincolor);
    left: 5%;
    bottom: 10%;
    transition: transform .5s;
    transform: scaleX(0);
    transform-origin: right;
  }

  .line:hover::after {
    transform: scaleX(1);
    transform-origin: left;
  }

  .line2 {
    position: relative;
  }

  .line2::before {
    content: '';
    position: absolute;
    width: 90%;
    height: 1.4px;
    background-color: var(--maincolor);
    left: 5%;
    bottom: 10%;
    transition: transform .4s;
    transform: scaleX(0);
    transform-origin: right;
  }

  .line2:hover::before {
    transform: scaleX(1);
    transform-origin: left;
  }

  .nav_nested_hover {
    transition: .3s linear;
    font-size: .875rem;
    color: var(--white)!important;
  }
  .nav_nested_hover:hover {
    background-color: var(--white)!important;
    color: var(--maincolor)!important;
  }
  
  .dropend .dropdown-menu[data-bs-popper] {
    margin: -1.05rem 0 0 .5rem !important;
  }

  .villa_dropdown {
    margin: 1.01rem 0 0 -1.01rem!important;
  }

  /* .dropend .dropdown-menu[data-bs-popper] {
    margin: -.58rem 0 0 .472rem !important;
  }

  .villa_dropdown {
    margin: 0.488rem 0 0 -0.55rem!important;
  } */

  .appartment_focus:focus {
    color: var(--maincolor)!important;
  }
  
  /* .number {
    color: var(--number);
    font-weight: 500;
    font-size: 18px;
    transition: ease .5s;
  }
  
  .number:hover {
    color: var(--maincolor);
  }*/
  
  .signature {
    position: relative;
    background-color: var(--maincolor);
    color: var(--white);
    font-family:  Roboto, sans-serif;
    padding: .7rem 1.6rem;
    font-size: 16px;
    font-weight: 530;
    overflow: hidden;
    z-index: 2;
  }

  .signature:hover {
    background-color: var(--maincolor);
  }
  
  .signature::before {
    content: '';
    position: absolute;
    width: 0%;
    height: 100%;
    background-color: var(--number);
    top: 0;
    left: 0;
    transition: ease .5s;
    z-index: -1;
  }
  
  .signature:hover::before {
    width: 50%;
  }
  
  .signature::after {
    content: '';
    position: absolute;
    width: 0%;
    height: 100%;
    background-color: var(--number);
    top: 0;
    right: 0;
    transition: ease .5s;
    z-index: -1;
  }
  
  .signature:hover::after {
    width: 50%;
  }

  .aura_brochure {
    position: relative;
    background-color: var(--aura);
    color: var(--white);
    font-family:  Roboto, sans-serif;
    padding: .7rem 1.6rem;
    font-size: 16px;
    font-weight: 530;
    overflow: hidden;
    z-index: 2;
  }

  .aura_brochure:hover {
    background-color: var(--aura);
  }
  
  .aura_brochure::before {
    content: '';
    position: absolute;
    width: 0%;
    height: 100%;
    background-color: var(--maincolor);
    top: 0;
    left: 0;
    transition: ease .8s;
    z-index: -1;
  }
  
  .aura_brochure:hover::before {
    width: 70%;
  }
  
  .aura_brochure::after {
    content: '';
    position: absolute;
    width: 0%;
    height: 100%;
    background-color: var(--maincolor);
    top: 0;
    right: 0;
    transition: ease .8s;
    z-index: -1;
  }
  
  .aura_brochure:hover::after {
    width: 70%;
  }

  .brochure_download_btn {
    position: relative;
    background-color: var(--maincolor);
    color: var(--white);
    font-family:  Roboto, sans-serif;
    padding: .7rem 1.6rem;
    font-size: 16px;
    font-weight: 530;
    overflow: hidden;
    z-index: 2;
  }

  .brochure_download_btn:hover {
    background-color: transparent;
  }
  
  .brochure_download_btn::before {
    content: '';
    position: absolute;
    width: 0%;
    height: 100%;
    background-color: var(--maincolor2);
    top: 0;
    left: 0;
    transition: ease .5s;
    z-index: -1;
  }
  
  .brochure_download_btn:hover::before {
    width: 50%;
  }
  
  .brochure_download_btn::after {
    content: '';
    position: absolute;
    width: 0%;
    height: 100%;
    background-color: var(--maincolor2);
    top: 0;
    right: 0;
    transition: ease .5s;
    z-index: -1;
  }
  
  .brochure_download_btn:hover::after {
    width: 50%;
  }

  .window_overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: var(--blacktransparent2);
    opacity: 0;
    transition: all ease .5s;
    z-index: -1;
  }
  
  .showoverlay {
    opacity: 1;
    z-index: 2;
  }
  
  .login_form {
    width: 95%;
    max-width: 400px;
    padding: 4rem 2rem 2rem 2rem;
    position: fixed;
    background-color: var(--white);
    border-radius: 20px;
    z-index: 3;
    scale: .3;
    /* opacity: 0; */
    visibility: hidden;
    top: -50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all ease .8s;
  }
  
  .close {
    position: absolute;
    background-color: var(--maincolor);
    color: var(--white);
    padding: .8rem 1rem;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    cursor: pointer;
    top: 0;
    right: 0;
    z-index: 9;
  }
  
  .show_login_form {
    top: 50%;
    scale: 1;
    /* opacity: 1; */
    visibility: visible;
  }

  .submit_btn {
    position: relative;
    overflow: hidden;
    color: var(--black);
    background-color: transparent;
    transition: ease .4s;
    z-index: 2;
  }
  
  .submit_btn:hover {
    color: var(--white);
  }
  
  .submit_btn::after {
    content: '';
    position: absolute;
    width: 150%;
    height: 400%;
    border-radius: 50%;
    background-color: var(--black);
    top: 100%;
    left: -25%;
    z-index: -1;
    transition: linear .4s;
  }
  
  .submit_btn:hover::after {
    top: -100%;
  }

  
  /* ------NAVBAR----END------ */
  
  
  /* ------BANNER----START------ */
  
  .banner_margin {
    margin-top: 6.5rem;
  }
  
  .banner_heading {
    font-size: 4rem;
    color: var(--number);
  }
  
  .banner_p {
    font-size: 1rem;
    color: var(--links);
    line-height: 1.8rem;
  }

  header .item {
    height: 87.5vh;
    position: relative;
  }
  header .item img {
    width: 100%!important;
    height: 100%;
    margin: auto;
    object-fit: cover;
  }
  header .item .cover {
    padding: 75px 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* background: rgba(0, 0, 0, 0.13); */
    display: flex;
    align-items: flex-end;
  }
  header .item .cover .header-content {
    width: 58%;
    position: relative;
    margin: auto;
    padding: 56px;
    overflow: hidden;
  }
  /* header .item .cover .header-content .line_img {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    border: 9px solid #fff;
    -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
    clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
  } */

 
  header .item .cover .header-content h5 {
    font-weight: 300;
    font-size: 28px;
    color: #fff;
  }
  header .item .cover .header-content h3 {
    /* font-size: 3rem; */
    /* font-weight: 600; */
    margin: 0px 0 20px;
    word-spacing: 3px;
    color: #fff;
  }
  header .item .cover .header-content p {
    font-size: 22px;
    letter-spacing: 1px;
    font-weight: 300;
    line-height: 36px;
    color: #fff;
  }
  header .owl-item.active h3 {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.5s;
  }
  header .owl-item.active h5 {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.5s;
  }
  header .owl-item.active p {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.5s;
  }
  /* header .owl-item.active .line_img {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInLeft;
    animation-delay: 0.5s;
  } */
  header .owl-nav .owl-prev {
    position: absolute;
    left: 15px;
    top: 43%;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    background: var(--maincolor) !important;
    width: 40px;
    cursor: pointer;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 0;
  }
  header .owl-nav .owl-prev span {
    font-size: 1.6875rem;
    color: #fff;
    margin-bottom: 2.75rem!important;
  }
  header .owl-nav .owl-prev:focus {
    outline: 0;
  }
  header .owl-nav .owl-prev:hover {
    background: var(--maincolorbg) !important;
  }
  header .owl-nav .owl-next {
    position: absolute;
    right: 15px;
    top: 43%;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    background: var(--maincolor) !important;
    width: 40px;
    cursor: pointer;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 0;
  }
  header .owl-nav .owl-next span {
    font-size: 1.6875rem;
    color: #fff;
  }
  header .owl-nav .owl-next:focus {
    outline: 0;
  }
  header .owl-nav .owl-next:hover {
    background: var(--maincolorbg) !important;
  }
  header:hover .owl-prev {
    left: 0px;
    opacity: 1;
  }
  header:hover .owl-next {
    right: 0px;
    opacity: 1;
  }

  .owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    border-radius: 0rem!important;
    padding-bottom: 2.75rem!important;
    padding-top: 0!important;
    font: inherit
  }
  
  .explore_btn {
    color: var(--white);
    background-color: var(--maincolor);
    padding: .5rem 1.8rem;
    position: relative;
    /* border-radius: .5rem; */
    z-index: 2;
    overflow: hidden;
  }

  .explore_btn::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--number);
    top: 0%;
    right: 0;
    transition: ease .5s;
    z-index: -1;
    transform: scaleY(0);
    transform-origin: bottom;
  }
  
  .explore_btn:hover::after {
   transform: scaleY(1);
   transform-origin: top;
  }

  .arrow_icon {
    transition: ease .5s;
  }

  /* .explore_btn:hover .arrow_icon {
    margin-left: 1rem;
  } */
  
  .contact_btn {
    color: var(--white);
    background-color: var(--number);
    padding: .5rem 1.8rem;
    position: relative;
    border-radius: .5rem;
    z-index: 2;
  }
  
  .contact_btn::before {
    content: '';
    position: absolute;
    width: 0%;
    height: 100%;
    background-color: var(--maincolor);
    top: 0;
    left: 0;
    transition: ease .5s;
    z-index: -1;
  }
  
  .contact_btn:hover::before {
    width: 50%;
  }
  
  .contact_btn::after {
    content: '';
    position: absolute;
    width: 0%;
    height: 100%;
    background-color: var(--maincolor);
    top: 0;
    right: 0;
    transition: ease .5s;
    z-index: -1;
  }
  
  .contact_btn:hover::after {
    width: 50%;
  }

  .explore_btn2 {
    color: var(--white);
    background-color: var(--maincolor);
    padding: .5rem 1.8rem;
    position: relative;
    z-index: 2;
  }
  
  .explore_btn2::before {
    content: '';
    position: absolute;
    width: 0%;
    height: 100%;
    background-color: var(--number);
    top: 0;
    left: 0;
    transition: ease .5s;
    z-index: -1;
  }
  
  .explore_btn2:hover::before {
    width: 50%;
  }
  
  .explore_btn2::after {
    content: '';
    position: absolute;
    width: 0%;
    height: 100%;
    background-color: var(--number);
    top: 0;
    right: 0;
    transition: ease .5s;
    z-index: -1;
  }
  
  .explore_btn2:hover::after {
    width: 50%;
  }
  
  .contact_btn2 {
    color: var(--white);
    background-color: var(--number);
    padding: .5rem 1.8rem;
    position: relative;
    z-index: 2;
  }
  
  .contact_btn2::before {
    content: '';
    position: absolute;
    width: 0%;
    height: 100%;
    background-color: var(--maincolor);
    top: 0;
    left: 0;
    transition: ease .5s;
    z-index: -1;
  }
  
  .contact_btn2:hover::before {
    width: 50%;
  }
  
  .contact_btn2::after {
    content: '';
    position: absolute;
    width: 0%;
    height: 100%;
    background-color: var(--maincolor);
    top: 0;
    right: 0;
    transition: ease .5s;
    z-index: -1;
  }
  
  .contact_btn2:hover::after {
    width: 50%;
  }
  
  .banner_img {
    width: 100%;
    height: 90vh;
  }
  
  @media only screen and (max-width: 767px){
    .banner_img {
        height: 50vh;
    }
  }
  
  /* ------BANNER----END------ */


  /* ------INDEX--PROJECT--SECTION--START------ */

  .swiper {
    width: 100%;
    height: 100%;
    transition: ease .4s;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .swiper-button-next:after, .swiper-button-prev:after {
    display: none!important;
  }

  .swiper-pagination-bullet {
    background-color: var(--links)!important;
  }

  .swiper-pagination-bullet-active {
    background-color: var(--aura)!important;
  }

  .swiper-button-prev {
    background-color: var(--aurabg)!important;
    color: var(--white);
    width: 3rem!important;
    transition: all .5s;
    left: 2%!important;
    opacity: 0!important;
  }

  .swiper-button-next {
    background-color: var(--aurabg)!important;
    color: var(--white);
    width: 3rem!important;
    transition: all .5s;
    right: 2%!important;
    opacity: 0!important;
  }

  .swiper_right_arrow {
    color: var(--white);
    transition: all .4s;
  }

  /* .swiper_right_arrow:hover {
    padding: 1rem 1.5rem;
  } */

  .swiper_left_arrow {
    color: var(--white);
    padding: 1rem;
    transition: all .4s;
  }

  /* .swiper_left_arrow:hover {
    padding: 1rem 1.5rem;
  } */

  .swiper:hover .swiper-button-prev{
    left: 0!important;
    opacity: 1!important;
  }
  .swiper:hover .swiper-button-next{
    right: 0!important;
    opacity: 1!important;
  }

  .swiper-button-prev:hover, .swiper-button-next:hover {
    width: 3.5rem!important;
  }

  .project_info {
    width: 100%;
    background-color: var(--maincolorbg);
    box-shadow: 0px -16px 20px 16px var(--maincolorbg);
    bottom: 0;
    left: 0;
  }
  

  /* ------INDEX--PROJECT--SECTION--END------ */


  /* ------ABOUT--US--SECTION--START------ */

  .about_slider_bg {
    background: url(images/image7.jpg)no-repeat top center;
    background-size: cover;
  }

  .card_radius {
    background: transparent!important;
    margin-top: 3rem;
  }

  .wrapper{
    width: 100%;  
    height: 100%;  
    overflow: hidden;
    background-color: var(--white);
    border-radius: 50%;
    margin: auto;
  }
  
  .slick-dots {
      position: static!important;
  }
  
  .slick-prev, .slick-next {
      display: none!important;
  }
  
  /* .my-slider{
    padding: 0 70px;
  } */
  .slick-initialized .slick-slide{
    color: #FFF;
    height: 100%;
    margin: 0 0px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .slick-next, .slick-prev{
    z-index: 5;
  }
  .slick-next{
    right: 15px;
  }
  .slick-prev{
    left: 15px;
  }
  .slick-next:before, .slick-prev:before{
    color: var(--swasti);
      font-size: 36px;
      margin-left: -40%;
  }

  .explore_aura {
    transition: all ease .4s;
  }

  .explore_aura:hover {
    letter-spacing: .1rem;
  }

  .about_content {
    width: 84%;
  }

  .about_p {
    width: 75%;
  }

  .about_img {
    /* height: 80vh;
    background: url(images/image2.jpg)no-repeat center center;
    background-size: cover;
    background-attachment: fixed; */
    position: relative;
    padding: 1rem;
  }

/* 
  .about_img::before {
    content: '';
    position: absolute;
    width: 30%;
    height: 30%;
    background-color: var(--maincolor);
    z-index: -1;
    top: 0;
    left: 0;
  }

  .about_img::after {
    content: '';
    position: absolute;
    width: 30%;
    height: 30%;
    background-color: var(--maincolor);
    z-index: -1;
    bottom: 0;
    right: 0;
  } */

  .before {
    position: absolute;
    width: 30%;
    height: 30%;
    /* border-radius: .5rem; */
    background-color: var(--maincolor);
    z-index: -1;
    top: 0;
    left: 0;
  }

  .after {
    content: '';
    position: absolute;
    width: 30%;
    height: 30%;
    /* border-radius: .5rem; */
    background-color: var(--maincolor);
    z-index: -1;
    bottom: 0;
    right: 0;
  }

  .before2 {
    position: absolute;
    width: 30%;
    height: 30%;
    /* border-radius: .5rem; */
    background-color: var(--maincolor);
    z-index: -1;
    top: 0;
    right: 0;
  }

  .after2 {
    content: '';
    position: absolute;
    width: 30%;
    height: 30%;
    /* border-radius: .5rem; */
    background-color: var(--maincolor);
    z-index: -1;
    bottom: 0;
    left: 0;
  }

  .vision_bg {
    background: url(images/Entrance\ Front\ Landscape-NEW.jpg)no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    z-index: 2;
  }

  .vision_bg::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--aura_banner_bg);
    left: 0;
    top: 0;
    z-index: -1;
  }

  .vision {
    width: 90%;
    min-height: 100%;
  }

  .about_banner {
    width: 100%;
    height: 50%;
    margin-top: 5.78rem;
    background: url(images/Entrance\ Top\ -\ NEW.jpg)no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    z-index: 2;
  }

  .about_banner::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--aura_banner_bg);
    top: 0;
    left: 0;
    z-index: -1;
  }

  .banner_logo {
    width: 100%;
    height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .about_banner_logo {
    width: 12%;
  }

  /* ------ABOUT--US--SECTION--END------ */

  /* ------CONTACT--SECTION--START------ */

  .contact_banner {
    width: 100%;
    height: 50%;
    margin-top: 5.78rem;
    background: url(images/East\ Street-NEW.jpg)no-repeat top center;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    z-index: 2;
  }

  .contact_banner::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--aura_banner_bg);
    top: 0;
    left: 0;
    z-index: -1;
  }

  .main-wrapper {
    width: 90%;
  }

  .form-main {
    /* background: linear-gradient(to bottom, #00000024, #00000024),
      url(https://res.cloudinary.com/dqifboxk5/image/upload/v1686209968/contact-us-2_y8zzx7.jpg)
        no-repeat center; */
    background-size: cover;
    /* min-height: 100vh; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    .main-wrapper {
      padding: 45px;
      width: 100%;
      box-shadow: 0 0 5px 5px #00000020;
      backdrop-filter: blur(5px);
      /* border-radius: .5rem; */
      background-color: #ffffff85;
      @media screen and (max-width: 991px) {
        width: 70%;
      }
      @media screen and (max-width: 767px) {
        width: 90%;
      }
      .form-head {
        font-size: 30px;
        line-height: 40px;
        font-weight: 600;
        text-align: center;
        margin: 0px 0 25px;
      }
      .form-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 15px;
        .form-card {
          position: relative;
          width: 100%;
  
          .form-input {
            padding: 20px 25px 15px;
            width: 100%;
            border: 1px solid var(--maincolor);
            border-radius: none;
            background: transparent;
            outline: none;
            font-size: 20px;
            line-height: 30px;
            font-weight: 400;
                box-sizing: border-box;
  
            &:valid,
            &:focus {
              border: 1px solid var(--number);
            }
  
            &:valid ~ .form-label,
            &:focus ~ .form-label {
              color: var(--number);
              top: 30%;
              transform: translateY(-70%);
              font-size: 13px;
              line-height: 23px;
            }
  
            &:-webkit-autofill,
            &:-webkit-autofill:hover,
            &:-webkit-autofill:focus,
            &:-webkit-autofill:active {
              transition: background-color 9999s ease-in-out 0s;
            }
            &::-webkit-outer-spin-button,
            &::-webkit-inner-spin-button {
              -webkit-appearance: none;
              margin: 0;
            }
          }
  
          .form-label {
            position: absolute;
            left: 25px;
            top: 50%;
            transform: translateY(-50%);
            pointer-events: none;
            transition: 0.3s;
            margin: 0;
            font-size: 18px;
            line-height: 28px;
            font-weight: 500;
          }
          .form-textarea {
            padding: 20px 25px 15px;
            width: 100%;
            border: 1px solid var(--maincolor);
            background: transparent;
            outline: none;
            font-size: 20px;
            line-height: 30px;
            font-weight: 400;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            resize: none;
                box-sizing: border-box;
  
            &:valid,
            &:focus {
              border: 1px solid var(--number);
            }
  
            &:valid ~ .form-textarea-label,
            &:focus ~ .form-textarea-label {
              color: var(--number);
              top: 18%;
              transform: translateY(-82%);
              font-size: 13px;
              line-height: 23px;
            }
  
            &:-webkit-autofill,
            &:-webkit-autofill:hover,
            &:-webkit-autofill:focus,
            &:-webkit-autofill:active {
              transition: background-color 9999s ease-in-out 0s;
            }
          }
          .form-textarea-label {
            position: absolute;
            left: 25px;
            top: 30%;
            transform: translateY(-70%);
            pointer-events: none;
            transition: 0.3s;
            margin: 0;
            font-size: 18px;
            line-height: 28px;
            font-weight: 500;
          }
        }
      }
    }
  }
  .btn-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 0 0;
    }
  .btn-wrap button {
    padding: 0 32px;
    font-size: 18px;
    line-height: 48px;
    background-color: var(--maincolor);
    color: var(--white);
    transition: all 0.5s ease;
    cursor: pointer; 
  }
  .btn-wrap button:hover {
    /* border: 1px solid var(--maincolor);
    background: transparent;
    color: var(--maincolor); */
  }

  /* ------CONTACT--SECTION--END------ */

  
  /* ------COMPLETED--SECTION--START------ */

  .completed_banner {
    width: 100%;
    height: 50%;
    margin-top: 5.78rem;
    background: url(images/Evening\ East\ Street-NEW.jpg)no-repeat top center;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    z-index: 2;
  }

  .completed_banner::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--aura_banner_bg);
    top: 0;
    left: 0;
    z-index: -1;
  }

  .learn_more {
    color: var(--maincolor);
    transition: all linear .3s;
  }

  .learn_more:hover {
    color: var(--numberdark);
    letter-spacing: .1rem;
  }

  .downlaod_brochure {
    color: var(--white);
    background-color: var(--maincolor);
  }

  .card_hover {
    height: 100%!important;
    transition: linear .3s;
    overflow: hidden;
  }

  .img_div {
    transition: linear .3s;
    overflow: hidden;
  }

  .img_div img {
    transition: linear .3s;
    overflow: hidden;
  }

  .card_hover:hover .img_div img {
    scale: 1.05;
  }

  .margin_top {
    margin-top: 2.5rem;
  }

  .next_btn3 {
    top: -4%!important;
    right: 0%!important;
    background-color: var(--maincolor)!important;
    color: var(--white)!important;
    transform: translate(-4%, -4%);
    transition: all ease .4s;
    transition-delay: .1s;
  }

  .prev_btn3 {
    top: -4%!important;
    left: 92.3%!important;
    background-color: var(--maincolor)!important;
    color: var(--white)!important;
    transform: translate(-4%, -4%);
    transition: all ease .4s;
  }

  .swiper:hover .next_btn3 {
    top: 4.8%!important;
    width: 3rem!important;
  }

  .swiper:hover .prev_btn3 {
    top: 4.8%!important;
    left: 92.3%!important;
    width: 3rem!important;
  }

  /* ------COMPLETED--SECTION--END------ */

  
  /* ------UPCOMING--SECTION--START------ */

  .upcoming_banner {
    width: 100%;
    height: 50%;
    margin-top: 5.78rem;
    background: url(images/Entrance\ Front\ Landscape-NEW.jpg)no-repeat top center;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    z-index: 2;
  }

  .upcoming_banner::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--aura_banner_bg);
    top: 0;
    left: 0;
    z-index: -1;
  }

  /* ------UPCOMING--SECTION--END------ */


  /* ------OVERVIEW--SECTION--START------ */

  .overview {
    width: 35%!important;
    padding: 2.4rem 2.5rem!important;
    background-color: var(--transparent);
  }

  .overview_heading  {
    background-color: var(--aura);
    width: 50%;
    height: 4.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .col_margin {
    margin-top: .77rem!important;
  }

  .dotted_border {
    border-top: 1px dashed var(--white);
    border-bottom: 1px dashed var(--white);
  }

  .download_brochure {
    color: var(--white);
    background-color: var(--number);
    font-family: 'medium';
    border-radius: 7px;
    padding: .5rem 1.8rem;
    position: relative;
    z-index: 2;
  }
  
  .download_brochure::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--maincolor);
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    top: 0;
    left: 0;
    transition: all ease .5s;
    transform: scaleX(0);
    transform-origin: left;
    z-index: -1;
  }
  
  .download_brochure:hover::before {
    transform: scaleX(.8);
    transform-origin: right;
  }
  
  .download_brochure::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--maincolor);
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    top: 0;
    right: 0;
    transition:all ease .5s;
    transform: scaleX(0);
    transform-origin: right;
    z-index: -1;
  }
  
  .download_brochure:hover::after {
    transform: scaleX(.8);
    transform-origin: left;
  }

  .download_brochure2 {
    color: var(--white);
    background-color: var(--numberdark);
    padding: .5rem 1.8rem;
    position: relative;
    z-index: 2;
  }
  
  .download_brochure2::before {
    content: '';
    position: absolute;
    width: 0%;
    height: 100%;
    background-color: var(--maincolor);
    top: 0;
    left: 0;
    transition: ease .5s;
    z-index: -1;
  }
  
  .download_brochure2:hover::before {
    width: 50%;
  }
  
  .download_brochure2::after {
    content: '';
    position: absolute;
    width: 0%;
    height: 100%;
    background-color: var(--maincolor);
    top: 0;
    right: 0;
    transition: ease .5s;
    z-index: -1;
  }
  
  .download_brochure2:hover::after {
    width: 50%;
  }

  /* ------OVERVIEW--SECTION--END------ */


  /* ------GALLERY--SECTION--START------ */

  .gallery_heading {
    font-size: 3.5rem;
    color: var(--black);
  }

  .gallery_img  {
    position: relative;
  }

  .gallery_img::before {
    content: '';
    position: absolute;
    background-color: var(--blacktransparent);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: ease .4s;
  }

  .gallery_img:hover::before {
    opacity: 1;
  }

  .g_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
  }

  .plus_icon {
    position: relative;
    background-color: var(--maincolor);
    border-radius: 0 .7rem 0 .7rem;
    padding: .7rem;
    transition: transform .4s;
    transform: scale(0);
  }

  .plus_icon::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 0 .7rem 0 .7rem;
    border: 1px solid var(--maincolor);
    top: 0;
    left: 0;
    animation: scaling linear 1s infinite;
  }

  .gallery_img:hover .plus_icon {
    transform: scale(1);
  }

  @keyframes scaling {
    0%{
        scale: 1;
      }
  
    75% {
          scale: 1.75;
          opacity: 1;
        }
    100% {
          scale: 2;
          opacity: 0;
        }  
  }

  /* ------GALLERY--SECTION--END------ */


  /* ------PROJECTS--SECTION--START------ */

  .active2 {
    color: var(--maincolor)!important;
    position: relative!important;
  }

  .active2::before {
      /* content: '';
      position: absolute; */
      display: block!important;
      width: 80%!important;
      margin: auto!important;
      height: 1px!important;
      background-color: var(--maincolor)!important;
      left: 50%!important;
      transform: translate(-50%, 0px)!important;
      transition: linear .3s;
  }

  .active3 {
    color: var(--maincolor)!important;
    background-color: var(--white)!important;
  }


  /* ------PROJECTS--SECTION--END------ */


  /* ------LOCATION--SECTION--START------ */

  

  /* ------LOCATION--SECTION--END------ */


  /* ------VILLA--SECTION--START------ */

  .villa_bg_banner {
    height: 100vh;
    background: url(images/Evening\ East\ West\ Street-NEW.jpg)no-repeat top center;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    z-index: 2;
  }

  .villa_bg_banner::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--aura_banner_bg);
    top: 0;
    left: 0;
    z-index: -1;
  }

  .villa_main {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .villa_logo {
    width: 34%;
  }

  .overview_aura {
    width: 30%;
  }

  .img_before {
    width: 30%;
    height: 30%;
    position: absolute;
    background-color: var(--aura);
    left: 0;
    top: 0;
    z-index: -1;
  }

  .img_after {
    width: 50%;
    height: 50%;
    position: absolute;
    background-color: var(--aura);
    right: 0;
    bottom: 0;
    z-index: -1;
  }

  .villa_before {
    width: 30%;
    height: 30%;
    position: absolute;
    background-color: var(--aura);
    right: 0;
    top: 0;
    z-index: -1;
  }

  .villa_after {
    width: 100%;
    height: 50%;
    position: absolute;
    background-color: var(--aura);
    right: 0;
    bottom: 0;
    z-index: -1;
  }

  .master_plan {
    width: 100%;
    margin: auto;
  }

  .master_plan_overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--blacktransparent2);
    top: 0;
    left: 0;
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform .5s;
  }

  .master_plan:hover .master_plan_overlay {
    transform: scaleY(1);
    transform-origin: bottom;
  }

  .master_plan_before {
    width: 50%;
    height: 30%;
    background-color: var(--aura);
    top: 0;
    left: 0;
    z-index: -1;
  }

  .master_plan_after {
    width: 100%;
    height: 40%;
    background-color: var(--aura);
    bottom: 0;
    right: 0;
    z-index: -1;
  }

  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background-color: var(--aura)!important;
  }


  .clubhouse_before {
    content: '';
    position: absolute;
    width: 100%;
    height: 40%;
    background-color: var(--aura);
    top: 0;
    left: 0;
    z-index: -1;
  }

  .clubhouse_after {
    content: '';
    position: absolute;
    width: 30%;
    height: 30%;
    background-color: var(--aura);
    bottom: 0;
    right: 0;
    z-index: -1;
  }

  .swiper_p {
    width: 90%;
    font-size: .95rem;
  }

  .next_btn {
    top: -4%!important;
    left: 4%!important;
    transform: translate(-4%, -4%);
    transition: all ease .4s;
    transition-delay: .1s;
  }

  .prev_btn {
    top: -4%!important;
    left: 0%!important;
    transform: translate(-4%, -4%);
    transition: all ease .4s;
  }

  .swiper:hover .next_btn {
    top: 4.8%!important;
    width: 3rem!important;
  }

  .swiper:hover .prev_btn {
    top: 4.8%!important;
    width: 3rem!important;
  }

  .next_btn2 {
    top: -4%!important;
    right: 0%!important;
    transform: translate(-4%, -4%);
    transition: all ease .4s;
    transition-delay: .1s;
  }

  .prev_btn2 {
    top: -4%!important;
    left: 92.3%!important;
    transform: translate(-4%, -4%);
    transition: all ease .4s;
  }

  .swiper:hover .next_btn2 {
    top: 4.8%!important;
    width: 3rem!important;
  }

  .swiper:hover .prev_btn2 {
    top: 4.8%!important;
    left: 92.3%!important;
    width: 3rem!important;
  }

  .accordion-button:focus {
    color: var(--aura)!important;
    border-color: var(--white)!important;
    outline: 0;
    box-shadow: var(--white)!important;
  }

  .accordion-button:not(.collapsed) {
    color: var(--aura)!important;
  }

  .accordion-button:focus::after {
    color: var(--aura)!important;
  }
  
  .accordion-button:not(.collapsed) {
    background-color: var(--white)!important;
  }

  .accordion-button::after {
    background: none!important;
    width: 15px!important;
    height: 15px!important;
    border-top: 1px solid var(--aura);
    border-right: 1px solid var(--aura);
    transform: rotate(136deg);
  }

  .accordion-button:not(.collapsed)::after {
    transform: rotate(185deg)!important;
  }

  .specification_h5 {
    color: var(--aura);
  }


  /* ------VILLA--SECTION--END------ */

  /* ------PRIVACY---POLICY--SECTION--START------ */

  .privacy_policy_banner {
    width: 100%;
    height: 50%;
    margin-top: 5.78rem;
    background: url(images/East\ Street\ -\ NEW.jpg)no-repeat top center;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    z-index: 2;
  }

  .privacy_policy_banner::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--aura_banner_bg);
    top: 0;
    left: 0;
    z-index: -1;
  }

  .privacy_policy_section {
    width: 80%;
    margin: auto;
  }

  /* ------PRIVACY---POLICY--SECTION--END------ */


  /* ------PRIVACY---POLICY--SECTION--START------ */

  .terms_and_conditions_banner {
    width: 100%;
    height: 50%;
    margin-top: 5.78rem;
    background: url(images/clubhouse.jpg)no-repeat top center;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    z-index: 2;
  }

  .terms_and_conditions_banner::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--aura_banner_bg);
    top: 0;
    left: 0;
    z-index: -1;
  }

  /* ------PRIVACY---POLICY--SECTION--END------ */


  /* ------FOOTER--SECTION--START------ */

  .footer_bg {
    position: relative;
    background: url(images/Balcony\ View-NEW.jpg)no-repeat center center;
    background-size: cover;
    z-index: 2;
    margin-top: 5rem;
    font-family: Roboto, sans-serif;
  }

  .footer_bg::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--maincolor);
    opacity: .9;
    top: 0;
    left: 0;
    z-index: -1;
  }

  .footer_bg2 {
    position: relative;
    background: url(images/image1.jpg)no-repeat center center;
    background-size: cover;
    z-index: 2;
  }

  .footer_bg2::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--footerbg);
    opacity: .9;
    top: 0;
    left: 0;
    z-index: -1;
  }

  .footer_logo {
    width: 30%;
    margin-top: 2.3rem;
  }

  .footer_logo2 {
    width: 22%;
  }

  .footer_p {
    width: 80%;
    font-size: 1rem;
    color: var(--footertxt);
    line-height: 1.8rem;
  }

  .footer_icons {
    width: 21%;
  }

  .facebook {
    background-color: var(--white);
    color: var(--maincolor);
    transition: linear .4s;
    padding: .7rem;
  }

  .facebook:hover {
    transform: translateY(-.3rem) rotate(-5.5deg);
  } 

  .facebook2 {
    background-color: var(--facebook);
    color: var(--white);
    border-radius: 50%;
    padding: .7rem;
    transition: ease .9s;
  }

  .facebook2:hover {
    animation: myfacebook 1s;
    background-color: var(--maincolor);
    translate: 0 -.3rem;
    scale: 1.07;
  }

  @keyframes myfacebook {
    0%, 100% {
      transform: scaleX(1);
    }
  
    10%, 20% {
      transform: scale3d(.9, .9, .9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
      transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    }

    40%, 60%, 80% {
      transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    }
  }

  .instagram2 {
    background-color: var(--instagram);
    color: var(--white);
    border-radius: 50%;
    padding: .7rem;
    transition: ease .9s;
  }

  .instagram2:hover {
    animation: myinstagram 1s;
    background-color: var(--maincolor);
    translate: 0 -.3rem;
    scale: 1.07;
  }

  @keyframes myinstagram {
    0%, 100% {
      transform: scaleX(1);
    }
  
    10%, 20% {
      transform: scale3d(.9, .9, .9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
      transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    }

    40%, 60%, 80% {
      transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    }
  }

  .youtube2 {
    background-color: var(--youtube);
    color: var(--white);
    border-radius: 50%;
    padding: .7rem;
    transition: ease .9s;
  }

  .youtube2:hover {
    animation: myinstagram 1s;
    background-color: var(--maincolor);
    translate: 0 -.3rem;
    scale: 1.07;
  }

  @keyframes myinstagram {
    0%, 100% {
      transform: scaleX(1);
    }
  
    10%, 20% {
      transform: scale3d(.9, .9, .9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
      transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    }

    40%, 60%, 80% {
      transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    }
  }

  .f_menu {
    position: relative;
    color: var(--white);
    transition: ease .4s;
    z-index: 2;
    font-size: 1.05rem;
    margin: .5rem 0;
  }

  .f_menu:hover {
    margin-left: .5rem;
  }

  .f_menu::before {
    content: '';
    position: absolute;
    width: 0%;
    height: 1px;
    background-color: var(--white2);
    left: 0;
    bottom: 0%;
    transition: ease .4s;
    z-index: -1;
  }

  .f_menu:hover::before {
    width: 100%;
  }

  .f_menu2 {
    position: relative;
    color: var(--footertxt);
    transition: ease .4s;
    z-index: 2;
    margin: .5rem 0;
  }

  .f_menu2:hover {
    margin-left: .3rem;
  }

  .f_menu2::before {
    content: '';
    position: absolute;
    width: 10%;
    height: 2px;
    background-color: var(--transparent2);
    left: 0;
    bottom: 0%;
    transition: ease .4s;
    z-index: -1;
  }

  .f_menu2:hover::before {
    width: 100%;
  }

  .email2 {
    position: relative;
  }

  .email2::after {
    content: '';
    display: block;
    margin: auto;
    width: 100%;
    height: 2px;
    background-color: var(--transparent2);
    transition: ease .4s;
  }

  .email2:hover::after {
    width: 0%;
  }

  .input_icon {
    left: 3%;
    top: 25%;
  }

  .form-control {
    padding: 10px 20px 10px 40px!important;
    color: var(--links)!important;
  }

  .form-control:focus {
    border: 1px solid var(--instagram);
    box-shadow: none!important;
  }

  .footer_email {
    position: relative;
  }

  .footer_email::after {
    content: '';
    display: block;
    margin: auto;
    width: 100%;
    height: 1px;
    background-color: var(--white2);
    transition: ease .4s;
  }

  .footer_email:hover::after {
    width: 0%;
  }

  .footer_selection::selection {
    background-color: var(--white);
    color: var(--maincolor);
  }

  .site_address_margin {
    margin-top: 1.6rem;
  }

  .site_address_margin2 {
    margin-top: .25rem;
  }

  /* ------FOOTER--SECTION--END------ */
  
  /*-------RESPONSIVE--CODES-------*/
  
  
  @media only screen and (min-width: 300px) and (max-width: 450px) {
    .logo {
      width: 16.8%;
    }
  
    .banner_heading {
      font-size: 2.7rem;
    }

    .overview_heading {
      width: 100%;
      margin-left: 0;
    }

    header .item .cover .header-content {
      padding: 28px;
      width: 100%;
    }

    header .item {
      height: 100%!important;
    }

    .banner_margin {
      margin-top: 5.7rem;
    }

    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
      display: none;
    }

    .about_banner {
      margin-top: 19.5%;
    }

    .contact_banner {
      margin-top: 19.5%;
    }

    .about_banner_logo {
      width: 45%;
    }

    .about_img {
      background-attachment: scroll;
    }

    .about_p {
      width: 100%;
    }

    .padding_top {
      padding-top: 1.8rem;
    }

    .padding_bottom {
      padding-bottom: 1.8rem;
    }

    .margin_top {
      margin-top: 1.8rem;
    }

    .villa_logo {
      width: 80%;
    }

    .overview_aura {
      width: 50%;
    }

    .swiper-button-prev {
      display: none!important;
    }

    .swiper-button-next {
      display: none!important;
    }

    .gallery_heading {
      font-size: 2.7rem;
    }

    .accordion_border {
      border-top: 1px solid var(--bordertop)!important;
    }

    .line::after {
      display: none;
    }

    .line2::before {
      display: none;
    }

    .active1::before {
      display: none!important;
    }

    .active2::before {
      display: none!important;
    }

    .dropend .dropdown-menu[data-bs-popper] {
        margin: 0!important;
      }
    
      .villa_dropdown {
        margin: 0!important;
      }

    .overview {
      width: 100%!important;
    }

    .wrapper {
      border-radius: 0%;
    }

    .main-wrapper {
      width: 100%!important;
    }

    .footer_logo {
      width: 25%;
      margin-top: 0;
    }

    .footer_logo2 {
      width: 25%;
    }
  }
  
  @media only screen and (min-width: 451px) and (max-width: 560px) {
    .logo {
      width: 16.8%;
    }
  
    .banner_heading {
      font-size: 2.7rem;
    }

    .overview_heading {
      width: 100%;
      margin-left: 0;
    }

    header .item .cover .header-content {
      padding: 28px;
      width: 100%;
    }

    header .item {
      height: 100%!important;
    }

    .banner_margin {
      margin-top: 20%;
    }

    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
      display: none;
    }

    .about_banner_logo {
      width: 40%;
    }

    .about_p {
      width: 100%;
    }

    .about_img {
      background-attachment: scroll;
    }

    .padding_top {
      padding-top: 1.8rem;
    }

    .padding_bottom {
      padding-bottom: 1.8rem;
    }

    .margin_top {
      margin-top: 1.8rem;
    }

    .villa_logo {
      width: 73%;
    }

    .gallery_heading {
      font-size: 2.7rem;
    }

    .accordion_border {
      border-top: 1px solid var(--bordertop)!important;
    }

    .line::after {
      display: none;
    }

    .line2::before {
        display: none;
      }

    .active1::before {
      display: none!important;
    }

    .active2::before {
      display: none!important;
    }

    .dropend .dropdown-menu[data-bs-popper] {
        margin: 0!important;
      }
    
      .villa_dropdown {
        margin: 0!important;
      }

    .overview {
      width: 100%!important;
    }

    .wrapper {
      border-radius: 0%;
    }

    .footer_logo {
      width: 25%;
      margin-top: 0;
    }

    .footer_logo2 {
      width: 25%;
    }
  }
  
  @media only screen and (min-width: 561px) and (max-width: 600px) {
    .logo {
      width: 16.8%;
    }

    header .item .cover .header-content {
      padding: 28px;
      width: 100%;
    }

    .overview_heading {
      width: 100%;
      margin-left: 0;
    }
  
    .banner_heading {
      font-size: 2.7rem;
    }

    header .item {
      height: 100%!important;
    }

    .banner_margin {
      margin-top: 20%;
    }

    .about_banner {
      margin-top: 4.7rem;
    }

    .contact_banner {
      margin-top: 4.7rem;
    }

    .about_banner_logo {
      width: 35%;
    }

    .about_p {
      width: 100%;
    }

    .about_img {
      background-attachment: scroll;
    }

    .padding_top {
      padding-top: 1.8rem;
    }

    .padding_bottom {
      padding-bottom: 1.8rem;
    }

    .margin_top {
      margin-top: 1.8rem;
    }

    .villa_logo {
      width: 60%;
    }

    .swiper-button-prev {
      display: none!important;
    }

    .swiper-button-next {
      display: none!important;
    }

    .gallery_heading {
      font-size: 2.7rem;
    }

    .accordion_border {
      border-top: 1px solid var(--bordertop)!important;
    }

    .line::after {
      display: none;
    }

    .line2::before {
        display: none;
      }

    .active1::before {
      display: none!important;
    }

    .active2::before {
      display: none!important;
    }

    .dropend .dropdown-menu[data-bs-popper] {
        margin: 0!important;
      }
    
      .villa_dropdown {
        margin: 0!important;
      }

    .overview {
      width: 100%!important;
    }

    .wrapper {
      border-radius: 0%;
    }

    .footer_logo {
      width: 25%;
      margin-top: 0;
    }

    .footer_logo2 {
      width: 25%;
    }
  }
  
  @media (min-width: 605px) and (max-width: 700px) {
    .logo {
      width: 16.8%;
    }

    header .item .cover .header-content {
      padding: 28px;
      width: 100%;
    }

    .overview_heading {
      width: 100%;
      margin-left: 0;
    }
  
    .banner_heading {
      font-size: 2.7rem;
    }

    header .item {
      height: 100%!important;
    }

    .banner_margin {
      margin-top: 14%;
    }

    .about_banner {
      margin-top: 4.7rem;
    }

    .contact_banner {
      margin-top: 4.7rem;
    }

    .about_banner_logo {
      width: 35%;
    }

    .about_p {
      width: 100%;
    }

    .about_img {
      background-attachment: scroll;
    }

    .accordion_border {
      border-top: 1px solid var(--bordertop)!important;
    }

    .villa_logo {
      width: 60%;
    }

    .padding_top {
      padding-top: 1.8rem;
    }

    .padding_bottom {
      padding-bottom: 1.8rem;
    }

    .margin_top {
      margin-top: 1.8rem;
    }

    .swiper-button-prev {
      display: none!important;
    }

    .swiper-button-next {
      display: none!important;
    }

    .gallery_heading {
      font-size: 2.7rem;
    }

    .line::after {
      display: none;
    }

    .line2::before {
        display: none;
      }

    .active1::before {
      display: none!important;
    }

    .active2::before {
      display: none!important;
    }

    .dropend .dropdown-menu[data-bs-popper] {
        margin: 0!important;
      }
    
      .villa_dropdown {
        margin: 0!important;
      }

    .overview {
      width: 100%!important;
    }

    .wrapper {
      border-radius: 0%;
    }

    .footer_logo {
      width: 25%;
      margin-top: 0;
    }

    .footer_logo2 {
      width: 25%;
    }
  }
  
  @media (min-width: 768px) and (max-width: 769px) {
    .logo {
      width: 10.8%;
    }

    header .item .cover .header-content {
      padding: 28px;
      width: 100%;
    }

    header .item {
      height: 100%!important;
    }

    .overview_heading {
      width: 100%;
      margin-left: 0;
    }

    .banner_margin {
      margin-top: 14%;
    }

    .banner_margin {
      margin-top: 4.7rem;
    }

    .about_banner {
      margin-top: 4.7rem;
    }

    .contact_banner {
      margin-top: 4.7rem;
    }

    .about_banner_logo {
      width: 25%;
    }

    .about_p {
      width: 100%;
    }

    .about_img {
      background-attachment: scroll;
    }

    .padding_top {
      padding-top: 1.8rem;
    }

    .padding_bottom {
      padding-bottom: 1.8rem;
    }

    .margin_top {
      margin-top: 1.8rem;
    }

    .villa_logo {
      width: 60%;
    }

    .swiper-button-prev {
      display: none!important;
    }

    .swiper-button-next {
      display: none!important;
    }

    .gallery_heading {
      font-size: 2.7rem;
    }

    .accordion_border {
      border-top: 1px solid var(--bordertop)!important;
    }

    .line::after {
      display: none;
    }

    .line2::before {
        display: none;
      }

    .active1::before {
      display: none!important;
    }

    .active2::before {
      display: none!important;
    }

    .dropend .dropdown-menu[data-bs-popper] {
        margin: 0!important;
      }
    
      .villa_dropdown {
        margin: 0!important;
      }

    .overview {
      width: 100%!important;
    }

    .wrapper {
      border-radius: 0%;
    }

    .footer_logo {
      width: 25%;
      margin-top: 0;
    }

    .footer_logo2 {
      width: 25%;
    }

    .site_address_margin {
      margin-top: 1.8rem;
    }

    .site_address_margin2 {
      margin-top: .7rem;
    }
    
  }
  
  @media (min-width: 769px) and (max-width: 819px) {
    .logo {
      width: 10.8%;
    }

    header .item .cover .header-content {
      padding: 28px;
      width: 100%;
    }

    .banner_heading {
      font-size: 2.7rem;
    }

    .overview_heading {
      width: 100%;
      margin-left: 0;
    }

    header .item {
      height: 100%!important;
    }

    .banner_margin {
      margin-top: 14%;
    }

    .about_banner {
      margin-top: 4.7rem;
    }

    .contact_banner {
      margin-top: 4.7rem;
    }

    .about_banner_logo {
      width: 25%;
    }

    .about_p {
      width: 100%;
    }

    .about_img {
      background-attachment: scroll;
    }

    .padding_top {
      padding-top: 1.8rem;
    }

    .padding_bottom {
      padding-bottom: 1.8rem;
    }

    .margin_top {
      margin-top: 1.8rem;
    }

    .villa_logo {
      width: 60%;
    }

    .swiper-button-prev {
      display: none!important;
    }

    .swiper-button-next {
      display: none!important;
    }

    .gallery_heading {
      font-size: 2.7rem;
    }

    .accordion_border {
      border-top: 1px solid var(--bordertop)!important;
    }

    .line::after {
      display: none;
    }

    .line2::before {
        display: none;
      }

    .active1::before {
      display: none!important;
    }

    .active2::before {
      display: none!important;
    }

    .dropend .dropdown-menu[data-bs-popper] {
        margin: 0!important;
      }
    
      .villa_dropdown {
        margin: 0!important;
      }

    .overview {
      width: 100%!important;
    }

    .wrapper {
      border-radius: 0%;
    }

    .footer_logo {
      width: 25%;
      margin-top: 0;
    }

    .footer_logo2 {
      width: 25%;
    }

    .site_address_margin {
      margin-top: 2rem;
    }

    .site_address_margin2 {
      margin-top: -.6rem;
    }
  }
  
  @media (min-width: 601px) and (max-width: 701px) {
    .logo {
      width: 10.8%;
    }

    header .item .cover .header-content {
      padding: 28px;
      width: 100%;
    }

    .banner_heading {
      font-size: 2.7rem;
    }

    .overview_heading {
      width: 100%;
      margin-left: 0;
    }

    .about_banner {
      margin-top: 4.7rem;
    }

    .contact_banner {
      margin-top: 4.7rem;
    }

    .about_banner_logo {
      width: 35%;
    }

    .about_p {
      width: 100%;
    }

    .about_img {
      background-attachment: scroll;
    }

    .villa_logo {
      width: 60%;
    }

    .swiper-button-prev {
      display: none!important;
    }

    .swiper-button-next {
      display: none!important;
    }

    .gallery_heading {
      font-size: 2.7rem;
    }

    .line::after {
      display: none;
    }

    .line2::before {
        display: none;
      }

    .active1::before {
      display: none!important;
    }

    .active2::before {
      display: none!important;
    }

    .dropend .dropdown-menu[data-bs-popper] {
        margin: 0!important;
      }
    
      .villa_dropdown {
        margin: 0!important;
      }

    .overview {
      width: 100%!important;
    }

    .wrapper {
      border-radius: 0%;
    }

    .footer_logo {
      width: 25%;
      margin-top: 0;
    }

    .footer_logo2 {
      width: 25%;
    }
  }
  
  @media (min-width: 701px) and (max-width: 767px) {
    .logo {
      width: 10.8%;
    }

    header .item .cover .header-content {
      padding: 28px;
      width: 100%;
    }

    .overview_heading {
      width: 100%;
      margin-left: 0;
    }

    .banner_heading {
      font-size: 2.7rem;
    }

    header .item {
      height: 100%!important;
    }

    .banner_margin {
      margin-top: 5.5rem;
    }

    .about_banner {
      margin-top: 4.7rem;
    }

    .contact_banner {
      margin-top: 4.7rem;
    }

    .about_banner_logo {
      width: 35%;
    }

    .about_p {
      width: 100%;
    }

    .padding_top {
      padding-top: 1.8rem;
    }

    .padding_bottom {
      padding-bottom: 1.8rem;
    }

    .margin_top {
      margin-top: 1.8rem;
    }

    .villa_logo {
      width: 60%;
    }

    .swiper-button-prev {
      display: none!important;
    }

    .swiper-button-next {
      display: none!important;
    }

    .about_img {
      background-attachment: scroll;
    }

    .gallery_heading {
      font-size: 2.7rem;
    }

    .accordion_border {
      border-top: 1px solid var(--bordertop)!important;
    }

    .line::after {
      display: none;
    }

    .line2::before {
        display: none;
      }

    .active1::before {
      display: none!important;
    }

    .active2::before {
      display: none!important;
    }

    .dropend .dropdown-menu[data-bs-popper] {
        margin: 0!important;
      }
    
      .villa_dropdown {
        margin: 0!important;
      }

    .overview {
      width: 100%!important;
    }

    .wrapper {
      border-radius: 0%;
    }

    .footer_logo {
      width: 25%;
      margin-top: 0;
    }

    .footer_logo2 {
      width: 25%;
    }
  }
  
  @media only screen and (min-width: 769px) and (max-width: 799px) {
    .logo {
      width: 10.8%;
    }

    header .item .cover .header-content {
      padding: 28px;
      width: 100%;
    }

    .overview_heading {
      width: 100%;
      margin-left: 0;
    }

    .banner_heading {
      font-size: 2.7rem;
    }

    header .item {
      height: 100%!important;
    }

    .banner_margin {
      margin-top: 6.5rem;
    }

    .about_banner {
      margin-top: 4.7rem;
    }

    .contact_banner {
      margin-top: 4.7rem;
    }

    .about_banner_logo {
      width: 25%;
    }

    .about_p {
      width: 100%;
    }

    .about_img {
      background-attachment: scroll;
    }

    .padding_top {
      padding-top: 1.8rem;
    }

    .padding_bottom {
      padding-bottom: 1.8rem;
    }

    .margin_top {
      margin-top: 1.8rem;
    }

    .swiper-button-prev {
      display: none!important;
    }

    .swiper-button-next {
      display: none!important;
    }

    .gallery_heading {
      font-size: 2.7rem;
    }

    .accordion_border {
      border-top: 1px solid var(--bordertop)!important;
    }

    .line::after {
      display: none;
    }

    .line2::before {
        display: none;
      } 

    .active1::before {
      display: none!important;
    }

    .active2::before {
      display: none!important;
    }

    .dropend .dropdown-menu[data-bs-popper] {
        margin: 0!important;
      }
    
      .villa_dropdown {
        margin: 0!important;
      }

    .overview {
      width: 100%!important;
    }

    .wrapper {
      border-radius: 0%;
    }

    .footer_logo {
      width: 25%;
      margin-top: 0;
    }

    .footer_logo2 {
      width: 25%;
    }
  }
  
  @media only screen and (min-width: 800px) and (max-width: 819px) {
    .logo {
      width: 10.8%;
    }

    header .item .cover .header-content {
      padding: 28px;
      width: 100%;
    }

    .overview_heading {
      width: 100%;
      margin-left: 0;
    }

    .banner_heading {
      font-size: 2.7rem;
    }

    header .item {
      height: 100%!important;
    }

    .banner_margin {
      margin-top: 6.5rem;
    }

    .about_banner {
      margin-top: 4.7rem;
    }

    .contact_banner {
      margin-top: 4.7rem;
    }

    .about_banner_logo {
      width: 25%;
    }

    .about_p {
      width: 100%;
    }

    .about_img {
      background-attachment: scroll;
    }

    .padding_top {
      padding-top: 1.8rem;
    }

    .padding_bottom {
      padding-bottom: 1.8rem;
    }

    .margin_top {
      margin-top: 1.8rem;
    }

    .swiper-button-prev {
      display: none!important;
    }

    .swiper-button-next {
      display: none!important;
    }

    .gallery_heading {
      font-size: 2.7rem;
    }

    .accordion_border {
      border-top: 1px solid var(--bordertop)!important;
    }

    .line::after {
      display: none;
    }

    .line2::before {
        display: none;
      }

      .active1::before {
        display: none!important;
      }

      .active2::before {
        display: none!important;
      }

    .dropend .dropdown-menu[data-bs-popper] {
        margin: 0!important;
      }
    
      .villa_dropdown {
        margin: 0!important;
      }

    .overview {
      width: 100%!important;
    }

    .wrapper {
      border-radius: 0%;
    }

    .footer_logo {
      width: 25%;
      margin-top: 0;
    }

    .footer_logo2 {
      width: 25%;
    }
  }
  
  @media only screen and (min-width: 820px) and (max-width: 991px) {
    .logo {
      width: 10.8%;
    }

    header .item .cover .header-content {
      padding: 28px;
      width: 100%;
    }

    .overview_heading {
      width: 100%;
      margin-left: 0;
    }

    .banner_heading {
      font-size: 2.7rem;
    }

    header .item {
      height: 100%!important;
    }

    .banner_margin {
      margin-top: 6.5rem;
    }

    .about_banner {
      margin-top: 4.7rem;
    }

    .contact_banner {
      margin-top: 4.7rem;
    }

    .about_banner_logo {
      width: 25%;
    }

    .about_p {
      width: 100%;
    }

    .about_img {
      background-attachment: scroll;
    }

    .padding_top {
      padding-top: 1.8rem;
    }

    .padding_bottom {
      padding-bottom: 1.8rem;
    }

    .margin_top {
      margin-top: 1.8rem;
    }

    .villa_logo {
      width: 60%;
    }

    .gallery_heading {
      font-size: 2.7rem;
    }

    .accordion_border {
      border-top: 1px solid var(--bordertop)!important;
    }

    .active1::before {
      display: none!important;
    }

    .active2::before {
      display: none!important;
    }

    .dropend .dropdown-menu[data-bs-popper] {
        margin: 0!important;
      }
    
      .villa_dropdown {
        margin: 0!important;
      }

    .line::after {
      display: none;
    }

    .line2::before {
        display: none;
      }

    .overview {
      width: 100%!important;
    }

    .wrapper {
      border-radius: 0%;
    }

    .footer_logo {
      width: 25%;
      margin-top: 0;
    }

    .footer_logo2 {
      width: 25%;
    }

    .site_address_margin2 {
      margin-top: -.6rem;
    }
    
  }
  
  /* @media screen and (min-width: 992px) and (max-width: 993px) {
    .logo {
      width: 10.8%;
    }

    .about_banner_logo {
      width: 25%;
    }

    .overview_heading {
      width: 100%;
      margin-left: 0;
    }

    .banner_margin {
      margin-top: 4.7rem;
    }

    .about_banner {
      margin-top: 4.7rem;
    }

    .contact_banner {
      margin-top: 4.7rem;
    }

    .about_p {
      width: 100%;
    }

    .about_img {
      background-attachment: scroll;
    }

    .villa_logo {
      width: 60%;
    }

    .accordion_border {
      border-top: 1px solid var(--bordertop)!important;
    }

    .overview {
      width: 100%!important;
    }

    .line::after {
      display: none!important;
    }

    .line2::before {
        display: none;
      }

    .wrapper {
      border-radius: 0%;
    }

    .footer_logo {
      width: 25%;
      margin-top: 0;
    }

    .footer_logo2 {
      width: 25%;
    }
  }
   */
  @media screen and (min-width: 992px) and (max-width: 1025px) {

    .line::after {
      display: none!important;
    }

    .line2::before {
        display: none;
      }

      .banner_margin {
        margin-top: 4.7rem;
      }

      .about_banner {
        margin-top: 4.7rem;
      }
  
      .contact_banner {
        margin-top: 4.7rem;
      }

      .villa_logo {
        width: 60%;
      }

    .display_flex_none {
      display: none!important;
    }

    .overview {
      width: 60%!important;
    }

    .wrapper {
      border-radius: 0%;
    }

    .next_btn {
      top: -4% !important;
      left: 5.5% !important;
      transform: translate(-5.5%, -4%);
    }

    .swiper:hover .next_btn {
      top: 6.5% !important;
    }

    .swiper:hover .prev_btn {
      top: 6.5% !important;
    }

    .prev_btn2 {
      top: -4% !important;
      left: 5.5% !important;
      transform: translate(-5.5%, -4%);
    }

    .swiper:hover .next_btn2 {
      top: 6.5% !important;
    }

    .swiper:hover .prev_btn2 {
      top: 6.5% !important;
    }

    .site_address_margin {
      margin-top: 3.3rem;
    }

    .site_address_margin2 {
      margin-top: 2.7rem;
    }
    
  }
  
  @media screen and (min-width: 1026px) and (max-width: 1032px) {
    .display_flex_none {
      display: block!important;
    }

    .banner_margin {
      margin-top: 4.7rem;
    }

    .about_banner {
      margin-top: 4.7rem;
    }

    .contact_banner {
      margin-top: 4.7rem;
    }

    .villa_logo {
      width: 60%;
    }

    .overview {
      width: 60%!important;
    }

    .wrapper {
      border-radius: 0%;
    }

    .next_btn {
      top: -4% !important;
      left: 5.5% !important;
      transform: translate(-5.5%, -4%);
    }

    .swiper:hover .next_btn {
      top: 6.5% !important;
    }

    .swiper:hover .prev_btn {
      top: 6.5% !important;
    }

    .prev_btn2 {
      top: -4% !important;
      right: 5.5% !important;
      transform: translate(-5.5%, -4%);
    }

    .swiper:hover .next_btn2 {
      top: 6.5% !important;
    }

    .swiper:hover .prev_btn2 {
      top: 6.5% !important;
    }

    .site_address_margin {
      margin-top: 3.3rem;
    }

    .site_address_margin2 {
      margin-top: 2.8rem;
    }

  }

  @media screen and (min-width: 1033px) and (max-width: 1038px) {
    .display_flex_none {
      display: block!important;
    }

    .banner_margin {
      margin-top: 4.7rem;
    }

    .about_banner {
      margin-top: 4.7rem;
    }

    .contact_banner {
      margin-top: 4.7rem;
    }

    .villa_logo {
      width: 60%;
    }

    .overview {
      width: 60%!important;
    }

    .wrapper {
      border-radius: 0%;
    }

    .next_btn {
      top: -4% !important;
      left: 5.5% !important;
      transform: translate(-5.5%, -4%);
    }

    .swiper:hover .next_btn {
      top: 6.5% !important;
    }

    .swiper:hover .prev_btn {
      top: 6.5% !important;
    }

    .prev_btn2 {
      top: -4% !important;
      right: 5.5% !important;
      transform: translate(-5.5%, -4%);
    }

    .swiper:hover .next_btn2 {
      top: 6.5% !important;
    }

    .swiper:hover .prev_btn2 {
      top: 6.5% !important;
    }

    .site_address_margin {
      margin-top: 3.3rem;
    }

    .site_address_margin2 {
      margin-top: 5rem;
    }

  }

  @media screen and (min-width: 1039px) and (max-width: 1111px) {
    .display_flex_none {
      display: block!important;
    }

    .banner_margin {
      margin-top: 4.7rem;
    }

    .about_banner {
      margin-top: 4.7rem;
    }

    .contact_banner {
      margin-top: 4.7rem;
    }

    .villa_logo {
      width: 60%;
    }

    .overview {
      width: 60%!important;
    }

    .wrapper {
      border-radius: 0%;
    }

    .next_btn {
      top: -4% !important;
      left: 5.5% !important;
      transform: translate(-5.5%, -4%);
    }

    .swiper:hover .next_btn {
      top: 6.5% !important;
    }

    .swiper:hover .prev_btn {
      top: 6.5% !important;
    }

    .prev_btn2 {
      top: -4% !important;
      right: 5.5% !important;
      transform: translate(-5.5%, -4%);
    }

    .swiper:hover .next_btn2 {
      top: 6.5% !important;
    }

    .swiper:hover .prev_btn2 {
      top: 6.5% !important;
    }

    .site_address_margin {
      margin-top: 3.3rem;
    }

    .site_address_margin2 {
      margin-top: 3.2rem;
    }

  }
  
  @media screen and (min-width: 1112px) and (max-width: 1114px) {
    .display_flex_none {
      display: block!important;
    }

    .banner_margin {
      margin-top: 4.7rem;
    }

    .about_banner {
      margin-top: 4.7rem;
    }

    .contact_banner {
      margin-top: 4.7rem;
    }

    .villa_logo {
      width: 60%;
    }

    .overview {
      width: 50%!important;
    }

    .wrapper {
      border-radius: 0%;
    }

    .next_btn {
      top: -4% !important;
      left: 5.5% !important;
      transform: translate(-5.5%, -4%);
    }

    .swiper:hover .next_btn {
      top: 6.5% !important;
    }

    .swiper:hover .prev_btn {
      top: 6.5% !important;
    }

    .prev_btn2 {
      top: -4% !important;
      left: 5.5% !important;
      transform: translate(-5.5%, -4%);
    }

    .swiper:hover .next_btn2 {
      top: 6.5% !important;
    }

    .swiper:hover .prev_btn2 {
      top: 6.5% !important;
    }

    .site_address_margin {
      margin-top: 3.3rem;
    }

    .site_address_margin2 {
      margin-top: 3.3rem;
    }
    
  }

  @media screen and (min-width: 1115px) and (max-width: 1146px) {
    .display_flex_none {
      display: block!important;
    }

    .banner_margin {
      margin-top: 4.7rem;
    }

    .about_banner {
      margin-top: 4.7rem;
    }

    .contact_banner {
      margin-top: 4.7rem;
    }

    .villa_logo {
      width: 60%;
    }

    .overview {
      width: 50%!important;
    }

    .wrapper {
      border-radius: 0%;
    }

    .next_btn {
      top: -4% !important;
      left: 5.5% !important;
      transform: translate(-5.5%, -4%);
    }

    .swiper:hover .next_btn {
      top: 6.5% !important;
    }

    .swiper:hover .prev_btn {
      top: 6.5% !important;
    }

    .prev_btn2 {
      top: -4% !important;
      left: 5.5% !important;
      transform: translate(-5.5%, -4%);
    }

    .swiper:hover .next_btn2 {
      top: 6.5% !important;
    }

    .swiper:hover .prev_btn2 {
      top: 6.5% !important;
    }

    .site_address_margin {
      margin-top: 3.3rem;
    }

    .site_address_margin2 {
      margin-top: 5.2rem;
    }
    
  }

  @media screen and (min-width: 1147px) and (max-width: 1199px) {
    .display_flex_none {
      display: block!important;
    }

    .banner_margin {
      margin-top: 4.7rem;
    }

    .about_banner {
      margin-top: 4.7rem;
    }

    .contact_banner {
      margin-top: 4.7rem;
    }

    .villa_logo {
      width: 60%;
    }

    .overview {
      width: 50%!important;
    }

    .wrapper {
      border-radius: 0%;
    }

    .next_btn {
      top: -4% !important;
      left: 5.5% !important;
      transform: translate(-5.5%, -4%);
    }

    .swiper:hover .next_btn {
      top: 6.5% !important;
    }

    .swiper:hover .prev_btn {
      top: 6.5% !important;
    }

    .prev_btn2 {
      top: -4% !important;
      left: 5.5% !important;
      transform: translate(-5.5%, -4%);
    }

    .swiper:hover .next_btn2 {
      top: 6.5% !important;
    }

    .swiper:hover .prev_btn2 {
      top: 6.5% !important;
    }

    .site_address_margin {
      margin-top: 3.3rem;
    }

    .site_address_margin2 {
      margin-top: 3.5rem;
    }
    
  }
  
  @media screen and (min-width: 1200px) and (max-width: 1270px) {
    .overview {
      width: 50%!important;
    }

    .banner_margin {
      margin-top: 4.7rem;
    }

    .about_banner {
      margin-top: 4.7rem;
    }

    .contact_banner {
      margin-top: 4.7rem;
    }

    .wrapper {
      border-radius: 0%;
    }

    .next_btn {
      top: -4% !important;
      left: 4.8% !important;
      transform: translate(-5.5%, -4%);
    }

    .swiper:hover .next_btn {
      top: 6.5% !important;
    }

    .swiper:hover .prev_btn {
      top: 6.5% !important;
    }

    .prev_btn2 {
      top: -4% !important;
      left: 4.8% !important;
      transform: translate(-5.5%, -4%);
    }

    .swiper:hover .next_btn2 {
      top: 6.5% !important;
    }

    .swiper:hover .prev_btn2 {
      top: 6.5% !important;
    }

    .site_address_margin {
      margin-top: 2.58rem;
    }

    .site_address_margin2 {
      margin-top: 3.5rem;
    }
    
  }
  
  @media screen and (min-width: 1271px) and (max-width: 1293px) {
    .overview {
      width: 50%!important;
    }

    .banner_margin {
      margin-top: 4.7rem;
    }

    .about_banner {
      margin-top: 4.7rem;
    }

    .contact_banner {
      margin-top: 4.7rem;
    }

    .wrapper {
      border-radius: 0%;
    }

    .next_btn {
      top: -4% !important;
      left: 4.8% !important;
      transform: translate(-5.5%, -4%);
    }

    .swiper:hover .next_btn {
      top: 6.5% !important;
    }

    .swiper:hover .prev_btn {
      top: 6.5% !important;
    }

    .prev_btn2 {
      top: -4% !important;
      left: 4.8% !important;
      transform: translate(-5.5%, -4%);
    }

    .swiper:hover .next_btn2 {
      top: 6.5% !important;
    }

    .swiper:hover .prev_btn2 {
      top: 6.5% !important;
    }

    .site_address_margin {
      margin-top: 2.58rem;
    }

    .site_address_margin2 {
      margin-top: 3.7rem;
    }
    
  }

  @media screen and (min-width: 1294px) and (max-width: 1295px) {
    .overview {
      width: 50%!important;
    }

    .banner_margin {
      margin-top: 4.7rem;
    }

    .about_banner {
      margin-top: 4.7rem;
    }

    .contact_banner {
      margin-top: 4.7rem;
    }

    .wrapper {
      border-radius: 0%;
    }

    .next_btn {
      top: -4% !important;
      left: 4.8% !important;
      transform: translate(-5.5%, -4%);
    }

    .swiper:hover .next_btn {
      top: 6.5% !important;
    }

    .swiper:hover .prev_btn {
      top: 6.5% !important;
    }

    .prev_btn2 {
      top: -4% !important;
      left: 4.8% !important;
      transform: translate(-5.5%, -4%);
    }

    .swiper:hover .next_btn2 {
      top: 6.5% !important;
    }

    .swiper:hover .prev_btn2 {
      top: 6.5% !important;
    }

    .site_address_margin {
      margin-top: 2.58rem;
    }

    .site_address_margin2 {
      margin-top: 2rem;
    }
    
  }

  @media screen and (min-width: 1296px) and (max-width: 1399px) {
    .overview {
      width: 50%!important;
    }

    .banner_margin {
      margin-top: 4.7rem;
    }

    .about_banner {
      margin-top: 4.7rem;
    }

    .contact_banner {
      margin-top: 4.7rem;
    }

    .wrapper {
      border-radius: 0%;
    }

    .next_btn {
      top: -4% !important;
      left: 4.8% !important;
      transform: translate(-5.5%, -4%);
    }

    .swiper:hover .next_btn {
      top: 6.5% !important;
    }

    .swiper:hover .prev_btn {
      top: 6.5% !important;
    }

    .prev_btn2 {
      top: -4% !important;
      left: 4.8% !important;
      transform: translate(-5.5%, -4%);
    }

    .swiper:hover .next_btn2 {
      top: 6.5% !important;
    }

    .swiper:hover .prev_btn2 {
      top: 6.5% !important;
    }

    .site_address_margin {
      margin-top: 2.58rem;
    }

    .site_address_margin2 {
      margin-top: 2rem;
    }
    
  }

  @media screen and (min-width: 1400px) and (max-width: 1500px) {
    .overview {
      width: 50%!important;
    }

    .site_address_margin2 {
      margin-top: 2.5rem;
    }
  }

  @media screen and (min-width: 1501px) and (max-width: 1518px) {
    .overview {
      width: 50%!important;
    }
    
    .site_address_margin2 {
      margin-top: 2.5rem;
    }
  }

  @media screen and (min-width: 1519px) and (max-width: 1566px) {
    .overview {
      width: 50%!important;
    }

    .site_address_margin2 {
      margin-top: 1rem;
    }
  }
  @media screen and (min-width: 1567px) and (max-width: 1720px) {

    .site_address_margin2 {
      margin-top: 1rem;
    }
  }