@charset "utf-8";
.container_arrow {
   display: flex ;
   margin: 10px  0 ;
   height: 65px ;
}

.arrow {
    height: 25px;
    width: 20px;
    background-color: #eb5505;
    position:  relative;
    margin-left: 48.8%;
}

.arrow::after {
    content:  '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 20px 0px 20px;
    border-color:#eb5505 transparent transparent transparent;
    position:  absolute;
    top: 100%;
    left: -50%;
}

.arrow_text{
   padding-left: 25px ;
}



@media screen and (max-width:767px) { 
.arrow {
    height: 18px;
    width: 18px;
    background-color: #eb5505;
    position:  relative;
    margin-top: 10px;
    margin-left: 16%;    
}

.arrow::after {
    content:  '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 23px 18px 0px 18px;
    border-color: #eb5505 transparent transparent transparent ;
    position:  absolute;
    top: 100%;
    left: -50%;
}

.arrow_text{
   padding-left: 18px ;
}
}


@media screen and (max-width:320px) { 
.arrow {
    height: 18px;
    width: 18px;
    background-color: #eb5505;
    position:  relative;
    margin-top: 5px;
    margin-left: 11%;    
}

.arrow::after {
    content:  '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 23px 18px 0px 18px;
    border-color: #eb5505 transparent transparent transparent ;
    position:  absolute;
    top: 100%;
    left: -50%;
}

.arrow_text{
   padding-left: 18px ;
}

.arrow_text span {
   font-size: 14px ;
}
}