:root {
  --white: white;
  --black: black;
}

.section-3 {
  height: 100vh;
  background-image: url('../images/image-91-1.png');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 220px;
  display: flex;
}

.image-2 {
  width: 150px;
}

.heading-2 {
  color: #fff;
  font-family: Filson Pro, sans-serif;
  font-weight: 400;
}

.paragraph {
  color: snow;
  font-family: Filson Pro, sans-serif;
  font-style: normal;
}

.paragraph._1 {
  font-style: italic;
}

.button {
  background-color: #144eb6;
  border-radius: 40px;
  margin-top: 10px;
  padding-left: 25px;
  padding-right: 25px;
  font-family: Filson Pro, sans-serif;
  font-weight: 500;
}

.button:hover {
  background-color: #1754c2;
  box-shadow: 0 0 7px 1px rgba(255, 255, 255, .2);
}

@media screen and (max-width: 991px) {
  .section-3 {
    padding: 60px;
  }
}

@media screen and (max-width: 767px) {
  .section-3 {
    padding: 40px;
  }
}

@media screen and (max-width: 479px) {
  .heading-2 {
    font-size: 15px;
    line-height: 20px;
  }

  .paragraph {
    font-size: 10px;
    line-height: 14px;
  }
}


@font-face {
  font-family: 'Filsonprobook';
  src: url('../fonts/FilsonProBook.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Filson Pro';
  src: url('../fonts/FilsonProBookItalic.otf') format('opentype'), url('../fonts/FilsonProRegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Filson Pro';
  src: url('../fonts/FilsonProHeavy.otf') format('opentype'), url('../fonts/FilsonProBlack.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Filson Pro';
  src: url('../fonts/FilsonProLightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Filson Pro';
  src: url('../fonts/FilsonProBoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Filson Pro';
  src: url('../fonts/FilsonProLight.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Filson Pro';
  src: url('../fonts/FilsonProMedium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Filson Pro';
  src: url('../fonts/FilsonProBlackItalic.otf') format('opentype'), url('../fonts/FilsonProHeavyItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Filson Pro';
  src: url('../fonts/FilsonProMediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Filson Pro';
  src: url('../fonts/FilsonProThin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Filson Pro';
  src: url('../fonts/FilsonProBold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Filson Pro';
  src: url('../fonts/FilsonProThinItalic.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Filson Pro';
  src: url('../fonts/FilsonProRegular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}