.elementor-48 .elementor-element.elementor-element-9ab0593{--display:flex;--min-height:720px;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-48 .elementor-element.elementor-element-9ab0593:not(.elementor-motion-effects-element-type-background), .elementor-48 .elementor-element.elementor-element-9ab0593 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://ceramicadetetouan.com/wp-content/uploads/2026/06/ceramica-de-tetouan-hero-video-poster.webp") 50% 50%;background-size:cover;}.elementor-48 .elementor-element.elementor-element-a5970e6{--display:flex;}.elementor-48 .elementor-element.elementor-element-63d5539{--display:flex;--min-height:640px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-48 .elementor-element.elementor-element-ae59f2d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-48 .elementor-element.elementor-element-174955b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-48 .elementor-element.elementor-element-59a5331{--display:flex;--min-height:753.6px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-48 .elementor-element.elementor-element-c89d656{--display:flex;--min-height:1040px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-48 .elementor-element.elementor-element-a559157{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-48 .elementor-element.elementor-element-74892ff{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-48 .elementor-element.elementor-element-d136fb6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-48 .elementor-element.elementor-element-8699c14{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-48 .elementor-element.elementor-element-4df0fce{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-48 .elementor-element.elementor-element-c89d656{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-48 .elementor-element.elementor-element-6fa1871{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-48 .elementor-element.elementor-element-a559157{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-48 .elementor-element.elementor-element-74892ff{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}@media(max-width:1024px) and (min-width:768px){.elementor-48 .elementor-element.elementor-element-63d5539{--content-width:700px;}.elementor-48 .elementor-element.elementor-element-c89d656{--content-width:0px;}}@media(max-width:767px){.elementor-48 .elementor-element.elementor-element-63d5539{--content-width:320px;}.elementor-48 .elementor-element.elementor-element-59a5331{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-48 .elementor-element.elementor-element-c89d656{--content-width:0px;--min-height:0vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-48 .elementor-element.elementor-element-6fa1871{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for container, class: .elementor-element-a5970e6 */.hero-video-section{
  min-height: 700px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 80px;
  overflow: hidden;
}

.hero-cut-box{
  width: 58%;
  max-width: 760px;
  min-height: 320px;
  padding: 70px 70px 65px 70px;
  background: rgba(255,255,255,0.82);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  clip-path: polygon(0 0, 100% 0, 100% 40%, 92% 100%, 0 100%);
  position: relative;
  z-index: 3;
  box-sizing: border-box;
}

.hero-cut-box h1,
.hero-cut-box h2{
  margin: 0 0 28px 0;
  font-size: 48px;
  line-height: 1.05;
}

.hero-cut-box .orange-text{
  color: #E04A1B;
}

.hero-cut-box .elementor-button{
  background: #E04A1B;
  color: #fff;
  border-radius: 0;
  padding: 16px 34px;
  font-weight: 600;
}

@media (max-width: 1024px){
  .hero-video-section{
    min-height: 620px;
    padding: 0 40px;
  }

  .hero-cut-box{
    width: 70%;
    padding: 55px 48px;
  }

  .hero-cut-box h1,
  .hero-cut-box h2{
    font-size: 40px;
  }
}

@media (max-width: 767px){
  .hero-video-section{
    min-height: 560px;
    padding: 0 20px;
    align-items: flex-end;
    padding-bottom: 40px;
  }

  .hero-cut-box{
    width: 100%;
    max-width: 100%;
    min-height: auto;
    padding: 34px 28px 40px 28px;
    clip-path: polygon(0 0, 100% 0, 100% 82%, 90% 100%, 0 100%);
  }

  .hero-cut-box h1,
  .hero-cut-box h2{
    font-size: 32px;
  }
}/* End custom CSS */