
/*---------------------
  Helper CSS
-----------------------*/

.header-scale-section{
  height: 800px;
  background: #000;
  padding: 250px 80px;
  background-position: bottom center;
  overflow: hidden;
  background-image:url('../../assets/scale/hero2.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.header-scale-section h2 {
  color: white;
  font-weight: bolder;
  letter-spacing: 2pt;
  font-size: 40pt;
}
.header-scale-section p{
  color: white;
  font-size: larger;
}

.scale-support{
  padding: 80px;
  background-position: bottom center;
  background-color: #F6F3F4;
}
.scale-support h2{
  color: #2A1A4E;
  letter-spacing: 2pt;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.scale-support p{
  color: black;
}
.scale-support article {
  display: table;
}
.scale-support article img{
  width:40px;
}
.scale-support article div {
  display: table-cell;
  vertical-align: top;
  color: black;
  padding-right: 10px;
}

.header-scale-quotes{
  /* height: 800px; */
  background: #000;
  padding: 80px;
  background-position: bottom center;
  overflow: hidden;
  background-image:url('../../assets/scale/Frame 3.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
}
.dropshadow {
  text-shadow: 0px 2px 2px #b6b6b6;
  text-align: center;
}
.header-scale-apply{
  /* height: 800px; */
  background: #000;
  padding: 100px;
  background-position: bottom center;
  overflow: hidden;
  background-image:url('../../assets/scale/Frame 5.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
}
.header-scale-faq{
  /* height: 800px; */
  background: #000;
  padding: 50px;
  background-position: top center;
  overflow: hidden;
  background-image:url('../../assets/scale/Frame 7.png');
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}
.header-scale-quotes h3, .header-scale-apply h3, .header-scale-faq h3{
  color: white;
  line-height: 1.5;
}
.header-scale-apply p, .header-scale-faq p {
  color: white;
  font-size: 15pt;
}
.header-scale-faq a{
  color: inherit;
}

.accordion-scale .card{
  margin: 10px;
}

.accordion-scale .card-header{
  border-radius: 0px !important;
  text-transform: uppercase;
}
.accordion-scale .purple{
  background: rgb(42,26,78);
  background: linear-gradient(90deg, rgba(42,26,78,1) 26%, rgba(77,52,113,1) 69%);
}
.accordion-scale .purple-body{
  background-color: #2A1A4E;
}
.accordion-scale .white{
  background-color: white;
  border: #2A1A4E 2px solid !important;
}
.white h5{
  color: #2A1A4E;
  letter-spacing: 2pt;
}
.purple h5, .purple h4{
  color: white;
  letter-spacing: 2pt;
}
.purple li, .purple p { 
  color : white;
  font-size: 10pt;
}
.accordion-scale .card-header button{
  text-transform: uppercase;
  text-decoration: none;
}

.bg-team{
  background-image:url('../../assets/scale/teams.png');
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 450px;
}

@media (min-width: 1200px) {
	
}

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

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

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

}

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

}

/* Medium screen : 992px. */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bg-team{
    height: 550px;
  }
  .header-scale-section h2 {
    font-size: 33pt;
  }
}

/* Tablet :768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.scale-support h2{
    font-size: 20pt;
  }
  .header-scale-section h2 {
    font-size: 23pt;
  }
  .header-scale-section p{
    font-size: 10pt;
  }
  .card-header h5, .card-body h5{
    font-size: 10pt;
    line-height: 1.4;
  }
}

/* Large Mobile :480px. */

@media only screen and (max-width: 767px) {
	.header-scale-section {
    padding: 140px 30px;
    height: 400px;
  }
  .header-scale-section h2{
    font-size: 23pt;
  }
  .header-scale-section p{
    font-size: 10pt;
  }
  .scale-support{
    padding: 50px 30px;
  }
  .scale-support h2{
    font-size: 16pt;
  }
  .scale-support article img{
    width:50px;
  }
  .header-scale-quotes{
    padding: 50px 30px;
  }
  .header-scale-quotes h3{
    font-size: 14pt;
  }
  .card-header h5, .card-body h5{
    font-size: 7.5pt;
    line-height: 1.4;
  }
  .header-scale-apply {
    padding: 50px 30px;
  }
  .scale-support p{
    font-size: 8pt;
  }
  .scale-support article img{
    width:20px;
  }
  .scale-support article div {
    padding-right: 0px;
  }
  .scale-support article .div-img {
    width: 40px;
  }
  .bg-team{
    height: 250px;
  }
}

/* Medium Mobile :480px. */

@media only screen and (max-width: 450px) {
  .header-scale-section {
    height: 550px;
  }
  .header-scale-section h2{
    font-size: 18pt;
  }
  article p{
    font-size: 12pt;
  }
  article img{
    width:60px
  }
  .header-scale-section h2{
    font-size: 16pt;
  }
  .header-scale-quotes h3{
    font-size: 12pt;
  }
  .header-scale-apply h3, .header-scale-faq h3, .scale-support h3{
    font-size: 15pt;
  }
}

/* Small Mobile :320px. */

@media only screen and (max-width: 359px) {
  .header-scale-section {
    height: 600px;
  }
  .header-scale-section h2{
    font-size: 16pt;
  }
  .header-scale-faq {
    padding: 30px;
  }
	.partnership-section h1{
    font-size: 25pt;
  }
  .header-scale-section p{
    line-height: 1.6;
  }
}