/* GLOBAL */
body{font-family:Inter,sans-serif;margin:0}
/* ======================
   HEADER
====================== */
.logo-header{
color: #fff;
    text-decoration: none;
    text-shadow: 1px 1px #fff;
} 
.logo-footer{
color: white;
text-decoration: none;  
text-shadow: 1px 0px #dbe7fe;
} 


.pe-header{
position:absolute;
top:0;
left:0;
width:100%;
z-index:20;
padding:12px 0;
color:white;
background-color : #232f3e;
}

.pe-header img{
filter:brightness(0) invert(1);
}

.pe-menu{
display:flex;
align-items:center;
gap:8px;
font-size:13px;
}

.pe-nav-links a{
color:white;
margin-left:25px;
text-decoration:none;
font-weight:600;
}
/* MOBILE NAV */

.pe-mobile-nav{
position:fixed;
top:56px;
left:0;
width:100%;
background:#082a55;
display:none;
flex-direction:column;
padding:20px;
z-index:9998;
}

.pe-mobile-nav a{
color:white;
text-decoration:none;
padding:12px 0;
border-bottom:1px solid rgba(255,255,255,.2);
}

/* SHOW MENU */

.pe-mobile-nav.show{
display:flex;
}



/* ======================
   TABLET
====================== */

@media(min-width:768px){

.pe-hero-content h1{
font-size:44px;
}

.pe-hero{
align-items:center;
}

}

/* ======================
   DESKTOP
====================== */

@media(min-width:992px){

.pe-hero{
min-height:95vh;
}

.pe-hero-content h1{
font-size:56px;
}

.pe-header{
padding:18px 0;
}

}


/* ======================
   QUICK LINKS
====================== */

.pe-quicklinks{
background:#b59771;
color:white;
font-family:Inter,sans-serif;
}

/* MOBILE STACK */

.pe-ql-list{
list-style:none;
margin:0;
padding:0;
}

.pe-ql-list li{
display:flex;
justify-content:space-between;
align-items:center;
padding:16px 20px;
border-bottom:1px solid rgba(255,255,255,.2);
font-size:18px;
}

.pe-ql-list i{
font-size:22px;
opacity:.9;
}

/* DESKTOP BAR */

@media(min-width:992px){

.pe-ql-list{
display:flex;
}
 
.pe-ql-list li{
flex:1;
justify-content:center;
gap:12px;
border-bottom:none;
border-right:1px solid rgba(255,255,255,.25);
padding:25px 0;
flex-direction:column;
font-size:16px;
}

.pe-ql-list li:last-child{
border-right:none;
}

.pe-ql-list i{
font-size:34px;
margin-bottom:6px;
}

} 
.pe-ql-list a {
color: white ;
text-decoration: none;

}
/* =====================
   TOP DEALS
===================== */

.pe-deals{
padding:30px 0;
font-family:Inter,sans-serif;
}

.pe-deals h2{
font-weight:800;
color:#1c9be6;
}

.pe-deals-wrap{
position:relative;
display:flex;
align-items:center;
}

.pe-deals-track{
display:flex;
gap:20px;
overflow-x:auto;
scroll-snap-type:x mandatory;
padding-bottom:10px;
}

.pe-deal-card{
min-width:260px;
scroll-snap-align:start;
}

.pe-deal-card img{
width:100%;
height:180px;
object-fit:cover;
}

.pe-deal-card h5{
margin:12px 0 5px;
font-weight:700;
color: #212529;
}

.pe-deal-card span{
display:block;
width:40px;
height:3px;
background:#1c9be6;
margin-bottom:8px;
}

.pe-deal-card p{
font-size:14px;
color:#212529;
}

/* ARROWS */

.pe-arrow{
position:absolute;
background:white;
border:none;
width:42px;
height:42px;
border-radius:50%;
box-shadow:0 4px 12px rgba(0,0,0,.2);
align-items:center;
justify-content:center;
cursor:pointer;
}

.pe-arrow.left{left:-20px}
.pe-arrow.right{right:-20px}

/* DESKTOP */

@media(min-width:992px){

.pe-deals-track{
overflow:hidden;
}

.pe-deal-card{
min-width:20%;
}

}


/* ABOUT */
/* ==========================
   ABOUT SPLIT
========================== */

.pe-about-split{
padding:40px 0;
background:
linear-gradient(to right,#fff 60%,#f2f5f8 40%);
font-family:Inter,sans-serif;
}

/* TEXT */

.pe-about-split h2{
font-size:36px;
font-weight:800;
color:#212529;
}

.pe-about-split h5{
font-style:italic;
font-weight:500;
margin:10px 0 20px;
color:#1c9be6;
}

.pe-about-split p{
font-size:15px;
line-height:1.7;
color:#212529;
max-width:500px;
}

/* BUTTON */

.pe-about-btn{
background:#1766a7;
color:white;
padding:12px 40px;
border-radius:40px;
margin-top:20px;
}

/* IMAGE */

.pe-about-img img{
width:100%;
border-radius:6px;
box-shadow:0 10px 30px rgba(0,0,0,.2);
margin-top:30px;
}

/* MOBILE */

@media(max-width:991px){

.pe-about-split{
background:#fff;
}

.pe-about-img img{
margin-top:40px;
}

}

/* DESKTOP */

@media(min-width:992px){

.pe-about-split h2{
font-size:54px;
}

.pe-about-img img{
margin-top:0;
}

}


/* STATS BG */
/* =========================
   QUICK FACTS
========================= */

.pe-quickfacts{
background:
linear-gradient(rgba(0,60,100,.85),rgba(0,60,100,.85)),
url("./img/slider21.jpg")
center/cover no-repeat;
padding:70px 0;
font-family:Inter,sans-serif;
}

.pe-quickfacts h2{
font-weight:800;
margin-bottom:15px;
}

.pe-quickfacts p{
opacity:.9;
margin-bottom:25px;
}

.pe-qf-btn{
border:2px solid white;
color:white;
padding:10px 30px;
border-radius:30px;
background:transparent;
}

/* STATS */

.pe-quickfacts i{
font-size:28px;
color:#27b3ff;
margin-bottom:6px;
display:block;
}

.pe-quickfacts h4{
font-weight:800;
margin:5px 0;
}

.pe-quickfacts span{
font-size:13px;
opacity:.85;
}

/* MOBILE */

.pe-quickfacts .col-6{
text-align:center;
}

/* DESKTOP */

@media(min-width:992px){

.pe-quickfacts{
padding:100px 0;
}

.pe-quickfacts .col-6{
text-align:left;
}

}
/* ==========================
   IMAGE CTA SECTION
========================== */

.pe-image-cta{
padding:60px 0;
background:#fff;
font-family:Inter,sans-serif;
}

/* ROW */

.pe-cta-row{
display:flex;
flex-direction:column;
margin-bottom:40px;
}

/* IMAGE */

.pe-cta-img img{
width:100%;
border-radius:6px;
box-shadow:0 8px 20px rgba(0,0,0,.12);
}

/* CONTENT BOX */

.pe-cta-box{
background:#f3f6f9;
padding:30px;
margin-top:-30px;
z-index:2;
position:relative;
border-radius:6px;
max-width:520px;
}

.pe-cta-box h4{
font-weight:800;
margin-bottom:10px;
color:#212529;
}

.pe-cta-box p{
font-size:14px;
color:#555;
}

.pe-blue-btn{
background:#1766a7;
color:white;
border-radius:25px;
padding:8px 26px;
font-size:14px;
}

/* DESKTOP */

@media(min-width:992px){

.pe-cta-row{
flex-direction:row;
align-items:center;
gap:40px;
}

.pe-cta-row.reverse{
flex-direction:row-reverse;
}

.pe-cta-img,
.pe-cta-box{
flex:1;
}

.pe-cta-box{
margin-top:0;
}

}


/* =========================
   DUAL CTA
========================= */

.pe-dual-cta{
font-family:Inter,sans-serif;
}

.pe-cta-tile{
min-height:220px;
background-size:cover;
background-position:center;
position:relative;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
}

.pe-cta-overlay{
position:absolute;
inset:0;
background:rgba(0,0,0,.45);
}

.pe-cta-content{
position:relative;
z-index:2;
color:white;
text-align:center;
}

.pe-cta-content i{
font-size:38px;
margin-bottom:10px;
}

.pe-cta-content small{
display:block;
font-size:14px;
letter-spacing:1px;
}

.pe-cta-content h2{
font-weight:800;
margin:6px 0 0;
}

/* HOVER */

.pe-cta-tile:hover{
transform:scale(1.02);
transition:.4s;
}

/* DESKTOP */

@media(min-width:992px){

.pe-cta-tile{
min-height:360px;
}

.pe-cta-content h2{
font-size:42px;
}

.pe-cta-content i{
font-size:48px;
}

}


/* =========================
   FOOTER
========================= */

.pe-footer-main{
position:relative;
background: #fff;
padding:70px 0 40px;
font-family:Inter,sans-serif;
}


/* LINKS */

.pe-footer-links a{
color:#545e69;
text-decoration:none;
font-size:14px;
}

/* TEXT */

.pe-footer-main p,
.pe-footer-main a{
font-size:14px;
color:#545e69;
text-decoration : none;
}

/* DESKTOP */

@media(min-width:992px){

.pe-footer-social{
justify-content:flex-end;
}

}


/* TABLET */
@media(min-width:768px){
.pe-title{font-size:48px}
.pe-counter{font-size:40px}
.pe-hero{text-align:left}
}

/* DESKTOP */
@media(min-width:992px){
.pe-hero{padding:120px 0 90px}
.pe-title{font-size:64px}
.pe-footer{text-align:left}
.pe-social{justify-content:flex-end}
} 
.nav-link {
    color : white;
}


@media (max-width: 768px) { 

.pe-header {
   
    display: none;
} 
}

.scroll-to-top {
  position: fixed;
  right: 18px;
  bottom: 20px;
  z-index: 9999;

  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
} 

.call-cta i {
    transform: rotate(11deg);
} 




/* =========================
   PORT SEO SECTION
========================= */

.pm-seo-section{
    padding:70px 0;
    background:#fff;
    font-family:'Playfair Display', serif;
}

.pm-seo-header{
    max-width:850px;
    /*margin:auto;*/
    margin-bottom:50px;
}

.pm-seo-subtitle{
    display:inline-block;
    color:#1c9be6;
    font-size:14px;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:10px;
    font-weight:600;
}

.pm-seo-header h1{
    font-size:38px;
    font-weight:700;
    color:#232f3e;
    margin-bottom:18px;
    line-height:1.3;
}

.pm-seo-header p{
    font-size:16px;
    color:#555;
    line-height:1.8;
}

.pm-seo-content{
    max-width:950px;
    /*margin:auto;*/
}

.pm-seo-block{
    margin-bottom:40px;
    padding-bottom:30px;
    border-bottom:1px solid #ececec;
}

.pm-seo-block:last-child{
    border-bottom:none;
}

.pm-seo-block h2{
    font-size:24px;
    font-weight:700;
    color:#232f3e;
    margin-bottom:15px;
    display:flex;
    align-items:center;
    gap:12px;
}
.pm-seo-block h3{
    font-size:22px;
    font-weight:700;
    color:#232f3e;
    margin-bottom:15px;
    display:flex;
    align-items:center;
    gap:12px;
}
.pm-seo-block h2 i{
    color:#1c9be6;
    font-size:20px;
}

.pm-seo-block p{
    font-size:16px;
    line-height:1.9;
    color:#444;
    margin-bottom:15px;
}

.pm-seo-block ul{
    padding-left:20px;
    margin-top:10px;
}

.pm-seo-block ul li{
    margin-bottom:10px;
    color:#444;
    line-height:1.8;
}

/* TABLET */
@media(max-width:991px){

.pm-seo-header h1{
    font-size:32px;
}

.pm-seo-block h2{
    font-size:22px;
}
.pm-seo-block h3{
    font-size : 20px; 
    line-height : 1.5; 
    align-items : flex-start;
}

}

/* MOBILE */
@media(max-width:768px){

.pm-seo-section{
    padding:20px 0;
}

.pm-seo-header{
    margin-bottom:35px;
}

.pm-seo-header h1{
    font-size:24px;
}

.pm-seo-header p,
.pm-seo-block p,
.pm-seo-block ul li{
    font-size:15px;
}

.pm-seo-block{
    margin-bottom:30px;
    padding-bottom:22px;
}

.pm-seo-block h2{
    font-size:20px;
    line-height:1.5;
    align-items:flex-start;
}
.pm-seo-block h3{
    font-size : 18px; 
    line-height : 1.5; 
    align-items : flex-start;
}
} 






/* =========================
   MAP SECTION
========================= */
.explore-port{
background:var(--light);
}

.explore-info{
background:#fff;
padding:20px;
border-radius:var(--radius);
box-shadow:0 10px 30px rgba(0,0,0,.08);
margin-bottom:20px;
}

.map-wrap{
width:100%;
height:385px;
border-radius:var(--radius);
overflow:hidden;
}

.map-wrap iframe{
width:100%;
height:100%;
}