@charset "UTF-8";


.style-1{text-align: left;padding: 140px 0 0;margin: 70px 0 0 0;outline: none;background: #f1f2fc;height: 600px;position: relative;background-image: url(../img/founders.webp);background-position: 50% 30%;background-size: cover;background-repeat: no-repeat;}
.style-1 .box{width: 100%;text-align: center;background: #fff;max-width: 820px;margin: 0 auto;position: absolute;bottom: -80px;left: calc(50% - 410px);border-radius: 20px;filter: drop-shadow(0px 10px 15px #0C20B526);}
.style-1 .box h1{font-size: 40px;color: #181E49;font-weight: 500;margin: 20px auto;background: linear-gradient( 90deg, #34C4F9 0%, #344EF9 25%, #FF00E6 50%, #34C4F9 75%, #344EF9 100%);background-size: 300% 100%;background-position: 0% center;animation: gradientMove 6s linear infinite;background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.style-1 .box p{font-weight: 300;font-size: 20px;color: #181E49;margin: 30px 0;}




@media screen and (max-width: 1320px){
  .style-1{padding: 0 0 20px;margin: 110px 0 0 0;height: 340px;}
  .style-1 .box{margin: 20px;left: calc(50% - 200px);width: 360px;text-align: left;padding: 0 20px;bottom: -150px;}
  .style-1 .box h1{font-size: 24px;margin: 20px 0;}
  .style-1 .box p{font-size: 14px;line-height: 30px;margin: 20px 0;}
}






.style-2{padding: 150px 0 50px 0;margin: 0;outline: none;background: #ffff;text-align: center;}
.style-2 .flex {max-width: 1100px;margin: 0 auto;}
.style-2 .col{display: flex;flex-direction: row;align-items: center;}
.style-2 .col .box{background: #FFCC00;border-radius: 20px;margin: 40px;padding: 40px 20px;width: 50%;}
.style-2 .col .box h3{margin: 0;padding: 0;font-size: 60px;color: #FFCC00;font-weight: 500;}
.style-2 .col .box p{margin: 0;padding: 0;font-size: 20px;color: #FFCC00;font-weight: 400;}

.style-2 .col .cor1{background: #0c20b5;}
.style-2 .col .cor1 h3,
.style-2 .col .cor1 p{color: #fff;}
.style-2 .col .cor2{background:#F1F2FC;}
.style-2 .col .cor2 h3,
.style-2 .col .cor2 p{color: #0c20b5;}
.style-2 .col .cor3{background: #181E49;}
.style-2 .col .cor3 h3,
.style-2 .col .cor3 p{color: #fff;}

.style-2 .col .content{width: 50%;text-align: left;}
.style-2 .col .content p{margin: 20px 0;padding: 0;font-size: 16px;color: #181E49;font-weight: 400;}


@media screen and (max-width: 1320px){
  .style-2 .flex{flex-direction: column;align-items: stretch;}
  .style-2 .col{padding: 0 20px;flex-direction: column-reverse;}
  .style-2 .col .box{margin: 10px 0;border-radius: 10px;width: 100%;}
  .style-2 .col .box h3{font-size: 46px;margin: 0;}
  .style-2 .col .box p{font-size: 16px;}
  .style-2 .col .content{width: 100%;}
}





.style-3{padding: 100px 0;margin: 0;outline: none;background: #0C20B5;text-align: center;}
.style-3 .flex {display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;justify-content: center;}

.style-3 .block{text-align: left;width: 600px;margin: 0 40px;}
.style-3 .block h2{margin: 30px 0;padding: 0;font-size: 36px;text-align: left;color: #fff;}
.style-3 .block p{color: #fff;font-size: 20px;font-weight: 400;}

@media screen and (max-width: 1320px) {
  .style-3{padding: 0;}
  .style-3 .block{width: auto;margin: 0 20px;}
  .style-3 .block h2{font-size: 24px;}
  .style-3 .block p{font-size: 16px;font-weight: 300;}

  .style-3 .flex {flex-direction: column;}
  .style-3 .flex .col{flex: 100%;padding: 0;}
}