/* CUSTOMER SUPPORT */
.fon-customersupport-block { margin: 0; padding: 0;height: 500px; display: flex;
    align-items: center; border-radius: 4px 0 0 4px; flex: 0 0 100%;  max-width: 100%; width: 100%;
    background:#242424 url("../../../images/p-customersupport/fon-customersupport.jpg") no-repeat scroll 50% 0;}

.fon-customersupport-block .fon-title-block {display: flex;  align-items: center;flex: 0 0 100%;  max-width: 100%; width: 100%; }

.customersupport-text {  width: 700px;  margin: 0 auto;  text-align: center;}
.customersupport-text h1{padding: 0; color:#fff;font-family: montserratmedium, sans-serif;
    font-size: 3.6em; line-height: 1.2em; text-transform: uppercase; margin: 0 0 5px 0;}
.customersupport-text p{padding: 0; color:#fff;font-family: montserratlight, sans-serif;
    font-size: 1.8em; line-height: 1.6em; margin: 0;}

.support-blocks {float: left; width: 100%; margin: 0; padding: 0 0 20px 0;}
.support-blocks .row {margin-top:-100px; z-index: 30; display: flex; flex-wrap: wrap;}
.support-blocks .col-md-4 { width: 33.333%; padding: 0 10px; display: flex;}
.support-blocks .col-md-4 .support-block { width: 100%; }

/* Chat disabled (TIK-1760): only FAQ + Call remain — widen to fill the row */
.support-blocks .row.support-blocks--no-chat .col-md-4 { width: 50%; }

.support-block{border-radius: 3px; padding: 55px 15px 30px 15px; text-align: center;
    min-height: 140px; -webkit-box-shadow: 0 1px 1px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 1px 1px 1px rgba(0,0,0,0.05);  box-shadow: 0 1px 1px 1px rgba(0,0,0,0.05);}
.support-block img{width: 70px; position: absolute; top: -35px; right: 50%; margin: 0 -35px 0 0; }

.support-block h2{color:#cf1c35;font-family: montserratsemibold, sans-serif; border-bottom: 1px solid #e8e8e8;
    font-size: 2em; line-height: 1.2em; text-transform: uppercase;margin: 0 0 10px 0;padding: 0 0 7px 0;}
.support-block p{color:#2E2E2E;font-family: montserratlight, sans-serif; font-size: 1.4em;
    padding: 0; margin: 0 0 15px 0;}
.support-block p:last-child{margin: 0;}
.support-block .btn-default { color: #2E2E2E; font-family: montserratmedium, sans-serif; font-size: 16px;
    line-height: 1em;  background-color: #fff;  border:1px solid #cf1c35 !important; padding: 13px 0;
    width: 86%; margin: 0 7%;}
.support-block .btn-default:focus-visible {
    outline: 2px solid #cf1c35 !important;
    outline-offset: 2px;
}
.support-block p.small{color:#2E2E2E; font-family: montserratsemibold, sans-serif; font-size: 1.1em; }

.support-block .btn-default:focus:not(:focus-visible){outline: none; box-shadow: none;}

@media (min-width: 1920px) {

    /* CUSTOMER SUPPORT */
    .fon-customersupport-block {
        background: #242424 url("../../../images/p-customersupport/fon-customersupport-2560.jpg") no-repeat scroll 50% 0;
    }
}

@media (min-width: 1440px) and (max-width: 1920px) {

    /* CUSTOMER SUPPORT */
    .fon-customersupport-block {
        background: #242424 url("../../../images/p-customersupport/fon-customersupport-1920.jpg") no-repeat scroll 50% 0;
    }
}

@media (max-width: 1440px) and (min-width: 1080px) {

    /* CUSTOMER SUPPORT */
    .fon-customersupport-block {
        background: #242424 url("../../../images/p-customersupport/fon-customersupport-1440.jpg") no-repeat scroll 50% 0;
    }
}

@media (max-width: 1080px){

    /* CUSTOMER SUPPORT */
    .customersupport-text{width: 100%; margin: 0;}

    .support-blocks  .clearfix.visible-xs-block{display: none !important;}
    .support-blocks .col-md-4 {  width: 50%;   padding: 0 10px; }
    .support-blocks .row { margin-top: -90px;}
    .support-block {margin: 0 0 10px 0; min-height: 260px;}


}

@media (max-width: 640px) {

    /* CUSTOMER SUPPORT */
    .support-block .btn-default{font-size: 14px}
    .support-blocks .row { margin-top: -50px; }

}

@media (max-width: 767px) {

    /* CUSTOMER SUPPORT */
    .customersupport-text p { font-size: 1.4em; line-height: 1.4em;}

    /* One card per row on mobile (TIK-1760), regardless of the chat flag */
    .support-blocks .col-md-4,
    .support-blocks .row.support-blocks--no-chat .col-md-4 { width: 100%; }

}

@media (max-width: 450px) {

    /* CUSTOMER SUPPORT */
    .fon-customersupport-block{height: 320px;}

    .support-block .btn-default{font-size: 12px}

    .customersupport-text h1{font-size: 3em;}
    .customersupport-text p{font-size: 1.4em;}

    .support-block{min-height: 300px;}



}

@media (max-width: 359px) {

    /* CUSTOMER SUPPORT */
    .support-block .btn-default { font-size: 10px; }
    .support-block{min-height: 350px;}

    .support-blocks .row { margin-top: -10px;}


}