/* TYPOGRAPHY START*/
* {
    box-sizing: border-box;
}h1,h2{font-size:5.21vw;margin-bottom:0}.industry-item:last-child,figure,h1,h2,h3,h4,h5,h6,li:last-child,p:last-child{margin-bottom:0}body,ul{padding:0}h4,h5,h6,li{line-height:1.56vw}.btn,body,h1,h2,h3,h4,h5,h6{font-family:'SF Pro Display';font-weight:300;font-style:normal}.btn,body,h1,h2,h3,h4,h5,h6,li{font-style:normal}.btn,ol li{position:relative}.btn.btn-white,.btn:hover{background:#fff!important}.container,img{max-width:100%}.btn,.link-btn{font-size:.89vw}.btn,.conversation-btn .btn.btn-white:hover{background:#161616!important;color:#fff!important}.back-top-btn a:hover,.footer-social-info p a:hover{text-decoration:underline;text-underline-offset:0.16vw}*{box-sizing:border-box}::-webkit-scrollbar{width:0}.btn:active,:focus{outline:0!important;box-shadow:none!important;border-color:transparent}.btn.btn-white,.btn.btn-white:hover,.btn:hover{border-color:#fff!important}textarea.form-control{resize:none;overflow:hidden}body,body.loader-overflow-visible{overflow-y:scroll}html{scroll-behavior:smooth}.banner-right-col img,.footer-logo a img,.industry-wrap,body,html{width:100%}body{margin:0;background:#161616;overflow-x:hidden;color:#000;line-height:1.5}.banner-section,.btn,.portfolio-slider-item,body.mobile-menu{overflow:hidden}a,a:hover{text-decoration:none}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit}.footer-social-info p a,.industry-point-content p,h1,h2,h3,h4,h5,h6,li,li a,li a:hover,ol li::before,p{color:#fff}h1{line-height:5.73vw}h2{line-height:6.2vw}h3{font-size:2.08vw;line-height:2.6vw}h4,h5,h6{font-size:1.15vw}p{margin-bottom:.78vw;font-size:1.56vw;line-height:1.88vw}.logo,ul{margin:0}ol{padding-left:0;padding-bottom:0;counter-reset:listitem}ol li{list-style:none;padding-left:1.77vw}ol li::before{counter-increment:listitem;content:counters(listitem, '.') '.';display:inline-block;left:0}li{font-size:1.15vw;margin-bottom:.52vw}a{transition:.6s;-webkit-transition:.6s;-moz-transition:.6s}a:hover{transition:.7s;-webkit-transition:.7s;-moz-transition:.7s}.btn{border-radius:2.604vw!important;min-height:3.28vw!important;line-height:1;padding:1.04vw 3.54vw;display:inline-flex;align-items:center;justify-content:center;z-index:0;border:.05vw solid rgba(255,255,255,.5)!important}.btn:hover{color:#000!important;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn.btn-white{color:#161616!important}.btn.btn-white:hover{background:0 0!important;color:#fff!important}body.mobile-menu{position:fixed;left:0;right:0;top:0}.container{padding:0 4.43vw}.header{position:absolute;left:0;right:0;top:0;background:0 0;-webkit-transition:top 1s;-moz-transition:top 1s;-o-transition:top 1s;z-index:9;padding:2.6vw 0;border-bottom:0}.header-wrapper{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:0}.logo{width:3.7152vw;text-align:center}.logo a img{width:100%;transition:transform .3s}.banner-section{position:relative;padding-top:8.18vw}.banner-left-col{width:57.75vw}.banner-heading{margin-bottom:4.32vw}.banner-description{text-align:right;max-width:38.8vw;margin-left:auto;padding-right:1.15vw}.banner-description .banner-btn{margin-top:1.56vw}.banner-client-logo{margin-top:4.43vw;padding-bottom:1.56vw;justify-content:flex-start;display:grid;grid-template-columns:5.21vw 1fr;gap:1.82vw;align-items:center}.client-logo-hide-desktop,.service-btn-mob{display:none}.banner-client-logo span{font-size:1.15vw;line-height:1.35vw;color:#fff}.banner-client-logo-wrap{display:flex;align-items:center;gap:2.08vw}.banner-client-logo-wrap a img{opacity:.5;transition:opacity .3s,transform .3s}.banner-client-logo-wrap a:hover img,.dot-colr .slick-dots li.slick-active button{opacity:1}.banner-right-col{position:absolute;bottom:-2px;right:0;width:40.28vw}.white-bg{background:#fff}.section{padding:4.17vw 0}.company-section{padding:8.33vw 0 3.65vw}.company-head h2{color:#000}.company-head p{font-size:1.15vw;line-height:1.35vw;color:#161616;max-width:32.81vw;margin-left:auto;margin-top:3.49vw;text-align:left}.company-grid{max-width:79.43vw;margin:9.27vw auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12.76vw}.company-grid-item h4{font-family:'SF Pro Reg';font-size:4.17vw;line-height:4.95vw;color:#161616;margin-bottom:.94vw;transition:transform 350ms,color 350ms}.industry-point-content h4,.service-item h3{font-family:'SFProDisplay Semibold';font-weight:600}.company-grid-item p{color:#161616}.service-section{padding:6.56vw 0}.service-intro{text-align:center;margin-bottom:9.27vw}.service-intro p{font-size:1.15vw;line-height:1.35vw}.service-grid{display:grid;grid-template-columns:minmax(17.19vw,0.72fr) minmax(33.85vw,1.5fr);gap:1.04vw;align-items:start}.service-item,.service-right-col{flex-direction:column;display:flex}.service-left-info p{margin-top:2.86vw;margin-bottom:2.19vw}.service-left-col{position:sticky;top:1.56vw}.service-left-info{max-width:24.69vw}.service-right-col{gap:.99vw}.service-item{min-height:15.08vw;border:.05vw solid #6d6d6d;border-radius:.89vw;padding:2.19vw 5.05vw 2.19vw 2.34vw;justify-content:space-between}.service-item h3{font-size:1.56vw;line-height:1.88vw;color:#fff;transition:transform .3s}.service-item p{max-width:26.56vw;margin-left:auto}.portfolio-section{padding-top:2.6vw}.portfolio-head{max-width:54.22vw;margin:0 auto 5.1vw}.portfolio-grid{display:flex;flex-direction:column;gap:1.04vw}.portfolio-item{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1vw}.portfolio-item:nth-child(2n){flex-direction:row-reverse;direction:rtl}.portfolio-item:nth-child(2n) .portfolio-left-col,.portfolio-item:nth-child(2n) .portfolio-right-col{direction:ltr;height:100%}.portfolio-left-col,.portfolio-right-col,.portfolio-slider-card div{height:100%}.portfolio-slider-card{border:1px solid #696969;height:100%;border-radius:1.04vw;overflow:hidden}.portfolio-info-card{border:1px solid #696969;height:100%;border-radius:1.04vw;padding:3.28vw 3.39vw 3.65vw;display:flex;flex-direction:column;justify-content:space-between}.portfolio-info-block{margin-top:7.4vw}.portfolio-category{margin-bottom:1.88vw}.portfolio-category span{font-size:1.15vw;line-height:1.35vw;color:#898989}.portfolio-btn{margin-top:1.04vw}.link-btn{display:inline-flex;align-items:center;gap:.94vw;line-height:1.04vw;color:#fff}.portfolio-slider-item img{width:100%;height:101%;object-fit:cover;border-radius:1.04vw}.portfolio-slider-item video{width:100%;height:100%;object-fit:cover}.dot-colr .slick-dots li button{background:#898989;opacity:.5}.industry-section{padding:7.81vw 0}.industry-head{max-width:57.92vw;margin-bottom:4.17vw}.industry-item{position:relative;display:grid;grid-template-columns:minmax(15.63vw,27.5vw) minmax(0,1fr);column-gap:2.6vw;align-items:start;margin-bottom:10.26vw}.industry-item:before{content:"";position:absolute;top:1.93vw;left:calc(-4.4vw - .05vw);width:calc(27.5vw + 4.2vw);height:.03vw;background:#686868}.industry-item:after{content:"";position:absolute;top:1.72vw;left:calc(27.3vw - .21vw);width:.52vw;height:.52vw;border-radius:50%;background:#fff}.industry-point-content{grid-column:2;max-width:max-content}.industry-point-content h4{font-size:1.56vw;line-height:1.88vw;color:#fff}.industry-item:nth-child(2) .industry-point-content{transform:translateX(10vw)}.industry-item:nth-child(2):before{width:calc(37.5vw + 4.2vw)}.industry-item:nth-child(2):after{left:calc(37.5vw - .21vw)}.industry-item:nth-child(3) .industry-point-content{transform:translateX(21.2vw)}.industry-item:nth-child(3):before{width:calc(48.7vw + 4.2vw)}.industry-item:nth-child(3):after{left:calc(48.7vw - .21vw)}.conversation-section{padding:5.21vw 0;height:48.7vw;display:flex;flex-direction:column;justify-content:center;align-items:center}.conversation-wrap{max-width:51.09vw;margin:0 auto}.conversation-wrap h2{color:#161616;margin-bottom:3.13vw}.conversation-wrap p{color:#161616;font-size:1.15vw;line-height:1.35vw}.conversation-btn{margin-top:2.08vw}.conversation-btn .btn.btn-white{border-color:#161616!important;min-height:3.85vw!important;background:#fff!important;color:#161616!important}.site-footer{background:#161616;padding-top:4.43vw}.back-top-btn{text-align:right;margin-bottom:2.76vw}.back-top-btn a{font-size:.99vw;line-height:1.04vw;color:#fff}.footer-logo{margin-bottom:-5.16vw}.footer-logo a{display:block}.footer-bottom-info{background:#161616;padding:1.67vw 0;position:relative;z-index:1;min-height:5.16vw;display:flex;flex-direction:column;justify-content:center}.footer-bottom-grid{align-items:center;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.footer-bottom-left-col p{font-size:1.09vw;line-height:1.3vw;color:#898989}.footer-social-info{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:2.34vw}.footer-social-info p{font-size:1.09vw;line-height:1.3vw;color:#fff;margin:0;font-style:italic}.footer-social-info p a:hover{color:#fff}.footer-social-info ul{list-style-type:none}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}.banner-description,.banner-heading{animation:.9s cubic-bezier(.22,1,.36,1) both heroFadeUp}.header{transition:padding .4s,background-color .4s,box-shadow .4s,backdrop-filter .4s}@keyframes heroFadeUp{from{opacity:0;transform:translateY(1.25vw)}to{opacity:1;transform:translateY(0)}}.header-wrapper .logo{animation:.7s cubic-bezier(.22,1,.36,1) both heroFadeUp}.banner-heading{animation-delay:.1s}.banner-description{animation-delay:.3s}.banner-client-logo{animation:.9s cubic-bezier(.22,1,.36,1) both heroFadeUp;animation-delay:.5s}.banner-right-col{animation:1s cubic-bezier(.22,1,.36,1) both heroFadeUp;animation-delay:.4s}.btn{transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,transform .25s}.btn:hover{transform:translateY(-.16vw);box-shadow:0 .52vw 1.25vw rgba(255,255,255,.12)}.btn:active{transform:translateY(-.05vw) scale(.97);transition-duration:.08s}.company-grid-item:hover h4{transform:translateX(.42vw)}.service-item{transition:border-color 350ms,transform 350ms,background-color 350ms,box-shadow 350ms}.service-item:hover{border-color:#fff;transform:translateY(-.31vw);background-color:rgba(255,255,255,.03);box-shadow:0 .83vw 1.67vw rgba(0,0,0,.35)}.service-item:hover h3{transform:translateX(.21vw)}.portfolio-slider-item img,.portfolio-slider-item video{transition:transform .7s cubic-bezier(.22, 1, .36, 1)}.portfolio-slider-card:hover{border-color:#fff}.portfolio-slider-card:hover .portfolio-slider-item img,.portfolio-slider-card:hover .portfolio-slider-item video{transform:scale(1.06)}.portfolio-info-card{transition:border-color 350ms,transform 350ms}.industry-point-content h4,.link-btn svg{transition:transform .3s}.industry-item:hover .industry-point-content h4,.link-btn:hover svg{transform:translateX(.31vw)}.link-btn:hover{opacity:.85}@keyframes industryPulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.45)}70%{box-shadow:0 0 0 .63vw rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}.industry-wrap.js-anim .industry-item::before{transform-origin:left center;transform:scaleX(0);transition:transform .9s cubic-bezier(.65, 0, .35, 1)}.industry-wrap.js-anim .industry-item::after{opacity:0;transform:scale(0);transition:transform 420ms cubic-bezier(.34, 1.56, .64, 1) 850ms,opacity .3s 850ms}.industry-wrap.js-anim .industry-point-content{opacity:0;transform:translateY(.94vw);transition:opacity .6s 1.15s,transform .6s 1.15s}.industry-wrap.js-anim .industry-item:nth-child(2) .industry-point-content{opacity:0;transform:translateX(10vw) translateY(.94vw)}.industry-wrap.js-anim .industry-item:nth-child(3) .industry-point-content{opacity:0;transform:translateX(21.2vw) translateY(.94vw)}.industry-wrap.js-anim .industry-item.is-visible::before{transform:scaleX(1)}.industry-wrap.js-anim .industry-item.is-visible::after{opacity:1;transform:scale(1);animation:2.6s ease-out 1.3s infinite industryPulse}.industry-wrap.js-anim .industry-item.is-visible .industry-point-content{opacity:1;transform:translateY(0)}.industry-wrap.js-anim .industry-item:nth-child(2).is-visible .industry-point-content{transform:translateX(10vw) translateY(.94vw)}.industry-wrap.js-anim .industry-item:nth-child(3).is-visible .industry-point-content{transform:translateX(21.2vw) translateY(.94vw)}.conversation-btn .btn.btn-white:hover{border-color:#161616!important;transform:translateY(-.16vw)}.back-top-btn a{display:inline-block;transition:transform .3s,color .3s}.back-top-btn a:hover{transform:translateY(-.21vw)}.footer-social-info ul li a img{transition:transform .3s,opacity .3s;width:1.79vw}.footer-social-info ul li a:hover img{transform:translateY(-.16vw)}[data-aos]{transition-property:transform,opacity}.b5DUopirRGtCo7WwEuHi{background-color:transparent!important}
::-webkit-scrollbar {
	width: 0;
}
.btn:active,
*:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: transparent;
}

textarea.form-control {
    resize: none;
    overflow: hidden;
}

figure {
    margin-bottom: 0;
}

html {
    scroll-behavior: smooth;
}
html,
body {
    width: 100%;
}

body {
    padding: 0;
    margin: 0;
    background: #161616;
    overflow-x: hidden;
    font-family: 'SF Pro Display';
    font-weight: 300;
    font-style: normal;
    color: #000;
    line-height: 1.5;
    overflow-y: scroll;
}

body.loader-overflow-visible{
    overflow-y: scroll;
}

img {
    max-width: 100%;
}

a,
a:hover {
    text-decoration: none;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
}


h1 {
    font-style: normal;
    margin-bottom: 0;
    font-family: 'SF Pro Display';
    font-weight: 300;
    font-size: 5.21vw;
    line-height: 5.73vw;
    color: #FFFFFF;
}

h2 {
    font-size: 5.21vw;
    line-height: 6.2vw;
    color: #FFFFFF;
    font-style: normal;
    margin-bottom: 0;
    font-family:'SF Pro Display';
    font-weight: 300;
}

h3 {
    font-size: 2.08vw;
    line-height: 2.6vw;
    color: #fff;
    font-style: normal;
    margin-bottom: 0;
    font-family:'SF Pro Display';
    font-weight: 300;
}


h4,
h6,
h5 {
    font-size: 1.15vw;
    line-height: 1.56vw;
    color: #fff;
    font-style: normal;
    margin-bottom: 0;
    font-family:'SF Pro Display';
    font-weight: 300;
}

p {
    margin-bottom: 0.78vw;
    font-size: 1.56vw;
    line-height: 1.88vw;
    color: #FFFFFF;
}
p:last-child {
    margin-bottom: 0;
}

ul {
    padding: 0;
    margin: 0;
}

ol {
    padding-left: 0;
    padding-bottom: 0;
    counter-reset: listitem;
}

ol li {
    list-style: none;
    position: relative;
    padding-left: 1.77vw;
}

ol li::before {
    counter-increment: listitem;
    content: counters(listitem, '.')'.';
    color: #fff;
    display: inline-block;
    left: 0;
}

li {
    font-size: 1.15vw;
    color: #fff;
    line-height: 1.56vw;
    margin-bottom: 0.52vw;
    font-style: normal;
}
li:last-child{
    margin-bottom: 0;
}

li a {
        color: #fff;
}

li a:hover {
    color: #fff;
}

a {
    transition: 0.6s;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
}

a:hover {
    transition: 0.7s;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
}

.btn {
    background: #161616 !important;
    border-radius: 2.604vw !important;
    min-height: 3.28vw !important;
    color: #ffffff  !important;
    font-size: 0.89vw;
    line-height: 1;
    font-family: 'SF Pro Display';
    font-weight: 300;
    font-style: normal;
    padding: 1.04vw 3.54vw;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 0;
    overflow: hidden;
    position: relative;
    border: 0.05vw rgba(255, 255, 255, 0.5) solid  !important;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.btn:hover{
    color: #000 !important;
    border-color: #fff !important;
    background: #fff !important;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.btn.btn-white{
    background: #fff  !important;
    border-color: #fff  !important;
    color: #161616  !important;
}
.btn.btn-white:hover{
    background: none  !important;
    border-color: #fff  !important;
    color: #fff  !important;
}
body.mobile-menu {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    overflow: hidden;
}
.container {
    max-width: 100%;
    padding: 0 4.43vw;
}
/* TYPOGRAPHY END*/

/** ================== // HEADER CSS START // ================== **/
.header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: transparent;
    -webkit-transition: top 1s ease;
    -moz-transition: top 1s ease;
    -o-transition: top 1s ease;
    transition: top 1s ease;
    z-index: 9;
    padding: 2.6vw 0;
    transition: all 500ms ease;
    border-bottom: 0;
}
.header-wrapper {
	display: flex;
	flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0;
}
.logo {
    margin: 0;
    width: 3.7152vw;
    text-align: center;
}
.logo a img {
    width:100%;
}
/** ================== // HEADER CSS END // ================== **/

/** ================== // BANNER SECTION CSS START // ================== **/
.banner-section {
    position: relative;
    padding-top: 8.18vw;
    overflow: hidden;
}
.banner-left-col {
    width: 57.75vw;
}
.banner-heading {
    margin-bottom: 4.32vw;
}
.banner-description {
    text-align: right;
    max-width: 38.8vw;
    margin-left: auto;
    padding-right: 1.15vw;
}
.banner-description .banner-btn {
    margin-top: 1.56vw;
}
.banner-client-logo {
    margin-top: 4.43vw;
    padding-bottom: 1.56vw;
    justify-content: flex-start;
    display: grid;
    grid-template-columns: 5.21vw 1fr;
    gap: 1.82vw;
    align-items: center;
}
.client-logo-hide-desktop {
    display: none;
}
.banner-client-logo span {
    font-size: 1.15vw;
    line-height: 1.35vw;
    color: #FFFFFF;
}
.banner-client-logo-wrap {
    display: flex;
    align-items: center;
    gap: 2.08vw;
}
.banner-client-logo-wrap a img {
    opacity: 0.50;
    transition: 0.15s;
}
.banner-client-logo-wrap a:hover img {
    opacity: 1;
}
.banner-right-col {
    position: absolute;
    bottom: -2px;
    right: 0;
    width: 40.28vw;
}
.banner-right-col img {
    width: 100%;
}
/** ================== // BANNER SECTION CSS END // ================== **/

/** ================== // COMPANY SECTION CSS START // ================== **/
.white-bg {
    background: #fff;
}
.section {
    padding: 4.17vw 0;
}
.company-section {
    padding: 8.33vw 0 3.65vw;
}
.company-head h2 {
    color: #000000;
}
.company-head p {
    font-size: 1.15vw;
    line-height: 1.35vw;
    color: #161616;
    max-width: 32.81vw;
    margin-left: auto;
    margin-top: 3.49vw;
    text-align: left;
}
.company-grid {
    max-width: 79.43vw;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12.76vw;
    margin-top: 9.27vw;
}
.company-grid-item h4 {
    font-family: 'SF Pro Reg';
    font-size: 4.17vw;
    line-height: 4.95vw;
    color: #161616;
    margin-bottom: 0.94vw;
}
.company-grid-item p {
    color: #161616;
}
/** ================== // COMPANY SECTION CSS END // ================== **/

/** ================== // SERVICE SECTION CSS START // ================== **/
.service-section {
    padding: 6.56vw 0;
}
.service-intro {
    text-align: center;
    margin-bottom: 9.27vw;
}
.service-intro p {
    font-size: 1.15vw;
    line-height: 1.35vw;
}
.service-grid {
    display: grid;
    grid-template-columns: minmax(17.19vw, 0.72fr) minmax(33.85vw, 1.5fr);
    gap: 1.04vw;
    align-items: start;
}
.service-left-info p {
    margin-top: 2.86vw;
    margin-bottom: 2.19vw;
}
.service-left-col {
    position: sticky;
    top: 1.56vw;
}
.service-left-info {
    max-width: 24.69vw;
}
.service-right-col {
    display: flex;
    flex-direction: column;
    gap: 0.99vw;
}
.service-item {
    min-height: 15.08vw;
    border: 0.05vw solid #6d6d6d;
    border-radius: 0.89vw;
    padding: 2.19vw 5.05vw 2.19vw 2.34vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.service-item h3 {
    font-family: 'SFProDisplay Semibold';
    font-weight: 600;
    font-size: 1.56vw;
    line-height: 1.88vw;
    color: #FFFFFF;
}
.service-item p {
    max-width: 26.56vw;
    margin-left: auto;
}
.service-btn-mob {
    display: none;
}
/** ================== // SERVICE SECTION CSS END // ================== **/

/** ================== // PORTFOLIO SECTION CSS START // ================== **/
.portfolio-section {
    padding-top: 2.6vw;
}
.portfolio-head {
    max-width: 54.22vw;
    margin: 0 auto 5.1vw;
}
.portfolio-grid {
    display: flex;
    flex-direction: column;
    gap: 1.04vw;
}
.portfolio-item {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1vw;
}
.portfolio-item:nth-child(even) {
    flex-direction: row-reverse;
    direction: rtl;
}
.portfolio-item:nth-child(even) .portfolio-left-col, .portfolio-item:nth-child(even) .portfolio-right-col {
    direction: ltr;
    height: 100%;
}
.portfolio-left-col {
    height: 100%;
}
.portfolio-right-col {
    height: 100%;
}
.portfolio-slider-card {
    border: 1px solid #696969;
    height: 100%;
    border-radius: 1.04vw;
    overflow: hidden;
}
.portfolio-info-card {
    border: 1px solid #696969;
    height: 100%;
    border-radius: 1.04vw;
    padding: 3.28vw 3.39vw 3.65vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.portfolio-info-block {
    margin-top: 7.4vw;
}
.portfolio-category {
    margin-bottom: 1.88vw;
}
.portfolio-category span {
    font-size: 1.15vw;
    line-height: 1.35vw;
    color: #898989;
}
.portfolio-btn {
    margin-top: 1.04vw;
}
.link-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.94vw;
    font-size: 0.89vw;
    line-height: 1.04vw;
    color: #FFFFFF;
}
.portfolio-slider-card div {
    height: 100%;
}
.portfolio-slider-item {
    overflow: hidden;
    /* border-radius: 1.04vw; */
}
.portfolio-slider-item img {
    width: 100%;
    height: 101%;
    object-fit: cover;
    border-radius: 1.04vw;
}
.portfolio-slider-item video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.dot-colr .slick-dots li button {
    background: #898989;
    opacity: 0.5;
}
.dot-colr .slick-dots li.slick-active button {
    opacity: 1;
}
/** ================== // PORTFOLIO SECTION CSS END // ================== **/

/** ================== // INDUSTRY SECTION CSS START // ================== **/
.industry-section {
    padding: 7.81vw 0;
}
.industry-head {
    max-width: 57.92vw;
    margin-bottom: 4.17vw;
}
.industry-wrap {
    width: 100%;
}
.industry-item {
    position: relative;
    display: grid;
    grid-template-columns: minmax(15.63vw, 27.5vw) minmax(0, 1fr);
    column-gap: 2.6vw;
    align-items: start;
    margin-bottom: 10.26vw;
}
.industry-item:last-child {
    margin-bottom: 0;
}
.industry-item:before {
    content: "";
    position: absolute;
    top: 1.93vw;
    left: calc(-4.4vw - 0.05vw);
    width: calc(27.5vw + 4.2vw);
    height: 0.03vw;
    background: #686868;
}
.industry-item:after {
    content: "";
    position: absolute;
    top: 1.72vw;
    left: calc(27.3vw - 0.21vw);
    width: 0.52vw;
    height: 0.52vw;
    border-radius: 50%;
    background: #fff;
}
.industry-point-content {
    grid-column: 2;
    max-width: max-content;
}
.industry-point-content h4 {
    font-family: 'SFProDisplay Semibold';
    font-weight: 600;
    font-size: 1.56vw;
    line-height: 1.88vw;
    color: #FFFFFF;
}
.industry-point-content p {
    color: #FFFFFF;
}
.industry-item:nth-child(2) .industry-point-content {
    transform: translateX(10vw);
}
.industry-item:nth-child(2):before {
    width: calc(37.5vw + 4.2vw);
}
.industry-item:nth-child(2):after {
    left: calc(37.5vw - 0.21vw);
}
.industry-item:nth-child(3) .industry-point-content {
    transform: translateX(21.2vw);
}
.industry-item:nth-child(3):before {
    width: calc(48.7vw + 4.2vw);
}
.industry-item:nth-child(3):after {
    left: calc(48.7vw - 0.21vw);
}
/** ================== // INDUSTRY SECTION CSS END // ================== **/

/** ================== // CONVERSATION SECTION CSS START // ================== **/
.conversation-section {
    padding: 5.21vw 0;
    height: 48.7vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.conversation-wrap {
    max-width: 51.09vw;
    margin: 0 auto;
}
.conversation-wrap h2 {
    color: #161616;
    margin-bottom: 3.13vw;
}
.conversation-wrap p {
    color: #161616;
    font-size: 1.15vw;
    line-height: 1.35vw;
}
.conversation-btn {
    margin-top: 2.08vw;
}
.conversation-btn .btn.btn-white {
    border-color: #161616 !important;
    min-height: 3.85vw !important;
    background: #fff !important;
    color: #161616 !important;
}
.conversation-btn .btn.btn-white:hover {
    border-color: #161616 !important;
    background: #161616 !important;
    color: #fff !important;
}
/** ================== // CONVERSATION SECTION CSS END // ================== **/

/** ================== // SITE FOOTER CSS START // ================== **/
.site-footer {
    background: #161616;
    padding-top: 4.43vw;
}
.back-top-btn {
    text-align: right;
    margin-bottom: 2.76vw;
}
.back-top-btn a {
    font-size: 0.99vw;
    line-height: 1.04vw;
    color: #FFFFFF;
}
.back-top-btn a:hover {
    text-decoration: underline;
    text-underline-offset: 0.16vw;
}
.footer-logo {
    margin-bottom: -5.16vw;
}
.footer-logo a {
    display: block;
}
.footer-logo a img {
    width: 100%;
}
.footer-bottom-info {
    background: #161616;
    padding: 1.67vw 0;
    position: relative;
    z-index: 1;
    min-height: 5.16vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.footer-bottom-grid {
    align-items: center;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.footer-bottom-left-col p {
    font-size: 1.09vw;
    line-height: 1.3vw;
    color: #898989;
}
.footer-social-info {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 2.34vw;
}
.footer-social-info p {
    font-size: 1.09vw;
    line-height: 1.3vw;
    color: #FFFFFF;
    margin: 0;
    font-style: italic;
}
.footer-social-info p a {
    color: #FFFFFF;
}
.footer-social-info p a:hover {
    color: #FFFFFF;
    text-decoration: underline;
    text-underline-offset: 0.16vw;
}
.footer-social-info ul {
    list-style-type: none;
}
/** ================== // SITE FOOTER CSS END // ================== **/

/** ================== // ANIMATIONS START // ================== **/
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
        scroll-behavior: auto !important;
    }
}
.header {
    transition: padding 400ms ease, background-color 400ms ease, box-shadow 400ms ease, backdrop-filter 400ms ease;
}
.logo a img {
    transition: transform 300ms ease;
}
@keyframes heroFadeUp {
    from {
        opacity: 0;
        transform: translateY(1.25vw);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.header-wrapper .logo {
    animation: heroFadeUp 700ms cubic-bezier(.22, 1, .36, 1) both;
}
.banner-heading {
    animation: heroFadeUp 900ms cubic-bezier(.22, 1, .36, 1) both;
    animation-delay: 0.1s;
}
.banner-description {
    animation: heroFadeUp 900ms cubic-bezier(.22, 1, .36, 1) both;
    animation-delay: 0.3s;
}
.banner-client-logo {
    animation: heroFadeUp 900ms cubic-bezier(.22, 1, .36, 1) both;
    animation-delay: 0.5s;
}
.banner-right-col {
    animation: heroFadeUp 1000ms cubic-bezier(.22, 1, .36, 1) both;
    animation-delay: 0.4s;
}

.btn {
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, transform .25s ease;
}
.btn:hover {
    transform: translateY(-0.16vw);
    box-shadow: 0 0.52vw 1.25vw rgba(255, 255, 255, 0.12);
}
.btn:active {
    transform: translateY(-0.05vw) scale(0.97);
    transition-duration: .08s;
}
.banner-client-logo-wrap a img {
    transition: opacity .3s ease, transform .3s ease;
}
.company-grid-item h4 {
    transition: transform 350ms ease, color 350ms ease;
}
.company-grid-item:hover h4 {
    transform: translateX(0.42vw);
}

.service-item {
    transition: border-color 350ms ease, transform 350ms ease, background-color 350ms ease, box-shadow 350ms ease;
}
.service-item:hover {
    border-color: #fff;
    transform: translateY(-0.31vw);
    background-color: rgba(255, 255, 255, 0.03);
    box-shadow: 0 0.83vw 1.67vw rgba(0, 0, 0, 0.35);
}
.service-item h3 {
    transition: transform 300ms ease;
}
.service-item:hover h3 {
    transform: translateX(0.21vw);
}
.portfolio-slider-item img,
.portfolio-slider-item video {
    transition: transform 700ms cubic-bezier(.22, 1, .36, 1);
}
.portfolio-slider-card:hover {
    border-color: #fff;
}
.portfolio-slider-card:hover .portfolio-slider-item img,
.portfolio-slider-card:hover .portfolio-slider-item video {
    transform: scale(1.06);
}
.portfolio-info-card {
    transition: border-color 350ms ease, transform 350ms ease;
}
/* .portfolio-info-card:hover {
    border-color: #fff;
    transform: translateY(-0.21vw);
} */
.link-btn svg {
    transition: transform 300ms ease;
}
.link-btn:hover svg {
    transform: translateX(0.31vw);
}
.link-btn:hover {
    opacity: 0.85;
}
@keyframes industryPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.45);
    }
    70% {
        box-shadow: 0 0 0 0.63vw rgba(255, 255, 255, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}
.industry-wrap.js-anim .industry-item::before {
    transform-origin: left center;
    transform: scaleX(0);
    transition: transform 900ms cubic-bezier(.65, 0, .35, 1);
}
.industry-wrap.js-anim .industry-item::after {
    opacity: 0;
    transform: scale(0);
    transition: transform 420ms cubic-bezier(.34, 1.56, .64, 1) 850ms,
                opacity 300ms ease 850ms;
}
.industry-wrap.js-anim .industry-point-content {
    opacity: 0;
    transform: translateY(0.94vw);
    transition: opacity 600ms ease 1150ms, transform 600ms ease 1150ms;
}
.industry-wrap.js-anim .industry-item:nth-child(2) .industry-point-content {
    opacity: 0;
    transform: translateX(10vw) translateY(0.94vw);
}
.industry-wrap.js-anim .industry-item:nth-child(3) .industry-point-content {
    opacity: 0;
    transform: translateX(21.2vw) translateY(0.94vw);
}
.industry-wrap.js-anim .industry-item.is-visible::before {
    transform: scaleX(1);
}
.industry-wrap.js-anim .industry-item.is-visible::after {
    opacity: 1;
    transform: scale(1);
    animation: industryPulse 2.6s ease-out 1.3s infinite;
}
.industry-wrap.js-anim .industry-item.is-visible .industry-point-content {
    opacity: 1;
    transform: translateY(0);
}
.industry-wrap.js-anim .industry-item:nth-child(2).is-visible .industry-point-content {
    transform: translateX(10vw) translateY(0.94vw);
}
.industry-wrap.js-anim .industry-item:nth-child(3).is-visible .industry-point-content {
    transform: translateX(21.2vw) translateY(0.94vw);
}
.industry-point-content h4 {
    transition: transform 300ms ease;
}
.industry-item:hover .industry-point-content h4 {
    transform: translateX(0.31vw);
}
.conversation-btn .btn.btn-white:hover {
    transform: translateY(-0.16vw);
}
.back-top-btn a {
    display: inline-block;
    transition: transform 300ms ease, color 300ms ease;
}
.back-top-btn a:hover {
    transform: translateY(-0.21vw);
}
.footer-social-info ul li a img {
    transition: transform 300ms ease, opacity 300ms ease;
    width: 1.79vw;
}
.footer-social-info ul li a:hover img {
    transform: translateY(-0.16vw);
}

/* --- AOS-driven scroll reveals (library already linked via aos.css / aos.js) --- */
[data-aos] {
    transition-property: transform, opacity;
}
.b5DUopirRGtCo7WwEuHi {
    background-color: transparent !important;
}
/** ================== // MICRO ANIMATIONS END // ================== **/