/*
Cache: ms-contact-redesign
*/
/* ms-contact-redesign: (https://mosafersalam.com/wp-content/themes/mosafersalam/assets/css/ms-contact-redesign.css) */
 :root{  --msc-navy:#102b4d;  --msc-blue:#0d6eb8;  --msc-orange:#ef8b32;  --msc-ink:#1e3450;  --msc-copy:#586b82;  --msc-muted:#7c8fa5;  --msc-line:#dbe5ef;  --msc-ground:#f2f6fa;  --msc-paper:#ffffff; }.ms-contact-page,.ms-contact-page *{  box-sizing:border-box; }.ms-contact-page{  direction:rtl;  background:var(--msc-ground);  color:var(--msc-ink);  font-family:IRANSans,Tahoma,sans-serif; }.ms-contact-page .container.article{  width:min(1160px,calc(100% - 40px));  max-width:none;  margin:0 auto; }.ms-contact-hero{  position:relative;  overflow:hidden;  padding:58px 0 86px;  background:  radial-gradient(circle at 12% 15%,rgba(45,157,218,0.35),transparent 21rem),  linear-gradient(120deg,#0c2340,var(--msc-navy)); }.ms-contact-hero::after{  position:absolute;  bottom:0;  right:0;  width:min(46vw,650px);  height:5px;  background:var(--msc-orange);  content:""; }.ms-contact-hero__inner{  display:flex;  align-items:flex-end;  justify-content:space-between;  gap:36px;  position:relative;  z-index:1; }.ms-contact-hero__intro{  max-width:650px; }.ms-contact-eyebrow,.ms-contact-section-heading>span,.ms-contact-map-card__header>div>span{  display:block;  color:var(--msc-orange);  font-size:13px;  font-weight:700;  line-height:1.7; }.ms-contact-eyebrow::before{  display:inline-block;  width:30px;  height:2px;  margin:0 0 4px 10px;  background:currentColor;  content:""; }.ms-contact-hero h1{  margin:8px 0 12px;  color:#fff;  font-size:clamp(30px,3.3vw,46px);  font-weight:900;  letter-spacing:-0.03em;  line-height:1.35; }.ms-contact-hero p{  max-width:58ch;  margin:0;  color:#c6d6e6;  font-size:15px;  line-height:2.05; }.ms-contact-hero__callout{  display:flex;  align-items:center;  gap:13px;  flex:0 0 auto;  min-width:230px;  padding:15px 18px;  border:1px solid rgba(255,255,255,0.2);  border-radius:13px;  background:rgba(255,255,255,0.09);  backdrop-filter:blur(10px); }.ms-contact-hero__callout>.icon-tel{  display:grid;  flex:0 0 38px;  place-items:center;  width:38px;  height:38px;  border-radius:50%;  background:var(--msc-orange); }.ms-contact-hero__callout>.icon-tel::before,.ms-contact-hero__callout>.icon-tel{  color:#fff!important;  font-size:18px; }.ms-contact-hero__callout span:not(.icon-tel){  display:block;  color:#aabdd0;  font-size:12px; }.ms-contact-hero__callout a{  display:inline-block;  margin-top:2px;  color:#fff;  font-size:17px;  font-weight:700;  letter-spacing:0.03em; }.ms-contact-content{  padding:0 0 82px; }.ms-contact-layout{  display:grid;  grid-template-columns:minmax(280px,0.82fr) minmax(0,1.35fr);  gap:24px;  align-items:stretch;  margin-top:-42px;  position:relative;  z-index:2; }.ms-contact-details,.ms-contact-form-card,.ms-contact-map-card{  border:1px solid var(--msc-line);  border-radius:18px;  background:var(--msc-paper);  box-shadow:0 18px 44px rgba(21,53,85,0.08); }.ms-contact-details{  overflow:hidden;  background:linear-gradient(160deg,#fff 0%,#f7fbff 100%); }.ms-contact-section-heading{  padding:24px 26px 18px;  border-bottom:1px solid var(--msc-line); }.ms-contact-section-heading h2,.ms-contact-map-card h2{  margin:4px 0 0;  color:var(--msc-navy);  font-size:23px;  font-weight:900;  line-height:1.45; }.ms-contact-details__list{  margin:0;  padding:6px 26px 16px;  list-style:none; }.ms-contact-details__list li{  display:grid;  grid-template-columns:40px minmax(0,1fr);  gap:12px;  align-items:start;  padding:16px 0;  border-bottom:1px solid #e7eef5; }.ms-contact-details__list li:last-child{  border-bottom:0; } .ms-contact-details__list li:not(.ms-contact-details__address){  display:flex;  align-items:center; }.ms-contact-details__list li:not(.ms-contact-details__address)>div{  display:flex;  flex:1 1 auto;  align-items:center;  justify-content:space-between;  gap:16px;  min-width:0; }.ms-contact-details__icon{  display:grid;  place-items:center;  width:40px;  height:40px;  border-radius:12px;  background:#eaf4fc;  color:var(--msc-blue); }.ms-contact-details__icon::before{  color:var(--msc-blue)!important;  font-size:18px; }.ms-contact-details__label,.ms-contact-details__company{  display:block;  color:var(--msc-muted);  font-size:12px;  line-height:1.8; }.ms-contact-details__value{  display:block;  margin-top:2px;  color:var(--msc-ink);  font-size:14px;  font-weight:700;  line-height:1.9; }.ms-contact-details__list li:not(.ms-contact-details__address) .ms-contact-details__label,.ms-contact-details__list li:not(.ms-contact-details__address) .ms-contact-details__value{  flex:0 0 auto;  margin-top:0;  line-height:1.5; }.ms-contact-details__address .ms-contact-details__value{  font-weight:400; }.ms-contact-details__company{  margin-top:3px; }.ms-contact-details a.ms-contact-details__value:hover{  color:var(--msc-blue); }.ms-contact-form-card{  padding-bottom:24px; }.ms-contact-form-card__lead{  margin:16px 26px 0;  color:var(--msc-copy);  font-size:13px;  line-height:1.95; }.ms-contact-form{  padding:0 26px; }.ms-contact-form .wpcf7{  margin-top:18px; }.ms-contact-form .wpcf7-form{  display:flex;  flex-wrap:wrap;  gap:14px 16px; }.ms-contact-form .wpcf7-form>p{  display:contents; }.ms-contact-form .wpcf7-form-control-wrap{  display:block;  flex:1 1 220px;  min-width:0;  margin-bottom:14px; }.ms-contact-form .wpcf7-form-control-wrap:has(textarea){  flex-basis:100%; }.ms-contact-form input:not([type="submit"]),.ms-contact-form textarea,.ms-contact-form select{  width:100%;  min-height:48px;  padding:11px 14px;  border:1px solid #cbd9e7;  border-radius:10px;  outline:0;  background:#fbfdff;  color:var(--msc-ink);  font:inherit;  font-size:13px;  line-height:1.7;  transition:border-color 160ms ease,box-shadow 160ms ease,background-color 160ms ease; } .ms-contact-form form>p{  margin:0 0 14px; }.ms-contact-form form>p:last-of-type{  margin-bottom:0; }.ms-contact-form textarea{  min-height:128px;  resize:vertical; }.ms-contact-form input:not([type="submit"]):focus,.ms-contact-form textarea:focus,.ms-contact-form select:focus{  border-color:var(--msc-blue);  background:#fff;  box-shadow:0 0 0 3px rgba(13,110,184,0.13); }.ms-contact-form input[type="submit"]{  min-width:142px;  min-height:48px;  padding:0 20px;  border:0;  border-radius:10px;  background:var(--msc-blue);  color:#fff;  font:inherit;  font-size:13px;  font-weight:700;  cursor:pointer;  transition:background-color 160ms ease,transform 160ms ease; }.ms-contact-form input[type="submit"]:hover{  background:var(--msc-navy);  transform:translateY(-1px); }.ms-contact-form .wpcf7-not-valid-tip{  margin-top:5px;  color:#c73d47;  font-size:11px; }.ms-contact-form .wpcf7-response-output{  flex-basis:100%;  margin:0!important;  padding:10px 13px!important;  border-radius:9px;  font-size:12px;  line-height:1.8; }.ms-contact-map-card{  overflow:hidden;  margin-top:24px; }.ms-contact-map-card__header{  display:flex;  align-items:center;  justify-content:space-between;  padding:20px 26px;  border-bottom:1px solid var(--msc-line); }.ms-contact-map-card__header>.icon-address{  display:grid;  place-items:center;  width:42px;  height:42px;  border-radius:50%;  background:#fff1e5; }.ms-contact-map-card__header>.icon-address::before{  color:var(--msc-orange)!important;  font-size:19px; }.ms-contact-map-card__canvas{  padding:12px;  background:#edf3f8; }.ms-contact-map-card__canvas .wbhtl-map-convas{  height:390px!important;  overflow:hidden;  border-radius:11px; }.ms-contact-map-card__canvas .leaflet-control-attribution{  font-family:Tahoma,sans-serif; }@media (max-width:780px){  .ms-contact-page .container.article{   width:min(100% - 28px,680px);  } .ms-contact-hero{   padding:42px 0 68px;  } .ms-contact-hero__inner{   align-items:flex-start;   flex-direction:column;  } .ms-contact-hero__callout{   min-width:0;  } .ms-contact-layout{   grid-template-columns:1fr;  }}@media (max-width:520px){  .ms-contact-page .container.article{   width:calc(100% - 20px);  } .ms-contact-hero{   padding:34px 0 60px;  } .ms-contact-hero h1{   font-size:31px;  } .ms-contact-hero p{   font-size:14px;  } .ms-contact-layout{   gap:16px;   margin-top:-32px;  } .ms-contact-section-heading, .ms-contact-map-card__header{   padding-right:19px;   padding-left:19px;  } .ms-contact-details__list, .ms-contact-form{   padding-right:19px;   padding-left:19px;  } .ms-contact-form-card__lead{   margin-right:19px;   margin-left:19px;  } .ms-contact-map-card__canvas .wbhtl-map-convas{   height:300px!important;  }}@media (prefers-reduced-motion:reduce){  .ms-contact-page *, .ms-contact-page *::before, .ms-contact-page *::after{   scroll-behavior:auto!important;   transition-duration:0.01ms!important;  }}
