body {margin:0px; font-family: 'Poppins', sans-serif; font-weight:400; font-size:1em;}
*{box-sizing: border-box;}
h1,h2,h3,h4,h5 {margin:0px; font-family: 'Poppins', sans-serif;}
a {font-family: 'Poppins', sans-serif; outline:0px; text-decoration:none;}
ul {margin:0px; padding:0px;}
ul li {list-style:none; font-family: 'Poppins', sans-serif; font-weight:400; position:relative; font-size:1em;}
.clearfix {clear:both;}
p {margin:0px; font-size:1em; line-height:1.4em; font-family: 'Poppins', sans-serif; font-weight:400; color:#222222;}
img { max-width:100%;}

.main-wrapper {width:100%; position:relative; margin:0 auto; padding:0px 15px;  background: rgb(38,7,80);
background: -moz-linear-gradient(140deg, rgba(38,7,80,1) 21%, rgba(82,14,86,1) 61%, rgba(173,20,92,1) 100%);
background: -webkit-linear-gradient(140deg, rgba(38,7,80,1) 21%, rgba(82,14,86,1) 61%, rgba(173,20,92,1) 100%);
background: linear-gradient(140deg, rgba(38,7,80,1) 21%, rgba(82,14,86,1) 61%, rgba(173,20,92,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#260750",endColorstr="#ad145c",GradientType=1); }
.container {width:100%; max-width:1300px; margin: 0 auto;}
header {padding:20px 0px 0px; display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 1;}
.main-wrapper:before {content:''; width:325px; height:305px; background:url("../img/left-bg.png") no-repeat; position:absolute; top:0px; left:0px;}
.main-wrapper:after {content:''; width:692px; height:572px; background:url("../img/right-bg.png") no-repeat; position:absolute; top:0px; right:0px;}
.logo {width:50%;}
.login {width:50%; text-align: right;}
.login a {display:inline-block; font-size:18px; text-transform:uppercase; text-decoration:none; font-family: 'Poppins', sans-serif; font-weight:500; color:#fff; text-align:center; padding:10px 25px; cursor:pointer; background:#ff9e5e; letter-spacing:1px; transition:all ease 0.5s; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px;}
.login a:hover {background:#fb8232;}
.content-sec {padding:90px 0px; width:100%;}
.content-left {width:55%; float:left;}
.content-left p {color:#fff; font-size:23px; line-height:37px; padding-bottom:50px;}
.content-right {width:45%; float:right;}
.phone {}
.phone a {color:#fff; font-size:26px; font-weight:700;}
.phone a i {margin-right:10px;}


footer {text-align:center; width:100%; padding:22px 0px; border-top:1px solid rgba(255,255,255,0.2); font-size:15px; color:#fff; opacity:0.5;}

@media(max-width:1023px){

	.content-sec { display: flex; flex-direction: column-reverse; padding: 50px 0px;}
	.content-left { width: 100%; }
	.content-right { width: 100%; text-align: center; margin-bottom: 20px; }
	
	.main-wrapper::after { content: ''; width: 332px; height: 392px; background-size: 100%;}
	.main-wrapper::before { content: ''; width: 225px; height: 275px; background-size: 100%;}
	
	
	
}

@media(max-width:639px){
	.content-right img { width: 60%;}
	.content-left p { font-size: 20px; line-height: 30px; padding-bottom: 25px;}
	.phone a { font-size: 22px; }
	
	
}

@media(max-width:479px){
	.content-left p { font-size: 17px; line-height: 24px; padding-bottom: 20px;}
	.phone a { font-size: 14px;}
	.logo img { width: 110px;}
	
}