body{background:url(../images/theme.png);background-size:auto;background-position:top left;font-family:"Noto Kufi Arabic",sans-serif;background-repeat:no-repeat;direction:rtl;background-color:#414143;color:#fff}
.main-cn{width:100%;height:100vh}
.logo img{width:250px;height:auto}
.logo{text-align:center;width:100%;padding-top:7%;padding-bottom:8%}
.main-title{text-align:right;font-size:35px;color:#c79d5a;font-weight:400;padding-bottom:10px}
.paragraph{text-align:right;font-size:17px;padding-bottom:25px;color:#fff}
.information-details{color:#fff;display:flex;align-items:flex-start;text-align:center;justify-content:space-between}
.info-title{font-size:20px;color:#c79d5a;text-align:center}
.main-info{width:100%;padding-top:8%}
.profiles-cn a{display:inline-block;border:1px solid #c79d5a;padding:10px 20px;border-radius:5px;text-decoration:none}
.profiles-cn a:hover{color:#fff;background-color:rgba(1,1,1,.1)}
.profiles-cn .info-title{color:#fff;font-size:15px}
.profiles-cn{display:block;align-items:center;justify-content:center}
.profiles-cn .info-cn{padding-bottom:9px}
.map-cn{display:flex;align-items:center;justify-content:space-around;text-align:center}
.map-cn .info-title{padding-bottom:14px;font-size:20px}
.map-cn iframe{width:100%;height:265px}
.map-cn .info-cn{width:45%}
.info-data a{color:#fff;text-decoration:none}
.info-data img{width:100%;height:180px}
.information-details .info-title{text-align:right;padding-left:10px}
.information-details .info-cn{display:flex;align-items:center}
.information-details .info-cn:last-child{padding-bottom:0}
.slogn{text-align:center;font-weight:700;padding-top:20px}
@media screen and (max-width:1680px){
.logo{padding-top:10%;padding-bottom:6%}
.main-info{padding-top:3%}
.logo img{width:180px;height:auto}
.main-title{font-size:35px;padding-bottom:10px}
.paragraph{font-size:17px}
.map-cn{padding-bottom:4%;width:80%;margin:0 auto}
.map-cn iframe{width:100%;height:225px}
.info-title{font-size:17px}
.map-cn .info-title{padding-bottom:11px;font-size:17px}
body{background-size:42%}
}
@media screen and (max-width:900px){
.main-title{text-align:center}
.paragraph{text-align:center}
.logo img{width:230px;height:auto}
.logo{padding-top:15%;padding-bottom:7%}
.main-cn{width:95%;height:auto;margin:0 auto}
.profiles-cn{padding-bottom:7%;text-align:center}
.map-cn{width:100%}
.map-cn .info-title{font-size:23px}
.info-title{font-size:23px}
.info-data{font-size:19px;width:100%}
.information-details .info-cn{flex:0 1 20%;flex-wrap:wrap;text-align:center}
.information-details .info-title{text-align:center;padding-left:0;width:100%}
}
@media screen and (max-width:650px){
.map-cn{width:100%;display: flex;}
.map-cn .info-cn{width: 50%;padding-bottom:20px}
.information-details{flex-wrap:wrap;padding-bottom:40px;justify-content:center}
.main-title{font-size:30px;padding-top: 50px;}
.paragraph{font-size:16px}
.profiles-cn{padding-bottom:8%;display:block;text-align:center}
.profiles-cn .info-cn{padding-left:0;padding-bottom: 15px;}
.map-cn .info-title{font-size:20px}
.info-title{font-size:20px}
.info-data{font-size:18px}
.info-cn{padding-bottom:10px;flex:0 1 50%}
.main-cn{width:100%}
.logo img{width:180px;height:auto}
.profiles-cn .info-title{font-size:14px}
.profiles-cn a{padding:5px 15px}
.information-details .info-cn{flex:0 1 50%}
.info-data img {
    width: 100%;
    height: 135px;
}
}