@font-face {font-family:Tanha;
src: url('../../../fonts/Tanha.woff2') format('woff2');font-weight: strong;}
body,p,pre,blockquote,a,h1,h2,h3,h4,h5 {font-family: 'Tanha'  !important;} 
body {margin: 2px;}
a{text-decoration: none;}
h1,h2,h3,h4{font-size: large; margin-top: 7px;}
#map {height: 750px;width: 100%;}
.contain-wrap { display: flex;   flex-direction: column; height: auto;}
.top-iframe { height: 175px; width: 100%; border: none;}
.content {display: flex; flex: 1; overflow: hidden;}
.main-content {flex: 1; border: none; padding: 20px; overflow-y: auto; background-color: #f9f9f9;}
.side-iframe { width: 200px; flex-shrink: 0; height: 2000px;  border: none;}
@media (max-width: 768px) {.content {flex-direction: column;}
.main-content { order: 1;} .side-iframe {order:2; width: 100%;height: 900px;}}
img {display: block;margin:0 auto; max-width: 99%;height:auto;}
#dropArea {
border: 2px dashed #007bff;
padding: 20px;
text-align: center;
color: #007bff;
margin-bottom: 20px;}
.custom-upload-label {
display: block;
width: 99%; 
cursor: pointer;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
background-color: #007bff;
color: #ffffff;
text-align: center;
transition: background-color 0.3s ease;}
.custom-upload-label:hover {background-color: #3495fd;}
.d-none {display: none; }