/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

.ls-move-previous-btn {
    background-color: #231e52;
    color: #FFFFFF;
    line-height: 10px;
    border-width: 1px;
}

.ls-move-next-btn {
    background-color: #231e52;
    color: #FFFFFF;
    line-height: 10px;
    border-width: 1px;
}
.group-container {
    margin-top:-20px;
}
.top-container {
    display:none;
}


.hidden-xs {
    display:block !important ;
    
}
.logo-container img {
    max-height:70px;
}
.fa {
    font-size : 30px;
}

@media screen and (max-width: 600px) {
    .fa{
       font-size : 16px; 
    }
  .interest-points-outer-wrapper .marker
    {
        position: absolute;
        z-index: 100;
        height: 16px;
        width: 16px;
        border-radius: 50%;
        font-size: 100%;
        line-height: 5%;
        color: #FFFFFF;
        cursor: move;
    }
.interest-points-outer-wrapper .items-start {
        height: 22px;
        background: #D2D2D2;
    }
}

/* Code below added by Berk Koca at 14-10-2022 for Welcome Screen */

@font-face {
    font-family: Giljoy;
    src: url(https://boltinsight-images.s3.eu-west-1.amazonaws.com/assets/welcome-screen/Gilroy-Light.otf);
}

@font-face {
    font-family: GiljoySemibold;
    src: url(https://boltinsight-images.s3.eu-west-1.amazonaws.com/assets/welcome-screen/Gilroy-Semibold.otf);
}

.header svg {
    padding-top: 25px;
    padding-left: 25px;
}

.content {
    background-color: #ffffff;
    border-radius: 25px 25px 0 0;
    padding: 25px;
    padding-top: 15px;
    width: 100%;
    max-width: 420px;
    height: 100vh;
    margin: auto;
    font-family: Giljoy;
}

.image img {
    width: 100%;
    margin: 0 0 20px 0;
}

.summary {
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    background: #ffffff;
    padding: 20px;
    font-size: 14px;
    line-height: 25px;
}

.summary span {
    color: #1dc5ac;
    font-size: 18px;
    font-family: GiljoySemibold;
}

.welcoming h2 {
    font-family: GiljoySemibold;
    font-size: 18px;
}

.welcoming h4 {
    font-weight: 400;
    font-size: 16px;
    margin-top: -5px;
}

.start-survey-button {
    background: #1ed6bb;
    color: #ffffff;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    width: 100%;
    height: 44px;
    font-size: 16px;
}

.info {
    opacity: 0.4;
    margin-top: 25px;
    padding-bottom: 25px;
    font-size: 12px;
    font-weight: 400;
}

.info a {
    color: #000000;
}

.help {
    display: none;
    /* REMOVE THIS LINE TO SHOW HELP BUTTON */
    position: relative;
}

.modal {
    position: absolute;
    width: 100%;
    bottom: 110px;
    display: none;
}

.modal .item {
    background: #f5f5f5;
    padding: 25px;
    border-top: 1px solid #efefef;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
}

.modal .item:first-child {
    border-top: none;
}

.modal .item-content {
    background: #f5f5f5;
    padding: 0 25px 20px 25px;
    margin-top: -10px;
    overflow: hidden;
    display: none;
    font-size: 14px;
}

.modal .item-content span {
    opacity: 0.6;
}

.item:after {
    content: url("data:image/svg+xml,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.99993 0.571411L6.28564 4.85713L10.5714 0.571411L12.2856 1.42855L6.28564 7.42855L0.285645 1.42855L1.99993 0.571411Z' fill='%231ED6BB'/%3E%3C/svg%3E%0A");
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

.active:after {
    content: url("data:image/svg+xml,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.0001 7.42859L6.71436 3.14287L2.42864 7.42859L0.714356 6.57145L6.71436 0.571446L12.7144 6.57145L11.0001 7.42859Z' fill='%231ED6BB'/%3E%3C/svg%3E%0A");
}

#datasecurity_accepted_alternative {
    margin-right: 5px;
}

.privacy-policy-text {
    cursor: pointer;
}

.privacy-policy-before-text {
    font-weight: 300;
}

.privacy-policy-area {
    margin-top: 20px !important;
    display: none;
}

.privacy-error {
    color: red;
    display: none;
}

/* Code above added by Berk Koca at 14-10-2022 for Welcome Screen */