* {
	scrollbar-width:auto !important;
}

input::placeholder {
	text-transform:none;
}
.xs_ad_mainPane{
	width: 100%;
	height: 100%;
}

.xs_ad_Btn{
	font: normal 0.9em var(--font-normal);
	color: white;
	cursor: pointer;
	background: linear-gradient(to bottom, #0559f7, #1b49d5);
	padding: 0.5em 1.5em;
	border-radius: 1.2em;
	letter-spacing:0.03em;
	cursor: pointer;
	outline: none;
	border: none;
}
.xs_ad_Btn:hover{
    background: linear-gradient(to bottom, #1b49d5, #0559f7);
}
.xs_ad_leftPane{
	width: 20%;
	height:100%;
}
.xs_ad_leftBody{
	width:100%;
	height: calc(100% - 3em);
	color:#c3021b;
	background:radial-gradient(circle, #fce42c, #f4cd25, #efbd21);
}
.xs_ad_leftBody>img{
	width: 6em;
	margin: 2em auto 2em;
}
.xs_ad_pageSections{
	width:100%;
	height:100%;
	/* margin-top: 1em; */
}
.xs_ad_leftFirstTxt{
	font: normal 3.5em var(--font-bold);
	font-weight: bolder;
}
.xs_ad_leftSecondTxt{
	font: normal 1.7em serif;
	letter-spacing: 0.01em;
	font-weight: bold;
	top: -0.3em;
}
.xs_ad_leftThirdTxtPane{
	
margin-top: 1.9em;
	
font-size: 1.1em;
}
.xs_ad_leftThirdTxtPane>img{
	width:7em;
}
.xs_ad_leftThirdTxtPane>span{
	font: normal 1em var(--font-normal);
	color:black;
	margin-left: 0.2em;
	padding-bottom: 0.3em;
}
.xs_ad_requestDemo{
	top: 5.5em;
	font-size: 1em;
}
.xs_ad_leftFooter{
	width:100%;
	height:3em;
	background:black;
	color:white;
	font: normal 1em var(--font-thin);
	text-align:center;
	padding-top: 0.8em;
}
.xs_ad_leftFooter{
	font-family:var(--font-normal);
}

.xs_ad_rightPane{
	width: 80%;
	height:100%;
}
.xs_ad_rightHeader{
	width: 100%;
	height: 7em;
	padding: 1em 1em;
	/* margin-bottom: 1.5em; */
}
.xs_ad_login{
	font-size: 1.4em;
    bottom: 1em;
	font-family:var(--font-thin);
}
.xs_ad_firstPgHeader{
	width: 100%;
	height: 12em;
	background-image:url('../assets/mailAdBanner.png');
	background-repeat:no-repeat;
	background-size:contain;
}
.xs_ad_XSlogo{
	width: 13em;
}
.xs_ad_rightContentMain{
	width: 100%;
	overflow:hidden auto;
	height: calc(100% - 7em);
	/* -ms-overflow-style: none; */
	/* scrollbar-width: none; */
	/* &::-webkit-scrollbar { */
    /* display: none; */
  /* } */
}
.xs_ad_contentPgBody{
	width: 90%;
	margin: 0.5em auto 0.5em;
}
.xs_ad_contentPgBody h1{
	font: normal 2.3em var(--font-medium);
}
.xs_ad_contentPgBody h2{
	letter-spacing: 0.01em;
	font: normal 2em var(--font-medium);
}
.xs_ad_contentPgBody h3{
	letter-spacing: 0.01em;
	font: normal 1.7em var(--font-thin);
}
.xs_ad_contentPgBody h4{
	letter-spacing: 0.01em;
	font: normal 1.5em var(--font-thin);
}
.xs_ad_mailClientSection{
	margin: 1.2em 0;
}
.xs_ad_mailClientPane{
	margin-right: 1em;
	cursor: pointer;
	width: 6.5em;
	height: 5.5em;
	padding: 0.5em;
	border-radius: 0.3em;
	border: solid 0.1em var(--gray-200);
	color: var(--gray-700);
}
.xs_ad_mailClientPane:hover{
	text-decoration: underline;
	transform: scale(1.02);
	transition: all 0.3s;
	color: black;
	box-shadow: 0 0 0.3em var(--gray-400);
}
.xs_ad_mailClientImg{
	width: 2.5em;
	height: 2.5em;
	object-fit: contain;
}
.xs_ad_mailClientName{
	font: normal 0.9em var(--font-thin);
	margin-top: 0.3em;
}
.xs_ad_mailClientInstalled{
	font: normal 1.2em / 1.5 var(--font-normal);
    width: 4em;
    margin-left: 3em;
    text-decoration: underline;
    cursor: pointer;
	display:none;
}
.xs_ad_mailIdPane>svg{
	cursor:pointer;
}
.xs_ad_firstPgtext{
	font: normal 1.4em/1.3 var(--font-thin);
}
.xs_ad_firsPgFooter{
	width: 70%;
    margin: 3em auto 0;
    font: normal 1.4em var(--font-thin);
}
.xs_ad_firsPgFooter>span{
	color: blue;
	text-decoration: underline;
	cursor: pointer;
}
.xs_ad_learnMore{
	width: 90%;
    margin: 2em auto 0;
    font: normal 1.1em var(--font-thin);
}
#xs_ad_colorBandPg .xs_ad_learnMore{
	margin: 0em auto 0;
}
.xs_ad_colorText{
	position: absolute;
	top: 16em;
	right: -8em;
	width: 90%;
	font: normal 1em var(--font-italic);
}
/***********************Second Page*********************/
.xs_ad_secondPg_imgTxtPane{
	margin-top:1em;
}
.xs_ad_secondPg_imgTxtPane>div{
	width: 50%;
}
.xs_ad_secondPg_imgTxtPane>div>h4{
	font:normal 1.4em/1.5 var(--font-thin);
}
.xs_ad_secondPg_imgTxtPane>img{
	width: 50%;
	bottom: 1.5em;
}
.xs_ad_InputPane{
	width: 95%;
	height: 3em;
	font-size: 0.95em;
	margin-top: 1em;
	padding: 0 0.5em;
	background:white;
	border: solid 0.1em var(--gray-400);
	border-radius:0.5em;
}
.xs_ad_InputPane>input{
	width:95%;
	height: 100%;
	margin-right:1em;
	border:none;
	outline:none;
	font:normal 1.1em var(--font-thin);
}
#xs_ad_email{
	text-transform:lowercase;
}
.xs_ad_InputPane>svg{
	cursor:pointer;
}
.xs_ad_notificationPane{
	height:0;
	font:normal 0.9em var(--font-thin);
	padding-top:0.5em;
	text-align:left;
	animation: reveal 1s ease-in-out infinite;
	transition:height 0.5s;
	color: var(--gray-600);
}
/***********************Second Page*********************/
/***********************color band Page*********************/
#xs_ad_colorBandPg{
	margin-top:1em;
}
.xs_ad_colorBandMainHeader{
	font: normal 1.4em/1.5 var(--font-medium);
	margin: 0em auto 0em;
	width: 95%;
}
.xs_ad_colorBandPane{
	width: 97%;
	margin: 0.5em 0.5em 1.2em;
}
.xs_ad_colorBandHeader{
	font:normal 1.2em/1.5 var(--font-normal);
	/* margin-bottom:1em; */
}
.xs_ad_colorBand{
	width: 95%;
	margin: 0 auto;
}
.xs_ad_colorBand>img{
	width: 15em;
}
.xs_ad_colorBand>p,.xs_ad_colorBand>div>p{
	width: calc(100% - 15em);
	margin-left:0.5em;
	font: normal 1em/1.5 var(--font-thin);
	/* margin:1em 0 2em; */
}
.xs_ad_yellowBandList{
	font: normal 0.9em/1.5 var(--font-thin);
	margin-left: 2em;
}
.xs_ad_yellowBandList>li{
	margin-top:0.5em;
}
/***********************color band Page*********************/
/***********************Sign mode Page*********************/
#xs_ad_signModePg{
	margin-top:1em;
	margin-bottom: 2em;
}
.xs_ad_signModeMainHeader{
	font: normal 1.4em/1.5 var(--font-medium);
	margin: 0em auto 0.3em;
	width: 96%;
}
.xs_ad_signModeMainBody{
	width:96%;
	height: 86%;
	margin:0 auto;
}
.xs_ad_signModePane{
	width: 100%;
	margin: 0.3em;
	padding: 0.8em 0.9em;
	background:var(--gray-100);
	border-radius:0.5em;
}
.xs_ad_signModeHeader{
	/* height: 3em; */
	width:90%;
	font: normal 1.1em/1.5 var(--font-normal);
	margin-bottom: 0.5em;
	color: var(--primary);
}
.xs_ad_signModeBody{
	/* height: 75%; */
	margin: auto;
}
.xs_ad_signModeBody>img{
	width: 19em;
}
.xs_ad_signModeSubBody{
	width: 65%;
	margin-left: 1em;
	height: 100%;
}
.xs_ad_signModeSubBody>p{
	font: normal 1em/1.5 var(--font-thin);
	margin-bottom: 1em;
	text-align: justify;
	height: 90%;
}
.xs_ad_signModePane .xs_ad_Btn{
}
/***********************Sign mode Page*********************/

/***********************Demo Page*********************/
.xs_ad_emailPg{
	width: 100%;
	height: 100%;
}
.xs_ad_emailPgBody{
	width: 100%;
	height: 100%;
}
.xs_ad_emailPgLeftPane{
	width:45%;
	height:90%;
	margin: 1em 3em 0 0;
	display:none;
}
.xs_ad_emailPgHeader{
    width: 70%;
	font: normal 1.7em var(--font-normal);
    text-align: center;
    margin: 0em auto 1.5em;
}
.xs_ad_emailPgFormPane{
	width: 50%;
	/* height:90%; */
	/* box-shadow: 0 0 1em var(--gray-400); */
	box-shadow: 0em 0 0.7em #b7e3ff;
	background:white;
	border-radius: 1em;
	padding: 1em 1em;
	margin-top: 0.3em;
	animation:reveal 0.5s linear;
}
.xs_emailPgFormHead{
	font: normal 1.7em var(--font-medium);
	text-align: center;
	color: black;
	margin-bottom: 0.3em;
}
.xs_emailPgFormText{
	font: normal 1em var(--font-thin);
	color: #a0a0a0;
	text-align: center;
	margin-bottom: 1em;
}
.xs_ad_inputMainPane{
	margin: 0em auto 0.9em;
	width: 85%;
}
.xs_ad_inputLabel{
	font: normal 0.9em var(--font-thin);
	color: var(--gray-600);
}
.xs_ad_input{
	width: 100%;
	height: 2.2em;
	margin-top: 0.1em;
	border: solid 0.1em #d9d9d9;
	border-radius: 0.4em;
	padding: 0.5em;
	outline: none;
	font-size: 0.95em;
}
.xs_ad_input:focus{
	border:solid 0.11em #4A1CA2;
}
#userMailID{
	text-transform:lowercase;
}
.xs_ad_input[type='number'] {
    -moz-appearance:textfield;
}
.xs_ad_input:disabled {
    cursor:no-drop;
	background:var(--gray-100);
}

.xs_ad_input::-webkit-outer-spin-button,
.xs_ad_input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.xs_ad_choicePane{
	width:100%;
	text-align: center;
    font: normal 01em var(--font-normal);
    color: #989898;
    margin-bottom: 1em;
}
.xs_ad_choicePane:before,.xs_ad_choicePane:after{
	content: '';
    position: absolute;
    top: 0.6em;
    left: 2em;
    width: 40%;
    height: 0.1em;
    background: linear-gradient(to left, #cacaca 0%, #f4c5a100 150%);
}
.xs_ad_choicePane:after
{
    left: 16.7em;
    background: linear-gradient(to right, #cacaca 0%, #f4c5a100 150%);
}
.xs_ad_formBtnWrap{
	width:85%;
	margin: 0.5em auto 0;
}
.xs_ad_formBtn{
	width: 50%;
	padding: 0.6em 0.5em;
	margin:0 0.5em;
	text-align: center;
	background: var(--primary);
	color: white;
	font: normal 0.95em var(--font-normal);
	cursor: pointer;
	border: none;
	outline: none;
	border-radius: 0.4em;
	letter-spacing: 0.03em;
}
.xs_ad_formBtn:hover{
	background:var(--primary);
}
.xs_ad_formStrokeBtn{
	color:var(--primary);
	border:solid 0.1em var(--primary);
	background:white;
}
.xs_ad_formStrokeBtn:hover{
	background:white;
}
.xs_ad_formErrorPane{
	position: absolute;
	bottom: 4.5em;
	width: 80%;
	height: 2em;
	margin-top: 0em;
	color: #c12929;
	font: normal 0.95em var(--font-thin);
	animation: shake 0.5s;
}
.xs_ad_formErrorPane>span{
	font: normal 0.95em var(--font-normal);
}
.xs_ad_formErrorPane>span>img{
	width: 1.2em;
}
.xs_ad_reqDemoSuccessPopup>img{
	width: 2.5em;
	margin: 0em auto 1em;
}
.xs_ad_reqDemoSuccessPopup>p:nth-child(1){
	font: normal 1.5em var(--font-medium);
	margin-bottom: 0.5em;
}
.xs_ad_reqDemoSuccessPopup>p:nth-child(2){
	font: normal 1.1em var(--font-thin);
	color: var(--gray-700);
}
/***********************Demo Page*********************/


.xs_ad_Footer{
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font: normal 0.65em var(--font-thin);
    color: var(--gray-600);
    text-align: center;
}