@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

* {
	font-family: "DM Sans", sans-serif;
	color: #FFF;
}

body {
	background-color: #000;
	color: #fff;
}

@font-face {
font-family: 'Telegraf Regular';
font-style: normal;
font-weight: normal;
src: local('Telegraf Regular'), url('fonts/TelegrafRegular.woff') format('woff');
}


@font-face {
font-family: 'Telegraf UltraLight';
font-style: normal;
font-weight: normal;
src: local('Telegraf UltraLight'), url('fonts/Telegraf-UltraLight.woff') format('woff');
}


@font-face {
font-family: 'Telegraf UltraBold';
font-style: normal;
font-weight: normal;
src: local('Telegraf UltraBold'), url('fonts/Telegraf-UltraBold.woff') format('woff');
}


h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Telegraf UltraBold';
}

figure {
	margin: 0;
}

span,
small {
	display: inline-block;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	display: inline-block;
	transition: 0.3s all ease-in-out;
}

button {
	border: none;
	background: transparent;
	cursor: pointer;
	transition: 0.3s all ease-in-out;
}

button:focus {
	outline: none;
	box-shadow: none !important;
}

input:focus,
textarea:focus {
	outline: none;
	border: none;
}



/* 
--------------------
Home - page
--------------------
*/

.header-area {
	position: relative;
}
.logo {
	max-width: 100px;
}

.header-area img.rocket-img {
	position: absolute;
	top: -95px;
	right: -105px;
	width: 730px;
}


.brand-area {
	padding-top: 30px;
}

.banner-text h1 {
	font-size: 88px;
	font-weight: 700;
	line-height: 0.9;
	margin-bottom: 20px;
}
.banner-text {
	padding-bottom: 155px;
}
.banner-text p {
	font-size: 36px;
	line-height: 1.1;
	margin-bottom: 30px;
}

.banner-btn {
   padding: 2px;
   background: linear-gradient(170deg, rgba(142,36,133,1) 0%, rgba(225,61,91,1) 45%, rgba(242,111,35,1) 100%);
}
.banner-btn span {
   background-color: #000;
   font-size: 17px;
   padding: 10px 30px;
   font-weight: 700;
   color: #f27121;
   transition: all .3s;
}
.banner-btn:hover span {
   background-color: transparent;
   color: #fff;
}



/*about-border*/

.about-border {
	background: linear-gradient(170deg, rgba(142,36,133,1) 0%, rgba(225,61,91,1) 45%, rgba(242,111,35,1) 100%); 
	padding: 2px;
	border-radius: 57px;

}

.about-area {
	background: #000;
	padding: 24px 35px;
	border-radius: 57px;
}

.about-area h2,
.h2-text {
	font-size: 64px;
	font-weight: 700;
	line-height: 0.9;
	margin-bottom: 42px;
}

.about-area p {
	font-size: 27px;
	font-weight: 400;
	line-height: 1.3;
	margin-bottom: 40px;
	max-width: 766px;
}

.about-img img {
	transform: rotate(20deg);
   width: 100%;
}



/* 
=====================
whyUs-area
=====================
*/

.whyUs-area {
	padding: 90px 0 20px;
}

.choose-content {
	max-width: 315px;
	margin: 0 auto 40px;
}

.choose-content h3 {
	font-size: 31px;
	font-family: 'Telegraf Regular';
	font-weight: 900;
	margin: 12px auto 8px;
   max-width: 260px;
}
.choose-content p {
	font-size: 18px;
}

.border-div {
	background: linear-gradient(170deg, rgba(142,36,133,1) 0%, rgba(225,61,91,1) 45%, rgba(242,111,35,1) 100%);
	height: 1px;
}

.border-div1 {
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(242,111,35,1) 100%);
}

.feature-icon {
	width: 130px;
}

/* 
====================
add-solutions-area
====================
*/

.add-solutions-area {
	padding: 65px 0 50px;
}

.solution-left-side .h2-text {
	font-size: 60px;
}

.solution-right-side h3 {
	font-size: 42px;
}

.solution-right-side p {
	font-size: 22px;
}

.line-spn {
	background: linear-gradient(170deg, rgba(142,36,133,1) 0%, rgba(225,61,91,1) 45%, rgba(242,111,35,1) 100%);
	height: 1px;
	width: 100%;
	margin: 22px 0;
}

.solution-img {
	width: 480px;
}



/* 
=====================
unlock-revenue-area
=====================
*/

.unlock-revenue-area {
	background: linear-gradient(135deg, rgba(141,36,133,1) 11%, rgba(226,100,49,1) 55%, rgba(241,111,35,1) 89%);
	padding: 40px 0 54px;
}

.unlock-revenue-area .h3-text {
	font-size: 40px;
	color: #FFF;
	line-height: 0.9;
	margin: 0 0 44px;
}

.unlock-revenue-content {
	font-size: 25px;
}

.intersted-btn {
	background-color: #000000;
	font-size: 32px;
	padding: 15px 40px;
	font-weight: 900;
	color: #F27121;
	margin: 55px 0 0;
	border: 2px solid #fff;
}


/* 
=====================
footer-area
=====================
*/

.footer-area {
	padding: 40px 0 35px;
}

.footer-content h3 {
	font-size: 36px;
	color: #F27121;
	font-weight: 700;
	font-family: 'Telegraf Regular';
	line-height: 1;
	margin: 0 0 14px;
	min-height: 112px;
}

.footer-content p,
.footer-content > ul li a {
	font-size: 20px;
	color: #FFF;
	font-weight: 500;
}

.social-link li a {
	font-size: 25px;
	color: #FFF;
}
.footer-img img {
	width: 300px;
}





/* 
======================
contact-page
======================
*/

/* --contact-header-- */

.contact-header-area {
	padding: 50px 0 40px;
	position: relative;
}

.contact-header-area > img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: -1;
}

.contact-form-area .form-title {
	font-size: 98px;
	color: #FFF;
	line-height: 1;
	margin: 0 0 80px;
}

.wdt-div {
	width: 90%;
	margin: 0 auto;
}

.contact__form .wdt-div > div {
	margin: 0 0 50px;
}

.contact__form input,
.contact__form textarea {
	width: 100%;
	display: block;
	background-color: transparent;
	border: 1px solid #FFF;
	border-radius: 5px;
	padding: 15px 15px;
}

.contact__form label {
	font-size: 25px;
	font-weight: 500;
	margin: 0 0 15px;
}

.contact__form label span {
	color: #DC2626;
}

.contact__form .form-group p {
	font-size: 20px;
	color: #FFF;
	margin: 15px 0 0;
}

.submit-btn-div {
	border-top: 1px solid #FFF;
	padding: 80px 0;
}

.submit-btn-div button {
	background: linear-gradient(90deg, rgba(244,108,108,1) 0%, rgba(189,38,38,1) 100%);
	font-size: 30px;
	color: #FFF;
	padding: 15px 79px;
	border-radius: 6px;
	border: 1px solid #F87171;
}

/* --contact-footer-- */

.contact-footer-area {
	padding: 50px 0 100px;
	background-image: url(images/contact-footer.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.contact-ftr-content p {
	font-size: 21px;
	font-weight: 500;
	color: #FFF;
	margin: 0 0 44px;
}

.contact-ftr-content a {
	font-size: 18px;
	font-weight: 700;
	color: #FFF;
	background-color: #F27121;
	padding: 15px 80px;
	border-radius: 30px;
}

.contact-ftr-link ul li {
	margin: 0 0 15px;
}

.contact-ftr-link ul li span {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 2px solid #000;
	background-color: #F27121;
	text-align: center;
	line-height: 39px;
	margin-right: 15px;
	font-size: 18px;
}

.contact-ftr-link ul li a,
.contact-ftr-link ul li p {
	font-size: 23px;
	color: #FFF;
}

.intersted-btn img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100px;
	transition: all 0.3s;
}

.intersted-btn {
    position: relative;
}

.intersted-btn:hover img {
    opacity: 0;
}

.for-email {
	width: 50%;
	padding-right: 24px;
}