@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600&display=swap');


* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}


body {

  margin:0;

  direction:rtl;

  background:
    radial-gradient(
      circle at top,
      rgba(255,255,255,.75),
      rgba(245,241,232,.95)
    ),
    #f3efe6;

  color:#162033;

}



/* =================================
   HEADER
================================= */

.site-header {

  width:100%;

  padding:28px 55px 24px;

  display:flex;

  align-items:center;

  justify-content:space-between;

}



.brand {

  font-family:Georgia,"Times New Roman",serif;

  font-size:18px;

  letter-spacing:2.5px;

  color:#162033;

  direction:ltr;

}



.main-nav {

  display:flex;

  align-items:center;

  gap:30px;

}



.main-nav a {

  text-decoration:none;

  color:#162033;

  font-family:"Vazirmatn", Tahoma, Arial, sans-serif;

  font-size:14px;

}



.main-nav a:hover {

  color:#b08a45;

}



.nav-divider {

  width:1px;

  height:18px;

  background:rgba(176,138,69,.65);

}



/* =================================
   GOLD DIVIDER
================================= */


.gold-divider {

 width:100%;

 height:1px;

 background:#b08a45;

 opacity:.65;

}




/* =================================
   MAIN PAGE
================================= */


.inquiries-page {

 width:1050px;

 max-width:88%;

 margin:0 auto;

 padding:90px 0 110px;

}




/* =================================
   INTRO
================================= */


.inquiries-intro {

 text-align:center;

}



.inquiries-intro h1 {

 margin:0;

 font-family:Georgia,"Times New Roman",serif;

 font-size:31px;

 font-weight:400;

 letter-spacing:0;

 color:#162033;

}



.subtitle {

 margin:18px 0 0;

 font-family:"Vazirmatn", Tahoma, Arial, sans-serif;

 font-size:18px;

 color:#555;

}




/* =================================
   ORNAMENT
================================= */


.ornament {

 width:180px;

 margin:28px auto 65px;

 display:flex;

 align-items:center;

 justify-content:center;

 gap:12px;

}



.ornament span {

 width:65px;

 height:1px;

 background:#b08a45;

}



.ornament i {

 font-size:9px;

 font-style:normal;

 color:#b08a45;

}




/* =================================
   CONTACT DETAILS
================================= */


.contact-details {

 max-width:760px;

 margin:0 auto;

 display:grid;

 grid-template-columns:repeat(3,1fr);

 gap:45px;

}



.contact-item {

 text-align:center;

 padding:25px 10px;

}



.contact-item h2 {

 margin:0 0 17px;

 font-family:Georgia,"Times New Roman",serif;

 font-size:18px;

 font-weight:400;

}



.contact-item::after {

 content:"";

 display:block;

 width:30px;

 height:1px;

 margin:0 auto 18px;

 background:#b08a45;

}



.contact-item a {

 color:#444;

 text-decoration:none;

 font-family:"Vazirmatn", Tahoma, Arial, sans-serif;

 font-size:15px;

}



.contact-item a:hover {

 color:#b08a45;

}




/* =================================
   CLOSING
================================= */


.inquiries-closing {

 margin-top:95px;

 text-align:center;

}



.closing-line {

 width:70px;

 height:1px;

 margin:0 auto 28px;

 background:#b08a45;

}



.inquiries-closing p {

 margin:0;

 font-family:"Vazirmatn", Tahoma, Arial, sans-serif;

 font-size:18px;

 line-height:2;

 color:#343434;

}




/* =================================
   MOBILE
================================= */


@media(max-width:800px){


.site-header{

 padding:22px 25px;

 flex-direction:column;

 gap:18px;

}



.main-nav{

 gap:18px;

 flex-wrap:wrap;

 justify-content:center;

}



.main-nav a{

 font-size:13px;

}



.inquiries-page{

 max-width:88%;

 padding-top:65px;

}



.inquiries-intro h1{

 font-size:28px;

}



.subtitle{

 font-size:15px;

}



.contact-details{

 grid-template-columns:1fr;

 gap:15px;

}



.contact-item{

 padding:18px 10px;

}



.inquiries-closing{

 margin-top:65px;

}



}