@font-face {
    font-family: "Filson Soft Bold" ;
    src: url('../fonts/FilsonSoft-W03-Bold.ttf') format('truetype');
}
@font-face {
    font-family: "Filson Soft Regular" ;
    src: url('../fonts/FilsonSoft-W03-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Inter', sans-serif;
    src: url('../fonts/Inter-Regular') format('truetype');
    font-weight:400;
}
@font-face {
    font-family: 'Inter Bold', sans-serif;
    src: url('../fonts/Inter-Bold') format('truetype');
    font-weight:700;
}
@font-face {
    font-family: 'Inter SemiBold', sans-serif;
    src: url('../fonts/Inter-SemiBold') format('truetype');
    font-weight:600;
}
body{
  font-family: 'Inter', sans-serif;
}
p{
  font-size: 16px;
  line-height: 25px;
}

h1, h2, h3, h4{
  font-family: "Filson Soft Bold" ;
  color: #2E2E2E;
  margin:0;
}
a{
  color:#0071e3;
}

.gr-color-grey{
  color:#7C868A;
}
.gr-color-red{
  color:#FF314A;
}
.gr-color-white{
  color:#fff;
}
.gr-bg--grey-light{
  background-color:#E5E5E5;
}
.gr-bg--grey{
  background-color:#FAFAFA;
}
.gr-bg--grey-mid{
  background-color:#D9D9D9;
}
.gr-bg--red{
  background-color:#FF314A;
}
.gr-bg--white{
  background-color:#fff;
}
.gr-btn--black{
  background-color:#2E2E2E;
  color:#fff;
}
.gr-btn{
  border:1px solid;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-family: "Filson Soft Bold" ;
  text-align: center;
}
.gr-btn.gr-btn--red{
  background-color:#FF314A;
  border-color:#FF314A;
  color:#FFF;
}
.gr-btn.gr-btn--black.gr-btn--outline{
  border-color:#2E2E2E;
  background-color:transparent;
  color:#2E2E2E;
}

.gr-square-box{
  background-color: #FFFFFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  padding:15px 20px;
}

.gr-icon{
  border-radius: 12px;
  display: block;
  text-align:center;
}

.line-divider{
  height: 1px;
}

.line-divider--grey{
  background-color:#e8eced;
}



.gr-section.gr-section--testimonials{
  padding-top:0;
  padding-bottom:0;
}
.gr-section--testimonials .gr-section--testimonials_testimonial{
  background-color: #FF314A;
  padding-top:10px;
  padding-bottom:10px;
}

.gr-section--testimonials .gr-section--testimonials_testimonial .testimonial_photo{
  text-align: right;
}

.gr-section--testimonials .gr-section--testimonials_testimonial:nth-child(odd){
  background-color: #2E2E2E;
}
.gr-section--testimonials .gr-section--testimonials_testimonial .testimonial_photo:nth-child(odd){
  text-align: left;
}


.testimonial__text h3,
.testimonial__text h2,
.testimonial__text p{
  color:#fff;
}
.gr-section--testimonials_bg_photo{
  background-position:left;
  background-size: contain;
}

.gr-square-photos{
  width: 100%;
  display: flex;
}
.gr-square-photos_photo{
  width: 94px;
  height: 94px;
  border-radius: 11px;
  background-size:cover;
  background-position:center;
  position: relative;
  overflow-x: hidden;
  margin-right:15px;
  float:left;
}

#dog-sample-id{
  background-image:url('../images/dog-sample.jpg');
}

.gr-square-photos_photo-link{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition:.3s;
  background-position:center;
  background-repeat: no-repeat;
}

.gr-square-photos_photo-link:hover{
  background-color: rgb(0 0 0 / 60%);
}

.gr-square-photos_photo-link--remove:hover{
  background-image:url('../images/icons/trash.svg');
}

.gr-form__group .gr-square-photos{
  margin-left:18px;
}

.wappCont{
  position:fixed;
  right:30px;
  bottom:30px;
  display:block;
  z-index: 999999999;
}
.wappCont a{
  width:57px;
  height:57px;
  display:block;
  box-shadow: 0px 0px 18px 1px rgba(0,0,0,0.26);
  -webkit-box-shadow: 0px 0px 18px 1px rgba(0,0,0,0.26);
  -moz-box-shadow: 0px 0px 18px 1px rgba(0,0,0,0.26);
  background:#30bf39;
  border-radius:40px;
  overflow:hidden;
  transition:.3s;
}
.wappCont a:hover{
  opacity:.8;
}
.wappCont a img{
  width:100%;
  display:block;
}

.gr-section--open-positions__box--arrow{
  background-image:url('../images/icons/arrow-right-red.svg');
  background-repeat: no-repeat;
  background-position:center;
  height: 100%;
}

.gr-bg--grey-blue{
  background-color: #E7EDF3;
}

.gr-border--white, .gr-curve-box.gr-border--white{
  border-color:#fff;
}

.gr-section.gr-section--under-banner-in{
  padding-top:80px;
  padding-bottom:80px;
}

.gr-section.gr-section--open-positions a{
  text-decoration:none;
  color:#072125;
}
.gr-section.gr-section--open-positions a:hover{
  text-decoration:underline;
  color:#072125;
}

.divider-line-1px{
  height:1px;
}

#groomit-logo{
  width: 160px;
}