@charset "UTF-8";


.style-1{text-align: left;padding: 140px 0 70px;margin: 0;outline: none;background-position: 50% 100%;}
.style-1 .flex {display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;justify-content: space-between;}
.style-1 .flex .cover{height: 560px;width: 50%;margin: 25px;border-radius: 25px;background: #ddd;background-image: url(../img/image-x.webp);background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;position: relative;}
.style-1 .flex .box{width: 50%;margin: 25px;}
.style-1 .flex .box h1{font-family: 'Poppins';font-style: normal;font-weight: 300;font-size: 36px;max-width: 580px;color: #181E49;}
.style-1 .flex .box h1 b {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;color: #181E49;}
.style-1 .flex .box p{font-family: 'Poppins';font-style: normal;font-weight: 400;font-size: 18px;color: #181E49;max-width: 580px;margin: 30px 0;}
.style-1 .flex .box a{background: #0C20B5;font-size: 18px;font-weight: 600;padding: 14px 40px;border-radius: 30px;color: #fff;margin: 20px 0 0 0;display: inline-block;text-align: center;outline: none;cursor: pointer;}
.style-1 .flex .box a:hover{background: linear-gradient( 90deg, #34C4F9 0%, #344EF9 25%, #FF00E6 50%, #34C4F9 75%, #344EF9 100%);background-size: 400% 100%;background-position: 0% center;animation: gradientMove 6s linear infinite;}


@media screen and (max-width: 1320px){
  .style-1{padding: 110px 0 70px;}
  .style-1 .flex {flex-direction: column;padding: 20px;}
  .style-1 .flex .cover{width: 100%;margin: 0px;height: 360px;border-radius: 15px;}
  .style-1 .flex .box{width: 100%;margin: 0px;}
  .style-1 .flex .box h1{font-size: 24px;margin: 20px 0;}
  .style-1 .flex .box a{display: block;font-size: 16px;margin: 30px 0 0;}
}





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

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

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

  .style-2 .flex {flex-direction: column;}
}







.style-3{padding: 100px 0 0;margin: 0;outline: none;background: #fff;text-align: center;}
.style-3 h2{font-size: 36px;color: #181E49;margin: 0 auto;}
.style-3 h2 b {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;color: #181E49;font-weight: 600;}
.style-3 h2::after{content:"";background-image: url(../img/arrow.svg);background-position: 50% 50%;background-size: contain;background-repeat: no-repeat;width: 145px;height: 130px;display: block;margin: 20px auto;}

.style-3 .horizontal {margin: 20px;background: #F1F2FC;border-radius: 25px;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.style-3 .horizontal img{max-width: 350px;margin: 50px;}
.style-3 .horizontal .col{text-align: left;}
.style-3 .horizontal .col h3{color: #181E49;font-weight: 500;font-size: 36px;}
.style-3 .horizontal .col h3 b{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;color: #181E49;font-weight: 500;}
.style-3 .horizontal .col p{color: #181E49;font-weight: 400;font-size: 16px;margin: 20px 0;max-width: 420px;}
.style-3 .horizontal .col a{background: #0C20B5;padding: 14px 30px;border-radius: 30px;display: inline-block;color: #fff;}
.style-3 .horizontal .col a:hover{color: #fff;background: linear-gradient( 90deg, #34C4F9 0%, #344EF9 25%, #FF00E6 50%, #34C4F9 75%, #344EF9 100%);background-size: 400% 100%;background-position: 0% center;animation: gradientMove 6s linear infinite;}

.style-3 .vertical{display: flex;flex-wrap: nowrap;flex-direction: row;justify-content: space-between;}
.style-3 .vertical .box {width: 50%;margin: 20px;background: #F1F2FC;border-radius: 25px;}
.style-3 .vertical .box img{max-width: 350px;margin: 0;}
.style-3 .vertical .box .col{text-align: left;padding: 50px;}
.style-3 .vertical .box .col h3{color: #181E49;font-weight: 500;font-size: 26px;height: 75px;}
.style-3 .vertical .box .col h3 b{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;color: #181E49;font-weight: 500;}
.style-3 .vertical .box .col p{color: #181E49;font-weight: 400;font-size: 16px;margin: 20px 0;max-width: 520px;}
.style-3 .vertical .box .col a{background: #0C20B5;padding: 14px 30px;border-radius: 30px;display: inline-block;color: #fff;}
.style-3 .vertical .box .col a:hover{color: #fff;background: linear-gradient( 90deg, #34C4F9 0%, #344EF9 25%, #FF00E6 50%, #34C4F9 75%, #344EF9 100%);background-size: 400% 100%;background-position: 0% center;animation: gradientMove 6s linear infinite;}



@media screen and (max-width: 1320px){
  .style-3{padding: 60px 0 0;}
  .style-3 h2{font-size: 24px;max-width: 280px;font-weight: 400;}
  .style-3 h2::after{height: 70px;margin: 10px auto;}

  .style-3 .horizontal{flex-direction: column-reverse;margin: 20px 0 0 0;width: 100%;position: relative;left: 0;border-radius: 0;padding: 40px 20px;}
  .style-3 .horizontal img{margin: 0;}
  .style-3 .horizontal .col h3{font-size: 24px;font-weight: 400;}
  .style-3 .horizontal .col p{font-size: 16px;font-weight: 300;}
  .style-3 .horizontal .col a{display: none;}
  .style-3 .vertical{flex-direction: column;}
  .style-3 .vertical .box{width: 100%;margin: 20px 0 0 0;border-radius: 0;}
  .style-3 .vertical .box .col{padding: 20px;}
  .style-3 .vertical .box .col h3{font-weight: 400;height: auto;}
  .style-3 .vertical .box .col p{font-weight: 300;}
  .style-3 .vertical .box .col a{display: none;}
}





.style-4{padding: 80px 0;margin: 0;outline: none;background: #fff;text-align: left;}
.style-4 h2{margin: 0 auto 30px;padding: 0;font-size: 36px;color: #181E49;font-weight: 400;text-align: center;}
.style-4 h2 b {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;color: #181E49;}

.style-4 .box{margin: 0;display: block;padding: 20px;background: #F1F2FC;border-radius: 10px;height: 100%;}
.style-4 .box p{font-size: 15px;color: #181E49;font-weight: 400;margin: 0;display: block;}
.style-4 .box .head img{margin-right: 10px;padding: 0;display: block;width: auto;height: 44px;float: left;}
.style-4 .box .head span{overflow: hidden;display: block;margin-bottom: 20px;}
.style-4 .box .head span b{display: block;}
.style-4 .box .head span img{width: 80px;height: auto;margin: 0;}

.style-4 .flex {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: stretch;}
.style-4 .flex .col{flex: 33%;padding: 20px;}

@media screen and (max-width: 1320px){
  .style-4{padding: 40px 0;}
  .style-4 h2{font-size: 24px;padding: 0 20px;}
  .style-4 .box{padding: 20px;}
  .style-4 .box h3{font-size: 20px;line-height: 20px;margin: 0 0 10px 0;}
  .style-4 .box img{height: 35px;}

  .style-4 .flex {flex-direction: column;}
  .style-4 .flex .col{padding: 10px 20px;}
}





.style-5{padding: 50px 0;margin: 0;outline: none;background: #0C20B5;text-align: center;}
.style-5 .flex {display: flex;flex-direction: row;flex-wrap: nowrap;align-items: flex-start;justify-content: space-between;}
.style-5 .col{flex: 25%;}
.style-5 .col .box{background: #ffffff20;border-radius: 20px;margin: 20px;padding: 20px;}
.style-5 .col .box h3{margin: 0 0 20px 0;padding: 0;font-size: 32px;color: #fff;font-weight: 500;}
.style-5 .col .box p{margin: 0;padding: 0;font-size: 16px;color: #fff;font-weight: 400;}

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





.style-6{text-align: left;padding: 80px 0;margin: 0;outline: none;background-position: 50% 100%;background: #ffffff;}
.style-6 .flex {display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;justify-content: space-between;}
.style-6 .flex .cover{width: 55%;margin: 25px;height: 400px;border-radius: 25px;background: #ddd;background-image: url(../img/image-2.webp);background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;position: relative;}
.style-6 .flex .box{width: 45%;margin: 25px;}
.style-6 .flex .box h2{font-family: 'Poppins';font-style: normal;font-weight: 300;font-size: 36px;max-width: 580px;color: #181E49;}
.style-6 .flex .box h2 b {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;color: #181E49;font-weight: 600;}
.style-6 .flex .box p{font-family: 'Poppins';font-style: normal;font-weight: 300;font-size: 18px;color: #181E49;max-width: 580px;margin: 30px 0 0;}



@media screen and (max-width: 1320px){
  .style-6{padding: 20px 0;}
  .style-6 .flex .box h2{font-size: 24px;}
  .style-6 .flex {flex-direction: column;padding: 0 20px;}
  .style-6 .flex .cover{width: 100%;height: 220px;}
  .style-6 .flex .box{width: 100%}
}







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

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

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

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




/* end */