:root {
  --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
}

.main-container {
  overflow: hidden;
}

.main-container,
.main-container * {
  box-sizing: border-box;
}
body{margin:0px}
input,
select,
textarea,
button {
  outline: 0;
}
#contracting br{display: none}
.main-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  position: relative;
  width: 100%;
  margin: 0 auto;
  background: #ffffff;
  overflow: hidden;
}
.home {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 100%;
  z-index: 1;
  overflow: hidden;
}
.layout {
  display: table;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 80px;
  position: relative;
  width: 100%;
  height: auto;
  padding: 0 ;
  background: #ffffff;
  z-index: 2;
  overflow: hidden;
}
.container {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  min-width: 0;
  min-height: 0;
  z-index: 3;
  max-width:1440px;
  margin: auto
}
.placeholder-image {
  align-self: stretch;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  background: url(./assets/images/08392974-f7c8-4875-b1f3-71c9897ee557.png)
    no-repeat top center;
  background-size: cover;
  z-index: 4;
}
.content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 42px;
  position: relative;
  z-index: 5;
  padding:269px 64px 269px 80px
}
.section-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  z-index: 6;
}
.content-1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  z-index: 7;
}
.heading {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: auto;
  color: #000000;
  font-family: Barlow Condensed, var(--default-font-family);
  font-size: 48px;
  font-weight: 800;
  line-height: 57.6px;
  text-align: left;
  white-space: nowrap;
  z-index: 8;
}
.text {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 100%;
  height: auto;
  color: #000000;
  font-family: Barlow, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  text-align: left;
  z-index: 9;
  margin-bottom: 10px;
}
.button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 300px;
  padding: 2px 20px 8px 20px;
  cursor: pointer;
  background: #000000;
  border: none;
  z-index: 10;
  box-sizing: border-box;
  text-decoration: none;
  color: #ffffff;
  font-family: Barlow Condensed, var(--default-font-family);
  font-size: 26px;
  font-weight: 700;
  line-height: 39px;
}

.button-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 300px;
  padding: 8px 20px 8px 20px;
  cursor: pointer;
  background: transparent;
  border: 1px solid #000000;
  z-index: 12;
 box-sizing: border-box;
 color:black
}

.content-3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 80px;
  position: relative;
  width: 100%;
  padding: 60px 0 60px 0;
  background: #000000;
  z-index: 14;
  overflow: hidden;
}
.content-4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 768px;
  z-index: 15;
}
.a-cut-above {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: auto;
  color: #ffffff;
  font-family: Barlow Condensed, var(--default-font-family);
  font-size: 48px;
  font-weight: 800;
  line-height: 57.6px;
  text-align: center;
  white-space: nowrap;
  z-index: 16;
}
.rich-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  background: #000000;
  z-index: 17;
}
.content-5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  padding: 0 0 17px 0;
  z-index: 18;
}
.paragraph {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 100%;
  height: auto;
  color: #ffffff;
  font-family: Barlow, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  text-align: center;
  z-index: 19;
}
.button-6 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 300px;
  padding: 8px 20px 8px 20px;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #000000;
  z-index: 20;
 box-sizing: border-box;
 color: #000000;
 font-family: Barlow Condensed, var(--default-font-family);
 font-size: 26px;
 font-weight: 700;
 line-height: 39px;text-decoration: none
}

.layout-7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 100%;
  background: #ffffff;
  z-index: 22;
  overflow: hidden;
}
.row {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: auto;
  z-index: 23;
}
.column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 32px;
  position: relative;
  min-height: 0;
  z-index: 24;
  overflow: hidden;
}
.placeholder-image-8 {
  align-self: stretch;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  background: url(./assets/images/shop.jpg)
    no-repeat center;
  background-size: cover;
  z-index: 25;
  padding-bottom: 95%;
}
.column-9 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 32px;
  position: relative;
  min-height: 0;
  z-index: 26;
  overflow: hidden;
}
.placeholder-image-a {
  align-self: stretch;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  background: url(./assets/images/tools.jpg)
    no-repeat center;
  background-size: cover;
  z-index: 27;
}
.column-b {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 32px;
  position: relative;
  min-height: 0;
  z-index: 28;
  overflow: hidden;
}
.placeholder-image-c {
  align-self: stretch;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  background: url(./assets/images/detail.jpg)
    no-repeat center;
  background-size: cover;
  z-index: 29;
}
.layout-d {
  display: table;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 80px;
  position: relative;
  width: 100%;
  height: auto;
  padding: 0 ;
  background: #ffffff;
  z-index: 30;
}
.container-e {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  min-width: 0;
  min-height: 0;
  z-index: 31;
  
  max-width:1440px;
  margin: auto
}
.content-f {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 24px;
  position: relative;
  z-index: 32;
  padding: 172px 0
}
.section-title-10 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  z-index: 33;
  padding-left: 64px;
  padding-right: 80px
}
.content-11 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  z-index: 34;
}
.heading-12 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 100%;
  height: auto;
  color: #000000;
  font-family: Barlow Condensed, var(--default-font-family);
  font-size: 48px;
  font-weight: 800;
  line-height: 57.6px;
  text-align: left;
  z-index: 35;
}
.text-13 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 100%;
  height: auto;
  color: #000000;
  font-family: Barlow, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  text-align: left;
  z-index: 36;
}
.button-14 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 300px;
  padding: 2px 20px 8px 20px;
  cursor: pointer;
  background: #000000;
  border: none;
  z-index: 37;
  box-sizing: border-box;
  color: #ffffff;
  font-family: Barlow Condensed, var(--default-font-family);
  font-size: 26px;
  font-weight: 700;
  line-height: 39px;
  text-decoration: none
}

.placeholder-image-16 {
  align-self: stretch;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  background: url(./assets/images/e7198e5bdfa62bca531a1a92776c4fc4a17878bf.png)
    no-repeat center;
  background-size: cover;
  z-index: 39;
}
.footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 80px;
  position: relative;
  width: 100%;
  padding: 30px 0;
  background: #000000;
  z-index: 40;
  overflow: hidden;
}
.content-17 {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 32px;
  position: relative;
  min-width: 0;
  z-index: 41;
  max-width: 1440px;
  margin: auto;
  width:100%;
  padding: 0 64px
}
.copyright {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: auto;
  color: #ffffff;
  font-size: 14px;
  font-family: Barlow, var(--default-font-family);
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  z-index: 42;
}
.social-links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 12px;
  position: relative;
  z-index: 43;
}
.icon-instagram {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: auto;
  z-index: 44;
  overflow: hidden;
}
.vector {
  position: relative;
  width: 18px;
  height: auto;
  margin: 3.243px 0 0 3px;
  background: url(./assets/images/f74ec889-ae16-44ff-9be2-6d6172296a5d.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 45;
}
.section-title-18 {
  display: table;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  padding: 0;
  z-index: 46;
  text-align: center
}
.frame-19 {
  display: inline-table;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 90px;
  height: auto;
  padding: 0px 0 0 0;
  z-index: 47;
  vertical-align: middle
}
.scissors {
  flex-shrink: 0;
  position: relative;
  width: 106px;
  height: auto;
  z-index: 48;
  overflow: hidden;
  
  margin-top: -14px;
  
  display: inline-table;
  vertical-align: middle;
}
.vector-1a {
  position: relative;
  width: 76.03px;
  height: auto;
  margin: 10.597px 0 0 14.981px;
  background: url(./assets/images/4842f1b8-31ed-4ee2-b1b2-3be6f9237bae.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 49;
}
.content-1b {
  display: inline-table;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  width: 100%;
  z-index: 50;
  padding-top: 70px;
}
.heading-1c {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: auto;
  min-width: 0;
  font-family: Barlow Condensed, var(--default-font-family);
  font-size: 48px;
  font-weight: 800;
  line-height: 20px;
  text-align: right;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 51;
  display: inline-table;
  vertical-align: middle;
}
.lbk {
  position: relative;
  color: #000000;
  font-family: Barlow Condensed, var(--default-font-family);
  font-size: 80px;
  font-weight: 800;
  line-height: 96px;
  text-align: right;
  letter-spacing: -1.6px;
}
.enterprise {
  position: relative;
  color: #000000;
  font-family: Barlow Condensed, var(--default-font-family);
  font-size: 80px;
  font-weight: 275;
  line-height: 96px;
  text-align: right;
  letter-spacing: -1.6px;
}
.mastering-the-art {
  position: relative;
  color: #000000;
  font-family: Barlow Condensed, var(--default-font-family);
  font-size: 26px;
  font-weight: 400;
  line-height: 57.6px;
  text-align: right;
letter-spacing: 0.48px;
  top: -27px;
}
@media (min-width: 1250px) and (max-width: 1500px)
{
  .container{max-width: 1200px;}
  
  .lbk{font-size: 70px;letter-spacing: -0.6px;}
  
  .mastering-the-art{font-size: 23px;letter-spacing: 0.42px;
    top: -35px;}
    
    
    .heading-12,.heading,.a-cut-above{font-size: 45px;line-height: 55px;}
    
    .content-11,.content-1{gap: 15px;}
    
    .content{padding: 180px 64px;}
    
    .content-1b{padding-top: 35px;}
    
    .button,.button-2,.button-6,.button-14{width: 260px;
      padding: 4px 20px;}
      
      .barber-services,.contracting,.book-now,.button-15{font-size: 23px}

}
@media (min-width: 992px) and (max-width: 1250px)
{
  .container,.content-17{max-width: 900px;padding: 0 45px}
  
  
  .lbk{font-size: 50px;letter-spacing: -0.6px;}
  
 .mastering-the-art {
 font-size: 18px;
 letter-spacing: -0.19px;
 top: -43px;
 }
    
    
    .heading-12,.heading,.a-cut-above{font-size: 40px;
      line-height: 47px;}
    
    .content-11,.content-1{gap: 15px;}
    
.content {
    padding: 150px 0 150px 45px;
    }    
    .content-1b{padding-top: 35px;}
    
    .button,.button-2,.button-6,.button-14{width: 260px;
      padding: 4px 20px;}
      
      .barber-services,.contracting,.book-now,.button-15{font-size: 23px}
      
      .section-title-10{padding-left: 0px;padding-right: 45px}
      
      .scissors{width: 48px;margin-top: -25px;margin-right: 5px;}
      .scissors img{max-width: 100%}
      
      .content-f{padding: 130px 0;}
      
      .text,.paragraph,.text-13{font-size: 16px;line-height: 25px;}

}

@media (min-width: 768px) and (max-width: 992px)
{
  .container{max-width: 700px;}
  
  
  .container,.content-17{max-width: 100%;
    padding: 0;
    flex-direction: column;}
    .placeholder-image{width: 100%;
      flex-basis: auto;
      padding-bottom: 70%;
      order: 2;}
    
    .lbk{font-size: 50px;letter-spacing: -0.6px;}
    
   .mastering-the-art {
   font-size: 18px;
   letter-spacing: -0.19px;
   top: -43px;
   }
      
      
      .heading-12,.heading,.a-cut-above{font-size: 35px;
        line-height: 38px;text-align: center;display: table}
      
      .content-11,.content-1{gap: 15px;width:700px}
      
  .content {
     padding: 150px 0 40px;
     width: 700px;
     flex-basis: auto;
      }    
      
      .content-4{width:700px}
      .content-1b{padding-top: 35px;}
      
      .button,.button-2,.button-6,.button-14{width: 260px;
        padding: 4px 20px;
        display: table;
        text-align: center;
        margin: auto;}
        
        .barber-services,.contracting,.book-now,.button-15{display: table;
          margin: auto;}
        
        .section-title-10{padding-left: 0px;padding-right: 30px}
        
        .scissors{width: 48px;margin-top: -25px;margin-right: 5px;}
        .scissors img{max-width: 100%}
        
        .content-f{padding: 80px 0;}
        
        .text,.paragraph,.text-13{font-size: 16px;line-height: 25px;text-align: center}
        
        .placeholder-image{order:2}
        
        .copyright,.social-links{display: table;
          margin: auto;}
  .placeholder-image-16{width: 100%;
          flex-basis: auto;
          padding-bottom: 70%;}
}

@media (max-width: 768px) {
  .container{max-width: 100%;}
  
  
  
  
  
  
  
  .container,.content-17{max-width: 100%;
    padding: 0;
    flex-direction: column;}
    .placeholder-image{width: 100%;
      flex-basis: auto;
      padding-bottom: 70%;
      order: 2;}
    
    .lbk{font-size: 50px;letter-spacing: -0.6px;}
    
   .mastering-the-art {
   font-size: 18px;
   letter-spacing: -0.19px;
   top: -43px;
   }
      
      
      .heading-12,.heading,.a-cut-above{font-size: 35px;
        line-height: 38px;text-align: center;display: table}
      
      .content-11,.content-1{gap: 15px;width:100%;padding: 0 30px;}
      
  .content {
     padding: 150px 0 40px;
     width: 100%;
     flex-basis: auto;
      }    
      
      .content-4{width:100%;padding: 0 30px;}
      .content-1b{padding-top: 35px;}
      
      .button,.button-2,.button-6,.button-14{width: 190px;
        padding: 4px 20px;
        display: table;
        text-align: center;
        margin: auto;font-size: 22px;line-height: 33px;}
        
        .barber-services,.contracting,.book-now,.button-15{display: table;
          margin: auto;}
        
        .section-title-10{padding-left: 0px;padding-right: 0px}
        
        .scissors{width: 48px;margin-top: -25px;margin-right: 5px;}
        .scissors img{max-width: 100%}
        
        .content-f{padding: 80px 0;}
        
        .text,.paragraph,.text-13{font-size: 16px;line-height: 25px;text-align: center}
        
        .placeholder-image{order:2}
        
        .placeholder-image-16{width: 100%;
          flex-basis: auto;
          padding-bottom: 70%;}
        
        .copyright,.social-links{display: table;
          margin: auto;}
          #contracting br{display: block}


}