/* Start custom CSS for html, class: .elementor-element-6e3dfb5 *//* ===================================================
   MBD ASSOCIATES
   CLIENTS HERO
=================================================== */


.mbd-clients-hero {

  position: relative;

  width:100%;

  min-height:470px;

  display:flex;

  flex-direction:column;

  justify-content:space-between;

  padding-top:125px;

  background:#f3efe8;

  overflow:hidden;

}



/* subtle grid */


.mbd-clients-hero-pattern {

  position:absolute;

  right:-120px;

  top:-160px;

  width:520px;

  height:520px;

  border-radius:50%;

  border:1px solid rgba(110,135,146,.13);

}


.mbd-clients-hero-pattern:after {

  content:"";

  position:absolute;

  inset:70px;

  border-radius:50%;

  border:1px solid rgba(110,135,146,.10);

}




.mbd-clients-hero-inner {


  position:relative;

  z-index:2;


  width:calc(100% - 100px);

  max-width:1440px;

  margin:auto;


  display:grid;

  grid-template-columns:1.25fr .65fr;

  gap:100px;

  align-items:end;


}



/* eyebrow */


.mbd-clients-eyebrow {


  display:flex;

  align-items:center;

  gap:14px;


  margin-bottom:25px;


  color:#6e8792;


  font-size:11px;

  font-weight:600;

  letter-spacing:.18em;

  text-transform:uppercase;


  opacity:0;

  transform:translateY(15px);


  transition:.7s ease;


}



.mbd-clients-line {


  width:38px;

  height:1px;

  background:#6e8792;


  transform:scaleX(0);

  transform-origin:left;


  transition:.8s ease;


}




/* heading */


.mbd-clients-title {


  margin:0;


  color:#24323a;


  font-size:clamp(52px,5vw,78px);

  font-weight:400;


  line-height:.98;

  letter-spacing:-.052em;


  opacity:0;

  transform:translateY(25px);


  transition:.8s ease .08s;


}



.mbd-clients-title span {


  display:block;

  color:#53666e;

  margin-top:6px;


}




/* right content */


.mbd-clients-side {


  padding-left:28px;

  border-left:1px solid rgba(36,50,58,.15);


  opacity:0;

  transform:translateY(22px);


  transition:.8s ease .15s;


}




.mbd-clients-number {


  display:flex;

  flex-direction:column;

  margin-bottom:20px;


}



.mbd-clients-number span {


  color:#24323a;

  font-size:48px;

  line-height:1;

  font-weight:400;


}



.mbd-clients-number small {


  margin-top:8px;

  color:#7b878c;

  font-size:10px;

  letter-spacing:.16em;

  text-transform:uppercase;


}




.mbd-clients-side p {


  margin:0;


  color:#5f696d;


  font-size:14px;

  line-height:1.8;


}



/* bottom */


.mbd-clients-bottom {


  position:relative;

  z-index:2;


  border-top:1px solid rgba(36,50,58,.12);


  margin-top:70px;


}



.mbd-clients-bottom-inner {


  width:calc(100% - 100px);

  max-width:1440px;


  min-height:72px;


  margin:auto;


  display:flex;

  align-items:center;


  gap:16px;


  color:#727e83;


  font-size:10px;

  font-weight:600;

  letter-spacing:.14em;

  text-transform:uppercase;


  opacity:0;

  transition:.8s ease .3s;


}



.mbd-client-dot {


  width:4px;

  height:4px;

  background:#8c999e;

  border-radius:50%;

}



/* reveal */


.mbd-clients-hero.is-visible
.mbd-clients-eyebrow,

.mbd-clients-hero.is-visible
.mbd-clients-title,

.mbd-clients-hero.is-visible
.mbd-clients-side {


 opacity:1;

 transform:translateY(0);


}


.mbd-clients-hero.is-visible
.mbd-clients-line {

 transform:scaleX(1);

}



.mbd-clients-hero.is-visible
.mbd-clients-bottom-inner {

 opacity:1;

}




/* Elementor */


.elementor-editor-active
.mbd-clients-eyebrow,

.elementor-editor-active
.mbd-clients-title,

.elementor-editor-active
.mbd-clients-side,

.elementor-editor-active
.mbd-clients-bottom-inner {


 opacity:1!important;

 transform:none!important;


}



.elementor-editor-active
.mbd-clients-line {

 transform:scaleX(1)!important;

}




/* Tablet */

@media(max-width:900px){


.mbd-clients-hero{

padding-top:75px;

}


.mbd-clients-hero-inner{


width:calc(100% - 50px);

grid-template-columns:1fr;

gap:35px;


}


.mbd-clients-bottom-inner{


width:calc(100% - 50px);

flex-wrap:wrap;

padding:20px 0;


}



}



/* Mobile */

@media(max-width:600px){


.mbd-clients-hero{


min-height:auto;

padding-top:60px;


}



.mbd-clients-hero-inner,

.mbd-clients-bottom-inner{


width:calc(100% - 36px);


}



.mbd-clients-eyebrow{

font-size:9px;

gap:10px;


}



.mbd-clients-line{

width:25px;

}



.mbd-clients-title{


font-size:clamp(42px,11vw,56px);


}



.mbd-clients-side{


padding-left:18px;


}



.mbd-clients-number span{


font-size:40px;


}



}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-800de2c */.mbd-client-showcase{

padding:110px 0;

background:#ffffff;

}



.mbd-client-showcase-inner{

width:calc(100% - 100px);

max-width:1400px;

margin:auto;

}




/* HEADER */


.mbd-client-header{

text-align:center;

max-width:850px;

margin:0 auto 70px;

}



.mbd-client-eyebrow{

display:flex;

justify-content:center;

align-items:center;

gap:12px;

font-size:11px;

letter-spacing:.18em;

text-transform:uppercase;

font-weight:600;

color:#70858d;

}



.mbd-client-eyebrow span{

height:1px;

width:35px;

background:#70858d;

}




.mbd-client-header h2{

margin:25px 0 20px;

font-size:clamp(42px,4vw,64px);

font-weight:400;

line-height:1.05;

letter-spacing:-.04em;

color:#24323a;

}



.mbd-client-header h2 span{

display:block;

color:#53666e;

}



.mbd-client-header p{

font-size:15px;

line-height:1.7;

color:#69757a;

max-width:650px;

margin:auto;

}




/* GRID */


.mbd-client-logo-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

border-top:1px solid #e5e8e9;

border-left:1px solid #e5e8e9;

}




.mbd-logo-box{

height:190px;

display:flex;

align-items:center;

justify-content:center;

padding:35px;

background:#fff;

border-right:1px solid #e5e8e9;

border-bottom:1px solid #e5e8e9;


transition:.35s ease;


}




.mbd-logo-box:hover{

background:#f7f9f9;

}




.mbd-logo-box img{

max-width:210px;

max-height:100px;

width:auto;

height:auto;

object-fit:contain;


transition:.35s ease;


}




.mbd-logo-box:hover img{

transform:scale(1.12);

}




/* MORE BOX */


.mbd-more-box{

height:190px;

display:flex;

align-items:center;

justify-content:center;

border-right:1px solid #e5e8e9;

border-bottom:1px solid #e5e8e9;

font-size:14px;

font-weight:600;

letter-spacing:.08em;

text-transform:uppercase;

color:#60727a;

}




/* ANIMATION */


.mbd-logo-box,
.mbd-more-box{

opacity:0;

transform:translateY(25px);

transition:
opacity .7s ease,
transform .7s ease;

}



.mbd-client-showcase.active
.mbd-logo-box,
.mbd-client-showcase.active
.mbd-more-box{

opacity:1;

transform:none;

}



/* TABLET */


@media(max-width:1000px){


.mbd-client-logo-grid{

grid-template-columns:repeat(3,1fr);

}


}



/* MOBILE */


@media(max-width:600px){


.mbd-client-showcase{

padding:70px 0;

}


.mbd-client-showcase-inner{

width:calc(100% - 36px);

}



.mbd-client-logo-grid{

grid-template-columns:repeat(2,1fr);

}



.mbd-logo-box,
.mbd-more-box{

height:130px;

padding:20px;

}



.mbd-logo-box img{

max-width:120px;

max-height:70px;

}


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9ac273b *//* ============================================
   CLIENT PAGE BOTTOM CTA
============================================ */


.mbd-clients-bottom-cta{

position:relative;

width:100%;

padding:85px 0;

background:#eef3f3;

overflow:hidden;

}



/* background circle */

.mbd-clients-bottom-cta:after{


content:"";

position:absolute;

width:450px;

height:450px;

right:-180px;

top:-180px;

border-radius:50%;

border:1px solid rgba(90,110,120,.15);

}




.mbd-clients-bottom-cta-inner{


position:relative;

z-index:2;


width:calc(100% - 100px);

max-width:1400px;

margin:auto;


display:grid;

grid-template-columns:1fr .55fr;

gap:90px;

align-items:center;


}



/* eyebrow */


.mbd-cta-eyebrow{


display:flex;

align-items:center;

gap:14px;


font-size:10px;

font-weight:600;

letter-spacing:.18em;

text-transform:uppercase;


color:#71868d;


margin-bottom:22px;


}


.mbd-cta-eyebrow span{


width:35px;

height:1px;

background:#71868d;


}




/* heading */


.mbd-cta-heading h2{


margin:0;


font-size:clamp(45px,4.5vw,68px);


font-weight:400;


line-height:1;


letter-spacing:-.045em;


color:#24323a;


}



.mbd-cta-heading h2 span{


display:block;


color:#53666e;


}



/* right */


.mbd-cta-content{


border-left:1px solid rgba(36,50,58,.15);

padding-left:40px;


}



.mbd-cta-content p{


margin:0;


max-width:420px;


font-size:15px;

line-height:1.75;


color:#647176;


}



/* button */


.mbd-cta-button{


display:inline-flex;


align-items:center;

justify-content:space-between;


gap:22px;


margin-top:30px;


height:56px;


padding-left:24px;

padding-right:12px;


background:#24323a;


color:#fff;


text-decoration:none;


font-size:13px;


font-weight:500;


transition:.35s ease;


}



.mbd-cta-button:hover{


background:#394c55;


}



.mbd-cta-arrow{


height:36px;

width:36px;


display:flex;

align-items:center;

justify-content:center;


border-radius:50%;


background:rgba(255,255,255,.12);


transition:.35s ease;


}



.mbd-cta-button:hover
.mbd-cta-arrow{


transform:translateX(5px);


}



/* TABLET */


@media(max-width:900px){


.mbd-clients-bottom-cta{


padding:70px 0;

}


.mbd-clients-bottom-cta-inner{


width:calc(100% - 50px);


grid-template-columns:1fr;


gap:35px;


}



.mbd-cta-content{


border-left:none;

padding-left:0;


}


}



/* MOBILE */


@media(max-width:600px){


.mbd-clients-bottom-cta-inner{


width:calc(100% - 36px);


}



.mbd-cta-eyebrow{


font-size:9px;


}



.mbd-cta-heading h2{


font-size:clamp(38px,11vw,52px);


}



.mbd-cta-content p{


font-size:14px;


}


}/* End custom CSS */