@font-face{
    font-family:'Montserrat';
    src: url('https://www.paloaltonetworks.com/etc/clientlibs/pan/fonts/montserrat/montserrat-v14-latin-500.woff') format('woff'),
		url('https://www.paloaltonetworks.com/etc/clientlibs/pan/fonts/montserrat/montserrat-v14-latin-500.woff2') format('woff2'),
		url('https://www.paloaltonetworks.com/etc/clientlibs/pan/fonts/montserrat/montserrat-v14-latin-500.ttf') format('truetype'),
		url('https://www.paloaltonetworks.com/etc/clientlibs/pan/fonts/montserrat/montserrat-v14-latin-500.svg') format('svg'),
        url('https://www.paloaltonetworks.com/etc/clientlibs/pan/fonts/montserrat/montserrat-v14-latin-500.svg') format('embedded-opentype');
		}
@font-face{
    font-family:'Merriweather';
    src: url('https://www.paloaltonetworks.com/etc/clientlibs/clean/dependencies/fonts/merriweather/merriweather-v21-latin-300.woff2') format('woff2');
		}
@font-face{
    font-family:'Decimal';
    src: url('https://www.paloaltonetworks.com/etc/clientlibs/clean/dependencies/fonts/decimal/Decimal-Medium-Pro_Web.woff2') format('woff2');
}

span{

font-family:'Montserrat';
	}

* {
  font-family:'Montserrat';
}

h1 {
	font-family:'Decimal';
  font-size: 70px;
  line-height: 70px;
}

h3 {
	font-family:'Decimal';
  font-size: 23px;
  line-height: 28px;
  font-weight: 700px;
}

h5 {
	font-family:'Decimal';
  font-size: 23px;
  line-height: 32px;
}

h6 {
  font-size: 12px;
  line-height: 32px;
  margin-bottom: 0;
}

.bg-gradien {
  background: linear-gradient(180deg, #f8f4e7 0%, #ffffff 100%);
}

header .vl {
  border-left: 1px solid black;
  height: 33px;
  margin-left: 3%;
  margin-right: 3%;
}

.line{
  border-left: 6px solid #e8643e;
  height: 100vh;
}

.button-color {
  background-color: #e8643e;
}

.costumize-color-banner {
  background-color: #ffd232;
}

.color-banner {
  background-color: #E8643E;
  letter-spacing: 0.1em;
}

.margin-banner {
  margin: -30px auto;
}

.w-15 {
  width: 235px;
}

.costumize-border {
  border-left: 6px solid #E8643E;
}

.costumize-r-border {
  border-right: 6px solid #E8643E;
}

.costumize-color-footer {
  background-color: #ffcb06;
}

ul {
  padding-left: 0;
}

li {
    background: url(../img/list.svg) no-repeat left top;
    padding: 3px 0px 15px 50px;
    list-style: none;
    margin: 0;
    font-weight: 400;
    color: #000000;
}

.pb-6 {
  padding-bottom: 6rem;
}

.py-6 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

footer{
  background-color: #FAFAFA;
}

svg {
  max-width: 100%;
}

@media screen and (max-width: 959px) {
  h1 {
    font-size: 50px;
    line-height: 50px;
  }

  .py-6 {
    padding-top: 1.3rem;
    padding-bottom: 1rem;
  }

  .costumize-border {
    border-left: none;
  }

  .costumize-r-border {
    border-right: none;
  }

  .row {
    display: flex;
    flex-direction: column;
  }

  .first-generation .container .row {
    flex-direction: column-reverse;
  }

  .third-generation .container .row {
    flex-direction: column-reverse;
  }
}

.btn.focus, .btn:focus{
  outline: auto;
}
