@import url('https://fonts.googleapis.com/css2?family=Saira:wght@500;700&display=swap');


.history dl{margin-bottom:70px;}
.history dl dt {font-size:22px;font-weight:500; letter-spacing: -1.2px;margin-bottom:10px;}
.history dl dt:before{display:inline-block; content:''; width:7px; height:20px;     background: linear-gradient(45deg,#007aff,#6db7ff); margin-right:5px;margin-bottom:-1px; border-radius:4px 0px 4px 0px;}


.history ul li { background:#f8f8f8; padding:15px 0; margin-bottom:5px; }

.history ul li strong { width: 120px; display: inline-block;font-family: 'Saira', sans-serif; font-weight:normal; font-size:20px; margin-right:10px;}
.history ul li strong:before { display: inline-block; width: 12px;    height: 1px;    content: '';    background: #83bcff;    border-radius: 3px;    margin-right: 15px;    margin-bottom: 7px;}
.history ul li span {font-size:16px; color:#000; font-weight:300;}



.history table{width:100%;border-collapse:collapse;  }
.history table th,
.history table td{padding:20px;border:1px solid #e2e2e2; }
.history table th{background: #37b4f2; color: #fff; border: 1px solid #fff; line-height: 1.3;font-weight: 500;font-size: 16px;}
.history table td{text-align:left;color: #333;font-size: 16px;line-height: 1.3;}
.history table td strong {color:#000; font-weight:500;}



.bg {background:#f7f7f7;text-align:center !important; color:#333 !important; font-weight:500;}


/* tablet */
@media screen and (min-width:769px) and (max-width:991px){
    .history img {width:100%;}
}

/* mobile */
@media screen and (max-width:768px){
    .history ul li strong {display:block; font-size: 18px;}
    .history ul li span { font-size: 14px;margin-left:28px;}
    
    .history table td strong {display:block;}
    
    
        .history img {width:100%;}
    
}