@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;800;900&display=swap');
#moe-push-div{display: none;} /** Hide moengage banner*/
body{margin:0px;padding:0px;font-family: 'Lato', sans-serif;background-color: #fafafa;}
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
a:focus{outline:none!important;}
*:focus{outline:none!important;}
.container{max-width: 1140px;    margin: 0 auto;    }
.header{padding: 5px 0;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);background-color: #fff;text-align: center;height: 60px;display: flex;align-items: center;justify-content: center;}
body{}
.content-wrap{float: left;width: 100%;height: calc(100vh - 60px);background-image: url(/images/mobile/building.png);background-repeat: no-repeat;background-position: bottom;background-size: contain;}
.content-wrap .heading{font-size: 24px;line-height:30px;color: #3a3a3a;font-weight: 800;text-align: center;margin:44px 0 24px 0}
.white-box{max-width: 464px;margin: 0 auto;}
.white-box .white-box-in{width: 100%;float: left;background: #fff;padding: 32px 82px 32px 82px;border-radius: 13px;box-shadow: 0 2px 6px 0 rgba(228, 228, 228, 0.5);background-color: #fff;/* min-height:429px; */margin-bottom: 100px;}
.text-box-wrap{width: 100%;float: left;border: 1px solid #bdbdbd;padding: 0 12px;border-radius: 6px;display: flex;align-items: center;justify-content: flex-start;margin-bottom: 16px;}
.text-box-wrap .icon:after{content:"";z-index:9;position:absolute;right: -11px;width: 1px;height: 24px;background: #bdbdbd;top: -2px;}
.text-box-wrap .icon{padding-right: 12px;display: flex;position:relative;background-image:url(/images/mobile/call.png);background-repeat:no-repeat;background-position: top;width: 20px;height: 19px;background-size: contain;}
.text-box-wrap .textbox{display: flex;gap: 10px;width:100%}
.flag_icon {position: relative;left: 20px;display: flex;align-items: center;height: 40px;padding-left: 25px;color:#000;background-image: url(https://images.livemint.com/sso/prod/sdk/images/india-flag.png);background-repeat: no-repeat;background-position: left center;background-color: #fff;}
.text-box-wrap .textbox .tbp{border: none;padding: 0px 12px 0;font-size: 16px;color: #000000;;font-weight: 400;height: 40px;line-height: normal;width:100%;padding-right:0;font-family: 'Lato', sans-serif;}
.error-msg{display: none;color: #ff4a4a;font-size: 12px;line-height: 20px;font-weight:400;margin: 7px 0px;}
.continue-btn{border-radius: 6px;background-image: linear-gradient(160deg, #faaa3a 32%, #f29411 77%);border: none;color: #fff;font-size: 16px;font-weight: 900;font-stretch: normal;font-style: normal;line-height: 1.13;letter-spacing: normal;text-align: left;color: #fff;width: 100%;text-align: center;margin: 16px auto 0px auto;display: inherit;height: 40px;line-height: normal;cursor:pointer;display: flex;justify-content: center;align-items: center;font-family: 'Lato', sans-serif}
.text-box-wrap.error{border: 1px solid #ff4a4a;}
.text-box-wrap.error .icon{background-image:url(/images/mobile/call-error.png);}
.text-box-wrap.error .icon:after{background: #ff4a4a;}
.text-box-wrap.error ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */  color: red;  opacity: 1; /* Firefox */}
.text-box-wrap.error :-ms-input-placeholder { /* Internet Explorer 10-11 */  color: red;}
.text-box-wrap.error ::-ms-input-placeholder { /* Microsoft Edge */  color: red;}
.seperator{width: 100%;text-align: center;color: #cfcfcf;float: left;position:relative;margin:24px 0px 18px 0px;font-size:14px}
.seperator:after{content:"";position:absolute;top: 50%;left:0px;width:100%;border:1px dotted #cfcfcf;}
.seperator span{background: #ffffff;position: relative;z-index: 2;padding: 0 10px;font-size:14px}
.login-link{border-radius: 22px;border: solid 1px #eee;display: flex;align-items: center;justify-content: center;height: 40px;text-decoration: none;font-size: 14px;color: #3d4043;margin:6px 0;float: left;width: 100%;cursor: pointer;}
.other-login { height:0; transition:all 1s ease-out;overflow:hidden;}
.other-login div{transition:all 1s ease-out;}
.other-login.active {height:auto;overflow:auto;}
#buttonDiv{float:left;width:100%;text-align:center;margin:6px 0px 9px 0px;}
.flex-type{display: flex;flex-direction: column;justify-content: flex-start;min-height: 365px;font-size:16px}
.last-elem{text-align: center;margin-top: auto;width: 100%;float: left;font-size:14px}
.last-elem a{color:#f6941f;font-size:14px;text-decoration: none;border-bottom: 1px solid #f6941f;}
.for-toggle{font-size: 12px;font-weight: 600;text-decoration:none;margin: 24px 0px;text-align: center;color: #212121;background:url(/images/mobile/i1.svg);display: inline;background-repeat: no-repeat;background-position: right;padding-right: 20px;display: inline-block;background-position: center right;cursor:pointer;}
.for-toggle.i2{font-size: 12px;font-weight: 600;text-decoration:none;margin: 24px 0px;text-align: center;color: #212121;background:url(/images/mobile/toggle.svg);display: inline;background-repeat: no-repeat;background-position: right;padding-right: 20px;display: inline-block;background-position: center right;cursor:pointer;}
.center-align{text-align:center;display:block;}
/*verifyphone*/
.white-box-in.verifyphone .flex-type {min-height: 265px;}
.white-box-in.verifyphone{padding:24px;}
.otp-enter-box-wrap.byemail{margin-top:0px}
.helptext .edit-number{color: #f69929;text-decoration: underline;}
.helptext{margin: 0;padding: 0px;font-size: 16px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.38;letter-spacing: 0.64px;text-align: left;color: #3a3a3a;}
.otp-enter-box-wrap {display: flex;align-items: center;justify-content: space-between;margin: 35px 0 15px 0;}
.otp-enter-box-wrap .otp-no {width: 54px;height: 45px;padding: 5px;text-align: center;border: none;border-radius: 0;border-bottom: solid 2px #ccc;font-weight: bold;font-size: 16px;}
.reset-timer {display: flex;align-items: center;justify-content: flex-start;margin-top:15px;}
.reset-timer a{font-size: 16px;letter-spacing: 0.64px;text-align: left;color: #3a3a3a;margin-right:10px;text-decoration: none;}
.reset-timer  span{color: #f69929;}
.otp-enter-box-wrap.error .otp-no{border-bottom:2px solid #ff4a4a}
.otp-enter-box-wrap.error .otp-no{color:#ff4a4a}
.otp-enter-box-wrap.error  ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */  color: red;  opacity: 1; /* Firefox */}
.otp-enter-box-wrap.error  :-ms-input-placeholder { /* Internet Explorer 10-11 */  color: red;}
.otp-enter-box-wrap.error  ::-ms-input-placeholder { /* Microsoft Edge */  color: red;}
/* Hide the browser's default checkbox */
.check  {width: 100%;position: relative;padding-left: 20px;margin: 20px 0;font-size: 16px;color: # color: #212121;color: #757575;}
.check .container input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;font-size: 16px;}
/* Create a custom checkbox */
.check .checkmark {position: absolute;top: 3px;left: -5px;height: 16px;width: 16px;border: 1px solid #000000;background: #fff;}
/* On mouse-over, add a grey background color */
.check .container .checkbox:hover input ~ .checkmark {background-color: #ff9411;border: 1px solid #ff9411;}
/* When the checkbox is checked, add a blue background */
.check .container input:checked ~ .checkmark {background-color: #ff9411;border: 1px solid #ff8e00;border-radius: 2px;cursor: pointer;}
/* Create the checkmark/indicator (hidden when not checked) */
.check .checkmark:after {content: "";position: absolute;display: none;}
/* Show the checkmark when checked */
.check .container input:checked ~ .checkmark:after {display: block;}
/* Style the checkmark/indicator */
.check .container .checkmark:after {left: 4px;top: 0px;width: 3px;height: 8px;border: solid #ffffff;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
/*help page */
.white-box-in.help{padding:24px;}
.white-box-in.help .headingh3{margin: 0px;font-size: 20px;color: #3a3a3a;text-align: center;line-height: 25px;font-weight:600}
.list-for-help{margin: 0px;padding: 0px;list-style: none;margin-top: 20px;}
.list-for-help li{padding: 12px 12px 12px 12px;border-radius: 6px;box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.13);background-color: #fff;margin: 14px 0;font-size: 16px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.19;letter-spacing: normal;text-align: left;color: #3a3a3a;padding-left: 28px;position:relative;cursor:pointer}
.list-for-help li:after{content:"";position:absolute;width: 5px;height: 5px;background:#ff6600;left: 10px;border-radius: 100%;top: 21px;}
/*contact us*/
.white-box-in.help.ctus .text-box-wrap.red{border: 1px solid #000;}
.white-box-in.help.ctus ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */  color: #3a3a3a;  opacity: 1; /* Firefox */}
.white-box-in.help.ctus :-ms-input-placeholder { /* Internet Explorer 10-11 */  color: #3a3a3a;}
.white-box-in.help.ctus ::-ms-input-placeholder { /* Microsoft Edge */  color: #3a3a3a;}
.white-box-in.help.ctus .headingh3 {font-size: 19px;margin-bottom: 14px;text-align: center;}
.textarea{width: 100%;float: left;border: solid 1px #9b9b9b;padding: 11px 9px;border-radius: 6px;min-height:140px;font-family: 'Lato', sans-serif;font-size:14px;color: #000000;;font-weight: 400;margin:5px 0;clear: both;margin-bottom: 24px;}
.white-box-in.help.ctus .text-box-wrap.error ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */  color: red;  opacity: 1; /* Firefox */}
.white-box-in.help.ctus .text-box-wrap.error :-ms-input-placeholder { /* Internet Explorer 10-11 */  color: red;}
.white-box-in.help.ctus .text-box-wrap.error ::-ms-input-placeholder { /* Microsoft Edge */  color: red;}
.white-box-in.help.ctus .icon.email-icon{ background-image: url(/images/mobile/contact-mail.svg);}
.white-box-in .icon.email-icon{ background-image: url(/images/mobile/contact-mail.svg);}
.white-box-in .text-box-wrap.error .icon.email-icon{ background-image: url(/images/mobile/contact-mail-red.svg);}
.white-box-in.help.ctus .text-box-wrap.error .icon.email-icon{ background-image: url(/images/mobile/contact-mail-red.svg);}
.white-box-in.help.ctus .text-box-wrap.error{border: 1px solid #ff4a4a;}
.white-box-in.help.ctus form{padding:0 56px;}
.white-box-in.help.ctus .continue-btn{ border-radius: 6px;display: block; clear: both;margin:0 auto 16px auto;}
.white-box-in.help.ctus .text-box-wrap{margin:5px 0; border: solid 1px #9b9b9b;}
.alternate a{font-weight:bold;font-size:16px; color:#f6941f}
.alternate{ margin-top: auto;text-align:center;font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center;    color: #424242;}
.loading{ position: absolute; width: 100%;  height: 100%; background: rgb(1.6%,1.6%,1.6%, 0.7); top: 0; left: 0; display: flex; color: #fff; justify-content: center;align-items: center; font-size: 20px; flex-direction: column;    z-index: 9;}
.loading img{ margin-bottom: 40px; display: block;}
.rotate {    animation: rotation 1s infinite linear;  }

.textarea.inp {
    color: #757575;
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] {-moz-appearance: textfield;}
.Acces-blocked-Authorization-Error {font-family: 'Lato', sans-serif;font-size: 21px;font-weight: bold; font-stretch: normal;font-style: normal;line-height: 1.24;letter-spacing: normal;text-align: center;color: #212121;display: block;padding: 30px 0;}
.error-message-2{text-align: center;width: 100%;padding: 15px 50px;float: left;font-size: 14px;font-weight: 400;font-family: 'Lato', sans-serif;line-height: 1.57;}
.iti{width:100%}
.iti--separate-dial-code .iti__selected-flag {    background-color:#fff !important}
@keyframes rotation {    from {      transform: rotate(0deg);    }    to {      transform: rotate(359deg);    }  }




/* ==========   onepage checkout css Start ==============*/

.content-wrap.drawer .white-box .white-box-in {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width:464px;
    border-radius:13px 13px 0px 0px;
    /* padding-bottom: 0; */
}
.content-wrap.drawer .white-box .heading{
    font-size:20px;
}


.content-wrap.drawer .heading {
    margin: 0px 0 24px 0;
}

.content-wrap.drawer {
    background-image:none;
}

.contact-us-wrapper{
    width:100%;
    float:left;
    padding : 0 56px;
}

.intl-tel-input {
    width: 100%;
}
/* .content-wrap.drawer{

    background-size: contain;
}

 .content-wrap.drawer .white-box .white-box-in {
    border-radius: 13px 13px 0px 0px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin-bottom: 0;
        max-width: 464px;
        margin: 0 auto;
}

.loginModel.open {
    transition: all 0.4s ease;
    bottom: 35px;
    padding: 0;
    margin: 0px;
    width: 100%;
    left: 0;
    right: 0;
    max-width: 100%;
    background: #000;
    height: 100%;
}


/* .overlay.show-box {bottom:0; display:block}
	.overlay {

    position: fixed;
    z-index: 1;
    bottom: -100%;
    left: 0;
    overflow-y: hidden;
    width: 100%;
    height: 100%;
    transition: .5s;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, .5);
}
	.chkout{width: 100%;
    float: left;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0;
    background: green;
    text-align: center;
    padding: 10px 0;
    color: #ffff;}
	.inside{width: 464px;
    margin: 0 auto;}
	.inside2{    width: 564px;
    float: left;
    background: #fff;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0;
    margin: 0 auto;}

.overlay.show-box .white-box .white-box-in {
    margin-bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 464px;
    margin: 0 auto;
    border-radius: 13px 13px 0 0;
    z-index: 99999;
} */


/* onepage checkout css End*/



.white-box-in .text-box-wrap.error1 .icon.email-icon.ic-i.isEmailActive{background-image:url(/images/mobile/contact-mail-dark.svg);}
.white-box-in .text-box-wrap.error1 .icon.isMobileActive{background-image:url(/images/mobile/call-dark.svg);}
.white-box-in .text-box-wrap.error1.active{border:1px solid #000};


white-box-in .text-box-wrap.error1 .icon.isEmailActive{background-image:url(/images/mobile/contact-mail-dark.svg);}
.white-box-in.help.ctus .icon.email-icon.ac-icon.isEmailActive{background-image:url(/images/mobile/contact-mail-dark.svg);}

.white-box-in.help.ctus .icon.ph-icon.isMobileActive{background-image:url(/images/mobile/call-dark.svg);}
.white-box-in .textBoxError .textarea.error{border: 1px solid #ff4a4a}
.white-box-in .textBoxError .textarea.error::placeholder{color:#ff4a4a}
.white-box-in .text-box-wrap .textbox .tbp::placeholder{color:#757575}
.white-box-in .textBoxError .textarea::placeholder{color:#757575}


.white-box-in .text-box-wrap.error1 .placeHolderColor::placeholder {
    color:red
}
@media only screen and (max-width: 767px) {
	.header {height: 43px;}
	.header img{width:67px;}
	.seperator:after {
    border: 1px dashed #dfdfdf;
}
.content-wrap{float: left;width: 100%;height: calc(100vh - 43px);background-repeat: no-repeat;background-position: bottom;background-size: auto;}
body{float: left;width: 100%;height: 100%;background-color:#fafafa ;background-repeat: no-repeat;background-position: bottom;background-size: contain;}
.white-box .white-box-in{background:transparent;box-shadow:none;    padding: 24px 30px;}
.content-wrap .heading {  margin: 52px 0 0px 0;}
.text-box-wrap{background:#fff;margin-bottom:16px;}
.text-box-wrap .textbox .tbp{height:38px; padding-left: 20px;}
.text-box-wrap .textbox {width: 100%;}
.continue-btn{height:40px;}
.seperator span {background: #fafafa;    padding: 0 17px;    font-size: 14px;    color: #cfcfcf;    letter-spacing: 1px;}
.for-toggle {    margin: 12px 0px;}
.last-elem {
    position:absolute;
    bottom: 32px;
    left: 0;
    right: 0;
}
.error-msg.big{font-size:12px}
.text-box-wrap .textbox #phone {
    height: 38px;
    padding-left: 20px;
}
.iti--separate-dial-code .iti__selected-flag {
    background-color: transparent;
}

.text-box-wrap .icon:after {
    top: 0px;
}
.text-box-wrap .icon {
    width: 23px;
    height: 25px;
    background-size: contain;
    background-position: center;
}

.otp-enter-box-wrap .otp-no {
    width: 45px;
    background-color: transparent;
}
.helptext {
    margin: 0;
    font-size: 14px;
}
.check label br{display:none;}
.check {
      margin-bottom: 0;
    font-size: 14px;
}
.white-box-in.help .headingh3 {
    font-size: 14px;
    text-align: left;
    line-height: 20px;
}
.list-for-help li{font-size:12px;}
.list-for-help li:after {
    width: 8px;
    height: 8px;
    top: 15px;
}
.white-box-in.help.ctus .headingh3 {
    font-size: 14px;
}
.white-box-in.help.ctus form {
    padding: 0;
}
.white-box-in.help.ctus .continue-btn {
    border-radius: 6px;
    font-weight: 600;
    font-size: 16px;
}

#buttonDiv iframe { width: 420px !important;}
#buttonDiv iframe  #container{ padding-left: 50px;}
html, body{overflow-x:hidden}
.login-link {width:100%}
.content-wrap.drawer .white-box .white-box-in {    max-width:100%;    width:100%;    background:#ffffff;}
.content-wrap.drawer .for-toggle.i2 { margin: 0 0 44px 0px;}

#primaryLoginMethods{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}
}