html {
    scroll-padding-top: 80px;
}
.w-max {
    width: max-content;
}

.top-border {
    border-top: 1px solid #d3dbd8;
}

.bottom-border {
    border-bottom: 1px solid #d3dbd8;
}

.red-link {
    color: #ce252a;
}

.w-max-sm {
    width: max-content;
    max-width: 100%;
}
  
@media (max-width: 768px) {
    .w-max-sm {
      max-width: none;
      width: 100%;
    }
}

body {
    font-family: "Lato",sans-serif;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background: white;
}

.navbar {
    position: relative;
}

.navbar::after {
    content: '';
    width: 30px;
    height: 115%;
    background-color: #a02d31;
    position: absolute;
    right: 15px;
    top: -30px;
    border-radius: 100px;
}

.nav-item {
    position: relative;
}

.nav-item::after {
    content: '';
    height: 2px;
    background-color: #b81c21;
    position: absolute;
    bottom: .2rem;
    left: 0.5rem;
    width: 0%;
    transition: .3s;
}

.nav-item.active::after {
    width: calc(65% - 1rem);
}

.nav-item:hover::after {
    width: calc(65% - 1rem);
}

header {
    transition: .3s;
}

header.onScroll {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

header.onScroll #logo {
    width: 90px;
}

.navbar-toggler {
    padding: 0;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.burger {
    width: 45px;
    height: 45px;
    border-radius: 10px;
    background: white;
    /* box-shadow: rgb(136 165 191 / 48%) 6px 2px 16px 0px, rgb(255 255 255 / 80%) -6px -2px 16px 0px; */
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s ease;
}
.burger.active {
    background: rgb(56 56 56);
}
.burger-strip {
    transition: all .5s ease;
}
.strip div {
    height: 3px;
    border-radius: 2px;
    background: rgb(56 56 56);
    margin: 8px;
    transition: all .55s cubic-bezier(0.075, 0.82, 0.165, 1);
    width: 35px;
}
.burger.active .strip div {
    background: white;
}
/* BURGER 1 */
.burger-strip div:first-child {
    width: 16px;
}
.burger-strip div:last-child {
    width: 28px;
}
.burger.active .burger-strip div:first-child {
    transform: rotate(45deg) translateY(1px) translateX(5px);
    width: 10px;
}
.burger.active .burger-strip div:nth-child(2) {
    transform: rotate(-45deg);
    width: 10px;
}
.burger.active .burger-strip div:last-child {
    transform: rotate(45deg) translateY(-13px) translateX(2px);
}
.burger-strip-5 div {
    /* margin: 10px auto; */
    transition: all .65s cubic-bezier(0.075, 0.82, 0.165, 1)
}
.burger.active .burger-strip-5 div:first-child {
    transform: translateY(13px) rotate(0deg) ;
    margin: 10px;
}
.burger.active .burger-strip-5 div:nth-child(2) {
    opacity: 0;
}
.burger.active .burger-strip-5 div:last-child {
    transform: translateY(-13px) rotate(90deg) ;
    margin: 10px;
}
.burger.active .burger-strip-5 {
    transform: scale(.7) rotate(45deg);
    transition: all .25s ease .05s;
}

#logo {
    width: 120px;
    transition: .3s;
}


#logo img {
    width: 100%;
}

#hero {
    width: 100%;
    min-height: 100dvh;
    background: url(../img/hero-front-page.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
}

.hero-services {
    background: url(../img/services-hero-background.jpg) !important;
    background-size: cover !important;
} 

.hero-services-gr {
    background: url(../img/services-hero-background-gr.jpg) !important;
    background-size: cover !important;
} 



.hero-tourism {
    background: url(../img/tourism-hero-background.jpg) !important;
    background-size: cover !important;
}

.hero-satisf {
    background: url("../img/satisfaction-survey-hero-background.jpg") !important;
    background-size: cover !important;
    background-position: center !important;
}

.hero-benchmark {
    background: url("../img/hotel-benchmarking-hero-background.jpg") !important;
    background-size: cover !important;
    background-position: center !important;
}

.hero-tourism-projects {
    background: url(../img/tourism-projects-hero-background.jpg) !important;
    background-size: cover !important;
}

.hero-other-sectors {
    background: url("../img/other-sector-projects-hero-background.jpg") !important;
    background-size: cover !important;
    background-position: center !important;
}

.hero-hospitality {
    background: url(../img/tourism-newsletter-hero-background.jpg) !important;
    background-size: cover !important;
    background-position: center !important;
}

.hero-news {
    background: url(../img/news-hero-background.jpg) !important;
    background-size: cover !important;
    background-position: center !important;
}

.hero-contact {
    background: url(../img/contact-hero-background.jpg) !important;
    background-size: cover !important;
    background-position: center !important;
}


#hero::before {
    content: '';
    width: 100%;
    height: 75px;
    bottom: 0;
    position: absolute;
    z-index: 10;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 40%, rgba(0,0,0,1) 50%, rgba(255,255,255,0) 100%);
    opacity: .5;
}

.hero-newsletter p {
    padding: 0 1em;
}


.scroll-down-arrow {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2hldnJvbl90aGluX2Rvd24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiBmaWxsPSJ3aGl0ZSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTE3LjQxOCw2LjEwOWMwLjI3Mi0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwYzAuMjcsMC4yNjgsMC4yNzEsMC43MDEsMCwwLjk2OWwtNy45MDgsNy44M2MtMC4yNywwLjI2OC0wLjcwNywwLjI2OC0wLjk3OSwwbC03LjkwOC03LjgzYy0wLjI3LTAuMjY4LTAuMjctMC43MDEsMC0wLjk2OWMwLjI3MS0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwTDEwLDEzLjI1TDE3LjQxOCw2LjEwOXoiLz48L3N2Zz4=);
    background-size: contain;
    background-repeat: no-repeat;
}
.scroll-down-link {
    position: absolute;
    z-index: 100;
    cursor: pointer;
    height: 60px;
    width: 60px;
    margin: 0px 0 0 -40px;
    line-height: 60px;
    left: 50%;
    top: 62%;
    color: #fff;
    text-align: center;
    font-size: 70px;
    text-decoration: none;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    -webkit-animation: fade_move_down 2s ease-in-out infinite;
    -moz-animation: fade_move_down 2s ease-in-out infinite;
    animation: fade_move_down 2s ease-in-out infinite;
    position: relative;
    margin: 0 auto;
    left: unset;
}
@-webkit-keyframes fade_move_down {
    0% {
        -webkit-transform: translate(0, -20px);
        opacity: 0;
   }
    50% {
        opacity: 1;
   }
    100% {
        -webkit-transform: translate(0, 20px);
        opacity: 0;
   }
}
@-moz-keyframes fade_move_down {
    0% {
        -moz-transform: translate(0, -20px);
        opacity: 0;
   }
    50% {
        opacity: 1;
   }
    100% {
        -moz-transform: translate(0, 20px);
        opacity: 0;
   }
}
@keyframes fade_move_down {
    0% {
        transform: translate(0, -20px);
        opacity: 0;
   }
    50% {
        opacity: 1;
   }
    100% {
        transform: translate(0, 20px);
        opacity: 0;
   }
}





/* #hero::after,
#newsletter::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: black;
    z-index: 1;
    opacity: .4;
} */

h1 {
    max-width: 28ch;
    position: relative;
    z-index: 50;
    font-size: 3rem;
    padding-inline: .5em;
}

h2 {
    z-index: 50;
    position: relative;
}

p {
    position: relative;
    z-index: 50;
}

#newsletter {
    /* background: url(https://images.unsplash.com/photo-1543269866-487350d6fa5e?auto=format&fit=crop&q=80&w=2070&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA); */
    background-color: #270103;
    background-size: cover;
    background-position: center;
    position: relative;
}

#newsletter .row {
    min-height: 200px;
}

.subscribe-from-wrap {
    position: relative;
    z-index: 2;
    border-radius: 8px;
    background: #fff;
    padding: 15px;
    padding-bottom: 45px;
}

.subscribe-from-wrap p {
    font-size: 13px;
    position: absolute;
    bottom: -9px;
    right: 15px;
    color: #848484;
}

.subscribe-from-wrap p a {
    color: #3e3e3e;
}



.subscribe-from-wrap input {
    padding: 24px 18px;
    border-radius: 8px;
    border: none;
    width:58%;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: #09120e;
    outline: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 1px solid black;
}

.subscribe-from-wrap input:focus,
.subscribe-from-wrap input:active {
    border-color: #b81c21;
}

.subscribe-from-wrap button {
    font-weight: 700;
    font-size: 16px;
    display: flex;
    align-items: center;
    text-align: right;
    color: white;
    position: absolute;
    right: 15px;
    bottom: 45px;
    border-radius: 8px;
    border: none;
    outline: none;
    padding: 12px 20px;
    background: #a02d31;
    transition: all .3s;
}

.subscribe-from-wrap button img {
    margin-left: 8px;
}

.subscribe-from-wrap .info {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.subscribe-from-wrap .info input {
    width: 100%;
}

#location iframe {
    width: 100%;
    height: 500px;
}

#logo-footer {
    width: 90px;
    display: block;
}

#logo-footer img {
    width: 100%;
}

footer h5 {
    min-height: 45px;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
}

footer .contact-icon {
    width: 32px;
    height: 32px;
    background: #d3dbd8;
    text-align: center;
    border-radius: 50px;
    display: grid;
    place-content: center;
}

footer .footer-contact {
    position: relative;
    display: flex;
    align-items: center;
    gap: 13px;
}

footer a {
    color: #212529;
    text-decoration: none;
}

.footer-social {
    width: 32px;
    height: 32px;
    background: #d3dbd8;
    text-align: center;
    border-radius: 50px;
    display: grid;
    place-content: center;
}

.copyright {
    border-top: 1px solid #d3dbd8;
}

#solutions p {
    max-width: 60ch;
}

#solutions img {
    width: 100%;
    border-radius: 12px;
}

h2, h3 {
    color: #b81c21;
}

footer .dropdown button {
    background: none !important;
    outline: none !important;
    color: inherit !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0;
}

#services img {
    width: 100%;
    border-radius: 10px;
}

#greek-entry .img-wrapper {
    max-height: 400px;
}

#greek-entry .img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

#services .img-wrapper {
    overflow: hidden;
    border-radius: 10px;
}

#services .img-wrapper img,
.animated-img-wrapper img {
    transition: .3s;
}

#services .img-wrapper img:hover,
.animated-img-wrapper img:hover {
    scale: 1.1;
}

.dark-footer {
    color: white;
    background-color: #270103;
}

.dark-footer a {
    color: white;
}

.dark-footer .dropdown-item {
    color: black;
}

.current-newsletter a {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    text-align: center;
    gap: .5rem;
    /* text-decoration: none; */
    color: black;
    font-size: 1.2rem;
    margin-top: 1.5rem;
    width: max-content;
    margin-inline: auto;
}

.current-newsletter a img {
    max-width: 130px;
    transition: .3s;
}

.current-newsletter a:hover img {
    transform: scale(1.1);
}

.previous-newsletters li {
    width: max-content;
}

.previous-newsletters .nav-item > a {
    flex-direction: row;
    border: 1px solid black;
    padding: 0.4em 1.1em !important;
    border-radius: 8px;
    margin-top: 0px;
    transition: .3s;
}

.previous-newsletters .nav-item > a:hover {
    border-color: #b81c21;
    color: #b81c21 !important;
}

.previous-newsletters .nav-item > a.show {
    border-color: #b81c21;
    color: #b81c21 !important;
}

.previous-newsletters .dropdown-item {
    margin-top: 0px;
    font-size: 18px;
}

.previous-newsletters .dropdown-menu {
    min-width: max-content;
}

.previous-newsletters .dropdown-menu > li {
    width: 100%;
}

.previous-newsletters .dropdown-menu > li a {
    margin-inline: 0px !important;
    width: 100%;
}

.previous-newsletters .dropdown-menu > li a span {
    margin-right: auto;
}

.previous-newsletters .nav-item::after {
    display: none;
}

.previous-newsletters .navbar-nav {
    gap: 5rem;
    padding-right: 2rem;
    flex-direction: row;
    justify-content: center;
}

.canvas-wrapper {
    display: flex;
    justify-content: center;
}

#includeNewsletter {
    position: relative;
    display: flex;
    justify-content: center;
}

#includeNewsletter #page-container {
    width: max-content;
    position: relative;
}

#includeNewsletter {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 1000px;
}

#includeNewsletter .title {
    font-size: 22px;
    color: #b81c21;
    font-weight: bold;
    margin: .5em 0;
}

#includeNewsletter .dot-text {
    margin: .5em 0;
    margin-left: 1.5em;
    list-style-type: disclosure-closed;
    display: list-item;
}
#includeNewsletter .text {
    margin: .5em 0;
    margin-left: 1.5em;
}
#includeNewsletter img {
    margin: 2rem auto;
    max-width: 100%;
    height: auto;
}


#includeNewsletter a {
    color: #b81c21;
    font-size: 16px;
}

#olderNl {
    color: #b81c21;
}

.older-newsletters {
    margin-top: 2rem;
    display: none;
    display: grid;
    place-content: center;
}
.older-newsletters > * + * {
    margin-top: 2rem;
}

.older-newsletters ul {
    width: max-content;
}

.dot--inside {
    list-style-type: disc !important;
    margin-left: 3em !important;
    margin-top: 0px !important;
}

.dot--inside a {
    margin: 0 !important;
}

.services-row > div,
.market-intel-row .icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.services-row > div img {
    width: 100%;
    max-width: 150px;
}

.services-row > div p {
    font-weight: bold;
    font-size: 1em;
    margin-bottom: 0.7rem;
}

.market-intel-row p {
    max-width: 70ch;
    margin: 0 auto;
    margin-top: 0.7rem;
}

.market-intel-row .icon img {
    max-width: 240px;
}

.market-intel-row .icon p {
    font-weight: bold;
    font-size: 1em;
}

#services .img-wrapper {
    max-width: 200px;
    margin: 0 auto;
}

#services-tourism-projects .img-wrapper {
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
    width: 306px;
    height: 204px;
}

#services-tourism-projects img {
    height: 100%;
    object-fit: cover;
}

#services-tourism-projects .img-wrapper img {
    transition: .3s;
}

#services-tourism-projects .img-wrapper img:hover {
    scale: 1.1;
}

#services-tourism .img-wrapper {
    max-width: 150px;
    margin: 0 auto;
}

#services-tourism h3,
#services-tourism-projects h3 {
    font-size: 1rem !important;
    margin-top: 0px;
    color: initial;
    font-weight: 500;
}

#services-tourism-projects h3 {
    margin-top: .5em;
}

.projects-row {
    row-gap: 2rem;
}

#services .img-wrapper img,
#services-tourism .img-wrapper img,
#services-tourism-projects img {
    width: 100%;
}

#services h3 {
    margin-top: 0px;
    color: initial;
    font-weight: 500;
}

#greek-entry h2 {
    color: initial;
}

.project-more-wrapper {
    display: flex;
    justify-content: center;
  }
  .project-more-wrapper .dropdown-button {
background-color: #a02d31; 
border: none;
color: white;
padding: 12px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
cursor: pointer;
border-radius: 8px;
transition: all .3s;
font-size: 16px;
font-weight: bold;
margin: 0 auto;
}

.project-more-wrapper .dropdown-button:after {
content: "\25BC"; /* Unicode for down arrow */
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
}

.project-more-wrapper .dropdown-button:hover {
background-color: #a02d31d4;
}

.responsive-map{
    overflow: hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
    }
    .responsive-map iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    max-height: 600px;
    position:absolute;
}

.hosp-newletter-links .hospitality-newsletter a {
    color: #b81c21;
    text-decoration: none;
    font-size: 1rem;
}

.hosp-newletter-links .hospitality-newsletter img {
    width: 100%;
}

.sete p {
    font-size: 2em;
}


.sete img {
    width: 100%;
    max-width: 300px;
    height: auto;
    display: block;
    margin: 0 auto;
}


/* Animation for Titles */
.title-animation h1,
.title-animation p {
    min-width: fit-content;
    animation-name: titleReveal;
    animation-duration: 4s;
    animation-fill-mode: forwards;
}

.grid-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.grid-layout > div {
    width: 100% !important;
}



@keyframes titleReveal {
    0% {
      /* color: black; */
      /* margin-bottom: -40px; */
      opacity: 0;
    }
    30% {
        opacity: 1;
      letter-spacing: 20px;
      /* margin-bottom: -40px; */
    }
    85% {
      letter-spacing: 6px;
      /* margin-bottom: -40px; */
    }
    100% {
        letter-spacing: 6px;
      /* margin-bottom: 20px; */
    }
}

.vs-images {
    display: block; /* Not flex! */
}

.vs-images img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-bottom: 1rem;
}


.trust-strong {
    text-align: center;  
}

.trust-strong p {
    margin: 0;
    color: #b81c21;
    font-weight: 600;
}

.trust-strong strong {
    font-size: 1.5em;
    color: #b81c21;
}

.image-sec-surv {
    display: flex;
    flex-wrap: wrap; /* allow wrapping */
    align-items: center;
    justify-content: center; /* center them */
    gap: 1rem; /* spacing between logos */
}

.image-sec-surv img {
    width: 100%;
    height: auto;
    max-width: 210px; /* keep your size */
}


.image-bench-surv {
    display: flex;
    align-items: center;
    justify-content: center;
}

.col-3-surv {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1em; /* optional, adds spacing between columns */
}

.col-3-surv > div {
    padding: 1.5em !important;
    background-color: #ebebeb;
    width: unset;
}

/* Responsive: 2 columns on medium screens */
@media (max-width: 991.98px) {
    .col-3-surv {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Responsive: 1 column on small screens */
@media (max-width: 767.98px) {
    .col-3-surv {
        grid-template-columns: 1fr;
    }
}



.contact-us-p {
    text-align: center;
    font-weight: 600;
    font-size: 1.3em;
}

.contact-us-p a {
    color: #b81c21;
}

.footer-contact .contact-icon {
    margin-top: -12px;
}

@media only screen and (max-width: 767px) {
    .grid-layout {
        grid-template-columns: 1fr;
    }
}



.text-black {
    color: black !important;
}

.main-container {
    background-color: #ffffff;
    padding: 32px; /* p-8 */
    border-radius: 8px; /* rounded-lg */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); /* Darker shadow for contrast */
    width: 100%;
}

.list-title {
    font-size: 1.875rem; /* text-3xl */
    font-weight: 700; /* font-bold */
    color: #333333; /* Dark gray text */
    margin-bottom: 24px; /* mb-6 */
    text-align: center;
}

.list-items-container {
    display: flex;
    flex-direction: column;
    gap: 16px; /* space-y-4 */
}

.list-item {
    display: flex;
    align-items: baseline;
    border-radius: 6px; /* rounded-md */
    background-color: transparent; /* Removed specific background colors */
}

.list-item-number {
    flex-shrink: 0;
    margin-right: 16px; /* mr-4 */
    background-color: transparent;
    color: inherit;
    font-weight: normal;
    font-size: inherit;
}

.list-item-text {
    color: inherit;
    line-height: normal;
    flex-grow: 1;
    margin-bottom: 0;
}

.text-sd {
    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}



/* Responsive navbar gap fix */
@media (max-width: 1400px) {
    .navbar-nav {
        gap: 2.5rem;
    }
}

@media (max-width: 1200px) {
    .navbar-nav {
        gap: 2rem;
    }
}

@media (max-width: 992px) {
    .navbar-nav {
        gap: 1.5rem;
    }
}

/* Prevent Hospitality Newsletter from wrapping */
.navbar-nav .nav-item a[href="./hospitality.html"] {
    white-space: nowrap;
}


#newsletter-thankyou {
    display: none;
    margin-top: 1em;
    color: black;
    font-size: 1.2em;
    text-align: center;
}

.language-flag {
    height: 16px;
    width: auto;
    margin: 4px;
}

.footer-contact .social-icon {
    width: 32px;
    height: 32px;
    background-color: #d9dfd7;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-contact .social-icon i {
    color: #1e1e1e;
    font-size: 16px;
    line-height: 1;
}

.chart-container {
    width: 100%;
    max-width: 800px; /* you can adjust — 800-1000px typical */
    margin: 0 auto;   /* center on page */
}

#myChart {
    width: 100%;
    height: 400px;    /* this controls "flatness"! */
}

.custom-bullet {
    list-style: none;
    margin: 0;
    padding-left: 1.1em;
    text-align: left;
}

.custom-bullet li {
    position: relative;
    margin: .5em 0;
    padding-left: 1.5em; /* space for the arrow */
}

.custom-bullet li::before {
    content: "►";
    position: absolute;
    left: 0;
    top: 0;
}

/* sub bullet css: c */
.dot-bullet li {
    position: relative;
    padding-left: 1.5em;
}

.dot-bullet {
    list-style: none;
    padding-left: 0;
}

.dot-bullet li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.6em;
    width: 8px;
    height: 8px;
    background-color: #242323;
    border-radius: 50%;
}

.custom-bullet .dot-bullet li::before {
    content: "";
}
/* end of sub bullet */



/* FontAwesome Chevron for homepage */
 .fa-chevron-bullet {
    list-style: none;
    padding-left: 1em;
    margin: 0;
}

.fa-chevron-bullet li {
    display: flex;
    align-items: center; /* center icon vertically */
    margin: 0.5em 0;
}

.fa-chevron-bullet li i {
    color: #b81c21;
    margin-right: 0.5em;
    flex-shrink: 0;
}





.hosp-newletter-links .hospitality-newsletter img {
    height: 150px;
    width: auto;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.hosp-newletter-links .hospitality-newsletter a {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: flex-start;
    min-height: 240px; /* enough space for image + multi-line text */
}




@media (max-width: 767.98px) {
    .trust-strong {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    .trust-strong .col-3 {
        width: 100% !important;
    }
}


.hero-other-sectors .scroll-down-link {
    color: black !important;
    text-shadow: none !important;
}

.hero-other-sectors .scroll-down-arrow {
    filter: invert(1); /* turns white SVG to black */
}


.hero-hospitality .scroll-down-link {
  color: black !important;
  text-shadow: none !important;
}

.hero-hospitality .scroll-down-arrow {
  filter: invert(1); /* flips white arrow to black */
}


.service-icon {
  width: 50px;
  height: auto;
}

/* Hover animation for the organisation icon */
.hover-pop { display: inline-block; }
.hover-pop img { transition: transform .25s ease; will-change: transform; }
.hover-pop:hover img { transform: scale(1.08) translateY(-2px); }




/* Horizontal mini case study cards */
#services .examples .example {
  border: 1px solid #eee;
  background: #fafafa;
  padding: 0.75rem;
  border-radius: 0;
  max-width: 450px;      /* limit total card width */
}

#services .examples .example-thumb {
  width: 150px;          /* smaller image */
  height: 100px;
  object-fit: cover;
  flex-shrink: 0;
  border-radius: 0;
}

#services .examples .example-caption {
  font-size: 0.9rem;
  line-height: 1.35;
  text-align: left;
  max-width: 250px;      /* keep caption narrower */
}

#services .examples .example:hover {
  background: #f2f2f2;
  transition: background 0.2s ease;   /* animation */
}


/* MI hero image keeps full width but sensible height */
.mi-hero {
  max-height: 320px;
  object-fit: cover;
  border-radius: 0;
}




/* Example cards — global (EN + GR) */
.examples {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;   /* left aligned inside column */
}

.examples .example {
  display: flex;             /* ensure horizontal layout on desktop */
  flex-direction: column;
  gap: .5rem;
  border: 1px solid #eee;
  background: #fafafa;
  padding: 0.75rem;
  border-radius: 0;
  max-width: 560px;          /* keep cards compact */
}

@media (min-width: 992px) {
  .examples .example {
    flex-direction: row;     /* image left, text right on desktop */
    align-items: center;
  }
}

.examples .example-thumb {
  width: 150px;              /* small fixed thumb */
  height: 100px;
  object-fit: cover;
  flex-shrink: 0;
  border-radius: 0;
}

.examples .example-caption {
  font-size: 0.94rem;
  line-height: 1.35;
  text-align: left;
  padding-left: 0.5rem;      /* breathing room from image */
}

.examples .example:hover {
  background: #f5f5f5;
  transition: background 0.2s ease;
}