@import url(../kermany-icons/kermany-icons.css);
@font-face {
    font-family: YekanBakh;
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/Yekan-Bakh-FaNum-04-Regular.ttf") format("truetype")
}

@font-face {
    font-family: YekanBakh;
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/Yekan-Bakh-FaNum-05-Medium.ttf") format("truetype")
}

@font-face {
    font-family: YekanBakh;
    font-style: normal;
    font-weight: 600;
    src: url("../fonts/Yekan-Bakh-FaNum-06-Bold.ttf") format("truetype")
}

@font-face {
    font-family: YekanBakh;
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/Yekan-Bakh-FaNum-07-Heavy.ttf") format("truetype")
}

body{
    direction: rtl;
    text-align: right;
    cursor: default;
    font-size: 16px;
    font-family: YekanBakh, sans-serif;
    background-color: #f5f8fc;
    color: #53576B;
}

.bold-text{
    font-weight: 600;
}

.color-red{
    color: #f00;
}


.color-green{
    color: #008000;
}

.color-black{
    color: #000;
}

div.frame{
    max-width: 450px;
}

div.inner-frame{
    margin: auto;
}

.mb-0 {
    margin-bottom: 0;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-60{
    margin-bottom: 60px;
}

.video-container .btn-landing{
    width:unset
}
.video_holder{
    margin-bottom:20px;
    background-color:#53576B;
    border-radius:15px
}
.video_holder span{
    position:relative;
    padding-bottom:56%;
    display:block;
    border-radius:15px;
    overflow:hidden;
    -webkit-transition:opacity .3s;
    transition:opacity .3s
}
.video_holder span i{
    visibility:hidden;
    opacity:0;
    position:absolute;
    top:44%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    width:54px;
    height:54px;
    line-height:54px;
    background: #835ec1;
    border-radius:50%;
    font-size:23px;
    cursor:pointer;
    box-shadow: 0 0 0 8px rgba(131, 94, 193 , 0.35);
    color:white
}
.video_holder span.has-icon i{
    text-align: center;
    visibility:visible;
    opacity:0.8
}
.video_holder span.has-icon video{
    opacity:0.3
}
.video_holder small{
    display:none;
    position:absolute;
    top:66%;
    left:0;
    text-align:center;
    right:0;
    font-size:16px;
    line-height:20px;
    color:#FFFFFF;
    text-shadow:0 0 4px rgba(0,0,0,0.25)
}
.video_holder small strong{
    font-weight:700;
    display:block
}
.video_holder:hover video{
    opacity:1 !important
}
.video_holder:hover small{
    text-shadow:0 1px 7px #000
}
.video_holder .has-icon small{
    display:block
}
video{
    width:100%;
    position:absolute;
    display:block;
    top:0;
    left:0;
    border-radius:15px;
    border:none;
    outline:none;
    -webkit-transition:opacity .2s;
    transition:opacity .2s
}
#videoModal .modal-content{
    background-color:unset
}
#videoModal .modal-content>div{
    position:relative;
    padding-top:56%
}
.video-container-pro .video_holder{
    margin-bottom:14px
}
.video-container-pro .panel{
    position:relative;
    font-size:15px;
    height:70px;
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center;
    -webkit-box-pack:center;
    justify-content:center
}
.video-container-pro .panel strong{
    font-weight:600;
    font-size:18px;
    padding-left:5px
}
.video-container-pro .panel strong:before,.video-container-pro .panel strong:after{
    content:'';
    position:absolute;
    width:2px;
    height:30px;
    background:#7F8395;
    z-index:5;
    left:24px;
    top:-16px;
    border-radius:0 0 2px 2px
}
.video-container-pro .panel strong:after{
    right:24px;
    left:unset
}
.video-container-pro .panel:before,.video-container-pro .panel:after{
    content:'';
    position:absolute;
    width:10px;
    height:10px;
    left:20px;
    top:8px;
    background:#33354A;
    border-radius:50%;
    z-index:1
}
.video-container-pro .panel:after{
    right:20px;
    left:unset
}

*[class^="ic-"]:before, *[class*=" ic-"]:before {
    vertical-align: middle;
}

.panel {
    background: white;
    border: 1px solid #E5EBF8;
    box-sizing: border-box;
    border-radius: 15px;
    text-align: right;
}




#register{
    margin-top: 100px;
}

.register-wrapper .register-header {
    position: absolute;
    top: 48px;
    left: 50%;
    -webkit-transform: translate(-50%, -76%);
    transform: translate(-50%, -76%);
    max-width: 240px;
    width: 100%;
}

.register-wrapper .title {
    font-weight: 400;
    font-size: 20px;
    margin: 10px 0;
    color: #000;
}

.register-wrapper .item-header {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 315px;
    margin: 20px auto 20px;
    position: relative
}

.register-wrapper .item-header:after {
    content: '';
    position: absolute;
    left: 0;
    border-top: 2px dotted rgba(157, 170, 198, 0.5);
    top: 50%;
    width: 100%;
    height: 0;
    border-top: 4px dotted rgba(157, 170, 198, 0.5);
    -webkit-transform: translate(0, -2px);
    transform: translate(0, -2px)
}

.register-wrapper .item-header span {
    width: 36px;
    height: 36px;
    line-height: 36px;
    background: #EDF1FA;
    text-align: center;
    display: inline-block;
    border-radius: 50px;
    position: relative;
    z-index: 10;
    color: #9DAAC6;
    font-size: 20px
}

.register-wrapper .item-header span.active {
    font-weight: 600;
    font-size: 25px;
    background: #835ec1 !important;
    color: white
}

.register-wrapper .item-header span.active:before {
    content: '';
    position: absolute;
    right: -5px;
    left: -5px;
    top: -5px;
    bottom: -5px;
    border: 1px solid #835ec1;
    border-radius: 50%
}

.register-wrapper .item-header span.elapsed {
    background-color: white;
    color: #835ec1;
    border: solid 1px;
    cursor: pointer
}

.btn-landing i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inline-block;
    padding-left: 5px;
    vertical-align: middle
}

.register-wrapper .item-text {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 20px;
    display: block
}

.register-wrapper .item-holder {
    display: -webkit-box;
    display: flex;
    justify-content: space-around;
    margin-bottom: 55px
}

.register-wrapper .item-holder>div {
    width: 93px;
    height: 57px;
    border: 1px solid #E5EBF8;
    border-radius: 10px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    font-weight: 500;
    font-size: 15px;
    position: relative;
    z-index: 2;
    background-color: white;
    cursor: pointer
}

.register-wrapper .item-holder>div i {
    position: absolute;
    width: 36px;
    height: 36px;
    line-height: 53px;
    bottom: 0;
    right: 50%;
    background: #FFFFFF;
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
    border-radius: 50%;
    color: #9DAAC6;
    font-size: 12px;
    z-index: 33;
    border: 1px solid #E5EBF8
}

.register-wrapper .item-holder>div i:before {
    position: absolute;
    width: 36px;
    height: 36px;
    bottom: 0;
    right: 50%;
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
    border-radius: 0 0 50% 50%;
    background-color: white;
    line-height: 52px
}

.register-wrapper .item-holder>div span {
    z-index: 50;
    position: relative;
    background-color: white;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.register-wrapper .item-holder>div span.z22 {
    font-size: 13px
}

.register-wrapper .item-holder>div.active {
    border-color: #835ec1
}

.register-wrapper .item-holder>div.active i {
    border-color: #835ec1;
    color: #835ec1
}

.register-wrapper .btn-landing {
    width: auto
}

.register-wrapper .inner.result a {
    display: inline-block;
    width: 160px;
    margin-bottom: 2px
}

#container-toggle {
    width: 100%;
    height: 45px;
    /*margin: auto;*/
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    user-select: none;
    cursor: pointer;
    color: #adadad;
}

.inner-container-toggle {
    position: absolute;
    left: 0;
    top: 0;
    width: inherit;
    height: inherit;
    text-transform: uppercase;
    font-size: 13px;
}

.inner-container-toggle:first-child {
    background: #F2F2F2;
    box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.07);
}

.inner-container-toggle .toggle label:before{
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    filter: invert(60%) sepia(0%) saturate(7404%) hue-rotate(62deg) brightness(110%) contrast(105%);
}

.inner-container-toggle .toggle:first-child label:before{
    content: "";
    background-image: url('../images/male.svg');

}

.inner-container-toggle .toggle:last-child label:before{
    content: "";
    background-image: url('../images/female.svg');

}

.inner-container-toggle input[type="radio"]:checked+label:before{
    filter: invert(100%) sepia(3%) saturate(0%) hue-rotate(228deg) brightness(103%) contrast(102%);
}

.inner-container-toggle:nth-child(2) {
    background: dodgerblue;
    color: white;
    clip-path: inset(0 50% 0 0);
    transition: .3s cubic-bezier(0,0,0,1);
}

.inner-container-toggle .toggle {
    width: 50%;
    position: absolute;
    height: inherit;
    display: flex;
    box-sizing: border-box;
    cursor: pointer;
}

.inner-container-toggle .toggle p {
    margin: auto;
}

.inner-container-toggle .toggle:nth-child(1) {
    right: 0;
}

.inner-container-toggle .toggle:nth-child(2) {
    left: 0;
}

.inner-container-toggle input{
    display: none;
}
.inner-container-toggle input[type="radio"]:checked+label{
    background: #9C71DB;
    box-shadow: inset 0px 0px 8px rgba(255, 255, 255, 0.45);
    color: #fff;
    transition: .3s cubic-bezier(0,0,0,1);
}

.inner-container-toggle label{
    flex-grow: 1;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;

}

.form-holder input , .offer-box input {
    background: #FFFFFF;
    border: 1px solid #E5EBF8;
    border-radius: 10px;
    display: block;
    padding: 0 10px;
    margin: 0 0 10px 0;
    line-height: 45px;
    width: 100%;
    outline: none;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    /*letter-spacing: 0.2em;*/
    direction: ltr
}

.form-holder ::-webkit-input-placeholder {
    letter-spacing: 1px;
    direction: rtl
}

.form-holder ::-moz-placeholder {
    letter-spacing: 1px;
    direction: rtl
}

.form-holder :-ms-input-placeholder {
    letter-spacing: 1px;
    direction: rtl
}

.form-holder ::-ms-input-placeholder {
    letter-spacing: 1px;
    direction: rtl
}

.form-holder ::placeholder {
    letter-spacing: 1px;
    direction: rtl
}

p.small {
    color: #ff1831;
    font-weight: 500;
}

p.success {
    color: #00B97D;
    font-weight: 500;
}

p.error {
    color: #ff1831
}

.fade-enter,
.fade-leave-to {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0
}

.fade-enter-active,
.fade-leave-active {
    -webkit-transition: all .3s;
    transition: all .3s
}

.stepHolder{
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 315px;
    margin: 35px auto 20px;
    position: relative;
}

.stepHolder span{
    width: 100%;
    max-width: 95px;
    height: 4px;
    border-radius: 2px;
    background: #D9D9D9;
    opacity: 0.55;
}

.stepHolder span.active{
    background: #C19CFC;
    box-shadow: 1px 0px 5px #e5d7ff;
    opacity: 1;
}

body.dark-mode .register-wrapper .item-header span {
    background: #4B4E62
}

body.dark-mode .register-wrapper .item-header span.elapsed {
    background: #45465b
}

body.dark-mode .register-wrapper .item-holder>div {
    border: none;
    background-color: #53576B;
    color: #9DAAC6
}

body.dark-mode .register-wrapper .item-holder>div span {
    background-color: #53576B
}

body.dark-mode .register-wrapper .item-holder>div i {
    background: #55576b;
    border: none
}

body.dark-mode .register-wrapper .item-holder>div i:before {
    background-color: #55576b
}

body.dark-mode .register-wrapper .item-holder>div.active {
    color: white;
    box-shadow: 0 0 8px rgba(26, 188, 156, 0.2)
}

body.dark-mode .register-wrapper .item-holder>div.active i {
    box-shadow: 0 2px 5px 0 rgba(26, 188, 156, 0.2)
}





.register-wrapper {
    max-width: 450px;
    position: relative;
    border-radius: 100px 100px 15px 15px;
    text-align: center;
    padding: 50px 15px 1px 15px;
}


.register-wrapper .item-text{
    font-weight:500;
    font-size:16px;
    margin-bottom:20px;
    display:block
}
.register-wrapper .item-text{
    font-weight:500;
    font-size:16px;
    margin-bottom:20px;
    display:block
}

.btn-landing {
    color: #FEFFFF !important;
    width: 320px;
    max-width: 100%;
    text-align: center;
    font-weight: 500;
    background: #41af41;
    border-radius: 12px;
    border: none;
    line-height: 45px;
    display: block;
    margin: 0 auto 25px;
    cursor: pointer !important;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.register-wrapper .btn-landing{
    width:100%;
    background-color:#5CB85C;
    margin: auto 0 25px;
}
.register-wrapper .form-holder{
    position:relative;
    color:
            #835ec1
;
}
.register-wrapper .form-holder i{
    position:absolute;
    top:50%;
    right:10px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    font-size:20px;
    cursor:pointer
}
.register-wrapper .form-holder.active i{
    color:
            #835ec1
;
}
.register-wrapper .inner{
    /*padding-top:10px;*/
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-flow:column;
    min-height: 510px;
}
.register-wrapper .inner form{
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-flow:column;
    height:100%;
    -webkit-box-flex:1;
    flex:auto
}
.register-wrapper .birthday-select select{
    background-color:transparent;
    border:solid 1px
    #835ec1
;
    color:#454545;
    outline:none;
    line-height:45px;
    font-size:20px;
    font-weight:500;
    border-radius:10px;
    padding:0 5px
}
.register-wrapper .birthday-select span{
    margin:0 5px
}
.form-holder input{
    background:#FFFFFF;
    border:1px solid #E5EBF8;
    border-radius:10px;
    display:block;
    padding:0 40px 0 10px;
    margin:0 0 10px 0;
    line-height:45px;
    width:100%;
    outline:none;
    text-align:center;
    font-weight:500;
    font-size:20px;
    /*letter-spacing:0.2em;*/
    direction:ltr
}
.form-holder ::-webkit-input-placeholder{
    letter-spacing:1px;
    direction:rtl
}
.form-holder ::-moz-placeholder{
    letter-spacing:1px;
    direction:rtl
}
.form-holder :-ms-input-placeholder{
    letter-spacing:1px;
    direction:rtl
}
.form-holder ::-ms-input-placeholder{
    letter-spacing:1px;
    direction:rtl
}
.form-holder ::placeholder{
    letter-spacing:1px;
    direction:rtl
}
.fade-enter,.fade-leave-to{
    -webkit-transform:translateY(-20px);
    transform:translateY(-20px);
    opacity:0
}
.fade-enter-active,.fade-leave-active{
    -webkit-transition:all .3s;
    transition:all .3s
}
.input-group{
    display:-webkit-box;
    /*display:flex;*/
    -webkit-box-align:center;
    align-items:center;
    margin-bottom:20px
}
.input-group .radio-material{
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center
}
.input-group .radio-material .switch{
    position:relative;
    display:inline-block;
    width:40px;
    height:23px;
    margin:0 10px
}
.input-group .radio-material .switch .slider{
    position:absolute;
    cursor:pointer;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color: #EDF1FA;
    -webkit-transition:0.4s;
    transition:0.4s;
    border-radius:34px;
    display:block
}
.input-group .radio-material .switch .slider:before{
    position:absolute;
    content:"";
    height:30px;
    width:30px;
    left:-10px;
    bottom:-3px;
    background-color:
            #835ec1
;
    -webkit-transition:0.4s;
    transition:0.4s;
    border-radius:50%;
    border:1px solid
    #835ec1
;
    box-sizing:border-box;
    box-shadow:0 0 10px rgba(158,94,46,0.3)
}
.input-group .radio-material.active .slider:before{
    -webkit-transform:translateX(30px);
    transform:translateX(30px)
}
.input-group .radio-material.active [for=rd-02]{
    font-weight:500;
    font-size:15px;
    color:
            #835ec1

}
.input-group .radio-material:not(.active) [for=rd-01]{
    font-weight:500;
    font-size:15px;
    color:
            #835ec1

}
.input-group .radio-material label{
    width:40px;
    font-size:14px
}
.input-group .radio-material input{
    width:0;
    height:0;
    opacity:0
}
.input-group .label{
    margin-left:auto;
    color:
            #835ec1
;
    font-weight: 600;
}
.input-group .input-has-label:nth-child(2){
    margin-right:15px
}
.input-group label{
    margin:0;
    cursor:pointer
}
.input-has-label{
    position:relative;
    margin-bottom:20px
}
.input-has-label:before,.input-has-label:after{
    position:absolute;
    top:0;
    right:0;
    width:15px;
    height:100%;
    border:solid 1px
    #835ec1
;
    border-left-width:0;
    border-radius:0 10px 10px 0;
    content:''
}
.input-has-label:after{
    right:auto;
    left:0;
    border-left-width:1px;
    border-right-width:0;
    border-radius:10px 0 0 10px
}
.input-has-label i.b-top,.input-has-label i.b-bottom{
    position:absolute;
    left:15px;
    right:15px;
    border-top:solid 1px
    #835ec1
;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.input-has-label i.b-top{
    top:0
}
.input-has-label i.b-bottom{
    bottom:0
}
.input-has-label:not(.focused) i.b-top{
    right:15px !important
}
.input-has-label label{
    position:absolute;
    top:50%;
    right:10px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    color:
            #835ec1

}
.input-has-label.focused label{
    top:0;
    right:20px;
    font-size:14px
}
.input-has-label input{
    background-color:transparent;
    border:none !important;
    color:#454545;
    position:relative;
    z-index:3;
    outline:none;
    line-height:50px;
    font-size:20px;
    font-weight:500;
    padding:0 15px;
    width:100%
}
.input-has-label input[type="tel"]{
    direction:ltr;
    text-align:right;
}
.input-has-label .tips{
    position:absolute;
    left:10px;
    top:12px;
    font-size:14px;
    opacity:0.5
}

.input-has-label .error{
    position: absolute;
    left: 10px;
    top: 15px;
    font-size: 12px;
    font-weight: 500;
    /*opacity:0.5*/
}
.input-has-label input:-webkit-autofill,.input-has-label input:-webkit-autofill:hover,.input-has-label input:-webkit-autofill:focus,.input-has-label input:-webkit-autofill:active{
    -webkit-transition:background-color 5000s ease-in-out 0s;
    transition:background-color 5000s ease-in-out 0s
}


#step2bmi-result{
    display: flex;
    flex-direction: column;
}

#step2bmi-result .step2bmi-result-item{
    border: 1px solid #E5EBF8;
    border-radius: 10px;
    /* text-align: right; */
    display: flex;
    align-content: center;
    background: #fff;
    padding: 10px;
    justify-content: space-around;
}

#step2bmi-result .step2bmi-result-item .content{
    align-self: center;
}

#step2bmi-result .step2bmi-result-item .content .bmi-chart-gauge{
    width: 100%;
    height: auto;
}

#MeterHand .point {
    transform-origin: center;
}

#step2bmi-result .step2bmi-result-item .content p{
    font-size: 16px;
    margin: 0;
    color: #000;
    font-weight: 500;
    width: 150px;
}

#step2bmi-result .step2bmi-result-item img{
    width: 50px;
}

.result-unit{
    font-size: 12px;
    color: #000;
}

.bmi-holder .result{
    margin-bottom:10px;
    position:relative
}
.bmi-holder .result:before{
    content:'';
    right:0;
    left:0;
    top:50%;
    height:1px;
    position:absolute;
    background-color:
            #835ec1
;
    display:block;
    opacity:.2
}
.bmi-holder .result:after{
    opacity:.2;
    content:'';
    right:50%;
    top:0;
    bottom:0;
    width:1px;
    position:absolute;
    background-color:
            #835ec1
;
    display:block
}
.bmi-holder .result>div{
    display:inline-block;
    vertical-align:middle;
    width:calc(50% - 2px);
    text-align:center;
    padding:5px 0
}
.bmi-holder .result>div span{
    display:block;
    font-size:14px;
    line-height:22px;
    color:
            #835ec1

}
.bmi-holder .result>div strong{
    font-weight:500;
    font-size:20px;
    line-height:30px;
    color:#454545
}
.bmi-holder .bmi-chart{
    position:relative;
    list-style:none;
    padding:0;
    display:-webkit-box;
    display:flex;
    margin:0 0 20px;
    height:100px;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    flex-direction:row-reverse;
    -webkit-box-pack:center;
    justify-content:center;
    -webkit-box-align:end;
    align-items:flex-end
}
.bmi-holder .bmi-chart li{
    position:relative;
    -webkit-box-flex:1;
    flex:1;
    height:100px;
    display:-webkit-box;
    display:flex;
    -webkit-box-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    align-items:center;
    border-radius:15px 15px 0 0;
    color:white
}
.bmi-holder .bmi-chart li.active i{
    display:block
}
.bmi-holder .bmi-chart li span{
    -webkit-transform:rotate(270deg);
    transform:rotate(270deg);
    position:absolute;
    font-size:15px;
    font-weight: 500;
    width:100px
}
.bmi-holder .bmi-chart li.level-6{
    background-color:#DB0F17;
    height:100%
}
.bmi-holder .bmi-chart li.level-5{
    background-color:#E75721;
    height:90%
}
.bmi-holder .bmi-chart li.level-4{
    background-color:#F77E0B;
    height:80%
}
.bmi-holder .bmi-chart li.level-3{
    background-color:#EFB514;
    height:70%
}
.bmi-holder .bmi-chart li.level-2{
    background-color:#06CE77;
    height:60%
}
.bmi-holder .bmi-chart li.level-1{
    background-color:#00A1ED;
    height:50%
}
.bmi-holder .bmi-chart i{
    display:none;
    position:absolute;
    color: #835ec1;
    top:-30px;
    left:calc(50% - 9px);
    font-size:25px;
    -webkit-animation:bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
    animation:bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95)
}
.valid-feedback{
    margin:-20px 0 0;
    height:20px;
    font-size:14px;
    line-height:20px;
    color:red
}
@-webkit-keyframes bounce{
    50%{
        -webkit-transform:translateY(-10px);
        transform:translateY(-10px)
    }
}
@-webkit-keyframes snow {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 400px 400px
    }
}

@keyframes snow {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 400px 400px
    }
}

#product-box {
    display: flex;
    flex-flow: column wrap
}

#product-box>div {
    flex: 1;
    padding: .5rem 0;
}

#product-box input[type=radio] {
    display: none
}

#product-box input[type=radio]:not(:disabled)~label {
    cursor: pointer;
    /*opacity: 0.7*/
}

#product-box input[type=radio]:disabled~label {
    color: #bcc2bf;
    border-color: #bcc2bf;
    box-shadow: none
}

#product-box label {
    display: block;
    padding: 15px;
    /*margin-bottom: 1rem;*/
    text-align: center;
    position: relative;
    justify-content: space-between;
    margin-bottom: 0;
    border: 2px solid rgba(134, 89, 206, 0.2);
    box-shadow: 0px 5px 6px rgba(134, 89, 206, 0.11);
    border-radius: 20px;
    background: #FFF;
}

#product-box input[type=radio]:checked+label {
    background: rgba(193, 156, 252, 0.19);
    color: #000;
    opacity: 1;
    /*margin-top: 1rem;*/
}

/*#product-box input[type=radio]:checked+label::after {*/
/*    color: #fff;*/
/*    font-family: "Font Awesome 6 Pro";*/
/*    font-weight: bold;*/
/*    border: 2px solid #1dc973;*/
/*    content: "\2713";*/
/*    font-size: 24px;*/
/*    position: absolute;*/
/*    top: -25px;*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/
/*    height: 45px;*/
/*    width: 45px;*/
/*    line-height: 45px;*/
/*    text-align: center;*/
/*    border-radius: 50%;*/
/*    background: #35c17b;*/
/*    box-shadow: 0 2px 5px -2px rgba(0, 0, 0, .25)*/
/*}*/

#product-box input[type=checkbox] {
    display: none
}

#product-box input[type=checkbox]:not(:disabled)~label {
    cursor: pointer;
    /*opacity: 0.7*/
}

#product-box input[type=checkbox]:checked+label {
    background: rgba(193, 156, 252, 0.19);
    color: #000;
    opacity: 1;
    /*margin-top: 1rem;*/
}

/*#product-box input[type=checkbox]:checked+label::after {*/
/*    color: #fff;*/
/*    font-family: "Font Awesome 6 Pro";*/
/*    font-weight: bold;*/
/*    border: 2px solid #1dc973;*/
/*    content: "\2713";*/
/*    font-size: 24px;*/
/*    position: absolute;*/
/*    top: -25px;*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/
/*    height: 45px;*/
/*    width: 45px;*/
/*    line-height: 45px;*/
/*    text-align: center;*/
/*    border-radius: 50%;*/
/*    background: #35c17b;*/
/*    box-shadow: 0 2px 5px -2px rgba(0, 0, 0, .25)*/
/*}*/

#product-box p {
    font-weight: 900
}


/*@media only screen and (max-width:700px){#product-box{flex-direction:column}}*/

#product-box label {
    display: flex;
    flex-direction: row;
    align-items: center
}

#product-box .offer>span {
    position: relative;
    font-size: 35px
}

#product-box .offer>span::after {
    content: "\f715\fe02";
    position: absolute;
    font-family: "Font Awesome 6 Pro";
    top: -3px;
    right: 5px;
    color: #fff;
    opacity: 0.8
}

#product-box .price span {
    font-size: 24px;
    display: block;
    height: 26px;
}

#product-box .price {
    margin: 0;
}

#product-box label .title-box,
.product-box {
    text-align: right;
    font-size: 16px;
    margin: 0 0 0;
    /*padding-left: 10px;*/
}


#product-box label .title-box .header_box{
    display: flex;
}

#product-box label .title-box .holder{
    width: 20px;
    height: 20px;
    background: #E7E7E7;
    border-radius: 50%;
    margin-left: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#product-box label .title-box .header_box .holder .circle{
    width: 12px;
    height: 12px;
    background: #8659CE;
    border-radius: 50%;
    opacity: 0;
}

#product-box input:checked+label .title-box .holder{
    background: #DAC3FD !important;
}

#product-box input:checked+label .title-box .holder .circle{
    transition: all 0.3s ease;
    opacity: 1;
}


#product-box label .title-box p{
    font-size: 14px;
    color: #565656;
    margin-bottom: 5px !important;
}

#product-box label .title-box p:last-child{
    margin-bottom: 0 !important;
}

#product-box label .title-box p:before {
    color: #C19CFC;
    font-weight: bold;
    content: "\2713";
    font-size: 15px;
    transform: translateX(-50%);
    text-align: center;
    border-radius: 50%;
    margin-left: 3px;
}

#product-box label .title-box h2{
    font-size: 18px;
    color: #8659CE;
    font-weight: 600;
}

.priceContent p {
    font-size: 12px;
    margin-bottom: 2px;
}

.priceContent {
    display: flex;
    flex-direction: row-reverse;
    flex: 30%
}

.priceContent span:nth-child(1) {
    width: 40px;
    margin: auto
}

#product-box .offer {
    background: red;
    border-radius: 10px 0 0 10px;
    color: #fff;
    font-size: 15px
}

.priceContent .price:nth-child(2) {
    flex-grow: 1;
    background: #35c17b;
    border-radius: 0 10px 10px 0;
    color: #fff
}


/*# sourceMappingURL=main.css.map */

#product-box .amount-content {
    display: flex;
    justify-content: flex-end;
}

#product-box .amount-box p {
    margin: 0;
    font-weight: 500;
}

#product-box .amount-content p:nth-child(1) {
    text-decoration: line-through;
    color: #9b9b9b;
    text-align: left;
    line-height: 20px;
    font-size: 19px;
}

#product-box .amount-content>p:nth-child(2) {
    background: #ef394e;
    color: #fff;
    width: 35px;
    height: 20px;
    border-radius: 7px;
    font-size: 16px;
    /* display: flex; */
    justify-content: center;
    align-items: center;
    align-content: center;
    align-self: center;
    margin-right: 5px;
}

#product-box .amount-content>p>span:nth-child(2) {
    font-size: 9px
}

#product-box .amount-off {
    display: flex;
    flex-direction: column;
    margin-top: 15px;
}

#product-box .amount-off p:nth-child(2) {
    height: 20px;
    border-radius: 16px;
    font-size: 18px;
    /* display: flex; */
    justify-content: center;
    align-items: center;
    align-content: center;
    align-self: center;
    /*margin-right: 10px;*/
    color: #808080;
}

.amount-off p:nth-child(1) {
    font-size: 45px;
    font-weight: 600 !important;
    line-height: 18px;
    color: #8659CE;
    text-align: center;
}

.amount-content p:nth-child(1) {
    font-size: 18px
}

.selection-payment-type{
    border: 1px solid #E5EBF8;
    direction: rtl;
    /*box-shadow: 0 1px 3px rgba(0 0 0 , 0.15);*/
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    font-family: YekanBakh, sans-serif !important;
    max-width: 450px;
    width: 100%;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.card-payment-detail-container img

.payment-type{
    /*padding: 16px;*/
    /*display: block;*/
}

.selection-payment-type input[type=radio]{
    display: none;
}

.selection-payment-type input[type="radio"]:checked ~ label .dot{
    background: #fff;
}

.selection-payment-type input[type="radio"]:checked ~ label .dot:before{
    opacity: 1;
    transform: scale(1);
}

.selection-payment-type input[type="radio"]:checked ~ label{
    background: #835ec1;
    color: #fff;
}

.payment-type label .dot{
    height: 20px;
    width: 20px;
    background: #d9d9d9;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
}

.payment-type label .dot:before{
    position: absolute;
    content: "";
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    background: #835ec1;
    border-radius: 50%;
    opacity: 0;
    transform: scale(1.5);
    transition: all 0.3s ease;
}

.payment-type-container{
    display: block;
    padding: 16px;
    cursor: pointer;
    margin: 0;
}

.payment-type-content{
    display: flex;
}

.payment-type-content .description{
    text-align: right;
}

.selection-payment-type .payment-type .title{
    margin: 0;
    font-weight: 600;
    font-size: 17px;
    color: unset;
}

.selection-payment-type .payment-type .detail{
    margin: 0;
    font-size: 15px;
}

.selection-payment-type .payment-type-content .offer{
    background: #f00;
    color: #fff;
    border-radius: 6px;
    /* width: 50px; */
    height: 38px;
    display: flex;
    justify-content: end;
    align-items: center;
    flex-direction: column;
    padding: 2px;
    margin-right: 5px;
    align-self: center;
}

.selection-payment-type .payment-type-content .offer .percent{
    margin: 0;
    font-size: 17px;
    font-weight: 600;
    line-height: 8px;
}

.selection-payment-type .payment-type-content .offer .percent span{
    font-size: 10px;
}

.selection-payment-type .payment-type-content .offer .text{
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}

.card-payment-detail-container{
    text-align: center;
    /*display: none;*/
    color: #000;
    /*padding: 12px;*/
    background: rgb(255, 255, 255);
    border-radius: 10px;
}

.card-payment-detail-container img{
    width: 100%;
    vertical-align: middle;
    border-radius: 15px;
}

.vpd-actions button{
    font-family: YekanBakh, sans-serif;
}
.vpd-input-group label{
    border-radius: 0 10px 10px 0;
    margin: 0;
}
.vpd-input-group input{
    border-radius: 10px 0 0 10px;
    font-family: YekanBakh, sans-serif;
    font-weight: 500;
    font-size: 18px;
}
.form-field{
    display: flex;
    position: relative;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.card-number{
    width: 70%;
    border-radius: 10px;
    background-color: #fff;
    text-align: center;
    padding: 8px;
    font-size: 20px;
    font-weight: 500;
    color: #1e0f17;
}

.card-number:disabled{
    background-color: #ccc
}

.form-field .card-number{
    position: relative;
    width: 24%;
    text-align: center;
    outline: none;
    font-family: YekanBakh, sans-serif;
    border: 1px solid #dadada;
}

.info{
    color: #000;
    text-align: right;
    margin: 5px 0 0 0;
    font-size: 14px;
}


.info:before{
    content: url("../images/info.svg");
    width: 16px;
    height: 16px;
    vertical-align: sub;
    display: inline-block;
    margin-left: 5px;
}

.payment-type .title-desk {
    color: #000;
    font-weight: 400;
    font-size: 15px;
    text-align: right;
    margin: 0;
}

p.error{
    color: #f00;
    font-size: 14px;
    font-weight: 500 !important;
    display: none;
}

#property-container .item-property{
    display: flex;
    padding: 15px;
}

#property-container .item-property .content-box{
    margin-right: 10px;
    color: #000;
}

#property-container .item-property img{
    height: 50px;
}

#property-container .item-property .content-box p{
    margin: 0;
}

#property-container .item-property .content-box h6{
    font-size: 18px;
}

#property-container .item-property:nth-child(1){
    /*background: #f0deff9e;*/
    background: #f7edff9e;
}
#property-container .item-property:nth-child(2){
    /*background: #ffe5ec9e;*/
    background: #fdecf09e;
}
#property-container .item-property:nth-child(3){
    /*background: #defeff9e;*/
    background: #faffec9e;
}
#property-container .item-property:nth-child(4){
    /*background: #f7ffde9e;*/
    background: #eafafb9e;
}

.header-title {
    /*background: #333;*/
    display: flex;
    color: #000;
}
.header-title:before,
.header-title:after {
    content: '';
    margin: auto;
    border-bottom: solid 2px #004dff17;
    flex: 1;
}
.header-title h2 {
    position: relative;
    padding: 0.5em;
    overflow: hidden;
    font-size: 22px;
}
/*h1:before,*/
/*h1:after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    bottom: 0;*/
/*    right: 0;*/
/*    border: solid 1px;*/
/*    border-top: none;*/
/*    border-bottom: none;*/
/*    transform: skew(45deg)*/
/*}*/
/*h1:after {*/
/*    transform: skew(-45deg)*/
/*}*/

#record-holder .item-slider img{
    border-radius: 15px;
}

.owl-dots {
    display        : flex;
    align-items    : center;
    justify-content: center;
    position       : absolute;
    bottom         : -30px;
    right          : 0;
    left           : 0;
}

.owl-dots .owl-dot {
    margin  : 0 5px;
    width   : 16px;
    height  : 16px;
    position: relative;
    cursor  : pointer;
}

.owl-dots .owl-dot span {
    top               : 0;
    left              : 0;
    width             : 100%;
    height            : 100%;
    outline           : none;
    border-radius     : 50%;
    background-color  : #D8D9E3;
    text-indent       : -999em;
    cursor            : pointer;
    position          : absolute;
    overflow          : hidden;
    box-shadow        : inset 0 0 0 2px #D8D9E3;
    -webkit-transition: opacity 0.3s ease;
    transition        : opacity 0.3s ease;
}

.owl-dots .owl-dot span:after {
    content                 : '';
    position                : absolute;
    width                   : 100%;
    height                  : 100%;
    left                    : 0;
    border-radius           : 50%;
    background-color        : #D01C58;
    -webkit-transform       : scale(0);
    transform               : scale(0);
    -webkit-transform-origin: 50% 50%;
    transform-origin        : 50% 50%;
    -webkit-transition      : -webkit-transform 0.3s ease;
    transition              : transform 0.3s ease;
}

.owl-dots .owl-dot.active span:after {
    -webkit-transform: scale(1);
    transform        : scale(1);
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
    position           : absolute;
    cursor             : pointer;
    width              : 30px;
    height             : 30px;
    background-size    : contain;
    background-position: center;
    background-repeat  : no-repeat;
    bottom             : 0;
    top                : 0;
    margin             : auto;
}

.owl-carousel .owl-nav .owl-prev {
    background-image: url(../images/arrow-right.png);
    right           : -35px;
}

.owl-carousel .owl-nav .owl-next {
    background-image: url(../images/arrow-left.png);
    left            : -35px;
}

button:focus {
    outline: none !important;
}

.carouselWrapper{
    padding: 0;
    position: relative;
}

.carouselWrapper > img{
    width: 64px;
    display: block;
    transform: rotate(40deg);
    margin: -20px auto;
}

.mobile_number h3 {
    font-size: 22px;
    font-weight: 600
}

.mobile_number .input-holder , .offer-box .input-holder {
    position: relative
}

.btn-bg-success {
    background: #31c900 !important;
}

.mobile_number .input-holder button , .offer-box .input-holder button {
    position: absolute;
    background: #743CC6;
    border-radius: 10px;
    border: none;
    outline: none;
    width: 50px;
    height: 35px;
    line-height: 35px;
    top: 6px;
    left: 6px
}

.mobile_number .input-holder button i , .offer-box .input-holder button i {
    font-weight: 500;
    color: white;
    font-style: inherit;
    font-size: 18px;
}

.spinner-border-sm {
    display: block;
    margin: auto
}

.spinner-grow-sm {
    -webkit-transform: unset !important;
    transform: unset !important
}

.form-holder {
    padding: 20px 20px 5px;
    border: 1px solid #E5EBF8;
    border-radius: 15px;
    box-shadow: 0 0 25px rgba(0 0 0 , 0.1);
    background: #835ec1;
    text-align: center;
    color: #fff;
}

.offer-box-info{
    width: 100%;
    /*background: #d01c580d;*/
    /*border: 1px dashed #d01c58;*/
    background: #0d8d0308;
    border: 1px dashed #0d8d00;
    border-radius: 10px;
    padding: 10px;
    text-align: right;
    color: #000;
    display: inline-block;
    margin-bottom: 0;
    box-shadow: none;
    position: relative;
    font-size: 17px;
    font-weight: 500;
    opacity: 1;
}

.offer-box-info ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.offer-box-info ul li{
    font-size: 16px;
}

.offer-box-info ul li::before{
    content: "";
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' class='svg-icon' style='width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;' viewBox='0 0 1024 1024' version='1.1'%3e%3cpath d='M469.333333 640l0.384 0.384L469.333333 640z m-106.282666 0l-0.384 0.384 0.384-0.384z m48.512 106.666667a87.466667 87.466667 0 0 1-61.653334-24.874667l-179.52-173.632a67.797333 67.797333 0 0 1 0-98.24c28.032-27.157333 73.493333-27.157333 101.589334 0l139.584 134.997333 319.168-308.544c28.032-27.157333 73.493333-27.157333 101.589333 0a67.925333 67.925333 0 0 1 0 98.24L472.981333 722.069333A87.530667 87.530667 0 0 1 411.562667 746.666667z' fill='%MGQ4ZDAw'/%3e%3c/svg%3e");
    background-size: 20px;
    display: inline-block;
    width: 18px;
    height: 22px;
    vertical-align: middle;
    margin-left: 3px;


}


@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: middle;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}



.offer-box > p:first-child{
    font-weight: 500;
    font-size: 17px;
    text-decoration: underline;
    cursor: pointer;
    color: #000;
}

@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        opacity: 1
    }
}

@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        opacity: 1
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow .75s linear infinite;
    animation: spinner-grow .75s linear infinite
}


#footer {
    max-width: 100%;
    background: #fff;
    /*border-top-right-radius: 120%;*/
    /*border-top-left-radius: 120%;*/
    border-radius: 100px 100px 0 0;
    border: 1px solid #E5EBF8;
    text-align: center;
}

#footer #logo_f img {
    width: 112px;
    width: 112px;
}

@media (max-width: 767px) {
    #footer #logo_f img {
        width: 25%;
    }
}

#box_text_f h3 {
    font-size: 18px;
    font-weight: 600;
}

.social {
    width: 70px;
    margin: auto;
    display: flex;
    /* justify-content: center; */
    justify-content: space-around;
    flex-direction: row-reverse;
}

.social a i {
    font-size: 20px;
}

.form-holder h3, .form-holder p:nth-child(2) {
    color: #fff;
}

.form-holder p{
    font-weight: 500;
}

.btn-bg-success {
    background: #31c900 !important;
}

.btn-bg-error {
    background: #9d9d9d;
}

.story-wrapper {
    margin: 0 auto 30px;
    position: relative;
    text-align: center;
    padding: 50px 15px 1px 15px;
}

.card-payment-success{
    /*height: 150px;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.card-payment-success img{
    width: 60px;
}

.card-payment-success p.first-txt-success{
    margin: 12px 0 5px 0;
    font-size: 19px;
    font-weight: 500;
    color: #000;
}

.card-payment-success p.secound-txt-success{
    margin: 5px 0;
    font-size: 17px;
    font-weight: 500;
    color: #000;
}

.card-payment-success .txt-success{
    font-size: 15px;
    margin-top: 0;
    margin-bottom: 15px;
}

.loader {
    position: absolute;
    width: 130px;
    left: calc(50% - 65px);
    bottom: calc(55px);
    animation: fadeIn 2s;
    transform: scale(0.95);
}
.loader-ring {
    background: url('../images/rocket/loader-stars.jpg') no-repeat center center;
    background-size: 130px 130px;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    border: 10px solid #B00D39;
}
.rocket-wrapper {
    position: absolute;
    left: 35px;
    top: -85px;
    /*height: 260px;*/
}
.rocket {
    width: 60px;
    height: auto;
}
.trail-wrapper {
    position: absolute;
    top: 150px;
    left: 24px;
    width: 12px;
    height: 44px;
    transform: none;
    transform-origin: top center;
    z-index: -1;
}
.trail {
    width: 12px;
    height: auto;
    transform: translateZ(0);
    animation: jet 0.02s ease alternate infinite;
    transform-origin: top center;
}
.clouds-wrapper {
    position: absolute;
    top: 13px;
    left: 10px;
    width: 88px;
    height: 85px;
}
.clouds {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-40%, -42%);
    width: 130px;
}
.cloud {
    animation: kaboom 0.4s ease alternate infinite;
    transform-origin: center center;
    opacity: 0.9;
}
.cloud:nth-child(odd) {
    animation: kaboom 0.3s ease alternate infinite;
}
.cloud:nth-child(1) {
    animation-delay: 0.1s;
}
.cloud:nth-child(2) {
    animation-delay: 0.2s;
}
.cloud:nth-child(3) {
    animation-delay: 0.3s;
}
.cloud:nth-child(4) {
    animation-delay: 0.4s;
}
.cloud:nth-child(5) {
    animation-delay: 0.5s;
}
.cloud:nth-child(6) {
    animation-delay: 0.6s;
}
.cloud:nth-child(7) {
    animation-delay: 0.7s;
}

.countdown {
    display: table-cell;
    font-weight: normal;
}
.countdown .item {
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    font-family: 'Open Sans', cursive;
    font-weight: 700;
    font-size: 160px;
    line-height: 180px;
    text-align: center;
    color: #B7B7B7;
    border-radius: 10px;
    margin: 50px 10px 50px 0;
    padding: 0 10px;
    background: #2A2A2A;
    background: -webkit-linear-gradient(#2A2A2A, #000);
    background: linear-gradient(#2A2A2A, #000);
    overflow: hidden;
}
.countdown .item-ss {
    font-size: 50px;
    line-height: 70px;
}
.countdown .item:after {
    content: '';
    display: block;
    height: 1px;
    border-top: 3px solid #111;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
}
.countdown .label {
    text-transform: uppercase;
    display: block;
    position: absolute;
    /*font-family: 'Open Sans', cursive;*/
    font-weight: 700;
    line-height: normal;
    right: 6px;
    bottom: 4px;
    font-size: 14px;
    color: #B9B9B9;
}
.countdown .item-hh .label,
.countdown .item-mm .label,
.countdown .item-ss .label {
    display: none;
}

/* COUNTDOWN-ALT-1 */
/* ----------------------------------------------------------------------------------------- */
.countdown-alt-1 {
    display: block;
    font-size: 0;  /* Hack for inline and inline-block extra markup generated spaces */
    color: #000;
}
.countdown-alt-1 .item {
    position: relative;
}
.countdown-alt-1 .dd,
.countdown-alt-1 .hh-1,
.countdown-alt-1 .hh-2,
.countdown-alt-1 .mm-1,
.countdown-alt-1 .mm-2,
.countdown-alt-1 .ss-1,
.countdown-alt-1 .ss-2 {
    /*font-family: 'Righteous', cursive;*/
    /*background: #000;*/
    /*color: #fff;*/
    /*border-radius: 10px;*/
    /*display: inline-block;*/
    /*font-size: 60px;*/
    /*margin: 1px 2px;*/
    /*min-width: 40px;*/
    /*padding: 5px 16px;*/
    /*text-align: center;*/
    /*background: rgba(196,196,196,0.5);*/
    background: #f5f8fc;
    color: #000;
    border-radius: 10px;
    display: inline-block;
    /*font-size: 45px;*/
    font-size: 30px;
    margin: 1px 2px;
    /*min-width: 65px;*/
    min-width: 45px;
    padding: 3px 0;
    text-align: center;
}
.countdown-alt-1 .hh-1,
.countdown-alt-1 .hh-2,
.countdown-alt-1 .mm-1,
.countdown-alt-1 .mm-2,
.countdown-alt-1 .ss-1,
.countdown-alt-1 .ss-2 {
    width: 40px;
    max-width: 40px;
}
.countdown-alt-1 .label {
    /*font-style: italic;*/
    text-transform: capitalize;
    /*background: #000;*/
    color: #000;
    border-radius: 5px;
    /*font-size: 12px;*/
    font-size: 10px;
    margin: 1px 2px;
    padding: 2px 5px;
    position: absolute;
    left: 0;
    /*bottom: -45px;*/
    bottom: -38px;
    right: 0;
}
.countdown-alt-1 .separator-dd,
.countdown-alt-1 .separator {
    color: #000;
    font-size: 25px;
    position: relative;
}

/* COUNTDOWN-ALT-2 - Inspiration http://goo.gl/hRfsc */
/* ----------------------------------------------------------------------------------------- */
.countdown-alt-1 {
    display: block;
    font-size: 0;  /* Hack for inline and inline-block extra markup generated spaces */
    color: #000;
}
.countdown-alt-1 .item {
    position: relative;
}
.countdown-alt-1 .dd,
.countdown-alt-1 .hh-1,
.countdown-alt-1 .hh-2,
.countdown-alt-1 .mm-1,
.countdown-alt-1 .mm-2,
.countdown-alt-1 .ss-1,
.countdown-alt-1 .ss-2 {
    /*font-family: 'Righteous', cursive;*/
    /*background: #000;*/
    /*color: #fff;*/
    /*border-radius: 10px;*/
    /*display: inline-block;*/
    /*font-size: 60px;*/
    /*margin: 1px 2px;*/
    /*min-width: 40px;*/
    /*padding: 5px 16px;*/
    /*text-align: center;*/
    background: rgba(196,196,196,0.5);
    color: #000;
    border-radius: 10px;
    display: inline-block;
    font-size: 45px;
    margin: 1px 2px;
    min-width: 65px;
    padding: 3px 0;
    text-align: center;
}
.countdown-alt-1 .hh-1,
.countdown-alt-1 .hh-2,
.countdown-alt-1 .mm-1,
.countdown-alt-1 .mm-2,
.countdown-alt-1 .ss-1,
.countdown-alt-1 .ss-2 {
    width: 40px;
    max-width: 40px;
}
.countdown-alt-1 .label {
    /*font-style: italic;*/
    text-transform: capitalize;
    /*background: #000;*/
    color: #000;
    border-radius: 5px;
    font-size: 12px;
    margin: 1px 2px;
    padding: 2px 5px;
    position: absolute;
    left: 0;
    bottom: -45px;
    right: 0;
}
.countdown-alt-1 .separator-dd,
.countdown-alt-1 .separator {
    color: #000;
    font-size: 25px;
    position: relative;
}

/* COUNTDOWN-ALT-2 - Inspiration http://goo.gl/hRfsc */
/* ----------------------------------------------------------------------------------------- */
.countdown-alt-2 {
    font-size: 0;  /* Hack for inline and inline-block extra markup generated spaces */
    display: block;
    overflow: auto;
    padding: 20px 0;
    margin: 50px 0;
    /*font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;*/
    color: #333;
    -webkit-transform: skew(-2deg, -2deg);
    transform: skew(-2deg, -2deg);
}
.countdown-alt-2 .item {
    display: block;
    float: left;
    position: relative;
    font-size: 50px;
    font-weight: bold;
    padding: 36px 20px 10px 20px;
    margin: 0 10px;
    min-width: 100px;
    max-width: 100px;
    text-align: center;
    background: #FFF;
    border: 2px solid #FFF;
    box-shadow: 10px 10px 10px 1px rgba(0, 0, 0, 0.2);
    transform: scale(0.5);
}
.countdown-alt-2 .dd,
.countdown-alt-2 .hh-1,
.countdown-alt-2 .hh-2,
.countdown-alt-2 .mm-1,
.countdown-alt-2 .mm-2,
.countdown-alt-2 .ss-1,
.countdown-alt-2 .ss-2 {
    text-shadow: 1px 1px 10px #FFF, 1px 1px 3px #333;
    font-weight: 500;
}
.countdown-alt-2 .label {
    font-weight: normal;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    width: 120px;
    padding: 5px 10px;
    background: #0B81BC;
    color: #FFF;
}

.alt-1{
    box-sizing: unset;
    direction: ltr;
    /*transform: scale(0.5);*/
    /*background: #000;*/
}

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


.head-sticky-content{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-around;
}

.head-sticky-content .offer-box-head{
    background: #f5f8fc;
    padding: 4px;
    border-radius: 10px;
    text-align: center;
    color: #000;
}

.head-sticky-content .offer-box-head p{
    margin: 0;
}

.section-btn{
    position: absolute;
    top: 35px;
    right: 35px;
}

.section-btn button {
    width: 35px;
    height: 35px;
    border: none;
    padding: 0;
    margin: 0;
    background: #C7A4FF;
    border-radius: 50%;
    color: #fff;
    outline: none;
    cursor: pointer;
}

.fixed-contact-button a{
    color: #fff!important;
    background-image: -o-linear-gradient(135deg,#ef864d 0,#f7b66f 100%);
    background-image: linear-gradient(-45deg,#ef864d 0,#f7b66f 100%);
    -webkit-box-shadow: 0 2px 5px rgb(255 255 255 / 25%), 0 5px 15px rgb(239 134 77 / 35%);
    box-shadow: 0 2px 5px rgb(255 255 255 / 25%), 0 5px 15px rgb(239 134 77 / 35%);
    height: 54px;
    width: 54px;
    display: block;
    border-radius: 100%;
    line-height: 54px!important;
    position: relative;
    z-index: 2;
    font-size: 20px;
    text-align: center;
    -webkit-transition: background .2s ease-in-out,-webkit-box-shadow .2s ease-in-out,-webkit-transform .2s ease-in-out;
    transition: background .2s ease-in-out,-webkit-box-shadow .2s ease-in-out,-webkit-transform .2s ease-in-out;
    -o-transition: background .2s ease-in-out,box-shadow .2s ease-in-out,transform .2s ease-in-out;
    transition: background .2s ease-in-out,box-shadow .2s ease-in-out,transform .2s ease-in-out;
    transition: background .2s ease-in-out,box-shadow .2s ease-in-out,transform .2s ease-in-out,-webkit-box-shadow .2s ease-in-out,-webkit-transform .2s ease-in-out;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.fixed-contact-button a:before{
    content: url("../images/call.svg");
    width: 50px;
    height: auto;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    line-height: 75px;

}
.fixed-contact-button{
    position: fixed;
    z-index: 999;
}
@media (max-width: 1270px){
    .fixed-contact-button {
        left: 25px;
        bottom: 25px;
    }
}

.fixed-contact-button .tooltip-sticky{
    position: absolute;
    left: 0;
    bottom: 100%;
    margin-bottom: 15px;
    z-index: 1;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 20px rgb(106 102 112 / 15%);
    box-shadow: 0 3px 20px rgb(106 102 112 / 15%);
    pointer-events: none;
    color: #686868;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    white-space: nowrap;
}

.fixed-contact-button .tooltip-sticky:before {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 21px;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 0 0 4px 0;
    background-color: inherit;
    -webkit-box-shadow: 12px 12px 15px rgb(106 102 112 / 15%);
    box-shadow: 12px 12px 15px rgb(106 102 112 / 15%);
}

.select2-container--default .select2-selection--single{
    border-color: #835ec1;
}
.select2-container .select2-selection--single{
    height: 50px;
    border-radius: 10px;
    direction: rtl;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 45px;
    font-size: 16px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 45px;
}
.select2-dropdown{
    border-radius: 10px;
    overflow: hidden;
    border-color: #835ec1;
    direction: ltr;
    width: 150px !important;
    text-align: left;
}

#customers-testimonials .shadow-effect p {
    font-size: 100%;
    line-height: 1.5;
    margin: 0 0 2px 0;
    font-weight: 600;
}
.testimonial-name {
    margin: -17px auto 0;
    display: table;
    width: auto;
    background: #3190E7;
    padding: 9px 35px;
    border-radius: 12px;
    text-align: center;
    color: #fff;
    box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);
}
#customers-testimonials .item {
    text-align: center;
    opacity: .2;
    -webkit-transform: scale3d(0.7, 0.7, 1);
    transform: scale3d(0.7, 0.7, 1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#customers-testimonials .owl-item.active.center .item {
    opacity: 1;
    -webkit-transform: scale3d(1.0, 1.0, 1);
    transform: scale3d(1.0, 1.0, 1);
}

.owl-carousel .owl-item .shadow-effect img {
    transform-style: preserve-3d;
    max-width: 130px;
    margin: 0 auto 8px;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
    background: #3190E7;
    transform: translate3d(0px, -50%, 0px) scale(0.7);
}
#customers-testimonials.owl-carousel .owl-dots{
    display: inline-block;
    width: 100%;
    text-align: center;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot{
    display: inline-block;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot span {
    background: #3190E7;
    display: inline-block;
    height: 20px;
    margin: 0 2px 5px;
    transform: translate3d(0px, -50%, 0px) scale(0.3);
    transform-origin: 50% 50% 0;
    transition: all 250ms ease-out 0s;
    width: 20px;
}
.subtitle{
    font-size: 80% !important;
    font-weight: 400 !important;
    margin: 0 !important;
}

#customers-testimonials .owl-item{
    cursor: pointer;
}

.tel-input-container{
    display: flex;
    justify-content: space-between;
    flex-flow: row-reverse;
}

.gettingAdvice_container{
    width: 100%;
    border-radius: 10px;
    background: #FFFFFF;
    /*box-shadow: 0 20px 30px #D5D5D5;*/
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    overflow: hidden;
}

.gettingAdvice_container .header{
    width: 100%;
    /*background: #00B97D;*/
    background: #9770D6;
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    position: relative;
}

.gettingAdvice_container .header > svg{
    z-index: 1;
}

.gettingAdvice_container .header .shape{
    position: absolute;
    bottom: -20px;
}


.gettingAdvice_container .content{
    padding: 15px;
}

.gettingAdvice_container .content .header_caption{
    text-align: center;
}

.gettingAdvice_container .content .header_caption h3{
    font-size: 22px;
    font-weight: 600;
}

.gettingAdvice_container .content .form_content .adviceType{
    display: flex;
    justify-content: space-between;
    color: #B0B0B0;
    margin-bottom: 15px;
}

.gettingAdvice_container .content .form_content .adviceType input{
    display: none;
}

.gettingAdvice_container .content .form_content .adviceType label{
    font-size: 17px;
    font-weight: 500;
    /*background: #F8F8F8;*/
    background: #EDF1FA;
    width: 49.5%;
    padding: 9px;
    text-align: center;
    border: 1px solid #F8F8F8;
    cursor: pointer;
    margin: 0;
}

.gettingAdvice_container .content .form_content .adviceType input:checked + label{
    background: #F8F2FF;
    border: 1px solid #B59AE1;
    color: #8050CD;
    transition: .2s ease-out;
}

.gettingAdvice_container .content .form_content .adviceType input:checked + label svg path{
    stroke: #8050CD;
    transition: .2s ease-out;
}

.gettingAdvice_container .content .form_content .adviceType label[for="adviceType_whatsapp"]{
    border-radius: 0 8px 8px 0;
}

.gettingAdvice_container .content .form_content .adviceType label[for="adviceType_call"]{
    border-radius: 8px 0 0 8px;
}

.gettingAdvice_container .content .form_content .adviceType label svg{
    vertical-align: middle;
    margin-left: 5px;
}

.gettingAdvice_container .content .form_content .btn-gettingAdvice{
    width: 100%;
    border: none;
    padding: 8px;
    border-radius: 8px;
    background: #00B97D;
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    cursor: pointer;
}

.factory{
    background-color: #F8F8F8;
    border-radius: 10px;
    padding: 10px;
}
.factory h4{
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    color: #000;
    text-align: center;
}
.factory hr{
    margin: 12px 0;
}

.factory del{
    color: #828282;
}

.factory ul{
    padding: 0;
    margin: 0;
}

.factory li{
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}

.factory p.title{
    margin: 0;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.factory .toggleOption{
    display: flex;
    width: 100%;
    overflow: hidden;
}

.factory .toggleOption .option{
    display: flex;
    width: 100%;
    overflow: hidden;
}

.factory .radioToggleContainer{
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 0;
}

.factory .radioToggleItem input[type="radio"]{
    display: none;
}

.factory .title_box{
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.factory .radioToggleItem:nth-child(odd){
    margin-left: 5px;
}

.factory .radioToggleItem input[type="radio"]:checked+label{
    background: #CAE5CA;
}

.factory .radioToggleItem input[type="radio"]:checked+label .circle:after{
    content: "\2713";
}

.factory .radioToggleItem label{
    margin: 0 !important;
    border-radius: 11px;
    text-align: center;
    background: #ECECEC;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 4px;
}

.factory .radioToggleItem{
    height: 100%;
}

.factory .radioToggleItem label .title{
    font-size: 13px;
    font-weight: 500;
    color: #343434;
    margin: 0 0 0 5px;
    line-height: 15px;
}

.factory .radioToggleItem label .circle{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff;
    display: flex;
}

.factory .radioToggleItem label .circle:after{
    content: "";
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    line-height: 20px;
    color: #5CB85C;
}

.factory div.amount_box_invoice{
    display: flex;
}

.factory div.productAmount{
    /*margin-left: 10px;*/
    text-align: left;
}

.factory div.offer{
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.factory div.offer span:last-child{
    font-size: 15px;
}

.factory div.offer span.offer_amount{
    font-size: 22px;
}

.factory div.offer_count{
    background-color: #ef394e;
    color: #fff;
    font-size: 13px;
    width: 48px;
    border-radius: 5px;
    text-align: center;
    font-weight: 600;
}

.factory div.offer_count .percent{
    font-size: 10px;
    margin-right: 1px;
}

.factory div.offer_count .percent_count{
    font-size: 18px;
}

.factory p.title label{
    position: relative;
}

.factory p.title select#slct{
    border-color: #e4edf9;
    border-radius: 10px;
    background: none;
    /*padding: 5px;*/
    background: #fff;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    border: none;
    background: none;
    -webkit-appearance:none;
    appearance:none;
    -moz-appearance:none;
    position: relative;
    z-index: 2;
    opacity: 0;
}


.factory p.title select#slct option{
    color: #000;
    font-size: 16px;
    font-weight: 600;
}

.factory .pointer{
    color: #00bed5;
    background: rgba(0,191,214,.05);
    border-radius: 10px;
    display: flex;
    justify-content: center;
    padding: 2px 5px;
    width: 88px;
    font-size: 12px;
    position: absolute;
    z-index: 1;
    top: 0;
}

.factory .pointer_button{
    color: #00bed5;
    background: rgba(0,191,214,.05);
    border-radius: 10px;
    display: flex;
    justify-content: center;
    padding: 2px 5px;
    align-items: center;
    width: 88px;
    font-size: 12px;
    z-index: 1;
    top: 0;
    border: none;
    font-weight: 600;
    margin-left: 5px;
    cursor: pointer;
}


.factory .pointer_button svg{
    width: 9px;
    margin-right: 3px;
    fill: #f00;
    transform: rotate(90deg);
}

.factory .pointer_del{
    display: flex;
    justify-content: center;
    padding: 2px 5px;
    width: 88px;
    font-size: 12px;
    z-index: 1;
    color: #f00;
    background: rgba(214, 0, 0 , 0.05);
    cursor: pointer;
    border-radius: 10px;
    align-items: center;
    top: 0;
    border: none;
    font-weight: 600;
    margin-left: 5px;
}

.factory .pointer_plus{
    border-radius: 10px;
    display: flex;
    justify-content: center;
    padding: 2px 5px;
    width: 110px;
    font-size: 12px;
    z-index: 1;
    color: #4f9d4f;
    background: rgba(92, 184, 92,0.05);
    cursor: pointer;
    font-weight: 600;
    align-items: center;
}

.factory .pointer_plus svg{
    width: 9px;
    margin-right: 3px;
    fill: #4f9d4f;
}

.factory .pointer_del svg{
    width: 7px;
    margin-right: 3px;
    fill: #f00;
}

.factory .pointer svg{
    width: 10px;
    margin-right: 3px;
}

.factory p.title select#slct:focus-visible{
    outline: none;
}

.factory .sumPrice p:last-child{
    font-size: 22px;
}

.factory .sumPrice span{
    font-size: 15px;
}

.resend_Code{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
}

.resend_Code p{
    cursor: pointer;
    color: #fff;
    background: #C19CFC;
    padding: 6px;
    border-radius: 10px;
    margin: 0;
    font-weight: 500;
}

.registerWCode{
    cursor: pointer;
    color: #fff;
    background: #C19CFC;
    padding: 6px;
    border-radius: 10px;
    margin: 0;
    font-weight: 500;
}

.button_product_sticky{
    background: #F5F5F5;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    padding: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-top: auto;
    color: #000;
    margin: auto 0 18px;
}

.amountBox > .amount, .button_product_sticky .amount{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.amountBox .amount > p, .button_product_sticky .amount > p{
    margin-bottom: 7px;
}

#step2bmi-result .report_bmi{
    display: flex;
    height: 245px;
    justify-content: space-between;
}

#step2bmi-result .report_bmi .box{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 2;
    margin-left: 10px;
}

#step2bmi-result .report_bmi .chart .chart_svg{
    display: flex;
    height: 195px;
    justify-content: space-between;
}

#step2bmi-result .report_bmi .chart{
    border: 1px solid #E5EBF8;
    border-radius: 10px;
    width: 115px;
    padding: 10px;
}

#step2bmi-result .report_bmi .chart h3{
    font-size: 18px;
    font-weight: 500;
    margin-top: 8px;
    color: #000;
}

.main_list {
    display: block;
    margin: 0 auto;
}

.main_list ol.gradient-list > li::before, ol.gradient-list > li {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.main_list ol.gradient-list {
    counter-reset: gradient-counter;
    list-style: none;
    margin: 1.75rem 0;
    padding-right: 1rem;
}
.main_list ol.gradient-list > li {
    background: white;
    border-radius: 0.5rem 0 0.5rem 0.5rem;
    counter-increment: gradient-counter;
    margin-top: 1rem;
    min-height: 3rem;
    /*padding: 1rem 3rem 1rem 1rem;*/
    padding: 0.75rem 2.5rem 0.75rem 0.75rem;
    position: relative;
    text-align: justify;
    color: #000;
}
.main_list ol.gradient-list > li::before, ol.gradient-list > li::after {
    background: linear-gradient(135deg, #83e4e2 0%, #a2ed56 100%);
    border-radius: 1rem 1rem 1rem 0rem;
    content: "";
    height: 3rem;
    right: -1rem;
    overflow: hidden;
    position: absolute;
    top: -1rem;
    width: 3rem;
}
.main_list ol.gradient-list > li::before {
    align-items: flex-end;
    content: counter(gradient-counter);
    color: #1d1f20;
    display: flex;
    font: 900 1.5em/1 YekanBakh;
    justify-content: flex-end;
    padding: 0.125em 0.25em;
    z-index: 1;
}
.main_list ol.gradient-list > li:nth-child(10n+1):before {
    background: linear-gradient(135deg, rgba(162, 237, 86, 0.2) 0%, rgba(253, 220, 50, 0.2) 100%);
}
.main_list ol.gradient-list > li:nth-child(10n+2):before {
    background: linear-gradient(135deg, rgba(162, 237, 86, 0.4) 0%, rgba(253, 220, 50, 0.4) 100%);
}
.main_list ol.gradient-list > li:nth-child(10n+3):before {
    background: linear-gradient(135deg, rgba(162, 237, 86, 0.6) 0%, rgba(253, 220, 50, 0.6) 100%);
}
.main_list ol.gradient-list > li:nth-child(10n+4):before {
    background: linear-gradient(135deg, rgba(162, 237, 86, 0.8) 0%, rgba(253, 220, 50, 0.8) 100%);
}
.main_list ol.gradient-list > li:nth-child(10n+5):before {
    background: linear-gradient(135deg, #a2ed56 0%, #fddc32 100%);
}
.main_list ol.gradient-list > li:nth-child(10n+6):before {
    background: linear-gradient(135deg, rgba(162, 237, 86, 0.8) 0%, rgba(253, 220, 50, 0.8) 100%);
}
.main_list ol.gradient-list > li:nth-child(10n+7):before {
    background: linear-gradient(135deg, rgba(162, 237, 86, 0.6) 0%, rgba(253, 220, 50, 0.6) 100%);
}
.main_list ol.gradient-list > li:nth-child(10n+8):before {
    background: linear-gradient(135deg, rgba(162, 237, 86, 0.4) 0%, rgba(253, 220, 50, 0.4) 100%);
}
.main_list ol.gradient-list > li:nth-child(10n+9):before {
    background: linear-gradient(135deg, rgba(162, 237, 86, 0.2) 0%, rgba(253, 220, 50, 0.2) 100%);
}
.main_list ol.gradient-list > li:nth-child(10n+10):before {
    background: linear-gradient(135deg, rgba(162, 237, 86, 0) 0%, rgba(253, 220, 50, 0) 100%);
}
.main_list ol.gradient-list > li + li {
    margin-top: 2rem;
    letter-spacing: -0.4px;
}

.main_list ul{
    padding: 0;
    margin: 0;
    list-style: none;
}

.main_list ul li{
    position: relative;
    top: -8px;
    font-weight: 600;
    font-size: 14px;
    line-height: 25px;
    color: #000;
    padding: 0 16px;
}

.main_list ul li:before,.main_list ul li:after{
    border: 6px solid #D01C58;
    bottom: 0;
    content: "";
    position: absolute;
    top: 0;
    width: 16px;
}

.main_list ul li:before{
    border-right: none;
    left: 0;
}

.main_list ul li:after{
    border-left: none;
    right: 0;
}

.cta-button{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    color: white;
    text-align: center;
    z-index: 10;
    height: 70px;
    border-radius: 20px 20px 0 0;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    /*box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;*/
    /*animation: pulse 1500ms infinite;*/
    /*animation: cta-move 1500ms linear;*/
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
    display: none;
}


.timer{
    background: #F4F4F4;
    border-radius: 10px;
    width: 55px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.deactive{
    color: #ccc;
    cursor: auto;
    opacity: 0.35;
}

.holder_div{
    position: absolute;
    background: #ffffff;
    width: 100%;
    height: 95%;
    top: 0;
    /* border-radius: 10px; */
    display: flex;
    justify-content: center;
    align-items: center;
    filter: blur(1px);
    opacity: 0.9;
}

.holder_text{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: 700;
    width: 100%;
}

.drkermany_orginal_wrapper{
    /*background: linear-gradient(270deg, #46B6A6 0%, #66D4C9 100%);*/
    background-color: #ff006b24;
    border-radius: 15px;
    padding: 15px;
    margin: auto;
}

.drkermany_orginal_wrapper .profile{
    display: flex;
}

.drkermany_orginal_wrapper .profile .image{
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.drkermany_orginal_wrapper .profile .image img{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 1px solid #ff006b26;
}

.drkermany_orginal_wrapper .profile .person h4{
    font-size: 1.1rem;
}

.drkermany_orginal_wrapper .profile .person p{
    color: white;
    font-size: 0.9375rem;
}

.drkermany_orginal_wrapper .profile .person .videoModalBtn{
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    background: #ff006b1c;
    color: #000;
    padding: 5px;
    border-radius: 15px;
    display: inline-block;
    height: fit-content;
    width: 95px;
    text-align: center;
}

.result_box_content{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.result_box{
    background: #FFFFFF;
    box-shadow: 0px 7px 12px rgba(134, 89, 206, 0.17);
    border-radius: 20px;
    position: relative;
}

.result_box .icon{
    border-radius: 50%;
    padding: 10px;
    position: absolute;
    top: -25px;
    right: 0;
    left: 0;
    box-shadow: 0px 3px 12px rgba(134, 89, 206, 0.23);
    width: 54px;
    height: 54px;
    background: #fff;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.result_box .title{
    font-weight: 600;
    color: #A4A4A4;
    margin: 0;
    font-size: 18px;
}


.result_box.result{
    padding: 35px 5px 5px 5px;
    width: 48%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.result_box.result p{
    margin: 0;
    font-size: 18px;
    color: #000;
}

.result_box.result p span{
    font-size: 24px;
    color: #B184FF;
    font-weight: bolder;
}

#step2bmi-result .content .news{
    background: #F3EEFB;
    border-radius: 20px;
    padding: 8px;
}

#step2bmi-result .content .news p{
    color: #1E1E1E;
    margin: 0;
    font-size: 18px;
}

#step2bmi-result .content .news p span{
    color: #B184FF;
}


.overWeight_result{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #9C71DB;
    box-shadow: inset 0px 0px 7px rgba(255, 255, 255, 0.52);
    border-radius: 10px;
    height: 35px;
    color: #fff;
    padding: 0 10px;
}

.overWeight_result h4{
    font-weight: bolder;
}

.overWeight_result h4,.overWeight_result p{
    margin: 0;
    font-size: 20px;
}

.overWeight_result p span{
    font-size: 25px;
    font-weight: bolder;
    color: #FFEC00;
}

.code_number_text{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.code_number_text h4{
    font-size: 15px;
    font-weight: 400;
    color: #666666;
    margin: 0;
}

.code_number_text strong{
    color: #8659CE;
    font-weight: 600;
}

.overlay{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.5);
    /* background-color: #787a7c; */
    z-index: 10;
    backdrop-filter: blur(20px);
    overflow: hidden;
    display: block;
    /*opacity: 0;*/
}

#loading{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    flex-direction: column;
    gap: 15px;
}


#loading .spinner {
    animation: rotate 2s linear infinite;
    z-index: 2;
    width: 50px;
    height: 50px;
}
#loading .spinner .path {
    stroke: #C19CFC;
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out infinite;
}
@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}
@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }
    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}



@media only screen and (max-width: 600px) {
    .countdown-alt-1 .dd,
    .countdown-alt-1 .hh-1,
    .countdown-alt-1 .hh-2,
    .countdown-alt-1 .mm-1,
    .countdown-alt-1 .mm-2,
    .countdown-alt-1 .ss-1,
    .countdown-alt-1 .ss-2 {
        /*font-family: 'Righteous', cursive;*/
        border-radius: 10px;
        display: inline-block;
        /*font-size: 40px;*/
        font-size: 30px;
        margin: 1px 2px;
        /*min-width: 55px;*/
        min-width: 45px;
        padding: 3px 0;
        text-align: center;
    }
    .countdown-alt-1 .separator-dd,
    .countdown-alt-1 .separator {
        font-size: 30px;
    }
    .cta-active{
        display: flex;
    }
}



@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes kaboom {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.2);
    }
}
@keyframes jet {
    0% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1.2);
    }
}


@media only screen and (max-width: 600px) {
    .carouselWrapper{
        padding: 0 30px 30px;
    }
    .mb-60{
        margin-bottom: 30px;
    }
    .loader{
        transform: scale(.85);
        bottom: calc(50px);
    }
    /*.button_product_sticky{*/
    /*    position: fixed;*/
    /*    left: 0;*/
    /*    bottom: 0;*/
    /*    width: 100%;*/
    /*    !* background-color: #fff; *!*/
    /*    !* color: white; *!*/
    /*    text-align: center;*/
    /*    z-index: 10;*/
    /*    height: 100px;*/
    /*    border-radius: 20px 20px 0 0;*/
    /*    align-items: center;*/
    /*    justify-content: center;*/
    /*    font-size: 16px;*/
    /*    font-weight: 500;*/
    /*    !* box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px; *!*/
    /*    !* animation: pulse 1500ms infinite; *!*/
    /*    !* animation: cta-move 1500ms linear; *!*/
    /*    display: flex;*/
    /*    padding: 15px;*/
    /*    flex-direction: column;*/
    /*    background: #fff;*/
    /*    color: #000;*/
    /*}*/
}

button:disabled{
    background: #bcc2bf !important;
}

.mt-10{
    margin-top: 10px;
}

.mt-15{
    margin-top: 15px;
}

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

.mt-30{
    margin-top: 30px;
}

.mt-40{
    margin-top: 40px;
}

.mb-10{
    margin-bottom: 10px;
}

.mb-15{
    margin-bottom: 15px;
}

.mb-20{
    margin-bottom: 20px;
}

.mb-30{
    margin-bottom: 30px;
}

.mb-40{
    margin-bottom: 40px;
}

.mb-50{
    margin-bottom: 50px;
}

.hidden{
    display: none;
}

.slide-in-right {
    -webkit-animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}