/*!
 * Bootstrap Icons v1.11.3 (https://icons.getbootstrap.com/)
 * Copyright 2019-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/icons/blob/main/LICENSE)
 */
 @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
/* cyrillic-ext */
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiDyp8kv8JHgFVrJJLm21lVGdeOcEg.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiDyp8kv8JHgFVrJJLm21lVF9eO.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiGyp8kv8JHgFVrJJLufntAKPY.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiGyp8kv8JHgFVrJJLucHtA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiDyp8kv8JHgFVrJJLmr19VGdeOcEg.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiDyp8kv8JHgFVrJJLmr19VF9eO.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
    background: #fff;
    font-family: "Poppins", serif;
    font-size: 17px;
    line-height: 20px;
    color: #0d0d0f;
    font-weight: 400;
    overflow-x: hidden!important; /* Prevent horizontal scrolling */
    width: 100%!important; /* Ensure full width */
    max-width: 100%!important; /* Ensure full width */
}
a {
    color: #000;
    text-decoration: none
}
a:hover {
    color: #004A76;
    text-decoration: none
}

.hidden {
    display: none;
}

.text-warning {color: #004A76!important}
.bg-warning, .btn-warning, .navbar-warning {background: #004A76!important; border-color:#004A76!important; color: #fff!important }
.btn-warning:hover,.btn-warning:active,.btn-warning:focus{background: #004A76!important}
.btn-outline-warning{border-color: #004A76!important;color: #004A76!important;}
.btn-outline-warning:hover{background: #004A76!important;color: #B6A593!important;}
.btn-check:active+.btn-outline-warning, .btn-check:checked+.btn-outline-warning, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show, .btn-outline-warning:active {color: #B6A593!important}

.hover-pointer:hover{cursor: pointer;}
.text-08 {font-size: .8em!important}
.text-09 {font-size: .9em!important}
.text-10 {font-size: 1em!important}
.text-12 {font-size: 1.2em!important}
.text-11 {font-size: 1.1em!important}
.text-14 {font-size: 1.4em!important}
.text-16 {font-size: 1.6em!important}
.text-20 {font-size: 2em!important}
.text-30 {font-size: 2em!important; line-height: 1.6em!important}
.text-40 {font-size: 3em!important; line-height: 1.2em!important}

.header-home {
    position: relative;
    height: 100vh;
    background-color: #000; /* Black background */
    overflow: hidden;
}
.header-home .carousel-item img {
    object-fit: cover; /* Ensures the image fully covers the container */
    opacity: 0.5; /* Reduce image brightness */
    height: 100vh;
}
.header-home .dropdown-menu, .header .dropdown-menu {
    position: relative;
    left: 10px;
    width:62px!important;
    max-width:62px!important;
    min-width:62px!important;
    z-index:9999!important;
}
.header-home .dropdown-menu a.dropdown-item, .header .dropdown-menu a.dropdown-item {color: #fff!important; font-size: .8rem;}
.header-home .dropdown-menu a.dropdown-item:hover, .header .dropdown-menu a.dropdown-item:hover {color: #004A76!important;}
.header-home .mob-languages, .header .mob-languages {
    width: 100px !important;
    position: relative;
    left: -100px;
    display: inline-block;
}
.header-home .mob-languages a, .header .mob-languages a {
    color: #fff; /* White text */
    text-decoration: none; /* Remove underline */
    margin-right: 0.5rem; /* Add space after each link */
}
.header-home .mob-languages a:not(:last-child)::after, .header .mob-languages a:not(:last-child)::after {
    content: "/"; /* Add a / after each link except the last one */
    margin-left: 0.5rem; /* Add space after the / */
    color: #fff; /* Match the text color */
}

/* Thicker and clean Previous Button */
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
    width: 30px; /* Adjust size */
    height: 30px;
    background-size: contain;
}
/* Thicker and clean Next Button */
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
    width: 30px; /* Adjust size */
    height: 30px;
    background-size: contain;
}
/* Center-align captions */
.carousel-caption {
    position: absolute;
    top: 57%; /* Move to 50% height of parent */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%); /* Adjust for proper centering */
    text-align: center;
    color: #fff; /* White text */
    max-width: 1200px; /* Limit caption width */
    /*z-index: 10;  Ensure it stays above the carousel images */
}
/* Styling for the main title */
.carousel-title {
    font-size: 4rem!important; /* Large font for the title */
    font-weight: 500!important; /* Bold title */
    margin-bottom: 20px;
    line-height: 1.2!important; /* Adjust line spacing */
    font-family: "Georgia", "Times New Roman", serif;
}
/* Styling for the description text */
.carousel-description {
    font-size: 1.2rem!important; /* Medium-sized text */
    font-weight: 300; /* Normal font weight */
    line-height: 1.6!important;
}
.top-row-container {
    /*background: rgba(255, 255, 255, 0.2) !important;*/ 
    z-index: 10;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.menu .navbar-nav a.active, .menu .navbar-nav a:hover, .menu .navbar-nav .nav-link.show{ color:#fff!important; transition:all .3s all!important;}
.navbar-nav .nav-link {color: #ccc!important;  transition:all .3s all!important;}
.menu .navbar-nav .nav-item .btn-light {position: relative;top: -3px; margin-left: 10px;}
.menu .navbar-nav .nav-item .btn-warning {position: relative;top: -4px; margin-left: 10px; font-size: .8rem; height: 45px;}

.btn-light, .btn-dark {
    position: relative; /* Needed for smooth movement */
    transition: transform 0.3s ease-in-out; /* Smooth transition */
}
.btn-light:hover, .btn-dark:hover {
    transform: translateY(-3px); /* Moves the button 3px up */
}
/* Optional: Ensure a smooth reset on mouse out */
.btn-light:active, .btn-dark:active {
    transform: translateY(0); /* Return to original position */
}
.btn-dark.bg-warning:hover{background: #03598d!important; border-color:#03598d!important}
.btn-light:hover {background: #fff!important; color: #111!important; transition:all .3s all!important;}
.menu .navbar-nav a.btn-light:hover {color: #111!important; transition:all .3s all!important;}

.bg-light{background: #f9f9f9!important}
.bg-eee{background: #eee!important}

h1, h2, h3, h4, h5 {font-family: "Garamond", serif; font-weight: 600!important}
.home-intro h1 {font-size: 3.5rem!important; line-height: 3.5rem!important; margin-bottom: 30px;}
.main h1 {font-size: 3.2rem!important; line-height: 3.2rem!important; margin-bottom: 30px;}
.bl-hr{max-width: 60px; border-color: #000!important; opacity: 1!important; margin-bottom: 20px;}
.wh-hr{max-width: 60px; border-color: #fff!important; opacity: 1!important; margin-bottom: 20px;}

textarea {min-height: 200px!important}

ul.check-list {
    text-align: left;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 0;
    margin-bottom: 20px;
    margin-top: 5px;
}

ul.check-list li {
    text-indent: -8px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    page-break-inside: avoid;
    break-inside: avoid-column;
    column-break-inside: avoid;
    font-weight: 400;
}

ul.check-list li:before {
    font-family: "bootstrap-icons";
    display: inline-block;
    color: #004A76;
    content: '\F26E';
    position: relative;
    top: 3px;
    left: -5px;
    font-size: 1rem;
}


.img-stack {
    position: relative;
    width: 80%;
    height: auto;
    left: -40px; min-height: 470px
}
/* Ensure parent (.img-stack) maintains height */
.img-stack::after {
    content: "";
    display: block;
    padding-bottom: 100%; /* Adjust based on aspect ratio */
}
/* Stacked image positioning */
.stacked-img {
    position: absolute;
    width: 100%;
    transition: transform 0.3s ease, z-index 0.3s ease;
}
/* Default positions */
.img-1 {
    top: 100px;
    left: 20px;
    z-index: 1;
}
.img-2 {
    z-index: 2; /* Default front image */
}
/* Hover effect */
.stacked-img:hover {
    z-index: 3;
    transform: scale(1.05);
}
/* Click effect (make image stay in front) */
.stacked-img.active {
    z-index: 3 !important;
}

.parallax {
    position: relative;
    width: 100%;
    height: 700px; /* Adjust as needed */
    min-height: 700px;
    background-image: url("../images/santa-irina-santorini.webp");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed; /* Works on desktop */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
}
/* Dark Overlay */
.parallax::after {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4); /* Dark overlay */
    z-index: 0;
}
/* Text Styling */
.parallax .container {
    position: relative;
    z-index: 1; /* Keeps text above the overlay */
}

.parallax p {
    font-size: 2.4rem!important; 
    line-height: 1.2!important; 
    font-family: "Garamond", serif; 
    font-weight: 400!important;
    color: #fff;
}
/* ✅ iOS Fix: Force Background to be Scrollable */
@supports (-webkit-touch-callout: none) {
    .parallax {
        background-attachment: scroll !important;
        background-size: cover !important;
        background-position: center center !important;
    }
}

.blog .card .card-image {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 400px;
}
.blog .card .card-image img {
    position: absolute; /* Ensures proper scaling */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}
.blog .card:hover .card-image img {
    transform: scale(1.05);
}

.image-gallery {
    overflow-x: hidden; /* Prevent horizontal scrolling */
    max-width: 100%;
    padding: 0; /* Remove extra spacing */
    margin: 0 auto; /* Center alignment */
}
.image-gallery .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
    width: 100%; /* Force full width */
}
.image-gallery .col {
    position: relative;
    overflow: hidden!important;
    max-width: 100%;
    height: 350px;
    padding: 0!important}
.image-gallery .col img {
    position: absolute; /* Ensures proper scaling */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.image-gallery .col img:hover{cursor: pointer;}

.services-intro h3 {margin-bottom: 30px;}

.footer {color: #fff;}
.footer a{color: #ccc;}.footer a:hover{color: #fff;}
.footer .nav-link {display: inline-block;}

@media screen and (max-width:1399px) {
    
}

@media screen and (max-width:1199px) {
    .offcanvas {
        height: 100vh !important; /* Ensure full height of the viewport */
        overflow-y: auto; /* Allow scrolling for content if it overflows */
    }
    .offcanvas-body {
        height: 100%; /* Ensure it takes full height of the offcanvas */
        padding: 0rem 2rem; /* Add padding for better spacing */
    }
    /* Remove the scrollbar gap (optional for a cleaner look) */
    body.offcanvas-open {
        overflow: hidden;
    }
}

@media screen and (max-width:991px) {
    
}

@media screen and (max-width:767px) {
    .carousel-caption {width: 70%}
    .carousel-title {
        font-size: 2.6rem!important; /* Large font for the title */
    }
    /* Style the navbar-toggler button */
    .navbar-toggler {
        border: 2px solid #ddd; /* Bold black border for visibility */
        padding: 8px 12px; /* Add some padding for a better look */
        transition: all 0.3s ease-in-out; /* Smooth transitions */
    }
    .navbar-nav .nav-link {font-size: 1.3rem!important}
    .menu .navbar-nav a.active, .menu .navbar-nav a:hover, .menu .navbar-nav .nav-link.show{ color:#000!important; transition:all .3s all!important;}
    .navbar-nav .nav-link {color: #555!important;  transition:all .3s all!important;}
    .menu .navbar-nav .nav-item .btn-light {position: relative;top: 10px; margin-left: 0; background: #000!important; color: #fff!important}
    .carousel-caption {top: 53%;}
    .parallax p {font-size: 1.6rem!important; 
}

@media screen and (max-width:577px) {
    
}