@import url("https://fonts.googleapis.com/css2?family=Assistant:wght@200;300;400;500;600;700;800&display=swap");
body { direction: rtl; text-align: right; margin: 0; padding: 0; font-family: 'Assistant', sans-serif; background-image: url(../images/bg.jpg); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-position: bottom;}

section { height: 100vh; width: 100%; }

@media (max-width: 992px) { section { height: auto; } }

.logo { position: fixed; bottom: 25px; left: 15px; }

.logo figure { margin: 0; opacity: 0.4; }

.logo figure img { width: 300px; }

@media (max-width: 992px) { .logo { display: none !important; } }

.copyright { margin: -3.3% 5%; direction: ltr; }

.copyright p { margin: 0; }

@media (max-width: 992px) { .copyright { margin: 15px 0; text-align: center; } }

.link { border: none; width: 250px; height: 50px; margin: auto; display: flex; justify-content: center; align-items: center; outline: none; overflow: hidden; position: relative; color: #fff; font-weight: 600; font-size: 20px; background-color: #DCA70C; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); }

.link span { position: relative; z-index: 1; }

.link:after { content: ""; position: absolute; left: 0; top: 0; height: 470%; width: 100%; background: #010101; transition: all .5s ease-in-out; -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg); transform: translateX(-98%) translateY(-25%) rotate(45deg); }

.link:hover { text-decoration: none; color: #DCA70C; }

.link:hover:after { -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg); transform: translateX(-9%) translateY(-25%) rotate(45deg); }

@media (min-width: 1200px) { .container { max-width: 1400px; } }

header { position: relative; width: 100%; top: 0; }

header nav { display: flex; justify-content: space-between; align-items: center; height: 150px; }

header nav ul { padding: 0; margin: 0; display: flex; }

header nav ul li { list-style: none; margin-left: 25px; }

header nav ul li a { color: inherit; text-decoration: none; }

header nav ul li a img { width: 40px; height: 40px; }

@media (max-width: 992px) { header nav ul li a img { width: 30px; height: 30px; } }

header nav figure { margin: 0; }

header nav figure img { width: 300px; }

@media (max-width: 992px) { header nav figure img { width: 100%; } }

@media (max-width: 992px) { header nav { height: 90px; } }

footer figure { margin: 0; }

.dontShow { display: none; }

.title { text-align: center; margin: 50px 0; }

.title h2 { color: #010101; margin: 0; font-size: 5rem; font-weight: bold; }

.title p { margin: 0; font-size: 1.5rem; color: #010101; }

@media (max-width: 992px) { .title { margin: 30px 0; }
  .title h2 { font-size: 3.5rem; } }

.main .container {display: flex; flex-direction: column; justify-content: center; }

.main .container .wrapper { width: 50%; text-align: center; }

.main .container .wrapper h1 { margin: 0 0 2.5rem; color: #DCA70C; font-size: 7em; line-height: 0.8; font-weight: bold; text-shadow: 2px 1px 0px #ffffff5e; }

.main .container .wrapper h2 { margin: 0 0 15px; color: #010101; font-size: 1.7em; font-weight: 400; }

.main .container .wrapper p { margin: 0 0 40px; color: #010101; font-size: 1.3em; font-weight: bold; }

.main .container .wrapper p a {color: #DCA70C; margin: 0 5px;}

@media (max-width: 992px) { .main .container .wrapper { width: 100%; }
  .main .container .wrapper h1 { font-size: 4em; }
  .main .container .wrapper h2 { font-size: 1.2em; } }

@media (max-width: 992px) { .main { padding: 35% 0 0; } }

.services { padding: 7em 0 0; }

.services .swiper-container { height: 485px; }

.services .swiper-slide .item { background-color: #ffffffa1; height: 430px; display: flex; flex-direction: column; align-items: center; padding: 30px; }

.services .swiper-slide .item figure { margin: 0; position: relative; width: 164px; height: 164px; overflow: hidden; border-radius: 100%; }

.services .swiper-slide .item figure img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; width: 100%; }

.services .swiper-slide .item h4 { font-size: 2rem; margin: 0; font-weight: 400; text-align: center; color: #010101; font-style: italic; width: 100%; height: 45%; padding-top: 10%; }

.services .swiper-pagination .swiper-pagination-bullet { width: 40px; height: 10px; border-radius: 0; margin: 0; margin: 0 5px; }

.services .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #DCA70C; }

@media (max-width: 992px) { .services .swiper-pagination .swiper-pagination-bullet { width: 25px; height: 10px; border-radius: 0; margin: 0; margin: 0 5px; } }

.about { padding: 10em 0 0; }

.about .wrapper { background-color: #ffffffa1; padding: 100px 0; text-align: center; }

.about h2 { color: #010101; margin: 0 0 35px; font-size: 5rem; font-weight: bold; }

.about p { margin: 0 auto 1.5rem; font-size: 1.5rem; color: #010101; width: 75%; }

.about .phone { margin: 50px 0 0; }

@media (max-width: 992px) { .about h2 { font-size: 4em; }
  .about p { font-size: 1.2em; } }

.benefits { padding: 5em 0 0; }

.benefits .wrapper { display: flex; flex-wrap: wrap; justify-content: center; }

.benefits .wrapper .item { width: 40%; display: flex; align-items: center; margin: 20px; padding: 20px; }

.benefits .wrapper .item figure { margin: 0; }

.benefits .wrapper .item figure img { width: 40px; }

.benefits .wrapper .item .benefit-title { display: flex; align-items: center; margin-bottom: 10px; }

.benefits .wrapper .item .benefit-title h3 { margin: 0 10px; font-size: 32px; font-weight: bold; }

.benefits .wrapper .item p { color: #010101; text-shadow: 0 0 #010101; font-size: 18px; font-weight: 600; }

@media (max-width: 992px) { .benefits .wrapper .item { width: 100%; margin: 0 0 30px; padding: 0; } }

@media (max-width: 992px) { .benefits .wrapper { display: block; } }

.reviews { padding: 5em 0 0; }

.reviews .slider-item { display: flex; }

.reviews .slider-item .image figure { margin: 0; position: relative; width: 640px; height: 440px; overflow: hidden; }

.reviews .slider-item .image figure img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; width:100%;}

.reviews .slider-item .image figure:after { content: ""; border: 2px solid #DCA70C; width: 95%; height: 95%; position: absolute; right: 15px; top: 10px; }

@media (max-width: 992px) { .reviews .slider-item .image figure:after { top: 7px; right: 10px; } }

@media (max-width: 992px) { .reviews .slider-item .image figure { width: 100%; height: 250px; } }

.reviews .slider-item .content { padding: 20px 40px 20px 50px; background-color: #ffffffa1; width: 730px; height: 440px;}

.reviews .slider-item .content .apostrophes-mark { margin-bottom: 20px; }

.reviews .slider-item .content .apostrophes-mark img { width: 100px; }

@media (max-width: 992px) { .reviews .slider-item .content .apostrophes-mark { position: relative; margin: -15% 0 5%; } }

.reviews .slider-item .content .text p { margin: 0; font-size: 22px; color: #010101; line-height: 1.2; }

@media (max-width: 992px) { .reviews .slider-item .content .text p { font-size: 18px; } }

.reviews .slider-item .content .info { margin-top: 15px; }

.reviews .slider-item .content .info .name h3 { margin: 0; font-size: 24px; color: #010101; }

.reviews .slider-item .content .info .name p { margin: 0; font-size: 18px; }

.reviews .slider-item .content .info .social-links a img { width: 35px; }

@media (max-width: 992px) { .reviews .slider-item .content { width: 100%; height:auto; padding: 20px; } }

@media (max-width: 992px) { .reviews .slider-item { flex-direction: column; } }

.reviews .swiper-pagination { width: 730px; display: flex; flex-direction: row; padding-right: 40px; }

.reviews .swiper-pagination .swiper-pagination-bullet { width: 70px; height: 10px; border-radius: 0; margin: 0; margin-left: 10px; }

.reviews .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #DCA70C; }

.work-levels { padding: 3em 30px 5%; height: auto; }

.work-levels ul { margin: 0; display: flex; align-items: center; justify-content: space-between; background-color: #ffffffa1; padding: 25px; border-top: 5px solid #DCA70C; }

.work-levels ul li { list-style: none; text-align: center; width: 50%; margin: 15px 0; }

.work-levels ul li figure img { width: 50px; }

.work-levels ul li p { margin: 0; font-size: 18px; line-height: 1; font-weight: 600; color: #DCA70C; text-shadow: 0.5px 0.5px #010101; }

.work-levels ul li p span { font-size: 14px; }

@media (min-width: 992px) { .work-levels ul li { flex: 0 0 10%; max-width: 10%; padding: 0 20px; margin: 0; width: auto; } }

@media (max-width: 992px) { .work-levels ul { flex-wrap: wrap; } }

.contact-us { padding: 5em 0 0; }

.contact-us .wrapper { display: flex; align-items: center; margin-top: 80px; }

.contact-us .wrapper .item { width: 50%; height: 225px; background-color: #ffffffa1; margin: 0 25px; text-align: center; position: relative; padding-top: 80px; }

.contact-us .wrapper .item figure { margin: 0; position: absolute; top: -30%; width: 100%; }

.contact-us .wrapper .item figure img { width: 155px; }

.contact-us .wrapper .item p { margin: 0 0 5%; font-size: 20px; color: #010101; font-weight: bold; }

.contact-us .wrapper .item .link { margin: 0 auto; }

.contact-us .wrapper .item:nth-child(1) a { color: #010101; text-decoration: none; font-size: 22px; color: #010101; font-weight: bold; display: block; }

.contact-us .wrapper .item:nth-child(1) span { width: 80px; height: 2px; background-color: #DCA70C; margin: 3.5% auto; display: block; }

@media (max-width: 992px) { .contact-us .wrapper { flex-direction: column; margin-top: 0; }
  .contact-us .wrapper .item { width: 100%; margin: 35px 0; } }

.border { width: 150px; height: 2px; background-color: #010101; display: block; margin: 1% auto; }

.scrollup { width: 55px; height: 55px; border-radius: 100%; background-color: #fff; opacity: 30%; border: 2px solid black; position: fixed; bottom: 25px; right: 25px; z-index: 100; }

.scrollup a { display: flex; align-items: center; justify-content: center; margin-top: -3px; display: block; }

.scrollup a img { width: 100%; }

.contact-form{ display: flex; flex-direction: column; justify-content: center; align-items: center;}

.contact-form input{ width: 250px; height: 50px; margin-bottom: 15px; padding: 10px;}
/*# sourceMappingURL=style.css.map */