/*
Theme Name: Mot Juste
Theme URI:
Author:
Author URI: 
Description: 
Tags: 
Version: 1.0
*/




@charset "utf-8";

/* ----- GENERAL STYLES ----- */
* {padding: 0;margin: 0;}
html,body {padding:0;margin:0;font-size: 20px;line-height: 1.6;color: #888;font-family: 'Raleway', sans-serif;font-weight:200;}
.container-fluid {padding: 0;margin: 0 auto;}
.container-fluid{background-size:cover;background-repeat:no-repeat;background-attachment:fixed;background-position:center center;}
.communication-conceptualisation-services .container-fluid{background-image:url(https://www.motjuste.com/images/communication-concept-banner.jpg);}
.brand-consulting-services .container-fluid{/*background-image:url(https://motjuste.com/previews/MotJuste/wp/wp-content/uploads/2026/07/mainbg-brand-consulting-services.jpg);*/background-image:url(https://motjuste.com/previews/MotJuste/wp/wp-content/uploads/2026/07/logos-theme-elements-banner.jpg);}
.website-development-services .container-fluid{background-image:url(https://motjuste.com/previews/MotJuste/wp/wp-content/uploads/2026/07/mainbg-website-development-services.jpg);}
.brochures-profiles .container-fluid{background-image:url(https://motjuste.com/previews/MotJuste/wp/wp-content/uploads/2026/07/mainbg-brochures-profiles.jpg);}
.presentation-design-services .container-fluid{background-image:url(https://motjuste.com/previews/MotJuste/wp/wp-content/uploads/2026/07/mainbg-corporate-presentation-design.jpg);}
.content-marketing-services .container-fluid{background-image:url(https://motjuste.com/previews/MotJuste/wp/wp-content/uploads/2026/07/mainbg-content-marketing.jpg);}
.brand-guardianship-services .container-fluid{background-image:url(https://motjuste.com/previews/MotJuste/wp/wp-content/uploads/2026/07/mainbg-brand-guardianship-services.jpg);}
.social-media-management-services .container-fluid{background-image:url(https://motjuste.com/previews/MotJuste/wp/wp-content/uploads/2026/07/mainbg-social-media-management-services.jpg);}
.stationery .container-fluid{background-image:url(https://motjuste.com/previews/MotJuste/wp/wp-content/uploads/2026/07/mainbg-stationery.jpg);}
.email-marketing .container-fluid{background-image:url(https://motjuste.com/previews/MotJuste/wp/wp-content/uploads/2026/07/mainbg-email-marketing.jpg);}
.event-support .container-fluid{background-image:url(https://motjuste.com/previews/MotJuste/wp/wp-content/uploads/2026/07/mainbg-event-support.jpg);}
.newsletters-magazines .container-fluid{background-image:url(https://motjuste.com/previews/MotJuste/wp/wp-content/uploads/2026/07/mainbg-newsletters-magazines.jpg);}
.whitepapers .container-fluid{background-image:url(https://motjuste.com/previews/MotJuste/wp/wp-content/uploads/2026/07/mainbg-whitepapers.jpg);}
.profile .container-fluid{background-image:url(https://motjuste.com/previews/MotJuste/wp/wp-content/uploads/2026/07/mainbg-profile.jpg);}
.policy .container-fluid{background-image:url(https://motjuste.com/previews/MotJuste/wp/wp-content/uploads/2026/07/privacy-policy.jpg);}
.career .container-fluid{background-image:url(https://motjuste.com/previews/MotJuste/wp/wp-content/uploads/2026/07/careers-banner-mot-2.jpg);}

.casestudybseel .container-fluid{background-image:url(https://motjuste.com/previews/MotJuste/wp/wp-content/uploads/2026/07/casestudy-bluestar-ee-banner.webp);}
.container-1200{padding: 0;margin: 0 auto;max-width:1200px;}
.row {margin: 0;position:relative;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding:0;}
::-moz-selection {background: #9e393a;color: #fff;}
::selection {background: #9e393a;color: #fff;}
code::-moz-selection {background: #333333;}
code::selection {background: #333333;}
img {max-width: 100%;height: auto;}
a img {border: none;}
h1,h2,h3,h4,h5,h6,p {margin: 0;padding: 0.5rem 1.5rem;line-height: 1.6;}
h1,h2,h3,h4,h5,h6,strong{font-weight:600;}
p{font-weight:300;}
dl, ol, ul{margin:0;}
.row{width:100%;}
.alt-goth {font-family: alternate-gothic-no-2-d, sans-serif !important;text-transform: uppercase;}
.button {display:inline-block;height:2.4rem;padding:0 1.5rem;text-align:center;text-decoration:none;font-size:0.9rem;line-height:2.4rem;background-image:linear-gradient(to left,transparent,transparent 50%,#DBD65C 50%,#5614B0);background-position:100% 0;background-size:200% 100%;transition:all .25s ease-in;font-weight:400;border: 1px solid #fff;color: #fff;}
input.button,#portfolio .button {background-image:linear-gradient(to left,#fff,#fff 50%,#DBD65C 50%,#5614B0);color:#666;}
.column-left .button {color:#fff;background-image:linear-gradient(to left,transparent,transparent 50%,#DBD65C 50%,#5614B0);border:1px solid #fff;}
.button.reverse{background-image: linear-gradient(to left,#9e393a,#9e393a 50%,#DBD65C 50%,#5614B0);background-position: 0 0;color: #fff;}
.button:hover,input.button:hover,input.button:hover,#portfolio .button:hover {background-position: 0 0;color: #fff;text-decoration: none;border-color:transparent;}
.button.reverse:hover {background-position: 100% 0;color: #fff;}
.button.readon {position: absolute;left: 50%;bottom: 0;transform: translate(-50%,0);z-index: 999;}
.mobileonly,.mobtabonly {display: none;}
@media (max-width: 767px) {
    html,body {font-size:12px;}
    .mobileonly {display: inline-block;}
    a.button {height: 2.4rem;padding: 0 1.5rem;font-size: 1rem;line-height: 2.4rem;color:#fff;}
}
@media (max-width: 991px) {
    html,body {font-size:16px;}
    .mobtabonly {display: inline-block;}
    .pconly{display:none;}
}
@media (min-width: 992px) {
    .pconly{display:inline-block;}
}
@media (max-width: 1279) {
    html,body {font-size:20px;}
}
@media (min-width: 1280px) {
  .header {padding: 3rem;}
  .pronunciation {display: block;}
  .mainmenu ul li.menuitem1, .mainmenu ul li.menuitem2, .mainmenu ul li.menuitem3, .mainmenu ul li.menuitem4, .mainmenu ul li.menuitem5 {display: inline-block;}
  .mainmenu ul li.menuitem6 {display: none;}
}
@media (min-width: 1601px) {
    html,body {font-size:24px;}
}
@media (min-width: 1921px) {
    html,body {font-size:30px;}
}
@media (min-width: 2561px) {
    html,body {font-size:40px;}
}

#loader {left:50%!important;}

/* ----- HEADER ----- */
.header {position: absolute;z-index: 10;padding: 3rem 4.5rem;width: 100%;transition:0.5s;background:rgba(255,255,255,0);}
.header.smallheader{position:fixed;padding:0.5rem 2rem 0.5rem 4.5rem;background:rgba(255,255,255,1);box-shadow:0 0 30px rgba(0,0,0,0.05);z-index:100;}
.logolink {display: block;float: left;margin: 0;}
#logo {height: 2rem;animation: company-name-animation 2s ease-out forwards;transform-origin: center;}
.header.smallheader #logo{height:1.5rem;}
svg {overflow: visible;}
#logo path {fill:#fff;position: absolute;}
.header.smallheader #logo path{fill:#9e393a;}
.header.smallheader #logo #company-name, .header.smallheader #logo #tagline{display:none;}
@keyframes company-name-animation {
  0% {opacity:0;}
  40% {transform: scale(1);}
  55% {transform: scale(1.5);}
  70% {transform: scale(1);opacity: 1;}
  100% {transform: scale(1);}
}
#logo:hover path#left-bubble,#loader path#left-bubble,#menulogo:hover path#left-bubble{animation: logoanim1 2s infinite;transition:0.2s;}
@keyframes logoanim1 {
  /*0% {fill:#6a00b2;}
  33% {fill:#aa6c7b;}
  66% {fill:#d7da55;}
  100% {fill:#6a00b2;}*/
  0% {fill:#4BC0C8;}
  33% {fill:#C779D0;}
  66% {fill:#FEAC5E;}
  100% {fill:#4BC0C8;}
}
#logo:hover #right-bubble path,#loader #right-bubble path,#menulogo:hover #right-bubble path{animation: logoanim2 2s infinite;transition:0.2s;}
@keyframes logoanim2 {
  /*0% {fill:#d7da55;}
  33% {fill:#6a00b2;}
  66% {fill:#aa6c7b;}
  100% {fill:#d7da55;}*/
  0% {fill:#C779D0;}
  33% {fill:#FEAC5E;}
  66% {fill:#4BC0C8;}
  100% {fill:#C779D0;}
}
.pronunciation {float: left;margin: 0;line-height: 18px;color: #fff;font-size: 14px;font-style: italic;-webkit-animation: 2s ease 0s normal forwards 1 fadeindelay;animation: 2s ease 0s normal forwards 1 fadeindelay;}
.header.smallheader .pronunciation{display:none;}
@keyframes fadeindelay{
  0% {opacity:0;}
  66% {opacity:0;}
  100% {opacity:1;}
}
@-webkit-keyframes fadeindelay{
  0% {opacity:0;}
  66% {opacity:0;}
  100% {opacity:1;}
}
.pronunciation .pr {color: #fff;float: left;border-left: 0.05rem solid #fff;margin-left: 1rem;padding-left: 1rem;font-weight:400}
#jquery_jplayer {display: none;}
.pronunciation #jp_container {float: left;margin-left: 1rem;}
.pronunciation a.audiotoggle {display: block;width: 1rem;height: 1rem;}
.pronunciation a.audiotoggle.jp-play svg {height: 1rem;}
.pronunciation a.audiotoggle.jp-pause svg {height: 0.8rem;}
.pronunciation a.audiotoggle svg path {fill:#fff;}
.pronunciation a.audiotoggle:hover svg path#speaker1, .pronunciation a.audiotoggle:hover svg path#speaker3, .pronunciation a.audiotoggle:hover svg path#speaker5 {animation: speakeranim1 1s infinite;}
@keyframes speakeranim1 {
  /*0% {fill:#6a00b2;}
  33% {fill:#aa6c7b;}
  66% {fill:#d7da55;}
  100% {fill:#6a00b2;}*/
  0% {fill:#4BC0C8;}
  33% {fill:#C779D0;}
  66% {fill:#FEAC5E;}
  100% {fill:#4BC0C8;}
}
.pronunciation a.audiotoggle:hover svg path#speaker1, .pronunciation a.audiotoggle:hover svg path#speaker4, .pronunciation a.audiotoggle:hover svg path#speaker6 {animation: speakeranim2 1s infinite;}
@keyframes speakeranim2 {
  /*0% {fill:#d7da55;}
  33% {fill:#6a00b2;}
  66% {fill:#aa6c7b;}
  100% {fill:#d7da55;}*/
  0% {fill:#C779D0;}
  33% {fill:#FEAC5E;}
  66% {fill:#4BC0C8;}
  100% {fill:#C779D0;}
}
p.defn {font-size: 10px;line-height: 0.5rem;padding: 0;margin: 0;padding-top: 0.5rem;padding-left: 1rem;margin-left: 1rem;border-left: 0.05rem solid #fff;font-weight:400}
.mainmenu {float: right;}
.nav-trigger {display: none;text-align: center;width: 2rem;height: 2rem;}
.mainmenu ul {list-style: none;padding: 0;margin: 0;z-index: 20;}
.mainmenu ul li {list-style: none;padding: 0 1rem;margin: 0;display: inline-block;font-weight:400;}
.mainmenu ul li a {color: #666;font-size: 0.8rem;line-height: 1.2rem;text-decoration: none;display: block;padding: 0.25rem;transition: 0.5s;cursor:pointer;}
.header.smallheader .mainmenu ul li a {line-height:1rem;padding:0 0.25rem;}
.mainmenu ul li a:hover {color: #000; background: transparent;}
#more-dots {width:1.3rem;height:0.3rem;}
#more-dots circle {fill: #666;stroke:none;}
.mainmenu ul li.menuitem6 {padding: 0;}
#mobilemenu {width: 1.5rem;}
#mobilemenu rect {fill:#fff;}
.header.smallheader #mobilemenu rect{fill:#666;}
#more-dots:hover #dot1, #mobilemenu:hover #band1 {-webkit-animation: dots-animation1 0.5s infinite;animation: dots-animation1 0.5s infinite;}
#more-dots:hover #dot2, #mobilemenu:hover #band2 {-webkit-animation: dots-animation2 0.5s infinite;animation: dots-animation2 0.5s infinite;}
#more-dots:hover #dot3, #mobilemenu:hover #band3 {-webkit-animation: dots-animation3 0.5s infinite;animation: dots-animation3 0.5s infinite;}
@keyframes dots-animation1 {
  0% {transform:scale(1);/*fill:#6a00b2;*/fill:#4BC0C8;}
  10% {transform:scale(1.5);margin-left: -0.5rem;}
  40% {transform:scale(1);}
}
@-webkit-keyframes dots-animation1 {
  0% {transform:scale(1);/*fill:#6a00b2;*/fill:#4BC0C8;}
  10% {transform:scale(1.5);margin-left: -0.5rem;}
  40% {transform:scale(1);}
}
@keyframes dots-animation2 {
  0% {transform:scale(1);/*fill:#aa6c7b;*/fill:#C779D0;}
  30% {transform:scale(1.5);margin-left: -0.25rem;}
  60% {transform:scale(1);}
}
@-webkit-keyframes dots-animation2 {
  0% {transform:scale(1);/*fill:#aa6c7b;*/fill:#C779D0;}
  30% {transform:scale(1.5);margin-left: -0.25rem;}
  60% {transform:scale(1);}
}
@keyframes dots-animation3 {
  0% {transform:scale(1);/*fill:#d7da55;*/fill:#FEAC5E;}
  50% {transform:scale(1.5);margin-left: 0px;}
  80% {transform:scale(1);}
}
@-webkit-keyframes dots-animation3 {
  0% {transform:scale(1);/*fill:#d7da55;*/fill:#FEAC5E;}
  50% {transform:scale(1.5);margin-left: 0px;}
  80% {transform:scale(1);}
}
.mainmenu ul li.menuitem6 {display: none;}
.submenu,.formdiv {position: fixed;left: 0;top: 0;width: 0%;height:100vh;z-index: 5;transition: 0.5s;overflow-y: scroll;}
.formdiv {position: absolute;height:100%;background:#fff;}
.menuitem5{position:relative;}
.menuitem5 ul{height:0;overflow:hidden;width:8rem;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);position:absolute;right:1rem;transition:0.5s;margin-top:0.75rem;}
.header.smallheader .menuitem5 ul{margin-top:0.5rem;}
.menuitem5 ul::before{content:"";position:absolute;top:-0.5rem;width:100%;height:0.5rem;background:#fff;display:none;}
.header.smallheader .menuitem5 ul::before{display:block;}
.menuitem5 ul.active{padding:0.5rem 0;height:auto;overflow:visible;}
.menuitem5 ul li{display:block;padding:0;}
.menuitem5 ul li a, .header.smallheader .mainmenu .menuitem5 ul li a{line-height:1.2rem;}
.menuitem5 ul li a.button, .header.smallheader .mainmenu .menuitem5 ul li a.button{height:1.5rem;line-height:1.5rem;border:none;text-align:left;padding:0 1rem;}
.menuitem5 ul li a.button:hover, .header.smallheader .mainmenu .menuitem5 ul li a.button:hover{color:#fff;}

#submenu6 ul {padding: 0;margin: 0;list-style: none;}
#submenu6 ul li {padding: 0;margin: 0;list-style: none;display: block;}
#submenu6 ul li h3 {border-bottom: 0.05rem solid #aaa;font-size: 1.2rem;line-height: 1.8rem;padding: 0.75rem 0;text-align: center;}
#submenu6 ul li:last-child h3 {border: none;}
#submenu6 ul li h3 a {color: #fff;text-decoration: #fff;}
#submenu6 ul li h3 a:hover {color: #fff;text-decoration: #fff;opacity: 0.8;}
a.closebtn{float: right;font-size: 2.7rem;line-height: 0.8rem;margin: 1.5rem;color: #fff;text-decoration: none;cursor:pointer;}
a.closebtn:hover{color: #fff;text-decoration: none;opacity: 0.8;}
.overlay-content {padding:3rem;color: #fff;}
.overlay-content a {color: #fff;text-decoration: none;}
.overlay-content a:hover {color: #fff;text-decoration: none;opacity: 0.8;}
.overlay-header .col-md-3 {text-align: right;line-height: 1.2rem;}
.overlay-header .more-btn {display: inline-block;height: 1.2rem;padding: 0 0.8rem;border: 0.05rem solid #fff;color: #fff;background-color: transparent;}
.overlay-header .more-btn:hover {background-color: #fff;color: #666;}

.overlay-content ul {list-style: none;padding:0;margin: 0;-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
.overlay-content ul li {list-style: none;padding:0 1.5rem;margin:0 0 0.75rem;display:block;clear:both;}
.overlay-content ul li a {color:#fff;font-size:1rem;line-height:1.5;display:inline;transition:0.5s;}

.modal-body{padding:0;}
.modal-body .overlay-content {padding:0;min-height:100vh;}
.modal-dialog{max-width:none;margin:0;}
.modal-content{border:none;border-radius:0;background: #FEAC5E;background: -webkit-linear-gradient(to top left, #4BC0C8, #C779D0, #FEAC5E);background: linear-gradient(to top left, #4BC0C8, #C779D0, #FEAC5E);background-size: 400% 400%;animation: gradient 20s ease infinite;}
#submenu6 {background: linear-gradient(to top left, #4BC0C8, #C779D0, #FEAC5E);background-size: 400% 400%;animation: gradient 20s ease infinite;}
.menulogolink{display:inline-block;margin:3rem 4.5rem 0;}
#menulogo{height:2rem;}
#menulogo path{fill:#fff;}
a.closebtn{float: right;font-size: 2.7rem;line-height: 0.8rem;margin:3rem 4.5rem 0;color: #fff;text-decoration: none;cursor:pointer;}
.overlay-content .row {padding:1.5rem 0;width:100%;}
.overlay-content .row.parent{border:none;}
.col-desc{padding:1.5rem 4.5rem;}
.col-desc h3 {text-align: left;font-size:1.5rem;line-height:2rem;padding:0;font-weight:300;}
.col-desc p{padding:1rem 0 0;font-size:1rem;}
.col-menulinks{padding:0 4.5rem 1.5rem 0;}
.col-menulinks h4{text-align:right;font-size:1rem;line-height:1.5rem;padding:0 0 1rem;font-weight: 600;-webkit-transform:rotate(-90deg) translateX(-100%);-moz-transform:rotate(-90deg) translateX(-100%);-o-transform:rotate(-90deg) translateX(-100%);-ms-transform:rotate(-90deg) translateX(-100%);transform:rotate(-90deg) translateX(-100%);transform-origin: 0 0;position: absolute;left: 0;top: 2rem;}
.col-menulinks nav{margin-left:2.5rem;padding-left:1.5rem;border-left:1px solid #fff;margin-top:1.5rem;height:100%;}
@media (max-width: 1199px) {
  .pronunciation {display: none;}
  .header{padding:3rem;}
  .mainmenu ul li{padding:0 0.5rem;}
  .menuitem5 ul{right:0.5rem;}
  .mainmenu .menuitem5 ul li{padding:0;}
  .col-menulinks{padding:0 4.5rem 1.5rem;}
  .col-menulinks h4{left:4.5rem;}
}
@media (max-width: 991px) {
  .mainmenu ul li a{color:#fff;}
  #more-dots circle{fill:#fff;}
  .menuitem5 ul li a.button, .header.smallheader .mainmenu .menuitem5 ul li a.button{color:#666;}
  .col-menulinks{padding:1.5rem 4.5rem;}
  .menulogolink{margin: 1.5rem 1.5rem 0;}
  a.closebtn{margin: 1.5rem 1.5rem 0;}
  .col-desc{padding: 1.5rem;}
  /*.col-menulinks h4{text-align:left;-webkit-transform:rotate(0deg) translateX(0);-moz-transform:rotate(0deg) translateX(0);-o-transform:rotate(0deg) translateX(0);-ms-transform:rotate(0deg) translateX(0);transform:rotate(0deg) translateX(0);transform-origin: 0 0;position:static;}*/
  .col-menulinks{padding: 1.5rem;}
  .col-menulinks nav {padding-left:0;margin-top:0;height:auto;/*margin-left:0;border-left:none;*/}
  .overlay-content ul {-webkit-column-count:1;-moz-column-count:1;column-count:1;}
}
@media (max-width: 992px) {
  .header {padding: 1.5rem;}
  .header.smallheader{padding:0.5rem 1.5rem;}
  .overlay-content h4 {font-size:1.2rem;left:1.5rem;/*top:3.5rem;*/}
  .overlay-content nav ul li a {font-size:1rem;}
  .mainmenu ul li.menuitem1, .mainmenu ul li.menuitem2, .mainmenu ul li.menuitem3, .mainmenu ul li.menuitem4, .mainmenu ul li.menuitem5 {display: none;}
  #submenu6 ul li h3{border-bottom:1px solid #ccc;}
  .mainmenu ul li a{font-size:1rem;}
  .mainmenu ul li.menuitem6 {display: block;padding:0;}
  #submenu6 .closebtn{position:absolute;top:0;right:0;z-index:999;}
  #submenu6 .overlay-content {position:relative;width:100%;height:100%;}
  #submenu6 .overlay-content ul{position:relative;top:50%;transform:translate(0,-50%);}
}
@media (min-width: 768px) and (max-width: 991px) {
  .header {padding: 3rem;}
  .header.smallheader{padding:0.5rem 3rem;}
}
/*@media (max-width: 1024px) and (orientation:landscape){
    .header {padding:3rem;}
    .header.smallheader{padding:0.5rem 3rem;}
    .mainmenu ul li a{color:#666;}
    #more-dots circle{fill:#666;}
    #submenu6 .overlay-content{height:auto;}
    #submenu6 .overlay-content ul{position:static;top:0;transform:translate(0,0);}
}
@media (max-width: 767px) and (orientation:landscape){
    .header {padding:1.5rem 3rem;}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) and (max-aspect-ratio: 3/2){
    .header.smallheader{padding:0.5rem 3rem;}
    #mobilemenu rect{fill:#666;}
}*/

/* ----- MAIN BANNER ----- */
.column-left {height: 100vh;position: relative;overflow: hidden;}
.video-container{position:fixed;height:100vh;width:50%;overflow:hidden;opacity:0.7;}
.home .screen1 video {height: 100vh;width: auto;max-width: none;position: absolute;right: 0;margin-right: -20%;top: 0;z-index: 1;}
.screen1 img {min-height: 100vh;min-width: 100%;max-width: none;height: auto;position: absolute;left: 0;top: 0;z-index: 1;}
.overlay {mix-blend-mode: multiply;/*background: rgba(157,62,66,0.4);*/background:linear-gradient(to bottom right, #4BC0C8, #C779D0, #FEAC5E);position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 2;}
/*.inner .overlay{display:none;}*/
.banner-content{width: 100%;z-index: 3;position: absolute;top: 50%;left: 0;transform: translate(0, -50%);padding: 0 4.5rem;}
.inner .banner-content h3 {padding:0.75rem 0 0;font-size:1.2rem;line-height:1.6rem;color: #fff;/*text-shadow: 0 0 10px #000;*/text-align: left;}
.banner-content h1, .inner .banner-content h3.alt-goth {padding:0.75rem 0 1.5rem;font-size:2.5rem;line-height:2.5rem;color: #fff;/*text-shadow: 0 0 10px #000;*/}
.home .banner-content h1 {font-size:3rem;line-height:3rem;}
.banner-content h1 span, .inner .banner-content h3.alt-goth span{font-family:'Raleway';font-weight:200;font-size:1.3rem;line-height:0.5rem;text-transform:none;}
.home .banner-content h1 span{font-size:1.8rem;line-height:0.7rem;}
.column-right {position: relative;height: 100vh;background:#fff;}
.colright-content {position: absolute;top: 50%;left: 0;transform: translate(0, -50%);width: 100%;}
.column-right h3 {font-size:1.4rem;line-height:1.5;padding:0.75rem 6rem;font-weight: 200;color: #666;}
.inner.profile .column-right h3 {font-size:1.2rem;line-height:1.5;}
.inner .column-right h1 {font-size:1.6rem;line-height:1.6rem;padding:0.75rem 6rem 0;font-weight: 300;color: #787878;}
.inner .column-right h3 {font-size:0.9rem;line-height:1.4rem;padding:0.75rem 6rem;font-weight: 300;color: #787878;}
.column-left .button.readon {display: none;}
@media (max-width: 991px) {
    .banner-content{transform: translate(0, -60%);}
    .video-container{width:100%;}
    .home .screen1 video{left:auto;right: 0;margin-left:0;margin-right:-50%;}
    .banner-content {padding: 0 1.5rem;}
    .banner-content h1 {font-size: 2.8rem;line-height: 3.2rem;}
    .banner-content h1 span, .inner .banner-content h3.alt-goth span{font-size:1.5rem;}
    .home .banner-content h1 span{display:block;line-height:1.2;padding-bottom:0.5rem;}
    .column-right{height:auto;padding: 4.5rem 0;}
    .colright-content {position:static;transform:none;}
    .colright-content br{display:none;}
    .column-right h3,.inner .column-right h3,.column-right p{padding: 0.75rem 1.5rem;/*font-size: 1rem;line-height: 1.5rem;*/}
    .column-right .button{border:1px solid #ddd;color:#666;}
    .column-right .button:hover{border-color:transparent;color:#fff;}
    .inner .column-right h1 {font-size:2rem;line-height:2rem;padding: 0.75rem 1.5rem;}
    .inner .column-right h3 {font-size:1.1rem;line-height:1.8rem;color:#666;}
    .column-right .button.mobileonly{display:inline-block;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .column-left {height:100vh;}
    .video-container{height:50vh;}
    .home .screen1 video{/*height:50vh;*/margin:0;margin-top:-20%;}
    .overlay{height:100vh;}
    .banner-content{padding:0 3rem;transform: translate(0, -50%);}
    .column-right{height:50vh;}
    .column-right h3, .inner .column-right h3, .column-right p{padding:0.75rem 3rem;}
    .inner .column-right h1{padding: 0.75rem 3rem;}
    .colright-content br{display:inline;}
}
/*@media (max-width: 1024px) and (orientation:landscape){
    .column-left {height:100vh;}
    .video-container{height:100vh;}
    .home .screen1 video{height:100vh;margin:0;}
    .overlay{height:100vh;}
    .banner-content{transform: translate(0, 0);top:25%;padding:0 3rem;}
    .banner-content h1{font-size:2.4rem;line-height:2.8rem;}
    .banner-content h1 span, .inner .banner-content h3.alt-goth span{font-size:1.2rem;}
    .home .screen1 video{left:0;right: auto;margin-left:0;margin-right:0;width:100%;height:auto;}
    .column-right{height:100vh;}
    .colright-content br{display:inline;}
    .column-right h3,.inner .column-right h3,.column-right p{padding: 0.75rem 3rem;}
    .inner .column-right h1{padding: 0.75rem 3rem;}
    .inner #row3 {padding: 3rem;}
}
@media (min-width: 992px) and (max-width: 1024px) and (orientation:landscape) and (max-aspect-ratio: 3/2){
    .video-container{width:50%;height:100vh;}
    .home .screen1 video {height: 100vh;width: auto;max-width: none;left: auto;right: 0;margin-right: -20%;}
    .banner-content{top: 50%;transform: translate(0, -50%);}
    .column-right h3{font-size:1.2rem;line-height:1.8rem;}
}*/
@media (min-width: 1280px) {
  .column-left .button {display: inline-block;}
  .column-left .button.mobileonly {display: none;}
  .banner-content {padding: 0 4.5rem;}
  .banner-content h1 {font-size:2.5rem;line-height:2.5rem;}
  .column-right {height: 100vh;padding:0;}
  .colright-content {position: absolute;transform: translate(0, -50%);padding: 0;}
  .column-right h3 {padding: 0.75rem 6rem;font-size:1.4rem;line-height:1.5;}
  .inner.profile .column-right h3 {font-size:1.2rem;line-height:1.5;}
  .inner .column-right h1 {padding: 0.75rem 6rem 0;}
  .inner .column-right h3 {padding: 0.75rem 6rem;font-size: 0.9rem;line-height: 1.4rem;}
}

/* ----- PORTFOLIO ----- */
.screen2 {position: relative;padding:4.5rem;background:#fff;}
.screen2#what-makes-us-tick {padding:0 4.5rem 4.5rem;}
.home.profile #wordsweliveby .row{/*background: -webkit-linear-gradient(to top left, #4BC0C8, #C779D0, #FEAC5E); background: linear-gradient(to top left, #4BC0C8, #C779D0, #FEAC5E); background-size: 400% 400%; animation: gradient 15s ease infinite;padding:0.75rem;*/}
.portfolio-shadow{}
.portfolio-col {/*height:100vh;*/position: relative;overflow: hidden;background: linear-gradient(to bottom right, #4BC0C8, #C779D0, #FEAC5E);}
.profile .portfolio-col {height:auto;}
.portfolio-col img {display: block;width: 100%;/*height:100vh;object-fit: cover;*/opacity:0.7;}
.profile .portfolio-col img {height:50vh;}
.portfolio-col a .portfolio-overlay {position: absolute;left: 0;top: -40vh;width: 100%;/*height: 100vh;*/height: 100%;z-index: 5;transition: 0.6s;overflow: hidden;background: linear-gradient(to bottom, rgba(0, 0, 0, 60%), rgba(0, 0, 0, 0));}
.home.profile .portfolio-col .portfolio-overlay {top:0;height:100%;padding:0.75rem;}
.portfolio-col a:hover .portfolio-overlay {top: 0;}
.portfolio-col .portfolio-overlay .portfolio-inner {padding:3rem 1.5rem 6rem;text-align: center;mix-blend-mode: none;background:none;}
.home.profile .portfolio-col .portfolio-overlay .portfolio-inner{padding:1.5rem;height:100%;/*border:0.75rem solid #fff;*/background:#fff;}
.portfolio-col .portfolio-overlay h3 {font-size:1.4rem;text-transform: uppercase;line-height:1.8rem;padding:0 0 0.75rem;border-bottom: 0.05rem solid #fff;color: #fff;text-align: center;}
.home.profile .portfolio-col .portfolio-overlay h3 {text-transform:none;font-weight:200;color:#666;border-color:#ddd;}
.portfolio-col .portfolio-overlay h5 {font-size:0.8rem;line-height:1.6rem;padding:0.75rem 0;color:#fff;text-align: center;font-weight:normal;}
.home.profile .portfolio-col .portfolio-overlay h5{color:#666;font-weight:200;}
.portfolio-col .portfolio-overlay button {margin:1.5rem auto 0;border: none;outline:none;}
.screen2 .readon, .screen3 .readon {position: absolute;left:50%;bottom:1.5rem;margin-left:-1.1rem;z-index: 999;}
.screen2 .readon svg, .screen3 .readon svg {width:2.25rem;}
.screen2 .readon svg path {fill:#fff;}
.screen3 .readon svg path {fill:#fff;}
.screen2 .readon:hover svg path, .screen3 .readon:hover svg path {animation: downarrowanim 1s infinite;}
@keyframes downarrowanim {
  0% {fill:#6a00b2;}
  33% {fill:#aa6c7b;}
  66% {fill:#d7da55;}
  100% {fill:#6a00b2;}
}
@media (max-width: 767px) {
    .screen2,.screen2#what-makes-us-tick{padding:0 1.5rem 1.5rem;}
    
    /*.portfolio-col {height:400px; margin-bottom:1.5rem;}*/
    /*.portfolio-col a .portfolio-overlay, .portfolio-col a:hover .portfolio-overlay {top: 0;}*/
    #portfolio .readon {display: none;}
    .portfolio-col .portfolio-overlay .portfolio-inner{padding:1.5rem;}
    .portfolio-col .portfolio-overlay h3{font-size:1rem;line-height:1.2;}
    .home.profile .portfolio-col .portfolio-overlay h3{font-size:1.2rem;}
    .portfolio-col .portfolio-overlay h5{font-size:0.7rem;}
    .home.profile .portfolio-col .portfolio-overlay h5{font-size:1rem;}
    .portfolio-col .portfolio-overlay button{margin-top:0;height: 1.5rem;padding: 0 0.5rem;font-size: 0.6rem;line-height: 1.5rem;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .screen2{padding:2.25rem;}
    /*.portfolio-col{height:calc(50vh - 1.5rem);padding:0.75rem;margin:0;}*/
    /*.portfolio-col img{height:calc(50vh - 3rem);}*/
    /*.portfolio-col a .portfolio-overlay, .portfolio-col a:hover .portfolio-overlay{width:calc(100% - 1.5rem);height:calc(50vh - 1.5rem);top:0.75rem;left:0.75rem;}*/
    .portfolio-col{max-height:180px;}
 .portfolio-col .portfolio-overlay .portfolio-inner{padding:1.5rem;}
 .portfolio-col img {transform:translateY(-20%);}
 .portfolio-col .portfolio-overlay h3{padding: 0 0 0.6rem;}
 .portfolio-col .portfolio-overlay h5{padding: 0.6rem 0;}
 .portfolio-col .portfolio-overlay button{margin-top:0.5rem;height: 2rem;line-height: 2rem;}
}
/*@media (max-width: 1024px) and (orientation:landscape){
    .screen2{padding:0 2.25rem;}
    .portfolio-col {height:calc(100vh - 3rem);padding:0.75rem;margin:0;}
    .portfolio-col img{height:calc(100vh - 4.5rem);}
    .portfolio-col a .portfolio-overlay, .portfolio-col a:hover .portfolio-overlay{width:calc(100% - 1.5rem);height:calc(100vh - 3rem);top:0.75rem;left:0.75rem;}
    .portfolio-col .portfolio-overlay .portfolio-inner{padding:3rem 1.5rem;}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) and (max-aspect-ratio: 3/2){
    .screen2{padding:2.25rem;}
}*/
@media (min-width: 992px) and (max-width: 1199px) {
 .portfolio-col{max-height:200px;}
 .portfolio-col img {transform:translateY(-15%);}
 .portfolio-col .portfolio-overlay .portfolio-inner{padding:1.5rem;}
 .portfolio-col .portfolio-overlay h3{font-size: 1rem;text-transform: uppercase;line-height: 1.4rem;padding: 0 0 0.6rem;}
 .portfolio-col .portfolio-overlay h5{font-size: 0.7rem;line-height: 1.3rem;padding: 0.6rem 0;}
 .portfolio-col .portfolio-overlay button{margin-top:0;height: 1.9rem;padding: 0 1.2rem;text-align: center;text-decoration: none;font-size: 0.7rem;line-height: 1.9rem;}
}
@media (min-width: 1280px) {
  .screen2{padding:4.5rem;}
  .screen2#what-makes-us-tick {padding:0 4.5rem 4.5rem;}
  /*.portfolio-col {height:100vh;}*/
  .profile .portfolio-col {height:auto;}
  .portfolio-col a .portfolio-overlay {top: -100vh;}
  .profile .portfolio-col a .portfolio-overlay {top: 0;}
  .portfolio-col a:hover .portfolio-overlay {top: 0;}
  #portfolio .readon {display: block;}
}

/* ----- TESTIMONIALS ----- */
#clients-testimonials {/*height: 100vh;*/position:relative;background:#fff;/*margin-bottom: 90px;*/}
.profile #clients-testimonials{background:none;}
.home .testimonials {background:url('https://motjuste.com/previews/MotJuste/wp/wp-content/uploads/2026/06/mainbg-home.jpg') center bottom no-repeat;background-size:cover;background-attachment:fixed;position: relative;width: 100%;/*height: calc(70vh - 2.5rem);*/}
.home.profile .testimonials{background:none;}
@keyframes gradient {
	0% {background-position: 0% 50%;}
	50% {background-position: 100% 50%;}
	100% {background-position: 0% 50%;}
}
.clients {position: relative;width: 100%;/*height:calc(30vh + 2.5rem);*/}
.profile .clients{background:#fff;}
.client-logo {text-align:center;}
.clients-inner {/*position: absolute;left: 0;top: 50%;transform: translate(0, -50%);*/width: 100%;/*padding:2.25rem 4.5rem;margin-bottom:4.5rem;*/padding:0 4.5rem 4.5rem;}
.profile .clients-inner{padding:4.5rem;}
.clients-inner h3 {font-size:1.6rem;text-transform: uppercase;line-height:1.8rem;padding: 0 0 1.5rem;color: #666;text-align: center;}
.clients .bx-wrapper{margin-bottom:0;}
.bxslider-clients .row {padding:0 3rem;display:table;width:100%;}
.bxslider-clients .row .client-logo{display:table-cell;vertical-align:middle;width:16.667%;}
.clients .bx-wrapper{position:relative;margin:0;padding:0;*zoom:1;-ms-touch-action:pan-y;touch-action:pan-y;}
.clients .bxslider{margin:0;padding:0;}
.clients ul.bxslider{list-style:none;}
.clients .bxslider li{padding:1.5rem 0 6.5rem;}
.clients .bx-viewport{/*fix other elements on the page moving (on Chrome)*/-webkit-transform:translatez(0);}
.clients .bx-next,.testimonials .bx-next{position:absolute;left:auto;right:0;top:50%;margin-top:-15px;z-index:9999;}
.clients .bx-prev,.testimonials .bx-prev{position:absolute;left: 0;right: auto;top: 50%;margin-top:-15px;z-index:9;}
.clients .bx-next svg,.clients .bx-prev svg,.testimonials .bx-next svg,.testimonials .bx-prev svg{width:0.6rem;margin: 0 0.5rem;}
.clients .bx-next svg path,.clients .bx-prev svg path{fill:#444;}
.testimonials .bx-next svg path,.testimonials .bx-prev svg path{fill:#fff;}
.clients .bx-pager,.testimonials .bx-pager{display: none;}
.testimonials-inner {position: static;/*top: 50%;left: 0;transform: translate(0, -50%);*/width: 100%;}
.inner .testimonials-inner {z-index:3;padding:4.5rem;}
.inner.profile .testimonials-inner{padding:0 4.5rem;}
.testimonials-inner2 {padding:4.5rem;}
.testimonials-inner h3 {text-align:center;font-size:0.9rem;line-height:1.4rem;color:#fff;padding:0;font-style:italic;font-weight:400;}
.inner .testimonials-inner h3 {font-size:1rem;line-height:1.6;text-shadow:0 0 0.5rem rgba(0,0,0,0.5);}
.testimonials-inner h4 {text-align:center;font-size:0.7rem;line-height:1.1rem;color: #fff;padding:2.25rem 0 0;font-weight:400;}
.inner .testimonials-inner h4 {font-size:0.8rem;line-height:1.6;text-shadow:0 0 0.5rem rgba(0,0,0,0.5);}
.testimonials-inner h4 img{width:4rem;border-radius:2rem;margin-bottom:0.75rem;}
.inner .testimonials-inner h4 img{width:5rem;border-radius:2.5rem;}
.inner .testimonials-inner p{color:#fff;font-size:1.5rem;line-height:1;text-align:center;padding:0 0 1.5rem;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,0.5);}
.inner .testimonials-inner .notestimonial p{font-size:1rem;line-height:1.6rem;color:#fff;padding:0.75rem 0;font-weight:400;text-align:left;border:none;margin:0;}
.casestudy #row3{padding:6rem 0 3rem;}
.casestudy #row3 .col-sm-8, .casestudy #row3 .col-sm-7, .casestudy #row3 .col-sm-6, .casestudy #row3 .col-sm-5, .casestudy #row3 .col-sm-4{padding: 0 3rem;}
.casestudy #row3 p{padding:0.75rem 0;}
.inner.casestudy #row3 h3, .inner.casestudy #row4 h3, .inner.casestudy #row5 h3{color:#666;font-size:1.2rem;line-height:1.8rem;padding:0.75rem 0;}
@media (max-width: 767px) {
    .clients-inner, .testimonials-inner {position: relative;transform: translate(0, 0%);z-index: 3;}
    .clients-inner{padding:4.5rem 1.5rem;margin-bottom:0;}
    .clients .bx-wrapper{margin:0}
    .clients .bx-next,.testimonials .bx-next{position:static;margin:0 0.5rem;}
    .clients .bx-prev,.testimonials .bx-prev{position:static;margin:0 0.5rem;}
    .bxslider-clients .row{padding:0;display: block;}
    .bxslider-clients .row .client-logo{display:inline-block;width:50%;float:left;padding: 1rem;}
    .clients .bx-controls-direction{padding:1.5rem 0 0;text-align:center;}
    .testimonials{padding-bottom:3rem;}
    .testimonials .bx-controls-direction{padding:1.5rem 0;text-align:center;}
    .testimonials-inner2 {padding: 4.5rem 1.5rem 1.5rem;}
    .testimonials-inner h3 {font-size:1rem;line-height:1.6rem;}
    .testimonials-inner h4 {font-size:0.8rem;}
    .inner .testimonials-inner{padding:3rem 1.5rem;}
    .inner.profile .testimonials-inner{padding:0;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .clients-inner {padding:4.5rem 3rem;position:static;transform:none;}
    .bxslider-clients .row .client-logo{display:inline-block;width:50%;float:left;padding: 1rem;}
    /*.testimonials{padding:4.5rem 3rem;}*/
    .testimonials-inner{position:static;transform:none;}
    .testimonials-inner2{padding:0 3rem;}
    .testimonials .bx-prev{left:3rem;}
    .testimonials .bx-next{right:3rem;}
}
@media (max-width: 1024px) and (orientation:landscape){
    .testimonials-inner2 {padding: 3rem 3rem 0;}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) and (max-aspect-ratio: 3/2){
    .clients-inner {padding:4.5rem 3rem;margin-bottom:2.25rem;position:static;transform:none;}
    .bxslider-clients .row .client-logo{display:inline-block;width:50%;float:left;padding: 1rem;}
    .testimonials{padding: 4.5rem 3rem;}
    .testimonials-inner{position:static;transform:none;}
    .testimonials-inner2{padding: 0 3rem;}
    .testimonials .bx-prev {left: 3rem;}
    .testimonials .bx-next {right: 3rem;}
}
@media (min-width: 1280px) {
    #clients-testimonials .readon {display: block;}
    /*.clients-inner, .testimonials-inner {position: absolute;transform: translate(0, -50%);}*/
    .testimonials-inner2 {padding: 4.5rem;max-width:80%;margin:0 auto;}
    .clients .bx-prev {left: 0;right: auto;margin-left: 0;top: 50%;margin-top:-0.75rem;}
    .testimonials .bx-prev {left: 0;right: auto;margin-left:4.5rem;top: 50%;margin-top:-0.5rem;}
    .clients .bx-next {left: auto;right: 0;margin-right: 0;top: 50%;margin-top:-0.75rem;}
    .testimonials .bx-next {left: auto;right: 0;margin-right: 4.5rem;top: 50%;margin-top:-0.5rem;}
    .testimonials .bx-next svg path, .testimonials .bx-prev svg path {fill:#fff;}
}

/* ----- BLOG EXCERPTS ----- */
.blog{background:#fff;}
.blog-container{padding:6rem 4.5rem;background:#fff;}
.inner .blog-container{padding:1.5rem 4.5rem 6rem;}
.blog h2{text-align:center;}
/*.inner .blog h3{padding:0 1.5rem 1.5rem;text-align:center;border-bottom:1px solid #ddd;}*/
.blog-item-inner{position:relative;border-bottom:1px solid #ddd;background-image:linear-gradient(to left,#fff,#fff 50%,#DBD65C 50%,#5614B0);background-position:100% 0;background-size:200% 100%;transition:all .25s ease-in;}
.blog-item:last-child .blog-item-inner{border:none;}
.blog-item-inner:hover, .inner .blog-item:hover{background-position:0 0;box-shadow: 0 0 1.5rem rgba(0,0,0,0.1);z-index:9;}
.blog-item-inner a, .inner .blog-item a{display:block;width:100%;height:100%;padding:1.5rem 0;text-decoration:none!important;}
.blog-item-inner p.link-more,.inner .blog-item p.link-more{display:none;}
.blog-item-inner a h3{font-size:1.1rem;line-height:1.2;color:#9e393a;font-weight:400;}
/*.inner .blog-item a h4{font-size:0.8rem;color:#9e393a;font-weight:400;}*/
.blog-item-inner a p{font-size:0.8rem;transition:0.25s;color:#666;font-weight:300;}
/*.inner .blog-item a p{font-size:0.7rem;transition:0.25s;color:#666;}*/
.blog-item-inner a h3,.blog-item-inner a p,.blog-item-inner a,.inner .blog-item a h4,.inner .blog-item a p{transition:0.25s;text-decoration:none;}
/*.inner .blog-item a h4{padding:0 1.5rem 0.5rem;}
.inner .blog-item a p{padding:0 1.5rem;font-weight:300;}*/
.blog-item-inner:hover a h3,.blog-item-inner:hover a p,.blog-item-inner:hover a:hover h3,.blog-item-inner:hover a:hover p,.blog-item-inner:hover a:hover,.inner .blog-item:hover a h4,.inner .blog-item:hover a p,.inner .blog-item:hover a:hover h4,.inner .blog-item:hover a:hover p{color:#fff;text-decoration:none;}
@media (max-width: 767px) {
    .blog{padding:1.5rem 1.5rem 0;}
    .blog-container{padding:0;}
    .inner .blog-container{padding:0 0 1.5rem;}
    .blog-item-inner a{padding:0;}
    .blog-item-inner .col-md-4{padding-top:1.5rem;}
    .blog-item-inner .col-md-8{padding-bottom:1.5rem;}
    /*.blog-item-inner:last-child{border-bottom:1px solid #ddd;}*/
    .blog-item-inner, .inner .blog-item{border:none;}
    .blog-item-inner a, .inner .blog-item a{padding:0;}
    .blog-item-inner a h3, .inner .blog-item a h4{font-size:1.2rem;line-height:1.8rem;}
    .blog-item-inner a h3{padding-top:1rem;}
    .blog-item-inner a p, .inner .blog-item a p{font-size:1rem;line-height:1.5rem;}
    /*.inner .blog-container{padding:0 0 3rem;}*/
}
@media (max-width: 1024px) and (orientation:landscape){
    .blog{padding:3rem 3rem 0;}
    .blog-container,.inner .blog-container{padding:0;}
    .blog-item-inner:last-child{border-bottom:1px solid #ddd;}
    .blog-item-inner a h3, .inner .blog-item a h4{font-size:1rem;}
    .blog-item-inner a p, .inner .blog-item a p{font-size:0.8rem;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .blog{min-height:0;padding:3rem 3rem 0;}
    .blog-container,.inner .blog-container{padding:0;}
    .blog-item-inner h3{font-size:1.8rem;}
    .blog-item-inner p{font-size:1rem;}
    /*.inner .blog-item a h4{font-size:1.1rem;}
    .inner .blog-item a p{font-size:0.8rem;}*/
}
@media (min-width: 1280px) {
    .blog-container{padding:6rem 4.5rem;}
    .inner .blog-container{padding:1.5rem 4.5rem 6rem;}
}

/* ----- SERVICES LISTING ----- */
#services{padding:0;background:#fff;}
#services .bx-wrapper{width:100%;}
#services .bx-wrapper li.service-slide{padding:1.5rem 0 8rem;}
.services-inner{width:calc(100% - 16.5rem);/*max-width:66.66%;*/margin:0 auto;box-shadow: 0 0 1.5rem #f6f6f6;padding:3rem 3rem 0;transform: translate(-3rem, 0);}
.services-inner#brand{/*background: url(https://motjuste.com/previews/MotJuste/wp/wp-content/uploads/2026/07/logos-theme-elements-banner.jpg) 0 0 no-repeat;*/background: #FEAC5E;background: -webkit-linear-gradient(to top left, #4BC0C8, #C779D0, #FEAC5E);background: linear-gradient(to top left, #4BC0C8, #C779D0, #FEAC5E);background-size: 400% 400%;animation: gradient 15s ease infinite;}
.services-inner#sell{/*background: url(https://motjuste.com/previews/MotJuste/wp/wp-content/uploads/2026/07/content-marketing-banner.jpg) 0 0 no-repeat;*/background: #D38312;background: -webkit-linear-gradient(to top left, #A83279, #D38312);background: linear-gradient(to top left, #A83279, #D38312);background-size: 400% 400%;animation: gradient 15s ease infinite;}
.services-inner#engage{/*background: url(https://motjuste.com/previews/MotJuste/wp/wp-content/uploads/2026/07/contact-banner.jpg) 0 0 no-repeat;*/background: #3A1C71;background: -webkit-linear-gradient(to bottom right, #FFAF7B, #D76D77, #3A1C71);background: linear-gradient(to bottom right, #FFAF7B, #D76D77, #3A1C71);background-size: 400% 400%;animation: gradient 15s ease infinite;}
.services-inner#involve{/*background: url(https://motjuste.com/previews/MotJuste/wp/wp-content/uploads/2026/07/corporate-communication-banner.jpg) 0 0 no-repeat;*/background: #f7ff00;background: -webkit-linear-gradient(to bottom right, #db36a4, #f7ff00);background: linear-gradient(to bottom right, #db36a4, #f7ff00);background-size: 400% 400%;animation: gradient 15s ease infinite;}
.services-inner h3{padding:0 0 1rem;color:#fff;font-size:1.6rem;line-height:2.4rem;font-weight:300;}
.services-inner p{padding:0 0 1rem;color:#fff;font-size:1.2rem;line-height:1.6rem;}
.services-inner2{background: #fff;margin:-3rem -8rem 0 2rem;box-shadow:0 0 1.5rem rgba(0,0,0,0.1);border:1px solid #eee;padding:3rem 3rem 2.25rem;transform: translate(0, 6rem);}
.services-inner2 .row{padding: 0;border-bottom:1px solid #ddd;}
.services-inner2 .row:last-child{border: none;}
.services-inner2 h4{text-align: left;font-size: 1.2rem;padding:0.75rem 0;font-weight: 600;}
.services-inner2 ul{-webkit-column-count:2;-moz-column-count:2;column-count:2;padding:0.75rem 0;margin:0;list-style:none;}
.services-inner2 ul li{list-style:none;padding:0.1rem 0 0.5rem;margin:0;display:block;line-height:1.5;}
.services-inner2 ul li h3{border-bottom:0.05rem solid #ddd;font-size:1.2rem;line-height:1.8rem;padding:0.75rem 0;text-align: center;}
.services-inner2 ul li:last-child h3{border: none;}
.services-inner2 ul li a{color:#666;text-decoration:none;font-size:1rem;line-height:1.5;display:inline;}
.services-inner2 ul li a:hover{color:#333;}
.services-inner2 ul li h3 a:hover{color:#666;text-decoration:none;opacity:0.8;}
#services .bx-wrapper{position:relative;margin-bottom:3rem;padding:0;*zoom:1;-ms-touch-action:pan-y;touch-action:pan-y;}
#services .bxslider{margin:0;padding:0;}
#services ul.bxslider{list-style:none;}
#services .bxslider li,.service-slide{list-style:none;padding:1.5rem 0 6.5rem;}
#services .bx-viewport{/*fix other elements on the page moving (on Chrome)*/-webkit-transform:translatez(0);}
#services .bx-next{position:absolute;right:7.5rem;top:5rem;}
#services .bx-prev{position:absolute;right:7.5rem;top:7.5rem;}
#services .bx-next svg,#services .bx-prev svg{width:0.6rem;}
#services .bx-next svg path,#services .bx-prev svg path{fill:#444;}
#services .bx-pager{display: none;}
.sectionlink{background:#FEAC5E;background:-webkit-linear-gradient(to top left, #4BC0C8, #C779D0, #FEAC5E);background: linear-gradient(to top left, #4BC0C8, #C779D0, #FEAC5E);background-size: 400% 400%;animation: gradient 15s ease infinite;}
.sectionlink a{display:block;padding:1.5rem 0;text-align:center;text-transform:uppercase;font-weight:600;color:#fff;transition:0.8s;}
.sectionlink a:hover{background:#9e393a;text-decoration:none;}
@media (max-width: 991px) {
    #services{/*padding:1.5rem;*/padding-top:2rem; padding-bottom:3rem;}
    #services .bx-wrapper{margin:0;}
    .bxslider li {padding: 1.5rem 1.5rem 0.75rem;}
    #services .bx-wrapper li.service-slide{padding-bottom:0;}
    .services-inner {transform: translate(0, 0);padding: 1.5rem;/*box-shadow:none;*/max-width:none;margin:1.5rem;width:auto;}
    .services-inner h3{font-size:1.5rem;line-height:2rem;padding-right:2.1rem;}
    .services-inner h3 strong{display: block;}
    .services-inner p{font-size:1.2rem;line-height:1.8rem;padding-bottom:1.5rem;}
    .services-inner2 {display:none;margin: 0 -1.5rem;transform: translate(0, 0);padding: 1.5rem 1.5rem 0.75rem;box-shadow:none;border: 1px solid #f6f6f6;}
    .services-inner2 ul {/*-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;*/padding: 0 0 0.75rem;}
    #services .bx-prev {left: auto;right:3rem;margin-left: 0;top:6rem;}
    #services .bx-next {left: auto;right:3rem;margin-left: 0;top:4.5rem;}
    #services .bx-next svg path,#services .bx-prev svg path {fill:#fff;}
    #services .bx-next:hover svg path,#services .bx-prev:hover svg path {animation: servicearrowanim 3s infinite;}
    @keyframes servicearrowanim {
        0% {fill:#6a00b2;}
        33% {fill:#aa6c7b;}
        66% {fill:#d7da55;}
        100% {fill:#6a00b2;}
    }
    .services-inner2 h4{font-size: 0.8rem;padding:0.75rem 0;font-weight: 600;}
    .services-inner2 ul li{padding:0.3rem 0;}
    #services .bxslider li, .service-slide{padding:0;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .services-inner {margin:0;}
}
@media (min-width: 768px) {
    .services-inner2 ul {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;padding: 0.75rem 0;}
}
@media (min-width: 768px) and (max-width: 991px) {
    #services{padding:3rem;}
    #services .bxslider{display:flex;}
    #services .bxslider li, .service-slide{padding:1.5rem;float:left;width:50%;}
    #services a.button.mobileonly{display:block;}
}
@media (max-width: 991px) and (orientation:landscape){
    #services{padding:1.5rem;}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) and (max-aspect-ratio: 3/2){
    #services{padding:1.5rem;}
    #services .bxslider{display:flex;}
    #services .bxslider li, .service-slide{padding:1.5rem;float:left;width:50%;}
    #services a.button.mobileonly{display:block;}
    .services-inner{width:auto;max-width:none;transform:none;padding: 1.5rem;}
    .services-inner h3{font-size:1.4rem;line-height:2rem;}
    .services-inner p {font-size:1rem;line-height:1.5rem;padding-bottom:1.5rem;}
    .services-inner2 {display:none;}
}
@media (min-width: 1280px) {
  .bxslider li{padding: 1.5rem 0 6.5rem;}
  .services-inner{transform: translate(-2.5rem, 0);padding:3rem 3rem 0;}
  .services-inner h3{font-size:1.6rem;line-height:2.4rem;}
  .services-inner h3 strong{display: inline;}
  .services-inner p{font-size:1.2rem;line-height:1.6rem;}
  .services-inner2{margin:-3rem -8rem 0 2rem;transform: translate(0, 5rem);padding: 3rem 3rem 2.5rem;}
  .bx-prev{right:7.5rem;top:7.5rem;}
  .bx-next{right:7.5rem;top:5rem;}
  .bx-next svg path,.bx-prev svg path{fill:#444;}
  #services .bx-next:hover svg path,#services .bx-prev:hover svg path {animation: servicearrowanim 3s infinite;}
    @keyframes servicearrowanim {
        0% {fill:#6a00b2;}
        33% {fill:#aa6c7b;}
        66% {fill:#d7da55;}
        100% {fill:#6a00b2;}
    }
}

/* INNER PAGE INTRO */
.inner #the-why,.inner.profile #who-we-are{padding:4.5rem;}
.inner #the-why .inner-highlight,.inner.profile #who-we-are .inner-highlight{/*background: url(https://motjuste.com/previews/MotJuste/wp/wp-content/uploads/2026/07/logos-theme-elements-banner.jpg) 0 0 no-repeat;*/background: #FEAC5E;background: -webkit-linear-gradient(to top left, #4BC0C8, #C779D0, #FEAC5E);background: linear-gradient(to top left, #4BC0C8, #C779D0, #FEAC5E);background-size: 400% 400%;animation: gradient 15s ease infinite;padding:3rem;width:100%;}
.inner #the-why .inner-highlight-inner,.inner.profile #who-we-are .inner-highlight-inner{margin: 0 auto;padding:4.5rem;border:0.05rem solid #ddd;}
.inner #the-why p, .inner #the-why h3,.inner.profile #who-we-are p,.inner.profile #who-we-are h3{color:#fff;font-size:1.2rem;line-height:1.8rem;padding:0.75rem 0;text-align:center;}
.inner.casestudy #row2 .col {padding: 0 6rem;}
.inner.casestudy #row2 p, .inner.casestudy #row2 h3 {text-align: left;}
.inner.casestudy #row2 .rowinner {position: absolute;top: 50%;left: 0;transform: translate(0, -50%);width: 100%;}
@media (max-width: 767px) {
    .inner #the-why, .inner.profile #who-we-are {padding: 1.5rem;}
    .inner #the-why .inner-highlight, .inner.profile #who-we-are .inner-highlight{padding:1.5rem;}
    .inner #the-why .inner-highlight-inner, .inner.profile #who-we-are .inner-highlight-inner{padding:1.5rem;}
    .inner #the-why p, .inner #the-why h3, .inner.profile #who-we-are p, .inner.profile #who-we-are h3 {font-size:1.2rem;line-height:1.8rem;}
    /*.inner #the-why .button{display:none;}*/
}
@media (max-width: 1024px) and (orientation:landscape){
    .inner #the-why{padding:3rem;}
}
@media (max-width: 991px) and (min-width: 768px){
    .inner #the-why,.inner #the-why .inner-highlight,.inner #the-why .inner-highlight-inner{padding:3rem;}
}
@media (min-width: 1280px) {
  .inner #the-why,.inner.profile #who-we-are{padding: 4.5rem;}
}

/* INNER PAGE MAIN CONTENT */
.inner #the-solution{padding:4.5rem;}
.inner #the-solution .overlay{display:block;}
.inner #the-solution .maincontent{padding:3.75rem 4.5rem;background-color:#fff;z-index:3;}
.inner #the-solution .maincontent p{font-size:0.8rem;line-height:1.2rem;color:#787878;padding:0.5rem 0;font-weight:400;}
.inner #the-solution .maincontent ul{padding:0.5rem 0;margin:0;margin-left: 1.5rem;}
.inner #the-solution .maincontent ul li{font-size:0.8rem;line-height:1.2rem;color:#787878;padding:0.25rem 0 0 0.5rem;font-weight:400;}
.pitch{background-position:left center;background-size:cover;background-attachment:fixed;padding:2.25rem 3rem;z-index:3}
/*.communication-conceptualisation-services .pitch{background-image:url('https://motjuste.com/previews/MotJuste/wp/wp-content/uploads/2026/07/inner-pitch-bg-1.jpg');}*/
.pitch p{font-size:1rem;line-height:1.6rem;color:#787878;padding:0.75rem 0;font-weight:400;/*text-shadow: 0 0 5px #000;*/}
@media (max-width: 767px) {
    .inner #the-solution{padding:0;}
    .inner #the-solution .maincontent{padding:1.5rem;}
    .inner #the-solution .maincontent p{font-size:1rem;line-height:1.5rem;padding:0.75rem 0;}
    .pitch{padding:0;margin: 0;}
    .pitch p{font-size:1.2rem;line-height:1.8rem;}
    .inner #the-solution .maincontent ul li{font-size:1rem;line-height:1.5rem;padding:0.5rem 0 0 0.75rem;}
    .pitch .button{border:1px solid #ddd;color:#666;}
    .pitch .button:hover{border-color:transparent;color:#fff;}
}
@media (max-width: 1024px) and (orientation:landscape){
    .inner #the-solution{padding:3rem;}
}
@media (max-width: 991px) and (min-width: 768px){
    .inner #the-solution{padding:3rem;}
    .inner #the-solution .maincontent{padding:3rem;}
    .pitch{padding:3rem 3rem 0 3rem;}
    .inner #the-solution .overlay{height:100%;}
}
@media (min-width: 1280px) {
}

/* CASE STUDY STYLES */
.inner.casestudy #the-brief .column ul{padding:0;margin:0;list-style:none;}
.inner.casestudy #the-brief .column ul li{padding:1.5rem 0;border-bottom:1px solid #ddd;}
.inner.casestudy #the-approach{background:#fff;}
.inner.casestudy #the-approach img{width:100%;}
.inner.casestudy #row4{padding:3rem 6rem;}
.inner.casestudy #row5{background-color:#f6f6f6;padding:6rem;}
.mainimgcontainer {height:80vh;overflow:hidden;box-shadow:0 0 1.5rem #ddd;} 
.inner.casestudy #the-brief .column ul li:first-child{padding-top:0;}
.inner.casestudy #the-brief .column ul li:last-child{border:none;padding-bottom:0;}
@media (max-width: 768px) {
    .inner.casestudy #the-brief .column {padding: 0 1.5rem;}
    .casestudy #the-approach {padding: 1.5rem 0;}
    .casestudy #the-approach .col-sm-8, .casestudy #the-approach .col-sm-7, .casestudy #the-approach .col-sm-6, .casestudy #the-approach .col-sm-5, .casestudy #the-approach .col-sm-4 {padding: 1.5rem;}
    .inner.casestudy #row4 {padding: 0 1.5rem 3rem;}
    .inner.casestudy #row5 {padding: 1.5rem;}
    .mainimgcontainer {height: auto;}
}
@media (min-width: 1280px) {
  .inner.casestudy #the-brief .column {padding: 0 6rem;}
  .inner.casestudy #the-brief .column:first-child{padding-right:0;}
  .casestudy #the-approach {padding: 6rem 0 3rem;}
  .casestudy #the-approach .col-sm-8, .casestudy #the-approach .col-sm-7, .casestudy #the-approach .col-sm-6, .casestudy #the-approach .col-sm-5, .casestudy #the-approach .col-sm-4 {padding: 0 3rem;}
  .inner.casestudy #row4 {padding: 3rem 6rem;}
  .inner.casestudy #row5 {padding: 6rem;}
  .mainimgcontainer {height: 80vh;}
}

/* INNER FORM & BLOG */
.inner .screen4{background-color:#fff;}
.pageform{/*height:100vh;*/padding:4.5rem;width:100%;background-color:#fff;}
.pageform video{min-width:100%;width:auto;height:100%;position:absolute;top:0;left:0;}
.formcontainer{background: #FEAC5E;background: -webkit-linear-gradient(to top left, #4BC0C8, #C779D0, #FEAC5E);background: linear-gradient(to top left, #4BC0C8, #C779D0, #FEAC5E);background-size: 400% 400%;animation: gradient 15s ease infinite;padding:3rem;width:100%;}
.formcontainer-inner {margin: 0 auto;}
.formcontainer h3{text-align:center;padding:0 1.5rem 1.5rem;color:#fff;}
::-webkit-input-placeholder {color:#fff;}
:-ms-input-placeholder {color:#fff;}
::placeholder {color:#fff;}
.formcontainer form{display:block;width:100%;}
.nopitch .formcontainer form .formcol{width:50%;float:left;}
.formcontainer input,.formcontainer button{display:block;width:calc(100% - 1.5rem);height:2rem;line-height:2rem;font-size:0.8rem;color:#fff;margin:0 0.75rem 0.75rem;background-color:transparent;outline:none;padding:0 0.5rem;border: 1px solid rgb(255, 255, 255);border: 1px solid rgba(255, 255, 255, .3);-webkit-background-clip: padding-box;background-clip: padding-box;}
.formcontainer button{background-color:#fff;}
.formcontainer textarea{display:block;width:calc(100% - 1.5rem);height:4.75rem;font-size:0.8rem;line-height:2rem;color:#fff;background-color:transparent;padding:0 0.5rem;margin:0 0.75rem 0.75rem;border: 1px solid rgb(255, 255, 255);border: 1px solid rgba(255, 255, 255, .3);-webkit-background-clip: padding-box;background-clip: padding-box;outline:none;}
.fixed-form .formcontainer textarea{height:2rem;}
.formcontainer input:hover,.formcontainer textarea:hover{border: 1px solid rgb(255, 255, 255);border: 1px solid rgba(255, 255, 255, .6);-webkit-background-clip: padding-box;background-clip: padding-box;}
.formcontainer input:focus,.formcontainer textarea:focus{border: 1px solid rgb(255, 255, 255);border: 1px solid rgba(255, 255, 255, 1);-webkit-background-clip: padding-box;background-clip: padding-box;}
.formcontainer input[type=submit],.formcontainer button{display:inline-block;padding:0 1.5rem;color:#666;outline:none;}
.formcontainer input[type=submit]:hover,.formcontainer button:hover{border-color:transparent;color:#fff;}
/*#jobcode{display: block;
    width: calc(100% - 1.5rem);
    height: 2rem;
    line-height: 2rem;
    font-size: 0.8rem;
    color: #fff;
    margin: 0 0.75rem 0.75rem;
    background-color: transparent;
    outline: none;
    padding: 0 0.5rem;
    border: 1px solid rgb(255, 255, 255);
    border: 1px solid rgba(255, 255, 255, .3);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;}*/
    select {
   display: block;
    width: calc(100% - 1.5rem);
    height: 2rem;
    line-height: 2rem;
    font-size: 0.8rem;
    color: #fff;
    margin: 0 0.75rem 0.75rem;
    background-color: transparent;
    outline: none;
    padding: 0 0.5rem;
    border: 1px solid rgb(255, 255, 255);
    border: 1px solid rgba(255, 255, 255, .3);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;}
    select option{color:#000!important;}
    .career-form label{color:#fff;font-size:16px;padding-left:20px;}
@media (max-width: 767px) {
    .pageform{padding:1.5rem;}
    .formcontainer{padding:1.5rem;}
    .formcontainer input{height:2.4rem;line-height:2.4rem;font-size:1rem;}
    .formcontainer textarea{6rem;font-size:1rem;}
    .nopitch .formcontainer form .formcol{width:100%;float:none;}
}
@media (max-width: 1024px) and (orientation:landscape){
    .pageform{padding:3rem;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .pageform{padding:0;}
}

/* KEYWORDS */
.keywords{background-color: #fff;padding:1rem 0;margin: 0 auto;text-align: center;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
/* .home .keywords{background: url(https://motjuste.com/previews/MotJuste/wp/wp-content/uploads/2026/06/mainbg-home.jpg) center bottom no-repeat;background-size: cover;background-attachment: fixed;overflow:hidden;} */
.home.profile .keywords{background:none;}
.inner .keywords .overlay{display:block;}
.keywords h2{border-bottom:0.05rem solid #ddd;color:#ddd;font-weight:600;text-transform:uppercase;padding:0 1.5rem 1rem;font-size:1.8rem;line-height:2.1rem;display:block;text-align:center;width:100%;}
.keywords-inner{max-width: 1280px;margin: 0 auto;z-index:3;}
.keywords ul{list-style: none;padding:1rem;margin:0;max-width:1140px;}
.keywords ul li{list-style: none;padding: 0;margin: 0;display: inline;}
.keywords ul li a {line-height:1.2rem;height:1.2rem;padding: 0 0.4rem;font-size:0.6rem;color:#999;border:1px solid #999;border-radius:0.25rem;margin:0.1rem;display: inline-block;text-transform: uppercase;transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;text-decoration:none!important;font-weight:300;}
/* .keywords ul li a:hover {color:#666;border-color: #fff;background-color:#fff;text-decoration:none;} */
@media (max-width: 767px){
    .keywords ul{padding:1.5rem;}
    .keywords ul li a {line-height: 1.6rem;height: 1.6rem;padding: 0 0.5rem;font-size: 0.8rem;margin: 0.2rem;}
}
@media (max-width: 991px) and (min-width: 768px){
    .inner .keywords .overlay{height:100%;}
}

/* FOOTER */
.footer {padding: 0 0 3rem;background: #f6f6f6;text-align: center;z-index:3;}
.footer a {color: #999;transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;font-weight:300;cursor:pointer;}
.footer a:hover {color: #666;text-decoration:none;}
.footer p {font-size:0.7rem;line-height:1.1rem;padding:1rem 1.5rem 0;color: #999;width: 100%;font-weight:300;}
.footer-menu {display: block;text-align: center;width: 100%;border-top:1px solid #eee;}
.footer-menu ul, .footer-menu ul li {list-style: none;padding: 0;margin: 0;display: inline-block;border: none;}
.footer-menu ul {padding:1rem 3rem;display: block;width: 100%;background-color: #fff;}
.footer-menu ul li {padding:0 0.75rem;color: #999;font-size:0.7rem;line-height:1.1rem;}
.footer-corp {margin: 0 auto;border-bottom:0.05rem solid #ddd;padding-bottom:1rem;width: 100%;}
.footer .footer-corp p {font-size:0.6rem;line-height:0.9rem;font-weight:300;}
@media (max-width: 767px){
    .footer-menu ul{padding:1rem 1.5rem;}
    .footer p,.footer-menu ul li,.footer .footer-corp p{font-size:0.9rem;line-height:1.4rem;padding: 1rem 1.5rem;}
    .footer-menu ul li{padding:0.5rem;}
    .footer-corp{padding:1rem 0;}
}

.fixed-form{position:fixed;bottom:0;left:0;width:100%;z-index:9999;}
.fixed-form .formcontainer{padding:0.75rem 3rem;}
.fixed-form .formcontainer h3{padding:0 1.5rem;line-height:1;}
.fixed-form .formcontainer form{padding:1.5rem 0 0;}

.fixed-form h3:after{content: "\25bc";margin-left:1rem;font-size:0.8rem;}
.fixed-form h3[aria-expanded="true"]:after{content: "\25b2";}
.pageform-ctc{padding:2rem;width:100%;background-color:#fff;}
.full-width-hero .column-left{height:400px!important;background-image:url('https://motjuste.com/previews/MotJuste/wp/wp-content/uploads/2026/07/privacy-policy.jpg');}
.privacy-policy p{font-size:16px!important;}
.privacy-policy ul{margin-left:45px;}
.privacy-policy ul li{font-size:16px!important;}
.accordion-full h3 {
   
    line-height: 30px;
    border-top: 1px solid #eee;
    font-size: 18px;
    padding: 15px 30px;
    outline: none;
    cursor: pointer;
    color: #999;
}


.accordion-full h3:hover,
.accordion-full h3.ui-accordion-header-active {
    color: #9e393a;
}

.accordion-full h3 .accordion-heading-left {
    font-size: 22px;
   
}

.accordion-full h3.ui-accordion-header-active .accordion-heading-left {
    font-weight: bold;
}

.accordion-full h3 .accordion-heading-right {
    text-align: right;
}

.accordion-panel-content,
.slider3 li {
    padding: 40px 0;
    height: auto;
}
.portfolio.careers-acc .accordion-panel-content {
    padding: 20px 0 40px;
    height: auto !important;
}
.accordion-full p{
    padding: 10px 0;
    margin: 0 30px;
    line-height: 25px;
    border-bottom: 1px solid #eee;
    text-align: center;
}
.career h3.career-header{font-weight: bold;text-transform: uppercase;border-bottom: 1px solid #eee;font-size: 28px;color: #9e393a;line-height:1.5;text-align: center;}
.accordion-panel-content h4{font-size:20px;}
.accordion-panel-content p{font-size:16px;font-weight:500;}
.accordion-panel-content li{font-size:16px;font-weight:500;}
.accordion-panel-content ul{padding-left:3rem;}
.accordion-panel-content {padding-top:0;}
.career-item-inner{
    position: relative;
   
    background-image: linear-gradient(to left, #fff, #fff 50%, #DBD65C 50%, #5614B0);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
}
.career-item-inner:hover {
    background-position: 0 0;
    box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.1);
    z-index: 9;
    color:#fff!important;
}
.openings{padding:0 30px;}
.resume{color:#ffffff;font-size:16px;padding-left:20px;}
.thank-you-head{color:#fff;font-size:22px;padding:0;}
.thank-you-response{color:#fff;font-size:18px;padding:0;}
#response{display:none;}
.sitemap .col-lg-3 h3{font-size:26px;color:#9E393A;}
.sitemap .col-lg-3 h3 a{font-size:26px;color:#9E393A;}
.sitemap .col-lg-3 li{list-style:square;}
.sitemap .col-lg-3 li a {color:#444444;font-size:18px;}

span.botpenguin-launcher-image-12 {width: 60px !important;height: 60px !important;padding: 0!important;}

@media (max-height: 567px) and (min-width:992px){
    .colright-content{position:static;transform:none;padding-top:9rem;}
}
@media (max-height: 567px) and (min-width:992px) and (max-width:1140px){
    .column-right h3{font-size:1.2rem;padding:0.75rem 3rem;}
}


/* Changed CSS Property Front Page Banner Section */
html{
        margin-top: 0px !important;
    }


@media (max-width: 991px) {
    .home .screen1 video {
        left: 0;
        right: 0;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
  .home .screen1 video {
      height: 100vh !important;
      margin-top: 0;
      left: 0;
      right: 0;
      width: 100vw !important;
      object-fit: cover;
}
    
}

@media (min-width: 768px) and (max-width: 991px) {
  .video-container {
    height: 100vh !important;
    width: 100vw !important;
}

.home .screen1 video {
  height: 100vh !important;
  margin-top: 0;
  left: 0;
  right: 0;
  width: 100vw !important;
  object-fit: cover;
}

}






/* New Css */


.header-top {
    position: sticky;
    top: 0;
    z-index: 9999;
    background: #9e393b;
    padding: 0 4.5rem;
} 

.header-top ul {
    display: flex;
    justify-content: end;
}

.header-top ul li {
    list-style: none;
}

.header-top ul li a {
    font-size: 0.7rem;
    color: #fff;
    padding: 0 1rem;
    text-decoration: none;
    border: 0;
    height: auto;
    background: none !important;
}

.header-top ul li a:hover {
    background: none !important;
}


.home-banner-subheading {
	font-size: 0.7rem;
	color: #fff;
	font-weight: 200;
}

.home .banner-content h1 {
	padding-top: 0;
}


.pconly, .mobileonly {
	display: inline-block !important;
}


.hero-banner-btns {
    display: flex;
    gap: 20px;
    align-items: center;
}


.screen2-new {
	position: relative;
    padding: 4.5rem;
	padding-bottom: 0;
    background: rgb(255, 255, 255);
}

.screen2-new .clients-inner {
	padding: 0;
	padding-bottom: 2rem;
}

.screen2-new .bxslider-clients .row .client-logo {
	width: 100%;
}


/* Home Who we are section */

.section-who-we-are {
	position: relative;
    padding: 6rem 4.5rem;
    background: rgb(255, 255, 255);
}

.who-we-are-left-subheading {
	font-size: 0.9rem;
}

.who-we-are-left {
	padding-right: 2rem;
}

.who-we-are-left h2 {
	padding: 0.5rem 0 1rem 0;
    text-transform: uppercase;
    line-height: 1.8rem;
    color: #666;
}

.who-we-are-left h2 span {
	font-family: 'Raleway';
	font-weight: 200;
}



.who-we-are-left p {
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	font-size: 0.9rem;
}

.who-we-are-left a {
    border: 1px solid #666;
    color: #666;
	margin-top: 1rem;
}

.who-we-are-right {
	padding: 0 0 0 2rem;
}

.who-we-grid {
    border-top: 1px solid;
    border-left: 1px solid;
    border-image: linear-gradient(to bottom right, #4BC0C8, #C779D0, #FEAC5E) 1;
}



.who-we-are-right-card {
    padding: 2rem;
    width: auto;
    height: 100%;

    border-right: 1px solid;
    border-bottom: 1px solid;
    border-image: linear-gradient(
        to bottom right,
        #4BC0C8,
        #C779D0,
        #FEAC5E
    ) 1;

    background-size: 200% 100%;
    background-position: 100% 0;

    transition:
        background-position .3s ease,
        color .3s ease;
}

.who-we-are-right-card:hover {
    background-position: 0 0;
    z-index: 9;
    position: relative;
	background-image: linear-gradient(
        to left,
        #fff,
        #fff 50%,
        #DBD65C 50%,
        #5614B0
    );
}

.who-we-are-right-card:hover h6,
.who-we-are-right-card:hover p {
    color: #fff;
}

.who-we-are-right-card h6 {
	padding: 0 0 0.25rem 0;
}

.who-we-are-right-card p {
	padding: 0;
	font-size: 0.8rem;
}



/* Why Brands Trust Mot Juste */


.why-brands-trust {
    position: relative;
    padding: 6rem 4.5rem;
    background: url('https://motjuste.com/previews/MotJuste/wp/wp-content/uploads/2026/06/mainbg-home.jpg') center center / cover no-repeat;
    overflow: hidden;
	background-attachment: fixed;
}

/* Overlay */
.why-brands-trust::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom right,
        #4BC0C8,
        #C779D0,
        #FEAC5E
    );
    mix-blend-mode: multiply;
    z-index: 1;
}

/* Content above overlay */
.why-brands-trust-container {
    position: relative;
    z-index: 2;
}

/* Left White Box */
.why-brands-trust-content-box {
    background: #ffffff;
    padding: 4.5rem;
}

.why-brands-trust-content-box-left {
	padding-right: 2rem;
}

.why-brands-trust-content-box-right {
	padding-left: 2rem;
}

.why-brands-trust-content-box h2 {
	color: #666;
    line-height: 1.2;
    padding: 0;
	margin-bottom: 0.3rem;
}


.why-brands-trust-content-box span {
	font-size: 0.9rem;
}

.why-brands-trust-content-box p {
	font-size: 0.8rem;
	padding: 0 0 0.5rem 0;
}



/* Right Content */
.why-brands-trust-right-content {
    color: #fff;
    padding: 0 1rem;
}

.who-brands-grid {
	border-top: 1px solid;
    border-left: 1px solid;
    border-image: linear-gradient(to bottom right, #4BC0C8, #C779D0, #FEAC5E) 1;
	margin-top: 2rem;
}

.why-brands-trust-right-card {
    width: auto;
    height: 100%;
    padding: 2rem;

    border-right: 1px solid;
    border-bottom: 1px solid;
    border-image: linear-gradient(
        to bottom right,
        #4BC0C8,
        #C779D0,
        #FEAC5E
    ) 1;

    background-size: 200% 100%;
    background-position: 100% 0;

    transition:
        background-position .3s ease,
        color .3s ease;
}

.why-brands-trust-right-card:hover {
    background-position: 0 0;
    z-index: 9;
    position: relative;

    background-image: linear-gradient(
        to left,
        #fff,
        #fff 50%,
        #DBD65C 50%,
        #5614B0
    );
}

.why-brands-trust-right-card:hover h6, .why-brands-trust-right-card:hover p {
	color: #fff;
}

.why-brands-trust-right-card h6 {
	padding: 0 0 0.25rem 0;
}

.why-brands-trust-right-content p {
    font-size: 0.8rem;
    line-height: 1.5;
	padding: 0;

}



/* Tablet */
@media (max-width: 991px) {

    .why-brands-trust {
        padding: 60px 25px;
    }

    .trust-content-box {
        padding: 40px;
        margin-bottom: 40px;
    }

    .trust-right-content {
        max-width: 100%;
    }
}

/* Mobile */
@media (max-width: 767px) {

    .why-brands-trust {
        padding: 40px 15px;
    }

    .trust-content-box {
        padding: 25px;
        font-size: 16px;
    }

    .trust-right-content p {
        font-size: 18px;
    }

    .trust-btn {
        padding: 12px 25px;
    }
}






/* End to End B2B Communicatin Sectin */

.end-to-end-b2b-communication {
	position: relative;
    padding: 6rem 4.5rem;
    background: rgb(255, 255, 255);
}

.end-to-end-b2b-communication-subheading {
	display: block;
	text-align: center;
	font-size: 0.9rem;
}

.end-to-end-b2b-communication h2 {
	padding: 0.5rem 0 1rem 0;
    text-transform: uppercase;
    line-height: 1.8rem;
    color: #666;
	text-align: center;
}



.end-to-end-grid {
	border-top: 1px solid;
    border-left: 1px solid;
    border-image: linear-gradient(to bottom right, #4BC0C8, #C779D0, #FEAC5E) 1;
}



.end-to-end-b2b-communication-card {
    width: auto;
    height: 100%;
    padding: 2rem;

    border-right: 1px solid;
    border-bottom: 1px solid;
    border-image: linear-gradient(
        to bottom right,
        #4BC0C8,
        #C779D0,
        #FEAC5E
    ) 1;

    background-size: 200% 100%;
    background-position: 100% 0;

    transition:
        background-position .3s ease,
        color .3s ease;
}

.end-to-end-b2b-communication-card:hover {
    background-position: 0 0;
    z-index: 9;
    position: relative;

    background-image: linear-gradient(
        to left,
        #fff,
        #fff 50%,
        #DBD65C 50%,
        #5614B0
    );
}

.end-to-end-b2b-communication-card:hover h6,
.end-to-end-b2b-communication-card:hover p {
    color: #fff;
}



.end-to-end-b2b-communication-card h6 {
    padding: 0 0 0.25rem;
    text-align: center;
    color: #888;
}

.end-to-end-b2b-communication-card p {
	line-height: 1.6;
    padding: 0.75rem 0;
	font-size: 0.8rem;
	text-align: center;
}

.end-to-end-b2b-communication-card-labels {
	display:flex;
	justify-content: center;
	margin-top: 1rem;
}

.end-to-end-b2b-communication-card span {
	font-size: 0.8rem;
	margin: 0 0.5rem;
	border: 1px solid transparent;
    border-image: linear-gradient(
        to bottom right,
        #4BC0C8,
        #C779D0,
        #FEAC5E
    ) 1;
	padding: 0.2rem 0.6rem;
}

.end-to-end-b2b-communication-card:hover span {
    color: #fff;
    border-image: none;
	border-color: #fff;
}

/* Why Mot Juste */

.why-mot-juste {
	position: relative;
    padding: 6rem 4.5rem;
    background: url(https://motjuste.com/previews/MotJuste/wp/wp-content/uploads/2026/06/mainbg-home.jpg) center center / cover no-repeat;
    overflow: hidden;
    background-attachment: fixed;
}

.why-mot-juste-container {
    background: #fff;
    padding: 4.5rem;
}


.why-mot-juste-subheading {
	display: block;
	text-align: left;
	font-size: 0.9rem;
}

.why-mot-juste h2 {
	padding: 0.5rem 0 0.5rem 0;
    text-transform: uppercase;
    line-height: 1.8rem;
    color: #666;
	text-align: left;
}

.why-mot-juste-header-text {
	padding: 0;
	font-size: 0.9rem;
}


.why-mot-juste-grid {
	border-top: 1px solid;
    border-left: 1px solid;
    border-image: linear-gradient(to bottom right, #4BC0C8, #C779D0, #FEAC5E) 1;
}

.why-mot-juste-card {
    width: auto;
    height: 100%;
    padding: 1.5rem;

    border-right: 1px solid;
    border-bottom: 1px solid;
    border-image: linear-gradient(
        to bottom right,
        #4BC0C8,
        #C779D0,
        #FEAC5E
    ) 1;
    background-size: 200% 100%;
    background-position: 100% 0;

    transition:
        background-position .3s ease,
        color .3s ease;
}

.why-mot-juste-card:hover {
    background-position: 0 0;
    position: relative;
    z-index: 9;
	background-image: linear-gradient(
        to left,
        #fff,
        #fff 50%,
        #DBD65C 50%,
        #5614B0
    );
}

.why-mot-juste-card:hover h6,
.why-mot-juste-card:hover p {
    color: #fff;
}


.why-mot-juste-card h6 {
    padding: 0 0 0.25rem;
    text-align: center;
    color: #888;
}

.why-mot-juste-card p {
	line-height: 1.6rem;
    padding: 0.75rem 0;
	font-size: 0.8rem;
	text-align: center;
}








/* Contact Form */

.home-contact-form-section {
	position: relative;
	padding: 4.5rem;
	padding-top: 0;
	padding-bottom: 0;
    background: rgb(255, 255, 255);
}


/* Contact Strip 2 */

.contact-strip2 {
	position: relative;
    padding: 2rem 4.5rem 1rem 4.5rem;
    background: rgb(255, 255, 255);
}

.contact-strip2 h6, .contact-strip2  p {
	padding: 0;
}

.contact-strip2-column h6 {
    font-size: 0.75rem;
}

.contact-strip2-column p {
    font-size: 0.9rem;
}

.contact-strip2 a {
	font-size: 0.9rem;
	color: #666;
	border-color: #666;
}

.contact-strip2-column {
	padding: 0.5rem;
	width: auto;
    height: 100%;
}

.contact-strip2-button .contact-strip2-column{
    display:flex;
    justify-content:flex-end;
    height:100%;
}


/* Faq Section */

.home-faq {
	position: relative;
	padding: 4.5rem;
	padding-top: 0;
    background: rgb(255, 255, 255);
}

.home-faq-subheading {
	font-size: 0.9rem;
}

.home-faq h2 {
	padding: 0.3rem 0;
	line-height: 1.2;
}

.home-faq-header-right p {
	font-size: 0.9rem;
	padding: 0 0.5rem 0.5rem 0.5rem;
}


.home-faq-header-right span {
    font-size: 0.8rem;
    margin: 0 0.5rem;
    border: 3px solid transparent;
    border-image: linear-gradient(to bottom right, #4BC0C8, #C779D0, #FEAC5E) 1;
    padding: 0.2rem 0.6rem;
}



.faq-item {
    background: #fff;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    transition: all 0.3s ease;
}

.faq-question {
    width: 100%;
    border: none;
    background: transparent;
    cursor: pointer;

    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 18px 20px;
    text-align: left;
	
	min-height: 86px;
}

.faq-left {
    display: flex;
    align-items: center;
    gap: 18px;
    padding-right: 15px;
}

.faq-number {
    color: #c54d3c;
    font-size: 18px;
    font-weight: 600;
    min-width: 35px;
}

.faq-title {
    color: #111;
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 1.4;
}

.faq-icon {
    width: 34px;
    height: 34px;

    border: 1px solid #ddd;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 22px;
    color: #999;

    transition: all .3s ease;
    flex-shrink: 0;
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height .35s ease;
}

.faq-answer p {
	font-size: 0.8rem;
    padding: 0 20px 20px 73px;
    margin: 0;
    color: #666;
    line-height: 1.7;
}

.faq-item.active .faq-answer {
    max-height: 300px;
}

.faq-item.active .faq-icon {
    transform: rotate(45deg);
}

.faq-item button:focus {
    outline: none;
}


.faq-wrapper{
    display:flex;
    gap:20px;
}

.faq-column{
    flex:1;
    display:flex;
    flex-direction:column;
    gap:14px;
}

/* Tablet */
@media (max-width: 991px) {

    .faq-title {
        font-size: 18px;
    }
	
	
	.faq-wrapper{
        flex-direction:column;
    }
}

/* Mobile */
@media (max-width: 576px) {

    .faq-question {
        padding: 15px;
    }

    .faq-left {
        gap: 12px;
    }

    .faq-number {
        font-size: 15px;
        min-width: 25px;
    }

    .faq-title {
        font-size: 16px;
    }

    .faq-answer p {
        padding: 0 15px 15px 52px;
    }
}






@media(max-width:991px) {
    .nav-main ul > li:nth-child(-n+3) {
        display: none;
    }
    
    nav ul li .button {
        background: none;
        border: none;
        padding: 0;
    }
    
    nav ul li .button:hover {
        background: none;
        border: none;
    }
}

@media(max-width:576px) {
    .nav-main ul > li:nth-child(-n+3) {
        display: none;
    }
    
    nav ul li .button {
        background: none;
        border: none;
        padding: 0;
    }
    
    nav ul li .button:hover {
        background: none;
        border: none;
    }
}



.our-work {
	padding: 6rem 4.5rem;
}


.our-work h2 {
	text-align: center;
	color: #666;
}



.portfolio-showcase {
	position: relative;
	padding: 6rem 4.5rem;
    background: rgb(255, 255, 255);
}


.showcase-slider-wrap {
    width: 100%;
}

.showcase-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.showcase-title {
    margin: 0;
	padding: 0 1rem;
	color: #666;
}

.showcase-nav {
    display: flex;
    align-items: center;
    gap: 12px;
}

.showcase-nav .bx-prev,
.showcase-nav .bx-next {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin: 0;
    text-decoration: none;
}

.showcase-nav svg {
    width: 14px;
    height: 24px;
    fill: currentColor;
}

.logo-row {
    margin-bottom: 25px;
}

.logo-row:last-child {
    margin-bottom: 0;
}

.logo-box {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 90px;
}

.logo-box img {
    max-width: 100%;
    max-height: 60px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.showcase-slider,
.showcase-slider li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.showcase-nav .bx-next {
    order: 2;
}

@media (max-width: 767px) {

    .showcase-header {
        flex-wrap: wrap;
        gap: 15px;
		justify-content: center;
    }

    .showcase-nav {
        width: 100%;
        justify-content: center;
    }

    .logo-box {
        min-height: 70px;
    }

    .logo-box img {
        max-height: 45px;
    }
}






/* Section 2 New Right */

.section2-new-right {
	padding: 0 2rem;
}

.section2-new-grid {
	border-top: 1px solid;
    border-left: 1px solid;
    border-image: linear-gradient(to bottom right, #4BC0C8, #C779D0, #FEAC5E) 1;
}


.section2-new-card {
	width: auto;
    height: 100%;
    padding: 0.5rem;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-image: linear-gradient(
        to bottom right,
        #4BC0C8,
        #C779D0,
        #FEAC5E
    ) 1;
}

.section2-new-card h6{
	padding: 0 0 0.25rem;
    text-align: center;
    color: #666;
}





/* Our work  */

.work-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:1.5rem;
}

.work-header h2{
    margin:0;
	padding: 0;
}

.work-slider-nav{
    display:flex;
    gap:15px;
}

.work-slider-nav .bx-prev,
.work-slider-nav .bx-next{
    display:flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    margin:0;
    text-decoration:none;
}

.work-slider-nav svg{
    width:14px;
    height:24px;
    fill:currentColor;
}

.work-slider .portfolio-col{
    margin-bottom:0;
}

.work-slider .bx-wrapper{
    box-shadow:none;
    border:none;
    background:none;
}

.work-slider-nav .bx-next {
    order: 2;
}

@media(max-width:767px){

    .work-header{
        gap:15px;
    }

    .work-slider-nav{
        width:100%;
        justify-content:flex-end;
    }
}



.mainmenu.top-menu {
    position: absolute;
    top: 0;
    right: 0;
    padding-right: 4.5rem;
    border-bottom: 1px solid #ddd;
    width: 50%;
    text-align: end;
	height: 2rem;
}


.mainmenu.top-menu ul li a{
    font-size: 0.7rem;
}


.work-slider-nav svg, .showcase-nav svg {
	fill: #666;
}





.portfolio-col img {
	height: 100%;
}


.portfolio-showcase .clients-inner {
	padding: 0;
}

.portfolio-showcase h2 {
	text-align: center;
	color: #666;
}



.our-values-sec {
	position: relative;
    padding: 6rem 4.5rem;
    background: url(https://motjuste.com/previews/MotJuste/wp/wp-content/uploads/2026/06/mainbg-home.jpg) center center / cover no-repeat fixed;
    overflow: hidden;
}

.our-values-sec-container {
	background: rgb(255, 255, 255);
    padding: 4.5rem;
}


.our-values-sec-grid {
	border-top: 1px solid;
    border-left: 1px solid;
    border-image: linear-gradient(to bottom right, #4BC0C8, #C779D0, #FEAC5E) 1;
}

.our-values-sec-card {
	padding: 2rem;
    width: auto;
    height: 100%;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-image: linear-gradient(to bottom right, #4BC0C8, #C779D0, #FEAC5E) 1;
    background-size: 200% 100%;
    background-position: 100% 0;
    transition: background-position .3s ease, color .3s ease;
	text-align: center;
}

.our-values-sec-card:hover {
	background-position: 0 0;
    z-index: 9;
    position: relative;
    background-image: linear-gradient(to left, #fff, #fff 50%, #DBD65C 50%, #5614B0);
}

.our-values-sec-card:hover h2, .our-values-sec-card:hover h6 {
	color: #fff;
}

.our-values-sec-card h2, .our-values-sec-card h6 {
    padding: 0;
}







@media(max-width:991px) {
	.portfolio-showcase {
		padding: 4.5rem 3rem;
	}
	
	.section-who-we-are {
		padding: 4.5rem 3rem;
	}
	
	.why-brands-trust-content-box-right {
		padding-left: 0;
	}
	
	.why-brands-trust {
		padding: 4.5rem 3rem;
	}
	
	.end-to-end-b2b-communication {
		padding: 4.5rem 3rem;
	}
	
	.why-mot-juste {
		padding: 4.5rem 3rem;
	}
	
	.our-work  {
		padding: 4.5rem 3rem;
	}
	
	.portfolio-col img {
		transform: translateY(0);
	}
	
	.mainmenu.top-menu {
		display: none;
	}
	
	.our-values-sec {
		padding: 4.5rem 3rem;
	}
	
	.portfolio-showcase  .bxslider-clients .row {
		padding: 0;
	}
	
	.mainmenu.top-menu {
		display: none !important;
	}
}



@media(max-width:576px) {
	.portfolio-showcase {
		padding: 4.5rem 1.5rem;
	}
	
	.showcase-title, .section2-new-right {
		padding: 0;
	}
	
	.section-who-we-are {
		padding: 4.5rem 1.5rem;
	}
	
	.who-we-are-left {
		padding-right: 0;
	}
	
	.who-we-are-right {
		padding-left: 0;
		padding-bottom: 0;
		padding-top: 4.5rem;
	}
	
	.why-brands-trust {
		padding: 4.5rem 1.5rem;
	}
	
	.why-brands-trust-content-box {
		padding: 2.5rem;
	}
	
	.our-values-sec-container {
		padding: 2.5rem;
	}
	
	.why-brands-trust-content-box-left {
		padding-right: 0;
	} 
	
	.why-brands-trust-content-box-right {
		padding-left: 0;
	}
	
	.end-to-end-b2b-communication {
		padding: 4.5rem 1.5rem;
	}
	
	.why-mot-juste {
		padding: 4.5rem 1.5rem;
	}
	
	.why-mot-juste-container {
		padding: 2.5rem;
	}
	
	.work-header {
		flex-wrap: nowrap;
	}
	
	.our-work {
		padding: 4.5rem 1.5rem;
	}
	
	.our-work h2 {
		width: 100%;
		text-align: left;
	}
	
	.home-faq {
		padding: 4.5rem 1.5rem !important;
	}
	
	.home-contact-form-section {
		padding: 0 1.5rem 0 1.5rem;
	}
	
	.contact-strip2 {
		padding: 2rem 1.5rem;
	}
	
	.contact-strip2-button .contact-strip2-column {
		justify-content: flex-start;
	}
	
	.mainmenu.top-menu {
		display: none;
	}
	
	.our-values-sec {
		padding: 4.5rem 1.5rem;
	}
	
	.mainmenu.top-menu {
		display: none !important;
	}
	
}


@media(max-width:367px) {
	.mobileonly {
		margin: 1rem 0 !important;
	}
}









.formcontainer input[type="checkbox"] {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-bottom: 0;
    padding: 0;
    border: none;
    background: transparent;
    vertical-align: top;
    appearance: auto;
    -webkit-appearance: checkbox;
}

.acceptance-label {
	display: flex;
    align-items: start;
	padding: 0 1rem;
}

.acceptance-label span {
    color: #fff;
    font-size: 0.8rem;
}

.acceptance-label span a {
	color: #fff;
	text-decoration: underline;
}




/* Website development service new css */


.inner #the-solution .maincontent .website-section3-new {
	font-size: 1.5rem;
	line-height: 1.1;
}

.inner #the-solution .website-section3-new-right ul {
	margin-left: 0.8rem;
}


.website-section3-new-right {
	background: #f6f6f6;
	padding: 3.75rem 4.5rem !important;
}

.website-section3-new-right p, .website-section3-new-right ul li {
	font-size: 0.8rem !important;
    line-height: 1.2rem !important;
    color: #787878 !important;
    padding: 0.5rem 0 0 0 !important;
    font-weight: 400 !important;
	text-align: left !important;
	margin-bottom: 0 !important;
}

.website-development-services .why-brands-trust, .website-development-services .why-mot-juste {
	background: none;
}

.why-mot-juste-container {
	z-index: 2;
}


.why-mot-juste::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom right, #4BC0C8, #C779D0, #FEAC5E);
    mix-blend-mode: multiply;
    z-index: 1;
}


.website-development-services .why-brands-trust-content-box h2, .website-development-services .who-we-are-left h2 {
	line-height: 1.1;
}

.home-faq {
	padding: 6rem 4.5rem;
}



.formcontainer input[type="checkbox"] {
	margin: 0;
	margin: 0.125rem 0.5rem 0 -0.25rem;
}

span.wpcf7-list-item label {
    display: flex;
}

.wpcf7-list-item-label {
	color: #fff;
	font-size: 0.8rem;
	display: inline-block;
}

.wpcf7-list-item-label a {
	color: #fff;
	text-decoration: underline;
}


.wpcf7-not-valid-tip {
	color: #fff;
    font-size: 0.6rem;
    margin: 0 0.75rem;
    margin-top: -0.5rem;
    margin-bottom: 0.5rem;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #ffff;
    font-size: 0.8rem;
    color: #fff;
    margin-left: 0.75rem;
    margin-right: 0.75rem;
	text-align: center;
}

.wpcf7-spinner {
    display: none;
}

.wpcf7 form.submitting .wpcf7-spinner {
    display: inline-block;
}





/* Blogs */



 div.fixed-bg {
    background-image: url("/images/mainbg-newsletters-magazines.jpg");
    height: 20rem !important;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
}

.banner-heading {
    font-family: "Big Shoulders Display", sans-serif; 
    text-transform: uppercase;
    font-weight: 900;
    font-size: 3.75rem;
    color: white;
    margin-bottom:0.75rem !important;
}



h2.blog-section-heading {
    font-family: "Big Shoulders Display", sans-serif; 
    font-weight: 700;
    font-style: normal;
    font-size: 2rem;
    text-transform: uppercase;
    line-height: 2rem;
    color: grey;
    padding-top: 6.25rem;
    padding-bottom: 2.5rem;
    text-align: center;
}

div.blog-container {
    display: flex;
    margin-top: 2.5rem;
    margin-left: 4.375rem;
}

.thumbnail img {
    width: 40.625rem;
    height: 25rem;
}



.blog-heading a {
    color: grey;
    font-family: "Big Shoulders Display", sans-serif; 
    font-weight: 700;
    font-size: 2.625rem;
    font-style: normal;
    margin-top: 0.625rem;
    margin-bottom: 1.5rem;
    line-height: 3.125rem;
    text-decoration: none;
}

p.blog-date {
    font-size: 1rem;
    font-style: normal;
    color: #787878;
    padding-top: 1.25rem;
}


.my-custom-excerpt {
    font-weight: 300;
    font-style: normal;
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: #787878;
}

/* Responsive design */
@media (max-width: 768px) { 
    .my-custom-excerpt {
        font-size: 1rem;
        padding-left: 0px;
    }
}


.blog-continue-btn {
    margin-top: 0.8rem;
}

.blog-continue-btn a {
    color: #888;
    font-size: 0.8rem;
    font-weight:300;
    border: 1px solid #888;
}

a.blog-continue-btn:hover {
    color:white;
}



/* Mobile view for Blog styling */

@media (max-width: 768px) {
   
    
    h2.blog-section-heading {
        font-family: "Big Shoulders Display", sans-serif; 
        font-weight: 700;
        font-style: normal;
        font-size: 1.75rem;
        text-transform: uppercase;
        line-height: 2rem;
        color: grey;
        padding-top: 6.25rem;
        padding-bottom: 2.5rem;
        text-align: center;
    }
    
    div.blog-container {
        display: block;
        margin-top: 1.25rem;
        margin-left: 1.25rem;
        margin-right:1.25rem;
    }
    
    .thumbnail img {
        width: 100%;
        height: 25rem;
    }
    
   
    
    h2.blog-heading {
        color: #202020;
        font-size: 2.375rem;
        font-style: normal;
        margin-top: 0.625rem;
        margin-bottom: 1.5rem;
        line-height: 3.125rem;
    }
    

}

/* Blog Detail Page */

.post-content {
    color: #888;
    font-size: 0.8rem;
    font-weight: 300;
    font-style: normal;
    line-height: 1.3rem;
}

.post-content a {
    color:#888;
    text-decoration: underline !important;
}

.post-content a:hover {
    color:#9e393a;
    
}

.post-content h2 {
    font-family: alternate-gothic-no-2-d, sans-serif !important;
    font-size: 1.1rem;
    font-weight: 600;
    font-style: normal;
    line-height: 1.25rem;
    color: #888;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
}

.post-content h3 {
    font-family: alternate-gothic-no-2-d, sans-serif !important;
    font-size: 1.44rem;
    font-weight: 600;
    font-style: normal;
    color: #888;
    margin-top: 1.6rem;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
}
.post-content h4 {
    font-family: alternate-gothic-no-2-d, sans-serif !important;
    font-size: 0.9rem;
    font-weight: 600;
    font-style: normal;
    color: #888;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
}

.post-content p {
    margin-bottom: 0.8rem;
}

div.single-blog {
    margin-top: 5rem;
}

div.single-blog-container {
    margin: 1rem 3rem;
}

div.single-blog-content {
    margin-top: 2rem; 
}

.single-blog-heading {
    color: grey;
    font-family: "Big Shoulders Display", sans-serif; 
    font-weight: 700;
    font-size: 2.1rem;  
    font-style: normal;
    
}

.thumbnail-detail img {
    width: 35rem;
    height: 22.5rem;
}



/* Responsive design */
@media (max-width: 768px) {
    .my-custom-content {
        font-size: 0.8rem;
        padding: 0px;
    }
}


div.single-blog-navigation {
    display: flex;
    justify-content: space-between;
    margin-top: 2rem;
}

a.back-to-blog {
    color: #888;
    font-size: 0.7rem;
    font-weight:300;
    border: 1px solid #888;
    margin-top: 0.1rem; 
}



a .blog-preview-btn {
    color: #888;
    font-size: 0.7rem; 
    font-weight:300;
    border: 1px solid #888;
}


/* Mobile view Blog detail page */

@media (max-width: 768px) {
    div.single-blog {
        margin-top: 3rem;
    }
    
    div.single-blog-container {
       margin: 1rem;  
    }
    
    div.single-blog-content {
        margin-top: 2rem;  
    }
    
    .thumbnail-detail img {
		width: 100%;
		height: 20rem;
	   }
    
    div.single-blog-navigation {
        display: flex;
        justify-content: space-between;
        margin-top: 2rem;
    }
    
}





/* New Styling */

.blogs {
    padding-top: 2.5rem;
    }
.blog-img img { 
            width: 100%; 
            height: auto; 
            display: block; 
        } 

        
.blog-title{
            line-height: 2.25rem;
            font-weight: 600;
            font-style: normal;
            color: #666666;
            text-transform: uppercase;
            text-decoration: none;
            
        }
        

        
.blog-title h2 {
    font-size: 2.125rem;
    line-height: 2.25rem;
    font-weight: 600;
    font-style: normal;
    color: #666666;
    text-transform: uppercase;
}

.blog-title h2:hover {
    color: #666666;
}

.blog-desc {
    margin-top: 1.2rem;
    line-height: 1.3;
}

 .blog-desc p{
            color: #888;
            font-size:0.8rem;
            font-weight: 300;
            font-style: normal;
            margin: 0;
            padding: 0;
            
        }
.blog-desc:hover {
    color: #888;
}



.blog-post-link { 
    transition: box-shadow 1s ease-in-out !important;
}
.blog-post-link:hover { 
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2); 
    transform: scale(1); 
}

div .page-numbers{
    font-size:1rem;
    background-color: #b16568;
    color: white;
    padding:0.188rem 0.313rem;
}

div .current {
    background-color: #9D3E42;
    color:white;
    text-decoration: none;
}

div .page-numbers:hover {
    background-color: #9D3E42;
    color:white;
    text-decoration: none;
}



.detail-blog-img img {
         width: 100%; 
         height: auto; 
         display: block; 
        }
        
.alt-goth {
    font-family: alternate-gothic-no-2-d, sans-serif !important;
}


/* Blog post detail page new styling */

.sidebar {
    padding: 1.25rem 0.938rem;
    height: 40.625rem; 
}

.col-md-3.sidebar {
    padding: 0;
    padding-left: 2rem;
}

.col-md-3 #searchsubmit {
    margin-top: 0.625rem;
}

.sidebar-search {
    margin-top: 1.563rem;
    margin-bottom: 1.563rem;
}

.sidebar-search h2 {
    font-size: 1.5rem;
    font-weight: 600;
    font-style: normal;
    color: #666666;
    text-transform: uppercase;
}

.sidebar-search input {
    border:1px solid #888;
    color: #888;
    padding-top:0.438rem;
    padding-left:0.313rem;
    padding-right:0.313rem;
    padding-bottom:0.344rem;
    font-size: 1rem;
}

.sidebar-search button {
    border:1px solid #888;
    color: #888;
    font-size: 1rem;
    background-color:transparent;
}

.sidebar-recent-posts h2 {
    font-size: 1.5rem;
    font-weight: 600;
    font-style: normal;
    color: #666666;
    text-transform: uppercase;
}

.sidebar-recent-list {
    list-style: none;
    line-height: 1.5rem;
    margin-bottom:0.7rem;
}

.sidebar-recent-list a{
    color:#888;
}

.sidebar-recent-list a:hover {
    color: #9e393a;
}

.sidebar-category-list {
    list-style: none;
    line-height: 1.5rem;
    margin-bottom:0.7rem;
}

.sidebar-category-list a {
    color:#888;
}

.sidebar-category-list a:hover {
    color:#9e393a;
}

.current-category {
    font-weight: 700;
    color: black;
}

.search-result {
    font-size: 2.375rem;
    line-height: 2.25rem;
    font-weight: 600;
    font-style: normal;
    color: #666666;
    text-transform: uppercase;
}


/* Header New Styling */
.col-desc h3 {
    margin-left: 70px;
    font-family: "Raleway", serif !important;
    font-weight: 300 !important;
    font-size: 1.875rem !important;
    line-height:2.5rem !important;
    padding-right: 2.5rem !important;
} 

.col-desc p{
    margin-left: 4.375rem;
    font-family: "Raleway", serif !important;
    font-weight: 300 !important;
    font-size: 1.25rem !important;
    line-height:2rem !important;
    padding-right: 3.75rem !important;
}

.col-menulinks h4 {
    font-family: "Raleway", serif !important;
    font-weight: 600 !important;
    font-size: 1.25rem !important;
    line-height:2rem !important;
}

.overlay-content ul li a {
    font-family: "Raleway", serif !important;
    font-style:normal;
    font-weight: 200 !important;
    font-size: 1.25rem !important;
    line-height:1.875rem !important;
}

a.closebtn {
    font-family: "Raleway", serif !important;
    font-weight: 200 !important;
    font-size: 3.375rem !important;
    line-height:1rem !important;
}


.white-papers-page {
    position: relative;
    background: #fff !important;
}

.col-md-6.white-paper-column .blog-img {
    padding: 0 15px 0 0;
}

.col-md-6 .blog-content {
    margin: 2.4rem;
} 


.blog-title h2 {
    font-size: 1.7rem;
    line-height: 1.7rem;
    font-weight: 600;
    font-style: normal;
    color: #666666;
    text-transform: uppercase;
    padding: 0;
    margin: 0 0 0.5rem 0;
}


.white-paper-link {
    margin-top: 2.25rem;
}


div.hero {
    margin-left: 2.25rem;
    margin-right: 3.7rem;
}

.banner-heading {
    font-size: 3rem;
}


.white-papers-page .mainmenu ul li a {
    color: #fff;
}


.white-papers-page #more-dots circle {
    fill: #fff;
}

.white-papers-page #moremenu li a {
    color: #666;
}


.white-papers-page #moremenu li a:hover {
    color: #fff;
}


/* Header New Styling */
.col-desc h3 {
    margin-left: 3.5rem; 
    font-family: "Raleway", serif !important;
    font-weight: 300 !important;
    font-size: 1.5rem !important; 
    line-height: 2rem !important; 
    padding-right: 2rem !important;
}

.col-desc p {
    margin-left: 3.5rem;
    font-family: "Raleway", serif !important;
    font-weight: 300 !important;
    font-size: 1rem !important;
    line-height: 1.6rem !important;
    padding-right: 3rem !important; 
}

.col-menulinks h4 {
    font-family: "Raleway", serif !important;
    font-weight: 600 !important;
    font-size: 1rem !important; 
    line-height: 1.6rem !important;
}

.overlay-content ul li a {
    font-family: "Raleway", serif !important;
    font-style: normal;
    font-weight: 200 !important;
    font-size: 1rem !important;
    line-height: 1.5rem !important; 
}

a.closebtn {
    font-family: "Raleway", serif !important;
    font-weight: 200 !important;
    font-size: 2.7rem !important; 
    line-height: 0.8rem !important;
}

#menulogo {
    height: 2rem !important; 
}



.col-desc {
    padding: 1.5rem 1rem;
}




.white-papers-page .smallheader .mainmenu ul li a {
    color: #666;
}


.white-papers-page .smallheader #more-dots circle {
    fill: #666;
}



@media(max-width:576px) {
    .banner-heading {
        padding: 0;
    }
    
    div.hero {
        margin-left: 0.55rem;
        margin-right: 1rem;
    }
    
    .col-md-6.white-paper-column .blog-img {
        padding: 0;
    }
    
    .blog-post-link {
        margin: 0 1rem;
    }
}








.blog .mainmenu.top-menu ul li a {
    border: 0;
    color: #fff;
}

.blog .mainmenu ul li a {
	color: #fff;
}

.blog .header.smallheader .mainmenu ul li a {
	color: #666;
}

.blog h2 {
	text-align: left;
}

.blog-content a:hover {
	text-decoration: none !important;
}

.blog-desc {
	color: #888;
    font-size: 0.8rem;
    font-weight: 300;
    font-style: normal;
    line-height: 1.625rem;
}


a.blog-continue-btn {
    color: #888;
    font-size: 0.8rem;
    font-weight: 300;
    border: 1px solid #888;
}

.blog-desc p a {
	color: #888;
    font-size: 0.8rem;
    font-weight: 300;
    font-style: normal;
    margin: 0;
    padding: 0;
}


.single-blog-content h1, .single-blog-content h2, .single-blog-content h3, .single-blog-content h4, .single-blog-content h5, .single-blog-content h6, .single-blog-content p {
	padding: 0;
}


.single-blog-content ul {
    margin-left: 2rem;
	margin-bottom: 1rem;
}


.single-blog-content h1 {
	font-size: 2rem;
	line-height: 1.9rem;
}


.sidebar-recent-posts h2 {
	padding: 0;
}


.sidebar-search input {
	font-size: 0.8rem;
}

.sidebar-search input::placeholder {
    color: #888;
}


.sidebar-recent-posts h2 {
	font-size: 1.2rem;
}

.sidebar-recent-list, .sidebar-category-list {
	font-size: 0.8rem;
	line-height: 1.125rem;
}

.sidebar-recent-list a {
    color: #888;
	font-weight: 500;
}

.sidebar-recent-list a:hover, .sidebar-category-list a:hover {
	text-decoration: none;
}


.search-result {
	font-size: 1.7rem; 
	line-height: 1.7rem;
	padding: 0;
}



.search .mainmenu.top-menu ul li a {
    border: 0;
    color: #fff;
}

.search .mainmenu ul li a {
	color: #fff;
}

.search .header.smallheader .mainmenu ul li a {
	color: #666;
}


.archive .mainmenu.top-menu ul li a {
    border: 0;
    color: #fff;
}

.archive .mainmenu ul li a {
	color: #fff;
}

.archive .header.smallheader .mainmenu ul li a {
	color: #666;
}



.single .mainmenu.top-menu ul li a {
    border: 0;
    color: #fff;
}

.single .mainmenu ul li a {
	color: #fff;
}

.single .header.smallheader .mainmenu ul li a {
	color: #666;
}



.mainmenu.top-menu ul li a {
	background: transparent;
}



#from-the-blog .blog-container {
	display: block;
	margin: 0;
}

#from-the-blog .blog-container h2 {
	text-align: center;
}







/* Contact Us page */

.contact .banner-content h1 {
    font-size: 3rem;
	padding-top: 0;
	line-height: 0.7;
}

.contact .banner-content h1 span {
    font-size: 1.8rem;
}

.inner.contact .column-right h3 {
    font-size: 1.2rem;
    line-height: 1.5;
}


.contact .container-fluid {
    background-image: url(https://motjuste.com/previews/MotJuste/wp/wp-content/uploads/2026/07/mainbg-profile.jpg);
}


.contact .testimonials {
    background: url(https://motjuste.com/previews/MotJuste/wp/wp-content/uploads/2026/06/mainbg-home.jpg) center bottom no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    width: 100%;
}

.contact .testimonials-inner {
	padding-top: 0;
	padding-bottom: 0;
}



/* careers */

.careers .mainmenu.top-menu ul li a {
    border: 0;
    color: #fff;
}

.careers .mainmenu ul li a {
	color: #fff;
}

.careers .header.smallheader .mainmenu ul li a {
	color: #666;
}

.careers .banner-content h1 {
    font-size: 3rem;
    line-height: 3rem;
	padding-top: 0;
}

.careers .container-fluid {
    background-image: url(https://motjuste.com/previews/MotJuste/wp/wp-content/uploads/2026/07/careers-banner-mot-2.jpg);
}

.careers .full-width-hero .column-left {
    height: 400px !important;
    background-image: none;
}


#job-dropdown-wrapper {
	display: none;
}

.careers .openings p a {
	color: #888;
	text-decoration: underline;
}




/* Privacy Policy */

.privacy-policy {
	overflow-x: hidden;
}

.privacy-policy .mainmenu.top-menu ul li a {
    border: 0;
    color: #fff;
}

.privacy-policy .mainmenu ul li a {
	color: #fff;
}

.privacy-policy .header.smallheader .mainmenu ul li a {
	color: #666;
}

.privacy-policy .banner-content h1 {
    font-size: 3rem;
    line-height: 3rem;
	padding-top: 0;
}

.privacy-policy .container-fluid {
    background-image: url(https://motjuste.com/previews/MotJuste/wp/wp-content/uploads/2026/07/privacy-policy.jpg);
}

.privacy-policy .full-width-hero .column-left {
    height: 400px !important;
    background-image: none;
}


.privacy-policy p.defn {
	font-size: 10px !important;
}

section.privacy-policy {
	padding-top: 4.5rem;
	padding-bottom: 4.5rem;
}

.footer p {
	font-size: 0.6rem !important;
    line-height: 0.9rem;
}



/* Sitemap */

.sitemap .mainmenu.top-menu ul li a {
    border: 0;
    color: #fff;
}

.sitemap .mainmenu ul li a {
	color: #fff;
}

.sitemap .header.smallheader .mainmenu ul li a {
	color: #666;
}

.sitemap .banner-content h1 {
    font-size: 3rem;
    line-height: 3rem;
	padding-top: 0;
}

.sitemap .container-fluid {
    background-image: url(https://motjuste.com/previews/MotJuste/wp/wp-content/uploads/2026/07/privacy-policy.jpg);
}

.sitemap .full-width-hero .column-left {
    height: 400px !important;
    background-image: none;
}


.sitemap p.defn {
	font-size: 10px !important;
}



.cky-btn-accept {
    background: #9e393a !important;
    border-color: #9e393a !important;
}

.cky-btn-customize, .cky-btn-reject, .cky-btn-preferences {
	border-color: #9e393a !important;
	color: #9e393a !important;
}

.cky-show-desc-btn {
	color: #9e393a !important;
}



/* About Us Page */

.about-us .banner-content h1 {
    padding-top: 0;
}
.about-us .banner-content h1 {
    font-size: 3rem;
    line-height: 3rem;
}

.about-us .banner-content h1 span {
    font-size: 1.8rem;
    line-height: 0.7rem;
}

.inner.about-us .column-right h3 {
	font-size: 1.2rem;
	line-height: 1.5;
}

.about-us .container-fluid {
    background-image: url(https://motjuste.com/previews/MotJuste/wp/wp-content/uploads/2026/07/mainbg-profile.jpg);
}


.inner #the-why, .inner.about-us #who-we-are {
	padding: 4.5rem;
}

.inner #the-why .inner-highlight, .inner.about-us #who-we-are .inner-highlight {
    /* background: url(../images/logos-theme-elements-banner.jpg) 0 0 no-repeat; */
    background: #FEAC5E;
    background: -webkit-linear-gradient(to top left, #4BC0C8, #C779D0, #FEAC5E);
    background: linear-gradient(to top left, #4BC0C8, #C779D0, #FEAC5E);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    padding: 3rem;
    width: 100%;
}

.inner #the-why .inner-highlight-inner, .inner.about-us #who-we-are .inner-highlight-inner {
    margin: 0 auto;
    padding: 4.5rem;
    border: 0.05rem solid #ddd;
}


.inner #the-why p, .inner #the-why h3, .inner.about-us #who-we-are p, .inner.about-us #who-we-are h3 {
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.8rem;
    padding: 0.75rem 0;
    text-align: center;
}


.inner #the-why p, .inner #the-why h3, .inner.about-us #who-we-are p, .inner.about-us #who-we-are h3 {
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.8rem;
    padding: 0.75rem 0;
    text-align: center;
}


.about-us .portfolio-col .portfolio-overlay {
    top: 0;
    height: 100%;
    padding: 0.75rem;
}

.about-us .portfolio-col .portfolio-overlay .portfolio-inner {
    padding: 1.5rem;
    height: 100%;
    /* border: 0.75rem solid #fff; */
    background: #fff;
}


.about-us .portfolio-col .portfolio-overlay h3 {
    text-transform: none;
    font-weight: 200;
    color: #666;
    border-color: #ddd;
}

.about-us .portfolio-col .portfolio-overlay h5 {
    color: #666;
    font-weight: 200;
}


.inner .testimonials-inner {
	padding: 0 4.5rem;
}

.about-us .testimonials {
    background: url(https://motjuste.com/previews/MotJuste/wp/wp-content/uploads/2026/07/mainbg-profile.jpg) center bottom no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    width: 100%;
}

.about-us .testimonials .overlay {
    mix-blend-mode: multiply !important;
}




/* Thank You Page */

.thank-you .mainmenu.top-menu ul li a {
    border: 0;
    color: #fff;
}

.thank-you .mainmenu ul li a {
	color: #fff;
}

.thank-you .header.smallheader .mainmenu ul li a {
	color: #666;
}

.thank-you .banner-content h1 {
    font-size: 3rem;
    line-height: 3rem;
	padding-top: 0;
}

.thank-you .container-fluid {
    background-image: url(https://motjuste.com/previews/MotJuste/wp/wp-content/uploads/2026/07/privacy-policy.jpg);
}

.thank-you .full-width-hero .column-left {
    height: 400px !important;
    background-image: none;
}



/* Corporate Identity */
.inner.corporate-brand-identity .blog-container {
	padding: 6rem 4.5rem;
	padding-bottom: 1.5rem;
}

.corporate-brand-identity .home-contact-form-section {
	padding: 6rem 4.5rem;
	padding-bottom: 0;
}


.corporate-brand-identity .container-fluid {
    background-image: url(https://motjuste.com/previews/MotJuste/wp/wp-content/uploads/2026/07/logos-theme-elements-banner.jpg);
}

.corporate-brand-identity .testimonials-inner {
	padding: 4.5rem;
}




/* Brochures & Profiles */

.brochures-profiles .testimonials-inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
}


/* Presentation Page */

.presentation-design-services .home-contact-form-section {
	padding: 4.5rem;
}

.presentation-design-services .testimonials-inner {
    padding: 4.5rem;
}


/* Stationery Design */

.stationery .home-contact-form-section {
	padding: 4.5rem;
}

.stationery .testimonials-inner {
    padding: 4.5rem;
}



/* Brand Guardianship */

.brand-guardianship-services .testimonials-inner {
    padding: 4.5rem;
}