.eyebrow.red{color:#e93d58;margin-bottom:1rem !important;} section.dkblue .tcenter h2.nocase{text-transform:none;} #strategy1 .introimg{ position:relative; width:100%; overflow:hidden; line-height:0; isolation:isolate; contain:paint; transform:translateZ(0); -webkit-transform:translateZ(0); -webkit-mask-image:-webkit-radial-gradient(white,black); mask-image:linear-gradient(white,white); -webkit-backface-visibility:hidden; backface-visibility:hidden; } #strategy1 .introimg video{ width:calc(100% + 4px); height:auto; max-width:none; display:block; margin:0 -4px -3px 0; padding:0; border:0; transform:translateZ(0); -webkit-transform:translateZ(0); -webkit-backface-visibility:hidden; backface-visibility:hidden; } #strategy2 {padding:5rem 0; background-image: url("../img/strategy/gray-grid.webp");background-repeat: no-repeat;background-position: right;} #strategy2 h2 span{font-weight: 500;} #strategy3 h2 span{font-weight: 500;} #strategy7 h2 span{font-weight: 500;} .redbg h2 strong{font-weight: 600;} .dkbluebg h2 strong{font-weight: 600;} #strategy3{padding:0;} #strategy3 .container{position:relative;} #strategy3 .container .col_full{padding:7rem 0;margin-left:256px;} section.bmstack-intro .bmstack.leftstack {right: auto;left:0;} /*#strategy4{background-image: url(../img/footer-wave.jpg);background-size: cover; background-attachment: scroll;}*/ #strategy4 .accordion .step-num {color: #E93D58;font-weight: 500;margin-right: 1rem;line-height: 1;} #strategy4 .accordion h3 > button {display: flex;align-items: center;} #strategy4 .col_full{margin-bottom:3rem;} /*was ring and ring-container*/ #saagraph_stage {position: relative;width: 100%;max-width: 450px;margin: 0 auto;} #saagraph_stage svg {width: 100%;height: auto;display: block;} #saagraph_stage svg g[data-aos]{transform-box:fill-box;transform-origin:center;} /*ADD TO ALLOW AOS To WORK*/ .saagraph_text{position: absolute;top: 47.5%;left: 50%;text-align: center;width:260px;margin-left:-130px;margin-top:-75px;pointer-events: none;z-index: 5;} .saagraph_text p {color: #ffffff;font-size: 2rem;font-weight: 300;line-height: 1.25;} .saagraph_text p span {font-weight: 400;display: inline-block;} #strategy5{} .redbg { background-color: #E93D58; padding: 3rem 0; position: relative;} .redbg h2{margin-bottom:0;} .arrow_label{display:block;text-align:center;width:300px;margin:0px auto;margin-bottom:2rem;} .arrow_label:before{content:"";display:block;width:1px;height:2.5rem;margin:0 auto;background:#009DDB;} .arrow_label p{display:inline-block;margin:0;padding:.25rem 0;border-bottom:1px solid #009DDB;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#002449;} .arrow_label:after{content:"тнг";display:block;color:#009DDB;font-size:1.25rem;line-height:1;margin-top:-2px} .arrow_label.white p{color:#fff;} .col_flex.s4_cards{column-gap:3rem;} .s4_card{} .s4_card img{display:block;border-bottom:4px solid #E93D58;margin-bottom:1rem;} .s4_card img + p{font-size:1.5rem;line-height:1.25;color: #004677;font-weigh:400;margin-bottom:.5rem;} #strategy5{postion:relative;} #strategy5 .bg{position:absolute;bottom:-10px;width:100%;overflow:hidden;} #strategy5 .bg video{width:102%;} #strategy5>.container{position:relative;z-index:1;isolation:isolate;padding-bottom:7rem;} #strategy5>.container:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:linear-gradient(to bottom,#fff 0%,#fff 45%,rgba(255,255,255,.98) 60%,rgba(255,255,255,.9) 72%,rgba(255,255,255,.7) 84%,rgba(255,255,255,.4) 93%,rgba(255,255,255,0) 100%);pointer-events:none;} .dkbluebg{ background-color:#002449; padding: 3rem 0; position: relative;} .dkbluebg h2{margin-bottom:0;} section.notopmargin{margin-top:0;padding-top:0;} #strategy5 p, #strategy5 .col_flex{position:relative;z-index:5;} #strategy6{ padding-top:0; background-image:url("../img/strategy/wireframe-graphic.png"),linear-gradient(90deg,#004677 1%,#002449 38%,#003560 75%,#009DDB 100%); background-position:left top,left top; background-repeat:no-repeat,no-repeat; background-size:auto 100%,100% 100%; color:#fff; } .s6_cards{border:1px Solid #009DDB;border-bottom-left-radius:4.5rem;column-gap:5rem;padding:5rem;} .s6_cards h3{font-weight:500;padding-left:1.5rem;border-left:4px Solid #009DDB;line-height:1.25;margin-bottom:1rem;font-size:1.5rem;;} .s6_cards h3 + p{padding-left:1.75rem;} #strategy7{padding:3.5rem 0;} #strategy8{padding-top:7rem;} @media (max-width: 1400px) { #strategy2 h2 br{display:none;} #strategy2{background-position:right -200px center;} #strategy3 .container .col_full { margin-left: 160px;} } @media (max-width: 1200px) { #strategy2 h2 br{display:none;} #strategy2{background-position:right -400px center;} #strategy3 .container .col_full {padding:5rem 0;} #saagraph_stage{margin-top:3rem;} section .redbg h2{font-size:2rem;} section .dkbluebg h2{font-size:2rem;} .s6_cards {column-gap: 3rem; padding: 3rem;} #strategy7 .col_flex{display:block;} #strategy7 .col_half{width:100%;} #strategy7 .col_half img{max-width:600px;} } @media(max-width:1024px){ #strategy5 .s4_cards{display:flex;flex-wrap:wrap;gap:3rem;} #strategy5 .s4_cards>.col_one_fourth{flex:0 0 calc(50% - 1.5rem);width:calc(50% - 1.5rem);max-width:none;} } @media(max-width:800px){ #strategy2 .col_half{width:75%;} #strategy2 .col_half.empty{display:none;} #strategy2:before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(to right,#fff 0%,rgba(255,255,255,.98) 55%,rgba(255,255,255,.85) 70%,rgba(255,255,255,0) 100%);pointer-events:none;} #strategy2>.container{position:relative;z-index:1;} #strategy3 .container .col_full { margin-left: 192px;} .col_flex.s6_cards {display:block;} .col_flex.s6_cards .col_one_third{width:100%;margin-bottom:2rem;} .col_flex.s6_cards:last-of-type .col_one_third{margin-bottom:2rem;} } @media(max-width:760px){ #strategy2{padding:3rem 0;} #strategy2 .col_half{width:100%;} #strategy3 .container .col_full {padding:3rem 0;} } @media(max-width:600px){ section.bmstack-intro .bmstack.leftstack{left:auto;right:0;margin-right:calc(100% - 64px);} #strategy3 .container .col_full { margin-left:80px;} #strategy5 .s4_cards{display:block;} #strategy5 .s4_cards>.col_one_fourth{width:100%;margin-bottom:2rem;} } @media(max-width:500px){ .saagraph_text{margin-top:-60px;} .saagraph_text p{font-size:1.5rem;} .s6_cards { padding: 1.5rem;} } #performancechart_stage {position: relative;width: 100%;max-width: 600px;margin: 0 auto;} #performancechart_stage svg {width: 100%;height: auto;display: block;} #performancechart_stage svg g[data-aos]{transform-box:fill-box;transform-origin:center;} /*ADD TO ALLOW AOS To WORK*/ #svg_bms_animaton > path:first-child{ display:inline; fill:#fff; stroke:none; } #svg_bms_animaton .svg_bms_item{ fill:#E93D58; stroke:#E93D58; stroke-width:4px; stroke-linecap:round; stroke-linejoin:round; paint-order:stroke fill; }