.ht-ctc-chat{--side:right}.ht_ctc_chat_greetings_box :not(ul):not(ol):not(.ht_ctc_default):not(.ht_ctc_defaults *){box-sizing:border-box;margin:0;padding:0}.ht_ctc_chat_greetings_box ol,.ht_ctc_chat_greetings_box ul{margin-bottom:0;margin-top:0}.ht_ctc_chat_greetings_box_layout{clear:both}.ht_ctc_modal_backdrop{animation:ctc_fadeIn .2s ease;backdrop-filter:blur(1px);background:rgba(0,0,0,.3);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9}.ht_ctc_notification{animation:ctc_fadeIn .25s ease}@keyframes ctc_fadeIn{0%{opacity:0}to{opacity:1}}.ctc_g_content{max-height:calc(80vh - 140px);overflow-y:auto}.ctc_g_bottom,.ctc_g_content,.ctc_g_sentbutton{margin-top:-.9px!important}.greetings_header_image{display:inline-block;position:relative}.greetings_header_image img{object-fit:cover}.g_header_badge_online{border-radius:50%;bottom:0;height:12px;position:absolute;right:0;width:12px;z-index:1}@media only screen and (min-width:900px){.ctc_g_content::-webkit-scrollbar{width:2.8px}.ctc_g_content::-webkit-scrollbar-thumb{background:#a5a5a5}}@media only screen and (max-width:420px){.ctc_side_positions .ctc_m_p_left{left:0!important;right:unset!important}.ctc_side_positions .ctc_m_p_right{left:unset!important;right:0!important}.ctc_side_positions .ctc_m_p_left .ctc_greetings_close_btn{float:left!important}.ctc_side_positions .ctc_m_p_right .ctc_greetings_close_btn{float:right!important}.ctc_side_positions .ctc_m_cta_order_0{order:0!important}.ctc_side_positions .ctc_m_cta_order_1{order:1!important}.ht_ctc_greetings.ctc_m_full_width{bottom:0!important;position:fixed!important;right:0!important}.ht_ctc_greetings.ctc_m_full_width .ht_ctc_chat_greetings_box{margin:7px!important;min-width:80vw!important;position:unset!important;width:calc(100vw - 14px)!important}.ctc_m_full_width .ctc_g_message_box_width{max-width:85%!important}.ht_ctc_animation:has(.ht_ctc_greetings){animation-fill-mode:none!important}}.filterContainerSelect h4 {
margin-bottom: 2px;
}
.filterContainerSelect {
margin-right: 40px;
}
.container-card, .filterContainer {
width: 100%;
margin-top:20px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: stretch;
justify-content: center;
margin-top: 10px;
align-content: center;
} .card {
display: flex;
flex-direction: column;
width: 30%;
border: 1px solid #ccc;
margin: 10px;
border-radius: 0px 0px 50px 50px; border: 1px solid #ccc;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
transition: all 0.2s ease-in-out;
} .card-header {
position: relative;
padding: 10px;
background-color: #f5f5f5;
}
.card-header img {
max-width: 100%;
height: auto;
} .card-body {
flex-grow: 1;
padding: 10px;
}
.card-body h3 {
margin: 0;
font-size: 1.5rem !important;
}
.card-body p {
margin: 5px 0;
font-size: 14px;
}
.card-body strong {
margin-right: 5px;
} .card-footer {
padding: 30px;
background-color: #005580;
border-radius: 0px 0px 50px 50px;
}
.card-footer a {
display: block;
text-align: center;
text-decoration: none;
background-color: #005580;
color: #fff;
border-radius: 0px 0px 50px 50px;
}
.card-footer a:hover {
background-color: #005580;
color: #FFF;
}
.card:hover {
transform: translateY(-5px);
box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 600px) {
.card {
width: 100%;
}
.filterContainer{
display: block;
justify-content: center;
max-width: 90%;
margin: 50px auto 0 auto;
}
.filterContainerSelect {
margin-right: 0;
}
}
*,
*::before,
*::after {
box-sizing: border-box;
}
:root {
--select-border: #777;
--select-focus: blue;
--select-arrow: var(--select-border);
}
.filterContainerSelect select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
border: none;
padding: 0 1em 0 0;
margin: 0;
width: 100%;
font-family: inherit;
font-size: inherit;
cursor: inherit;
line-height: inherit;
z-index: 1;
outline: none;
}
.filterContainerSelect select::-ms-expand {
display: none;
}
.filterContainerSelect .select {
display: grid;
grid-template-areas: "select";
align-items: center;
position: relative;
min-width: 15ch;
max-width: 30ch;
border: 1px solid var(--select-border);
border-radius: 0.25em;
padding: 0.25em 0.5em;
font-size: 1.25rem;
cursor: pointer;
line-height: 1.1;
background-color: #fff;
background-image: linear-gradient(to top, #f9f9f9, #fff 33%);
}
.filterContainerSelect .select select, .select::after {
grid-area: select;
}
.filterContainerSelect .select:not(.select--multiple)::after {
content: "";
justify-self: end;
width: 0.8em;
height: 0.5em;
background-color: var(--select-arrow);
-webkit-clip-path: polygon(100% 0%, 0 0%, 50% 100%);
clip-path: polygon(100% 0%, 0 0%, 50% 100%);
}
.filterContainerSelect select:focus + .focus {
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
border: 2px solid var(--select-focus);
border-radius: inherit;
}
.filterContainerSelect select[multiple] {
padding-right: 0; height: 6rem; }
.filterContainerSelect select[multiple] option {
white-space: normal;
outline-color: var(--select-focus);
}
.filterContainerSelect .select--disabled {
cursor: not-allowed;
background-color: #eee;
background-image: linear-gradient(to top, #ddd, #eee 33%);
}
.filterContainerSelect label {
font-size: 1.125rem;
font-weight: 500;
}
.filterContainerSelect .select + label {
margin-top: 2rem;
}