.elementor-1385 .elementor-element.elementor-element-3356c38{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1385 .elementor-element.elementor-element-3356c38:not(.elementor-motion-effects-element-type-background), .elementor-1385 .elementor-element.elementor-element-3356c38 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-1385 .elementor-element.elementor-element-4c67427{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-1385 .elementor-element.elementor-element-d76cebf .elementor-heading-title{font-family:"Geom", Sans-serif;font-size:18px;font-weight:400;text-transform:uppercase;color:var( --e-global-color-primary );}.elementor-1385 .elementor-element.elementor-element-8553489{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:1px;margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1385 .elementor-element.elementor-element-8553489 .elementor-divider-separator{width:15%;}.elementor-1385 .elementor-element.elementor-element-8553489 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-1385 .elementor-element.elementor-element-14341f7{font-family:"Geom", Sans-serif;font-size:100px;font-weight:800;text-transform:uppercase;line-height:95px;color:var( --e-global-color-primary );}.elementor-1385 .elementor-element.elementor-element-dcfb987 .elementor-heading-title{font-family:"Geom", Sans-serif;font-size:20px;font-weight:400;}.elementor-1385 .elementor-element.elementor-element-4d54cb3 .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-1385 .elementor-element.elementor-element-4d54cb3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1385 .elementor-element.elementor-element-4d54cb3 .elementor-button-content-wrapper{flex-direction:row;}.elementor-1385 .elementor-element.elementor-element-4d54cb3 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-1385 .elementor-element.elementor-element-d0840b6{--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-1385 .elementor-element.elementor-element-14ff79b{--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-1385 .elementor-element.elementor-element-14ff79b:not(.elementor-motion-effects-element-type-background), .elementor-1385 .elementor-element.elementor-element-14ff79b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1385 .elementor-element.elementor-element-917098f{--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-1385 .elementor-element.elementor-element-3e7762e{--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-1385 .elementor-element.elementor-element-3e7762e:not(.elementor-motion-effects-element-type-background), .elementor-1385 .elementor-element.elementor-element-3e7762e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1385 .elementor-element.elementor-element-e7343c8{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-1385 .elementor-element.elementor-element-e42a776{--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-1385 .elementor-element.elementor-element-a1e4c92{--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-1385 .elementor-element.elementor-element-a1e4c92:not(.elementor-motion-effects-element-type-background), .elementor-1385 .elementor-element.elementor-element-a1e4c92 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F0FC;}.elementor-1385 .elementor-element.elementor-element-a1e4c92::before, .elementor-1385 .elementor-element.elementor-element-a1e4c92 > .elementor-background-video-container::before, .elementor-1385 .elementor-element.elementor-element-a1e4c92 > .e-con-inner > .elementor-background-video-container::before, .elementor-1385 .elementor-element.elementor-element-a1e4c92 > .elementor-background-slideshow::before, .elementor-1385 .elementor-element.elementor-element-a1e4c92 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1385 .elementor-element.elementor-element-a1e4c92 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#F7F0FC;--background-overlay:'';}.elementor-1385 .elementor-element.elementor-element-a1e4c92.e-con{--align-self:center;}.elementor-1385 .elementor-element.elementor-element-8afc376{--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-1385 .elementor-element.elementor-element-8afc376:not(.elementor-motion-effects-element-type-background), .elementor-1385 .elementor-element.elementor-element-8afc376 > .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-1385 .elementor-element.elementor-element-8afc376::before, .elementor-1385 .elementor-element.elementor-element-8afc376 > .elementor-background-video-container::before, .elementor-1385 .elementor-element.elementor-element-8afc376 > .e-con-inner > .elementor-background-video-container::before, .elementor-1385 .elementor-element.elementor-element-8afc376 > .elementor-background-slideshow::before, .elementor-1385 .elementor-element.elementor-element-8afc376 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1385 .elementor-element.elementor-element-8afc376 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#F7F0FC;--background-overlay:'';}.elementor-1385 .elementor-element.elementor-element-b4d7c21{--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-1385 .elementor-element.elementor-element-d74a54a{text-align:start;}.elementor-1385 .elementor-element.elementor-element-d74a54a .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-1385 .elementor-element.elementor-element-9dac490 .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-1385 .elementor-element.elementor-element-98575ce{font-family:"Geom", Sans-serif;font-size:14px;font-weight:400;line-height:1em;letter-spacing:-0.07px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1385 .elementor-element.elementor-element-4c67427{--width:45%;}.elementor-1385 .elementor-element.elementor-element-d0840b6{--width:55%;}.elementor-1385 .elementor-element.elementor-element-b4d7c21{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1385 .elementor-element.elementor-element-b4d7c21{--width:637px;}}@media(max-width:1024px){.elementor-1385 .elementor-element.elementor-element-8afc376:not(.elementor-motion-effects-element-type-background), .elementor-1385 .elementor-element.elementor-element-8afc376 > .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-1385 .elementor-element.elementor-element-8afc376{--padding-top:200px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-1385 .elementor-element.elementor-element-e7343c8{font-size:25px;line-height:1.2em;}.elementor-1385 .elementor-element.elementor-element-a1e4c92:not(.elementor-motion-effects-element-type-background), .elementor-1385 .elementor-element.elementor-element-a1e4c92 > .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-1385 .elementor-element.elementor-element-a1e4c92{--min-height:388px;}.elementor-1385 .elementor-element.elementor-element-8afc376{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1385 .elementor-element.elementor-element-d74a54a .elementor-heading-title{font-size:35px;}}/* Start custom CSS for html, class: .elementor-element-2afe2ba *//* =========================
   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 */