/*
 Theme Name:   Divi Child
 Theme URI:    https://www.elegantthemes.com/gallery/divi/
 Description:  Divi Child Theme - Sumo Digital Design System
 Author:       Elegant Themes
 Author URI:   https://www.elegantthemes.com
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  divi-child
*/

/* /* ==========================================================================
   SUMO DIGITAL DESIGN SYSTEM
   Based on DESIGN-SYSTEM.md specifications

   IMPORTANT: All styles are scoped to frontend only.
   Divi Builder interface styles are NOT overridden.
   ========================================================================== */

   
/* Fonts */ 
@font-face {
    font-family: 'D-DIN Exp';
    src: url('fonts/D-DINExp.eot');
    src: url('fonts/D-DINExp.eot?#iefix') format('embedded-opentype'), url('fonts/D-DINExp.woff2') format('woff2'), url('fonts/D-DINExp.woff') format('woff'), url('fonts/D-DINExp.ttf') format('truetype'), url('fonts/D-DINExp.svg#D-DINExp') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'D-DIN';
    src: url('fonts/D-DIN.eot');
    src: url('fonts/D-DIN.eot?#iefix') format('embedded-opentype'), url('fonts/D-DIN.woff2') format('woff2'), url('fonts/D-DIN.woff') format('woff'), url('fonts/D-DIN.ttf') format('truetype'), url('fonts/D-DIN.svg#D-DIN') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'D-DIN Exp';
    src: url('fonts/D-DINExp-Bold.eot');
    src: url('fonts/D-DINExp-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/D-DINExp-Bold.woff2') format('woff2'), url('fonts/D-DINExp-Bold.woff') format('woff'), url('fonts/D-DINExp-Bold.ttf') format('truetype'), url('fonts/D-DINExp-Bold.svg#D-DINExp-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'D-DIN Condensed';
    src: url('fonts/D-DINCondensed-Bold.eot');
    src: url('fonts/D-DINCondensed-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/D-DINCondensed-Bold.woff2') format('woff2'), url('fonts/D-DINCondensed-Bold.woff') format('woff'), url('fonts/D-DINCondensed-Bold.ttf') format('truetype'), url('fonts/D-DINCondensed-Bold.svg#D-DINCondensed-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'D-DIN Exp';
    src: url('fonts/D-DINExp-Italic.eot');
    src: url('fonts/D-DINExp-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/D-DINExp-Italic.woff2') format('woff2'), url('fonts/D-DINExp-Italic.woff') format('woff'), url('fonts/D-DINExp-Italic.ttf') format('truetype'), url('fonts/D-DINExp-Italic.svg#D-DINExp-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'D-DIN Condensed';
    src: url('fonts/D-DINCondensed.eot');
    src: url('fonts/D-DINCondensed.eot?#iefix') format('embedded-opentype'), url('fonts/D-DINCondensed.woff2') format('woff2'), url('fonts/D-DINCondensed.woff') format('woff'), url('fonts/D-DINCondensed.ttf') format('truetype'), url('fonts/D-DINCondensed.svg#D-DINCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'D-DIN';
    src: url('fonts/D-DIN-Bold.eot');
    src: url('fonts/D-DIN-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/D-DIN-Bold.woff2') format('woff2'), url('fonts/D-DIN-Bold.woff') format('woff'), url('fonts/D-DIN-Bold.ttf') format('truetype'), url('fonts/D-DIN-Bold.svg#D-DIN-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Condensed ';
    src: url('fonts/DINCondensed-Bold.eot');
    src: url('fonts/DINCondensed-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/DINCondensed-Bold.woff2') format('woff2'), url('fonts/DINCondensed-Bold.woff') format('woff'), url('fonts/DINCondensed-Bold.ttf') format('truetype'), url('fonts/DINCondensed-Bold.svg#DINCondensed-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('fonts/HelveticaNeue.eot');
    src: url('fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeue.woff2') format('woff2'), url('fonts/HelveticaNeue.woff') format('woff'), url('fonts/HelveticaNeue.ttf') format('truetype'), url('fonts/HelveticaNeue.svg#HelveticaNeue') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN';
    src: url('fonts/DIN-Medium.eot');
    src: url('fonts/DIN-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/DIN-Medium.woff2') format('woff2'), url('fonts/DIN-Medium.woff') format('woff'), url('fonts/DIN-Medium.ttf') format('truetype'), url('fonts/DIN-Medium.svg#DIN-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'D-DIN';
    src: url('fonts/D-DIN-Italic.eot');
    src: url('fonts/D-DIN-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/D-DIN-Italic.woff2') format('woff2'), url('fonts/D-DIN-Italic.woff') format('woff'), url('fonts/D-DIN-Italic.ttf') format('truetype'), url('fonts/D-DIN-Italic.svg#D-DIN-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
body {margin:0; padding:0; font-family:'D-Din condensed', sans-serif; font-size:14px; color:#292929; background-color:#fff; line-height:initial; font-weight:500;}
.button.btn-animation {position:relative; border:none; background-color:transparent; padding:0; border-radius:50px; overflow:hidden; cursor:pointer;}
.button.btn-animation::before {position:absolute; content:""; background-color:#ee3a26; transition:0.5s ease-out;}
.button.btn-animation::before {top:0; bottom:0; left:0; height:100%; width:0%; border-radius:50px;}
.button.btn-animation:hover::before {width:100%;}
.button.btn-animation:hover span {color:#fff; transition:0.2s 0.1s;}
.button.btn-animation span {position:relative; font-size:22px; font-family:'D-Din condensed', sans-serif; color:#292929; padding:3px 70px 3px 20px; background:transparent; border-radius:50px; text-transform:uppercase; font-weight:400; border:2px solid #ee3a26; display:block;}
.et_pb_row.vertical-center, .et_pb_row.vertical-center.et-last-child {padding:45px 0 !important; display:flex; flex-wrap:wrap; align-items:center;}
.et_pb_row.vertical_center_text, .et_pb_row.vertical_center_text.et-last-child {display:flex; flex-wrap:wrap; align-items:center;}


/* Start Contact Us Page  */

.sumo-contact-form .row {     display: flex;    flex: 100%;    gap: 35px;    justify-content: start;    align-items: center;    max-width:1200px;	margin: 0 auto;  }
.sumo-contact-form input[type="text"], .sumo-contact-form input[type="email"], .sumo-contact-form select {     width: 100%;    border-bottom: 1px solid #000;    border-top: none;    border-right: none;    border-left: none;    background: transparent;    font-size: 30px;    color: #313131;    padding: 14px 0;    margin-top: 15px; }
.sumo-contact-form textarea {     border: 1px solid #313131;    display: block;    margin-top: 20px;    background: transparent;    font-size: 30px;    height: 200px;    width:100%; }
.sumo-contact-form label.msg {     font-size: 30px;    color: #313131;    display: block;    margin-top: 30px;  }
.sumo-contact-form .wpcf7-not-valid-tip {     font-size: 17px;  }
.sumo-contact-form .col-6 {   display: inline-block;width: 50%;  }
.sumo-contact-form .col-12 { display:block;width: 100%;}
.button.btn-animation.white-text span {     color: #fff !important;  }
.sumo-location-card .et_pb_blurb_container ,.sumo-location-card .et_pb_module_header {     color: #fff;  }
.sumo-contact-form  .wpcf7-checkbox label {   display: inline-flex;  align-items: flex-start;  cursor: pointer;  position: relative;  }
.sumo-contact-form  .wpcf7-checkbox input[type="checkbox"] {   position: absolute;  opacity: 0; }
.sumo-contact-form  .wpcf7-checkbox .wpcf7-list-item-label {   position: relative;  padding-left: 40px;  font-size: 30px;  line-height: 35px;  color: #333; }
.sumo-contact-form  .wpcf7-checkbox .wpcf7-list-item-label::before {   content: "";  position: absolute;  left: 0;  top: 5px;  width: 23px;  height: 23px;  border: 1.5px solid #999;  background: transparent;  border-radius: 0;  }
.sumo-contact-form  .wpcf7-checkbox .wpcf7-list-item-label::after {   content: "";  position: absolute;  left: 9px;  top: 9px;  width: 5px;  height: 11px;  border: solid #000;  border-width: 0 2px 2px 0;  transform: rotate(45deg);  opacity: 0;  }
.sumo-contact-form  .wpcf7-checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label::before {   background-color: transparent;  border-color: #000; } 
.sumo-contact-form  .wpcf7-checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label::after {   opacity: 1; }
.sumo-contact-form  span.wpcf7-list-item.first.last {     margin: 0; }
.sumo-contact-form  .first-check {     margin-top: 20px;    margin-bottom:10px;  } 
.sumo-contact-form .col-12.sbmt-btn {     cursor: pointer;    margin-top: 20px;    display:block;  }
.sumo-contact-form .sbmt-btn .wpcf7-submit {   appearance: none;  -webkit-appearance: none;  background:linear-gradient(#ee3a26, #ee3a26) no-repeat left center / 0% 100%;   border: 2px solid #ee3a26;  border-radius: 50px;  padding: 3px 70px 3px 20px;  font-size: 22px;  font-family: 'D-Din condensed', sans-serif;  text-transform: uppercase;  font-weight: 400;  color: #292929;  cursor: pointer;  transition:background-size 0.5s ease-out,    color 0.2s ease 0.1s; }
.sumo-contact-form .sbmt-btn .wpcf7-submit:hover {  background-size: 100% 100%;  color: #fff;  }
.sumo-contact-form  .wpcf7-response-output { 	max-width: 1200px;    margin: 20px auto !important;    font-size: 16px;  }
.sumo-contact-form .dropdown-field .wpcf7-select {   appearance: none;  -webkit-appearance: none;  -moz-appearance: none;  background: transparent;  padding-right: 40px;  cursor: pointer;  }
.sumo-contact-form .dropdown-field .wpcf7-form-control-wrap {   position: relative;  display: block; } 
.sumo-contact-form .dropdown-field .wpcf7-form-control-wrap::after {   content: "";  position: absolute;  right: 10px;  top: 50%;  width: 18px;  height: 18px;  border-right: 1.5px solid #313131;    border-bottom: 1.5px solid #313131;  transform: translateY(-50%) rotate(45deg);  pointer-events: none;  transition: transform 0.3s ease;  }
.sumo-contact-form .dropdown-field .wpcf7-form-control-wrap.select-open::after {   transform: translateY(0%) rotate(-135deg);  }
.sumo-contact-form input[type="text"]::placeholder, .sumo-contact-form input[type="email"]::placeholder {     color: #313131;  }


/* End Contact Us Page  */

/* Start Studio Detail Page */

.dp-container {   max-width: 1440px;  width: 90%;  margin: 0 auto; z-index:1; } 

.studio-hero {    position: relative;  aspect-ratio: 16/9;  display: flex;  align-items: center;  background-size: cover;  background-position: center;  background-repeat: no-repeat;  color: #ffffff;  padding-top:80px;  padding-bottom:80px;}
.studio-hero::after {     content: "";    position: absolute;    left: 0;    top: 0;    bottom: 0;    width: 100%;    height: 100%;    display: block;    background: url(./images/bannerShape.webp) no-repeat top left;    background-size: contain;    }


.studio-hero:before {
	    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 1;
    opacity: 0.9;
}

/* 
.studio-hero::before {
  content: "";
  position: absolute;
  inset: 0;
   background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.75) 0%,
    rgba(0, 0, 0, 0.55) 40%,
    rgba(0, 0, 0, 0.2) 100%
  ); 
  z-index: 1;
} */

.studio-hero .container {   position: relative;  z-index: 2;  }
/* .studio-hero img.hb-logo{ 	width:74px;    height:auto;   padding-bottom:80px; } */
.studio-hero h1 {  font-size: 60px; line-height:1em; font-weight: 500;  color: #f4f0e5 !important;  margin-bottom: 10px;  text-transform: uppercase;  max-width: 700px; } 
.studio-hero p {     font-size: 20px;     line-height:23.8px;    max-width: 430px;  color: #f4f0e5;  }
.bottom-lines-banner {   position: absolute;  left: 0;  right: 0;  bottom: 30px;  max-width: 1440px;   width:92%;  margin: 0 auto;  display: flex;  justify-content: space-between;  }
.bottom-lines-banner span {   font-size:40px;  }
.dp-container.hero-container {max-width:1520px;}

.studio-gallery  .gallery-imgs {     display: flex;    flex-direction: row;    gap: 0; }
.studio-gallery .img-box img {     width: 100%;    height: auto; }
.studio-gallery {     padding-top: 30px;    padding-bottom: 50px; }
.gallery-imgs .img-box:nth-child(2), .gallery-imgs .img-box:nth-child(3) {     margin-left: -2px; }

.sd-mid-section {    background: #f3efe4; }
.top-dots {   max-width: 1440px;  width: 100%;  margin: 0 auto;  display: flex;  justify-content: space-between;  padding-top: 30px;  }
.top-dots span {   font-size:9px; }
.quote-row {   display: grid;  grid-template-columns: 1.2fr 1fr;  gap: 60px;  padding: 0 0 60px;  align-items: center; }
.top-games h2 {   font-size: 34px;  font-weight: 500;  margin-bottom: 15px;  color: #292929; }
.top-games p {   font-size: 18px;  line-height: 28.8px;  color: #292929;  max-width: 720px;  font-family: 'D-DINExp',Helvetica,Arial,Lucida,sans-serif; }
.top-games p.p-small {   font-size: 16px;  line-height: 26.8px;  color: #292929;  max-width: 720px;  font-family: 'D-DINExp',Helvetica,Arial,Lucida,sans-serif; }
.studio-quote {   position: relative;  background: #ee3827;  color: #fff;  padding: 55px 60px 65px 60px;  border-top-left-radius: 20px;  border-bottom-right-radius: 20px;  background-image: url("/wp-content/uploads/2025/12/quote.webp");  background-repeat: no-repeat;  background-position: bottom left;  background-size: 110px;  height: 100%;  }
.studio-quote::before {    content: "";    position: absolute;    left: -50px;    bottom: 0;    width: 80px;    height: 80px;    background: url("/wp-content/uploads/2025/12/Red-Corner.webp");    background-size: 80px; }
.studio-quote h3 {   font-size: 30px;  line-height: 1.4;  margin: 0 0 20px;  font-weight: 400;  color:#f4f0e5;  text-align:right;  }
.studio-quote span {   display: block;  text-align: right;  font-size: 30px;  font-weight: 400;  color:#f4f0e5; }
.studio-culture p {   font-size: 18px;  line-height: 28.8px;  color: #292929;  font-family: 'D-DINExp',Helvetica,Arial,Lucida,sans-serif; }
.studio-culture p.p-small {   font-size: 16px;  line-height: 26.8px;  color: #292929;  font-family: 'D-DINExp',Helvetica,Arial,Lucida,sans-serif;  }
.studio-culture h2 {   font-size: 34px;  font-weight: 500;  margin-bottom: 15px;   color: #292929; }
.studio-culture {     display: flex;    flex-direction: row;    flex-wrap: nowrap;     align-items:center;    width: 100%;    gap:50px; }
.studio-culture >img , .studio-culture > div{     width:50%; }
.studio-culture .culture-img img {     transform: scale(1);    -webkit-transition: all 0.6s ease-in-out;    -moz-transition: all 0.6s ease-in-out;    -ms-transition: all 0.6s ease-in-out;    -o-transition: all 0.6s ease-in-out;    transition: all 0.6s ease-in-out;    will-change: transform; }
.studio-culture  .culture-img img:hover {     transform: scale(1.05);  } 
.culture-img {     overflow: hidden; }
.top-dots.sd-line-bottom  span {   font-size:40px; }
.top-dots.sd-line-bottom {     padding-bottom: 50px;  }
.studio-culture a.button.btn-animation {     display: inline-block; }
.studio-culture .c-btn {     display: block;     text-align: right;   margin-top: 50px; }

.more-studios {  background: #292929;  padding: 0;  position: relative;  background-image:url("./images/blackList.webp");  background-size: cover;  background-position:center center;  background-repeat: repeat-y; }
.more-studios h2  { font-size: 34px;    font-weight: 500;    margin-bottom: 20px;    color: #fff;   text-transform:uppercase;      }
.studio-grid {   display: grid;  grid-template-columns: repeat(2, 1fr);  gap: 10px; }
.studio-card {   display: block;  background: #1a1a1a;  text-decoration: none; }
.studio-image {     overflow: hidden;    width: 100%;    aspect-ratio: 16 / 9;  }
.studio-card:hover .studio-image img {     transform: scale(1.05); }
.studio-image img {   transform: scale(1);  -webkit-transition: all 0.6s ease-in-out;  -moz-transition: all 0.6s ease-in-out;  -ms-transition: all 0.6s ease-in-out;  -o-transition: all 0.6s ease-in-out;  transition: all 0.6s ease-in-out;  }
.studio-content {   background: #f3efe6;  position: relative;  background-image: url("./images/postBg02.webp");  padding: 35px 25px;  background-size: cover;  min-height: 350px;  }
.studio-content::before {   content: "";  position: absolute;  inset: 0;  background-image: linear-gradient(    rgba(0,0,0,0.04) 1px,    transparent 1px  );  background-size: 40px 40px;  opacity: 0.3;  pointer-events: none; }
.studio-content h3 {   font-size: 22px;  font-weight: 500;  font-size: 36px;  letter-spacing: 0px;  line-height: 1.3;  color: #ee3a26;  font-weight: 400;  font-family: "D-DIN Condensed"; }
.studio-content p {   color: #292929;  font-size: 16px;  line-height: 27.8px;  font-weight: 400;  font-family: "D-DIN Exp"; }
.studio-btn a {     display: inline-flex;} 
.studio-btn {     text-align: right;    margin-top: 50px;    cursor:pointer; }
.top-dots.d-white {     color: #fff;    padding-top: 50px;    padding-bottom: 30px;  }
.studio-cta {   background: #f3efe6;  padding: 60px 0;  position: relative;  background-image:url("./images/ctaBG.webp");  background-repeat:no-repeat;  background-position:center center;  background-size:cover; background-attachment:fixed; }

.cta-inner {   display: grid;  grid-template-columns: 1fr 1fr;  align-items: start;  gap: 90px; } 
.cta-left h2 {   font-size: 68px;  font-weight: 400;  line-height: 1em;  color: #292929;   margin-left: auto !important;  max-width: 710px;  text-align: right; }
.cta-right {   text-align: left;  }
.cta-right p {   font-size: 16px;  color: #292929;  margin-bottom: 60px;  font-family: 'D-DINExp', Helvetica, Arial, Lucida, sans-serif;  font-size: 18px !important;  line-height: 1.6em !important; }
.cta-right a {     display: inline-flex; }
.cta-left {     text-align: right; }


/* End Studio Detail Page */

/* Start Career Page */


.career-table table {
  width: 100% !important;
  font-family: 'D-DINExp' !important;
 
 border:0 !important;
}

.career-table td,.career-table th {
  text-align: left !important;
  padding: 10px 24px !important;
font-family: 'D-DINExp' !important;
 color:#fff !important;
 letter-spacing: 0.9px !important;
  font-size: 18px !important;
border:none !important;
     text-transform: capitalize;
}


.career-table tr:nth-child(odd) {
    background-color: #414141 !important;
    color: #fff !important;

}

.career-table tr:nth-child(even) {
    background-color: #9f999991 !important;
    color: #fff !important;

}

table.career-table {
    border: none !important;
}
/* End Career Page */

/* ================================
   RESPONSIVE
================================ */

@media(max-width:1520px){
	.cta-left h2{   font-size:60px;  }
}


@media(max-width:1450px){
	
.studio-hero h1{    font-size:50px;  }
/* .studio-hero img.hb-logo{ 	width:70px;    padding-bottom:40px; }  */
.studio-content h3{      font-size:30px;   }
.studio-cta{   padding:50px 0; }

}

@media(max-width:1366px){
	 .cta-left h2{   font-size:51px;  }
}

@media(max-width:1199px){
	
.et_pb_row.vertical-center, .et_pb_row.vertical-center.et-last-child {    padding: 20px 0 !important;  }
	.career-table td,.career-table th {font-size:16px !important;}
	.cta-left h2{   font-size:51px;  }
	
}


@media(max-width:1024px){
	
.sumo-contact-form input[type="text"], .sumo-contact-form input[type="email"], .sumo-contact-form select , .sumo-contact-form label.msg{ 	font-size:25px; 	}
.sumo-contact-form .wpcf7-checkbox .wpcf7-list-item-label{ 	font-size:25px;     line-height:30px;	}	
.sumo-contact-form .dropdown-field .wpcf7-form-control-wrap::after{ 		width:14px;		height:14px;	}
	
}


@media(max-width:980px){
	
.sumo-location-card {     width: 33.3% !important; }
.studio-hero::after{ 		opacity:0.5;	}
/* .studio-hero img.hb-logo{ 	width:60px;     padding-bottom:21px;  } */
.studio-hero h1 {     font-size: 36px;   }
.studio-hero p {     font-size: 18px;  }
.quote-row {     grid-template-columns: 1fr;  }
.studio-quote {     padding: 50px 45px 70px;    margin-left: 50px;   min-height: 300px;  }
.studio-culture{ 		flex-wrap:wrap;	}
.studio-culture >img, .studio-culture > div {     width: 100%; }
.studio-quote span , .studio-quote h3{ 		font-size:25px;	}
.studio-culture .c-btn {     text-align: left; }
.studio-content {min-height: 250px;}
.cta-inner {     grid-template-columns: 1fr;    text-align: center;  }
.cta-left h2 {     text-align: center;    font-size: 42px;    line-height: 1.2;    text-align: center;    margin: auto;   }
.cta-inner {     gap: 15px;  }
.cta-right p{    margin-bottom:10px  }
.cta-right {     text-align: center;   }


}

@media(max-width:768px){
	
.et_pb_row.vertical-center, .et_pb_row.vertical-center.et-last-child {padding: 21px 0 !important;}
.sumo-location-card {    width: 100% !important; }
.sumo-contact-form .row{ 		display:block;	}
.sumo-contact-form .col-6{width:100%;}

}


@media(max-width:767px){
	
.studio-hero {     height:auto;     aspect-ratio: 3/4;    text-align: left;  }
.bottom-lines-banner{ 	bottom:10px;	}	
.studio-gallery .gallery-imgs{ 	flex-direction:column;	}
.studio-quote {     padding: 40px 30px 40px;    background-size: 90px;	margin-left: 30px;  }
.studio-quote::before {     left: -30px;    width: 40px;    height: 40px;    background-size: 40px; }
.studio-content {min-height: 1px;}
.studio-grid {     grid-template-columns: 1fr;  }
.gallery-imgs .img-box:nth-child(2), .gallery-imgs .img-box:nth-child(3) {     margin-left: 0; }
.studio-btn {     text-align: left;  }
.cta-left h2{   font-size:36px;  }	
.studio-hero.innerPageBanner .innerBannerContentBlk {     padding: 0 !important; }	
.studio-hero h1 { margin-bottom:0; }
.sumo-contact-form input[type="text"], .sumo-contact-form input[type="email"], .sumo-contact-form select, .sumo-contact-form label.msg {   font-size: 18px; }
.sumo-contact-form .wpcf7-checkbox .wpcf7-list-item-label {   font-size: 18px;    line-height: 1.2;    padding-left: 30px; }
.sumo-contact-form  .wpcf7-checkbox .wpcf7-list-item-label::before {   top: 1px;    width: 18px;    height: 18px; }
.sumo-contact-form  .wpcf7-checkbox .wpcf7-list-item-label::after {   left: 8px;    top: 5px;    width: 3px;    height: 8px; }
.sumo-contact-form textarea {   font-size: 18px;    height: 140px;}
.sumo-section.contactForm02 {padding: 20px 0 !important;}
.sumo-section.contactForm02  .contact-form {padding: 0 !important;}


}

@media(max-width:480px){

/* .studio-hero img.hb-logo{ 	width:50px;  } */

}

/* ================================
   DARK SECTION TEXT COLORS
================================ */
.sumo-section--dark h2,
.sumo-section--dark h3,
.sumo-section--dark h4,
.sumo-section--dark p,
.sumo-section--dark .et_pb_text_inner,
.sumo-section--dark .sumo-heading h2,
.sumo-section--dark .sumo-heading h3,
.sumo-section--dark .sumo-body,
.sumo-section--dark .sumo-body p {
    color: #fff !important;
}

/* ================================
   HERO DARK TEXT COLORS
================================ */
.sumo-hero--dark h1,
.sumo-hero--dark h2,
.sumo-hero--dark h3,
.sumo-hero--dark h4,
.sumo-hero--dark p,
.sumo-hero--dark .et_pb_text_inner,
.sumo-hero--dark .et_pb_module_header,
.sumo-hero--dark .banner-intro {
    color: #f4f0e5 !important;
}