114 lines
4.7 KiB
PHP
114 lines
4.7 KiB
PHP
<style>
|
|
.about-us-hero {
|
|
position: relative;
|
|
}
|
|
|
|
.about-us-hero .about-us-hero-bg {
|
|
min-height: fit-content;
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
position: relative;
|
|
}
|
|
|
|
.about-us-hero .e-con-inner {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|
|
|
|
.about-us-hero-content {
|
|
max-width: 100%;
|
|
/* padding: 130px 24px 90px; */
|
|
text-align: center;
|
|
color: #fff;
|
|
}
|
|
|
|
.about-us-hero-eyebrow {
|
|
margin: 0 0 18px;
|
|
font-family: 'Manrope', sans-serif;
|
|
font-size: 13px;
|
|
font-weight: 800;
|
|
line-height: 1.3;
|
|
letter-spacing: 3px;
|
|
text-transform: uppercase;
|
|
color: rgba(255, 255, 255, 0.72);
|
|
}
|
|
|
|
.about-us-hero-title {
|
|
margin: 0 0 22px;
|
|
font-family: 'Manrope', sans-serif;
|
|
font-size: clamp(44px, 8vw, 96px);
|
|
font-weight: 900;
|
|
line-height: 0.98;
|
|
letter-spacing: 0;
|
|
color: #fff;
|
|
}
|
|
|
|
.about-us-hero-title.logico_heading_animation .word {
|
|
display: inline-flex;
|
|
align-items: flex-start;
|
|
justify-content: flex-start;
|
|
clip-path: inset(-.15em -.1em);
|
|
-webkit-clip-path: inset(-.15em -.1em);
|
|
}
|
|
|
|
.about-us-hero-title.logico_heading_animation .letter {
|
|
display: inline-flex;
|
|
align-items: flex-start;
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.about-us-hero-text {
|
|
text-align: center;
|
|
max-width: 720px;
|
|
margin: 0 auto;
|
|
font-family: 'Manrope', sans-serif;
|
|
font-size: clamp(17px, 2vw, 22px);
|
|
line-height: 1.65;
|
|
color: rgba(255, 255, 255, 0.78);
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.about-us-hero-content {
|
|
padding: 115px 20px 70px;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<div class="elementor-63 miletruth-hero about-us-hero">
|
|
<div class="elementor-element elementor-element-86f3204 e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent" data-id="86f3204" data-element_type="container" data-e-type="container">
|
|
<div style="background-image: linear-gradient(hsla(0, 0%, 0%, 0.9), rgba(0, 0, 0, 0.9)), url('assets/images/about-bg.png'); background-size: cover;border-radius: 20px;" class="elementor-element elementor-element-0b7a484 e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-child about-us-hero-bg" data-id="0b7a484" data-element_type="container" data-e-type="container" data-settings="{"background_background":"video","background_video_link":"https:\/\/demo.artureanec.com\/themes\/logico-rounded\/wp-content\/uploads\/2024\/10\/home3-slide1.mp4","background_play_on_mobile":"yes"}">
|
|
<div class="e-con-inner">
|
|
<div class="about-us-hero-content">
|
|
<div class="logico-content-slider-widget">
|
|
<div class="content-slider-wrapper">
|
|
<div class="content-slider-container">
|
|
<div class="content-slider owl-carousel owl-theme nav-view-vertical nav-h-position-right nav-v-position-bottom" data-slider-options="{"items":1,"nav":true,"navText":"","dots":true,"progress":true,"dotsContainer":".owl-dots-6c7cbcb","autoplayHoverPause":false,"autoplay":false,"autoplaySpeed":5000,"autoplayTimeout":5000,"loop":true,"dragEndSpeed":1200,"navSpeed":1200,"dotsSpeed":1200,"pullDrag":false,"freeDrag":false,"callbacks":false,"animateOut":"fadeOut","rtl":false}">
|
|
<div class="content-item slider-item elementor-repeater-item-6867061 slide-style-standard ">
|
|
<div class="slide-content">
|
|
<div class="slide-content-inner" style="width:100%;align-items: center;">
|
|
<h3 class="content-slider-item-heading logico-content-wrapper-1">
|
|
<span class="heading-content" style="color: white;width: 100%;font: size 80px;">The Operators Building <br/> Doormile</span>
|
|
</h3>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|