@font-face {
    font-family: 'BYekan';
    src: url('../fonts/BYekan/BYekan.eot');
    src: url('../fonts/BYekan/BYekan.eot?#iefix') format('eot'), /* IE6–8 */
    url('../fonts/BYekan/BYekan.woff2') format('woff2'), /* Chrome36+, Opera24+*/
    url('../fonts/BYekan/BYekan.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/BYekan/BYekan.ttf') format('ttf');
    /*font-weight: 900;*/
}

@font-face {
    font-family: 'IRANSans-web';
    src: url('../fonts/IranSans/IRANSans-Bold-web.eot');
    src: url('../fonts/IranSans/IRANSans-Bold-web.eot?#iefix') format('eot'), /* IE6–8 */
    url('../fonts/IranSans/IRANSans-Bold-web.woff2') format('woff2'), /* Chrome36+, Opera24+*/
    url('../fonts/IranSans/IRANSans-Bold-web.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/IranSans/IRANSans-Bold-web.ttf') format('ttf');
    font-weight: 900;
}

@font-face {
    font-family: 'IRANSans-web';
    src: url('../fonts/IranSans/IRANSans-Medium-web.eot');
    src: url('../fonts/IranSans/IRANSans-Medium-web.eot?#iefix') format('eot'), /* IE6–8 */
    url('../fonts/IranSans/IRANSans-Medium-web.woff2') format('woff2'), /* Chrome36+, Opera24+*/
    url('../fonts/IranSans/IRANSans-Medium-web.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/IranSans/IRANSans-Medium-web.ttf') format('ttf');
    font-weight: 700;
}

@font-face {
    font-family: 'IRANSans-web';
    src: url('../fonts/IranSans/IRANSans-UltraLight-web.eot');
    src: url('../fonts/IranSans/IRANSans-UltraLight-web.eot?#iefix') format('eot'), /* IE6–8 */
    url('../fonts/IranSans/IRANSans-UltraLight-web.woff2') format('woff2'), /* Chrome36+, Opera24+*/
    url('../fonts/IranSans/IRANSans-UltraLight-web.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/IranSans/IRANSans-UltraLight-web.ttf') format('ttf');
    font-weight: 300;
}

@font-face {
    font-family: 'IRANSans-web';
    src: url('../fonts/IranSans/IRANSans-Light-web.eot');
    src: url('../fonts/IranSans/IRANSans-Light-web.eot?#iefix') format('eot'), /* IE6–8 */
    url('../fonts/IranSans/IRANSans-Light-web.woff2') format('woff2'), /* Chrome36+, Opera24+*/
    url('../fonts/IranSans/IRANSans-Light-web.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/IranSans/IRANSans-Light-web.ttf') format('ttf');
    font-weight: 400;
}

@font-face {
    font-family: 'IRANSans-web';
    src: url('../fonts/IranSans/IRANSans-web.eot');
    src: url('../fonts/IranSans/IRANSans-web.eot?#iefix') format('eot'), /* IE6–8 */
    url('../fonts/IranSans/IRANSans-web.woff2') format('woff2'), /* Chrome36+, Opera24+*/
    url('../fonts/IranSans/IRANSans-web.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/IranSans/IRANSans-web.ttf') format('ttf');
    font-weight: 500;
}

@font-face {
    font-family: 'IRANSans-web-fa';
    src: url('../fonts/IranSansFa/IRANSans-Bold-web.eot');
    src: url('../fonts/IranSansFa/IRANSans-Bold-web.eot?#iefix') format('eot'), /* IE6–8 */
    url('../fonts/IranSansFa/IRANSans-Bold-web.woff2') format('woff2'), /* Chrome36+, Opera24+*/
    url('../fonts/IranSansFa/IRANSans-Bold-web.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/IranSansFa/IRANSans-Bold-web.ttf') format('ttf');
    font-weight: 900;
}

@font-face {
    font-family: 'IRANSans-web-fa';
    src: url('../fonts/IranSansFa/IRANSans-Medium-web.eot');
    src: url('../fonts/IranSansFa/IRANSans-Medium-web.eot?#iefix') format('eot'), /* IE6–8 */
    url('../fonts/IranSansFa/IRANSans-Medium-web.woff2') format('woff2'), /* Chrome36+, Opera24+*/
    url('../fonts/IranSansFa/IRANSans-Medium-web.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/IranSansFa/IRANSans-Medium-web.ttf') format('ttf');
    font-weight: 700;
}

@font-face {
    font-family: 'IRANSans-web-fa';
    src: url('../fonts/IranSansFa/IRANSans-UltraLight-web.eot');
    src: url('../fonts/IranSansFa/IRANSans-UltraLight-web.eot?#iefix') format('eot'), /* IE6–8 */
    url('../fonts/IranSansFa/IRANSans-UltraLight-web.woff2') format('woff2'), /* Chrome36+, Opera24+*/
    url('../fonts/IranSansFa/IRANSans-UltraLight-web.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/IranSansFa/IRANSans-UltraLight-web.ttf') format('ttf');
    font-weight: 300;
}

@font-face {
    font-family: 'IRANSans-web-fa';
    src: url('../fonts/IranSansFa/IRANSans-Light-web.eot');
    src: url('../fonts/IranSansFa/IRANSans-Light-web.eot?#iefix') format('eot'), /* IE6–8 */
    url('../fonts/IranSansFa/IRANSans-Light-web.woff2') format('woff2'), /* Chrome36+, Opera24+*/
    url('../fonts/IranSansFa/IRANSans-Light-web.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/IranSansFa/IRANSans-Light-web.ttf') format('ttf');
    font-weight: 400;
}

@font-face {
    font-family: 'IRANSans-web-fa';
    src: url('../fonts/IranSansFa/IRANSans-web.eot');
    src: url('../fonts/IranSansFa/IRANSans-web.eot?#iefix') format('eot'), /* IE6–8 */
    url('../fonts/IranSansFa/IRANSans-web.woff2') format('woff2'), /* Chrome36+, Opera24+*/
    url('../fonts/IranSansFa/IRANSans-web.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/IranSansFa/IRANSans-web.ttf') format('ttf');
    font-weight: 500;
}

* {
    outline: none !important;
    overflow-anchor: none;
}

body {
    font-family: 'IRANSans-web';
    word-spacing: -2px;
}

.en-num {
    font-family: 'IRANSans-web';
}

.fa-num {
    font-family: 'IRANSans-web-fa';
}

p {
    color: #555;
}

a.no-decoration,
a.no-decoration:hover,
a.no-decoration:visited,
a.no-decoration:focus {
    text-decoration: none;
}

b.boldest {
    font-weight: 900;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.theme-dropdown .dropdown-menu {
    position: static;
    display: block;
    margin-bottom: 20px;
}

.theme-showcase > p > .btn {
    margin: 5px 0;
}

.theme-showcase .navbar .container {
    width: auto;
}

.navbar-default {
    background: #F5F5F5;
    color: #6F6F6F;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    z-index: 1;
}

.navbar-default .navbar-brand {
    font-weight: bold;
    padding: 10px 10px 10px 15px;
}

.navbar-default .navbar-brand img {
    height: 30px;
    display: inline-block;
}

.btn {
    text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 1px;
}

.form-control:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
}

select.form-control {
    height: 38px;
}

select.select2 + span {
    width: 100% !important;
}

select.form-control:focus {
    border: 1px solid #ccc;
}

input[type='radio'] {
    cursor: pointer;
}

.space-height-1 {
    height: 10px;
    clear: both;
}

.space-height-2 {
    height: 20px;
    clear: both;
}

.space-height-3 {
    height: 30px;
    clear: both;
}

.space-height-4 {
    height: 40px;
    clear: both;
}

.limoo-label {
    color: #666666;
    font-weight: normal;
    padding-right: 16px;
}

.limoo-input {
    background: #e0e0e0;
    border-radius: 30px;
    padding: 27px 16px 25px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
    outline: none;
    transition: all ease 0.2s;
}

.limoo-input:focus {
    background: #eeeeee;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
    outline: none;
}

.limoo-submit {
    background: #33b7ad;
    border: none;
    border-radius: 30px;
    color: #ffffff;
    font-weight: bold;
    padding: 16px 12px;
    width: 100%;
    transition: all ease 0.2s;
}

.limoo-submit:hover,
.limoo-submit:focus {
    background: #00a699;
}

.limoo-submit:disabled,
.limoo-submit:disabled:hover {
    background: #008039;
}

.limoo-link {
    color: #999999;
    display: block;
    font-size: 14px;
    transition: all ease 0.2s;
    text-decoration: none;
}

.limoo-link:active,
.limoo-link:visited,
.limoo-link:focus {
    color: #999999;
    text-decoration: none;
}

.limoo-link:active:hover,
.limoo-link:visited:hover,
.limoo-link:focus:hover,
.limoo-link:hover {
    color: #555;
    text-decoration: none;
}

.pad-1 {
    padding: 6px 16px;
}

.limoo-h1 {
    font-size: 16px;
    color: #555;
    margin-bottom: 20px;
}

.limoo-hint {
    font-size: 11px;
    line-height: 20px;
    color: #666;
}

.limoo-input-hint {
    font-size: 10px;
    line-height: 20px;
    color: #888;
    display: block;
}

.limoo-default-label {
    /*font-size: 14px;*/
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: right;
    color: #1e0f17;
    margin-bottom: 8px;
}

.limoo-default-label.requried {
    display: flex !important;
    justify-content: space-between;
}

.limoo-default-label.requried span:nth-child(2) {
    /*font-size: 10px;*/
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: right;
    color: #ff0033;
}

.limoo-default-input {
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    outline: none;
    transition: all ease 0.2s;
    border-bottom: 1px solid #999;
    font-size: 12px;
}

.limoo-default-input:focus {
    outline: none;
    border-bottom: 1px solid #444;
}

.limoome-default-input.textarea {
    height: 140px;
    border-radius: 3px;
    border: solid 1px #ff99ce;
    background-color: #ffffff;
    resize: vertical;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.83;
    letter-spacing: normal;
    color: #1e0f17;
    text-align: right;
}

#text-count {
    position: relative;
    top: -24px;
    float: left;
    left: 8px;
    margin-right: auto;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.58;
    letter-spacing: normal;
    color: #d2c8cd;
}

.limoo-radio .row,
.limoo-checkbox .row {
    margin-left: -10px;
    margin-right: -10px;
}

.limoo-radio.date {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: center;
    background-color: #ffffff;
    padding-left: 8px;
    padding-right: 8px;
    margin-top: -2px;
    margin-bottom: 2px;
    border-radius: 3px;
}

.limoo-radio.date.text-area {
    padding: 10px;
    margin-right: 10px;
    margin-left: 10px;
}

.limoo-radio.date .first {
    height: auto;
    width: 100%;
    background-color: #fff;
    margin: 24px 0 4px 0;
    /* margin-bottom: 4px; */
    padding: 0;
}

.limoo-radio.date .lasst {
    padding-bottom: 16px;
}

.limoo-radio.date .full-width {
    width: 100%;
    text-align: right;
    padding: 5px 8px;
}

.limoo-radio.date label {
    padding: 11px 1px 1px 1px;
}

.limoo-radio.date select {
    border-radius: 3px;
    border: solid 1px #ff99ce !important;
    background-color: #ffffff;
    height: 48px;
}

.limoo-radio.date .select2 .select2-container .select2-container--default {
    border: solid 1px #ff99ce !important;
    text-align: right;
    border-radius: 3px;
}

.limoo-radio.date .select2-container--default .select2-selection--single {
    border: solid 1px #ff99ce !important;
    text-align: right;
    border-radius: 3px;
}

.limoo-radio.date input[type="text"] {
    border-radius: 3px;
    border: solid 1px #ff99ce;
    background-color: #ffffff;
}

.limoo-radio.date input[type="checkbox"] {
    display: none;
}

.limoo-radio .col-xs-1,
.limoo-radio .col-xs-10,
.limoo-radio .col-xs-11,
.limoo-radio .col-xs-12,
.limoo-radio .col-xs-2,
.limoo-radio .col-xs-3,
.limoo-radio .col-xs-4,
.limoo-radio .col-xs-5,
.limoo-radio .col-xs-6,
.limoo-radio .col-xs-7,
.limoo-radio .col-xs-8,
.limoo-radio .col-xs-9,
.limoo-checkbox .col-xs-1,
.limoo-checkbox .col-xs-10,
.limoo-checkbox .col-xs-11,
.limoo-checkbox .col-xs-12,
.limoo-checkbox .col-xs-2,
.limoo-checkbox .col-xs-3,
.limoo-checkbox .col-xs-4,
.limoo-checkbox .col-xs-5,
.limoo-checkbox .col-xs-6,
.limoo-checkbox .col-xs-7,
.limoo-checkbox .col-xs-8,
.limoo-checkbox .col-xs-9 {
    padding-left: 10px;
    padding-right: 10px;
}

.limoo-radio label {
    color: #787275;
    /*font-size: 14px;*/
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    margin-bottom: 2px;
    line-height: 1.51;
    display: block;
    height: 48px;
    padding-top: 13px;
    padding-right: 28px;
    border-radius: 3px;
    background-color: #ffffff;
}

.limoo-radio.date label {
    display: inline-block;
    position: relative;
    min-width: 50px;
    height: 42px;
    border-radius: 3px;
    background-color: #fffaea;
}

.limoo-radio input[type='radio'] {
    visibility: hidden;
}

.limoo-radio input[type=radio] + .radio-circle {
    background: #fff;
    border-radius: 50%;
    width: 17px;
    display: inline-block;
    height: 17px;
    border: 1px solid #ffde87;
    position: absolute;
    right: 16px;
    top: 14px;
    transition: all ease 0.2s;
    visibility: visible;
}

.limoo-radio input[type='radio']:checked + .radio-circle {
    background: #FFC837;
    background: radial-gradient(#33b7ad 50%, #fff 50%);
    border: 1px solid #00a699;
}

.limoo-radio.date input[type='radio']:checked + .radio-circle {
    background: #FFC837;
    background: radial-gradient(#FFC837 50%, #fff 50%);
    border: 1px solid #FFC837;
    /* position: relative;
    top: 4px;
    right: 0px; */
}

.limoo-radio.date label.full-width input[type='radio']:checked + .radio-circle {
    background: #FFC837;
    background: radial-gradient(#FFC837 50%, #fff 50%);
    border: 1px solid #FFC837;
    position: relative;
    top: 4px;
    right: 0px;
}

.limoo-radio.date label.full-width input[type='radio'] + .radio-circle {
    background: #FFFFFF;
    border: 1px solid #FFC837;
    position: relative;
    top: 4px;
    right: 0px;
}

.limoo-radio label.checked {
    border-radius: 3px;
    border: solid 2px #00a699;
    background-color: #33b7ad;
    color: white;
}

.limoo-radio label.checked.meal {
    padding: 8px 30px 8px 8px;
    height: auto;
}

.limoo-radio label.checked.meal .radio-circle {
    margin-right: -16px;
    top: 50%;
    transform: translate(-50%, -50%);
}

.limoo-radio.date label.checked {
    width: 42px;
    height: 42px;
    border-radius: 3px;
    border: solid 1px #ffc837;
    background-color: #ffde87;
}

.limoo-radio.date label.full-width.checked {
    width: 100%;
    height: 42px;
    border-radius: 3px;
    border: solid 1px #ffc837;
    background-color: #ffde87;
}

/*.limoo-radio input[type='radio']:before {*/
/*content: '';*/
/*background: #fff;*/
/*border-radius: 50%;*/
/*width: 17px;*/
/*display: inline-block;*/
/*height: 17px;*/
/*border: 1px solid #FFC300;*/
/*position: absolute;*/
/*right: -2px;*/
/*top: -2px;*/
/*transition: all ease 0.2s;*/
/*visibility: visible;*/
/*}*/

/*.limoo-radio input[type='radio']:checked:before {*/
/*background: #FFC300;*/
/*background: radial-gradient(#FFC300 50%, #fff 50%);*/
/*}*/

.form-group {
    margin-bottom: 20px;
    margin-top: 20px;
}

.form-group-question {
    margin-bottom: 0px;
    margin-top: 4px;
}

.form-group-question.error {
    border: 3px solid #ff335c;
}

.form-group-question.child-error {
    border: 3px solid #ff335c;
}

.limoo-button {
    background: #F9A825;
    border: none;
    border-radius: 30px;
    color: #fff;
    font-weight: bold;
    padding: 16px 12px;
    width: 100%;
    transition: all ease 0.2s;
    text-shadow: none;
    margin-bottom: 15px;
}

.limoo-button.dark {
    color: #703100;
    background-color: #F9A825;
}

.limoo-invite-button,
.limoo-invite-button:hover,
.limoo-invite-button:focus,
.limoo-invite-button:visited {
    text-decoration: none;
    background: #4285f4;
    border: none;
    border-radius: 30px;
    color: #ffffff;
    font-weight: bold;
    padding: 2px 13px;
    transition: all ease 0.2s;
    float: left;
    font-size: 13px;
    text-align: center;
}

.limoo-invite-button:hover,
.limoo-invite-button:focus {
    background: #3973d2;
}

.limoo-invite-text {
    width: 120px;
    height: 17px;

    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.head-invite-text {

    font-size: 25px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.72;
    letter-spacing: 0.5px;
    text-align: right;
    color: #000000;
}

.copy-button-container {
    width: 46px;
    height: 46px;
    border-radius: 21px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #808080;
    text-align: center;
}

.link-with-text.left-align {
    text-align: left;
    font-size: 14px;
    float: left;
    margin-left: 20px;
    display: inline;
}

.invite-container {
    border-radius: 15px;
    background-color: #f7f7f7;
    margin: 10px 10px 10px 10px;
}

.whatsapp-share-button {
    width: 90%;
    height: 100%;
    border-radius: 999px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #00e777;
    margin: 10px 10px 10px 10px;

    font-size: 16px;
    font-weight: bold;
    line-height: 1.69;
    letter-spacing: -0.3px;
    text-align: center;
    padding: 10px;
}

.share-text {

    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.69;
    letter-spacing: -0.3px;
    text-align: center;
    color: #ffffff;
    padding: 10px;
}

.telegram-share-button {
    width: 90%;
    height: 100%;
    border-radius: 999px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #6babde;
    margin: 10px 10px 10px 10px;

    font-size: 16px;
    font-weight: bold;
    line-height: 1.69;
    letter-spacing: -0.3px;
    text-align: center;
    color: #ffffff;
    padding: 10px;
}

.copy-element1 {
    width: 14.1px;
    height: 18.6px;
    background-color: #808080;
    border-color: #ffffff;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    margin: 10px 10px 10px 10px;
}

.copy-element2 {
    width: 14.1px;
    height: 18.6px;
    background-color: #808080;
    border-color: #ffffff;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    margin: 5px;
}

.invite-description {
    width: 219px;
    height: 32px;

    font-size: 10px;
    color: #5c5c5c;
    text-align: center;
    margin: 0 45px;
}

.share-text {

    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.69;
    letter-spacing: -0.3px;
    text-align: center;
    color: #ffffff;
    padding: 10px;
}

.invite-num-container {
    border-radius: 15px;
    background-color: #f1eded;
    margin: 10px 10px 10px 10px;
    padding: 18px 18px;

    font-size: 16px;
    font-weight: bold;
    color: #212121;
}

.invite-return-button {
    background: #8d8d8d;
    border: none;
    border-radius: 30px;
    width: 100%;
    transition: all ease 0.2s;
    text-shadow: none;
    margin-bottom: 15px;
    position: relative;
}

.limoo-button:hover,
.limoo-button:active,
.limoo-button:focus {
    background: #fbb736;
    color: #fff;
}

.limoo-button:hover,
.limoo-button:active,
.limoo-button:focus {
    background: #fbb736;
    color: #fff;
}

.limoo-button:active:hover,
.limoo-button:visited:hover,
.limoo-button:focus:hover,
.limoo-button:hover {
    background: #fbb736;
    color: #fff;
}

.limoo-button:disabled:hover,
.limoo-button:disabled:active,
.limoo-button:disabled:focus {
    background: #a3a3a3;
    color: #fff;
}

.limoo-default-button {
    background: #8D8D8D;
    border: none;
    border-radius: 30px;
    color: #ffffff;
    font-weight: bold;
    padding: 16px 12px;
    width: 100%;
    transition: all ease 0.2s;
    text-shadow: none;
    margin-bottom: 15px;
}

.limoo-default-button:hover,
.limoo-default-button:focus {
    background: #909090;
    color: #ffffff;
}

.limoo-primary-button {
    background: #00A6F8;
    border: none;
    border-radius: 30px;
    color: #ffffff;
    font-weight: bold;
    padding: 16px 12px;
    width: 100%;
    transition: all ease 0.2s;
    text-shadow: none;
    margin-bottom: 15px;
}

.limoo-primary-button.dark-blue {
    background-color: #3F51B5 !important;
}

/*.limoo-primary-button.dark-blue:focus{*/
/*background-color: #122b40!important;*/
/*}*/

.limoo-primary-button:hover,
.limoo-primary-button:focus {
    background: #0096e0;
    color: #ffffff;
}

.limoo-extend-button {
    background: #F9A825;
    border: none;
    border-radius: 20px;
    color: #ffffff;
    font-weight: bold;
    padding: 16px 12px;
    width: 80%;
    transition: all ease 0.2s;
    text-shadow: none;
    margin-bottom: 15px;
}

.limoo-extend-button:hover,
.limoo-extend-button:focus {
    background: #FFA700;
}

.cancel-extend-button {
    background: #FF3A00;
    border: none;
    border-radius: 20px;
    color: #ffffff;
    font-weight: bold;
    padding: 16px 12px;
    width: 80%;
    transition: all ease 0.2s;
    text-shadow: none;
    margin-bottom: 15px;
}

.limoo-danger-button:hover,
.limoo-danger-button:focus {
    background: #c12c00;
    color: #ffffff;
}

.limoo-purple-button {
    background: #9C27B0;
    border: none;
    border-radius: 30px;
    color: #ffffff;
    font-weight: bold;
    padding: 16px 12px;
    width: 100%;
    transition: all ease 0.2s;
    text-shadow: none;
    margin-bottom: 15px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
}

.limoo-light-blue-button {
    background: #0088cc;
    border: none;
    border-radius: 30px;
    color: #ffffff !important;
    font-weight: bold;
    padding: 16px 12px;
    width: 100%;
    transition: all ease 0.2s;
    text-shadow: none;
    margin-bottom: 15px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
}

.limoo-light-blue-button:hover {
    color: #ffffff;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.25);
}

.limoo-gray-button {
    background: #8D8D8D;
    border: none;
    border-radius: 30px;
    color: #ffffff;
    font-weight: bold;
    padding: 16px 12px;
    width: 100%;
    transition: all ease 0.2s;
    text-shadow: none;
    margin-bottom: 15px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
}

.limoo-purple-button:hover,
.limoo-purple-button:focus {
    background: #7a1e8a;
    color: #ffffff;
}

.limoo-danger-button {
    background: #FF3A00;
    border: none;
    border-radius: 30px;
    color: #ffffff;
    font-weight: bold;
    padding: 16px 12px;
    width: 100%;
    transition: all ease 0.2s;
    text-shadow: none;
    margin-bottom: 15px;
}

.limoo-danger-button:hover,
.limoo-danger-button:focus {
    background: #c12c00;
    color: #ffffff;
}

.limoo-success-button {
    background: #4caf50;
    border: none;
    border-radius: 30px;
    color: #ffffff;
    font-weight: bold;
    padding: 16px 12px;
    width: 100%;
    transition: all ease 0.2s;
    text-shadow: none;
    margin-bottom: 15px;
}

.limoo-warning-button {
    background: #FFA700;
    border: none;
    border-radius: 30px;
    color: #ffffff;
    font-weight: bold;
    padding: 16px 12px;
    width: 100%;
    transition: all ease 0.2s;
    text-shadow: none;
    margin-bottom: 15px;
}

.limoo-warning-button:hover{
  background: #FFA700;
  color:white;
}

.limoo-success-button:hover,
.limoo-success-button:focus {
    background: #008039;
    color: #ffffff;
}

.limoo-light-red-button {
    background: #FF5722;
    border: none;
    border-radius: 30px;
    color: #ffffff;
    font-weight: bold;
    padding: 16px 12px;
    width: 100%;
    transition: all ease 0.2s;
    text-shadow: none;
    margin-bottom: 15px;
}

.limoo-light-red-button:hover,
.limoo-light-red-button:focus {
    background: #d84517;
    color: #ffffff;
}

.limoo-form-box {
    background-color: #F7F7F8;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 25px;
    padding: 20px;
    margin: 30px 0;
}

.limoo-form-box.orange {
    background-color: #FFF5D5;
}

.limoo-form-box.blue {
    background-color: #EAF2FE;
}

.limoo-form-label {
    color: #666666;
    font-weight: bold;
    font-size: 18px;
    display: block;
}

.unit-name {
    font-size: 12px;
    display: inline-block;
}

span.required {
    color: #bb0000;
}

.limoo-form-input {
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    outline: none;
    transition: all ease 0.2s;
    border-bottom: 1px solid #999;
    font-size: 12px;
}

.limoo-form-input:focus {
    outline: none;
    border-bottom: 1px solid #444;
}

.alert {
    text-shadow: none;
    background-image: none;
    border-radius: 0;
    border: none;
    box-shadow: none;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
}

.hidden {
    display: none;
}

.show {
    display: block;
}

.alert-danger p {
    font-size: 12px;
}

.limoo-form-description {
    font-size: 13px;
    line-height: 23px;
    color: #666;
    margin: 20px 0 30px;
}

.limoo-form-row {
    background-color: #f7f6f2;
    padding: 30px 16px 30px 16px;
    margin-left: -15px;
    margin-right: -15px;
}

.limoo-form-row.question {
    padding-left: 15px;
    padding-right: 15px;
}

.limoo-form-row.call {
    margin-left: 0;
    margin-right: 0;
}

.limoo-form-row.call2 {
    margin: 15px 0 0 0;
}

.limoo-form-row.call2.no-background {
    background-color: transparent;
}

.limoo-form-row.gray {
    background-color: #F7F7F7;
}

.limoo-form-row.orange {
    background-color: #FFF5D5;
    border-radius: 20px;
    margin: 10px 0 10px 0;
}

.limoo-form-row.white {
    background-color: #FFFFFF;
    border-radius: 20px;
    margin: 10px 0 10px 0;
}

.limoo-form-row.top-orange {
    background-color: #FFF6DA;
    border-radius: 20px 20px 0 0;
    margin-top: 10px;
}

.limoo-form-row.mid-orange {
    background-color: #FFFBED;
    margin-top: 10px;
}

.limoo-form-row.down-orange {
    background-color: #FFF6DA;
    border-radius: 0 0 20px 20px;
    margin-bottom: 10px;
}

.limoo-checkbox {
    display: block;
}

.limoo-checkbox label {
    color: #787275;
    /*font-size: 14px;*/
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    margin-bottom: 2px;
    line-height: 1.51;
    display: block;
    height: 48px;
    padding-top: 13px;
    padding-right: 28px;
    border-radius: 3px;
    background-color: #ffffff;
}

.limoo-checkbox label.checked {
    color: #33b7ad;
}

.limoo-checkbox input[type='checkbox'] {
    visibility: hidden;
}

/*.limoo-checkbox input[type='checkbox']:before {*/
/*content: '';*/
/*background: #fff;*/
/*width: 17px;*/
/*display: inline-block;*/
/*height: 17px;*/
/*border: 1px solid #FFC300;*/
/*position: absolute;*/
/*right: -2px;*/
/*top: -2px;*/
/*transition: all ease 0.2s;*/
/*visibility: visible;*/
/*}*/

/*.limoo-checkbox input[type='checkbox']:after {*/
/*content: '✓';*/
/*background: transparent;*/
/*width: 17px;*/
/*display: inline-block;*/
/*height: 17px;*/
/*border: none;*/
/*position: absolute;*/
/*right: 1px;*/
/*top: -2px;*/
/*transition: all ease 0.2s;*/
/*opacity: 0;*/
/*color: white;*/
/*}*/

/*.limoo-checkbox input[type='checkbox']:checked:before {*/
/*background: #FFC300;*/
/*}*/

/*.limoo-checkbox input[type='checkbox']:checked:after {*/
/*opacity: 1;*/
/*}*/

.limoo-checkbox input[type='checkbox'] + .checkbox-square {
    content: '';
    background: #fff;
    width: 17px;
    display: inline-block;
    height: 17px;
    border: 1px solid #ffde87;
    position: absolute;
    right: 16px;
    top: 16px;
    transition: all ease 0.2s;
    visibility: visible;
    border-radius: 2px;
}

.limoo-checkbox input[type='checkbox']:checked + .checkbox-square {
    background-color: #33b7ad;
}

.limoo-checkbox input[type='checkbox']:checked + .checkbox-square::after {
    content: '\2713 ';
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    right: 2px;
    /* font-weight: normal; */
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    width: 12px;
    height: 12px;
    color: #ffffff;
}

.limoo-form-top-danger {
    background: #FFE7DF;
}

.limoo-form-top-danger-container {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.limoo-form-top-danger-header {
    color: #444;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 20px 20px 0;
}

.limoo-form-top-danger-content {
    color: #666;
    font-size: 12px;
}

.limoo-form-top-danger-content p {
    padding: 20px 30px;
    text-align: center;
    line-height: 22px;
    font-size: 12px;
    margin: 0;
}

.limoo-form-top-danger-content p.green {
    background: #DBEFDC;
    font-size: 14px;
    line-height: 25px;
}

.limoo-date-seperator {
    color: #FFA700;
    display: inline-block;
    position: relative;
    font-size: 29px;
    font-weight: bold;
    right: 12px;
}

.limoo-form-top-info {
    background-color: #E9F1FF;
    margin-top: -20px;
    padding: 30px;
    margin-bottom: 40px;
    -webkit-border-radius: 0px 0px 30px 30px;
    -moz-border-radius: 0px 0px 30px 30px;
    border-radius: 0px 0px 30px 30px;
}

.limoo-form-top-info .medium-text {
    color: #777;
    margin-bottom: 20px;
}

.limoo-form-top-info .color-text {
    color: #4179F7;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

.limoo-form-top-info .small-text {
    font-size: 13px;
    line-height: 20px;
    color: #777;
    margin-bottom: 20px;
}

.link-with-text {
    font-size: 12px;
    margin-bottom: 10px;
}

.link-with-text .text {
    color: #777;
}

.link-with-text .link a {
    color: #dc9000;
    text-decoration: underline;
    transition: all ease 0.2s;
}

.link-with-text .link a:hover {
    color: #bf7d00;
}

.landing-description {
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    color: #000;
}

.limoo-blue-box {
    background-color: #F0F6FF;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 20px;
    margin: 30px 0;
}

.landing-item-container .title {
    margin: 20px 0;
    color: #333;
    font-weight: bold;
    line-height: 24px;
}

.landing-item-container .text {
    font-size: 13px;
    line-height: 24px;
    color: #555;
    text-align: justify;

}

.has-fix-item {
    /*margin-bottom: 100px;*/
    margin-top: 16px;
}

.bottom-page-fixed {
    position: fixed;
    background-color: #fff;
    bottom: 0;
    height: 70px;
    left: 0;
    right: 0;
    overflow: hidden;
    padding: 10px 0px 0;
    width: inherit;
}

.support-fix-button {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.limoo-modal .modal-header {
    background-color: #E53000;
    color: #fff;
    line-height: 28px;
    padding: 10px 15px;
}

.limoo-modal .modal-header .close,
.limoo-modal .modal-header .close:hover {
    float: right;
    font-weight: normal;
    font-size: 30px;
    color: #fff;
    opacity: 1;
    margin: 0 10px;
    text-shadow: none;
}

.limoo-modal .modal-content {
    border-radius: 30px;
}

.limoo-modal .modal-body {
    padding: 0;
    position: relative;
    border-radius: 20px;
}

.limoo-modal.img-only .modal-body {
    top: -1px;
}

.limoo-modal .modal-body .text {
    padding: 20px;
    line-height: 26px;
}

.limoo-modal .modal-body .tel-link {
    display: block;
    text-align: center;
    margin: 11px 0;
    font-size: 22px;
    color: #000;
    text-decoration: none;
}

.limoo-modal .modal-body .close-button {
    width: 100%;
    background: #f00;
    color: #fff;
    padding: 14px 0;
    font-size: 15px;
    font-weight: normal;
    text-shadow: none;
    position: relative;
    bottom: -1px;
    border: none;
    border-radius: 0 0 30px 30px;
}

.hint-slider {
    min-height: 20px;
    overflow: hidden;
}

.hint-slider .button-container {
    overflow: hidden;
}

.hint-slider .trigger {
    cursor: pointer;
}

.hint-slider .button-container .trigger {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #A3A3A3;
    width: 26px;
    height: 26px;
    border: none;
    float: left;
    margin: 5px;
}

.hint-slider .button-container .trigger:before {
    content: "؟";
    font-weight: bold;
    font-size: 18px;
    color: #ffffff;
    display: inline-block;
    width: 10px;
    height: 10px;
    border-color: white;
    transition: all 0.3s ease;
    position: relative;
    top: 1px;
}

.hint-slider.open .button-container .trigger:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-color: white;
    border-style: solid;
    border-width: 3px 0 0 3px;
    transform: rotate(45deg);
}

.hint-slider .hint-slider-content {
    text-align: center;
}

.hint-slider .hint-slider-content img {
    border-radius: 25px;
}

.hint-slider.blue-slider {

}

.limoome-slogan {
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    color: #666;
}

.limoome-slogan + .limoome-slogan {
    font-size: 14px;
    font-weight: normal;
    margin-top: 3px;
}

.logo-container {
    margin-bottom: 40px;
}

.logo-container img {
    max-height: 100px;
}

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

.simple-navbar {
    min-height: 60px;
}

.simple-navbar .navbar-brand {
    padding: 16px 10px 16px 15px;
}

.simple-navbar .navbar-header {
    float: right;
}

.limoo-input-alert {
    padding: 5px;
    background: #0000;
    font-size: 13px;
    text-align: center;
    margin-bottom: 0px;
    font-weight: bold;
    line-height: 20px;
}

.input-group-addon:last-child {
    border-left: 0;
    text-align: center;
    border-radius: 30px 0 0 30px;
    border-color: #0000;
    color: #666;
    direction: ltr;
    padding: 12px 18px;
    background: #ccc;
}

.blue-text {
    font-weight: bold;
    color: #4179F7;
    line-height: 24px;
    font-size: 16px;
}

.gray-description {
    color: #888;
    font-weight: 100;
    font-size: 14px;
    line-height: 24px;
    margin: 20px 0;
    word-spacing: 0px;
}

.red-text {
    color: #FF3A00 !important;
}

.gray-text {
    color: #555 !important;;
}

.text-with-button {
    text-decoration: none;
    color: #777;
    text-align: center;
}

.text-with-button:hover {
    text-decoration: none;
}

.text-with-button .text {
    font-size: 13px;
    margin-bottom: 10px;
}

.text-with-button .text:hover {
    color: #555;
}

.home-diets-container .home-diet-container.back-orange {
    margin: 0 0 48px;
}

.home-diets-container .home-diet-container.back-green {
    /* margin: 0 0 16px; */
}

.home-diets-container .home-diet-container.back-red {
    margin: 0 0 16px;
}

.home-diets-container .home-diet-container.open {
    margin: 0 0 16px 0;
}

.home-diets-container .home-diet-container.hide-gray {
    display: none;
    margin-bottom: 16px;
}

.home-diets-container .home-diet-container.hide-gray:last-child {
    margin-bottom: 48px;
}

.home-diets-container .show-previous {
    margin-top: 32px;
    margin-bottom: 48px;
}

.home-diets-container .show-previous.expand {
    margin-bottom: 0;
}

.arrow-down {
    font-size: 17px;
    font-weight: bold;
    color: #aeacb2;
    padding-top: 3px;
}

.home-diet-container.back-orange ~ #hamiDownBtn {
    margin-top: 41px;
}

.home-diet-container.back-green ~ #hamiDownBtn {
    margin-top: 41px;
}

.home-diet-container.back-red ~ #hamiDownBtn {
    margin-top: 41px;
}

.home-diet-container.back-orange.open ~ #hamiDownBtn {
    margin-top: 16px;
}

.home-diet-container.back-green.open ~ #hamiDownBtn {
    margin-top: 16px;
}

.home-diet-container.back-red.open ~ #hamiDownBtn {
    margin-top: 16px;
}

.show-previous .arrow .trigger {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: transparent;
    width: 26px;
    height: 26px;
    border: none;
    float: left;
    margin: 5px;
}

.show-previous .arrow .trigger:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-color: #aeacb2;
    border-style: solid;
    border-width: 2px 0 0 2px;
    transition: all 0.2s ease;
    transform: rotate(225deg);
    position: relative;
    bottom: 6px;
    left: 6px;
}

.show-previous.expand .arrow .trigger:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-color: #aeacb2;
    border-style: solid;
    border-width: 2px 0 0 2px;
    transform: rotate(45deg);
}

.home-diet-container {
    /* margin-bottom: 16px; */
}

.home-diets-container .home-diet-container .home-diet-title {
    background-color: #FFA700;
    padding: 5px 20px;
    border-radius: 29px;
    position: relative;
    top: 25px;
    cursor: pointer;
}

.home-diets-container .home-diet-container .home-diet-title .text {
    color: #fff;
    overflow: hidden;
    font-size: 16px;
    line-height: 40px;
    font-weight: bold;
}

.home-diets-container .home-diet-container .home-diet-title .arrow {
    min-height: 20px;
    display: inline-block;
    float: left;
    line-height: 22px;
}

.home-diets-container .home-diet-container .home-diet-content {
    background: #FFF7D3;
    padding: 40px 20px 20px;
    line-height: 24px;
    border-radius: 0 0 30px 30px;
}

.home-diets-container .home-diet-container .home-diet-content .home-diet-row {

}

.home-diets-container .home-diet-container .home-diet-content .home-diet-row .title {
    font-weight: 100;
    color: #666;
}

.home-diets-container .home-diet-container .home-diet-content .home-diet-row .content {
    font-weight: bold;
    color: #777;
}

.home-diets-container .home-diet-container .home-diet-content .home-diet-row .unregistered {
    font-weight: bold;
    color: #ff0000;
}

.home-diets-container .home-diet-container .home-diet-content .home-diet-row .content .success {
    color: #00B852;
}

.home-diets-container .home-diet-container .home-diet-content .home-diet-row .content .warning {
    color: #FFA700;
}

.home-diets-container .home-diet-container.back-green .home-diet-title {
    background-color: #33b7ad;
}

.home-diets-container .home-diet-container.back-green .home-diet-content {
    background-color: #e4ffe1;
}

.home-diets-container .home-diet-container.back-orange .home-diet-title {
    background-color: #FFA700;
}

.home-diets-container .home-diet-container.back-orange .home-diet-content {
    background-color: #FFF7D3;
}

.home-diets-container .home-diet-container.back-gray .home-diet-title {
    background-color: #797979;
}

.home-diets-container .home-diet-container.back-gray .home-diet-content {
    background-color: #EEEEEE;
}

.home-diets-container .home-diet-container.back-blue .home-diet-title {
    background-color: #4179F7;
}

.home-diets-container .home-diet-container.back-blue .home-diet-content {
    background-color: #e4ecff;
}

.home-diets-container .home-diet-container.back-red .home-diet-title {
    background-color: #ff4e4e;
}

.home-diets-container .home-diet-container.back-red .home-diet-content {
    background-color: #fde7e7;
}

.home-diets-container .home-diet-container .home-diet-title .arrow .trigger {

}

.home-diets-container .home-diet-container .home-diet-title .arrow {
    min-height: 20px;
}

.home-diets-container .home-diet-container .home-diet-title .arrow .button-container {
    overflow: hidden;
}

.home-diets-container .home-diet-container .home-diet-title .arrow .trigger {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: transparent;
    width: 26px;
    height: 26px;
    border: none;
    float: left;
    margin: 5px;
}

.home-diets-container .home-diet-container .home-diet-title .arrow .trigger:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-color: white;
    border-style: solid;
    border-width: 1px 0 0 1px;
    transition: all 0.2s ease;
    transform: rotate(225deg);
    position: relative;
    top: 1px;
}

.home-diets-container .home-diet-container.open .home-diet-title .arrow .trigger:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-color: white;
    border-style: solid;
    border-width: 1px 0 0 1px;
    transform: rotate(45deg);
}

.home-today-date {
    color: #777;
    text-align: center;
    /* font-weight: bold; */
    font-size: 18px;
}

.has-connector {
    position: relative;
    text-align: center;
    overflow: hidden;
}

.has-connector .connector {
    position: absolute;
    top: 18px;
    border: 1px solid #e9e9e9;
    width: 106%;
    right: -3%;
    height: 42px;
    z-index: -10;
}

.has-connector .connector + .limoo-link {
    display: inline-block;
    background: #ffffff;
}

.has-connector:hover .connector {
    border-color: #ccc;
}

.has-connector:hover .limoo-link {
    color: #555;
    text-decoration: none;
}

.has-connector:hover .limoo-button {
    background: #e8b201;
}

.logo-container-small {
    overflow: hidden;
    clear: both;
    display: inline-block;
}

.logo-container-small img {
    float: right;
    height: 70px;
}

.logo-container-small .slogan-container {
    float: right;
    margin: 14px 14px 0;
}

.logo-container-small .slogan-container .limoome-slogan {
    text-align: right;
    font-size: 18px;
    font-weight: bold;
    color: #666;
}

.logo-container-small .slogan-container .limoome-slogan + .limoome-slogan {
    font-size: 11px;
    font-weight: normal;
    margin-top: 2px;
    text-align: right;
}

.sub-label {
    color: #888;
    width: 100%;
    text-align: center;
    font-size: 12px;
    margin: 4px 0 0;
    font-weight: normal;
}

.paycard-container {
    margin-top: -40px;
}

.paycard-container .limoo-form-box label:first-child {
    margin-bottom: 16px;
}

.paycard-container .description-box {
    background: #EAF2FE;
    padding: 10px 10%;
    font-size: 13px;
    line-height: 20px;
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
}

.paycard-container .description-box.background {
    background: #E8EAF6;
}

@media only screen and (min-width: 768px) {
    .description-box .telegram {
        width: 30px;
        height: 30px;
        position: absolute;
        background: url(/assets/images/telegram.svg) no-repeat;
        left: 20%;
        top: 48%;
    }
}

@media only screen and (max-width: 768px) {
    .description-box .telegram {
        width: 30px;
        height: 30px;
        position: absolute;
        background: url(/assets/images/telegram.svg) no-repeat;
        left: 20%;
        top: 52%;
    }
}

.description-box .relative {
    position: relative;
}

.paycard-container .description {
    margin: 0px 0px 20px;
    font-size: 12px;
    color: #888;
    line-height: 20px;
}

.paycard-container .footnote {
    width: 100%;
    background-color: #C5CAE9;
    color: #3F51B5;
    margin-top: -10px;
    border-radius: 0 0 15px 15px;
    padding: 30px;
    text-align: justify;
}

.paycard-container .color-text {
    color: #4179F7;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 30px;
}

.ltr {
    direction: ltr;
}

.rtl {
    direction: rtl;
}

.bold {
    font-weight: bold;
}

.select2 {
    width: 100%;
}

.limoo-modal .hint-slider .button-container {
    color: #fff;
    font-size: 16px;
    padding: 10px;
    line-height: 30px;
}

.limoo-modal .hint-slider .button-container .trigger {
    background: none;
    margin: 0;
}

.limoo-modal .hint-slider.blue-slider .button-container {
    background: #4285F4;
}

.limoo-modal .hint-slider .hint-slider-content {
    padding: 20px;
    text-align: right;
    line-height: 24px;
}

.limoo-modal .hint-slider .hint-slider-content > .row {
    margin-top: 40px;
}

.limoo-modal .hint-slider.blue-slider .hint-slider-content {
    background: #DCE9FF;
}

.limoo-modal .hint-slider.purple-slider .button-container {
    background: #9C27B0;
}

.limoo-modal .hint-slider.purple-slider .hint-slider-content {
    background: #FBE1FF;
}

.loader {
    border: 2px solid #fff; /* Light grey */
    border-top: 2px solid #666; /* Blue */
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 1.5s linear infinite;
    vertical-align: middle;
    display: inline-block;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

tfoot input {
    width: 100%;
}

.resend-counter-container {
    font-size: 12px;
    line-height: 20px;
}

.resend-counter-container .resend-counter {
    min-width: 20px;
    display: inline-block;
    min-height: 1px;
    text-align: center;
    font-weight: bold;
}

.resend-button {
    width: auto;
    padding: 6px 16px;
    font-weight: normal;
    font-size: 12px;
    margin: 10px 0;
}

.help-audio-container {
    float: left;
    display: inline-block;
    clear: both;
    position: relative;
    top: -10px;
    margin: 5px 0px 60px 0px;
}

.help-audio-container {
    width: 100%;
}

.help-audio-container + * {
    clear: both;
}

.audiojs {
    background: transparent;
    box-shadow: none;
    height: 54px;
    width: 100%;
    position: absolute;
    left: 0;
}

.audiojs .play-pause {
    border: none;
    background: #fff;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    padding: 12px 10px;
    /* margin: 6px; */
    margin-top: 7px;
    border-radius: 50%;
    box-shadow: 0 2px 8px 0 rgba(82, 0, 43, 0.08);
}

.audiojs .play {
    background: url(/site/assets/images/play.png) no-repeat;
    width: 16px;
    height: 16px;
}

.audiojs .pause {
    background: url(/site/assets/images/pause.png) no-repeat;
    width: 16px;
    height: 16px;
    position: relative;
    left: -2px;
}

.audiojs .loading {
    display: none;
}

.audiojs .error {
    display: none;
}

.audiojs .scrubber {
    border: none;
    height: 4px;
    background: #ffcce7;
    margin: 25px 0px 25px 8px;
    width: calc(100% - 48px);
}

.audiojs .progress {
    height: inherit;
    background: #FF0085;
    border-radius: 0;
    margin: 0;
    box-shadow: none;
}

.audiojs .loaded {
    width: 100%;
    height: inherit;
    background: #ffcce7;
}

.audiojs .time {
    display: none;
    float: left;
    height: 36px;
    line-height: 36px;
    margin: 0px 0px 0px 6px;
    padding: 0px 6px 0px 12px;
    color: #ddd;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}

.audiojs .error-message {
    display: none;
}

.no-padding {
    padding: 0;
}

.no-side-padding {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.inverse-margin-top {
    margin-top: -20px;
}

.no-overflow {
    overflow: hidden;
}

.person-info-container {
    background: #f5f5f5;
    border-radius: 0 0 30px 30px;
    color: #666;
    margin-top: -40px;
    line-height: 26px;
    padding-top: 20px;
}

.person-info-container > .row {
    padding: 20px 10px;
    margin: 0;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.07);
}

.person-info-container > .row:nth-child(2),
.person-info-container > .row:nth-child(6) {
    background: #eee;
}

.person-info-container > .row:nth-child(1),
.person-info-container > .row:nth-child(4) {
    background: #f5f5f5;
}

.person-info-container > .row:last-child {
    border-radius: 0 0 30px 30px;
}

.person-info-container .title {
    color: #444;
    font-size: 24px;
    margin-bottom: 10px;
}

.score-detail-text {
    color: #212121;
    font-size: 12px;
    line-height: 24px;
    font-weight: bold;
    margin-right: 22px;
}

.score-detail {
    color: #212121;
    font-size: 12px;
    line-height: 24px;
    font-weight: bold;
    margin-left: 16px;
}

.avatar-container:before {
    content: '';
    display: block;
    position: absolute;
    width: 100px;
    height: 100px;
    /*background: #9D9E9F;*/
    z-index: 1;
    left: 50%;
    top: 55%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

.avatar-container img {
    max-height: 120px;
    z-index: 2;
    position: relative;
}

.card-number-container {
    font-size: 23px;
    color: #333;
    margin-top: 10px;
    margin-bottom: 20px;
    display: inline-block;
    border-radius: 20px;
    line-height: 30px;
    padding: 30px;
    background: #FFEEAD;
    direction: ltr;
}

.card-number-container .seperator {
    margin: 3px
}

.card-number-container .card-number-name {
    font-size: 18px;
    color: #333;
}

.diets-view-container {
    background: #f5f5f5;
    margin-top: -18px;
    padding: 40px;
    border-radius: 0 0 30px 30px;
}

.diets-view-container .success-payment {
    color: #5eb954;
    font-size: 21px;
    font-weight: bold;
    line-height: 40px;
}

.diets-view-container .failed {
    color: #8522a2;
    font-size: 21px;
    font-weight: bold;
    line-height: 40px;
}

.diets-view-container .success-submit {
    color: #5eb954;
    font-size: 15px;
    font-weight: bold;
    line-height: 27px;
}

.diets-view-container .failed {
    color: #8522a2;
    font-size: 15px;
    font-weight: bold;
    line-height: 27px;
}

.diets-view-container .payment-data {
    color: #777;
    font-size: 18px;
    font-weight: bold;
    line-height: 32px;
}

.diets-view-container .thankyou {
    color: #e29400;
    font-size: 13px;
    line-height: 22px;
}

.right-icon-button {
    position: relative;
    padding-right: 60px;
}

.right-icon-button::before {
    content: '';
    position: absolute;
    height: 100%;
    display: inline-block;
    background-position: center;
    background-size: 40px;
    background-repeat: no-repeat;
    width: 60px;
    top: 0;
    right: 0px;
    border-radius: 0 50px 50px 0;
    transition: all 0.2s ease;
}

.left-icon-button {
    position: relative;
    padding-left: 60px;
}

.left-icon-button::before {
    content: '';
    position: absolute;
    height: 100%;
    display: inline-block;
    background-position: center;
    background-size: 40px;
    background-repeat: no-repeat;
    width: 60px;
    top: 0;
    left: 0px;
    border-radius: 50px 0 0 50px;
    transition: all 0.2s ease;
}

.telegram-bot-button {
    background: #00A6F8;
}

.telegram-bot-button:hover,
.telegram-bot-button:active,
.telegram-bot-button:focus {
    background: #0096e0;
}

.telegram-bot-button::before {
    background-color: #82E0FF;
    background-image: url(/assets/images/telegram.png);
}

.telegram-bot-button:hover::before,
.telegram-bot-button:active::before,
.telegram-bot-button:focus::before {
    background-color: #6cd1ef;
}

.register-button {
    background: #FFA600;
    color: #802D00;
}

.register-button:hover,
.register-button:active,
.register-button:focus {
    background: #ffb62d;
    color: #802D00;
}

.register-button::before {
    background-color: #FFB638;
    background-image: url(/assets/images/register.svg);
}

.register-button:hover::before,
.register-button:focus::before,
.register-button:active::before {
    background-color: #f7c46b;
}

.login-button {
    background: #00B852;
}

.login-button:hover,
.login-button:active,
.login-button:focus {
    background: #00d158;
}

.login-button::before {
    background-color: #82D19A;
    background-image: url(/assets/images/login.svg);
}

.login-button:hover::before,
.login-button:hover:active,
.login-button:hover:focus {
    background-color: #93e3ab;
}

.text {
    font-size: 14px;
    line-height: 28px;
    font-weight: normal;
    color: #444;
}

.text-small {
    color: #777;
    font-size: 12px;
    font-weight: normal;
    line-height: 26px;
}

.success-register {
    line-height: 24px;
}

@media screen and (min-width: 768px) {
    .success-register .title {
        padding-top: 12px;
    }
}

.verified-icon {
    background-image: url('/assets/images/verified.svg');
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center;
}

.float-right {
    float: right;
    display: block;
}

.section-box {
    padding: 20px;
    display: block;
    margin: 0 -15px;
}

.section-box.top-box {
    margin-top: -20px;
}

.green-box {
    background-color: #E7F7E0;
}

.green-box.disabled {
    background-color: #EEEEEE;
}

.green-box.disabled .toggle-handle {
    border-color: #BDBDBD;
}

.green-box.disabled .use-points-container .title {
    color: #757575;
}

.blue-box {
    background-color: #E9F1FF;
    border-radius: 6px;
}

.blue-box.disabled {
    background-color: transparent;
}

.blue-box.disabled .toggle-handle {
    border-color: #BDBDBD;
}

.blue-box.disabled .use-points-container .title {
    color: #757575;
}

.blue-box .use-points-container .title {
    color: #4285f3;
}

.yellow-box {
    background-color: #FFF4C8;
}

.foreign-country-error {
    font-size: 12px;
    line-height: 22px;
}

.fa-num p {
    font-size: 16px;
}

.fa-num .description-box {
    font-size: 14px;
}

.fa-num .limoo-form-top-info .color-text {
    font-size: 22px;
}

.fa-num .limoo-form-top-info .small-text {
    font-size: 14px;
}

.fa-num .paycard-container .description-box {
    font-size: 14px;
    padding-bottom: 25px;
}

.paycard-container .description-box .text {
    padding-top: 30px;
    margin-bottom: 20px;
}

.btn-primary.limoo-primary-button.telegram-new {
    position: relative;
    background-color: #0088CC;
}

.fa-num .paycard-container .color-text {
    font-size: 20px;
    margin-top: 10px;
}

.fa-num .card-number-container {
    font-size: 24px;
}

.fa-num .card-number-container .card-number-name {
    font-size: 20px;
}

.extend-diet-box {
    background: #FFEA99;
    margin: 20px -20px -20px;
    padding: 20px 20px 10px;
    line-height: 24px;
    border-radius: 0 0 30px 30px;
}

.extend-diet-box .text {
    color: #FF6C1E;
    margin-bottom: 15px;
    font-size: 16px;
}

.extend-small-text {
    font-size: 12px;
    line-height: 24px;
    color: #f00;
    margin-bottom: 25px;
}

.pay-detail-countainer {
    margin: 30px 0;
    line-height: 30px;
}

.pay-detail-countainer hr {
    border-top: 1px dashed #aaa;
    margin: 15px 0;
}

.pay-detail-countainer .pay-detail-row {
    color: #777;
    font-size: 16px;
    clear: both;
}

.pay-detail-countainer .pay-detail-row .right {
    display: inline-block;
    min-width: 50%;
}

.pay-detail-countainer .pay-detail-row .left {
    display: inline-block;
    float: left;
}

.green-text {
    color: #3ea965 !important;;
}

.bigger-text {
    font-size: 18px;
}

.big-text {
    font-size: 20px;
}

.biggest-text {
    font-size: 36px;
    line-height: 50px;
}

.limoo-modal .modal-header.green,
.limoo-modal .modal-body .close-button.green {
    background-color: #00B852;
}

.promotion-container {

}

.promotion-container .promotion-input-container {

}

.promotion-container .promotion-input-container .promotion-code-input {

}

.promotion-container .promotion-input-container .promotion-submit-button {

}

.pink-box {
    background: #FFE7E0;
    background: radial-gradient(circle at top, #FFE7E0 70%, #fff 30%);
}

.pink-box .scale-gif-container {

}

.pink-box .scale-gif-container img {
    width: 100%;
}

/*start bardari css*/
.bardari-page-box .scale-gif-container {
    width: 100%;
    border-radius: 30px;
}

.bardari-page-box .scale-gif-container img {
    width: 100%;
}

.bardari-page-box .limoo-default-label {
    color: #00684D;
}

.bardari-page-box {
    margin-top: -22px;
    background-color: #ffffff;
    -webkit-border-radius: 0 0 20px 20px;
    -moz-border-radius: 0 0 20px 20px;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

@media (max-width: 479px) {
    .bardari-page-box .bardari-image-container {
        background-image: url(/assets/images/pregnancy.svg);
        background-color: #ffffff;
        display: block;
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-background-size: contain;
        position: relative;
        -webkit-border-radius: 0 0 20px 20px;
        -moz-border-radius: 0 0 20px 20px;
        border-radius: 0 0 0 0;
    }
}

@media (min-width: 480px) {
    .bardari-page-box .bardari-image-container {
        background-image: url(/assets/images/pregnancy.svg);
        background-color: #ffffff;
        display: block;
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        position: relative;
        -webkit-border-radius: 0 0 20px 20px;
        -moz-border-radius: 0 0 20px 20px;
        border-radius: 0 0 0 0;
    }
}

.bardari-background {
    background-color: #FBF5F9;
}

@media (max-width: 479px) {
    .bardari-page-box .bardari-image-container .text {
        padding: 160px 20px 10px;
        position: relative;
    }
}

@media (min-width: 480px) {
    .bardari-page-box .bardari-image-container .text {
        padding: 200px 15px 10px;
        position: relative;
    }
}

.bardari-page-box .bardari-image-container .text .instagram-link {
    position: absolute;
    top: 60px;
    right: -46px;
    transform: rotate(-90deg);
    background: rgba(0, 0, 0, 0.5);
    color: white;
    font-size: 11px;
    padding: 0px 6px;
    border-radius: 5px 5px 0 0;
    width: 119px;
    text-align: left;
}

.bardari-page-box .bardari-image-container .text .instagram-icon {
    position: absolute;
    top: 4px;
    right: 5px;
    background-image: url(/assets/images/instagram.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    height: 20px;
    width: 20px;
}

.bardari-page-box .bardari-image-container .text .instagram-link .icon {

}

.bardari-page-box .bardari-image-container .text .first-title {
    font-size: 22px;
    word-spacing: -5px;
    color: #1F2650;
    line-height: 40px;
    font-weight: 900;
    text-align: center;
    margin-top: 115px;
}

.bardari-line {
    width: 95%;
    background-color: #FF6086;
    border: 2px solid #FF6086;
    margin-top: 4px;
    border-radius: 10px;
}

.bardari-page-box .bardari-image-container .text .second-title {
    color: #797979;
    font-size: 18px;
    font-weight: bold;
    margin-right: 17px;
    margin-bottom: 10px;
}

.bardari-diet {
    list-style: square outside url(/assets/images/Ellipse.svg);
    font-size: 16px;
    line-height: 22px;
    font-weight: normal;
    text-align: justify;
    margin: 0 -5px 10px 20px;
}

.bardari-page-box .bardari-image-container .text .seperator {
    display: block;
    border-bottom: 3px solid #f9c171;
    margin: 20px 0 4px;
    border-radius: 10px;
}

.bardari-page-box .bardari-image-container .text .first-description {
    text-align: center;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    line-height: 26px;
}

.bardari-page-box .bardari-image-container .text .title-description {
    text-align: center;
    font-size: 24px;
    color: #b71c1c;
    font-weight: bold;
    line-height: 1.88;
    letter-spacing: -0.2px;
    font-stretch: normal;
}

.bardari-page-box .bardari-image-container .text .description {
    font-size: 15.5px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.28;
    letter-spacing: -0.1px;
    text-align: center;
    color: #141B73;
    padding-top: 8px;
    margin-right: 15px;
}

.bardari-page-box .bardari-image-container .text .first-description .campMessage2 {
    font-weight: 900;
}

.bardari-page-box .bardari-image-container .text .first-description .campMessage3 {
    font-weight: normal;
}

.bardari-page-box .bardari-image-container .text .second-description {
    text-align: left;
    font-size: 20px;
    color: #fff;
}

.bardari-page-box .bardari-image-container .text .third-description {
    font-size: 15px;
    color: #673ab7;
    display: inline-block;
    font-weight: 900;
    margin: 10px 0;
    background: #eee;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 40px;
    float: left;
    padding: 3px 10px;
}

.bardari-page-box .bardari-image-container .text .button {
    font-size: 13px;
    font-weight: bold;
    color: #000;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 10px;
    padding: 16px 3px 8px;
    display: block;
    text-decoration: none;
    background: #f9c171;
    background-image: linear-gradient(122deg, #f9c171, #f6d365);
}

.bardari-page-box .bardari-image-container .text .button b {
    font-weight: 900;
    line-height: 12px;
    font-size: 16px
}

.bardari-page-box .bardari-image-container .text .button-container:last-of-type .button {
    background: #fff;
}

.bardari-page-box .buttons {
    overflow: hidden;
    clear: both;
    margin-top: 40px;
}

.bardari-page-box .bardari-image-container .button-container {
    padding: 3px;
    display: block;
    width: 33.33%;
    float: right;
    line-height: 14px;
}

.bardari-page-box .button-container {
    padding: 16px 14px 0px;
}

.bardari-page-box .button-container a {
    background-color: #FF6086;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
    font-size: 19px;
    color: #ffffff;
    font-weight: 900;
}

.why-bardari-container .arrow-down-icon {
    background-image: url("/assets/images/arrow-right-r.svg");
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 26px;
    height: 26px;
    background-size: contain;
    margin: 0 auto;
}

.why-bardari-container {
    color: #FF6086;
}

.why-bardari-container .sup-title {
    text-align: center;
    font-weight: bold;
}

.why-bardari-container .sup-title {
    text-align: center;
    font-weight: bold;

}

.why-bardari-container .box-white {
    background: #ffffff;
    border-radius: 30px;
    padding: 30px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.why-bardari-container .box-white .title {
    font-weight: 900;
    font-size: 24px;
    color: #222;
}

.why-bardari-container .box-white .seperator {
    margin: 14px 0;
    border-bottom: 4px solid #f9a825;
    border-radius: 10px;
}

.why-bardari-container .box-white .why-items-container {
}

.why-bardari-container .box-white .why-items-container .why-item-row {
    margin: 30px 0;
}

.why-bardari-container .box-white .why-items-container .why-item-row .icon {
    width: 70px;
    float: right;
    margin: 10px 0;
}

.why-bardari-container .box-white .why-items-container .why-item-row .icon img {
    width: 100%;
}

.why-bardari-container .box-white .why-items-container .why-item-row .content {
    padding-right: 84px;
}

.why-bardari-container .box-white .why-items-container .why-item-row .content .title {
    font-size: 12px;
    line-height: 22px;
}

.why-bardari-container .box-white .why-items-container .why-item-row .content .text {
    font-size: 11px;
    line-height: 17px;
    margin-top: 4px;
    word-spacing: -3px;
    text-align: justify;
}

.campaign-box-white {
    background: #ffffff;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    padding: 20px 20px 5px;
    margin: 20px 0;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.campaign-box-white .title {
    color: #212651;
    font-size: 22px;
    font-weight: 900;
    padding-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 4px solid #FF6086;
}

.campaign-box-white .text {
    font-size: 12px;
    line-height: 24px;
    text-align: justify;
}

.campaign-box-white .text .image-container {
    text-align: center;
    margin: 20px 0
}

.campaign-box-white .text .image-container img {
    width: 100%;
}

.bardari-primary-button {
    background: #FF6086;
    border: none;
    border-radius: 30px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 900;
    padding: 16px 12px;
    width: 100%;
    transition: all ease 0.2s;
    text-shadow: none;
    margin-bottom: 15px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
}

/*end bardari css*/

/*start tasbit css*/

.tasbit-page-box .scale-gif-container {
    width: 100%;
    border-radius: 30px;
}

.tasbit-page-box .scale-gif-container img {
    width: 100%;
}

.tasbit-page-box .limoo-default-label {
    color: #00684D;
}

.tasbit-page-box {
    margin-top: -22px;
    background-color: #ffffff;
    -webkit-border-radius: 0 0 20px 20px;
    -moz-border-radius: 0 0 20px 20px;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

@media (max-width: 479px) {
    .tasbit-page-box .tasbit-image-container {
        background-color: #ffffff;
        display: block;
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-background-size: contain;
        position: relative;
        -webkit-border-radius: 0 0 20px 20px;
        -moz-border-radius: 0 0 20px 20px;
        border-radius: 0 0 0 0;
    }
}

@media (min-width: 480px) {
    .tasbit-page-box .tasbit-image-container {
        background-color: #ffffff;
        display: block;
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        position: relative;
        -webkit-border-radius: 0 0 20px 20px;
        -moz-border-radius: 0 0 20px 20px;
        border-radius: 0 0 0 0;
    }
}

.tasbit-background {
    background-color: #f6fcf7;
}

@media (max-width: 479px) {
    .tasbit-page-box .tasbit-image-container .text {
        padding: 160px 20px 10px;
        position: relative;
    }
}

@media (min-width: 480px) {
    .tasbit-page-box .tasbit-image-container .text {
        padding: 200px 15px 10px;
        position: relative;
    }
}

.tasbit-page-box .tasbit-image-container .text .instagram-link {
    position: absolute;
    top: 218px;
    right: 6px;
    /* transform: rotate(-90deg); */
    background: rgba(0, 0, 0, 0.5);
    color: white;
    font-size: 11px;
    padding: 0px 6px;
    border-radius: 5px 5px 0 0;
    width: 119px;
    text-align: left;
}

.tasbit-page-box .tasbit-image-container .text .instagram-icon {
    position: absolute;
    top: 4px;
    right: 5px;
    background-image: url(/assets/images/instagram.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    height: 20px;
    width: 20px;
}

@media (min-width: 480px) {
    .h_iframe-aparat_embed_frame {
        position: relative;
        margin-bottom: -300px;
        z-index: 100;
    }
}

@media (max-width: 479px) {
    .h_iframe-aparat_embed_frame {
        position: relative;
        margin-bottom: -265px;
        z-index: 100;
    }
}

.h_iframe-aparat_embed_frame .ratio {
    display: block;
    width: 100%;
    height: auto;
}

.h_iframe-aparat_embed_frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.h_iframe-aparat_embed_frame.limoozeen iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.tasbit-page-box .tasbit-image-container .text .instagram-link .icon {

}

.tasbit-page-box .tasbit-image-container .text .first-title {
    font-size: 22px;
    word-spacing: -2px;
    color: #555555;
    line-height: 32px;
    font-weight: 900;
    text-align: center;
    margin-top: 115px;
}

.tasbit-line {
    width: 95%;
    background-color: #4CAF50;
    border: 2px solid #4CAF50;
    margin-top: 4px;
    border-radius: 10px;
}

.tasbit-page-box .tasbit-image-container .text .second-title {
    color: #797979;
    font-size: 18px;
    font-weight: bold;
    margin-right: 17px;
    margin-bottom: 10px;
}

.tasbit-diet {
    list-style: square outside url(/assets/images/Ellipse.svg);
    font-size: 16px;
    line-height: 22px;
    font-weight: normal;
    text-align: justify;
    margin: 0 -5px 10px 20px;
}

.tasbit-page-box .tasbit-image-container .text .seperator {
    display: block;
    border-bottom: 3px solid #f9c171;
    margin: 20px 0 4px;
    border-radius: 10px;
}

.tasbit-page-box .tasbit-image-container .text .first-description {
    text-align: center;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    line-height: 26px;
}

.tasbit-page-box .tasbit-image-container .text .title-description {
    text-align: center;
    font-size: 24px;
    color: #b71c1c;
    font-weight: bold;
    line-height: 1.88;
    letter-spacing: -0.2px;
    font-stretch: normal;
}

.tasbit-page-box .tasbit-image-container .text .description {
    font-size: 14px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.28;
    letter-spacing: -0.1px;
    text-align: center;
    color: #000;
    padding-top: 8px;
    margin-right: 15px;
}

.tasbit-page-box .tasbit-image-container .text .first-description .campMessage2 {
    font-weight: 900;
}

.tasbit-page-box .tasbit-image-container .text .first-description .campMessage3 {
    font-weight: normal;
}

.tasbit-page-box .tasbit-image-container .text .second-description {
    text-align: left;
    font-size: 20px;
    color: #fff;
}

.tasbit-page-box .tasbit-image-container .text .third-description {
    font-size: 15px;
    color: #673ab7;
    display: inline-block;
    font-weight: 900;
    margin: 10px 0;
    background: #eee;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 40px;
    float: left;
    padding: 3px 10px;
}

.tasbit-page-box .tasbit-image-container .text .button {
    font-size: 13px;
    font-weight: bold;
    color: #000;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 10px;
    padding: 16px 3px 8px;
    display: block;
    text-decoration: none;
    background: #f9c171;
    background-image: linear-gradient(122deg, #f9c171, #f6d365);
}

.tasbit-page-box .tasbit-image-container .text .button b {
    font-weight: 900;
    line-height: 12px;
    font-size: 16px
}

.tasbit-page-box .tasbit-image-container .text .button-container:last-of-type .button {
    background: #fff;
}

.tasbit-page-box .buttons {
    overflow: hidden;
    clear: both;
    margin-top: 40px;
}

.tasbit-page-box .tasbit-image-container .button-container {
    padding: 3px;
    display: block;
    width: 33.33%;
    float: right;
    line-height: 14px;
}

.tasbit-page-box .button-container {
    padding: 16px 14px 0px;
}

.tasbit-page-box .button-container a {
    background-image: linear-gradient(97deg, #A8E063, #56AB2F);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
    font-size: 19px;
    color: #ffffff;
    font-weight: 900;
}

/*.tasbit-page-box .button-container a:hover,:active{*/
/*background-image: linear-gradient(97deg,#56AB2F, #A8E063);*/
/*}*/

.why-tasbit-container .arrow-down-icon {
    background-image: url("/assets/images/arrow-right-r.svg");
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 26px;
    height: 26px;
    background-size: contain;
    margin: 0 auto;
}

.why-tasbit-container {
    color: #FF6086;
}

.why-tasbit-container .sup-title {
    text-align: center;
    font-weight: bold;
}

.why-tasbit-container .sup-title {
    text-align: center;
    font-weight: bold;

}

.why-tasbit-container .box-white {
    background: #ffffff;
    border-radius: 30px;
    padding: 30px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.why-tasbit-container .box-white .title {
    font-weight: 900;
    font-size: 24px;
    color: #222;
}

.why-tasbit-container .box-white .seperator {
    margin: 14px 0;
    border-bottom: 4px solid #f9a825;
    border-radius: 10px;
}

.why-tasbit-container .box-white .why-items-container {
}

.why-tasbit-container .box-white .why-items-container .why-item-row {
    margin: 30px 0;
}

.why-tasbit-container .box-white .why-items-container .why-item-row .icon {
    width: 70px;
    float: right;
    margin: 10px 0;
}

.why-tasbit-container .box-white .why-items-container .why-item-row .icon img {
    width: 100%;
}

.why-tasbit-container .box-white .why-items-container .why-item-row .content {
    padding-right: 84px;
}

.why-tasbit-container .box-white .why-items-container .why-item-row .content .title {
    font-size: 12px;
    line-height: 22px;
}

.why-tasbit-container .box-white .why-items-container .why-item-row .content .text {
    font-size: 11px;
    line-height: 17px;
    margin-top: 4px;
    word-spacing: -3px;
    text-align: justify;
}

.campaign-box-white {
    background: #ffffff;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    padding: 20px 20px 5px;
    margin: 20px 0;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.campaign-box-white .title {
    color: #212651;
    font-size: 22px;
    font-weight: 900;
    padding-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 4px solid #FF6086;
}

.campaign-box-white .text {
    font-size: 12px;
    line-height: 24px;
    text-align: justify;
}

.campaign-box-white .text .image-container {
    text-align: center;
    margin: 20px 0
}

.campaign-box-white .text .image-container img {
    width: 100%;
}

.tasbit-primary-button {
    background-image: linear-gradient(97deg, #A8E063, #56AB2F);
    border: none;
    border-radius: 30px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 900;
    padding: 16px 12px;
    width: 100%;
    transition: all ease 0.2s;
    text-shadow: none;
    margin-bottom: 15px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
}

.tasbit-primary-button:hover, .tasbit-primary-button:active {
    background-image: linear-gradient(97deg, #56AB2F, #A8E063);
    cursor: pointer;
}

/*end tasbit css*/

/*start drops css*/

.drops-page-box .scale-gif-container {
    width: 100%;
    border-radius: 30px;
}

.drops-page-box .scale-gif-container img {
    width: 100%;
}

.drops-page-box .limoo-default-label {
    color: #00684D;
}

.drops-page-box {
    margin-top: -22px;
    background: url(/assets/images/background-drop.jpg) no-repeat center;
    width: 100%;
    height: auto;
    background-size: cover;
    -webkit-border-radius: 0 0 20px 20px;
    -moz-border-radius: 0 0 20px 20px;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    padding: 0 16px 10px 16px;
}

.drops-page-box .instagram-link {
    position: absolute;
    top: -18px;
    left: 16px;
    /* right: -28px; */
    /* transform: rotate(-90deg); */
    background: rgba(0, 0, 0, 0.5);
    color: white;
    font-size: 11px;
    padding: 7px 6px;
    border-radius: 5px 5px 5px 5px;
    width: 119px;
    height: 30px;
    text-align: left;
}

.drops-page-box .instagram-link .instagram-icon {
    position: absolute;
    top: 4px;
    right: 5px;
    background-image: url(/assets/images/instagram.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    height: 20px;
    width: 20px;
}

.drops-page-box .drop-title {
    font-size: 20px;
    color: white;
    font-weight: 700;
    text-align: center;
    padding: 50px 20px 20px 10px;
}

.drops-page-box .drop-title .section {
    line-height: 32px;
}

.drops-page-box .sound-box {
    width: 100%;
    height: auto;
    background-color: white;
    /* margin-left: auto; */
    /* margin-right: auto; */
    margin-top: 30%;
    margin-bottom: 20px;
    border-radius: 20px;
    z-index: 1000;
    padding: 16px 16px 24px 16px;
    box-shadow: 0 0 5px 0 rgba(64, 39, 3, 0.2);
}

@media screen and (min-width: 480px) {
    .drops-page-box .sound-box {
        margin-top: 30%;
    }
}

@media screen and (max-width: 320px) {
    .drops-page-box .sound-box {
        padding: 16px 2px 24px 2px;
    }
}

.sound-box .text {
    padding: 20px;
    text-align: justify;
    color: #5e5e5e;
    font-weight: 700;
    padding-top: 8px;
    margin: 60px 0 0 0;
}

.sound-box .audiojs audio {
    display: none;
}

.sound-box .audiojs {
    background: transparent;
    box-shadow: none;
    height: auto;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0 10px 0 40px;
}

.sound-box .audiojs .play-pause {
    border: none;
    background: #2193f6;
    border-radius: 50%;
    width: 58px;
    height: 58px;
    /* margin: 6px 0px 6px 15px; */
    box-shadow: none;
    padding: 17px 14px;
}

.sound-box .audiojs .scrubber {
    border: none;
    height: 6px;
    border-radius: 5px;
    background: #ccc;
    margin: 32px 20px 0 3px;
    width: 65% !important;
}

@media screen and (min-width: 768px) {
    .sound-box .audiojs .scrubber {
        width: 72% !important;
    }
}

@media screen and (max-width: 480px) {
    .sound-box .audiojs .scrubber {
        width: 74% !important;
    }
}

@media screen and (max-width: 414px) {
    .sound-box .audiojs .scrubber {
        width: 69% !important;
    }
}

@media screen and (max-width: 375px) {
    .sound-box .audiojs .scrubber {
        width: 65% !important;
    }
}

@media screen and (max-width: 360px) {
    .sound-box .audiojs .scrubber {
        width: 63% !important;
    }
}

@media screen and (max-width: 320px) {
    .sound-box .audiojs .scrubber {
        width: 63% !important;
    }
}

.sound-box .audiojs .scrubber .progress {
    height: inherit;
    background: #2193f6;
    border-radius: 0;
    margin: 0;
    box-shadow: none;
}

.sound-box .audiojs .play {
    background: url(/assets/js/audiojs/play.svg) no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
}

.sound-box .audiojs .pause {
    background: url(/assets/js/audiojs/pause.svg) no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    position: relative;
    left: -2px;
}

.sound-box .audiojs .time, .audio-box .audiojs .time {
    display: block !important;
    float: left;
    height: 0px;
    line-height: 36px;
    margin: 0px 0px 0px 8px;
    color: #aaa;
    font-size: 12px;
    font-family: IRANSans-web;
}

.audiojs .time em {
    padding: 0px 2px 0px 0px;
    color: #aaa;
    font-style: normal;
    font-family: IRANSans-web;
}

.drops-page-box .request-button {
    width: 100%;
    height: 50px;
    margin-right: auto !important;
    margin-left: auto !important;
    background-color: #2ecc71 !important;
    box-shadow: 0 5px 10px 0 rgba(64, 49, 3, 0.1);
    border-radius: 5px;
    color: #ffffff;
    text-align: center;
    padding: 14px 0;
    font-size: 16px;
    font-weight: 700;
}

.drops-page-box .request-button:hover, .drops-page-box .request-button:focus {
    cursor: pointer;
}

.mobile-sticky {
    position: fixed !important;
    bottom: 0;
    left: 0;
    z-index: 1000;
}

.sticky-nav {
    position: fixed !important;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
}

.drops-page-box .footnote {
    line-height: 1.58;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    margin-top: 20px;
}

.drops-page-box .anchor-button {
    position: relative;
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

.drops-page-box .anchor-button .arrow {
    position: absolute;
    top: 2px;
    right: 7px;
    width: 10px;
    height: 10px;
    border: 2px solid #2ecc71;
    transform: rotate(45deg);
    border-top: transparent;
    border-left: transparent;
}

.drops-page-box .anchor-button .arrow.top {
    position: absolute;
    top: 8px;
}

.flex-container {
    width: 100%;
    height: auto;
    background-color: #fff;
}

.flex-container .question-box {
    background-color: #f5f5f5;
    width: 100%;
    height: auto;
    margin: 10px auto 10px auto;
    padding-bottom: 10px;
    text-align: center;
    line-height: 75px;
    font-size: 30px;
}

.flex-container .question-box .question-title {
    font-size: 14px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 500;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: right;
    color: #2ecc71;
    padding: 15px 15px 15px 0;
}

.flex-container .question-box .audio-box {
    width: 90%;
    height: auto;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    border-radius: 10px;
    box-shadow: 0 0 5px 0 rgba(64, 49, 3, 0.2);
    padding-bottom: 10px;
}

.audio-box .audiojs audio {
    display: none;
}

.audio-box .audiojs {
    background: transparent;
    box-shadow: none;
    height: 54px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0 10px 80px 40px;
}

.audio-box .note {
    font-family: IRANSans-web;
    margin-bottom: -35px;
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    line-height: 1.58;
    color: #aaaaaa;
    padding-top: 20px;
    width: 100%;
    margin-left: auto;
    margin-right: -6px;
    word-spacing: 0;
}

@media screen and (min-width: 480px) {
    .audio-box .note {
        margin-right: 30px !important;
    }
}

@media screen and (max-width: 414px) {
    .audio-box .note {
        margin-right: 4px !important;
    }
}

@media screen and (max-width: 375px) {
    .audio-box .note {
        margin-right: -12px !important;
    }
}

@media screen and (max-width: 360px) {
    .audio-box .note {
        margin-right: -20px !important;
    }
}

@media screen and (max-width: 320px) {
    .audio-box .note {
        margin-right: -40px !important;
    }
}

.sound-box .note {
    font-family: IRANSans-web;
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    color: #aaaaaa;
    width: 82%;
    text-align: left;
    display: inline-block;
    position: relative;
    word-spacing: 0;
    left: -50px;
    top: 20px;
}

@media screen and (min-width: 480px) {
    .sound-box .note {
        left: 5px !important;
    }
}

@media screen and (max-width: 480px) {
    .sound-box .note {
        left: 8px !important;
    }
}

@media screen and (max-width: 414px) {
    .sound-box .note {
        left: 18px !important;
    }
}

@media screen and (max-width: 411px) {
    .sound-box .note {
        left: 18px !important;
    }
}

@media screen and (max-width: 375px) {
    .sound-box .note {
        left: 22px !important;
    }
}

@media screen and (max-width: 360px) {
    .sound-box .note {
        left: 28px !important;
    }
}

@media screen and (max-width: 320px) {
    .sound-box .note {
        left: 20px !important;
    }
}

.audio-box .audiojs .play-pause {
    border: none;
    background: #2193f6;
    border-radius: 50%;
    width: 58px;
    height: 58px;
    padding: 15px 13px;
    margin: 15px;
    box-shadow: none;
}

.audio-box .audiojs .play {
    background: url(/assets/js/audiojs/play.svg) no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    position: relative;
    top: 2px;
}

.audio-box .audiojs .pause {
    background: url(/assets/js/audiojs/pause.svg) no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    position: relative;
    left: -4px;
    top: 2px;
}

.audio-box .audiojs .scrubber {
    border: none;
    height: 6px;
    border-radius: 5px;
    background: #ccc;
    margin: 42px 0 0 0;
    width: 66% !important;
}

@media only screen and (max-width: 767px) {
    .audio-box .audiojs .scrubber {
        width: 56% !important;
    }
}

.audio-box .audiojs .scrubber .progress {
    height: inherit;
    background: #2193f6;
    border-radius: 0;
    margin: 0;
    box-shadow: none;
}

.audio-box .question {
    padding: 10px 15px 5px 0;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: right;
    color: #5e5e5e;
}

.audio-box .question.first {
    margin-top: 70px;
}

.drops-page-footer {
    background: url(/assets/images/background-footer.jpg) no-repeat center;
    width: 100%;
    height: auto;
    background-size: cover;
    -webkit-border-radius: 0 0 20px 20px;
    -moz-border-radius: 0 0 20px 20px;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    padding-bottom: 70px;
}

.drops-page-footer .title {
    font-size: 18px;
    color: white;
    font-weight: 700;
    text-align: center;
    padding: 30px 20px 20px 10px;
}

.drops-page-footer .drop-title {
    font-size: 18px;
    color: white;
    font-weight: 700;
    text-align: center;
    padding: 0px 20px 20px 10px;
}

.drops-page-footer .sound-box {
    width: 90%;
    height: auto;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 20px;
    border-radius: 20px;
    z-index: 1000;
}

.sound-box .question {
    padding: 10px 15px 15px 15px;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: justify;
    color: #5e5e5e;
}

.sound-box .question.first {
    margin-top: 70px;
}

.campaign-box-green.drops-form {
    background-color: #fff !important;
    border-radius: 5px !important;
    margin-top: 15px;
}

.campaign-box-green.drops-form .camp-head-textgreen {
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: right;
    color: #5e5e5e;
    padding-bottom: 20px;
}

.campaign-box-green.drops-form .camp-body-textgreen {
    font-size: 12px;
    line-height: 26px;
    padding-bottom: 15px;
}

.campaign-box-green.drops-form .form-container label {
    color: #949494;
    font-size: 16px;
    font-weight: 300;
}

.campaign-box-green.drops-form .form-container input {
    border-bottom: 3px solid rgba(46, 204, 113, 0.44);
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: right;
    color: #5e5e5e;
}

.campaign-box-green.drops-form .form-container input:focus {
    border-bottom: 3px solid #2ecc71;
}

.campaign-box-green.drops-form .form-container .limoo-continue-button {
    text-align: center;
    padding: 15px;
    box-shadow: 0 5px 10px 0 rgba(64, 49, 3, 0.1);
    background-color: #2ecc71;
}

.campaign-box-green.drops-form .limoo-success-button {
    background: #4caf50;
    border: none;
    border-radius: 5px;
    color: #ffffff;
    font-weight: bold;
    padding: 16px 12px;
    width: 100%;
    transition: all ease 0.2s;
    text-shadow: none;
    margin-bottom: 15px;
}

.drops-background {
    background-color: #f6fcf7;
}

.drops-page-box .drops-image-container .text .instagram-link {
    position: absolute;
    top: 218px;
    right: 6px;
    /* transform: rotate(-90deg); */
    background: rgba(0, 0, 0, 0.5);
    color: white;
    font-size: 11px;
    padding: 0px 6px;
    border-radius: 5px 5px 0 0;
    width: 119px;
    text-align: left;
}

.drops-page-box .drops-image-container .text .instagram-icon {
    position: absolute;
    top: 4px;
    right: 5px;
    background-image: url(/assets/images/instagram.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    height: 20px;
    width: 20px;
}

@media (min-width: 480px) {
    .h_iframe-aparat_embed_frame {
        position: relative;
        margin-bottom: -300px;
        z-index: 100;
    }
}

@media (max-width: 479px) {
    .h_iframe-aparat_embed_frame {
        position: relative;
        margin-bottom: -265px;
        z-index: 100;
    }
}

.h_iframe-aparat_embed_frame .ratio {
    display: block;
    width: 100%;
    height: auto;
}

.h_iframe-aparat_embed_frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.drops-page-box .drops-image-container .text .instagram-link .icon {

}

.drops-page-box .drops-image-container .text .button-container:last-of-type .button {
    background: #fff;
}

.drops-page-box .buttons {
    overflow: hidden;
    clear: both;
    margin-top: 40px;
}

.drops-page-box .drops-image-container .button-container {
    padding: 3px;
    display: block;
    width: 33.33%;
    float: right;
    line-height: 14px;
}

.drops-page-box .button-container {
    padding: 16px 14px 0px;
}

.drops-page-box .button-container a {
    background-image: linear-gradient(97deg, #A8E063, #56AB2F);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
    font-size: 19px;
    color: #ffffff;
    font-weight: 900;
}

/*.drops-page-box .button-container a:hover,:active{*/
/*background-image: linear-gradient(97deg,#56AB2F, #A8E063);*/
/*}*/

.why-drops-container .arrow-down-icon {
    background-image: url("/assets/images/arrow-right-r.svg");
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 26px;
    height: 26px;
    background-size: contain;
    margin: 0 auto;
}

.why-drops-container {
    color: #FF6086;
}

.why-drops-container .sup-title {
    text-align: center;
    font-weight: bold;
}

.why-drops-container .sup-title {
    text-align: center;
    font-weight: bold;

}

.why-drops-container .box-white {
    background: #ffffff;
    border-radius: 30px;
    padding: 30px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.why-drops-container .box-white .title {
    font-weight: 900;
    font-size: 24px;
    color: #222;
}

.why-drops-container .box-white .seperator {
    margin: 14px 0;
    border-bottom: 4px solid #f9a825;
    border-radius: 10px;
}

.why-drops-container .box-white .why-items-container {
}

.why-drops-container .box-white .why-items-container .why-item-row {
    margin: 30px 0;
}

.why-drops-container .box-white .why-items-container .why-item-row .icon {
    width: 70px;
    float: right;
    margin: 10px 0;
}

.why-drops-container .box-white .why-items-container .why-item-row .icon img {
    width: 100%;
}

.why-drops-container .box-white .why-items-container .why-item-row .content {
    padding-right: 84px;
}

.why-drops-container .box-white .why-items-container .why-item-row .content .title {
    font-size: 12px;
    line-height: 22px;
}

.why-drops-container .box-white .why-items-container .why-item-row .content .text {
    font-size: 11px;
    line-height: 17px;
    margin-top: 4px;
    word-spacing: -3px;
    text-align: justify;
}

.campaign-box-white {
    background: #ffffff;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    padding: 20px 20px 5px;
    margin: 20px 0;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.campaign-box-white .title {
    color: #212651;
    font-size: 22px;
    font-weight: 900;
    padding-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 4px solid #FF6086;
}

.campaign-box-white .text {
    font-size: 12px;
    line-height: 24px;
    text-align: justify;
}

.campaign-box-white .text .image-container {
    text-align: center;
    margin: 20px 0
}

.campaign-box-white .text .image-container img {
    width: 100%;
}

.drops-primary-button {
    background-image: linear-gradient(97deg, #A8E063, #56AB2F);
    border: none;
    border-radius: 30px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 900;
    padding: 16px 12px;
    width: 100%;
    transition: all ease 0.2s;
    text-shadow: none;
    margin-bottom: 15px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
}

.drops-primary-button:hover, .drops-primary-button:active {
    background-image: linear-gradient(97deg, #56AB2F, #A8E063);
    cursor: pointer;
}

/*end drops css*/

/*start dynamic1 css*/

.dynamic1-page-box .scale-gif-container {
    width: 100%;
    border-radius: 30px;
}

.dynamic1-page-box .scale-gif-container img {
    width: 100%;
}

.dynamic1-page-box .limoo-default-label {
    color: #00684D;
}

.dynamic1-page-box {
    margin-top: 0px;
    background-color: #ffffff;
    /* -webkit-border-radius: 0 0 20px 20px; */
    /* -moz-border-radius: 0 0 20px 20px; */
    /* border-radius: 0 0 20px 20px; */
    /* box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); */
}

@media (max-width: 479px) {
    .dynamic1-page-box .dynamic1-image-container {
        background-color: #ffffff;
        display: block;
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-background-size: contain;
        position: relative;
        -webkit-border-radius: 0 0 20px 20px;
        -moz-border-radius: 0 0 20px 20px;
        border-radius: 0 0 0 0;
    }
}

@media (min-width: 480px) {
    .dynamic1-page-box .dynamic1-image-container {
        background-color: #ffffff;
        display: block;
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        position: relative;
        -webkit-border-radius: 0 0 20px 20px;
        -moz-border-radius: 0 0 20px 20px;
        border-radius: 0 0 0 0;
    }
}

.dynamic1-background {
    background-color: #f6fcf7;
}

@media (max-width: 479px) {
    .dynamic1-page-box .dynamic1-image-container .text {
        padding: 160px 20px 10px;
        position: relative;
    }
}

@media (min-width: 480px) {
    .dynamic1-page-box .dynamic1-image-container .text {
        padding: 200px 15px 10px;
        position: relative;
    }
}

.dynamic1-page-box .dynamic1-image-container .text .instagram-link {
    position: absolute;
    top: 218px;
    right: 6px;
    /* transform: rotate(-90deg); */
    background: rgba(0, 0, 0, 0.5);
    color: white;
    font-size: 11px;
    padding: 0px 6px;
    border-radius: 5px 5px 0 0;
    width: 119px;
    text-align: left;
}

.dynamic1-page-box .dynamic1-image-container .text .instagram-icon {
    position: absolute;
    top: 4px;
    right: 5px;
    background-image: url(/assets/images/instagram.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    height: 20px;
    width: 20px;
}

@media (min-width: 480px) {
    .h_iframe-aparat_embed_frame {
        position: relative;
        margin-bottom: -300px;
        z-index: 100;
    }
}

@media (max-width: 479px) {
    .h_iframe-aparat_embed_frame {
        position: relative;
        margin-bottom: -265px;
        z-index: 100;
    }
}

.h_iframe-aparat_embed_frame .ratio {
    display: block;
    width: 100%;
    height: auto;
}

.h_iframe-aparat_embed_frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.dynamic1-page-box .dynamic1-image-container .text .instagram-link .icon {

}

.dynamic1-page-box .dynamic1-image-container .text .first-title {
    font-size: 22px;
    word-spacing: -2px;
    color: #555555;
    line-height: 32px;
    font-weight: 900;
    text-align: center;
    margin-top: 115px;
}

.dynamic1-line {
    width: 95%;
    background-color: #4CAF50;
    border: 2px solid #4CAF50;
    margin-top: 4px;
    border-radius: 10px;
}

.dynamic1-page-box .dynamic1-image-container .text .second-title {
    color: #797979;
    font-size: 18px;
    font-weight: bold;
    margin-right: 17px;
    margin-bottom: 10px;
}

.dynamic1-diet {
    list-style: square outside url(/assets/images/Ellipse.svg);
    font-size: 16px;
    line-height: 22px;
    font-weight: normal;
    text-align: justify;
    margin: 0 -5px 10px 20px;
}

.dynamic1-page-box .dynamic1-image-container .text .seperator {
    display: block;
    border-bottom: 3px solid #f9c171;
    margin: 20px 0 4px;
    border-radius: 10px;
}

.dynamic1-page-box .dynamic1-image-container .text .first-description {
    text-align: center;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    line-height: 26px;
}

.dynamic1-page-box .dynamic1-image-container .text .title-description {
    text-align: center;
    font-size: 24px;
    color: #b71c1c;
    font-weight: bold;
    line-height: 1.88;
    letter-spacing: -0.2px;
    font-stretch: normal;
}

.dynamic1-page-box .dynamic1-image-container .text .description {
    font-size: 14px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.6;
    text-align: justify;
    color: #000;
    padding-top: 8px;
    margin-right: 15px;
}

.dynamic1-page-box .dynamic1-image-container .text .first-description .campMessage2 {
    font-weight: 900;
}

.dynamic1-page-box .dynamic1-image-container .text .first-description .campMessage3 {
    font-weight: normal;
}

.dynamic1-page-box .dynamic1-image-container .text .second-description {
    text-align: left;
    font-size: 20px;
    color: #fff;
}

.dynamic1-page-box .dynamic1-image-container .text .third-description {
    font-size: 15px;
    color: #673ab7;
    display: inline-block;
    font-weight: 900;
    margin: 10px 0;
    background: #eee;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 40px;
    float: left;
    padding: 3px 10px;
}

.dynamic1-page-box .dynamic1-image-container .text .button {
    font-size: 13px;
    font-weight: bold;
    color: #000;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 10px;
    padding: 16px 3px 8px;
    display: block;
    text-decoration: none;
    background: #f9c171;
    background-image: linear-gradient(122deg, #f9c171, #f6d365);
}

.dynamic1-page-box .dynamic1-image-container .text .button b {
    font-weight: 900;
    line-height: 12px;
    font-size: 16px
}

.dynamic1-page-box .dynamic1-image-container .text .button-container:last-of-type .button {
    background: #fff;
}

.dynamic1-page-box .buttons {
    overflow: hidden;
    clear: both;
    margin-top: 40px;
}

.dynamic1-page-box .dynamic1-image-container .button-container {
    padding: 3px;
    display: block;
    width: 33.33%;
    float: right;
    line-height: 14px;
}

.dynamic1-page-box .button-container {
    padding: 16px 14px 0px;
}

.dynamic1-page-box .button-container a {
    background-image: linear-gradient(97deg, #A8E063, #56AB2F);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
    font-size: 19px;
    color: #ffffff;
    font-weight: 900;
}

/*.dynamic1-page-box .button-container a:hover,:active{*/
/*background-image: linear-gradient(97deg,#56AB2F, #A8E063);*/
/*}*/

.why-dynamic1-container .arrow-down-icon {
    background-image: url("/assets/images/arrow-right-r.svg");
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 26px;
    height: 26px;
    background-size: contain;
    margin: 0 auto;
}

.why-dynamic1-container {
    color: #FF6086;
}

.why-dynamic1-container .sup-title {
    text-align: center;
    font-weight: bold;
}

.why-dynamic1-container .sup-title {
    text-align: center;
    font-weight: bold;

}

.why-dynamic1-container .box-white {
    background: #ffffff;
    border-radius: 30px;
    padding: 30px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.why-dynamic1-container .box-white .title {
    font-weight: 900;
    font-size: 24px;
    color: #222;
}

.why-dynamic1-container .box-white .seperator {
    margin: 14px 0;
    border-bottom: 4px solid #f9a825;
    border-radius: 10px;
}

.why-dynamic1-container .box-white .why-items-container {
}

.why-dynamic1-container .box-white .why-items-container .why-item-row {
    margin: 30px 0;
}

.why-dynamic1-container .box-white .why-items-container .why-item-row .icon {
    width: 70px;
    float: right;
    margin: 10px 0;
}

.why-dynamic1-container .box-white .why-items-container .why-item-row .icon img {
    width: 100%;
}

.why-dynamic1-container .box-white .why-items-container .why-item-row .content {
    padding-right: 84px;
}

.why-dynamic1-container .box-white .why-items-container .why-item-row .content .title {
    font-size: 12px;
    line-height: 22px;
}

.why-dynamic1-container .box-white .why-items-container .why-item-row .content .text {
    font-size: 11px;
    line-height: 17px;
    margin-top: 4px;
    word-spacing: -3px;
    text-align: justify;
}

.campaign-box-white {
    background: #ffffff;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    padding: 20px 20px 5px;
    margin: 20px 0;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.campaign-box-white .title {
    color: #212651;
    font-size: 22px;
    font-weight: 900;
    padding-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 4px solid #FF6086;
}

.campaign-box-white .text {
    font-size: 12px;
    line-height: 24px;
    text-align: justify;
}

.campaign-box-white .text .image-container {
    text-align: center;
    margin: 20px 0
}

.campaign-box-white .text .image-container img {
    width: 100%;
}

.dynamic1-primary-button {
    background-image: linear-gradient(97deg, #A8E063, #56AB2F);
    border: none;
    border-radius: 100px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 900;
    padding: 16px 12px;
    width: 100%;
    transition: all ease 0.2s;
    text-shadow: none;
    margin-bottom: 15px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
    white-space: normal;
}

.dynamic1-primary-button:hover, .dynamic1-primary-button:active {
    background-image: linear-gradient(97deg, #56AB2F, #A8E063);
    cursor: pointer;
}

/*end dynamic1 css*/

/*start dynamic2 css*/

.dynamic2-page-box .scale-gif-container {
    width: 100%;
    border-radius: 30px;
}

.dynamic2-page-box .scale-gif-container img {
    width: 100%;
}

.dynamic2-page-box .limoo-default-label {
    color: #00684D;
}

.dynamic2-page-box {
    margin-top: -22px;
    background-color: #ffffff;
    -webkit-border-radius: 0 0 20px 20px;
    -moz-border-radius: 0 0 20px 20px;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

@media (max-width: 479px) {
    .dynamic2-page-box .dynamic2-image-container {
        background-color: #ffffff;
        display: block;
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-background-size: contain;
        position: relative;
        -webkit-border-radius: 0 0 20px 20px;
        -moz-border-radius: 0 0 20px 20px;
        border-radius: 0 0 0 0;
    }
}

@media (min-width: 480px) {
    .dynamic2-page-box .dynamic2-image-container {
        background-color: #ffffff;
        display: block;
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        position: relative;
        -webkit-border-radius: 0 0 20px 20px;
        -moz-border-radius: 0 0 20px 20px;
        border-radius: 0 0 0 0;
    }
}

.dynamic2-background {
    background-color: #f6fcf7;
}

@media (max-width: 479px) {
    .dynamic2-page-box .dynamic2-image-container .text {
        padding: 160px 20px 10px;
        position: relative;
    }
}

@media (min-width: 480px) {
    .dynamic2-page-box .dynamic2-image-container .text {
        padding: 200px 15px 10px;
        position: relative;
    }
}

.dynamic2-page-box .dynamic2-image-container .text .instagram-link {
    position: absolute;
    top: 218px;
    right: 6px;
    /* transform: rotate(-90deg); */
    background: rgba(0, 0, 0, 0.5);
    color: white;
    font-size: 11px;
    padding: 0px 6px;
    border-radius: 5px 5px 0 0;
    width: 119px;
    text-align: left;
}

.dynamic2-page-box .dynamic2-image-container .text .instagram-icon {
    position: absolute;
    top: 4px;
    right: 5px;
    background-image: url(/assets/images/instagram.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    height: 20px;
    width: 20px;
}

@media (min-width: 480px) {
    .h_iframe-aparat_embed_frame {
        position: relative;
        margin-bottom: -300px;
        z-index: 100;
    }
}

@media (max-width: 479px) {
    .h_iframe-aparat_embed_frame {
        position: relative;
        margin-bottom: -265px;
        z-index: 100;
    }
}

.h_iframe-aparat_embed_frame .ratio {
    display: block;
    width: 100%;
    height: auto;
}

.h_iframe-aparat_embed_frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.dynamic2-page-box .dynamic2-image-container .text .instagram-link .icon {

}

.dynamic2-page-box .dynamic2-image-container .text .first-title {
    font-size: 22px;
    word-spacing: -2px;
    color: #555555;
    line-height: 32px;
    font-weight: 900;
    text-align: center;
    margin-top: 115px;
}

.dynamic2-line {
    width: 95%;
    background-color: #4CAF50;
    border: 2px solid #4CAF50;
    margin-top: 4px;
    border-radius: 10px;
}

.dynamic2-page-box .dynamic2-image-container .text .second-title {
    color: #797979;
    font-size: 18px;
    font-weight: bold;
    margin-right: 17px;
    margin-bottom: 10px;
}

.dynamic2-diet {
    list-style: square outside url(/assets/images/Ellipse.svg);
    font-size: 16px;
    line-height: 22px;
    font-weight: normal;
    text-align: justify;
    margin: 0 -5px 10px 20px;
}

.dynamic2-page-box .dynamic2-image-container .text .seperator {
    display: block;
    border-bottom: 3px solid #f9c171;
    margin: 20px 0 4px;
    border-radius: 10px;
}

.dynamic2-page-box .dynamic2-image-container .text .first-description {
    text-align: center;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    line-height: 26px;
}

.dynamic2-page-box .dynamic2-image-container .text .title-description {
    text-align: center;
    font-size: 24px;
    color: #b71c1c;
    font-weight: bold;
    line-height: 1.88;
    letter-spacing: -0.2px;
    font-stretch: normal;
}

.dynamic2-page-box .dynamic2-image-container .text .description {
    font-size: 14px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.6;
    text-align: center;
    color: #000;
    padding-top: 8px;
    margin-right: 15px;
}

.dynamic2-page-box .dynamic2-image-container .text .first-description .campMessage2 {
    font-weight: 900;
}

.dynamic2-page-box .dynamic2-image-container .text .first-description .campMessage3 {
    font-weight: normal;
}

.dynamic2-page-box .dynamic2-image-container .text .second-description {
    text-align: left;
    font-size: 20px;
    color: #fff;
}

.dynamic2-page-box .dynamic2-image-container .text .third-description {
    font-size: 15px;
    color: #673ab7;
    display: inline-block;
    font-weight: 900;
    margin: 10px 0;
    background: #eee;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 40px;
    float: left;
    padding: 3px 10px;
}

.dynamic2-page-box .dynamic2-image-container .text .button {
    font-size: 13px;
    font-weight: bold;
    color: #000;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 10px;
    padding: 16px 3px 8px;
    display: block;
    text-decoration: none;
    background: #f9c171;
    background-image: linear-gradient(122deg, #f9c171, #f6d365);
}

.dynamic2-page-box .dynamic2-image-container .text .button b {
    font-weight: 900;
    line-height: 12px;
    font-size: 16px
}

.dynamic2-page-box .dynamic2-image-container .text .button-container:last-of-type .button {
    background: #fff;
}

.dynamic2-page-box .buttons {
    overflow: hidden;
    clear: both;
    margin-top: 40px;
}

.dynamic2-page-box .dynamic2-image-container .button-container {
    padding: 3px;
    display: block;
    width: 33.33%;
    float: right;
    line-height: 14px;
}

.dynamic2-page-box .button-container {
    padding: 16px 14px 0px;
}

.dynamic2-page-box .button-container a {
    background-image: linear-gradient(97deg, #A8E063, #56AB2F);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
    font-size: 19px;
    color: #ffffff;
    font-weight: 900;
}

/*.dynamic2-page-box .button-container a:hover,:active{*/
/*background-image: linear-gradient(97deg,#56AB2F, #A8E063);*/
/*}*/

.why-dynamic2-container .arrow-down-icon {
    background-image: url("/assets/images/arrow-right-r.svg");
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 26px;
    height: 26px;
    background-size: contain;
    margin: 0 auto;
}

.why-dynamic2-container {
    color: #FF6086;
}

.why-dynamic2-container .sup-title {
    text-align: center;
    font-weight: bold;
}

.why-dynamic2-container .sup-title {
    text-align: center;
    font-weight: bold;

}

.why-dynamic2-container .box-white {
    background: #ffffff;
    border-radius: 30px;
    padding: 30px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.why-dynamic2-container .box-white .title {
    font-weight: 900;
    font-size: 24px;
    color: #222;
}

.why-dynamic2-container .box-white .seperator {
    margin: 14px 0;
    border-bottom: 4px solid #f9a825;
    border-radius: 10px;
}

.why-dynamic2-container .box-white .why-items-container {
}

.why-dynamic2-container .box-white .why-items-container .why-item-row {
    margin: 30px 0;
}

.why-dynamic2-container .box-white .why-items-container .why-item-row .icon {
    width: 70px;
    float: right;
    margin: 10px 0;
}

.why-dynamic2-container .box-white .why-items-container .why-item-row .icon img {
    width: 100%;
}

.why-dynamic2-container .box-white .why-items-container .why-item-row .content {
    padding-right: 84px;
}

.why-dynamic2-container .box-white .why-items-container .why-item-row .content .title {
    font-size: 12px;
    line-height: 22px;
}

.why-dynamic2-container .box-white .why-items-container .why-item-row .content .text {
    font-size: 11px;
    line-height: 17px;
    margin-top: 4px;
    word-spacing: -3px;
    text-align: justify;
}

.campaign-box-white {
    background: #ffffff;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    padding: 20px 20px 5px;
    margin: 20px 0;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.campaign-box-white .title {
    color: #212651;
    font-size: 22px;
    font-weight: 900;
    padding-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 4px solid #FF6086;
}

.campaign-box-white .text {
    font-size: 12px;
    line-height: 24px;
    text-align: justify;
}

.campaign-box-white .text .image-container {
    text-align: center;
    margin: 20px 0
}

.campaign-box-white .text .image-container img {
    width: 100%;
}

.dynamic2-primary-button {
    background-image: linear-gradient(97deg, #A8E063, #56AB2F);
    border: none;
    border-radius: 30px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 900;
    padding: 16px 12px;
    width: 100%;
    transition: all ease 0.2s;
    text-shadow: none;
    margin-bottom: 15px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
}

.dynamic2-primary-button:hover, .dynamic2-primary-button:active {
    background-image: linear-gradient(97deg, #56AB2F, #A8E063);
    cursor: pointer;
}

/*end dynamic2 css*/

.campaign-page-box .scale-gif-container {
    width: 100%;
    border-radius: 30px;
}

.campaign-page-box .scale-gif-container img {
    width: 100%;
}

.campaign-page-box .limoo-default-label {
    color: #00684D;
}

.campaign-page-box {
    margin-top: -22px;
    background: #ffc107;
    -webkit-border-radius: 0 0 20px 20px;
    -moz-border-radius: 0 0 20px 20px;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.campaign-page-box .image-container {
    background-image: url(/assets/images/campaign3.svg);
    background-color: #ffffff;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-background-size: contain;
    position: relative;
    -webkit-border-radius: 0 0 20px 20px;
    -moz-border-radius: 0 0 20px 20px;
    border-radius: 0 0 0 0;
}

.campaign-background {
    background-color: #fffdf8;
}

@media (max-width: 720px) {
    .campaign-page-box .image-container .text {
        padding: 220px 20px 10px;
        position: relative;
    }
}

@media (min-width: 721px) {
    .campaign-page-box .image-container .text {
        padding: 300px 20px 10px;
        position: relative;
    }
}

.campaign-page-box .image-container .text .instagram-link {
    position: absolute;
    top: 60px;
    right: -46px;
    transform: rotate(-90deg);
    background: rgba(0, 0, 0, 0.5);
    color: white;
    font-size: 11px;
    padding: 0px 6px;
    border-radius: 5px 5px 0 0;
    width: 119px;
    text-align: left;
}

.campaign-page-box .image-container .text .instagram-icon {
    position: absolute;
    top: 4px;
    right: 5px;
    background-image: url(/assets/images/instagram.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    height: 20px;
    width: 20px;
}

.campaign-page-box .image-container .text .instagram-link .icon {

}

.campaign-page-box .image-container .text .first-title {
    font-size: 18px;
    color: #b71c1c;
    line-height: 40px;
    font-weight: 900;
    text-align: center;
    margin-top: 115px;
}

.campaign-page-box .image-container .text .second-title {
    font-size: 44px;
    color: white;
    line-height: 56px;
    font-weight: bold;
}

.campaign-page-box .image-container .text .seperator {
    display: block;
    border-bottom: 3px solid #f9c171;
    margin: 20px 0 4px;
    border-radius: 10px;
}

.campaign-page-box .image-container .text .first-description {
    text-align: center;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    line-height: 26px;
}

.campaign-page-box .image-container .text .title-description {
    text-align: center;
    font-size: 24px;
    color: #b71c1c;
    font-weight: bold;
    line-height: 1.88;
    letter-spacing: -0.2px;
    font-stretch: normal;
}

.campaign-page-box .image-container .text .description {
    font-size: 15.5px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.28;
    letter-spacing: -0.1px;
    text-align: center;
    color: #d32f2f;
    padding-top: 8px;
}

.description2 {
    color: #555555;
    font-size: 15.5px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.29;
    letter-spacing: -0.1px;
    text-align: center;
    padding: 20px 0 10px 0;
}

.campaign-page-box .image-container .text .first-description .campMessage2 {
    font-weight: 900;
}

.campaign-page-box .image-container .text .first-description .campMessage3 {
    font-weight: normal;
}

.campaign-page-box .image-container .text .second-description {
    text-align: left;
    font-size: 20px;
    color: #fff;
}

.campaign-page-box .image-container .text .third-description {
    font-size: 15px;
    color: #673ab7;
    display: inline-block;
    font-weight: 900;
    margin: 10px 0;
    background: #eee;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 40px;
    float: left;
    padding: 3px 10px;
}

.campaign-page-box .image-container .text .button {
    font-size: 13px;
    font-weight: bold;
    color: #000;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 10px;
    padding: 16px 3px 8px;
    display: block;
    text-decoration: none;
    background: #f9c171;
    background-image: linear-gradient(122deg, #f9c171, #f6d365);
}

.campaign-page-box .image-container .text .button b {
    font-weight: 900;
    line-height: 12px;
    font-size: 16px
}

.campaign-page-box .image-container .text .button-container:last-of-type .button {
    background: #fff;
}

.campaign-page-box .buttons {
    overflow: hidden;
    clear: both;
    margin-top: 40px;
}

.campaign-page-box .image-container .button-container {
    padding: 3px;
    display: block;
    width: 33.33%;
    float: right;
    line-height: 14px;
}

.campaign-page-box .button-container {
    padding: 16px 14px 0px;
}

.campaign-page-box .button-container a {
    background-image: linear-gradient(284deg, #fc575e, #f7b42c);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    font-size: 19px;
    color: #ffffff;
    font-weight: 900;
}

/* new landing start*/
ul {
    list-style: none;
}

.wrapper {
    width: 100%;
    height: auto;
    background-color: #f0f0f0;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 20px;
    /*margin: 10px auto;*/
    /*padding-top: 25px;*/
}

.wrapper .form {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    border-radius: 3px;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08);
    margin-right: auto;
    margin-left: auto;
    padding: 20px;
}

.form .items {
    display: flex;
    flex-direction: column;
    padding-right: 0;
}

.form .items .item.second-step, .item.third-step {
    /*display: none;*/
}

/*.form .items .item.weight, .height {*/
/*margin-bottom: 60px;*/
/*}*/

/*.form .items .item .form-field {*/
/*width: 100%;*/
/*margin-bottom: 20px;*/
/*}*/

/*.form .items .item .form-field .form-label {*/
/*display: block;*/
/*width: 100%;*/
/*font-size: 14px;*/
/*font-weight: normal;*/
/*font-style: normal;*/
/*font-stretch: normal;*/
/*line-height: 1.57;*/
/*letter-spacing: normal;*/
/*text-align: right;*/
/*color: #8b7a7b;*/
/*}*/

/*.form .items .item .form-field .form-label .thin {*/
/*font-size: 10px;*/
/*font-weight: 300;*/
/*font-style: normal;*/
/*font-stretch: normal;*/
/*line-height: 1.5;*/
/*letter-spacing: normal;*/
/*color: #cccfd3;*/
/*}*/

/*.form .items .item .form-field .form-input {*/
/*display: block;*/
/*width: 100%;*/
/*height: 40px;*/
/*border-radius: 3px;*/
/*border: solid 1px #d8d2d2;*/
/*background-color: #ffffff;*/
/*padding: 10px;*/
/*}*/

/*.form .items .item .form-field .date {*/
/*display: flex;*/
/*justify-content: space-between;*/
/*}*/

/*.form .items .item .form-field .date select:first-child {*/
/*width: 25%;*/
/*}*/

/*.form .items .item .form-field .date select:nth-child(2) {*/
/*width: 40%;*/
/*}*/

/*.form .items .item .form-field .date select:nth-child(3) {*/
/*width: 25%;*/
/*}*/

/*.form .items .item .form-field .form-input-select {*/
/*display: block;*/
/*height: 40px;*/
/*border-radius: 3px;*/
/*border: solid 1px #d8d2d2;*/
/*background-color: #ffffff;*/
/*}*/

.form .items .item .form-field .items {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.form .items .item .form-field .items .item {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 5px;
}

.form .items .item .form-field .items .item:focus {

}

.form .items .item .form-field .items .item .form-label.inner {
    width: 110px;
    height: 40px;
    font-size: 14px;
    padding-right: 10px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: normal;
    border-radius: 3px;
    background-color: #fcfcfc;
}

.form .items .item .form-field .items .item .form-label.inner.active {
    color: #00a699;
    border-radius: 3px;
    border: solid 1px #00a699;
    background-color: rgba(0, 166, 153, 0.08);
}

.form .items .item .form-field .items .item .form-label.inner:hover {
    border-radius: 3px;
    border: solid 1px #00a699;
    background-color: rgba(0, 166, 153, 0.08);
}

.form .items .item .form-field .items .item .form-label.inner .input-container {
    display: inline-block;
    width: 20px;
    height: 20px;
}

/*.form .items .item .form-field.button-container {*/
/*width: 209px;*/
/*margin-left: auto;*/
/*margin-right: auto;*/
/*margin-top: 15px;*/
/*margin-bottom: 90px;*/
/*}*/

/*.form .items .item .form-field .button  {*/
/*width: 100%;*/
/*height: 48px;*/
/*font-family: 'IRANSans-web';*/
/*margin-right: auto;*/
/*margin-left: auto;*/
/*border-radius: 3px;*/
/*border: none;*/
/*box-shadow: 0 0 8px 0 rgba(77, 11, 13, 0.24);*/
/*background-color: #ff5a5f;*/
/*cursor: pointer;*/
/*font-size: 18px;*/
/*font-weight: 500;*/
/*font-style: normal;*/
/*font-stretch: normal;*/
/*line-height: 1.56;*/
/*letter-spacing: normal;*/
/*text-align: center;*/
/*color: #ffffff;*/
/*padding: 10px;*/
/*}*/

.form .items .item .form-field .items.activity {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.form .items .item .form-field .items.activity .item .form-label.inner {
    width: 100%;
}

.form .items .item .form-field .button.register {
    margin-top: 24px;
}

.form .items .item .form-field a.button.register {
    display: block;
    text-decoration: none
}

/*.input-group {*/
/*width: 100%;*/
/*background-color: #fff;*/
/*!* display: block; *!*/
/*position: relative;*/
/*}*/

/*.input-group .input {*/
/*width: 18px;*/
/*height: 18px;*/
/*order: 1;*/
/*z-index: 2;*/
/*position: absolute;*/
/*right: 30px;*/
/*top: 39%;*/
/*transform: translateY(-50%);*/
/*cursor: pointer;*/
/*!* opacity: 0; *!*/
/*}*/

.items.activity .item .input-group .inner-label {
    height: 48px;
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
}

/*.items.activity .item .input-group .inner-label .text {*/
/*margin-right: 30px;*/
/*}*/

/*.input-group .inner-label {*/
/*padding: 10px 30px;*/
/*width: 100%;*/
/*display: block;*/
/*position: relative;*/
/*z-index: 2;*/
/*transition: color 200ms ease-in;*/
/*overflow: hidden;*/
/*font-size: 16px;*/
/*font-weight: normal;*/
/*font-style: normal;*/
/*font-stretch: normal;*/
/*line-height: 1.56;*/
/*letter-spacing: normal;*/
/*color: #b1a6a6;*/
/*background-color: #fcfcfc;*/
/*border-radius: 3px;*/
/*text-align: center;*/
/*}*/

/*.input-group .inner-label .text {*/
/*position: absolute;*/
/*bottom: 4px;*/
/*margin-left: 25px;*/
/*}*/

@media only screen and (max-width: 320px) {
    .input-group .inner-label .text {
        margin-left: 0;
    }
}

.input-group .inner-label:before {
    /* content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    /* transform: translate(-50%, -50%) scale3d(1, 1, 1); */
    /* transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    z-index: -1;
    width: 110px;
    height: 40px; */

}

/*.input-group .inner-label:after {*/
/*width: 18px;*/
/*height: 18px;*/
/*content: '';*/
/*border: 1px solid #d8d2d2;*/
/*background-color: #fff;*/
/*border-radius: 50%;*/
/*z-index: 2;*/
/*position: absolute;*/
/*right: 30px;*/
/*top: 50%;*/
/*transform: translateY(-50%);*/
/*cursor: pointer;*/
/*transition: all 200ms ease-in;*/
/*}*/

/*.input-group .input:checked ~ .inner-label {*/
/*border-radius: 3px;*/
/*border: solid 1px #00a699;*/
/*background-color: rgba(0, 166, 153, 0.08);*/
/*color: #00a699;*/
/*}*/
/*.input-group .input:checked ~ .inner-label:before {*/
/*transform: translate(-50%, -50%) scale3d(56, 56, 1);*/
/*opacity: 1;*/
/*}*/

/*.input-group .input:checked ~ .inner-label:after {*/
/*background-color: #00a699;*/
/*border-color: #54e0c7;*/
/*}*/

.form .items .item .form-field.weight-item, .height-item {
    position: relative;
    font-size: 18px;
    font-weight: normal;
}

.form .items .item .form-field .ruler {
    position: absolute;
    width: 100%;
    height: 40px;
    border-radius: 5px;
    background-color: #faf7f7;
}

/*.form .items .item .form-field .form-input.weight {*/
/*position: absolute;*/
/*width: 20%;*/
/*height: 30px;*/
/*top: 30px;*/
/*left: 40%;*/
/*z-index: 2;*/
/*border-radius: 4px;*/
/*border: solid 0.5px #00a699;*/
/*background-color: #ffffff;*/
/*font-size: 18px;*/
/*font-weight: 500;*/
/*font-style: normal;*/
/*font-stretch: normal;*/
/*line-height: 1.56;*/
/*letter-spacing: normal;*/
/*text-align: center;*/
/*color: #00a699;*/
/*}*/

/*.form .items .item .form-field .form-input.height {*/
/*position: absolute;*/
/*width: 20%;*/
/*height: 30px;*/
/*top: 30px;*/
/*left: 40%;*/
/*z-index: 2;*/
/*border-radius: 4px;*/
/*border: solid 0.5px #00a699;*/
/*background-color: #ffffff;*/
/*font-size: 18px;*/
/*font-weight: 500;*/
/*font-style: normal;*/
/*font-stretch: normal;*/
/*line-height: 1.56;*/
/*letter-spacing: normal;*/
/*text-align: center;*/
/*color: #00a699;*/
/*}*/

/*.form .items .item .form-field .control {*/
/*position: absolute;*/
/*font-size: 20px;*/
/*padding-top: 7px;*/
/*padding-right: 12px;*/
/*color: #00a699;*/
/*width: 40px;*/
/*height: 40px;*/
/*border-radius: 5px;*/
/*border: solid 1px #00a699;*/
/*background-color: #ffffff;*/
/*z-index: 2;*/
/*cursor: pointer;*/
/*}*/

/*.form .items .item .form-field .control.increase {*/
/*right: 0;*/
/*bottom: 0;*/
/*}*/

/*.form .items .item .form-field .control.decrease {*/
/*left: 0;*/
/*}*/

.form .items .item .form-field .ruler .kg-unit {
    position: absolute;
    border-left: 1px solid #d8d2d2;
    height: 100%;
    width: 7.14%;
    z-index: 1;
}

.form .items .item .form-field .ruler .kg-unit:nth-child(8) {
    border-left: 1px solid #00a699;
}

.form .items .item .form-field .ruler .kg-unit:first-child::after {
    opacity: 0;
}

.form .items .item .form-field .ruler .kg-unit:nth-child(odd)::after {
    content: '';
    height: 30px;
    top: 5px;
}

.form .items .item .form-field .ruler .kg-unit:after {
    position: absolute;
    width: 20px;
    height: 20px;
    left: -9px;
    top: 10px;
    background-color: #faf7f7;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #d8d2d2;
}

.ruler .kg-unit:nth-of-type(1) {
    left: 0%;
}

.ruler .kg-unit:nth-of-type(1):after {
    content: "0.5";
}

.ruler .kg-unit:nth-of-type(2) {
    left: 7.14%;
}

.ruler .kg-unit:nth-of-type(2):after {
    content: "1";
}

.ruler .kg-unit:nth-of-type(3) {
    left: 14.28%;
}

.ruler .kg-unit:nth-of-type(3):after {
    content: "1.5";
}

.ruler .kg-unit:nth-of-type(4) {
    left: 21.42%;
}

.ruler .kg-unit:nth-of-type(4):after {
    content: "2";
}

.ruler .kg-unit:nth-of-type(5) {
    left: 28.56%;
}

.ruler .kg-unit:nth-of-type(5):after {
    content: "2.5";
}

.ruler .kg-unit:nth-of-type(6) {
    left: 35.7%;
}

.ruler .kg-unit:nth-of-type(6):after {
    content: "3";
}

.ruler .kg-unit:nth-of-type(7) {
    left: 42.84%;
}

.ruler .kg-unit:nth-of-type(7):after {
    content: "3.5";
}

.ruler .kg-unit:nth-of-type(8) {
    left: 49.98%;
}

.ruler .kg-unit:nth-of-type(8):after {
    content: "4";
}

.ruler .kg-unit:nth-of-type(9) {
    left: 57.12%;
}

.ruler .kg-unit:nth-of-type(9):after {
    content: "4.5";
}

.ruler .kg-unit:nth-of-type(10) {
    left: 64.26%;
}

.ruler .kg-unit:nth-of-type(10):after {
    content: "5";
}

.ruler .kg-unit:nth-of-type(11) {
    left: 71.4%;
}

.ruler .kg-unit:nth-of-type(11):after {
    content: "5.5";
}

.ruler .kg-unit:nth-of-type(12) {
    left: 78.54%;
}

.ruler .kg-unit:nth-of-type(12):after {
    content: "6";
}

.ruler .kg-unit:nth-of-type(13) {
    left: 85.68%;
}

.ruler .kg-unit:nth-of-type(13):after {
    content: "6.5";
}

.ruler .kg-unit:nth-of-type(14) {
    left: 92.82%;
}

.ruler .kg-unit:nth-of-type(14):after {
    content: "7";
}

.ruler .g-unit:nth-of-type(15) {
    left: 100%;
}

.ruler .kg-unit:nth-of-type(15):after {
    content: "7.5";
}

/* new landing end*/

.limoo-continue-button {
    background: #00694D;
    text-align: right;
    padding-right: 40px;
    font-size: 20px;
}

.limoo-continue-button:hover,
.limoo-continue-button:active,
.limoo-continue-button:focus,
.limoo-continue-button:active:hover,
.limoo-continue-button:active:active,
.limoo-continue-button:active:focus {
    background: #00503b;
}

.limoo-continue-button::before {
    background-color: #a7d7a8;
    background-image: url('/assets/images/left-arrow.png');
}

.limoo-continue-button:hover::before,
.limoo-continue-button:active::before,
.limoo-continue-button:focus::before {
    background-color: #a7d7a8;
}

.limoo-continue-button {
    background: #00694D;
    text-align: right;
    padding-right: 40px;
    font-size: 20px;
}

.limoo-continue-button:disabled,
.limoo-continue-button:disabled:hover,
.limoo-continue-button:disabled:active,
.limoo-continue-button:disabled:focus {
    background-color: #5c5c5c;
}

.dark-green-text {
    color: #00694D;
}

.limoo-slider-box {

}

.limoo-slider-box .header {
    position: relative;
    cursor: pointer;
    padding: 20px;
    padding-left: 50px;
    background: #5C5C5C;
    color: #fff;
}

.limoo-slider-box .content {
    padding: 40px;
    background: #ECECEC;
    border-radius: 0 0 30px 30px;
}

.limoo-slider-box .icon {
    position: absolute;
    top: 10px;
    left: 24px;
    font-size: 30px;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.limoo-slider-box .slideup-icon {
    position: absolute;
    font-size: 30px;
    cursor: pointer;
    left: 24px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.limoo-slider-box .relative {
    position: relative;
}

.goto-top::before {
    background-color: #FFEAC4;
    background-image: url('/assets/images/gototop.png');
}

.goto-top:hover::before,
.goto-top:focus::before,
.goto-top:active::before {
    background-color: #FFEAC4;
}

.tel-button::before {
    background-color: #ce81db;
    background-image: url('/assets/images/tel.png');
}

.tel-button:hover::before,
.tel-button:focus::before,
.tel-button:active::before {
    background-color: #ce81db;
}

.campaign-modal {
    padding-top: 50px;
}

.campaign-modal .modal-dialog {
    width: 500px;
    max-width: 95vw;
}

.campaign-modal .modal-header {
    color: #fff;
    line-height: 28px;
    padding: 10px 15px;
    border-bottom: none;
    position: relative;
    padding-top: 30px;
}

.campaign-modal .modal-header .gift-icon {
    background-image: url('/assets/images/gift.svg');
    display: block;
    width: 300px;
    left: 50%;
    z-index: 10000;
    position: absolute;
    height: 150px;
    top: -74px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.campaign-modal .modal-header .happy-icon {
    background-image: url('/assets/images/happy.svg');
    display: block;
    width: 560px;
    max-width: 100%;
    left: 50%;
    z-index: 10000;
    position: absolute;
    height: 450px;
    top: -190px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.campaign-modal .modal-header .yalda-icon {
    background-image: url(/assets/images/watermelon.svg);
    display: block;
    width: 150px;
    max-width: 100%;
    left: 0;
    z-index: 10000;
    position: absolute;
    height: 150px;
    top: -70px;
    background-repeat: no-repeat;
    background-position: center;
}

.campaign-modal .modal-header .winter-icon {
    background-image: url(/assets/images/snowflake.svg);
    display: block;
    width: 80px;
    max-width: 100%;
    left: 20px;
    z-index: 10000;
    position: absolute;
    height: 80px;
    top: 20px;
    background-repeat: no-repeat;
    background-position: center;
}

.campaign-modal .modal-header .close,
.campaign-modal .modal-header .close:hover {
    font-weight: normal;
    font-size: 30px;
    opacity: 1;
    margin: 0 10px;
    text-shadow: none;
    width: 40px;
    background-repeat: no-repeat;
    position: absolute;
    background-image: url(/assets/images/close-white.svg);
    height: 40px;
    z-index: 10000;
    top: -15px;
    right: -19px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.campaign-modal .modal-content {
    border-radius: 20px;
    padding-bottom: 30px;
    background: #002e7b;
}

.campaign-modal .modal-body {
    padding: 0 20px;
    position: relative;
    border-radius: 20px;
    color: white;
}

.campaign-modal .modal-body .text {
    padding: 20px;
    line-height: 26px;
}

.campaign-modal .modal-body .title-text {
    font-size: 24px;
    line-height: 36px;
    font-weight: 900;
}

.campaign-modal .modal-body .sup-title-text {
    color: #94cbed;
}

.campaign-modal .modal-body .dot-seperator {
    border-style: dashed;
    margin: 25px -20px;
}

.campaign-modal .modal-body .seperator {
    display: block;
    border-bottom: 4px solid white;
    width: 100%;
    margin: 16px 0px;
    border-radius: 10px;
}

.campaign-modal .modal-body .description {
    font-size: 13px;
    line-height: 25px;
    opacity: 0.8;
}

.campaign-modal .modal-body .box {
    background: white;
    padding: 20px 30px;
    color: #002e7b;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    border-radius: 15px;
    margin: 20px 0;
}

.campaign-modal .modal-body .box .box-description b {
    font-weight: 900;
}

.campaign-modal .modal-body .box .box-discount {
    overflow: hidden;
    clear: both;
    margin: 8px 0;
}

.campaign-modal .modal-body .box .box-discount .discount-text {
    font-size: 32px;
    color: #ff0059;
    font-weight: 900;
    display: inline-block;
}

.campaign-modal .modal-body .box .box-discount .discount-amount {
    color: #31d535;
    margin-top: 4px;
    display: inline-block;
    margin-right: 12px;
}

.campaign-modal .modal-body .special-button-container {
    text-align: center;
}

.campaign-modal .modal-body .special-button-container .special-button {
    border-radius: 40px;
    background: #fff;
    padding: 12px 45px 11px;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    color: #182848;
    display: inline-block;
}

.campaign-modal .modal-body .close-button {
    width: 80%;
    display: block;
    margin-right: auto;
    margin-left: auto;
    background: #4285F4;
    color: #fff;
    padding: 14px 0;
    font-size: 15px;
    font-weight: normal;
    text-shadow: none;
    position: relative;
    bottom: -1px;
    border: none;
    border-radius: 30px;
}

.campaign-modal .modal-body .close-button {
    background: #2466f4;
}

.campaign-modal .modal-body .discount-time {
    text-align: center;
    margin-bottom: 14px;
    font-size: 13px;
}

.campaign-modal .modal-body .discount-hint {
    text-align: center;
    margin-top: 14px;
    font-size: 10px;
}

.payment-factor-container {
    background-color: #F1F6FE;
    margin: auto -20px;
    padding: 0 20px;
    border-radius: 0 0 45px 45px;
}

.payment-header {
    background-color: #4285F4;
    color: #fff;
    padding: 20px;
    margin: -20px -20px;
    height: 100px;
    font-size: 20px;
    font-weight: 900;
}

.payment-header .text {
    padding: 20px 20px;
    color: #fff;
    font-size: 26px;
    font-weight: 900;
}

.page-color-title {
    color: #4179F7;
    font-size: 30px;
    font-weight: 900;
}

hr.dashed {
    border-top: 2px dashed #aaa;
}

.right {
    display: inline-block;
}

.left {
    display: inline-block;
    float: left;
}

.pay-detail-countainer .pay-detail-row.final-price-container,
.final-price-container {
    background-color: #E9F1FF;
    padding: 20px;
    color: #4285f3;
    font-weight: 900;
    font-size: 20px;
    margin-bottom: 20px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.small-text {
    font-size: 13px;
    font-weight: normal;
}

.use-points-container {
    padding: 20px 5px 20px 5px;
    line-height: 26px;
}

.use-points-container .toggle-container {
    float: left;
    display: inline-block;
    position: relative;
    top: 1px;
    left: -2px;
}

.use-points-container .current-points {
    font-size: 12px;
}

.use-points-container .title {
    font-weight: 900;
    color: #0a940a;
    font-size: 16px;
}

.use-points-container .star-icon {
    float: right;
    height: 80px;
    margin-left: 5px;
    width: 50px;
    /*background-image: url('/assets/images/star-off.svg');*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.use-points-container .star-icon.off {
    background-image: url('/assets/images/star-off.svg');
}

.use-points-container .star-icon.on {
    background-image: url('/assets/images/star-on.svg');
}

.container.desktop {
    width: 100%;
    margin: 0;
}

@media (min-width: 768px) {
    /* .container {
        width: 700px;
    } */

    .support-fix-button {
        width: 50%;
    }

    .has-connector .connector {
        width: 96%;
        right: 2%;
    }
}
/*
@media (min-width: 992px) {
    .container {
        width: 700px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 700px;
    }
} */

.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 5s;
}

.active, .accordion:hover {
    background-color: #ccc;
}

.panel {
    padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
}

.accordion-container {
    background-color: #FFAF47;
    margin: 10px;
    border-radius: 6px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.accordion-questions {
    background-color: #C7DCFF;
    margin: 10px;
    border-radius: 6px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.accordion-content {
    clear: both;
    overflow: hidden;
    background-color: #FFF9F2;
    padding: 15px;
    position: relative;
    margin: -14px 10px 10px 10px;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.accordion-content-2 {
    clear: both;
    overflow: hidden;
    background-color: #F0F5FF;
    padding: 15px;
    position: relative;
    margin: -14px 10px 10px 10px;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    line-height: 2.5rem;
}

.accordion-title-1 {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    line-height: 34px;
    position: relative;
    top: 13px;
}

.accordion-title-2 {
    font-size: 16px;
    color: #5B86E5;
    font-weight: 700;
    line-height: 34px;
    position: relative;
    top: 13px;
}

.payment-help-icon {
    float: right;
    height: 20px;
    margin-left: 10px;
    width: 20px;
    background-color: #fff;
    border-radius: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    top: 20px;
}

.question-help-icon {
    float: right;
    height: 20px;
    margin-left: 10px;
    width: 20px;
    background-color: #5B86E5;
    border-radius: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    top: 20px;
}

.camp-head-text1 {
    width: 80%;
    height: 61px;
    font-size: 36px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.97;
    letter-spacing: -0.9px;
    text-align: right;
    color: #ffffff;
}

.camp-head-text2 {
    width: 90%;
    height: 61px;
    font-size: 72px;
    font-weight: bold;
    font-style: normal;
    line-height: 0.97;
    text-align: right;
    color: #ffffff;
    position: relative;
    padding: 0px 0px 0px 0px;
}

.camp-seperator {
    width: 100%;
    height: 10px;
    background-color: #ffffff;
    margin-top: 30px;
}

.camp-head-text3 {
    font-family: 'IRANSans';
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    line-height: 1;
    text-align: left;
    color: #ffffff;
    position: relative;
    margin-top: 20px;
}

.camp-head-text4 {
    border: none;
    background-color: #efddfe;
    border-radius: 30px;
    color: #673ab7;
    font-weight: bold;
    padding: 2px 10px;
    width: 25%;
    transition: all ease 0.2s;
    text-shadow: none;
    margin-bottom: 15px;
    float: left;
    text-align: center;
}

.camp-detail-button {
    border: none;
    background-color: #cd3ae7;
    border-radius: 30px;
    color: #ffffff;
    font-weight: bold;
    padding: 5px;
    width: 40%;
    transition: all ease 0.2s;
    text-shadow: none;
    margin: 250px 0px 40px 30px;
    float: right;
    text-align: center;
}

.img-round {
    border-radius: 30px;
}

.campaign-box-green {
    background: #f0fff1;
    border-radius: 30px;
    padding: 30px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.campaign-box-blue {
    background: #f0f8ff;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    padding: 20px 20px 5px;
    margin: 20px 0;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.campaign-box-blue .title {
    font-size: 22px;
    font-weight: 900;
    padding-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 4px solid #4285f4;
}

.campaign-box-blue .text {
    font-size: 12px;
    line-height: 24px;
}

.campaign-box-blue .text .image-container {
    text-align: center;
    margin: 20px 0
}

.campaign-box-blue .text .image-container img {
    width: 100%;
}

.camp-head-textgreen {
    font-size: 28px;
    font-weight: bold;
}

.campaign-background {
    background-color: #fffdf8;
}

.camp-green-seperator {
    height: 3px;
    background-color: #4caf50;
    margin: 14px 0 16px;
    border-radius: 20px;
}

.camp-body-textgreen {
    font-size: 12px;
    line-height: 26px;
}

.camp-body-textgreen .about-button {
    color: #fff;
    background: #4caf50;
    border-radius: 20px;
    font-size: 10px;
    padding: 4px 13px;
    font-weight: bold;
    white-space: nowrap;
}

.campaign-box-green .form-container label {
    color: #4caf50;
    font-size: 16px;
    font-weight: 900;
}

.campaign-box-green .form-container input {
    border-bottom: 3px solid #dbf5dc;
}

.campaign-box-green .form-container .limoo-continue-button {
    background: #4caf50;
    text-align: center;
    padding: 15px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
}

.campaign-box-green .form-container .arrow-left-icon {
    background-image: url("/assets/images/arrow-right-w.svg");
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 20px;
    height: 20px;
    float: left;
    background-size: contain;
    margin-top: 4px;
}

.why-limoome-container .arrow-down-icon {
    background-image: url("/assets/images/arrow-right-g.svg");
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 26px;
    height: 26px;
    background-size: contain;
    margin: 0 auto;
}

.why-bardari-container {
    color: #FF6086;
}

.why-limoome-container .sup-title {
    text-align: center;
    font-weight: bold;
}

.why-limoome-container .sup-title {
    text-align: center;
    font-weight: bold;

}

.why-limoome-container .box-orange {
    background: #fff8ec;
    border-radius: 30px;
    padding: 30px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.why-limoome-container .box-orange .title {
    font-weight: 900;
    font-size: 24px;
    color: #222;
}

.why-limoome-container .box-orange .seperator {
    margin: 14px 0;
    border-bottom: 4px solid #f9a825;
    border-radius: 10px;
}

.why-limoome-container .box-orange .why-items-container {
}

.why-limoome-container .box-orange .why-items-container .why-item-row {
    margin: 30px 0;
}

.why-limoome-container .box-orange .why-items-container .why-item-row .icon {
    width: 70px;
    float: right;
    margin: 10px 0;
}

.why-limoome-container .box-orange .why-items-container .why-item-row .icon img {
    width: 100%;
}

.why-limoome-container .box-orange .why-items-container .why-item-row .content {
    /* padding-right: 84px; */
}

.why-limoome-container .box-orange .why-items-container .why-item-row .content .title {
    font-size: 12px;
    line-height: 22px;
}

.why-limoome-container .box-orange .why-items-container .why-item-row .content .text {
    font-size: 11px;
    line-height: 17px;
    margin-top: 4px;
    word-spacing: -3px;
    text-align: justify;
}

.campaign-box-green .form-container .select2,
.campaign-box-green .form-container .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #4caf50;
}

.campaign-box-green .form-container .select2-container--default .select2-selection--single .select2-selection__rendered {
    text-align: right;
}

.campaign-box-green .form-container .select2-container--default .select2-selection--single {
    border-bottom: 3px solid #dbf5dc;
}

.campaign-box-purple {
    background: #fceeff;
    border-radius: 30px 30px 0 0;
    padding: 20px 20px 30px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.campaign-box-purple .title-box {
    font-size: 22px;
    font-weight: 900;
    margin-bottom: 16px;
    padding-bottom: 14px;
    border-bottom: 4px solid #9c27b0;
}

.campaign-box-purple .text {
    font-size: 12px;
    line-height: 24px;
}

.camp-detail-button-pink {
    border: none;
    background-color: #4caf50;
    border-radius: 30px;
    color: #ffffff;
    font-weight: bold;
    padding: 5px;
    width: 60%;
    text-shadow: none;
    text-align: center;
    float: right;
    margin: 20px 0px 20px 0px;
}

.navbar .navbar-login {
    float: left;
}

.navbar .navbar-login .navbar-login-button {
    background-image: url(/assets/images/login-arrow.svg);
    background-color: #4caf50;
    background-position: 6px center;
    background-repeat: no-repeat;
    background-size: 28px;
    display: inline-block;
    color: white;
    font-size: 10px;
    padding: 2px 10px 4px 39px;
    border-radius: 9px;
    line-height: 17px;
    margin: 11px 16px;
}

.navbar-nav {
    margin: 0 -15px;
}

.title-type-1 {
    color: #444;
    font-size: 22px;
    font-weight: 900;
    line-height: 28px;
}

.title-type-2 {
    font-size: 18px;
    color: #000;
    font-weight: 900;
    line-height: 34px;
}

.title-type-3 {
    font-size: 16px;
    color: #000;
    font-weight: 900;
    line-height: 34px;
}

.data-type-1 {
    color: #666;
    font-size: 14px;
    line-height: 24px;
}

.data-type-2 {
    color: #666;
    font-size: 12px;
    line-height: 24px;
}

.star-icon {
    float: right;
    height: 30px;
    margin-left: 10px;
    width: 30px;
    background-image: url('/assets/images/star-off.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.star-icon.off {
    background-image: url('/assets/images/star-off.svg');
}

.star-icon.on {
    background-image: url('/assets/images/star-on.svg');
}

.weight-icon {
    float: right;
    height: 30px;
    margin-left: 10px;
    width: 30px;
    background-image: url('/assets/images/weight.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.text-orange {
    color: #dd8500;
}

.arrow-down-icon {
    background-image: url("/assets/images/arrow-right-g.svg");
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 26px;
    height: 26px;
    background-size: contain;
    margin: 0 auto;
    display: inline-block;
}

.arrow-down-icon.red {
    background-image: url("/assets/images/arrow-right-r.svg");
}

.special-message-container {
    margin: 30px 0 0;
}

.special-message-container .content-container + .content-container {
    margin-top: 30px;
}

.special-message-container .header-container {
    color: #ff0059;
    font-weight: bold;
    font-size: 16px;
    padding: 0 20px;
}

.special-message-container .content-container {
    margin-top: 6px;
}

.special-message-container .discount-message-box {
    background: #002e7b;
    color: white;
    padding: 20px 30px 40px;
    border-radius: 30px;
}

.special-message-container .discount-message-box .title {
    font-size: 16px;
}

.special-message-container .discount-message-box .title .discount {
    font-weight: bold;
    font-size: 44px;
    margin-left: 10px;
    float: right;
    line-height: 50px;
    margin-top: 15px;
}

.special-message-container .discount-message-box .title .first-state {
    margin-top: 15px;
}

.watermelon {
    background-image: url(/assets/images/watermelon.svg);
    width: 70px;
    height: 70px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
    display: inline-block;
}

.snowflake {
    background-image: url('/assets/images/snowflake.svg');
    width: 70px;
    height: 70px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
    display: inline-block;
}

.special-message-container .discount-message-box .description {
    text-align: justify;
    margin-top: 40px;
    font-weight: 300;
    line-height: 28px;
    font-size: 18px;
}

.special-message-container .discount-message-box .dot-seperator {
    border-style: dashed;
    margin: 25px -30px;
}

.special-message-container .discount-message-box .discount-time {
    text-align: center;
    line-height: 24px;
    font-size: 13px;
    margin-bottom: 14px;
}

.special-message-container .discount-message-box .special-button-container {
    text-align: center;
}

.special-message-container .discount-message-box .special-button-container .special-button {
    border-radius: 40px;
    background: #fff;
    padding: 12px 45px 11px;
    font-size: 18px;
    font-weight: 900;
    text-decoration: none;
    color: #182848;
    display: inline-block;
}

.special-message-container .invite-message-box {
    background: #673ab7;
    color: white;
    padding: 20px 30px 40px;
    border-radius: 30px;
}

.special-message-container .invite-message-box .title {
    font-size: 24px;
    font-weight: 700;
}

.envelope {
    background-image: url(/assets/images/envelope.svg);
    width: 70px;
    height: 70px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
    display: inline-block;
}

.special-message-container .invite-message-box .invite-link-container {
    overflow: hidden;
    clear: both;
    margin: 12px 0;
}

.special-message-container .invite-message-box .invite-link-container .invite-link {
    width: 80%;
    float: left;
    text-align: left;
    background: #fff;
    color: #333;
    padding: 6px 12px;
    font-size: 12px;
    border-radius: 8px;
    min-height: 46px;
}

.special-message-container .invite-message-box .copy-button-container {
    float: left;
    margin-left: 10px;
    background-color: #c222dd;
    border-radius: 10px;
    background-image: url('/assets/images/copy.svg');
    background-repeat: no-repeat;
    background-size: 26px;
    background-position: center;
}

.special-message-container .invite-message-box .telegram-share-button {
    width: 100%;
    border-radius: 6px;
    margin: 10px 0;
}

.special-message-container .invite-message-box .description {
    text-align: justify;
    margin-top: 30px;
    font-weight: 300;
    line-height: 28px;
    font-size: 16px;
}

.special-message-container .invite-message-box .dot-seperator {
    border-style: dashed;
    margin: 25px -30px;
}

.special-message-container .invite-message-box .discount-time {
    text-align: center;
    line-height: 24px;
    font-size: 13px;
}

.special-message-container .invite-message-box .special-button-container {
    text-align: center;
}

.special-message-container .invite-message-box .special-button-container .special-button {
    border-radius: 40px;
    background: #ff0059;
    padding: 14px 25px 14px;
    font-size: 20px;
    font-weight: bold;
    border: 8px solid #32d736;
    text-decoration: none;
    color: #fff;
    display: inline-block;
}

.special-message-container .bottom-line {
    border-bottom: 3px solid #ff0059;
    margin-top: 25px;
    margin: 25px 10px 0;
}

/*invite page styles :: begin*/

.special-message-container {
    margin: 30px 0 0;
}

.special-message-container .content-container {
    margin-top: 6px;
}

.special-message-container .invite-box {
    background: #f7f7f7;
    color: white;
    padding: 20px 30px 40px;
    border-radius: 30px;
}

.invite-link {
    word-break: break-all;
}

.invite-link .link {
    width: 80%;
    float: left;
    text-align: left;
    background: #fff;
    color: #333;
    padding: 6px 6px;
    font-size: 13px;
    border-radius: 8px;
}

.special-message-container .invite-box .copy-button {
    width: 40px;
    height: 40px;
    float: left;
    margin-left: 10px;
    background-color: #808080;
    border-radius: 25px;
    background-image: url(/assets/images/copy.svg);
    background-repeat: no-repeat;
    background-size: 26px;
    background-position: center;
}

.description-text {
    font-size: 14px;
    font-weight: normal;
    text-align: justify;
    color: #5c5c5c;
    padding: 0 5% 0 5%;
}

.special-message-container .invite-box .whatsapp-button {
    width: 100%;
    border-radius: 999px;
    margin: 10px 0;
}

.whatsapp-button {
    height: 100%;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background: url(/assets/images/whatsapplogo.svg) no-repeat;
    background-size: 60px 40px;
    background-color: #00e777;

    font-size: 16px;
    text-align: center;
    color: #ffffff;
    background-position: right center;
    padding: 15px;
    padding-right: 55px;
}

.whatsapp-button a,
.whatsapp-button a:active,
.whatsapp-button a:focus,
.whatsapp-button a:visited {
    color: #ffffff;
}

.whatsapp-button a:hover {
    color: #eee;
}

.share-text {

    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.69;
    letter-spacing: -0.3px;
    text-align: center;
    color: #ffffff;
    padding: 10px;
}

.special-message-container .invite-box .telegram-button {
    width: 100%;
    border-radius: 999px;
    margin: 10px 0;
}

.telegram-button {
    height: 100%;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background: url(/assets/images/telegram.svg) no-repeat;
    background-size: 70px 40px;
    background-color: #6babde;

    font-size: 16px;
    text-align: center;
    color: #ffffff;
    background-position: right center;
    padding: 15px;
    padding-right: 55px;
}

.telegram-button a,
.telegram-button a:active,
.telegram-button a:focus,
.telegram-button a:visited {
    color: #ffffff;
}

.telegram-button a:hover {
    color: #eee;
}

.return-button-container {
    padding: 0 10% 0 10%;
}

.body-invite-text {

    font-size: 14px;
    text-align: justify;
    color: #212121;
}

.countdown {
    overflow: hidden;
    clear: both;
}

.countdown .countdown-section {
    float: left;
    width: 25%;
    color: #f7ce69;
    text-align: center;
}

.countdown .countdown-item {
    border-radius: 8px;
    border: 1px solid #f7ce69;
    width: 60px;
    height: 60px;
    display: inline-block;
    padding: 10px;
}

.countdown .countdown-item .countdown-value {
    display: block;
    font-size: 26px;
    font-weight: 700;
    margin-top: 2px;
    line-height: 20px;
}

.countdown .countdown-item .countdown-label {
    display: block;
    font-size: 12px;
    line-height: 18px;
    font-weight: 300;
    margin-top: 2px;
}

/* invite page styles :: end*/

.start-date-box {
    width: 100%;
    border-radius: 33px;
    border: solid 3px #4caf50;
    border-top-style: none;
    background-color: #ffffff;
}

.start-date-box-closed {
    width: 100%;
    border-radius: 37px;
    background-color: #ffffff;
}

.start-date-box-title {
    width: 100%;
    height: 30%;
    color: #ffffff;
    border-radius: 30px;
    background-color: #4caf50;
    margin: 0 0 0 0;
    cursor: pointer;
}

.start-date-box-title-setDate {
    width: 101%;
    height: 55px;
    border: solid 3px #4caf50;
    color: #4caf50;
    border-radius: 30px;
    background-color: #f2fff3;
    margin: 0 -2px 0 0;
    cursor: pointer;
}

.start-text {

    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    color: inherit;
    padding: 13px;
    margin-right: 15px;
}

.start-text-clicked {

    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    color: inherit;
    padding: 13px;
    margin-right: 45px;
}

.calender-icon {
    float: right;
    background: url(/assets/images/calendar.svg);
    padding: 17px;
    margin: -43px 36px 0px 0px;
}

.calender-icon-clicked {
    float: right;
    background: url(/assets/images/calendar-clicked.svg);
    padding: 17px;
    margin: -43px 36px 0px 0px;
}

.dark-text {

    font-size: 14px;
    font-weight: bold;
    letter-spacing: -0.4px;
    text-align: justify;
    padding: 0 20px 0 20px;
    color: #212121;
}

.selected-date {
    font-size: 14px;
    font-weight: 200;
    letter-spacing: -0.4px;
    text-align: justify;
    padding: 0 20px 0 20px;
    color: #4caf50;
}

.grid-container {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 10px;
    padding: 14px;
    border-radius: 10px;
}

.start-box {
    margin: 10px;
}

.grid-item {
    background-color: #ffffff;
    border-color: #00ff00;
    margin: 1px;
    text-align: center;
    color: #111111;
    border-radius: 10px;
    cursor: pointer;
}

.grid-item.selected .month-item {
    height: 70%;
    background-color: #08b908;
    text-align: center;
    color: #ffffff;
    border-radius: 0px 0px 10px 10px;
}

.grid-item.selected .week-item {
    height: 30%;
    vertical-align: middle;
    background-color: #E4FFE6;
    color: #4CAF50;
    text-align: center;
    border-radius: 10px 10px 0px 0px;
}

.grid-item:first-child {
    grid-column-start: 1;
    grid-column-end: 5;
}

.week-item {
    height: 30%;
    vertical-align: middle;
    background-color: #e0ffe1;
    border: solid 1px #6aba6d;
    color: #4caf50;
    text-align: center;
    border-radius: 10px 10px 0px 0px;
}

.week-item-clicked {
    height: 30%;
    vertical-align: middle;
    background-color: #4caf50;
    border-color: #ffffff;
    color: #ffffff;
    text-align: center;
    border-radius: 10px 10px 0px 0px;
}

.active .week-item {
    height: 30%;
    vertical-align: middle;
    background-color: #4caf50;
    border-color: #ffffff;
    color: #ffffff;
    text-align: center;
    border-radius: 10px 10px 0px 0px;
}

.active .month-item {
    height: 70%;
    background-color: #4caf50;
    border-color: #ffffff;
    text-align: center;
    color: #ffffff;
    border-radius: 0px 0px 10px 10px;
}

.grid-item:first-child .week-item-clicked {
    height: 30%;
    vertical-align: middle;
    background-color: #4caf50;
    border: solid 1px #ffffff;
    color: #ffffff;
    text-align: center;
    border-radius: 10px 10px 0px 0px;
}

.grid-item:first-child .month-item .day {
    margin-right: auto;
}

.grid-item:first-child .month-item .month-name {
    margin-right: auto;
}

.month-item {
    height: 70%;
    background-color: #ffffff;
    border: solid 1px #6aba6d;
    text-align: center;
    color: #6aba6d;
    border-radius: 0px 0px 10px 10px;
}

.month-item-clicked {
    height: 70%;
    background-color: #4caf50;
    border-color: #ffffff;
    text-align: center;
    color: #ffffff;
    border-radius: 0px 0px 10px 10px;
}

.grid-item:first-child .month-item {
    height: 63px !important;
}

.grid-item:first-child .month-item-clicked {
    height: 63px;
    border: solid 1px #ffffff;
}

.day {
    padding: 10px 0 0 0;
    height: 32px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: inherit;
}

.month-name {
    font-size: 13px;
    font-weight: 300;
    text-align: center;
    color: inherit;
    padding-bottom: 6px;
}

.issue-date-description {
    display: inline-block;
    font-weight: bold;
    width: 80%;
    vertical-align: middle;
    padding-top: 30px;
    text-align: left;
    padding-left: 12px;
}

.issue-date-description-clicked {
    display: inline-block;
    font-weight: bold;
    width: 80%;
    padding-top: 20px;
    background-color: #4caf50;
    padding-right: 110px;
}

.dot-seperator {
    border-style: dashed;
    margin: 25px;
}

.seperator {
    border-bottom-style: dashed;
    margin: 8px;
    border-width: thin;
}

.date-container {
    float: right;
    width: 20%;
}

.date-container-clicked {
    float: right;
    width: 20%;
    background-color: #4caf50;
    border-bottom-right-radius: 10px;
}

.help-box {
    background: #f5f5f5;
    border-radius: 20px;
    color: #666;
    margin-top: 20px;
    padding: 10px;
    padding-bottom: 0px;
    height: fit-content;
}

.question-sign-container {
    content: '';
    display: inline-block;
    position: absolute;
    width: 40px;
    height: 40px;
    background: #9D9E9F;
    z-index: 1;
    border-radius: 50%;
}

.question-sign {

    font-size: 21px;
    font-weight: normal;
    line-height: 2;
    color: #ffffff;
}

.help-text {

    font-size: 15px;
    text-align: center;
    line-height: 21px;
    letter-spacing: 0.2px;
    color: #212121;
    padding-top: 13px;
}

.veiw-diets-down {

    font-size: 17px;
    font-weight: bold;
    color: #4caf50;
    text-align: center;
}

.veiw-diets-up {

    font-size: 17px;
    font-weight: bold;
    color: #aeacb2;
}

.anchor-down {
    height: 50px;
    display: inline;
    background: url(/assets/images/arrow-down.svg) no-repeat;
    background-size: 20px 20px;
    background-position: center center;
    margin-top: -12px;
}

.anchor-top {
    height: 50px;
    display: inline;
    background: url(/assets/images/arrow-up.svg) no-repeat;
    background-size: 20px 20px;
    background-position: center center;
    margin-top: -12px;
}

.prize-modal .modal-content {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;

}

.prize-modal .modal-content .close {
    float: right;
}

.prize-modal .modal-content .top-box {
    background-image: url(/assets/images/prize.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 200px;
    width: 300px;
    margin: 0 auto;
}

.prize-modal .modal-content .title {
    font-weight: 900;
    font-size: 36px;
    line-height: 50px;
    margin: 0 10%;
}

.prize-modal .modal-content .description {
    line-height: 20px;
    margin: 0 10% 20px 10%;
}

.prize-modal .modal-content .button-container {
    margin: 15px 10% 30px 10%;
}

.prize-modal .modal-content .want {
    background-color: #00caf0;
    border-radius: 20px;
    padding: 3px 0px;
    width: 90%;
    color: #fff;
    text-shadow: none;
}

.prize-modal .modal-content .why-want {
    position: relative;
    text-decoration: underline;
    float: right;
    background-color: transparent;
    border: none;
    font-weight: bold;
}

.counter-box {
    background-color: #EFEFEF;
    border-radius: 10px;
    margin: 0 10% 0 10%;
}

.line {
    border-bottom-style: solid;
    border-color: #aeacb2;
    display: block;
    margin: 0 14px 0 14px;
    padding-block-end: 28px;
}

.busymessage-container .loading-container {
    margin-top: 10px;
    text-align: center;
    font-size: 20px;
}

.busymessage-container .loading-container .loading {
    background-image: url(/assets/images/smileyloading.gif);
    height: 200px;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.busymessage-container .main-message {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 10px 1rem;
    line-height: 26px;
    text-align: center;
    font-size: 16px;
    word-spacing: -3px;
    margin: 5rem 0 1rem;
}

.grid-item:hover .month-item {
    height: 70%;
    background-color: #f2fff3;
    border-color: #4caf50;
    text-align: center;
    color: #4caf50;
    border-radius: 0px 0px 10px 10px;
}

.grid-item:hover .week-item {
    height: 30%;
    vertical-align: middle;
    background-color: #4caf50;
    border-color: #4caf50;
    color: #ffffff;
    text-align: center;
    border-radius: 10px 10px 0px 0px;
}

.score-container {
    clear: both;
    overflow: hidden;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.07);
    background-color: #fff9e9;
}

.golden-score-container {
    position: relative;
    right: -71px;
    top: 21px;
    font-size: 20px;
    color: #ffffff;
    clear: both;
    overflow: hidden;
    background-color: transparent;
}

.golden-score-container .score {
    font-size: 30px;
    font-weight: 900;
    line-height: 27px;
}

.amount-container {
    position: relative;
    line-height: 23px;
    left: -73px;
    top: 38px;
    font-size: 20px;
    color: #ffffff;
    clear: both;
    overflow: hidden;
    background-color: transparent;
}

.amount-container .amount {
    font-size: 32px;
    font-weight: 900;
    position: relative;
    left: 3px;
    top: 4px;
}

.fitness-container {
    clear: both;
    overflow: hidden;
    background-color: #FFF9F2;
}

.alert-theme {
    background-color: #F0FFF1;
    margin-top: -20px;
    box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.07)
}

.alert-dismissible .close-theme {
    position: relative;
    top: -4px;
    right: -4px;
    color: #4CAF50;
    float: right;
    opacity: 1;
    font-size: 37px;
}

.alert-success .alert-link {
    color: #4CAF50;
    display: block;
    text-align: center;
}

.justify {
    text-align: justify;
}

.question-description {
    /*font-size: 12px;*/
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.83;
    letter-spacing: normal;
    color: #787275;
    margin-bottom: 16px;
}

.question-description.red {
    color: #f44436;
}

.question-description.attention {
    position: relative;
    /*font-size: 12px;*/
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: justify;
    color: #787275;
    background-color: #FFFFFF;
    height: auto;
    margin-right: 12px;
    padding: 8px 16px 8px 8px;
}

.question-description.attention.similar {
    background-color: #f7f6f2;
    margin: 8px;
    border-radius: 3px;
}

.question-description.attention .icon {
    position: absolute;
    right: -12px;
    top: 50%;
    transform: translate(-4%, -50%);
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #ffc837;
}

.question-description.attention .icon.attention {
    text-shadow: 0 3px 24px #ff0033;
    color: #ff0033;
}

.bodyinfo-description {
    text-align: justify;
    font-size: 12px;
    color: #A3A3A3;
    padding: 25px 15px;
}

.medical-description {
    font-size: 12px;
    color: #A3A3A3;
    padding: 20px 0 20px 0;
}

.error-description {
    display: none;
    text-align: justify;
    font-size: 12px;
    color: #ff0000;
    padding: 25px 15px;
}

.header-container {
    padding: 0 0 10px 0;
    margin: -18px auto auto auto;
    border-radius: 0 0 30px 30px;
    color: #000000;
}

.header-container.bodyinfo-container {
    background-color: #E1F6F4;
    height: max-content;
}

.header-container .header-title {
    height: 60px;
    color: #ffffff;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding: 18px 0 18px 0;
}

.header-container.header-title.bodyinfo-title {
    background-color: #009688;
}

.header-container.container-content {
    margin: auto;
    line-height: 22px;
    padding: 30px;
    text-align: justify;
}

.optional {
    float: left;
    font-size: 14px;
    color: #FF8A65;
    font-weight: bold;
    text-align: left;
    margin-top: 4px;
}

.description-optional {
    color: #FF8A65;
    font-weight: bold;
}

.inputText-content {
    color: #4CAF50;
    font-weight: bold;
}

.show-text-input {
    font-size: 30px;
    color: #4CAF50;
    font-weight: bold;
    text-align: center;
    background-color: #E5E5E6;
    border: solid 1px #E5E5E6;
    width: 100%;
    height: 50px;
}

.show-text-input::placeholder {
    font-size: 14px;
    color: #999;
    text-align: center;
    display: block;
    position: relative;
    top: -4px;
}

.header-container.header-title.generalinfo-title {
    background-color: #2196F3;
}

.container-content .orange-description {
    color: #FF5722;
    font-weight: bold;
}

.container-content .blue-description {
    color: #4285F4;
    font-weight: bold;
}

.help-audio-container .audio-description {
    font-size: 10px;
    font-weight: 500;
    color: #a59da1;
    float: left;
    display: inline-block;
    clear: both;
    /* position: relative; */
    position: absolute;
    /* top: 22px; */
    top: 28px;
    left: 48px;
    text-align: left;
}

.header-container.header-title.medicalinfo-title {
    background-color: #673AB7;
}

.header-container.extrainfo-container {
    background-color: #FFE7DF;
    height: max-content;
}

.header-container.header-title.extrainfo-title {
    background-color: #FF5722;
}

.container-content .extrainfo-content {
    font-size: 12px;
    text-align: justify;
    padding: 0 10px 0px 10px;
    line-height: 20px;
}

.sub-header-extarinfo {
    padding: 15px 25px 0 25px;
    margin: -18px auto auto auto;
    color: #000000;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    height: 110px;
    position: relative;
    top: -10px;
    background-color: #DBEFDC;
}

.header-container.personalinfo-container {
    background-color: #EDF3ED;
    height: max-content;
    margin-bottom: 30px;
}

.header-container.header-title.personalinfo-title {
    background-color: #4CAF50;
}

.header-container.header-title.femaleinfo-title {
    background-color: #E91E63;
}

.header-container.femaleinfo-container {
    background-color: #ffffff;
    height: max-content;
    margin-bottom: 20px;
}

.slidecontainer {
    /*width: 80%; Width of the outside container */
}

/* The slider itself */
.slider {
    -webkit-appearance: none; /* Override default CSS styles */
    appearance: none;
    width: 100%; /* Full-width */
    height: 30px; /* Specified height */
    background: #F7F7F8;
    border: solid 1px #D8D8D9;
    outline: none; /* Remove outline */
    opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
    -webkit-transition: .2s; /* 0.2 seconds transition on hover */
    transition: opacity .2s;
}

/* Mouse-over effects */
.slider:hover {
    opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.slider::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    width: 10px; /* Set a specific slider handle width */
    height: 25px; /* Slider handle height */
    background: #4CAF50; /* Green background */
    cursor: pointer; /* Cursor on hover */
}

.slider::-moz-range-thumb {
    width: 25px; /* Set a specific slider handle width */
    height: 25px; /* Slider handle height */
    background: #4CAF50; /* Green background */
    cursor: pointer; /* Cursor on hover */
}

.increase-sign {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.decrease {
    height: 30px;
    width: 25px;
    background-color: #A3A3A3;
    border-radius: 50% 0 0 50%;
    display: block;
}

.decrease .decrease-sign {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #ffffff;
    font-size: 23px;
    font-weight: bold;
    position: relative;
    text-align: center;
    top: -2px;
}

.show-text-input.optional-input {
    width: 50px;
}

.row .btm-margin {
    margin-bottom: 15px;
}

.help-arrow-icon {
    display: inline-block;
    position: relative;
    height: 14px;
    width: 14px;
    margin: 0 1px 0 1px;
    background-image: url(/assets/images/question-mark.svg);
    background-size: 13px 13px;
    background-repeat: no-repeat;
    top: 3px;
}

.bodyinfo-continue {
    position: relative;
    top: -34px;
    float: left;
    left: 16px;
    font-size: 18px;
    color: #ffffff;
}

.bodyinfo-return {
    display: inline-block;
    position: absolute;
    height: 25px;
    width: 25px;
    bottom: 29px;
    right: 30px;
    background-image: url(/assets/images/bodyinfo-return.svg);
    background-repeat: no-repeat;
    background-size: 25px;
}

.relative {
    position: relative;
}

.pre-extend-question {
    font-size: 12px;
    text-align: justify;
}

.weight-container {
    margin: 20px 10px 0 10px;
    font-size: 12px;
    font-weight: bold;
}

.weight-text {
    color: #757575;
}

.first-weight-amount {
    color: #4285F4;
}

.previous-weight-amount {
    margin: 20px 10px 0 10px;
    font-size: 12px;
    font-weight: bold;
    color: #FF8A65;
}

.top-padding {
    padding-top: 30px;
}

.value-button {
    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    width: 90%;
}

.xlarge {
    font-size: 24px !important;
}

.right-button {
    color: #fff !important;
    background-color: #F9A825 !important;
    border-radius: 0 40px 40px 0;
    float: left;
}

.left-button {
    color: #fff !important;
    background-color: #A3A3A3 !important;
    border-radius: 40px 0 0 40px;
}

.birthdate-container {
    padding: 15px 15px 0 0;
}

.day-container {
    /*background-color: #F7F7F8;*/
    /*border-bottom: 3px solid #4CAF50;*/
    /*width: 58px;*/
    font-size: 18px;
    text-align: center;
}

.month-container {
    /*background-color: #F7F7F8;*/
    /*border-bottom: 3px solid #4CAF50;*/
    /*width: 115px;*/
    font-size: 18px;
    text-align: center;
}

.year-container {
    /*background-color: #F7F7F8;*/
    /*border-bottom: 3px solid #4CAF50;*/
    /*width: 86px;*/
    font-size: 18px;
    text-align: center;
}

.invalid-input {
    display: none;
}

.extend-mobile {
    padding: 0 1px 0 15px;
}

.pointer {
    cursor: pointer;
}

.bold-text {
    font-weight: bold;
}

.rounded-box-3 {
    border-radius: 0 0 30px 30px;
}

.bodyinfo-alert {
    position: relative;
    top: -23px;
    padding: 25px;
}

.mezaj-container {
    margin: -18px auto auto auto;
    height: 80px;
    border-radius: 0px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #f7f7f7;
}

.mezaj-title {
    font-size: 26px;
    padding: 20px;
    text-align: center;
    font-weight: bold;
    letter-spacing: -2.7px;
    color: #000000;
}

.personinfo-container {
    height: 150px;
    border-radius: 15px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.16);
    margin: 20px 0 0 0;
}

.image-container:before {
    content: '';
    display: block;
    position: absolute;
    width: 100px;
    height: 100px;
    z-index: 1;
    left: 50%;
    top: 55%;
    transform: translate(-50%, 25%);
    border-radius: 10px;
}

.person-title {
    color: #444;
    font-size: 18px;
    font-weight: 900;
    line-height: 28px;
    text-align: center;
    float: right;
    padding: 10px 0 30px 0;
}

.person-sub-title {
    color: #666;
    font-size: 14px;
    line-height: 24px;
    float: right;
    padding: 0 0 10px 0;
}

.gender-icon {
    height: 20px;
    margin-left: 10px;
    width: 20px;
    background-image: url(/assets/images/male.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.mezaj-box {
    height: 200px;
}

.box-title {
    color: #444;
    font-size: 18px;
    font-weight: 900;
    line-height: 28px;
    text-align: right;
    padding: 10px 30px 30px 0;
}

.mezaj-chart {
    position: relative;
    background-color: #ff00ff;
    width: 85%;
    height: 30px;
    border-radius: 40px;
}

.mezaj-bullet {
    position: relative;
    right: 5px;
    top: 10px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
}

.dam-color {
    background-color: #f44336;
}

.safra-color {
    background-color: #ff9800;
}

.sowda-color {
    background-color: #795548;
}

.balgham-color {
    background-color: #00bcd4;
}

.mezaj-name {
    display: inline-block;
    position: relative;
    right: 22px;
    top: -5px;
}

.mezaj-chart .balgham-amount {
    position: absolute;
    width: 100%;
    z-index: 1;
    border: none;
}

.mezaj-chart .sowda-amount {
    position: absolute;
    width: 75%;
    z-index: 2;
    border: none;
}

.mezaj-chart .safra-amount {
    position: absolute;
    width: 47%;
    z-index: 3;
    border: none;
}

.mezaj-chart .dam-amount {
    position: absolute;
    width: 25%;
    z-index: 4;
    border: none;
}

.mezaj-description {
    font-size: 14px;
    color: #b8b8b8;
    padding: 30px 30px 20px 30px;
    line-height: 23px;
}

.talent-container {
    height: 500px;
}

.mezaj-radar-chart {
    display: block;
    background-color: #4caf50;
    width: 280px;
    height: 280px;
    border-radius: 50%;
}

.mezaj-state {
    display: inline-block;
    position: relative;
    right: 26px;
    top: -2px;
}

.perfect-color {
    background-color: #4caf50;
}

.good-color {
    background-color: #ffeb3b;
}

.weak-color {
    background-color: #ff9800;
}

.veryWeek-color {
    background-color: #ff5722;
}

.charactristics-container {
    height: 450px;
    background-color: #fffbf9;
}

.charactristics-box {
    height: 150px;
    border-radius: 15px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.16);
    margin: 20px 25px 10px 25px;
}

.obvious {
    background-color: #e8f5e9;
}

.challenge {
    background-color: #fbe9e7;
}

.obvious-image {
    float: right;
    content: '';
    display: block;
    position: absolute;
    background-image: url(/assets/images/friendship.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 90px;
    height: 90px;
    transform: translate(5%, 25%);
    border-radius: 10px;
}

/*limousine*/

/*@media (min-width: 1200px){*/
/*.limousine-container {*/
/*width: 700px;*/
/*}*/
/*}*/

/*@media (min-width: 992px){*/
/*.limousine-container {*/
/*width: 700px;*/
/*}*/
/*}*/

/*@media (min-width: 768px){*/
/*.limousine-container {*/
/*width: 700px;*/
/*}*/
/*}*/

/*@media (min-width: 1200px){*/
/*.limousine-container {*/
/*width: 1170px;*/
/*}*/
/*}*/

/*@media (min-width: 992px){*/
/*.limousine-container {*/
/*width: 970px;*/
/*}*/
/*}*/

/*@media (min-width: 768px){*/
/*.limousine-container {*/
/*width: 750px;*/
/*}*/
/*}*/

/* .limousine-container {
  height: auto;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
} */

.gradient {
    background: url("/assets/images/limoozeen-bg.png") no-repeat top center, radial-gradient(#2A394C -20%, #0D1C2F 30%, #0D1C2F 72%) no-repeat;
    /*background: radial-gradient(#2A394C -20%,#0D1C2F 30%,#0D1C2F 72%);*/
    /*background-size: 200% 150%;*/
    /*background-position-x: 50%;*/
    /*background-position-y: -200%;*/
    /*background-image: url("/assets/images/limoozeen-bg.svg");*/
    padding: 10px;
    background-size: cover;
}

/*.gradient .limoozeen-image-container{*/
/*width: 100%;*/
/*height: 300px;*/
/*margin-left: auto;*/
/*margin-right: auto;*/
/*background-image: url(/assets/images/limoozeen-bg.svg);*/
/*display: inline-block;*/
/*background-repeat: no-repeat;*/
/*background-size: cover;*/
/*-webkit-background-size: cover;*/
/*position: relative;*/
/*-webkit-border-radius: 0 0 20px 20px;*/
/*-moz-border-radius: 0 0 20px 20px;*/
/*border-radius: 0 0 0 0;*/
/*}*/

.title .items {
    /*padding: 48px 0 20px 0;*/
    /*font-weight: 500;*/
    /*font-style: normal;*/
    /*font-stretch: normal;*/
    /*line-height: 1.58;*/
    /*letter-spacing: normal;*/
    /*text-align: center;*/
    /*color: #ffffff;*/
    /*width: 194px;*/
    /*height: 194px;*/
    /*margin: auto;*/
    /*border-radius: 50%;*/
    /*box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.4);*/
    /*border: solid 2px #e1ae38;*/
    /*background-color: #162538;*/
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    color: #e4b243;
}

.title .items .item:nth-child(1) {
    font-size: 22px;
    font-weight: 500;
}

/*.title .items .item:nth-child(2){*/
/*font-size: 28px;*/
/*font-weight: normal;*/
/*color: #e1ae38;*/
/*}*/

/*.title .items .item:nth-child(2){*/
/*font-size: 20px;*/
/*font-weight: normal;*/
/*}*/

.title .items .item.title-circle {
    position: absolute;
    top: 50px;
    left: 80px;
    width: 194px;
    height: 194px;
    border-radius: 50%;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.4);
    border: solid 2px #e1ae38;
    background-color: #162538;
}

.circle {
    width: 130px;
    height: 135px;
    background-image: url("/assets/images/circle.svg");
    background-size: cover;
    background-repeat: no-repeat;
}

.circle.right {
    right: -25px;
    top: -56px;
}

.circle.left {
    top: 100px;
    left: 10px;
}

.head .items {
    padding: 10px 0 0 0;
}

.head .items .item {
    /*font-size: 18px;*/
    /*font-weight: normal;*/
    /*font-style: normal;*/
    /*font-stretch: normal;*/
    /*line-height: 1.56;*/
    /*letter-spacing: normal;*/
    /*text-align: center;*/
    /*color: #ffffff;*/
    /*padding: 10px 0 10px 0;*/
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    color: #e4b243;
}

.head .items .item.video {
    width: 100%;
    height: 256px;
    margin: 10px auto 10px auto;
}

/*.head .items .item.video .frame {*/
/*width: 100%;*/
/*height: 100%;*/
/*}*/

/*.head .items .item.video .frame iframe {*/
/*width: 100%;*/
/*height: 100%;*/
/*}*/

@media all and (max-width: 768px) {
    .head .items .item.video {
        height: 240px;
    }
}

@media all and (max-width: 1280px) {
    .head .items .item.video {
        height: 340px;
    }
}

@media all and (min-width: 1440px) {
    .head .items .item.video {
        height: 240px;
    }
}

@media all and (max-width: 480px) {
    .head .items .item.video {
        height: 242px;
    }
}

@media all and (max-width: 414px) {
    .head .items .item.video {
        height: 210px;
    }
}

@media all and (max-width: 411px) {
    .head .items .item.video {
        height: 225px;
    }
}

@media all and (max-width: 375px) {
    .head .items .item.video {
        height: 200px;
    }
}

@media all and (max-width: 360px) {
    .head .items .item.video {
        height: 200px;
    }
}

@media all and (max-width: 320px) {
    .head .items .item.video {
        height: 170px;
    }
}

.head .items .item.explain {
    margin-top: 40px;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: normal;
    word-spacing: 2px;
    text-align: center;
    color: #ffffff;
}

.head .items .item:nth-child(2) {
    position: relative;
    width: 90%;
    height: 100px;
    margin: auto auto 10px auto;
    background-image: url(/assets/images/limoozeenLabel.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

@media all and (max-width: 320px) {
    .head .items .item:nth-child(2) {
        height: 100px;
    }
}

.head .items .item:nth-child(2) {
    position: relative;
    width: 90%;
    height: 140px;
    margin: auto;
    background-image: url(/assets/images/limoozeenLabel.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.head .items .item:nth-child(3) {
    /*font-size: 16px;*/
    /*font-weight: normal;*/
    /*font-style: normal;*/
    /*font-stretch: normal;*/
    /*line-height: 1.56;*/
    /*letter-spacing: normal;*/
    /*!* text-align: center; *!*/
    /*color: #ffffff;*/
    /*!* margin: 0 6px 0 6px; *!*/
    /*padding: 0 6px 0 6px !important;*/
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.head .items .item .footnote {
    position: absolute;
    bottom: 30px;
    left: 5px;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.16);
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: center;
    color: #bb8619;
}

@media all and (max-width: 768px) {
    .head .items .item .footnote {
        bottom: 7px
    }
}

@media all and (max-width: 1280px) {
    .head .items .item .footnote {
        bottom: -7px
    }
}

@media all and (min-width: 1440px) {
    .head .items .item .footnote {
        bottom: -10px;
    }
}

@media all and (max-width: 480px) {
    .head .items .item .footnote {
        bottom: 6px
    }
}

@media all and (max-width: 414px) {
    .head .items .item .footnote {
        bottom: 24px
    }
}

@media all and (max-width: 375px) {
    .head .items .item .footnote {
        bottom: 30px
    }
}

@media all and (max-width: 320px) {
    .head .items .item .footnote {
        bottom: 45px;
    }
}

.gradient .button {
    width: 100%;
    height: 48px;
    border-radius: 8px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    background-image: linear-gradient(to bottom, #21884a, #3aeb3a);
    border: none;
}

.gradient .button .link {
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

@media all and (max-width: 320px) {
    .gradient .button .link {
        font-size: 16px;
    }
}

.gradient .anchor-footer {
    margin-top: 40px;
}

.gradient .anchor-footer .title {
    /*text-shadow: 0 0 4px #fbcb5c;*/
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: center;
    color: #faca5a;
}

.gradient .anchor-footer .icon {
    width: 18px;
    height: 21px;
    /* text-shadow: 0 0 0px rgb(251, 203, 92); */
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.35;
    letter-spacing: normal;
    color: #faca5a;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.gradient-second {
    height: auto;
    background-image: linear-gradient(to bottom, #0d1c2f, #244052 70%, #0d1c2f);
}

limousine-container {
    margin-top: -22px;
}

.limousine-container .nav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 40px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0 10px 0;
}

.limousine-container .nav .icon {
    display: flex;
    flex-direction: row;
}

.limousine-container .nav .icon .logo {
    width: 30px;
    height: 30px;
    background: url('/assets/images/logo.png');
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 10px;
}

.limousine-container .nav .icon .text {
    font-size: 14px;
    line-height: 28px;
    font-weight: normal;
    color: #444;
    position: relative;
    bottom: 5px;
}

.limousine-container .nav .title {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: left;
    color: #9c27b0;
}

.limousine-content {
    display: flex;
    flex-direction: column;
}

.limousine-content .items {
    display: flex;
    flex-direction: column;
    width: 95%;
    margin: 20px auto 30px auto;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 2px 4px 0 rgba(5, 30, 51, 0.2);
    background-color: #ffffff;
}

/*.limousine-content .items .item .form .controls .form-field .mobile span:nth-child(1){*/
/*width: 50px;*/
/*height: 48px;*/
/*border-radius: 5px;*/
/*border: 1px solid #dec6ef;*/
/*background-color: #f0f0f0;*/
/*}*/

/*.limousine-content .items .item .form .controls .form-field .mobile .selection span:nth-child(1){*/
/*border-bottom: none !important;*/
/*}*/

.limousine-content .items .item .form .controls .form-field .mobile .select2-container {
    background-color: #f0f0f0;
    border-radius: 5px;
    height: 48px;
    border: solid 1px #dce6ef;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

.limousine-content .items .item .form .controls .form-field .mobile .select2-container .select2-selection.select2-selection--single {
    border-bottom: none !important;
}

.limousine-content .items .item .form .controls .form-field .mobile .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none !important;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 1px !important;
}

.limousine-content .items .item .form .controls .form-field .mobile .select2-container--default .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.limousine-content .items:nth-child(2) {
    display: flex;
    flex-direction: column;
    width: 95%;
    margin: 10px auto 10px auto;
    height: auto;
    border-radius: 8px;
    background-color: transparent;
    box-shadow: none;
}

.limousine-content .items:nth-child(2) .item {
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    word-spacing: -2px;
}

.limousine-content .items:nth-child(2) .item.title {
    color: #27fff0;
    padding-bottom: 15px;
}

.limousine-content .items {
    padding: 0 10px 0 10px;
}

.limousine-content .items .item .title {
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: right;
    padding: 10px 10px;
    color: #18273a;
}

.limousine-content .items .item:nth-child(2) {
    list-style: none;
    margin: 0;
    padding: 0;
}

.limousine-content .items .item .video {
    width: 300px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    /*background-color: #e9e9e9;*/
}

.limousine-content .items .item .description {
    margin-top: 20px;
    margin-bottom: 10px;
}

.limousine-content .items .item .description:last-child {
    margin-bottom: 30px;
}

.limousine-content .items .item .description .title {
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: right;
    color: #18273a;
}

.limousine-content .items .item .description .text {
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: justify;
    padding: 0 10px 0 10px;
    color: #434951;
}

.limousine-content .items .item .form .title {
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: right;
    color: #18273a;
}

.limousine-content .items .item .form .description {
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: justify;
    color: #717985;
    padding: 0 10px 0 10px;
}

.limousine-content .items .item .form .controls {
    padding: 10px;
}

.limousine-content .items .item .form .controls .form-field {
    margin-bottom: 10px;
}

.limousine-content .items .item .form .controls .form-field label {
    display: block;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: right;
    color: #9c929d;
}

.limousine-content .items .item .form .controls .form-field .textbox {
    display: block;
    width: 100%;
    height: 48px;
    border-radius: 5px;
    border: solid 1px #dce6ef;
    background-color: #ffffff;
    color: #18273a;
    padding: 10px;
    box-shadow: inset 0 0 4px #dce6ef;
}

.limousine-content .items .item .form .controls .form-field .mobile {
    display: flex;
    justify-content: space-between;
}

.limousine-content .items .item .form .controls .form-field .mobile .textbox {
    width: 80%;
    direction: ltr;
    margin-left: 10px;
}

.limousine-content .items .item .form .controls .form-field .mobile .form-control {
    min-width: 50px;
    width: 20%;
    height: 48px;
    border-radius: 5px;
    border: solid 1px #dce6ef;
    background-color: #f0f0f0;
}

.limousine-content .items .item .form .controls .button {
    width: 100%;
    height: 48px;
    margin: 40px auto 10px auto;
    border-radius: 24px;
    box-shadow: 0 2px 4px 0 rgba(43, 82, 99, 0.2);
    background-image: linear-gradient(to bottom, #0f2027, #203a43 52%, #2c5364);
    border: none;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: center;
    color: #fccc5c;
    cursor: pointer;
}

.limousine-container.payment-bg {
    background-color: #fafafa;
    padding: 20px 10px 20px 10px;
}

.limousine-container .sections {
    display: flex;
    flex-direction: column;
}

/* .limousine-container .sections .section:nth-child(1) {
  display: flex;
  justify-content: space-between;
  padding: 0 10px 0 10px;
} */

.limousine-container .sections .section {
    width: 95%;
    height: auto;
    margin: 0 auto 0 auto;
    border-radius: 8px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
}

.limousine-container .sections .section.final {
    height: 48px;
    border-radius: 8px;
    background-color: #e3f1fd;
    box-shadow: none;
}

.limousine-container .sections .section.paypending {
    height: auto;
    width: 100%;
    background: url(/assets/images/objects.svg) no-repeat top center,
    linear-gradient(to bottom, #222f3e, #441066);
    padding-top: 300px;
    margin-left: 0px;
    margin-right: 0px;
    border-radius: 0;
}

.limousine-container .sections .section.paypending .clock {
    background-image: url(/assets/images/clock.png);
    background-repeat: no-repeat;
    width: 200px;
    height: 200px;
    position: absolute;
    top: 30px;
    right: 85px;
}

@media all and (min-width: 1280px) {
    .limousine-container .sections .section.paypending .clock {
        right: 195px;
    }
}

@media all and (min-width: 768px) {
    .limousine-container .sections .section.paypending .clock {
        right: 195px;
    }
}

@media all and (max-width: 480px) {
    .limousine-container .sections .section.paypending .clock {
        right: 143px;
    }
}

@media all and (max-width: 480px) {
    .limousine-container .sections .section.paypending .clock {
        right: 143px;
    }
}

@media all and (max-width: 411px) {
    .limousine-container .sections .section.paypending .clock {
        right: 105px;
    }
}

@media all and (max-width: 375px) {
    .limousine-container .sections .section.paypending .clock {
        right: 85px;
    }
}

/*@media all and (min-width: 320px){*/
/*.limousine-container .sections .section.paypending .clock {*/
/*right: 60px;*/
/*}*/
/*}*/

.limousine-container .sections .section.paypending .items {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 15px 15px 15px 15px;
}

.limousine-container .sections .section.paypending .items .item:first-child {
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    padding: 15px;
}

.limousine-container .sections .section.paypending .items .item:nth-child(2) {
    padding-top: 20px;
    margin-bottom: 100px;
}

.limousine-container .sections .section.paypending .items .item .text {
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: center;
    color: #ffc007;
    padding: 10px 25px 0 25px;
}

.limousine-container .sections .section.paypending .items .item .shapes {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.limousine-container .sections .section.paypending .items .item .shapes.top {
    margin-bottom: -25px;
}

.limousine-container .sections .section.paypending .items .item .shapes.down {
    margin-top: -25px;
}

.limousine-container .sections .section.paypending .items .item .shapes .tr-shape {
    width: 31px;
    height: 31px;
    transform: rotate(270deg);
    background-image: url(/assets/images/rd-shape.svg);
    background-repeat: no-repeat;
}

.limousine-container .sections .section.paypending .items .item .shapes .tl-shape {
    position: relative;
    width: 31px;
    height: 31px;
    background-image: url(/assets/images/lt-shape.svg);
    background-repeat: no-repeat;
}

.limousine-container .sections .section.paypending .items .item .shapes .tl-shape .dash {
    position: absolute;
    left: 33px;
    width: 50px;
    height: 5px;
    background-image: url(/assets/images/dash-shap.svg);
    background-repeat: no-repeat;
}

.limousine-container .sections .section.paypending .items .item .shapes .dr-shape {
    position: relative;
    width: 31px;
    height: 31px;
    background-image: url(/assets/images/rd-shape.svg);
    background-repeat: no-repeat;
}

.limousine-container .sections .section.paypending .items .item .shapes .dl-shape {
    position: relative;
    width: 31px;
    height: 31px;
    background-image: url(/assets/images/ld-shape.svg);
    background-repeat: no-repeat;
}

.limousine-container .sections .section.paypending .items .item .shapes .dr-shape .dash {
    position: absolute;
    right: 33px;
    top: 26px;
    transform: rotate(180deg);
    width: 50px;
    height: 5px;
    background-image: url(/assets/images/dash-shap.svg);
    background-repeat: no-repeat;
}

.limousine-container .sections .section.points {
    margin-top: 40px;
}

.limousine-container .sections .section.note {
    background-color: transparent;
    box-shadow: none;
}

.limousine-container .sections .section.controls {
    background-color: transparent;
    box-shadow: none;
    width: 100%;
}

.limousine-container .sections .section.controls .items .online-pay {
    height: 48px;
    border-radius: 24px;
    box-shadow: 0 2px 4px 0 rgba(144, 33, 243, 0.2);
    background-image: linear-gradient(to bottom, #2196f3, #9121f3);
    padding-top: 14px;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.06;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    border: none;
}

.limousine-container .sections .section.controls .items .online-pay .final-price-value {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.06;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.limousine-container .sections .section.controls .items .card2card {
    border-radius: 24px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    padding: 10px;
}

.limousine-container .sections .section.controls .items .paycard-button {
    /*height: 48px;*/
    /*border-radius: 24px;*/
    /*box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);*/
    background-color: #ffffff;
    color: #2196f3;
    font-size: 18px;
    border: none;
    width: 100%;
}

.limousine-container .sections .section.controls .items .paycard-container.limozeen {
    margin-top: 1px;
}

.limousine-container .sections .section.controls .items .paycard-container.limozeen .description-box {
    /*border-radius: 24px;*/
    /*box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);*/
    background-color: #ffffff;
    padding: 10px;
}

.limousine-container .sections .section.controls .items .paycard-container.limozeen .description-box .title {
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: center;
    color: #2196f3;
}

.limousine-container .sections .section.controls .items .paycard-container.limozeen .description-box .text {
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.58;
    letter-spacing: normal;
    text-align: right;
    color: #717985;
    margin-bottom: 20px;
}

.limousine-container .sections .section.controls .items .paycard-container.limozeen .description-box .button {
    width: 100%;
    height: 48px;
    font-size: 18px;
    padding-top: 9px;
    border-radius: 24px;
    box-shadow: 0 2px 4px 0 rgba(156, 39, 176, 0.2);
    border: solid 2px #2196f3;
    color: #2196f3;
    background-color: #ffffff;
}

.limousine-container .sections .section.controls .items .paycard-container.limozeen .description-box .button i {
    font-size: 20px;
    position: relative;
    top: 2px;
}

.limousine-container .sections .section.controls .items .paycard-container.limozeen .description-box .footnote {
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.58;
    letter-spacing: normal;
    text-align: right;
    color: #717985;
    background-color: transparent;
    padding: 30px 0 15px 0;
}

.limousine-container .sections .section.controls .items:last-child {
    border-radius: 24px;
    box-shadow: 0 2px 4px 0 rgba(156, 39, 176, 0.2);
    border: solid 2px #9c27b0;
    background-color: #ffffff;
    padding: 3px 60px 0 60px;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    height: 48px;
    color: #9c27b0;
}

.limousine-container .sections .section.controls .items:last-child .content {
    display: flex;
    justify-content: center;
}

.limousine-container .sections .section.controls .items:last-child .content i {
    padding-top: 7px;
    font-size: 20px;
}

.limousine-container .sections .section.controls .items:last-child .content .call {
    color: #9c27b0;
    font-size: 18px;
}

.limousine-container .sections .section.controls .items:last-child input {
    color: #9c27b0;
    background-color: transparent;
}

.limousine-container .sections .section.controls .items.card2card .content .item {
    display: flex;
    flex-direction: column;
}

.limousine-container .sections .section.controls .items .item.card2card {
    border-radius: 24px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    color: #2196f3;
    font-size: 18px;
    border: none;
}

.item.card2card .head {
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: center;
    color: #2196f3;
}

.limousine-container .sections .section.controls .items .item .content {
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: right;
    padding: 10px;
}

.limousine-container .sections .section.controls .items .item .content .item {
    padding-top: 12px;
}

.limousine-container .sections .section.controls .items .item.card2card .content .item.title {
    color: #717985;
}

.limousine-container .sections .section.controls .items .item.card2card .content .item.call {
    color: #717985;
}

.limousine-container .sections .section.controls .items .item.card2card .content .item.pay {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 48px;
    border-radius: 8px;
    background-color: #e3f1fd;
    box-shadow: none;
    padding-right: 10px;
    padding-left: 10px;
    margin-top: 20px;
}

.limousine-container .sections .section.controls .items .item.card2card .content .item.pay .first {
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: right;
    color: #2196f3;
}

.limousine-container .sections .section.controls .items .item.card2card .content .item.pay .first .text {
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.58;
    letter-spacing: normal;
    text-align: right;
    color: #2196f3;
}

.limousine-container .sections .section.controls .items .item.card2card .content .item.pay .first .amount {
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: right;
    color: #2196f3;
}

.limousine-container .sections .section.controls .items .item.card2card .content .item.card-number img {
    width: 100%;
}

/*.limousine-container .sections .section.controls .items .item.card2card .content .item.card-number {*/
/*background-image: url('/assets/images/card.png');*/
/*height: 162px;*/
/*background-size: 100% 100%;*/
/*background-repeat: no-repeat;*/
/*}*/

/*@media all and (min-width: 768px) {*/
/*.limousine-container .sections .section.controls .items .item.card2card .content .item.card-number {*/
/*height: 250px;*/
/*}*/
/*}*/

.limousine-container .sections .section.controls .items .item.card2card .content .item.card-number .card-item {
    display: flex;
    flex-direction: column;
}

.limousine-container .sections .section.controls .items .item.card2card .content .item.form .record {
    padding-top: 10px;
    padding-bottom: 10px;
}

.limousine-container .sections .section.controls .items .item.card2card .content .item.form .label {
    font-size: 14px;
    font-weight: normal;
    letter-spacing: normal;
    text-align: right;
    color: #18273a;
}

.limousine-container .sections .section.controls .items .item.card2card .content .item.form .text {
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.58;
    letter-spacing: normal;
    text-align: right;
    color: #717985;
    padding-top: 10px;
    padding-bottom: 10px;
}

.limousine-container .sections .section.controls .items .item.card2card .content .item.form .record .inputbox.disable {
    border-radius: 5px;
    border: solid 1px #dce6ef;
    background-color: #f0f0f0;
    text-align: center;
}

.limousine-container .sections .section.controls .items .item.card2card .content .item.form .record .inputbox {
    border-radius: 5px;
    border: solid 1px #dce6ef;
    background-color: #ffffff;
    text-align: center;
}

.limousine-container .sections .section.controls .items .item.card2card .content .item.form .record.pay-date #select2-pay-day-container {
    border-radius: 5px;
    border: solid 1px #dce6ef;
    background-color: #ffffff;
    text-align: center;
}

.limousine-container .sections .section.controls .items .item.card2card .content .item.form .record.pay-date #select2-pay-month-container {
    border-radius: 5px;
    border: solid 1px #dce6ef;
    background-color: #ffffff;
    text-align: center;
}

.limousine-container .sections .section.controls .items .item.card2card .content .item.form .record.pay-date .separator {
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: center;
    color: #717985;
    padding: 5px;
}

.limousine-container .sections .section.controls .items .item.card2card .content .item.form .record .height {
    height: 48px;
}

.limousine-container .sections .section.controls .items .item.card2card .content .item.form .register {
    width: 100%;
    height: 48px;
    border-radius: 24px;
    box-shadow: 0 2px 4px 0 rgba(144, 33, 243, 0.2);
    background-image: linear-gradient(to bottom, #2196f3, #9121f3);
    padding-top: 14px;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.06;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    border: none;
    margin-bottom: 30px;
}

.limousine-container .sections .section:nth-child(2) {
    width: 100%;
    background-color: transparent;
    box-shadow: none;
}

/* .limousine-container .sections .section .title {
  display: flex;
  flex-direction: column;
  font-family: sans;
  font-size: 12px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.58;
  letter-spacing: normal;
  text-align: center;
  color: #e6e6e6;
} */

.limousine-container .sections .section .items {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 15px 15px 15px 15px;
}

.limousine-container .sections .section .items.nopadding {
    padding-top: 0;
    padding-bottom: 0;
}

/*.limousine-container .sections .section .items .item{*/
/*display: flex;*/
/*flex-direction: row;*/
/*justify-content: space-between;*/
/*}*/

/*.limousine-container .sections .section.explain {*/
/*display: none;*/
/*}*/

/*.limousine-container .sections .section.factor {*/
/*display: none;*/
/*}*/

.limousine-container .sections .section.explain .items:nth-child(2) {
    background-color: #fdf2ff;
    padding: 15px 15px 15px 15px;
    border-radius: 0 0 8px 8px;
}

.limousine-container .sections .section.explain .items .item.price {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.limousine-container .sections .section.factor .items .item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 4px 0 4px 0;
}

.limousine-container .sections .section.factor .items .item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 4px 0 4px 0;
}

.limousine-container .sections .section.factor .items .item.title {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: right;
    color: #717985;
}

.limousine-container .sections .section.factor .items .item.description {
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: right;
    color: #12223a;
    margin-bottom: 15px;
}

.limousine-container .sections .section .items .item .case {
    padding: 5px;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: #270b2c;
    text-align: right;
}

.limousine-container .sections .section .items .item .case i {
    width: 12px;
    height: 13px;
    font-size: 12px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #9c27b0;
}

.limousine-container .sections .section .items .item .case:nth-child(1) {
    padding: 5px;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.58;
    letter-spacing: normal;
    text-align: right;
    color: #717985;
}

.limousine-container .sections .section .items .item .case:nth-child(2) {
    padding: 5px;
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: right;
    color: #9c27b0;
}

.limousine-container .sections .section .items .item .icon {
    position: absolute;
    left: 0;
    width: 91.3px;
    height: 100px;
    background-image: url('/assets/images/DietSupporter.svg');
}

.limousine-container .sections .section.explain .items .item .first {
    position: relative;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: center;
    color: #9c27b0;
}

.limousine-container .sections .section.factor .items .item .first {
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: right;
    color: #717985;
}

.limousine-container .sections .section.final .items .item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.limousine-container .sections .section.final .items .item .first {
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: right;
    color: #2196f3;
}

.limousine-container .sections .section.final .items .item .first .amount {
    display: inline-block;
    margin-top: -5px;
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: right;
    color: #2196f3;
    /*dsds*/
}

.limousine-container .sections .section.final .items .item .first .text {
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.58;
    letter-spacing: normal;
    text-align: right;
    color: #2196f3;
}

.limousine-container .sections .section.factor .items .item .first .text {
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.58;
    letter-spacing: normal;
    text-align: right;
}

.limousine-container .sections .section.factor .items .item:nth-child(5) .first .text {
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.58;
    letter-spacing: normal;
    text-align: right;
    color: #e93739;
}

.limousine-container .sections .section.factor .items .item:nth-child(5) .first .note {
    font-size: 10px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: right;
    color: #e93739;
}

.limousine-container .sections .section.explain .items .item .first .old-price {
    position: absolute;
    top: -15px;
    left: 38px;
    color: #eecaf5;
    text-decoration: line-through;
}

.limousine-container .sections .section.factor .items .item:nth-child(5) .first {
    color: #e93739;
}

.limousine-container .sections .section.factor .items .item:nth-child(6) {
    border-top: dotted;
    border-color: #9c9696;
    padding: 0 0 10px 0;
    margin-top: 10px;
}

.limousine-container .sections .section .items .item .second {
    font-size: 18px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: center;
    color: #e1bee7;
}

.limousine-container .sections .section .items .item .second span {
    font-size: 18px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: center;
    color: #e1bee7;
}

.limousine-container .sections .section .items .item .third {
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.58;
    letter-spacing: normal;
    text-align: right;
    color: #9c27b0;
    margin-top: 6px;
}

.limousine-container .sections .section .items .item .fourth {
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    color: #9c27b0;
}

ul .items {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul .item {
    list-style: none;
    padding: 0 !important;
}

.limousine-container .sections .section .items ul {
    padding: 0;
}

.limousine-container .sections .section.note .items {
    padding: 15px 0 15px 0;
}

.limousine-container .sections .section.note .items .item {
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.58;
    letter-spacing: normal;
    text-align: right;
}

.limousine-container .sections .section.note .items .item:first-child {
    padding-bottom: 20px;
    color: #2196f3;
}

.limousine-container .sections .section.note .items .item:nth-child(2) {
    padding-bottom: 20px;
    color: #717985;
}

.paycard-container .limoozeen {
    margin-top: -15px;
}

/*
after completed questions
 */

.diets-view-container.completed {
    padding: 10px 20px 115px 20px;
    border-radius: 0;
}

.diets-view-container.completed .box {
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    height: auto;
    margin: 10px auto 10px auto;
    border-radius: 8px;
    padding: 10px 5px 20px 5px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

.diets-view-container.completed .box .item {
    padding: 10px;
    text-align: center;
}

.diets-view-container.completed .box .item:nth-child(1) {
    width: 69px;
    height: 85px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(/site/assets/images/helth-file.svg);
    background-repeat: no-repeat;
}

.diets-view-container.completed .box .item:nth-child(2) {
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: center;
    color: #18273a;
}

.diets-view-container.completed .box .item:nth-child(3) {
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: center;
    color: #717985;
}

.diets-view-container.completed .box .item:nth-child(4) {
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: center;
    color: #9c27b0;
}

.diets-view-container.completed .continue {
    width: 100%;
    height: 48px;
    border-radius: 24px;
    box-shadow: 0 2px 4px 0 rgba(144, 33, 243, 0.2);
    background-image: linear-gradient(to bottom, #33b7ad, #33b7ad);
    font-size: 18px;
    color: #ffffff;
    line-height: 1.56;
    padding: 10px;
    border: none;
}

.diets-view-container.completed .call-support {
    width: 100%;
    height: 48px;
    border-radius: 24px;
    box-shadow: 0 2px 4px 0 rgba(144, 33, 243, 0.2);
    background-image: linear-gradient(to bottom, #2196f3, #9121f3);
    font-size: 18px;
    color: #ffffff;
    line-height: 1.56;
    padding: 10px;
    border: none;
}

/*
successful payment
 */

.diets-view-container.successful {
    padding: 10px 20px 45px 20px;
    border-radius: 0;
    background-color: #ffffff;
}

.diets-view-container.successful .box {
    position: relative;
    display: flex;
    flex-direction: column;
    /* height: auto; */
    margin: 10px auto 10px auto;
    border-radius: 8px;
    padding: 10px 5px 0px 5px;
    box-shadow: 0 2px 4px 0 rgba(8, 174, 233, 0.3);
    background-image: linear-gradient(143deg, #2af598, #08aeea);
}

.diets-view-container.successful .box .item {
    padding: 10px;
    text-align: center;
}

.diets-view-container.successful .box .item:nth-child(1) {
    color: #ffffff;
    font-size: 72px;
}

.diets-view-container.successful .box .item:nth-child(2) {
    margin-top: -38px;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.diets-view-container.successful .box .item:nth-child(3) {
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: right;
    color: #ffffff;
}

.diets-view-container.successful .box .item.form-part input {
    text-align: left;;
}

.diets-view-container.successful .box .item.form-part {
    padding-left: 0;
    padding-right: 0;
}

.diets-view-container.successful .box .item.form-part form .button {
    position: absolute;
    bottom: -70px;
    /* margin-top: -20px; */
    /* margin-bottom: -13px; */
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    /* margin: auto; */
}

.diets-view-container.successful .box .item.form-part form .button .continue {
    width: 100%;
    height: 48px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 24px;
    box-shadow: 0 2px 4px 0 rgba(144, 33, 243, 0.1);
    background-image: linear-gradient(to bottom, #2196f3, #9121f3);
    color: #ffffff;
    border: none;
    font-size: 18px;
    line-height: 1.56;
}

.diets-view-container.successful .box .item:nth-child(5) {
    margin-top: -30px;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: right;
    color: #ffffff;
}

.diets-view-container.successful .box .item.form-part form .mobile-section {
    display: flex;
    justify-content: space-between;
    padding: 0 10px 0 10px;
}

.diets-view-container.successful .box .item.form-part form .mobile-section .mobile-no {
    width: 80%;
    margin-left: 5px;
}

.diets-view-container.successful .box .item.form-part form .mobile-section .country-code span:first-child {
    width: 78px;
    background-color: #f2f2f2;
    border-radius: 4px;
}

.diets-view-container.successful .box .item.form-part form .item {
    margin-top: -10px;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: right;
    color: #ffffff;
}

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

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

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

@keyframes flickerAnimation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.animate-flicker {
    -webkit-animation: flickerAnimation 1s infinite;
    -moz-animation: flickerAnimation 1s infinite;
    -o-animation: flickerAnimation 1s infinite;
    animation: flickerAnimation 1s infinite;
}

.animate-flicker {
    margin-right: 10px;
    font-size: 12px;
    opacity: 1;
    animation: flickerAnimation 1s infinite;
}

.landings-setter {
    padding-left: 0;
    padding-right: 0;
    margin-top: -18px;
}

.personal-info-error .icon {
    background-color: red;
    font-size: 12px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    padding: 0px 7px;
    color: wheat;
    margin-right: 16px;
}

.personal-info-error .error-text {
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.83;
    letter-spacing: normal;
    text-align: right;
    color: #ff0033;
    padding-right: 4px;
}

/* new landing end */

.my-modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #ffffff;
    border-radius: 8px;
    outline: 0;
    padding: 16px 16px 54px 16px;
}

.my-modal-content .header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.my-modal-content .header .title {
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    color: #666666;
}

.my-modal-content .dark-gray {
    color: #666666;
}

.my-modal-content .important {
    font-size: 14px;
    font-weight: normal;
    border-right: 4px solid #0088cc;
    padding-right: 8px;
    color: #787275;
    line-height: 1.71;
}

.my-modal-content .modal-body .account-info {
    display: flex;
    flex-direction: column;
    margin-top: 24px;
}

.my-modal-content .modal-body .account-info .account {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 32px;
    border-radius: 3px;
    background-color: #f2fbfa;
    padding: 5px 16px;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: right;
    color: #00a699;
}

.my-modal-content .modal-body .button {
    height: 52px;
    border-radius: 26px;
    background-color: #0088cc;
    padding-top: 9px;
    transition: all ease 0.2s;
}

.my-modal-content .modal-body .button .link {
    display: block;
    height: 100%;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
}

.my-modal-content .modal-body .button .link .icon {
    display: inline-block;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: #ffffff;
}

.my-modal-content .modal-body .box-id {
    height: 32px;
    border-radius: 3px;
    background-color: #e7f0f5;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #0088cc;
    padding: 6px;
    margin-top: 26px;
}

.btn-call-support {
    border: solid 1px #ff0085;
    height: 52px;
    border-radius: 26px;
    background-color: #ffffff;
    padding: 12px;
    text-align: center;
    cursor: pointer;
}

.btn-call-support:hover {
    box-shadow: 0 0 10px 2px rgba(255, 0, 131, 0.25);
}

.btn-call-support .text, .btn-call-support .title {
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: left;
    color: #ff0085;
}

.btn-call-support .icon {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #ff0085;
}

.clickable {
    cursor: pointer;
}

.modal-content.future {
    border-radius: 5px;
}

.header-question {
    width: 100%;
    height: 60px;
    top: 0;
    position: fixed;
    direction: ltr;
    z-index: 999;
    background-color: #FFFFFF;
    box-shadow: 0 3px 6px 0 rgba(128, 98, 20, 0.16);
    margin-left: -15px;
    margin-right: -15px;
}

@media (min-width: 768px) {
    .header-question {
        width: 583px;
    }
}

.header-question .scroll-progress {
    height: 4px;
    background-color: #ff0085;
}

.header-question .content {
    display: flex;
    flex-direction: row-reverse;
    padding: 14px 0px 14px 16px;
}

.header-question .content .title {
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    color: #ff0085;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
}

.header-question .content .button {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #a59da1;
    padding: 4px 20px 4px 10px;
    text-decoration: none;
    cursor: pointer;
}

.question-form {
    padding-top: 1px;
    background-color: #e8e3e6;
}

.limoome-button {
    width: 100%;
    height: 48px;
    border-radius: 3px;
    box-shadow: 0 4px 8px 0 rgba(82, 0, 43, 0.16);
    background-color: #ff0085;
    background-image: none;
    border: none;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
}

.limoome-button.gray {
    background-color: gray;
}

.limoome-button.link {
    display: block;
    text-decoration: none;
    padding: 8px;
}

.limoome-button.link:hover {
    color: #ffffff;
}

.limoome-return-button {
    text-align: center;
    margin-top: 32px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
}

.limoome-return-button a {
    padding: 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: normal;
    color: #a59da1;
    text-decoration: none;
    cursor: pointer;
}

.limoome-return-button a .icon {
    position: relative;
    top: 2px;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.33;
    color: #a59da1;
    margin-left: 8px;
}

.limoome-default-input {
    width: 100%;
    height: 48px;
    border-radius: 3px;
    border: solid 1px #ff99ce;
    background-color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: center;
    color: #1e0f17;
}

.limoome-default-input.number {
    text-align: center;
}

.limoome-default-input.mobileNum {
    text-align: left;
}

.limoome-default-input.text {
    text-align: right;
}

.limoo-form-row .question-info {
    text-align: left;
    padding: 0px 16px 0px 16px;
    /*font-size: 10px;*/
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #ff0085;
}

.help-question-modal {
    text-align: center;
}

.help-question-modal .close {
    position: absolute;
    top: 10px;
    left: 10px;
    transform: translate(-50%, -50%) !important;
    width: 32px;
    height: 32px;
    box-shadow: 0 0 8px 0 rgb(189, 179, 187);
    background-color: #fdfdfd;
    z-index: 999;
    border-radius: 50%;
    opacity: 1;
    color: #ff0033;
    font-size: 32px;
    line-height: 1.24;
}

.optional-questions {
    display: none;
}

.form-group-question.limoo-form-row .container-date {
    width: 100%;
    display: flex;
    flex-direction: row;
    padding-top: 24px;
    padding-bottom: 24px;
}

.form-group-question.limoo-form-row .container-date div:nth-child(1) {
    width: 30%;
    margin-left: 4px;
}

.form-group-question.limoo-form-row .container-date div:nth-child(2) {
    width: 40%;
    margin-left: 4px;
    margin-right: 4px;
}

.form-group-question.limoo-form-row .container-date div:nth-child(3) {
    width: 30%;
    margin-right: 4px;
}

.form-group-question.limoo-form-row.optional-rows {
    height: 100px;
    text-align: center;
    padding-top: 27px;
    padding-bottom: 39px;
}

.form-group-question.limoo-form-row.optional-rows .show-more {
    display: flex;
    flex-direction: column;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #ff0085;
}

.form-group-question.limoo-form-row.optional-rows .show-more .icon {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.25;
}

.form-group-question.limoo-form-row.optional-rows .show-more .text {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.58;
    color: #ff0085;
}

.form-group-question .select2-selection.select2-selection--single {
    border-radius: 3px;
    border: solid 1px #ff99ce;
    background-color: #ffffff;
    padding: 8px;
    height: 48px;
}

.form-group-question .select2 .select2-container .select2-container--default {
    width: 100% !important;
}

.mobile-formater {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.error-message {
    /*width: 100%;*/
    height: 35px;
    background-color: #ff335c;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.83;
    letter-spacing: normal;
    color: #ffffff;
    padding: 7px 16px 7px 0;
    margin: -33px -15px 16px -15px;
}

.error-message .error-text {
    margin-right: 4px;
}

.subErrMessage {
    width: 100%;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.83;
    letter-spacing: normal;
    text-align: right;
    color: #ff0033;
}

.subErrMessage .error-text {
    font-weight: bold;
    padding-right: 4px;
}

#burger-container {
    position: relative;
    cursor: pointer;
    padding: 4px;
}

.burger span {
    display: block;
    width: 24px;
    height: 2px;
    background: #a59da1;
    position: relative;
    margin-bottom: 5px;
    top: 0;
    transition: all ease-in-out 0.4s;
}

#burger-container.open .burger span:nth-child(2) {
    width: 0;
    opacity: 0;
}

#burger-container.open .burger span:nth-child(1) {
    transform: rotate(-45deg);
    top: 7px;
}

#burger-container.open .burger span:nth-child(3) {
    transform: rotate(45deg);
    top: -7px;
}

.newnav-container {
    width: 100%;
    margin: auto;
    padding-bottom: 47px;
}

.newnav {
    width: 100%;
    height: 48px;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    box-shadow: 0 2px 4px 0 rgba(128, 98, 20, 0.08);
    background-color: #ffffff;
    margin-right: auto;
    margin-left: auto;
    /* padding-right: 16px; */
    /* padding-left: 16px; */
    /* padding-top: 12px; */
    /* top: 0;
    position: fixed; */
    direction: ltr;
    z-index: 999;
}

.newnav.fixed {
    top: 0;
    position: fixed;
    margin: 0 -15px;
}

.newnav.fixed ~ .container {
    padding-top: 46px;
}

@media (min-width: 768px) {
    .newnav-container,
    .newnav {
        width: 583px;
    }
}

.newnav .scroll-progress {
    height: 4px;
    background-color: #ffc837;
    /*margin-left: -16px;*/
    /*margin-right: -16px;*/
    /* margin-top: 0; */
}

.newnav .content .setting {
    display: flex;
    flex-direction: row-reverse;
}

.selected-lang {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    line-height: 2.4;
    width: 50px;
    direction: ltr;
}

.lang-menu.not-login .selected-lang {
    position: absolute;
    left: 12px;
    top: 0px;
    margin-left: auto;
    margin-right: auto;
}

.selected-lang:before {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    background-size: contain;
    background-repeat: no-repeat;
}

.selected-lang.farsi:before {
    background-image: url('/assets/images/fa.png');
}

.selected-lang.turkish:before {
    background-image: url('/assets/images/tr.png');
}

.lang-menu {
    margin-top: -4px;
}

.lang-menu.not-login {
    direction: ltr;
    float: left;
    position: absolute;
    top: 10px;
}

@media (max-width: 767px) {
    .lang-menu.not-login {
        left: 60px;
        top: 12px;
    }
}

@media (min-width: 768px) {
    .lang-menu.not-login {
        left: 12px;
    }
}

@media (min-width: 768px) {
    .lang-menu.not-login:hover {
        float: left;
        position: absolute;
        left: 12px;
        top: 10px;
    }
}

.lang-menu ul {
    margin-top: 0px;
    padding: 0;
    background-color: #fff;
    border: 1px solid #f8f8f8;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    display: none;
}

.lang-menu.not-login ul {
    margin-top: 32px;
}

.lang-menu:hover ul {
    display: inline-block;
}

.lang-menu ul li {
    display: flex;
    justify-content: space-between;
    text-align: center;
}

.lang-menu ul li a {
    /*width: 70px;*/
    /*height: 40px;*/
    /*display: block;*/
    /*padding: 5px 10px;*/
    /*cursor: pointer;*/
    /*direction: ltr;*/
    /*text-decoration: none;*/
    width: 100%;
    height: 100%;
    display: flex;
    padding: 5px 10px;
    cursor: pointer;
    direction: ltr;
    text-decoration: none;
}

.lang-menu ul li a img {
    width: 32px;
    height: 32px;
}

.lang-menu ul li a span {
    padding-top: 6px;
    margin-left: 6px;
}

/*.fa:before {*/
/*background-image: url('/assets/images/fa.png');*/
/*}*/

/*.tr:before {*/
/*background-image: url('/assets/images/tr.png');*/
/*}*/

/*.lang-menu ul li a::before {*/
/*content: '';*/
/*display: inline-block;*/
/*width: 32px;*/
/*height: 32px;*/
/*!* background-image: url('/assets/images/fa.png'); *!*/
/*background-size: contain;*/
/*background-repeat: no-repeat;*/
/*vertical-align: middle;*/
/*margin-right: 6px;*/
/*}*/

.lang-menu ul li a:hover {
    background-color: #f2f2f2;
}

.newnav .content {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding-top: 10px;
    padding-left: 16px;
    padding-right: 16px;
}

.newnav .sub-content {
    display: none;
    width: 90%;
    /*height: 96px;*/
    box-shadow: 0 4px 8px 0 rgba(128, 98, 20, 0.32);
    background-color: #ffffff;
    border-radius: 0 0 5px 5px;
    margin-top: -2px;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 8px;
    margin-right: auto;
    margin-left: auto;
}

.newnav.fixed .sub-content {
    margin-top: -6px;
}

.newnav .content .title {
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: center;
    color: #00a699;
}

.newnav .content .logo-title {

}

.newnav .content .button {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #a59da1;
    padding: 4px 4px 4px 4px;
    text-decoration: none;
    cursor: pointer;
}

.newnav .content a {
    text-decoration: none;
    cursor: pointer;
    height: 40px;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    color: #a59da1;
}

.newnav .sub-content a {
    display: block;
    text-decoration: none;
    cursor: pointer;
    height: 40px;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    color: #a59da1;
}

.newnav .sub-content.open {
    display: block;
}

.support-modal {
    height: 90vh;
    /* display: block; */
    margin: 5vh auto;
}

.support-modal .modal-dialog {
    height: 90vh;
}

.support-modal .modal-dialog .modal-content {
    height: 90vh;
}

.support-modal .modal-dialog .modal-content .modal-body {
    height: calc(100% - 60px);
    text-align: center;
}

.support-modal .modal-dialog .modal-content .modal-body iframe {
    width: 100%;
    height: 90vh;
    margin: auto;
    border: none;
    overflow-y: hidden;
}

a {
    text-decoration: none;
    cursor: pointer;
}

.fab-container {
    position: fixed;
    width: 56px;
    height: 62px;
    bottom: 24px;
    left: 24px;
    z-index: 999;
}

@media only screen and (min-width: 768px) {
    .fab-container {
        position: fixed;
        width: 56px;
        height: 62px;
        bottom: 24px;
        left: 52%;
        margin-left: -300px;
    }
}

.fab-holder {
    width: 100%;
    height: 100%;
    box-shadow: 0 0 16px 0 rgba(99, 20, 128, 0.32);
    background-color: #ac1cdf;
    border-radius: 5px;
    padding: 7px 7px;
    text-align: center;
    cursor: pointer;
}

.fab-holder .tail {
    /* width: 6px; */
    /* height: 12px; */
    border-radius: 3px;
    position: absolute;
    bottom: -8px;
    left: 4px;
    border-left: 12px solid #ac1cdf;
    border-right: 12px solid transparent;
    border-top: 8px solid #ac1cdf;
    border-bottom: 12px solid transparent;
}

.fab-holder .chat-icon {
    width: 36px;
    height: 28px;
    background-image: url('/assets/images/chat-icon.svg');
}

.fab-holder .fab-text {
    font-size: 11px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

#obligation-modal .modal-dialog, #bodyinfo-modal .modal-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 344px;
    margin: auto;
}

#obligation-modal .modal-dialog .modal-content .header,
#bodyinfo-modal .modal-dialog .modal-content .header {
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.78;
    letter-spacing: normal;
    text-align: center;
    color: #1e0f17;
    padding-left: 20px;
    padding-right: 20px;
}

#obligation-modal .modal-dialog .modal-content .header .close,
#bodyinfo-modal .modal-dialog .modal-content .header .close {
    font-size: 24px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    margin-top: 12px;
    /* color: #c6c6c6; */
}

#obligation-modal .modal-dialog .modal-content .header .title,
#bodyinfo-modal .modal-dialog .modal-content .header .title {
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    color: #1e0f17;
    padding-top: 61px;
}

#bodyinfo-modal .modal-dialog .modal-content .modal-body .body-text .overview-item {
    height: auto;
    background-color: #ffffff;
    padding: 8px 16px 8px 16px;
}

#bodyinfo-modal .modal-dialog .modal-content .modal-body .body-text .overview-item .question {
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.58;
    letter-spacing: normal;
    text-align: right;
    color: #787275;
}

#bodyinfo-modal .modal-dialog .modal-content .modal-body .body-text .overview-item .answer {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: right;
    color: #1e0f17;
}

#obligation-modal .modal-dialog .modal-content .modal-body .body-text,
#bodyinfo-modal .modal-dialog .modal-content .modal-body .body-text {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: center;
    color: #4b4749;
    padding: 17px 27px 27px 40px;
}

#obligation-modal .modal-dialog .modal-content .modal-body .body-text p,
#bodyinfo-modal .modal-dialog .modal-content .modal-body .body-text p {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: center;
    color: #4b4749;
    margin: 0;
}

#obligation-modal .modal-dialog .modal-content .modal-body .body-text p:nth-child(2),
#bodyinfo-modal .modal-dialog .modal-content .modal-body .body-text p:nth-child(2) {
    padding-top: 30px;
}

#obligation-modal .modal-dialog .modal-content .modal-footer,
#bodyinfo-modal .modal-dialog .modal-content .modal-footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: none;
    padding: 0px 16px 32px 16px;
}

#obligation-modal .modal-dialog .modal-content .modal-footer .btn-yes,
#bodyinfo-modal .modal-dialog .modal-content .modal-footer .btn-yes {
    width: 100%;
    height: 48px;
    border-radius: 3px;
    box-shadow: 0 4px 8px 0 rgba(82, 0, 43, 0.16);
    background-color: #ff0085;
    border: none;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    text-decoration: none;
    padding: 8px;
}

.footer {
    width: 100%;
    height: auto;
    background-color: #1e1c15;
}

.footer .footer-menu {
    height: 49px;
}

.footer-menu ul, .footer-icons ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer .footer-menu .items {
    display: flex;
    justify-content: center;
}

@media only screen and (max-width: 320px) {
    .footer .footer-menu .items {
        display: flex;
        justify-content: space-between;
        padding-left: 10px;
        padding-right: 10px;
    }
}

.footer .footer-menu .items .item .link {
    text-decoration: none;
}

.footer .footer-menu .items .item .link .text {
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 11px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: normal;
    color: #fff;
}

@media only screen and (max-width: 320px) {
    .footer .footer-menu .items .item .link .text {
        padding-left: 0;
        padding-right: 0;
    }
}

.footer .footer-menu .items .item .link .text:hover {
    /* opacity: 0.7; */
    font-size: 12px;
}

.footer .footer-icons {
    padding-top: 8px;
    padding-bottom: 16px;
}

.footer .footer-icons .items {
    display: flex;
    justify-content: center;
}

.footer .footer-icons .items .item {
    margin-left: 10px;
    margin-right: 10px;
}

.footer .footer-icons .items .item .link .icon {
    color: #ffffff;
    font-size: 24px;
}

.footer .footer-icons .items .item .link .icon:hover {
    opacity: 0.7;
}

.footer .footer-icons .items .item .link span .aparat {
    width: 24px;
    height: 24px;
    background-image: url('/site/assets/images/aparat.svg');
    background-repeat: no-repeat;
    margin-top: 2px;
}

.footer .footer-icons .items .item .link span .aparat:hover {
    opacity: 0.7;
}

.footer .footer-note {
    border-top: 1px solid #a59da1;
    padding: 8px 16px;
    font-size: 11px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: center;
    color: #a59da1;
}

.question-description.attention.overview {
    margin: 0px 27px 40px 31px
}

.one-page {
    margin-top: -25px;
    position: relative;
    z-index: 999;
    background-color: #e8e3e6;
}

.one-page.overview {
    padding-top: 40px;
    margin-left: -15px;
}

.one-page .category {
    width: 100%;
    position: relative;
    box-shadow: 0 3px 6px 0 rgba(20, 128, 119, 0.16);
}

.category :nth-child(1) {
    margin-top: 0;
    z-index: 9;
}

.one-page :nth-child(2) {
    z-index: 8;
}

.one-page :nth-child(3) {
    z-index: 7;
}

.one-page :nth-child(4) {
    z-index: 6;
}

.one-page :nth-child(5) {
    z-index: 5;
}

.one-page :nth-child(6) {
    z-index: 4;
}

.one-page :nth-child(7) {
    z-index: 3;
}

.one-page :nth-child(8) {
    z-index: 2;
}

.one-page .category .header {
    display: flex;
    width: 100%;
    height: auto;
    /*height: 33px;*/
    box-shadow: 0 3px 6px 0 rgba(20, 128, 119, 0.16);
    background-color: #e5f6f5;
    justify-content: space-between;
    padding: 10px 16px 8px;
    position: relative;
}

.one-page .category .header .title {
    /*font-size: 10px;*/
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #00a699;
}

.one-page .category .header .title .subject {
    font-weight: 500;
    line-height: 1.5;
    margin-right: 4px;
}

.one-page .category .header .title .icon {
    font-weight: normal;
    line-height: 1.3;
}

.one-page .category .header .edit-button {
    /*font-size: 10px;*/
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #a59da1;
    cursor: pointer;
}

.one-page .category .header .edit-button a {
    text-decoration: none;
    padding: 10px 10px 10px 10px;
    margin-left: -10px;
}

.one-page .category .content {
    display: none;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
    z-index: 1;
    background-color: #e8e3e6;
}

.one-page .category .content.open {
    display: block;
}

.one-page .category .content select .select2.select2-container.select2-container--default {
    width: 100% !important;
}

.one-page.overview .category .content .overview-item {
    height: auto;
    background-color: #ffffff;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 2px;
    padding: 16px;
}

.one-page.overview .category .content .overview-item .question {
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.58;
    letter-spacing: normal;
    text-align: right;
    color: #787275;
}

.one-page.overview .category .content .overview-item .answer {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: right;
    color: #1e0f17;
}

.confirmation {
    width: 100%;
    height: auto;
    background-color: #f7f6f2;
    padding: 27px 16px 36px;
    margin-top: 24px;
}

.confirmation .form-group-question {
    margin-top: 0;
}

.confirmation .checkbox.limoo-checkbox {
    width: 100%;
    margin-bottom: 0;
}

.confirmation .checkbox.limoo-checkbox label {
    width: 100%;
    background-color: transparent;
    padding-top: 13px;
    padding-right: 24px;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.58;
    letter-spacing: normal;
    text-align: right;
    color: #1e0f17;
}

.confirmation .limoo-checkbox input[type='checkbox'] + .checkbox-square {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    border: solid 1px #ff0085;
    background-color: #ffffff;
    right: 2px;
}

.confirmation .limoo-checkbox input[type='checkbox']:checked + .checkbox-square {
    background-color: #ff0085;
}

.form-group-question .submit {
    position: relative;
    width: 9px;
    height: 18px;
    top: 38px;
    right: 16px;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: right;
    color: #ffffff;
    cursor: pointer;
}

.ramadan-banner {
    width: 100%;
    height: 80px;
    background-color: rgba(255, 200, 55, 0.16);
    margin-top: -40px;
    margin-bottom: 40px;
    cursor: pointer;
}

.ramadan-banner .background {
    background: url(/assets/images/ramadan-removebg.png) -80px -90px no-repeat;
    width: 100%;
    height: 100%;
    border-style: solid;
    border-color: rgba(255, 200, 55, 0.5);
    border-width: thin;
    border-radius: 3px;
}

@media only screen and (max-width: 410px) {
    .ramadan-banner .background {
        background: url(/assets/images/ramadan-removebg.png) -90px -90px no-repeat;
    }
}

.ramadan-banner .title {
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #ff0085;
    position: relative;
    bottom: 62px;
}

@media only screen and (max-width: 500px) {
    .ramadan-banner .title {
        font-size: 16px;
        margin-right: 30px;
        text-align: right;
    }
}

#ramadan-modal .modal-dialog .ramadan-content {
    background-color: #ffffff;
}

#ramadan-modal .modal-dialog .ramadan-content .modal-body {
    padding: 24px 16px 103px;
    overflow-y: auto;
}

.ramadan-content .image {
    width: 100%;
    height: 100%;
}

.ramadan-content .header .close {
    position: absolute;
    left: 4px;
    top: 4px;
    padding: 8px 8px 8px 8px;
    color: #ffffff;
    font-size: 36px;
    opacity: 0.9;
}

#ramadan-modal .modal-dialog .modal-body .attention {
    font-size: 18px;
    font-weight: 800;
    line-height: 1.5;
    letter-spacing: normal;
    padding: 15px;
    border: solid 3px #fadcde;
    color: #dc3541;
    background-color: #fdf0f1;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 20px;
}

#ramadan-modal .modal-dialog .modal-body .title {
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    color: #1e0f17;
}

#ramadan-modal .modal-dialog .modal-body .title .title-number {
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
}

#ramadan-modal .modal-dialog .modal-body .title .title-number-light {
    font-size: 40px;
    font-weight: bold;
    line-height: 0.6;
    color: #d1ced0;
    margin-right: 10px;
}

#ramadan-modal .modal-dialog .modal-body .description {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    color: #1e0f17;
    text-align: justify;
}

#ramadan-modal .modal-dialog .modal-body .description .link {
    color: #ff0085;
    cursor: pointer;
    text-decoration: none;
}

#ramadan-modal .modal-dialog .modal-body .cout {
    color: #d1ced0;
}

#ramadan-modal .modal-dialog .modal-body .cout.right {
    margin-top: 40px;
    margin-bottom: 8px;
}

#ramadan-modal .modal-dialog .modal-body .cout.left {
    margin-top: 8px;
    transform: rotate(180deg);
}

#ramadan-modal .modal-dialog .modal-body .suggestion ul {
    margin-top: 16px;
}

#ramadan-modal .modal-dialog .modal-body .suggestion ul li {
    margin-bottom: 8px;
}

span .correct {
    position: relative;
    position: absolute;
}

span .wrong {
    position: relative;
    position: absolute;
}

/*.mobile-phone i{*/
/*position: absolute;*/
/*right: 5px;*/
/*color: gray;*/
/*}*/

.correct i {
    position: absolute;
    top: 40px;
    right: 0px;
    transition: 1s;
    font-size: 0;
    color: green;
}

.correct.login i {
    z-index: 999;
    top: 16px;
}

.correct.landing i {
    right: 16px
}

.correct.payment i {
    top: 14px;
}

.wrong i {
    position: absolute;
    top: 40px;
    right: 0px;
    transition: 1s;
    color: transparent;
    font-size: 1.5em;
    cursor: not-allowed;
}

.wrong.login i {
    z-index: 999;
    top: 16px;
}

.wrong.landing i {
    right: 16px
}

.wrong.payment i {
    top: 14px
}

input[name="mobile"] {
    direction: ltr;
}

.message-from-limoome {
    width: 100%;
    height: auto;
    background-color: #f2f2f2;
    margin-top: -20px;
}

.message-from-limoome .message-header {
    width: auto;
    height: 119px;
    background-color: #00a699;
    padding-top: 30px;
}

.message-from-limoome .message-header .header-title {
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.39;
    letter-spacing: -0.54px;
    text-align: center;
    color: #f2fcfa;
}

.message-from-limoome .message-header .header-icon {
    height: 71.9px;
    background-image: url("/assets/images/chat.svg");
    background-repeat: no-repeat;
    background-position-x: center;
    margin-top: 18px;
    position: relative;
}

.message-from-limoome .message-body {
    width: 100%;
    height: auto;
    background-color: #f2f2f2;
    padding: 47px 16px 22px;
}

.message-from-limoome .message-body .title {
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: right;
    color: #1e0f17;
    padding-right: 17px;
    padding-bottom: 10px;
}

.message-from-limoome .message-body .sub-title {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.7;
    letter-spacing: normal;
    text-align: justify;
    color: #797376;
    padding-right: 17px;
}

.message-from-limoome .message-body .card-view {
    width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(123, 123, 123, 0.16);
    background-color: #ffffff;
    margin-top: 26px;
    padding: 16px;
}

.message-from-limoome .message-body .card-view .header {
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.7;
    letter-spacing: normal;
    text-align: right;
    text-align: right;
}

.message-from-limoome .message-body .card-view .header.dark {
    color: #1e0f17;
}

.message-from-limoome .message-body .card-view .header.gray {
    color: #5e5e5e;
}

.message-from-limoome .message-body .card-view .body {
    padding-top: 17px;
    padding-bottom: 18px;
}

.message-from-limoome .message-body .card-view .body.audio {
    height: 65px;
}

.message-from-limoome .message-body .card-view .body.audio .help-audio-container {
    margin: 0px 0px 60px 0px;
}

.message-from-limoome .message-body .card-view .body.audio .help-audio-container .audiojs .play-pause {
    width: 41px;
    height: 41px;
    border-radius: 7px;
    box-shadow: 0 3px 6px 0 rgba(255, 231, 158, 0.52);
    border: solid 1px #fcb045;
    background-color: #fff5d5;
    padding: 12px 10px;
    margin-top: 7px;
}

.message-from-limoome .message-body .card-view .body.audio .help-audio-container .audiojs .play-pause .play {
    background: url(/assets/js/audiojs/play2.png) no-repeat;
    width: 16px;
    height: 16px;
}

.message-from-limoome .message-body .card-view .body.audio .help-audio-container .audiojs .play-pause .pause {
    background: url(/assets/js/audiojs/pause2.png) no-repeat;
    width: 16px;
    height: 16px;
    position: relative;
    left: 0px;
}

.message-from-limoome .message-body .card-view .body.audio .help-audio-container .audiojs .scrubber {
    border: none;
    height: 4px;
    background: rgba(255, 231, 158, 0.52);
    margin: 25px 0px 25px 8px;
    width: calc(100% - 54px);
}

.message-from-limoome .message-body .card-view .body.audio .help-audio-container .audiojs .scrubber .progress {
    height: inherit;
    background: #fcb045;
    border-radius: 0;
    margin: 0;
    box-shadow: none;
}

.message-from-limoome .message-body .card-view .body.audio .help-audio-container .audiojs .scrubber .loaded {
    height: inherit;
    background: rgba(255, 231, 158, 0.52);
}

.message-from-limoome .message-body .card-view .body.audio .help-audio-container .audiojs .time {
    display: block;
    font-size: 10px;
    font-weight: normal;
    font-family: 'IRANSans-web-fa';
    margin: -30px 0px 0px 50px;
    padding: 0px 6px 0px 0px;
    border: none;
    color: #865b1d;
}

.message-from-limoome .message-body .card-view .body.audio .help-audio-container .audiojs .time em.played {
    color: #865b1d;
    font-family: 'IRANSans-web-fa';
}

.message-from-limoome .message-body .card-view .body .text {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: right;
    color: #c72928;
}

.message-from-limoome .message-body .card-view .body .frame {
    width: 100%;
    height: 162.2px;
    text-align: center;
    /*background-image: url("/assets/images/frame.png");*/
    /*background-repeat: no-repeat;*/
    /*background-size: cover;*/
    /*border-radius: 8px;*/
    /*box-shadow: 0 4px 8px 0 rgba(123, 123, 123, 0.16);*/
    margin-right: auto;
    margin-left: auto;
}

.message-from-limoome .message-body .card-view .body .frame iframe {
    max-width: 100%;
    max-height: 100%;
    height: 162.2px;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(123, 123, 123, 0.16);
    border: none;
}

.message-from-limoome .message-body .card-view .body .content {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.7;
    letter-spacing: normal;
    text-align: justify;
    color: #5e5e5e;
}

.message-from-limoome .message-body .card-view .body ul {
    padding: 0;
    list-style: none;
}

.message-from-limoome .message-body .card-view .body ul li:before {
    content: "\2022";
    color: #666666;
    font-size: 48px;
    line-height: 20px;
    font-weight: bold;
    display: inline-block;
    position: relative;
    top: 15px;
}

.message-from-limoome .message-body .card-view .footer {
    width: calc(100% + 32px);
    height: auto;
    box-shadow: 0 4px 8px 0 rgba(123, 123, 123, 0.16);
    background-color: #fff5d5;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.7;
    letter-spacing: normal;
    text-align: justify;
    color: #865b1d;
    border-radius: 0 0 10px 10px;
    padding: 13px 16px;
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: -16px;
}

.message-from-limoome .button {
    width: 100%;
    height: 48px;
    font-size: 14px;
    border-radius: 6px;
    color: #ffffff;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.16);
    background-color: #00a699;
    border: none;
    margin-bottom: 11px;
}

.message-from-limoome a.button {
    display: block;
    text-align: center;
    padding-top: 13px;
    text-decoration: none;
}

.diets-cards {
    padding: 27px 16px 22px;
    background-color: #f7f7f7;
    /*margin-right: -15px;*/
    /*margin-left: -15px;*/
    margin-top: -40px;
}

.diets-cards .diet-card {
    width: 100%;
    height: auto;
    box-shadow: 0 4px 8px 0 rgba(123, 123, 123, 0.16);
    border-radius: 10px;
    padding: 16px 16px 0 16px;
    margin-bottom: 16px;
}

.diets-cards .diet-card.active {
    background-color: #ffffff;
}

.diets-cards .diet-card.open {
    padding-bottom: 13px;
}

.diets-cards .diet-card.deactive {
    background-color: #d8d8d8;
}

.diets-cards .diet-card .diet-card-header {
    font-size: 16px;
    font-weight: 500;
    color: #1e0f17;
    margin: -16px -16px 0px;
    padding: 16px 16px 16px;
}

.diets-cards .diet-card .diet-card-header .right .symbol {
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 1.19;
    position: relative;
    top: 3px;
    right: -4px;
}

.diets-cards .diet-card.active .diet-card-header .right .symbol {
    color: #00a699;
}

.diets-cards .diet-card.deactive .diet-card-header .right .symbol {
    color: #a59da1;
}

.diets-cards .diet-card .diet-card-header .right .content {
    padding-right: 0px;
}

.diets-cards .diet-card .diet-info {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.5;
    color: #1e0f17;
}

.diets-cards .diet-card .diet-info:nth-child(n+2) {
    margin-top: 3px;
}

.diets-cards .diet-card .diet-info.last {
    margin-top: 18px;
}

@media only screen and (max-width: 462px) {
    .diets-cards .diet-card .diet-info.last {
        flex-direction: column;
    }
}

.diets-cards .diet-card .diet-info.last > a {
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.16);
    background-color: #00a699;
    color: #ffffff;
    text-align: center;
    padding: 10px;
}

.diets-cards .diet-card .diet-info .right {
    color: #a59da1;
    font-weight: bold;
}

.diets-cards .diet-card .diet-info .left {
    font-weight: bold;
}

.diets-cards .diet-card.active .diet-info:nth-child(2) .left,
.diets-cards .diet-card.active .diet-info:nth-child(3) .left {
    color: #00a699;
}

.diets-cards .diet-card .diet-info .right .symbol {
    width: 8px;
    height: 10px;
    font-size: 14px;
    line-height: 1.2;
}

.diets-cards .diet-card .diet-info .right .content {
    padding-right: 4px;
}

.diets-cards .diet-card .diet-info.last .right,
.diets-cards .diet-card .diet-info.last .left {
    width: 50%;
}

@media only screen and (min-width: 463px) {
    .diets-cards .diet-card .diet-info.last .right,
    .diets-cards .diet-card .diet-info.last .left {
        width: 50%;
    }
}

@media only screen and (max-width: 462px) {
    .diets-cards .diet-card .diet-info.last .right,
    .diets-cards .diet-card .diet-info.last .left {
        width: 100%;
        padding-left: 0 !important;
        margin-bottom: 8px;
    }
}

@media only screen and (max-width: 462px) {
    .diets-cards .diet-card .diet-info.last .left {
        width: 100%;
        padding-right: 0 !important;
        margin-top: 8px;
    }
}

.diets-cards .diet-card.active .diet-info.last .right {
    padding-left: 8px;
    text-align: center;
}

.diets-cards .diet-card.active .diet-info.last .left {
    padding-right: 8px;
    text-align: center;
}

.diets-cards .diet-card .diet-info.last .right .button,
.diets-cards .diet-card .diet-info.last .left .button,
.diets-cards .diet-card .diet-info.last .button {
    width: 100%;
    height: 35px;
    border-radius: 6px;
    display: block;
    padding-top: 0px;
    text-decoration: none;
}

.diets-cards .diet-card .diet-info.last .right .button,
.diets-cards .diet-card.deactive .diet-info.last .button {
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.16);
    background-color: #00a699;
    color: #ffffff;
    border: none;
}

.diets-cards .diet-card .diet-info.last .left .button {
    border: solid 1px #707070;
    background-color: #ffffff;
    color: #707070;
    padding-top: 5px;
}

.diets-cards .diet-card.deactive .diet-info.last .button {
    width: 100%;
}

.diets-cards .diet-card .diet-note {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: right;
    color: #c72928;
    margin-top: 12px;
    padding-bottom: 12px;
}

.diet-bar {
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    box-shadow: 0 -1px 6px 0 rgba(128, 98, 20, 0.16);
    margin-bottom: 2px;
}

.diet-bar .diet-bar-item {
    width: 50%;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 14px;
    background-color: #ffffff;
    cursor: pointer;
}

.diet-bar .diet-bar-item:hover {
    background-color: #ffffff;
    border-bottom: solid 3px #00a699;
}

.diet-bar .diet-bar-item.selected {
    background-color: #f2faff;
    border-bottom: solid 3px #00a699;
}

.diet-card.person-info {
    background-color: #ffffff;
    padding-bottom: 22px;
}

.diet-card.person-info .diet-card-body .diet-info:first-child {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 24px;
}

.diet-card.person-info .avatar {
    margin-top: 12px;
}

.diet-card.person-info .avatar .image {
    width: 100%;
    height: 100%;
}

.diet-card.fitness {
    background-color: #f2faff;
}

.diets-cards .diet-card.fitness .diet-card-header .right .symbol {
    color: #2bb5ff;
}

.diet-card.score {
    background-color: #fff5d5;
}

.diets-cards .diet-card.score .diet-card-header .right .symbol {
    color: #fcb045;
}

.diets-cards .diet-card.score .diet-card-header .left .cash {
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #a59da1;
}

.diets-cards .diet-card.score .diet-card-header .left .cash:first-child {
    color: #1e0f17;
}

.diets-cards .diet-card.score .diet-info .right {
    color: #1e0f17;
}

.diets-cards .diet-card.score .diet-info.last,
.diets-cards .diet-card.fitness .diet-info.last {
    margin-top: 3px;
    padding-bottom: 12px;
}

#calander-modal {
    /*display: block;*/
    overflow-x: hidden;
    overflow-y: auto;
}

#calander-modal .modal-dialog {
    border-radius: 10px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #ffffff;
    padding-bottom: 24px;

}

#calander-modal .modal-header {
    width: 100%;
    height: 119px;
    background-color: #fff5d5;
    border-radius: 10px 10px 0 0;
    padding: 35px 96px 0 96px;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: -0.48px;
    text-align: center;
    color: #212121;
}

#calander-modal .modal-header .icon {
    height: 71.9px;
    background-image: url(/assets/images/calander-icon.svg);
    background-repeat: no-repeat;
    background-position-x: center;
    margin-top: 24px;
    position: relative;
}

#calander-modal .modal-body {
    width: 100%;
    height: auto;
    padding: 52px 21px 0 21px;
}

#calander-modal .modal-body .title {
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.08;
    letter-spacing: -0.36px;
    text-align: center;
    color: #212121;
    margin-bottom: 16px;
}

#calander-modal ul {
    margin: 0;
}

#calander-modal .modal-body .date-items {
    width: 100%;
    padding: 0;
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 10px;
    margin-bottom: 20px;
}

#calander-modal .modal-body .date-items .date-item {
    /*height: 59px;*/
    height: 70px;
    border-radius: 5px;
    border: solid 1px #00a699;
    cursor: pointer;
}

#calander-modal .modal-body .date-items .date-item:hover .head {
    background-color: #00a699;
    color: #ffffff;
}

#calander-modal .modal-body .date-items .date-item:focus {
    background-color: #00a699;
}

#calander-modal .modal-body .date-items .date-item.selected {
    background-color: #00a699;
}

#calander-modal .modal-body .date-items .date-item.selected .head,
#calander-modal .modal-body .date-items .date-item.selected .body {
    background-color: #00a699;
    color: #ffffff;
}

#calander-modal .modal-body .date-items .date-item.selected .head {
    border-bottom: 1px solid #ffffff;
}

#calander-modal .modal-body .date-items .date-item:first-child {
    /* width: 100%; */
    grid-column-start: 1;
    grid-column-end: 5;
}

#calander-modal .modal-body .date-items .date-item:first-child .body .day {
    text-align: right;
    padding-right: 15px;
}

#calander-modal .modal-body .date-items .date-item:first-child .body .month {
    display: flex;
    justify-content: space-between;
    padding-right: 10px;
    padding-left: 10px;
}

#calander-modal .modal-body .date-items .date-item .head {
    width: 100%;
    /*height: 16px;*/
    height: 22px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
    border-radius: 5px 5px 0 0;
    background-color: #d8fffc;
    border-bottom: 1px solid #00a699;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: -0.24px;
    text-align: center;
    color: #00a699;
}

#calander-modal .modal-body .date-items .date-item .body {
    width: 100%;
    height: 32px;
    background-color: #ffffff;
    padding: 4px 0 4px;
    color: #00a699;
}

#calander-modal .modal-body .date-items .date-item .body .day {
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.72px;
    text-align: center;
    padding: 0;
}

#calander-modal .modal-body .date-items .date-item .body .month {
    font-size: 8px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    /*line-height: 3;*/
    letter-spacing: -0.24px;
    text-align: center;
    position: relative;
    /*bottom: 16px;*/
    bottom: 12px;
}

#calander-modal .modal-dialog .button {
    display: flex;
    height: 40px;
    font-size: 16px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: -0.48px;
    text-align: center;
    color: #717171 !important;
}

#calander-modal .modal-dialog .button:hover {
    color: #717171;
}

#calander-modal .modal-dialog .button button {
    display: block;
    margin-left: auto;
    /* margin-right: auto; */
    /* float: right; */
    margin-right: auto;
    padding: 10px;
}

#calander-modal .modal-dialog .button button.close {
    color: #000;
}

.diet-state-view {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    margin-top: -35px;
}

.diet-state-view .header {
    width: 100%;
    height: 120px;
    background-color: #f2f2f2;
    padding-top: 30px;
    text-align: center;
}

.diet-state-view .header .title {
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.39;
    letter-spacing: -0.54px;
    text-align: center;
    color: #e53535;
}

.diet-state-view .header .icon {
    display: inline-block;
    width: 62px;
    height: 76px;
    background-image: url('/assets/images/failed.svg');
    background-repeat: no-repeat;
    position: relative;
    background-position-x: center;
    margin-top: 16px;
}

.diet-state-view .body {
    padding: 60px 31px 16px;
}

.diet-state-view .body .title {
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: right;
    color: #1e0f17;
    margin-bottom: 8px;
}

.diet-state-view .body .content {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: right;
    color: #797376;
}

@media screen and (max-width: 767px) {
    .dynamic_2_container {
        padding: 0;
    }
}

.new-landing {
    margin-top: -6px;
    overflow-x: hidden;
}

@media screen and (min-width: 768px) {
    .new-landing {
        /* padding-right: 15px; */
    }
}

.new-landing img {
    max-width: 100%;
    max-height: 100%;
}

.new-landing .section1 {
    width: 100%;
    height: auto !important;
    /* height: 100vh; */
    /* max-height: 645px; */
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center top;
}

@media screen and (max-width: 767px) {
    .new-landing .section1 {
        padding-bottom: 40px;
        background-image: url(/assets/images/landingbg.png);
    }
}

@media screen and (min-width: 768px) {
    .new-landing .section1 {
        background-image: url(/assets/images/desktop-bg.png);
        padding-bottom: 100px;
        /*height: 100vh;*/
    }
}

.new-landing .section1 .background-image {
    position: relative;
    width: 100%;
    height: 100%;
    /* max-height: 560px; */
    top: 0;
    left: 0;
    z-index: 9;
}

.new-landing .section1 .foreground {
    /* position: absolute; */
    /* z-index: 10; */
    /* width: 100%; */
    /* left: 0; */
    /* top: 0; */
    /* padding-bottom: 20px; */
}

@media screen and (max-width: 767px) {
    .new-landing .section1 .header {
        width: 100%;
        height: auto;
        text-align: left;
        padding: 30px 20px 10px 20px;
    }
}

@media screen and (min-width: 768px) {
    .new-landing .section1 .header {
        display: none;
    }
}

.new-landing .section1 .header .logo {
    max-width: 100%;
    max-height: 100%;
    width: 40px;
}

.new-landing .section1 .header .title {
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: right;
    color: #474c62;
}

.new-landing .section1 .above-baloon {
    width: 50%;
    /* height: auto; */
    /* width: 220px; */
    height: 96px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 50px 0 25px 50px;
    padding: 13px 24px 13px 0;
    backdrop-filter: blur(5px);
    position: relative;
    z-index: 999;
    float: right;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: right;
    color: rgba(0, 0, 0, 0.87);
    line-height: 0.9;
}

@media screen and (max-width: 600px) {
    .new-landing .section1 .above-baloon {
        width: 55%;
    }
}

@media screen and (max-width: 640px) {
    .new-landing .section1 .above-baloon {
        padding: 16px 24px 0px 0;
    }
}

@media screen and (min-width: 768px) {
    .new-landing .section1 .above-baloon {
        margin-right: 40px;
    }
}

@media screen and (min-width: 992px) {
    .new-landing .section1 .above-baloon {
        width: 40%;
        margin-right: 140px;
        font-size: 18px;
        padding: 12px 24px 6px 0;
    }
}

@media screen and (min-width: 1059px) {
    .new-landing .section1 .above-baloon {
        font-size: 20px;
    }
}

@media screen and (min-width: 1161px) {
    .new-landing .section1 .above-baloon {
        font-size: 22px;
    }
}

@media screen and (min-width: 641px) {
    .new-landing .section1 .above-baloon .first,
    .new-landing .section1 .above-baloon .second,
    .new-landing .section1 .above-baloon .third {
        display: inline-block;
    }
}

@media screen and (max-width: 641px) {
    .new-landing .section1 .above-baloon .first .strong {
        line-height: 0;
    }
}

.new-landing .section1 .above-baloon .strong {
    font-size: 18px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.22;
    letter-spacing: normal;
    text-align: right;
    color: rgba(0, 0, 0, 0.87);

}

@media screen and (min-width: 992px) {
    .new-landing .section1 .above-baloon .strong {
        font-size: 18px;
    }
}

@media screen and (min-width: 1059px) {
    .new-landing .section1 .above-baloon .strong {
        font-size: 20px;
    }
}

@media screen and (min-width: 1161px) {
    .new-landing .section1 .above-baloon .strong {
        font-size: 22px;
    }
}

.new-landing .section1 .earth-globe {
    width: 100%;
    position: absolute;
}

@media screen and (max-width: 600px) {
    .new-landing .section1 .earth-globe {
        height: 300px;
    }
}

@media screen and (min-width: 601px) {
    .new-landing .section1 .earth-globe {
        height: 300px;
    }
}

@media screen and (min-width: 768px) {
    .new-landing .section1 .earth-globe {
        height: 500px;
    }
}

@media screen and (min-width: 992px) {
    .new-landing .section1 .earth-globe {
        height: 500px;
    }
}

@media screen and (min-width: 1200px) {
    .new-landing .section1 .earth-globe {
        height: 550px;
    }
}

/*@media screen and (min-width: 1517px) {*/
/*.new-landing .section1 .earth-globe {*/
/*height: 650px;*/
/*}*/
/*}*/

/*@media screen and (min-width: 1821px) {*/
/*.new-landing .section1 .earth-globe {*/
/*height: 850px;*/
/*}*/
/*}*/

.new-landing .section1 .globe {
    position: relative;
    max-width: 100%;
    max-height: 100%;
    float: left;
    bottom: 100px;
    left: 0px;
    animation: spiner 4s linear;
}

@media screen and (max-width: 600px) {
    .new-landing .section1 .globe {
        bottom: 100px;
    }
}

@media screen and (min-width: 601px) {
    .new-landing .section1 .globe {
        left: 60px;
        bottom: 40px;
    }
}

@media screen and (min-width: 768px) {
    .new-landing .section1 .globe {
        left: 0px;
        bottom: 170px;
    }
}

@media screen and (min-width: 992px) {
    .new-landing .section1 .globe {
        left: 0px;
        /* bottom: 40px; */
    }
}

@media screen and (min-width: 1080px) {
    .new-landing .section1 .globe {
        left: 80px;
        bottom: 40px;
    }
}

@media screen and (min-width: 1200px) {
    .new-landing .section1 .globe {
        left: 140px;
        bottom: 70px;
    }
}

@keyframes spiner {
    0% {
        transform: rotate(15deg)
    }
    100% {
        transform: rotate(0deg)
    }
}

.new-landing .section1 .below-baloon {
    width: 188px;
    height: auto;
    background-color: rgba(255, 255, 255, 0.87);
    border-radius: 0 50px 50px 50px;
    padding: 10px 20px 10px 20px;
    box-shadow: 1px 1px 4px rgba(169, 169, 169, 0.075);
    font-weight: bold;
    position: relative;
    bottom: 120px;
    z-index: 999;
    float: left;
    text-align: center;
}

@media screen and (min-width: 400px) {
    .new-landing .section1 .below-baloon {
        bottom: 0;
        top: 80px;
        left: -200px;
    }
}

.new-landing .section1 .cloud {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
}

.new-landing .section1 .cloud.east {
    width: 81px;
    height: auto;
    top: 170px;
    left: 170px;
}

@media screen and (min-width: 768px) {
    .new-landing .section1 .cloud.east {
        width: 130px;
        top: 270px;
        left: 500px;
    }
}

.new-landing .section1 .cloud.west {
    width: 40px;
    height: auto;
    top: 150px;
    left: 60px;
}

@media screen and (min-width: 768px) {
    .new-landing .section1 .cloud.west {
        width: 70px;
        top: 310px;
        left: 230px;
    }
}

.new-landing .section1 .cloud.north {
    width: 44px;
    height: auto;
    top: 90px;
    left: 80px;
}

@media screen and (min-width: 768px) {
    .new-landing .section1 .cloud.north {
        width: 80px;
        top: 130px;
        left: 300px;
    }
}

.cloud.east.move {
    -webkit-animation: mover-east 3s;
    animation: mover-east 3s;
}

.cloud.west.move {
    -webkit-animation: mover-west 3s;
    animation: mover-west 3s;
}

.cloud.north.move {
    -webkit-animation: mover-north 3s;
    animation: mover-north 3s;
}

@media screen and (min-width: 768px) {
    @-webkit-keyframes mover-east {
        0% {
            left: 180px;
        }
        100% {
            left: 500px;
        }
    }

    @keyframes mover-east {
        0% {
            left: 180px;
        }
        100% {
            left: 500px;
        }
    }

    @-webkit-keyframes mover-north {
        0% {
            left: 10px;
            opacity: 0;
        }
        100% {
            left: 300px;
            opacity: 1;
        }
    }

    @keyframes mover-north {
        0% {
            left: 10px;
        }
        100% {
            left: 300px;
        }
    }

    @-webkit-keyframes mover-west {
        0% {
            left: 10px;
        }
        100% {
            left: 230px;
        }
    }

    @keyframes mover-west {
        0% {
            left: 10px;
        }
        100% {
            left: 230px;
        }
    }
}

@media screen and (max-width: 767px) {
    @-webkit-keyframes mover-east {
        0% {
            left: 200px;
        }
        100% {
            left: 170px;
        }
    }

    @keyframes mover-east {
        0% {
            left: 200px;
        }
        100% {
            left: 170px;
        }
    }

    @-webkit-keyframes mover-north {
        0% {
            left: 0px;
            opacity: 0;
        }
        100% {
            left: 80px;
            opacity: 1;
        }
    }

    @keyframes mover-north {
        0% {
            left: 0px;
        }
        100% {
            left: 80px;
        }
    }

    @-webkit-keyframes mover-west {
        0% {
            left: 4px;
        }
        100% {
            left: 60px;
        }
    }

    @keyframes mover-west {
        0% {
            left: 4px;
        }
        100% {
            left: 60px;
        }
    }
}

.new-landing .section1 .selection-container {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin-top: 200px;
    animation: rise 4s;
}

@keyframes rise {
    0% {
        margin-top: 645px;
        opacity: 0;
    }
    100% {
        margin-top: 200px;
        opacity: 1;
    }
}

.new-landing .section1 .selection-container .first {
    width: 188px;
    height: auto;
    background-color: rgba(255, 255, 255, 0.87);
    border-radius: 0 50px 50px 50px;
    padding: 10px 20px 10px 20px;
    box-shadow: 1px 1px 4px rgba(169, 169, 169, 0.6);
    backdrop-filter: blur(5px);
    font-weight: bold;
    position: absolute;
    top: -60px;
    left: 0;
    z-index: 999;
    float: left;
    text-align: center;
}

@media screen and (min-width: 992px) {
    .new-landing .section1 .selection-container .first {
        font-size: 16px;
    }
}

@media screen and (min-width: 768px) {
    .new-landing .section1 .selection-container .first {
        left: calc(50% - 100px);
        width: 220px;
    }
}

.new-landing .diets-grid {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: center;
    margin-top: -10px;
}

@media screen and (max-width: 767px) {
    .new-landing .diets-grid.desktop {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .new-landing .diets-grid.mobile {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .new-landing .diets-grid {
        margin-left: auto;
        padding-right: 100px;
    }
}

@media screen and (min-width: 768px) {
    .new-landing .diets-grid.desktop {
        margin-left: auto;
        padding-right: 100px;
    }
}

@media screen and (min-width: 992px) {
    .new-landing .diets-grid.desktop {
        margin-left: auto;
        padding-right: 70px;
    }
}

@media screen and (min-width: 1200px) {
    .new-landing .diets-grid.desktop {
        margin-left: auto;
        padding-right: 225px;
    }
}

.new-landing .diets-grid.desktop #diet-details {
    width: 332px;
    height: auto;
    background-color: transparent;
    box-shadow: none;
    margin-bottom: 24px;
}

.new-landing .diets-grid.desktop #diet-details .text {
    color: #253858;
}

.new-landing .diets-grid.desktop #diet-details .button {
    width: 100%;
    height: 44px;
    padding-top: 10px;
    margin-top: 31px;
    cursor: pointer;
}

.new-landing .diets-grid .diet-item {
    height: 64px;
    border-radius: 8px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    background-color: #ffffff;
    /* padding: 20px 6px 20px 6px; */
    /* text-align: center; */
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .new-landing .diets-grid .diet-item {
        width: 80px;
    }
}

@media screen and (min-width: 768px) {
    .new-landing .diets-grid .diet-item {
        width: 100px;
    }
}

.new-landing .diets-grid.mobile .diet-item.open {
    width: 100%;
    height: auto;
    max-width: 176px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
}

.new-landing .diets-grid.mobile .diet-item.other.open {
    background-color: transparent;
    box-shadow: none;
    max-width: 100%;
}

.new-landing .diets-grid.mobile .diet-item.other {
    background-color: transparent;
    box-shadow: none;
    max-width: 100%;
}

.new-landing .diets-grid.mobile .diet-item.other select[name='select-diet-type'] + span {
    width: 100%;
    height: auto;
    font-size: 13px;
    font-weight: bold;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
    background-color: #ffffff;
    border-radius: 8px;
    padding-bottom: 8px;
}

.new-landing .diets-grid.desktop .diet-item.open {
    /*border: solid 2px #fcf200;*/
    background-color: #48697e;
    /*background-color: #9bde7d;*/
}

.new-landing .diets-grid.mobile .diet-item.item1.open {
    grid-column: 1/3;
    grid-row: 1/3;
}

.new-landing .diets-grid.mobile .diet-item.item3.open,
.new-landing .diets-grid.mobile .diet-item.item2.open {
    grid-column: 2/4;
    grid-row: 1/3;
}

.new-landing .diets-grid.mobile .diet-item.item4.open {
    grid-column: 1/3;
    grid-row: 2/4;
}

.new-landing .diets-grid.mobile .diet-item.item5.open,
.new-landing .diets-grid.mobile .diet-item.item6.open {
    grid-column: 2/4;
    grid-row: 2/4;
}

.new-landing .diets-grid .diet-item .label {
    display: block;
    width: 100%;
    height: 64px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    padding-top: 18px;
}

.new-landing .diets-grid .diet-item.open .label {
    color: #ffffff;
}

.new-landing .diets-grid.mobile .diet-item.open .label {
    height: auto;
    padding-top: 0;
}

.new-landing .diets-grid .diet-item .item-content {
    display: none;
}

/*.new-landing .diets-grid .diet-item .item-content.desktop {*/
/*display: none;*/
/*}*/

/*@media screen and (max-width: 767px) {*/
.new-landing .diets-grid .diet-item.open .item-content {
    display: block;
    padding: 10px;
}

/*}*/

/*@media screen and (min-width: 768px) {*/
/*.new-landing .diets-grid .diet-item.open .item-content.desktop {*/
/*display: block;*/
/*padding: 10px;*/
/*}*/
/*}*/

.new-landing .diets-grid .diet-item .item-content .text {
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.64;
    letter-spacing: normal;
    text-align: center;
    color: #253858;
}

.new-landing .diets-grid .diet-item .item-content .button {
    width: 100%;
    height: 32px;
    border-radius: 8px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #fcf200;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    color: #373a3c;
    margin-top: 30px;
    padding-top: 5px;
    cursor: pointer;
}

.new-landing .diets-grid .diet-item.description {
    width: auto;
    height: 48px;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: normal;
    text-align: right;
    color: #253858;
    grid-column-start: 1;
    grid-column-end: 3;
    padding: 0;
    background-color: transparent;
    box-shadow: none;
}

.new-landing .diets-grid .diet-item.checked {
    box-shadow: 0 2px 10px 0 #fcee21;
    border: solid 1px #fcee21;
}

.new-landing .diets-grid .diet-item.other {
    width: auto;
    height: 40px;
    grid-column-start: 1;
    grid-column-end: 4;
    /* padding: 0 22px 0 0; */
}

.new-landing .diets-grid .diet-item.other.last {
    background-color: transparent;
    box-shadow: none;
    text-align: center;
}

.new-landing .diets-grid label {
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: normal;
    text-align: center;
    color: #353535;
    cursor: pointer;
}

@media screen and (min-width: 768px) {
    .new-landing .diets-grid label {
        font-size: 15px;
    }
}

@media screen and (min-width: 768px) {
    .new-landing .diets-grid .diet-item .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
        font-size: 15px;
        font-weight: bold;
        color: #353535;
    }

    .new-landing .diets-grid.desktop .diet-item.open .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
        font-size: 15px;
        font-weight: bold;
        color: #ffffff;
    }
}

.new-landing .diets-grid input[type='radio'] {
    visibility: hidden;
    width: 0;
}

.new-landing .diets-grid select {
    width: 273px;
    height: 40px;
    border-radius: 8px;
    box-shadow: 0 2px 10px 0 rgba(232, 232, 232, 0.5);
    background-color: #ffffff;
    border: none;
    padding-right: 21px;
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: normal;
    text-align: center;
    color: #253858;
}

.new-landing .diets-grid .diet-item.other.last span {
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: normal;
    text-align: center;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

.new-landing .diets-grid .diet-item.other.last span:first-child {
    font-weight: normal;
    color: #253858;
}

.new-landing .diets-grid .diet-item.other.last span:nth-child(2) {
    font-weight: bold;
    color: #fcee21;
}

.new-landing .diets-grid .diet-item.other.last span:nth-child(2) a {
    text-decoration: none;
    font-weight: bold;
    color: #fcee21;
}

.new-landing .diets-grid .diet-item.icon,
.new-landing .section2 .icon {
    width: 28px;
    height: auto;
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
    margin: auto;
    padding: 0;
    grid-column-start: 1;
    grid-column-end: 4;
}

@media screen and (min-width: 768px) {
    .new-landing .diets-grid .diet-item.icon {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
    }
}

.new-landing .diets-grid .diet-item.icon div,
.new-landing .section2 .icon div {
    width: 28px;
    height: 28px;
    font-size: 40px;
    color: #fcee21;
    /*border-right: 3px solid #fcee21;*/
    /*border-bottom: 3px solid #fcee21;*/
    transform: rotate(45deg);
    margin: -15px auto auto auto;
    cursor: pointer;
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
    position: relative;
    top: 16px;
}

/*.vert-move {*/
/*-webkit-animation: mover 1s infinite  alternate;*/
/*animation: mover 1s infinite  alternate;*/
/*}*/

/*.vert-move {*/
/*-webkit-animation: mover 1s infinite  alternate;*/
/*animation: mover 1s infinite  alternate;*/
/*}*/
@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-10px);
    }
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-10px);
    }
}

.new-landing .section2 .icon {
    margin-top: 32px;
}

.new-landing .section2 {
    text-align: center;
    padding: 36px 24px 52px;
}

@media screen and (min-width: 768px) {
    .new-landing .section2 {
        text-align: right;
        padding-left: 139px;
        padding-right: 139px;
    }
}

.new-landing .section3 {
    /* padding: 0 27px; */
    padding-bottom: 18px;
}

.new-landing .title {
    font-family: BYekan;
    font-size: 32px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: center;
    color: #373a3c;
}

@media screen and (min-width: 768px) {
    .new-landing .title {
        font-size: 48px;
        text-align: right;
    }
}

@media screen and (max-width: 599px) {
    .new-landing .section3 .slide-caption {
        margin-top: -500px;
    }
}

@media screen and (min-width: 600px) {
    .new-landing .section3 .slide-caption {
        margin-top: -580px;
    }
}

@media screen and (min-width: 768px) {
    .new-landing .section3 .slide-caption {
        margin-top: -220px;
        /* display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; */
    }
}

@media screen and (min-width: 992px) {
    .new-landing .section3 .slide-caption {
        display: grid;
        grid-template-columns: auto auto;
        align-items: center;
        margin-top: -610px;
        padding-right: 139px;
    }
}

.new-landing .section3 .title {
    /* margin-top: -420px; */
}

@media screen and (min-width: 768px) {
    .new-landing .section3 .title {
        margin: auto;
        /* width: 768px; */
        text-align: center;
    }
}

@media screen and (min-width: 992px) {
    .new-landing .section3 .title {
        margin: auto 0 auto 0;
        width: 100%;
        max-width: 318px;
        text-align: right;
    }
}

.new-landing .subtitle {
    font-size: 18px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: center;
    color: rgba(0, 0, 0, 0.87);
}

.new-landing .section2 .description {
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #474c62;
    margin-top: 20px;
}

@media screen and (min-width: 768px) {
    .new-landing .section2 .description {
        font-size: 24px;
        line-height: 1.58;
    }
}

.new-landing .section2 .description .strong {
    font-weight: 900;
}

.new-landing .button {
    width: 230px;
    height: 48px;
    border-radius: 8px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #fcee21;
    border: none;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: center;
    color: #373a3c;
}

.new-landing .section2 .button {
    display: block;
    margin: 20px auto auto auto;
    padding: 12px;
    cursor: pointer;
    text-decoration: none;
}

@media screen and (min-width: 768px) {
    .new-landing .section2 .button {
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
}

.new-landing .section2 .image-container {
    position: relative;
    left: 0;
    top: 0;
    margin-bottom: 18px;
}

@media screen and (max-width: 767px) {
    .new-landing .section2 .image-container {
        margin-top: 32px;
    }
}

.new-landing .section2 .image-container .subtitle {
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 24px;
}

@media screen and (min-width: 992px) {
    .new-landing .section2 .image-container .subtitle {
        top: unset;
        bottom: -30px;
        margin-bottom: -20px;
    }
}

.new-landing .section2 .back.rounded-image {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .new-landing .section2 .back.rounded-image {
        max-width: 305px;
    }
}

@media screen and (min-width: 768px) {
    .new-landing .section2 .back.rounded-image {
        max-width: 350px;
        left: -50%;
        transform: translateX(50%);
    }
}

@media screen and (min-width: 992px) {
    .new-landing .section2 .back.rounded-image {
        width: 220px;
        height: 200px;
    }
}

.new-landing .section2 .rounded-image.front {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 220px;
    /* width: 100%; */
    height: auto;
}

@media screen and (min-width: 768px) {
    .new-landing .section2 .rounded-image.front {
        width: 280px;
    }
}

@media screen and (min-width: 992px) {
    .new-landing .section2 .rounded-image.front {
        width: 170px;
    }
}

.new-landing .note {
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: center;
}

.new-landing .section2 .square-bracket {
    position: relative;
}

@media screen and (max-width: 767px) {
    .new-landing .section2 .square-bracket {
        height: auto;
        max-width: 300px;
        margin: auto;
    }
}

@media screen and (min-width: 992px) {
    .new-landing .section2 .square-bracket {
        top: 48px;
    }
}

/*@media screen and (min-width: 992px) {*/
/*.new-landing .section2 .square-bracket.first {*/
/*margin-top: 29px;*/
/*}*/
/*}*/

.new-landing .section2 .square-bracket::before {
    content: "[";
    font-size: 76px;
    float: right;
    position: relative;
    top: -10px;
}

.new-landing .section2 .square-bracket::after {
    content: "]";
    font-size: 76px;
    float: right;
    position: absolute;
    left: 0;
    top: -10px;
}

.new-landing .section2 .note.gray {
    position: relative;
    z-index: 999;
    padding: 0 18px;
}

@media screen and (min-width: 768px) {
    .new-landing .section2 .note.gray {
        top: 50%;
        transform: translateY(25%);
    }
}

@media screen and (min-width: 992px) {
    .new-landing .section2 .note.gray {
        top: 0%;
        transform: translateY(0%);
    }
}

.new-landing .note.gray {
    color: #474c62;
}

.new-landing .note.dark {
    color: rgba(0, 0, 0, 0.87);
}

.new-landing .section2 .line {
    width: 100%;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    margin: 32px 0 32px 0;
    padding: 0;
}

.new-landing .section3 .image-container {
    width: 100%;
    height: 600px;
    position: relative;
}

.new-landing .section3 .image-container .bg-img {
    position: relative;
    width: 100%;
    height: auto;
}

.new-landing .section3 .image-container .mobile-container {
    width: 220px;
    height: auto;
    margin: auto;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 26%);
}

.new-landing .section3 .card {
    position: relative;
    width: 100%;
    height: auto;
    background: #fff;
    display: flex;
    flex-direction: column;
}

@media screen and (min-width: 768px) {
    .new-landing .section3 .card {
        padding-bottom: 48px;
    }
}

@media screen and (min-width: 992px) {
    .new-landing .section3 .card {
        padding-bottom: 200px;
    }
}

.new-landing .section3 .card .imgBx {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 1;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 768px) {
    .new-landing .section3 .card .imgBx .mobile-size {
        display: none;
    }

    .new-landing .section3 .card .imgBx .wide {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .new-landing .section3 .card .imgBx .wide {
        display: none;
    }

    .new-landing .section3 .card .imgBx .mobile-size {
        display: block;
    }
}

.new-landing .section3 .card .imgBx img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
}

.new-landing .section3 .card .slideshow-container {
    text-align: center;
    position: relative;
    width: 100%;
    top: -220px;
}

/* @media  screen and (min-width: 550px) {
    .new-landing .section3 .card .slideshow-container {
        top: 170px;
        height: 640px;
    }
} */

@media screen and (min-width: 768px) {
    .new-landing .section3 .card .slideshow-container {
        position: relative;
        width: 100%;
        height: 640px;
        /* top: 100px; */
    }
}

@media screen and (min-width: 992px) {
    .new-landing .section3 .card .slideshow-container {
        top: -300px;
    }
}

@media screen and (min-width: 1200px) {
    .new-landing .section3 .card .slideshow-container {
        top: -400px;
    }
}

.new-landing .section3 .card .slideshow-container .mobile-phone {
    width: 220px;
    height: auto;
    position: relative;
    /*top: -160px;*/
    z-index: 1;
}

@media screen and (min-width: 600px) {
    .new-landing .section3 .card .slideshow-container .mobile-phone {
        width: 300px;
        height: auto;
        position: relative;
        /* top: -160px; */
        z-index: 1;
    }
}

@media screen and (min-width: 768px) {
    .new-landing .section3 .card .slideshow-container .mobile-phone {
        width: 356px;
        height: 640px;
        /*top: -450px;*/
        top: 0;
    }
}

.new-landing .section3 .card .slideshow-container .frame {
    width: 159px;
    height: 284px;
    position: relative;
    top: -355px;
    /* left: 2px; */
    right: 0px;
    z-index: 1;
    margin: auto;
    /* padding-left: 2px; */
    border: 1px solid;
}

@media screen and (min-width: 600px) {
    .new-landing .section3 .card .slideshow-container .frame {
        width: 216px;
        height: 383px;
        position: relative;
        top: -479px;
        /* left: 2px; */
        right: -3px;
    }
}

@media screen and (min-width: 768px) {
    .new-landing .section3 .card .slideshow-container .frame {
        width: 256px;
        height: 453px;
        /*top: -1018px;*/
        top: -568px;
    }
}

.new-landing .section3 .card .slideshow-container .frame img {
    /*display: none;*/
}

.new-landing .section3 .card .slideshow-container .frame img.active {
    /*display: block;*/
}

.new-landing .section3 .card .dots,
.new-landing .section4 .dots {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    gap: 12px;
    position: relative;
    top: -440px;
    justify-content: center;
}

.new-landing .section3 .card .dots .dot,
.new-landing .section4 .dots .dot {
    width: 8px;
    height: 8px;
    border: solid 1px #707070;
    background-color: #ffffff;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.3s ease;
}

.new-landing .section3 .card .dots .dot.current,
.new-landing .section4 .dots .dot.current {
    background-color: #707070;
}

.new-landing .section3 .card .slide-texts {
    display: flex;
    flex-direction: column;
    padding: 0 27px;
}

@media screen and (min-width: 992px) {
    .new-landing .section3 .card .slide-texts {
        /*display: flex; *!*/
        /* flex-direction: column; */
        /* margin-left: auto; */
        margin-right: 120px;
        text-align: right;
        /* padding: 0; */
        padding: 0;
    }
}

.new-landing .section3 .card .slide-description {
    display: block;
    margin-top: 18px;
}

.new-landing .section3 .card .slide-description.active {
    display: block;
    margin-top: 18px;
    background-color: transparent;
}

@media screen and (min-width: 992px) {
    .new-landing .section3 .card .slide-description.active {
        /*display: flex; *!*/
        /* flex-direction: column; */
        /* align-items: flex-start; */
        /* padding-right: 260px; */
        text-align: right;
    }
}

.new-landing .section3 .card .slide-description span:first-child {
    margin-left: 10px;
}

.new-landing .section4 {
    padding: 74px 20px 78px;
    background-color: #f3f3f3;
    background: url(/assets/images/section4-container.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    background-position: center;
}

.new-landing .section4 .title {
    margin-bottom: 60px;
}

@media screen and (min-width: 992px) {
    .new-landing .section4 .title {
        padding-right: 139px;
    }
}

@media screen and (max-width: 767px) {
    .new-landing .section4 .mobile-slider {
        display: block;
    }

    .new-landing .section4 .wide-slider {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .new-landing .section4 .mobile-slider {
        display: none;
    }

    .new-landing .section4 .wide-slider {
        display: block;
    }
}

/*.new-landing .section4 .swiper-slide {*/
/*max-width: 400px !important;*/
/*}*/

/*@media screen and (min-width: 768px) {*/
/*.new-landing .section4 .swiper-slide {*/
/*width: 400px!important;*/
/*}*/
/*}*/

.new-landing .section4 .comments-slider {
    width: 100%;
    height: auto;
    margin-top: 74px;
    margin-bottom: 62px;
}

.swiper-container-horizontal > .swiper-scrollbar {
    display: none;
}

.swiper-slide img {
    max-width: 100%;
    max-height: 100%;
}

.new-landing .section4 .comments-slider .comment {
    display: none;
}

.new-landing .section4 .comments-slider .comment.active {
    display: block;
    background-color: transparent;
}

.new-landing .section4 .dots {
    top: 0;
}

.new-landing .section5 {
    padding: 54px 24px 148px;
}

@media screen and (min-width: 992px) {
    .new-landing .section5 {
        margin-right: 139px;
        margin-left: 139px;
    }
}

.new-landing .section5 .title {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 40px;
}

@media screen and (min-width: 768px) {
    .new-landing .section5 .questions {
        max-width: 600px;
        margin-right: auto;
        margin-left: auto;
    }
}

.new-landing .section5 .questions .question .title .trigger-button {
    width: 32px;
    height: 32px;
    /*border: 2px solid #000000;*/
    /*border-radius: 50%;*/
    /*color: #000000;*/
    cursor: pointer;
}

.new-landing .section5 .questions .question .title .trigger-button img {
    position: relative;
    width: 100%;
    height: 100%;
    transform: translate(0px, -80%);
}

@media screen and (max-width: 767px) {
    .new-landing .section5 .questions .question .title .trigger-button img {
        transform: translate(0px, -50%);
    }
}

.new-landing .section5 .questions .question {
    padding-top: 24px;
    padding-bottom: 20.5px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

@media screen and (min-width: 768px) {
    .new-landing .section5 .questions .question {
        margin-right: 48px;
    }
}

.new-landing .section5 .questions .question .title .trigger-button span {
    font-size: 24px;
    font-weight: bold;
    position: relative;
    bottom: 15px;
}

.new-landing .section5 .questions .question .title .trigger-button.open span {
    font-size: 34px;
    bottom: 14px;
}

.new-landing .section5 .questions .question .title {
    display: flex;
    justify-content: space-between;
    padding-bottom: 0;
    border-bottom: none;
    padding-right: 0;
    /* padding-top: 24px;
    padding-bottom: 20.5px; */
}

.new-landing .section5 .questions .question .title .text {
    font-family: IranSans;
    font-size: 18px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: right;
    color: rgba(0, 0, 0, 0.87);
}

.new-landing .section5 .questions .question .answer {
    /*display: none;*/
    padding-top: 10px;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: right;
    color: #474c62;
}

.new-landing .section5 .questions .question .answer textarea {
    width: 100%;
    min-height: 80px;
    border-radius: 8px;
    border: solid 1px #707070;
    background-color: #ffffff;
    margin-top: 24px;
    margin-bottom: 16px;
    resize: vertical;
}

.question-modal {
    background-color: rgba(0, 0, 0, 0.35);
}

.question-modal .modal-dialog {
    margin: -10px;
    position: relative;
    top: 50%;
    /* transform: translate(0, 50%);*/
}

.question-modal .modal-dialog .h_iframe-aparat_embed_frame {
    margin-bottom: 50px;
    border-radius: 16px;
}

.question-modal .modal-dialog .h_iframe-aparat_embed_frame iframe {
    border-radius: 8px;
}

.question-modal .modal-dialog .content .header .close {
    width: 32px;
    float: right;
    height: 32px;
    font-size: 38px;
    color: #000000;
    text-shadow: none;
    opacity: 1;
}

.question-modal .modal-dialog .content .header {
    width: 100%;
    height: 32px;
}

.question-modal .modal-dialog .content .symbol {
    height: 54px;
    margin-bottom: 22px;
}

.question-modal .modal-dialog .content .symbol img {
    max-width: 100%;
    max-height: 100%;
    width: 54px;
    height: 54px;
    float: left;
}

.question-modal .modal-dialog .content .text {
    width: 100%;
    font-family: BYekan;
    font-size: 24px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: right;
    color: #373a3c;
    padding-right: 32px;
}

.question-modal .modal-dialog .content {
    width: 100%;
    /* height: 248px; */
    height: auto;
    box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.16);
    background-color: #f3f3f3;
    padding: 16px 32px 48px 32px
}

.question-modal .title {
    font-family: BYekan;
    font-size: 32px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    color: #373a3c;
    padding-right: 32px;
    padding-left: 32px;
    margin-bottom: 8px;
}

.question-modal .note {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    color: #474c62;
}

.question-modal .modal-question {
    margin-top: 16px;
}

.question-modal .modal-question textarea {
    width: 100%;
    min-height: 80px;
    border-radius: 8px;
    border: solid 1px #707070;
    background-color: #ffffff;
    resize: vertical;
    margin-bottom: 12px;
}

.question-modal .modal-question .button,
#inspireModal .button {
    width: 100%;
    height: 49px;
    border-radius: 8px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: center;
    border: none;
}

.question-modal .modal-question .button.register {
    background-color: #fcee21;
    color: #373a3c;
}

.question-modal .modal-question .button.dark,
#inspireModal .button.dark {
    background-color: #474c62;
    color: #fcf200;
    margin-top: 8px;
}

.question-modal .modal-question input[type="text"] {
    width: calc(100% - 10px);
    height: 42px;
    border-radius: 8px;
    border: solid 1px #707070;
    background-color: #ffffff;
    margin-bottom: 8px;
}

.question-modal .modal-question .correct i,
.question-modal .modal-question .wrong i {
    top: 12px;
}

.question-modal .buttons button {
    width: 100%;
    height: 48px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.56;
    color: #373a3c;
    margin-bottom: 11px;
    margin-top: 0 !important;
    border-radius: 41px;
    border: solid 2px rgba(0, 0, 0, 0.87);
    background-color: #ffffff;
    cursor: pointer;
}

.new-landing .popup {
    display: none;
    position: sticky;
    max-width: inherit;
    z-index: 1000;
    /*bottom: 0;*/
    opacity: 0;
    /*height: 0;*/
    transition: bottom 1s;
    height: auto;
    left: 0;
    right: 0;
    box-shadow: 0 -1px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #ffffff;
    padding: 12px 32px 16px;
}

.new-landing .popup.end {
    display: block;
    /*bottom: 140px;*/
    bottom: 46px !important;
    opacity: 1;
}

@media screen and (min-width: 768px) {
    .new-landing .popup.end {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        padding: 0;
        opacity: 1;
    }
}

@media screen and (max-width: 767px) {
    .new-landing .popup.end {
        display: flex;
        flex-direction: column;
        opacity: 1;
    }
}

.new-landing .popup.show {
    display: block;
    /*bottom: 140px;*/
    /*bottom: 150px;*/
    opacity: 1;
}

@media screen and (min-width: 768px) {
    .new-landing .popup.show {
        margin-bottom: -108px;
    }
}

.new-landing .popup .title {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: center;
    color: #474c62;
}

.new-landing .popup .controls {
    display: flex;
    justify-content: center;
    margin-top: 17px;
}

@media screen and (min-width: 768px) {
    .new-landing .popup .controls {
        margin-top: 0;
        padding-bottom: 16px;
    }
}

.new-landing .popup .controls button {
    width: 142px;
    height: 49px;
    border-radius: 41px;
    font-size: 21px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
    margin-top: 24px;
}

.new-landing .popup .controls button.yes {
    width: 142px;
    height: 49px;
    border-radius: 41px;
    border: none;
    background-color: #fcee21;
    margin-left: 8px;
}

.new-landing .popup .controls button.no {
    width: 142px;
    height: 49px;
    border-radius: 41px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    border: solid 2px rgba(0, 0, 0, 0.87);
    margin-right: 8px;
}

.new-landing .landing-then {
    display: none;
    background-color: #f3f3f3;
    padding: 33px 43px 29px;
}

.new-landing .landing-then.open {
    display: block;
}

.new-landing .landing-then .title {
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    text-align: center;
    color: #253858;
    margin-bottom: 24px;
}

.new-landing .landing-then .button {
    width: 100%;
    grid-column-start: 1;
    grid-column-end: 3;
}

.new-landing .landing-then .button .diet-item.other.last {
    text-align: center;
}

.new-landing .landing-then .diets-grid .diet-item.other.last span:nth-child(2) {
    color: #36b37e;
}

#reasonsModal .modal-dialog,
#feedbackModal .modal-dialog,
#thanksModal .modal-dialog,
#inspireModal .modal-dialog,
#feedbackModal .modal-dialog,
#getnumModal .modal-dialog {
    transform: translate(0px, -50%);
}

@media screen and (min-width: 768px) {
    #reasonsModal .modal-dialog,
    #feedbackModal .modal-dialog,
    #thanksModal .modal-dialog,
    #inspireModal .modal-dialog,
    #feedbackModal .modal-dialog {
        margin: auto;
    }
}

#inspireModal .modal-dialog .video-container .title {
    background-color: #f0f0f0;
    width: 200px;
    height: auto;
    font-size: 12px;
    margin-right: auto;
    margin-left: auto;
    padding: 10px 40px;
    font-weight: bold;
    color: #172b4d;
    border-radius: 8px 8px 0 0;
    margin-bottom: 0;
}

#inspireModal .modal-dialog .video-container .video-frame {
    width: 100%;
    height: auto;
    padding: 25px 20px 1px;
    background-color: #f0f0f0;
    border-radius: 5px;
    margin-bottom: 10px;
}

#getnumModal .form-field,
#feedbackModal .form-field {
    display: flex;
    justify-content: space-between;
}

#getnumModal .form-field .select2-container--default .select2-selection--single,
#feedbackModal .form-field .select2-container--default .select2-selection--single {
    height: 42px;
    border-radius: 8px;
    border: solid 1px #707070;
    background-color: #ffffff;
    padding-left: 25px;
    padding-top: 4px;
}

.swiper-container {
    width: 100%;
    height: 100%;
    /*padding-bottom: 40px;*/
}

.frame .swiper-container.mobile .swiper-pagination-bullets {
    bottom: 34px;
}

@media screen and (min-width: 768px) {
    .swiper-container {
        padding-bottom: 0;
    }
}

.swiper-pagination {
    position: relative;
    /*top: 40px;*/
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.new-landing .select2-container--default .select2-selection--single {
    border-bottom: none;
}

.new-landing .section4 .swiper-slide {
    background-color: #f3f3f3;
}

.new-landing .section4 .swiper-container {
    padding-bottom: 60px;
}

.new-landing .section4 .swiper-pagination {
    height: auto;
    /*transform: translate3d(0,100%,0);*/
}

.new-landing .section4 .swiper-pagination-bullet {
    background-color: #fff;
    border: solid 1px #373a3c;
    opacity: 1;
}

.new-landing .section4 .swiper-pagination-bullet-active {
    background-color: #373a3c;
}

.new-landing .section4 .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 18px;
}

.new-landing .section3 .frame .swiper-button-next,
.new-landing .section4 .swiper-button-next,
.new-landing .section3 .frame .swiper-button-prev,
.new-landing .section4 .swiper-button-prev {
    width: 36px;
    height: 48px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.new-landing .section3 .frame .swiper-button-next {
    right: -40px;
}

.new-landing .section3 .frame .swiper-button-prev {
    left: -40px;
}

.new-landing .section3 .frame .swiper-button-next,
.new-landing .section4 .swiper-button-next {
    border-radius: 0 10px 10px 0;
    padding: 10px 12px 10px 8px;
}

.new-landing .section3 .frame .swiper-button-prev,
.new-landing .section4 .swiper-button-prev {
    border-radius: 10px 0px 0 10px;
    padding: 10px 8px 10px 12px;
}

@media screen and (max-width: 767px) {
    .new-landing .section1 .desktop-header {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .new-landing .section1 .desktop-header {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 32px 40px;
    }
}

@media screen and (min-width: 992px) {
    .new-landing .section1 .desktop-header {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 32px 139px;
    }
}

.new-landing .section1 .desktop-header .right {
    display: flex;
    align-items: center;
}

.new-landing .section1 .desktop-header .left {
    /* float: left; */
}

.new-landing .section1 .desktop-header .right .logo img {
    max-width: 100%;
    max-height: 100%;
    width: 96px;
    height: 72px;
}

.new-landing .section1 .desktop-header .right .brand {
    color: #373a3c;
    letter-spacing: normal;
    font-stretch: normal;
    font-style: normal;
    margin-right: 16px;
}

.new-landing .section1 .desktop-header .right .brand .strong-brand {
    font-size: 24px;
    font-weight: 900;
    line-height: 1.58;
}

.new-landing .section1 .desktop-header .right .brand .normal-brand {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.56;
}

.new-landing .section1 .desktop-header .left .note {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    color: #253858;
}

.new-landing .section1 .desktop-header .left .button {
    display: block;
    width: 121px;
    height: 36px;
    position: relative;
    z-index: 1000;
    border-radius: 8px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #fcee21;
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    padding-top: 3px;
    cursor: pointer;
    text-decoration: none;
    margin-top: 12px;
}

.new-landing .diet-item .text {
    font-size: 15px;
    font-weight: bold;
}

.swiper-button-next:after, .swiper-container-rtl, .swiper-button-prev:after {
    color: #fcf200;
    font-size: 30px !important;
}

.section4 .swiper-button-next,
.section4 .swiper-button-prev {
    transform: translate(0, -50%);
}

.new-landing .select2-container--default .select2-selection--single {
    padding-top: 3px;
}

.new-landing .select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 36%;
    border-color: transparent #848fa1 #848fa1 transparent;
}

#dynamic_2 {
    height: 0;
}

#dynamic_2.hidden {
    display: none;
    -webkit-transition: height 0.5s ease;
    -moz-transition: height 0.5s ease;
    -ms-transition: height 0.5s ease;
    -o-transition: height 0.5s ease;
    transition: height 0.5s ease;
}

#dynamic_2.visible {
    display: block;
    height: auto;
    margin-top: -20px;
    padding-top: 15px;
    padding-bottom: 15px;
    -webkit-transition: height 0.5s ease;
    -moz-transition: height 0.5s ease;
    -ms-transition: height 0.5s ease;
    -o-transition: height 0.5s ease;
    transition: height 0.5s ease;
}

form[name="landing-question"] .form-field {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

form[name="landing-question"] .form-field .correct i,
form[name="landing-question"] .form-field .wrong i,
form[name="modal-question"] .form-field .correct i,
form[name="modal-question"] .form-field .wrong i {
    top: 12px;
}

form[name="landing-question"] .form-field .text-box {
    width: calc(100% - 10px);
    height: 48px;
    border-radius: 8px;
    border: solid 1px #707070;
    background-color: #ffffff;
    margin: 0 0 0 8px;
    padding-left: 16px;
}

form[name="landing-question"] .form-field .select2 {
    width: 100px;
    height: 48px;
    border-radius: 8px;
    border: solid 1px #707070;
    background-color: #ffffff;
}

form[name="landing-question"] .form-field .select2-container--default .select2-selection--single {
    text-align: center;
}

form[name="landing-question"] .form-field .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 36px;
    padding-top: 4px;
    padding-right: 3px;
}

form[name="landing-question"] .form-field .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 6px;
    left: 10px;
}

#multidiet-modal .modal-content {
    border-radius: 0;
}

.package-container {
    border-radius: 0;
    background-color: #eee7d5;
}

.package-container .packages {
    width: 100%;
    margin-top: 0px;
}

button.select-package {
    display: block;
    width: 280px;
    margin: auto;
    border-radius: 8px;
    height: 48px;
    border: none;
    box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.16);
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 6px;
}

button.select-package.first {
    background-color: #ffba00;
}

button.select-package.second {
    background-color: #ff9000;
}

button.select-package.third {
    background-color: #eb3d11;
}

.package-container .button-container {
    position: relative;
}

.package-container .button-container .buttons {
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

button.multidiet-buy {
    background-color: #ff3504;
    border: none;
    border-radius: 30px;
    height: 60px;
    width: 210px;
    margin: auto;
    display: block;
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
}

a.disabled {
    pointer-events: none;
}

.package-landing .first-container {
    margin-top: -20px;
}

.package-container .package-description {
    background: #fff1cc;
    margin: 10px 20px 20px;
    border-radius: 26px;
    padding-bottom: 30px;
}

#dynamic_2 .select2-selection__rendered {
    text-align: right;
}

.ad2hs-prompt {
    margin: 20px auto 20px auto;
}

.select-packages-contianer {
    text-align: center;
    background: #FCF3E7;
    border-radius: 20px;
    padding: 20px 40px;
}

.select-packages-contianer .title-container {
    border-bottom: 4px solid #FFA731;
    padding-bottom: 10px;
}

.select-packages-contianer .title-container .title {
    font-size: 20px;
    font-weight: bold;
}

.select-packages-contianer .packages-container {
    padding-top: 30px;
}

.select-packages-contianer .packages-container .package-content {
    margin-bottom: 40px;
    border-radius: 10px;
    background: #989898;
    padding: 0 20px 10px;
    color: white;
    line-height: 2;
    cursor: pointer;
    position: relative;
}

.select-packages-contianer .packages-container .package-content.package-1-container {
    background: #C9876C;
}

.select-packages-contianer .packages-container .package-content.package-3-container {
    background: #989898;
}

.select-packages-contianer .packages-container .package-content.package-6-container {
    background: #DAA520;
}

.select-packages-contianer .packages-container .package-content .package-badge {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    background-size: contain;
    width: 100px;
    height: 100px;
    top: 5px;
}

.select-packages-contianer .package-1-container .package-badge {
    background-image: url(/assets/images/package-badge-1.png);
    right: -50px;
}

.select-packages-contianer .package-3-container .package-badge {
    background-image: url(/assets/images/package-badge-3.png);
    left: -50px;
}

.select-packages-contianer .package-6-container .package-badge {
    background-image: url(/assets/images/package-badge-6.png);
    right: -50px;

}

.select-packages-contianer .packages-container .package-content .package-deadline {
    position: absolute;
    background-image: url(/assets/images/package-details.png);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    background-size: contain;
    width: 160px;
    height: 160px;
    top: -50px;
    left: -70px;
}

.select-packages-contianer .packages-container .package-content .package-title {
    font-weight: bold;
    font-size: 22px;
    line-height: 2;
    padding-bottom: 0;
    border-bottom: 4px solid #FF9300;
    margin-bottom: 6px;
}

.select-packages-contianer .packages-container .package-content.package-1-container .package-title {
    border-color: #D91C5B;
}

.select-packages-contianer .packages-container .package-content.package-3-container .package-title {
    border-color: #1179B8;
}

.select-packages-contianer .packages-container .package-content.package-6-container .package-title {
    border-color: #D91E27;
}

.select-packages-contianer .packages-container .package-content .package-details .package-text {
    font-size: 18px;
}

.select-packages-contianer .packages-container .package-content .package-details .package-text .package-count {
    font-size: 28px;
    font-weight: bold;
    line-height: 1;
    color: #7D3B3B;
    text-shadow: 0 0 1px white;
}

.select-packages-contianer .packages-container .package-content .package-details .package-main-price .package-price-amount:before {
    content: "";
    position: absolute;
    height: 4px;
    top: 20px;
    width: 100%;
    background: red;
    z-index: 10;
    transform: rotate(8deg);
}

.select-packages-contianer .packages-container .package-content .package-details .package-main-price,
.select-packages-contianer .packages-container .package-content .package-details .package-final-price,
.select-packages-contianer .packages-container .package-content .package-details .package-expire-time {
    clear: both;
    overflow: hidden;
}

.select-packages-contianer .packages-container .package-content .package-details .package-main-price,
.select-packages-contianer .packages-container .package-content .package-details .package-final-price {
    font-size: 22px;
    font-weight: bold;
}

.select-packages-contianer .packages-container .package-content .package-details .package-expire-time {
    font-size: 18px;
    font-weight: bold;
}

.select-packages-contianer .packages-container .package-content .package-details .package-final-price {
    color: #C41919;
}

.select-packages-contianer .packages-container .package-content .package-details .package-price-title,
.select-packages-contianer .packages-container .package-content .package-details .package-expire-title {
    float: right;
}

.select-packages-contianer .packages-container .package-content .package-details .package-price-amount,
.select-packages-contianer .packages-container .package-content .package-details .package-expire-amount {
    float: left;
    position: relative;
}

.select-packages-contianer .packages-container .package-content .package-details .package-price-amount .currency {
    font-size: 16px;
    font-weight: normal;
    position: relative;
    top: -10px;
    right: -4px;
}

.select-packages-contianer .packages-container .package-content .package-details .package-final-price {
    clear: both;
    overflow: hidden;
}

.package-box-container {
    margin-top: 12px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
    .package-box {
        /* padding-left: 4px;
        padding-right: 4px; */
    }

    .package-box .multidiet-select-button {
        font-size: 16px;
    }
}

.package-box .multidiet-select-button {
    border: none;
    border-radius: 20px;
    height: 130px;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    opacity: 0.7;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.package-box .multidiet-select-button-update {

    height: 130px;
    font-size: 20px;

}

.doc1{
  font-size: 20px;
  background-color:#4caf50;
  border-radius: 10px;
}

.doc1:hover{
  background-color:#00a699;
}

.doc1.active{
  background-color:#33b7ad;
}
/* 33b7ad */


.doc1 img{
  border-radius: 10px;
}

.doc1 .det1{
  /* padding-right:20px; */
  padding-top:15px;
  /* transform: translateY(40%); */
  text-align:center;
  color:white;
}

/* .package-box .multidiet-select-button.active[data-number="1"],
.package-box .multidiet-select-button[data-number="1"]:hover {
    background-color: #C9876C;
    opacity: 1;
} */

/* .package-box .multidiet-select-button.active[data-number="3"],
.package-box .multidiet-select-button[data-number="3"]:hover {
    background-color: #989898;
    opacity: 1;
} */
/*
.package-box .multidiet-select-button.active[data-number="6"],
.package-box .multidiet-select-button[data-number="6"]:hover {
    background-color: #DAA520;
    opacity: 1;
} */

.package-box .multidiet-select-button.active {
    background-color: #DAA520;
    opacity: 1;
    color:white;
}

.package-box .multidiet-select-button:hover {
    background-color: #989898;
    opacity: 1;
    color:white;
}

.package-box .multidiet-select-button.active:focus {
    background-color: #DAA520;
}



#support-request-my-modal .modal-dialog .modal-content .modal-body .image {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
}

#support-request-my-modal .modal-dialog .modal-content .modal-body .description {
    font-size: 16px;
    font-weight: normal;
    color: #444;
    text-align: justify;
}

.package-extend-modal-body {
    padding: 1rem 2rem;
    line-height: 2;
}

.diet {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-top: -16px;
}

.diet .page {
    position: relative;
    background-color: #ffffff;
    width: 60%;
    margin: auto;
    text-align: center;
    margin-top: 16px;
}

@media screen and (max-width: 1200px) {
    .diet .page {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
}

.diet .page.page1 {
    padding-right: 220px;
    padding-left: 220px;
    padding-top: 16px;
}

@media screen and (max-width: 1200px) {
    .diet .page.page1 {
        padding-right: 12px;
        padding-left: 12px;
    }
}

@media screen and (min-width: 769px) {
    .diet .page.page1 {
        padding-right: 40px;
        padding-left: 40px;
    }
}

@media screen and (min-width: 990px) {
    .diet .page.page1 {
        padding-right: 60px;
        padding-left: 60px;
    }
}

@media screen and (min-width: 1200px) {
    .diet .page.page1 {
        padding-right: 140px;
        padding-left: 140px;
    }
}

.diet .page .page-header {
    /* padding: 16px; */
    margin: 0;
    border: none;
}

.diet .page .page-body {
    padding: 40px;
}

@media screen and (min-width: 1201px) {
    .diet .page.page1 .page-body,
    .diet .page.page2 .page-body {
        padding: 72px;
    }
}

@media screen and (max-width: 1200px) {
    .diet .page .page-body {
        padding: 12px;
    }
}

.diet .page .page-footer {
    display: flex;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 32px;
}

.diet .page .page-footer a {
    text-decoration: none !important;
}

@media screen and (max-width: 768px) {
    .diet .page .page-footer {
        flex-direction: column;
    }
}

.diet .page .image-logo {
    width: 100%;
    max-width: 300px;
    margin-top: 60px;
}

@media screen and (max-width: 768px) {
    .diet .page .image-logo {
        width: 150px;
    }
}

.diet .page .brand .brand-title {
    font-size: 72px;
    font-weight: 900;
    color: #3d3d38;
}

@media screen and (max-width: 768px) {
    .diet .page .brand .brand-title {
        font-size: 24px;
    }
}

.diet .page .brand .brand-subtitle {
    font-size: 22px;
    color: #a6a6a6;
}

.diet .page .card {
    position: relative;
    margin-top: 32px;
}

.diet .page .card .card-badge {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    background-size: contain;
    width: 115px;
    height: 118px;
    top: -36px;
    right: -15px;
    /* border: 6px solid white; */
    border-radius: 50%;
    z-index: 99;
}

@media screen and (max-width: 768px) {
    .diet .page .card .card-badge {
        width: 85px;
        height: 85px;
        top: -14px;
        right: -14px;
    }
}

.diet .page .card .card-header {
    height: 60px;
    color: #ffffff;
    font-size: 24px;
    font-weight: 900;
    padding-top: 12px;
    border-radius: 16px 16px 0 0;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .diet .page .card .card-header {
        font-size: 18px;
        padding-top: 16px;
    }
}

.diet .page .card .card-body {
    font-size: 15px;
    color: #000000;
    background-color: #f8f8f8;
    padding: 12px;
    border-radius: 0 0 16px 16px;
}

.diet .page .card.recommendation .card-body {
    padding: 48px 16px;
    line-height: 2;
    text-align: justify;
    background-color: #e5e5e5;
    font-weight: normal;
    word-spacing: -3px;
}

.diet .page .card.extra-recommendation .card-body {
    padding: 30px;
    line-height: 2;
    text-align: justify;
    background-color: #FFDC5B;
    font-weight: normal;
    word-spacing: -4px;
    font-size: 17px;
    border: 5px solid #1F0051;
    border-top: none;
}

.diet .page .card.extra-recommendation .card-body .extra-recommendation-text {
    white-space: pre-line;
}

.diet .page .card.content-list .card-header {
    font-size: 20px;
    background-color: #586556;
}

@media screen and (max-width: 768px) {
    .diet .page .card.content-list .card-header {
        font-size: 18px;
    }
}

.diet .page .card.content-list .card-body {
    display: flex;
    flex-direction: column;
    background-color: #f8f8f8;
    padding: 12px;
    font-size: 18px;
}

.diet .page .card.content-list .card-footer {
    height: auto;
    min-height: 100px;
    background-color: #46c57b;
    padding: 10px;
    color: #ffffff;
}

.diet .page .card.content-list .card-body {
    text-align: right;
}

.diet .page .card.content-list .card-body .item {
    color: #4a4a4a;
    border-right-width: 6px;
    border-right-style: solid;
    margin: 8px 0;
    padding-right: 6px;
    cursor: pointer;
}

.diet .page .card.content-list .card-body .item.item1 {
    border-right-color: #fbe915;
}

.diet .page .card.content-list .card-body .item.item2 {
    border-right-color: #2c98df;
}

.diet .page .card.content-list .card-body .item.item3 {
    border-right-color: #4cc475;
}

.diet .page .card.content-list .card-body .item.item4 {
    border-right-color: #9e55ba;
}

.diet .page .card.content-list .card-body .item.item5 {
    border-right-color: #8b6237;
}

.diet .page .card.content-list .card-body .item.item6 {
    border-right-color: #d8466b;
}

.diet .page .card.content-list .card-body .item.item2 span {
    font-size: 12px;
    color: #fc0031;
}

.diet .page .card.content-list .card-body .item.item3 span {
    font-size: 12px;
    color: #757474;
}

.diet .page .card.content-list .card-footer .footer-title {
    height: 40px;
    font-size: 16px;
    font-weight: 600;
    padding-top: 4px;
}

.diet .page .card.content-list .card-footer .footer-content {
    display: flex;
    justify-content: space-between;
    /*margin-left: 10px;*/
    /*margin-right: 10px;*/
}

.diet .page .card.content-list .card-footer .footer-content .website,
.diet .page .card.content-list .card-footer .footer-content, telegram {
    display: flex;
    justify-content: space-between;
}

.diet .page .card.content-list .card-footer .footer-content .icon {
    font-size: 24px;
    margin-left: 3px;
    margin-top: 6px;
}

.diet .page .card.content-list .card-footer .footer-content .address {
    display: inline-block;
}

.diet .page .card.content-list .card-footer .footer-content .address a,
.diet .page .card.content-list .card-footer .footer-content .website a {
    text-decoration: none !important;
    color: #ffffff;
}

.diet .page .card.content-list .card-footer .footer-content .address span,
.diet .page .card.content-list .card-footer .footer-content .website sapn {
    font-weight: bold;
}

.diet .page .card.goal-card .card-badge {
    background-image: url('/assets/images/diet-goal.png');
}

.diet .page .card.goal-card .card-header {
    background-color: #41bbc5;
}

.diet .page .card.goal-card .card-body {
    background-color: #e5e5e5;
}

.diet .page .card.personinfo-card .card-header {
    background-color: #fd6048;
}

.diet .page .card.personinfo-card .card-badge {
    background-image: url('/assets/images/personalinfo.png');
}

.diet .page .card.personinfo-card .card-body .diet-info {
    margin: -12px;
    padding: 15px;
    background-color: #e4e4e4;
}

@media screen and (max-width: 768px) {
    .diet .page .card.personinfo-card .card-body .diet-info {
        min-height: 130px;
    }
}

.diet .page .card.personinfo-card .card-body .diet-info .text {
    font-weight: bold;
    color: #000000;
    font-size: 15px;
}

.diet .page .card.personinfo-card .card-body .diet-info .text span {
    font-weight: normal;
    color: #000000;
    position: relative;
    top: 1px;
}

.diet .page .card.personinfo-card .card-body .diet-info .right,
.diet .page .card.personinfo-card .card-body .diet-info .left {
    width: 50%;
    text-align: right;
    padding-right: 100px;
}

@media screen and (max-width: 400px) {
    .diet .page .card.personinfo-card .card-body .diet-info .right,
    .diet .page .card.personinfo-card .card-body .diet-info .left {
        width: 100%;
        text-align: center;
        padding-right: 0px;
    }
}

.diet .page .card.personinfo-card .card-body .physical-info {
    margin: -12px;
    padding: 12px;
}

.diet .page .card.personinfo-card .card-body .physical-info .fitness {
    text-align: right;
    /*position: relative;*/
}

.diet .page .card.personinfo-card .card-body .physical-info .fitness .fitness-detail {
    /*position: absolute;*/
    /*top: 24px;*/
    /*left: 40px;*/
    font-size: 16px;
    margin-top: 16px;
    text-align: center;
}

.diet .page .card.personinfo-card .card-body .physical-info .fitness .fitness-detail .child-9th.children {
    margin-top: 40px;
}

@media screen and (max-width: 767px) {
    .diet .page .card.personinfo-card .card-body .physical-info .fitness .fitness-detail {
        width: 100%;
        position: unset;
        margin-top: 22px;
        margin-right: 5px;
        /*top: 22px;*/
        /*left: 32px;*/
    }

    .diet .page .card.personinfo-card .card-body .physical-info .fitness .fitness-detail .child-3rd {
        margin-top: 16px;
    }

    .diet .page .card.personinfo-card .card-body .physical-info .fitness .fitness-detail .child-5th {
        margin-top: 80px;
    }

    /*.diet .page .card.personinfo-card .card-body .physical-info .fitness .fitness-detail .child-5th.children {*/
    /*margin-top: 32px;*/
    /*}*/
    .diet .page .card.personinfo-card .card-body .physical-info .fitness .fitness-detail .child-7th {
        margin-top: 20px;
    }

    .diet .page .card.personinfo-card .card-body .physical-info .fitness .fitness-detail .child-9th {
        margin-top: 116px;
    }

    /*.diet .page .card.personinfo-card .card-body .physical-info .fitness .fitness-detail .child-9th.children {*/
    /*margin-top: 40px;*/
    /*}*/
}

@media screen and (min-width: 768px) {

    .diet .page .card.personinfo-card .card-body .physical-info .fitness .fitness-detail .child-3rd {
        margin-top: 6px;
    }

    .diet .page .card.personinfo-card .card-body .physical-info .fitness .fitness-detail .child-5th {
        margin-top: 77px;
    }

    .diet .page .card.personinfo-card .card-body .physical-info .fitness .fitness-detail .child-7th {
        margin-top: 16px;
    }

    .diet .page .card.personinfo-card .card-body .physical-info .fitness .fitness-detail .child-9th {
        margin-top: 84px;
    }
}

@media screen and (min-width: 1366px) {

    .diet .page .card.personinfo-card .card-body .physical-info .fitness .fitness-detail .child-3rd {
        margin-top: 10px;
    }

    .diet .page .card.personinfo-card .card-body .physical-info .fitness .fitness-detail .child-5th {
        margin-top: 53px;
    }

    .diet .page .card.personinfo-card .card-body .physical-info .fitness .fitness-detail .child-7th {
        margin-top: 10px;
    }

    .diet .page .card.personinfo-card .card-body .physical-info .fitness .fitness-detail .child-9th {
        margin-top: 90px;
    }
}

.diet .page .card.personinfo-card .card-body .physical-info .fitness .fitness-detail .title {
    font-weight: 900;
}

.diet .page .card.personinfo-card .card-body .physical-info .fitness .fitness-detail .value {
    font-weight: 500;
}

.diet .page .card.personinfo-card .card-body .physical-info .fitness .fitness-detail .green {
    color: #009c14;
}

.diet .page .card.personinfo-card .card-body .physical-info .fitness .fitness-detail .value.dark {
    color: #000000;
}

.diet .page .card.personinfo-card .card-body .physical-info .fitness .fitness-detail .light-gray {
    color: #828282;
}

.diet .page .card.personinfo-card .card-body .physical-info .fitness .fitness-detail .dark-gray {
    color: #6b6b6b;
}

.diet .page .card.personinfo-card .card-body .physical-info .fitness .fitness-detail .red {
    color: #df2b22;
}

.diet .page .card.personinfo-card .card-body .physical-info .fitness .image {
    width: 124px;
    /*height: 512px;*/
    /*width: 100%;*/
}

@media screen and (max-width: 767px) {
    .diet .page .card.personinfo-card .card-body .physical-info .fitness .image {
        width: 148px;
    }
}

.diet .page .card.personinfo-card .card-body .physical-info .weight-info .image {
    width: 280px;
}

@media screen and (max-width: 767px) {
    .diet .page .card.personinfo-card .card-body .physical-info .weight-info .image {
        width: 300px;
    }
}

.diet .page .card.personinfo-card .card-body .physical-info .weight-info {
    position: relative;
    font-size: 16px;
}

.diet .page .card.personinfo-card .card-body .physical-info .weight-info .top,
.diet .page .card.personinfo-card .card-body .physical-info .weight-info .bottom {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 12px);
}

.diet .page .card.personinfo-card .card-body .physical-info .weight-info .top {
    top: 12px;
    left: 50%;
    line-height: 2.3;
    transform: translate(-50%, 12px);
}

@media screen and (max-width: 768px) {
    .diet .page .card.personinfo-card .card-body .physical-info .weight-info .top {
        top: 10px;
        left: 50%;
        transform: translate(-50%, 10px);
    }
}

.diet .page .card.personinfo-card .card-body .physical-info .weight-info .bottom {
    bottom: 0;
    left: 50%;
    line-height: 2.4;
    transform: translate(-50%, 0px);
}

@media screen and (max-width: 768px) {
    .diet .page .card.personinfo-card .card-body .physical-info .weight-info .bottom {
        bottom: 10px;
        left: 50%;
        transform: translate(-50%, 10px);
    }
}

.diet .page .card.personinfo-card .card-body .physical-info .weight-info .top div:nth-child(odd),
.diet .page .card.personinfo-card .card-body .physical-info .weight-info .bottom div:nth-child(odd) {
    font-weight: 900;
}

.diet .page .card.personinfo-card .card-body .physical-info .weight-info .top, div:nth-child(even)
.diet .page .card.personinfo-card .card-body .physical-info .weight-info .bottom div:nth-child(even) {
    font-weight: 500;
}

.diet .page .card.personinfo-card .card-body .physical-info .weight-info .top div:nth-child(1) {
    color: #df2b22;
}

.diet .page .card.personinfo-card .card-body .physical-info .weight-info .top div:nth-child(2) {
    color: #000000;
}

.diet .page .card.personinfo-card .card-body .physical-info .weight-info .top div:nth-child(3) {
    color: #828282;
}

.diet .page .card.personinfo-card .card-body .physical-info .weight-info .top div:nth-child(4) {
    color: #6b6b6b;
}

.diet .page .card.personinfo-card .card-body .physical-info .weight-info .bottom div:nth-child(1) {
    color: #828282;
}

.diet .page .card.personinfo-card .card-body .physical-info .weight-info .bottom div:nth-child(2) {
    color: #6b6b6b;
}

.diet .page .card.personinfo-card .card-body .physical-info .weight-info .bottom div:nth-child(3) {
    color: #009c14;
}

.diet .page .card.personinfo-card .card-body .physical-info .weight-info .bottom div:nth-child(4) {
    color: #000000;
}

.diet .page .page-footer .brand {
    display: flex;
    justify-content: center;
}

@media screen and (min-width: 769px) {
    .diet .page .page-footer .brand {
        width: 33.3%;
    }
}

.diet .page .page-footer .contact-us {
    display: flex;
    width: 66%;
    justify-content: space-between;
}

@media screen and (max-width: 768px) {
    .diet .page .page-footer .contact-us {
        width: auto;
        flex-direction: column-reverse;
        margin-top: 10px;
    }
}

.diet .page .page-footer .logo {
    width: 50px;
    margin-top: 3px;
    margin-left: 5px;
}

.diet .page .page-footer .brand .title {
    font-size: 14px;
    font-weight: 500;
    /*word-spacing: 10px;*/
    /*text-align: justify;*/
}

.diet .page .page-footer .brand .description {
    font-size: 12px;
    word-spacing: -4px;
}

.diet .page .page-footer .support {
    background-color: #ffee20;
    border-radius: 16px 16px 0 0;
    padding: 12px;
}

.diet .page .page-footer .support .title {
    font-size: 10px;
    font-weight: bold;
}

.diet .page .page-footer .support .description {
    font-size: 12px;
    font-weight: bold;
}

.diet .page .page-footer .support .description a {
    color: #000000;
}

.diet .page .page-footer .contact {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    font-size: 10px;
}

@media screen and (max-width: 768px) {
    .diet .page .page-footer .contact {
        justify-content: center;
    }
}

.diet .page .page-footer .contact .telegram {
    font-size: 16px;
    color: #0088cc;
}

.diet .page .page-footer .contact .web {
    font-size: 16px;
    color: #ffff00;
}

.diet .page .page-footer .contact .text {
    font-size: 10px;
    margin-left: 8px;
    margin-right: 8px;
    line-height: normal;
}

.diet .page .page-footer .contact a {
    padding-top: 2px;
    color: #000000;
    direction: ltr;
}

.diet .page .page-header .logo-brand {
    height: 100px;
    padding-top: 18px;
    border-radius: 0 0 0 16px;
    margin-left: -15px;
}

.diet .page.page3 .page-header .logo-brand {
    background-color: #2a80b9;
}

.diet .page .page-header .logo-brand img {
    width: 60px;
}

.diet .page .page-header .title {
    height: 100px;
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
    padding-left: 18px;
    padding-top: 26px;
    border-radius: 0 0 16px 0;
    margin-right: -15px;
    text-align: left;
}

.diet .page.page3 .page-header .title {
    background-color: #3598db;
}

.diet .page .card.recommendation .card-header {
    background-color: #f0008b;
}

.diet .page .card.extra-recommendation {
    margin-top: 100px;
    margin-bottom: 200px;
}

.diet .page .card.extra-recommendation .card-header {
    background-color: #492284;
    text-align: right;
    border: 5px solid #1F0051;
    padding-right: 120px;
    padding-top: 9px;
}

@media screen and (max-width: 768px) {
    .diet .page .card.extra-recommendation .card-header {
        padding-right: 80px;
        padding-top: 12px;
    }
}

@media screen and (max-width: 400px) {
    .diet .page .card.recommendation .card-header {
        font-size: 16px;
        padding-right: 48px;
    }
}

.diet .page .card.recommendation .card-badge {
    background-image: url('/assets/images/note.png');
}

.diet .page .card.extra-recommendation .card-badge {
    background-image: url('/assets/images/extranote.png');
}

@media screen and (max-width: 420px) {
    .diet .page .card.recommendation .card-badge {
        width: 70px;
        height: 70px;
        top: -6px;
        right: -10px;
    }
}

.diet .page.page4 .page-header .title {
    background-color: #45c57b;
}

.diet .page.page4 .page-header .logo-brand {
    background-color: #27ae61;
}

@media screen and (min-width: 769px) {
    .daily-schedule-mobile {
        display: none;
    }

    .diet .page.page4 .page-body .daily-schedule {
        width: 100%;
        border-collapse: collapse;
    }

    .diet .page.page4 .page-body .daily-schedule td,
    .diet .page.page4 .page-body .daily-schedule th {
        padding: 8px 12px;
        text-align: center;
        line-height: 1.8;
    }

    .diet .page.page4 .page-body .daily-schedule th:nth-child(2) .card-badge,
    .diet .page.page4 .page-body .daily-schedule th:nth-child(3) .card-badge,
    .diet .page.page4 .page-body .daily-schedule th:nth-child(4) .card-badge {
        position: absolute;
        background-repeat: no-repeat;
        background-position: center;
        -webkit-background-size: contain;
        background-size: contain;
        width: 90px;
        height: 90px;
        left: 30%;
        transform: translate(-30%, -55px);
        border-radius: 50%;
        z-index: 99;
    }

    .diet .page.page4 .page-body .daily-schedule th:nth-child(2) .card-badge {
        background-image: url(/assets/images/breakfast.png);
    }

    .diet .page.page4 .page-body .daily-schedule th:nth-child(3) .card-badge {
        background-image: url(/assets/images/launch.png);
    }

    .diet .page.page4 .page-body .daily-schedule th:nth-child(4) .card-badge {
        background-image: url(/assets/images/dinner.png);
    }

    .diet .page.page4 .page-body .daily-schedule tr.even {
        color: #ffffff;
        text-align: center;
        border: none;
        font-weight: bold;
    }

    .diet .page.page4 .page-body .daily-schedule tr.even td:nth-child(1) {
        background-color: #fe5c41;
        border-radius: 0 16px 16px 0;
        text-align: right;
    }

    .diet .page.page4 .page-body .daily-schedule tr.even td:nth-child(2) {
        background-color: #ff7c52;
    }

    .diet .page.page4 .page-body .daily-schedule tr.even td:nth-child(3) {
        background-color: #ff8559;
    }

    .diet .page.page4 .page-body .daily-schedule tr.even td:nth-child(4) {
        background-color: #ff9561;
    }

    .diet .page.page4 .page-body .daily-schedule tr.odd {
        color: #000000;
        text-align: center;
        border: none;
    }

    .diet .page.page4 .page-body .daily-schedule tr.odd td:nth-child(1),
    .diet .page.page4 .page-body .daily-schedule tr.odd th:nth-child(1) {
        opacity: 0;
    }

    .diet .page.page4 .page-body .daily-schedule tr.odd td:nth-child(2),
    .diet .page.page4 .page-body .daily-schedule tr.odd th:nth-child(2) {
        background-color: #c0bfc7;
    }

    .diet .page.page4 .page-body .daily-schedule tr.odd td:nth-child(3),
    .diet .page.page4 .page-body .daily-schedule tr.odd th:nth-child(3) {
        background-color: #cacaca;
    }

    .diet .page.page4 .page-body .daily-schedule tr.odd td:nth-child(4),
    .diet .page.page4 .page-body .daily-schedule tr.odd th:nth-child(4) {
        background-color: #e5e5e5;
    }

    .diet .page.page4 .page-body .daily-schedule tr.odd.last td:nth-child(2) {
        -webkit-border-radius: 0 0 16px 0;
        -moz-border-radius: 0 0 16px 0;
        border-radius: 0 0 16px 0;
    }

    .diet .page.page4 .page-body .daily-schedule tr.odd.last td:nth-child(4) {
        -webkit-border-radius: 0 0 0 16px;
        -moz-border-radius: 0 0 0 16px;
        border-radius: 0 0 0 16px;
    }

    /*.diet .page.page4 .page-body .daily-schedule tr:hover {*/
    /*background-color: #ddd;*/
    /*}*/
    .diet .page.page4 .page-body .daily-schedule th {
        position: relative;
        font-size: 16px;
        font-weight: 800;
        padding-top: 12px;
        padding-bottom: 12px;
        padding-right: 32px;
        text-align: right;
        color: #000000;
    }

    .diet .page.page4 .page-body .daily-schedule th:first-child {
        width: 10%;
        opacity: 0;
        border: none;
    }

    .diet .page.page4 .page-body .daily-schedule th:nth-child(2) {
        width: 30%;
        border-radius: 0 16px 0 0;
        border: none;
        background-color: #c1c0c6;
    }

    .diet .page.page4 .page-body .daily-schedule th:nth-child(3) {
        width: 30%;
        border: none;
        background-color: #cbcbcb;
    }

    .diet .page.page4 .page-body .daily-schedule th:nth-child(4) {
        width: 30%;
        border-radius: 16px 0 0 0;
        border: none;
        background-color: #e4e4e4;
    }
}

.diet .page .card.units {
    margin-top: 80px;
}

.diet .page .card.units .card-badge {
    background-image: url('/assets/images/measures.png');
}

@media screen and (max-width: 600px) {
    .diet .page .card.units .card-badge {
        width: 70px;
        height: 70px;
        top: -6px;
        right: -10px;
    }
}

.diet .page .card.units .card-header {
    background-color: #2197f3;
}

@media screen and (max-width: 360px) {
    .diet .page .card.units .card-header {
        font-size: 14px;
    }
}

@media screen and (max-width: 460px) {
    .diet .page .card.units .card-header {
        padding-right: 50px;
    }
}

.diet .page .card.units .card-body .units-table {
    display: flex;
    justify-content: space-around;
    margin: -12px;
}

@media screen and (max-width: 768px) {
    .diet .page .card.units .card-body .units-table {
        flex-direction: column;
    }
}

.diet .page .card.units .card-body .units-table .item {
    width: 100%;
    padding: 12px;
}

.diet .page .card.units .card-body .units-table .item.item1 {
    background-color: #bdbfc2;
}

.diet .page .card.units .card-body .units-table .item.item2 {
    background-color: #cacccd;
}

.diet .page .card.units .card-body .units-table .item.item3 {
    background-color: #e4e4e6;
}

.diet .page .card.units .card-body .units-table .item .unit {
    display: flex;
    justify-content: space-between;
    font-weight: normal;
}

.diet .page.page5 .page-header .logo-brand {
    background-color: #8f44ad;
}

.diet .page.page5 .page-header .title {
    background-color: #9b58b5;
}

.diet .page .cards .card .card-body {
    padding: 48px 12px;
}

.diet .page.page5 .cards .card .card-header {
    height: 48px;
    font-size: 20px;
    padding-top: 10px;
}

.diet .page.page5 .cards .card .card-body {
    padding: 32px 12px;
    text-align: justify;
    font-size: 15px;
    font-weight: normal;
    line-height: 2;
    word-spacing: -3px;
}

.diet .page.page5 .cards .card .card-body div:first-child {
    font-weight: bold;
    font-size: 16px;
}

.diet .page .card.sweetner .card-header {
    background-color: #ffb406;
    font-size: 18px !important;
    padding-right: 42px;
}

.diet .page .card.sweetner .card-badge {
    width: 80px;
    height: 80px;
    top: -24px;
    right: -8px;
    background-image: url('/assets/images/sweetner.png');
}

.diet .page .card.fruitage .card-header {
    background-color: #9045ac;
}

.diet .page .card.fruitage .card-badge {
    background-image: url('/assets/images/fruitage.png');
    width: 85px;
    height: 85px;
    top: -20px;
    right: -8px;
}

.diet .page .card.dairy .card-header {
    background-color: #3598db;
}

.diet .page .card.dairy .card-badge {
    width: 80px;
    height: 80px;
    top: -20px;
    right: -8px;
    background-image: url('/assets/images/dairy.png');
}

.diet .page .card.activity .card-header {
    background-color: #179f87;
}

.diet .page .card.activity .card-badge {
    width: 80px;
    height: 80px;
    top: -16px;
    right: -10px;
    background-image: url('/assets/images/activity.png');
}

.diet .page.page6 .page-header .logo-brand {
    background-color: #764c24;
}

.diet .page.page6 .page-header .title {
    background-color: #8c6238;
}

.diet .page .card.snack .card-badge {
    background-image: url(/assets/images/snack.png);
}

.diet .page .card.snack .card-header {
    background-color: #563a49;
}

.diet .page .card.snack .card-body {
    padding: 24px 12px 12px 12px;
    background-color: #e4e4e4;
    text-align: right;
}

.diet .page .card.snack .card-body .title {
    white-space: pre-line;
}

table.supplement {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 10px;
    margin-top: 32px;
}

@media screen and (max-width: 767px) {
    table.supplement {
        margin-top: 48px;
    }
}

.supplement tr th {
    font-size: 16px;
    color: #000000;
}

.supplement th {
    position: relative;
}

.supplement th:first-child {
    text-align: right;
}

.supplement th .card-badge {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    background-size: contain;
    width: 70px;
    height: 70px;
    top: -24px;
    left: 20%;
    /* border: 6px solid white; */
    border-radius: 50%;
    z-index: 99;
}

.supplement th:first-child .card-badge {
    background-image: url(/assets/images/supplement-name.png);
    left: 0;
}

@media screen and (max-width: 767px) {
    .supplement th:first-child .card-badge {
        width: 60px;
        height: 60px;
        top: -20%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

.supplement th:nth-child(2) .card-badge {
    background-image: url(/assets/images/supplement-time.png);
}

@media screen and (max-width: 767px) {
    .supplement th:nth-child(2) .card-badge {
        width: 60px;
        height: 60px;
        left: 50%;
        top: -18%;
        transform: translate(-50%, -50%);
    }
}

.supplement tr th:nth-child(1),
.supplement tr td:nth-child(1) {
    border-radius: 0 8px 8px 0;
    background-color: #cbcbcb;
    font-weight: bold;
    color: #000000;
}

.supplement tr td:last-child {
    border-radius: 8px;
}

.supplement tr:last-child td {
    font-size: 15px;
}

.supplement tr th:nth-child(2),
.supplement tr td:nth-child(2) {
    border-radius: 8px 0 0 8px;
    background-color: #e4e4e4;
    color: #000000;
}

.supplement th,
.supplement td {
    text-align: center;
    padding: 16px;
    line-height: 1.8;
}

table.recipes {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 20px;
}

table.recipes th {
    position: relative;
    background-color: #e2385d;
    border-radius: 8px;
    height: 60px;
    color: #ffffff;
    font-size: 24px;
    padding: 8px 90px 8px 8px;
    text-align: right;
}

table.recipes th .card-badge {
    position: absolute;
    background-image: url(/assets/images/recipes.png);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    background-size: contain;
    width: 115px;
    height: 115px;
    right: -20px;
    top: -40px;
    /* border: 6px solid white; */
    border-radius: 50%;
    z-index: 99;
}

table.recipes td {
    background-color: #e4e4e6;
    border-radius: 8px;
    height: 48px;
    color: #1e1e1f;
    font-size: 15px;
    padding: 16px 24px;
    text-align: right;
}

table.recipes td .title {
    font-weight: bold;
    margin-bottom: 8px;
    font-size: 16px;
}

table.recipes td .description {
    font-weight: normal;
    line-height: 1.7;
    text-align: justify;
}

@media screen and (max-width: 768px) {

    .daily-schedule {
        display: none;
    }

    .daily-schedule-mobile {
        /*height: 480px;*/
        /*box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);*/
        margin-left: 4px;
        margin-right: 4px;
    }

    .daily-schedule-mobile .diet-sidebar {
        height: 100%;
        /* width: 200px; */
        background-color: #fff;
        /* position: fixed!important; */
        /* z-index: 1; */
        overflow: auto;
        padding-right: 0;
        padding-left: 0;
        text-align: right;
        margin-right: 0px;
    }

    .daily-schedule-mobile .diet-bar-block .diet-bar-item {
        width: 100%;
        display: block;
        padding: 8px 4px;
        text-align: right;
        border: none;
        white-space: normal;
        float: none;
        outline: 0;
    }

    .daily-schedule-mobile .foods {
        display: grid;
        grid-gap: 12px;
        /*min-height: 252px;*/
        /*background-color: #505050;*/
        /*box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);*/
        padding: 8px;
        height: auto;
        /*overflow: auto;*/
    }

    .daily-schedule-mobile .foods .diet-bar-item.diet-button {
        height: 48px;
        background-color: #fe5c41;
        color: white;
        font-size: 18px;
        border-radius: 24px;
        padding: 12px;
        position: relative;
        top: 32px;
        z-index: 1;
    }

    .daily-schedule-mobile .foods .diet-bar-item .title {
        text-align: right;
        position: relative;
    }

    .daily-schedule-mobile .foods .diet-bar-item .arrow {
        display: inline-block;
        float: left;
        position: absolute;
        left: 0px;
        top: -10px;
    }

    .daily-schedule-mobile .foods .diet-bar-item .arrow .trigger {
        webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background-color: transparent;
        width: 26px;
        height: 26px;
        border: none;
        float: left;
        margin: 5px;
    }

    .daily-schedule-mobile .foods .diet-bar-item .arrow .trigger::before {
        content: "";
        display: inline-block;
        width: 10px;
        height: 10px;
        border-color: white;
        border-style: solid;
        border-width: 2px 0 0 2px;
        transition: all 0.2s ease;
        transform: rotate(225deg);
        position: relative;
    }

    .daily-schedule-mobile .foods .diet-bar-item .arrow .trigger.open::before {
        content: "";
        display: inline-block;
        width: 10px;
        height: 10px;
        border-color: white;
        border-style: solid;
        border-width: 2px 0 0 2px;
        transform: rotate(45deg);
        top: 6px;
    }

    .daily-schedule-mobile .foods .diet-container {
        height: 100%;
        padding: 8px;
        border-radius: 0 0 24px 24px;
        position: relative;
        /* top: -48px; */
        background-color: #e8e8e8;
        padding-top: 40px;
        padding-bottom: 24px;
    }

    .daily-schedule-mobile .foods .meal.launch,
    .daily-schedule-mobile .foods .meal.dinner {
        margin-top: 8px;
    }

    .daily-schedule-mobile .foods .meal .meal-name {
        font-weight: bold;
        border-radius: 8px 8px 0 0;
    }

    .daily-schedule-mobile .foods .meal .meal-title {
        color: #ffffff;
    }

    .daily-schedule-mobile .foods .meal .meal-name,
    .daily-schedule-mobile .foods .meal .meal-title,
    .daily-schedule-mobile .foods .meal .meal-details {
        padding: 8px;
        line-height: 1.8;
    }

    .daily-schedule-mobile .foods .meal .meal-details {
        border-radius: 0 0 8px 8px;
    }

    .daily-schedule-mobile .foods .meal.breakfast .meal-name {
        background-color: #c1c0c6;
    }

    .daily-schedule-mobile .foods .meal.breakfast .meal-title {
        background-color: #ff7c52;
    }

    .daily-schedule-mobile .foods .meal.breakfast .meal-details {
        background-color: #c1c0c6;
    }

    .daily-schedule-mobile .foods .meal.launch .meal-name {
        background-color: #c1c0c6;
    }

    .daily-schedule-mobile .foods .meal.launch .meal-title {
        background-color: #ff8559;
    }

    .daily-schedule-mobile .foods .meal.launch .meal-details {
        background-color: #c1c0c6;
    }

    .daily-schedule-mobile .foods .meal.dinner .meal-name {
        background-color: #c1c0c6;
    }

    .daily-schedule-mobile .foods .meal.dinner .meal-title {
        background-color: #ff9561;
    }

    .daily-schedule-mobile .foods .meal.dinner .meal-details {
        background-color: #c1c0c6;
    }

}

.diet .page.page7 .page-header .logo-brand {
    background-color: #d2264c;
}

.diet .page.page7 .page-header .title {
    background-color: #de4768;
}

.btn.download {
    background-color: #008039;
    border: none;
    color: white;
    padding: 12px 30px;
    opacity: 0.9;
    cursor: pointer;
    font-size: 16px;
    position: fixed;
    z-index: 999;
    bottom: 20px;
    right: 16px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    border-radius: 100px;
    transition: all ease 0.2s;

}

.btn.download:hover {
    background-color: #008039;
    color: white;
    opacity: 1;
}

@media screen and (min-width: 768px) {
    .f-left {
        float: left;
    }

    .footer.fix1 {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
    }



}