@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');
body {
	margin:0;
	font-family: "Figtree", sans-serif;
}
li {
	list-style-image: url('../images/arrow.png');
}
.succesText {
    padding:15px 0px 15px 0px;
    width:100%;
    text-align:center;
    color:#057a57;
}
#loading {
	position: fixed;
	top:0px;
	left:0px;
	z-index: 99999;
	width:100%;
	height:100%;
	background-color: #000000;
	display: block;
}
#loader {
	top:50%;
	left:50%;
	margin:-44px;
	position: absolute;
	border: 8px solid #FFFFFF;
	border-radius: 50%;
	border-top: 8px solid #cccccc;
	width: 80px;
	height: 80px;
	-webkit-animation: spin 0.5s linear infinite; /* Safari */
	animation: spin 0.5s linear infinite;
}
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
#style_1{
	opacity: 0;
	left:-100%;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}
#style_1::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px #FC949B;
	border-radius: 5px;
	background-color: transparent;
}

#style_1::-webkit-scrollbar
{
	width: 5px;
	opacity: 0;
	background-color: #FC949B;
}

#style_1::-webkit-scrollbar-thumb
{
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
	background-color: #FD000D;
}
#section1 {
	position: relative;
	width:100%;
	min-height: 100vh;
	display: none;
	background-color: #171717;
	background-image: url('../images/background.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
#section2 {
	position: relative;
	width:100%;
	min-height: 100vh;
	overflow: auto;
	display: none;
	background-color: #ffffff;
}
#section3 {
	position: relative;
	width:100%;
	padding:60px 0px 60px 0px;
	overflow: auto;
	display: block;
	color:#ffffff;
	background-image: linear-gradient(to right,  #239ED8 40%, #20AD49);
}
#section4 {
	position: relative;
	width:100%;
	min-height: 100vh;
	overflow: auto;
	display: block;
	padding-bottom: 60px;
	background-color: #ffffff;
}
.header{
	width:100%;
	height:120px;
}
.headerIn {
	width:80%;
	margin-left: auto;
	margin-right: auto;
}
.logo {
	height:120px;
}
.logoDiv {
	width:160px;
	height:120px;
	float:left;
}
.titleheader {
	float: left;
	width:400px;
	height:120px;
	line-height: 120px;
	font-size: 40px;
	font-weight: 900;
}.phoneNumber {
	float: right;
	width:auto;
	height:120px;
	line-height: 120px;
	font-size: 20px;
}
.phoneNumber a{
	text-decoration:none;
	color:#000000;
}
.phoneNumber a:hover{
	color:#239ED8;
}

.inputDiv {
	position:relative;
	width:100%;
	height:57px;
	border-radius:10px;
	border: 1px solid #B2B2B2;
}
.inputDiv input {
	border:none;
	box-shadow: none;
	width:calc(100% - 30px);
	font-size:24px;
	margin:15px 0px 0px 15px;
	padding:0px;
	height:27px;
	color:#252525;
}
.inputDiv input:focus {
	outline: none;
}.inputDiv select {
	border:none;
	box-shadow: none;
	width:calc(100% - 30px);
	font-size:24px;
	background-color:transparent;
	margin:15px 0px 0px 15px;
	padding:0px;
	height:27px;
	color:#252525;
}
.inputDiv select:focus {
	outline: none;
}
.requred{
	font-size:32px;
	color:#E31119;
}
.video {
	width:100%;
	overflow:hidden;
	background-color: #000000;
}
.aboutUsHeader {
	width:100%;
	padding:60px 0px 60px 0px;
	font-size: 36px;
	text-align: center;
}
.aboutusLiner {
	width:70%;
	height:0px;
	padding-bottom: 60px;
	margin-left: auto;
	margin-right: auto;
	border-top:0.5px solid #414141;
}
.footer {
    width:100%;
    padding:60px 0px 60px 0px;
    background-color:#000000;
}
.footerin {
        width:80%;
        text-align:center;
        line-height:28px;
        font-size:22px;
        margin-left:auto;
        margin-right:auto;
        color:#ffffff;
    }
.footerin a{
    font-weight:900;
    color:#ffffff;
    text-decoration:underline;
}
.footerin a:hover{
    color:#ffffff;
    text-decoration:none;
}
.aboutUsTetx {
	width:80%;
	margin-left: auto;
	margin-right: auto;
	font-size: 26px;
	text-align: justify;
}
.pasiveBtn {
	display:inline-block;
	line-height: 57px;
	width:100%;
	height:57px;
	border-radius:10px;
	font-size: 20px;
	color:#ffffff;
	font-weight: 600;
	text-align: center;
	background-color: #B2B2B2;
	border: 1px solid #B2B2B2;
}.activeBtn {
	cursor: pointer;
	display:inline-block;
	line-height: 57px;
	width:100%;
	height:57px;
	border-radius:10px;
	font-size: 20px;
	color:#ffffff;
	font-weight: 600;
	text-align: center;
	background-color: #DC2626;
	border: 1px solid #DC2626;
}
.activeBtn:hover {
	background-color: #EF4444;
	border: 1px solid #EF4444;
}.activeBtn:active {
	background-color: #B91C1C;
	border: 1px solid #B91C1C;
}
#section6 {
	position: relative;
	width:100%;
	min-height: 100vh;
	overflow: auto;
	display: none;
	background-color: #CCCCCC;
}
#section7 {
	position: relative;
	width:100%;
	min-height: 100vh;
	padding-bottom: 25px;
	overflow-x: hidden;
	overflow-y: auto;
	display: none;
	background-color: #FFFFFF;
}
#siteBottom {
	position: relative;
	width:100%;
	overflow: auto;
	background-color: #000000;
}
#pageSelector {
	display: none;
	position: fixed;
	z-index: 999999;
	border-radius: 10px;
	right:15px;
	top:50%;
	margin-top:-75px;
	height:150px;
	width:25px;
	background-color: #303030;
}
#indecator1, #indecator2, #indecator3, #indecator4, #indecator5, #indecator6, #indecator7 {
	position: relative;
	width:13px;
	height:13px;
	margin-top:6px;
	margin-left:6px;
	border-radius: 7px;
	background-color: #ffffff;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}
#section7RightText{
	position: absolute;
	bottom: 10%;
	background-color: #EB1D30;
	background-image: linear-gradient(to right, #EB1D30 , #74368D);
	color: #FFFFFF;
	opacity: 0;
	width: auto;
	padding: 20px;
	-o-transition:2.5s;
	-ms-transition:2.5s;
	-moz-transition:2.5s;
	-webkit-transition:2.5s;
	transition:2.5s;
}
@media only screen and (max-width: 600px) {
    h1 {font-size:24px}
    .titleheader{font-size:16px;width:200px;margin-top:-30px;height:60px;position:absolute;left:50px;}
    .header{height:60px;}
    .logo {height:40px;margin-top:10px;}
    .logoDiv {height:60px;}
    .phoneNumber {position:absolute;height:60px;width:170px;right:0px;font-size:15px;margin-top:-30px;text-align:right;}
    .aboutUsTetx{width:90%;}
    .headerIn {width:90%;position:relative;}
    .aboutUsHeader {font-size:24px;}
    .footerin {
        width:90%;
        margin-left:auto;
        margin-right:auto;
        color:#ffffff;
    }
}