/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

/* ========================================
   ΕΔΩ ΓΡΑΦΕΙΣ ΟΛΟ ΣΟΥ ΤΟ CSS
   ======================================== */

/* Παράδειγμα: Karivalis titles */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600&family=Montserrat:wght@300;400;500&display=swap');

:root {
    --navy: #0a1a35;
    --gold: #bf783a;
    --white-like: #f1f2f4;
    --body-text: #d8dde6;
	--mastic-teal: #4A7B74;
  } 
body {
 
    font-family: 'Montserrat', sans-serif;
  }
 
  .headline {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-size: 72px;
    line-height: 1.1;
    letter-spacing: -0.5px;
    color: var(--white-like);
    margin-bottom: 40px;
  }
 
  .headline2 {
    font-size: 55px;
  }
  .headline3 {
    font-size: 40px;
  }

  .headline .accent {
    color: var(--gold);
  }
  .divider {
    width: 80px;
    height: 2px;
    background: var(--gold);
    margin-bottom: 32px;
  }
 
  .subtext {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 20px;
    line-height: 1.7;
    color: var(--body-text);
    letter-spacing: 0.2px;
  }
 .max-width560{
	max-width: 560px;
}
 .max-width700{
	max-width: 700px;
    margin: auto;
}
.services-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.service-card {
  padding: 48px 38px 42px;
  min-height: 460px;
  border: 1px solid rgba(241, 242, 244, 0.22);
  border-radius: 14px;
  background: rgba(10, 26, 53, 0.42);
  backdrop-filter: blur(3px);
  color: var(--white-like);
}

.service-icon {
  width: 92px;
  height: 92px;
  border: 2px solid rgba(241, 242, 244, 0.16);
  border-radius: 50%;
  margin-bottom: 34px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: var(--gold);
}

.service-number-row {
  display: flex;
  align-items: center;
  gap: 22px;
  margin-bottom: 22px;
}

.service-number {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 4px;
  color: var(--gold);
}

.service-number-divider {
  width: 52px;
  height: 1px;
  background: var(--gold);
  display: inline-block;
}

.service-title {
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  font-size: 32px;
  line-height: 1.25;
  letter-spacing: -0.2px;
  color: var(--white-like);
  margin: 0 0 30px;
}

.wrk-tgether-title{
  font-size: 23px;
}
.service-text.wrk-tgether-text{
  font-size:14px;	
}


.service-divider {
  width: 52px;
  height: 2px;
  background: var(--gold);
  margin-bottom: 28px;
}

.service-text {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-size: 17px;
  line-height: 1.75;
  letter-spacing: 0.15px;
  color: var(--body-text);
  margin: 0;
}
.fr-services-boxes .elementor-icon{
	border: 1px solid #6F6F6F!important;padding: 20px;border-radius: 50%;background: #ffffff17;
}
.talk-icons .elementor-icon-list-icon{
  border: 1px solid var(--gold);padding: 20px;border-radius: 50%;background: #ffffff17;
}
.talk-icons .elementor-icon-list-item:hover .elementor-icon-list-icon{
	border: 1px solid var(--mastic-teal);
}

.about-points .elementor-icon {
    padding: 20px;
    background: #ffffff17;
    border-radius: 100%;
    border: 2px solid var(--gold);
}
.talk-icons .elementor-icon-list-icon {
	padding: 15px!important;
	margin-right: 15px;
}
.talk-icons .elementor-icon-list-icon svg {
	margin:0!important
}
.tp-flipbox__icon-front {
    padding: 20px;
    width:100px;
    background: #ffffff17;
    border-radius: 100%;
    border: 2px solid var(--gold);
    margin: auto;
}
.tp-flipbox__icon-front img {
  filter: invert(49%) sepia(36%) saturate(789%) hue-rotate(344deg) brightness(91%) contrast(88%);
}
.tp-flipbox__front {
    background-position: right;
}
.contact-form-wrap .aep-cf7 {width:100%}
form.wpcf7-form p {
    color: white;font-weight: 300;
}
form.wpcf7-form a {
    color: #bf783a;font-weight: 300;
}
.page-links-style a ,.page-links-style h2 ,.page-links-style h3 {color:#bf783a}
.page-links-style p {margin-left:20px}
.footer-cookie-link a {    color: #bf783a;}
.calendly{overflow:hidden}
nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.menu-is-active.hfe-dropdown {
    width: 160px!important;
    left: -72px!important;
}
nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown {
    width: 80px!important;
}
.wpcf7 form.sent .wpcf7-response-output {
    color: white;
    border-radius: 20px;
    border-width: 1px;
    margin-left: 0;
    margin-right: 0;
    border-color: #bf783a;
    text-align: center;
}
body:not(.rtl) .elementor-49 .elementor-element.elementor-element-f0f8a96 {
    left: -4px!important;
}




@media(max-width:1585px) and (min-width:1025px){
.fr-header-ttl .headline {font-size: 4rem;}
.fr-top-scnd-cont{display:none}
.fr-top-fr-cont{width:100%;margin:0;padding-left:80px}
}
@media(max-width:1340px) and (min-width:1025px) {
	.calendly {padding-right: 20px;}     
}

@media(max-width:1290px){
	.about-three-points .about-points .elementor-icon-box-wrapper {    display: flex;    flex-wrap: wrap;    justify-content: center;    text-align: center;}
}
@media(max-width:1170px){
	h3.service-title {    font-size: 25px;}
}

@media(max-width:1024px){
.fr-header-ttl .headline {font-size: 3rem;}
}
@media (max-width: 767px) {
    .fr-header-ttl .headline {        font-size: 2rem;    }
	.pre-footer-btn, .pre-footer-txt{    text-align: center;    width: 100%!important;}
	.lets-talk-txt-wrap {    background-attachment: fixed;}
}
@media (max-width: 700px){
	.fr-prefooter .service-title {line-height: 38px!important;color: white !important;}
}
@media (max-width: 660px) and (min-width: 580px) {
.service-title.wrk-tgether-title {font-size: 20px;}
}

@media (max-width: 640px) and (min-width: 580px) {
  .serv-perc{font-size: 33px!important;}
}
@media (max-width: 600px) {
	.fr-serv-ttl .headline{font-size:11vw}
	.fr-serv-txt .subtext {    line-height: 27px;}
	.service-divider {     width:100%;    height: 1px;}
}

@media(max-width:580px){
    .fr-services-boxes{width:100%!important}
	.fr-results .headline.headline2 {font-size: 35px;}
}