.elementor-1380 .elementor-element.elementor-element-c11e625{--display:flex;--min-height:939px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1380 .elementor-element.elementor-element-c11e625:not(.elementor-motion-effects-element-type-background), .elementor-1380 .elementor-element.elementor-element-c11e625 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F0FC;}.elementor-1380 .elementor-element.elementor-element-c68376d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-1380 .elementor-element.elementor-element-70bb024 .elementor-heading-title{font-family:"Geom", Sans-serif;font-size:18px;font-weight:400;text-transform:uppercase;color:var( --e-global-color-primary );}.elementor-1380 .elementor-element.elementor-element-0964533{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:1px;margin:-13px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1380 .elementor-element.elementor-element-0964533 .elementor-divider-separator{width:12%;}.elementor-1380 .elementor-element.elementor-element-0964533 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-1380 .elementor-element.elementor-element-93ba6df{font-family:"Geom", Sans-serif;font-size:100px;font-weight:800;text-transform:uppercase;line-height:100px;color:var( --e-global-color-primary );}.elementor-1380 .elementor-element.elementor-element-4a73057 .elementor-heading-title{font-family:"Geom", Sans-serif;font-size:20px;font-weight:400;}.elementor-1380 .elementor-element.elementor-element-02a507b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1380 .elementor-element.elementor-element-a99ae08{margin:-60px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1380 .elementor-element.elementor-element-9b7cfbc .elementor-button{background-color:var( --e-global-color-primary );font-family:"Geom", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;line-height:20px;box-shadow:1px 1px 5px 0px rgba(0,0,0,0.5);border-radius:40px 40px 40px 40px;}.elementor-1380 .elementor-element.elementor-element-9b7cfbc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;top:12px;}body:not(.rtl) .elementor-1380 .elementor-element.elementor-element-9b7cfbc{left:16px;}body.rtl .elementor-1380 .elementor-element.elementor-element-9b7cfbc{right:16px;}.elementor-1380 .elementor-element.elementor-element-9b7cfbc .elementor-button-content-wrapper{flex-direction:row;}.elementor-1380 .elementor-element.elementor-element-9b7cfbc .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-1380 .elementor-element.elementor-element-4f3009a{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1380 .elementor-element.elementor-element-9551b8a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1380 .elementor-element.elementor-element-9551b8a:not(.elementor-motion-effects-element-type-background), .elementor-1380 .elementor-element.elementor-element-9551b8a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1380 .elementor-element.elementor-element-4d502ef{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1380 .elementor-element.elementor-element-d3cb0f2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:0px 0px 0px 0px;}.elementor-1380 .elementor-element.elementor-element-d3cb0f2:not(.elementor-motion-effects-element-type-background), .elementor-1380 .elementor-element.elementor-element-d3cb0f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1380 .elementor-element.elementor-element-0a69ea2{text-align:center;font-family:"Geom", Sans-serif;font-size:55px;font-weight:600;text-transform:uppercase;line-height:64px;letter-spacing:-0.1px;color:var( --e-global-color-primary );}.elementor-1380 .elementor-element.elementor-element-f2b538f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--border-radius:0px 0px 0px 0px;}.elementor-1380 .elementor-element.elementor-element-81d9d66{--display:flex;--min-height:760px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1380 .elementor-element.elementor-element-81d9d66:not(.elementor-motion-effects-element-type-background), .elementor-1380 .elementor-element.elementor-element-81d9d66 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F0FC;}.elementor-1380 .elementor-element.elementor-element-81d9d66::before, .elementor-1380 .elementor-element.elementor-element-81d9d66 > .elementor-background-video-container::before, .elementor-1380 .elementor-element.elementor-element-81d9d66 > .e-con-inner > .elementor-background-video-container::before, .elementor-1380 .elementor-element.elementor-element-81d9d66 > .elementor-background-slideshow::before, .elementor-1380 .elementor-element.elementor-element-81d9d66 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1380 .elementor-element.elementor-element-81d9d66 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#F7F0FC;--background-overlay:'';}.elementor-1380 .elementor-element.elementor-element-81d9d66.e-con{--align-self:center;}.elementor-1380 .elementor-element.elementor-element-5b0bb03{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;--padding-top:179px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1380 .elementor-element.elementor-element-5b0bb03:not(.elementor-motion-effects-element-type-background), .elementor-1380 .elementor-element.elementor-element-5b0bb03 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://smaasmedia.com/wp-content/uploads/2026/05/Untitled-design-1.png");background-size:cover;}.elementor-1380 .elementor-element.elementor-element-5b0bb03::before, .elementor-1380 .elementor-element.elementor-element-5b0bb03 > .elementor-background-video-container::before, .elementor-1380 .elementor-element.elementor-element-5b0bb03 > .e-con-inner > .elementor-background-video-container::before, .elementor-1380 .elementor-element.elementor-element-5b0bb03 > .elementor-background-slideshow::before, .elementor-1380 .elementor-element.elementor-element-5b0bb03 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1380 .elementor-element.elementor-element-5b0bb03 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#F7F0FC;--background-overlay:'';}.elementor-1380 .elementor-element.elementor-element-7c6f754{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-1380 .elementor-element.elementor-element-84d3854{text-align:start;}.elementor-1380 .elementor-element.elementor-element-84d3854 .elementor-heading-title{font-family:"Geom", Sans-serif;font-size:50px;font-weight:900;text-transform:uppercase;line-height:1em;letter-spacing:-0.07px;color:#575454;}.elementor-1380 .elementor-element.elementor-element-c673309 .elementor-button{background-color:#9E2DF1;font-family:"Geom", Sans-serif;font-size:18px;font-weight:600;text-transform:uppercase;text-decoration:none;box-shadow:2px 2px 7px 0px rgba(0,0,0,0.5);border-style:none;border-radius:38px 38px 38px 38px;}.elementor-1380 .elementor-element.elementor-element-5f85add{font-family:"Geom", Sans-serif;font-size:14px;font-weight:400;line-height:1em;letter-spacing:-0.07px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1380 .elementor-element.elementor-element-0964533{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1380 .elementor-element.elementor-element-93ba6df{font-size:42px;line-height:1.2em;}.elementor-1380 .elementor-element.elementor-element-4a73057 .elementor-heading-title{font-size:18px;}.elementor-1380 .elementor-element.elementor-element-a99ae08{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1380 .elementor-element.elementor-element-5b0bb03:not(.elementor-motion-effects-element-type-background), .elementor-1380 .elementor-element.elementor-element-5b0bb03 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://smaasmedia.com/wp-content/uploads/2026/05/Smaas-Get-in-Touch-Mobile.png");}.elementor-1380 .elementor-element.elementor-element-5b0bb03{--padding-top:200px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-1380 .elementor-element.elementor-element-c11e625{--min-height:768px;}.elementor-1380 .elementor-element.elementor-element-93ba6df{font-size:42px;}.elementor-1380 .elementor-element.elementor-element-4a73057 .elementor-heading-title{font-size:16px;}.elementor-1380 .elementor-element.elementor-element-a99ae08{margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}body:not(.rtl) .elementor-1380 .elementor-element.elementor-element-9b7cfbc{left:0px;}body.rtl .elementor-1380 .elementor-element.elementor-element-9b7cfbc{right:0px;}.elementor-1380 .elementor-element.elementor-element-9b7cfbc{top:4px;}.elementor-1380 .elementor-element.elementor-element-0a69ea2{font-size:25px;line-height:1.2em;}.elementor-1380 .elementor-element.elementor-element-81d9d66:not(.elementor-motion-effects-element-type-background), .elementor-1380 .elementor-element.elementor-element-81d9d66 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://smaasmedia.com/wp-content/uploads/2026/05/Smaas-Get-in-Touch-Mobile.png");}.elementor-1380 .elementor-element.elementor-element-81d9d66{--min-height:388px;}.elementor-1380 .elementor-element.elementor-element-5b0bb03{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1380 .elementor-element.elementor-element-84d3854 .elementor-heading-title{font-size:35px;}}@media(min-width:768px){.elementor-1380 .elementor-element.elementor-element-02a507b{--width:100%;}.elementor-1380 .elementor-element.elementor-element-7c6f754{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1380 .elementor-element.elementor-element-7c6f754{--width:637px;}}/* Start custom CSS for html, class: .elementor-element-d5588ff *//* =========================
   FONT
========================= */

.tiles-wrap,
.tiles-wrap *{
    font-family: "Geom", sans-serif;
}


/* =========================
   TILES WRAPPER
========================= */

.tiles-wrap{
    display: flex;
    gap: 14px;
    height: 540px;
}


/* =========================
   SINGLE TILE
========================= */

.tile{
    position: relative;
    flex: 1;
    min-width: 95px;
    border-radius: 28px;
    overflow: hidden;
    cursor: pointer;

    transition:
        flex .7s cubic-bezier(.22,1,.36,1),
        transform .5s ease;

    will-change: flex;
}


/* =========================
   IMAGE
========================= */

.tile img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;

    transition: transform .7s cubic-bezier(.22,1,.36,1);
}

.tile:hover img{
    transform: scale(1.04);
}


/* =========================
   DARK OVERLAY
========================= */

.tile::after{
    content: "";
    position: absolute;
    inset: 0;

    background: linear-gradient(
        to top,
        rgba(0,0,0,.88),
        rgba(0,0,0,.18)
    );

    z-index: 1;
}


/* =========================
   DEFAULT ACTIVE TILE
========================= */

.tile.active{
    flex: 4;
}


/* =========================
   HOVER SYSTEM
========================= */

.tiles-wrap:hover .tile{
    flex: 1;
}

.tiles-wrap:hover .tile:hover{
    flex: 4.5;
}


/* =========================
   CONTENT
========================= */

.content{
    position: absolute;
    z-index: 3;
    color: #fff;

    backface-visibility: hidden;
    transform-style: preserve-3d;

    will-change: opacity, transform;

    transition:
        opacity .45s ease,
        transform .65s cubic-bezier(.22,1,.36,1);
}


/* =========================
   HORIZONTAL CONTENT
========================= */

.horizontal{
    left: 34px;
    bottom: 34px;

    width: calc(100% - 60px);

    opacity: 0;

    transform: translateY(40px);

    transition:
        opacity .35s ease,
        transform .7s cubic-bezier(.22,1,.36,1);

    transition-delay: .08s;
}

.horizontal h2{
    font-size: 52px;
    line-height: 1.05;
    font-weight: 700;

    margin: 0 0 14px;
}

.horizontal p{
    font-size: 18px;
    opacity: .9;
    margin: 0;
}


/* =========================
   VERTICAL CONTENT
========================= */

.vertical{
    position: absolute;

    left: 50%;
    bottom: 34px;

    transform: translateX(-50%);

    z-index: 5;

    opacity: 1;

    transition:
        opacity .28s ease,
        transform .45s ease;

    will-change: opacity, transform;
}

/* Vertical Heading */

.vertical h2{
    margin: 0;

    writing-mode: vertical-rl;
    transform: rotate(180deg);

    font-size: 22px;
    font-weight: 700;
    line-height: 1;

    white-space: nowrap;

    letter-spacing: -.5px;
}

/* Hide paragraph in vertical */

.vertical p{
    display: none;
}


/* =========================
   SHOW / HIDE STATES
========================= */

/* Default active tile */

.tile.active .horizontal{
    opacity: 1;
    transform: translateY(0);
}

.tile.active .vertical{
    opacity: 0;
}


/* On hover */

.tiles-wrap:hover .tile:hover .horizontal{
    opacity: 1;
    transform: translateY(0);
}

.tiles-wrap:hover .tile:hover .vertical{
    opacity: 0;
}


/* Collapsed tiles */

.tiles-wrap:hover .tile:not(:hover) .vertical{
    opacity: 1;
}

.tiles-wrap:hover .tile:not(:hover) .horizontal{
    opacity: 0;
}


/* =========================
   SMOOTH TEXT REVEAL
========================= */

.tile.active .horizontal,
.tiles-wrap:hover .tile:hover .horizontal{
    transition-delay: .15s;
}

.tile.active .vertical,
.tiles-wrap:hover .tile:hover .vertical{
    transition-delay: 0s;
}


/* =========================
   MOBILE
========================= */

@media(max-width:768px){

    .tiles-wrap{
        flex-direction: column;
        gap: 18px;
        height: auto;
    }

    .tile{
        flex: unset !important;
        width: 100%;
        height: 420px;
        min-width: 100%;
        border-radius: 24px;
    }

    .tile img{
        height: 100%;
    }

    /* Hide Vertical Text */

    .vertical{
        display: none !important;
    }

    /* Always Show Horizontal */

    .horizontal{
        opacity: 1 !important;
        transform: translateY(0) !important;

        left: 24px;
        right: 24px;
        bottom: 24px;

        width: auto;
    }

    .horizontal h2{
        font-size: 28px;
        line-height: 1.1;
        margin-bottom: 12px;
    }

    .horizontal p{
        font-size: 16px;
        line-height: 1.5;
        opacity: .92;

        max-width: 95%;
    }

    /* Remove Hover Expansion */

    .tiles-wrap:hover .tile,
    .tiles-wrap:hover .tile:hover{
        flex: unset;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Geom';
	font-style: italic;
	font-weight: 600;
	font-display: auto;
	src: url('https://smaasmedia.com/wp-content/uploads/2026/04/Geom-SemiBoldItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Geom';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://smaasmedia.com/wp-content/uploads/2026/04/Geom-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Geom';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://smaasmedia.com/wp-content/uploads/2026/04/Geom-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Geom';
	font-style: italic;
	font-weight: 400;
	font-display: auto;
	src: url('https://smaasmedia.com/wp-content/uploads/2026/04/Geom-MediumItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Geom';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://smaasmedia.com/wp-content/uploads/2026/04/Geom-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Geom';
	font-style: italic;
	font-weight: 100;
	font-display: auto;
	src: url('https://smaasmedia.com/wp-content/uploads/2026/04/Geom-LightItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Geom';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://smaasmedia.com/wp-content/uploads/2026/04/Geom-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Geom';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://smaasmedia.com/wp-content/uploads/2026/04/Geom-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Geom';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://smaasmedia.com/wp-content/uploads/2026/04/Geom-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Geom';
	font-style: italic;
	font-weight: bold;
	font-display: auto;
	src: url('https://smaasmedia.com/wp-content/uploads/2026/04/Geom-BoldItalic.ttf') format('truetype');
}
/* End Custom Fonts CSS */