/**
* Place your custom styles here.

MAIN
FIRST SCREEN
SECOND SCREEN
THIRD SCREEN
FOURTH SCREEN
FIFTH SCREEN
SIXTH SCREEN
SEVENTH SCREEN
EIGHTH SCREEN
NINTH SCREEN
TENTH SCREEN
ADAPTIVE

*/


/* MAIN */
/* @font-face {
  font-family: Gilroy;
  src: url(../includes/fonts/Gilroy-Bold.ttf);
  src: url(../includes/fonts/Gilroy-Medium.ttf); 
  src: url(../includes/fonts/Gilroy-Light.ttf);
  src: url(../includes/fonts/Gilroy-Regular.ttf);
} */

/* body {
  font-family: 'Gilroy', sans-serif;
  font-size: 15px;
  line-height: 1.5;
  background-color: #fff;
  color: #666;
} */

h2 {
  margin-top: 0;
}




/* SECOND SCREEN */
.front-second-screen {
  
}

.front-second-screen h1 {
  font-size: 55px;
  margin: 0;
}




/* THIRD SCREEN */
.front-third-screen {
  background: linear-gradient(90deg, #067C93 0%, #DE7EE3 52.01%, #FFAE00 100%);
  padding-top: 3em;
  padding-bottom: 3em;
}




/* page-popular-method */
.page-popular-method {
  font-size: 18px;
}

.page-popular-method > div {
  display: flex;
  flex-direction: column;
  row-gap: 2em;
}

.page-popular-method ul {
  list-style: circle;
}

.page-popular-method ul li {
  list-style-type: none;
  position: relative;
  margin-bottom: 10px;
  color: #545454;
}

.page-popular-method ul li strong {
  font-weight: normal;
  color: #323232;
}

.page-popular-method ul li:before {
  content: '+';
  display: block;
  position: absolute;
  font-size: 26px;
  left: -30px;
  top: 25%;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  color: #7275B8;
}











/* ADAPTIVE */
@media (min-width: 1920px) {
}

@media (max-width: 1920px) {
}

@media (max-width: 1919px) {
}

@media (max-width: 1700px) {
}

@media (max-width: 1600px) {
}

@media (max-width: 1440px) {
}

@media (max-width: 1366px) {
  
}

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

@media (max-width: 1150px) {
  
}

@media (max-width: 1024px) {
  .page-popular-method {
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .front-second-screen h1 {
    font-size: 42px;
    line-height: normal;
  }
}

@media (max-width: 834px) {
  
}

@media (max-width: 768px) {
  
}

@media (max-width: 700px) {
  
}

@media (max-width: 650px) {
  .front-second-screen h1 {
    font-size: 38px;
  }
}

@media (max-width: 550px) {
  
  
}

@media (max-width: 480px) {
  
}

@media (max-width: 450px) {
  .front-second-screen h1 {
    font-size: 34px;
    line-height: normal;
  }
  .page-popular-method {
    font-size: 14px;
  }
}

@media (max-width: 370px) {
  
}