.minibanner {

	font-size: 20px;
	line-height: 1.3;
	 max-width: 520px;
  
  }
  .minibanner strong{font-weight: 900;}

  .ti_body li {
	padding-left: 44px;
	margin-bottom: 10px;
	position: relative;
  }
  .ti_body li:before {display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-right: 11px;
	content: "\f10a";
	font-family: Flaticon;
	border: 2px solid #fff;
	border-radius: 50%;
	font-size: 10px;
	width: 26px;
	height: 24px;
	position: absolute;
	min-width: 24px;
	top: 11px;
	left: 5px;
	color: #fff;
	background: linear-gradient(91.73deg, #628CFF 48.54%, #2CC0FF 104.47%);
	font-weight: bold;
	}
	
  .antimt  {margin-top: -0.4rem;}
  .top_block {
		z-index: 2;
		background: #f2f5fe;
		padding-bottom: 8rem;
  }
.ti_header h1 {
	font-size: 2.5rem;
	text-transform: uppercase;
}
.ti_header .orange_color {
	color: #fff;
	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::before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 58%;
	height: 100%;
	background-image: url(../../../img/head_bg.svg);
	background-repeat: no-repeat;
	background-position: 26px 211px;
}

  .top_block::after {
	background-image: none;
	content: "";

  } 
  .top-form-bg {border-radius:30px; background:#fff;}
  .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;}
	
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;}
	
	.form-inner {padding:20px;}
	.form-control.mb-3 {margin-bottom: 0.5rem!important;}
	.top-img{
		position: absolute;
		left: -197px;
		z-index: 200;
		top: 73px;
	}
	.top-img::after {
		content: "";
		position: absolute;
		right: -97px;
		bottom: -7px;
		width: 447px;
		height: 8px;
		background-image: url(../../../img/top-girl-bg.svg);
		z-index: 150;
	}
@media (max-width: 1200px) {
	
	  .top_block::before {
			width: 62%;  
		  } 
}
@media only screen and (max-width : 1180px){
.top-img {
    left: -158px;
     top: 95px;
}	
.top-img img {
    width: 17rem;
}
}
@media (max-width: 1100px) {
	.top_block {padding-bottom: 0rem;}
	  .top_block::before {
			width: 64%;  
		  } 
		.top-img {
			position: absolute;
			left: -187px;
			z-index: 200;
			top: 73px;
		}
		.top-img img {width: 25rem;}
}
@media only screen and (max-width : 1024px){
.top-img {
    left: -158px;
     top: 95px;
}	
.top-img img {
    width: 17rem;
}
}
@media only screen and (max-width : 576px) {
	.top_block {position:relative; padding-bottom: 13rem;}
	.top_block::before {
	display: block!important; 
	width: 100%;
	background-position: 33px 715px;
  }

	.ti_header h1 {
	font-size: 2rem;
	text-transform: uppercase;
	text-align: left;
	margin-left: 0.5rem;
	}
	  .minibanner span {
			padding-left: 0px;
			padding-top: 30px;
			background-position: center 0;
	  }

	  .minibanner {
			text-align: left;
	font-size: 16px;
	max-width: 100%;
	  }
	.top-img {
	position: absolute;
	left: 38px;
	z-index: 200;
	top: 320px;
	}
.top-img::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -7px;
    width: 288px;
    height: 8px;
    background-image: url(../../../img/top-girl-bg.svg);
    z-index: 150;
}
	.top-img img {width: 317px;}
}

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

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

}