@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:wght@400;600;700&display=swap');

html {
    font-size: 22px;
}

body {
  font-family: 'Albert Sans', sans-serif;
  font-weight: 400;
  color: #1D439A;
}


/* GLOBAL */
.center {text-align: center;}
.row {display: flex;}
.title {min-height: 1.9rem; font-size: 1.2rem; font-weight: 700;}
.btn_style {background: #1D439A; color: #fff; font-weight: 700; padding: 10px 20px; margin-right: 10px;}
/*section {background: url(../images/dot_bg.jpg) top center repeat-y;}*/
section[class^="section_"]>.container>.row {display: flex; flex-wrap: wrap; max-width: 740px; margin-left: auto; margin-right: auto;}
section[class^="section_"] .row>.clmn {width: 350px; padding-left: 0px; padding-right: 0px;}
.pad_top {padding-top: 2.2rem;}
.pad_bottom {padding-bottom: 2.2rem;}

.header .lang_sw {display: flex; flex-direction: row; justify-content: flex-end;}
.header .lang_sw .inner {display: inline-block; background: #592DD2; color: #fff; font-size: 0.7rem; text-align: center; padding: 7px 15px;}


/* MAIN */
.section_1 .row_1 {margin-top: 180px; max-width: 700px!important;}
.section_1 .row_2 {justify-content: flex-end; max-width: 700px!important;}
.section_1 img {max-width: 230px; position: relative; z-index: 5;}
.section_1 .img_1 {margin-top: -168px; display: flex; justify-content: flex-end;}
.section_1 .img_1_inner {position: relative; width: 240px; background: #156FC1; padding: 10px 5px 5px; text-align: center;}
.section_1 .img_1_inner .sq_1 {position: absolute; bottom: 0; right: 0; width: 300px; height: 300px; background: #1756E8;}
.section_1 .img_2 {margin-top: -167px;}
.section_1 .img_2_inner {position: relative; width: 240px; background: #0F275E; padding: 10px 5px 5px; text-align: center;}
.section_1 .img_2_inner .sq_4 {position: absolute; top: 0; left: 0; width: 300px; height: 300px; background: #086EE5;}
.section_1 .logo {font-size: 2.8rem; font-weight: 600;}
.section_1 .logo .sq_3 {width: 50px; height: 50px; background: #4F81F2;}
.section_1 .logo .logo_inner {display: inline-block; background: #133789; padding: 30px 50px; color: #fff;}
.section_1 .text_inner {background: #1E48A9; color: #fff; font-size: 1.2rem; text-align: right; padding: 19px 10px;}
.section_1 .text .sq_2 {width: 50px; height: 50px; background: #4F81F2; float: right;}

.section_2 .row_1 {justify-content: flex-end; max-width: 700px!important;}
.section_2 .row_1 .clmn .row {flex-direction: column;}
.section_2 .pad_top .title {margin-left: -80px;}
.section_2 .row_2 {justify-content: flex-start;}
.section_2 .row_2 .clmn {text-align: right;}
.section_2 .icons {position: relative; background: #3B67CE; width: 13rem; height: 14rem;}
.section_2 .icons>div {width: 120px; height: 120px; padding: 15px; position: absolute; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.section_2 .icons>div:nth-child(1) {background: #0E41B6; left: -40px; top: 70px;}
.section_2 .icons>div:nth-child(2) {background: #0B127E; right: -40px; top: 70px;}
.section_2 .icons .img {width: 80px; height: 80px; display: flex; justify-content: center;}
.section_2 .icons .img img {width: 60px; height: auto;}
.section_2 .icons p {font-size: 16px; margin: 0; color: #fff;}
.section_2 .learn_more {font-size: 1.2rem; margin-left: -159px; margin-top: -15px; z-index: 10;}

.section_4 {margin-top: 4rem;}
.section_4 .title {margin-right: 45px;}
.section_4 .row_2 .clmn_1 .sqrs {position: relative; height: 35px;}
.section_4 .row_2 .clmn_1 .small_sq_1 {width: 25px; height: 25px; position: absolute; bottom: 0px; right: 0px; z-index: 0; background: #1D4090;}
.section_4 .row_2 .clmn_1 .small_sq_2 {width: 25px; height: 25px; position: absolute; bottom: 7px; right: 7px; z-index: -5; background: #2A5CAC;}
.section_4 .row_2 .clmn_1 .small_sq_3 {width: 25px; height: 25px; position: absolute; bottom: 0px; right: 0px; z-index: 0; background: #3A78CB;}
.section_4 .row_2 .clmn_1 .small_sq_4 {width: 25px; height: 25px; position: absolute; bottom: 7px; right: 7px; z-index: -5; background: #1D4090;}
.section_4 .row_2 .clmn_2 {position: relative;}
.section_4 .row_2 .clmn_2 .sq_1 {width: 320px; height: 320px; position: absolute; top: 0px; left: 0px; z-index: -10; background: #2A5CAC;}
.section_4 .row_2 .clmn_2 .sq_2 {width: 280px; height: 280px; position: absolute; bottom: 25%; left: 0px; z-index: -5; background: #1D4090;}
.section_4 .row_2 .clmn_2 .sq_3 {width: 250px; height: 250px; position: absolute; bottom: 0px; left: 0px; z-index: -10; background: #3A78CB;}

.section_5 {margin-top: 3rem;}
.section_5 .title {margin-right: 83px;}
.section_5 .row_2 .clmn_1 .sqrs {position: relative; height: 35px;}
.section_5 .row_2 .clmn_1 .small_sq_1 {width: 25px; height: 25px; position: absolute; bottom: 0px; right: 0px; z-index: 0; background: #427EF5;}
.section_5 .row_2 .clmn_1 .small_sq_2 {width: 25px; height: 25px; position: absolute; bottom: 7px; right: 7px; z-index: -5; background: #2D3B86;}
.section_5 .row_2 .clmn_1 .small_sq_3 {width: 25px; height: 25px; position: absolute; bottom: 0px; right: 0px; z-index: 0; background: #2F73CA;}
.section_5 .row_2 .clmn_1 .small_sq_4 {width: 25px; height: 25px; position: absolute; bottom: 7px; right: 7px; z-index: -5; background: #427EF5;}
.section_5 .row_2 .clmn_2 {position: relative;}
.section_5 .row_2 .clmn_2 .sq_1 {width: 250px; height: 250px; position: absolute; top: 0px; left: 0px; z-index: -10; background: #2D3B86;}
.section_5 .row_2 .clmn_2 .sq_2 {width: 350px; height: 240px; position: absolute; bottom: 25%; left: 0px; z-index: -5; background: #427EF5;}
.section_5 .row_2 .clmn_2 .sq_3 {width: 300px; height: 270px; position: absolute; bottom: 0px; left: 0px; z-index: -10; background: #2F73CA;}

.section_6 {margin-top: 6rem;}
.section_6 .title {margin-right: 149px;}
.section_6 .row_1 .clmn div {margin-left: -90px;}
.section_6 .row_2 .clmn_1 .sqrs {position: relative; height: 35px;}
.section_6 .row_2 .clmn_1 .small_sq_1 {width: 25px; height: 25px; position: absolute; bottom: 0px; right: 0px; z-index: 0; background: #2E42A8;}
.section_6 .row_2 .clmn_1 .small_sq_2 {width: 25px; height: 25px; position: absolute; bottom: 7px; right: 7px; z-index: -5; background: #426FF5;}
.section_6 .row_2 .clmn_1 .small_sq_3 {width: 25px; height: 25px; position: absolute; bottom: 0px; right: 0px; z-index: 0; background: #1534AC;}
.section_6 .row_2 .clmn_1 .small_sq_4 {width: 25px; height: 25px; position: absolute; bottom: 7px; right: 7px; z-index: -5; background: #2E42A8;}
.section_6 .row_2 .clmn_2 {position: relative;}
.section_6 .row_2 .clmn_2 .sq_1 {width: 250px; height: 250px; position: absolute; top: 0px; left: 0px; z-index: -10; background: #426FF5;}
.section_6 .row_2 .clmn_2 .sq_2 {width: 280px; height: 280px; position: absolute; bottom: 25%; left: 0px; z-index: -5; background: #2E42A8;}
.section_6 .row_2 .clmn_2 .sq_3 {width: 320px; height: 320px; position: absolute; bottom: 0px; left: 0px; z-index: -10; background: #1534AC;}
.section_6 .row_3 {justify-content: flex-end;}

.section_7 {margin-top: 3rem;}
.section_7 .title {margin-right: 133px;}
.section_7 .text {max-width: 250px;}
.section_7 .row_1 .clmn div {margin-left: -70px;}
.section_7 .row_2 .clmn_1 .sqrs {position: relative;}
.section_7 .row_2 .clmn_1 .small_sq_1 {width: 25px; height: 25px; position: absolute; bottom: 0px; right: 0px; z-index: 0; background: #2E42A8;}
.section_7 .row_2 .clmn_1 .small_sq_2 {width: 25px; height: 25px; position: absolute; bottom: 7px; right: 7px; z-index: -5; background: #426FF5;}
.section_7 .row_2 .clmn_1 .small_sq_3 {width: 25px; height: 25px; position: absolute; bottom: 0px; right: 0px; z-index: 0; background: #1534AC;}
.section_7 .row_2 .clmn_1 .small_sq_4 {width: 25px; height: 25px; position: absolute; bottom: 7px; right: 7px; z-index: -5; background: #2E42A8;}
.section_7 .row_2 .clmn_2 {position: relative;}
.section_7 .row_2 .clmn_2 .sq_1 {width: 270px; height: 270px; position: absolute; bottom: 25%; left: 0px; z-index: -5; background: #427EF5;}
.section_7 .row_2 .clmn_2 .sq_2 {width: 300px; height: 280px; position: absolute; top: 0; left: 0px; z-index: -10; background: #2A5CAC;}
.section_7 .row_2 .clmn_2 .sq_3 {width: 330px; height: 320px; position: absolute; bottom: 0px; left: 0px; z-index: -15; background: #2D3B86;}
.section_7 .row_3 {justify-content: flex-end;}

.section_9 {margin-top: 3rem;}
.section_9 .title {margin-right: 137px;}
.section_9 .text {max-width: 250px;}
.section_9 .row_1 .clmn div {margin-left: -62px;}
.section_9 .row_2 .clmn_1 .sqrs {position: relative; height: 35px;}
.section_9 .row_2 .clmn_1 .small_sq_1 {width: 25px; height: 25px; position: absolute; bottom: 0px; right: 0px; z-index: 0; background: #2A5CAC;}
.section_9 .row_2 .clmn_1 .small_sq_2 {width: 25px; height: 25px; position: absolute; bottom: 7px; right: 7px; z-index: -5; background: #2B5BCA;}
.section_9 .row_2 .clmn_1 .small_sq_3 {width: 25px; height: 25px; position: absolute; bottom: 0px; right: 0px; z-index: 0; background: #202B83;}
.section_9 .row_2 .clmn_1 .small_sq_4 {width: 25px; height: 25px; position: absolute; bottom: 7px; right: 7px; z-index: -5; background: #2A5CAC;}
.section_9 .row_2 .clmn_2 {position: relative;}
.section_9 .row_2 .clmn_2 .sq_1 {width: 250px; height: 250px; position: absolute; top: 0px; left: 0px; z-index: -10; background: #2B5BCA;}
.section_9 .row_2 .clmn_2 .sq_2 {width: 280px; height: 260px; position: absolute; bottom: 25%; left: 0px; z-index: -5; background: #2A5CAC;}
.section_9 .row_2 .clmn_2 .sq_3 {width: 320px; height: 280px; position: absolute; bottom: 0px; left: 0px; z-index: -10; background: #202B83;}
.section_9 .row_3 {justify-content: flex-end;}

.section_4 .row_1,
.section_6 .row_1,
.section_8 .row_1 {justify-content: flex-end;}
.section_4 .row_2 .clmn_2 img,
.section_6 .row_2 .clmn_2 img,
.section_8 .row_2 .clmn_2 img {max-width: 230px; padding: 10px 10px 5px;}
.section_4 .row_2>.clmn_1,
.section_6 .row_2>.clmn_1,
.section_8 .row_2>.clmn_1 {display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; padding-right: 20px!important; font-size: 0.9rem;}
.section_4 .row_2>.clmn_1 .text,
.section_6 .row_2>.clmn_1 .text,
.section_8 .row_2>.clmn_1 .text {width: 250px; padding-top: 20px; padding-bottom: 25px; text-align: right;}
.section_4 .row_2>.clmn_1 .text:last-child,
.section_6 .row_2>.clmn_1 .text:last-child,
.section_8 .row_2>.clmn_1 .text:last-child {padding-bottom: 0px;}
.section_4 .row_3 {justify-content: flex-end;}

.section_5 .row_1,
.section_7 .row_1,
.section_9 .row_1 {justify-content: flex-end;}
.section_5 .row_1 .clmn div {margin-left: -90px;}
.section_5 .row_2>.clmn_1,
.section_7 .row_2>.clmn_1,
.section_9 .row_2>.clmn_1 {text-align: right; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; padding-right: 20px!important; font-size: 0.9rem;}
.section_5 .row_2>.clmn_1 .text,
.section_7 .row_2>.clmn_1 .text,
.section_9 .row_2>.clmn_1 .text {padding-top: 20px; padding-left: 50px; padding-bottom: 25px;}
.section_5 .row_2>.clmn_1 .text:last-child,
.section_7 .row_2>.clmn_1 .text:last-child,
.section_9 .row_2>.clmn_1 .text:last-child {padding-bottom: 0px;}
.section_5 .row_2 .clmn_2 img,
.section_7 .row_2 .clmn_2 img,
.section_9 .row_2 .clmn_2 img {max-width: 230px; padding: 10px;}
.section_5 .row_2>.clmn_2,
.section_7 .row_2>.clmn_2,
.section_9 .row_2>.clmn_2 {display: flex; flex-direction: column; justify-content: space-between;}
.section_5 .row_3 {justify-content: flex-end;}

.section_10 {margin-top: 3rem;}
.section_10 .title {margin-right: 21px;}
.section_10 .row_1 {justify-content: flex-end;}
.section_10 .row_1 .heading div {margin-right: 25px;}
.section_10 .row_2 {position: relative; max-width: 950px!important;}
.section_10 .row_2 .sq_1 {width: 475px; height: 435px; position: absolute; top: 0px; right: 0px; z-index: -15; background: #2B5BCA;}
.section_10 .row_2 .sq_2 {width: 410px; height: 350px; position: absolute; top: 65px; right: 130px; z-index: -10; background: #427EF5;}
.section_10 .row_2 .sq_3 {width: 280px; height: 415px; position: absolute; bottom: -110px; right: 225px; z-index: -5; background: #2A5CAC;}
.section_10 .row_2 .useful_features {display: flex; flex-direction: row; justify-content: flex-end; flex-basis: 950px;}
.section_10 .row_2 .useful_features div[class^="clmn_"] {display: flex; flex-direction: column;}
.section_10 .row_2 .useful_features .clmn_1 {justify-content: flex-end; align-items: flex-end; margin-bottom: -107px; margin-right: -30px;}
.section_10 .row_2 .useful_features .clmn_2 {align-items: flex-end;}
.section_10 .useful_features_item {display: flex; flex-direction: column; background: #fff; color: #2A5CAC; padding: 20px; margin: 15px;}
.section_10 .useful_features_item img {}
.section_10 .useful_features_item div:nth-child(2) {font-size: 22px; line-height: 22px; font-weight: 400; margin-bottom: 10px;}
.section_10 .useful_features_item div:nth-child(3) {font-size: 14px;}
.section_10 .row_2 .useful_features .item_1 {width: 220px;}
.section_10 .row_2 .useful_features .item_2 {width: 185px; margin-top: 0;}
.section_10 .row_2 .useful_features .item_3 {width: 208px; margin-left: 0;}
.section_10 .row_2 .useful_features .item_4 {width: 228px; margin-top: 0;}
.section_10 .row_2 .useful_features .item_5 {width: 142px; margin: 15px 15px 0 0;}
.section_10 .row_2 .useful_features .item_6 {width: 142px; margin: 15px 15px 0 0;}
.section_10 .row_3 {justify-content: flex-end;}
.section_10 .row_3 div {color: #fff; max-width: 170px; margin-right: 140px; margin-top: -15px; text-align: right;}
.section_10 .row_4 {position: relative; flex-direction: column; justify-content: flex-end; align-content: flex-end; max-width: 950px!important; margin-top: 25px}
.section_10 .row_4>div:nth-child(1) {display: flex; flex-direction: row; width: 380px; padding: 20px; background: #296DDB; color: #fff;}
.section_10 .row_4 .clmn_1, .section_10 .row_4 .clmn_2 {flex: 1; font-size: 0.95rem; font-weight: 500;}
.section_10 .that_you_know {font-size: 1.6rem; font-weight: 700; padding: 0.5rem 0;}

.section_footer {margin-top: 3rem; margin-bottom: 1rem;}
.section_footer .title {margin-left: -157px;}
.section_footer .copy {background: #1D439A; font-size: 0.8rem; text-align: right; color: #fff; width: 340px; padding: 15px 20px; margin-top: -27px; margin-left: 80px; position: relative;}
.section_footer .copy img {max-width: 180px;}




@media (max-width: 576px) {
html {font-size: 20px;}

section[class^="section_"] .row>.clmn {margin-left: auto; margin-right: auto;}

.section_1 .row {margin-top: 50px;}
.section_1 .row div {margin-left: auto; margin-right: auto;}
.section_1 .row .clmn_1 {text-align: left;}
.section_1 .logo {order: 0;}
.section_1 .text {order: 1;}
.section_1 .img_1 {order: 2; margin-top: 0;}
.section_1 .img_2 {order: 3; margin-top: -415px;}
.section_1 .img_2 img {margin-left: 110px;}
.section_1 .row_2 {display: none!important;}

.section_2 .row_1 {justify-content: flex-start;}
.section_2 .row_1 .clmn .row>div:first-child {margin-left: -50px;}
.section_2 .row_2 .clmn {text-align: left;}

.section_3 .row_1 .clmn div {margin-left: -50px;}
.section_3 .row_2>.clmn_1 {padding-bottom: 20px;}
.section_3 .row_2 .clmn_1 .text {text-align: left; width: 100%; float: none;}
.section_3 .row_3 .clmn {text-align: left;}
.section_3 .row_3 .clmn>div {margin-top: 20px;}

.section_4 .row_1 .clmn div {margin-left: -50px;}
.section_4 .row_2 .clmn_1, .section_6 .row_2 .clmn_1, .section_8 .row_2 .clmn_1 {text-align: left;}
.section_4 .row_2 .clmn_2 {padding-top: 20px;}
.section_4 .row_2>.clmn_2 .text, .section_6 .row_2>.clmn_2 .text, .section_8 .row_2>.clmn_2 .text {width: 100%;}
.section_4 .row_3 {display: none!important;}

.section_5 .row_1 .clmn div {margin-left: -50px; font-size: 0.98rem;}
.section_5 .row_2>.clmn_1, .section_7 .row_2>.clmn_1, .section_9 .row_2>.clmn_1 {text-align: left;}
.section_5 .row_2>.clmn_1 .text, .section_7 .row_2>.clmn_1 .text, .section_9 .row_2>.clmn_1 .text {padding-left: unset;}

.section_6 .row_1 .clmn div {margin-left: -50px;}
.section_6 .row_3 {display: none!important;}

.section_7 .row_1 .clmn div {margin-left: -50px;}
.section_7 .row_3 {display: none!important;}

.section_8 .row_1 .clmn div {margin-left: -50px;}
.section_8 .row_3 {display: none!important;}

.section_9 .row_1 .clmn div {margin-left: -50px;}
.section_9 .row_3 {display: none!important;}

.section_10 .row_1 .clmn div {margin-left: -50px;}
.section_10 .row_4 .clmn_1 {text-align: left;}
.section_10 .row_5 .clmn {text-align: left;}

.section_11 .row_1 .clmn .row>div:first-child {margin-left: -50px;}

.section_footer .row .clmn {text-align: left;}
}




@media (max-width: 425px) {
.btn_style {padding-left: 15px; padding-right: 15px;}
.container {padding-left: 25px; padding-right: 25px;}

.section_1 img {max-width: 180px;}
.section_1 .img_2 {margin-top: -330px;}
.section_1 .img_2 img {margin-left: 90px;}

.section_3 .arrange_item {width: 95px;}

.section_5 .row_1 .clmn div {font-size: 0.88rem;}

.section_8 .row_1 .clmn div {font-size: 0.9rem;}

.section_10 .row_1 .clmn div {font-size: 0.98rem;}

.section_11 .icons>div {width: 50px;}

}




@media (max-width: 375px) {

}