.top_block_context {
	z-index: 2;
	background: linear-gradient(91.73deg, #628CFF 48.54%, #2CC0FF 104.47%);
	padding-bottom: 4rem;
	position:relative;
  }
  
.top_block_context::before {
content: "";
    position: absolute;
    right: 0;
    top: -4rem;
    width: 100%;
    height: 100%;
    background-image: url(../../../img/context_top_bg.svg);
    background-repeat: no-repeat;
    background-position: 40% 100%;
    background-size: contain;
}


.top_block_context .top_intro {position:relative;}
.top_block_context .top_intro::after {
    content: "";
    position: absolute;
    left: -16rem;
    bottom: -5rem;
    width: 23%;
    height: 64%;
    background-image: url(../../../img/context_top_man.svg);
    background-repeat: no-repeat;
    background-position: 0;
    background-size: cover;
}
.top_block_context .top_intro .container {position:relative;}
  
.top_block_context .minibanner {
	font-size: 20px;
	line-height: 1.3;
	max-width: 520px;
	text-transform: uppercase;
	color:#fff;
  }
  .top_block_context .minibanner strong{font-weight: 900;}

  .top_block_context .ti_body li {
	padding-left: 44px;
	margin-bottom: 10px;
	position: relative;
	color:#fff;
  }
  .top_block_context .ti_body li   strong {
    
    font-weight: 900;
}
  .top_block_context .ti_body li:before {display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-right: 11px;
	content: "\f10a";
	font-family: Flaticon;
	border: 0px;
	border-radius: 50%;
	font-size: 10px;
	width: 26px;
	height: 26px;
	position: absolute;
	min-width: 26px;
	top: 4px;
	left: 5px;
	color: #fff;
	background: #343434;
	font-weight: bold;
	}

.top_block_context .ti_header h1 {
	font-size: 2.5rem;
	text-transform: uppercase;
	color:#fff;
}
.top_block_context .ti_header .orange_color {
	color: #343434;
	background: linear-gradient(254.56deg, #FDD605 1.41%, rgba(253, 214, 5, 0) 96.36%), #FA8507;
	/* display: block; */
	padding: 0px 8px 6px 8px;
	border-radius: 11px;
	display: inline-block;
}


  .top_block_context .top-form-bg {border-radius:30px; background:#fff; z-index: 600;position: relative;}
  .top_block_context .top-form-bg h3 {background: #343434;
	border-top-right-radius: 30px;
	border-top-left-radius: 30px;
	padding: 15px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-size: 20px;}
	
.top_block_context strong.arb-promotion__form-title	{	display: block;
	background: #343434;
	border-top-right-radius: 30px;
	border-top-left-radius: 30px;
	padding: 15px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-size: 18px;}
	
	.top_block_context .form-inner {padding:20px;}
	.top_block_context .form-control.mb-3 {margin-bottom: 0.5rem!important;}

	
.top_block_context .gifts {
width: 100%;
    display: flex;
    flex-direction: row;
    background: #fff;
    padding: 28px 20px;
    border-radius: 25px;
    text-transform: uppercase;
    gap: 3rem;
    position: relative;
}

.top_block_context .gifts::before {
	content: "";
    position: absolute;
    right: -9px;
    bottom: -14px;
    width: 128px;
    height: 128px;
    background-image: url(../../../img/context_hero_gift.svg);
    z-index: 150;
	}
.top_block_context .gifts_zag{
	font-family: 'Exo-Bold 2';
	background: linear-gradient(91.73deg, #628CFF 48.54%, #2CC0FF 104.47%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;}
.top_block_context .gifts_txt{border-left: 2px solid #91AEFF;
    padding-left: 8px;}
.top_block_context .gifts p {margin:0;}	
.top_block_context .gifts strong {
    font-weight: 900;
}

@media only screen and (max-width : 1366px){
	.top_block_context .top_intro::after {display:none;}
}
@media only screen and (max-width : 1024px){
.top_block_context .gifts {gap:1rem;}
.top_block_context .gifts::before {right: -85px;}
}

@media only screen and (max-width: 768px){
.top_block_context .context.top_block .ti_header br{display:block!important;}
.top_block_context .top_block {position:relative; padding-bottom: 13rem;}	
.top_block_context .top_block::before {
	display: block!important;
    content: "";
    position: absolute;
    right: 0;
    top: unset;
    bottom: -9.7rem;
    width: 100%;
    height: 100%;
    background-image: url(../../../img/context_top_bg_mob.svg);
    background-repeat: no-repeat;
    background-position: 40% 100%;
    background-size: cover;
}
.top_block_context .block_header h2 {
    font-size: 27px!important;
}	
.top_block_context .top_intro{overflow-x:hidden;}
.top_block_context .ti_header h1 {
    font-size: 1.9rem;
      text-align: center;
    margin-left: 0;
}	
.top_block_context .ti_body {margin-bottom:3rem;}
.top_block_context .ti_body li:before {
    margin-right: 8px;
    font-size: 8px;
    width: 18px;
    height: 18px;
    min-width: 14px;
    top: 5px;
  }	
 .top_block_context .ti_body li {
    padding-left: 38px;
}
.top_block_context .minibanner {
    text-align: center;
    font-size: 19px;
    max-width: 100%;
}
.top_block_context .ti_body .font20 {
    font-size: 14px;
}
	.gifts {
    width: 100%;
    display: flex;
    flex-direction: column;
    background: #fff;
    padding: 28px 20px;
    border-radius: 25px;
    text-transform: uppercase;
    gap: 1rem;
    position: relative;
}
.top_block_context .gifts::before {
    content: "";
    position: absolute;
    right: -25px;
    bottom: unset;
    top: -39px;
    width: 100px;
    height: 100px;
    background-image: url(../../../img/context_hero_gift.svg);
    z-index: 150;
    background-size: cover;
}

}
@media only screen and (max-width : 576px) {
	
		  .top_block_context .minibanner span {
			padding-left: 0px;
			padding-top: 30px;
			background-position: center 0;
	  }

	.top_block_context .top-img {
	position: absolute;
	left: 38px;
	z-index: 200;
	top: 320px;
	}


}

@media only screen and (max-width: 414px){
.top_block_context .top-img {
    top: 340px;
}
}

@media only screen and (max-width: 390px){
.top_block_context .top-img {
    top: 340px;
}
}
@media only screen and (max-width: 320px){
.top_block_context .top-img {
    top: 340px;
}
.top_block_context .top-img img {
	width: 264px;
}

}