@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('../fonts/SegoeUI/font-style.css');

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('Material Icons'),
      local('MaterialIcons-Regular'),
      url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
      url(../fonts/MaterialIcons-Regular.woff) format('woff'),
      url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
  }
  .material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

body{
    font-family: 'Montserrat', sans-serif;
}
h1, h2, h3{
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
}

article, aside, details, figcaption, figure, header, hgroup, menu, nav, section, audio, video {
    display: block;
    margin: 0;
    padding: 0;
}
ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
a{
    outline: none;
}
a:hover {    
    text-decoration: none;
    color: #000;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.mt-0 {
    margin-top: 0 !important;
}  
.pb-0 {
    padding-bottom: 0 !important;
}
.pt-0 {
    padding-top: 0 !important;
}
input[disabled],
submit[disabled] {
    cursor: default;
}
button, button[type="submit"], button[type="reset"], button[type="button"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    outline: none !important;
}
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="url"] {    
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}  
input[type="submit"], input[type="button"], input[type="reset"] {
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}   
input[disabled] {
    cursor: default;
} 
.show{
    display: block !important;
}
.fixed{
    overflow: hidden;
}
.hide {
    display: none;
}
.container {
    max-width: 100%;
    padding-right: 95px;
    padding-left: 95px;
    margin-right: auto;
    margin-left: auto;
}


/* Global CSS */

input.invalid {   
    border: #E91E63 1px solid !important;
}
.themeBtnLight{
    background: #E98C6C;
    border-radius: 10px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 32px;
    color: #FFFFFF !important;
    padding: 10px 50px;
    border: none;
}
.themeBtnLight:hover{
    background: #DC7653;
}
.themeBtnDark{
    background: #DC7653;
    border-radius: 10px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 32px;
    color: #FFFFFF !important;
    padding: 10px 50px;
    border: none;
}
.themeBtnDark:hover{
    background: #E98C6C;
}
.themeBtnOutline{
    border: 2px solid #E98C6C;
    background: transparent;
    border-radius: 10px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #E98C6C;
    padding: 10px 50px;
}
.themeBtnOutline:hover{
    background: #E98C6C;
    color: #fff;
}
.form-control{
    background: #FFFFFF;
    border: 2px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 0px 26px;
    height: 45px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 40px;
    color: #2B2B2B;
}
.form-control:focus{
    box-shadow: none;
    border-color: #DC7653;
}
.inputGroup{
    position: relative;
}
.inputGroup span{
    position: absolute;
    left: 0;
    color: #CCCCCC;
    top: 11px;
    padding: 0 15px;
}
.inputGroupRight span{
    left: initial;
    right: 0;
}
.inputGroup .form-control{
    padding: 0px 26px 0 50px;
}
.inputGroupRight .form-control{
    padding: 0px 50px 0 26px;
}

.common .title h3{
    font-style: normal;
    font-weight: bold;
    font-size: 50px;
    line-height: 80px;  
    color: #000000;
    text-align: center;
    margin: 0 0 15px;
}
.common .title p{
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 25px;
    text-align: center;
    color: #7E8083;
    margin: 0 0 0px;
}

/* End Global CSS */


/* header */

header{
    background-color: rgba(255,255,255,0.8);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);   
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 95px;
    z-index: 999;
}
.headerBlock{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 92px;
}
.mobileBtn{
    display: none;
}
.headerBlock ul{
    display: flex;
    align-items: center;
}
.headerBlock ul li{}
.headerBlock ul li a{
    font-family: "Segoe UI";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 40px;
    color: #555555;
    padding: 36px 30px;
    position: relative;
}
.headerBlock ul li a.active, .headerBlock ul li a:hover{
    color: #DC7653;
}

.headerBlock ul li a.active::after{
    content: "";
    display: block;
    position: absolute;
    background: #DC7653;
    border-radius: 10px 10px 0px 0px;
    width: 100%;
    height: 6px;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 0;
}
.headerBlock > div{
    display: flex;
    align-items: center;
}
.headerBlock > div select{
    width: max-content;
    background: transparent;
    border: none;
    margin-right: 30px;
    font-family: Segoe UI;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 34px;
    color: #555555;
    padding: 0 15px 0 0px;
    outline: none;
}
.headerBlock .signupBtn{
    font-family: "Segoe UI";
    background: #DC7653;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 40px;
    color: #FFFFFF;
    width: 137px;
    height: 46px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}
.headerBlock .signupBtn:hover{
    background: #E98C6C;
}

/* End Header */


/* Account Verification Page */

.accountVerification{
    padding: 53px 0;
}
.accountVerificationBlock{
    width: 100%;
    max-width: 650px;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin: auto;
    padding: 45px 0 0;
}
.accountVerificationBlock h1{
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 30px;
    text-align: center;
    color: #2B2B2B;
    margin: 0 0 0;
}
.accountVerificationFormblock{
    padding: 0px 0px 55px;
}
.accountVerificationFormblock h3{
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    text-transform: capitalize;
    color: #484848;
    margin: 0 auto 37px;  
}
.accountVerificationFormblock .formGroup{
    margin: 0 0 20px;
}
.remainingTime p{
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    color: #484848;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 0 0;
}
.remainingTime p span{
    font-size: 20px;
    margin-right: 12px;
    color: #dc7653;
}
.resendCodde{
    display: flex;
    justify-content: center;
    align-items: center;
}
.resendCodde p{
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;   
    color: #484848;
    margin: 0 0 10px;
    text-align: center;    
}
.resendCodde button{
    font-size: 16px;
    line-height: 24px;   
    color: #1C2845;
    font-weight: 500;
    background-color: transparent;
    border: none;
    padding: 0 10px;
    max-width: max-content !important;
}
.accountVerificationFormblock button{
    width: 100%;
    max-width: 204px;
} 
.dontHaveAccount{
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;  
    color: #484848;
    text-align: center;
}
.dontHaveAccount a{
    color: #1C2845;
    font-weight: 500;
}
.otpPhonecall{
    border-top: 1px solid #CCCCCC;
    padding: 25px 0;
}
.otpPhonecall p{
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}
.otpPhonecall p a{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;   
    color: #484848;
}

/* End Account Verification Page */

/* End OTP Verification Page */

.userInput{
	display: flex;
	justify-content: center;
}
.userInput input[type=number]::-webkit-inner-spin-button, 
.userInput input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.userInput input{
	margin: 0px 8px;
	height: 50px;
	width: 55px;
	border: none;
	border-radius: 5px;
	text-align: center;
	background: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 5px;
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    line-height: 24px;
    outline: 0;
    -moz-appearance: textfield;
}
.userInput input:focus, .userInput input:focus-visible{
    box-shadow: none;
    border-color: #DC7653;
}


/* End OTP Verification Page */

/* Registration Page */

.registrationSection{
    padding: 60px 16px;
}
.regiWrapperInter{    
    width: 100%;
    margin: 0 auto;    
}
.regiWrapperInter h1{
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 30px;
    text-align: center;
    color: #2B2B2B;
    margin: 0 0 24px;
}
.regiWrapperInter p{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #484848;
    margin: 0 0 0;
    text-align: center
}
.termP{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px !important;
    text-align: center;
    color: #484848 !important;
    margin: 44px auto 0 !important;
    width: 100%;
    max-width: 420px !important;
}
.termP a{
    color: #555555 !important;
    font-weight: 600;
}
.formProgress {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 70px auto 45px;
    width: 100%;
    max-width: 650px;
}
.formProgress ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.formProgress ul li {
    width: 33.333%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.formProgress ul li.step {
    position: relative;
    z-index: 10;
}
.formProgress ul li.step .myCircle {
    width: 35px;
    height: 35px;
    background: #fff;
    border: 2px solid #DC7653;
    border-radius: 50%;
    opacity: 1;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #DC7653;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
}
.formProgress ul li.step .step_name {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-transform: capitalize;
    color: rgba(43, 43, 43, 0.5);;
    margin: 10px 0 0 0;
}
.formProgress ul li.step.current .step_name{
    color: #2B2B2B;
}
.formProgress ul li.step:after {
    position: absolute;
    content: '';
    right: 2px;
    left: 68%;
    width: 65%;
    height: 1px;
    border-bottom: 1px dashed #484848;
    z-index: -1;
    top: 16px;
}
.formProgress ul li.step:last-child:after{
    display: none;
}
.formProgress ul li.step .myCircle .complete {
    display: none;
}
.formProgress ul li.step.finish .myCircle .complete {
    display: block;
}
.formProgress ul li.step.finish .myCircle .complete img{
   position: relative;
   top: -1px;
}
.formProgress ul li.step.current .myCircle {
    background: #F3E1D5;
    border: 2px solid #F3E1D5;
}
.formProgress ul li.step.finish .myCircle {
    background: #DC7653;
    border: 2px solid #DC7653;
    opacity: 1;
}
.formProgress ul li.step.finish .myCircle .number {
    display: none;
}
.personalDetails {
    width: 100%;   
    margin: auto;
    position: relative;
    z-index: 10;
}
.personalDetails .signupStepOne{
    width: 100%;
    max-width: 1294px;
    margin: auto;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 50px 32px;
}
.personalDetails .signupStepOne img{
    display: block;
    margin: auto;
}
.personalDetails .signupStepOne .tab_header {
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 30px;
    text-align: center;
    color: #2B2B2B;
    margin: 35px 0 57px;
}
.signupStepOneRow{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -14px 56px;
}
.signupStepOneCol{
    width: 33.333%;
    padding: 10px 14px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.signupStepOneCol .left{
    width: 81px;
    height: 81px;
    background: #F7F7F7;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    margin-right: 36px;
}
.signupStepOneCol .right{
    width: calc(100% - 81px);
}
.signupStepOneCol .right h3{
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 150%;
    color: #000000;
    margin: 0 0 10px;
}
.signupStepOneCol .right p{
    text-align: left;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    color: #515151;
    margin: 0 0 0;
}
.personalDetails .signupStepTwo{
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 52px 12px;
    display: none;
    width: 100%;
    max-width: 650px;
    margin: auto;
    position: relative;
}
.personalDetails .signupStepTwo .backPrevBtn{
    position: absolute;
    left: 20px;
    top: 20px;
    background-color: transparent;
    border: none;
}
.personalDetails .signupStepTwo .tab_header {
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 30px;
    text-align: center;
    color: #2B2B2B;
    margin: 0px 0 29px;
}
.signupWith{
    width: 100%;
    max-width: 240px;
    margin: auto;
}
.signupWith p{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #484848;
    margin: 0 0 24px;
}
.signupWith .btnGroup{
    display: flex;
    justify-content: center;
    align-items: center;
}
.signupWith .btnGroup > div{
    margin: 8px 5px;
}
.signupWith .btnGroup .fb_iframe_widget{
    margin: 8px 5px;
}
.signupWith .or{
    position: relative;
    margin: 30px 0;
}
.signupWith .or hr{
    width: 100%;
    display: block;
}
.signupWith .or p{
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0px);
    margin: 0;
    padding: 0 15px;
    background: #fff;
    top: -13px;
}
.signupWith button{
    width: 100%;
}
.personalDetails .signupStepThree{
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 52px 134px;
    width: 100%;
    max-width: 650px;
    margin: auto;
    /* display: none; */
}
.personalDetails .signupStepThree .tab_header {
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 30px;
    text-align: center;
    color: #2B2B2B;
    margin: 0px 0 50px;
}
.regiWrapperInter .tab{
    display: none;
}
.personalDetails .signupStepThree .row{
    margin-right: -6px;
    margin-left: -6px;
}
.personalDetails .signupStepThree .row .col-md-6, .personalDetails .signupStepThree .row .col-md-12{
    padding-right: 6px;
    padding-left: 6px;
}
.personalDetails .signupStepThree .row .form-control{
    padding: 0px 15px;
}
.personalDetails .signupStepThree .row .inputGroup .form-control {
    padding: 0px 15px 0 50px;
}
.personalDetails .formGroup{
    margin: 0 0 34px;
}
.ft-button-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5px 0 38px 0;
}
.ft-button-wrapper button{
    max-width: 204px;
    width: 100%;
}
.AccountVerification {
    width: 100%;
    max-width: 650px;
    margin: auto;
    padding: 0 20px 42px;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    position: relative;
    z-index: 20;
}
.AccountVerification .tab_header {
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 30px;
    text-align: center;
    color: #2B2B2B;
    margin: 35px 0 50px;
}
.AccountVerification .memberFtBody {
    padding: 15px 30px 36px;
}
.specialOffer {
    width: 100%;
    max-width: 912px;
    margin: auto;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 50px 49px 30px;
    position: relative;
    z-index: 10;
}
.specialOffer .tab_header{
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 30px;
    text-align: center;
    color: #2B2B2B;
    margin: 19px 0 50px;
    position: relative;
}
.paymentBlock .tab_header button{
    position: absolute;
    left: 0;
    top: 0;
    background-color: transparent;
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    color: #484848;
    border: none;
}
.paymentBlock .tab_header button img{
    margin-right: 18px;
}
.viewGreyCard {
    background: #F3E1D5;
    border-radius: 20px;
    height: 180px;
    margin: 0 0px 30px 0;
    display: flex;   
    flex-direction: column;
    justify-content: space-between;
    padding: 15px 22px 15px 22px;
    position: relative;
    overflow: hidden;
}
.viewGreyCard::before{
    content: "";
    display: block;
    background-image: url(../images/circle.png);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 170px;
    height: 73px;
    background-repeat: no-repeat;
}
.viewFt {
    display: flex;
    justify-content: space-between; 
}
.priceFlex{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.viewFt h5{
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    color: #2B2B2B;
}
.priceFlex .vFtright {
    font-weight: 500;
    font-size: 16px;
    color: #2B2B2B;
}
.coupnCode{
    position: relative;
    padding-bottom: 29px;
}
.coupnCode .form-control{
    padding: 0 16px;
    height: 33px;
    background-color: #fff;
    border: none;    
    color: #000;
}
.cardPaymentStatus .form-control {
    padding: 0px 19px;
}
.inputGroupcstCCNumber span {   
    top: 10px;
}
.inputGroupCalender span {   
    top: 10px;
}
.cardPaymentStatus .formGroup{
    margin: 0 0 20px;
}
.finalPaymentBtn {
    border-top: 1px solid #d1d1d1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px 0 15px 0;
    margin: 25px 0 0 0;
}
.finalPaymentBtn button{
    width: 100%;
    max-width: 353px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
}
.finalPaymentBtn button img{
    margin-right: 12px;
}
.themeBtntransparent{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: none;
}
.themeBtntransparent i{
    margin-right: 12px;
}
.specialOffer{

}
.specialOfferInner p{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: #484848;
    margin: 0 auto 20px;
    width: 100%;
    /* max-width: 558px; */
}
.specialOfferInner .btnGroup{
    display: flex;
    justify-content: center;
}
.specialOfferInner .btnGroup button{
    margin: 0 9px;
    padding: 10px 10px;
    width: 100%;
    max-width: 184px;
}
.paymentBlock{
    display: none;
}
.paymentBlock .form-group label{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #484848;
}

/* End Registration Page */

/* payment success page */

.successPage{
    padding: 108px 0 150px;
}
.successPageInner{
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.successPageInner img{
    margin-bottom: 47px;
}
.successPageInner h3{
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 30px;
    text-align: center;
    color: #2B2B2B;
    margin: 0 0 28px;
}
.successPageInner p{
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    text-transform: capitalize;
    color: #484848;
    margin: 0 0 28px;
}
.successPageInner a{
    color: #fff;
}
.successPageInner h6{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    color: #484848;
    margin: 34px 0 0;
}

/* End payment success page */



/* Footer */


Footer {
    background: #EED2BF;       
}
.footerRow{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 236px;
}
.footerRow .col h3{
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 150%;
    color: #000000;
    margin: 0 0 32px;
    text-align: center;
}
.footerRow .col a{    
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    width: 100%;
    max-width: 234px;
}
.footerBottom{   
    background: #EEC6AC;
    padding: 16px 0; 
}
.footerBottomRow{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footerBottomRow .left{   
    flex: 1;
}
.footerBottom p{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    text-align: left;
    color: #000000;
    opacity: 0.8;
    margin: 0 0 0;
}
.footerBottom ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1046px;
}
.footerBottom ul li{
 
}
.footerBottom ul li a{
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 40px;
    color: #000000;
}
.footerBottom ul li:last-child{
    margin-right: 0px;
}

/* End Footer */


/* sign Up Popup */

.signUpPopup{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    width: 100%;
    padding: 158px 0 65px 0;
    height: 100%;
    overflow: auto;
}
.signUpPopup.show{
    display: flex;
}
.signUpPopup .closeModal{
    background-color: transparent;
    border: none;
    position: absolute;
    right: 35px;
    top: 126px;
}


.testimonialsSlider .content{
    background: #FDF7F3;
    border-radius: 10px;
    padding: 17px 20px;
    margin-bottom: 10px;
}
.testimonialsSlider .content p{
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    color: #1C1C1C;
    text-align: left;
    margin: 0 0 0;
}
.testimonialsSlider .userBlock{
    display: flex;
    align-items: center;
}
.testimonialsSlider .item .userBlock .imgBlock {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 13px;
}
.testimonialsSlider .item .userBlock .imgBlock img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.testimonialsSlider .item .userBlock .contentBlock h5 {
    margin: 0 0 0;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 25px;
    color: #1D1D1D;
}
.testimonialsSlider .item .userBlock .contentBlock p {
    margin: 0 0 0;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 25px;
    color: #3F3F3F;
}
.testimonialsSlider .item .rating{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}
.testimonialsSlider .item .rating img{
    width: auto;
}

.owl-dots {
    text-align: center;
    padding-top: 15px;
}
.owl-dots button.owl-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    display: inline-block;
    background: #C4C4C4;
    margin: 0 3px;
}
.owl-dots button.owl-dot.active {
    background-color: #DC7653;
}
.owl-dots button.owl-dot:focus {
    outline: none;
}

.referFriendPopup{
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;    
    background: #fff;
}
.referFriendPopupInner{
    padding: 106px 16px;
    width: 100%;
    max-width: 829px;
    margin: auto;
    position: relative;
}
.referFriendPopupInner .closeModalreferFriend{
    position: absolute;
    left: 0;
    top: 170px;
    background-color: transparent;
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    color: #484848;
    border: none;
}
.referFriendPopupInner .closeModalreferFriend img{
    margin: 0 18px 0px 0px;
}
.referFriendPopupInner img{
    display: block;
    margin: 0 auto 70px;
}
.referFriendPopupInner h3{
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 30px;
    text-align: center;
    color: #2B2B2B;
    margin: 0 0 29px;
}
.referFriendPopupInner p{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    color: #484848;
    margin: 0 0 24px;
}
.referFriendPopupInner .form-group{
    width: 100%;
    max-width: 522px;
    margin: 0 auto 34px;
    justify-content: center;
}
.referFriendPopupInner .inputGroup span{
    color: #DC7653;
}
.referFriendPopupInner .themeBtnDark{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    width: 100%;
    max-width: 198px;
    padding: 9px 20px;
}


/* Home Page Banner */

.banner{
    background-image: url(../images/banner.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.bannerInner{
    padding: 190px 0 40px;
}
.bannerInner h3{
    font-style: normal;
    font-weight: bold;
    font-size: 70px;
    line-height: 80px;
    color: #000000;
    margin: 0 0 35px;
    width: 100%;
    max-width: 714px;
}
.bannerInner p{    
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: #000000;
    width: 100%;
    max-width: 534px;
    margin: 0 0 40px;
}
.bannerInner a{
    width: 100%;
    max-width: 203px;
    height: 59px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 9px 10px;
    margin: auto;
}

/* End Home Page Banner */

/* Home page Features */

.features{
    padding: 42px 0;
    position: relative;
}
.features::before{
    width: 100%;
    background: #F7F7F7;
    height: 380px;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: block;
    z-index: -1;
}
.featuresRow{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -11px;
    padding: 71px 0 0;
}
.featuresCol{
    width: 25%;
    padding: 10px 11px;
    box-sizing: border-box;
}
.featuresColInner{
    background: #FFFFFF;
    box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 56px 10px 33px;
    min-height: 400px;
}
.featuresColInner img{
    width: auto;
    display: block;
    margin: 0 auto 40px;    
}
.featuresColInner h3{
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 150%;
    text-transform: capitalize;
    color: #000000;
    margin: 0 0 24px;
    text-align: center;
    min-height: 66px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.featuresColInner p{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #7E8083;
    width: 100%;
    /* max-width: 295px; */
    margin: 0 auto 0;
}
.featuresColInner p b{
    color: #000000;
}

/* End Home Page features */

/* Home Page how It Works */

.howItWorks{
    padding: 11px 0 100px;
}
.howItWorksRow{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.howItWorksLeft{
    width: 100%;
    padding: 0 0 78px;
}
.howItWorksLeft h3{
    font-style: normal;
    font-weight: bold;
    font-size: 50px;
    line-height: 80px;
    color: #000000;
    margin: 0 auto 17px;
    text-align: center;
    width: 100%;
    max-width: 1120px;
}
.howItWorksLeft p{
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 40px;
    color: #515151;
    margin: 0 auto 19px;
    text-align: center;
    width: 100%;
    max-width: 1120px;
}
.ltesDoBtn{
    margin: 49px auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 184px;
}
.howItWorksRight{
    width: 100%;
}
.howItWorksRightInner{
    width: 100%;
    margin-left: auto;
    position: relative;
}
.howItWorksRightRow{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.howItWorksRightRow .left{
    width: 81px;
    height: 81px;
    background: #F7F7F7;
    margin-right: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}
.howItWorksRightRow .right{
    width: calC(100% - 117px);
}
.howItWorksRightRow .right h3{
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 150%;
    color: #000000;
    margin: 0 0 9px;
}
.howItWorksRightRow .right p{
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    color: #515151;
    margin: 0 0 0;
}
.howItWorksRightRow:nth-child(2){
    flex-direction: row-reverse;
    margin: 133px 60px 133px 0px;
}
.howItWorksRightRow:nth-child(2)::before{
    content: "";
    display: block;
    width: 334px;
    height: 142px;
    left: 31px;
    top: -123px;
    position: absolute;
    background-image: url(../images/curv1.svg);
    background-size: 100%;
}
.howItWorksRightRow:nth-child(2)::after{
    content: "";
    display: block;
    width: 377px;
    height: 165px;
    left: 36px;
    top: 112px;
    position: absolute;
    background-image: url(../images/curv2.svg);
    background-size: 100%;
}
.howItWorksRightRow:nth-child(2) .left{
    margin-left: 36px;
    margin-right: initial;
}
.howItWorksRightRow:nth-child(2) .right{
    text-align: right;
}
.timeline{
    position:relative;
    margin:0px auto;
    padding:20px 0;
    width: 100%;
    max-width: 1000px;
    box-sizing:border-box;
}
.timeline:before{
    content:'';
    position:absolute;
    left:50%;
    width:2px;
    height:100%;
    border: 1px dashed #515151;
}
.timeline ul{
    padding:0;
    margin:0;
}
.timeline ul li{
    list-style:none;
    position:relative;
    width:50%;
    box-sizing:border-box;
}
.timeline ul li:nth-child(odd){
    float:left;
    text-align:right;
    clear:both;
    padding: 20px 80px 20px 0px;
}
.timeline ul li:nth-child(even){
    float:right;
    text-align:left;
    clear:both;
    padding: 20px 0px 20px 80px;
}
.content{
    padding-bottom:20px;
}
.timeline ul li:nth-child(odd):before{
    content:'';
    position:absolute;
    width:44px;
    height:44px;
    top: 40px;
    right: -22px;
    background:#DC7653;
    border-radius:50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 150%;
    color: #FFFFFF;
}
.timeline ul li:nth-child(even):before{
    content:'';
    position:absolute;
    width:44px;
    height:44px;
    top: 40px;
    left:-22px;
    background:#DC7653;
    border-radius:50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 150%;
    color: #FFFFFF;
}
.timeline ul li:nth-child(1)::before{
    content: "1";
}
.timeline ul li:nth-child(2)::before{
    content: "2";
}
.timeline ul li:nth-child(3)::before{
    content: "3";
}
.timeline ul li:nth-child(4)::before{
    content: "4";
}
.timeline ul li:nth-child(5)::before{
    content: "5";
}
.timeline ul li h3{
    padding:0;
    margin:0;
    font-weight: normal;
    font-size: 24px;
    text-align: left;
    color: #000000;
}
.timeline ul li p{
    margin:10px 0 0;
    padding:0;
    text-align: left;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    text-transform: capitalize;
    color: #515151;
}
.timeline ul li:nth-child(odd) .time{
    position:absolute;
    top:0px;
    right:-192px;
    margin:0;
}
.timeline ul li:nth-child(even) .time{
    position:absolute;
    top:0px;
    left:-192px;
    margin:0;
}

/* End Home Page how It Works */

/* Home page testimonials Section */

.testimonialsSection{
    background: #F3E1D5;
    padding: 58px 0;
    background-image: url(../images/leaf.png);
    background-repeat: no-repeat;
    background-position: 100px top;
}
.testimonialBlock{
    padding: 0 80px 30px;
}

.testimonialBlock .themeBtnLight {
    display: none;
}
.testimonialBlock .testimonialsSlider .content{
    height: 211px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.testimonialsSection .owl-nav{
    
}
.testimonialBlock .owl-nav .owl-prev, .testimonialBlock .owl-nav .owl-next{
    background: #fff !important;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.05);
    border-radius: 100%;
    width: 55px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    color: #E98C6C !important;
    font-size: 30px !important;
}
.testimonialBlock .owl-nav .owl-prev{
    top: 50%;
    z-index: 5;
    left: -80px;
    transform: translate(0px, -50%);
}
.testimonialBlock .owl-nav .owl-next{
    top: 50%;
    z-index: 5;
    right: -80px;
    transform: translate(0px, -50%);
}

/* End Home page testimonials Section */

.quantity-block {
    margin: 17px 0 24px;
    position: relative;
    width: 110px;
    display: flex;
    justify-content: center;
}
.quantity-arrow-minus,
.quantity-arrow-plus {
    font-size: 25px;
    width: 32px;
    box-sizing: border-box;
    border-radius: 100%;
    height: 32px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #DC7653;
    border: none;
    color: #fff;
    position: absolute;
}
.quantity-arrow-minus{
    left: 0;
}
.quantity-arrow-plus{
    right: 0;
}   
.quantity-num {
    font-size: 14px;
    padding: 5px 6px;
    border-radius: 4px;
    width: 82px;
    border: none;
    background: #fff;
    
}
  

/* theme Modal */

.themeModal{
    width: 100%;   
    height: 100%;
    overflow: auto;
    position: fixed;  
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    z-index: 1051;
    display: none;
    padding: 125px 12px 35px;
}
.themeModalInner{
    min-width: 582px;
    max-width: max-content;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin: auto;
    position: relative;
}
.closeThemeModal{
    position: absolute;
    top: 14px;
    right: 8px;
    background-color: transparent;
    border: none;
    color: #484848;
    z-index: 1052;
}
.themeModal .modalHead h3{
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 30px;    
    text-align: center;    
    color: #2B2B2B;
}
.themeModal .modalHead p{
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #7E8083;
    margin: 0 0 0;
}
.modalBody{
    padding: 0px 0 0;
}
.featuresModal{
    position: relative;   
    width: 1200px; 
    padding: 52px 45px;
}
.featuresModal h3{
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 30px;    
    text-align: center;    
    color: #2B2B2B;
    margin: 0 0 10px;
}
.featuresModal h6{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #484848;
    margin: 0 0 10px;
}
.growBusiness{
    padding: 0 0 98px;
}
.growBusinessRow{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.growBusinessLeft{
    width: 50%;
    display: flex;
    justify-content: center;
}
.growBusinessLeft img{
    max-width: 100%;
}
.growBusinessRight{
    width: 50%;
}
.growBusinessRight h3{
    font-style: normal;
    font-weight: 600;
    font-size: 29px;
    line-height: 80px;   
    color: #000000;
    text-align: left;
}
.growBusinessRight p{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    color: #7E8083;
    margin: 0 0 30px;
}
.growBusinessRight p:last-child{
    margin: 0 0 0;
}
.affiliateWorks{
    padding: 0 0 110px;
}
.affiliateWorks h2{
    font-style: normal;
    font-weight: 600;
    font-size: 29px;
    line-height: 25px;
    color: #000000;
    margin: 0 0 52px;
}
.affiliateWorksRow{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.affiliateWorksLeft{
    width: calc(100% - 458px);
    padding-right: 65px;
}
.affiliateWorksLeft .howItWorksRightRow {
    align-items: flex-start;
}
.affiliateWorksRight{
    width: 100%;
    max-width: 458px;
}
.commissionCalculator{

}
.commissionCalculatorHead{
    background: #DC7653;
    border-radius: 3px;
    padding: 20px 0;
}
.commissionCalculatorHead h5{
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    text-align: center;
    color: #FFFFFF;
    margin: 0 0 0;
}
.commissionCalculatorBody{
    background: #F3F3F3;
    border-radius: 3px;
    padding: 23px 20px 20px;
}
.commissionCalculatorBody h3{
    font-style: normal;
    font-weight: 500;
    font-size: 38px;
    line-height: 150%;
    text-align: center;
    color: #000000;
    margin: 0 0 19px;
}
.commissionCalculatorBody h3 i{
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    text-align: center;
    color: #000000;
}
.commissionCalculatorBody p{
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 169%;
    text-align: center;
    color: #000000;
    margin: 0 auto 27px;
    width: 100%;
    max-width: 217px;
}
.commissionCalculatorBody p input{
    width: 50px;
    background: transparent;
    outline: none;
    text-align: center;
    border: 1px solid #dc7653;
    margin: 0 4px;
    border-radius: 5px;
}
.commissionCalculatorBody button{
    background: #ACAEB1;
    border-radius: 3px;
    width: 100%;
    height: 59px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 169%;
    text-align: center;
    border: none;
    color: #FFFFFF;
}
.rangeSlider{    
    margin-bottom: 45px;
}
.slider {
    background: linear-gradient(to right, #DC7653 0%, #DC7653 4%, #F3E1D5 4%, #F3E1D5 100%);
    border: solid 1px #F3E1D5;
    border-radius: 8px;
    height: 8px;
    width: 100%;
    outline: none;
    transition: background 450ms ease-in;
    -webkit-appearance: none;
}
/*Chrome thumb*/

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 5px;
    /*16x16px adjusted to be same as 14x14px on moz*/
    height: 20px;
    width: 20px;
    border-radius: 100%;
    background: #DC7653;
    border: 1px solid #DC7653;
}  
  
/*Mozilla thumb*/
  
.slider::-moz-range-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    -moz-border-radius: 5px;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    background: #DC7653;
    border: 1px solid #DC7653;
}
.featuresModal .featuresRow {    
    margin: 0 -7px;
    padding: 30px 0 0;
}
.featuresModal .featuresRow .featuresCol{
    padding: 10px 7px;
}
.featuresModal .featuresRow .featuresCol .featuresColInner {
    background: transparent;
    box-shadow: none;
    border-radius: 10px;
    padding: 0px 0px 0px;
    min-height: auto;
}
.featuresModal .featuresRow .featuresCol .featuresColInner h3{
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 150%;
    text-align: center;
    text-transform: capitalize;
    color: #000000;
    min-height: 55px;
}
.featuresModal .featuresRow .featuresCol .featuresColInner img {    
    margin: 0 auto 34px;
}
.featuresModal .howItWorksRow {   
    padding: 60px 30px;
}
.featuresModal .howItWorksRightRow:nth-child(2) {
    flex-direction: row;
    margin: 38px 0;
}
.featuresModal .howItWorksRightRow:nth-child(2)::after, .featuresModal .howItWorksRightRow:nth-child(2)::before{
    display: none;
}
.featuresModal .howItWorksRightRow:nth-child(2) .left {
    margin-left: 0px;
}
.featuresModal .howItWorksRightRow:nth-child(2) .right h3{
    text-align: left;
}
.featuresModal .howItWorksRightRow:nth-child(2) .right p{
    text-align: left;
}
.featuresModal .howItWorksLeft h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 29px;
    line-height: 80px;
    color: #000000;
    text-align: left;
}
.featuresModal .howItWorksLeft p{
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    color: #7E8083;
    margin: 0 0 20px;
}
.featuresModal .howItWorksRightRow .left {
    margin-right: 26px;
}
.featuresModal .howItWorksRightRow .right h3{
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    color: #000000;
    text-align: left;
    margin: 0 0 8px;
}
.featuresModal .howItWorksRightRow .right p{
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    color: #7E8083;
}
.becomePartnerBtnDiv{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 27px 0 0;
    border-top: 1px solid #00000026;
}
.becomePartnerModal{
    display: none;
    padding: 52px 45px;
}
.becomePartnerModal .inputGroup .form-control {
    padding: 0px 26px 0 42px;
}

.becomePartnerModal h3{
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 30px;    
    text-align: center;    
    color: #2B2B2B;
    margin: 0 0 16px;
}
.becomePartnerModal p{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #484848;
    margin: 0 0 28px;
}
.becomePartnerModal .formGroup{
    width: 100%;
    max-width: 383px;
    margin: 0 auto 25px;
}
.becomePartnerModal button{
    width: 100%;
    max-width: 204px;
}
.enterPassModal{   
    padding: 52px 45px;
}
.enterPassModal h3{
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 30px;    
    text-align: center;    
    color: #2B2B2B;
    margin: 0 0 29px;
}
.enterPassModal p{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #484848;
    margin: 0 0 28px;
}
.enterPassModal .formGroup{
    width: 100%;
    max-width: 383px;
    margin: 0 auto 54px;
}
.enterPassModal button{
    width: 100%;
    max-width: 204px;
}
.featuresModalSummary{
    display: none;
}

.overlay{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1050;
    display: none;
}

/* custom Checkbox */

.styled-checkbox {
    position: absolute;
    opacity: 0;
}
.styled-checkbox + label {
    position: relative;
    cursor: pointer;
    padding: 0 0 0 39px;
    margin: 0 !important;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;
    color: #7E8083;
}
.styled-checkbox + label a{
    color: #DC7653;
    font-weight: 500;
}
.styled-checkbox + label:before {
    content: "";
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #F1F7FC;
    border: 2px solid #DC7653;
    box-sizing: border-box;
    border-radius: 3px;
    position: absolute;
    left: 0;
    top: 0;
}
.styled-checkbox:hover + label:before {
    background: #DC7653;
}
.styled-checkbox:checked + label:before {
    background: #DC7653;
}
.styled-checkbox:checked + label:after {  
  content: '';
  display: block;
  position: absolute;
  top: 2px;
  left: 7px;
  width: 6px;
  height: 14px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.styled-checkbox.checkAll:checked + label:after {
    left: 3px;
    top: 15px;
}

/* End custom Checkbox */ 




.talkingPointsMain{

}
.talkingPointsRow{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.talkingPointsCol{
    width: 50%;
    padding: 10px 10px;
}
.talkingPointsColInner{
    background: #F6F6F6;
    padding: 39px 44px;
    min-height: 544px;
}
.talkingPointsColInner h4{
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    color: #000000;
    margin: 0 0 40px;
}
.talkingPointsColInner ul{

}
.talkingPointsColInner ul li{
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    color: #484848;
    position: relative;
    padding-left: 55px;
    margin-bottom: 20px;
}
.talkingPointsColInner ul li:last-child{
    margin-bottom: 0px;
}
.talkingPointsColInner ul li:before {
    content: "";  
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 25px;
    color: #FFFFFF;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../images/black-squares.svg);
}



.cookiesSection {
    background: #E98C6C;
    box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.05);
    color: #cacaca;
    padding: 15px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    font-size: 14px;
    transition:all 0.5s;
    transform: translateY(0%);
}
.cookiesSection p{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    color: #EEEEEE;
    margin: 0 0 0;
}
.cookiesSection.hideDiv{
    transform: translateY(105%);
}
.cookiesSection p a {
    color: #ffffff;
    text-decoration: underline;
}
.got-cookies-policy {
    font-weight: 600;
    background: #ffffff;
    text-align: center;
    color: #2b2b2b;
    padding: 6px 16px;
    display: inline-block;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    color: #E98C6C;
    font-size: 14px;
}



.country-code{
    width: 134px;
    padding: 0px 0px 0 44px !important;
    margin-right: 12px;
    background-image: url(../images/select-arrow.svg);
    background-position: calc(100% - 8px) calc(1em + 4px);
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}



.toggle-text-content span {
    display: none;
}  
.toggle-text-link {
    display: initial !important;
    margin: 0px 0;
    padding: 0 !important;
    color: #DC7653;
    text-decoration: underline;
}

.testimonialBlockPopup{
    padding: 0 0px 0px;
}



/* refer Friend Page */

.referFriendPage {
    padding: 48px 0;
}
.referFriendMain .closeModalreferFriend{
    background-color: transparent;
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    color: #484848;
    border: none;
    position: relative;
    left: 10px;
}
.referFriendMain .closeModalreferFriend img{
    margin: 0 18px 0px 0px;
}
.referFriendRow{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding: 15px;
}
.referFriendRow .left {
    width: 50%;
}
.referFriendRow .right {
    width: 50%;
}
.referFriendRow .right .title{
    padding: 0 0 30px;
}
.referFriendRow .right .title h3{
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 30px;
    text-align: left;
    color: #2B2B2B;
    margin: 0 0 19px;
}
.referFriendRow .right .title p{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    color: #484848;
    margin: 0 0 0;
}
.sendInvitation label{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;   
    color: #484848;
    margin-bottom: 10px;
}
.sendInvitation .form-control{
    padding: 0px 42px 0 22px;
    height: 54px;
    background-image: url(../images/down-chevron.svg);
    background-position: calc(100% - 20px) calc(1em + 4px);
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.insertEmailPhone{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
}
.insertEmailPhone .leftCol{
    width: 100%;
    max-width: 389px;
}
.insertEmailPhone .leftCol .country-code{
    height: 55px;
    background-position: calc(100% - 8px) calc(1em + 8px);
}
.insertEmailPhone .leftCol .d-flex .inputGroup span {    
    top: 16px;    
}
.insertEmailPhone .inputGroupRight .form-control {
    padding: 0px 75px 0 22px;
    height: 54px;
}
.insertEmailPhone .leftCol .inputGroupRight button{
    position: absolute;
    right: 0;
    top: 0;
    background: #DC7653;
    border-radius: 0px 5px 5px 0px;
    border: none;
    height: 54px;
    padding: 0 22px;
    display: flex;
    align-items: center;
    color: #fff;
    justify-content: center;
}
.insertEmailPhone .rightCol{
    flex: 1;
    padding-left: 15px;
    padding-top: 32px;
}
.insertEmailPhone .rightCol button{
    padding: 10px 10px;
    width: 100%;
    height: 54px;
    border-radius: 5px;
}
.importTag{
    min-height: auto;
    max-height: 200px;
    overflow: auto;
}
.importTagRow{
    display: flex;
    flex-wrap: wrap;
}
.importTagCol{       
    padding: 5px 5px;
}
.importTagColInner{
    padding: 8px 7px 8px 12px;
    background: #E9E9E9;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.importTagColInner .leftCol{
    display: flex;
    align-items: center;
    margin-right: 10px;
}
.importTagColInner .leftCol span{
    margin-right: 15px;
}
.importTagColInner .leftCol p{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 40px;
    color: #484848;
    margin: 0 0 0;
}
.importTagColInner button{
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    background-color: transparent;
    color: #E74C4C;
}
.sendInvite{
    padding: 30px 0;
}
.referFriendRow .right .termP{
    text-align: left;
    max-width: 100% !important;
    margin: 0 0 0 !important;
}
.viaSocialRow {
    display: flex;
    flex-wrap: wrap;
    padding: 25px 0 0;
}
.viaSocialCol{
    width: 20%;
    margin-bottom: 25px;
    position: relative;
}
.viaSocialCol img{
    display: block;
    margin: 0 auto 12px;
}
.viaSocialCol p{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #484848;
    text-align: center;
}
#viaSocial{
    display: none;
}
#secretInfo{
    position: absolute;
    top: -10px;
    right: -26px;
    background: #4caf50;
    padding: 5px;
    color: #fff;
    font-size: 13px;
    border-radius: 5px;
}

/* End refer Friend Page */


/* Follow Us Page */

.followUsPage{
    padding: 90px 0;
}
.closeModalfollowUs {
    background: transparent;
    border: none;
}

.followUsPageMain{    
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: none;
    overflow: auto;
    top: 0;
    left: 0;
    z-index: 999;
}
.followUsPageMainInner{
    width: 100%;
    max-width: 950px;
    margin: auto;
    padding: 50px 0 0;
}
.followUsInner{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 550px;
    margin: auto;
}
.followUsInner img{
    margin: 0 0 10px;
}
.followUsInner h3{
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 30px;    
    text-align: center;    
    color: #2B2B2B;
    margin: 0 0 29px;
}
.followUsInner p{
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;    
    text-align: center;    
    color: #484848;
    margin: 0 0 25px;
}
.followUsInner h4{
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: #484848;
    margin: 0 0 18px;
}
.followUsInner a{
    width: 100%;
    max-width: 198px;
    margin: auto;
    height: 49px;
    font-size: 16px;
    display: flex;   
    justify-content: center;
    align-items: center;
}
.followUsPageMain .closeModalreferFriend{
    background-color: transparent;
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    color: #484848;
    border: none;
}
.followUsPageMain .closeModalreferFriend img{
    margin: 0 18px 0px 0px;
}


/* End Follow Us Page */


.style-1::-webkit-scrollbar-track{    
    border-radius: 10px;
    background-color: #DBDFE2;
}  
.style-1::-webkit-scrollbar{
    width: 3px;
    background-color: #DBDFE2;
}
  
.style-1::-webkit-scrollbar-thumb{
    border-radius: 10px;   
    background-color: #E74C4C;
}

.countryCodeMain .countryCodeInput{
    width: 100%;
}

.hidden{
    display: none;
}