@charset "utf-8";


@font-face {
    font-family: 'PFDasGroteskPro-Light';
    src: url('../fonts/PFDasGroteskPro-Light.eot');
    src: url('../fonts/PFDasGroteskPro-Light.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/PFDasGroteskPro-Light.woff') format('woff'), 
         url('../fonts/PFDasGroteskPro-Light.svg#PFDasGroteskPro-Light') format('svg'); 
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'PFDasGroteskPro-Regular';
    src: url('../fonts/PFDasGroteskPro-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/PFDasGroteskPro-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/PFDasGroteskPro-Regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/PFDasGroteskPro-Regular.svg#PFDasGroteskPro-Regular') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'PFDasGroteskPro-Medium';
    src: url('../fonts/PFDasGroteskPro-Medium.eot'); 
    src: url('../fonts/PFDasGroteskPro-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PFDasGroteskPro-Medium.woff') format('woff'),
         url('../fonts/PFDasGroteskPro-Medium.svg#PFDasGroteskPro-Medium') format('svg');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'PFDasGroteskPro-Bold';
    src: url('../fonts/PFDasGroteskPro-Bold.eot');
    src: url('../fonts/PFDasGroteskPro-Bold.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/PFDasGroteskPro-Bold.woff') format('woff'), 
         url('../fonts/PFDasGroteskPro-Bold.svg#PFDasGroteskPro-Bold') format('svg'); 
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'PFDasGroteskPro-Black';
    src: url('../fonts/PFDasGroteskPro-Black.eot'); 
    src: url('../fonts/PFDasGroteskPro-Black.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PFDasGroteskPro-Black.woff') format('woff'),
         url('../fonts/PFDasGroteskPro-Black.svg#PFDasGroteskPro-Black') format('svg');
    font-style: normal;
    font-weight: normal;
}





html,body{
  margin:0px;
  padding:0px;
}



.gs-page .gs-mob{
  display:none !important;
}

.gs-page .gs-clear{
  clear:both;
}

.gs-page *{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
  font-feature-settings: "kern" 1;
  font-kerning: normal;
}

.gs-page h1,
.gs-page h2,
.gs-page h3,
.gs-page h4,
.gs-page h5,
.gs-page h6{
  font-weight: normal;
  margin: 0px;
  padding: 0px;
}

.gs-page{
  font-family: 'PFDasGroteskPro-Regular';
  color: #171717;
  font-size:21px;
  position:relative;
  margin:0 auto 0 auto;
  line-height:normal;
  margin:0 auto 0 auto;
  padding:0 0 0px 0;
  text-align:center;
  overflow:hidden;
}

.gs-page strong{
  font-family: 'PFDasGroteskPro-Bold';
  font-weight: normal;
}

.gs-page a{
  font-size: inherit;
  color: inherit;
  font-family: inherit;
  text-decoration: none;
} 

.gs-page .mob-br{
  display: none;
}

/* //////////////////////////////////////////////////////////////////////////////////////// */

.gs-page{
  padding: 30px 20px 50px 20px;
}

.gs-hero{
  background: #0152c1;
  border-radius: 20px;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1300px;
  margin: 0 auto;
  position: relative;
}

.gs-hero .gs-photo{
  width: 44%;
}

.gs-hero .gs-photo img{
  width: 100%;
  border-radius: 20px;
}



.gs-hero .gs-irepair-logo{
  max-width: 290px;
  margin: 0 auto;
}

.gs-hero .gs-bam-bam{
  max-width: 225px;
  margin: 0 auto;
}

.gs-hero .gs-irepair-logo img,
.gs-hero .gs-bam-bam img{
  display: block;
  width: 100%;
}




.gs-hero .gs-content{
  width: 56%;
  text-align: center;
  color: #fff;
}

.gs-hero .gs-content .gs-service-logo{
  width: 305px;
  height: 216px;
  background: url("../images/logo-service-gs.svg") no-repeat center center;
  background-size: contain;
  margin: 0 auto;
}


.gs-hero .gs-content .gs-pre-title{
  font-size: 39px;
  font-family: 'PFDasGroteskPro-Bold';
  line-height: 100%;
  padding: 0 0 20px 0;
}


.gs-hero .gs-content .gs-title{
  font-family: 'PFDasGroteskPro-Light';
  font-size: 23px;
  line-height: 110%;
  letter-spacing: 1.5px;
  padding: 0 0 10px 0;
}

.gs-hero .gs-content .gs-title-after{
  font-family: 'PFDasGroteskPro-Light';
  font-size: 23px;
  line-height: 110%;
  letter-spacing: 0.8px;
  padding: 15px 0 15px 0;
}




@media screen and (max-width: 959px) {
  .gs-steps .gs-items .gs-item {
    width: calc(33.33% - 10px);
  }

  .gs-hero .gs-photo{
    width: 50%;
  }

  .gs-hero .gs-content{
    width: 50%;
  }

  .gs-hero .gs-content .gs-service-logo {
    width: 198px;
    height: 170px;
  }

  .gs-hero .gs-content .gs-title{
    font-size: 16px;
  }

  .gs-hero .gs-content .gs-title span{
    font-size: 18px;
  }

   

}


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

  .gs-page .mob-br{
    display: block;
    font-size: 0px !important;
    height: 0px;
  }

  .gs-page{
    padding: 15px;
  }

  .gs-hero{
    display: block;
    height: auto;
    padding: 13px;
  }

  .gs-hero .gs-photo{
    width: 100%;
    height: 310px;
    background: url("../images/img-hero.gif") no-repeat center center;
    background-size: cover;
    border-radius: 20px;
  }

  .gs-hero .gs-photo img{
    display: none;
  }

  .gs-hero .gs-content{
    padding: 20px 0;
    width: 100%;
  }

   .gs-hero .gs-content .gs-service-logo {
    position: absolute;
    left: 50%;
    bottom: 64px;
    transform: translate(-50%, 0);
    width: 248.72px;
    height: 173px;
  }

  .gs-hero .gs-content .gs-title {
    font-size: 18px;
  }



  .gs-hero .gs-content .gs-title span{
    font-size: 15px;
  }


 .gs-hero .gs-photo{
    height: 64vw;
   }


}

/* //////////////////////////////////////////////////////////////////////////////////////// */

.gs-map{
  text-align: center;
  padding: 70px 0px 90px 0px;
  max-width: 1040px;
  margin: 0 auto 0px auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.gs-map .gs-photo{
  width: 600px;
}

.gs-map .gs-photo img{
  display: block;
  width: 100%;
}

.gs-map .gs-content{
  padding: 0 0 0 80px;
  text-align: left;
}

.gs-map .gs-content .gs-title{
  font-family: 'PFDasGroteskPro-Bold';
  font-size: 31px;
  line-height: 125%;
  letter-spacing: -0.02em;
  color: #004383;
  padding: 0 0 27px 0;
}

.gs-map .gs-content .gs-more{
  padding: 17px 30px;
  background: #004383;
  border-radius: 60px;
  color: #fff;
  font-size: 13px;
  letter-spacing: -0.02em;
  line-height: 100%;
  font-family: 'PFDasGroteskPro-Bold';
  display: inline-block;
  transition: all 200ms;
}

@media screen and (min-width: 960px) {
  .gs-map .gs-content .gs-more:hover{
    opacity: 0.8;
  }
}

@media screen and (max-width: 1139px) {
  
  .gs-map{
    padding: 50px 0;
  }

  .gs-map .gs-content .gs-title br{
    display: none;
  }

  .gs-map .gs-content{
    width: 50%;
  }
}

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

  .gs-map{
    flex-direction: column;
  }

  .gs-map .gs-photo{
    width: 100%;
    max-width: 490px;
  }

  .gs-map .gs-content{
    width: auto;
    padding: 30px 0 0 0;
    text-align: center;
  }

  .gs-map .gs-content .gs-title br{
    display: block;
  }

}
@media screen and (max-width: 767px) {

  .gs-map{
    padding: 30px 0;
  }

  .gs-map .gs-photo{
    max-width: 310px;
  }

  .gs-map .gs-content .gs-title{
    font-size: 22px;
    padding: 0 0 20px 0;
  }


}


/* //////////////////////////////////////////////////////////////////////////////////////// */


.gs-service-categories{
  padding: 45px 0 95px 0;
}

.gs-service-categories .gs-title{
  font-family: 'PFDasGroteskPro-Bold';
  font-size: 27px;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #004383;
  padding: 0 0 40px 0;
}

.gs-service-categories .gs-items{
  display: flex;
  flex-wrap: wrap;
  justify-items: flex-start;
  max-width: 1000px;
  margin: 0 auto;
}

.gs-service-categories .gs-items .gs-item{
  width: 142px;
  height: 124px;
  font-family: 'PFDasGroteskPro-Medium';
  font-size: 12px;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #423F3F;
  display: block;
  padding: 75px 0 0 0;
  position: relative;
}

.gs-service-categories .gs-items .gs-item::before{
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 75px;
  background: url("../images/icon-service1.svg") no-repeat center top;
  transition: all 200ms;
}

.gs-service-categories .gs-items .gs-item:hover::before{
  transform: scale(1.1);
}

.gs-service-categories .gs-items .gs-item.gs-i2::before{ background-image: url("../images/icon-service2.svg");  }
.gs-service-categories .gs-items .gs-item.gs-i3::before{ background-image: url("../images/icon-service3.svg");  }
.gs-service-categories .gs-items .gs-item.gs-i4::before{ background-image: url("../images/icon-service4.svg");  }
.gs-service-categories .gs-items .gs-item.gs-i5::before{ background-image: url("../images/icon-service5.svg");  }
.gs-service-categories .gs-items .gs-item.gs-i6::before{ background-image: url("../images/icon-service6.svg");  }
.gs-service-categories .gs-items .gs-item.gs-i7::before{ background-image: url("../images/icon-service7.svg");  }
.gs-service-categories .gs-items .gs-item.gs-i8::before{ background-image: url("../images/icon-service8.svg");  }
.gs-service-categories .gs-items .gs-item.gs-i9::before{ background-image: url("../images/icon-service9.svg");  }
.gs-service-categories .gs-items .gs-item.gs-i10::before{ background-image: url("../images/icon-service10.svg");  }
.gs-service-categories .gs-items .gs-item.gs-i11::before{ background-image: url("../images/icon-service11.svg");  }
.gs-service-categories .gs-items .gs-item.gs-i12::before{ background-image: url("../images/icon-service12.svg");  }
.gs-service-categories .gs-items .gs-item.gs-i13::before{ background-image: url("../images/icon-service13.svg");  }
.gs-service-categories .gs-items .gs-item.gs-i14::before{ background-image: url("../images/icon-service14.svg");  }

/* //////////////////////////////////////////////////////////////////////////////////////// */

.gs-reason{
  background: #4D7BA8;
  border-radius: 20px;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1300px;
  margin: 0 auto;
  position: relative;
}

.gs-reason .gs-photo{
  width: 44%;
}

.gs-reason .gs-photo img{
  width: 100%;
  border-radius: 20px;
}


.gs-reason .gs-content{
  width: 56%;
  text-align: left;
  color: #fff;
  padding: 0 35px 0 70px;
}

.gs-reason .gs-content .gs-title{
  font-family: 'PFDasGroteskPro-Bold';
  font-size: 27px;
  line-height: 125%;
  letter-spacing: -0.02em;
  padding: 0 0 30px 0;
}

.gs-reason .gs-content .gs-items{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.gs-reason .gs-content .gs-items .gs-item{
  display: block;
  width: calc(50% - 7px);

  font-family: 'PFDasGroteskPro-Medium';
  font-size: 16px;
  line-height: 120%;
  letter-spacing: -0.02em;
  padding: 0 0 0 57px;
  margin: 12px 7px 12px 0;
  min-height: 45px;
  background: url("../images/icon-extra1.svg") no-repeat left center;
  display: flex;
  align-items: center;
  position: relative;
}

.gs-reason .gs-content .gs-items .gs-item.gs-i2{ background-image: url("../images/icon-extra2.svg");  }
.gs-reason .gs-content .gs-items .gs-item.gs-i3{ background-image: url("../images/icon-extra3.svg");  }
.gs-reason .gs-content .gs-items .gs-item.gs-i4{ background-image: url("../images/icon-extra4.svg");  }
.gs-reason .gs-content .gs-items .gs-item.gs-i5{ background-image: url("../images/icon-extra5.svg");  }
.gs-reason .gs-content .gs-items .gs-item.gs-i6{ background-image: url("../images/icon-extra6.svg");  }
.gs-reason .gs-content .gs-items .gs-item.gs-i7{ background-image: url("../images/icon-extra7.svg");  }
.gs-reason .gs-content .gs-items .gs-item.gs-i8{ background-image: url("../images/icon-extra8.svg");  }
.gs-reason .gs-content .gs-items .gs-item.gs-i9{ background-image: url("../images/icon-extra9.svg");  }
.gs-reason .gs-content .gs-items .gs-item.gs-i10{ background-image: url("../images/icon-extra10.svg");  }

/*
.gs-reason .gs-content .gs-items .gs-item.gs-i8::after,
.gs-reason .gs-content .gs-items .gs-item.gs-i9::after{
  content: "";
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translate(0, -50%);
  width: 34px;
  height: 34px;
  background: url("../images/icon-link.svg") no-repeat center center;
}
*/
.gs-reason .gs-content .gs-items .gs-item:nth-child(even){
  margin: 12px 0 12px 7px;
}


.gs-reason .gs-content .gs-items .gs-item.gs-i8,
.gs-reason .gs-content .gs-items .gs-item.gs-i9{
  
}

.gs-reason .gs-content .gs-items a{
  text-decoration: underline;
}


/*
.gs-reason .gs-content .gs-items a.gs-item{
  padding-right: 40px;
}
*/

/* //////////////////////////////////////////////////////////////////////////////////////// */

.gs-extra{
  padding: 50px 0 0 0;
}

.gs-extra .gs-title{
  font-family: 'PFDasGroteskPro-Bold';
  font-size: 27px;
  line-height: 125%;
  letter-spacing: -0.02em;
  color: #004383;
  padding: 0 0 30px 0;
}

.gs-extra .gs-items{
  display: flex;
  justify-content: space-between;
  max-width: 1300px;
  margin: 0 auto;
}

.gs-extra .gs-items .gs-item{
  width: 208px;
  height: 210px;
  background: #F3F5FA;
  border-radius: 10px;
  padding: 10px 0 0 0;
}

.gs-extra .gs-items .gs-item .gs-item-logo{
  height: 70px;
  background: url("../images/icon-extra-logo1.svg") no-repeat center center;
}

.gs-extra .gs-items .gs-item.gs-i2 .gs-item-logo{ background-image: url("../images/icon-extra-logo2.svg");  }
.gs-extra .gs-items .gs-item.gs-i3 .gs-item-logo{ background-image: url("../images/icon-extra-logo3.svg");  }
.gs-extra .gs-items .gs-item.gs-i4 .gs-item-logo{ background-image: url("../images/icon-extra-logo4.svg");  }
.gs-extra .gs-items .gs-item.gs-i5 .gs-item-logo{ background-image: url("../images/icon-extra-logo5.svg");  }
.gs-extra .gs-items .gs-item.gs-i6 .gs-item-logo{ background-image: url("../images/icon-extra-logo6.svg");  }

.gs-extra .gs-items .gs-item .gs-item-title{
  padding: 10px 0 0 0;
  font-family: 'PFDasGroteskPro-Medium';
  font-size: 16px;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #423F3F;
  min-height: 70px;
}

.gs-extra .gs-items .gs-item .gs-item-more{
  padding: 14px 30px;
  background: #004383;
  border-radius: 60px;
  color: #fff;
  font-size: 12px;
  letter-spacing: -0.02em;
  line-height: 100%;
  font-family: 'PFDasGroteskPro-Bold';
  display: inline-block;
  transition: all 200ms;
}

@media screen and (min-width: 960px) {
  .gs-extra .gs-items .gs-item .gs-item-more:hover{
    opacity: 0.8;
  }
}

/* //////////////////////////////////////////////////////////////////////////////////////// */

.gs-with{
  padding: 30px 0 0 0;
}

.gs-with .gs-title{
  font-family: 'PFDasGroteskPro-Bold';
  font-size: 27px;
  line-height: 125%;
  letter-spacing: -0.02em;
  color: #004383;
  padding: 0 0 30px 0;
}

.gs-with .gs-items{
  display: flex;
  justify-content: space-between;
  max-width: 1180px;
  margin: 0 auto;
}

.gs-with .gs-items .gs-item{
  width: 280px;
  height: 190px;
  background: #FFFFFF;
  border: 1px solid #CCD9E6;
  border-radius: 10px;

  font-family: 'PFDasGroteskPro-Medium';
  font-size: 16px;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: #423F3F;
  padding: 63px 0px 0 0px;
  background: url("../images/icon-check.svg") no-repeat center 24px;
}

.gs-with .gs-items .gs-item a{
  color: #004383;
  text-decoration: underline;
}

.gs-with .gs-copy{
  font-size: 13px;
  line-height: 130%;
  max-width: 900px;
  margin: 0 auto;
  padding: 30px 0 0 0;
}

/* //////////////////////////////////////////////////////////////////////////////////////// */

.gs-brands{
  background: #4D7BA8;
  border-radius: 20px;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1300px;
  margin: 0 auto;
  position: relative;
}

.gs-brands .gs-photo{
  width: 44%;
}

.gs-brands .gs-photo img{
  width: 100%;
  border-radius: 20px;
}


.gs-brands .gs-content{
  width: 56%;
  text-align: left;
  color: #fff;
  padding: 0 35px 0 70px;
}

.gs-brands .gs-content .gs-title{
  font-family: 'PFDasGroteskPro-Bold';
  font-size: 27px;
  line-height: 125%;
  letter-spacing: -0.02em;
  padding: 0 0 30px 0;
}

.gs-brands .gs-content .gs-items{
  display: block;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;  
  cursor: grab;
  position: relative;
}

.gs-brands .gs-content .gs-prev,
.gs-brands .gs-content .gs-next{
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translate(0, -50%);
  background: url("../images/icon-next.svg") no-repeat center center;
  width: 20px;
  height: 20px;
  display: block;
}

.gs-brands .gs-content .gs-prev{
  right: calc(50% + 20px);
  background-image: url("../images/icon-prev.svg");
}

.gs-brands .gs-content .gs-items::-webkit-scrollbar {
  display: none;
}

.gs-brands .gs-content .gs-items .gs-scroll-inner{
  width: 1700px;

}

.gs-brands .gs-content .gs-items .gs-item{
  display: inline-block;
  vertical-align: middle;
  padding: 12px 20px;
  background: #94B0CB;
  border-radius: 10px;
  font-family: 'PFDasGroteskPro-Medium';
  font-size: 13px;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  margin: 0 2px 12px 0;
}


/* //////////////////////////////////////////////////////////////////////////////////////// */

.gs-questions{
  margin: 70px 0;
  background: #bcd6e5;
  border-radius: 20px;
  text-align: center;
  padding: 35px 20px;
  max-width: 1300px;
  margin: 0 auto;
  position: relative;
}

.gs-questions::before{
  content: "";
  position: absolute;
  width: 245px;
  height: 197px;
  background: url("../images/icon-bam.png") no-repeat center center;
  background-size: contain;
  left: 45px;
  top: -80px;
  z-index: 1;
}

.gs-questions .gs-title{
  font-family: 'PFDasGroteskPro-Bold';
  font-size: 26px;
  line-height: 125%;
  letter-spacing: -0.02em;
  color: #004383;
  padding: 0 0 15px 0;
}

.gs-questions .gs-more{
  padding: 17px 30px;
  background: #004383;
  border-radius: 60px;
  color: #fff;
  font-size: 13px;
  letter-spacing: -0.02em;
  line-height: 100%;
  font-family: 'PFDasGroteskPro-Bold';
  display: inline-block;
  transition: all 200ms;
}

@media screen and (min-width: 960px) {
  .gs-questions .gs-more:hover{
    opacity: 0.8;
  }
}

.gs-questions .gs-text{
  font-size: 19px;
  line-height: 122%;
  letter-spacing: -0.02em;
  color: #004383;
  padding: 15px 0 0 0;
}

.gs-questions .gs-text a{
  font-family: 'PFDasGroteskPro-Bold';
}

/* //////////////////////////////////////////////////////////////////////////////////////// */


.gs-repair{
  padding: 50px 20px;
}

.gs-repair .gs-title{
  color: #0152c1;
  font-size: 35px;
  font-family: 'PFDasGroteskPro-Bold';
  padding: 0 0 30px 0;
}

.gs-repair .gs-text{
  font-size: 22px;
  color: #004383;
  line-height: 130%;
  padding: 0 0 35px 0;
}

.gs-repair .gs-text span{
  color: #fd0200;
  font-family: 'PFDasGroteskPro-Bold';
}


.gs-repair .gs-items{
  max-width: 1120px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  position: relative;
}

.gs-repair .gs-items.gs-top{
  padding: 0 0 50px 0;
}

.gs-repair .gs-items.gs-bottom{
  max-width: 740px;
  flex-wrap: wrap;
}

.gs-repair .gs-items .gs-item{
  height: 300px;
  width: calc(33.33% - 13px);
  background: #0152c1;
  border-radius: 20px;
  box-shadow: -10px 10px 0px 0px rgba(0,0,0,1);
  padding: 60px 0 0 0;
  position: relative;
  z-index: 5;
}

.gs-repair .gs-items.gs-bottom .gs-item{
  width: calc(50% - 13px);
  margin: 0 0 10px 0;
}

.gs-repair .gs-items .gs-item .gs-item-icon{
  height: 100px;
  background: url("../images/icon-irepair1.png") no-repeat center center;
}


.gs-repair .gs-items .gs-item.gs-i2 .gs-item-icon{ background-image: url("../images/icon-irepair2.png"); }
.gs-repair .gs-items .gs-item.gs-i3 .gs-item-icon{ background-image: url("../images/icon-irepair3.png"); }
.gs-repair .gs-items .gs-item.gs-i4 .gs-item-icon{ background-image: url("../images/icon-irepair4.png"); }
.gs-repair .gs-items .gs-item.gs-i5 .gs-item-icon{ background-image: url("../images/icon-irepair5.png"); }
.gs-repair .gs-items .gs-item.gs-i6 .gs-item-icon{ background-image: url("../images/icon-irepair6.png"); }
.gs-repair .gs-items .gs-item.gs-i7 .gs-item-icon{ background-image: url("../images/icon-irepair7.png"); }


.gs-repair .gs-items .gs-item .gs-item-title{
  font-size: 20px;
  color: #fff;
  font-family: 'PFDasGroteskPro-Medium';
  padding: 20px 0 0 0;
}


.gs-repair .gs-items.gs-top::before{
  content: "";
  position: absolute;
  width: 304px;
  height: 243px;
  background: url("../images/icon-back-bam1.png") no-repeat center center;
  background-size: contain;
  left: -123px;
  top: -110px;
  z-index: 1;
}

.gs-repair .gs-items .gs-i7::before{
  content: "";
  position: absolute;
  width: 120px;
  height: 176px;
  background: url("../images/icon-back-bam2.png") no-repeat right center;
  background-size: cover;
  right: -120px;
  top: 58px;
  z-index: -2;
}


/* //////////////////////////////////////////////////////////////////////////////////////// */



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

  .gs-extra .gs-items{
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .gs-extra .gs-items .gs-item {
      margin: 0 10px 10px 0;
  }

  .gs-with .gs-items .gs-item{
    width: 260px;
  }

  .gs-reason .gs-content{
    padding-right: 0px;
  }

}


@media screen and (max-width: 1139px) {
  
  .gs-with .gs-items .gs-item{
    width: calc(25% - 10px);
    font-size: 14px;
  }

  .gs-service-categories .gs-items .gs-item{
    width: 130px;
  }

  .gs-reason .gs-content .gs-title br{
    display: none;
  }

  .gs-reason .gs-content .gs-items .gs-item {
    margin: 5px 7px 5px 0;
  }

  .gs-reason .gs-content .gs-items .gs-item:nth-child(even) {
    margin: 5px 0 5px 7px;
  }

  .gs-reason .gs-content .gs-items .gs-item{
    font-size: 14px;
  }

  .gs-reason .gs-content{
    padding-left: 40px;
  }

  .gs-brands .gs-content .gs-prev {
    right: calc(50% + 0px);
  }



  .gs-questions::before{
    left: 0px;
  }

  .gs-repair .gs-items.gs-bottom {
    max-width: 670px;
    flex-wrap: wrap;
  }

}

/* //////////////////////////////////////////////////////////////////////////////////////// */

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

  .gs-reason,
  .gs-brands{
   flex-direction: column;
  }

  .gs-reason .gs-photo,
  .gs-reason .gs-content,
  .gs-brands .gs-photo,
  .gs-brands .gs-content{
    width: 100%;
  }

  .gs-reason .gs-content,
  .gs-brands .gs-content{
    padding: 40px 40px 30px 40px;
  }

  .gs-reason .gs-photo img,
  .gs-brands .gs-photo img{
    height: 350px;
    object-fit: cover;
    border-radius: 20px 20px 0 0;
  }

  .gs-reason .gs-photo, .gs-brands .gs-photo{
    margin: -20px -20px 0 -20px;
    width: calc(100% + 40px);
    border-radius: 20px 20px 0 0;
  }


  .gs-with .gs-items{
    flex-wrap: wrap;
  }

  .gs-with .gs-items .gs-item{
    width: calc(50% - 10px);
    margin: 0 5px 10px 5px;
  }

  .gs-extra .gs-items .gs-item{
    width: calc(33.33% - 10px);
  }



  .gs-brands .gs-content .gs-prev, .gs-brands .gs-content .gs-next{
    top: auto;
    bottom: 25%;
  }

  .gs-brands .gs-content .gs-prev{
    right: auto;
    left: 20px;
  }

  .gs-hero .gs-bam-bam {
    max-width: 136px;
    margin: 0 auto;
  }

  .gs-hero .gs-irepair-logo {
    max-width: 223px;
    margin: 0 auto;
  }

  .gs-repair .gs-items.gs-top::before {
    content: "";
    position: absolute;
    width: 231px;
    height: 175px;
    background: url("../images/icon-back-bam1.png") no-repeat center center;
    background-size: contain;
    left: -94px;
    top: -75px;
    z-index: 1;
  }

  .gs-repair .gs-items .gs-item .gs-item-title {
    font-size: 17px;
  }

  .gs-repair .gs-items .gs-item{
    height: 260px;
  }

  .gs-repair .gs-items.gs-bottom {
    max-width: 520px;
    flex-wrap: wrap;
  }

  .gs-questions::before{
    width: 160px;
  }

  .gs-with .gs-items .gs-item{
    height: 165px;
  }

}

/* //////////////////////////////////////////////////////////////////////////////////////// */

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


  .gs-service-categories{
    padding: 30px 0 35px 0;
  }
  .gs-service-categories .gs-title{
    font-size: 22px;
  }

  .gs-service-categories .gs-items .gs-item{
    width: 33.33%;
    font-size: 10px;
  }

  .gs-reason .gs-content, .gs-brands .gs-content{
    padding: 30px 0 0 0;
  }

  .gs-reason .gs-content .gs-title{
    text-align: center;
    font-size: 22px;
  }

  .gs-reason .gs-content .gs-items .gs-item,
  .gs-reason .gs-content .gs-items .gs-item:nth-child(even){
    width: 100%;
    margin: 8px 0;
    font-size: 15px;
    padding-right: 40px;
  }

  .gs-reason .gs-content .gs-items .gs-item br{
    display: none;
  }

  .gs-extra{
    padding: 30px 0 0 0;
  }

  .gs-extra .gs-title {
    font-size: 29px;
    text-align: left;
    padding: 0 0 22px 0;
  }

  .gs-extra .gs-items .gs-item {
      width: 190px;
      height: 200px;
      margin: 0 0px 0px 0;
      padding: 10px;
  }

  .gs-extra .gs-items .gs-item .gs-item-title{
    font-size: 14px;
    line-height: 130%;
    text-align: left;
  }

  .gs-extra .gs-items .gs-item.gs-i3 .gs-item-logo,
  .gs-extra .gs-items .gs-item.gs-i4 .gs-item-logo{
    background-size: auto 25px;
  }

  .gs-extra .gs-items .gs-item .gs-item-logo{
    background-position: left center;
  }

  .gs-with {
    padding: 35px 0;
  }

  .gs-with .gs-title {
    font-size: 22px;
    padding: 0 0 25px 0;
  }

  .gs-with .gs-title br{
    display: none;
  }


  .gs-with .gs-items .gs-item{
    width: 180px;
    font-size: 13px;
    margin: 0px;
    padding-right: 10px;
    padding-left: 10px;
  }


   .gs-reason .gs-photo img, .gs-brands .gs-photo img{
    height: 230px;
   }

   .gs-brands .gs-content .gs-title{
    font-size: 22px;
    text-align: center;
    padding: 0 0 30px 0;
   }

   .gs-questions .gs-title{
    font-size: 22px;
   }

   .gs-brands .gs-content .gs-next{
    right: 0px;
  }

  .gs-brands .gs-content .gs-prev{
    left: 0px;
  }



  .gs-repair .gs-title{
    font-size: 30px;
    padding: 0 0 10px 0;
  }

  .gs-repair{
    padding: 35px 0 60px 0;
  }

  .gs-repair .gs-text{
    font-size: 20px;
  }

  .gs-repair .gs-items{

    display: block;
  }


  .gs-repair .gs-items .gs-item,
  .gs-repair .gs-items.gs-bottom .gs-item{
    display: block;
    width: 265px;
    margin: 0 auto 30px auto;
    padding: 30px 0 0 0;
    height: 210px;
    box-shadow: -10px 10px 0px 0px rgba(0,0,0,1);
    white-space: normal;
  }


  .gs-repair .gs-items.gs-top{
    margin-top: 95px;
  }

  .gs-repair .gs-items.gs-top::before {
    width: 214px;
    height: 173px;
    left: -17px;
    top: -100px;
}

  .gs-questions{
    padding-top: 90px;
  }

  .gs-questions .gs-title {
    font-size: 19px;
  }

  .gs-questions .gs-text{
    font-size: 16px;
  }

  .gs-repair .gs-items.gs-top {
    padding: 0 0 27px 0;
  }

  .gs-repair .gs-text{
    padding: 0 0 15px 0;
  }

  .gs-repair .gs-items .gs-item .gs-item-title {
    font-size: 19px;
    padding: 11px 20px 0 20px;
  }

  .gs-repair .gs-items .gs-item .gs-item-title br{
    display: none;
  }

  .gs-repair .gs-items .gs-i7::before {
    display: none;
  }

  .gs-repair .gs-items.gs-bottom::before {
    content: "";
    position: absolute;
    width: 232px;
    height: 176px;
    background: url("../images/icon-back-bam2.png") no-repeat right center;
    background-size: cover;
    right: -86px;
    bottom: 146px;
    z-index: 1;
  }

  .gs-questions::before{
    left: 50%;
    width: 260px;
    transform: translate(-50%, 0);
  }

  .gs-questions {
    padding-top: 140px;
    margin-top: 33px;
  }

  .gs-questions .gs-title {
    font-size: 22px;
  }

  .gs-questions .gs-title br{
    display: none;
  }

  .gs-questions .gs-text {
    font-size: 19px;
  }


  .gs-with .gs-items .gs-item{
    width: 100%;
    font-size: 16px;
    padding: 63px 20px 30px 20px;
    margin: 0 0 10px 0;
    height: auto;
  }


  .gs-repair .gs-items .gs-item.gs-i6{
    height: 220px;
  }

  .gs-repair .gs-items .gs-item.gs-i6 .gs-item-title{
    padding-top: 0px;
  }

}

@media screen and (max-width: 374px) {
 
}