/*!
Theme Name: Divi Child
Theme URI: http://www.thetechmakers.com/
Version: 4.25.2
Description: 
Author: Sanjay Goswami
Author URI: http://www.thetechmakers.com/
Template: Divi
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
@font-face {
    font-family: ukNumberPlate;
    font-display: block;
    src: url(./fonts/UKNumberPlate.ttf)
}
.container { width: 80%; margin: auto; }
.result { padding: 10px; margin: 10px 0; }
.result .status.green { background-color: #bff1a8; }
.result .status.danger { background-color: #ff835f; }
.result .status.yellow { background-color: #fff3cd; }
.result .status.gray { background-color: #e2e3e5; }
.result .header { display: block; align-items: center; }
.result .header img { margin-right: 20px; width:50px; }
.result .status { font-size: 1.5em; font-weight: bold; border-radius: 8px; margin-top: 20px;text-align: center;padding: 20px 30px;}
h2.head {
    font-weight: 700;
    margin-top: 5px;
}
h5.sub {
    font-weight: 600;
    color: red;
}
.result .status.danger h5.sub{color: #fff;}
.result .status p{font-size: 15px;line-height: normal;font-weight: normal;max-width: 600px;margin: 0 auto;color: #000;}
.subhead{margin: 30px 0 10px;}
.otherinfo {
    display: flex;
    flex-wrap: wrap;
	gap: 20px;margin-bottom: 50px;
}
.otherinfo .info{
	width: calc(50% - 10px);
}
.otherinfo .info table { width: 100%; border-collapse: separate;border-spacing: 0;border-radius: 5px;overflow: hidden;border: 1px solid #ddd;}
.otherinfo .info th, .info td { border-bottom: 1px solid #ddd; padding: 8px; text-align: left; }
.otherinfo .info th { background-color: #f2f2f2; text-transform: capitalize; }
.otherinfo .expiry { width:calc(50% - 10px); }
.otherinfo .expiry .box {border-radius: 5px;padding: 10px; border: 1px solid #ddd; width: 100%;margin-bottom: 20px;color:#449fba;font-weight: 600;position: relative;}
i#tax-fas-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 35px;
}
i#tax-fas-icon.fa-times-circle { color: red;}

.plate {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(rgb(255, 196, 57) 0px, rgb(244, 188, 55) 100%);
    border-radius: 0.2em;
    width: max-content;
    margin: 0 auto;
}
.center{text-align: center;}

.plate .gb {
    display: inline-block;
    background: #00247d;
    color: white;
    padding: 20px 10px 5px;
    font-size: 1.2em;
    font-weight: bold;
    margin-right: 10px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.plate .plateno {
    display: inline-block;
    text-align: center;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'regPlate', Segoe UI, sans-serif;
    font-size: 2.5em;
    padding-right: 10px;
    line-height: normal;
}

@media screen and ( max-width: 767px) {
    .container { width: 100%; padding: 0 15px} 
    .otherinfo .info, .otherinfo .expiry{width: 100%;}
}