/*
::Table Of Content

1.) @FontFace Style
2.) Global TypoGraphy
	2.1) Body Copy
	2.2) Global Heading Elements
	2.3) Inline Text Elements
	2.4) Alignment Classes
	2.5) Address css
	2.6) Global List
	2.7) Global List
3.) Forms Element
4.) Button & Link Element
5.) Helping Classes
	5.1) Clear Style
	5.2) Global Sprite Icon Style
	5.3) Global Show Mobile Style
	5.4) Float Style
	5.5) Width Style
6.) Header Section
7.) Footer Section
8.) Content Section
9.) Responsive CSS
	9.1) Media query only for desktop
	9.2) Media query for Ipad and below
	9.3) Media query only for Ipad Portrate and below
	9.4) Media query only for Ipad
	9.5) Media query only for Ipad Landscape
	9.6) Media query only for Ipad Portrate
	9.7) Media query for Iphone
	9.8) Media query for Iphone Landscape
	9.9) Media query for Iphone Portrate
*/

/*1.) @FontFace Style*/
@font-face {
    font-family: 'JeffScript';
    font-display: swap;
    src: url('../fonts/JeffScript.woff2') format('woff2'), url('../fonts/JeffScript.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'alliance_no.1_bold';
    font-display: swap;
    src: url('../fonts/alliance_no.1_bold-webfont.woff2') format('woff2'), url('../fonts/alliance_no.1_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'alliance_no.1_semibold';
    font-display: swap;
    src: url('../fonts/alliance_no.1_semibold-webfont.woff2') format('woff2'), url('../fonts/alliance_no.1_semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'alliance_no.1_medium';
    font-display: swap;
    src: url('../fonts/alliance_no.1_medium-webfont.woff2') format('woff2'), url('../fonts/alliance_no.1_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'alliance_no.1_regular';
    font-display: swap;
    src: url('../fonts/alliance_no.1_regular-webfont.woff2') format('woff2'), url('../fonts/alliance_no.1_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'alliance_no.1_light';
    font-display: swap;
    src: url('../fonts/alliance_no.1_light-webfont.woff2') format('woff2'), url('../fonts/alliance_no.1_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}@font-face {
    font-family: 'inter-bold';
    font-display: swap;
    src: url('../fonts/inter-bold-webfont.woff2') format('woff2'), url('../fonts/inter-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'inter-medium';
    font-display: swap;
    src: url('../fonts/inter-medium-webfont.woff2') format('woff2'), url('../fonts/inter-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'inter-regular';
    font-display: swap;
    src: url('../fonts/inter-regular-webfont.woff2') format('woff2'), url('../fonts/inter-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* @font-face {
    font-family: '';
    font-display: swap;
    src: url('../fonts/') format('woff2'), url('../fonts/') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: '';
    font-display: swap;
    src: url('../fonts/') format('woff2'), url('../fonts/') format('woff');
    font-weight: normal;
    font-style: normal;
} */

/*1.) @FontFace Style End*/

/*2.) Global TypoGraphy*/

/*2.1) Body Copy*/

html.hideScroll {
	position: relative;
	overflow-y: scroll;
	height: 100%;
}

.hideScroll body {
	position: relative;
	overflow: hidden;
	height: 100%;
}

body {
    font-family: 'alliance_no.1_regular';
	font-size: 16px;
	line-height: 1.6;
	font-weight: 400;
	color:#777777;
}

p {
	margin-bottom: 22px;
	line-height: 1.2;
	font-family: 'alliance_no.1_regular';

}

p:last-child {
	margin-bottom: 0px;
}

p span {
	font-weight: 500;
}

/*2.1) Body Copy End*/

h1,h2,h3,h4 {
	font-family: 'alliance_no.1_semibold';
}

h1,h2 {
	font-size: 36px;
	line-height: 1.112;
	color:#202020;
	margin-bottom: 14px;
}
h2{
	margin-bottom: 21px;
	letter-spacing: 0.3px;
	text-transform: capitalize;
}

h3 {
	font-size: 35px;
	font-weight: 300;
	line-height: 1.43;
}

h4 {
	font-size: 25px;
	font-weight: 400;
	line-height: 1;
}

h5 {
	font-size: 20px;
	line-height: 1.2;
}



/*2.2) Global Heading End*/

/*2.3) Inline Text Elements*/

img {
	max-width: 100%;
	height: auto;
	display: block;
}

strong {
	font-weight: 500;
}

em {
	font-style: italic;
}

sup {
	vertical-align: top;
	font-size: 35px;
}

/*2.3) Inline Text Elements End*/

/*2.4) Alignment Classes*/

.align-center {
	text-align: center;
}

.align-center p {
	text-align: center;
}

.align-right {
	text-align: right;
}

.align-left {
	text-align: left;
}

/*2.4) Alignment Classes End*/

/*2.5) Address css*/


/*2.5) Address css End*/

/*2.6) Global List*/




/*2.6) Global List*/

/*2.7) Global List*/

.flex {
	display: flex;
}

.v-center-flex {
	display: flex;
	align-items: center;
}

.v-bottom-flex {
	display: flex;
	align-items: flex-end;
}

.v-top-flex {
	display: flex;
	align-items: flex-start;
}

.hv-center-flex {
	display: flex;
	align-items: center;
	justify-content: center;
}

.space-between-flex {
	display: flex;
	justify-content: space-between;
}

.two-col, .three-col {
	display: flex;
}
.two-col>div {
	width: 50%;
}

.three-col>div {
	width: 33.333%;
}
.purplebg{
	background: #FAFAFA;
	padding-top:80px;
}

.four-col{
    padding: 78px 80px 70px;
    justify-content: space-between;
}
.four-col .col-f{
    width: 23%;
}
.four-col h2{
    color: #886DE0;
    padding-bottom: 13px;
    border-bottom: 1px solid #999999;
    margin-bottom: 13px;
	font-family: 'alliance_no.1_bold';

}
.four-col .col-f strong{
    font-size: 18px;
    font-family: 'alliance_no.1_bold';
    display: block;
    min-height: 36px;
}
.headtop-section{
    max-width: 700px;
    margin: 0 auto 38px;
    text-align: center;
}


.questions{
    display: flex;
    justify-content: space-between;
    padding:0 112px 125px;    
}
.questions .left-section{
    width: 34%;
}
.questions .right-section{
    width: 52%;
}
.accordion-item{
    padding: 16px 24px;
    border: 1px solid #ECECEC;
    border-radius: 8px;
    margin-bottom: 22px;
}
.accordion-item h4{
    font-size: 16px;
    color:#0E0E28;
    font-family: 'inter-medium';
    position: relative;
    transition: 0.3s ease all;
}
.accordion-item h4::after,
.accordion-item h4::before{
    content:'';
    position: absolute;
    right:0;
    top:5px;
    transition: 0.3s ease all;
    width: 12px;
    height: 2px;
    background: #777777;

}
.accordion-item p{
    font-family: 'inter-regular';
    display: none;
    font-size: 14px;
    line-height: 1.4;
}
.accordion-item.active h4{
    padding-bottom: 38px;
}
.accordion-item.active p{
    display: block;
}
.accordion-item.active h4::before{
    transform: rotate(90deg);
}
/*2.7) Global List*/

/*2.) Global TypoGraphy End*/

/*3.) Forms Element*/

.three-col-form,
.two-col-form {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}

.three-col-form > div {
	width: 33.333%;
	padding-left: 10px;
	padding-right: 10px;
}

.two-col-form > div {
	width: 50%;
	padding-left: 10px;
	padding-right: 10px;
}

button {
	font-family: inherit;
	border: none;
	cursor: pointer;
	transition: all .5s ease;
}

/*3.) Forms Element End*/

/*4.) Button & Link Element*/

a {
	cursor: pointer;
	transition: all .5s ease;
	color: inherit;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
}



.btn {
	border: 1px #886DE0 solid;
	color:#fff;
	background: #886DE0;
	font-family: 'alliance_no.1_semibold';
	border-radius: 4px;
	font-size: 16px;
	padding: 11px 34px 11px 34px;
	display: inline-block;
	vertical-align: top;
	position: relative;
}
.btn + .btn {
	margin-left: 15px;
}
.btn.white{
	background: #fff;
	color:#886DE0;
}
.rountbtn{
    background: #F6F3FF;
    color: #886DE0;
    font-size: 14px;
    font-family: 'alliance_no.1_medium';
	border-radius: 35px;
	padding: 10px 21px;
	display: inline-block;
	margin-bottom:13px;
}


.btn:hover {
	color:#886DE0;
	background: #fff;
}

.btn.white:hover{
	background: #886DE0;
	color:#fff;
}
/*4.) Button & Link Element End*/

/*5.) Helping Classes*/

.dshow {
	display: none;
}

.full-width, .full-width img {
	width: 100%;
}
.padding-global{
	padding:0 77px;
}

/*5.1) Clear Style*/

.cursor {
	cursor: pointer;
}

.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
	/* For IE 6/7 (trigger hasLayout) */
}

.clear {
	clear: both;
}

/*5.1) Clear Style End*/

/*5.2) Global Sprite Icon Style*/

[class^="icon-"], .after-icon:after, .before-icon:before {
	background: url(../images/sprite.png) no-repeat;
	background-size: 150px auto;
}

.after-icon:after, .before-icon:before {
	content: '';
	position: absolute;
	left: 0px;
}

.after-icon:after {
	left: auto;
	right: 0px;
}


/*5.2) Global Sprite Icon Style End*/

/*5.3) Global Show Mobile Style*/

/*5.3) Global Show Mobile Style End*/

/*5.4) Float Style*/

.float-r {
	float: right !important;
}

.float-l {
	float: left !important;
}

/*5.4) Float Style End*/

/*5.5) Width Style*/

.container {
	max-width: 1080px;
	margin: 0 auto;
}

/*5.5) Width Style End*/

/*5.) Helping Classes End*/

/*6.) Header Section Start*/

/*6.) Header Section End*/

/*8) Content Section Start*/

/*8) Content Section End*/

/* 9.) Responsive CSS Start */

/*
-------------------------------------------
9.1) Media query only for desktop
-------------------------------------------
*/

@media (min-width:1026px) {}

/*
-------------------------------------------
9.2) Media query for Ipad and below
-------------------------------------------
*/

@media(max-width:1150px) {
	.container {
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media (min-width:768px) and (max-width:1100px) {
	
}

/*
-------------------------------------------
9.3) Media query only for Ipad Portrate and below
-------------------------------------------
*/

@media (max-width:990px) {
	h1, h2 {
		font-size: 45px;
	}

	h3 {
		font-size: 35px;
	}

	.sub-heading {
		font-size: 19px;
	}
}

/*
-------------------------------------------
9.4) Media query only for Ipad
-------------------------------------------
*/

@media (min-width:768px) and (max-width:1024px) {}

/*
-------------------------------------------
9.5) Media query only for Ipad Landscape
-------------------------------------------
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {}

/*
-------------------------------------------
9.6) Media query only for Ipad Portrait
-------------------------------------------
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {}

/*
-------------------------------------------
9.7) Media query for Iphone
-------------------------------------------
*/

@media (max-width:767px) {
	body {
		font-size: 14px;
		line-height: 1.572;
	}

	h1,h2 {
		font-size: 37.5px;
		line-height: 1.250;
	}

	h1.welcome {
		font-size: 52.74px;
	}

	h3 {
		font-size: 35px;
	}

	h4 {
		font-size: 23.44px;
	}

	h5 {
		font-size: 22.27px;
	}

	h6 {
		font-size: 17.58px;
	}

	.sub-heading {
		font-size: 19.9px;
	}

	.sign {
		font-size: 28px;
	}

	.float-r, 
	.float-l {
		float: none;
	}

	.flex, 
	.v-center-flex, 
	.v-bottom-flex, 
	.v-top-flex, 
	.hv-center-flex {
		flex-direction: column;
	}

	.container {
		padding-left: 40px;
		padding-right: 40px;
	}

	input, textarea {
		font-size: 14px;
		height: 44px;
		padding: 5px 15px;
	}

	select {
		height: 44px;
		font-size: 14px;
		padding: 5px 40px 5px 15px;
	}

	textarea {
		padding: 10px 15px;
		height: 148px;
	}
	sup {
		font-size: 26px;
	}

	label,
	button {
		font-size: 14px;
	}

	.go-next {
		display: none;
	}

	.terms-accept {
		font-size: 12.89px;
		line-height: 1.27;
		padding-left: 30px;
	}

	.c-radio {
		font-size: 14px;
		padding-left: 30px;
		line-height: 1.572;
	}

	.c-radio span {
		width: 22px;
		height: 22px;
		top: -1px;
	}

	.dshow {
		display: inline;
	}

	.two-col, .three-col {
		flex-direction: column;
		gap: 20px;
	}

	.two-col>div, .three-col>div {
		width: 100%;
	}

	.three-col-form, 
	.two-col-form {
		margin: 0;
		flex-wrap: wrap;
	}

	.three-col-form > div,
	.two-col-form > div {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	.form-group {
		padding-bottom: 12px;
	}

	.requiredLabel {
		font-size: 11.7px;
		margin-bottom: 4px;
	}

	.numberLabel {
		font-size: 15px;
		padding-left: 42px;
		margin-bottom: 22px;
	}

	.numberLabel:before {
		width: 30px;
		height: 30px;
	}

	.accordion-item {
		border-radius: 5px;
		padding: 15px;
		margin-bottom: 15px;
	}

	.accordion-item h4 {
		line-height: 1.3;
		padding-right: 20px;
	}

	.accordion-item.active h4 {
		padding-bottom: 20px;
	}

	.accordion-item h4::after, 
	.accordion-item h4::before {
		top: 9px;
	}
	
}

/*
-------------------------------------------
9.8) Media query for Iphone Landscape
-------------------------------------------
*/

@media (max-width: 900px) and (orientation: landscape) {}

/*
-------------------------------------------
9.9) Media query for Iphone Portrate
-------------------------------------------
*/

@media (min-width: 0px) and (max-width: 767px) and (orientation: portrait) {}

/* 9.) Responsive CSS End */