:root {
  --black-color: #000000;
  --white-color: #ffffff;
  --body-bg: #0C1632;
  --pink-color: #F70085;
  --dark-pink: #7F0070;
  --off-white: #FFF8F4;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url('../fonts/RedHatDisplay-Bold.eot');
    src: url('../fonts/RedHatDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RedHatDisplay-Bold.woff2') format('woff2'),
        url('../fonts/RedHatDisplay-Bold.woff') format('woff'),
        url('../fonts/RedHatDisplay-Bold.ttf') format('truetype'),
        url('../fonts/RedHatDisplay-Bold.svg#RedHatDisplay-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url('../fonts/RedHatDisplay-Black.eot');
    src: url('../fonts/RedHatDisplay-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RedHatDisplay-Black.woff2') format('woff2'),
        url('../fonts/RedHatDisplay-Black.woff') format('woff'),
        url('../fonts/RedHatDisplay-Black.ttf') format('truetype'),
        url('../fonts/RedHatDisplay-Black.svg#RedHatDisplay-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url('../fonts/RedHatDisplay-Medium.eot');
    src: url('../fonts/RedHatDisplay-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RedHatDisplay-Medium.woff2') format('woff2'),
        url('../fonts/RedHatDisplay-Medium.woff') format('woff'),
        url('../fonts/RedHatDisplay-Medium.ttf') format('truetype'),
        url('../fonts/RedHatDisplay-Medium.svg#RedHatDisplay-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url('../fonts/RedHatDisplay-Regular.eot');
    src: url('../fonts/RedHatDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RedHatDisplay-Regular.woff2') format('woff2'),
        url('../fonts/RedHatDisplay-Regular.woff') format('woff'),
        url('../fonts/RedHatDisplay-Regular.ttf') format('truetype'),
        url('../fonts/RedHatDisplay-Regular.svg#RedHatDisplay-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url('../fonts/RedHatDisplay-SemiBold.eot');
    src: url('../fonts/RedHatDisplay-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RedHatDisplay-SemiBold.woff2') format('woff2'),
        url('../fonts/RedHatDisplay-SemiBold.woff') format('woff'),
        url('../fonts/RedHatDisplay-SemiBold.ttf') format('truetype'),
        url('../fonts/RedHatDisplay-SemiBold.svg#RedHatDisplay-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

html , body{
	overflow-x: hidden;
}

body{
	background: var(--body-bg);
	color: var(--white-color);
	font-weight: 400;
	font-size: 20px;
	letter-spacing: 0.04px;
	line-height: 24px;
	font-family: 'Red Hat Display';
}

h1 , h2 , h3 , h4 , h5 , h6{
	margin: 0 0 24px 0;
	padding: 0px;
	font-family: 'Red Hat Display';
}

h1{
	font-size: 58px;
	letter-spacing: 0.112px;
	text-transform: uppercase;
	color: var(--pink-color);
	line-height: 69.6px;
	font-weight: 900;
}

h2{
	font-size: 49px;
	letter-spacing: 0.096px;
	text-transform: uppercase;
	color: var(--dark-pink);
	line-height: 59.6px;
	font-weight: 900;
}

h3{
	font-size: 40px;
	letter-spacing: 0.08px;
	text-transform: uppercase;
	color: var(--pink-color);
	line-height: 48px;
	font-weight: 900;
}

h4{
	font-size: 32px;
	letter-spacing: 0.064px;
	text-transform: uppercase;
	color: var(--pink-color);
	line-height: 38.4px;
	font-weight: 900;
}

h5{

}

h6{
	font-size: 24px;
	letter-spacing: 0.048px;
	line-height: 28.8px;
	font-weight: 700;
}

ul , ol{
	margin: 0 0 10px 10px;
	padding: 0px;
}

ul li , ol li{
	margin: 0 0 0 10px;
	padding: 0px;
}

img{
	max-width: 100%;
}

section{
	position: relative;
	clear: both;
	padding: 96px 0;
}

section:before , section:after{
	clear: both;
	display: table;
	content: "";
}

a , input , textarea , button , img{
	outline: none !important;
	text-decoration: none !important;
}

a{
	color: var(--dark-pink);
}

a:hover{
	color: var(--pink-color);
}

label{
	font-size: 24px;
	letter-spacing: 0.048px;
	text-transform: uppercase;
	color: var(--body-bg);
	line-height: 28.8px;
	font-weight: 900;
	display: block;
	margin-bottom: 20px;
}

input[type="text"] , input[type="email"] , input[type="tel"] , input[type="password"] , textarea{
	width: 100%;
	padding: 0px;
	height: 54px;
	border: 2px solid var(--dark-pink);
	padding: 0 24px;
	font-size: 18px;
	font-weight: 400;
	font-family: 'Red Hat Display';
	background: var(--off-white);
}

textarea{
	padding: 16px 24px;
	height: 153px;
	resize: none;
}

p{
	margin: 0 0 24px 0;
}

.theme-btn{
	width: 100%;
	height: 72px;
	padding: 0px;
	color: var(--white-color);
	font-size: 20px;
	font-weight: 400;
	background: var(--dark-pink);
	text-align: center;
	display: inline-block;
	border: 2px solid var(--dark-pink);
	-webkit-transition: all 0.8s ease 0s;
	transition: all 0.8s ease 0s;
}

.theme-btn:hover{
	background: transparent;
	color: var(--dark-pink);
}

.header-part{
	position: relative;
	z-index: 9;
}

.header-inner{
	display: flex;
	width: auto;
	padding: 55px 0 0 0;
	align-items: center;
	flex-wrap: wrap;
}

.logo{
	max-width: 444px;
	margin-right: auto;
}

.global-left {
	max-width: 645px;
	width: 100%;
}

.global-inner{
	position: relative;
	z-index: 99;
}

.social-media ul , .social-media ul li{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.social-media ul{
	display: flex;
	width: auto;
}

.social-media ul li{
	margin-right: 42px;
}

.social-media ul li:last-child{
	margin-right: 0;
}

.social-media ul li img{
	max-height: 42px;
}

.global-left-top p:last-child{
	margin-bottom: 0;
}

.global-left-top{
	padding-bottom: 50px;
	margin-bottom: 50px;
	border-bottom: 2px solid var(--dark-pink);
}

.global-right{
	padding: 80px;
	background: var(--off-white);
	color: var(--body-bg);
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.form-field{
	margin-bottom: 24px;
}

.form-field:last-child{
	margin-bottom: 0;
}

.footer-inner{
	padding: 96px 0 0 0;
	border-top: 2px solid var(--dark-pink);
	position: relative;
	z-index: 9;
}

.blury-right {
	background: linear-gradient(180deg, #F70085 0%, #7F0070 100%);
	width: 1074px;
	height: 1074px;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	filter: blur(294px);
	position: absolute;
	bottom: -50px;
	right: -20%;
	opacity: 1;
}

.blury-left {
    background: linear-gradient(180deg, #F70085 0%, #7F0070 100%);
    width: 658px;
    height: 658px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    filter: blur(280px);
    position: absolute;
    bottom: 0px;
    left: -460px;
    opacity: 1;
}

@-moz-document url-prefix() {
  	.blury-right {
		background: linear-gradient(180deg, #F70085 0%, #7F0070 100%);
		width: 1074px;
		height: 1074px;
		-webkit-border-radius: 100%;
		border-radius: 100%;
		filter: blur(594px);
		position: absolute;
		bottom: -50px;
		right: -20%;
		opacity: 0.85;
	}

	.blury-left {
		background: linear-gradient(180deg, #F70085 0%, #7F0070 100%);
		width: 658px;
		height: 658px;
		-webkit-border-radius: 100%;
		border-radius: 100%;
		filter: blur(594px);
		position: absolute;
		bottom: 0px;
		left: -22%;
		opacity: 0.45;
	}
}

.global-part{
	z-index: 9;
}

.footer-part{
	padding-bottom: 56px;
	position: relative;
}

.footer-top{
	display: flex;
	width: auto;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 47px;
}

.footer-top-left h3{
	margin: 0;
}

.footer-top-left{
	max-width: 307px;
	margin-right: 132px;
}

.footer-top-middle{
	margin-right: 132px;
}

.footer-top-middle a , .footer-top-right a{
	display: flex;
	width: auto;
	gap:24px;
	font-size: 20px;
	color: var(--white-color);
}

.footer-top-middle a:hover , .footer-top-right a:hover{
	color: var(--pink-color);
}

.footer-top-middle a span img , .footer-top-right a span img{
	max-width: 27px;
	min-width: 27px;
}

.footer-bottom p{
	margin: 0;
	font-size: 18px;
}

.footer-bottom p span{
	padding: 0 28px;
}

.footer-bottom p a{
	font-weight: bold;
	text-decoration: underline !important;
	color: var(--white-color);
}

.footer-bottom p a:hover{
	color: var(--pink-color);
}

/*RESPONSIVE DESIGN*/

@media (min-width: 1760px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1731px;
  }
}

@media(max-width: 1760.50px){
	h1{
		font-size: 46px;
		line-height: 57.6px;
	}

	h2{
		font-size: 38px;
		line-height: 47.6px;
	}

	h3{
		font-size: 32px;
		line-height: 40px;
	}

	h4{
		font-size: 28px;
		line-height: 33.4px;
	}

	h5{

	}

	h6{
		font-size: 22px;
		line-height: 26.8px;
	}

	.global-right {
		padding: 35px 40px;
	}

	.global-left {
		max-width: 500px;
	}

	.footer-top-left {
		max-width: 235px;
	}

	.blury-right {
		right: -35%;
	}
}

@media(max-width: 1400.50px){
	h2 {
	    font-size: 33px;
	    line-height: 42.6px;
	}

	h3 {
	    font-size: 30px;
	    line-height: 42px;
	}
}

@media(max-width: 1200.50px){
	.logo{
		max-width: 300px;
	}

	.blury-right {
    	right: -600px;
	}

	.footer-top-left , .footer-top-middle{
		margin-right: 75px;
	}
}

@media(max-width: 991.50px){
	.global-inner .col-xs-12{
		flex: 0 0 auto;
        width: 100%;
	}

	.global-left{
		max-width: 100%;
		margin-bottom: 50px;
	}

	.footer-top-left {
	    max-width: 100%;
	    margin-right: 0;
	    flex: 0 0 100%;
	    margin-bottom: 20px;
	}

	.footer-bottom p span {
    	padding: 0 20px;
	}
}

@media(max-width: 767.50px){
	body{
		font-size: 16px;
		line-height: 24px;
	}

	h1{
		font-size: 34px;
		line-height: 44px;
	}

	h2{
		font-size: 28px;
		line-height: 38px;
	}

	h3{
		font-size: 24px;
		line-height: 34px;
	}

	h4{
		font-size: 22px;
		line-height: 32px;
	}

	h5{

	}

	h6{
		font-size: 20px;
		line-height: 28px;
	}

	section {
	    padding: 50px 0;
	}

	.wrapper{
		padding: 0 12px;
	}

	.header-inner{
		padding-top: 25px;
	}

	.logo{
		max-width: 180px;
	}

	.social-media ul li img {
    	max-height: 25px;
	}

	.logo {
    	max-width: 180px;
	}

	.global-right {
    	padding: 25px 15px 10px;
	}

	label {
	    font-size: 18px;
	    line-height: 24px;
	    margin-bottom: 10px;
	}

	.footer-inner{
		padding-top: 50px;
	}

	.footer-top{
		display: block;
	}

	.footer-top-left, .footer-top-middle{
		margin-right: 0;
	}

	.footer-top-middle{
		margin-bottom: 10px;
	}

	.footer-bottom p span {
    	padding: 0 5px;
	}

	.social-media ul li {
    	margin-right: 10px;
	}

	.footer-top-middle a, .footer-top-right a , .footer-bottom p{
		font-size: 16px;
	}

	.footer-top-middle a, .footer-top-right a{
		gap: 15px;
	}
}