/*
Theme Name: SketchMesh
Theme URI: http://www.slicemypage.com/
Author: SLICEmyPAGE
Author URI: http://www.slicemypage.com/
Description: SketchMesh brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2018 works great in many languages, for any abilities, and on any device.
Version: 1.12
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sm
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
:root{--white:#fff;--red:#c11f1f;--black:#000;--grey:#4b4b4b;--light-grey:#545454; --custom-ease:all 0.38s cubic-bezier(0.215,0.61,0.355,1)}
/* =================reset css starts here=================  */
*{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p,ul,li,body,html,form,fieldset{margin:0;padding:0;outline:none;border:0}
a{text-decoration:none;border:0;outline:0;}
ul{list-style:none;}
a:focus,input:focus,textarea:focus,*:focus{outline:0!important;}
/* =================reset css ends here================= */
/* =================core css starts here================= */
body{font-size:18px;line-height:1.6;font-weight:500;font-family: "Plus Jakarta Sans", sans-serif;color:var(--black);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#efefef;}
.container{width:calc(100% - 16px);max-width:1222px;}
a,input,button{display:inline-block;text-decoration:none;color:inherit;outline:none;transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;}
a img{border:0px none;}
a:hover{outline:none;color:#4D8CFF;text-decoration:none;}
a:active{outline:none;text-decoration:none;}
a:focus{outline:none;outline-offset:0px;text-decoration:none;color:inherit;}
::-webkit-input-placeholder{color:#000;opacity:0.5;}
::-moz-placeholder{color:#000;opacity:0.5;}
:-moz-placeholder{color:#000;opacity:0.5;}
:-ms-input-placeholder{color:#000;opacity:0.5;}
.os-animation{opacity:0;}
.os-animation.animated{opacity:1;}
img{max-width:100%;border:0;height:auto;}
h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;margin-bottom:24px;font-weight:800;line-height: 1.05;letter-spacing: -0.05em;}
h1{font-size:48px;}
h2{font-size:48px;}
h3{font-size:40px;}
h4{font-size:32px;}
h5{font-size:24px;}
h6{font-size:20px;}
p{margin:0px;padding:0px;margin-bottom:24px;}
strong{font-weight:700;}
b{font-weight:400;}
p:last-child{margin-bottom:0;}
.btn{border-radius:2px;padding: 12px 14px;font-size:18px;line-height:1.25;font-weight:700;display:inline-flex;align-items:center;gap: 6px;width:fit-content;background:#000;color:#fff;text-decoration:none;transition:all .38s cubic-bezier(0.215,0.61,0.355,1);-webkit-transition:all .38s cubic-bezier(0.215,0.61,0.355,1);}
.btn::after{content:"";width:28px;height:12px;margin-top: 4px;display:block;background-color:#fff;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 662 271'%3E%3Crect y='116' width='426' height='39' fill='black'/%3E%3Cpath d='M426 10L662 135.5L426 261V10Z' fill='black'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 662 271'%3E%3Crect y='116' width='426' height='39' fill='black'/%3E%3Cpath d='M426 10L662 135.5L426 261V10Z' fill='black'/%3E%3C/svg%3E");mask-repeat:no-repeat;mask-position:center;mask-size:contain;transition:all .3s ease;flex-shrink:0;}
.btn-white.btn::after{background-color:var(--black);}
.btn-white.btn:hover::after{background-color:var(--white);}
.btn-red.btn:hover::after{background-color:var(--black);}
.btn-black,.btn-black:focus{color:var(--white);background-color:var(--black);}
.btn-black:hover,.btn-black:active{color:var(--white);background-color:var(--red)}
.btn-black2,.btn-black2:focus{color:var(--white);background-color:var(--black);}
.btn-black2:hover,.btn-black2:active{color:var(--red);background-color:var(--white)}
.btn-red,.btn-red:focus{color:var(--white);background-color:var(--red);}
.btn-red:hover,.btn-red:active{color:var(--black);background-color:var(--white)}
.btn-white,.btn-white:focus{color:var(--black);background-color:var(--white);}
.btn-white:hover,.btn-white:active{color:var(--white);background-color:var(--red)}
.btn-outline-white,.btn-outline-white:focus{color:var(--black);background-color:transparent;border:2px solid var(--black);}
.btn-outline-white:hover,.btn-outline-white:active{color:var(--white);background-color:var(--black)}
.btn-white-outline,.btn-white-outline:focus{color:var(--white);background-color:transparent;border:2px solid var(--white);}
.btn-white-outline:hover,.btn-white-outline:active{color:var(--white);background-color:transparent;border-color:var(--white);}
.btn.btn-outline-white::after{background-color: var(--black);}
.btn.btn-outline-white:hover::after{background-color: var(--white);}
.btn.btn-black2:hover::after {background-color: var(--red);}
.btn.btn-block{min-width:100%;}
.btn.btn-lg {padding: 12px 22px!important;}
/* =================core css ends here================= */
/* ====================== HEADER START ====================== */
header {background:transparent; color: var(--black); position: fixed; left: 0; top: 0; right: 0; padding: 0; z-index: 9999; transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; }
.fixed header{box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);background-color: #fff;}
header .navbar{height: 80px;padding: 0;}
body.open-menu{overflow: hidden;}
header .navbar-brand {width: 186px;padding: 0;margin: 0 24px 0 0;position: relative;z-index: 3;display: flex;align-items: center;justify-content: center;}
.upwork-btn img {width: 78px;}
.upwork-btn::after{content: none !important;}
header .btn-red:hover,
header .btn-red:active{color:var(--white);background-color:var(--black)}
header .btn.btn-red:hover::after {background-color: var(--white);}
header .navbar-nav .nav-link {color: var(--black);font-weight: 500;position: relative;padding: 0;font-size: 18px;line-height: 80px;font-weight: 600;}
header  .navbar-nav {gap: 0px;}
.navbar-toggler{width:56px;height:56px;padding:0;border:0;background:transparent;position:relative;outline:none;box-shadow:none;}
.navbar-toggler:focus{box-shadow:none;}
body:not(.fixed, .open-menu):has(.project-hero-container) header .navbar-brand{filter: brightness(0) invert(1);}
body:not(.fixed, .open-menu):has(.project-hero-container) header .navbar-nav .nav-link{color: var(--white);}
body:not(.fixed, .open-menu):has(.project-hero-container) header .hr-label{color: var(--white);}
body:not(.fixed, .open-menu):has(.project-hero-container) .navbar-toggler.collapsed .navbar-toggler-icon{background-color: var(--white)!important;}
body:not(.fixed, .open-menu):has(.project-hero-container) .navbar-toggler.collapsed .navbar-toggler-icon::before{background-color: var(--white)!important;}
body:not(.fixed, .open-menu):has(.project-hero-container) .navbar-toggler.collapsed .navbar-toggler-icon::after{background-color: var(--white)!important;}
.navbar-nav .dropdown{position:relative;}
.navbar-nav .dropdown-toggle::after{display:none;}
@media (min-width:1200px){
.navbar-expand-xl .navbar-nav .nav-link{padding: 0 20px;}
.navbar-nav .dropdown-menu{display:block!important;position:absolute;left:0;top:100%;min-width:240px;padding:14px 20px;margin-top:0;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:0;box-shadow:0 20px 60px rgba(0,0,0,.08);opacity:0;visibility:hidden;transform:translateY(18px);transition:.35s cubic-bezier(.215,.61,.355,1);}
.navbar-nav .dropdown:hover>.dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);}
.custom-dropdown .dropdown-item{display:flex;flex-direction:column;gap:4px;padding: 8px 0;font-weight: 600;border-radius:10px;transition:.3s;}
.custom-dropdown .dropdown-item:hover{background: transparent!important;color: var(--red)!important;}
}
/* Graphic Design Service - White Header */
.page-template-graphic-design-service:not(.fixed,.open-menu) .header,.page-template-graphic-design-service:not(.fixed,.open-menu) .navbar{color:#fff;}
.page-template-graphic-design-service:not(.fixed,.open-menu) .navbar .nav-link{color:#fff;}
.page-template-graphic-design-service:not(.fixed,.open-menu) .navbar .navbar-brand{filter:brightness(0) invert(1);}
.page-template-graphic-design-service:not(.fixed,.open-menu) .navbar-toggler.collapsed .navbar-toggler-icon,.page-template-graphic-design-service:not(.fixed,.open-menu) .navbar-toggler .navbar-toggler-icon::before,.page-template-graphic-design-service:not(.fixed,.open-menu) .navbar-toggler .navbar-toggler-icon::after{background:#fff!important;}
/* ====================== HEADER END ====================== */
/* ======================= PAGE DEFAULT STYLES START =========================== */
.content-container{padding: 150px 0;}
.overflow-x-clip{overflow-x: clip;}
.bg-black{background-color: var(--black);color: var(--white);}
.add-index{position: relative;z-index: 98;}
.brand-eyebrow {display: inline-block;font-size: 18px;font-weight: 600;color: var(--red);line-height: 1.25;margin-bottom: 12px;}
.heading{margin-bottom:40px;display: flex;flex-flow: column;align-items: center;justify-content: center;}
.heading h2{font-size: 48px; margin-bottom:0;}
.heading h2+p{margin-top: 18px;line-height:1.25;}
.heading p{font-weight:600;max-width: 750px;}
.project-title{margin-bottom:30px;color:rgb(0 0 0 / 13%);font-size:75px;line-height:0.95;font-weight: 800;letter-spacing: -0.05em;}
.brand-mego-adaptation-card:hover .bmac-content::before,
.brand-cmp-category-card:hover .brand-cmp-category-card-inside:before,
.brand-gruha-work-item:hover .brand-gruha-work-label::after,
.brand-igloo-work-item:hover .brand-igloo-work-label:after,
.brand-lca-category-card:hover .brand-lca-category-card-caption-inside:before {width: 220px;}
.page-main-wrapper {width: 100%;position: relative;min-height: 100vh;}
.page-bg{width: 100%;height: 100%;position: absolute;inset: 0;z-index: -1;background-repeat: no-repeat;background-position: center;background-size: cover;}
.project-hero-container{position:relative;height:100svh;padding-bottom:62px;}
.project-hero-bg{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;background-size:cover;background-position:center;background-repeat:no-repeat;}
.project-hero-labels{width:calc(100% + 10px);margin-left:-5px;margin-bottom:4px;}
.project-hero-label{font-size:15px;line-height:1.25;font-weight:500;color:var(--black);position:relative;padding:0 5px;}
.project-hero-label:not(:last-child)::after{content:'';width:2px;height:2px;background:currentColor;position:absolute;right:-1px;top:50%;transform:translateY(-50%);border-radius:50rem;}
.project-hero-content h1{font-size:48px;margin-bottom:0;}
.project-hero-content h1 span{color:var(--white);}
.project-hero-cta{margin-top:24px;}
.project-tags-wrapper{gap:40px;margin-top:32px;}
.project-tag{position:relative;overflow:hidden;padding:14px 22px;border-radius:50rem;color:#ff8484;font-size:15px;font-weight:500;line-height:1.25;background:rgb(138 5 5 / 64%);border:1px solid rgba(255,255,255,0.08);transition:all .35s ease;}
.project-tag:hover{background:rgba(255,40,40,0.28);box-shadow:0 12px 30px rgba(255,0,0,0.28);}
.project-tag::before{content:'';position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);}
.project-tag:hover::before{animation:tagShine .8s ease;}
@keyframes tagShine{to{left:150%;}}
.project-scope-content h3{font-size:48px;line-height:1.05;margin-bottom:0;}
.project-scope-content h3 span{color:var(--red);}
.project-scope-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px 24px;}
.project-scope-item{position:relative;padding-left:35px;color:rgba(0,0,0,.58);line-height:1.25;font-size:15px;}
.project-scope-item::before{content:"";position:absolute;left:0;top:11px;width:14px;height:2px;background:var(--red);}
.psg-heading-wrap h2 {line-height: 1.05;margin-bottom: 0;}
.psg-heading-wrap h2 span {color: var(--red);}
.dash-list {width: 100%;display: flex;flex-flow: column;gap: 16px;}
.dash-list li {font-size: 15px;line-height: 1.25;color: var(--grey);position: relative;padding-left: 33px;}
.dash-list li:before {content: '';width: 12px;height: 2px;background: var(--red);position: absolute;left: 0;top: 10px;}
.project-impact-holder{background-color:var(--red);color:var(--black);padding:50px 24px;}
.project-impact-content h2{font-size:48px;line-height:1.05;margin-bottom:0;}
.project-impact-text{width:100%;max-width:640px;margin:16px auto 0;font-weight:600;line-height:1.2;}
.project-impact-text p:last-child{margin-bottom:0;}
.project-cta-container{padding: 80px 0;}
.project-cta-content{font-size: 18px;}
.project-cta-content h2 {font-size: 48px;line-height: 1.05;margin-bottom: 22px;}
.project-cta-content h2 + p {font-weight: 600;margin-bottom: 0;}
.project-cta-buttons {gap: 16px;margin-top: 32px;}
.project-cta-profile{margin-top:20px;}
.project-cta-profile-link{font-size:15px;font-weight:500;white-space:nowrap;gap:14px;padding:0 16px;color: var(--white);}
.project-cta-profile-link:hover{color: var(--white);}
.project-cta-profile-chevron img{height:14px;filter:brightness(0) invert(1);}
.project-cta-profile-logo{color:var(--white);}
.project-cta-profile-logo svg{width:96px;height:46px;}
.brand-hero-container {position: relative; min-height: 100vh;}
.brand-an-banner-bg {width: 100%;height: 931px;position: absolute;inset: 0;z-index: -1;background-position: center;background-repeat: no-repeat;background-size: cover;}
.brand-hero-content h1 {font-size: 48px; margin-bottom: 30px;}
.brand-hero-content h1 span{color: var(--red);}
.brand-hero-text {font-size: 18px;line-height: 1.2;font-weight: 600;max-width: 470px;margin-bottom: 30px;}
.brand-hero-meta {font-size: 15px;line-height: 1.25;font-weight: 500;color: var(--black);position: relative;margin-bottom: 6px;}
.brand-hero-cta{margin-bottom: 35px;}
.brand-tag-button {background-color: #c0c0c0;color: #fff;border-radius: 50rem;border: 0;padding: 15px 24px;font-size: 15px;line-height: 1.25;font-weight: 500;}
.brw-heading h2 {font-size: 48px;line-height: 1.05;margin-bottom: 0;}
.brw-heading h2 span {color: var(--red);}
.brw-sub-heading h3 {color: rgb(0 0 0 / 13%);font-size: 75px;line-height: 0.95;margin-bottom: 0;}
.brw-box{min-height: 180px;padding: 24px 40px;width: 100%;font-size: 15px;line-height: 1.25;background-color: var(--white);transition: transform .3s ease, box-shadow .3s ease;}
.brw-box-inside{width: 100%;}
.brw-meta {font-weight: 600;margin-bottom: 10px;color: var(--black);}
.brw-content-title{position: relative;padding-right: 40px;margin-bottom: 5px;}
.brw-content-title::before{content: '';width: 33px;height: 13px;position: absolute;right: 0;top: 10px;background-color: #000;-webkit-mask-image: url('../images/common/chevron-right.png');-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;-webkit-mask-size: contain;mask-image: url('../images/common/chevron-right.png');mask-repeat: no-repeat;mask-position: center;mask-size: contain;}
.brw-box:hover .brw-content-title::before{background-color: var(--red);}
.brw-content-title h2 {font-size: 30px;font-weight: 700;margin-bottom: 0;color: var(--light-grey);letter-spacing: 0;}
.brw-content-title h2 span {color: var(--red);}
.brw-box.blue .brw-content-title h2 span {color:#2758c5;}
.brw-box.green .brw-content-title h2 span {color:#459c36;}
.brw-content-title h2 small{font-size: 25px;}
.brw-content-description {font-weight: 500;color: var(--light-grey);}
.studio-connect-container{padding: 85px 0;}
.studio-connect-left {max-width: 540px;}
.studio-connect-left h2{color:#fff;font-size:48px;line-height: 1;}
.studio-connect-desc {margin-bottom: 35px;}
.studio-connect-left h2 span{color:var(--red);}
.studio-connect-right{max-width:490px;margin-left:auto;}
.studio-connect-note{font-size: 15px;line-height: 1.2;color:#fff;margin-bottom: 10px;max-width: 360px;}
.studio-connect-note em{margin-left: 8px;}
.studio-connect-highlight{display:block;color:var(--red);margin-bottom: 8px;}
.studio-connect-note strong{color:#72d44d;font-weight:700;}
.studio-connect-right h3{margin:0;font-size: 45px;line-height: 1.1;font-weight:700;color:rgba(255,255,255,.2);letter-spacing: 0;}
.wwd-upper{margin-bottom:75px;}
.wwd-upper h2 span{color:var(--red);}
.wwd-upper h3{font-size:25px;font-weight:700;line-height:1.2;letter-spacing:0;margin-bottom:0;max-width:530px;}
.wwd-middle{margin-bottom: 100px;}
.wwd-step-list{width:calc(100% + 8px);margin-left:-4px;}
.wwd-step-item{width:20%;padding:0 4px;overflow: hidden;}
.four-column .wwd-step-item{width:25%;}
.wwd-step{position:relative;}
.wwd-dot{width:55px;height:55px;position:relative;border:2px solid var(--black);border-radius:50rem;background:#efefef;display:flex;align-items:center;justify-content:center;margin: 0 auto 36px;}
.wwd-dot:before,.wwd-dot:after{content:'';width:50vw;height:2px;background:var(--black);position:absolute;top:50%;transform:translateY(-50%);}
.wwd-dot:before{right:100%;}
.wwd-dot:after{left:100%;}
.wwd-step-item:first-child .wwd-dot:before{content:none;}
.wwd-step-item:last-child .wwd-dot:after{content:none;}
.wwd-dot span{width:10px;height:10px;border-radius:50rem;background:var(--red);}
.wwd-step h3{font-size:25px;line-height:1;letter-spacing:0;margin-bottom: 18px;}
.wwd-step p{font-size:15px;line-height:1.2;max-width: 200px;margin:0 auto;}
.wwd-bottom{padding-top:32px;border-top:1px solid #bcbcbc;}
.wwd-bottom h4{font-size:25px;font-weight:700;letter-spacing:0;line-height:1.2;margin-bottom:0;}
.wwd-bottom h4 span{color:var(--red);}
.wwd-bottom h5{font-size:15px;font-weight:700;line-height:1.2;text-align:right;letter-spacing:0;margin-bottom:0;}
.footer{background:#000;color:#fff;overflow:hidden;}
.footer-upper{border-top: 1px solid #1e1e1e;padding: 75px 0 84px;}
.fu-text-box {font-size: 18px;font-weight: 600;line-height: 1.25;}
.footer-menu-list {display: flex;flex-flow: column;gap: 47px;}
.footer-logo {width: 280px;margin-bottom: 30px;}
.fu-left {width: 384px;flex-shrink: 0;}
.fu-right {width: calc(100% - 384px);justify-content: space-between;padding-left: 7.5%;}
.footer-menu-link {font-size: 18px;font-weight: 600;line-height: 1.25;cursor: pointer;}
.footer-menu-link:hover{color: var(--red);}
.footer-lower {padding: 30px 0;font-size: 18px;line-height: 1.2;color: rgb(255 255 255 / 30%);border-top: 1px solid #1e1e1e;}
/* ======================= PAGE DEFAULT STYLES END =========================== */
/* ======================= HOME PAGE START ========================== */
.home-hero-container{height:100vh;position:relative;z-index:1;}
.home-hero-bg{position:absolute;inset:0;}
.hero-bg{width:100%;height:100%;object-fit:cover;display:block;}
.hero-1 {width: auto;height: 62vh;max-height: 2000px;position: absolute;bottom: -5vh;z-index: 4;object-fit: contain;object-position: bottom;left: 50%;transform: translateX(-50%);margin-left: 493px;}
.home-hero-content {font-size: 18px;line-height: 1.2;font-weight: 600;width: 100%;max-width: 420px;padding-bottom: 85px;}
.home-hero-content h1 {font-size: 58px;}
.home-hero-content h1 span{color: var(--red);}
.home-hero-content p:not(:last-child) {margin-bottom: 16px;}
.hero-upwork {font-size: 15px;font-weight: 600;}
.hero-upwork em {display: inline-block;background: var(--black);padding: 10px 18px;margin-left: 12px;}
.hero-upwork em img {width: 78px;}
.home-hero-image {width: calc(100% + 286px);margin-left: -166px;margin-top: -105px;}
.service-card{height:100%;padding: 24px 30px 40px;position:relative;}
.service-card::before{content: '';width: 100%;background-color: var(--white);position: absolute;bottom: 0;left: 0;right: 0;z-index: -1;}
.service-card-image{height: 245px;display:flex;align-items:center;justify-content:center;margin-bottom: 40px;}
.service-card-image img{max-width:100%;max-height:100%;object-fit:contain;display:block;}
.service-card-content h3{font-size: 25px;line-height:1;margin-bottom: 14px;letter-spacing: 0;}
.service-card-content h4{color:var(--red);font-size: 18px;line-height: 1.2;font-weight:700;margin-bottom: 14px;letter-spacing: 0;}
.service-card-content p{font-size:15px;line-height: 1.25;margin-bottom:18px;}
.service-card-content ul{margin: 0 0 24px;padding:0;list-style:none;}
.service-card-content ul li{position:relative;padding-left: 25px;margin-bottom: 15px;font-size:15px;line-height:1.4;}
.service-card-content ul li:before{content:"";width: 14px;height:2px;background:var(--red);position:absolute;left:0;top:10px;}
.service-btn span{font-size:18px;}
.client-story-card{position:relative;background:var(--red);padding:16px;max-width:540px;}
.client-story-grid{position:absolute;inset:16px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:4px;}
.client-story-grid span{border:1px solid rgba(0,0,0,.12);}
.client-story-content{position:relative;z-index:2;padding: 38px 0 24px;}
.client-story-quote{width: 171px;margin-bottom: 75px;}
.client-story-quote img{width:100%;}
.client-story-content h3{font-size: 48px;line-height:.95;margin-bottom: 28px;}
.client-story-content h4{font-size:25px;line-height:1.15;letter-spacing:0;margin-bottom: 110px;font-weight:700;max-width: 410px;}
.client-story-stars{display:flex;gap:8px;margin-bottom:10px;}
.client-story-stars span{color:#ffcc00;line-height:1;}
.client-story-source{font-size:25px;font-weight:700;}
.client-story-content-box {padding: 24px 0px 160px 0;}
.client-story-review{padding-left: 3%;}
.client-story-review blockquote{text-align: left;font-size:25px;line-height:1.2;font-weight:700;margin-bottom:34px;}
.client-story-author{text-align:right;color:var(--red);font-size: 25px;font-weight:800;line-height: 1;}
.client-story-meta{text-align:right;font-size:18px;margin-top: 0px;}

.work-card{text-decoration:none;color:inherit;display:block;background-color: var(--white);}
.work-card-image{overflow:hidden;transition:.4s ease;position: relative;padding-bottom: 92%;}
.work-card-image img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: contain;object-position: center;}
.work-card-content{padding: 0 32px 0;background: var(--white);}
.work-card-content h3{font-size:25px;line-height:1.1;margin-bottom: 2px;letter-spacing:0;}
.work-card-content span{display:inline-block;color:var(--red);font-size:15px;font-weight:500;position:relative;padding-bottom:14px;}
.work-card-content span::after{content:'';width: 134px;height:2px;background:var(--red);position:absolute;left:0;bottom:0;transition:.3s ease;}
.work-card:hover .work-card-content span::after{width:200%;}
.work-card:hover{color: var(--red);}


.testimonial-card{background:var(--white);padding: 45px 25px 44px 27px;height:100%;display:flex;flex-direction:column;}
.testimonial-quote{width: 130px;margin-bottom:34px;}
.testimonial-quote img{width:100%;}
.testimonial-text{font-size:15px;line-height:1.2;margin-bottom:auto;}
.testimonial-author{color:var(--red);font-size: 22px;font-weight:800;line-height: 1.2;margin-top: 40px;}
.testimonial-meta{font-size: 18px;line-height:1.2;margin-bottom: 10px;font-weight: 600;}
.testimonial-rating {background: var(--black);border-radius: 4px;display: flex;align-items: center;padding: 0px 10px;gap: 8px;}
.testimonial-rating-logo {width: 52px;}
.testimonial-rating-stars {display: flex;align-items: center;gap: 0px;}
.testimonial-rating-stars span {display: flex;width: 20px;align-items: center;justify-content: center;}
.testimonial-rating-logo img {width: 100%;height: 100%;object-fit: contain;}
.contact-cta-left h2{color:#fff;margin-bottom: 20px;}
.contact-cta-left h2 span{color:var(--red);}
.contact-cta-intro{color:#d4d4d4;font-size:18px;line-height:1.3;font-weight:600;margin-bottom:0;max-width: 380px;}
.contact-divider{width:34px;height:2px;background:var(--red);margin: 32px 0;}
.contact-block h3{font-size: 55px;line-height:.95;letter-spacing:0;margin-bottom: 10px;font-weight: 700;color: #1f1f1f;}
.contact-email{color:#fff;font-size: 25px;font-weight:700;display:inline-block;margin-bottom: 6px;}
.contact-email span{color:var(--red);}
.contact-email:hover{color:var(--red);}
.contact-block p{color:#d4d4d4;font-size:15px;line-height:1.35;}
.contact-upwork{display:flex;align-items:center;gap:10px;color:#fff;margin-bottom:0;font-size: 15px;}
.contact-arrow {width: 34px;display: flex;align-items: center;justify-content: center;}
.contact-upwork-logo {width: 95px;}
.contact-form .form-label {font-size: 15px;font-weight: 500;line-height: 1.2;color: #262626;text-transform: uppercase;margin-bottom: 10px;}
.contact-form .form-control {padding: 10px 20px;height: 70px;background-color: #212121;border-color: #3c3c3c;font-size: 15px;color: #515151;color: var(--white);font-weight: 500;}
.contact-form .form-control:focus,.contact-form .form-select:focus {background-color: transparent;border-color: var(--red);outline: 0;box-shadow: none;color: var(--white);}
.contact-form .form-control::placeholder,.contact-form .form-select::placeholder{color: #3c3c3c;}
.contact-form .form-select {appearance: none;background: #232323 url(include/images/common/select-arrow.png) no-repeat right 24px center;height: 70px;background-size: 22px;border-color: #3c3c3c;color: #515151;font-size: 15px;font-weight: 500;}
.contact-form .form-select option{background:#232323;color:#fff;}
.contact-form textarea.form-control {height: 114px;resize: none;}
.btn-submit{width:100%;background:var(--red);border:0;padding:20px 16px;border-radius:4px;font-size:18px;font-weight:700;color:#fff;transition:all .3s ease;}
.btn-submit strong,.btn-submit .btn-text{color:#fff;}
.btn-submit em{display:inline-block;width:32px;margin-left:4px;color:#940909;transition:color .3s ease,transform .3s ease;}
.btn-submit span{display:inline-block;margin-left:4px;color:#940909;transition:color .3s ease;}
.btn-submit:hover{background:#212121;}
.btn-submit:hover span{color:#3f3d3d;}
.btn-submit:hover strong,.btn-submit:hover .btn-text{color:#fff;}
/* ======================= HOME PAGE END ========================== */
/* ======================= ABOUT PAGE START ========================== */
.about-hero-container{height:100vh;}
.about-hero-content {font-size: 18px;}
.about-hero-tag {font-size: 15px;color: var(--red);font-weight: 500;margin-bottom: 4px;}
.about-hero-content h1 {margin-bottom: 16px;}
.about-hero-content h2 {font-size: 25px;line-height: 1.25;letter-spacing: 0;font-weight: 700;max-width: 470px;}
.about-hero-text {width: 100%;max-width: 580px;line-height: 1.25;}
.about-hero-image-holder {padding-left: 6.5%;}
.our-journey-timeline {margin-top: 60px;}
.journey-upper {width: 100%;max-width: 1000px;margin-left: auto;gap: 68px;}
.journey-middle {max-width: 1000px;width: 100%;gap:96px;}
.journey-lower {justify-content: flex-end;}
.journey-item{padding: 45px;position: relative;}
.journey-item.item-3 .jt-box {max-width: 308px;}
.jt-box {width: 100%;max-width: 318px;line-height: 1.2;}
.journey-year {font-size: 25px;line-height: 1;font-weight: 700;color: var(--red);position: relative;display: inline-block;padding-bottom: 19px;margin-bottom: 12px;}
.journey-year:after {content: '';width: 25px;height: 2px;background: var(--red);position: absolute;bottom: 0;left: 0;}
.jt-shape-1:before {content: '';width: 15px;height: 15px;background-color: var(--red);border-radius: 50rem;position: absolute;top: calc(100% - 6px);left: -10px;}
.jt-shape-1 {width: 80px;position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%);margin-bottom: -70px;}
.jt-shape-2 {width: 1515px;position: absolute;right: 100%;margin-right: -260px;}
.jt-shape-3 {width: 140px;position: absolute;left: 100%;top: 103px;margin-left: -40px;margin-top: 18px;}
.jt-shape-3:before {content: '';width: 15px;height: 15px;background-color: var(--red);border-radius: 50rem;position: absolute;top: -1.5px;left: -10px;}
.jt-shape-4 {width: 280px;position: absolute;left: calc(100% + 145px);bottom: 100%;margin-bottom: -102px;}
.jt-shape-4:before {content: '';width: 15px;height: 15px;background-color: var(--red);border-radius: 50rem;position: absolute;top: 114px;right: calc(100% - 10px);}
.jt-shape-6:after {content: '';width: 15px;height: 15px;background-color: var(--red);border-radius: 50rem;position: absolute;right: calc(100% - 5px);bottom: -3.5px;}
.jt-shape-5 {width: 130px;position: absolute;right: calc(100% + 0px);top: -40px;}
.jt-shape-5:after {content: '';width: 15px;height: 15px;background-color: var(--red);border-radius: 50rem;position: absolute;bottom: -4px;right: 0;}
.jt-shape-5 span {content: '';width: 50px;height: 50px;border: 2px solid var(--red);border-radius: 50rem;position: absolute;bottom: -21px;right: -17px;background: #efefef;}
.jt-shape-6 {width: 150px;position: absolute;left: 100%;top: 93px;}
.team-member-card{position:relative;height:100%;min-height:325px;overflow:hidden;padding: 10px;border-radius: 6px; overflow: hidden;}
.team-member-card-dark{background:#000;}
.team-member-card-red{background:var(--red);}
.team-member-grid{position:absolute;inset: 15px 20px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap: 6px;}
.team-member-grid span{border:1px solid rgba(255,255,255,.12);}
.team-member-content{position:relative;z-index:2;height:100%;padding: 58px 15px 44px 15px;display:flex;flex-direction:column;justify-content:space-between;}
.team-member-text p{line-height: 1.2;color:#fff;margin:0;}
.team-member-info h4{margin:0 0 4px;font-size: 25px;line-height:1;letter-spacing: 0;}
.team-member-info span{display:block;font-size: 18px;line-height:1.2;font-weight: 600;}
.team-member-card-dark .team-member-info h4{color:var(--red);}
.team-member-card-dark .team-member-info span{color:#fff;}
.team-member-card-red .team-member-info h4,.team-member-card-red .team-member-info span{color:#000;}
.team-member-image{height:100%;min-height:325px;overflow:hidden;border-radius: 6px;overflow: hidden;}
.team-member-image img{width:100%;height:100%;object-fit:cover;display:block;}
.belief-card{position:relative;background:#fff;padding: 58px 30px 35px 32px;height:100%;min-height: 262px;}
.belief-number{position:absolute;top: -45px;left:30px;font-size: 75px;line-height:1;font-weight:800;color:var(--red);}
.belief-card h4{font-size: 18px;line-height: 1.2;font-weight: 700;margin-bottom:28px;letter-spacing: 0;}
.belief-card p{font-size: 15px;line-height: 1.2;margin:0;}
.belief-card strong{font-weight:800;font-size: 25px;display: block;}
/* ======================= ABOUT PAGE END ========================== */
/* ======================= PORTFOLIO PAGE START ========================== */
.portfolio-heading-row {margin-bottom: 4px;}
.filter-buttons {gap: 18px;}
.filter-btn {font-size: 15px;line-height: 1;font-weight: 500;padding: 14px 15px;border: 2px solid var(--black);border-radius: 4px;cursor: pointer;}
.filter-btn.active{background-color: var(--red);color: var(--white);border-color: var(--red);}
.portfolio-filter-row {margin-bottom: 36px;}
.portfolio-item{display:none;}
.portfolio-item.show{display:block;animation:portfolioFade .45s cubic-bezier(.22,.61,.36,1);}
@keyframes portfolioFade{
from{
opacity:0;
transform:translateY(24px);
}
to{
opacity:1;
transform:translateY(0);
}
}

/* .work-card{text-decoration:none;color:inherit;display:block;}
.work-card-image{background:#fff;padding: 16px 40px 24px;transition:.4s ease;}
.work-card-image img{max-width:100%;max-height:100%;object-fit:contain;transition:.4s ease;}
.work-card-content{padding: 0 32px 0;background: var(--white);position:relative;}
.work-card-content h3{font-size:25px;line-height:1.1;margin-bottom: 2px;letter-spacing:0;}
.work-card-content span{display:inline-block;color:var(--red);font-size:15px;font-weight:500;position:static;padding-bottom:14px;}
.work-card-content::after{content:'';width: calc(50% - 32px);height:2px;background:var(--red);position:absolute;left:32px;bottom:0;transition:.3s ease;}
.work-card:hover .work-card-content::after{width:calc(100% - 64px); right: 32px;}
.work-card-content span::after { display: none; }
.work-card-image{overflow:hidden;}
.work-card-image img{transition:.4s ease;transform-origin:center;}
.work-card:hover{color: var(--red);} */
.filter-buttons{gap:12px;flex-wrap:wrap;}
.filter-btn{padding:12px 20px;border:2px solid var(--black);background:transparent;color:var(--black);font-size:15px;font-weight:600;line-height:1;cursor:pointer;transition:.3s ease;user-select:none;}
.filter-btn:hover{background:var(--black);color:#fff;}
.filter-btn.active{background:var(--red);border-color:var(--red);color:#fff;}
.portfolio-load-more{margin-top: 36px;}
.plm-numbering{font-size: 15px;font-weight: 600;color: #b0b0b0;}
.plm-numbering {margin-bottom: 12px;}
/* ======================= PORTFOLIO PAGE END ========================== */
/* ======================= GRAPHIC + WEBSITE DESIGN PAGE START ========================== */
.design-hero-container {height:auto;}
.design-hero-bg {width: 100%;height: 100%;position: absolute;inset: 0;object-fit: cover;background-size: cover;background-position: center;background-repeat: no-repeat;}
.brand-identity-service-hero-image {position: relative;width: 100%;z-index: 2;margin-top: -60px;}
.design-hero-content {padding: 120px 0 0px;}
.design-hero-content h1 span{color: var(--red);}
.design-hero-cta {gap: 20px;}
.design-hero-text {font-size: 18px;font-weight: 600;max-width: 575px;margin-left: auto;line-height: 1.2;}
.design-hero-image-holder {width: 100%;max-width: 1046px;margin:30px auto 0;}
.design-hero-image {width: 100%;position: relative;padding-bottom: 55%;}
.design-hero-image img {width: 100%;height: 100%;object-fit: cover;position: absolute;inset: 0;object-position: top;}
.design-features-container {padding: 70px 0;}
.design-features-heading {width: 210px;}
.design-features-wrapper h2{color: #4b4b4b;}
.design-features-content {padding-left: 64px;}
.design-feature-box h3 {font-size: 18px;font-weight: 600;letter-spacing: 0;margin-bottom: 0;color: #4b4b4b;line-height: 1.2;opacity: 0.85;}
.design-feature-icon {width: 59px;margin-bottom: 12px;position: relative;}
.design-feature-icon{width: 60px;height: 60px;transition: .3s ease;background: linear-gradient(to left,#300000,#d71f0a);-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;-webkit-mask-size: contain;mask-repeat: no-repeat;mask-position: center;mask-size: contain;}
.design-feature-icon1{width: 60px;height: 60px;mask-image:linear-gradient(90deg, rgb(0 0 0 / 69%) 16%, rgb(0 0 0 / 33%) 100%);}
.design-feature-item:hover .design-feature-icon1{mask-image: none;}
.design-feature-item:hover  .design-feature-box h3{opacity: 1;}
.design-problem-text {line-height: 1.2;margin-bottom: 30px;}
.design-problem-highlight {font-size: 25px;line-height: 1.2;color: var(--red);font-weight: 600;}
.design-how-we-work-heading {margin-bottom: 75px;}
.design-how-we-work-desc {font-size: 18px;font-weight: 800;}
.design-how-we-work-desc span {color: var(--red);}
.design-how-we-work-tabs {margin-bottom: 60px;}
.design-process-content{margin-bottom:40px;}
.design-process-card{width: 60%;min-height: 380px;color: #4b4b4b;background:#fff;border-radius:14px;padding:0;position:relative;box-shadow:0 28px 70px rgba(0,0,0,.10);padding: 80px 40px 24px 40px;line-height: 1.25;}
.design-process-card::after{content:"";width: 40px;height: 40px;background:#fff;position:absolute;left: 80px;bottom: -20px;transform:rotate(45deg);border-radius:3px;}
.design-process-duration{display:inline-flex;align-items:center;justify-content:center;background: var(--red);color:#fff;font-size: 18px;font-weight:700;height: 62px;padding: 0 16px;position: absolute;top: 0;left: 39px;}
.design-process-text{padding:0 42px;font-size:18px;line-height:1.65;color:#555;max-width:650px;margin-bottom:34px;}
.design-process-card h5{color:#d42120;font-size: 18px;font-weight:700;margin-bottom:20px;letter-spacing: 0;}
.design-process-list{list-style:none;margin:0;}
.design-process-list li{position:relative;padding-left: 40px;margin-bottom: 13px;color:#666;font-size: 15px;line-height:1.5;}
.design-process-list li::before{content:"";width: 15px;height:2px;background:#d42120;position:absolute;left:0;top:12px;}
.design-process-step{position:absolute;right:36px;bottom: 18px;font-size: 115px;line-height:1;font-weight:800;color: #efefef;pointer-events:none;user-select:none;letter-spacing: -0.05em;z-index: 9;}
.design-process-nav{background:#000;border-radius:8px;}
.design-process-nav .nav-item{padding: 16px 16px;display: flex;align-items: center;justify-content: center;}
.process-layout-6 .design-process-nav .nav-item{width: 16.66%;}
.process-layout-5 .design-process-nav .nav-item{width: 20%;}
.process-layout-4 .design-process-nav .nav-item{width: 25%;}
.design-process-nav .nav-link{width:100%;border:none;background:none;color:#6b6b6b;text-align:center;border-radius:0;padding:0;transition:.3s;}
.design-process-nav .nav-link:hover{color:#fff;}
.design-process-nav .dot{width: 10px;height: 10px;background: #000;border-radius:50%;display:block;margin:0 auto 12px;position:relative;border: 2px solid #4f4f4f;}
.design-process-nav .nav-link.active{color:#fff;}
.design-process-nav .nav-link.active .dot{background: var(--red);border-color: var(--red);}
.design-process-nav strong{display:block;font-size: 18px;line-height:1.2;font-weight:700;}
.design-how-we-work-desc{margin-top:28px;font-size:18px;font-weight:600;color:#000;}
.design-how-we-work-desc span{color:#d42120;}
.design-process-content .accordion-item{border: 0;background-color: transparent;}
.design-pricing-heading {margin-bottom: 80px;}
.design-pricing-heading h2+p {max-width: 640px;line-height: 1.2;font-weight: 600;}
.design-price-card {background: var(--white);padding:40px 30px 40px 30px;}
.design-price-card-head h3 {font-size: 25px;line-height: 1.3;letter-spacing: 0;margin-bottom: 0;}
.design-price-card-head h3 small {font-size: 14px;}
.design-price-card.featured .design-price-usd{font-size: 35px;}
.design-price-card-head h4 {font-size: 18px;font-weight: 700;margin-bottom: 8px;letter-spacing: 0;line-height: 1.2;}
.design-price-meta {font-size: 15px;color: #cacaca;}
.design-price-card-body {border-top: 2px solid #efefef;padding: 16px 0 32px;margin-top: 18px;}
.design-price-usd {font-size: 25px;line-height: 1.25;letter-spacing: 0;font-weight: 800;color: var(--red);}
.design-price-inr {font-size: 18px;font-weight: 600;line-height: 1.25; margin-bottom: 12px;color: var(--red);}
.design-price-divider{height: 2px;width: 100%;max-width: 310px;margin: 12px auto;background-color: #a9a9a9;}
.design-price-note {margin: 32px 0;line-height: 1.25;}
.design-price-note span{color: var(--red);}
.design-addon-card{background-color: var(--white);position: relative;padding: 24px 200px 14px 30px;overflow: hidden;}
.design-addon-title {font-size: 25px;letter-spacing: 0;margin-bottom: 14px;}
.design-addon-price-usd {font-size: 25px;line-height: 1.25;letter-spacing: 0;font-weight: 800;color: var(--red);}
.design-addon-price-inr {font-size: 18px;font-weight: 600;line-height: 1.25;margin-bottom: 12px;color: var(--red);}
.design-addon-bg-text {position: absolute;right: 0;top: 50%;width: 184px;height: auto;transform: translateY(-50%);}
.design-related-work-container{overflow-x: clip;}
.design-related-laptop-box {width: 100%;position: relative;}
.design-related-laptop-box:before {content: '';width: 100%;height: 74%;background: var(--white);position: absolute;bottom: 0;left: 0;right: 0;z-index: -1;}
.design-related-heading {margin-bottom: 35px;}
.design-related-card{height:100%;}
/* lottie */
.design-problem-lottie{width:100%;max-width:600px;aspect-ratio:600/512;display:flex;align-items:center;overflow:visible;}
.design-problem-lottie svg{display:block;flex-shrink:0;width:150% !important;height:auto !important;margin-left:-25%;}
/* ================= BRAND IDENTITY DESIGN START ================= */
.brand-identity-service-hero-container{background-color: var(--white);}
.design-card-image-1:before {content: '';width: 100%;height: 74%;background: var(--white);position: absolute;bottom: 0;left: 0;right: 0;z-index: -1;}
.design-related-card-2 .design-related-laptop-box:before{height: 22%;}
.design-card-image-1 {width: 100%;display: flex;align-items: center;justify-content: center;position: relative;}
.design-card-image-2 {width: calc(100% + 80px);max-width: none;margin-top: -390px;margin-left: -32px;position: relative;}
.design-card-image-2 + .design-related-content:after {content: '';width: 100%;height: 32%;background:var(--white);position: absolute;bottom: 100%;left: 0;right: 0;z-index: -1;}
/* ================= BRAND IDENTITY DESIGN END ================= */
/* ================= GRAPHIC DESIGN SERVICE START ================= */
.design-hero-container.graphic-design-hero-container {background: #050506;color: var(--white);}
.gdh-hero-image{padding-top: 100px;}
.graphic-ds-card-img-1 {max-width: 460px;margin: -30px auto 0;}
.graphic-ds-card-img-2 {width: 100%;max-width: 420px;margin: -90px auto 0px;}
/* ================= GRAPHIC DESIGN SERVICE END ================= */
.design-related-laptop{position:relative;max-width: 513px;margin: 0 auto;}
.design-related-screen{position:absolute;top:5.8%;left:11.1%;width:77.9%;height:81.7%;overflow:hidden;z-index:2;}
.design-related-screen img{width:100%;height:100%;object-fit:cover;display:block;}
.design-related-frame{position:relative;pointer-events:none;}
.design-related-frame img{width:100%;display:block;}
.design-related-meta{font-size: 15px;color:var(--red);margin-bottom: 0px;}
.design-related-content {background-color: var(--white);padding:20px 32px 44px;position: relative;}
.design-related-content h3{font-size: 25px;margin-bottom: 18px;letter-spacing:0;}
.design-related-content p{font-size:15px;line-height: 1.2;color:#555;margin-bottom: 19px;}
.design-faq-heading{margin-bottom:20px;}
.design-faq-item{padding:30px 0 44px;position: relative;}
.design-faq-item:after {content: '';width: 50%;height: 1px;background: #dbdbdb;position: absolute;bottom: 0;left: 0;}
.design-faq-item h3{font-size: 25px;line-height:1.1;letter-spacing:0;margin-bottom:10px;}
.df-text{font-size: 18px;line-height:1.2;margin-bottom:0;font-weight: 600;}
.design-price-card-foot .btn-red:hover{background-color: var(--black);color: var(--white);}
.design-price-card-foot .btn-red.btn:hover::after {background-color: var(--white);}
/* ======================= GRAPHIC + WEBSITE DESIGN PAGE END ========================== */
/* ======================= PUZZOLANA CASE STUDY PAGE START ========================== */
.puzzolana-hero-container {padding: 120px 0 150px;position: relative;}
.puzzolana-hero-container::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(180,180,180,0.9) 0%,rgba(245,245,245,0.95) 18%,rgba(255,255,255,0.95) 24%,rgba(200,200,200,0.85) 38%,rgba(245,245,245,0.9) 52%,rgba(185,185,185,0.8) 66%,rgba(255,255,255,0.85) 82%,rgba(210,210,210,0.2) 100%);mask-image: linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 70%,rgba(0,0,0,0) 100%);-webkit-mask-image: linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 70%,rgba(0,0,0,0) 100%);}
.puzzolana-hero-label-row{width: calc(100% + 10px);margin-left: -5px;margin-bottom: 4px;}
.puzzolana-hero-label-col {font-size: 15px;line-height: 1.25;font-weight: 500;color: var(--red);position: relative;padding: 0 5px;}
.puzzolana-hero-label-col:not(:last-child):after {content: '';width: 2px;height: 2px;background: currentColor;position: absolute;right: -1px;top: 50%;transform: translateY(-50%);border-radius: 50rem;}
.puzzolana-hero-text {font-size: 25px;line-height: 1.2;font-weight: 700;}
.puzzolana-hero-content h1 {margin-bottom: 17px;}
.puzzolana-hero-cta {margin-top: 24px;}
.puzzolana-hero-stats {gap: 34px;margin-top: 40px;}
.puzzolana-hero-stat h3 {font-size: 25px;line-height: 1;color: var(--red);margin-bottom: 0;letter-spacing: 0;}
.puzzolana-enterprise-image{position:relative;width:100%;}
.puzzolana-enterprise-image-wrapper {height: 450px;}
.puzzolana-enterprise-image{position: relative;width: 100%;height:100%;}
.puzzolana-enterprise-right-col {width: calc(100% + 80px);margin-left: -80px;position: relative;z-index: -1;}
#puzzolana-hero-laptop-canvas{width:100%!important;height:100%!important;display:block;}
.puzzolana-enterprise-content-box h3 {font-size: 25px;line-height: 1.25;color: var(--red);font-weight: 700;letter-spacing: 0;}
.puzzolana-enterprise-para-text {font-weight: 600;width: 100%;max-width: 585px;line-height: 1.25;margin-bottom: 22px;}
.puzzolana-enterprise-big-text-col {font-size: 48px;font-weight: 800;line-height: 1.05;letter-spacing: -0.05em;}
.text-col-1{color: rgb(0 0 0 / 12%);}
.text-col-2{color: rgb(0 0 0 / 28%);}
.text-col-3{color: rgb(0 0 0 / 45%);}
.puzzolana-enterprise-image img {display: block;height: 465px;width: 100%;object-fit: contain;} 
.puzzolana-hero-button-container {position: relative;z-index:999;margin-top: -48px;}
.puzzolana-enterprise-button-wrap{position: static;}
.puzzolana-machine-dot{position:absolute;width:58px;height:58px;border-radius:50%;border: 2px solid rgba(0, 0, 0, .55);backdrop-filter:blur(10px);z-index:20;transition:.35s ease;}
.puzzolana-machine-dot::before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#c11f1f;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;}
.puzzolana-machine-dot::after,.puzzolana-machine-dot span{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(193,31,31,.35);}
.puzzolana-machine-dot::after{animation:smoothPulse 3s ease-out infinite;}
.puzzolana-machine-dot span{animation:smoothPulse 3s ease-out 1.5s infinite;}
@keyframes smoothPulse{0%{transform:scale(.85);opacity:0;}
15%{opacity:.9;}100%{transform:scale(1.8);opacity:0;}}
.puzzolana-machine-popover{position:relative;--bs-popover-max-width:324px;border: 0; background:rgba(255,255,255,.94);border-radius:4px 4px 4px 24px!important;backdrop-filter:blur(2px);box-shadow:0 20px 60px rgba(0,0,0,.10),0 3px 10px rgba(0,0,0,.04);}
.puzzolana-machine-popover::before{content:"";position:absolute;inset:0;padding:1.2px;border-radius:4px 4px 4px 24px!important;background:linear-gradient(145deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.65) 20%,rgba(0,0,0,.10) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;}
.puzzolana-machine-popover .popover-arrow{display:none!important;}
.puzzolana-machine-popover .popover-header{background:transparent;border:none;padding:22px 30px 4px;}
.puzzolana-machine-popover .popover-body{padding:0 32px 42px;}
.puzzolana-popover-title{font-size:18px;font-weight:800;color:var(--red);line-height:1;display:block;letter-spacing:0;}
.puzzolana-popover-content-wrap{margin:0;color:var(--black);line-height:1.25;font-size:15px;font-weight:500;}
.puzzolana-popover-content-wrap p:not(:last-child){margin-bottom:10px;}
.puzzolana-machine-hint-wrap {margin-top: 50px;}
.puzzolana-machine-hint {font-size: 15px;font-weight: 500;padding: 0 36px;position: relative;}
.puzzolana-machine-hint:after {content: '';width: 28px;height: 2px;background: var(--red);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.puzzolana-machine-hint:before {content: '';width: 28px;height: 2px;background: var(--red);position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.puzzolana-map-holder {width: 100%;height: 662px; /*background: #4886e0;border-radius: 12px;overflow: hidden;*/ }

.wmc-box-image { width: 100%; height: 100% }
.wmc-box-image>img { width: 100%; height: 100%; object-fit: cover }
.wmc-dot { position: absolute; width: 1.2%; height: 2.27% }
.wmc-dot-inner { position: relative; width: 100%; height: 100% }

@keyframes pulse {
    0% { transform: scale(0); opacity: 1 }
    100% { transform: scale(5); opacity: 0 }
}

@keyframes pulse2 {
    0% { transform: scale(0); opacity: 1 }
    100% { transform: scale(10); opacity: 0 }
}

@keyframes showMe {
    0% { transform: scale(0); opacity: 0 }
    100% { transform: scale(1); opacity: 1 }
}

.wmc-dot-inner-3 { width: 100%; height: 100%; background: rgb(42 90 168 / 47%); border-radius: 50%; position: absolute; top: 0; left: 0; z-index: 1; transform: scale(0) }
.wmc-dot-inner-2 { width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 50%; background: rgb(42 90 168 / 47%); z-index: 2; transform: scale(0) }
.wmc-dot-inner-1 { position: absolute; background: #2a5aa8; width: 100%; height: 100%; left: 0; top: 0; border-radius: 50%; z-index: 3; transform: scale(0) }

.wmc-dot.wmc-dot-1 { top: 30.7%; left: 4.1% }
.wmc-dot.wmc-dot-2 { top: 33.8%; left: 13.8% }
.wmc-dot.wmc-dot-3 { top: 28.4%; left: 19.5% }
.wmc-dot.wmc-dot-4 { top: 62%; left: 16.6% }
.wmc-dot.wmc-dot-5 { bottom: 29.1%; left: 22.3% }
.wmc-dot.wmc-dot-6 { bottom: 22%; left: 25.2% }
.wmc-dot.wmc-dot-7 { top: 32.4%; left: 41.2% }
.wmc-dot.wmc-dot-8 { left: 43.8%; top: 48.5% }
.wmc-dot.wmc-dot-9 { left: 47.4%; bottom: 36.6% }
.wmc-dot.wmc-dot-10 { top: 23.2%; right: 47% }
.wmc-dot.wmc-dot-11 { bottom: 15.3%; right: 47.5% }
.wmc-dot.wmc-dot-12 { bottom: 26.8%; right: 45.2% }
.wmc-dot.wmc-dot-13 { bottom: 37.4%; right: 43.7% }
.wmc-dot.wmc-dot-14 { top: 20%; right: 44.3% }
.wmc-dot.wmc-dot-15 { top: 39.4%; right: 38.8% }
.wmc-dot.wmc-dot-16 { top: 42.5%; right: 35.9% }
.wmc-dot.wmc-dot-17 { top: 30.6%; right: 34.4% }
.wmc-dot.wmc-dot-18 { top: 39.3%; right: 30.8% }
.wmc-dot.wmc-dot-19 { top: 44.8%; right: 27.4% }
.wmc-dot.wmc-dot-20 { top: 53.3%; right: 20.1% }
.wmc-dot.wmc-dot-21 { top: 58.6%; right: 14.25% }

.animated .wmc-dot-inner-3 { animation: pulse2 3s }
.animated .wmc-dot-inner-2 { animation: pulse 3s }
.animated .wmc-dot-inner-1 { animation: showMe 3s; animation-fill-mode: forwards }

.animated .wmc-dot-1 .wmc-dot-inner-1, .animated .wmc-dot-1 .wmc-dot-inner-2, .animated .wmc-dot-1 .wmc-dot-inner-3 { animation-delay: 0.8s }
.animated .wmc-dot-2 .wmc-dot-inner-1, .animated .wmc-dot-2 .wmc-dot-inner-2, .animated .wmc-dot-2 .wmc-dot-inner-3 { animation-delay: 0.9s }
.animated .wmc-dot-3 .wmc-dot-inner-1, .animated .wmc-dot-3 .wmc-dot-inner-2, .animated .wmc-dot-3 .wmc-dot-inner-3 { animation-delay: 1.0s }
.animated .wmc-dot-4 .wmc-dot-inner-1, .animated .wmc-dot-4 .wmc-dot-inner-2, .animated .wmc-dot-4 .wmc-dot-inner-3 { animation-delay: 1.1s }
.animated .wmc-dot-5 .wmc-dot-inner-1, .animated .wmc-dot-5 .wmc-dot-inner-2, .animated .wmc-dot-5 .wmc-dot-inner-3 { animation-delay: 1.2s }
.animated .wmc-dot-6 .wmc-dot-inner-1, .animated .wmc-dot-6 .wmc-dot-inner-2, .animated .wmc-dot-6 .wmc-dot-inner-3 { animation-delay: 1.3s }
.animated .wmc-dot-7 .wmc-dot-inner-1, .animated .wmc-dot-7 .wmc-dot-inner-2, .animated .wmc-dot-7 .wmc-dot-inner-3 { animation-delay: 1.4s }
.animated .wmc-dot-8 .wmc-dot-inner-1, .animated .wmc-dot-8 .wmc-dot-inner-2, .animated .wmc-dot-8 .wmc-dot-inner-3 { animation-delay: 1.5s }
.animated .wmc-dot-9 .wmc-dot-inner-1, .animated .wmc-dot-9 .wmc-dot-inner-2, .animated .wmc-dot-9 .wmc-dot-inner-3 { animation-delay: 1.6s }
.animated .wmc-dot-10 .wmc-dot-inner-1, .animated .wmc-dot-10 .wmc-dot-inner-2, .animated .wmc-dot-10 .wmc-dot-inner-3 { animation-delay: 1.7s }
.animated .wmc-dot-11 .wmc-dot-inner-1, .animated .wmc-dot-11 .wmc-dot-inner-2, .animated .wmc-dot-11 .wmc-dot-inner-3 { animation-delay: 1.8s }
.animated .wmc-dot-12 .wmc-dot-inner-1, .animated .wmc-dot-12 .wmc-dot-inner-2, .animated .wmc-dot-12 .wmc-dot-inner-3 { animation-delay: 1.9s }
.animated .wmc-dot-13 .wmc-dot-inner-1, .animated .wmc-dot-13 .wmc-dot-inner-2, .animated .wmc-dot-13 .wmc-dot-inner-3 { animation-delay: 2s }
.animated .wmc-dot-14 .wmc-dot-inner-1, .animated .wmc-dot-14 .wmc-dot-inner-2, .animated .wmc-dot-14 .wmc-dot-inner-3 { animation-delay: 2.1s }
.animated .wmc-dot-15 .wmc-dot-inner-1, .animated .wmc-dot-15 .wmc-dot-inner-2, .animated .wmc-dot-15 .wmc-dot-inner-3 { animation-delay: 2.2s }
.animated .wmc-dot-16 .wmc-dot-inner-1, .animated .wmc-dot-16 .wmc-dot-inner-2, .animated .wmc-dot-16 .wmc-dot-inner-3 { animation-delay: 2.3s }
.animated .wmc-dot-17 .wmc-dot-inner-1, .animated .wmc-dot-17 .wmc-dot-inner-2, .animated .wmc-dot-17 .wmc-dot-inner-3 { animation-delay: 2.4s }
.animated .wmc-dot-18 .wmc-dot-inner-1, .animated .wmc-dot-18 .wmc-dot-inner-2, .animated .wmc-dot-18 .wmc-dot-inner-3 { animation-delay: 2.5s }
.animated .wmc-dot-19 .wmc-dot-inner-1, .animated .wmc-dot-19 .wmc-dot-inner-2, .animated .wmc-dot-19 .wmc-dot-inner-3 { animation-delay: 2.6s }
.animated .wmc-dot-20 .wmc-dot-inner-1, .animated .wmc-dot-20 .wmc-dot-inner-2, .animated .wmc-dot-20 .wmc-dot-inner-3 { animation-delay: 2.7s }
.animated .wmc-dot-21 .wmc-dot-inner-1, .animated .wmc-dot-21 .wmc-dot-inner-2, .animated .wmc-dot-21 .wmc-dot-inner-3 { animation-delay: 2.8s }

.wmc-box { transform: scale(1.1); transition: .4s; transition-delay: .3s; margin-bottom: -100px }
.animated .wmc-box { transform: scale(1); transition-delay: 4s }
.wmc-box-parent { position: relative; transform: translateY(100px); transition: all 0.5s ease-in 0.5s; opacity: 0 }
.animated .wmc-box-parent { position: relative; transform: translateY(0); opacity: 1 }

.puzzolana-three-dimensional-icon {width: 300px;position: absolute;right: 170px;top: 130px; }
.puzzolana-three-dimensional-icon{transform-origin:center;}
.puzzolana-three-dimensional-icon img{display:block;width:100%;height:auto;}
.spin-icon{animation:spin3dIcon 18s linear infinite;}
@keyframes spin3dIcon{
from{
transform:rotate(0deg);
}
to{
transform:rotate(360deg);
}
}
.puzzolana-machine-object{animation: machineFloat 5s ease-in-out infinite;}
@keyframes machineFloat{
    0%,100%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-12px);
    }
}
.puzzolana-rotate-machine-wrapper {position: relative;width: 100%;height: 70vh;overflow: visible; }
.puzzolana-rotate-container {overflow: visible;}
.puzzolana-rotate-machine-image{position:relative;width:100%;height:100%;}
/* ======================= PUZZOLANA CASE STUDY PAGE END ========================== */
/* ======================= AMERICAN NARRATIVES PAGE START ========================== */
.an-platform-integration-wrapper{gap:70px;}
.an-platform-integration-title{width: 235px;}
.an-platform-integration-title h2{margin:0;color:var(--grey);}
.an-platform-integration-logos{flex-wrap:wrap;width: calc(100% - 235px);gap: 16px;}
.an-platform-integration-logos:before {content: '';width: 100%;height: 100%;background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);position: absolute;inset: 0;z-index: 1;}
.an-platform-logo-item{position:relative;display:inline-flex;}
.an-platform-logo-item img{height:55px;width:auto;}
.an-platform-integration-logos img{filter:brightness(0)saturate(100%)invert(11%)sepia(99%)saturate(6300%)hue-rotate(3deg)brightness(92%)contrast(120%);opacity:0.6;}
.an-mission-btn{margin-top:32px;}
.an-platform-integration-container {padding: 80px 0;}
.an-mission-content{line-height:1.25;padding-right:30px;}
.an-mission-image-wrapper{overflow: hidden;}
.an-mission-image {width: calc(100% + 240px);max-width: none;margin-left: -30px;margin-bottom: -70px;}
.an-mission-image img {width: 100%;height: 100%;object-fit: contain;}
.an-launch-text{width:60%;position:absolute;right:0;top:0;bottom:0;display:flex;align-items:center;padding:4% 0 10%;}
.an-launch-shape{position:relative;margin-bottom: 14px;margin-left: -34px;}
.an-launch-shape{animation:launchFloat 6s ease-in-out infinite;}
@keyframes launchFloat{
    50%{
        transform:translateY(-8px);
    }
}
.an-launch-text h2{margin-bottom:0;font-size:268%;}
.an-launch-text h2 span{color:var(--white);}
.an-launch-content p{max-width:540px;margin-bottom:10px;color:#222;font-size: 25px;font-weight: 700;line-height:1.15;}
.an-launch-content h3{margin:0;color:var(--red);font-size: 48px;font-weight: 800;line-height:1;letter-spacing: 0;}
.an-launch-feature-holder{width: 100%;max-width: 430px;margin-left: auto;}
.an-launch-feature-list{padding:0;margin:0;list-style:none;}
.an-launch-feature-list li{position:relative;padding-left:24px;margin-bottom:14px;color:var(--grey);font-size:15px;font-weight:500;line-height:1.5;}
.an-launch-feature-list li::before{content:"";position:absolute;left:0;top:12px;width:14px;height:2px;background:var(--red);}
.an-podcast-frame{margin-bottom:24px;border-radius:12px;overflow:hidden;}
.an-podcast-player-btn{width:40px;height:40px;border:0;background:transparent;}
.an-toolbar-right{gap:20px;}
.an-podcast-toolbar{background-color:#c2c2c2;padding:13px 24px;}
.an-toolbar-icon{width:24px;height:24px;border:0;background:transparent;}
.an-podcast-player-ui{background:#fff;padding:50px 100px;}
.an-podcast-meta{font-size:15px;font-weight:500;}
.an-podcast-title{font-size:25px;line-height:1;color:var(--red);margin:6px 0 7px;font-weight:700;}
.an-podcast-subtitle{font-size:18px;line-height:1;font-weight:600;}
.an-podcast-player-main{border-radius:12px;border:1px solid #dbdbdb;padding:24px 24px;margin-bottom: 56px;}
.an-podcast-cover-image-wrapper{width:150px;height:170px;}
.progressBar{width:100%;height:2px;cursor:pointer;accent-color:#c62828;} 
.an-podcast-time-row{display:flex;justify-content:space-between;color:#e1e1e1;font-size:18px;font-weight:800;margin-top:27px;}
.an-podcast-links{display:flex;gap:10px;}
.btn-outline{font-size:15px;line-height:1;padding:8px 17px;border:2px solid #000;border-radius:50px;text-decoration:none;color:#000;font-weight:600;}
.btn-outline:hover{background:#000;color:#fff;}
.an-podcast-bottom-row {margin-top: 16px;}
.an-podcast-notes {font-size: 15px;line-height: 1.15;font-weight: 500;}
.an-podcast-notes-wrapper{position:relative;}
.an-podcast-notes{position:relative;max-height:135px;overflow:hidden;transition:max-height .4s ease;}
.an-podcast-notes h4{font-size:18px;line-height:1;color:var(--red);margin-bottom:22px;font-weight:600;}
.an-podcast-notes{font-size:15px;line-height:1.15;font-weight:500;}
.an-podcast-notes p{margin:0;}
.an-podcast-notes:not(.expanded) p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}
.an-podcast-notes.expanded p{display:block;}
.an-podcast-notes{position:relative;}
.an-podcast-notes-overlay{position:absolute;left:0;right:0;bottom:0;height:30px;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.85) 60%,#fff 100%);transition:.3s;}
.an-podcast-notes.expanded .an-podcast-notes-overlay{opacity:0;visibility:hidden;}
.an-podcast-notes.podcastNotes.expanded {max-height: max-content;}
.know-more-btn {margin-top: 24px;}
.an-podcast-cover-image-wrapper {width: 100%;height: 170px;border-radius: 12px;overflow: hidden;}
.an-podcast-cover-image-wrapper img{width: 100%;height: 100%;object-fit: cover;}
.an-volume-control{display:flex;align-items:center;gap:10px;width:180px;}
.an-volume-btn{background:none;border:0;padding:0;cursor:pointer;flex-shrink:0;}
.an-volume-btn img{width:18px;height:18px;}
.volumeSlider{--percent:70%;flex:1;height:2px;border-radius:100px;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,#c62828 0%,#c62828 var(--percent),#d9d9d9 var(--percent),#d9d9d9 100%);outline:none;cursor:pointer;}
.volumeSlider::-webkit-slider-runnable-track{height:2px;border-radius:100px;background:transparent;}
.volumeSlider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#c62828;border:none;cursor:pointer;margin-top:-7px;}
.volumeSlider::-moz-range-track{height:2px;background:#d9d9d9;border:none;}
.volumeSlider::-moz-range-progress{height:2px;background:#c62828;}
.volumeSlider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#c62828;border:none;cursor:pointer;}
.waveform{width:100%;height:50px;}
.waveform canvas{width:100%!important;}
.waveform-info,.waveform-btn{display:none !important;}
.an-guest-page-container .an-podcast-player-ui {padding: 32px 35px;}
.an-guest-page-container .an-podcast-player-main {margin-bottom: 35px;}
.guest-page-image img{width:100%;display:block;}
.an-guest-page-content {width: 100%;max-width: 452px;line-height: 1.25;}
.an-podcast-tech-left {width: 100%;max-width: 250px;}
.an-podcast-tech-intro{line-height:1.25;}
.an-podcast-tech-card{background:var(--white);border-radius:14px;padding: 24px 24px 24px 40px;min-height: 192px;transition:var(--custom-ease);font-size: 18px;line-height: 1;color: #d7d7d7;display: flex;flex-flow: column;gap: 12px;}
.an-podcast-tech-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,0,0,.08);}
.an-publish-flow-content{line-height:1.25;}
.an-publish-flow-content h2 span{color: var(--red);}
.an-publish-step-list{width: calc(100% + 8px);margin-left: -4px;margin-top: 80px;}
.an-publish-step-item{width: 20%;padding: 0 4px;}
.an-publish-dot{width:58px;height:58px;position: relative;z-index: 2; border:2px solid #444;border-radius:50%;background:#f3f3f3;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;}
.an-publish-dot:after,.an-publish-dot:before {content: '';width: 50vw;height: 2px;background: var(--black);position: absolute;top: 50%;transform: translateY(-50%);}
.an-publish-dot:after{left: 100%;}
.an-publish-dot:before{right: 100%;}
.an-publish-step-item:first-child .an-publish-dot::before{content: none;}
.an-publish-step-item:last-child .an-publish-dot::after{content: none;}
.an-publish-dot span{width:10px;height:10px;border-radius:50%;background:var(--red);}
.an-publish-step h3{font-size: 25px;margin-bottom:10px;letter-spacing: 0;}
.an-publish-step p{font-size: 15px;}
.an-publish-powered-wrap{position:relative;padding-top: 40px;overflow: hidden;}
.an-publish-powered-logo{width: 180px;height:auto;position: relative;padding: 0 16px;}
.an-publish-powered-logo:after,.an-publish-powered-logo:before {content: '';width: 50vw;height: 2px;background: var(--red);position: absolute;bottom:0;}
.an-publish-powered-logo:after{left: 100%;}
.an-publish-powered-logo:before {right: 100%;}
.an-publish-powered-wrap::before{content:"";position:absolute;left:0;bottom:0;width:2px;height:100%;background:linear-gradient(to top,var(--red) 0%,rgba(193,31,31,.7) 70%,rgba(193,31,31,0) 100%);}
.an-publish-powered-wrap::after{content:"";position:absolute;right:0;bottom:0;width:2px;height:100%;background:linear-gradient(to top,var(--red) 0%,rgba(193,31,31,.7) 70%,rgba(193,31,31,0) 100%);}
.an-season-content{max-width:320px;}
.an-season-content h2{margin-bottom:28px;}
.an-season-content p{color:var(--grey);line-height:1.2;margin:0;}
.an-season-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;align-items:end;margin-bottom: -80px;padding-top: 65px;}
.an-season-card{background:transparent;position:relative;overflow:visible;margin-bottom: 80px;}
.an-season-card:before{content: '';position:absolute;width:100%;height:100%;background:var(--white);bottom: 0;}
.an-season-card-1.an-season-card:before {height: 105%;}
.an-season-card-2.an-season-card:before{height: 78%;}
.an-season-card .an-season-card-cover{transform: translateY(-62px);margin-bottom: -14px;}
.an-season-card:nth-child(2) .an-season-card-cover {padding: 0 36px;}
.an-season-card-cover {padding: 0 48px;}
.an-season-card-cover::before{content:"";transition:all .45s ease;position:absolute;left:50%;bottom: -18px;width:92%;height:16px;background:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.18) 20%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.18) 80%,rgba(0,0,0,0) 100%);filter: blur(4px);z-index:1;}
.an-season-card-cover::after{content:"";transition:all .45s ease;position:absolute;left:50%;bottom: -18px;width:72%;height:8px;background:rgba(0,0,0,.65);filter:blur(10px);z-index:0;}
.an-season-card-cover img{position:relative;z-index:2;width:100%;display:block;transition:all .45s ease;transform-origin: left center;}
.an-season-card .an-season-card-cover::before,.an-season-card .an-season-card-cover::after{transform: translateX(-50%) rotate(0deg);}
.an-season-card .an-season-card-cover::before{transform: translateX(-50%) rotate(0deg);}
.an-season-card-content{position:relative;padding: 14px 40px 0;}
.an-season-card-inner{position:relative;padding-bottom: 20px;}
.an-season-card-inner::after{content:"";position:absolute;left:0;bottom:0;width:132px;height:2px;background:var(--red);transform-origin:left;transition:transform .4s ease;}
.an-season-card-content h3{font-size: 25px;margin-bottom:10px;letter-spacing: 0;}
.an-season-card-content span{display:block;color:var(--red);font-size: 15px;font-weight:500;line-height:1;}
.an-result-summary-content h2{margin-bottom:24px;}
.an-result-summary-content p{color:var(--grey);line-height:1.15;margin:0;}
.an-result-summary-card{background: var(--red);padding: 54px 48px;min-height:290px;display:flex;flex-direction:column;justify-content:center;}
.an-result-summary-card h3{margin-bottom: 0;}
.an-result-summary-card h3 span{color:var(--white);display: block;}
/* ======================= AMERICAN NARRATIVES PAGE END ========================== */
/* ======================= BRAND AMERICAN NARRATIVES PAGE START ========================== */
.brand-hero-container-an .brand-hero-image-holder {width: calc(100% + 340px);margin-top: 55px;margin-left: -187px;}
.brand-an-story-content{max-width:540px;}
.brand-an-story-logo{margin-bottom:24px;}
.brand-an-story-logo img{max-width:246px;height:auto;}
.brand-an-story-title{font-size:48px;line-height:1.05;margin-bottom:24px;}
.brand-an-story-content p{font-size:18px;line-height:1.25;margin-bottom:20px;font-weight:600;}
.brand-an-story-content p:last-child{margin-bottom:0;}
.brand-an-story-cards{display:flex;flex-direction:column;gap:18px;align-items:flex-start;}
.brand-an-story-card{background: rgb(84 84 84 / 10%);border-radius:14px;padding: 40px 40px;}
.brand-an-story-card-sm{width: 79%;background: rgb(84 84 84 / 5%);}
.brand-an-story-card-lg{width:100%;}
.brand-an-story-card:last-child{width:88%;}
.brand-an-story-card-title{font-size:18px;line-height:1.2;font-weight: 700;margin-bottom: 6px;letter-spacing: 0;}
.brand-an-story-card p{margin:0;font-size:15px;line-height: 1.3;font-weight:500;}
.brand-an-identity-heading{margin-bottom:36px;}
.brand-an-identity-heading h2{margin-bottom:0;}
.brand-an-identity-label{font-size: 25px;font-weight:600;margin-bottom: 16px;color:#d7d7d7;}
.brand-an-colors-container {gap: 24px;}
.brand-an-color-card{border-radius:14px;overflow:hidden;position:relative;min-height: 266px;padding:18px 22px;display: flex;align-items: center;}
.brand-an-color-card-red{background: #bd1010;color:#fff;}
.brand-an-color-card-black{background:#221f1f;color:#fff;}
.brand-an-color-card-title{font-size: 108px;line-height: 1;font-weight: 600;color: rgb(81 77 77 / 23%);position: absolute;top: -30px;left: -10px;}
.brand-an-color-swatches{display:flex;margin-top:18px;}
.brand-an-color-swatches span{width: 60px;height: 104px;}
.brand-an-color-card-red .brand-an-color-swatches span:nth-child(6){background:#e82323;}
.brand-an-color-card-red .brand-an-color-swatches span:nth-child(5){background:#e12121;}
.brand-an-color-card-red .brand-an-color-swatches span:nth-child(4){background:#d71d1d;}
.brand-an-color-card-red .brand-an-color-swatches span:nth-child(3){background:#ce1919;}
.brand-an-color-card-red .brand-an-color-swatches span:nth-child(2){background:#c61515;}
.brand-an-color-card-red .brand-an-color-swatches span:nth-child(1){background:#bd1010;}
.brand-an-color-card-black .brand-an-color-swatches span:nth-child(1){background:#1d1b1b;}
.brand-an-color-card-black .brand-an-color-swatches span:nth-child(2){background:#272424;}
.brand-an-color-card-black .brand-an-color-swatches span:nth-child(3){background:#302d2d;}
.brand-an-color-card-black .brand-an-color-swatches span:nth-child(4){background:#3b3737;}
.brand-an-color-card-black .brand-an-color-swatches span:nth-child(5){background:#4a4545;}
.brand-an-color-card-black .brand-an-color-swatches span:nth-child(6){background:#454a47;}
.brand-an-color-code{position:absolute;left: 30px;bottom: 18px;font-size: 25px;font-weight: 600;}
.brand-an-typeface-card{background:#fff;border-radius:14px;padding: 55px 30px 55px 60px;display:flex;align-items:center;gap: 60px;min-height: 266px;}
.brand-an-typeface-brand{min-width:140px;text-align:center;}
.brand-an-typeface-aa{font-size: 48px;font-weight:800;line-height:1;}
.brand-an-typeface-name{font-size: 25px;font-weight: 600;color:var(--red);}
.brand-an-typeface-content{font-size:18px;line-height:1.35;font-weight:500;}
.brand-an-identity-footer{display:flex;align-items:flex-end;gap: 50px;padding-left: 1.8%;}
.brand-an-logo-variants{display:flex;align-items:center;gap: 38px;}
.brand-an-logo-variant img{max-width: 208px;display:block;}
.brand-an-identity-note h3{font-size: 30px;line-height: 1.2;margin-bottom: 0;letter-spacing: 0;}
.brand-an-identity-note h3 span{color:var(--red);}
.brand-an-identity-note p{margin:0;font-size: 18px;line-height:1.3;font-weight:500;}
.brand-an-evolution-content {width: 100%;max-width: 350px;}
.brand-an-evolution-content h2{margin-bottom:20px;}
.brand-an-evolution-content h2 span{color:var(--red);}
.brand-an-evolution-content p{color:var(--grey);line-height:1.2;margin:0;width: 100%;max-width: 318px;}
.evolution-card-box {padding-top: 24px;}
.ecb-img-box{position: relative;}
.ecb-img-box:before{content: '';width: 100%;height: 74%;background-color: var(--white);position: absolute;bottom: 0;left: 0;right: 0;}
.evolution-card-2 .ecb-img-box:before{height: 47%;}
.ecb-text-box{padding: 30px 48px 35px;font-size:15px;line-height: 1.25;color:var(--grey);font-weight: 500;background-color: var(--white);}
.ecb-label{font-size: 15px;margin-bottom:4px;font-weight:600;}
.ecb-text-box h3{font-size: 18px;line-height:1.15;font-weight: 700;margin-bottom: 6px;letter-spacing: 0;}
.evolution-card-1 .ecb-img-box{padding: 0 0px 0 28px;}
.evolution-card-2 .ecb-img-box{padding: 0 0 0 48px;}
.evolution-card-1 .ecb-img{width: calc(100% + 100px);transform: translateY(-7px);}
.evolution-card-2 .ecb-img{width: calc(100% + 100px);transform: translateY(8px);}
.ecb-img{position: relative;width: 100%;margin: 0 auto;}
.ecb-img img{position: relative;z-index: 1;transform-origin: bottom left;transition: transform .45s ease;}
.brand-an-document-content{max-width:524px;}
.brand-an-document-content h2{margin-bottom:24px;line-height:1;}
.brand-an-document-content p{margin-bottom:22px;color:var(--grey);line-height:1.2;}
.brand-an-document-content p:last-child{margin-bottom:0;}
.brand-an-document-visual{position:relative;height: 640px;display:flex;align-items:center;justify-content:center;width: calc(100% + 50px);margin-left: -36px;}
.brand-an-document-sheet img{width:100%;}
.brand-an-document-sheet-back{width:420px;transform:rotate(26deg) translate(70px,30px);z-index:1;}
.brand-an-document-sheet-front{width:420px;transform:rotate(26deg);z-index:2;}
.brand-an-document-visual:hover .brand-an-document-sheet-front{transform:rotate(22deg) translate(-8px,-8px);}
.brand-an-document-visual:hover .brand-an-document-sheet-back{transform:rotate(30deg) translate(85px,40px);}
/* ======================= BRAND AMERICAN NARRATIVES PAGE END ========================== */
/* ======================= BRAND CMP PAGE START ========================== */
.brand-hero-image-holder {width: calc(100% + 155px);margin-left: -136px;margin-top: 18px;}
.brand-cmp-story-content{max-width:520px;}
.brand-cmp-story-content{font-size:18px;line-height:1.25;font-weight:600;}
.brand-cmp-story-cta{margin-top:30px;}
.brand-cmp-story-visual{position:relative;min-height:360px;display:flex;flex-direction:column;justify-content: flex-end;/* align-items:flex-start; */padding-right: 156px;padding-bottom: 0px;}
.brand-cmp-story-logo{margin-bottom: 20px;}
.brand-cmp-story-logo img{max-width:220px;height:auto;}
.brand-cmp-story-tag{background:#c7f718;color:#000;padding: 24px 20px;font-size: 31px;line-height:1.05;font-weight: 700;display:inline-block;margin-bottom:16px;letter-spacing: 0;}
.brand-cmp-story-owned{display:flex;align-items:center;gap:10px;font-size: 18px;font-weight:600;}
.brand-cmp-story-owned span{width: 12px;height: 12px;background:#e63737;display:block;flex-shrink:0;}
.brand-cmp-story-accent{position:absolute;top:0;right:0;width: 140px;height:100%;background:#2868ff;}
.brand-cmp-category-heading{margin-bottom: 50px;}
.brand-cmp-category-heading h2{margin:0;}
.brand-cmp-category-tabs-wrapper{margin-bottom: 20px;}
.brand-cmp-category-tabs{gap: 45px;border:none;}
.brand-cmp-category-tabs .nav-item{position:relative;}
.brand-cmp-category-tabs .nav-item:not(:last-child)::after{content: '';position:absolute;right: -27px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--black);width: 8px;height: 8px;border: 2px solid;border-radius: 50rem;}
.brand-cmp-category-tabs .nav-link{border:none;border-radius:2px;background:transparent;color:var(--black);padding: 10px 24px;font-size: 18px;font-weight:600;}
.brand-cmp-category-tabs .nav-link.active{background:var(--red);color:var(--white);}
.brand-cmp-category-content-wrapper{width:100%;}
.brand-cmp-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.brand-cmp-category-intro{padding: 125px 50px 10px 0;display: flex;flex-flow: column;justify-content: flex-end;}
.brand-cmp-category-intro h3{font-size: 30px;line-height: 1.2;margin-bottom:14px;}
.brand-cmp-category-intro p{font-size:15px;line-height: 1.25;color:var(--grey);margin:0;font-weight: 500;}
.brand-cmp-category-card{display: flex;flex-flow: column;justify-content: space-between;}
.brand-cmp-category-card-image{padding:18px;position: relative;flex-grow: 1;display: flex;align-items: center;}
.brand-cmp-category-card-image:after{content: '';width: 100%; height: 100%;   background: #fff;position: absolute;bottom: 0;left: 0;right: 0;}
.brand-cmp-category-card-image img{width:100%;max-width: none; display:block;position: relative;z-index: 2;}
.pulse-check-1 .brand-cmp-category-card-image img {width: 96%;margin-left: -2px;margin-top: 0px;}
.pulse-check-2 .brand-cmp-category-card-image img {width: 104%;margin-left: -18px;margin-top: 40px;margin-bottom: -10px;}
.pulse-check-3 .brand-cmp-category-card-image img {width: 89%;margin-left: -9px;margin-top: 4px;}
.pulse-check-4 .brand-cmp-category-card-image img {width: 109%;margin-left: -18px;margin-top: -4px;margin-bottom: -32px;}
.pulse-check-5 .brand-cmp-category-card-image img {width: 93%;margin-left: -8px;}
.pulse-check-1 .brand-cmp-category-card-image:after,.pulse-check-2 .brand-cmp-category-card-image:after{height: 88%;}
.ebooks-1 .brand-cmp-category-card-image img{margin-left: -24px;}
.ebooks-2 .brand-cmp-category-card-image img {margin-left: -6px;width: calc(100% + 20px);margin-top: -10px;}
.ebooks-3 .brand-cmp-category-card-image img {margin-left: -9px;width: 92%;margin-top: -10px;}
.ebooks-4 .brand-cmp-category-card-image img {margin-left: -10px;width: 110%;margin-top: -10px;}
.ebooks-5 .brand-cmp-category-card-image img {margin-left: 0px;width: 95%;margin-top: -24px;}
.prints-1 .brand-cmp-category-card-image img {width: 120%;margin-left: -42px;margin-top: -20px;}
.prints-2 .brand-cmp-category-card-image img {width: 90%;margin-left: 30px;margin-top: -10px;}
.prints-3 .brand-cmp-category-card-image img {width: 102%;margin-left: -24px;margin-top: -16px;}
.prints-4 .brand-cmp-category-card-image img {width: 113%;margin-left: -14px;margin-top: 11px;}
.prints-5 .brand-cmp-category-card-image img {width: 69%;margin-left: 34px;margin-top: -6px;}
.events-1 .brand-cmp-category-card-image img {width: 80%;margin-left: 27px;}
.events-2 .brand-cmp-category-card-image img {width: 96%;margin-left: 14px;margin-top: -20px;}
.brand-cmp-category-card-content{padding: 0 32px 0;background: var(--white);}
.brand-cmp-category-card-content h4{font-size: 25px;letter-spacing:0;margin-bottom: 10px;}
.social-media-card .brand-cmp-category-card-image {height: 480px;border-radius: 12px;overflow: hidden;padding: 0;box-shadow: 0 12px 32px rgba(0, 0, 0, 0.06);}
.brand-cmp-category-card-content p{margin:0;font-size: 15px;line-height: 1.25;color:var(--red);font-weight:600;}
.brand-cmp-category-card-inside {position: relative;padding-bottom: 20px;}
.brand-cmp-category-card-inside:before {content: '';width: 132px;height: 2px;background: var(--red);position: absolute;bottom: 0;left: 0;    transition: 0.2s all ease;}
.brand-cmp-scope-intro{padding-right:20px;}
.brand-cmp-scope-intro h2 span{color:var(--red);}
.brand-cmp-scope-intro p{margin:0;font-size: 25px;line-height:1.15;font-weight:600;color:var(--grey);}
.brand-cmp-scope-card{background:var(--white);padding: 45px 34px;}
.brand-cmp-scope-card h3{font-size:18px;line-height:1.2;margin-bottom: 20px;letter-spacing:0;font-weight: 600;}
.brand-cmp-scope-card ul{margin:0;padding:0;list-style:none;}
.brand-cmp-scope-card ul li{position:relative;padding-left: 35px;font-size:15px;line-height: 1.35;color:var(--grey);font-weight:500;}
.brand-cmp-scope-card ul li:not(:last-child){margin-bottom: 16px;}
.brand-cmp-scope-card ul li::before{content:"";position:absolute;left:0;top: 13px;width: 13px;height:2px;background:var(--red);}
/* ======================= BRAND CMP PAGE END ========================== */
/* ======================= BRAND GRUHA PAGE START ========================== */
.branding-hero-container-gruha h1 {margin-bottom: 12px;}
.branding-hero-container-gruha .brand-hero-image-holder {width: calc(100% + 154px);margin-left: -154px;margin-top: -12px;}
.branding-hero-container-gruha .brand-tag-button{padding: 15px;}
.brand-gruha-story-content{max-width:555px;padding-bottom: 45px;}
.brand-gruha-story-content h2{font-size:42px;line-height:1.05;margin-bottom:24px;}
.brand-gruha-story-content p{font-size:18px;line-height:1.25;margin-bottom:20px;font-weight:600;}
.brand-gruha-story-content p:last-child{margin-bottom:0;}
.brand-gruha-story-visual{text-align:center;margin-left: -50px;}
.brand-gruha-story-visual img{width:100%;max-width: 460px;display:block;margin:0 auto;transition:.45s ease;}
.brand-gruha-story-visual:hover img{transform:rotate(4deg)}
.brand-gruha-work-heading h2{margin-bottom:0;font-size:48px;line-height:1;}
.brand-gruha-work-item{height:100%;}
.brand-gruha-work-card{margin-bottom: 34px;}
.brand-gruha-work-visual{height:445px;display:flex;align-items:flex-end;justify-content:center;padding:30px 20px 0;position: relative;}
.even-gruha-work-item .brand-gruha-work-visual img{max-width: none;transition:.4s ease;z-index: 2;margin-left: -16px;}
.brand-gruha-work-visual:after {content: '';width: 100%;height: 70%;background: #fff;position: absolute;bottom: 0;left: 0;right: 0;z-index: 1;}
.odd-gruha-work-item .brand-gruha-work-visual:after {height: 44%;}
.odd-gruha-work-item .brand-gruha-work-visual img {max-height: none;margin-left: 100px;max-width: none;position: relative;z-index: 12;}
.brand-gruha-work-card-content{background:var(--white);padding:40px 35px 0;}
.brand-gruha-work-card-content h3{font-size:25px;line-height:1.1;margin-bottom:2px;letter-spacing:0;}
.brand-gruha-work-label{display:inline-block;color:var(--red);font-size:15px;font-weight:600;line-height:1.2;position:relative;padding-bottom:20px;}
.brand-gruha-work-label::after{content:"";position:absolute;left:0;bottom:0;width:130px;height:2px;background:var(--red);transition: 0.2s all ease;}
.brand-gruha-work-content{padding: 0 34px;}
.brand-gruha-work-content p{font-size: 18px;line-height: 1.2;margin-bottom: 24px;color:var(--black);font-weight: 600;max-width: 500px;}
.brand-gruha-work-list{display:flex;flex-direction:column;gap: 22px;}
.brand-gruha-work-list li{position:relative;padding-left: 28px;font-size: 18px;line-height:1.25;font-weight: 600;}
.brand-gruha-work-list li::before{content:"";width: 12px;height:2px;background:var(--red);position:absolute;left:0;top:11px;}
/* ======================= BRAND GRUHA PAGE END ========================== */
/* ======================= BRAND IGLOO PAGE START ========================== */
.branding-hero-container-igloo h1 {margin-bottom: 12px;}
.branding-hero-container-igloo .brand-hero-image-holder {width: calc(100% + 260px);margin-left: -27px;margin-top: 0;}
.branding-hero-container-igloo .brand-tag-button{padding: 15px;}
.brand-igloo-story-content{max-width:560px;padding-bottom:40px;}
.brand-igloo-story-content h2{font-size:48px;margin-bottom:28px;}
.brand-igloo-story-content p{font-size:18px;line-height:1.3;margin-bottom:18px;color:#222;}
.brand-igloo-story-content p:last-child{margin-bottom:0;}
.brand-igloo-story-visual{text-align:center;}
.brand-igloo-story-visual img{width:100%;max-width: 600px;display:block;margin:0 auto;transition:.45s ease;filter:drop-shadow(0 20px 30px rgba(0,0,0,.15));}
.brand-igloo-story-visual:hover img{transform:rotate(-4deg) translateY(-10px);}
.brand-igloo-work-heading{margin-bottom: 60px;}
.brand-igloo-work-heading h2{line-height:1;margin:0;}
.brand-igloo-work-item{height:100%;}
.brand-igloo-work-card{margin-bottom:34px;}
.brand-igloo-work-visual{height: 360px;display:flex;align-items:flex-end;justify-content:center;padding:30px 20px 0;position:relative;}
.brand-igloo-work-visual:after{content:"";position:absolute;left:0;right:0;bottom:0;width:100%;height:42%;background:#fff;z-index:1;}
.igloo-work-item-1 .brand-igloo-work-visual img{right: -42px;}
.igloo-work-item-2 .brand-igloo-work-visual {width: calc(100% + 226px);margin-left: -188px;}
.igloo-work-item-3 .brand-igloo-work-visual {width: calc(100% + 50px);margin-left: -30px;}
.brand-igloo-work-visual img{max-width:100%;max-height:360px;position:relative;z-index:2;transition:.4s ease;}
.brand-igloo-work-card-content{background:#fff;padding:40px 35px 0;}
.brand-igloo-work-card-content h3{font-size: 25px;line-height: 1.05;margin-bottom:4px;letter-spacing: 0;}
.brand-igloo-work-label{display:inline-block;color:var(--red);font-size:15px;font-weight:600;line-height:1.2;position:relative;padding-bottom:20px;}
.brand-igloo-work-label:after{content:"";position:absolute;left:0;bottom:0;width:130px;height:2px;background:var(--red);transition: 0.3s all ease;}
.brand-igloo-work-content{padding:0 34px;}
.brand-igloo-work-content p{font-size:18px;line-height: 1.2;margin-bottom:24px;font-weight:600;max-width: 472px;}
.brand-igloo-work-list{display:flex;flex-direction:column;gap:22px;}
.brand-igloo-work-list li{position:relative;padding-left:28px;font-size:18px;line-height:1.25;font-weight:600;}
.brand-igloo-work-list li:before{content:"";width:12px;height:2px;background:var(--red);position:absolute;left:0;top:11px;}
.brand-igloo-investor-container{background:#efefef;}
.brand-igloo-investor-content{max-width:530px;}
.brand-igloo-investor-content h2{font-size:48px;margin-bottom:24px;}
.brand-igloo-investor-content h2 span{color:var(--red);}
.brand-igloo-investor-content p{font-size:18px;line-height:1.3;margin:0;}
.brand-igloo-investor-visual{text-align:center;width: calc(100% + 140px);margin-left: -97px;margin-top: -26px;}
.brand-igloo-investor-visual img{width:100%;max-width: none;display:block;margin:0 auto;transition:.45s ease;}
.brand-igloo-investor-visual:hover img{transform:translateY(-8px) rotate(-3deg);}
/* ======================= BRAND IGLOO PAGE END ========================== */
/* ======================= BRAND LCA PAGE START ========================== */
.branding-hero-container-lca .brand-hero-image-holder {width: calc(100% + 280px);margin-left: -190px;margin-top: 50px;}
.branding-hero-container-lca .brand-tag-button{padding: 15px 21px;}
.brand-lca-story-content h2{font-size:48px;line-height:1.05;margin-bottom:24px;}
.brand-lca-story-content p{font-size:18px;line-height:1.25;font-weight:600;color:var(--grey);margin-bottom:20px;}
.brand-lca-story-content p:last-of-type{margin-bottom:0;}
.brand-lca-story-cta{margin-top:28px;}
.brand-lca-story-visual{text-align:center;}
.brand-lca-story-visual img{width:100%;max-width: 445px;display:block;margin:0 auto;}
.brand-lca-category-tabs{gap:45px;border:none;}
.brand-lca-category-tabs .nav-item{position:relative;}
.brand-lca-category-tabs .nav-item:not(:last-child)::after{content:'';position:absolute;right:-27px;top:50%;transform:translateY(-50%);width:8px;height:8px;border:2px solid;border-radius:50rem;}
.brand-lca-category-tabs .nav-link{border:none;border-radius:2px;background:transparent;color:var(--black);padding:10px 24px;font-size:18px;font-weight:600;}
.brand-lca-category-tabs .nav-link.active{background:var(--red);color:var(--white);}
.brand-lca-category-content-wrapper{width:100%;}
.brand-lca-category-content-wrapper{margin-top: 50px;}
.brand-lca-category-intro {font-size: 15px;line-height: 1.22;}
.brand-lca-category-intro h3 {font-size: 30px;line-height: 1.25;}
.brand-lca-category-card-featured .brand-lca-category-card-image {width: calc(100% + 30px);margin-left: -15px;padding-top: 0px;}
.brand-lca-category-card-featured .brand-lca-category-card-image:before{height: 65%;}
.lca-infographics-card.brand-lca-category-card-featured .brand-lca-category-card-image img{margin-left: -32px;margin-bottom: -35px;}
.lca-infographics-card .brand-lca-category-card-image{width: calc(100% + 165px);margin-left: -82.5px;position: relative;max-width: none;padding-top: 24px;}
.lca-infographics-card .brand-lca-category-card-image img{margin-left: -32px;}
.lca-infographics-card .brand-lca-category-card-image img {margin-left: -5px;margin-bottom: -35px;}
.brand-lca-category-card-image {width: 100%;margin-left: 0;padding-top: 0;display: flex;align-items: center;justify-content: center;position: relative;}
.lca-social-card .brand-lca-category-card-image {border-radius: 12px;overflow: hidden;padding: 0;    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.06);}
.brand-lca-cat-card .brand-lca-category-card-image img {max-width: 500px;margin: 0 auto;}
.brand-lca-cat-card .brand-lca-category-card-image:before {height: 65%;}
.brand-lca-category-card-image:before{content: '';width: 100%;height: 100%;position: absolute;right:0;bottom: 0;left: 50%;transform: translateX(-50%); z-index:1;background: var(--white);}
.brand-lca-category-card-image img {width: 100%;height: 100%;object-fit: contain;position: relative;z-index: 2;}
.brand-lca-category-card-caption {background: var(--white);padding: 0 40px;}
.brand-lca-category-card-caption-inside {font-size: 15px;font-weight: 600;color: var(--red);padding: 12px 0 18px;position: relative;}
.brand-lca-category-card-caption-inside:before {content: '';width: 134px;height: 3px;background: var(--red);position: absolute;bottom: 0;left: 0;transition: 0.3s all ease;}
.brand-lca-category-card-caption-inside h4 {font-size: 20px;line-height: 1.3;letter-spacing: 0;color: var(--black);margin-bottom: 5px;}
.brand-lca-category-card .brand-lca-category-card-caption-inside h4 {font-size: 25px;}
.brand-lca-documents-2 .brand-lca-category-card-image img {max-width: 380px;margin-left: 70px;}
.brand-lca-documents-3 .brand-lca-category-card-image img {max-width: 312px;margin: 0 auto;}
.brand-lca-documents-4 .brand-lca-category-card-image img {max-width: 312px;margin: 0 auto;}
.brand-lca-documents-5 .brand-lca-category-card-image img {max-width: 312px;margin: 0 auto;}
.brand-lca-scope-intro{padding-right:20px;}
.brand-lca-scope-intro h2{margin-bottom:20px;}
.brand-lca-scope-intro h2 span{color:var(--red);}
.brand-lca-scope-intro p{margin:0;font-size:25px;line-height:1.15;font-weight:600;color:var(--grey);}
.brand-lca-scope-card{background:var(--white);padding: 54px 27px 45px 34px;}
.brand-lca-scope-card h3{font-size:18px;line-height:1.2;margin-bottom:20px;letter-spacing:0;font-weight:600;}
.brand-lca-scope-card ul{margin:0;padding:0;list-style:none;}
.brand-lca-scope-card ul li{position:relative;padding-left:35px;font-size:15px;line-height: 1.25;color:var(--grey);}
.brand-lca-scope-card ul li:not(:last-child){margin-bottom: 17px;}
.brand-lca-scope-card ul li::before{content:"";position:absolute;left:0;top: 12px;width:13px;height:2px;background:var(--red);}
/* ======================= BRAND LCA PAGE END ========================== */
/* ======================= BRAND MEGO PAGE START ========================== */
.branding-hero-container-mego h1 {margin-bottom: 12px;}
.branding-hero-container-mego .brand-hero-image-holder {width: calc(100% + 160px);margin-left: -126px;margin-top: 0;}
.branding-hero-container-mego .brand-tag-button{padding: 15px 21px;}
.bmpc-image-box img {width: 100%;height: auto;object-fit: contain;object-position: center;}
.bmic-content-box {line-height: 1.2;width: 100%;max-width: 550px;}
.bmic-image-box img {width: 100%;max-width: 368px;}
.brand-mego-adaptation-card{overflow:hidden;transition:transform .5s ease;}
.brand-mego-adaptation-content {padding: 0 33px;background: var(--white);}
.bmac-content {padding: 20px 0;font-size: 15px;line-height: 1.2;color: var(--red);position: relative;}
.bmac-content h3 {font-size: 25px;line-height: 1.3;margin-bottom: 8px;color: var(--black);letter-spacing: 0;}
.bmac-content:before {content: '';width: 133px;height: 2px;background: var(--red);position: absolute;bottom: 0;left: 0;transition: 0.2s all ease;}
.brand-mego-adaptation-image {position: relative;overflow:hidden;}
.brand-mego-adaptation-image:before {content: '';width: 100%;height: 56%;position: absolute;bottom: 0;left: 0;right: 0;background: var(--white);}
.mego-adaptation-card-1 .brand-mego-adaptation-image:before{height: 36%;}
.mego-adaptation-card-1 .brand-mego-adaptation-image img {max-width: 496px;margin: 0 0 -20px 30px;}
.mego-adaptation-card-2 .brand-mego-adaptation-image img{max-width: 470px;margin: 0 0 2px -50px;}
.brand-mego-adaptation-image img{position:relative;z-index:98;width:100%;transition:transform .8s cubic-bezier(.22,.61,.36,1);}
.brand-social-media-grid{width:calc(100% + 30px);margin-left:-15px;display:flex;flex-wrap:wrap;}
.brand-social-media-item{width:33.333%;padding:0 15px;margin-bottom:30px;}
.brand-social-media-card{background:var(--white);border-radius:16px;padding:4px;box-shadow:0 12px 32px rgba(0,0,0,0.06);transition:all .35s ease;}
.brand-social-media-image{position:relative;overflow:hidden;border-radius:12px;padding-bottom:126%;}
.brand-social-media-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
/* ======================= BRAND MEGO PAGE END ========================== */
/* ======================= LCA CASE STUDY PAGE START ========================== */
.lca-where-started-content h2{margin-bottom:40px;}
.lca-where-started-content h2 span{color:var(--red);}
.lca-where-started-list{padding:0;margin:0;list-style:none;}
.lca-where-started-list li{position:relative;padding-left:24px;margin-bottom:14px;color:var(--grey);font-size:15px;font-weight:500;line-height:1.5;}
.lca-where-started-list li::before{content:"";position:absolute;left:0;top:12px;width:14px;height:2px;background:var(--red);}
.lca-where-started-image-wrapper{padding-left: 20%;}
.lca-where-started-image{position:relative; animation:tabletFloat 6s ease-in-out infinite;}
@keyframes tabletFloat{
    0%,100%{
        transform:translateY(0) rotate(-10deg);
    }

    50%{
        transform:translateY(-12px) rotate(-8deg);
    }
}
.lca-where-started-image img{width:100%;height:100%;object-fit:contain;}
.lca-where-started-image::before{content:"";position:absolute;left:50%;bottom:-55px;width:95%;height:70px;transform: translateX(-50%) rotate(-10deg);background:radial-gradient(ellipse at center,rgba(0,0,0,0.28) 0%,rgba(0,0,0,0.14) 45%,rgba(0,0,0,0.05) 70%,transparent 100%);filter:blur(12px);z-index:-2;}
.lca-where-started-image::after{content:"";position:absolute;left:50%;bottom:-18px;width:75%;height:26px;transform: translateX(-50%) rotate(-10deg);background:rgba(0,0,0,0.22);filter:blur(10px);z-index:-1;}
.lca-where-started-image img{position:relative;z-index:2;width:100%;max-width:396px;display:block;filter:drop-shadow(0 8px 12px rgba(0,0,0,.12));}
.lca-store-demo-frame{margin-bottom:24px;border-radius:12px;overflow:hidden;}
.lca-store-demo-toolbar{background-color:#c2c2c2;padding:13px 24px;}
.lca-store-demo-player-btn{width:40px;height:40px;border:0;background:transparent;}
.lca-toolbar-right{gap:20px;}
.lca-store-demo-toolbar-icon{width:24px;height:24px;border:0;background:transparent;}
.lca-store-demo-player-ui{background:#fff;padding:50px 100px;}
.lca-toolbar-icon{width:24px;height:24px;border:0;background:transparent;}
.lca-store-demo-logo{width:166px;}
.lca-store-demo-header{padding:0 0px 12px;border-bottom:1px solid #dbdbdb;}
.lca-store-demo-ui{padding:15px 26px 24px;background: var(--white);}
.lca-store-demo-title{font-weight:600;font-size:18px;line-height:1;color:#545454;}
.checkout-btn{border:0;background-color:var(--red);color:var(--white);padding:4px 11px;display:flex;align-items:center;gap:5px;font-size:15px;font-weight:700;border-radius: 4px;}
.checkout-btn em{display:inline-block;width:24px;filter:brightness(0) invert(1);}
.lca-tab-holder {margin-bottom: 25px;}
.lca-product-tabs{border-bottom:1px solid #dbdbdb;gap: 25px;}
.lca-product-tabs .nav-link{position:relative;border:none;border-radius:0;background:transparent;padding: 20px 0;color: #545454;font-size: 15px;font-weight: 600;transition:all .25s ease;}
.lca-product-tabs .nav-link:hover{color:#000;border-color:transparent;background:transparent;}
.lca-product-tabs .nav-link::after{content:"";position:absolute;left:0;bottom:-1px;width:0;height:2px;background:var(--red);transition:width .3s ease;}
.lca-product-tabs .nav-link:hover::after{width:100%;}
.lca-product-tabs .nav-link.active{background:transparent;border:none;}
.lca-product-tabs .nav-link.active::after{width:100%;}
.lca-product-tab-content{background-color: #f7f7f7;padding: 24px;border-radius: 12px;overflow: hidden;}
.tab-content-img {width: 100%;}
.tab-content-img img {width: 100%;height: 100%;object-fit: contain;}
.store-product-card{display:flex;gap:40px;background:#f7f7f7;padding:0;border-radius:12px;}
.product-gallery{width:50%;}
.main-image{background:#fff;border-radius:12px;padding: 24px;margin-bottom: 28px;height: 330px;}
.main-image img{width:100%;height:100%;object-fit:contain;}
.thumb-list{display:flex;gap:18px;}
.thumb{width:130px;height:120px;border:none;background:#fff;border-radius:10px;padding:15px;cursor:pointer;transition:.3s;}
.thumb.active{border:2px solid var(--red);}
.thumb img{width:100%;height:100%;object-fit:contain;}
.product-info{width:50%;}
.stock-status{font-size: 15px;margin-bottom:15px;}
.stock-status span{color: #38a557;font-weight: 600;}
.product-info h3{font-size: 25px;font-weight:700;margin-bottom:15px;letter-spacing: 0;}
.rating{font-size:18px;margin-bottom: 6px;font-weight: 600;}
.rating-stars {font-size: 16px;color: #ffa200;}
.price{font-size: 40px;font-weight: 700;line-height:1.25;margin-bottom: 0px;}
.shipping{margin-bottom: 20px;font-size: 15px;font-weight: 600;}
.option-group{margin-bottom: 18px;}
.option-group h6{margin-bottom: 14px;font-weight: 600;font-size: 15px;letter-spacing: 0;}
.option-buttons{display:flex;gap: 22px;flex-wrap:wrap;}
.option-buttons input{display:none;}
.option-buttons label{min-width: 80px;border:2px solid #111;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;font-weight:600;font-size: 15px;line-height: 1.2;padding: 6px 14px;}
.option-buttons input:checked + label{background:#000;color:#fff;}
.delivery-text{margin-bottom: 10px;font-size: 15px;font-weight: 600;margin-top: 26px;}
.add-to-cart-btn {margin-top: 24px;}
.add-cart-btn{width:100%;height: 50px;border:none;background:#000;color:#fff;font-size: 16px;font-weight:700;border-radius:4px;cursor:pointer;}
.digital-download-layout{display:flex;gap:24px;align-items: flex-start;}
.digital-product-card{flex:1;background:#fff;border:1px solid #ececec;border-radius:12px;overflow:hidden;}
.digital-product-cover{padding: 24px 24px 0;min-height: 170px;}
.digital-product-cover img{max-width: 130px;width:100%;display:block;}
.digital-product-content{padding:30px;}
.digital-product-title{font-size: 24px;line-height:1.2;font-weight:700;color:#111;margin-bottom:12px;letter-spacing: 0;}
.digital-product-subtitle{color:#545454;font-size: 14px;margin-bottom:24px;}
.digital-divider{height:1px;background:#ececec;margin-bottom:24px;}
.feature-heading{display:block;font-size:13px;font-weight:700;letter-spacing:.08em;color:#545454;margin-bottom:18px;}
.digital-features ul{margin:0;padding:0;list-style:none;}
.digital-features li{position:relative;padding-left:28px;margin-bottom:12px;color:#444;font-size:15px;}
.digital-features li::before{content:"✓";position:absolute;left:0;top:0;color:#27ae60;font-weight:700;}
.digital-badge{display:inline-flex;align-items:center;gap:4px;margin-top: 10px;padding: 6px 14px;border-radius:50px;background:#edf9f0;border:1px solid #d9f0df;color:#1f8a42;font-size:14px;font-weight:600;}
.digital-summary-card{width:400px;background:#fff;border:1px solid #ececec;border-radius:12px;padding:28px;box-shadow: 0 12px 40px rgba(0, 0, 0, .06);}
.digital-summary-card h4{font-size:24px;font-weight:700;margin-bottom:30px;letter-spacing: 0;}
.summary-item{display:flex;justify-content:space-between;gap:20px;font-size:16px;line-height:1.4;}
.summary-item strong{white-space:nowrap;}
.summary-divider{height:1px;background:#ececec;margin:18px 0;}
.summary-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;}
.summary-total span{font-size: 16px;font-weight:600;}
.summary-total strong{font-size: 24px;font-weight:700;line-height:1;}
.digital-buy-btn{width:100%;height:50px;border:none;border-radius:6px;background:#000;color:#fff;font-size:16px;font-weight:700;cursor:pointer;}
.digital-buy-btn:hover{opacity:.9;}
.payment-note{text-align:center;margin-top:18px;color:#545454;font-size:14px;}
.delivery-note{text-align:center;margin-top:4px;color:#545454;font-size:14px;line-height:1.6;}
.online-service-layout{display:flex;gap:48px;align-items:flex-start;}
.service-content{flex:1;}
.service-header{padding-bottom:24px;margin-bottom:28px;border-bottom:1px solid #ececec;}
.service-type{display:inline-flex;align-items:center;padding:6px 12px;border-radius:30px;background:#fff3f3;color:var(--red);font-size:12px;font-weight:700;margin-bottom:16px;}
.service-header h3{position:relative;font-size:24px;font-weight:700;line-height:1.2;letter-spacing:0;margin-bottom:4px;}
.service-header p{font-size:16px;color:#545454;max-width:650px;}
.service-step{display:flex;gap: 12px;position:relative;}
.service-step:not(:last-child){margin-bottom: 24px;}
.step-number{width:24px;height:24px;color:var(--red);font-size:18px;font-weight:700;flex-shrink:0;}
.step-content h5{font-size:18px;font-weight:700;margin-bottom:6px;letter-spacing: 0;}
.step-content p{color:#545454;font-size:14px;line-height:1.6;}
.service-includes {margin-top: 28px;}
.service-includes span{display:block;font-size:12px;font-weight:700;margin-bottom:16px;letter-spacing:.08em;}
.service-includes ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.service-includes li{position:relative;padding:14px 14px 14px 34px;margin:0;color:#555;font-size:14px;background:#fff;border:1px solid #ececec;border-radius:10px;transition:.3s;}
.service-includes li:hover{border-color:var(--red);}
.service-includes li::before{content:"";position:absolute;left:14px;top:25px;width:10px;height:2px;background:var(--red);}
.service-summary-card{width:420px;background:#fff;border:none;border-radius:16px;padding:30px;box-shadow:0 12px 40px rgba(0,0,0,.06);}
.service-summary-card h4{font-size:24px;font-weight:700;margin-bottom:30px;letter-spacing: 0;}
.service-book-btn{position:relative;overflow:hidden;width:100%;height:50px;border:none;border-radius:6px;background:#000;color:#fff;font-size:16px;font-weight:700;cursor:pointer;}
.service-book-btn::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transition:.6s;}
.service-book-btn:hover::after{left:100%;}
.payment-note{text-align:center;margin-top:18px;color:#545454;font-size:14px;}
.live-workshop-layout{display:flex;gap:48px;align-items:flex-start;}
.workshop-content{flex:1;}
.workshop-hero-card{position:relative;overflow:hidden;padding:28px;border-radius:18px;margin-bottom:30px;background: radial-gradient(circle at top right,rgba(255,255,255,.08) 0,rgba(255,255,255,.08) 90px,transparent 91px),linear-gradient(135deg,var(--red) 0%,#111 100%);}
.workshop-hero-card::before{content:"";position:absolute;width:180px;height:180px;right:-60px;top:-60px;border-radius:50%;background:rgba(255,255,255,.05);}
.workshop-date-badge{display:inline-flex;align-items:center;padding: 5px 14px;border-radius:40px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.15);margin-bottom:18px;font-size: 12px;color:#fff;text-transform: uppercase;}
.workshop-hero-card h3{color:#fff;font-size:24px;line-height:1.15;font-weight:700;margin-bottom:12px;letter-spacing:0;}
.workshop-meta{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:18px;}
.wm-box{color:rgba(255,255,255,.85);font-size:14px;}
.icon {width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;}
.seat-header{display:flex;justify-content:space-between;margin-bottom:10px;color:#fff;font-size:12px;}
.seat-progress{height:6px;background:rgba(255,255,255,.15);border-radius:50px;overflow:hidden;}
.seat-progress span{display:block;width:76%;height:100%;background:linear-gradient(90deg,#ffbe1a,#ff9800);}
.workshop-agenda{margin-bottom:28px;}
.agenda-title{display:block;margin-bottom:18px;font-size:13px;font-weight:700;letter-spacing:.08em;}
.workshop-agenda ul{list-style:none;margin:0;padding:0;}
.workshop-agenda li{display:grid;grid-template-columns:80px 1fr;gap:12px;padding: 12px 0;border-bottom:1px solid #ececec;font-size: 14px;}
.workshop-agenda li:last-child{border-bottom:none;}
.workshop-agenda strong{color:#111;}
.workshop-speakers{display:flex;gap:24px;}
.speaker{display:flex;align-items:center;gap:12px;}
.speaker span{width:42px;height:42px;border-radius:50%;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;}
.speaker strong{display:block;font-size:14px;line-height:1;}
.speaker small{color:#545454;font-size:12px;}
.workshop-summary-card{width:420px;padding:32px;border-radius:18px;background:#fff;border:none;box-shadow:0 12px 40px rgba(0,0,0,.06);}
.workshop-summary-card h4{font-size: 24px;font-weight: 600;margin-bottom: 30px;}
.workshop-register-btn{position:relative;overflow:hidden;width:100%;height:50px;border:none;border-radius:8px;background:#000;color:#fff;font-size:18px;font-weight:700;cursor:pointer;}
.workshop-register-btn::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:.6s;}
.workshop-register-btn:hover::after{left:100%;}
.payment-note{text-align:center;margin-top:18px;color:#545454;font-size:14px;}
.physical-event-layout{display:flex;gap:48px;align-items:flex-start;}
.event-showcase{flex:1;}
.event-hero-card{position:relative;overflow:hidden;padding:28px;border-radius:20px;color:#fff;margin-bottom:24px;background: radial-gradient(circle at top right,rgba(255,255,255,.12) 0,rgba(255,255,255,.12) 90px,transparent 91px),linear-gradient(135deg,var(--red) 0%,#111 100%);}
.event-hero-card::before{content:"";position:absolute;width:220px;height:220px;top:-80px;right:-80px;border-radius:50%;background:rgba(255,255,255,.08);}
.event-badge{display:inline-flex;padding: 5px 14px;border-radius:40px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.15);font-size: 12px;font-weight: 600;letter-spacing: 0.02em;margin-bottom:18px;}
.event-hero-card h3{font-size:24px;line-height:1.05;font-weight:700;margin-bottom:18px;letter-spacing: 0;}
.event-meta{list-style:none;padding:0;margin:0;}
.event-meta li span {width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;}
.event-meta li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:rgba(255,255,255,.9);}
.event-meta li:not(:last-child){margin-bottom:12px;}
.event-attendees{margin-top:20px;display:inline-flex;padding:8px 14px;border-radius:40px;background:rgba(255,255,255,.1);font-size:13px;}
.event-highlights h5{margin-bottom:16px;font-size:16px;font-weight:700;letter-spacing: 0;}
.highlight-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width: 440px;}
.highlight-item{background:#fff;border:1px solid #ececec;border-radius:14px;padding:20px;transition:.3s;}
.highlight-item:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.06);}
.highlight-item span{display:block;font-size:24px;font-weight:800;color:#111;margin-bottom:6px;}
.highlight-item p{margin:0;color:#545454;font-size:14px;}
.ticket-card{width:460px;background:#fff;border-radius:20px;padding:30px;box-shadow:0 12px 40px rgba(0,0,0,.06);}
.ticket-title{font-size:13px;font-weight:700;letter-spacing:.1em;margin-bottom:18px;}
.ticket-option{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px;border:1px solid #e8e8e8;border-radius:14px;background:#fff;margin-bottom:18px;cursor:pointer;transition:.25s;}
.ticket-option:hover{border-color:var(--red);}
.ticket-option.active{border-color: var(--red);box-shadow: 0 0 0 1px var(--red);}
.ticket-option input{display:none;}
.ticket-info strong{display:block;font-size: 16px;margin-bottom: 0px;}
.ticket-info span{font-size:14px;color:#545454;}
.ticket-price{font-size:24px;font-weight:800;white-space:nowrap;}
.popular-badge{position:absolute;top:-15px;right:18px;background: var(--red);color:#fff;padding:5px 10px;border-radius:30px;font-size:10px;font-weight:700;}
.ticket-note{text-align:center;color:#545454;margin:22px 0 26px;font-size:14px;}
.event-ticket-btn{width:100%;height:50px;border:none;border-radius:8px;background:#000;color:#fff;font-size:16px;font-weight:700;cursor:pointer;}
.secure-note{text-align:center;margin-top:14px;color:#545454;font-size:14px;}
.lca-publish-flow-content{line-height:1.25;}
.lca-publish-flow-content h2 span{color: var(--red);}
.lca-publish-step-list{width: calc(100% + 8px);margin-left: -4px;margin-top: 80px;}
.lca-publish-step-item{width: 25%;padding: 0 4px;}
.lca-publish-dot{width:58px;height:58px;position: relative; border:2px solid #444;border-radius:50%;background:#f3f3f3;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;}
.lca-publish-dot:after,.lca-publish-dot:before {content: '';width: 50vw;height: 2px;background: var(--black);position: absolute;z-index: -1;top: 50%;transform: translateY(-50%);}
.lca-publish-dot:after{left: 100%;}
.lca-publish-dot:before{right: 100%;}
.lca-publish-step-item:first-child .lca-publish-dot::before{content: none;}
.lca-publish-step-item:last-child .lca-publish-dot::after{content: none;}
.lca-publish-dot span{width:10px;height:10px;border-radius:50%;background:var(--red);}
.lca-publish-step h3{font-size: 25px;margin-bottom:10px;letter-spacing: 0;}
.lca-publish-step p{font-size: 15px;}
.lca-publish-powered-wrap{position:relative;padding-top: 40px;overflow: hidden;}
.lca-publish-powered-logo{height:auto;position: relative;padding: 0 16px;}
.lca-sketchmesh-logo{width: 154px;}
.lca-team-logo{width: 88px;}
.lca-publish-powered-logo-item {position: relative;padding: 0 24px;}
.lca-publish-powered-logo-item:not(:last-child)::after {content: "";position: absolute;right: -4px;bottom: 0;width: 8px;height: 8px;background: var(--red);border-radius: 50%;display: block;}
.lca-publish-powered-logo:after,.lca-publish-powered-logo:before {content: '';width: 50vw;height: 2px;background: var(--red);position: absolute;bottom:0;}
.lca-publish-powered-logo:after{left: 100%;}
.lca-publish-powered-logo:before {right: 100%;}
.lca-publish-powered-wrap::before{content:"";position:absolute;left:0;bottom:0;width:2px;height:100%;background:linear-gradient(to top,var(--red) 0%,rgba(193,31,31,.7) 70%,rgba(193,31,31,0) 100%);}
.lca-publish-powered-wrap::after{content:"";position:absolute;right:0;bottom:0;width:2px;height:100%;background:linear-gradient(to top,var(--red) 0%,rgba(193,31,31,.7) 70%,rgba(193,31,31,0) 100%);}
.lca-conversion-content{max-width: 525px;}
.lca-conversion-title{margin-bottom: 24px;}
.lca-conversion-content p{font-size:18px;line-height: 1.25;margin-bottom: 20px;font-weight: 600;}
.lca-conversion-highlight{font-size: 25px;font-weight: 600;line-height: 1.2;margin-bottom:0;letter-spacing: 0;}
.lca-conversion-highlight span{color:var(--red);font-weight: 700;}
.lca-conversion-cards{display:flex;flex-direction:column;gap:18px;align-items:flex-start;transition:.5s ease;}
.lca-conversion-card{background: #dfdfdf;border-radius:14px;padding: 41px 35px;}
.lca-conversion-card-sm{width:78%;background-color: #e7e7e7;}
.lca-conversion-card-lg{width:100%;}
.lca-conversion-card:last-child{width:78%;}
.lca-conversion-card-label{display:block;font-size: 16px;line-height:1.2;margin-bottom: 3px;font-weight: 600;}
.lca-conversion-card h4{font-size:18px;line-height:1.35;font-weight: 700;margin-bottom: 4px;letter-spacing: 0;color: #545454;}
.lca-conversion-card p{margin:0;font-size:15px;line-height:1.4;font-weight: 500;color: #545454;}
.lca-conversion-logo span{color:var(--red);}
.lca-conversion-logo {color: #000;font-weight:700;}
.lca-store-demo-frame .accordion-button {font-weight: 600;color: var(--black);background-color: #c2c2c2;border: 0;border-radius: 0 !important;box-shadow: none!important;font-size: 14px;padding: 12px;}
.lca-store-demo-frame .accordion-item {border-radius: 0 !important;background: transparent;border: 0;}
.lca-store-demo-frame .accordion-button::after{display:none;}
.lca-store-demo-frame .accordion-button{position:relative;padding-right:50px;}
.lca-store-demo-frame .accordion-button::before,.lca-store-demo-frame .accordion-button::after{content:'';position:absolute;right:12px;top:50%;width:14px;height:2px;background:#000;transition:.3s ease;}
.lca-store-demo-frame .accordion-button::before{transform:translateY(-50%);}
.lca-store-demo-frame .accordion-button::after{display:block;transform:translateY(-50%) rotate(90deg);}
.lca-store-demo-frame .accordion-button:not(.collapsed)::after{opacity:0;}
.lca-store-demo-frame .accordion-button:not(.collapsed),.lca-store-demo-frame .accordion-button:not(.collapsed):hover{background-color: var(--red);color: #fff;}
.lca-store-demo-frame .accordion-button:not(.collapsed)::before, .lca-store-demo-frame .accordion-button:not(.collapsed)::after{background-color: #fff;}
/* ======================= LCA CASE STUDY PAGE END ========================== */
/* ======================= TAURIAN MISSION CASE STUDY PAGE START ========================== */
.taurian-mission-content{line-height:1.22;padding-right:28px;font-weight:600;}
.taurian-mission-content p:not(:last-child){margin-bottom:20px;}
.taurian-mission-image{position:relative;animation:missionFloat 7s ease-in-out infinite;right:-100px;}
.taurian-mission-image img{width:100%;height:100%;object-fit:contain;}
.taurian-mission-image::before{animation:shadowPulse 7s ease-in-out infinite;}
.taurian-mission-quote{margin-top:30px;}
.taurian-mission-quote h4{font-weight:700;font-size:25px;letter-spacing:0;color:var(--red);line-height:1.2;}
.taurian-mission-btn{margin-top:10px;}
@keyframes missionFloat{
0%,100%{transform:translateY(0) rotate(6deg);}
50%{transform:translateY(-12px) rotate(4deg);}
}
@keyframes shadowPulse{
50%{transform:translateX(-50%)
    rotate(6deg)
scale(1.08);opacity:.85;}
}

.taurian-navigation-heading{font-size:18px;line-height:1.25;font-weight:600;}
.taurian-navigation-watermark{text-align:right;}
.taurian-navigation-browser{margin-top:40px;border-radius:12px;overflow:hidden;background:#ffffff;}
.taurian-navigation-browser-top{background:#c2c2c2;padding:13px 24px;}
.taurian-navigation-browser-icons{gap:20px;}
.taurian-navigation-toolbar-icon{width:24px;height:24px;border:0;background:transparent;padding:0;}
.taurian-navigation-toolbar-icon img{width:100%;height:100%;object-fit:contain;}
.taurian-navigation-image img{width:100%;display:block;border-radius:4px;}
.page-watermark {font-size: 75px;font-weight: 800;line-height: 1;text-align: right;color: rgb(0 0 0 / 13%);letter-spacing: -0.05em;}
.taurian-navigation-browser-body{padding:0;background:#fff;}
.taurian-navigation-header{padding:15px 30px;height: 60px;background: #f1f1f1;}
.taurian-navigation-logo {width: 173px;}
.taurian-navigation-menu{gap: 26px;margin:0;padding:0;list-style:none;}
.taurian-navigation-menu li{font-size:15px;line-height: 60px;font-weight: 600;cursor:pointer;position:relative;color: #545454;}
.taurian-navigation-menu li.active::after{content:"";position:absolute;left:0;bottom: 0;width:100%;height:2px;background:#244f9c;}
.taurian-navigation-mega-menu{background:#f6f6f6;}
.taurian-bg-1{background-color: #ebebeb;}
.taurian-bg-2{background-color: #dcdcdc;}
.taurian-bg-3{background-color: #e2e2e2;}
.taurian-navigation-menu-btn {width: 34px;height: 34px;display: flex;align-items: center;justify-content: center;background: transparent;border: 0;mix-blend-mode: darken;}
.taurian-navigation-column{min-height:430px;padding:40px 26px;height: 100%;}
.taurian-navigation-column h5{font-size: 18px;font-weight: 800;margin-bottom:24px;color: #545454;letter-spacing: 0;}
.taurian-navigation-product{display:flex;gap:16px;margin-bottom:36px;padding: 8px;border-radius: 12px;}
.taurian-navigation-product:last-child{margin-bottom:0;}
.taurian-navigation-product:hover{background-color: rgb(255 255 255 / 34%);}
.taurian-navigation-product-image{width:124px;flex-shrink:0;}
.taurian-navigation-product-image img {mix-blend-mode: darken;}
.taurian-navigation-product-content strong{display:block;font-size:15px;margin-bottom:4px;color: #545454;}
.taurian-navigation-product-content p{font-size:15px;line-height:1.35;margin:0;color: #545454;}
.taurian-navigation-article{background:#ececec;border-radius:12px;padding: 22px 24px 42px;}
.taurian-navigation-article:not(:last-child){margin-bottom: 30px;}
.taurian-navigation-article span{color:#244f9c;font-size: 15px;line-height: 1;font-weight: 500;display: inline-block;}
.taurian-navigation-article h6{font-size: 15px;line-height: 1.25;margin: 0px 0 16px;color: #545454;font-weight: 700;letter-spacing: 0;}
.taurian-navigation-article:hover h6{text-decoration: underline;}
.taurian-navigation-article p{font-size: 15px;line-height: 1.2;margin:0;font-weight: 500;color: #545454;}
.taurian-navigation-footer{background: #d0d0d0;padding:14px 24px;text-align:center;font-size: 15px;font-weight: 500;color: #545454;}
.taurian-carousel-heading{max-width:860px;margin:0 auto;}
.taurian-carousel-heading h2{text-align:center;}
.taurian-carousel-heading h2 span{color:var(--red);}
.taurian-carousel-heading p{max-width:700px;margin:24px auto 0;text-align:center;font-size:18px;line-height:1.25;font-weight:600;}
.taurian-carousel-browser{margin-top:40px;border-radius:12px;overflow:hidden;background:#fff;}
.taurian-carousel-browser-top{background:#c2c2c2;padding:13px 24px;}
.taurian-carousel-browser-icons{gap:20px;}
.taurian-carousel-toolbar-icon{width:24px;height:24px;border:0;background:transparent;padding:0;}
.taurian-carousel-toolbar-icon img{width:100%;height:100%;object-fit:contain;}
.taurian-carousel-header{padding:15px 30px;height: 60px;background: #f1f1f1;}
.taurian-carousel-logo{width:173px;}
.taurian-carousel-menu{gap:26px;margin:0;padding:0;list-style:none;}
.taurian-carousel-menu li{font-size:15px;line-height: 60px;font-weight:600;color:#545454;position:relative;}
.taurian-carousel-menu li.active::after{content:"";position:absolute;left:0;bottom: 0;width:100%;height:2px;background:#244f9c;}
.taurian-carousel-swiper{position:relative;}
.taurian-carousel-slide{position:relative;background: #000;}
.taurian-carousel-media{position:relative;height:520px;}
.taurian-carousel-media img,.taurian-carousel-video{width:100%;height:100%;display:block;object-fit:cover;object-position: left;}
.taurian-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border:none;border-radius:50%;background:rgba(255,255,255,.9);color:#000;font-size:24px;cursor:pointer;z-index:10;transition:.3s;display: flex;align-items: center;justify-content: center;}
.taurian-carousel-video{cursor:pointer;}
.taurian-carousel-navigation{position:absolute;right:24px;bottom:24px;z-index:20;display:flex;gap:8px;}
.taurian-carousel-prev,.taurian-carousel-next{width:42px;height:42px;border-radius:50%;border: 2px solid rgba(255,255,255);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s;filter: brightness(0) invert(1);}
.taurian-carousel-prev:hover,.taurian-carousel-next:hover{background:rgba(0,0,0,.4);}
.taurian-carousel-prev img,.taurian-carousel-next img{width:14px;}
.taurian-carousel-prev.swiper-button-disabled,
.taurian-carousel-next.swiper-button-disabled{opacity:.35;cursor:not-allowed;pointer-events:none;}
.taurian-carousel-prev.swiper-button-disabled:hover,
.taurian-carousel-next.swiper-button-disabled:hover{background:transparent;}
.taurian-touchpoints-stage{position:relative;}
.taurian-touchpoints-image-wrap{max-width:950px;margin:0 auto;}
.taurian-touchpoints-machine img{width:100%;display:block;mix-blend-mode: multiply;}
.taurian-touchpoints-dot{position:absolute;width:55px;height:55px;border-radius:50%;border: 2px solid rgba(0, 0, 0, .55);backdrop-filter:blur(10px);z-index:20;transition:.35s ease;}
.taurian-touchpoints-dot::before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#c11f1f;top:50%;left:50%;transform:translate(-50%,-50%);}
.taurian-touchpoints-dot::after,.taurian-touchpoints-dot span{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(193,31,31,.35);}
.taurian-touchpoints-dot::after{animation:smoothPulse 3s ease-out infinite;}
.taurian-touchpoints-dot span{animation:smoothPulse 3s ease-out 1.5s infinite;}
.taurian-touchpoints-hint-wrap{margin-top:8px;}
.taurian-touchpoints-hint{font-size:15px;font-weight:500;padding:0 40px;position:relative;}
.taurian-touchpoints-hint::before,.taurian-touchpoints-hint::after{content:"";width:28px;height:2px;background:var(--red);position:absolute;top:50%;transform:translateY(-50%);}
.taurian-touchpoints-hint::before{left:0;}
.taurian-touchpoints-hint::after{right:0;}
.taurian-touchpoints-machine {width: 100%;max-width: 750px;margin: 0 auto;}
.taurian-machine-popover{position:relative;--bs-popover-max-width:324px;border: 0; background:rgba(255,255,255,.94);border-radius:4px 4px 4px 24px!important;backdrop-filter:blur(2px);box-shadow:0 20px 60px rgba(0,0,0,.10),0 3px 10px rgba(0,0,0,.04);}
.taurian-machine-popover::before{content:"";position:absolute;inset:0;padding:1.2px;border-radius:4px 4px 4px 24px!important;background:linear-gradient(145deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.65) 20%,rgba(0,0,0,.10) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;}
.taurian-machine-popover .popover-arrow{display:none!important;}
.taurian-machine-popover .popover-header{background:transparent;border:none;padding:22px 30px 4px;}
.taurian-machine-popover .popover-body{padding:0 32px 42px;}
.taurian-title{font-size:18px;font-weight:800;color:var(--red);line-height:1;display:block;letter-spacing:0;}
.taurian-content-wrap{margin:0;color:var(--black);line-height:1.25;font-size:15px;font-weight:500;}
.taurian-content-wrap p:not(:last-child){margin-bottom:10px;}
@keyframes smoothPulse{
0%{transform:scale(.85);opacity:0;}
15%{opacity:.9;}
100%{transform:scale(1.8);opacity:0;}
}
.taurian-identity-container{position:relative;}
.taurian-identity-content{max-width: 660px;margin:0 auto;}
.taurian-identity-content h2{margin-bottom: 20px;}
.taurian-identity-content{font-size:18px;line-height:1.25;font-weight:600;}
.taurian-identity-content p:not(:last-of-type){margin-bottom:18px;}
.taurian-identity-highlight{font-size: 25px;line-height:1.2;font-weight: 700;color:var(--red);letter-spacing: 0;}
.taurian-language-content h2{margin-bottom: 0;}
.taurian-language-tabs{width:fit-content;margin:0 auto;padding: 19px 26px;background:#fff;border-radius:2px;gap: 20px;margin-top: 51px;}
.taurian-language-tabs .nav-link{width: 80px;height: 48px;border-radius:2px;border:none;background:transparent;color:#b0b0b0;font-size: 25px;font-weight: 700;display:flex;align-items:center;justify-content:center;transition:.3s;text-transform: uppercase;}
.taurian-language-tabs .nav-link.active{background:var(--red);color:#fff;}
.taurian-language-footer{margin-top: 50px;font-size:18px;font-weight:600;line-height:1.25;}
.taurian-audience-card{position:relative;padding: 12px;overflow:hidden;}
.taurian-audience-card-engineers{background:#000;}
.taurian-audience-card-investors{background:var(--red);}
.taurian-audience-grid{position:absolute;inset: 20px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap: 6px;}
.taurian-audience-grid span{border:1px solid rgba(255,255,255,.12);}
.taurian-audience-content{position:relative;z-index:2;padding: 20px 20px 10px;width: 100%;min-height: 474px;display: flex;flex-flow: column;justify-content: center;}
.taurian-audience-content h4{font-size: 25px;line-height: 1.05;font-weight:800;margin-bottom:16px;}
.taurian-audience-card-engineers h4{color:var(--red);}
.taurian-audience-card-investors h4{color:#000;}
.taurian-audience-content p{font-size: 18px;line-height:1.2;font-weight:500;}
.taurian-audience-card-engineers p{color:#fff;}
.taurian-audience-card-investors p{color:#fff;}
.taurian-card-wrap {flex: 1;}
.taurian-card-wrap,
.taurian-audience-middle{will-change: transform;}
.taurian-audience-card{transition: transform .4s ease;}
.taurian-audience-middle{width: 330px;padding: 0 24px;}
.taurian-audience-middle h2{color: #dbdbdb;margin:0;line-height: 1.2;font-size: 42px;letter-spacing: 0;}
.taurian-audience-middle h2 span{color:var(--red);}
/* ======================= TAURIAN MISSION CASE STUDY PAGE END ========================== */
/* ======================= TST CASE STUDY PAGE START ========================== */
.tst-result-content{max-width: 555px;font-size:18px;line-height: 1.25;font-weight: 600;}
.tst-result-card{width: 100%;max-width: 409px;margin-left: auto;background: #c11f1f;position: relative;clip-path: polygon(0 0, 88% 0, 100% 10.5%, 100% 100%, 0 100%, 0% 50%);}
.tst-result-graphic{width: 81%;position: absolute;left: -68px;top: -27px;}
.tst-result-graphic img{width:100%;height:100%;object-fit: contain;display:block;}
.tst-result-stat-content{width:100%;padding: 290px 28px 36px 42px;font-size: 18px;font-weight: 700;line-height: 1.25;}
.tst-result-stat-content h3 {font-size: 48px;letter-spacing: 0;margin-bottom: 0;line-height: 0.95;}
.tst-result-stat-label {margin-bottom: 0px;line-height: 1.2;}
.tst-result-stat-subtitle {margin-bottom: 19px;}
.tst-result-btn {margin-top: 34px;}
.tst-architecture-browser-top{background-color:#c2c2c2;padding:13px 24px;}
.tst-architecture-browser-icons{gap:20px;}
.an-toolbar-icon,.tst-architecture-browser-icon{width:24px;height:24px;border:0;background:transparent;}
.tst-architecture-heading {font-size: 18px;line-height: 1.25;letter-spacing: 0;font-weight: 600;}
.page-watermark {font-size: 75px;font-weight: 800;line-height: 1;text-align: right;color: rgb(0 0 0 / 13%);letter-spacing: -0.05em;}
.tst-architecture-browser{border-radius:12px;overflow:hidden;background:#fff;margin-top: 40px;}
.tst-architecture-browser-body{background: #fff;padding: 40px 70px 115px 40px;position:relative;}
.tst-map-wrapper{display:flex;flex-direction:column;align-items: flex-end;}
.tst-architecture-label{position:absolute;left: 26px;bottom: 28px;}
.tst-architecture-cta{margin-top: 40px;}
.tst-idea-content{margin: 0 auto 0px;max-width: 970px;}
.tst-idea-content h2 span{color:var(--red);}
.tst-idea-content p{font-size:18px;line-height: 1.25;font-weight:600;}
.tst-idea-highlight{color:var(--red);font-size: 25px;line-height:1.1;font-weight: 700;letter-spacing: 0;}
.tst-idea-browser{border-radius:12px;overflow:hidden;background:#fff;margin-top:40px;}
.tst-idea-browser-body{background:#fff;}
.tst-idea-browser-body > img{width:100%;display:block;}
.tst-idea-browser-body .taurian-carousel-media { position: relative; height: 570px; }
.tst-idea-cta{margin-top:40px;}
.tst-laptop-showcase-wrap{position:relative;max-width:1100px;margin:0 auto;}
.tst-laptop-screen{position:absolute;top: 5.8%;left: 11.1%;width: 77.9%;height: 81.7%;overflow:hidden;z-index: 2;}
.tst-laptop-screen img{width:100%;height:100%;object-fit:cover;display:block;}
.tst-laptop-frame{position:relative;z-index: 1;pointer-events:none;}
.tst-laptop-frame img{width:100%;display:block;}
.tst-grid-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap: 34px 22px;max-width: 1200px;margin:0 auto;}
.tst-grid-item{padding-top: 113px;}
.tst-grid-card{display:block;position:relative;background:transparent;border-radius:10px;color:var(--black);text-decoration:none;height:100%;transition:var(--custom-ease);padding: 0 47px 0;display: flex;flex-flow: column;}
.tst-grid-card:hover{color:var(--black);}
.tst-grid-card-image{position:relative;border-radius:8px;margin-top: -113px;margin-bottom: 27px;max-width: 490px;margin-left: auto;margin-right: auto;}
.tst-grid-card-image img{width:100%;display:block;transition:transform .8s cubic-bezier(.215,.61,.355,1);}
.tst-grid-card-image::before{content:'';position:absolute;left:6%;right:6%;bottom:-8px;height:8px;z-index:1;background:radial-gradient(ellipse at center,rgba(0,0,0,.16) 0%,rgba(0,0,0,.08) 45%,transparent 100%);transform:scaleX(1.08);}
.tst-grid-card:hover .tst-grid-card-image::after{animation:tstGridShine .9s ease;}
@keyframes tstGridShine{
100%{left:150%;}
}
.tst-grid-card-content{position:relative;padding: 0 0 27px;flex-grow: 1;}
.tst-grid-card-content::after{content:'';position:absolute;left: 0;bottom:0;width:135px;height:2px;background:var(--red);transition:all .35s ease;}
.tst-grid-card:hover .tst-grid-card-content::after{width: 220px;}
.tst-grid-card-content h3{font-size: 25px;line-height: 1.2;letter-spacing: 0;margin-bottom:14px;max-width:260px;font-weight: 700;}
.tst-grid-card-content p{font-size: 15px;line-height:1.15;font-weight:500;margin-bottom:0;}
.tst-grid-cta{margin-top:40px;}
.tst-review-card{position:relative;background:var(--red);padding: 17px 17px 43px 17px;width: 100%;max-width: 540px;}
.tst-review-grid{position:absolute;inset:18px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:6px;}
.tst-review-grid span{border:2px solid rgba(0,0,0,.12);}
.tst-review-card-content{position:relative;z-index:2;padding-top: 162px;}
.tst-review-card h2{color:var(--black);margin-bottom: 18px;}
.tst-review-card h2 span{color:var(--white);}
.tst-review-card p{max-width: 405px;line-height: 1.2;margin-bottom: 75px;font-weight: 600;}
.tst-review-stars{display:flex;gap:6px;margin-bottom: 8px;}
.tst-review-stars span{width: 61px;height: 61px;line-height:1;color:#ffbf1f;display: flex;align-items: center;justify-content: center;}
.tst-review-source{font-size: 25px;font-weight:700;}
.tst-review-quote{padding: 55px 0 40px 8%;}
.tst-review-quote-icon{font-weight:800;margin-bottom: 46px;text-align: right;width: 169px;margin-left: auto;position: relative;right: 14px;}
.tst-review-quote blockquote{font-size: 25px;line-height: 1.2;font-weight:700;margin-bottom: 30px;}
.tst-review-author{color:var(--red);font-size: 25px;font-weight:800;text-align: right;line-height: 1.05;}
.tst-review-author-meta{font-size:18px;font-weight:500;text-align: right;}
.tst-signature-content{max-width:720px;margin: 0 auto 22px;}
.tst-signature-content p{max-width:620px;margin:0 auto;line-height:1.25;}
.tst-signature-footer{position:relative;display:flex;align-items:center;gap:18px;justify-content: flex-end; }
.tst-signature-footer::before,.tst-signature-footer::after{content:'';position:absolute;bottom:0;width:2px;height: 80px;background:linear-gradient(to top,rgba(224,44,44,1),rgba(224,44,44,.15));}
.tst-signature-footer::before{left:0;}
.tst-signature-footer::after{right:0;}
.tst-signature-brand{width:auto;display:flex;align-items:center;gap:12px;flex-shrink:0;position: relative;    padding: 0 8px;}
.tst-signature-brand img{width:153px;display:block;}
.tst-signature-brand:after,.tst-signature-brand:before {content: '';width: 100vw;height: 2px;background: var(--red);position: absolute;bottom: 0;}
.tst-signature-brand:before{left: 100%;}
.tst-signature-brand:after{right: 100%;}
.tst-signature-brand-outer {padding-right: 70px;width: 100%;display: flex;align-items: center;justify-content: end;}
.tst-signature-brand-text{line-height:1.05;}
.tst-signature-brand-text span{display:block;font-size:14px;font-weight:500;}
.tst-signature-brand-text strong{display:block;color:var(--red);font-size:20px;font-weight:800;}
/* ======================= TST CASE STUDY PAGE END ========================== */
/* ======================= ZERUND CASE STUDY PAGE START ========================== */
.zerund-hero-container{position:relative;height:100svh;display:flex;align-items:center;overflow:hidden;}
.zerund-hero-meta{margin-bottom: 6px;font-size: 15px;line-height: 1.25;font-weight: 500;color: var(--red);position: relative;padding: 0 5px;}
.zerund-hero-content h1{font-size: 48px;margin-bottom: 26px;width: 100%;max-width: 502px;}
.zerund-hero-cta{margin-bottom: 35px;}
.zerund-hero-tags{display:flex;flex-wrap:wrap;gap: 16px;} 
.zerund-tag-inner{background-color: #c0c0c0;color: #fff;border-radius: 50rem;border: 0;padding: 15px 24px;font-size: 15px;line-height: 1.25;font-weight: 500;}
.zerund-hero-graphic{width: calc(100% + 68px);margin-left: -68px;}
.zerund-hero-graphic img{width:100%;}
.zerund-story-content {line-height: 1.2;font-weight: 600;}
.zerund-story-content h2{margin-bottom:28px;}
.zerund-story-content p:last-child{margin-bottom:0;}
.zerund-story-stats{display:flex;flex-direction:column;align-items:flex-end;}
.zerund-story-stat{width:100%;display:flex;align-items:baseline;justify-content:flex-end;gap: 6px;margin-bottom: 32px;transition:.4s;}
.zerund-story-stat:hover{transform:translateY(-10px);}
.zerund-story-stat h3{margin-bottom:0;font-size:48px;}
.zerund-story-stat h3 sub {font-size: 32px;bottom: 2px;}
.zerund-story-stat p{margin-bottom:0;font-size: 25px;line-height:1.25;font-weight: 700;letter-spacing: -0.05em;}
.text-color-1{color:#dddddd;}
.text-color-2{color:#c6c6c6;}
.text-color-3{color:#a4a4a4;}
.text-color-4{color:#898989;}
.zerund-story-cta{width:100%;max-width:360px;text-align:right;margin-top: 6px;}
.zerund-design-system-container{position:relative;}
.zerund-design-system-content {width: 100%;max-width: 465px;}
.zerund-design-system-content h2{margin-bottom:28px;}
.zerund-design-system-content p{max-width:490px;font-size: 18px;line-height: 1.22;color:var(--grey);margin-bottom:24px;}
.zerund-design-system-content h3{margin-bottom:0;font-size: 25px;line-height:1.15;letter-spacing: 0;font-weight: 700;}
.zerund-design-system-content h3 span{color:var(--red);}
.zerund-design-system-preview{position:relative;border-radius:12px;overflow:hidden;}
.zerund-design-system-preview img{width:100%;display:block;}
.zerund-store-demo-frame{margin-bottom:24px;border-radius:12px;overflow:hidden; transition:.5s ease;}
.zerund-store-demo-frame:hover{transform:perspective(1000px) rotateX(2deg) rotateY(-2deg);}
.zerund-store-demo-toolbar{background-color:#c2c2c2;padding:13px 24px;}
.zerund-store-demo-player-btn{width:40px;height:40px;border:0;background:transparent;}
.zerund-toolbar-right{gap:20px;}
.zerund-store-demo-toolbar-icon{width:24px;height:24px;border:0;background:transparent;}
.zerund-store-demo-player-ui{background:#fff;padding:50px 100px;}
.zerund-toolbar-icon{width:24px;height:24px;border:0;background:transparent;}
.zerund-store-demo-ui{padding:16px;background: var(--white);}
.zerund-store-demo-ui-inner img{width: 100%;}
.zerund-publish-flow-content{line-height:1.25;}
.zerund-publish-flow-content h2 span{color: var(--red);}
.zerund-publish-step-list{width: calc(100% + 8px);margin-left: -4px;margin-top: 80px;}
.zerund-publish-step-item{width: 20%;padding: 0 4px;}
.zerund-publish-dot{width:58px;height:58px;position: relative; border:2px solid #444;border-radius:50%;background:#f3f3f3;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;}
.zerund-publish-dot:after,.zerund-publish-dot:before {content: '';width: 50vw;height: 2px;background: var(--black);position: absolute;top: 50%;transform: translateY(-50%);z-index: -1;}
.zerund-publish-dot:after{left: 100%;}
.zerund-publish-dot:before{right: 100%;}
.zerund-publish-step-item:first-child .zerund-publish-dot::before{content: none;}
.zerund-publish-step-item:last-child .zerund-publish-dot::after{content: none;}
.zerund-publish-dot span{width:10px;height:10px;border-radius:50%;background:var(--red);}
.zerund-publish-step h3{font-size: 25px;margin-bottom:10px;letter-spacing: 0;}
.zerund-publish-step p{font-size: 15px;}
/* ======================= ZERUND CASE STUDY PAGE END ========================== */
/* ========================================== 
! Large devices (desktops, less than 1280px)
=========================================== */
@media (max-width:1279.98px){
.an-platform-logo-item img {height: 45px;}
}
/* ========================================== 
! Large devices (desktops, less than 1140px)
=========================================== */
@media (min-width:1139.98px){
.service-card-graphic .service-card-image{width: calc(100% + 40px);height: auto;margin-top: -24px;margin-left: -16px;margin-bottom: 30px;}
.service-card-brand .service-card-image{width: calc(100% + 65px);height: auto;margin-top: -220px;margin-left: -8px;margin-bottom: 20px;}
.service-card-website.service-card::before{height: calc(100% - 110px);}
.service-card-graphic.service-card::before{height: calc(100% - 165px);}
.service-card-brand.service-card::before{height: calc(100% - 36px);}
}
/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px){
.page-main-wrapper {min-height:auto;padding-top: 70px;}
h1, h2, h3, h4, h5, h6{letter-spacing: 0;}
.content-container {padding: 80px 0;}
.project-cta-container{padding: 60px 0;}
body {font-size: 16px;line-height: 1.5;}
.btn {font-size: 16px;}
.project-cta-content {font-size: 16px;}
.project-cta-content h2,.heading h2, h2, h1 {font-size: 38px;}
.heading {margin-bottom: 60px;}
.brand-hero-content h1 {font-size: 38px;}
.brand-hero-text {font-size: 16px;margin-bottom: 24px;}
.brand-hero-meta {font-size: 14px;}
.brw-heading h2 {font-size: 38px;}
.brw-sub-heading h3 {font-size: 60px;}
.brw-content-title h2 {font-size: 28px;}
.project-impact-content h2{font-size: 38px;}
.project-title {font-size: 65px;}
.project-hero-content h1 {font-size: 38px;}
.project-tag {padding: 8px 12px;font-size: 14px;}
.project-tags-wrapper {gap: 8px 12px;}
.studio-connect-left h2 {font-size: 38px;}
.studio-connect-right h3 {font-size: 36px;}
.footer-logo {width: 180px;}
.fu-left {width: 280px;}
.fu-right {width: calc(100% - 280px);}
/* ===================== HEADER START ======================== */
header .navbar {height: 70px;}
header .navbar-nav {gap: 0;}
.navbar-toggler{width: 32px;height: 32px;border-radius:0;cursor:pointer;text-decoration:none;padding:0;border:0;background:transparent;margin:0;position:absolute;right: 20px;top:50%;z-index:999;transform:translateY(-50%);display: flex;align-items: center;justify-content: center;}
.navbar-toggler:not([class="collapsed"]),.navbar-toggler:not([class="collapsed"]):focus,.navbar-toggler:not([class="collapsed"]):hover{background:transparent;}
.navbar-toggler.collapsed,.navbar-toggler.collapsed:focus,.navbar-toggler.collapsed:hover{background:transparent;}
.navbar-toggler:focus{box-shadow:none;}
.navbar-toggler .navbar-toggler-icon{position:relative;display:inline-block;width: 24px;border-radius:50rem;height: 2px;color:#243238;text-indent:-55px;margin-top:0;background:transparent!important;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;vertical-align:middle;}
.navbar-toggler .navbar-toggler-icon:before,.navbar-toggler .navbar-toggler-icon:after{content:'';width: 24px;height: 2px;border-radius:50rem;background:var(--black);position:absolute;right: 0;transition:all .2s ease-out;}
.navbar-toggler.collapsed .navbar-toggler-icon{background:var(--black)!important;}
.fixed .navbar-toggler.collapsed .navbar-toggler-icon{background:var(--black)!important;}
.fixed .navbar-toggler .navbar-toggler-icon:before,.fixed .navbar-toggler .navbar-toggler-icon:after{background:var(--black)!important;}
.navbar-toggler.collapsed .navbar-toggler-icon:before{top: -8px;-webkit-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);transform:rotateZ(0deg);}
.navbar-toggler .navbar-toggler-icon:before{top:0;-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-o-transform:rotateZ(45deg);transform:rotateZ(45deg);}
.navbar-toggler.collapsed .navbar-toggler-icon:after{bottom: -8px;-webkit-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);transform:rotateZ(0deg);}
.navbar-toggler .navbar-toggler-icon:after{bottom:0;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg);}
.header-right{position:relative;z-index:999;margin-right:50px;}
.navbar-collapse {position: fixed;left: 0;top: 0;right: 0;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.06);max-height: 100%;overflow-y: auto;background-color:#f6f6f6;}
.navbar-inside{padding:72px 0 0;display:flex;flex-flow:column;}
.header-menu-holder {flex-grow: 1;overflow-y: auto;padding: 12px 20px 18px;}
.navbar-inside-bottom{padding: 0 20px 20px;}
.navbar-expand-xl .navbar-nav .nav-item{padding:0;margin:0;}
.navbar-expand-xl .navbar-nav .nav-item + .nav-item{margin-left:0;}
.navbar-expand-xl .navbar-nav{padding-top: 70px;}
.navbar-expand-xl .navbar-nav .nav-link{line-height: 40px;position:relative;text-align:center;font-size:17px;color: var(--black);text-align: center;padding: 10px 20px 10px !important;border-bottom: 1px solid rgb(0 0 0 / 10%);}
.navbar-nav.sm-collapsible .sub-arrow{border:0;margin:0;width:auto;font-size:30px;line-height:60px;top:0;height:60px;color:#f00;width:40px;}
.header-content-box {display: flex;flex-flow: column;gap: 12px;padding: 10px 20px 20px;}
.navbar-nav .dropdown-toggle{position:relative;padding:18px 55px 18px 20px!important;}
.navbar-nav .dropdown-toggle::before{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:26px;height:26px;color:var(--red);font-size:28px;line-height: 17px;font-weight: 400;transition:.3s;}
.navbar-nav .dropdown-toggle[aria-expanded="true"]::before{content:"−";}
.custom-dropdown{position:static;display:block;float:none;width:100%;padding:0;margin:0;background:transparent;border:none;box-shadow:none;}
.custom-dropdown .dropdown-item{padding: 18px 40px;font-weight: 600;border:none;text-align: center;font-size: 15px;}
.custom-dropdown .view-all{color:var(--red);font-weight:700;}
.menu-item {border-bottom: 1px solid rgb(0 0 0 / 10%);}
/* ===================== HEADER END ======================== */
/* ======================= HOME PAGE START ========================== */
.hero-1{ margin-left: 360px;}
.home-hero-content h1 {font-size: 48px;}
.home-hero-image {width: calc(100% + 100px);margin-left: -100px;}
.home-hero-content {max-width: none;}
.service-card::before{height: 100%;}
.client-story-content h3{font-size:42px;}
.client-story-content h4{font-size:20px;margin-bottom:60px;}
.client-story-review blockquote{font-size:20px;}
.contact-block h3{font-size:46px;}
.contact-email{font-size:28px;}
/* ======================= HOME PAGE END ========================== */
/* ======================= ABOUT PAGE START ========================== */
.journey-lower {justify-content: flex-end;justify-content: center;}
/* ======================= ABOUT PAGE END ========================== */
/* ======================= PUZZOLANA CASE STUDY PAGE START ========================== */
.puzzolana-hero-text,.puzzolana-hero-stat h3,.puzzolana-enterprise-content-box h3 {font-size: 22px;}
.puzzolana-enterprise-big-text-col {font-size: 38px;}
/* ======================= PUZZOLANA CASE STUDY PAGE END ========================== */
/* ======================= AMERICAN NARRATIVES PAGE START ========================== */
.an-launch-content p {font-size: 22px;}
.an-launch-content h3 {font-size: 38px;}
.an-podcast-player-ui {padding: 50px 50px;}
.an-publish-dot {width: 48px;height: 48px;}
.an-publish-step h3 {font-size: 22px;}
.an-result-summary-card h3 span {display: inline;}
.an-platform-integration-wrapper {gap: 16px;}
/* ======================= AMERICAN NARRATIVES PAGE END ========================== */
/* ======================= BRAND AMERICAN NARRATIVES PAGE START ========================== */
.brand-an-story-title {font-size: 38px;}
.brand-an-typeface-aa {font-size: 38px;}
.brand-an-story-logo img {max-width: 170px;}
.brand-an-logo-variant img {max-width: 160px;}
.brand-an-identity-note h3 {font-size: 24px;}
/* ======================= BRAND AMERICAN NARRATIVES PAGE END ========================== */
/* ======================= BRAND CMP PAGE START ========================== */
.social-media-card .brand-cmp-category-card-image{height: auto;}
/* ======================= BRAND CMP PAGE END ========================== */
/* ======================= BRAND GRUHA PAGE START ========================== */
.brand-gruha-work-heading h2{font-size: 38px;}
.brand-gruha-story-content h2 {font-size: 32px;}
.brand-gruha-story-content h2 br {display: none;}
/* ======================= BRAND GRUHA PAGE END ========================== */
/* ======================= BRAND IGLOO PAGE START ========================== */
.brand-igloo-work-heading {margin-bottom: 40px;}
.brand-igloo-story-content h2,.brand-igloo-investor-content h2 {font-size: 38px;margin-bottom: 24px;}
/* ======================= BRAND IGLOO PAGE END ========================== */
/* ======================= BRAND LCA PAGE START ========================== */
.brand-lca-scope-intro {padding-right: 0;}
.brand-lca-scope-intro p {font-size: 20px;}
.brand-lca-scope-card {padding: 30px;}
.brand-lca-scope-card ul li {padding-left: 24px;font-size: 14px;}
.brand-lca-category-card-caption-inside h4 br{display: none;}
.brand-lca-story-content h2 {font-size: 38px;}
.brand-lca-story-content p {font-size: 16px;}
/* ======================= BRAND LCA PAGE END ========================== */
/* ====================== LCA CASE STUDY PAGE START ========================== */
.product-info h3,.digital-product-title,.digital-summary-card h4,.summary-total strong,.service-header h3,.workshop-hero-card h3,.workshop-summary-card h4,.event-hero-card h3,.highlight-item span,.ticket-price {font-size: 22px;}
.rating {font-size: 16px;}
.price {font-size: 32px;}
.option-group h6,.option-buttons label,.delivery-text {font-size: 14px;}
.step-content h5 {font-size: 16px;}
.lca-publish-step h3 {font-size: 22px;}
.lca-conversion-highlight {font-size: 22px;}
/* ====================== LCA CASE STUDY PAGE START ========================== */
/* ======================= TAURIAN MISSION CASE STUDY PAGE START ========================== */
.page-watermark {font-size: 65px;}
.taurian-audience-middle h2 {font-size: 32px;}
.taurian-audience-content h4 {font-size: 24px;}
/* ======================= TAURIAN MISSION CASE STUDY PAGE END ========================== */
/* ======================= TST CASE STUDY PAGE START ========================== */
.tst-result-stat-content h3{font-size: 38px;}
.page-watermark {font-size: 65px;}
.tst-review-stars span {width: 51px;height: 51px;}
.tst-review-quote blockquote ,.tst-review-author,.tst-review-source{font-size: 24px;}
.tst-review-quote-icon {width: 149px;}
/* ======================= TST CASE STUDY PAGE END ========================== */
/* ======================= ZERUND CASE STUDY PAGE START ========================== */
.zerund-hero-content h1 {font-size: 38px;max-width: none;}
.zerund-hero-tags {gap: 12px 16px;}
.zerund-story-stat h3 {font-size: 38px;}
.zerund-story-stat p {font-size: 20px;}
.zerund-publish-step h3 {font-size: 18px;}
.zerund-publish-step p {font-size: 14px;line-height: 1.4;}
.zerund-publish-dot {width: 38px;height: 38px;}
.zerund-publish-dot span {width: 6px;height: 6px;}
/* ======================= ZERUND CASE STUDY PAGE END ========================== */
}
/* ========================================== 
! Large devices (desktops, less than 1045px)
=========================================== */
@media (max-width:1045.98px){
.project-cta-content h2 {margin-bottom: 16px;} 
.project-cta-buttons {margin-top: 26px;}
.brw-sub-heading h3 {font-size: 50px;}
.brw-content-title h2 {font-size: 24px;}
.project-title {font-size: 60px;}
}
/*==========================================
! Large devices (desktops, less than 992px)
========================================== */
@media (min-width:991.98px){
/* ======================= GRAPHIC + WEBSITE DESIGN PAGE START ========================== */
.design-process-content .accordion-header{display:none;}
.design-process-content .accordion-collapse{display:block !important;}
.design-process-content .accordion-body{padding:0;}
.process-layout-6 .tab-pane:nth-child(2) .design-process-card{margin-left:16.66%;}
.process-layout-6 .tab-pane:nth-child(3) .design-process-card{margin-left:11.5%;}
.process-layout-6 .tab-pane:nth-child(4) .design-process-card{margin-left:28%;}
.process-layout-6 .tab-pane:nth-child(5) .design-process-card{margin-left:auto;margin-right:16.66%;}
.process-layout-6 .tab-pane:nth-child(6) .design-process-card{margin-left:auto;}
.process-layout-6 .tab-pane:nth-child(3) .design-process-card:after,.process-layout-6 .tab-pane:nth-child(4) .design-process-card:after{left:50%;right:auto;transform:translateX(-50%) rotate(45deg);}
.process-layout-6 .tab-pane:nth-child(5) .design-process-card:after,.process-layout-6 .tab-pane:nth-child(6) .design-process-card:after{left:auto;right:80px;}
.process-layout-5 .tab-pane:nth-child(2) .design-process-card{margin-left:20%;}
.process-layout-5 .tab-pane:nth-child(3) .design-process-card{margin-left:20%;}
.process-layout-5 .tab-pane:nth-child(4) .design-process-card{margin-left:auto;margin-right:20%;}
.process-layout-5 .tab-pane:nth-child(5) .design-process-card{margin-left:auto;}
.process-layout-5 .tab-pane:nth-child(3) .design-process-card:after{left:50%;right:auto;transform:translateX(-50%) rotate(45deg);}
.process-layout-5 .tab-pane:nth-child(4) .design-process-card:after,.process-layout-5 .tab-pane:nth-child(5) .design-process-card:after{left:auto;right:100px;}
.process-layout-5 .tab-pane .design-process-card::after {left: 100px;}
.process-layout-4 .tab-pane:nth-child(2) .design-process-card{margin-left:25%;}
.process-layout-4 .tab-pane:nth-child(3) .design-process-card{margin-left:auto;margin-right:25%;}
.process-layout-4 .tab-pane:nth-child(4) .design-process-card{margin-left:auto;}
.process-layout-4 .tab-pane:nth-child(3) .design-process-card:after,.process-layout-4 .tab-pane:nth-child(4) .design-process-card:after{left:auto;right:130px;}
.process-layout-4 .tab-pane .design-process-card:after{left: 130px;}
.design-process-content .accordion-body{transform-origin:bottom center;}
.design-process-content .accordion-body.animate{animation:tabFlip .7s cubic-bezier(.77,.2,.05,1);}
@keyframes tabFlip{
0%{
    opacity:0;
    transform:
    perspective(600px)
    rotateX(70deg);
}
100%{
    opacity:1;
    transform:
    perspective(600px)
    rotateX(0deg);
}
}
/* ======================= GRAPHIC + WEBSITE DESIGN PAGE END ========================== */
/* ======================= PUZZOLANA CASE STUDY PAGE START ========================== */
.puzzolana-hero-content {height: calc(100vh - 120px);display: flex;flex-flow: column;justify-content: center;}
.puzzolana-enterprise-right-wrapper {width: 100%;height: calc(100vh - 120px);display: flex;align-items: center;justify-content: center;}
/* ======================= PUZZOLANA CASE STUDY PAGE END ========================== */
/* ======================= LCA CASE STUDY PAGE START ========================== */
.lca-store-demo-frame .collapse:not(.show) {display: block;}
.lca-store-demo-frame .accordion-body {padding: 0;}
.lca-store-demo-frame .accordion-item{border: 0!important;background: transparent!important;}
.lca-store-demo-frame .accordion-item:first-child,
.lca-store-demo-frame .accordion-item:last-child{border: 0!important;background: transparent!important;}
/* ======================= LCA CASE STUDY PAGE END ========================== */
}
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px){
h1 br,h2 br,h3 br,h4 br{display: none;}
h1, h2, h3, h4, h5, h6 {margin-bottom: 16px;}
.project-cta-content h2,.heading h2, h2, h1 {font-size: 32px;line-height: 1.3;}
.mob-pb-0 {padding-bottom: 0!important;}
.mob-pt-0 {padding-top: 0!important;}
.content-container{padding: 60px 0;}
.project-cta-container{padding: 45px 0;}
body {font-size: 15px;}
.brand-hero-container{height: auto;padding: 60px 0 0;}
.branding-hero-container-mego .brand-hero-image-holder {width: 100%!important;margin: 0 auto 0!important;display: flex!important;flex-flow: column!important;align-items: center!important;justify-content: center!important;}
.brand-tags.gap-4 {gap: 12px !important;}
.brw-heading h2 br,
.project-impact-content h2 br{display: none;}
.brw-box {padding: 24px 24px;}
.brw-sub-heading h3 {font-size: 40px;}
.brw-sub-heading {margin-bottom: 24px;}
.project-impact-holder {padding: 30px 24px;}
.project-title {font-size: 45px;}
h3{font-size: 32px;}
.project-hero-container {height: auto;padding: 120px 0 40px;}
.project-hero-content h1 {font-size: 30px;line-height: 1.3;}
.wwd-upper{margin-bottom:50px;}
.wwd-step-list {width:100%;margin-left:0;}
.wwd-step-item, .four-column .wwd-step-item {width: 100%;padding: 0;}
.wwd-step{position:relative;padding-left: 54px;padding-bottom: 34px;}
.wwd-dot {width: 35px;height: 35px;margin: 0;position: absolute;left: 0;top: 0;}
.wwd-dot:before, .wwd-dot:after {content: '';width: 2px;height: 50vw;top: 100%;transform: translateX(-50%);left: 50%;}
.wwd-step-item:last-child .wwd-dot:after,.wwd-step-item:last-child .wwd-dot:before{content:none;}
.wwd-step h3{font-size:20px;margin-bottom:6px;}
.wwd-step p{max-width:none;margin:0;}
.wwd-middle{margin-bottom: 12px;}
.wwd-bottom h5{text-align:left;}
.footer-upper {padding: 50px 0;}
.footer-logo {width: 160px;}
.fu-left {width: 100%;}
.fu-right {width: 100%;padding-left: 0;margin-top: 40px;}
.footer-menu-list {gap: 24px;}
.footer-lower {padding: 24px 0;}
/* ======================= HOME PAGE START ========================== */
.home-hero-content {padding-bottom: 24px;padding-top: 120px;}
.home-hero-container{height: auto; padding-bottom: 150px;}
.hero-1 {height: 51vh;margin-left: 180px;}
.home-hero-image {width: auto;margin-left: -60px;margin-top: 0;}
.client-story-content-box {padding: 0;}
.client-story-card{max-width: none;}
.client-story-review {padding-left: 0;margin-top: 24px;}
.client-story-author,.client-story-meta{text-align:left;}
.testimonial-card{padding:30px 24px;}
.testimonial-author{font-size:22px;}
.contact-cta-left{max-width:100%;}
.contact-divider{margin:30px 0;}
/* ======================= HOME PAGE END ========================== */
/* ======================= GRAPHIC + WEBSITE DESIGN PAGE START ========================== */
.design-features-heading{width: 100%;margin-bottom: 32px;}
.brand-identity-service-hero-image{margin-top: 0;}
.design-features-content{padding-left: 0px;}
.design-feature-box h3 {font-size: 16px;}
.design-features-list {margin-bottom: -32px;width: calc(100% + 32px);margin-left: -16px;}
.design-feature-item {width: 33.33%;margin-bottom: 32px;padding: 0 16px;}
.design-feature-icon {width: 40px;}
.design-process-card::after{content: none;}
.design-process-nav{display:none;}
.design-process-content{margin-bottom:0;}
.design-process-content .tab-pane{display:block;opacity:1;}
.design-process-content .tab-pane.fade{opacity:1;}
.design-process-content .tab-pane:not(.active){display:block;}
.design-process-content .accordion-item{border:0;background:transparent;margin-bottom:20px;}
.design-process-content .accordion-button{position:relative;padding:24px 50px 24px 16px;font-size:16px;font-weight:600;color:#000;background:#e9e9e9;border:0;border-radius:0;box-shadow:none;}
.design-process-content .accordion-button::after{display:none;}
.design-process-content .accordion-button::before,.design-process-content .accordion-button::after{content:"";position:absolute;right:18px;top:50%;width:14px;height:2px;background:#000;transition:.3s;}
.design-process-content .accordion-button::before{transform:translateY(-50%);}
.design-process-content .accordion-button::after{display:block;transform:translateY(-50%) rotate(90deg);}
.design-process-content .accordion-button:not(.collapsed){background:var(--red);color:#fff;}
.design-process-content .accordion-button:not(.collapsed)::before,.design-process-content .accordion-button:not(.collapsed)::after{background:#fff;}
.design-process-content .accordion-button:not(.collapsed)::after{opacity:0;}
.design-process-content .accordion-body{padding:20px 0 0;}
.design-process-content .accordion-item:first-of-type>.accordion-header .accordion-button{border-radius: 14px!important;}
.design-process-card{width:100%;box-shadow: none;padding: 80px 24px 24px 24px;}
.design-process-step{font-size:72px;}
.design-process-nav{overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;padding:18px;}
.design-process-nav .nav-item{min-width:170px;}
.design-pricing-heading {margin-bottom: 40px;}
.design-how-we-work-heading {margin-bottom: 0;}
.design-related-card{padding:24px;}
.design-related-laptop{max-width:380px;}
.design-faq-item{padding:22px 0 18px;}
.design-faq-item h3{font-size:22px;margin-bottom:8px;}
.design-faq-heading {margin-bottom: 0;}
.design-hero-container{height: auto;}
.design-hero-text{max-width: none;margin-top: 24px;}
.design-hero-image-holder{width: 100%;max-width: 80%;margin: 30px auto 0;}
.design-card-image-2 {width: auto;margin: 0 auto;display: flex;align-items: center;justify-content: center;}
.design-card-image-1 img,.design-card-image-2 img {max-width: 70%;}
.gdh-hero-image {padding-top: 50px;}
.graphic-ds-card-img-2,.graphic-ds-card-img-1 {margin: 0px auto 0px;}
/* ======================= GRAPHIC + WEBSITE DESIGN PAGE END ========================== */
/* ======================= PUZZOLANA CASE STUDY PAGE START ========================== */
.puzzolana-enterprise-content-box {margin-top: 60px;}
.puzzolana-enterprise-para-text{max-width: none;}
.puzzolana-hero-button-container {margin-top: 24px;}
.puzzolana-rotate-container .heading h2{font-size:46px;}
.puzzolana-rotate-scope-content h3{font-size:48px;margin-bottom:40px;}
.puzzolana-rotate-scope-grid{grid-template-columns:1fr;}
.puzzolana-machine-dot {width: 48px;height: 48px;}
.puzzolana-machine-dot::before {width: 8px;height: 8px;}
.puzzolana-popover-title {font-size: 16px;}
.puzzolana-popover-content-wrap {font-size: 14px;}
.puzzolana-machine-popover .popover-header {padding: 16px 24px 4px;}
.puzzolana-machine-popover .popover-body {padding: 0 24px 24px;}
.puzzolana-machine-hint {font-size: 14px;}
/* ======================= PUZZOLANA CASE STUDY PAGE END ========================== */
/* ======================= AMERICAN NARRATIVES PAGE START ========================== */
.an-platform-integration-container {padding: 50px 0;}
.an-platform-integration-title{max-width: none;margin-bottom:30px;}
.an-platform-integration-title h2 br{display: none;}
.an-platform-integration-logos {width: 100%; gap: 24px 30px;}
.an-launch-feature-holder {max-width: none;}
.an-launch-shape {width: 100%;max-width: 450px;}
.an-launch-content p {font-size: 20px;max-width: none;}
.an-launch-content h3 {font-size: 32px;}
.an-launch-content p {font-size: 18px;}
.an-launch-content h3 {font-size: 28px;}
.an-podcast-player-ui {padding: 32px;}
.an-podcast-tech-card {padding: 20px 20px 20px 20px;font-size: 16px;}
.an-podcast-player-main {padding: 18px;margin-bottom: 45px;flex-flow: column;align-items: flex-start;}
.an-podcast-title {font-size: 22px;}
.an-podcast-subtitle {font-size: 16px;}
.an-podcast-content{width: 100%;}
.an-publish-step-list {margin-top: 60px;}
.an-guest-page-content{max-width: none;}
.an-season-content {max-width: none;margin-bottom: 70px;}
.an-season-card-content h3 {font-size: 22px;}
/* ======================= AMERICAN NARRATIVES PAGE END ========================== */
/* ======================= BRAND AMERICAN NARRATIVES PAGE START ========================== */
.brand-hero-container-an .brand-hero-image-holder {width: 100%;margin-top: 0;margin-left: 0;}
.brand-an-story-content {max-width: none;}
.brand-an-story-card {padding: 32px;}
.brand-an-story-content p {font-size: 16px;}
.brand-an-identity-note p {font-size: 16px;}
.brand-an-identity-footer {gap: 24px;padding-left: 0;margin-top: 24px;}
.brand-an-typeface-name {font-size: 20px;}
.brand-an-typeface-card {padding: 32px;gap: 24px;min-height: 180px;}
.brand-an-identity-label {font-size: 20px;}
.brand-an-color-code {font-size: 20px;}
.brand-an-color-card-title {font-size: 70px;top: -10px;}
.brand-an-evolution-content {width: 100%;max-width: none;margin-bottom: 24px;}
.brand-an-evolution-content p {width: 100%;max-width: none;}
.brand-an-document-content {max-width: none;}
.brand-an-document-visual {height: auto;width: 100%;max-width: 380px;margin: 0 auto;}
/* ======================= BRAND AMERICAN NARRATIVES PAGE END ========================== */
/* ======================= BRAND CMP PAGE START ========================== */
.brand-hero-image-holder {width: 100%;margin-left: 0;display: flex;flex-flow: column;align-items: center;justify-content: center;}
.brand-cmp-story-tag {padding: 16px 18px;font-size: 24px;}
.brand-cmp-story-owned{font-size: 16px;}
.brand-cmp-story-content {font-size: 16px;max-width: none;}
.brand-cmp-category-tabs {gap: 8px 45px;}
.brand-cmp-category-tabs .nav-link {padding: 8px 16px;font-size: 16px;}
.brand-cmp-category-grid {grid-template-columns: repeat(2, 1fr);gap: 16px;}
.brand-cmp-category-intro h3 {font-size: 24px;}
.brand-cmp-category-intro h3 br{display: none;}
.brand-cmp-category-intro {padding: 16px 0px 0 0;}
.brand-cmp-category-card-content h4 {font-size: 20px;}
.brand-cmp-category-card-content p {font-size: 14px;}
.brand-cmp-scope-intro {padding: 0;}
.brand-cmp-category-card-content {padding: 0 24px 0;}
.brand-cmp-scope-card ul li {padding-left: 30px;font-size: 14px;}
.brand-cmp-scope-card ul li::before {top: 10px;width: 10px;}
.brand-cmp-scope-card {padding: 25px;}
.brand-cmp-scope-intro p {font-size: 20px;}
/* ======================= BRAND CMP PAGE END ========================== */
/* ======================= BRAND GRUHA PAGE START ========================== */
.brand-gruha-work-heading h2{margin-bottom: 30px;}
.brand-gruha-story-content {max-width: none;padding-bottom: 30px;}
.branding-hero-container-gruha .brand-hero-image-holder {width: 100%;margin-left: 0;margin-top: 24px;}
.brand-gruha-story-content p {font-size: 16px;}
.brand-gruha-story-visual {margin-left: 0;}
.brand-gruha-work-card-content h3 {font-size: 20px;}
.brand-gruha-work-label {font-size: 14px;padding-bottom: 16px;}
.brand-gruha-work-card-content {padding: 30px 24px 0;}
.brand-gruha-work-content {padding: 0 24px;}
.brand-gruha-work-content p {font-size: 16px;line-height: 1.2;max-width: none;}
.brand-gruha-work-list {gap: 16px;}
.brand-gruha-work-list li {padding-left: 24px;font-size: 16px;}
.even-gruha-work-item .brand-gruha-work-visual img {margin-left: 0;    width: 95%;}
.odd-gruha-work-item .brand-gruha-work-visual img {width: 95%;}
.brand-gruha-work-visual {height: auto;}
.brand-gruha-story-content h2{font-size: 22px;}
/* ======================= BRAND GRUHA PAGE END ========================== */
/* ======================= BRAND IGLOO PAGE START ========================== */
.brand-igloo-story-content {max-width: 100%;padding-bottom: 30px;}
.branding-hero-container-igloo .brand-hero-image-holder {width: 100%;margin-left: 0;margin-top: 24px;display: flex;align-items: center;justify-content: center;}
.brand-igloo-story-content p {font-size: 16px;}
.brand-igloo-story-content h2 br{display: none;}
.brand-igloo-work-visual {height: auto; padding: 0px 16px 0;}
.brand-igloo-work-card-content h3 {font-size: 22px}
.brand-igloo-work-label {font-size: 14px;padding-bottom: 14px;}
.brand-igloo-work-content p {font-size: 16px;line-height: 1.5; max-width: none;}
.brand-igloo-work-list li {padding-left: 24px;font-size: 16px;}
.brand-igloo-work-list {gap: 16px;}
.brand-igloo-investor-visual {width: 100%;margin-left: 0;margin-top: 24px;}
.brand-igloo-investor-content p {font-size: 16px;}
.igloo-work-item-2 .brand-igloo-work-visual {width: 100%;margin-left: 0;}
.igloo-work-item-1 .brand-igloo-work-visual img {right: 0;}
.igloo-work-item-3 .brand-igloo-work-visual {width: 100%;margin-left: 0;}
.brand-igloo-work-card-content {padding: 24px 24px 0;}
.brand-igloo-work-content {padding: 0 24px;}
/* ======================= BRAND IGLOO PAGE END ========================== */
/* ======================= BRAND LCA PAGE START ========================== */
.branding-hero-container-lca .brand-hero-image-holder {width: 100%;margin-left: 0;}
.brand-lca-scope-intro p{font-size: 16px;}
.brand-lca-category-intro h3 {font-size: 24px;}
.brand-lca-category-card-caption-inside h4 {font-size: 18px;}
.brand-lca-category-card-caption-inside {font-size: 14px;padding: 12px 0 12px;}
.brand-lca-category-card-featured .brand-lca-category-card-image img {margin-left: 0;margin-bottom: -20px;}
.brand-lca-category-card-image img {margin-left: 0;margin-bottom: -20px;}
.brand-lca-category-card-caption {padding: 0 24px;}
.brand-lca-story-content h2 br{display: none;}
.brand-lca-category-tabs {gap: 8px 45px;}
.brand-lca-category-tabs .nav-link {padding: 8px 12px;font-size: 16px;}
.brand-lca-scope-card {padding: 24px;}
/* ======================= BRAND LCA PAGE END ========================== */
/* ======================= LCA CASE STUDY PAGE START ========================== */
.lca-where-started-bg-text-wrapper {margin-top: 34px;text-align: center;}
.lca-where-started-image-wrapper {padding-left: 0;margin-top: 24px;}
.lca-where-started-list li {padding-left: 20px;margin-bottom: 10px;font-size: 14px;}
.lca-where-started-content h2 {margin-bottom: 24px;}
.lca-toolbar-right {gap: 12px;}
.lca-store-demo-toolbar {padding: 12px 16px;}
.lca-toolbar-icon { width: 18px;height: 18px;}
.lca-store-demo-logo {width: 124px;}
.lca-store-demo-title {font-size: 14px;}
.checkout-btn {font-size: 12px;}
.checkout-btn em {width: 14px;}
.store-product-card,.digital-download-layout,.online-service-layout,.live-workshop-layout,.physical-event-layout {gap: 24px;flex-flow: column;padding: 16px;}
.product-gallery,.product-info,.digital-product-card,.digital-summary-card,.service-content,.service-summary-card,.workshop-content,.workshop-summary-card,.event-showcase,.ticket-card {width: 100%;}
.digital-product-card,.service-content,.workshop-summary-card,.event-showcase {flex:none;}
.highlight-grid{max-width: none;}
.lca-product-tab-content .tab-pane {display: block !important;opacity: 1 !important;}
.lca-product-tab-content .tab-pane.fade {transition: none;}
.lca-product-tab-content {padding: 0;background: transparent;margin-top:16px;}
.lca-product-tab-content {border-radius: 0!important;}
.lca-product-tab-content .tab-pane+.tab-pane {margin-top: 16px;}
.lca-store-demo-frame .accordion-body {background: #f7f7f7;padding: 0;}
.lca-publish-step h3 {font-size: 20px;}
.lca-conversion-highlight {font-size: 18px;}
.lca-conversion-content {max-width: none;}
.lca-conversion-card {padding: 30px 24px;}
.lca-conversion-content p {font-size: 16px;}
/* ======================= LCA CASE STUDY PAGE END ========================== */
/* ======================= TAURIAN MISSION CASE STUDY PAGE START ========================== */
.taurian-mission-image{right: 0;}
.taurian-mission-quote {margin-top: 24px;}
.taurian-mission-quote h4 {font-size: 18px;}
.page-watermark {font-size: 55px;}
.taurian-navigation-toolbar-icon,.taurian-carousel-toolbar-icon {width: 18px;height: 18px;}
.taurian-navigation-browser-icons,.taurian-carousel-browser-icons {gap: 16px;}
.taurian-navigation-header {padding: 12px 24px;}
.taurian-carousel-header {padding: 12px 24px;}
.taurian-navigation-column h5 {font-size: 16px;}
.taurian-navigation-product-image {width: 96px;}
.taurian-navigation-product {margin-bottom: 24px;flex-flow: column;}
.taurian-navigation-article {padding: 22px 24px 24px;}
.taurian-navigation-heading {font-size: 16px;}
.taurian-touchpoints-dot {width: 32px;height: 32px;}
.taurian-touchpoints-dot::before {width: 6px;height: 6px;}
.taurian-title {font-size: 16px;}
.taurian-content-wrap {font-size: 12px;}
.taurian-machine-popover .popover-header {padding: 12px 18px 4px;}
.taurian-machine-popover .popover-body {padding: 0 18px 24px;}
.taurian-touchpoints-hint {font-size: 12px;line-height: 1.4;padding: 0 24px;text-align: center;}
.taurian-touchpoints-hint::before, .taurian-touchpoints-hint::after {width: 18px;}
.taurian-identity-content {font-size: 16px;}
.taurian-identity-highlight {font-size: 18px;}
.taurian-audience-content p {font-size: 16px;}
.taurian-audience-middle {width: 100%;padding: 24px 0;}
.taurian-audience-content {min-height: 254px;}
/* ======================= TAURIAN MISSION CASE STUDY PAGE END ========================== */
/* ======================= TST CASE STUDY PAGE START ========================== */
.tst-result-content {max-width: none;font-size: 16px;}
.tst-result-card {margin: 0 auto;}
.tst-result-graphic {width: 55%;}
.tst-result-stat-content {font-size: 16px;padding: 170px 28px 36px 42px;}
.tst-architecture-watermark {margin-top: 24px;}
.page-watermark {font-size: 50px;}
.tst-idea-highlight {font-size: 22px;}
.tst-idea-content p {font-size: 16px;}
.tst-review-card {max-width: 100%;}
.tst-review-stars span {width: 41px;height: 41px;}
.tst-review-quote {padding: 0;}
.tst-review-quote-icon {width: 80px;margin-bottom: 24px;}
.tst-review-quote blockquote ,.tst-review-author,.tst-review-source{font-size: 18px;}
/* ======================= TST CASE STUDY PAGE END ========================== */
/* ======================= ZERUND CASE STUDY PAGE START ========================== */
.zerund-hero-container{height: auto;padding-top: 50px;}
.zerund-hero-content h1 br{display: none;}
.zerund-hero-graphic{width: 100%;margin-left: 0;max-width: 600px;margin: 0 auto;}
.zerund-story-stats {align-items: flex-start;}
.zerund-story-stat {justify-content: flex-start}
.zerund-story-cta {text-align: left;margin-top: 6px;max-width: none;}
.zerund-story-stat p {font-size: 18px;}
.zerund-design-system-content {width: 100%;max-width: none;}
.zerund-design-system-content p {max-width: none;font-size: 16px;}
.zerund-design-system-content h3 {font-size: 20px;}
.zerund-toolbar-right {gap: 12px;}
.zerund-store-demo-toolbar {padding: 10px 16px;}
.zerund-toolbar-icon {width: 18px;height: 18px;}
.zerund-publish-step h3 {font-size: 16px;}
.zerund-publish-step p {font-size: 12px;}
.zerund-publish-step-list {margin-top: 40px;}
/* ======================= ZERUND CASE STUDY PAGE END ========================== */
}
/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px){
body {font-size: 14px;}
.content-container {padding: 45px 0;}
.project-cta-buttons {gap: 8px;margin-top: 24px;}
.heading {margin-bottom: 40px;}
.brw-heading h2{font-size: 28px;}
.brw-sub-heading h3 {font-size: 30px;}
.brw-content-title::before {width: 20px;height: 10px;}
.brw-content-title h2 {font-size: 20px;}
.project-impact-content h2{font-size: 28px;}
.brand-tags.gap-4 {gap: 8px !important;}
.brand-tag-button {padding: 8px 12px!important;font-size: 11px!important;}
h3{font-size: 28px;}
.bmic-image-box img {width: 100%;max-width: 268px;}
.dash-list {gap: 14px;}
.dash-list li {font-size: 14px;padding-left: 24px;}
.dash-list li:before {width: 10px;top: 8px;}
.project-impact-holder {padding: 24px;}
.studio-connect-container {padding: 45px 0;}
.studio-connect-left h2{max-width: none;}
.studio-connect-right {max-width: 100%;margin-left: 0;}
.studio-connect-left h2 {font-size: 28px;}
.studio-connect-note {max-width: none;}
.studio-connect-right h3 {font-size: 32px;}
.fu-right {flex-flow: column;}
.header-content-box .btn{min-width: 100%;text-align: center;display: flex;align-items: center;justify-content: center;font-size: 17px !important;}
.upwork-btn img {width: 68px;}
/* ======================= HOME PAGE START ========================== */
.home-hero-content {font-size: 16px;}
.home-hero-content h1 {font-size: 30px;}
.hero-1 {height: 45vh;margin-left: 120px;}
.hero-upwork em {padding: 6px 10px;}
.hero-upwork em img {width: 58px;}
.hero-upwork {font-size: 14px;}
.client-story-content{padding:24px;}
.client-story-content h3{font-size:30px;}
.client-story-content h4{font-size:18px;margin-bottom:40px;}
.client-story-source{font-size: 16px;}
.client-story-stars span{width: 34px;}
.client-story-review blockquote{font-size:18px;}
.client-story-author{font-size:24px;}
.client-story-meta{font-size:15px;}
.work-card-image{padding-bottom: 75%;}
.work-card-content h3{font-size:20px;}
.work-card-content span{font-size:14px;}
.testimonial-quote {width: 80px;margin-bottom: 24px;}
.testimonial-author{font-size:20px;}
.testimonial-meta{font-size:14px;}
.testimonial-author{margin-top: 30px;}
.contact-block h3{font-size:34px;}
.contact-email{font-size:22px;}
.contact-cta-intro{font-size:16px;}
.contact-form .form-control {padding: 10px 12px;height: 50px;}
.contact-form .form-select {background: #232323 url(../images/common/select-arrow.png) no-repeat right 16px center;height: 50px;background-size: 16px;}
.contact-form textarea.form-control {height: 100px;}
.contact-upwork-logo {width: 80px;}
.contact-arrow {width: 24px;}
.client-story-quote {width: 90px;margin-bottom: 45px;}
/* ======================= HOME PAGE END ========================== */
/* ======================= ABOUT PAGE START ========================== */
.journey-item {padding: 0;}
.jt-box {max-width: none;}
.our-journey-timeline {margin-top: 40px;display: flex;flex-direction: column;}
.about-hero-content {font-size: 16px;}
.about-hero-container {height: auto;padding-top: 80px;}
.about-hero-content h2 {font-size: 22px;max-width: none;}
.about-hero-image-holder {padding-left: 0;}
.about-hero-img {width: 100%;max-width: 380px;margin: 24px auto 0;}
.journey-upper,.journey-lower,.journey-middle ,.our-journey-timeline{gap: 34px;}
.team-member-card {min-height: auto;}
.team-member-content {padding: 24px;gap:16px;}
.team-member-image{min-height: auto;}
.team-member-info h4 {font-size: 20px;}
.team-member-info span {font-size: 16px;}
/* ======================= ABOUT PAGE END ========================== */
/* ======================= PORTFOLIO PAGE START ========================== */
.work-card-content {padding: 0 24px 0;}
.filter-btn{padding: 8px 12px;font-size: 12px;}
.work-card-content span {font-size: 14px;}
.work-card-content h3{font-size: 18px;}
/* ======================= PORTFOLIO PAGE END ========================== */
/* ======================= GRAPHIC + WEBSITE DESIGN PAGE START ========================== */
.design-how-we-work-container{padding:80px 0;}
.design-process-card{min-height:auto;padding-bottom:80px;}
.design-process-duration{width:auto;margin-bottom:30px;height: auto;padding: 16px;left: 24px;}
.design-how-we-work-desc{font-size:16px;}
.design-price-usd {font-size: 20px;}
.design-price-inr {font-size: 16px;}
.design-price-card.featured .design-price-usd {font-size: 25px;}
.design-addon-card {padding: 24px 24px 200px 24px;}
.design-addon-title,.design-addon-price-usd {font-size: 20px;}
.design-addon-bg-text {top: auto;width: auto;height: auto;transform: translateX(-50%);border: 0;left: 50%;bottom: 0;}
.design-addon-price-inr {font-size: 16px;}
.design-faq-item h3{font-size:18px;}
.df-text{font-size:16px;line-height: 1.3;}
.design-related-heading {margin-bottom: 0px;}
/* ======================= GRAPHIC + WEBSITE DESIGN PAGE END ========================== */
/* ======================= PUZZOLANA CASE STUDY PAGE START ========================== */
.puzzolana-rotate-machine-wrapper{height:280px;}
.puzzolana-rotate-container .heading h2{font-size:38px;}
.puzzolana-hero-text, .puzzolana-hero-stat h3, .puzzolana-enterprise-content-box h3 {font-size: 18px;}
.puzzolana-enterprise-big-text-col {font-size: 28px;}
.puzzolana-enterprise-content-box {margin-top: 30px;}
.puzzolana-machine-dot {width: 24px;height: 24px;}
.puzzolana-machine-dot::before {width: 4px;height: 4px;}
.puzzolana-three-dimensional-icon {width: 120px;right: 120px;top: 24px;}
.puzzolana-hero-content p br{display:none;}
.puzzolana-hero-text, .puzzolana-hero-stat h3, .puzzolana-enterprise-content-box h3 {font-size: 16px;}
.puzzolana-map-holder {height: 400px;}
/* ======================= PUZZOLANA CASE STUDY PAGE END ========================== */
/* ======================= AMERICAN NARRATIVES PAGE START ========================== */
.an-podcast-title {font-size: 18px;}
.an-podcast-subtitle {font-size: 14px;}
.an-podcast-bottom-row {margin-top: 16px;flex-flow: column;}
.an-podcast-tech-left {width: 100%;max-width: none;}
.an-publish-step-list {width: 100%;margin-left: 0;margin-top: 50px;}
.an-publish-step-item {width: 100%;padding: 0 0 24px 54px;position: relative;}
.an-publish-dot {width: 38px;height: 38px;position: absolute;left: 0;top: 0;}
.an-publish-dot:after, .an-publish-dot:before {width: 2px;height: 100vw;background: var(--black);position: absolute;top: 100%;transform: translateX(-50%);left: 50%;}
.an-publish-step-item:last-child  .an-publish-dot:after,
.an-publish-step-item:last-child .an-publish-dot:before {content: none;}
.an-publish-step p {font-size: 14px;}
.an-publish-step h3 {font-size: 20px;}
.an-publish-step p br{display: none;}
.an-season-content {max-width: none;margin-bottom: 24px;}
.an-season-card .an-season-card-cover {transform: translateY(-22px);}
.an-result-summary-card {padding: 34px;min-height: auto;}
.an-mission-image {width: 100%;max-width: none;margin-left: auto;margin-bottom: -50px;margin-right: auto;}
/* ======================= AMERICAN NARRATIVES PAGE END ========================== */
/* ======================= BRAND AMERICAN NARRATIVES PAGE START ========================== */
.brand-an-story-logo img {max-width: 90px;}
.brand-an-story-title {font-size: 28px;}
.brand-an-story-card-sm,.brand-an-story-card:last-child {width: 100%;}
.brand-an-logo-variant img {max-width: 100px;}
.brand-an-identity-footer {flex-flow: column;align-items: center;}
.brand-an-logo-variants {gap: 24px;}
.brand-an-typeface-content {font-size: 16px;}
/* ======================= BRAND AMERICAN NARRATIVES PAGE END ========================== */
/* ======================= BRAND CMP PAGE START ========================== */
.brand-cmp-story-tag {padding: 10px 14px;font-size: 16px;}
.brand-cmp-scope-intro p {font-size: 16px;}
.brand-cmp-scope-card h3 {font-size: 16px;}
/* ======================= BRAND CMP PAGE END ========================== */
/* ======================= BRAND GRUHA PAGE START ========================== */
.brand-gruha-work-heading h2{font-size: 28px;}
.brand-gruha-work-visual {padding: 0 20px 0;}
.brand-gruha-story-content h2{font-size: 18px;}
.brand-gruha-story-content p{font-size: 14px;}
.brand-gruha-work-content p {font-size: 14px;}
.brand-gruha-work-list li {font-size: 14px;}
.brand-gruha-work-content {padding: 0 16px;}
.brand-gruha-work-list {gap: 14px;}
.brand-gruha-work-card-content h3 {font-size: 18px;}
/* ======================= BRAND GRUHA PAGE END ========================== */
/* ======================= BRAND IGLOO PAGE START ========================== */
.brand-igloo-story-content h2,.brand-igloo-investor-content h2 {font-size: 28px;}
.brand-igloo-story-content p {font-size: 14px;}
.brand-igloo-work-content p {font-size: 14px;}
.brand-igloo-work-list {gap: 12px;}
.brand-igloo-work-list li {padding-left: 18px;font-size: 14px;}
.brand-igloo-work-list li:before {width: 10px;top: 8px;}
.brand-igloo-work-content {padding: 0 16px;}
.brand-igloo-investor-content p {font-size: 14px;}
/* ======================= BRAND IGLOO PAGE END ========================== */
/* ======================= BRAND LCA PAGE START ========================== */
.brand-lca-story-content h2 {font-size: 28px;}
.brand-lca-story-content p {font-size: 14px;}
.brand-lca-category-tabs .nav-link {font-size: 14px;}
.brand-lca-category-content-wrapper {margin-top: 24px;}
.brand-lca-category-card-caption-inside {font-size: 14px;padding: 12px 0 8px;}
.brand-lca-scope-intro p {font-size: 14px;}
.brand-lca-scope-card {padding: 24px;}
.brand-lca-scope-card h3 {font-size: 16px;margin-bottom: 16px;}
.brand-lca-scope-card ul li:not(:last-child) {margin-bottom: 12px;}
.brand-lca-scope-card ul li::before{top: 8px;}
.brand-lca-story-visual img {max-width: 285px;}
/* ======================= BRAND LCA PAGE END ========================== */
/* ======================= BRAND MEGO PAGE START ========================== */
.bmic-content-box {max-width: none;}
.mego-adaptation-card-2 .brand-mego-adaptation-image img,.mego-adaptation-card-1 .brand-mego-adaptation-image img {margin: 0;}
.bmac-content h3 {font-size: 20px;}
/* ======================= BRAND MEGO PAGE END ========================== */
/* ======================= LCA CASE STUDY PAGE START ========================== */
.thumb-list {gap: 8px;}
.main-image {height: 170px;}
.thumb {width: 70px;height: 60px;padding: 12px;}
.stock-status {font-size: 12px;margin-bottom: 8px;}
.product-info h3, .digital-product-title, .digital-summary-card h4, .summary-total strong, .service-header h3, .workshop-hero-card h3, .workshop-summary-card h4, .event-hero-card h3, .highlight-item span, .ticket-price {font-size: 16px;}
.price {font-size: 22px;}
.option-group h6,.option-buttons label,.delivery-text {font-size: 14px;}
.step-content h5 {font-size: 16px;}
.option-group h6, .option-buttons label, .delivery-text {font-size: 12px;}
.option-buttons {gap: 8px 12px;}
.delivery-text {margin-bottom: 0;margin-top: 18px;}
.digital-product-cover {padding: 16px 16px 0;}
.digital-product-content {padding: 16px;}
.feature-heading {font-size: 12px;margin-bottom: 12px;}
.digital-features li {padding-left: 24px;margin-bottom: 8px;font-size: 12px;}
.digital-badge {margin-top: 4px;padding: 4px 10px;font-size: 10px;}
.digital-summary-card{padding: 16px;}
.summary-item {gap: 16px;font-size: 14px;}
.summary-total span {font-size: 14px;}
.payment-note {margin-top: 16px;font-size: 12px;}
.delivery-note {margin-top: 4px;font-size: 12px;}
.service-header p {font-size: 14px;}
.service-header {padding-bottom: 16px;margin-bottom: 18px;}
.step-content h5 {font-size: 14px;}
.step-content p {font-size: 12px;line-height: 1.3;}
.service-step:not(:last-child) {margin-bottom: 16px;}
.service-summary-card {padding: 16px;}
.service-summary-card h4 {font-size: 16px;margin-bottom: 16px;}
.service-step {gap:6px;}
.workshop-hero-card {padding: 16px;border-radius: 12px;margin-bottom: 16px;}
.workshop-date-badge {padding: 5px 14px;margin-bottom: 14px;font-size: 10px;}
.wm-box {font-size: 12px;}
.workshop-meta {gap: 8px 16px;margin-bottom: 12px;}
.agenda-title {margin-bottom: 12px;font-size: 12px;}
.workshop-agenda li {grid-template-columns: 65px 1fr;gap: 8px;padding: 8px 0;font-size: 12px;}
.workshop-speakers {gap: 12px;flex-flow: column;}
.speaker strong {font-size: 12px;}
.speaker small {font-size: 10px;}
.workshop-summary-card {padding: 16px;border-radius: 12px;}
.event-hero-card {padding: 16px;border-radius: 12px;margin-bottom: 16px;}
.event-badge {font-size: 10px;margin-bottom: 16px;}
.event-meta li {gap: 8px;font-size: 12px;}
.event-meta li span {width: 14px;height: 14px;}
.event-highlights h5 {margin-bottom: 12px;font-size: 14px;}
.highlight-item {border-radius: 12px;padding: 16px;}
.highlight-item p {font-size: 12px;}
.ticket-card {border-radius: 12px;padding: 16px;}
.ticket-title {font-size: 12px;}
.ticket-option {gap: 16px;padding: 14px;border-radius: 14px;}
.ticket-info strong {font-size: 14px;}
.ticket-info span {font-size: 12px;display: inline-block;line-height: 1.35;}
.ticket-note {margin: 14px 0 16px;font-size: 12px;}
.secure-note {margin-top: 12px;font-size: 12px;line-height: 1.35;}
.event-ticket-btn,.add-cart-btn,.digital-buy-btn,.service-book-btn,.workshop-register-btn {height: 42px;font-size: 14px;}
.lca-publish-step-list {width: 100%;margin-left: 0;margin-top: 60px;}
.lca-publish-step-item {width: 100%;padding: 0 0 24px;}
.lca-publish-step p {font-size: 14px;}
.lca-publish-step p br{display: none;}
.lca-publish-step {position: relative;padding-left: 60px;}
.lca-publish-dot {width: 38px;height: 38px;margin: 0;position: absolute;left: 0;top: 0;}
.lca-publish-dot:after, .lca-publish-dot:before {width: 2px;height: 100vw;top:100%;transform: translateX(-50%);left: 50%;}
.lca-publish-step-item:last-child .lca-publish-dot:after,.lca-publish-step-item:last-child .lca-publish-dot:before {content: none;}
.lca-conversion-card h4 {font-size: 16px;}
.lca-conversion-card p {font-size: 14px;}
.lca-conversion-card-label {font-size: 15px;}
.lca-store-demo-frame {margin-bottom: 0;}
.lca-conversion-highlight {font-size: 16px;}
.lca-conversion-card {padding: 16px;border-radius: 12px;}
.lca-publish-step-list {margin-top: 40px;}
/* ======================= LCA CASE STUDY PAGE END ========================== */
/* ======================= TAURIAN MISSION CASE STUDY PAGE START ========================== */
.page-watermark {font-size: 45px;}
.taurian-navigation-column {min-height: auto;padding: 30px 24px;height: auto;}
.taurian-navigation-mega-menu {height: 450px;overflow-y: auto;}
.taurian-video-play {width: 40px;height: 40px;font-size: 16px;}
.taurian-identity-content {font-size: 14px;}
.taurian-identity-highlight {font-size: 16px;}
.taurian-language-tabs .nav-link {width: 60px;height: 38px;font-size: 18px;}
.taurian-language-tabs {padding: 12px 18px;background: #fff;gap: 12px;margin-top: 32px;}
.taurian-language-footer {margin-top: 40px;font-size: 16px;}
.taurian-carousel-browser-top {padding: 10px 16px;}
/* ======================= TAURIAN MISSION CASE STUDY PAGE END ========================== */
/* ======================= TST CASE STUDY PAGE START ========================== */
.tst-result-stat-content h3 {font-size: 28px;}
.tst-architecture-browser-top {padding: 8px 16px;}
.an-toolbar-icon, .tst-architecture-browser-icon {width: 18px;height: 18px;}
.tst-architecture-heading {font-size: 16px;}
.tst-architecture-browser-body {padding: 24px 24px 100px 24px;}
.tst-architecture-browser-icons {gap: 0px 12px;}
.tst-grid-card-content h3 {font-size: 22px; max-width: none;}
.tst-grid-wrapper {grid-template-columns: repeat(1, 1fr);}
.tst-grid-card {padding: 0 24px 0;}
.tst-review-author-meta {font-size: 16px;}
/* ======================= TST CASE STUDY PAGE END ========================== */
/* ======================= ZERUND CASE STUDY PAGE START ========================== */
.zerund-hero-content h1 {font-size: 30px;line-height: 1.3;}
.zerund-hero-tags {gap: 6px 12px;}
.zerund-tag-inner {padding: 8px 16px;font-size: 12px;}
.zerund-hero-meta {font-size: 14px;}
.zerund-story-stat p {font-size: 16px;}
.zerund-design-system-content h3 {font-size: 18px;}
.zerund-story-stat h3 {font-size: 28px;}
.zerund-publish-step-list {flex-flow: column;width: 100%;margin-left: 0;}
.zerund-publish-step-item {width: 100%;padding: 0;}
.zerund-publish-dot {width: 32px;height: 32px;margin: 0;position: absolute;left: 0;top: 0;}
.zerund-publish-step {padding-left: 40px;position: relative;padding-bottom: 24px;}
.zerund-publish-dot:after, .zerund-publish-dot:before {width: 2px;height: 100vw;position: absolute;top: 100%;transform: translateX(-50%);left: 50%;}
.zerund-publish-step-item:last-child .zerund-publish-dot:before{content: none;}
.zerund-publish-step-item:last-child .zerund-publish-dot:after{content: none;}
.zerund-publish-step p br{display: none;}
.zerund-story-stat h3 sub {font-size: 18px;}
/* ======================= ZERUND CASE STUDY PAGE END ========================== */
}
/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px){
.project-cta-btn{width: 100%;}
.btn{min-width: 100%;display: flex;align-items: center;justify-content: center;}
.project-cta-content h2 br,.heading h2 br, h2 br{display: none;}
.project-cta-buttons {flex-flow: column;}
.brw-sub-heading h3 {font-size: 24px;}
.brw-heading h2 {font-size: 26px;}
.brw-box {padding: 20px;}
.project-impact-content h2{font-size: 24px;}
.btn {font-size: 14px;}
h3{font-size: 24px;}
.an-result-summary-card {padding: 24px;}
.studio-connect-right h3 {font-size: 28px;}
.footer-upper {padding: 40px 0;}
.footer-logo {width: 120px;margin-bottom: 16px;}
.fu-text-box {font-size: 16px;}
.footer-menu-link {font-size: 16px;}
.footer-lower {font-size: 16px;}
.footer-menu-list {gap: 12px;}
.fu-right {gap: 12px;}
.fu-right {margin-top: 24px;}
.upwork-btn img {width: 68px;}
/* ======================= HOME PAGE START ========================== */
.home-hero-container {padding-bottom: 60px;}
.client-story-content h3 {font-size: 24px;margin-bottom: 16px;}
.client-story-content h4 {font-size: 16px;margin-bottom: 20px;}
.hero-1 {height: 22vh;bottom: 0vh;margin-left: 70px;}
/* ======================= HOME PAGE END ========================== */
/* ======================= ABOUT PAGE START ========================== */
.about-hero-content h2 {font-size: 18px;}
.team-member-info h4 {font-size: 18px;}
.team-member-info span {font-size: 15px;}
.belief-number {top: -35px;font-size: 50px;}
.belief-card {padding: 30px 30px 30px 32px;min-height: auto;}
.belief-card strong {font-size: 18px;}
.belief-card h4{margin-bottom: 16px;}
.journey-year {font-size: 20px;padding-bottom: 16px;}
/* ======================= ABOUT PAGE END ========================== */
/* ======================= GRAPHIC + WEBSITE DESIGN PAGE START ========================== */
.design-feature-item {width: 50%;}
.design-related-card{padding:20px;}
.design-related-laptop{max-width:320px;}
.design-related-content h3{font-size:20px;}
.design-process-duration {padding: 12px;font-size: 14px;}
.design-process-card {padding: 60px 24px 54px 24px;}
.design-process-step {font-size: 32px;}
.design-process-list li {padding-left: 30px;margin-bottom: 10px;font-size: 14px;line-height: 1.5;}
/* ======================= GRAPHIC + WEBSITE DESIGN PAGE END ========================== */
/* ======================= PUZZOLANA CASE STUDY PAGE START ========================== */
.puzzolana-hero-stats {gap: 16px 16px;margin-top: 30px;}
.puzzolana-hero-cta .btn {min-width: auto;}
.puzzolana-enterprise-right-col {width: 100%;margin-left: 0;}
.puzzolana-enterprise-image-wrapper {height: auto;}
.puzzolana-enterprise-big-text-col {font-size: 24px;}
.puzzolana-popover-content-wrap {font-size: 12px;}
.puzzolana-machine-hint {font-size: 12px;padding: 0 24px;}
.puzzolana-machine-hint:before ,.puzzolana-machine-hint:after{ width: 12px;}
.puzzolana-three-dimensional-icon {width: 60px;right: 60px;top: 34px;}
.puzzolana-hero-container::before{content: none;}
.puzzolana-rotate-container .heading h2 {font-size: 28px;}
/* ======================= PUZZOLANA CASE STUDY PAGE END ========================== */
/* ======================= AMERICAN NARRATIVES PAGE START ========================== */
.project-hero-label {font-size: 12px;}
.an-launch-text h2 {margin-bottom: 0;font-size: 8vw;padding-right: 10%;}
.an-launch-content p {font-size: 16px;}
.an-launch-content h3 {font-size: 24px;}
.an-podcast-links {flex-flow: column;}
.an-podcast-links .btn-outline {min-width: 100%;text-align: center;}
.an-season-grid {grid-template-columns: repeat(1, 1fr);}
/* ======================= AMERICAN NARRATIVES PAGE END ========================== */
/* ======================= BRAND AMERICAN NARRATIVES PAGE START ========================== */
.brand-an-story-title {font-size: 24px;}
.brand-an-typeface-card {padding: 24px;gap: 16px;min-height: auto;flex-flow: column;align-items: flex-start;}
.ecb-text-box {padding: 24px 30px 24px;font-size: 14px;}
.ecb-text-box h3 {font-size: 16px;}
.brand-an-typeface-brand {min-width: 130px;margin: 0 auto;}
.brand-an-logo-variant img {max-width: 80px;}
/* ======================= BRAND AMERICAN NARRATIVES PAGE END ========================== */
/* ======================= BRAND CMP PAGE START ========================== */
.brand-cmp-category-grid {grid-template-columns: repeat(1, 1fr);}
.brand-cmp-story-accent{display: none;}
.brand-cmp-story-visual {min-height: auto;padding-right: 0;}
.brand-cmp-story-logo img{max-width: 150px;}
/* ======================= BRAND CMP PAGE END ========================== */
/* ======================= BRAND GRUHA PAGE START ========================== */
.brand-gruha-work-heading h2{font-size: 24px;}
/* ======================= BRAND GRUHA PAGE END ========================== */
/* ======================= BRAND IGLOO PAGE START ========================== */
.brand-igloo-story-content h2,.brand-igloo-investor-content h2 {font-size: 24px;}
/* ======================= BRAND IGLOO PAGE END ========================== */
/* ======================= BRAND LCA PAGE START ========================== */
.brand-lca-story-content h2 {font-size: 24px;}
/* ======================= BRAND LCA PAGE END ========================== */
/* ======================= BRAND MEGO PAGE START ========================== */
.bmac-content h3 {font-size: 18px;}
.bmac-content {padding: 18px 0;font-size: 14px;}
/* ======================= BRAND MEGO PAGE END ========================== */
/* ======================= LCA CASE STUDY PAGE START ========================== */
.project-hero-label {font-size: 10px;}
.service-includes ul,.highlight-grid {grid-template-columns: repeat(1, 1fr);}
.summary-item {gap: 16px;font-size: 12px;}
.event-badge {font-size: 8px;margin-bottom: 12px;}
.lca-sketchmesh-logo {width: 112px;}
.lca-publish-powered-logo-item {padding: 0 16px;}
.lca-team-logo {width: 75px;}
.lca-publish-step h3 {font-size: 16px;}
.lca-publish-step p {font-size: 12px;}
.lca-conversion-cards {gap: 12px;}
.lca-conversion-card-sm {width: 100%;}
.lca-store-demo-logo {width: 94px;}
.lca-conversion-card:last-child{width: 100%;}
.lca-store-demo-title {font-size: 10px;}
.checkout-btn {font-size: 10px;}
.lca-store-demo-ui {padding: 14px 16px 16px;}
.lca-store-demo-frame .accordion-button {font-size: 12px;}
.lca-conversion-content p {font-size: 14px;}
.lca-conversion-highlight {font-size: 14px;}
.lca-conversion-card h4 {font-size: 14px;}
.lca-conversion-card-label {font-size: 13px;}
.lca-publish-dot {width: 28px;height: 28px;}
.lca-publish-dot span {width: 6px;height: 6px;}
.lca-publish-step {position: relative;padding-left: 48px;padding-top: 8px;}
/* ======================= LCA CASE STUDY PAGE END ========================== */
/* ======================= TAURIAN MISSION CASE STUDY PAGE START ========================== */
.page-watermark {font-size: 32px;}
.taurian-language-tabs .nav-link {width: 50px;}
/* ======================= TAURIAN MISSION CASE STUDY PAGE END ========================== */
/* ======================= TST CASE STUDY PAGE START ========================== */
.tst-result-stat-content h3 {font-size: 24px;}
.page-watermark {font-size: 24px;}
.tst-architecture-browser-body {padding: 24px 24px 65px 24px;}
.tst-architecture-label {left: 16px;bottom: 16px;}
.tst-grid-card-content h3 {font-size: 18px;}
.tst-grid-card-content h3 br{display: none;}
.tst-review-stars span {width: 24px;height: 24px;}
.tst-review-quote blockquote ,.tst-review-author,.tst-review-source{font-size: 16px;}
.tst-review-card-content {padding-top: 30px;}
.tst-review-card p {margin-bottom: 24px;}
.tst-signature-brand img {width: 90px;}
/* ======================= TST CASE STUDY PAGE END ========================== */
/* ======================= ZERUND CASE STUDY PAGE START ========================== */
.zerund-story-stat {text-align: center;align-items: center;flex-flow: column;}
.zerund-story-stat h3 {font-size: 24px;}
.zerund-story-stat {margin-bottom: 24px;}
/* ======================= ZERUND CASE STUDY PAGE END ========================== */
}
/* ======================================================
! Extra small devices (portrait phones, less than 480px)
====================================================== */
@media (max-width:379.98px){
.project-cta-content h2,.heading h2, h2, h1 {font-size: 24px;}
.brand-hero-content h1 {font-size: 24px;}
.brw-content-title h2 small {font-size: 20px;}
.wwd-upper h3{font-size:18px;}
.wwd-bottom h4{font-size:18px;}
.studio-connect-right h3 {font-size: 24px;}
/* .hero-1 {height: 23vh;} */
/* ======================= PUZZOLANA CASE STUDY PAGE START ========================== */
.puzzolana-enterprise-big-text-col {font-size: 22px;}
/* ======================= PUZZOLANA CASE STUDY PAGE END ========================== */
/* ======================= AMERICAN NARRATIVES PAGE START ========================== */
.project-hero-label {font-size: 10px;}
/* ======================= AMERICAN NARRATIVES PAGE END ========================== */
/* ======================= LCA CASE STUDY PAGE START ========================== */
.project-hero-label {font-size: 8px;}
/* ======================= LCA CASE STUDY PAGE END ========================== */

}