.text-discr sup{
    font-size: 14px!important;
    vertical-align: top!important;
}
.text-blue{
    color: #0062C2!important;
}

.chat .content{
    background-color: #ccecff;
    padding: 30px 40px;
    margin-bottom: 20px;
    border-radius: 20px;
}

.contact-item-1of3{
    width: 42.5%;
}

.contact-item-2of3{
    width: 15%;
}

.arrow-img{
    clip-path: polygon(0 0, 0% 100%, 100% 50%); 
    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%); 
    background-color: #4472c4; 
    width: 50px; 
    height: 110px; 
    margin: 90px auto; 
}

.discList-list .discList-item{
    margin-left: 0.3em;
}

.text-black{
    color: #000000 !important;
}

@media screen and (min-width: 769px) {
    .card_chat .layoutA-txtArea {
        width: calc(100% - 3% - min(30%, 213px)) !important;
    }

    .card_chat .layoutA-imgArea {
        width: min(30%, 235px) !important;
        margin-left: 45px;
    }

    .card_link .layoutA-txtArea {
        width: calc(100% - 3% - min(20%, 235px));
    }

    .card_link .layoutA-imgArea {
        width: min(20%, 235px);
    }

    .mt-lg-40{
        margin-top: 40px!important;
    }
    

    .mt-lg-45{
        margin-top: 45px;
    }

    .mt-lg-50{
        margin-top: 50px!important;
    }

    .mt-lg-65{
        margin-top: 65px!important;
    }

    .mt-lg-70{
        margin-top: 70px;
    }

    .mt-lg-10{
        margin-top: 10px;
    }

    .mt-lg-20{
        margin-top: 20px;
    }

    .mt-lg-25{
        margin-top: 25px;
    }

    .mt-lg-15{
        margin-top: 15px;
    }

    .mt-lg-30{
        margin-top: 30px;
    }

    .ml-lg-50{
        margin-left: 50px;
    }

    .mt-lg-35{
        margin-top: 35px;
    }

    .managed-pc-06 h4{
        font-size: 27px !important;
    }

    .managed-pc-06 .layoutA-txtArea {
        width: calc(100% - 3% - min(30%, 220px));
    }

    .managed-pc-06 .layoutA-imgArea {
        width: min(30%, 220px);
    }

    .chat{
        display: flex;
        flex-direction: row;
    }
    
    .chat .arrow{
        clip-path: polygon(101% 0, 0 59%, 101% 41%);
        -webkit-clip-path: polygon(101% 0, 0 59%, 101% 41%);
        background-color: #ccecff;
        height: 70px;
        width: 50px;
    }

    .pcHide{
        display: none;
    }

    .mb-lg-0{
        margin-bottom: 0px !important;
    }

    .mb-lg-5{
        margin-bottom: 5px !important;
    }

    .mb-lg-10{
        margin-bottom: 10px !important;
    }

    .mb-lg-30{
        margin-bottom: 30px !important;
    }

    .mb-lg-40{
        margin-bottom: 40px !important;
    }


    .mb-lg-60{
        margin-bottom: 60px !important;
    }


    .mt-lg-0{
        margin-top: 0px !important;
    }
}

@media screen and (max-width: 768px) {

    .contact-item-1of3,.contact-item-2of3{
        width: 100%;
    }

    .arrow-img{
        transform: rotate(90deg);
        width: 35px; 
        height: 70px;
    }

   
    .chat{
        display: flex;
        flex-direction: column;
    }
    
    .chat .arrow{
        clip-path: polygon(101% 100%, 0 105%, 50% 0);
        -webkit-clip-path: polygon(101% 100%, 0 105%, 50% 0);
        background-color: #ccecff;
        height: 30px;
        width: 70px;
        margin-left: auto;
        margin-right: auto;
    }

    .arrow-img{
        margin: -15px auto; 
    }
    .mb-sm-0{
        margin-bottom: 0px!important;
    }

    .mb-sm-30{
        margin-bottom: 30px!important;
    }

    .mb-sm-20{
        margin-bottom: 20px;
    }

    .mb-sm-10{
        margin-bottom: 10px !important;
    }

    .mb-sm-45{
        margin-bottom: 45px !important;
    }

    .mt-sm-10{
        margin-top: 10px !important;
    }

    .mt-sm-15{
        margin-top: 15px!important;
    }

    .mt-sm-20{
        margin-top: 20px!important;
    }

    .mt-sm-0{
        margin-top: 0px !important;
    }

    .mt-sm-30{
        margin-top: 30px;
    }

    .mt-sm-40{
        margin-top: 40px!important;
    }

    .mt-sm-50{
        margin-top: 50px!important;
    }

    .mt-sm-70{
        margin-top: 70px;
    }


    .spHide{
        display: none;
    }

    .numList-list .numList-item:nth-child(1)::before {
        transform: translateY(5px) !important;
    }

    .numList-list .numList-item:nth-child(6)::before {
        transform: translateY(5px) !important;
    }

    .numList-item::before {
        transform: translateY(0px) !important;
    }
}