.elementor-678 .elementor-element.elementor-element-23d2a13{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:22px 22px;--row-gap:22px;--column-gap:22px;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;}body:not(.rtl) .elementor-678 .elementor-element.elementor-element-7f52e89{left:-300px;}body.rtl .elementor-678 .elementor-element.elementor-element-7f52e89{right:-300px;}.elementor-678 .elementor-element.elementor-element-7f52e89{top:0px;}.elementor-678 .elementor-element.elementor-element-7f52e89 img{width:8%;}body:not(.rtl) .elementor-678 .elementor-element.elementor-element-c083218{left:79px;}body.rtl .elementor-678 .elementor-element.elementor-element-c083218{right:79px;}.elementor-678 .elementor-element.elementor-element-c083218{top:10px;--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:dotted;--e-nav-menu-divider-color:#0453B2;}.elementor-678 .elementor-element.elementor-element-c083218 .elementor-menu-toggle{margin:0 auto;border-radius:0px;}.elementor-678 .elementor-element.elementor-element-c083218 .elementor-nav-menu .elementor-item{font-family:"Shabnam", Sahel;font-weight:normal;}.elementor-678 .elementor-element.elementor-element-c083218 .elementor-nav-menu--main .elementor-item{color:#114A8C;fill:#114A8C;}.elementor-678 .elementor-element.elementor-element-c083218 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-678 .elementor-element.elementor-element-c083218 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-678 .elementor-element.elementor-element-c083218 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-678 .elementor-element.elementor-element-c083218 .elementor-nav-menu--main .elementor-item:focus{color:#13457A;fill:#13457A;}.elementor-678 .elementor-element.elementor-element-c083218 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-678 .elementor-element.elementor-element-c083218 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#13457A;}.elementor-678 .elementor-element.elementor-element-c083218 .e--pointer-framed .elementor-item:before,
					.elementor-678 .elementor-element.elementor-element-c083218 .e--pointer-framed .elementor-item:after{border-color:#13457A;}.elementor-678 .elementor-element.elementor-element-c083218 .elementor-nav-menu--dropdown a, .elementor-678 .elementor-element.elementor-element-c083218 .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-678 .elementor-element.elementor-element-c083218 .elementor-nav-menu--dropdown{background-color:#0453B2;border-style:none;border-radius:1px 1px 10px 10px;}.elementor-678 .elementor-element.elementor-element-c083218 .elementor-nav-menu--dropdown a:hover,
					.elementor-678 .elementor-element.elementor-element-c083218 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-678 .elementor-element.elementor-element-c083218 .elementor-nav-menu--dropdown a.highlighted{background-color:#114A8C;}.elementor-678 .elementor-element.elementor-element-c083218 .elementor-nav-menu--dropdown .elementor-item, .elementor-678 .elementor-element.elementor-element-c083218 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Roboto", Sahel;font-weight:500;}.elementor-678 .elementor-element.elementor-element-c083218 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:1px;border-top-right-radius:1px;}.elementor-678 .elementor-element.elementor-element-c083218 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:10px;border-bottom-left-radius:10px;}.elementor-678 .elementor-element.elementor-element-c083218 .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-678 .elementor-element.elementor-element-c083218 .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:0px 0px 10px 0px #FFFFFF;}.elementor-678 .elementor-element.elementor-element-7aba947{--display:flex;}.elementor-678 .elementor-element.elementor-element-024fe6c .elementor-button{background-color:#0054B1;font-family:"Sahel", Sahel;font-weight:400;fill:#FFFFFF;color:#FFFFFF;border-radius:65px 65px 65px 65px;padding:10px 10px 10px 10px;}.elementor-678 .elementor-element.elementor-element-024fe6c > .elementor-widget-container{margin:-35px -35px -35px -35px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-678 .elementor-element.elementor-element-024fe6c{left:953px;}body.rtl .elementor-678 .elementor-element.elementor-element-024fe6c{right:953px;}.elementor-678 .elementor-element.elementor-element-024fe6c{bottom:-9px;}.elementor-678 .elementor-element.elementor-element-7a34c2b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for nav-menu, class: .elementor-element-c083218 */@import url('https://cdn.font-library.org/fonts/B-Nazanin.css');

.elementor-nav-menu * {
    font-family: 'B Nazanin', sans-serif !important;
    margin-left: 8px;
    
     font-size: 18px;
    font-weight: bold;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-024fe6c */@import url('https://cdn.font-library.org/fonts/B-Nazanin.css');
.elementor-button {
    font-family: 'B Nazanin', sans-serif !important;
     font-size: 18px;
    font-weight: bold;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23d2a13 */@import url('https://cdn.font-library.org/fonts/B-Nazanin.css');
.elementor-678 .elementor-element.elementor-element-23d2a13{
    font-family: 'B Nazanin', sans-serif !important;
    border-bottom: 1px solid #114a8c;
    margin-top: 5px;
    margin-bottom: 0px;
    padding-bottom: 27px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a34c2b */<style>
@import url('https://cdn.fontcdn.ir/Font/Persian/Nazanin/Nazanin.css');

.contact-section {
  font-family: 'Nazanin', sans-serif;
  background: linear-gradient(to bottom right, #e0f0ff, #b3d8ff);
  padding: 40px 20px;
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  direction: rtl;
  color: #003366;
  max-width: 900px;
  margin: auto;
}
.contact-section h2 {
  text-align: center;
  font-size: 32px;
  margin-bottom: 30px;
}
.contact-item {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  transition: all 0.3s ease;
}
.contact-item:hover {
  transform: scale(1.02);
}
.contact-icon {
  width: 40px;
  height: 40px;
  background: #007BFF;
  color: white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 15px;
  font-size: 20px;
}
.contact-info {
  font-size: 18px;
}
.map-container {
  margin-top: 30px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
@media (max-width: 600px) {
  .contact-item {
    flex-direction: column;
    align-items: flex-start;
  }
  .contact-icon {
    margin-left: 0;
    margin-bottom: 10px;
  }
}
</style>

<div class="contact-section">
  <h2>تماس با دانشکده ملی مهارت دختران کرج</h2>

  <div class="contact-item">
    <div class="contact-icon">📍</div>
    <div class="contact-info">کرج، میدان سپاه، خیابان شهید بهشتی، جنب اداره آموزش و پرورش ناحیه ۱</div>
  </div>

  <div class="contact-item">
    <div class="contact-icon">📞</div>
    <div class="contact-info">026-32703681</div>
  </div>

  <div class="contact-item">
    <div class="contact-icon">✉️</div>
    <div class="contact-info">info@d-karaj.nus.ac.ir</div>
  </div>

  <div class="contact-item">
    <div class="contact-icon">⏰</div>
    <div class="contact-info">ساعات کاری: شنبه تا چهارشنبه، ۸ صبح تا ۱۴</div>
  </div>

  <div class="map-container">
    <iframe src="https://maps.google.com/maps?q=دانشکده ملی مهارت دختران کرج&amp;t=&amp;z=15&amp;ie=UTF8&amp;iwloc=&amp;output=embed" width="100%" height="300" frameborder="0" style="border:0;" allowfullscreen></iframe>
  </div>
</div>/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Shabnam';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('http://dk-uni.ir/wp-content/uploads/2025/04/Shabnam-FD.woff2') format('woff2'),
		url('http://dk-uni.ir/wp-content/uploads/2025/04/Shabnam-FD.woff') format('woff');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Sahel';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('http://dk-uni.ir/wp-content/uploads/2025/04/Sahel-FD.woff2') format('woff2'),
		url('http://dk-uni.ir/wp-content/uploads/2025/04/Sahel-FD.woff') format('woff');
}
/* End Custom Fonts CSS */