#investment {
    background-color: #C0C0C0;
    color: black;
    border: 1px solid #C0C0C0;
}

/* Për opsionin "Select an amount" */
#investment option:disabled {
    color: #C0C0C0;
}





.error {
    display: none;
    color: red;
    font-size: 14px;
    margin-top: 5px;
}
.group-text-wrap input[type=checkbox]{
    display:none
}
.group-text-wrap input[type=checkbox]:checked~.group-text>*,.group-text-wrap input[type=checkbox]:checked~.group-text p{
    display:block!important
}
.group-text-wrap input[type=checkbox]:checked~.group-text-more{
    display:none!important
}
.group-text.open p{
    display:block!important
}
.group-text.open .group-text-more{
    display:none
}
.white{
    color:#fff!important
}
.black{
    color:#000!important
}
.bg-gray{
    background-color:#000
}
.box-shadow{
    border-radius:12px;
    box-shadow:-1.8px 25.9px 33.2px 6.8px rgba(0,0,0,.16);
    background-color:#fff;
    padding:20px 20px 20px 50px;
    height:100%
}
@media(max-width:767px){
    .box-shadow{
        padding:15px;
        height:auto;
        margin-bottom:30px
    }
}
.box-shadow p:last-child{
    margin-bottom:0
}
.half-1{
    background-image:url(assets/half-1.png);
    background-repeat:no-repeat;
    background-size:24%;
    background-position:89% 30%;
    padding:80px 0
}
@media(max-width:767px){
    .half-1{
        padding-top:30px;
        padding-bottom:275px;
        background-size:320px;
        background-position:50% calc(100% - 20px)
    }
}
.half-2{
    background-image:url(assets/half-2.webp);
    background-repeat:no-repeat;
    background-size:22%;
    background-position:14% 50%;
    padding:70px 0
}
@media(max-width:767px){
    .half-2{
        padding-top:30px;
        padding-bottom:220px;
        background-size:320px;
        background-position:50% calc(100% - 20px)
    }
}
.half-3{
    background-image:url(assets/half-3.webp);
    background-repeat:no-repeat;
    background-size:25%;
    background-position:90% 50%;
    padding:70px 0
}
@media(max-width:767px){
    .half-3{
        padding-top:30px;
        padding-bottom:230px;
        background-size:320px;
        background-position:50% calc(100% - 20px)
    }
}
.half-4{
    background-image:url(assets/half-4.webp);
    background-repeat:no-repeat;
    background-size:22%;
    background-position:14% 50%;
    padding:70px 0
}
@media(max-width:767px){
    .half-4{
        padding-top:30px;
        padding-bottom:240px;
        background-size:320px;
        background-position:50% calc(100% - 20px)
    }
}
.half-5{
    background-image:url(assets/half-5.webp);
    background-repeat:no-repeat;
    background-size:32%;
    background-position:85% 20%;
    padding:20px 0 70px
}
@media(max-width:767px){
    .half-5{
        padding-top:0;
        padding-bottom:280px;
        background-size:320px;
        background-position:50% calc(100% - 20px)
    }
}
.half-6{
    background-image:url(assets/half-6.webp);
    background-repeat:no-repeat;
    background-size:22%;
    background-position:14% 50%;
    padding:70px 0
}
@media(max-width:767px){
    .half-6{
        padding-top:30px;
        padding-bottom:290px;
        background-size:320px;
        background-position:50% calc(100% - 20px)
    }
}
.half-7{
    background-image:url(assets/half-7.webp);
    background-repeat:no-repeat;
    background-size:27%;
    background-position:95% 30%;
    padding:70px 0
}
@media(max-width:767px){
    .half-7{
        padding-top:30px;
        padding-bottom:300px;
        background-size:320px;
        background-position:50% calc(100% - 20px)
    }
}
.half-8{
    background-image:url(assets/half-8.webp);
    background-repeat:no-repeat;
    background-size:29%;
    background-position:5% 50%;
    padding:70px 0
}
@media(max-width:767px){
    .half-8{
        padding-top:30px;
        padding-bottom:360px;
        background-size:320px;
        background-position:50% calc(100% - 20px)
    }
}
.half-9{
    background-image:url(assets/half-9.webp);
    background-repeat:no-repeat;
    background-size:27%;
    background-position:93% 50%;
    padding:70px 0
}
@media(max-width:767px){
    .half-9{
        padding-top:30px;
        padding-bottom:220px;
        background-size:320px;
        background-position:50% calc(100% - 20px)
    }
}
.half-10{
    background-image:url(assets/half-10.webp);
    background-repeat:no-repeat;
    background-size:23%;
    background-position:13% 50%;
    padding:70px 0
}
@media(max-width:767px){
    .half-10{
        padding-top:30px;
        padding-bottom:270px;
        background-size:320px;
        background-position:50% calc(100% - 20px)
    }
}
.count-item,.item{
    margin-bottom:30px
}
@media(max-width:767px){
    .count-item{
        margin-bottom:0
    }
}
.count-item-title{
    border-radius:10px;
    background-color:#f5fff5;
    margin-bottom:0;
    font-size:18px;
    font-weight:700;
    color:#171717;
    padding:15px 15px 15px 75px;
    position:relative;
    min-height:73px;
    display:flex;
    align-items:center
}
@media(max-width:767px){
    .count-item-title{
        min-height:60px
    }
}
.count-item-title:after{
    counter-increment:countItem;
    content:"0" counter(countItem);
    display:block;
    width:35px;
    height:35px;
    background-color:#39b139;
    border-radius:50%;
    color:#fff;
    font-size:18px;
    font-weight:600;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    position:absolute;
    left:20px;
    top:50%;
    transform:translateY(-50%)
}
@media(max-width:767px){
    .count-item-title:after{
        width:30px;
        height:30px;
        font-size:17px
    }
}
.count-item-title--check{
    padding-left:65px;
    border-radius:10px;
    box-shadow:6.4px 15.8px 28.1px .9px rgba(85,85,85,.04);
    background-color:#fff
}
.count-item-title--check:after{
    content:"";
    width:26px;
    height:26px;
    background-image:url(assets/check-faq.webp);
    background-repeat:no-repeat;
    background-size:contain;
    background-position:50%;
    background-color:transparent
}
.count-item-content{
    padding:20px 20px 0
}
.bg-image-1{
    background-image:url(assets/bg-image-1.webp)
}
.bg-image-1,.bg-image-2{
    background-size:cover;
    background-position:50%;
    background-repeat:no-repeat;
    color:#fff
}
.bg-image-2{
    background-image:url(assets/bg-image-2.webp)
}
.bg-image-3{
    background-image:url(assets/bg-image-3.webp);
    background-size:cover;
    background-position:50%;
    background-repeat:no-repeat;
    color:#fff
}
.padding-60{
    padding:60px 0
}

@media(max-width:767px){
    .padding-60{
        padding:30px 0
    }
}
.about-bg{
    background-image:url(assets/about-bg.webp);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:50%;
    padding:60px 0;
    color:#fff
}
@media(max-width:767px){
    .about-bg{
        padding:30px 0
    }
}
.about-header{
    font-size:48px;
    font-weight:800;
    color:#fff;
    margin-bottom:10px;
    text-transform:uppercase
}
@media(max-width:767px){
    .about-header{
        font-size:30px
    }
}
.about-half-1{
    background-image:url(assets/about-half-1.webp);
    background-repeat:no-repeat;
    background-size:27%;
    background-position:94% 70%;
    padding:80px 0 0
}
@media(max-width:767px){
    .about-half-1{
        padding-top:30px;
        margin-bottom:20px;
        padding-bottom:260px;
        background-size:320px;
        background-position:50% 100%
    }
}
.about-half-2{
    background-image:url(assets/about-half-2.webp);
    background-repeat:no-repeat;
    background-size:21%;
    background-position:15% 50%;
    padding:40px 0
}
@media(max-width:767px){
    .about-half-2{
        padding-top:30px;
        padding-bottom:270px;
        background-size:320px;
        background-position:50% calc(100% - 20px)
    }
}
.about-half-3{
    background-image:url(assets/about-half-3.webp);
    background-repeat:no-repeat;
    background-size:22%;
    background-position:87% 10%;
    padding:30px 0 70px
}
@media(max-width:767px){
    .about-half-3{
        padding-top:30px;
        padding-bottom:220px;
        background-size:320px;
        background-position:50% calc(100% - 20px)
    }
}
input[type=checkbox]#popup{
    display:none
}
input[type=checkbox]#popup:checked~.modal{
    display:block!important;
    opacity:1;
    color:#000;
    background-color:rgba(0,0,0,.4)
}
.modalDialog{
    height:0;
    opacity:0;
    display:none
}
.modalDialog.open{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    height:100vh;
    position:fixed;
    font-family:Arial,Helvetica,sans-serif;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:rgba(0,0,0,.8);
    z-index:99999;
    opacity:1;
    transition:opacity .4s ease-in;
    pointer-events:none
}
.modalDialog.open .loading-text{
    padding-top:20px;
    font-weight:700;
    text-align:center;
    color:#fff
}
.modalDialog.open>div{
    width:100%;
    position:relative
}
.modalDialog.open>div .loading-spinner{
    position:absolute;
    top:50%;
    right:0;
    bottom:0;
    left:50%;
    margin:-35px 0 -35px -15px;
    text-align:center;
    -webkit-animation-duration:.75s;
    animation-duration:.75s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-name:rotate-forever;
    animation-name:rotate-forever;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    height:30px;
    width:30px;
    border:8px solid #fff;
    border-right-color:transparent;
    border-radius:50%;
    display:inline-block
}
@-webkit-keyframes rotate-forever{
    0%{
        -webkit-transform:rotate(0deg)
    }
    to{
        -webkit-transform:rotate(1turn)
    }
}
.modalDialog-white.open{
    display:block;
    height:100vh;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:hsla(0,0%,100%,.8);
    z-index:99999;
    opacity:1;
    transition:opacity .4s ease-in;
    pointer-events:none
}
.modalDialog-white.open .container{
    height:100%
}
.modal-country{
    padding:15px;
    color:#fff;
    text-align:center;
    font-weight:700;
    font-size:20px;
    display:flex;
    width:100%;
    height:100%;
    justify-content:center;
    align-items:center;
    position:relative;
    margin:0 auto!important;
    background-color:#fff;
    color:#000;
    height:calc(100% - 100px);
    top:50%;
    transform:translateY(-50%)
}
[data-error-status=inactive]{
    display:none
}
[data-error-status=active]{
    display:block
}
.form-group{
    position:relative
}
[data-check-icon]{
    position:absolute;
    right:5px;
    font-size:25px;
    line-height:1;
    top:50%;
    transform:translateY(-50%);
    color:#41ad48;
    align-items:center;
    justify-content:center
}
[data-check-icon] img{
    max-width:35px
}
[data-check-icon=active]{
    display:flex
}
[data-check-icon=inactive]{
    display:none
}
[data-for-error]{
    width:100%;
    font-weight:400;
    margin-top:.25rem;
    padding:5px;
    color:#fff;
    background-color:#eb162b;
    font-size:12px
}

html[dir=rtl] .list-check li:after{
    left:auto;
    right:0
}
html[dir=rtl] .group-text-more{
    padding-right:0;
    padding-left:30px
}
html[dir=rtl] .group-text-more:after{
    right:auto;
    left:0
}
html[dir=rtl] .faq-item-title{
    padding:5px 20px 5px 60px
}
html[dir=rtl] .faq-item-title:after{
    right:auto;
    left:20px
}
@media screen and (max-width:767px){
    html[dir=rtl] .faq-item-title:after{
        right:auto;
        left:10px
    }
}
html[dir=rtl] .info-item-title{
    padding:5px 20px 5px 60px
}
html[dir=rtl] .info-item-title:after{
    right:auto;
    left:20px
}
@media screen and (max-width:767px){
    html[dir=rtl] .info-item-title:after{
        right:auto;
        left:10px
    }
}
html[dir=rtl] .modalDialog.open>div .loading-spinner{
    left:auto!important;
    right:50%!important
}
html[dir=rtl] .input-wrapper input{
    padding-left:15px;
    padding-right:35px
}
html[dir=rtl] .input-wrapper i{
    left:auto;
    right:10px
}
html[dir=rtl] .row{
    justify-content:flex-end
}
html[dir=rtl] .footer-menu li{
    margin-left:0;
    margin-right:20px
}
@media(max-width:767px){
    html[dir=rtl] .footer-menu li{
        margin:0
    }
}
html[dir=rtl] [data-check-icon]{
    right:auto;
    left:5px
}
html[dir=rtl] .count-item-title{
    padding:15px 75px 15px 15px
}
html[dir=rtl] .count-item-title:after{
    left:auto;
    right:20px
}
.thankyou-main{
    display:flex;
    align-items:center;
    min-height:700px;
    padding:90px 0;
    background-image:url(assets/thankyou/thankyou.png);
    background-repeat:no-repeat;
    background-position:90% 50%;
    background-size:35%;
    line-height:1.25
}
@media(max-width:767px){
    .thankyou-main{
        padding-top:30px;
        padding-bottom:320px;
        background-size:320px;
        background-position:50% calc(100% - 15px);
        min-height:auto
    }
}
.thankyou-main-title{
    font-size:56px;
    font-weight:700;
    margin-bottom:25px
}
@media(max-width:767px){
    .thankyou-main-title{
        text-align:center;
        font-size:28px
    }
}
.thankyou-main-subtitle{
    font-size:26px
}
@media(max-width:767px){
    .thankyou-main-subtitle{
        text-align:center;
        font-size:20px
    }
}
.risk p{
    font-size:16px;
    color:#fff;
    line-height:1.6
}
.risk-popup-btn{
    border-radius:5px;
    padding:10px 15px;
    font-size:16px;
    font-weight:500;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    text-decoration:none!important;
    color:#fff!important;
    text-align:center;
    border:0;
    cursor:pointer;
    background-color:#50c307
}
.risk-popup-btn:hover{
    box-shadow:.3px 4px 29px 0 rgba(50,35,65,.1)
}
.dialog{
    display:none;
    position:fixed;
    z-index:33;
    bottom:5px;
    left:5px;
    right:5px;
    margin:0 auto;
    max-width:1230px;
    box-sizing:content-box;
    background-color:#fff;
    overflow:hidden;
    box-shadow:0 3px 10px rgba(0,0,0,.3);
    max-height:calc(100vh - 10px);
    overflow:auto
}
.dialog-header{
    background-color:#FFD500;
    padding:15px;
    margin-bottom:10px;
    position:relative;
    color:#fff;
    font-weight:700
}
.dialog-content{
    padding:15px
}
.dialog-close-over{
    position:absolute;
    right:20px;
    top:50%;
    transform:translateY(-50%);
    font-size:20px;
    font-weight:700;
    cursor:pointer;
    width:20px;
    text-align:center
}
.dialog-text{
    max-height:80px;
    overflow:hidden;
    position:relative
}
.dialog-text:after{
    content:"";
    display:block;
    width:100%;
    height:100%;
    bottom:0;
    left:0;
    background:linear-gradient(0deg,#fff,hsla(0,0%,100%,0));
    position:absolute;
    pointer-events:none
}
.dialog-text-more{
    font-size:16px;
    font-weight:800;
    line-height:1.5;
    color:#333;
    cursor:pointer;
    margin-top:5px;
    margin-bottom:0;
    position:relative;
    text-decoration:underline!important;
    display:inline-block
}
.dialog-text-wrap input[type=checkbox]{
    display:none
}
.dialog-text-wrap input[type=checkbox]:checked~.dialog-text{
    max-height:none
}
.dialog-text-wrap input[type=checkbox]:checked~.dialog-text:after{
    display:none
}
.dialog-text-wrap input[type=checkbox]:checked~.dialog-text-more{
    display:none!important
}
.dialog-all-button-row{
    padding:15px
}
.dialog-modal-check[type=checkbox]{
    display:none
}
.dialog-modal-check[type=checkbox]:checked~.dialog{
    display:block!important
}