@font-face {
  font-family: yekan;
  src: url("../fonts/iranyekanwebbold.ttf") format("truetype");
}

body {
  direction: rtl;

  font-family: "yekan";
}

.sectionOne {
  background: url(../../images/section-One/Ellipse.png) no-repeat center center/cover;
  background-position: right 1px;
}
.sectionOneRow {
  padding-bottom: 4rem;
  padding-top: 2rem;
}

.loginbtn {
  background-color: #fff200;
  border-radius: 40px;
}

.bgcolor {
  background-color: #3333d2;
}
.forecolor {
  color: #173d7b;

}


.sectionOneContent {
  flex-direction: column;
  display: flex;
}

.sectionTwo {
  background-color: #f3f2f2;

  position: relative;
  margin-top: 3rem;

  padding-bottom: 25rem;
}

.sectionTwoContent {
  border-radius: 40px;
  position: absolute;

  margin-top: -3rem;
}

.search {
  position: relative;
  box-shadow: 0 0 40px rgba(51, 51, 51, 0.1);
}
.search input {
  height: 60px;
  border-radius: 50px;
  padding-top: 2.8rem;
  padding-bottom: 2.8rem;
}

.search button {
  position: absolute;
  top: 5px;
  right: 88%;
}
.search img {
  margin-top: 15px;
}

.domain-title {
  color: #fff200;
}

.sectionThree {
  background-color: #f3f2f2;
}

.header-title {
  font-weight: bold !important;
}

.box {
  box-shadow: rgba(17, 69, 85, 0.19) 0px 10px 20px, rgba(34, 74, 87, 0.23) 0px 6px 6px;
}

.service2 {
  border: solid 1px #3333d2;

  border-radius: 20px;
}

.service1,
.service3 {
  border-radius: 20px;
}

.services {
  padding-bottom: 2.5rem;
  padding-top: 2.5rem;
}

.btn2-service {
  background-color: #fff200;
  color: black;
  border-radius: 1rem;
}
.btn2-service:hover {
  background-color: white;
  color: black;
  border: #fff200 solid 3px;
}

.btn-service {
  background-color: #3333d2;
  border-radius: 1rem;
  color: white;
}
.btn-service:hover {
  color: #3333d2;
  background-color: white;
  border: #3333d2 solid 1px;
}

.sectionFour {
  background-color: #c8e2e7;
}

.propertys-box {
  background-color: white;
  border-radius: 2rem;
}

.property-title {
  margin-top: 2rem;
}

.sectionFive {
  background-color: #f3f2f2;
}

.news-box {
  background-color: white;
  border-radius: 2rem;
}

.news-btn {
  border: #3333d2 solid 1px;
  border-radius: 2rem;
}

.news-btn:hover {
  background-color: #3333d2;
  color: white;
}

.footer {
  background-color: #174f7b;
}

.footer-links {
  color: #7ea0cf;
}
.footer-links:hover {
  color: white;
}

.about-us-text {
  color: #7ea0cf;
}

.enamadlink:hover {
  color: #cdc42a !important;
}

.navbar {
  padding: 1.5rem;
}

.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
}

@media (max-width: 900px) {
  .loginbtn {
      text-align: right;
      background-color: white;
  }
  .search button {
      right: 84%;
  }
  .service-title {
      margin-top: 5rem;
  }
  .footer-title {
      margin-top: 1rem;
  }

  .address {
      margin-top: 1rem;
  }
  .sectionFour {
      padding-bottom: 3rem;
  }

  .dropdown-links {
      color: #3333d2 !important;
  }
  .dropdown-items {
      border: none;
  }
  .contact-us-section-discription {
      margin-right: 0rem !important;
  }
  .contact-us-section-img {
      margin-right: 0rem !important;
  }
  .contact-div {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }
  .data-contact-p {
      margin-top: 0.5rem;

      margin-right: 0 !important;
  }
  .title-contact-h {
      margin-top: 0.2rem !important;
      margin-bottom: 1rem !important;
  }
  .all-p-contact {
      display: flex;
      flex-direction: column;
      margin-right: 0px !important;
      text-align: center;
  }
  .title-phone {
      margin-top: 2.5rem !important ;
  }
  .contact-hr-ipad {
      display: block !important;
  }
}

/* phone */

@media only screen and (max-width: 640px) {
  .sectionOne {
      background: none;
  }
  .price-domain {
      color: #3333d2 !important;
  }
  .domain-title {
      color: #ff4500;
  }
  .domain-box {
      border-radius: 10px;
      padding: 20px;
      background-color: white;
      box-shadow: rgba(17, 69, 85, 0.19) 0px 10px 20px, rgba(34, 74, 87, 0.23) 0px 6px 6px;
  }
  .sectionThree {
      padding-top: 8rem;
      margin-top: 2rem;
  }
  .footer-titles {
      text-align: center;
  }
  .phonenumber {
      text-align: center;
  }
  .social-img {
      margin-left: 3rem;
  }
  .loginbtn {
      text-align: right;
      background-color: white;
  }
  .navbar {
      padding: 0.5rem;
  }
  .sectionTwo {
      margin-right: 0.7rem;
      margin-left: 0.7rem;
  }
  .serviceRow {
      margin-right: 0.3rem !important;
      margin-left: 0.3rem !important;
  }
  .newsRow {
      margin-right: 0.7rem !important;
      margin-left: 0.7rem !important;
  }
  .search button {
      right: 78%;
  }
  .dropdown-links {
      color: #3333d2 !important;
  }
  .dropdown-items {
      border: none;
  }
  .about-us-discription {
      margin-right: 0rem !important;
  }

  .contact-us-section-discription {
      margin-right: 0rem !important;
  }
  .contact-us-section-img {
      margin-right: 0rem !important;
  }
  .contact-title {
      margin-top: 4rem;
  }

  .commentsRow {
      margin-left: 1rem !important;
      margin-right: 1rem !important;
  }
  .contact-div {
      display: flex;
      flex-direction: column;
  }
  .data-contact-p {
      margin-top: 0.3rem;
      margin-right: 0 !important;
  }
  .title-contact-h {
      margin-top: 0.5rem;
      margin-bottom: 1.5rem;
  }
  .all-p-contact {
      display: flex;
      flex-direction: column;
      margin-right: 0px !important;
  }
  .contact-us-section {
      margin-left: 1rem !important;
      margin-right: 1rem !important;
  }

  .contact-hr {
      display: block !important;
  }
}

.myhr {
  color: white;
}

.service1 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.header-menu-links {
  padding: 1rem;
  border-radius: 0.5rem;
}
.header-menu-links:hover {
  background-color: #3333d2;
  color: white !important;
  border-radius: 0.5rem;
}

.dropdown-items {
  padding: 0;
  border-radius: 0.5rem;
}
.dropdown-links:hover {
  background-color: #3333d2 !important;
  color: white;
  border-radius: 0.5rem;
}
.dropdown-links {
  padding: 0.8rem;
}

/* about-us page */
.about-us-img {
  border-radius: 20px;
  height: 25rem;
  width: 100%;
}
.about-us-image-div {
  padding-top: 2rem;
}
.about-us-discription {
  margin-right: 2rem;
}
.sectionTwoAboutUs {
  background-color: #eeeeee;
}
.newsIconAboutUs {
  margin-bottom: 2.5rem;
}
/* end about-us page */

/* contact-us */

.contact-us-section-discription {
  margin-right: 4rem;
}
.contact-us-section-img {
  margin-right: 5rem;
}
.contact-us-img {
  border-radius: 20px;
  height: 25rem;
}

.sectionTwo-contactus {
  border: solid 1px #757575;
  border-radius: 20px;
}

.sectionThreeComments {
  padding-bottom: 5rem;
}
.commentsBox {
  border-radius: 2rem;
  border: solid 1px #3333d2;
}
.userimg {
  margin-left: 1rem;
}

.data-contact-p {
  color: #646464;
}

.title-contact-h {
  color: #46494d;
}
.titles-content {
  display: flex;
  flex-direction: column;

  justify-content: center;
}
.contact-hr {
  display: none;
}
/* end contact-us */

@media screen and (min-width: 1400px) {
  .sectionOne {
      padding-bottom: 13rem;
  }
}
@media screen and (min-width: 1600px) {
  .sectionOne {
      padding-bottom: 13rem;
  }
}
@media screen and (min-width: 1900px) {
  .sectionOne {
      padding-bottom: 20rem;
  }
}
