/*
Theme Name:         DCA Foundation
Author:             Drive Creative Agency
Description:        The carefully crafted DCA starting point built on the back of Zurb's FoundationPress and the Foundation Grid system
Version:            6.4.0
*/

/* ----------------------------------------------------------------------------

ALL STYLES ARE FOUND IN THE DIST FOLDER UNDER CSS - APP.CSS

---------------------------------------------------------------------------- */
.website_header {
  background-image: url('../DCAFoundation/dist/assets/images/header_background.jpg');
}
.grungy-white-background {
  position: relative;
  z-index: 0;
}

.grungy-white-background::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url('../DCAFoundation/dist/assets/images/header_background.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.20;
  z-index: -1;
}
.red-text {
  color: #E62349;
}
@media print, screen and (max-width:40em){
  .move_to_mid_v2{
  text-wrap: balance;
}
.sizeupdater{
  font-size: 20px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.size_increaser{
  font-size: 20px !important;
  line-height: 30px !important;
  margin-bottom: 20px !important;
  margin-top: 30px !important;
  font-weight: 600 !important;
}
}
.custom_sizer{
  font-size: 16px;
}

@media print, screen and (min-width:64em){
  .sizeupdater{
  color: #FFBF66;
  text-align: center;
  font-family: 'Roboto';
  font-size: 29px !important;
  font-style: italic;
  font-weight: 600;
  line-height: 33px; 
  text-transform: capitalize;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}

.size_increaser{
  font-size: 32px !important;
  line-height: 34px !important;
  margin-bottom: 20px !important;
  font-weight: 600 !important;
}
.button_spacering{
  margin-top:50px !important;
}
.text-spaciering{
  margin-top: 30px !important;
}
.text-bottom-spacing{
  margin-bottom:40px !important;
}
.line_giver{
  line-height: 34px !important;
}
.custom_sizer{
  font-size: 20px;
}
}

.liner{
  line-height: 24px !important;
}

.secliner{
  line-height: 18px !important;
}

.grid_spacer{
  column-gap: 2em;
}

.side_spacer{
  padding:0 5px
}

.move_to_mid{
  text-wrap: balance;
}

@media print, screen and (min-width:64em){
.spacingout{
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}
}
.bottom-spacing{
  margin-bottom: 50px;
}

.stayclose{
  max-width: 800px;
}

.handyman{
  max-width: 890px;
}
.custom-size{
  max-width: 1600px;
      margin: 90px auto 0px;
      padding: 0px;
      display: grid !important;
      column-count: 2;
}

@media  screen, print and (min-width:64em) {
  .custom-size{
      padding: 50px 20px 0px 20px;
      margin-top: 0px;
      padding-top: 0px;
}
}

.sizering{
  min-width: 100%;
}
.checkonetwo{
  font-size: 24px !important;
  line-height: 40px !important;
  color: #2C2C2C !important;
  opacity: .6;
}

.alignerher{
  text-wrap:balance;
}

@media print, screen and (max-width: 40em){
  .grid-cols-1{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media screen and (min-width: 90em) {
    .offcan_site_wrapper.dosnav_active {
        padding-top: 166px;
    }
}
.spacingtwo{
  padding-bottom: 40px !important;
}
.line-spacing_p{
  line-height: normal !important;
}

.line-spacing_ap{
  line-height: 28px !important;
}

.hero-sizechange{
  font-size:60px !important;
}
.left-spacing{
  padding-left: 100px !important;
}
.maxy{
  max-width: 1750px;
}
.p_width{
  max-width: 700px;
}

.red-text:hover {
  color: #a1243d; 
}
.main_toolbar {
  height: 70px;
  background-color: #fefefeeb;
}
.main_right {
    position: inherit;
}
.mainbar_nav ul li a {
  color: #2C2C2C;
}

@media screen and (min-width: 75em) {
    .mainbar_nav ul li {
        font-size: 18px;
    }
}
.secondary_nav_menu {
  margin-top: -25px;
}
.secondary_nav_submenu {
  left: -20px !important;
  top: auto !important;
  width: 310px !important;
  margin-left: 13px !important;
  border: 3px solid white !important;
}
.secondary_nav_item {
  background-color: #E62349;
  border: 4px solid #FFF;
  color: #FFEF46;
  padding: 10px 0;
  font-weight: bold;
  font-style: italic;
  height: auto;
  text-transform: uppercase;
  font-size: 14.55px;
}
  @media print, screen and (min-width: 64em) {
    .main_toolbar {
      padding: 20px 0 0 0;
      box-shadow: none;
      overflow: visible;
      height: auto;
    } 
}
@media screen and (max-width: 768px) {
  .main_toolbar {
    height: 70px;
  }
  header {
    height: 70px;
  }
}
.toolbar_logo {
  position: relative;
  display: inline-block;
  transition: all .3s ease-in-out;
  margin-top: auto;
}

@media screen and (max-width: 787px) {
  .toolbar_logo {
    margin-top: auto;
  }
}

.custom-header-display{
  display: flex;
  align-items: center;
}

@media print, screen and (min-width:64em){
  .custom_header{
  display: flex;
  padding-left: 3rem;
  top: -10px;
  position: relative;
}
.custom-header-sizing{
  font-size: 20px;
}
.custom-extra-sizing{
  font-size: 16px;
}}

@media print, screen and (min-width:90em){
.custom-header-sizing{
  font-size: 30px;
}
.custom-extra-sizing{
  font-size: 20px;
}}

.phone_icon {
  background: #E62349;
  border-radius: 64px;
  padding: 10px;
  min-width: 40px;
  height: 40px;
}
@media screen and (max-width: 64em) {
  #mobile_nav_trigga {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  }

}
.slider-logos {
  width: 180px;
  height: 95px;
  background-color: lightgray;
  text-align: center;
  padding: 5px;
  margin: 5px;
  display: inline-flex;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

.animate-slide {
  animation: scroll-left 30s linear infinite;
}
.foota_nav ul li {
  display: block;
}
.foota_nav ul li a {
  color: #2C2C2C;
  font-style: italic;
  padding-top: 15px;
}
.foota_nav ul li a::after {
  display: none;
}
ul.sub-menu {
  overflow: hidden;
  transition: height 0.4s ease;
  height: 0;
  display: none;
  width: 103% !important
}
ul.sub-menu.opened {
  display: block;
}

.subset_toggle {
  position: relative;
  background: none !important;
  background-size: 0 !important;
  width: auto;
  height: auto;
  padding-left: 0.25rem; /* optional spacing */
  margin-left: 0.5rem;
  display: inline-flex;
  align-items: center;
  transition: transform 0.3s ease-in-out;
}

/* Rotate on hover via group-hover or class */
.group:hover .subset_toggle {
  transform: rotate(180deg);
}

.subset_toggle.opened {
  transform: rotate(180deg);
}

.subset_toggle svg {
  width: 32px;
  height: 28px;
  color: #e11d48;
  transform-origin: center center;
}

/* Desktop override */
@media (min-width: 1024px) {
  .subset_toggle svg {
    color: white;
  }
}

.offcan_nav_wrapper ul.sub-menu li a {
  padding: 18px 13px 18px 40px !important;
  letter-spacing: 1.5px;
  color: #ffffff;
  text-shadow: none;
  border-top: 1px solid #e11d48; }

  .mobile-child-pages {
  transition: max-height 0.3s ease;
  overflow: hidden;
}

.social_icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0 auto;
    background-color: #fde047; /* Tailwind yellow-300 */
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
}

.yellow-linkedin {
    -webkit-mask-image: url(/images/icon_linkedin.svg);
    mask-image: url(/images/icon_linkedin.svg);
}
.desktop-hero-to-mobile {
    background-position-x: 250px;
    background-size: 110%;
    background-position-y: -325px;
}
@media screen and (min-width: 1442px) and (max-width: 2400px){
  .desktop-hero-to-mobile {
    background-position-y: inherit;
  }
}
@media screen and (min-width: 788px) and (max-width: 1441px) {
  .desktop-hero-to-mobile {
    background-position: center;
    background-size: cover;
  }
}
@media screen and (max-width: 787px) {
  .desktop-hero-to-mobile {
    background-position: bottom center;
    background-size: cover;
  }
}

.mobile-hero-adjustor{
  background-position-y: 17px;
  height: 42rem;
}

/* larger width devices */ 
@media screen and (max-width: 640px) {
  .mobile-hero-adjustor{
        background-position-y: -70px;
        height: 46rem;
        background-size: 165%;
        background-position-x: -70px;
  }
}
/* smaller width devices */
@media screen and (max-width: 414px) {
  .mobile-hero-adjustor{
        background-position-x: -155px;
        height: 43rem;
        background-size: 224%;
        background-position-y: -305px;
  }  
}
/* smallest width devices */
@media screen and (max-width: 375px) {
  .mobile-hero-adjustor{
        background-position-y: -270px;
  }  
}

/* smallest width devices */
@media screen and (max-width: 320px) {
  .mobile-hero-adjustor{
        background-position-y: -145px;
  }  
}

.build-your-career {
  background-position-x: -100%;
  background-size: cover !important;
  background-position-y: 43%;
}
@media screen and (min-width: 1442px) and (max-width: 2400px){
  .build-your-career {
        background-position-x: 100%;
        background-size: 65%;
  }
}
@media screen and (min-width: 788px) and (max-width: 1441px) {
  .build-your-career {
        background-position-x: 100%;
        background-position-y: 44%;
  }
}

@media screen and (max-width: 787px) {
  .build-your-career {
        background-position-x: 97%;
  }
}

.mobile-build-your-career {
  background-position-y: 17px;
  height: 42rem;
}

/* larger width devices */ 
@media screen and (max-width: 640px) {
  .mobile-build-your-career {
    background-position-y: 205px;
    height: 46rem;
    background-size: 130%;
    background-position-x: 0px;
  }
}
/* smaller width devices */
@media screen and (max-width: 414px) {
  .mobile-build-your-career {
    background-position-x: 0px;
    height: 40rem;
    background-size: 100%;
    background-position-y: 250px;
  }  
}
/* smallest width devices */
@media screen and (max-width: 375px) {
  .mobile-build-your-career {
        background-position-y: 400px;
        height: 44rem;
  }  
}

.mobile-about-us-hero {
  background-position-y: 17px;
  height: 42rem;
}

/* larger width devices */ 
@media screen and (max-width: 640px) {
  .mobile-about-us-hero {
        background-position-y: 405px;
        height: 39rem;
        background-size: 125%;
        background-position-x: 0px;
  }
}
/* smaller width devices */
@media screen and (max-width: 414px) {
  .mobile-about-us-hero {
        background-position-x: 0px;
        height: 42rem;
        background-size: 142%;
        background-position-y: 470px;
  }  
}
/* smallest width devices */
@media screen and (max-width: 375px) {
  .mobile-about-us-hero {
        background-position-y: 552px;
        height: 48rem;
        background-size: 155%;
  }  
}

.mobile-growth-community {
  background-position-y: 17px;
  height: 42rem;
}

/* larger width devices */ 
@media screen and (max-width: 640px) {
  .mobile-growth-community {
        background-position-y: 365px;
        height: 35rem;
        background-size: 125%;
        background-position-x: -100px;
  }
}
/* smaller width devices */
@media screen and (max-width: 414px) {
  .mobile-growth-community {
        background-position-x: -60px;
        height: 35rem;
        background-size: 120%;
        background-position-y: 355px;
  }  
}
/* smallest width devices */
@media screen and (max-width: 375px) {
  .mobile-growth-community {
        background-position-y: 435px;
        height: 41rem;
        background-size: 155%;
        background-position-x: -170px;
  }  
}

.maxxier {
    display: flex;
    position: relative;
    max-width: 1300px;
    margin: 0px auto;
}
.padder{
  padding-top: 40px !important;
  padding-bottom: 5% !important;
}

@media print, screen and (min-width:64em){
.padder{
  padding-top: 4% !important;
  padding-bottom: 4% !important;
}
}

.high-guy {
    background-position-x: 1075px;
    background-size: 60%;
}
@media screen and (min-width: 1442px) and (max-width: 2400px){
  .high-guy {
    background-position-x: 375px;
    background-size: 60%;
  }
}
@media screen and (min-width: 1440px) and (max-width: 1720px) {
  .high-guy {
    background-position-x: 630px;
  }
}
@media screen and (min-width: 788px) and (max-width: 1439px) {
  .high-guy {
    background-position-x: 430px;
  }
}
@media screen and (max-width: 787px) {
  .high-guy {
    background-position-x: 355px;
  }
}

.mobile-high-guy {
  background-position-y: 17px;
  height: 42rem;
}

/* larger width devices */ 
@media screen and (max-width: 640px) {
  .mobile-high-guy {
        background-position-y: 205px;
        height: 43rem;
        background-size: 125%;
        background-position-x: -100px;
  }
}
/* smaller width devices */
@media screen and (max-width: 414px) {
  .mobile-high-guy {
        background-position-x: -60px;
        height: 50rem;
        background-size: 120%;
        background-position-y: 355px;
  }  
}
/* smallest width devices */
@media screen and (max-width: 375px) {
  .mobile-high-guy {
background-position-y: 200px;
        height: 50rem;
        background-size: 155%;
        background-position-x: -75px;
  }  
}

.mobile-contact-hero {
  background-position-y: 17px;
  height: 20rem;
}

/* larger width devices */ 
@media screen and (max-width: 640px) {
  .mobile-contact-hero {
        background-position-y: 210px;
        height: 23rem;
        background-size: 115%;
        background-position-x: -60px;
  }
}
/* smaller width devices */
@media screen and (max-width: 414px) {
  .mobile-contact-hero {
        background-position-x: -10px;
        height: 23rem;
        background-size: 105%;
        background-position-y: 235px;
  }  
}
/* smallest width devices */
@media screen and (max-width: 375px) {
  .mobile-contact-hero {
        background-position-y: 185px;
        height: 26rem;
        background-size: 155%;
        background-position-x: -2px;
  }  
}

.mobile-electrical-hero {
  background-position-y: 17px;
  height: 20rem;
}

/* larger width devices */ 
@media screen and (max-width: 640px) {
  .mobile-electrical-hero {
        background-position-y: 365px;
        height: 37rem;
        background-size: 115%;
        background-position-x: -60px;
  }
}
/* smaller width devices */
@media screen and (max-width: 414px) {
  .mobile-electrical-hero {
        background-position-x: -10px;
        height: 46rem;
        background-size: 105%;
        background-position-y: 510px;
  }  
}
/* smallest width devices */
@media screen and (max-width: 375px) {
  .mobile-electrical-hero {
        background-position-y: 490px;
        height: 48rem;
        background-size: 155%;
        background-position-x: -2px;
  }  
}

.mobile-stay-compliant {
  background-position-y: 17px;
  height: 20rem;
}

/* larger width devices */ 
@media screen and (max-width: 640px) {
  .mobile-stay-compliant {
        background-position-y: 365px;
        height: 33rem;
        background-size: 115%;
        background-position-x: -15px;
  }
}
/* smaller width devices */
@media screen and (max-width: 414px) {
  .mobile-stay-compliant {
        background-position-x: -10px;
        height: 40rem;
        background-size: 105%;
        background-position-y: 450px;
  }  
}
/* smallest width devices */
@media screen and (max-width: 375px) {
  .mobile-stay-compliant {
        background-position-y: 460px;
        height: 42rem;
        background-size: 155%;
        background-position-x: -79px;
  }  
}

.preventative-maintenance-hero {
  background-position-y: 17px;
  height: 20rem;
}

/* larger width devices */ 
@media screen and (max-width: 640px) {
  .preventative-maintenance-hero {
        background-position-y: 365px;
        height: 37rem;
        background-size: 115%;
        background-position-x: -60px;
  }
}
/* smaller width devices */
@media screen and (max-width: 414px) {
  .preventative-maintenance-hero {
        background-position-x: -10px;
        height: 41rem;
        background-size: 105%;
        background-position-y: 465px;
  }  
}
/* smallest width devices */
@media screen and (max-width: 375px) {
  .preventative-maintenance-hero {
        background-position-y: 450px;
        height: 44rem;
        background-size: 155%;
        background-position-x: -2px;
  }  
}

.load-study-hero {
    background-position-y: -226px;
    height: auto;
    background-size: 60%;
    background-position-x: 100%;
}

@media screen and (min-width: 788px) and (max-width: 1441px) {
  .load-study-hero {
        background-position-y: -25px;
        height: auto;
        background-size: 90%;
        background-position-x: 260px;
  }
}

@media screen and (max-width: 787px) {
  .load-study-hero {
        background-position-y: -25px;
        height: auto;
        background-size: 90%;
        background-position-x: 260px;
  }
}
/* larger width devices */ 
@media screen and (max-width: 640px) {
  .load-study-hero {
        background-position-y: 365px;
        height: 37rem;
        background-size: 115%;
        background-position-x: -60px;
  }
}
/* smaller width devices */
@media screen and (max-width: 414px) {
  .load-study-hero {
        background-position-x: -10px;
        height: 41rem;
        background-size: 105%;
        background-position-y: 465px;
  }  
}
/* smallest width devices */
@media screen and (max-width: 375px) {
  .load-study-hero {
        background-position-y: 450px;
        height: 44rem;
        background-size: 155%;
        background-position-x: -2px;
  }  
}

.mobile-load-study-hero {
  background-position-y: 17px;
  height: 20rem;
}

@media print, screen and (min-width:40em){
  .mobile-load-study-hero {
  background-position-y: 17px;
  height: 35rem;
  background-size: cover;
}
}

/* larger width devices */ 
@media screen and (max-width: 640px) {
  .mobile-load-study-hero {
        background-position-y: 335px;
        height: 40rem;
        background-size: 115%;
        background-position-x: -60px;
  }
}
/* smaller width devices */
@media screen and (max-width: 414px) {
  .mobile-load-study-hero {
        background-position-x: -10px;
        height: 42rem;
        background-size: 105%;
        background-position-y: 390px;
  }  
}
/* smallest width devices */
@media screen and (max-width: 375px) {
  .mobile-load-study-hero {
        background-position-y: 425px;
        height: 48rem;
        background-size: 155%;
        background-position-x: -105px;
  }  
}

.mobile-stay-compliant-ls, .mobile-stay-compliant-ti {
  background-position-y: 17px;
  height: 20rem;
}

@media print, screen and (min-width:40em){
  .mobile-stay-compliant-ls, .mobile-stay-compliant-ti {
  background-position-y: 17px;
  height: 35rem;
  background-size: cover;
}
}

/* larger width devices */ 
@media screen and (max-width: 640px) {
  .mobile-stay-compliant-ls, .mobile-stay-compliant-ti {
background-position-y: 420px;
        height: 54rem;
        background-size: 105%;
        background-position-x: -15px;
  }
}
/* smaller width devices */
@media screen and (max-width: 414px) {
  .mobile-stay-compliant-ls, .mobile-stay-compliant-ti {
        background-position-x: -10px;
        height: 57rem;
        background-size: 105%;
        background-position-y: 500px;
  }  
}
/* smallest width devices */
@media screen and (max-width: 375px) {
  .mobile-stay-compliant-ls {
        background-position-y: 712px;
        height: 73rem;
        background-size: 140%;
        background-position-x: -79px;
  }  
}

/* smallest width devices */
@media screen and (max-width: 375px) {
  .mobile-stay-compliant-ti {
        height: 50rem;
        background-size: 110%;
        background-position-y: 410px;
  }  
}


.ls-desk {
    background-size: cover;
}
/*
@media screen and (min-width: 788px) and (max-width: 1441px) {
  .ls-desk {
        background-position-y: -25px;
        height: auto;
        background-size: 90%;
        background-position-x: 260px;
  }
}
*/
@media screen and (max-width: 787px) {
  .ls-desk {
        background-position-y: center;
        height: auto;
        background-position-x: right;
  }
}
/* larger width devices */ 
@media screen and (max-width: 640px) {
  .ls-desk {
        background-position-y: 365px;
        height: 37rem;
        background-size: 115%;
        background-position-x: -60px;
  }
}
/* smaller width devices */
@media screen and (max-width: 414px) {
  .ls-desk {
        background-position-x: -10px;
        height: 41rem;
        background-size: 105%;
        background-position-y: 465px;
  }  
}
/* smallest width devices */
@media screen and (max-width: 375px) {
  .ls-desk {
        background-position-y: 450px;
        height: 44rem;
        background-size: 155%;
        background-position-x: -2px;
  }  
}

.mobile-trans-insp {
  background-position-y: 17px;
  height: 20rem;
}

/* larger width devices */ 
@media screen and (max-width: 640px) {
  .mobile-trans-insp {
background-position-y: 545px;
        height: 46rem;
        background-size: 105%;
        background-position-x: -15px;
  }
}
/* smaller width devices */
@media screen and (max-width: 414px) {
  .mobile-trans-insp {
        background-position-x: -10px;
        height: 51rem;
        background-size: 105%;
        background-position-y: 620px;
  }  
}
/* smallest width devices */
@media screen and (max-width: 375px) {
  .mobile-trans-insp {
        background-position-y: 712px;
        height: 57rem;
        background-size: 140%;
        background-position-x: -79px;
  }  
}

.mobile-emer-gen {
  background-position-y: 17px;
  height: 20rem;
}

/* larger width devices */ 
@media screen and (max-width: 640px) {
  .mobile-emer-gen {
background-position-y: 545px;
        height: 46rem;
        background-size: 105%;
        background-position-x: -15px;
  }
}
/* smaller width devices */
@media screen and (max-width: 414px) {
  .mobile-emer-gen {
        background-position-x: -10px;
        height: 51rem;
        background-size: 105%;
        background-position-y: 620px;
  }  
}
/* smallest width devices */
@media screen and (max-width: 375px) {
  .mobile-emer-gen {
        background-position-y: 765px;
        height: 60rem;
        background-size: 140%;
        background-position-x: -50px;
  }  
}

.mobile-pp {
  background-position-y: 17px;
  height: 20rem;
}

/* larger width devices */ 
@media screen and (max-width: 640px) {
  .mobile-pp {
        background-position-y: 480px;
        height: 44rem;
        background-size: 105%;
        background-position-x: -15px;
  }
}
/* smaller width devices */
@media screen and (max-width: 414px) {
  .mobile-pp {
background-position-x: -10px;
        height: 45rem;
        background-size: 105%;
        background-position-y: 515px;
  }  
}
/* smallest width devices */
@media screen and (max-width: 375px) {
  .mobile-pp {
background-position-y: 580px;
        height: 52rem;
        background-size: 140%;
        background-position-x: -50px;
  }  
}

.mobile-turnkey {
  background-position-y: 17px;
  height: 20rem;
}

/* larger width devices */ 
@media screen and (max-width: 640px) {
  .mobile-turnkey {
background-position-y: 565px;
        height: 48rem;
        background-size: 105%;
        background-position-x: -15px;
  }
}
/* smaller width devices */
@media screen and (max-width: 414px) {
  .mobile-turnkey {
background-position-x: -10px;
        height: 51rem;
        background-size: 105%;
        background-position-y: 605px;
  }  
}
/* smallest width devices */
@media screen and (max-width: 375px) {
  .mobile-turnkey {
        background-position-y: 705px;
        height: 58rem;
        background-size: 140%;
        background-position-x: -50px;
  }  
}

.mobile-infra-therm {
  background-position-y: 17px;
  height: 20rem;
}

/* larger width devices */ 
@media screen and (max-width: 640px) {
  .mobile-infra-therm {
        height: 50rem;
        background-size: 105%;
        background-position-x: -15px;
        background-position-y: 590px;
  }
}
/* smaller width devices */
@media screen and (max-width: 414px) {
  .mobile-infra-therm {
        background-position-x: -10px;
        height: 59rem;
        background-size: 105%;
        background-position-y: 740px;
  }  
}
/* smallest width devices */
@media screen and (max-width: 375px) {
  .mobile-infra-therm {
background-position-y: 830px;
        height: 67rem;
        background-size: 140%;
        background-position-x: -50px;
  }  
}

.mobile-safer {
  background-position-y: 17px;
  height: 20rem;
}

/* larger width devices */ 
@media screen and (max-width: 640px) {
  .mobile-safer {
        height: 44rem;
        background-size: 105%;
        background-position-x: -15px;
        background-position-y: 440px;
  }
}
/* smaller width devices */
@media screen and (max-width: 414px) {
  .mobile-safer {
        background-position-x: -10px;
        height: 48rem;
        background-size: 105%;
        background-position-y: 505px;
  }  
}
/* smallest width devices */
@media screen and (max-width: 375px) {
  .mobile-safer {
background-position-y: 630px;
        height: 56rem;
        background-size: 120%;
        background-position-x: -50px;
  }  
}

/* larger width devices */ 
@media screen and (max-width: 640px) {
  .mobile-rextouch {
height: 31rem;
        background-size: 105%;
        background-position-x: -15px;
        background-position-y: 350px;
  }
}
/* smaller width devices */
@media screen and (max-width: 414px) {
  .mobile-rextouch {
        background-position-x: -50px;
        height: 34rem;
        background-size: 120%;
        background-position-y: 391px;
  }  
}
/* smallest width devices */
@media screen and (max-width: 375px) {
  .mobile-rextouch {
        background-position-y: 415px;
        height: 36rem;
        background-size: 145%;
        background-position-x: -85px;
  }  
}

/* larger width devices */ 
@media screen and (max-width: 640px) {
  .m-elec-con {
        height: 43rem;
        background-size: 105%;
        background-position-x: -15px;
        background-position-y: 500px;
  }
}
/* smaller width devices */
@media screen and (max-width: 414px) {
  .m-elec-con {
        background-position-x: -35px;
        height: 49rem;
        background-size: 120%;
        background-position-y: 580px;
  }  
}
/* smallest width devices */
@media screen and (max-width: 375px) {
  .m-elec-con {
        background-position-y: 660px;
        height: 55rem;
        background-size: 145%;
        background-position-x: -60px;
  }  
}

/* larger width devices */ 
@media screen and (max-width: 640px) {
  .mobile-pp-hero-main {
height: 32rem;
        background-size: 105%;
        background-position-x: -15px;
        background-position-y: 275px;
  }
}
/* smaller width devices */
@media screen and (max-width: 414px) {
  .mobile-pp-hero-main {
        background-position-x: -35px;
        height: 38rem;
        background-size: 120%;
        background-position-y: 350px;
  }  
}
/* smallest width devices */
@media screen and (max-width: 375px) {
  .mobile-pp-hero-main {
background-position-y: 450px;
        height: 43rem;
        background-size: 145%;
        background-position-x: -60px;
  }  
}

/* larger width devices */ 
@media screen and (max-width: 640px) {
  .mobile-turnkey-main {
height: 37rem;
        background-size: 105%;
        background-position-x: -15px;
        background-position-y: 380px;
  }
}
/* smaller width devices */
@media screen and (max-width: 414px) {
  .mobile-turnkey-main {
        background-position-x: -35px;
        height: 38rem;
        background-size: 120%;
        background-position-y: 395px;
  }  
}
/* smallest width devices */
@media screen and (max-width: 375px) {
  .mobile-turnkey-main {
background-position-y: 450px;
        height: 41rem;
        background-size: 145%;
        background-position-x: -60px;
  }  
}

/* larger width devices */ 
@media screen and (max-width: 640px) {
  .mobile-trans-insp-main {
height: 37rem;
        background-size: 105%;
        background-position-x: -15px;
        background-position-y: 350px;
  }
}
/* smaller width devices */
@media screen and (max-width: 414px) {
  .mobile-trans-insp-main {
        background-position-x: -35px;
        height: 38rem;
        background-size: 120%;
        background-position-y: 395px;
  }  
}
/* smallest width devices */
@media screen and (max-width: 375px) {
  .mobile-trans-insp-main {
background-position-y: 450px;
        height: 43rem;
        background-size: 145%;
        background-position-x: -60px;
  }  
}

/* larger width devices */ 
@media screen and (max-width: 640px) {
  .mobile-infra-therm-main {
        height: 55rem;
        background-size: 105%;
        background-position-x: -15px;
        background-position-y: 586px;
  }
}
/* smaller width devices */
@media screen and (max-width: 414px) {
  .mobile-infra-therm-main {
        background-position-x: -90px;
        height: 60rem;
        background-size: 146%;
        background-position-y: 595px;

  }  
}
/* smallest width devices */
@media screen and (max-width: 375px) {
  .mobile-infra-therm-main {
background-position-y: 650px;
        height: 66rem;
        background-size: 195%;
        background-position-x: -185px;
  }  
}

/* larger width devices */ 
@media screen and (max-width: 640px) {
  .mobile-prev-main-main {
height: 37rem;
        background-size: 105%;
        background-position-x: -15px;
        background-position-y: 350px;
  }
}
/* smaller width devices */
@media screen and (max-width: 414px) {
  .mobile-prev-main-main {
        background-position-x: -35px;
        height: 38rem;
        background-size: 120%;
        background-position-y: 395px;
  }  
}
/* smallest width devices */
@media screen and (max-width: 375px) {
  .mobile-prev-main-main {
background-position-y: 450px;
        height: 43rem;
        background-size: 145%;
        background-position-x: -60px;
  }  
}

/* larger width devices */ 
@media screen and (max-width: 640px) {
  .mobile-prev-main-main {
height: 40rem;
        background-size: 105%;
        background-position-x: -15px;
        background-position-y: 205px;
  }
}
/* smaller width devices */
@media screen and (max-width: 414px) {
  .mobile-prev-main-main {
        background-position-x: -90px;
        height: 60rem;
        background-size: 146%;
        background-position-y: 595px;

  }  
}
/* smallest width devices */
@media screen and (max-width: 375px) {
  .mobile-prev-main-main {
background-position-y: 380px;
        height: 46rem;
        background-size: 100%;
        background-position-x: 0px;
  }  
}

/* larger width devices */ 
@media screen and (max-width: 640px) {
  .mobile-build-your-career-home {
        background-position-y: 435px;
        height: 39rem;
        background-size: 175%;
        background-position-x: -305px;
  }
}
/* smaller width devices */
@media screen and (max-width: 414px) {
  .mobile-build-your-career-home {
        background-position-y: 390px;
        height: 39rem;
        background-size: 250%;
        background-position-x: -540px;
  }  
}
/* smallest width devices */
@media screen and (max-width: 375px) {
  .mobile-build-your-career-home {
        background-position-y: 450px;
        height: 42rem;
        background-size: 250%;
        background-position-x: -463px;
  }  
}

/* larger width devices */ 
@media screen and (max-width: 787px) {
  #ind-sol-brochure {
        background-position-y: 435px;
        height: 28rem;
        background-size: 175%;
        background-position-x: -305px;
  }
}

/* larger width devices */ 
@media screen and (max-width: 640px) {
  #ind-sol-brochure {
        background-position-y: 435px;
        height: 28rem;
        background-size: 175%;
        background-position-x: -305px;
  }
}
/* smaller width devices */
@media screen and (max-width: 414px) {
  #ind-sol-brochure {
        background-position-y: 390px;
        height: 30rem;
        background-size: 250%;
        background-position-x: -540px;
  }  
}
/* smallest width devices */
@media screen and (max-width: 375px) {
  #ind-sol-brochure {
        background-position-y: 450px;
        height: 27rem;
        background-size: 250%;
        background-position-x: -463px;
  }  
}

/* larger width devices */ 
@media screen and (max-width: 640px) {
  .mobile-ad-page-gradient-main {
        background-position-y: 235px;
        height: 45rem;
        background-size: 175%;
        background-position-x: -305px;
  }
}
/* smaller width devices */
@media screen and (max-width: 414px) {
  .mobile-ad-page-gradient-main {
background-position-y: 261px;
        height: 46rem;
        background-size: 250%;
        background-position-x: -320px;
  }  
}
/* smallest width devices */
@media screen and (max-width: 375px) {
  .mobile-ad-page-gradient-main {
background-position-y: 250px;
        height: 50rem;
        background-position-x: -336px;
  }  
}