body.technology{background:#08021F}
body.technology:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:url("hero-technology.webp") no-repeat center center;background-size:cover;

	background-attachment:fixed;
/*	z-index: 1;mix-blend-mode:overlay;;opacity: .7;
*/
}


.container-fluid{position:relative;z-index:9}
 
section.hero-banner{min-height:100vh;}
section.hero-banner:before{content:"";width: 30vw;height: 30vw;position:absolute;top:50%;left:50%;background:#E81F4F;border-radius: 1000px;transform: translate(-50%,-50%);filter: blur(170px);opacity: .55;}
section.hero-banner p{color:var(--color-01);font-size:var(--rfs-21);}

section.hero-banner .icon{max-width: 5vw;max-height: 5vw;position:absolute;top: 50%;left: 50%;display: none;}
section.hero-banner .icon.i_01{transform: translate(120%,-289%);}
section.hero-banner .icon.i_02{transform: translate(-290%,-330%);}
section.hero-banner .icon.i_03{transform: translate(540%,-145%);}
section.hero-banner .icon.i_04{transform: translate(-630%,20%);}
section.hero-banner .icon.i_05{transform: translate(-260%,140%);}
section.hero-banner .icon.i_06{transform: translate(340%,140%);}

section.technology-01{background:#08021F;position:relative;}
section.technology-01 p{
	margin-bottom:2rem;
	text-align: center;
}
section.technology-01:after{content:"";width:100%;height:200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-top:1px solid #ffffff;border-bottom:1px solid #ffffff;z-index: 1;}
section.technology-01:before{content:"";width:100%;height: 30%;position:absolute;bottom: 100%;left: 0%;background: linear-gradient(0deg, #08021f, transparent);z-index: 0;}

section.technology-01 a.btn_video{transition: all 500ms ease-in-out;}
section.technology-01 a.btn_video video{max-width:100%;transition: all 500ms ease-in-out;}
section.technology-01 a.btn_video .icon-play{}
section.technology-01 a.btn_video .icon-play:before{content:"";width:100px;height:100px;position:absolute;top:50%;lseft:50%;transform: translate(-50%,-50%) rotate(45deg);border: 1px solid #fff;backdrop-filter: blur(11px);transition: all 500ms ease-in-out;}
section.technology-01 a.btn_video .icon-play:after{content:"";width:0px;height:0px;position:absolute;top:50%;left: 51%;transform:translate(-50%,-50%);border: 15px solid transparent;border-left: 25px solid #ffffff;margin-left: -5px;}
section.technology-01 a.btn_video .text-play{color: #ffffff;text-transform: uppercase;padding: 7px 15px;position: absolute;top: 61%;left: 50%;transform: translate(-50%,-50%);backdrop-filter: blur(11px);transition: all 500ms ease-in-out;}

section.technology-01 a.btn_video:hover{transition: all 500ms ease-in-out;}
section.technology-01 a.btn_video:hover .icon-play:before{transform: translate(-50%,-50%) rotate(135deg) scale(1.5);transition: all 500ms ease-in-out;}
section.technology-01 a.btn_video:hover .text-play{letter-spacing:20px;top:65%;transition: all 500ms ease-in-out;}
 
section.technology-02{padding-bottom: 80px;}
section.technology-02 .container-fluid{padding-right:0px !important;}


.stack-box{background: var(--color-14);border: 1px solid #240c71;border-radius: 0px;margin-bottom: 50px;position: relative;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.stack-box:before{content: "";background: #13073a;width: calc(100% - 30px);height: calc(100% - 30px);position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
/*
.stack-box .sb-title{color: var(--color-11);font-size: 15px;font-weight: 600;width: 100%;position: relative;margin-bottom: 50px;display: flex;}
.stack-box .sb-title:before{counter-increment: my-sec-counter;content: "0"counter(my-sec-counter);color: var(--color-11);font-size: 14px;font-weight:500;text-align: right;padding: 3px 7px;background: #fff;width: 50px;height: 20px;margin: auto;position: absolute;top: 0;bottom: 0;right: 102%;}
*/
.stack-box .sb-title .sb_title{display:none;}


.stack-box .sb-content{color: var(--color-01);padding-left: 170px;/* padding-bottom: 30px; */max-width: 56.66%;position:relative;display: flex;flex-direction: column;justify-content: space-between;}
.stack-box .sb-content .c_data{padding: 20px 0px;}
.stack-box .sb-content .c_data .icon{
    position: relative;
}
.stack-box .numbers{color: #1d1145;font-size: var(--rfs-82);font-weight:500;/* opacity: .2; */text-align: right;padding: 3px 7px;/* background: #fff; *//* width: 50px; *//* height: 20px; */margin: auto;transform: translateY(-50%);position: absolute;top: 50%;right: calc(100% + 35px);display: flex;align-items: center;justify-content: flex-end;}

.stack-box .sb-content .c_data .icon img{height: 80px;}
.stack-box .sb-content .c_data h3{font-size: var(--rfs-36);margin: 20px 0px;}

.stack-box .sb-content .c_data h3 sup{font-size: 50%;top: -0.8rem;}
.stack-box .sb-content .c_data p{font-size: 15px;max-width: 380px;}

.stack-box .c_stats{
    margin-top: 30px;
}
.stack-box .c_stats ul{margin: 0px;padding: 0px;list-style-type: none;position: relative;gap: 80px;display: flex;}
.stack-box .c_stats ul:before{content:"";position: absolute;top: 0;left: 0;width: 100%;height: 1px;background: #240c71;/* opacity: .2; */}

.stack-box .c_stats ul li{padding-top: 30px;position: relative;}
.stack-box .c_stats ul li:before{content:"";position: absolute;top: 0;right: -45px;width: 1px;height: 113%;background: #240c71;/* opacity: .2; */}
.stack-box .c_stats ul li:nth-last-child(1):before{display:none;}
.stack-box .c_stats ul li h4{color: var(--color-11);font-size: var(--rfs-30);font-weight: 500;margin-bottom: 10px;}
.stack-box .c_stats ul li p{/* font-size: var(--rfs-18); */font-size: 15px;}
 

.stack-box .sb-thumb{max-width: 33.33%;position: relative;z-index: 9;}
.stack-box .sb-thumb img{}




section.technology-02{color: var(--color-01);/* padding-top: 100px; */padding-bottom:60px;}
/*section.technology-02 .container-fluid{padding:0px;}*/
section.technology-02 .wrapper{padding: 0px 0px 50px 0px !important;}
section.technology-02 .wrapper .cards {width:100%;/* height:100vh; */position:relative;}
section.technology-02 .wrapper .card{/* position:absolute; */}
section.technology-02 .wrapper .header {position:relative;top:calc(var(--card_top) + 50px);margin-bottom: 60px;}
section.technology-02 .wrapper .header h2{font-size:var(--rfs-54);margin-bottom:0px;}
section.technology-02 .wrapper .header span {}


div#accordionExample{margin: 0px 15px 15px 15px;width: 100%;position: relative;z-index: 9;/* border-top: 1px solid #2c1869; */}

.accordion-item{color: #fff;background: #0e0628;border:none !important;border-radius: 0px !important;position: relative;}
.accordion-item button.accordion-button {
    color: #8661ff85;
    font-size: var(--rfs-24);
    line-height: 1;
    background: linear-gradient(180deg, #040010, transparent);
    padding: 20px 20px 24px 25px;!important;
    border-radius: 0px !important;
    box-shadow: none;
}
.accordion-body{
    padding: 10px 25px 0px 25px;
    background: #13073a;
}
.accordion-button::after{
    filter: invert(1) brightness(10) drop-shadow(1px 0px 0px #FFFFFF);
}


@media (max-width: 767.98px)
{ 
	
	body.technology section.hero-banner{background-image:url("hero-investor-relations.webp");}	
	
}


/* `lg` applies to medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px)
{ 

}

/* `xl` applies to large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px)
{ 

}

/* `xxl` applies to x-large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px)
{ 


}
@media (max-width:768px){
		.stack-box .sb-content {
    padding-left: 145px;
	max-width: 66.26%;}
}
@media (max-width:576px){
	section.technology-01 a.btn_video .icon-play:after {top:62%;}
	section.technology-01 a.btn_video .text-play {

		top: 73%;}
	section.technology-01 a.btn_video:hover .text-play {
		letter-spacing: 8px; top:73%;}
	section.technology-01 p {
    max-width: 400px;
    margin-inline: auto;
}
}
@media (max-width:480px){
	.stack-box .c_stats ul {gap:70px;}
	
	section.technology-02 {margin-top:3rem;}

	section.technology-01:after,section.technology-01 a.btn_video .icon-play:before {
		top: 80%;}
	section.technology-01 a.btn_video .text-play {top:88%;}
	section.technology-01 a.btn_video .icon-play:before {width: 80px;height: 80px;}
	
	section.technology-01 a.btn_video .icon-play:after {top:75%;}
	section.technology-01 a.btn_video:hover .text-play {
    letter-spacing: 4px;
		top: 90%;}
	.stack-box {flex-direction: column;}
	.stack-box .sb-content {padding-left: 50px;}
	.stack-box .sb-thumb {
		max-width: 66.33%;}
	.stack-box .numbers {right: calc(87% + 35px);}
	div#accordionExample {margin: 0px 0px 15px 0px;}
}