.elementor-762 .elementor-element.elementor-element-8bd79bb{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-25px;margin-bottom:0px;}.elementor-762 .elementor-element.elementor-element-8bd79bb > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-762 .elementor-element.elementor-element-4150ade{--e-image-carousel-slides-to-show:1;}.elementor-762 .elementor-element.elementor-element-4150ade > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-762 .elementor-element.elementor-element-39b8b34 > .elementor-container{max-width:770px;}.elementor-762 .elementor-element.elementor-element-39b8b34{margin-top:175px;margin-bottom:90px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-762 .elementor-element.elementor-element-9ab8bad > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-762 .elementor-element.elementor-element-9ab8bad{text-align:center;}.elementor-762 .elementor-element.elementor-element-9ab8bad .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:73px;font-weight:600;color:#272727;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-762 .elementor-element.elementor-element-432c699{text-align:center;font-family:"Roboto", Sans-serif;font-size:25px;font-weight:400;line-height:38px;letter-spacing:0.5px;word-spacing:1px;color:#7A7A7A;}.elementor-762 .elementor-element.elementor-element-2353bd92 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-762 .elementor-element.elementor-element-2353bd92{padding:100px 0px 100px 0px;}.elementor-762 .elementor-element.elementor-element-2e1188eb > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-762 .elementor-element.elementor-element-2e1188eb{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:35px 0px 0px 0px;}.elementor-762 .elementor-element.elementor-element-2e1188eb > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-762 .elementor-element.elementor-element-ff42267:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-762 .elementor-element.elementor-element-ff42267 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.photographikaitalia.it/wp-content/uploads/2025/11/alexbrb037.jpg");background-position:center center;background-size:cover;}.elementor-762 .elementor-element.elementor-element-ff42267 > .elementor-element-populated, .elementor-762 .elementor-element.elementor-element-ff42267 > .elementor-element-populated > .elementor-background-overlay, .elementor-762 .elementor-element.elementor-element-ff42267 > .elementor-background-slideshow{border-radius:25px 25px 25px 25px;}.elementor-762 .elementor-element.elementor-element-ff42267 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:15px 15px 15px 15px;--e-column-margin-right:15px;--e-column-margin-left:15px;}.elementor-762 .elementor-element.elementor-element-ff42267 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-762 .elementor-element.elementor-element-5cca9ae:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-762 .elementor-element.elementor-element-5cca9ae > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.photographikaitalia.it/wp-content/uploads/2025/11/Angelazoli042-scaled.jpg");background-position:center center;background-size:cover;}.elementor-762 .elementor-element.elementor-element-5cca9ae > .elementor-element-populated, .elementor-762 .elementor-element.elementor-element-5cca9ae > .elementor-element-populated > .elementor-background-overlay, .elementor-762 .elementor-element.elementor-element-5cca9ae > .elementor-background-slideshow{border-radius:25px 25px 25px 25px;}.elementor-762 .elementor-element.elementor-element-5cca9ae > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:15px 15px 15px 15px;--e-column-margin-right:15px;--e-column-margin-left:15px;}.elementor-762 .elementor-element.elementor-element-5cca9ae > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-762 .elementor-element.elementor-element-b446e00{margin-top:0px;margin-bottom:65px;}.elementor-762 .elementor-element.elementor-element-269363a:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-762 .elementor-element.elementor-element-269363a > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.photographikaitalia.it/wp-content/uploads/2022/05/home12.jpg");background-size:cover;}.elementor-762 .elementor-element.elementor-element-269363a > .elementor-element-populated, .elementor-762 .elementor-element.elementor-element-269363a > .elementor-element-populated > .elementor-background-overlay, .elementor-762 .elementor-element.elementor-element-269363a > .elementor-background-slideshow{border-radius:25px 25px 25px 25px;}.elementor-762 .elementor-element.elementor-element-269363a > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-762 .elementor-element.elementor-element-269363a > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-762 .elementor-element.elementor-element-af538a0{--spacer-size:554px;}.elementor-762 .elementor-element.elementor-element-f06df6d > .elementor-widget-container{margin:0px 0px 40px 0px;}.elementor-762 .elementor-element.elementor-element-f06df6d{text-align:center;}.elementor-762 .elementor-element.elementor-element-f06df6d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:55px;font-weight:600;color:#FFFFFF;}@media(min-width:768px){.elementor-762 .elementor-element.elementor-element-14d3376{width:100%;}.elementor-762 .elementor-element.elementor-element-1e4b8118{width:100%;}}@media(max-width:1024px){.elementor-762 .elementor-element.elementor-element-3a35238 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-762 .elementor-element.elementor-element-4150ade > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-762 .elementor-element.elementor-element-2353bd92{padding:100px 25px 100px 25px;}.elementor-762 .elementor-element.elementor-element-1e4b8118 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-762 .elementor-element.elementor-element-2e1188eb{padding:20px 0px 0px 0px;}.elementor-762 .elementor-element.elementor-element-b446e00{padding:29px 29px 29px 29px;}.elementor-762 .elementor-element.elementor-element-269363a:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-762 .elementor-element.elementor-element-269363a > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}}@media(max-width:767px){.elementor-762 .elementor-element.elementor-element-8bd79bb{margin-top:-60px;margin-bottom:0px;}.elementor-bc-flex-widget .elementor-762 .elementor-element.elementor-element-3a35238.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-762 .elementor-element.elementor-element-3a35238.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-762 .elementor-element.elementor-element-9ab8bad .elementor-heading-title{font-size:49px;}.elementor-762 .elementor-element.elementor-element-2353bd92{padding:50px 20px 50px 20px;}.elementor-762 .elementor-element.elementor-element-f06df6d .elementor-heading-title{font-size:43px;}}/* Start custom CSS for section, class: .elementor-element-8bd79bb */.elementor-762 .elementor-element.elementor-element-8bd79bb {
    min-height: 100vh;
}

.elementor-762 .elementor-element.elementor-element-8bd79bb .elementor-column {
    height: 100%;
}

.elementor-762 .elementor-element.elementor-element-8bd79bb .elementor-image-carousel-wrapper {
    height: 100%;
}

.elementor-762 .elementor-element.elementor-element-8bd79bb .swiper-slide img {
    object-fit: cover;
    height: 100vh;
    width: 100%;
}

@media (max-width: 767px) {
    .elementor-762 .elementor-element.elementor-element-8bd79bb {
        min-height: 100vh !important;
        padding: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3801bc0 *//* --- Overlay container positioned over the section background image --- */
/* Use your provided image file path here */
.el-overlay {
  /* change this url to: /mnt/data/6fe8bee7-999d-4984-bdba-019c5fe24fbd.png if you prefer the other sample */
  background-image: url('/mnt/data/925ce219-c5a7-4009-9fe8-8a3f2184fa2c.png');
  background-size: cover;
  background-position: center;
  padding: 80px 0;               /* vertical spacing - adjust to fit your section height */
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 640px;            /* adjust as needed */
}

/* the card that sits above the image */
.el-card {
  width: 56%;
  max-width: 620px;
  min-width: 320px;
  padding: 60px 56px;
  box-sizing: border-box;
  border: 1px solid rgba(255,255,255,0.95); /* white border initially */
  background: rgba(255,255,255,0);          /* transparent initially */
  color: #ffffff;                            /* white text initially */
  text-align: center;
  transition: background-color 300ms ease, color 300ms ease, border-color 300ms ease, transform 300ms ease;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  line-height: 1.5;
}

/* micro copy above title */
.el-top {
  font-size: 13px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 18px;
  opacity: 0.95;
}

/* title style */
.el-title {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 34px;
  font-style: italic;
  font-weight: 400;
  margin: 0 0 26px 0;
  line-height: 1.2;
  letter-spacing: 2px;
}

/* description */
.el-desc {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 15px;
  margin: 0 auto 30px auto;
  max-width: 420px;
  color: inherit; /* follow .el-card color */
}

/* button */
.el-btn {
  display: inline-block;
  padding: 12px 30px;
  border: 1px solid rgba(255,255,255,0.95); /* white border initially */
  color: #ffffff;                             /* white text initially */
  text-decoration: none;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 1px;
  transition: color 300ms ease, border-color 300ms ease, background-color 300ms ease;
  background: transparent; /* transparent background */
}

/* Hover states — when hovering the card area */
.el-card:hover {
  background: #ffffff;   /* full white background on hover */
  color: #111111;        /* text becomes black */
  border-color: #ffffff; /* border becomes black */
  transform: translateY(-6px); /* subtle lift */
}

/* Ensure inner elements inherit new color on hover */
.el-card:hover .el-top,
.el-card:hover .el-title,
.el-card:hover .el-desc {
  color: inherit;
}

/* Button on parent hover: border becomes black and button text becomes white (per your spec) */
.el-card:hover .el-btn {
  border-color: #111111; /* black border */
  color: #111111;        /* button text becomes white */
  background: transparent;
}

/* Responsive tweaks */
@media (max-width: 900px) {
  .el-card { width: 80%; padding: 48px 30px; }
  .el-title { font-size: 26px; }
  .el-desc { font-size: 14px; max-width: 360px; }
}

@media (max-width: 480px) {
  .el-card { width: 92%; padding: 28px 18px; }
  .el-title { font-size: 20px; }
  .el-desc { font-size: 13px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8438c8c *//* --- Overlay container positioned over the section background image --- */
/* Use your provided image file path here */
.el-overlay {
  /* change this url to: /mnt/data/6fe8bee7-999d-4984-bdba-019c5fe24fbd.png if you prefer the other sample */
  background-image: url('/mnt/data/925ce219-c5a7-4009-9fe8-8a3f2184fa2c.png');
  background-size: cover;
  background-position: center;
  padding: 80px 0;               /* vertical spacing - adjust to fit your section height */
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 640px;            /* adjust as needed */
}

/* the card that sits above the image */
.el-card {
  width: 56%;
  max-width: 620px;
  min-width: 320px;
  padding: 60px 56px;
  box-sizing: border-box;
  border: 1px solid rgba(255,255,255,0.95); /* white border initially */
  background: rgba(255,255,255,0);          /* transparent initially */
  color: #ffffff;                            /* white text initially */
  text-align: center;
  transition: background-color 300ms ease, color 300ms ease, border-color 300ms ease, transform 300ms ease;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  line-height: 1.5;
}

/* micro copy above title */
.el-top {
  font-size: 13px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 18px;
  opacity: 0.95;
}

/* title style */
.el-title {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 34px;
  font-style: italic;
  font-weight: 400;
  margin: 0 0 26px 0;
  line-height: 1.2;
  letter-spacing: 2px;
}

/* description */
.el-desc {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 15px;
  margin: 0 auto 30px auto;
  max-width: 420px;
  color: inherit; /* follow .el-card color */
}

/* button */
.el-btn {
  display: inline-block;
  padding: 12px 30px;
  border: 1px solid rgba(255,255,255,0.95); /* white border initially */
  color: #ffffff;                             /* white text initially */
  text-decoration: none;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 1px;
  transition: color 300ms ease, border-color 300ms ease, background-color 300ms ease;
  background: transparent; /* transparent background */
}

/* Hover states — when hovering the card area */
.el-card:hover {
  background: #ffffff;   /* full white background on hover */
  color: #111111;        /* text becomes black */
  border-color: #ffffff; /* border becomes black */
  transform: translateY(-6px); /* subtle lift */
}

/* Ensure inner elements inherit new color on hover */
.el-card:hover .el-top,
.el-card:hover .el-title,
.el-card:hover .el-desc {
  color: inherit;
}

/* Button on parent hover: border becomes black and button text becomes white (per your spec) */
.el-card:hover .el-btn {
  border-color: #111111; /* black border */
  color: #111111;        /* button text becomes white */
  background: transparent;
}

/* Responsive tweaks */
@media (max-width: 900px) {
  .el-card { width: 80%; padding: 48px 30px; }
  .el-title { font-size: 26px; }
  .el-desc { font-size: 14px; max-width: 360px; }
}

@media (max-width: 480px) {
  .el-card { width: 92%; padding: 28px 18px; }
  .el-title { font-size: 20px; }
  .el-desc { font-size: 13px; }
}/* End custom CSS */