/* Work List CSS Start ---------------------------------------*/
.our-work-top{padding-top: calc(var(--sectionSpace) * 2 - 20px);}
.ourwork-animtion{display: flex;align-items: center;justify-content: center;padding-top: var(--sectionSpace);overflow: hidden;}
.work-section{padding-top: 0px;background: linear-gradient(0deg, var(--darkgray) 50%, var(--offwhite) 50%);}
.work-section .work-main-video{overflow: hidden;width: 100%;aspect-ratio: 16/9;pointer-events: none;}
.work-section .work-main-video iframe{width: 300%;height: 101%;margin-left: -100%;margin-top: -0.1px;}

/* Portfolio Hover Animation ----*/
.portfolio-list{margin-bottom: 80px;--bs-gutter-x: 2rem;}
.portfolio-details{position: absolute;bottom: 0px;right: 0px;width: 100%;text-align: right;padding: 30px;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}
.portfolio-types{list-style: none;}
.portfolio-types li{display: inline-block;background-color: var(--white10);margin-left: 10px;margin-top: 10px;font-size: 16px;font-family: var(--avenirmedium);color: var(--lightgrey);padding: 8px 20px;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}
.portfolio-des{margin-top: 20px;pointer-events: none;max-width: 450px;margin-left: auto;}
.portfolio-des p{color: var(--white);}
.portfolio-item{flex: 0 0 50%;color: var(--white);will-change: transform;transition: all .5s;}
.portfolio-item .portfolio-wrap{padding: 30px;background-color: #292A2E;height: 400px;position: relative;}
.portfolio-item .portfolio-wrap:hover{background-color: #161615;will-change: transform;transition: all .3s;}
.portfolio-item .portfolio-wrap a{color: var(--white);}
.portfolio-item.hover-item{flex: 0 0 70.3%;width: 70.3%;will-change: transform;transition: all .5s;}
.portfolio-item.hover-item-next{flex: 0 0 29.7%;width: 29.7%;will-change: transform;transition: all .5s;}
.portfolio-item.hover-item .portfolio-details{transform: translateY(75px);}
.portfolio-item.hover-item .portfolio-details p{opacity: 0;visibility: hidden;}
.portfolio-item.hover-item-next .portfolio-types li{font-size: 12px;}
.portfolio-item.hover-item-next .portfolio-details{font-size: 15px;}
.portfolio-item .port-logo img{max-height: 40px;}
.portfolio-item .pro-img{position: absolute;opacity: 0;pointer-events: none;-webkit-transform: translateZ(0);transform: translateZ(0);will-change: transform;transition: all .3s;}
.portfolio-item.hover-item .pro-img{opacity: 1;transition: all .3s;-webkit-transition: all .3s;}
.portfolio-item .pro-img img{opacity: 0;transition: all .5s;-webkit-transition: all .5s;max-width: 100%;}
.portfolio-wrap:hover{will-change: transform;transition: all .3s;-webkit-transition: all .3s;}
.portfolio-wrap:not(:hover){overflow: hidden;}
.portfolio-item .portfolio-wrap:hover .pro-img img{opacity: 1;transition: all .5s;-webkit-transition: all .5s;transition-delay: 0.4s;-webkit-transition-delay: 0.4s;}
.portfolio-item .portfolio-wrap:hover .portfolio-types li{color: var(--white);}

/* 01 Liquidspring ----*/
.portfolio-item.liquidspring .portfolio-wrap:hover{background-color: #0D0D0C;}
.portfolio-item.liquidspring .pro-img-1{top: -70px;right: 370px;}
.portfolio-item.liquidspring .pro-img-2{top: 30px;right: 30px;}
.portfolio-item.liquidspring .pro-img-1 img{max-width: 308px;transform: translateY(200px) scale(0);}
.portfolio-item.liquidspring .pro-img-2 img{max-width: 377px;transform: translateX(100px);-webkit-transform: translateX(100px);}
.portfolio-item.liquidspring .portfolio-wrap:hover .pro-img-1 img{transform: translateY(0px) scale(1);-webkit-transform: translateY(0px) scale(1);transition-delay: 0.3s;-webkit-transition-delay: 0.3s;}
.portfolio-item.liquidspring .portfolio-wrap:hover .pro-img-2 img{transform: translateX(0px);-webkit-transform: translateX(0px);}

/* 02 Havis ----*/
.portfolio-item.havis .portfolio-wrap:hover{background-color: #1B5581;}
.portfolio-item.havis .pro-img-1{top: 80px;right: 80px;}
.portfolio-item.havis .pro-img-2{top: -90px;left: 150px;}
.portfolio-item.havis .pro-img-3{top: 20px;right: 80px;}
.portfolio-item.havis .pro-img-1 img{max-width: 353px;transform: translateX(300px);-webkit-transform: translateX(300px);}
.portfolio-item.havis .pro-img-2 img{max-width: 495px;transform: translateY(80px);-webkit-transform: translateY(80px);}
.portfolio-item.havis .pro-img-3 img{max-width: 203px;transform: translateY(40px);-webkit-transform: translateY(40px);}
.portfolio-item.havis .portfolio-wrap:hover .pro-img-1 img{transform: translateX(0px);-webkit-transform: translateX(0px);}
.portfolio-item.havis .portfolio-wrap:hover .pro-img-2 img,
.portfolio-item.havis .portfolio-wrap:hover .pro-img-3 img{transform: translateY(0px);-webkit-transform: translateY(0px);}

/* 03 SurgiReal ----*/
.portfolio-item.surgireal .portfolio-wrap:hover{background-color: #2A4792;}
.portfolio-item.surgireal .pro-img-1{top: -70px;right: 350px;}
.portfolio-item.surgireal .pro-img-2{top: 140px;right: 180px;}
.portfolio-item.surgireal .pro-img-3{top: 20px;right: 60px;}
.portfolio-item.surgireal .pro-img-1 img{max-width: 505px;transform: translateY(-100px);-webkit-transform: translateY(-100px);}
.portfolio-item.surgireal .pro-img-2 img{max-width: 328px;transform: translateY(100px);-webkit-transform: translateY(100px);}
.portfolio-item.surgireal .pro-img-3 img{max-width: 268px;transform: translateX(100px);-webkit-transform: translateX(100px);}
.portfolio-item.surgireal .portfolio-wrap:hover .pro-img-1 img,
.portfolio-item.surgireal .portfolio-wrap:hover .pro-img-2 img{transform: translateY(0px);-webkit-transform: translateY(0px);}
.portfolio-item.surgireal .portfolio-wrap:hover .pro-img-3 img{transform: translateX(0px);-webkit-transform: translateX(0px);}

/* 04 Bruno Larvol ----*/
.portfolio-item.bruno-larvol .road-rescue-background{top: 0px;}
.portfolio-item.bruno-larvol .portfolio-wrap:hover{background-color: #28104E;}
.portfolio-item.bruno-larvol .port-logo img{max-height: 26px;}
.portfolio-item.bruno-larvol .pro-img-1{top: 100px;right: 610px;}
.portfolio-item.bruno-larvol .pro-img-2{top: -30px;right: 160px;}
.portfolio-item.bruno-larvol .pro-img-3{top: 160px;right: 380px;}
.portfolio-item.bruno-larvol .pro-img-1 img{max-width: 122px;transform: translateY(-100px);-webkit-transform: translateY(-100px);}
.portfolio-item.bruno-larvol .pro-img-2 img{max-width: 360px;transform: translateX(100px);-webkit-transform: translateX(100px);}
.portfolio-item.bruno-larvol .pro-img-3 img{max-width: 240px;transform: translateX(-100px);-webkit-transform: translateX(-100px);}
.portfolio-item.bruno-larvol .portfolio-wrap:hover .pro-img-1 img{transform: translateY(0px);-webkit-transform: translateY(0px);}
.portfolio-item.bruno-larvol .portfolio-wrap:hover .pro-img-2 img,
.portfolio-item.bruno-larvol .portfolio-wrap:hover .pro-img-3 img{transform: translateX(0px);-webkit-transform: translateX(0px);}

/* 05 Millennium ----*/
.portfolio-item.millennium .portfolio-wrap:hover{background-color: #404040;}
.portfolio-item.millennium  .port-logo img{max-height: 60px;}
.portfolio-item.millennium .pro-img-1{top: -40px;right: 280px;}
.portfolio-item.millennium .pro-img-2{top: 160px;right: 80px;z-index: 1;}
.portfolio-item.millennium .pro-img-3{top: -35px;right: 80px;}
.portfolio-item.millennium .pro-img-1 img{max-width: 525px;transform: translateY(100px);-webkit-transform: translateY(100px);transition-delay: 0.1s;-webkit-transition-delay: 0.1s;}
.portfolio-item.millennium .pro-img-2 img{max-width: 213px;transform: translateY(-100px);-webkit-transform: translateY(-100px);}
.portfolio-item.millennium .pro-img-3 img{max-width: 202px;transform: translateX(100px);-webkit-transform: translateX(100px);}
.portfolio-item.millennium .portfolio-wrap:hover .pro-img-1 img{transform: translateY(0px);-webkit-transform: translateY(0px);transition-delay: 0.1s;-webkit-transition-delay: 0.1s;}
.portfolio-item.millennium .portfolio-wrap:hover .pro-img-2 img{transform: translateY(0px);-webkit-transform: translateY(0px);}
.portfolio-item.millennium .portfolio-wrap:hover .pro-img-3 img{transform: translateX(0px);-webkit-transform: translateX(0px);}

/* 06 RVWA ----*/
.portfolio-item.rvwa .portfolio-wrap:hover{background: linear-gradient(315deg, rgba(117,26,87,1) 0%, rgba(242,101,34,1) 100%);}
.pro-img-group{position: relative;right: -70px;top: -60px;}
.portfolio-item.rvwa .pro-img-1{top: -60px;right: 310px;}
.portfolio-item.rvwa .pro-img-2{top: 60px;right: 140px;}
.portfolio-item.rvwa .pro-img-3{top: 130px;left: 150px;}
.portfolio-item.rvwa .pro-img-4{top: 170px;right: 30px;}
.portfolio-item.rvwa .pro-img-5{top: 250px;right: 440px;}
.portfolio-item.rvwa .pro-img-6{top: 220px;left: 440px;}
.portfolio-item.rvwa .pro-img img{transform: scale(0);-webkit-transform: scale(0);}
.portfolio-item.rvwa .pro-img-1 img{max-width: 500px;}
.portfolio-item.rvwa .pro-img-2 img{max-width: 180px;transition-delay: 0.3s;-webkit-transition-delay: 0.3s;}
.portfolio-item.rvwa .pro-img-3 img{max-width: 64px;transition-delay: 0.2s;-webkit-transition-delay: 0.2s;box-shadow: 0px 20px 50px rgb(0 0 0 / 20%);-webkit-box-shadow: 0px 20px 50px rgb(0 0 0 / 20%);}
.portfolio-item.rvwa .pro-img-4 img{max-width: 71px;transition-delay: 0.2s;-webkit-transition-delay: 0.2s;box-shadow: 0px 20px 50px rgb(0 0 0 / 20%);-webkit-box-shadow: 0px 20px 50px rgb(0 0 0 / 20%);}
.portfolio-item.rvwa .pro-img-5 img{max-width: 61px;transition-delay: 0.1s;-webkit-transition-delay: 0.1s;box-shadow: 0px 20px 50px rgb(0 0 0 / 20%);-webkit-box-shadow: 0px 20px 50px rgb(0 0 0 / 20%);}
.portfolio-item.rvwa .pro-img-6 img{max-width: 46px;transition-delay: 0.2s;-webkit-transition-delay: 0.2s;box-shadow: 0px 20px 50px rgb(0 0 0 / 20%);-webkit-box-shadow: 0px 20px 50px rgb(0 0 0 / 20%);}
.portfolio-item.rvwa .portfolio-wrap:hover .pro-img img{transform: scale(1);-webkit-transform: scale(1);}
.portfolio-item.rvwa .portfolio-wrap:hover .pro-img-2 img{transition-delay: 0.3s;-webkit-transition-delay: 0.3s;}
.portfolio-item.rvwa .portfolio-wrap:hover .pro-img-3 img{transition-delay: 0.2s;-webkit-transition-delay: 0.2s;}
.portfolio-item.rvwa .portfolio-wrap:hover .pro-img-5 img{transition-delay: 0.1s;-webkit-transition-delay: 0.1s;}
.portfolio-item.rvwa .portfolio-wrap:hover .pro-img-6 img{transition-delay: 0.2s;-webkit-transition-delay: 0.2s;}

/* 07 Dometic ----*/
.portfolio-item.dometic .portfolio-wrap{border: 1px solid transparent;}
.portfolio-item.dometic .portfolio-wrap:hover{background-color: #1D1D1D;--border-opacity: 1;border-color: rgba(var(--white),var(--border-opacity));}
.portfolio-item.dometic .port-logo img{max-height: 30px;}
.portfolio-item.dometic .pro-img-1{top: -80px;left: 350px;}
.portfolio-item.dometic .pro-img-2{top: 90px;right: 70px;}
.portfolio-item.dometic .pro-img-1 img{max-width: 231px;transform: translateY(80px);-webkit-transform: translateY(80px);}
.portfolio-item.dometic .pro-img-2 img{max-width: 283px;transform: translateX(300px);-webkit-transform: translateX(300px);}
.portfolio-item.dometic .portfolio-wrap:hover .pro-img-1 img{transform: translateY(0px);-webkit-transform: translateY(0px);}
.portfolio-item.dometic .portfolio-wrap:hover .pro-img-2 img{transform: translateX(0px);-webkit-transform: translateX(0px);}

/* 08 Braxton Creek ----*/
.portfolio-item.braxton .portfolio-wrap:hover{background-color: #034360;}
.portfolio-item.braxton .pro-img-1{top: -80px;right: 330px;}
.portfolio-item.braxton .pro-img-2{top: 170px;right: 480px;}
.portfolio-item.braxton .pro-img-3{top: 80px;right: 90px;}
.portfolio-item.braxton .pro-img-1 img{max-width: 478px;transform: translateY(100px);-webkit-transform: translateY(100px);transition-delay: 0.1s;-webkit-transition-delay: 0.1s; height: auto;}
.portfolio-item.braxton .pro-img-2 img{max-width: 329px;transform: translateY(100px);-webkit-transform: translateY(100px); height: auto;}
.portfolio-item.braxton .pro-img-3 img{max-width: 273px;transform: translateX(100px);-webkit-transform: translateX(100px); height: auto;}
.portfolio-item.braxton .portfolio-wrap:hover .pro-img-1 img{transform: translateY(0px);-webkit-transform: translateY(0px);transition-delay: 0.1s;-webkit-transition-delay: 0.1s;}
.portfolio-item.braxton .portfolio-wrap:hover .pro-img-2 img{transform: translateY(0px);-webkit-transform: translateY(0px);}
.portfolio-item.braxton .portfolio-wrap:hover .pro-img-3 img{transform: translateX(0px);-webkit-transform: translateX(0px);}

/* 09 Wild Oak ----*/
.portfolio-item.wildoak .portfolio-wrap:hover{background-color: #F55154;}
.portfolio-item.wildoak .port-logo img{max-height: 50px;}
.portfolio-item.wildoak .pro-img-1{top: -50px;right: 230px;}
.portfolio-item.wildoak .pro-img-2{top: 160px;right: 430px;z-index: 1;}
.portfolio-item.wildoak .pro-img-3{top: 120px;right: 120px;}
.portfolio-item.wildoak .pro-img-1 img{max-width: 600px;transform: translateY(100px);-webkit-transform: translateY(100px);transition-delay: 0.1s;-webkit-transition-delay: 0.1s;}
.portfolio-item.wildoak .pro-img-2 img{max-width: 404px;transform: translateY(-100px);-webkit-transform: translateY(-100px);}
.portfolio-item.wildoak .pro-img-3 img{max-width: 191px;transform: translateX(100px);-webkit-transform: translateX(100px);}
.portfolio-item.wildoak .portfolio-wrap:hover .pro-img-1 img{transform: translateY(0px);-webkit-transform: translateY(0px);transition-delay: 0.1s;-webkit-transition-delay: 0.1s;}
.portfolio-item.wildoak .portfolio-wrap:hover .pro-img-2 img{transform: translateY(0px);-webkit-transform: translateY(0px);}
.portfolio-item.wildoak .portfolio-wrap:hover .pro-img-3 img{transform: translateX(0px);-webkit-transform: translateX(0px);}

/* 10 River ----*/
.portfolio-item .road-rescue-background{position: absolute;top: -50px;bottom: 0px;left: 0px;right: 0px;opacity: 0;z-index: -1;pointer-events: none;transition-delay: 0.5s;-webkit-transition-delay: 0.5s;transition: all .3s;-webkit-transition: all .3s;}
.portfolio-item .portfolio-wrap:hover .road-rescue-background{opacity: 1;transition-delay: 0.5s;-webkit-transition-delay: 0.5s;transition: all .3s;-webkit-transition: all .3s;}
.portfolio-item.river .river-background{position: absolute;top: -50px;bottom: 0px;left: 0px;right: 0px;opacity: 0;z-index: -1;pointer-events: none;transition-delay: 0.5s;-webkit-transition-delay: 0.5s;transition: all .3s;-webkit-transition: all .3s;}
.portfolio-item.river .portfolio-wrap:hover .river-background{opacity: 1;transition-delay: 0.5s;-webkit-transition-delay: 0.5s;transition: all .3s;-webkit-transition: all .3s;}
.portfolio-item.river .pro-img-2{top: 130px;right: 420px;z-index: 1;}
.portfolio-item.river .pro-img-3{top: -35px;right: 0px;z-index: 2;}
.portfolio-item.river .pro-img-2 img{max-width: 355px;transform: translateY(-100px);-webkit-transform: translateY(-100px);}
.portfolio-item.river .pro-img-3 img{max-width: 409px;transform: translateX(100px);-webkit-transform: translateX(100px);}
.portfolio-item.river .portfolio-wrap:hover .pro-img-2 img{transform: translateY(0px);-webkit-transform: translateY(0px);}
.portfolio-item.river .portfolio-wrap:hover .pro-img-3 img{transform: translateX(0px);-webkit-transform: translateX(0px);}
.portfolio-item.river .portfolio-wrap:hover .portfolio-types li{color: rgb(43 43 43 / 80%);background-color: rgb(16 16 16 / 10%);}

/* 11 Holistic ----*/
.portfolio-item.holistic .portfolio-wrap:hover{background-color: #0071BA;}
.portfolio-item.holistic .pro-img-1{top: -50px;right: 160px;}
.portfolio-item.holistic .pro-img-2{top: 80px;right: 520px;z-index: 1;}
.portfolio-item.holistic .pro-img-1 img{max-width: 560px;transform: translateX(100px);-webkit-transform: translateX(100px);}
.portfolio-item.holistic .pro-img-2 img{max-width: 117px;transform: translateY(-100px);-webkit-transform: translateY(-100px);}
.portfolio-item.holistic .portfolio-wrap:hover .pro-img-1 img,
.portfolio-item.holistic .portfolio-wrap:hover .pro-img-2 img{transform: translateY(0px);-webkit-transform: translateY(0px);}

/* 12 Heritage ----*/
.portfolio-item.heritage .portfolio-wrap:hover{background-color: #155E4A;}
.portfolio-item.heritage .port-logo{position: relative;left: -20px;top: -20px;}
.portfolio-item.heritage .port-logo img{max-height: 107px;}
.portfolio-item.heritage .pro-img-1{top: -42px;right: 230px;}
.portfolio-item.heritage .pro-img-2{top: 45px;right: 90px;z-index: 1;}
.portfolio-item.heritage .pro-img-1 img{max-width: 603px;transform: translateY(100px);-webkit-transform: translateY(100px);transition-delay: 0.1s;-webkit-transition-delay: 0.1s;}
.portfolio-item.heritage .pro-img-2 img{max-width: 113px;transform: translateY(-100px);-webkit-transform: translateY(-100px);}
.portfolio-item.heritage .portfolio-wrap:hover .pro-img-1 img{transform: translateY(0px);-webkit-transform: translateY(0px);transition-delay: 0.1s;-webkit-transition-delay: 0.1s;}
.portfolio-item.heritage .portfolio-wrap:hover .pro-img-2 img{transform: translateY(0px);-webkit-transform: translateY(0px);}

/* 13 Horton ----*/
.portfolio-item.horton .portfolio-wrap:hover{background-color: #212027;}
.portfolio-item.horton .port-logo img{max-height: 20px;}
.portfolio-item.horton .pro-img-1{top: 10px;right: 240px;}
.portfolio-item.horton .pro-img-2{top: 180px;right: 80px;z-index: 1;}
.portfolio-item.horton .pro-img-3{top: -40px;right: 90px;}
.portfolio-item.horton .pro-img-1 img{max-width: 501px;transform: translateY(100px);-webkit-transform: translateY(100px);transition-delay: 0.1s;-webkit-transition-delay: 0.1s;}
.portfolio-item.horton .pro-img-2 img{max-width: 266px;transform: translateX(100px);-webkit-transform: translateX(100px);}
.portfolio-item.horton .pro-img-3 img{max-width: 177px;transform: translateY(100px);-webkit-transform: translateY(100px);}
.portfolio-item.horton .portfolio-wrap:hover .pro-img-1 img{transform: translateY(0px);-webkit-transform: translateY(0px);transition-delay: 0.1s;-webkit-transition-delay: 0.1s;}
.portfolio-item.horton .portfolio-wrap:hover .pro-img-2 img{transform: translateX(0px);-webkit-transform: translateX(0px);}
.portfolio-item.horton .portfolio-wrap:hover .pro-img-3 img{transform: translateY(0px);-webkit-transform: translateY(0px);}

/* 14 Collins ----*/
.portfolio-item.collins .portfolio-wrap:hover{background: linear-gradient(0deg, rgba(241,145,24,1) 0%, rgba(248,176,91,1) 100%);}
.portfolio-item.collins .port-logo img{max-height: 30px;}
.portfolio-item.collins .pro-img-1{top: -40px;right: 280px;}
.portfolio-item.collins .pro-img-2{top: 200px;right: 60px;z-index: 1;}
.portfolio-item.collins .pro-img-3{top: 30px;right: 70px;}
.portfolio-item.collins .pro-img-1 img{max-width: 545px;transform: translateX(-100px);-webkit-transform: translateX(-100px);transition-delay: 0.1s;-webkit-transition-delay: 0.1s;}
.portfolio-item.collins .pro-img-2 img{max-width: 310px;transform: translateX(-100px);-webkit-transform: translateX(-100px);}
.portfolio-item.collins .pro-img-3 img{max-width: 117px;transform: translateX(100px);-webkit-transform: translateX(100px);}
.portfolio-item.collins .portfolio-wrap:hover .pro-img-1 img{transform: translateY(0px);-webkit-transform: translateY(0px);transition-delay: 0.1s;-webkit-transition-delay: 0.1s;}
.portfolio-item.collins .portfolio-wrap:hover .pro-img-2 img,
.portfolio-item.collins .portfolio-wrap:hover .pro-img-3 img{transform: translateX(0px);-webkit-transform: translateX(0px);}

/* 15 Laymor ----*/
.portfolio-item.laymor .portfolio-wrap:hover{background: linear-gradient(90deg, rgba(215,73,0,1) 0%, rgba(242,101,0,1) 60%, rgba(242,101,0,1) 100%);}
.portfolio-item.laymor .pro-img-1{top: -60px;right: 280px;}
.portfolio-item.laymor .pro-img-2{top: 120px;right: -30px;z-index: 1;}
.portfolio-item.laymor .pro-img-1 img{max-width: 477px;transform: translateY(100px);-webkit-transform: translateY(100px);transition-delay: 0.1s;-webkit-transition-delay: 0.1s;}
.portfolio-item.laymor .pro-img-2 img{max-width: 301px;transform: translateX(100px);-webkit-transform: translateX(100px);}
.portfolio-item.laymor .portfolio-wrap:hover .pro-img-1 img{transform: translateY(0px);-webkit-transform: translateY(0px);transition-delay: 0.1s;-webkit-transition-delay: 0.1s;}
.portfolio-item.laymor .portfolio-wrap:hover .pro-img-2 img{transform: translateX(0px);-webkit-transform: translateX(0px);}

/* 16 Wisecarver ----*/
.portfolio-item.wisecarver .portfolio-wrap:hover{background-color: #DF6420;}
.portfolio-item.wisecarver .port-logo img{max-height: 30px;}
.portfolio-item.wisecarver .pro-img-1{top: -40px;right: 300px;}
.portfolio-item.wisecarver .pro-img-2{top: 140px;right: 490px;z-index: 1;}
.portfolio-item.wisecarver .pro-img-3{top: 150px;right: 160px;z-index: 2;}
.portfolio-item.wisecarver .pro-img-4{bottom: 10px;right: 400px;}
.portfolio-item.wisecarver .pro-img-1 img{max-width: 450px;transform: translateY(100px);-webkit-transform: translateY(100px);transition-delay: 0.1s;-webkit-transition-delay: 0.1s;}
.portfolio-item.wisecarver .pro-img-2 img{max-width: 183px;transform: translateY(-100px);-webkit-transform: translateY(-100px);}
.portfolio-item.wisecarver .pro-img-3 img{max-width: 155px;transform: translateX(100px);-webkit-transform: translateX(100px);}
.portfolio-item.wisecarver .pro-img-4 img{max-width: 134px;transform: translateY(100px);-webkit-transform: translateY(100px);}
.portfolio-item.wisecarver .portfolio-wrap:hover .pro-img-1 img{transform: translateY(0px);-webkit-transform: translateY(0px);transition-delay: 0.1s;-webkit-transition-delay: 0.1s;}
.portfolio-item.wisecarver .portfolio-wrap:hover .pro-img-2 img{transform: translateY(0px);-webkit-transform: translateY(0px);}
.portfolio-item.wisecarver .portfolio-wrap:hover .pro-img-3 img,
.portfolio-item.wisecarver .portfolio-wrap:hover .pro-img-4 img{transform: translateX(0px);-webkit-transform: translateX(0px);}

/* 17 Road Rescue ----*/
.portfolio-item.road-rescue .road-rescue-background{position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;opacity: 0;z-index: -1;pointer-events: none;transition-delay: 0.5s;-webkit-transition-delay: 0.5s;transition: all .3s;-webkit-transition: all .3s;}
.portfolio-item.road-rescue .portfolio-wrap:hover .road-rescue-background{opacity: 1;transition-delay: 0.5s;-webkit-transition-delay: 0.5s;transition: all .3s;-webkit-transition: all .3s;}
.portfolio-item.road-rescue .pro-img-1{top: -50px;right: 60px;}
.portfolio-item.road-rescue .pro-img-2{top: 215px;right: 260px;z-index: 1;}
.portfolio-item.road-rescue .pro-img-3{top: 20px;right: 505px;}
.portfolio-item.road-rescue .pro-img-1 img{max-width: 497px;transform: translateY(-100px);-webkit-transform: translateY(-100px);transition-delay: 0.1s;-webkit-transition-delay: 0.1s;}
.portfolio-item.road-rescue .pro-img-2 img{max-width: 303px;transform: translateX(100px);-webkit-transform: translateX(100px);}
.portfolio-item.road-rescue .pro-img-3 img{max-width: 203px;transform: translateX(-100px);-webkit-transform: translateX(-100px);}
.portfolio-item.road-rescue .portfolio-wrap:hover .pro-img-1 img{transform: translateY(0px);-webkit-transform: translateY(0px);transition-delay: 0.1s;-webkit-transition-delay: 0.1s;}
.portfolio-item.road-rescue .portfolio-wrap:hover .pro-img-2 img,
.portfolio-item.road-rescue .portfolio-wrap:hover .pro-img-3 img{transform: translateX(0px);-webkit-transform: translateX(0px);}
/* Work List CSS End ---------------------------------------*/



/* Work Detail CSS Start ---------------------------------------*/
.work-banner-section{min-height: 800px;position: relative;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.work-banner-section.overlay:before{position: absolute;content: '';left: 0px;right: 0px;top: 0px;bottom: 0px;background-color: var(--secondary30);z-index: 1;}
.work-top-section{display: flex;justify-content: space-between;padding-top: 120px;}
.work-banner-info{display: flex;align-items: center;margin: var(--base) 0px;}
.work-banner-info .left{margin-right: var(--medium);}
.work-banner-info .left img{max-width: 42px;max-height: 42px;height: 42px;}
.work-banner-info .right h4{font-size: 16px;margin-bottom: 3px;}
.work-banner-info .right ul{display: flex;list-style: none;align-items: center;}
.work-banner-info .right ul li{position: relative;font-size: 13px;padding-left: 8px;padding-right: 15px;font-family: var(--avenirheavy);color: var(--lightgrey);}
.work-banner-info .right ul li:before{position: absolute;content: '';left: 0px;top: 50%;width: 4px;height: 4px;border-radius: 999px;background-color: var(--lightgrey);margin-top: -2px;}
.work-next-prev{display: flex;align-items: center;margin: var(--base) 0px;justify-content: flex-end;}
.work-next-prev .prev,
.work-next-prev .next{background-color: var(--offwhite);width: 42px;height: 42px;display: flex;align-items: center;justify-content: center;margin-left: 8px;}
.work-next-prev .prev.disabled,
.work-next-prev .next.disabled{pointer-events: none;opacity: 0.5;user-select: none;}
.work-next-prev .prev img,
.work-next-prev .next img{transform: rotate(90deg);max-height: 11px;}
.work-next-prev a:hover{background-color: var(--lightgrey);}
.work-next-prev a:not(:hover) img{filter: invert(91%) sepia(91%) saturate(28%) hue-rotate(254deg) brightness(40%) contrast(100%);}
.work-next-prev .next img{transform: rotate(-90deg);}
.work-about-section{padding: var(--sectionSpace) 0px;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.work-about-section .container{padding: 0px 80px;}
.work-about-section .sec-title h3{margin-bottom: 0px;}
.work-about-section .sec-title h2{margin-bottom: var(--xlarge);}
.work-about-section .content{max-width: 550px;margin-left: 20px;}
.work-about-section .content h5{margin-bottom: 5px;font-family: var(--avenirheavy);}
.work-about-section .content p{margin-bottom: var(--xlarge);line-height: 1.42;}
.work-about-section .content p:last-child{margin-bottom: 0px !important;}
.work-about-section.black-bg .content,
.work-about-section.black-bg h2,
.work-about-section.black-bg h3,
.work-about-section.black-bg h4,
.work-about-section.black-bg h5,
.work-about-section.black-bg h6{color: var(--white);}
.work-about-section.black-bg p{color: var(--lightgrey);}
.work-about-section.black-bg .btn{color: var(--secondary);background-color: var(--white);border-color: var(--white);}
.work-about-section.black-bg .btn:after{background-color: var(--primary70);}
.work-video-section .js-work-video{overflow: hidden;width: 100%;aspect-ratio: 16/9;pointer-events: none;}
.work-video-section iframe{width: 300%;height: 101%;margin-left: -100%;margin-top: -0.1px;}
.desktop-scroll-section{position: relative;overflow: hidden;height: 810px;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.desktop-scroll-section .desktop-screen{height: 630px;padding: var(--sectionSpace) 0px;position: relative;z-index: 2;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.desktop-scroll-section .homepage_scroll{height: calc(100% + 8px);left: calc(50% + 4px);overflow-x: hidden;overflow-y: auto;position: absolute;top: 50%;transform: translate(-50%, -50%);width: calc(100% + 8px);border-radius: 30px;}
.desktop-scroll-section .homepage_scroll::-webkit-scrollbar-track{-webkit-box-shadow: none;background-color: transparent;}
.desktop-scroll-section .homepage_scroll::-webkit-scrollbar{width: 8px;background-color: transparent;}
.desktop-scroll-section .homepage_scroll::-webkit-scrollbar-thumb{border-radius: 0px;background-color: transparent;}
.desktop-scroll-section .homepage_scroll{scrollbar-width: thin;scrollbar-color: transparent transparent;}
.desktop-scroll-section .homepage_scroll img{display: block;left: 0px;position: absolute;top: 0px;transform: translate3d(0px, 0px, 0px);transition: 5s ease-in-out;width: 100%;}
.font-family-section{position: relative;height: 880px;z-index: 2;}
.font-family-section .siteFont{display: flex;align-items: center;height: 100%;padding-left: calc(var(--sectionSpace) + 20px);background-position: center center;background-repeat: no-repeat;background-size: cover;}
.font-family-section .siteFont img{max-width: 640px;width: 100%;}
.font-color-grid{display: grid;grid-template-columns: repeat(12, [col] 8.33%);grid-template-rows: repeat(4, [row] auto);}
.font-color-grid .color-box{display: flex;align-items: flex-end;font-size: 19px;color: var(--secondary);padding: var(--large) var(--xxlarge);font-family: var(--avenirmedium);}
.mobile-layout-section{position: relative;height: 1080px;display: flex;align-items: center;justify-content: center;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.work-mobile-animation{display: flex;justify-content: center;align-items: center;}
.work-marquee-section{position: relative;height: 1080px;overflow: hidden;display: flex;flex-direction: column;row-gap: 50px;justify-content: center;background-color: var(--secondary);}
.work_marquee{display: flex;--leftMove: 0px;transform: translateX(calc(var(--leftMove) * -1));column-gap: 50px;position: relative;left: 200px;}
.work_marquee.work_marquee_reverse{transform: translateX(var(--leftMove));left: auto;right: 540px;}
.work_marquee img{max-height: 370px;}
.brochure-section{position: relative;height: 1080px;}
.brochure-section .work-brochure{position: relative;top: -70px;display: flex;align-items: center;justify-content: center;}
.brochure-section .work-brochure img{max-width: 1300px;width: 100%;}
.animation3D-section{position: relative;height: 1080px;padding: calc(var(--sectionSpace) + 30px) 0px;background-position: center center;background-repeat: no-repeat;background-size: cover;overflow: hidden;}
.animation3DTrigger_1,
.animation3DTrigger_2{position: absolute;top: 0px;}
.animation3D-img{--3dTopMove: 0px;--3dleftMove: 0px;transform: translateX(calc(var(--3dleftMove) * -1)) translateY(var(--3dTopMove));}
.animation3D-img-1{position: absolute;right: -720px;top: -248px;max-width: 840px;width: 100%;}
.animation3D-img-2{position: absolute;right: -633px;bottom: 460px;max-width: 640px;width: 100%;}
.work-next-section{background-color: var(--white);display: flex;align-items: center;overflow: hidden;position: relative;padding: calc(var(--sectionSpace) + 50px) 0px;}
.work-next-section a{margin: 0 auto;display: flex;}
.work-next-section .sec-title{position: relative;display: flex;align-items: center;flex-direction: column;justify-content: center;width: 450px;height: 450px;margin: 0 auto;border-radius: 999px;text-align: center;}
.work-next-section .sec-title h2,
.work-next-section .sec-title h5{position: relative;display: flex;align-items: center;margin-bottom: 0px;mix-blend-mode: difference;z-index: 3;color: var(--white);}
.work-next-section .sec-title h5 svg{margin-left: 8px;margin-top: 3px;height: 18px;}
.work-next-section .customPointer{position: absolute;top: 0px;left: 0px;width: 450px;height: 450px;border-radius: 999px;z-index: 2;}
.work-next-section .customPointer:not(.active){opacity: 0;visibility: hidden;}
.work-next-section .customPointer:before,
.work-next-section .customPointer:after{position: absolute;content: '';left: -7px;top: -7px;width: 464px;height: 464px;border-radius: 999px;border: 2px solid var(--secondary60);}
.work-next-section .customPointer:after{left: -10px;top: -14px;border-bottom: none;transform: rotate(345deg);}
.logo-design-section{position: relative;height: 800px;}
.logo-design-section .row{height: 100%;}
.logo-design-section .left{display: flex;align-items: center;justify-content: center;background-color: #2A4792;}
.logo-design-section .right{display: flex;align-items: center;justify-content: center;background-color: #F4F4F4;}
.logo-design-section .left img,
.logo-design-section .right img{max-width: 100%;}

/* 01 Liquidspring ----*/
.work_liquidspring .font-color-grid .color-box:nth-child(1){grid-column: col / span 12;grid-row: row;color: var(--white);}
.work_liquidspring .font-color-grid .color-box:nth-child(2){grid-column: col / span 6;grid-row: row 2;color: var(--white);}
.work_liquidspring .font-color-grid .color-box:nth-child(3){grid-column: col 7 / span 6;grid-row: row 2;color: var(--white);}
.work_liquidspring .font-color-grid .color-box:nth-child(4){grid-column: col / span 12;grid-row: row 3;}
.work_liquidspring .font-color-grid .color-box:nth-child(5){grid-column: col / span 4;grid-row: row 4;}
.work_liquidspring .font-color-grid .color-box:nth-child(6){grid-column: col 5 / span 4;grid-row: row 4;}
.work_liquidspring .font-color-grid .color-box:nth-child(7){grid-column: col 9 / span 4;grid-row: row 4;}
.work_liquidspring .work-about-section,
.work_liquidspring .font-family-section{background-color: #EEEEEE;}
.work_liquidspring .animation3D-section,
.work_liquidspring .desktop-scroll-section{background-color: #161615;}
.work_liquidspring .brochure-section,
.work_liquidspring .mobile-layout-section{background-color: #D9000D;}
.work_liquidspring .work-mobile-animation{margin-top: 30px;}
.work_liquidspring .work-mobile-animation img{max-width: 440px;width: 100%;}
.work_liquidspring .work-mobile-animation .mobiles-1{margin-top: -120px;}
.work_liquidspring .work-mobile-animation .mobiles-3{margin-top: 180px;}
.work_liquidspring .work-about-section .work-about-img{margin-top: calc(var(--sectionSpace) - 20px);}
.work_liquidspring .work-about-section .work-about-img img{max-width: 1200px;width: 100%;}
.work_liquidspring .desktop-scroll-section{display: flex;align-items: center;}
.work_liquidspring .desktop-scroll-section .desktop-screen{max-width: 1045px;margin: 0 auto;border: 10px solid #000000;border-radius: 30px;overflow: hidden;}
.work_liquidspring .desktop-scroll-section .desktop-screen>img{display: none;}
.work_liquidspring .desktop-scroll-section:before{position: absolute;content: '';left: 0px;right: 0px;top: 0px;bottom: 0px;background-color: rgba(22, 22, 21, 0.60);}
.work_liquidspring .desktop-scroll-section:after{position: absolute;content: '';left: -20px;right: -20px;bottom: -88px;background-color: #161615;height: 293px;transform: rotate(-5.2deg);}

/* 02 Havis ----*/
.work_havis .work-banner-section.overlay:after{position: absolute;content: '';left: 0px;right: 0px;top: 0px;bottom: 0px;z-index: 1;background: linear-gradient(90deg, var(--secondary50) 0%, var(--secondary0) 100%);}
.work_havis .work-about-section{background-color: #212121;min-height: 572px;}
.work_havis .work-about-section .work-about-img{position: absolute;top: -100px;right: 750px;bottom: 0px;height: calc(100% + 200px);}
.work_havis .work-about-section .work-about-img img{height: 100%;}
.work_havis .desktop-scroll-section{background-color: #003C69;}
.work_havis .desktop-scroll-section,
.work_havis .desktop-scroll-section .desktop-screen{height: 965px;}
.work_havis .desktop-scroll-section .desktop-screen>img{position: relative;top: 30px;z-index: 2;pointer-events: none;}
.work_havis .desktop-scroll-section .homepage_scroll{height: 72.2%;left: 49.8%;top: 48.1%;width: 95.6%;border-radius: 30px 30px 0px 0px;}
.work_havis .font-family-section{background-color: #EEEEEE;}
.work_havis .font-color-grid .color-box:nth-child(1){grid-column: col / span 12;grid-row: row;color: var(--white);}
.work_havis .font-color-grid .color-box:nth-child(2){grid-column: col / span 4;grid-row: row 2;}
.work_havis .font-color-grid .color-box:nth-child(3){grid-column: col 5 / span 4;grid-row: row 2;}
.work_havis .font-color-grid .color-box:nth-child(4){grid-column: col 9 / span 4;grid-row: row 2;}
.work_havis .font-color-grid .color-box:nth-child(5){grid-column: col / span 6;grid-row: row 3;}
.work_havis .font-color-grid .color-box:nth-child(6){grid-column: col 7 / span 6;grid-row: row 3;}
.work_havis .font-color-grid .color-box:nth-child(7){grid-column: col / span 4;grid-row: row 4;color: var(--white);}
.work_havis .font-color-grid .color-box:nth-child(8){grid-column: col 5 / span 4;grid-row: row 4;color: var(--white);}
.work_havis .font-color-grid .color-box:nth-child(9){grid-column: col 9 / span 4;grid-row: row 4;color: var(--white);}
.work_havis .work-mobile-animation .mobiles-1{max-width: 100%;}
.work_havis .mobile-layout-section{background-color: #D47B22;}

/* 03 SurgiReal ----*/
.work_surgireal .work-banner-section.overlay:after{position: absolute;content: '';left: 0px;right: 0px;top: 0px;bottom: 0px;z-index: 1;background: linear-gradient(90deg, var(--secondary50) 0%, var(--secondary0) 100%);}
.work_surgireal .desktop-scroll-section,
.work_surgireal .desktop-scroll-section .desktop-screen{height: 955px;}
.work_surgireal .desktop-scroll-section .desktop-screen>img{position: relative;top: 30px;z-index: 2;pointer-events: none;max-width: 1362px;}
.work_surgireal .desktop-scroll-section .homepage_scroll{height: 71%;left: 50.4%;top: 49.4%;width: 92%;border-radius: 30px 30px 0px 0px;}
.work_surgireal .work-mobile-animation img{margin: 0 45px;max-width: 330px;width: 100%;}
.work_surgireal .font-color-grid .color-box:nth-child(1){grid-column: col / span 12;grid-row: row;color: var(--white);}
.work_surgireal .font-color-grid .color-box:nth-child(2){grid-column: col / span 6;grid-row: row 2;color: var(--white);}
.work_surgireal .font-color-grid .color-box:nth-child(3){grid-column: col 7 / span 6;grid-row: row 2;color: var(--white);}
.work_surgireal .font-color-grid .color-box:nth-child(4){grid-column: col / span 12;grid-row: row 3;}
.work_surgireal .font-color-grid .color-box:nth-child(5){grid-column: col / span 4;grid-row: row 4;color: var(--white);}
.work_surgireal .font-color-grid .color-box:nth-child(6){grid-column: col 5 / span 4;grid-row: row 4;}
.work_surgireal .font-color-grid .color-box:nth-child(7){grid-column: col 9 / span 4;grid-row: row 4;}
.work_surgireal .font-family-section .siteFont img{max-width: 670px;}
.work_surgireal .work-about-section,
.work_surgireal .font-family-section{background-color: #F4F4F4;}
.work_surgireal .desktop-scroll-section{background-color: #4EC0C4;}
.work_surgireal .mobile-layout-section{background-color: #2A4792;}

/* 04 Bruno Larvol ----*/
.work_brunolarvol .work-about-section{background-color: #28104E;}
.work_brunolarvol .work-about-section p{color: #DEACFC;}
.work_brunolarvol .desktop-scroll-section{background-color: #6237A0;}
.work_brunolarvol .desktop-scroll-section,
.work_brunolarvol .desktop-scroll-section .desktop-screen{height: 1080px;}
.work_brunolarvol .desktop-scroll-section .desktop-screen>img{position: relative;top: 0px;z-index: 2;pointer-events: none;}
.work_brunolarvol .desktop-scroll-section .homepage_scroll{height: 66.5%;left: 50%;top: 44.4%;width: 86%;border-radius: 30px;}
.work_brunolarvol .font-family-section{background-color: #F5E3FF;}
.work_brunolarvol .font-family-section .siteFont img{max-width: 550px;}
.work_brunolarvol .font-color-grid .color-box:nth-child(1){grid-column: col / span 12;grid-row: row;color: var(--white);}
.work_brunolarvol .font-color-grid .color-box:nth-child(2){grid-column: col / span 6;grid-row: row 2;color: var(--white);}
.work_brunolarvol .font-color-grid .color-box:nth-child(3){grid-column: col 7 / span 6;grid-row: row 2;color: var(--white);}
.work_brunolarvol .font-color-grid .color-box:nth-child(4){grid-column: col / span 12;grid-row: row 3;color: var(--white);}
.work_brunolarvol .font-color-grid .color-box:nth-child(5){grid-column: col / span 6;grid-row: row 4;}
.work_brunolarvol .font-color-grid .color-box:nth-child(6){grid-column: col 7 / span 12;grid-row: row 4;}
.work_brunolarvol .mobile-layout-section{background-color: #9754CB;}
.work_brunolarvol .work-mobile-animation .mobiles-1{margin-right: -70px;max-width: 450px;width: 100%;}
.work_brunolarvol .work-mobile-animation .mobiles-2{max-width: 500px;width: 100%;}
.work_brunolarvol .work-mobile-animation .mobiles-3{margin-left: -70px;max-width: 450px;width: 100%;}
.work_brunolarvol .work-marquee-section{background-color: #140927;}

/* 05 Millennium ----*/
.work_millennium .font-color-grid .color-box:nth-child(1){grid-column: col / span 12;grid-row: row;color: var(--white);}
.work_millennium .font-color-grid .color-box:nth-child(2){grid-column: col / span 6;grid-row: row 2;color: var(--white);}
.work_millennium .font-color-grid .color-box:nth-child(3){grid-column: col 7 / span 6;grid-row: row 2;color: var(--white);}
.work_millennium .font-color-grid .color-box:nth-child(4){grid-column: col / span 6;grid-row: row 3;color: var(--white);}
.work_millennium .font-color-grid .color-box:nth-child(5){grid-column: col 7 / span 6;grid-row: row 3;color: var(--white);}
.work_millennium .font-color-grid .color-box:nth-child(6){grid-column: col / span 4;grid-row: row 4;}
.work_millennium .font-color-grid .color-box:nth-child(7){grid-column: col 5 / span 4;grid-row: row 4;}
.work_millennium .font-color-grid .color-box:nth-child(8){grid-column: col 9 / span 4;grid-row: row 4;}
.work_millennium .work-mobile-animation .mobiles-1{max-width: 100%;}
.work_millennium .desktop-scroll-section,
.work_millennium .desktop-scroll-section .desktop-screen{height: 956px;}
.work_millennium .desktop-scroll-section .desktop-screen{margin-top: 20px;}
.work_millennium .desktop-scroll-section .desktop-screen>img{position: relative;top: 0px;z-index: 2;pointer-events: none;}
.work_millennium .desktop-scroll-section .homepage_scroll{height: 71%;left: 50.3%;top: 46.3%;width: 92%;border-radius: 30px 30px 0px 0px;}
.work_millennium .mobile-layout-section,
.work_millennium .desktop-scroll-section{background-color: #B52229;}
.work_millennium .work-about-section{background-color: #111111;}
.work_millennium .font-family-section{background-color: #F4F4F4;}

/* 06 RVWA ----*/
.work_rvwa .work-banner-section.overlay:after{position: absolute;content: '';left: 0px;right: 0px;top: 0px;bottom: 0px;z-index: 1;background: linear-gradient(90deg, var(--secondary50) 0%, var(--secondary0) 100%);}
.work_rvwa .desktop-scroll-section,
.work_rvwa .desktop-scroll-section .desktop-screen{height: 1080px;}
.work_rvwa .desktop-scroll-section .desktop-screen>img{position: relative;top: 30px;z-index: 2;pointer-events: none;}
.work_rvwa .desktop-scroll-section .homepage_scroll{height: 72.4%;left: 48.7%;top: 49.1%;width: 93%;border-radius: 20px;}
.work_rvwa .work-mobile-animation .mobiles-1{margin-top: 40px;margin-left: -80px;max-width: 1390px;width: 100%;}
.work_rvwa .font-color-grid .color-box:nth-child(1){grid-column: col / span 12;grid-row: row;color: var(--white);}
.work_rvwa .font-color-grid .color-box:nth-child(2){grid-column: col / span 6;grid-row: row 2;color: var(--white);}
.work_rvwa .font-color-grid .color-box:nth-child(3){grid-column: col 7 / span 6;grid-row: row 2;color: var(--white);}
.work_rvwa .font-color-grid .color-box:nth-child(4){grid-column: col / span 6;grid-row: row 3;color: var(--white);}
.work_rvwa .font-color-grid .color-box:nth-child(5){grid-column: col 7 / span 6;grid-row: row 3;color: var(--white);}
.work_rvwa .font-color-grid .color-box:nth-child(6){grid-column: col / span 6;grid-row: row 4;}
.work_rvwa .font-color-grid .color-box:nth-child(7){grid-column: col 7 / span 6;grid-row: row 4;}
.work_rvwa .work-about-section,
.work_rvwa .font-family-section{background-color: #F5F2F0;}
.work_rvwa .desktop-scroll-section{background-color: #1F1F1F;}
.work_rvwa .mobile-layout-section{background: linear-gradient(315deg, rgba(117, 26, 87, 1) 0%, rgba(242, 101, 34, 1) 100%) !important;}

/* 08 Braxton Creek ----*/
.work_braxtoncreek .work-about-section{background-color: #F7F8F9;}
.work_braxtoncreek .desktop-scroll-section{background-color: #034360;}
.work_braxtoncreek .desktop-scroll-section,
.work_braxtoncreek .desktop-scroll-section .desktop-screen{height: 956px;}
.work_braxtoncreek .desktop-scroll-section .desktop-screen{margin-top: 20px;}
.work_braxtoncreek .desktop-scroll-section .desktop-screen>img{position: relative;top: 0px;z-index: 2;pointer-events: none;}
.work_braxtoncreek .desktop-scroll-section .homepage_scroll{height: 71%;left: 50.3%;top: 46.3%;width: 92%;border-radius: 30px 30px 0px 0px;}
.work_braxtoncreek .font-family-section{background-color: #F7F8F9;}
.work_braxtoncreek .font-family-section .siteFont img{max-width: 700px;}
.work_braxtoncreek .font-color-grid .color-box:nth-child(1){grid-column: col / span 12;grid-row: row;color: var(--white);}
.work_braxtoncreek .font-color-grid .color-box:nth-child(2){grid-column: col / span 6;grid-row: row 2;color: var(--white);}
.work_braxtoncreek .font-color-grid .color-box:nth-child(3){grid-column: col 7 / span 6;grid-row: row 2;color: var(--white);}
.work_braxtoncreek .font-color-grid .color-box:nth-child(4){grid-column: col / span 12;grid-row: row 3;color: var(--white);}
.work_braxtoncreek .font-color-grid .color-box:nth-child(5){grid-column: col / span 6;grid-row: row 4;}
.work_braxtoncreek .font-color-grid .color-box:nth-child(6){grid-column: col 7 / span 12;grid-row: row 4;}
.work_braxtoncreek .mobile-layout-section{background-color: #8D251C;}
.work_braxtoncreek .work-mobile-animation .mobiles-1{max-width: 1200px;width: 100%;}
.work_braxtoncreek .logo-design-section .left{background-color: #0072AB;}
.work_braxtoncreek .logo-design-section .right{background-color: #F7F8F9;}
/* Work Detail CSS End ---------------------------------------*/





/* Responsive Media Query ---------------------------------------*/
@media only screen and (min-width: 991.98px){
	.ourwork-animtion .desktopOnly{width: 100%;text-align: center;}
	.ourwork-animtion .desktopOnly svg{width: 100%;max-width: 1920px;}
}

@media only screen and (max-width: 1759.98px){
	.portfolio-item .port-logo img{max-height: 30px;}
	.portfolio-types li{font-size: 15px;padding: 6px 15px;}
	.work-banner-section{min-height: 700px;}
	.font-family-section{height: 800px;}
	.font-family-section .siteFont{padding-left: calc(var(--sectionSpace) - 20px);}
	.font-family-section .siteFont img{max-width: 600px !important;}
	.mobile-layout-section{height: 960px;}
	.work-marquee-section{height: 950px;row-gap: 40px;}
	.work_marquee{column-gap: 40px;}
	.work_marquee img{max-height: 340px;}
	.logo-design-section{height: 700px;}
	.logo-design-section .left img{padding: 0% 15%;}
	.logo-design-section .right img{padding: 0% 10%;}
	.brochure-section{height: 950px;}
	.brochure-section .work-brochure img{max-width: 1150px;}
	.animation3D-section{height: 950px;}
	.animation3D-img-1{top: -242px;max-width: 720px;}
	.animation3D-img-2{max-width: 550px;}
	.animation3DTrigger_1{top: -50px;}
	.animation3DTrigger_2{top: -150px;}

	/* 01 Liquidspring ----*/
	.portfolio-item.liquidspring .pro-img-1{top: -50px;right: 350px;}
	.portfolio-item.liquidspring .pro-img-2{top: 40px;}
	.portfolio-item.liquidspring .pro-img-1 img{max-width: 280px;}
	.portfolio-item.liquidspring .pro-img-2 img{max-width: 350px;}
	.work_liquidspring .work-mobile-animation img{max-width: 380px;}

	/* 02 Havis ----*/
	.portfolio-item.havis .pro-img-1{right: 90px;}
	.portfolio-item.havis .pro-img-2{left: 100px;}
	.portfolio-item.havis .pro-img-3{right: 70px;}
	.portfolio-item.havis .pro-img-1 img{max-width: 330px;}
	.portfolio-item.havis .pro-img-2 img{max-width: 470px;}
	.portfolio-item.havis .pro-img-3 img{max-width: 180px;}
	.work_havis .work-about-section .work-about-img{right: 640px;}
	.work_havis .desktop-scroll-section,
	.work_havis .desktop-scroll-section .desktop-screen{height: 850px;}
	.work_havis .desktop-scroll-section .desktop-screen>img{max-width: 1300px;}
	.work_havis .desktop-scroll-section .homepage_scroll{height: 69.8%;left: 49.7%;top: 48.8%;width: 81.6%;border-radius: 20px 20px 0px 0px;}

	/* 03 SurgiReal ----*/
	.portfolio-item.surgireal .pro-img-1{top: -60px;right: 310px;}
	.portfolio-item.surgireal .pro-img-2{top: 150px;right: 195px;}
	.portfolio-item.surgireal .pro-img-3{right: 50px;}
	.portfolio-item.surgireal .pro-img-1 img{max-width: 470px;}
	.portfolio-item.surgireal .pro-img-2 img{max-width: 300px;}
	.portfolio-item.surgireal .pro-img-3 img{max-width: 240px;}
	.work_surgireal .desktop-scroll-section,
	.work_surgireal .desktop-scroll-section .desktop-screen{height: 850px;}
	.work_surgireal .desktop-scroll-section .desktop-screen>img{top: 20px;max-width: 1200px;}
	.work_surgireal .desktop-scroll-section .homepage_scroll{height: 71%;top: 48.5%;width: 81%;border-radius: 20px 20px 0px 0px;}
	.work_surgireal .work-mobile-animation img{margin: 0 40px;max-width: 300px;}

	/* 04 Bruno Larvol ----*/
	.portfolio-item.bruno-larvol .port-logo img{max-height: 22px;}
	.portfolio-item.bruno-larvol .pro-img-1{top: 110px;right: 590px;}
	.portfolio-item.bruno-larvol .pro-img-2{top: -20px;right: 170px;}
	.portfolio-item.bruno-larvol .pro-img-3{top: 140px;}
	.portfolio-item.bruno-larvol .pro-img-1 img{max-width: 110px;}
	.portfolio-item.bruno-larvol .pro-img-2 img{max-width: 330px;}
	.portfolio-item.bruno-larvol .pro-img-3 img{max-width: 230px;}
	.work_brunolarvol .desktop-scroll-section,
	.work_brunolarvol .desktop-scroll-section .desktop-screen{height: 940px;}
	.work_brunolarvol .desktop-scroll-section .desktop-screen>img{top: 20px;max-width: 1200px;}
	.work_brunolarvol .desktop-scroll-section .homepage_scroll{height: 69.5%;left: 50.2%;top: 46.3%;width: 78%;border-radius: 0px;}
	.work_brunolarvol .font-family-section .siteFont img{max-width: 500px !important;}
	.work_brunolarvol .work-mobile-animation .mobiles-1,
	.work_brunolarvol .work-mobile-animation .mobiles-3{max-width: 400px;}
	.work_brunolarvol .work-mobile-animation .mobiles-2{max-width: 450px;}

	/* 05 Millennium ----*/
	.portfolio-item.millennium .port-logo img{max-height: 50px;}
	.portfolio-item.millennium .pro-img-1{right: 260px;}
	.portfolio-item.millennium .pro-img-2{right: 85px;}
	.portfolio-item.millennium .pro-img-3{right: 70px;}
	.portfolio-item.millennium .pro-img-1 img{max-width: 480px;}
	.portfolio-item.millennium .pro-img-2 img{max-width: 190px;}
	.portfolio-item.millennium .pro-img-3 img{max-width: 180px;}
	.work_millennium .desktop-scroll-section,
	.work_millennium .desktop-scroll-section .desktop-screen{height: 850px;}
	.work_millennium .desktop-scroll-section .desktop-screen>img{max-width: 1200px;}
	.work_millennium .desktop-scroll-section .homepage_scroll{height: 70.5%;width: 81%;border-radius: 20px 20px 0px 0px;}

	/* 06 RVWA ----*/
	.portfolio-item.rvwa .pro-img-1{right: 300px;}
	.portfolio-item.rvwa .pro-img-2{right: 120px;}
	.portfolio-item.rvwa .pro-img-3{top: 120px;left: 110px;}
	.portfolio-item.rvwa .pro-img-4{right: 20px;}
	.portfolio-item.rvwa .pro-img-5{top: 240px;}
	.portfolio-item.rvwa .pro-img-6{left: 360px;}
	.portfolio-item.rvwa .pro-img-1 img{max-width: 470px;}
	.portfolio-item.rvwa .pro-img-2 img{max-width: 170px;}
	.work_rvwa .desktop-scroll-section,
	.work_rvwa .desktop-scroll-section .desktop-screen{height: 1000px;}
	.work_rvwa .desktop-scroll-section .desktop-screen>img{max-width: 1200px;}
	.work_rvwa .desktop-scroll-section .homepage_scroll{height: 74.6%;width: 90%;border-radius: 10px;}
	.work_rvwa .work-mobile-animation .mobiles-1{max-width: 1200px;}

	/* 08 Braxton Creek ----*/
	.portfolio-item.braxton .pro-img-1{top: -70px;right: 310px;}
	.portfolio-item.braxton .pro-img-2{top: 160px;right: 460px;}
	.portfolio-item.braxton .pro-img-3{top: 70px;right: 100px;}
	.portfolio-item.braxton .pro-img-1 img{max-width: 450px;}
	.portfolio-item.braxton .pro-img-2 img{max-width: 310px;}
	.portfolio-item.braxton .pro-img-3 img{max-width: 250px;}
	.work_braxtoncreek .desktop-scroll-section,
	.work_braxtoncreek .desktop-scroll-section .desktop-screen{height: 850px;}
	.work_braxtoncreek .desktop-scroll-section .desktop-screen>img{max-width: 1200px;}
	.work_braxtoncreek .desktop-scroll-section .homepage_scroll{height: 70.5%;width: 81%;border-radius: 20px 20px 0px 0px;}
	.work_braxtoncreek .work-mobile-animation .mobiles-1{max-width: 1000px;}
}

@media only screen and (max-width: 1439.98px){
	.our-work-top.mh870{min-height: 750px;}
	.work-section{padding-bottom: 0px;}
	.portfolio-item .port-logo img{max-height: 26px;}
	.portfolio-list{margin-bottom: 60px;}
	.portfolio-list:last-child{margin-bottom: 0px;}
	.work-top-section{padding-top: 110px;}
	.work-banner-section{min-height: 600px;}
	.work-about-section .container{padding: 0px 50px;}
	.font-family-section{height: 700px;}
	.font-family-section .siteFont{padding-left: 50px;}
	.font-family-section .siteFont img{max-width: 550px !important;}
	.font-color-grid .color-box{padding: var(--medium) var(--large);font-size: 15px;}
	.mobile-layout-section{height: 825px;}
	.work-marquee-section{height: 850px;}
	.work_marquee img{max-height: 320px;}
	.logo-design-section{height: 600px;}
	.brochure-section{height: 840px;}
	.brochure-section .work-brochure{top: -50px;}
	.brochure-section .work-brochure img{max-width: 1020px;}
	.animation3D-section{height: 840px;}
	.animation3D-img-1{top: -218px;right: -750px;max-width: 570px;}
	.animation3D-img-2{bottom: 450px;right: -643px;max-width: 480px;}
	.animation3DTrigger_2{top: -200px;}
	.work-next-section{padding: var(--sectionSpace) 0px;}
	.work-next-section .sec-title,
	.work-next-section .customPointer{width: 400px;height: 400px;}
	.work-next-section .customPointer:before,
	.work-next-section .customPointer:after{left: -5px;top: -5px;width: 410px;height: 410px;}
	.work-next-section .customPointer:after{top: -8px;}

	/* 01 Liquidspring ----*/
	.portfolio-item.liquidspring .pro-img-1{top: -40px;right: 300px;}
	.portfolio-item.liquidspring .pro-img-2{top: 80px;right: 10px;}
	.portfolio-item.liquidspring .pro-img-1 img{max-width: 250px;}
	.portfolio-item.liquidspring .pro-img-2 img{max-width: 320px;}
	.work_liquidspring .desktop-scroll-section{height: 710px;}
	.work_liquidspring .desktop-scroll-section .desktop-screen{max-width: 930px;height: 570px;}
	.work_liquidspring .desktop-scroll-section:after{bottom: -112px;}
	.work_liquidspring .work-mobile-animation{margin-top: 0px;}
	.work_liquidspring .work-mobile-animation img{max-width: 320px;}
	.work_liquidspring .work-mobile-animation .mobiles-1{margin-top: -110px;}
	.work_liquidspring .work-mobile-animation .mobiles-3{margin-top: 170px;}

	/* 02 Havis ----*/
	.portfolio-item.havis .pro-img-1{top: 100px;right: 60px;}
	.portfolio-item.havis .pro-img-2{left: 60px;top: -60px;}
	.portfolio-item.havis .pro-img-3{right: 40px;top: 30px;}
	.portfolio-item.havis .pro-img-2 img{max-width: 440px;}
	.portfolio-item.havis .pro-img-1 img{max-width: 310px;}
	.portfolio-item.havis .pro-img-3 img{max-width: 170px;}
	.work_havis .work-about-section .work-about-img{right: 550px;}
	.work_havis .desktop-scroll-section,
	.work_havis .desktop-scroll-section .desktop-screen{height: 720px;}
	.work_havis .desktop-scroll-section .desktop-screen>img{max-width: 1100px;}
	.work_havis .desktop-scroll-section .homepage_scroll{height: 69.5%;left: 49.8%;top: 49.2%;width: 77.3%;}

	/* 03 SurgiReal ----*/
	.portfolio-item.surgireal .pro-img-1{top: -50px;right: 260px;}
	.portfolio-item.surgireal .pro-img-2{top: 140px;right: 165px;}
	.portfolio-item.surgireal .pro-img-3{right: 40px;top: 30px;}
	.portfolio-item.surgireal .pro-img-1 img{max-width: 420px;}
	.portfolio-item.surgireal .pro-img-2 img{max-width: 280px;}
	.portfolio-item.surgireal .pro-img-3 img{max-width: 200px;}
	.work_surgireal .desktop-scroll-section,
	.work_surgireal .desktop-scroll-section .desktop-screen{height: 720px;}
	.work_surgireal .desktop-scroll-section .desktop-screen>img{max-width: 1020px;}
	.work_surgireal .desktop-scroll-section .homepage_scroll{left: 50.4%;top: 49%;width: 77%;border-radius: 25px 25px 0px 0px;}
	.work_surgireal .work-mobile-animation img{margin: 0 25px;max-width: 260px;}

	/* 04 Bruno Larvol ----*/
	.portfolio-item.bruno-larvol .port-logo img{max-height: 22px;}
	.portfolio-item.bruno-larvol .pro-img-1{top: 90px;right: 520px;}
	.portfolio-item.bruno-larvol .pro-img-2{top: 0px;right: 140px;}
	.portfolio-item.bruno-larvol .pro-img-3{top: 130px;right: 310px;}
	.portfolio-item.bruno-larvol .pro-img-1 img{max-width: 90px;}
	.portfolio-item.bruno-larvol .pro-img-2 img{max-width: 300px;}
	.portfolio-item.bruno-larvol .pro-img-3 img{max-width: 220px;}
	.work_brunolarvol .desktop-scroll-section,
	.work_brunolarvol .desktop-scroll-section .desktop-screen{height: 860px;}
	.work_brunolarvol .desktop-scroll-section .desktop-screen>img{top: 10px;max-width: 1070px;}
	.work_brunolarvol .desktop-scroll-section .homepage_scroll{height: 67.5%;left: 50.3%;top: 45.4%;}
	.work_brunolarvol .font-family-section .siteFont img{max-width: 450px !important;}
	.work_brunolarvol .work-mobile-animation .mobiles-1,
	.work_brunolarvol .work-mobile-animation .mobiles-3{max-width: 360px;}
	.work_brunolarvol .work-mobile-animation .mobiles-2{max-width: 410px;}

	/* 05 Millennium ----*/
	.portfolio-item.millennium .port-logo img{max-height: 40px;}
	.portfolio-item.millennium .pro-img-1{right: 230px;}
	.portfolio-item.millennium .pro-img-2{right: 70px;top: 140px;}
	.portfolio-item.millennium .pro-img-3{right: 50px;top: -30px;}
	.portfolio-item.millennium .pro-img-1 img{max-width: 430px;}
	.portfolio-item.millennium .pro-img-2 img{max-width: 180px;}
	.portfolio-item.millennium .pro-img-3 img{max-width: 170px;}
	.work_millennium .desktop-scroll-section,
	.work_millennium .desktop-scroll-section .desktop-screen{height: 750px;}
	.work_millennium .desktop-scroll-section .desktop-screen>img{max-width: 1050px;}
	.work_millennium .desktop-scroll-section .homepage_scroll{height: 70.2%;width: 80%;}

	/* 06 RVWA ----*/
	.portfolio-item.rvwa .pro-img-1{right: 250px;top: -50px;}
	.portfolio-item.rvwa .pro-img-2{right: 100px;top: 50px;}
	.portfolio-item.rvwa .pro-img-3{top: 110px;left: 70px;}
	.portfolio-item.rvwa .pro-img-4{right: 10px;top: 150px;}
	.portfolio-item.rvwa .pro-img-5{top: 220px;right: 380px;}
	.portfolio-item.rvwa .pro-img-6{left: 300px;top: 200px;}
	.portfolio-item.rvwa .pro-img-1 img{max-width: 430px;}
	.portfolio-item.rvwa .pro-img-2 img{max-width: 150px;}
	.portfolio-item.rvwa .pro-img-3 img{max-width: 50px;}
	.portfolio-item.rvwa .pro-img-4 img{max-width: 60px;}
	.portfolio-item.rvwa .pro-img-5 img{max-width: 50px;}
	.portfolio-item.rvwa .pro-img-6 img{max-width: 40px;}
	.work_rvwa .desktop-scroll-section,
	.work_rvwa .desktop-scroll-section .desktop-screen{height: 880px;}
	.work_rvwa .desktop-scroll-section .desktop-screen>img{max-width: 1050px;left: 10px;}
	.work_rvwa .desktop-scroll-section .homepage_scroll{height: 74.4%;width: 88%;left: 49.7%;top: 49.5%;}
	.work_rvwa .work-mobile-animation .mobiles-1{max-width: 1050px;}

	/* 08 Braxton Creek ----*/
	.portfolio-item.braxton .pro-img-1{top: -60px;right: 240px;}
	.portfolio-item.braxton .pro-img-2{right: 390px;}
	.portfolio-item.braxton .pro-img-3{top: 90px;right: 70px;}
	.portfolio-item.braxton .pro-img-1 img{max-width: 420px;}
	.portfolio-item.braxton .pro-img-2 img{max-width: 290px;}
	.portfolio-item.braxton .pro-img-3 img{max-width: 240px;}
	.work_braxtoncreek .desktop-scroll-section,
	.work_braxtoncreek .desktop-scroll-section .desktop-screen{height: 750px;}
	.work_braxtoncreek .desktop-scroll-section .desktop-screen>img{max-width: 1050px;}
	.work_braxtoncreek .desktop-scroll-section .homepage_scroll{height: 70.2%;width: 80%;}
	.work_braxtoncreek .work-mobile-animation .mobiles-1{max-width: 870px;}
	.work_braxtoncreek .logo-design-section .left img{max-width: 400px;}
}

@media only screen and (max-width: 1199.98px){
	.our-work-top.mh870{min-height: 650px;}
	.portfolio-list{--bs-gutter-x: 20px;margin-bottom: 50px;}
	.portfolio-item .portfolio-wrap{padding: 20px;height: 280px;overflow: visible;background-color: transparent;}
	.portfolio-item .port-logo img{max-height: 20px;}
	.portfolio-details{padding: 20px;}
	.portfolio-des{display: none;}
	.portfolio-types li{font-size: 13px;padding: 5px 12px;}
	.portfolio-item .pro-img,
	.portfolio-item .portfolio-wrap .road-rescue-background{opacity: 1;}
	.portfolio-item .pro-img,
	.portfolio-item .pro-img img{opacity: 1;transform: none !important;-webkit-transform: none !important;}
	.portfolio-item .portfolio-wrap .portfolio-types li{color: var(--white);}
	.work-top-section{padding-top: 90px;}
	.work-banner-section{min-height: 500px;}
	.font-family-section{height: 600px;}
	.font-family-section .siteFont img{max-width: 450px !important;}
	.mobile-layout-section{height: 700px;}
	.work-marquee-section{height: 800px;row-gap: 30px;}
	.work_marquee{column-gap: 30px;left: 150px;}
	.work_marquee img{max-height: 290px;}
	.work_marquee.work_marquee_reverse{right: 590px;}
	.logo-design-section{height: 500px;}
	.brochure-section{height: 720px;}
	.brochure-section .work-brochure{top: -40px;}
	.brochure-section .work-brochure img{max-width: 860px;}
	.animation3D-section{height: 740px;}
	.animation3D-img-1{top: -203px;right: -780px;max-width: 450px;}
	.animation3D-img-2{bottom: 440px;right: -650px;max-width: 400px;}

	/* 01 Liquidspring ----*/
	.portfolio-item.liquidspring .portfolio-wrap{background-color: #0D0D0C;}
	.portfolio-item.liquidspring .port-logo img{max-height: 17px;}
	.portfolio-item.liquidspring .pro-img-1{top: -30px;right: 110px;}
	.portfolio-item.liquidspring .pro-img-2{right: 30px;top: 60px;}
	.portfolio-item.liquidspring .pro-img-1 img{max-width: 190px;}
	.portfolio-item.liquidspring .pro-img-2 img{max-width: 190px;}
	.work_liquidspring .desktop-scroll-section{height: 600px;}
	.work_liquidspring .desktop-scroll-section .desktop-screen{max-width: 790px;height: 480px;}
	.work_liquidspring .desktop-scroll-section:after{bottom: -142px;}
	.work_liquidspring .work-mobile-animation img{max-width: 260px;}

	/* 02 Havis ----*/
	.portfolio-item.havis .portfolio-wrap{background-color: #1B5581;}
	.portfolio-item.havis .pro-img-1{top: 70px;right: 60px;}
	.portfolio-item.havis .pro-img-2{left: 20px;top: -30px;}
	.portfolio-item.havis .pro-img-3{right: 25px;top: 35px;}
	.portfolio-item.havis .pro-img-2 img{max-width: 300px;}
	.portfolio-item.havis .pro-img-1 img{max-width: 190px;}
	.portfolio-item.havis .pro-img-3 img{max-width: 120px;}
	.work_havis .work-about-section .content{margin-left: 0px;}
	.work_havis .work-about-section .work-about-img{left: 0px;right: 0px;opacity: 0.2;pointer-events: none;text-align: center;}
	.work_havis .desktop-scroll-section,
	.work_havis .desktop-scroll-section .desktop-screen{height: 640px;}
	.work_havis .desktop-scroll-section .desktop-screen>img{max-width: 960px;top: 20px;}
	.work_havis .desktop-scroll-section .homepage_scroll{height: 68.6%;top: 48.5%;width: 77.8%;}

	/* 03 SurgiReal ----*/
	.portfolio-item.surgireal .portfolio-wrap{background-color: #2A4792;}
	.portfolio-item.surgireal .pro-img-1{top: -25px;right: 100px;}
	.portfolio-item.surgireal .pro-img-2{top: 90px;right: 120px;}
	.portfolio-item.surgireal .pro-img-3{right: 20px;top: 50px;}
	.portfolio-item.surgireal .pro-img-1 img{max-width: 300px;}
	.portfolio-item.surgireal .pro-img-2 img{max-width: 200px;}
	.portfolio-item.surgireal .pro-img-3 img{max-width: 150px;}
	.work_surgireal .desktop-scroll-section,
	.work_surgireal .desktop-scroll-section .desktop-screen{height: 610px;}
	.work_surgireal .desktop-scroll-section .desktop-screen>img{max-width: 880px;}
	.work_surgireal .desktop-scroll-section .homepage_scroll{height: 71.8%;left: 50.6%;top: 49.4%;width: 76.6%;}
	.work_surgireal .work-mobile-animation img{max-width: 210px;}

	/* 04 Bruno Larvol ----*/
	.portfolio-item.bruno-larvol .port-logo img{max-height: 16px;}
	.portfolio-item.bruno-larvol .pro-img-1{top: 70px;right: 270px;}
	.portfolio-item.bruno-larvol .pro-img-2{top: -20px;right: 50px;}
	.portfolio-item.bruno-larvol .pro-img-3{top: 110px;right: 160px;}
	.portfolio-item.bruno-larvol .pro-img-1 img{max-width: 75px;}
	.portfolio-item.bruno-larvol .pro-img-2 img{max-width: 200px;}
	.portfolio-item.bruno-larvol .pro-img-3 img{max-width: 130px;}
	.work_brunolarvol .desktop-scroll-section,
	.work_brunolarvol .desktop-scroll-section .desktop-screen{height: 740px;}
	.work_brunolarvol .desktop-scroll-section .desktop-screen>img{max-width: 930px;}
	.work_brunolarvol .desktop-scroll-section .homepage_scroll{height: 68%;}
	.work_brunolarvol .font-family-section .siteFont img{max-width: 400px !important;}
	.work_brunolarvol .work-mobile-animation .mobiles-1,
	.work_brunolarvol .work-mobile-animation .mobiles-3{max-width: 300px;}
	.work_brunolarvol .work-mobile-animation .mobiles-2{max-width: 350px;}

	/* 05 Millennium ----*/
	.portfolio-item.millennium .portfolio-wrap{background-color: #404040;}
	.portfolio-item.millennium .port-logo img{max-height: 30px;}
	.portfolio-item.millennium .pro-img-1{right: 50px;top: -25px;}
	.portfolio-item.millennium .pro-img-2{right: 85px;top: 120px;}
	.portfolio-item.millennium .pro-img-3{right: 20px;top: 20px;}
	.portfolio-item.millennium .pro-img-1 img{max-width: 310px;}
	.portfolio-item.millennium .pro-img-2 img{max-width: 110px;}
	.portfolio-item.millennium .pro-img-3 img{max-width: 120px;}
	.work_millennium .desktop-scroll-section,
	.work_millennium .desktop-scroll-section .desktop-screen{height: 650px;}
	.work_millennium .desktop-scroll-section .desktop-screen>img{max-width: 920px;}
	.work_millennium .desktop-scroll-section .homepage_scroll{height: 70.6%;width: 80.2%;}

	/* 06 RVWA ----*/
	.portfolio-item.rvwa .portfolio-wrap{background: linear-gradient(315deg, rgba(117, 26, 87, 1) 0%, rgba(242, 101, 34, 1) 100%);}
	.portfolio-item.rvwa .pro-img-1{right: 70px;top: -20px;}
	.portfolio-item.rvwa .pro-img-2{right: 20px;top: 40px;}
	.portfolio-item.rvwa .pro-img-3{top: 190px;left: 70px;}
	.portfolio-item.rvwa .pro-img-4{right: 25px;top: 135px;}
	.portfolio-item.rvwa .pro-img-5{top: 145px;right: 200px;}
	.portfolio-item.rvwa .pro-img-6{left: 125px;top: 120px;}
	.portfolio-item.rvwa .pro-img-1 img{max-width: 350px;}
	.portfolio-item.rvwa .pro-img-2 img{max-width: 120px;}
	.portfolio-item.rvwa .pro-img-3 img{max-width: 38px;}
	.portfolio-item.rvwa .pro-img-4 img{max-width: 40px;}
	.portfolio-item.rvwa .pro-img-5 img{max-width: 45px;}
	.portfolio-item.rvwa .pro-img-6 img{max-width: 32px;}
	.work_rvwa .desktop-scroll-section,
	.work_rvwa .desktop-scroll-section .desktop-screen{height: 750px;}
	.work_rvwa .desktop-scroll-section .desktop-screen>img{max-width: 910px;}
	.work_rvwa .desktop-scroll-section .homepage_scroll{height: 75.6%;left: 50.1%;top: 50.1%;}
	.work_rvwa .work-mobile-animation .mobiles-1{max-width: 900px;}

	/* 08 Braxton Creek ----*/
	.portfolio-item.braxton .portfolio-wrap{background-color: #034360;}
	.portfolio-item.braxton .pro-img-1{top: -40px;right: 60px;}
	.portfolio-item.braxton .pro-img-2{right: 180px;top: 100px;}
	.portfolio-item.braxton .pro-img-3{top: 80px;right: 30px;}
	.portfolio-item.braxton .pro-img-1 img{max-width: 300px;}
	.portfolio-item.braxton .pro-img-2 img{max-width: 190px;}
	.portfolio-item.braxton .pro-img-3 img{max-width: 130px;}
	.work_braxtoncreek .desktop-scroll-section,
	.work_braxtoncreek .desktop-scroll-section .desktop-screen{height: 650px;}
	.work_braxtoncreek .desktop-scroll-section .desktop-screen>img{max-width: 920px;}
	.work_braxtoncreek .desktop-scroll-section .homepage_scroll{height: 71%;width: 80%;}
	.work_braxtoncreek .work-mobile-animation .mobiles-1{max-width: 720px;}
	.work_braxtoncreek .logo-design-section .left img{max-width: 350px;}
}

@media only screen and (max-width: 991.98px){
	.our-work-top.mh870{min-height: 560px;padding-top: calc(var(--sectionSpace) + 50px);padding-bottom: calc(var(--sectionSpace) - 30px);}
	.ourwork-animtion{padding-top: calc(var(--sectionSpace) - 30px);}
	.ourwork-animtion .desktopOnly svg{max-width: 1100px;}
	.portfolio-list{justify-content: center;--bs-gutter-x: 0px;}
	.portfolio-item,
	.portfolio-item.hover-item,
	.portfolio-item.hover-item-next{flex: 0 0 600px;width: 600px;}
	.portfolio-item + .portfolio-item{margin-top: 50px;}
	.portfolio-item .portfolio-wrap{padding: 25px;height: 320px;}
	.portfolio-details{padding: 25px;}
	.portfolio-item .port-logo img{max-height: 30px;}
	.work-top-section{padding-top: 80px;}
	.work-banner-section{min-height: 450px;}
	.work-about-section .container{padding: 0px 30px;}
	.work-about-section .content{max-width: initial;margin-left: 0px;margin-top: var(--xlarge);}
	.desktop-scroll-section{height: auto !important;padding: var(--sectionSpace) 0px !important;}
	.desktop-scroll-section .desktop-screen{height: auto !important;padding: 0px !important;}
	.font-family-section{height: 540px;}
	.font-family-section .siteFont{padding-left: 30px;}
	.font-family-section .siteFont img{max-width: 350px !important;}
	.font-color-grid .color-box{padding: var(--medium) var(--medium);}
	.mobile-layout-section{height: 570px;}
	.work-marquee-section{height: 750px;}
	.work_marquee img{max-height: 260px;}
	.logo-design-section{height: 400px;}
	.brochure-section{height: auto;}
	.brochure-section .work-brochure img{max-width: 90%;}
	.animation3D-section{height: 600px;background-position: left;}
	.animation3D-img-1{top: -238px;right: -940px;max-width: 360px;}
	.animation3D-img-2{bottom: 410px;right: -670px;max-width: 270px;}
	.work-next-section .sec-title,
	.work-next-section .customPointer{width: 300px;height: 300px;}
	.work-next-section .sec-title:before{position: absolute;content: "";left: 0px;right: 0px;top: 0px;bottom: 0px;background-color: rgba(0, 0, 0, 0.30);border-radius: 999px;z-index: 3;}
	.work-next-section .customPointer{left: 50% !important;top: 50% !important;transform: translate(-50%, -50%);background-position: center !important;opacity: 1 !important;visibility: visible !important;}
	.work-next-section .customPointer:before,
	.work-next-section .customPointer:after{width: 310px;height: 310px;}
	.work-next-section .sec-title h2{font-size: 32px;mix-blend-mode: unset;}
	.work-next-section .sec-title h5{font-size: 18px;mix-blend-mode: unset;}

	/* 01 Liquidspring ----*/
	.portfolio-item.liquidspring .port-logo img{max-height: 24px;}
	.portfolio-item.liquidspring .pro-img-1{right: 130px;}
	.portfolio-item.liquidspring .pro-img-2{right: 40px;top: 80px;}
	.portfolio-item.liquidspring .pro-img-1 img{max-width: 230px;}
	.portfolio-item.liquidspring .pro-img-2 img{max-width: 220px;}
	.work_liquidspring .desktop-scroll-section .desktop-screen{max-width: 94%;height: 51vw !important;border-radius: 20px;}
	.work_liquidspring .desktop-scroll-section .homepage_scroll{border-radius: 20px;width: calc(100% + 12px);}
	.work_liquidspring .desktop-scroll-section:after{bottom: -94px;}
	.work_liquidspring .work-mobile-animation img{max-width: 210px;}
	.work_liquidspring .work-mobile-animation .mobiles-1{margin-top: -90px;}
	.work_liquidspring .work-mobile-animation .mobiles-3{margin-top: 120px;}

	/* 02 Havis ----*/
	.portfolio-item.havis .pro-img-1{top: 80px;right: 70px;}
	.portfolio-item.havis .pro-img-2{left: 60px;top: -40px;}
	.portfolio-item.havis .pro-img-2 img{max-width: 350px;}
	.portfolio-item.havis .pro-img-1 img{max-width: 250px;}
	.portfolio-item.havis .pro-img-3 img{max-width: 150px;}
	.work_havis .desktop-scroll-section{margin-bottom: -20px;}
	.work_havis .desktop-scroll-section .desktop-screen>img{max-width: 110%;top: 0px;}
	.work_havis .desktop-scroll-section .homepage_scroll{height: 86%;top: 44%;width: 78%;left: 50%;border-radius: 4% 5% 0% 0%;}
	.work_havis .mobile-layout-section{height: 530px;overflow: hidden;}

	/* 03 SurgiReal ----*/
	.portfolio-item.surgireal .pro-img-1{top: -35px;right: 90px;}
	.portfolio-item.surgireal .pro-img-2{top: 110px;right: 130px;}
	.portfolio-item.surgireal .pro-img-3{right: 20px;top: 70px;}
	.portfolio-item.surgireal .pro-img-1 img{max-width: 380px;}
	.portfolio-item.surgireal .pro-img-2 img{max-width: 250px;}
	.portfolio-item.surgireal .pro-img-3 img{max-width: 170px;}
	.work_surgireal .desktop-scroll-section .desktop-screen>img{max-width: 102%;top: 0px;}
	.work_surgireal .desktop-scroll-section .homepage_scroll{height: 86.4%;left: 50.4%;top: 45.4%;width: 77%;border-radius: 3% 6% 0% 0%;}
	.work_surgireal .work-mobile-animation img{max-width: 180px;margin: 0px 20px;}

	/* 04 Bruno Larvol ----*/
	.portfolio-item.bruno-larvol .port-logo img{max-height: 20px;}
	.portfolio-item.bruno-larvol .pro-img-1{top: 80px;right: 320px;}
	.portfolio-item.bruno-larvol .pro-img-3{top: 130px;right: 190px;}
	.portfolio-item.bruno-larvol .pro-img-1 img{max-width: 90px;}
	.portfolio-item.bruno-larvol .pro-img-2 img{max-width: 240px;}
	.portfolio-item.bruno-larvol .pro-img-3 img{max-width: 160px;}
	.work_brunolarvol .desktop-scroll-section .desktop-screen>img{max-width: 106%;}
	.work_brunolarvol .desktop-scroll-section .homepage_scroll{height: 73%;width: 78.8%;top: 45.6%;left: 50.5%;}
	.work_brunolarvol .font-family-section .siteFont img{max-width: 350px !important;}
	.work_brunolarvol .work-mobile-animation .mobiles-1,
	.work_brunolarvol .work-mobile-animation .mobiles-3{max-width: 250px;}
	.work_brunolarvol .work-mobile-animation .mobiles-2{max-width: 300px;margin: 0px 10px;}

	/* 05 Millennium ----*/
	.portfolio-item.millennium .port-logo img{max-height: 40px;}
	.portfolio-item.millennium .pro-img-1{right: 80px;top: -30px;}
	.portfolio-item.millennium .pro-img-2{right: 100px;top: 140px;}
	.portfolio-item.millennium .pro-img-3{right: 30px;top: 30px;}
	.portfolio-item.millennium .pro-img-1 img{max-width: 370px;}
	.portfolio-item.millennium .pro-img-2 img{max-width: 140px;}
	.portfolio-item.millennium .pro-img-3 img{max-width: 140px;}
	.work_millennium .desktop-scroll-section .desktop-screen{margin-top: 10px;}
	.work_millennium .desktop-scroll-section .desktop-screen>img{max-width: 100%;}
	.work_millennium .desktop-scroll-section .homepage_scroll{top: 45.5%;height: 86%;width: 76.2%;left: 50.4%;border-radius: 3% 4% 0% 0%;}
	.work_millennium .mobile-layout-section{height: 600px;}

	/* 06 RVWA ----*/
	.portfolio-item.rvwa .pro-img-1{right: 90px;top: -30px;}
	.portfolio-item.rvwa .pro-img-2{right: 30px;top: 30px;}
	.portfolio-item.rvwa .pro-img-3{top: 210px;left: 130px;}
	.portfolio-item.rvwa .pro-img-4{right: 30px;top: 140px;}
	.portfolio-item.rvwa .pro-img-5{top: 160px;right: 250px;}
	.portfolio-item.rvwa .pro-img-6{left: 190px;top: 127px;}
	.portfolio-item.rvwa .pro-img-1 img{max-width: 400px;}
	.portfolio-item.rvwa .pro-img-2 img{max-width: 145px;}
	.portfolio-item.rvwa .pro-img-3 img{max-width: 50px;}
	.portfolio-item.rvwa .pro-img-4 img{max-width: 50px;}
	.portfolio-item.rvwa .pro-img-5 img{max-width: 50px;}
	.portfolio-item.rvwa .pro-img-6 img{max-width: 40px;}
	.work_rvwa .desktop-scroll-section .desktop-screen>img{max-width: 100%;left: 0px;top: 0px;}
	.work_rvwa .desktop-scroll-section .homepage_scroll{height: 78.6%;left: 49%;top: 46%;width: 84.4%;border-radius: 2%;}
	.work_rvwa .desktop-scroll-section .desktop-screen{margin-bottom: -30px;}
	.work_rvwa .work-mobile-animation .mobiles-1{max-width: 750px;margin-left: -50px;}

	/* 08 Braxton Creek ----*/
	.portfolio-item.braxton .pro-img-1{right: 70px;}
	.portfolio-item.braxton .pro-img-2{right: 225px;top: 110px;}
	.portfolio-item.braxton .pro-img-3{top: 110px;}
	.portfolio-item.braxton .pro-img-1 img{max-width: 370px;}
	.portfolio-item.braxton .pro-img-2 img{max-width: 230px;}
	.portfolio-item.braxton .pro-img-3 img{max-width: 160px;}
	.work_braxtoncreek .desktop-scroll-section .desktop-screen{margin-top: 10px;}
	.work_braxtoncreek .desktop-scroll-section .desktop-screen>img{max-width: 100%;}
	.work_braxtoncreek .desktop-scroll-section .homepage_scroll{top: 45.5%;height: 86%;width: 76.4%;border-radius: 3% 4% 0% 0%;}
	.work_braxtoncreek .work-mobile-animation .mobiles-1{max-width: 620px;}
	.work_braxtoncreek .logo-design-section .left img{max-width: 180px;padding: 0px;}
}

@media only screen and (max-width: 767.98px){
	.our-work-top.mh870{min-height: auto;padding-top: calc(var(--sectionSpace) + 30px) !important;padding-bottom: 0px !important;}
	.ourwork-animtion{padding-top: calc(var(--sectionSpace) - 50px);}
	.portfolio-item,
	.portfolio-item.hover-item,
	.portfolio-item.hover-item-next{flex: 0 0 515px;width: 515px;}
	.portfolio-item .portfolio-wrap{padding: 20px;height: 280px;}
	.portfolio-details{padding: 20px;}
	.portfolio-item .port-logo img{max-height: 22px;}
	.mobile-p-0{padding-left: 0px;padding-right: 0px;}
	.work-banner-info{padding-left: var(--base);}
	.work-banner-section{min-height: 400px;}
	.desktop-scroll-section .desktop-screen{height: auto !important;padding: 0px !important;}
	.font-family-section{height: auto;}
	.font-family-section .siteFont{padding: 50px 30px;}
	.font-family-section .siteFont img{max-width: 430px !important;}
	.font-color-grid{padding: 0px 30px 50px;}
	.font-color-grid .color-box{padding: var(--base) var(--base);min-height: 100px;font-size: 16px;}
	.mobile-layout-section{height: 520px;}
	.work-marquee-section{flex-direction: row;padding-left: 30px;padding-right: 30px;justify-content: space-between;}
	.work_marquee{gap: 30px;left: auto;flex-direction: column;width: calc(50% - 15px);transform: none;}
	.work_marquee.work_marquee_reverse{right: auto;transform: none;}
	.logo-design-section{height: auto;}
	.logo-design-section .left,
	.logo-design-section .right{padding-top: 50px;padding-bottom: 50px;}
	.logo-design-section .left img{padding: 0px;}
	.logo-design-section .right img{padding: 0px;max-width: 460px;}
	.brochure-section .work-brochure{top: -20px;}
	.animation3D-section{height: 500px;padding: 50px 0px;}
	.animation3D-img-1{top: -292px;right: -1040px;max-width: 340px;}
	.animation3D-img-2{bottom: 410px;right: -680px;max-width: 240px;}
	.animation3DTrigger_1{top: -100px;}

	/* 01 Liquidspring ----*/
	.portfolio-item.liquidspring .port-logo img{max-height: 20px;}
	.portfolio-item.liquidspring .pro-img-1{right: 110px;top: -20px;}
	.portfolio-item.liquidspring .pro-img-2{right: 30px;top: 70px;}
	.portfolio-item.liquidspring .pro-img-1 img{max-width: 190px;}
	.portfolio-item.liquidspring .pro-img-2 img{max-width: 190px;}
	.work_liquidspring .desktop-scroll-section .desktop-screen{border-width: 8px;height: 53vw !important;}
	.work_liquidspring .desktop-scroll-section:after{bottom: -166px;}
	.work_liquidspring .font-color-grid .color-box:nth-child(7){border: 1px solid var(--offwhite50);}
	.work_liquidspring .work-mobile-animation img{max-width: 170px;}

	/* 02 Havis ----*/
	.portfolio-item.havis .pro-img-1{top: 60px;right: 90px;}
	.portfolio-item.havis .pro-img-2{left: 40px;}
	.portfolio-item.havis .pro-img-3{right: 30px;top: 30px;}
	.portfolio-item.havis .pro-img-2 img{max-width: 310px;}
	.portfolio-item.havis .pro-img-1 img{max-width: 190px;}
	.portfolio-item.havis .pro-img-3 img{max-width: 120px;}
	.work_havis .work-about-section .work-about-img{top: -50px;height: calc(100% + 100px);opacity: 0.1;}
	.work_havis .desktop-scroll-section .homepage_scroll{width: 78.4%;}
	.work_havis .mobile-layout-section{height: 430px;}

	/* 03 SurgiReal ----*/
	.portfolio-item.surgireal .pro-img-1{top: -30px;right: 80px;}
	.portfolio-item.surgireal .pro-img-2{top: 100px;right: 110px;}
	.portfolio-item.surgireal .pro-img-3{right: 10px;top: 60px;}
	.portfolio-item.surgireal .pro-img-1 img{max-width: 320px;}
	.portfolio-item.surgireal .pro-img-2 img{max-width: 210px;}
	.portfolio-item.surgireal .pro-img-3 img{max-width: 140px;}
	.work_surgireal .desktop-scroll-section .homepage_scroll{left: 50.4%;height: 86.6%;width: 77.6%;border-radius: 3% 7% 0% 0%;}
	.work_surgireal .font-color-grid .color-box:nth-child(7){border: 1px solid var(--offwhite50);}
	.work_surgireal .work-mobile-animation img{max-width: 140px;margin: 0px 15px;}
	.work_surgireal .logo-design-section .left img{max-width: 370px;}

	/* 04 Bruno Larvol ----*/
	.portfolio-item.bruno-larvol .port-logo img{max-height: 16px;}
	.portfolio-item.bruno-larvol .pro-img-1{top: 70px;right: 280px;}
	.portfolio-item.bruno-larvol .pro-img-3{top: 100px;right: 160px;}
	.portfolio-item.bruno-larvol .pro-img-1 img{max-width: 70px;}
	.portfolio-item.bruno-larvol .pro-img-2 img{max-width: 200px;}
	.portfolio-item.bruno-larvol .pro-img-3 img{max-width: 140px;}
	.work_brunolarvol .desktop-scroll-section .homepage_scroll{top: 46%;}
	.work_brunolarvol .font-family-section .siteFont img{max-width: 430px !important;}
	.work_brunolarvol .work-mobile-animation .mobiles-1,
	.work_brunolarvol .work-mobile-animation .mobiles-3{max-width: 180px;}
	.work_brunolarvol .work-mobile-animation .mobiles-2{max-width: 220px;margin: 0px;}
	.work_brunolarvol .work-mobile-animation .mobiles-1{margin-right: -30px;}
	.work_brunolarvol .work-mobile-animation .mobiles-3{margin-left: -30px;}

	/* 05 Millennium ----*/
	.portfolio-item.millennium .port-logo img{max-height: 30px;}
	.portfolio-item.millennium .pro-img-1{right: 55px;top: -20px;}
	.portfolio-item.millennium .pro-img-2{right: 90px;top: 120px;}
	.portfolio-item.millennium .pro-img-3{right: 20px;}
	.portfolio-item.millennium .pro-img-1 img{max-width: 320px;}
	.portfolio-item.millennium .pro-img-2 img{max-width: 130px;}
	.portfolio-item.millennium .pro-img-3 img{max-width: 120px;}
	.work_millennium .font-color-grid .color-box:nth-child(7){border: 1px solid var(--offwhite50);}
	.work_millennium .mobile-layout-section{height: 550px;}

	/* 06 RVWA ----*/
	.portfolio-item.rvwa .pro-img-1{right: 80px;top: -20px;}
	.portfolio-item.rvwa .pro-img-2{right: 20px;}
	.portfolio-item.rvwa .pro-img-3{top: 170px;left: 120px;}
	.portfolio-item.rvwa .pro-img-4{right: 20px;top: 120px;}
	.portfolio-item.rvwa .pro-img-5{top: 130px;right: 200px;}
	.portfolio-item.rvwa .pro-img-6{left: 175px;top: 107px;}
	.portfolio-item.rvwa .pro-img-1 img{max-width: 320px;}
	.portfolio-item.rvwa .pro-img-2 img{max-width: 120px;}
	.portfolio-item.rvwa .pro-img-3 img{max-width: 40px;}
	.portfolio-item.rvwa .pro-img-4 img{max-width: 40px;}
	.portfolio-item.rvwa .pro-img-5 img{max-width: 40px;}
	.portfolio-item.rvwa .pro-img-6 img{max-width: 30px;}
	.work_rvwa .desktop-scroll-section .homepage_scroll{width: 84.6%;}
	.work_rvwa .font-color-grid{padding-top: 50px;}
	.work_rvwa .work-mobile-animation .mobiles-1{max-width: 570px;}

	/* 08 Braxton Creek ----*/
	.portfolio-item.braxton .pro-img-1{right: 80px;top: -35px;}
	.portfolio-item.braxton .pro-img-2{right: 200px;top: 90px;}
	.portfolio-item.braxton .pro-img-3{top: 80px;right: 40px;}
	.portfolio-item.braxton .pro-img-1 img{max-width: 300px;}
	.portfolio-item.braxton .pro-img-2 img{max-width: 210px;}
	.portfolio-item.braxton .pro-img-3 img{max-width: 140px;}
	.work_braxtoncreek .font-color-grid .color-box:nth-child(6){border: 1px solid var(--offwhite50);}
	.work_braxtoncreek .work-mobile-animation .mobiles-1{max-width: 500px;}
	.work_millennium .desktop-scroll-section .homepage_scroll{width: 76.2%;left: 50.8%;border-radius: 3% 4% 0% 0%;}
}

@media only screen and (max-width: 575.98px){
	.ourwork-animtion .mobileOnly svg{max-width: 550px;}
	.portfolio-item,
	.portfolio-item.hover-item,
	.portfolio-item.hover-item-next{flex: 0 0 368px;width: 368px;}
	.portfolio-item .portfolio-wrap{padding: 15px;height: 210px;}
	.portfolio-details{padding: 15px;}
	.portfolio-types li{font-size: 12px;padding: 4px 10px;}
	.work-banner-section{min-height: 300px;}
	.mobile-layout-section{height: auto;padding-top: 50px;padding-bottom: 50px;}
	.work-mobile-animation{flex-direction: column;}
	.font-color-grid .color-box{padding: var(--small) var(--small);font-size: 14px;}
	.work_marquee{gap: 20px;width: calc(50% - 10px);}
	.work-next-section .sec-title h5{font-size: 14px;}
	.work-next-section .sec-title h5 svg{height: 12px;}
	.work-next-section .sec-title,
	.work-next-section .customPointer{width: 250px;height: 250px;}
	.work-next-section .customPointer:before,
	.work-next-section .customPointer:after{width: 260px;height: 260px;}
	.logo-design-section .right img{max-width: 370px;}
	.animation3D-section{height: 450px;}
	.animation3D-img-1{right: -1130px;max-width: 300px;}
	.animation3D-img-2{bottom: 380px;right: -690px;max-width: 210px;}

	/* 01 Liquidspring ----*/
	.portfolio-item.liquidspring .port-logo img{max-height: 15px;}
	.portfolio-item.liquidspring .pro-img-1{right: 98px;top: -31px;}
	.portfolio-item.liquidspring .pro-img-2{right: 21px;top: 29px;}
	.portfolio-item.liquidspring .pro-img-1 img{max-width: 146px;}
	.portfolio-item.liquidspring .pro-img-2 img{max-width: 152px;}
	.work_liquidspring .work-about-section .work-about-img{margin-top: calc(var(--sectionSpace) - 40px);}
	.work_liquidspring .desktop-scroll-section .desktop-screen{border-width: 5px;height: 55vw !important;}
	.work_liquidspring .desktop-scroll-section .desktop-screen,
	.work_liquidspring .desktop-scroll-section .homepage_scroll{border-radius: 10px;}
	.work_liquidspring .desktop-scroll-section:after{bottom: -174px;}
	.work_liquidspring .work-mobile-animation img{max-width: 250px;}
	.work_liquidspring .work-mobile-animation .mobiles-1{margin-top: 0px;}
	.work_liquidspring .work-mobile-animation .mobiles-3{margin-top: 0px;margin-bottom: -30px;}

	/* 02 Havis ----*/
	.portfolio-item.havis .port-logo img{max-height: 21px;}
	.portfolio-item.havis .pro-img-1{top: 49px;right: 42px;}
	.portfolio-item.havis .pro-img-2{left: 36px;top: -27px;}
	.portfolio-item.havis .pro-img-3{right: 17px;top: 29px;}
	.portfolio-item.havis .pro-img-2 img{max-width: 226px;}
	.portfolio-item.havis .pro-img-1 img{max-width: 152px;}
	.portfolio-item.havis .pro-img-3 img{max-width: 87px;}
	.work_havis .desktop-scroll-section .homepage_scroll{width: 78.8%;left: 50.4%;border-radius: 4% 7% 0% 0%;}
	.work_havis .mobile-layout-section{height: auto;padding: 0px;}

	/* 03 SurgiReal ----*/
	.portfolio-item.surgireal .port-logo img{max-height: 18px;}
	.portfolio-item.surgireal .pro-img-1{top: -34px;right: 75px;}
	.portfolio-item.surgireal .pro-img-2{top: 62px;right: 79px;}
	.portfolio-item.surgireal .pro-img-3{right: 15px;top: 38px;}
	.portfolio-item.surgireal .pro-img-1 img{max-width: 239px;}
	.portfolio-item.surgireal .pro-img-2 img{max-width: 167px;}
	.portfolio-item.surgireal .pro-img-3 img{max-width: 110px;}
	.work_surgireal .desktop-scroll-section .homepage_scroll{left: 50.8%;width: 77.6%;border-radius: 3% 7% 0% 0%;}
	.work_surgireal .work-mobile-animation img{max-width: 230px;margin: 50px 0px 0px;}
	.work_surgireal .work-mobile-animation img:nth-child(1){margin: 0px;}
	.work_surgireal .logo-design-section .left img{max-width: 300px;}

	/* 04 Bruno Larvol ----*/
	.portfolio-item.bruno-larvol .port-logo img{max-height: 15px;}
	.portfolio-item.bruno-larvol .pro-img-1{top: 47px;right: 225px;}
	.portfolio-item.bruno-larvol .pro-img-3{top: 72px;right: 136px;}
	.portfolio-item.bruno-larvol .pro-img-1 img{max-width: 54px;}
	.portfolio-item.bruno-larvol .pro-img-2 img{max-width: 158px;}
	.portfolio-item.bruno-larvol .pro-img-3 img{max-width: 107px;}
	.work_brunolarvol .desktop-scroll-section .homepage_scroll{height: 73.4%;top: 47%;left: 50.7%;}
	.work_brunolarvol .work-mobile-animation .mobiles-1,
	.work_brunolarvol .work-mobile-animation .mobiles-2,
	.work_brunolarvol .work-mobile-animation .mobiles-3{max-width: 320px;margin-top: -40px;}
	.work_brunolarvol .work-mobile-animation .mobiles-1{margin-right: 0px;}
	.work_brunolarvol .work-mobile-animation .mobiles-3{margin-left: 0px;margin-bottom: -50px;}
	.work_braxtoncreek .logo-design-section .left img{max-width: 150px;}

	/* 05 Millennium ----*/
	.portfolio-item.millennium .port-logo img{max-height: 26px;}
	.portfolio-item.millennium .pro-img-1{right: 38px;}
	.portfolio-item.millennium .pro-img-2{right: 59px;top: 93px;}
	.portfolio-item.millennium .pro-img-3{right: 17px;top: 22px;}
	.portfolio-item.millennium .pro-img-1 img{max-width: 241px;}
	.portfolio-item.millennium .pro-img-2 img{max-width: 84px;}
	.portfolio-item.millennium .pro-img-3 img{max-width: 80px;}
	.work_millennium .desktop-scroll-section .homepage_scroll{left: 50.7%;width: 76.6%;}
	.work_millennium .mobile-layout-section{height: auto;}

	/* 06 RVWA ----*/
	.portfolio-item.rvwa .port-logo img{max-height: 23px;}
	.portfolio-item.rvwa .pro-img-1{right: 38px;}
	.portfolio-item.rvwa .pro-img-2{right: 5px;top: 19px;}
	.portfolio-item.rvwa .pro-img-3{top: 139px;left: 85px;}
	.portfolio-item.rvwa .pro-img-4{right: 6px;top: 87px;}
	.portfolio-item.rvwa .pro-img-5{top: 109px;right: 128px;}
	.portfolio-item.rvwa .pro-img-6{left: 125px;top: 93px;}
	.portfolio-item.rvwa .pro-img-1 img{max-width: 271px;}
	.portfolio-item.rvwa .pro-img-2 img{max-width: 88px;}
	.portfolio-item.rvwa .pro-img-3 img{max-width: 28px;}
	.portfolio-item.rvwa .pro-img-4 img{max-width: 26px;}
	.portfolio-item.rvwa .pro-img-5 img{max-width: 35px;}
	.portfolio-item.rvwa .pro-img-6 img{max-width: 23px;}
	.work_rvwa .desktop-scroll-section .homepage_scroll{left: 49.6%;width: 85.2%;}
	.work_rvwa .work-mobile-animation .mobiles-1{max-width: 430px;margin-left: -30px;margin-top: 20px;}

	/* 08 Braxton Creek ----*/
	.portfolio-item.braxton .port-logo img{max-height: 26px;}
	.portfolio-item.braxton .pro-img-1{right: 49px;top: -30px;}
	.portfolio-item.braxton .pro-img-2{right: 140px;top: 63px;}
	.portfolio-item.braxton .pro-img-3{top: 57px;right: 20px;}
	.portfolio-item.braxton .pro-img-1 img{max-width: 224px;}
	.portfolio-item.braxton .pro-img-2 img{max-width: 153px;}
	.portfolio-item.braxton .pro-img-3 img{max-width: 106px;}
	.work_braxtoncreek .desktop-scroll-section .homepage_scroll{left: 50.5%;width: 77%;}
	.work_braxtoncreek .work-mobile-animation .mobiles-1{max-width: 370px;}
}

@media only screen and (max-width: 424.98px){
/*	.ourwork-animtion .mobileOnly svg{max-width: 700px;}*/
	.portfolio-item,
	.portfolio-item.hover-item,
	.portfolio-item.hover-item-next{flex: 0 0 335px;width: 335px;}
	.work-banner-section{min-height: 240px;}
	.work-about-section .container{padding: 0px 20px;}
	.work-video-section .js-work-video{aspect-ratio: 16/12;}
	.font-family-section .siteFont,
	.font-color-grid{padding-left: 20px;padding-right: 20px;}
	.font-color-grid .color-box{min-height: 80px;}
	.work-marquee-section{flex-direction: column;padding-left: 20px;padding-right: 20px;}
	.work_marquee{width: 100%;}
	.logo-design-section .right img{max-width: 280px;}
	.animation3D-section{height: 400px;}
	.animation3D-img-1{top: -282px;right: -1150px;max-width: 220px;}
	.animation3D-img-2{bottom: 400px;right: -700px;max-width: 150px;}

	/* 01 Liquidspring ----*/
	.portfolio-item.liquidspring .port-logo img{max-height: 12px;}
	.portfolio-item.liquidspring .pro-img-1{right: 85px;top: -25px;}
	.portfolio-item.liquidspring .pro-img-2{right: 25px;top: 35px;}
	.portfolio-item.liquidspring .pro-img-1 img{max-width: 130px;}
	.portfolio-item.liquidspring .pro-img-2 img{max-width: 140px;}
	.work_liquidspring .work-about-section .work-about-img{margin-top: calc(var(--sectionSpace) - 60px);}
	.work_liquidspring .desktop-scroll-section:after{bottom: -188px;}

	/* 02 Havis ----*/
	.portfolio-item.havis .port-logo img{max-height: 18px;}
	.portfolio-item.havis .pro-img-1{top: 50px;right: 40px;}
	.portfolio-item.havis .pro-img-2{left: 40px;top: -25px;}
	.portfolio-item.havis .pro-img-3{right: 10px;top: 25px;}
	.portfolio-item.havis .pro-img-2 img{max-width: 210px;}
	.portfolio-item.havis .pro-img-1 img{max-width: 140px;}
	.portfolio-item.havis .pro-img-3 img{max-width: 80px;}
	.work_havis .desktop-scroll-section .homepage_scroll{width: 79.4%;left: 50.8%;height: 86.2%;border-radius: 4% 9% 0% 0%;}

	/* 03 SurgiReal ----*/
	.portfolio-item.surgireal .port-logo img{max-height: 16px;}
	.portfolio-item.surgireal .pro-img-1{top: -25px;right: 60px;}
	.portfolio-item.surgireal .pro-img-2{top: 60px;right: 80px;}
	.portfolio-item.surgireal .pro-img-3{right: 20px;top: 30px;}
	.portfolio-item.surgireal .pro-img-1 img{max-width: 220px;}
	.portfolio-item.surgireal .pro-img-2 img{max-width: 150px;}
	.portfolio-item.surgireal .pro-img-3 img{max-width: 100px;}
	.work_surgireal .desktop-scroll-section .homepage_scroll{left: 51%;width: 78.2%;border-radius: 3% 9% 0% 0%;}
	.work_surgireal .work-mobile-animation img{max-width: 210px;margin: 40px 0px 0px;}
	.work_surgireal .logo-design-section .left img{max-width: 250px;}

	/* 04 Bruno Larvol ----*/
	.portfolio-item.bruno-larvol .port-logo img{max-height: 12px;}
	.portfolio-item.bruno-larvol .pro-img-1{top: 53px;right: 210px;}
	.portfolio-item.bruno-larvol .pro-img-3{top: 70px;right: 122px;}
	.portfolio-item.bruno-larvol .pro-img-1 img{max-width: 47px;}
	.portfolio-item.bruno-larvol .pro-img-2 img{max-width: 140px;}
	.portfolio-item.bruno-larvol .pro-img-3 img{max-width: 100px;}
	.work_brunolarvol .desktop-scroll-section .homepage_scroll{height: 73.8%;width: 79.8%;top: 47.6%;left: 51.2%;}
	.work_brunolarvol .work-mobile-animation .mobiles-1,
	.work_brunolarvol .work-mobile-animation .mobiles-2,
	.work_brunolarvol .work-mobile-animation .mobiles-3{max-width: 300px;}

	/* 05 Millennium ----*/
	.portfolio-item.millennium .port-logo img{max-height: 24px;}
	.portfolio-item.millennium .pro-img-1{right: 30px;top: -15px;}
	.portfolio-item.millennium .pro-img-2{right: 57px;top: 88px;}
	.portfolio-item.millennium .pro-img-3{right: 20px;top: 20px;}
	.portfolio-item.millennium .pro-img-1 img{max-width: 220px;}
	.portfolio-item.millennium .pro-img-2 img{max-width: 75px;}
	.portfolio-item.millennium .pro-img-3 img{max-width: 70px;}
	.work_millennium .desktop-scroll-section .homepage_scroll{left: 51%;width: 76.8%;}

	/* 06 RVWA ----*/
	.portfolio-item.rvwa .port-logo img{max-height: 20px;}
	.portfolio-item.rvwa .pro-img-1{right: 35px;top: -15px;}
	.portfolio-item.rvwa .pro-img-2{right: 8px;top: 20px;}
	.portfolio-item.rvwa .pro-img-3{top: 130px;left: 80px;}
	.portfolio-item.rvwa .pro-img-4{right: 12px;top: 80px;}
	.portfolio-item.rvwa .pro-img-5{top: 105px;right: 130px;}
	.portfolio-item.rvwa .pro-img-6{left: 115px;top: 90px;}
	.portfolio-item.rvwa .pro-img-1 img{max-width: 250px;}
	.portfolio-item.rvwa .pro-img-2 img{max-width: 80px;}
	.portfolio-item.rvwa .pro-img-3 img{max-width: 25px;}
	.portfolio-item.rvwa .pro-img-4 img{max-width: 23px;}
	.portfolio-item.rvwa .pro-img-5 img{max-width: 30px;}
	.portfolio-item.rvwa .pro-img-6 img{max-width: 20px;}

	/* 08 Braxton Creek ----*/
	.portfolio-item.braxton .port-logo img{max-height: 22px;}
	.portfolio-item.braxton .pro-img-1{right: 40px;top: -20px;}
	.portfolio-item.braxton .pro-img-2{right: 125px;top: 70px;}
	.portfolio-item.braxton .pro-img-3{top: 60px;right: 15px;}
	.portfolio-item.braxton .pro-img-1 img{max-width: 210px;}
	.portfolio-item.braxton .pro-img-2 img{max-width: 140px;}
	.portfolio-item.braxton .pro-img-3 img{max-width: 95px;}
	.work_braxtoncreek .desktop-scroll-section .homepage_scroll{width: 79.2%;}
	.work_braxtoncreek .work-mobile-animation .mobiles-1{max-width: 290px;}
	.work_braxtoncreek .logo-design-section .left img{max-width: 120px;}
}

@media only screen and (max-width: 374.98px){
	.portfolio-item .portfolio-wrap{padding: 10px;height: 180px;}
	.portfolio-details{padding: 10px;}
	.portfolio-types li{font-size: 10px;padding: 3px 8px;}
	.portfolio-item,
	.portfolio-item.hover-item,
	.portfolio-item.hover-item-next{flex: 0 0 280px;width: 280px;}

	/* 01 Liquidspring ----*/
	.portfolio-item.liquidspring .port-logo img{max-height: 10px;}
	.portfolio-item.liquidspring .pro-img-1{right: 70px;top: -15px;}
	.portfolio-item.liquidspring .pro-img-2{right: 15px;top: 40px;}
	.portfolio-item.liquidspring .pro-img-1 img{max-width: 110px;}
	.portfolio-item.liquidspring .pro-img-2 img{max-width: 120px;}
	.work_liquidspring .desktop-scroll-section:after{bottom: -194px;}

	/* 02 Havis ----*/
	.portfolio-item.havis .port-logo img{max-height: 15px;}
	.portfolio-item.havis .pro-img-1{top: 40px;right: 30px;}
	.portfolio-item.havis .pro-img-2{left: 20px;top: -15px;}
	.portfolio-item.havis .pro-img-3{top: 35px;}
	.portfolio-item.havis .pro-img-2 img{max-width: 190px;}
	.portfolio-item.havis .pro-img-1 img{max-width: 120px;}
	.portfolio-item.havis .pro-img-3 img{max-width: 70px;}

	/* 03 SurgiReal ----*/
	.portfolio-item.surgireal .port-logo img{max-height: 14px;}
	.portfolio-item.surgireal .pro-img-1{top: -15px;right: 30px;}
	.portfolio-item.surgireal .pro-img-2{right: 60px;}
	.portfolio-item.surgireal .pro-img-3{right: 10px;top: 40px;}
	.portfolio-item.surgireal .pro-img-1 img{max-width: 200px;}
	.portfolio-item.surgireal .pro-img-2 img{max-width: 120px;}
	.portfolio-item.surgireal .pro-img-3 img{max-width: 80px;}

	/* 04 Bruno Larvol ----*/
	.portfolio-item.bruno-larvol .port-logo img{max-height: 9px;}
	.portfolio-item.bruno-larvol .pro-img-1{top: 50px;right: 170px;}
	.portfolio-item.bruno-larvol .pro-img-3{top: 65px;right: 100px;}
	.portfolio-item.bruno-larvol .pro-img-1 img{max-width: 40px;}
	.portfolio-item.bruno-larvol .pro-img-2 img{max-width: 120px;}
	.portfolio-item.bruno-larvol .pro-img-3 img{max-width: 80px;}

	/* 05 Millennium ----*/
	.portfolio-item.millennium .port-logo img{max-height: 20px;}
	.portfolio-item.millennium .pro-img-1{right: 20px;top: -10px;}
	.portfolio-item.millennium .pro-img-2{right: 50px;top: 80px;}
	.portfolio-item.millennium .pro-img-3{right: 10px;}
	.portfolio-item.millennium .pro-img-1 img{max-width: 200px;}
	.portfolio-item.millennium .pro-img-2 img{max-width: 70px;}
	.portfolio-item.millennium .pro-img-3 img{max-width: 65px;}

	/* 06 RVWA ----*/
	.portfolio-item.rvwa .port-logo img{max-height: 18px;}
	.portfolio-item.rvwa .pro-img-1{right: 25px;top: -10px;}
	.portfolio-item.rvwa .pro-img-3{top: 120px;left: 65px;}
	.portfolio-item.rvwa .pro-img-4{right: 15px;top: 70px;}
	.portfolio-item.rvwa .pro-img-5{top: 94px;right: 120px;}
	.portfolio-item.rvwa .pro-img-6{left: 90px;top: 80px;}
	.portfolio-item.rvwa .pro-img-1 img{max-width: 220px;}
	.portfolio-item.rvwa .pro-img-2 img{max-width: 70px;}
	.portfolio-item.rvwa .pro-img-3 img{max-width: 20px;}
	.portfolio-item.rvwa .pro-img-4 img{max-width: 20px;}
	.portfolio-item.rvwa .pro-img-5 img{max-width: 25px;}
	.portfolio-item.rvwa .pro-img-6 img{max-width: 18px;}

	/* 08 Braxton Creek ----*/
	.portfolio-item.braxton .port-logo img{max-height: 18px;}
	.portfolio-item.braxton .pro-img-1{right: 30px;top: -15px;}
	.portfolio-item.braxton .pro-img-2{right: 110px;top: 65px;}
	.portfolio-item.braxton .pro-img-3{top: 55px;right: 10px;}
	.portfolio-item.braxton .pro-img-1 img{max-width: 190px;}
	.portfolio-item.braxton .pro-img-2 img{max-width: 120px;}
	.portfolio-item.braxton .pro-img-3 img{max-width: 80px;}
}


/** Work css Rakesh **/
/* @keyframes move{0%{transform:translatex(0);}50%{transform:translatex(-150px);}100%{transform:translatex(0);}}
.cloud-icon svg{animation:move 5s linear infinite;} */
.cloud-icon{position:absolute;left:0;top:0;}
.cloud-icon.cloud-center{left:35%;margin:0 auto;text-align:center;}
.cloud-icon.cloud-right{left:inherit;right:20%;}
.cloud-icon.cloud-left{left:20%;}
.cloud-icon.cloud-bottom-left{top:auto;bottom:0;left:20%;}
.cloud-icon.cloud-bottom-center{top:auto;bottom:0;right:0;text-align:center;}

.section-our-work del{text-decoration:line-through;}

.our-work-top .container .col-xl-8{width:100%;}
.our-work-top .container .col-xl-8 .hero-text{text-align:center;}

.mh1185{min-height:1185px;}
.mh1160{min-height:1160px;}
.mh745{min-height:745px;}

.work-title h5{font-family:var(--avenirmedium) !important;}
.work-title h4, .work-title h2, .work-title h3{text-transform:uppercase;font-family:var(--avenirblack) !important;}

.our-work-top .workMain{position:absolute;right:0;width:100%;max-width:1920px;bottom:100px;left:0;margin:auto;}
.our-work-top .workMain svg{width:100%;max-width:100%;}
.our-work-top .container{position:unset;max-width:1340px;padding-left:30px;padding-right:30px;}
.section-our-work{margin-top:-3px;}

.workTrigger1{top:0;}
.workTrigger2{top: 100px;}
.workTrigger3{top: 250px;}
.workTrigger4{top: 400px;}
.workTrigger5{top: 600px;}
.workTrigger6{top: -100px;}
.workTrigger7{top: 400px;}
.workTrigger8{top: -210px;}
.workTrigger9{top: -110px;}
.workTrigger10{top: 350px;}
.workTrigger11{top: -250px;}
.workTrigger12{top: -200px;}
.workTrigger13{top: 300px;}
.workTrigger14{top: -200px;}
.workTrigger15{top: 300px;}

.workLine1{top: 0;right: 440px;}
.workLine2{top: 188px;right: 514px;}
.workLine3{bottom: -29px;left: 392px;}
.workLine4{bottom:0px;left: 466px;}
.workLine5{top:0;right:461px;}
.workLine6{bottom:0;right:605px;}
.workLine7{left: 143px;top:0;}
.workLine8{bottom: -138px;right: 293px;}
.workLine9{bottom: -1px;right: 544px;}

.workWord1{top: -166px;right: -77px;}
.workWord2{top: -10px;left: -118px;}
.workWord3{left: -15px;top: -81px;}
.workWord4{left:-188px;top:-16px;}
.workWord5{top: -127px;right: 280px;}
.workWord6{top: -59px;left: -11px;}


@media only screen and (max-width: 1759.98px) {
.cloud-icon svg{max-width:67px;}

.workTrigger6{top: 50px;}
.workTrigger7{top: 450px;}
.workTrigger8{top: 50px;}
.workTrigger9{top: 150px;}
.workTrigger10{top: 510px;}
.workTrigger11{top: 60px;}
.workTrigger12{top: 60px;}
.workTrigger13{top: 410px;}
.workTrigger14{top: -90px;}
.workTrigger15{top: 210px;}

.workLine1{right: 328px;}
.workLine2{top: 117px;right: 372px;}
.workLine3{bottom: 34px;left: 356px;}
.workLine4{left: 409px;}
.workLine5{right: 434px;}
.workLine6{right: 541px;}
.workLine7{left: 199px;}
.workLine8{bottom: -137px;right: 269px;}
.workLine9{bottom: 0;right: 458px;}

.workLine1 svg{max-width: 30px;}
.workLine2 svg{max-width: 130px;}
.workLine3 svg{max-width: 548px;}
.workLine4 svg{max-width: 610px;}
.workLine5 svg{max-width: 30px;}
.workLine6 svg{max-width: 265px;}
.workLine7 svg{max-width: 945px;}
.workLine8 svg{max-width: 170px;}
.workLine9 svg{max-width: 135px;}

.workWord1 svg{max-width: 130px;}
.workWord2 svg{max-width: 415px;}
.workWord3 svg {max-width: 410px;}
.workWord4 svg {max-width: 423px;}
.workWord5 svg {max-width: 490px;}
.workWord6 svg {max-width: 175px;}

.workWord1{top: -174px;right: -110px;}
.workWord2{top: -59px;left: -64px;}
.workWord3{left: 95px;top: -87px;}
.workWord4{left: -190px;top: -11px;}
.workWord5{top: -13px;right: 192px;}
.workWord6{top: -20px;left: -15px;}

.section-spotlight.mh900 {min-height: 750px;}
.section-notch.mh910 {min-height: 600px;}
.take-stage.mh900 {min-height: 650px;}
.section-ndas.mh950 {min-height: 600px;}
.section-credit.mh900 {min-height: 700px;}
.section-our-work.mh865  {min-height: 700px;}
.our-work-top.work-banner.mh1080{min-height:880px;}

}

@media only screen and (max-width: 1439.98px) {
.cloud-icon svg{max-width:50px;}
.cloud-icon.cloud-bottom-left {left: 10%;}
.cloud-icon.cloud-bottom-center {bottom: -20%;}
.cloud-icon.cloud-left {left: 10%;}
.cloud-icon.cloud-right {right: 10%;}
.cloud-icon.cloud-center {left: 20%;}

.workTrigger3{top:200px;}
.workTrigger4 {top: 300px;}
.workTrigger5{top: 500px;}
.workTrigger6{top: 50px;}
.workTrigger7{top: 350px;}
.workTrigger8{top: 20px;}
.workTrigger9{top: 120px;}
.workTrigger10{top: 320px;}
.workTrigger11{top: -30px;}
.workTrigger12{top: 0px;}
.workTrigger13{top: 300px;}
.workTrigger14{top: -100px;}
.workTrigger15{top: 200px;}

.workLine1{right: 250px;}
.workLine2{top: 96px;right: 285px;}
.workLine3{bottom: 1px;left: 388px;}
.workLine4{left: 428px;}
.workLine5{right: 328px;}
.workLine6{right: 408px;}
.workLine7{left: 226px;}
.workLine8{bottom: -120px;right: 198px;}
.workLine9{bottom: 0;right: 338px;}

.workLine1 svg{max-width: 25px;}
.workLine2 svg{max-width: 100px;}
.workLine3 svg{max-width: 400px;}
.workLine4 svg{max-width: 453px;}
.workLine5 svg{max-width: 22px;}
.workLine6 svg{max-width: 215px;}
.workLine7 svg{max-width: 760px;}
.workLine8 svg{max-width: 130px;}
.workLine9 svg{max-width: 121px;}

.workWord1 svg{max-width: 100px;}
.workWord2 svg{max-width: 320px;}
.workWord3 svg {max-width: 310px;}
.workWord4 svg {max-width: 325px;}
.workWord5 svg {max-width: 390px;}
.workWord6 svg {max-width: 145px;}

.workWord1{top: -114px;right: -119px;}
.workWord2{top: -26px;left: -16px;}
.workWord3{left: 201px;top: -54px;}
.workWord4{left: -105px;top: -12px;}
.workWord5{top: 7px;right: 115px;}
.workWord6{top: -20px;left: 20px;}

.section-spotlight.mh900 {min-height: 550px;}
.section-notch.mh910 {min-height: 480px;}
.take-stage.mh900 {min-height: 500px;}
.section-ndas.mh950 {min-height: 470px;}
.section-credit.mh900 {min-height: 550px;}
.section-our-work.mh865  {min-height: 600px;}
.our-work-top.work-banner.mh1080{min-height:750px;}

}

@media only screen and (max-width: 1199.98px) {
.cloud-icon{display: none;}

.workWord1{top: -40px;right: 0;text-align: center;}
.workWord2{top: 0;left: 0;}
.workWord3{left:0;top:0;text-align:center;}
.workWord4{left: 0;top: 0;}
.workWord5{top: 0;right: 0;text-align: center;}
.workWord6{top: 0;left: 0;text-align: center;}

.workTrigger2{top:0px;}
.workTrigger4{top:100px;}
.workTrigger6{top:0px;}
.workTrigger9{top:20px;}
.workTrigger12{top:-60px;}
.workTrigger14{top:0px;}

.workWord3 svg{max-width:270px;}
.workWord5 svg{max-width:320px;}

.our-work-top.work-banner.mh1080{min-height:670px;}
.section-spotlight.mh900{min-height:450px;}
.section-ndas.mh950 {min-height: 200px;}
.section-credit.mh900 {min-height: 400px;}
.section-our-work.mh865{min-height:500px;}

}

@media only screen and (max-width: 991.98px) {

.workWord1 svg{max-width:70px;}
.workWord2 svg{max-width:270px;}
.workWord3 svg{max-width:240px;}
.workWord4 svg{max-width:270px;}
.workWord5 svg{max-width:270px;}
.workWord6 svg{max-width:130px;}

.section-spotlight.mh900{min-height:380px;}
.section-notch.mh910{min-height:400px;}
.take-stage.mh900{min-height:420px;}
.section-ndas.mh950{min-height:170px;}
.section-credit.mh900{min-height:350px;}

}

@media only screen and (max-width: 767.98px) {
	 	
.mobileworkTrigger2{top:150px;}
.our-work-top.work-banner.mh1080{min-height:460px;}
.our-work-top.work-banner{padding-top:calc(var(--sectionSpace) + 20px);padding-bottom:calc(var(--sectionSpace) + 20px);}
.our-work-top.work-banner .mobileworkMain{margin-top:15px;}

.mobileworkWord1{text-align:center;}
.mobileworkWord1 svg{min-width:60px;width: auto;}

}