
.bg-light-danger{
	background-color: #FFF1F4;
}

.text-blue{
	color: #2c63b4;
	text-decoration: none
}
.text-blue svg{fill:#2c63b4; transition: all .3s;}
.text-blue:hover{
	text-decoration: none
}
.text-blue:hover svg{
	fill: #F91942;
}

.meta-trader-4-download{
	position: relative;
	height: 225px
}
.meta-trader-4-download img{
	object-fit: cover;
	position: absolute;
	width: 100%; height: 100%
}


/*  Platform HERO
====================================*/

.platform-hero {
    position: relative;
    padding-top: 3rem;
}

.platform-hero:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 40%;
    background-color: #f4f4f4;
}


.platform-hero__wrapper {
    position: relative;
    align-items: center;
    display: flex;
}

.platform-hero__body {
    position: absolute;
    z-index: 99;
}
.platform-hero__body .btn-black {padding: .5rem 1rem; border:2px solid #BEBEBE; font-size: .975rem; border-radius: 10px; line-height: 1.3}
.platform-hero__body .btn-black:hover {background-color: #5a5c5e; border-color:#5a5c5e }
.platform-hero__body .btn-black .font-xs{font-size: 9px;}


.platform-hero__media {
    position: relative;
    overflow: hidden;
}
.platform-hero__title {
	position: relative;
	margin-bottom:1.5rem;
    font-size: 2rem;
    font-weight: bold;
    border-bottom: 3px solid #F91942;
    display: inline-block;
}
.platform-hero__title:before {
	position: absolute;
	content: "";
	width: 150%;
	background-color: #939393;
	height: 1px;
	display: block;
	bottom: -2px;
	z-index: -1;
}

@media (min-width: 1200px) {

	.platform-hero__body {
    	width: 40%;
	}
    
}
@media (max-width: 991px) {
.platform-hero__body {
    	width: 60%;
	}
    
}
@media (max-width:767px) {
	.platform-hero__body {
    	width: 100%;
	}
	.platform-hero__body .btn-black {font-size: 13px; padding:.25rem .5rem}
    .platform-hero__title{font-size: 28px;}
    .platform-hero__media {
    	height: 20vh;
	}
	.platform-hero__media img {
		height: 100%;
		object-fit: cover;
	}
}
@media (max-width:374px) {
	.platform-hero__body .btn-black{font-size: 11px}
	.platform-hero__body .btn-black svg{width: 1rem;}
	.platform-hero__body .btn-black .font-xs{font-size:8px}
	.platform-hero__media {
    	height:25vh;
	}
	.platform-hero__title:before{
		width: 120%
	}
}
