﻿html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}
 .nav{
     padding-right: 0;
 }
@font-face {
    font-family: 'iransansdnweb';
    src: url('../fonts/iransansdnweb.woff') format('woff');
}
 
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
} 

@font-face {
    font-family: 'iranyekanxfanum-black';
    src: url('../fonts/iranyekanxfanum-black.woff') format('woff'), url('../fonts/iranyekanxfanum-black.woff2') format('woff2'), url('../fonts/iranyekanxfanum-bold.woff') format('woff'), url('../fonts/iranyekanxfanum-bold.woff2') format('woff2'), url('../fonts/iranyekanxfanum-demibold.woff') format('woff'), url('../fonts/iranyekanxfanum-demibold.woff2') format('woff2'), url('../fonts/iranyekanxfanum-extrablack.woff') format('woff'), url('../fonts/iranyekanxfanum-extrablack.woff2') format('woff2'), url('../fonts/iranyekanxfanum-extrabold.woff') format('woff'), url('../fonts/iranyekanxfanum-extrabold.woff2') format('woff2'), url('../fonts/iranyekanxfanum-heavy.woff') format('woff'), url('../fonts/iranyekanxfanum-heavy.woff2') format('woff2'), url('../fonts/iranyekanxfanum-light.woff') format('woff'), url('../fonts/iranyekanxfanum-light.woff2') format('woff2'), url('../fonts/iranyekanxfanum-medium.woff') format('woff'), url('../fonts/iranyekanxfanum-medium.woff2') format('woff2'), url('../fonts/iranyekanxfanum-regular.woff') format('woff'), url('../fonts/iranyekanxfanum-regular.woff2') format('woff2'), url('../fonts/iranyekanxfanum-thin.woff') format('woff'), url('../fonts/iranyekanxfanum-thin.woff2') format('woff2'), url('../fonts/iranyekanxfanum-ultralight.woff') format('woff'), url('../fonts/iranyekanxfanum-ultralight.woff2') format('woff2');
}
html {
  position: relative;
  min-height: 100%;
}

body {
    margin: 0;
    font-family: iransansdnweb !important;
    text-align:right;
    direction: rtl
}
.display-4 {
    font-size: 1.5rem !important;
    font-weight: 700;
 }
.alert {
    width: 95%;
    margin: auto;
    margin-bottom: 1rem;
}
.spinner-border {
    margin: 10px auto;
    display: block;
}
.form-container button {
    position: sticky;
    bottom: 10px;
    margin-top: auto;
    font-size: 1.2em;
    padding: 15px;
    border-radius: 30px;
    font-weight: 600;
 }
.form-control {
    direction: ltr;
    border: 1px solid #000;
}
@media (max-width: 768px) {
    .form-container input, .form-container button {
        font-size: 1.2em;
        height: 60px;
    }

    .form-container label {
        font-size: 1.2em;
    }
    .form-container {
        height: 80vh;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 20px;
         border-radius: 10px;
     }
        .form-container form {
            flex-grow: 1;
            display: flex;
            flex-direction: column;
        }
}

h1{
    font-size: 1.5em;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    border-radius: 30px;
    font-weight: 600;
}

.plate {
  
    background-color: white;
    border: 3px solid black;
    border-radius: 10px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    direction: ltr;
    width: 100%;
}

.eu-section {
    width: 60px;
    height: 100%;
    background-color: #003399;
    color: white;
    border-right: 3px solid black;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 5px 0 0 5px;
}

 

.country {
    font-size: 20px;
    font-weight: bold;
}

.input-section {
    width: 100%;
    padding-right: 1rem;
}

.plate-input {
    height: 100%;
    font-size: 23px !important;
    margin: 1rem 0;
    border: none !important;
    width: 100%;
    outline: none;
    direction: ltr;
    border: 1px solid #000;
    background-color: transparent;
}

input::placeholder {
    color: lightgray;
}

.nav-link{
    padding: 1.15rem;
}
select{
    text-indent: 13px
}
.form-group {
    font-weight: 700;
}
#carResult{
    margin-bottom: 30px;
}