﻿@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;600;700;900&display=swap');
html {
	scroll-behavior: smooth;
  }
  .no-gutter.row,
  .no-gutter.container,
  .no-gutter.container-fluid{
    margin-left: 0;
    margin-right: 0;
  }
  
  .no-gutter>[class^="col-"]{
    padding-left: 0;
    padding-right: 0;
  }
h1,h2,h3,h4,h5,p,li,a {	font-family: 'Inter', sans-serif;}
a{text-decoration: none;color:#fff;}
a:hover,a:focus{color:rgb(255, 252, 77);}
ul {list-style-type: none;}
ul li{font-size: 16px;}
.wrapper{overflow: hidden;}
.no-padding{padding:0px;margin:0px;}
.clear{float:none}
.first{position: relative;}
.logo{position: relative;}
.subtitle{border-left:5px solid #000;padding-left: 20px;}
.logo img{max-width: 350px;}

.languages{position: absolute;top:20px;right: 25px;}
.languages a{display: inline-block; margin:5px; color: #000; padding: 6px;border:1px solid #000;border-radius: 100%; font-size: 12px; font-weight: 700;}
.espa{position: absolute; bottom: 20px; right: 25px;}
.espa img{width: 350px;}


h1{ font-size: 42px;font-weight: 900;color: #111;display: block; text-shadow: 0px 1px 0px #fff;margin: 0;}
h2{ font-size: 38px;font-weight: 400;color: #111; display: block; margin: 0px;}
p{font-size: 20px;}
.body_background{position:absolute;float:right;width: 55%;height: 100%;background-color:#f0e6e6}
.third-section{background-color:#f0e6e6;padding:113px 0px;}
.first_wrapper{margin:100px 0px;display: flex;align-items: center;}
.first-section{margin-top: 25px; margin-right: 5%;}
.first-section p{font-size: 20px;}
.first-section p span{font-weight:900;color: #000; text-shadow: 0px 1px 0px #fff; position: relative;z-index: 1;}
.first-section p span::after{content: ''; position: absolute; bottom:0px; left:3px; height: 8px; background: #fff;width: 100%;z-index: -1;}
.first-section a{padding: 10px 15px; color: #111; border: 2px solid #111;font-weight: 900; margin-top: 15px; display: inline-block;font-size: 16px;background: #fff;}
.first-img img{border-top:5px solid #fff; border-left:5px solid #fff; border-bottom:5px solid #fff;}

.second{padding-top:10vh;padding-bottom:10vh;}
.second{text-align: center;}
.second-wrapper{    display: flex; align-items: center;}
/* .second-wrapper .col-xs-12, .second-wrapper .col-md-6{   padding-left: 0; padding-right: 0; } */
.second-paragraph p.first_sent{font-size: 24px; color: #111;}
.second-paragraph p.sec_sent{font-size: 20px; color: #000;position: relative; padding-top: 8vh;}
.second-paragraph p.sec_sent::before{content: '';position: absolute; top:4vh; left:40%; height: 4px; background: #cfc7c7;width: 20%;}

.second h1{text-align: center;margin-bottom: 25px;color:#4d5083;}

.after_sec{background: #f0e6e6;}

.swiper-header {	width: 100%;	height: 75vh; min-height:700px;}

.villas_text{border-left: 3px solid #cfc7c7;padding: 10px 20px 3px 20px;margin-top: 20px; margin-bottom: 20px; background: #fff;}
.villas_text p{font-size: 18px;color:#111;}
.villas_text h3.ul-intro{font-weight: 700;font-size: 22px;margin-bottom: 0;}


.maps{display: flex;justify-content: flex-end;}




.swiper-header .swiper-slide{    background-position: center;background-size: cover;}
.swiper-slide.slide-1{background-image:url("./img/P1.jpg")}
.swiper-slide.slide-2{background-image:url("./img/P2.jpg")}
.swiper-slide.slide-3{background-image:url("./img/P3.jpg")}
.swiper-slide.slide-4{background-image:url("./img/P4.jpg")}
.swiper-slide.slide-5{background-image:url("./img/P5.jpg")}
.swiper-slide.slide-6{background-image:url("./img/P6.jpg")}
.swiper-slide.slide-7{background-image:url("./img/P7.jpg")}

.third{position: relative;text-align: center;}
.third .body_background{right:0px;}
.third_wrapper{display: flex;align-items: center;}
.third h1{color:#111; font-weight: 700; font-size: 30px; margin-bottom: 20px;}
.third p{color:#000;}
.third a{color:#000;}

.swiper-button-next{right:20px !important;}
.swiper-button-prev{left:20px !important;}
.swiper-button-prev,.swiper-button-next{background-color: rgb(0,0,0,0.5);padding:30px;}


.wapp{background-color: #fff;padding-top:25px;padding-bottom:15px;}
.img-wapp{display: flex;justify-content: space-between;align-items: center;}
.img-wapp img{width:80px;margin:5px auto;}

@media (min-width:991px){
    .no-padding-desk{padding:0px;margin:0px;}

}

@media (max-width:1400px){

}



@media (max-width:1200px){


}


@media (max-width:991px){

    h1{font-size:34px !important;}
    h2{font-size:29px !important;}
    p, a{font-size:18px !important}

    .first_wrapper,.third_wrapper{display: block;}
    .second-wrapper{flex-direction: column-reverse;}
    .body_background{width: 100%;}
    .third_wrapper{margin:0px;}
    .first,.third{padding-bottom: 10px;}
    .first-section{margin-bottom: 50px;}
    .second{margin-bottom:50px;}
    .second-paragraph{padding: unset;}
    .second-wrapper{margin:unset;}
    .second-ul{margin-bottom: 50px;}
    .maps{justify-content: center;}
    .maps iframe{padding:10px 0px;}
}


@media (max-width:767px){

    h1{font-size:31px !important;}
    h2{font-size:26px !important;}
    p, a{font-size:16px !important}
    ul li{font-size:15px;}
    .subtitle{font-size: 16px;}


}


@media (max-width:576px){
    .logo img{max-width: 200px;}
    h1{font-size:28px !important;}
    h2{font-size:23px !important;}
    p, a{font-size:15px !important}
    .objectives{line-height: 18px;}
    ul{padding-left:0px;}
    ul li{font-size:14px;}
    .swiper-header{min-height: 300px;}
    .first-section ul li{font-size:17px;}
    .swiper-header{height:50vh;}
    .img-wapp{flex-direction: column;}
    .img-wapp img{margin:10px 0px;  }
    .third-section{padding:50px 0px;}
    #copyrights{text-align:center;}
}

@media (max-width:420px){
    h1{font-size:20px !important;}
    h2{font-size:21px !important;}
    p{font-size:14px !important;}
    ul li{font-size:13px;}
    .second-p{line-height: 25px;}
    .first-section ul li{font-size:14px;}
    .first-section ul li:before{padding-right: 8px;}
}


.fb img, .ig img{max-width: 20px;}
.social_media a{font-size: 16px;padding-left:5px;}