@media(max-resolution: 1.25dppx) {

    h1,
    h2,
    h3,
    h4,
    h5,
    p,
    span,
    ul,
    li,
    a {
        font-family: 'Sora', sans-serif;
        color: #343434;
    }

    button {
        font-size: 70% !important;
    }

    .nav-item>a {
        font-size: 70%;
    }

    .form-control::placeholder {
        color: #BABABA;
        font-family: 'Sora', sans-serif;
        font-size: 90%;
    }

    input {
        font-size: 70% !important;
    }

    p {
        font-size: 70%;
    }

    span {
        font-size: 70%;
    }

    .form-select {
        font-size: 70%;
    }

    h3 {
        font-size: 70%;
    }

    li>a {
        font-size: 70%;
    }

    li>p {
        font-size: 70%;
    }
}

h1,
h2,
h3,
h4,
h5,
p,
span,
ul,
li,
a {
    font-family: 'Sora', sans-serif;
    color: #343434;
}

body {
    background-color: #F1F2F4;
}

.nav-item>a:hover {
    color: #F1664D;
}

.form-control::placeholder {
    color: #BABABA;
    font-family: 'Sora', sans-serif;
    font-size: .875rem;
}

button.top {
    font-size: .875rem !important;
}

.mr7 {
    margin-right: 72px;
    margin-left: 72px;
}

.mt120 {
    margin-top: 120px;
}

.pt120 {
    padding-top: 120px;
}

.w164 {
    /* width: 164px; */
    width: 120px;
}

.pt-100 {
    padding-top: 100px;
}

b {
    font-weight: 600;
}

.f-w {
    color: #fff;
}

.f-turc {
    color: #69BBC4
}

.f-lgray {
    color: #787878;

}

.lh20 {
    line-height: 20px;
}

.lh24 {
    line-height: 24px;
}

.lh5 {
    line-height: 5px;
}


.f-gray {
    color: #343434;
}

.socials>a>img {
    /* max-height: 24px;
    max-width: 24px; */
    padding-right: 20px;
}

/* test */
.bg-pink {
    background-color: pink;
}

.bg-orange {
    background-color: orange;
}

.bg-red {
    background-color: red;
}

.bg-blue {
    background-color: blue;
}

.bg-turc {
    background-color: #69BBC4;
}

.bg-dark {
    background-color: #343434;
}

.bg-lightss {
    background-color: #F1F2F4;
}

.bg-white {
    background-color: #fff;
}

/* /test */
.txt {
    font-family: Sora;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    color: #343434;
}

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

.f-reg {
    font-weight: 400;
}

.f-10 {
    font-size: 0.625rem;
}

.f-14 {
    font-size: 0.8rem;
}

.f-12 {
    font-size: 0.75rem;
}

.f-16 {
    font-size: .9rem;
}

.f-24 {
    font-size: 1.3rem;
}

.pb-32 {
    padding-bottom: 32px;
}

.lh-24 {
    line-height: 24px;
}

.lh-32 {
    line-height: 32px;
}

.mt156 {
    margin-top: 156px;
}

.mt68 {
    margin-top: 68px;
}

h1 {
    font-family: Sora;
    font-size: 4.5rem;
    font-style: normal;
    line-height: 87px;
    /* 120.833% */
    letter-spacing: -1.44px;
}

h2 {
    font-family: Sora;
    font-size: 3rem;
    font-style: normal;
    line-height: 56px;
    /* 116.667% */
    letter-spacing: -0.96px;
}

h3 {
    font-family: Sora;
    font-size: 2.25rem;
    font-style: normal;
    line-height: 44px;
    /* 122.222% */
}

h4 {
    font-family: Sora;
    font-size: 1.5rem;
    font-style: normal;
    line-height: 32px;
    /* 133.333% */
}

p {
    font-family: Sora;
    font-size: 0.8rem;
    font-style: normal;
    line-height: 20px;
    /* 142.857% */
}

.logo {
    width: 99px;
    margin-right: 150px;
}

.navbar {
    padding-left: 72px;
    padding-right: 72px;
    position: fixed;
    left: 0;
    background-color: #F1F2F4;
    width: 100%;
    z-index: 2;
}

.navbar-nav {
    align-items: flex-end;
    text-align: right;
    margin-left: auto;
    justify-content: flex-end;
}

.search-basic {
    min-height: 40px;
    position: relative;
    z-index: 99;
}

span#basic-addon {
    background-color: #fff;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    z-index: 2;
}

.input-group-text {
    border: none;
}

.form-control {
    border: none;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    font-family: 'Sora', sans-serif;
}

.form-control:focus {
    outline: none;
    box-shadow: none;
}

.form-control::placeholder {
    color: #BABABA;
    font-family: 'Sora', sans-serif;
}

#subtxt {
    font-size: 0.875rem;
    line-height: 25px;
}

.recom {
    width: 154px;
    height: 128px;
    line-height: 128px;
    border-radius: 20px;
    margin: 0 auto;
}

.recom>p {
    vertical-align: middle;
}

.t-box {
    max-width: 830px;
    margin: 0 auto;
}

.card {
    border: none;
    border-radius: 20px;
    max-width: 240px;
}

.card-img>img {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    height: 250px;
    object-fit: cover;
}

.card-content {
    padding: 24px 32px;
}

.card-text {
    width: 100%;
}

.card-text>.txt {
    max-width: 137px;
}

.arrow {}

.arrow>img {
    height: 19px;
    width: 23px;
    margin-left: 13px;
    margin-top: 75px;
}

.txt {
    display: inline-block;
    float: left;
}

.inline {
    display: inline-block;
}

.block {
    display: block;
}

#push {
    padding-top: 89px;
}

.container.small {
    max-width: 1120px;
}

.slide-lg-chest {
    /* background-image: url('/clients/storia/trai-v2/img/new1.jpeg'); */
    min-width: 660px;
    height: 400px;
    border-radius: 20px;
    border-radius: 20px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url('/clients/storia/trai-v2/img/new1.jpeg'), lightgray 50% / cover no-repeat;
    background: linear-gradient(0deg, color(display-p3 0 0 0 / 0.20) 0%, color(display-p3 0 0 0 / 0.20) 100%), url('/clients/storia/trai-v2/img/new1.jpeg'), lightgray 50% / cover no-repeat;
    background-size: contain;
}

.slide-lg-2 {
    /* background-image: url('/clients/storia/trai-v2/img/new1.jpeg'); */
    min-width: 660px;
    height: 400px;
    border-radius: 20px;
    border-radius: 20px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url('/clients/storia/trai-v2/img/new3.jpeg'), lightgray 50% / cover no-repeat;
    background: linear-gradient(0deg, color(display-p3 0 0 0 / 0.20) 0%, color(display-p3 0 0 0 / 0.20) 100%), url('/clients/storia/trai-v2/img/new3.jpeg'), lightgray 50% / cover no-repeat;
    background-size: 700px;
}

.slide-cont {
    padding: 32px
}

.button {
    display: flex;
    height: 44px;
    padding: 0.75rem 24px;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    border: none;
    border-radius: 32px;
    background: #FF5A42;
}

.slide-sm {
    min-width: 328px;
    height: 400px;
    border-radius: 20px;
    border-radius: 20px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url('/clients/storia/trai-v2/img/new2.png'), lightgray 50% / cover no-repeat;
    background: linear-gradient(0deg, color(display-p3 0 0 0 / 0.20) 0%, color(display-p3 0 0 0 / 0.20) 100%), url('/clients/storia/trai-v2/img/new2.png'), lightgray 50% / cover no-repeat;
    background-size: contain;
}

.slide-sm2 {
    min-width: 328px;
    height: 400px;
    border-radius: 20px;
    border-radius: 20px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url('/clients/storia/trai-v2/img/lvl.png'), lightgray 50% / cover no-repeat;
    background: linear-gradient(0deg, color(display-p3 0 0 0 / 0.20) 0%, color(display-p3 0 0 0 / 0.20) 100%), url('/clients/storia/trai-v2/img/lvl.png'), lightgray 50% / cover no-repeat;
    background-size: cover;
    background-position: top;
}

.slide-full {
    min-width: 100%;
    height: 400px;
    border-radius: 20px;
    border-radius: 20px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url('/clients/storia/trai-v2/img/new4.png'), lightgray 50% / cover no-repeat;
    background: linear-gradient(0deg, color(display-p3 0 0 0 / 0.20) 0%, color(display-p3 0 0 0 / 0.20) 100%), url('/clients/storia/trai-v2/img/new4.png'), lightgray 50% / cover no-repeat;
    background-size: 690px;
}

.w32 {

    display: inline;
    padding-right: 75px;
}

.switch-container {
    width: 100%;
    border-radius: 50px;
    height: 70px;
}

.tab {
    display: inline-block;
    padding: 4px 4px;
    align-items: center;
    height: 62px;
    width: 100%;
    border-radius: 50px;
    text-align: center;
    margin: 4px;

}

.tab:hover {
    cursor: pointer;
}

.tab.active {
    background-color: #69BBC4;
}

.tab-oras.active {
    background-color: #69BBC4;
}

.tab.active>h4 {
    color: #fff;
}

.tab-oras.active>h4 {
    color: #fff;
}

.tab>h4 {
    line-height: 62px;
    vertical-align: bottom;
}


.accordion-button:not(.collapsed) {
    color: #343434;
    background-color: #fff;
    /* box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); */
}

.accordion {
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: var(--bs-body-bg);
    --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: var(--bs-border-width);
    --bs-accordion-border-radius: var(--bs-border-radius);
    --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    /* --bs-accordion-btn-focus-border-color: #86b7fe; */
    /* --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); */
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: var(--bs-primary-text-emphasis);
    --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}

.accordion-button:focus {
    z-index: 3;
    /* border-color: var(--bs-accordion-btn-focus-border-color); */
    outline: 0;
    /* box-shadow: var(--bs-accordion-btn-focus-box-shadow); */
}

.accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0, 0, 0, .125);
}

.accordeon-icon {
    margin-right: 0.625rem;
}

.accordion-item {
    border-bottom: none;
    margin-bottom: 20px;
}

.hug {
    max-width: 124px;
    display: inline-block;
    margin-right: 40px;
}

.hug>img {
    padding-bottom: 0.625rem;
}

.bg-kiwi {
    background-image: url('/clients/storia/trai-v2/img/kiwi-bg.jpeg');
    /* background-image: url('/img/kiwi-bg.jpeg'); */
    background-position: bottom;
    background-size: 1300px;
    background-position: right;
}

.kiwi-cont {
    border-radius: 20px;
    min-height: 260px;
    padding: 32px;
}

.divider {
    border-right: 1px solid #BABABA;
}

.footer-txt-cont {
    padding-right: 90px;
}

.list-container {
    padding-left: 40px;
}

.top-r {
    border-top-right-radius: 50px;
}

.top-l {
    border-top-left-radius: 50px;
}

.chart-container {
    /* max-width: 970px;
   max-height: 970px; */
    float: right;
}

#stores {
    min-width: 100px;
}

.hide {
    display: none !important;
}

a {
    text-decoration: none;
}

.show {
    display: block;
}

ul>li {
    list-style: none;
    padding-top: 1rem;
}

ul.navbar-nav>li {
    list-style: none;
    padding-top: 0px;
}

ul#search-res-list>li {
    list-style: none;
    padding-top: 0.625rem;
}

ul#search-res-list {
    /* background-color: orange; */
}

.pb-32 {
    padding-bottom: 22px;
}

.arrow>img {
    height: 19px;
    width: 23px;
    margin-left: 13px;
    margin-top: 15px;
}

.card-text {
    /* min-height: 200px; */
    /* display: none; */
}

.card-title {
    min-height: 190px;
}

button.navbar-toggler {
    border: none;
}

.mob-show {
    display: none;
}

.mob-show-inline {
    display: inline;
}

.row.bg-white {
    border-radius: 50px;
}

.search-list>.search-list-rad {
    margin-top: -37px;
}



#search-res-list {
    position: relative;
    z-index: 1;
    padding-top: 22px;
}

.search-res {
    padding: 0px 0.75rem;
    padding: 0px 0.75rem;
    max-height: 330px;
    overflow: scroll;
    /* padding-top: 20px; */
}

.search-list-rad {
    border-radius: 25px;
}

.search-list {
    animation: search-fade .5s ease 0s 1 normal forwards;
    margin-top: -13px;
    padding-left: 15px;
    padding-right: 15px;
}

.to-top {
    animation: search-fade .5s ease 0s 1 normal forwards;
    margin-top: -9px;
    padding-left: 15px;
    padding-right: 15px;
    position: fixed !important;
    z-index: 1;
    top: 84px;
    width: 340px;
    left: 160px;
}

#sticky-list.to-top {
    animation: search-fade .5s ease 0s 1 normal forwards;
    margin-top: -1rem;
    padding-left: 15px;
    padding-right: 15px;
    position: fixed !important;
    z-index: 98;
    top: 115px;
    width: 340px;
}

li.result {
    cursor: pointer;
    font-size: 0.875rem;
}

.anim-accorion {
    animation: accordion-fade .5s ease 0s 1 normal forwards;
}

@keyframes search-fade {
    0% {
        opacity: 0;
        transform: translateY(-50px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes accordion-fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.top-search {
    left: 185px;
    z-index: 2;
    top: 0.75rem;
    position: fixed;
    width: auto;
}

#top-sticky.top-search {
    left: 195px;
    z-index: 99;
    top: 15px;
    position: fixed;
    width: auto;
}

.ml-72 {
    margin-left: 72px;
}

button.top {
    background: transparent;
}

button.tooltips {
    background: transparent;
}

button.top-active {
    min-height: 40px;
    border: none;
    background-color: #fff;
    border-radius: 5px;
    font-family: 'Sora', sans-serif;
    font-size: 1rem;
    color: #F1664D;
}

button.top#select-oras {
    margin-right: 15px;
}

button.voice-btn {
    background: transparent;
}

button.trai-btn {
    background: transparent;
}

button.voice-btn-detail {
    background: transparent;
}

button.voice-btn-comp {
    background: transparent;
}

button.trai-btn-comp {
    background: transparent;
}

button.filter {
    background: transparent;
}

img#c-off {
    background: transparent;
}

img#v-off {
    background: transparent;
}

button.trai-btn-detail {
    background: transparent;
}

button.top#compara {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-left: 40px;
}

button.tooltips {
    min-height: 40px;
    border: none;
    /* background-color: #fff;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; */
}

button.tooltips-small {
    /* min-height: 40px; */
    border: none;
    background: transparent;
    /* background-color: transparent; */
    /* background-color: #fff;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; */
}

li>label>button.tooltips-small {
    /* min-height: 40px; */
    border: none;
    background-color: transparent;
    /* background-color: #fff;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; */
}

.top {
    font-family: 'Sora', sans-serif;
    font-size: 1rem;
    border: none
}

.custom-tooltip {
    background-color: #343434;
    color: #fff;
}

button.btn-hollow {
    min-width: 45px;
    border: 1px solid #fff;
    color: #343434;
    font-family: 'Sora', sans-serif;
    font-size: 1rem;
    padding: 5px, 1rem, 4px, 1rem;
    border-radius: 5px;
}

.hollow-active {
    background-color: #fff !important;
    color: #F1664D !important;
}


/* toggle switch */

.toggle-switch {
    /* margin: 40px; */
}

.toggle-switch,
.toggle-switch .toggle-knob {
    transition: all 0.2s ease-in;
}

.toggle-switch {
    display: inline-block;
    width: 43px;
    height: 20px;
    background-color: #bababa;
    border: 1px solid #d2d6de;
    border-radius: 30px;
    transform: scale(1.2);
    cursor: pointer;
}

.toggle-switch .toggle-knob {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin: 1px 1px;
    background-color: #ffffff;
    border: solid 1px rgba(126, 126, 126, 0.07);
    border-radius: 50px;

}

.toggle-switch.active {
    background-color: #69BBC4;
    border: solid 1px transparent;
}


.toggle-switch.active .toggle-knob {
    margin-left: 24px;
}

ul.switch-list {
    padding-left: 0px;
}

ul.switch-list>li>label {
    display: inline;
    /* float: left; */
}

ul.switch-list>li>input {
    display: inline-block;
    width: 100px;
    float: right;
}

input[type="range"]:focus {
    outline: none;
}

input[type="range"]::-webkit-slider-thumb {
    border: 1px solid #F1664D;
    background-color: #fff;
}

.dispacher>.form-select {
    display: inline-block;
    width: 300px;
    font-family: 'Sora', sans-serif;
    font-weight: 700;
    color: #69BBC4;

}

.dispacher>.form-select:focus {
    box-shadow: none;
}

.dispatch-link>button.newbutton {
    height: 44px;
    padding: 0.75rem 24px;
    border: none;
    border-radius: 32px;
    background: #FF5A42;
    font-family: 'Sora', sans-serif;
    font-weight: 600;
    color: #fff;
    width: 400px;
}

.f-orange {
    color: #F1664D
}

.f-36 {
    font-size: 2.25rem;
}

small {
    font-size: 0.875rem;
}

.f-sbold {
    font-weight: 600;
}

.tooltip-inner {
    background-color: #fff;
    color: #343434;
    border-radius: 0px;
}

.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: #fff;
    border: none;
}

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: #fff;
    border: none;
}

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: #fff;
    border: none;
}

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: #fff;
    border: none;
}

/* pills */
.pill {
    display: inline-block;
}

.pills-container>.pill>.pill-btn {
    height: 60px;
    width: 4px;
    background-color: #22B24B;
    padding-right: 1px;
    margin-right: 1px;
    border: none;
}

.left {
    display: inline-block;
    float: left;
}

.right {
    float: right;
}

.comp-card {
    min-width: 170px;
    border-radius: 0.625rem;
    padding: 0.625rem;
}

.f-600 {
    font-weight: 600;
}

.lh-14 {
    line-height: 0.875rem;
}

.rating {
    min-height: 32px;
    border-radius: 5px;
}

.f-red {
    color: #FF5A42
}

.btn-success {
    background-color: #b4dde1;
    border: none;
    border-radius: 5px;
    width: 100%;
    text-align: left;
    font-weight: 600;
    margin-left: 0px;
    cursor: default;
}

.btn-success:hover {
    background-color: #49B969;
}

.filter {
    border: none;
}

.br-10 {
    border-radius: 0.625rem;
}

ul.switch-list>li>input[type=checkbox] {
    display: inline-block;
    width: 1rem;
    float: right;
    border: 1px solid #000;
    accent-color: pink;
}

.table-container {
    border: 2px solid #fff;
    border-radius: 15px;
    padding: 20px;
    padding-top: 40px;
}

.highlight {
    background-color: #A9DEE2;
    padding: 5px;
}

.nohighlight {
    /* background-color: #A9DEE2; */
    padding: 5px;
}


/* chestionar */

.qnum {
    float: right;
}

#range-questions[type=range][orient=vertical] {
    appearance: slider-vertical;
    width: 1rem;
    height: 350px;
    padding: 0 5px;
    accent-color: #69BBC4;
    box-shadow: none;
}

#range-questions.q22[type=range][orient=vertical] {
    appearance: slider-vertical;
    width: 1rem;
    height: 150px;
    padding: 0 5px;
    accent-color: #69BBC4;
    box-shadow: none;
}

#range-questions.q21[type=range][orient=vertical] {
    appearance: slider-vertical;
    width: 1rem;
    height: 280px;
    padding: 0 5px;
    accent-color: #69BBC4;
    box-shadow: none;
}

#range-questions.q20[type=range][orient=vertical] {
    appearance: slider-vertical;
    width: 1rem;
    height: 280px;
    padding: 0 5px;
    accent-color: #69BBC4;
    box-shadow: none;
}

#range-questions.q19[type=range][orient=vertical] {
    appearance: slider-vertical;
    width: 1rem;
    height: 280px;
    padding: 0 5px;
    accent-color: #69BBC4;
    box-shadow: none;
}

#range-questions.q18[type=range][orient=vertical] {
    appearance: slider-vertical;
    width: 1rem;
    height: 150px;
    padding: 0 5px;
    accent-color: #69BBC4;
    box-shadow: none;
}

#range-questions.q16[type=range][orient=vertical] {
    appearance: slider-vertical;
    width: 1rem;
    height: 280px;
    padding: 0 5px;
    accent-color: #69BBC4;
    box-shadow: none;
}





#qs>p {
    padding-bottom: 30px;
    font-size: 1rem;
}

.next-q {
    height: 44px;
    padding: 0.75rem 24px;
    border: none;
    border-radius: 32px;
    background: #FF5A42;
    font-family: 'Sora', sans-serif;
    font-weight: 600;
    color: #fff;
}

.hello>img {
    border-radius: 0.625rem;
}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
}

/* //chestionar */




















.desk-hide {
    display: none;
}

.btn-compare {
    width: 100px;
    padding: 8px;
    background: #69BBC4;
    border: none;
    border-radius: 0.625rem;
    min-height: 64px;
    font-size: 0.875rem;
}

.btn-compare:hover {
    background: #69BBC4;
    border: none;
    box-shadow: none;
}

#apply-compare.btn-compare-go {
    width: 100px;
    padding: 8px;
    background: #F1664D;
    border: none;
    border-radius: 0.625rem;
    min-height: 64px;
    font-size: 0.875rem;
}

#art1 {
    margin-top: 7rem;
}

#art2 {
    margin-top: 200px;
}

#art3 {
    margin-top: 150px;
}

#art6 {
    margin-top: 200px;
}

#art4 {
    margin-top: 7rem;
}

#art5 {
    margin-top: 190px;
}

#m-art4 {
    margin-top: 92px;
}

img#inst1 {
    border-top-left-radius: 20px;
}

img#inst3 {
    border-top-right-radius: 20px;
}

img#inst4 {
    border-bottom-left-radius: 20px;
}

img#inst6 {
    border-bottom-right-radius: 20px;
}

img.insta-img {
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 4px;
}

.carousel-indicators {
    bottom: -60px;
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 50%;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    /* background-color: rgb(34 164 183); */
    background: transparent;
    background-clip: padding-box;
    border: 2px solid rgb(34 164 183);
    opacity: 1;
    transition: opacity .6s ease;
}

.carousel-indicators>button.active {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 50%;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgb(34 164 183);
    background-clip: padding-box;
    /* border: 2px solid rgb(34 164 183); */
    opacity: 1;
    transition: opacity .6s ease;
}

li>label {
    font-size: 0.8rem;
}


.form-select {
    font-size: 1rem;
}

@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        /* max-width: 1440px; */
    }

    .modal-dialog {
        width: 500px;
    }

    ul.navbar-nav {
        width: 100%;
    }

    .hello>img {
        width: 300px;
    }
}

@media (max-width: 1366px) {
    h2 {
        font-size: 2rem;
    }

    li>label {
        font-size: .7rem !important;
    }

    h4 {
        font-size: 1.25rem;
    }

    ul.navbar-nav {
        width: 100%;
        padding-left: 90px;
    }

    .modal-dialog {
        width: 500px;
    }

    .navbar-nav {
        align-items: flex-start;
        text-align: right;
        margin-left: auto;
        justify-content: flex-end;
    }

    li.nav-item {
        padding-right: 5px;

    }

    .nav-item>a {
        font-size: 11px;
    }

    .recom {
        width: 100px;
        height: 128px;
        line-height: 128px;
        border-radius: 20px;
        text-align: center;
    }

    canvas#areaChart {
        /* max-width: 400px; */
    }

    .w32 {
        padding-right: 6px;
    }

    img#anunt {
        width: 100%;
    }

    .socials>img {
        padding-right: 22px;
    }

    .inline {
        padding-right: 3px !important;
    }

    .fullw-mob {
        padding-left: 0px;
    }

    #radarChart {
        width: 450px;
        height: 450px;
    }

    .row.hero {
        margin-right: 0px;
    }
}

@media (max-width: 1200px) {

    /* .col.w164{
        display: none;
    } */
    #subtxt {
        font-size: 1rem;
        line-height: 25px;
    }

    .form-control::placeholder {
        color: #BABABA;
        font-family: 'Sora', sans-serif;
        font-size: 0.75rem;
    }

    .arrow>img {
        display: none;
    }

    .socials>a>img {
        padding-right: 0.75rem;
    }
}

@media (max-width: 1024px) {
    .f-24 {
        font-size: 1.125rem;
        ;
    }

    .card-title {
        min-height: 160px;
    }

    .pb-32 {
        padding-bottom: 22px;
    }

    ul.navbar-nav {
        width: 100%;
    }

    .arrow>img {
        height: 19px;
        width: 23px;
        margin-left: 13px;
        margin-top: 0px;
    }

    .col>.mason-slide {
        padding-bottom: 25px;
    }

    .col.mason {
        padding-bottom: 0px;
    }

    .tab {
        display: inline-block;
        padding: 4px 32px;
        align-items: center;
        height: 62px;
        width: 475px;
        border-radius: 50px;
        text-align: center;
        margin: 4px;
    }

    .txt {
        font-family: Sora;
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
        color: #343434;
    }

    canvas#areaChart {
        max-width: 350px;
    }

    .mt120 {
        margin-top: 60px;
    }

    /* .top-search{
        max-width: 300px;
    } */
    h3.welcome {
        font-size: 1.5rem;
    }

    .trai-switches {
        padding-right: 0px;
    }

    .hero-oras {
        display: none;
    }

    .tab-oras {
        display: inline-block;
        padding: 4px 4px;
        align-items: center;
        height: 38px;
        width: 100%;
        border-radius: 50px;
        text-align: center;
        margin: 4px;
    }

    .tab-oras>h4 {
        font-size: 1.125rem;
        ;
    }

    .nopad {
        padding-left: 0px;
        padding-right: 0px;
    }

    .mob-show {
        display: block;
    }

    .mob-hide {
        display: none;
    }

    .fullw-mob {
        margin: 0 auto;
    }

    .col-4.fullw-mob {
        flex: 0 0 auto;
        width: 100%;
    }

    .row.hero {
        margin-right: 72px;
    }

    .top-search {
        position: fixed;
        top: 0.625rem;
        left: 15%;
        width: 70%;
        z-index: 99;
    }

    .search-list {
        position: fixed;
        top: 69px;
        left: 15%;
        width: 73%;
        z-index: 99;
        z-index: 99;
    }

    th#table-filter>span {
        background-color: #69BBC4;
        padding: 0px 0.75rem;
        border-radius: 5px;
    }

    .table-mob {
        background-color: #F1F2F4;
    }

    .table-mob>:not(caption)>*>* {
        background-color: #F1F2F4;
        border-bottom-width: 0px
    }

    .desk-hide {
        display: flex;
    }

    .navbar {
        background-color: #F1F2F4;
        z-index: 99;
        position: fixed;
        width: 100%;
        left: 0px;
    }

    button#apply {
        border: none;
        background-color: #F1664D;
        color: #fff;
        border-radius: 32px;
        min-width: 120px;
        font-weight: 700;
        float: right;
    }

    button#do-filter {
        border: none;
        background-color: #F1664D;
        color: #fff;
        border-radius: 32px;
        min-width: 120px;
        font-weight: 700;
        font-style: 0.875rem;
        float: right;
    }

    button#reset {
        border: none;
        background-color: transparent;
        color: #F1664D;
        font-weight: 700;
        font-style: 0.875rem;
        float: left;
    }

    .modal-footer {
        display: block;
    }

    .placebottom {
        position: fixed !important;
        top: auto;
        right: auto;
        left: auto;
        bottom: 0;
        width: 100%;
        padding-right: 1rem;
        max-height: 53vh;
    }

    .tab {
        display: inline-block;
        padding: 4px 32px;
        align-items: center;
        height: 62px;
        width: 447px;
        border-radius: 50px;
        text-align: center;
        margin: 4px;
    }

    .caret.caret-reversed {
        border-bottom: 20px solid #dde0e4;
        border-left: 0.625rem solid rgba(0, 0, 0, 0);
        border-right: 0.625rem solid rgba(0, 0, 0, 0);
        content: "";
        display: inline-block;
        height: 0;
        vertical-align: top;
        width: 0;
        transform: rotate(180deg);
    }

    .mobile-pill {
        /* background-color: #22B24B; */
        border-radius: 19px;
        height: 56px;
        width: 32px;
    }

    span.big {
        font-family: 'Sora', sans-serif;
        font-size: 1.5rem;
        color: transparent;
        font-weight: 600;
        position: relative;
        top: 5px
    }

    span.smol {
        font-family: 'Sora', sans-serif;
        font-size: 0.75rem;
        color: transparent;
        font-weight: 600;
        position: relative;
        top: -5px;
    }

    .is-center>p>span.big {
        font-family: 'Sora', sans-serif;
        font-size: 1.5rem;
        color: #fff;
        font-weight: 600;
        position: relative;
        top: 13px
    }

    .is-center>p>span.smol {
        font-family: 'Sora', sans-serif;
        font-size: 0.75rem;
        color: #fff;
        font-weight: 600;
        position: relative;
        top: 0.625rem;
    }

    .is-center {
        width: 3rem !important;
        height: 82px !important;
        padding: 9px;
        /* background-color: #22B24B; */
        border-radius: 19px;
        animation: pill-grow .1s ease 0s 1 normal none;
    }

    .nice-rank {
        /* display: block; */
    }

    .vcenter {
        display: flex;
        align-items: center;
        animation: pill-shrink .1s ease 0s 1 normal none;
        padding: 0px;
        margin-right: 0.75rem;

    }

    .pills-list {
        scroll-behavior: smooth;
    }

    .btn-compare {
        width: 100px;
        padding: 8px;
        background: #69BBC4;
        border: none;
        border-radius: 0.625rem;
        min-height: 64px;
        /* font-size: 2rem; */
    }

    #apply-compare.btn-compare-go {
        width: 100px;
        padding: 8px;
        background: #F1664D;
        border: none;
        border-radius: 0.625rem;
        min-height: 64px;
        /* font-size: 2rem; */
    }

    .tab {
        display: inline-block;
        padding: 4px 4px;
        align-items: center;
        height: 62px;
        width: 100%;
        border-radius: 50px;
        text-align: center;
        margin: 4px;
    }

    .tab.active {
        background-color: #69BBC4;
    }

    .tables {
        margin-right: 72px;
        margin-left: 72px;
    }




}


@media (max-width: 991px) {

    #range-questions.q22[type=range][orient=vertical] {
        appearance: slider-vertical;
        width: 1rem;
        height: 120px;
        padding: 0 5px;
        accent-color: #69BBC4;
        box-shadow: none;
    }

    p#subtxt {
        margin: 0 auto
    }

    #range-questions.q21[type=range][orient=vertical] {
        appearance: slider-vertical;
        width: 1rem;
        height: 220px;
        padding: 0 5px;
        accent-color: #69BBC4;
        box-shadow: none;
    }

    #range-questions.q20[type=range][orient=vertical] {
        appearance: slider-vertical;
        width: 1rem;
        height: 220px;
        padding: 0 5px;
        accent-color: #69BBC4;
        box-shadow: none;
    }

    #range-questions.q19[type=range][orient=vertical] {
        appearance: slider-vertical;
        width: 1rem;
        height: 220px;
        padding: 0 5px;
        accent-color: #69BBC4;
        box-shadow: none;
    }

    #range-questions.q18[type=range][orient=vertical] {
        appearance: slider-vertical;
        width: 1rem;
        height: 120px;
        padding: 0 5px;
        accent-color: #69BBC4;
        box-shadow: none;
    }

    #range-questions.q16[type=range][orient=vertical] {
        appearance: slider-vertical;
        width: 1rem;
        height: 220px;
        padding: 0 5px;
        accent-color: #69BBC4;
        box-shadow: none;
    }



    .slide-title>h3 {
        font-size: 1.25rem;
    }

    .navbar {
        padding-right: 17px;
        padding-left: 17px;
    }

    .tables {
        margin-right: 0px;
        margin-left: 0px;
    }

    .navbar-brand {
        margin-right: 0px;
        ;
    }

    .welcome {
        text-align: center;
    }

    .mob-hide {
        display: none;
    }

    li.result>p {
        font-size: 0.875rem;
    }

    li.result>span {
        font-size: 0.75rem;
    }

    .mr7 {
        margin-left: 0.625rem;
        margin-right: 0.625rem;
    }

    .fullw-mob {
        width: 100% !important;
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

    .recom {
        margin: 0 auto;
    }

    .pt-5 {
        padding-top: 1rem !important;
    }

    .card-container {
        margin-bottom: 20px;
        width: 150px;
    }

    #push {
        padding-top: 69px;
    }

    .card {
        border: none;
        border-radius: 20px;
        max-width: 171px;
    }

    .card-content {
        padding: 0.875rem 0.875rem;
    }

    .slide-lg-chest {
        /* background-image: url(/clients/storia/trai-v2/img/new1.jpeg); */
        min-width: 328px;
        height: 400px;
        border-radius: 20px;
        border-radius: 20px;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url(/clients/storia/trai-v2/img/new3.jpeg), lightgray 50% / cover no-repeat;
        background: linear-gradient(0deg, color(display-p3 0 0 0 / 0.20) 0%, color(display-p3 0 0 0 / 0.20) 100%), url(/clients/storia/trai-v2/img/new3.jpeg), lightgray 50% / cover no-repeat;
        background-size: cover;
        background-position: right;
    }

    .slide-lg-2 {
        /* background-image: url(/clients/storia/trai-v2/img/new1.jpeg); */
        min-width: 328px;
        height: 400px;
        border-radius: 20px;
        border-radius: 20px;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url(/clients/storia/trai-v2/img/new1.jpeg), lightgray 50% / cover no-repeat;
        background: linear-gradient(0deg, color(display-p3 0 0 0 / 0.20) 0%, color(display-p3 0 0 0 / 0.20) 100%), url(/clients/storia/trai-v2/img/new1.jpeg), lightgray 50% / cover no-repeat;
        background-size: cover;
        background-position: right;
    }

    .slide-sm {
        min-width: 328px;
        height: 400px;
        border-radius: 20px;
        border-radius: 20px;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url('/clients/storia/trai-v2/img/new2.png'), lightgray 50% / cover no-repeat;
        background: linear-gradient(0deg, color(display-p3 0 0 0 / 0.20) 0%, color(display-p3 0 0 0 / 0.20) 100%), url('/clients/storia/trai-v2/img/new2.png'), lightgray 50% / cover no-repeat;
        background-size: cover;
        background-position: bottom;
    }

    .slide-sm2 {
        min-width: 328px;
        height: 400px;
        border-radius: 20px;
        border-radius: 20px;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url('/clients/storia/trai-v2/img/lvl.png'), lightgray 50% / cover no-repeat;
        background: linear-gradient(0deg, color(display-p3 0 0 0 / 0.20) 0%, color(display-p3 0 0 0 / 0.20) 100%), url('/clients/storia/trai-v2/img/lvl.png'), lightgray 50% / cover no-repeat;
        background-size: cover;
        background-position: top;
    }

    .mob-show {
        display: block;
    }

    .mob-show-inline {
        display: inline;
    }

    h3 {
        font-size: 1.5rem;
    }

    .mason-slide {
        max-width: 31rem;
    }

    p.f-24 {
        font-size: 0.875rem;
    }

    .tab {
        display: inline-block;
        padding: 4px 4px;
        align-items: center;
        height: 62px;
        width: 100%;
        border-radius: 50px;
        text-align: center;
        margin: 4px;
    }

    .tab>h4 {
        font-size: 0.875rem;
    }

    .txt {
        font-size: 0.875rem;
    }

    .hug {
        max-width: 124px;
        display: inline-block;
        margin-right: 30px;
    }

    .stor {
        padding-left: 35px;
    }

    .pt120 {
        padding-top: 60px;
    }

    .cauta {
        padding-bottom: 20px;
    }

    img#anunt {
        width: auto;
    }

    .kiwi-cont>h4 {
        font-size: 1rem;
    }

    .kiwi-cont>p {
        font-size: 0.875rem;
    }

    .divider {
        border-right: none;
        border-bottom: 1px solid #BABABA;
        margin-bottom: 20px;
    }

    .list-container {
        padding-left: 0px;
    }

    ul#footerlist {
        padding-left: 0px !important;
    }

    ul>li {
        font-size: 0.875rem !important;
    }

    .line {
        border-top: 1px solid #BABABA;
        text-align: center;
    }

    .copyw {
        text-align: center;
        border-bottom: 1px solid #fff;
    }

    .socials {
        padding: 20px 0px;
    }

    .inline.pe-3>p {
        font-size: 0.625rem;
    }

    .inline.pe-3 {
        padding-top: 0.625rem;
    }

    .t-box>h4 {
        font-size: 1rem;
    }

    .txt>p {
        font-size: 0.875rem;
    }

    .card-title {
        min-height: 145px;
    }

    .card-title>h4 {
        font-size: 0.875rem;
        text-align: left;
    }

    .card-title.pb-32 {
        padding-bottom: 0.625rem;
    }

    .card-content {
        padding: 0.625rem 0.875rem;
    }

    .slide-title>h4 {
        font-size: 1rem;
    }

    input {
        font-size: 0.875rem !important;
    }

    .search-res {
        padding: 0px 0.75rem;
    }

    .search-list {
        margin-top: -0.625rem;
        /* z-index: 999;
        position: absolute;
        width: 88%;
        border-radius: 20px; */
    }

    li.result {
        cursor: pointer;
        font-size: 0.875rem;
    }

    .top-search {
        position: fixed;
        top: 0.625rem;
        left: 23%;
        width: 60%;
        z-index: 99;
    }

    #top-sticky.top-search {
        left: 102px;
        z-index: 99;
        top: 9px;
        position: fixed;
        /* width: auto; */
        width: 200px;
    }

    .logo {
        width: 65px;
    }

    .form-control::placeholder {
        color: #BABABA;
        font-family: 'Sora', sans-serif;
        font-size: 0.75rem;
    }

    .search-list {
        position: fixed;
        top: 85px;
        z-index: 99;
        right: auto;
        width: 100%;
        left: auto;
        z-index: 90;
    }

    #sticky-list.to-top {
        animation: search-fade .5s ease 0s 1 normal forwards;
        margin-top: -1rem;
        padding-left: 15px;
        padding-right: 15px;
        position: fixed !important;
        z-index: 98;
        top: 111px;
        width: inherit;
    }

    #search-res-list {
        /* padding-top: 50px; */
        margin-bottom: 0.625rem;
    }

    #home-list.search-list {
        position: relative;
        top: 0;
        left: inherit;
        width: auto;
        z-index: 1;
    }

    #home-list.search-list.to-top {
        position: relative;
        top: 80px;
        left: inherit;
        width: 100%;
        z-index: 1;
    }

    .search-list>.ml-72 {
        margin-left: 0px;
    }

    .navbar {
        background-color: #F1F2F4;
        z-index: 99;
        position: fixed;
        width: 100%;
        left: 0px;
    }

    .head-container {

        width: 100%;
    }

    .hello>img {
        width: 100%;
        height: 100px;
        object-fit: cover;
    }

    span#personalizeaza {
        border-radius: 5px;
        cursor: pointer;
    }

    span#more {

        cursor: pointer;
    }

    span#compara-m {
        float: right;
        cursor: pointer;
    }

    .apexcharts-canvas {
        z-index: 1;
    }

    select#imobil {
        margin-bottom: 15px;
    }

    .cta>h3 {
        font-size: 1.5rem;
    }

    .q-title>h4 {
        font-size: 1rem;
    }

    .qnum>h4 {
        font-size: 1rem;
    }

    #qs>p {
        font-size: 0.875rem;
        padding-bottom: 15px;
    }

    #range-questions[type=range][orient=vertical] {
        height: 270px;
    }

    .dispatch-link>button.newbutton {
        max-width: 300px !important;
    }

    .desk-hide {
        display: flex;
    }

    .placebottom {
        position: fixed !important;
        top: auto;
        right: auto;
        left: auto;
        bottom: 0;
        width: 100%;
        padding-right: 1rem;
        max-height: 53vh;
    }

    .modal-content {
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .modal-header {
        border: none;
    }

    hr {
        margin-top: 5px;
    }

    .lh5 {
        line-height: 5px !important;
    }

    .modal-footer {
        display: block;
    }

    button#reset {
        border: none;
        background-color: transparent;
        color: #F1664D;
        font-weight: 700;
        font-style: 0.875rem;
    }

    button#apply {
        border: none;
        background-color: #F1664D;
        color: #fff;
        border-radius: 32px;
        min-width: 120px;
        font-weight: 700;
        font-style: 0.875rem;
        float: right
    }

    .tooltip-inner {
        background-color: #00acd6 !important;
        /*!important is not necessary if you place custom.css at the end of your css calls. For the purpose of this demo, it seems to be required in SO snippet*/
        color: #fff;
    }

    .apexcharts-xaxistooltip {
        opacity: 1;
        pointer-events: all;
    }

    .apexcharts-xaxistooltip:hover {
        background: #46A7B3;
        color: white;
        cursor: pointer;
    }

    .f-32 {
        font-size: 2rem;
    }

    .caret.caret-reversed {
        border-bottom: 20px solid #dde0e4;
        border-left: 0.625rem solid rgba(0, 0, 0, 0);
        border-right: 0.625rem solid rgba(0, 0, 0, 0);
        content: "";
        display: inline-block;
        height: 0;
        vertical-align: top;
        width: 0;
        transform: rotate(180deg);
    }

    .mobile-pill {
        /* background-color: #22B24B; */
        border-radius: 19px;
        height: 56px;
        width: 32px;
    }

    span.big {
        font-family: 'Sora', sans-serif;
        font-size: 1.5rem;
        color: transparent;
        font-weight: 600;
        position: relative;
        top: 5px
    }

    span.smol {
        font-family: 'Sora', sans-serif;
        font-size: 0.75rem;
        color: transparent;
        font-weight: 600;
        position: relative;
        top: -5px;
    }

    .is-center>p>span.big {
        font-family: 'Sora', sans-serif;
        font-size: 1.5rem;
        color: #fff;
        font-weight: 600;
        position: relative;
        top: 13px
    }

    .is-center>p>span.smol {
        font-family: 'Sora', sans-serif;
        font-size: 0.75rem;
        color: #fff;
        font-weight: 600;
        position: relative;
        top: 0.625rem;
    }

    .is-center {
        width: 3rem !important;
        height: 82px !important;
        padding: 9px;
        /* background-color: #22B24B; */
        border-radius: 19px;
        animation: pill-grow .1s ease 0s 1 normal none;
    }

    .nice-rank {
        /* display: block; */
    }

    .vcenter {
        display: flex;
        align-items: center;
        animation: pill-shrink .1s ease 0s 1 normal none;
        padding: 0px;
        margin-right: 0.75rem;

    }

    .pills-list {
        scroll-behavior: smooth;
    }

    .btn-compare {
        width: 100px;
        padding: 8px;
        background: #69BBC4;
        border: none;
        border-radius: 0.625rem;
        min-height: 64px;
        /* font-size: 2rem; */
    }

    #apply-compare.btn-compare-go {
        width: 100px;
        padding: 8px;
        background: #BABABA;
        border: none;
        border-radius: 0.625rem;
        min-height: 64px;
        /* font-size: 2rem; */
    }

    .row.hero {
        margin-right: 0px;
        margin-left: 0px;
    }

    .fullw-mob.oras {
        padding-left: 0px;
        padding-right: 0px;
    }

    .cartier>p {
        font-size: 0.875rem;
        color: #343434;
    }

    th#table-filter>span {
        background-color: #69BBC4;
        padding: 0px 0.75rem;
        border-radius: 5px;
    }

    .table-mob {
        background-color: #F1F2F4;
    }

    .table-mob>:not(caption)>*>* {
        background-color: #F1F2F4;
        border-bottom-width: 0px
    }








}

.f-red {
    color: #F1664D;
}

span#compara {
    cursor: pointer;
}

li.comp-list {
    cursor: pointer;
}

.no-interaction-trai {
    /* background: transparent; */
    width: 15%;
    height: 240px;
    position: relative;
    top: -300px;
    z-index: 2;
}

.no-interaction-voice {
    background: transparent;
    width: 20%;
    height: 850px;
    position: relative;
    top: -91rem;
    z-index: 2;
}

span.bellow {
    padding-left: 27px;
    margin-top: -0.625rem;
}



@media (min-width: 768px) {
    .container.head-container {
        background-color: #F1F2F4;
        width: 100% !important;
    }
}

@media(min-width: 576px) {
    .modal-dialog {
        max-width: 100%;
        padding-right: 0px;
    }
}


td>span {
    font-size: .875rem;
}


.table-hp {
    /* padding: 20px; */
    background-color: #fff;
    border-radius: 15px;
    margin-top: 40px;
}

.pdf{
    max-width: 20px;
    cursor: pointer;
}

@keyframes pill-grow {
    0% {
        transform: scale(0.5);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes pill-shrink {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.5);
    }
}