* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
:root {
  --primary-color: #73029c;
  --secondary-color: #352f2f;
  --white: #fff;
  --black: #000000;
  --gray: #827e7e;
  --copy-right: #a763c0;
  --offwhite: #fbfbfb;
  --contact-bg: #f5f5f5;
  --service-text: #626262;
  --article-heading: #626363;
  --article-text: #696969;
  --text-color: #666666;
  --beige: #d3b78e;
  --input-bg: #f1f1f1;
  --font-primary: "Orbitron", sans-serif;
  --font-secondary: "Poppins", sans-serif;
  --font-language: "Tajawal", sans-serif;
  --font-pagination: "Alexandria", sans-serif;
  --font-blog: "Atkinson Hyperlegible", sans-serif;
  --lato-font: "Lato", sans-serif;
}
@font-face {
  font-family: "bootstrap-icons";
  src: url("css/fonts/bootstrap-icons.woff2") format("woff2"),
    url("css/fonts/bootstrap-icons.woff") format("woff");
}
html body {
  font-family: var(--font-primary);
  display: flex;
  flex-direction: column;
}
[dir="rtl"] * {
  text-align: right;
}
[dir="ltr"] * {
  text-align: left;
}
a {
  text-decoration: none !important;
}
dl,
ol,
ul {
  margin-bottom: 0px !important;
  padding-left: 0px !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-bottom: 0px !important;
  margin-block-start: 0px !important;
  margin-block-end: 0px !important;
}
html,
body {
  height: 100%;
}
main {
  padding-top: 130px;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 80px;
  transition: padding-top 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
main.contact-page {
  gap: unset;
}
main section:last-child {
  padding-bottom: 80px;
}
header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: var(--white);
  z-index: 10;
  transition: all 0.4s ease-in-out;
}
header .center-menu {
  margin-left: auto;
  margin-right: auto;
  gap: 32px;
  display: flex;
  flex-direction: column;
}
body.scrolled header {
  position: fixed;
}
body.scrolled header,
header.menu-open {
  box-shadow: rgba(177, 181, 183, 0.2) 0px 6px 12px -2px,
    rgba(177, 181, 183, 0.2) 0px 3px 7px -3px;
}
.navbar-brand {
  margin-right: 0px !important;
}
.navbar-brand img {
  max-width: 188px;
  max-height: 42px;
  object-fit: contain;
}
.container {
  padding-left: 20px !important;
  padding-right: 20px !important;
  max-width: 93% !important;
}
.whatsapp {
  width: 70px;
  height: 70px;
  background-color: var(--primary-color);
  border-radius: 50%;
  position: fixed;
  bottom: 20px;
  left: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 1000;
}
.whatsapp i {
  font-size: 40px;
  color: var(--white);
}
header .navbar {
  padding-top: 30px;
  padding-bottom: 30px;
}
body img {
  width: 100%;
  height: 100%;
}
header .navbar-nav li a {
  color: var(--black);
  font-size: 20px;
  line-height: 100%;
  font-weight: 400;
  text-transform: uppercase;
}
header .navbar-nav li.active a {
  font-weight: 700;
  color: var(--primary-color);
}
header .navbar-expand-lg .navbar-collapse {
  justify-content: flex-end;
  align-items: center;
}
header .navbar-expand-lg .navbar-nav {
  gap: 32px;
  justify-content: space-between;
}
.custom-btn {
  background: var(--primary-color);
  color: var(--white);
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
  border-radius: 69px;
  padding: 5px 24px;
  min-width: 170px;
  min-height: 44px;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.custom-btn:hover,
#status-page a:hover {
  color: var(--white);
  opacity: 0.8;
  transition: all 0.4s ease-in-out;
}
header.menu-open .center-menu {
  padding-top: 32px;
}
header.menu-open .links {
  padding-top: 32px;
  align-items: unset;
  gap: 32px;
}
header .language {
  color: var(--black);
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  display: flex;
  align-items: center;
  gap: 5px;
  font-family: var(--font-language);
}
header .language:hover {
  color: var(--primary-color);
  transition: all 0.4s ease-in-out;
}
header .language img,
header .language svg {
  width: 32px;
  height: 24px;
  object-fit: contain;
}
.links {
  display: flex;
  align-items: center;
  gap: 24px;
}
header .navbar-toggler-icon {
  display: flex;
  justify-content: flex-end;
  color: var(--gray);
}
header .navbar-toggler {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: unset;
}
header .navbar-toggler:focus {
  box-shadow: unset;
}
header .navbar-nav li {
  position: relative;
  padding-top: 8px;
  padding-bottom: 8px;
  width: fit-content;
}
header .navbar-nav li a::after,
header .navbar-nav li.active a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  background-color: var(--primary-color);
  width: 0;
  transition: width 0.8s ease;
}
[dir="rtl"] header .navbar-nav li a::after,
[dir="rtl"] header .navbar-nav li.active a::after {
  left: unset;
  right: 0;
}
header .navbar-nav li a:hover::after,
header .navbar-nav li.active a::after {
  width: 100%;
}
section {
  position: relative;
}
#swiper .swiper-slide {
  padding-top: 15%;
  padding-bottom: 14%;
  min-height: 600px;
  display: flex;
  align-items: center;
}
.bg-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#swiper .swiper-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    270deg,
    rgba(255, 255, 255, 0) 5.45%,
    rgba(165, 93, 192, 0.64135) 48%,
    #73029c 100%
  );
  z-index: -1;
}
[dir="rtl"] #swiper .swiper-overlay {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 5.45%,
    rgba(165, 93, 192, 0.64135) 48%,
    #73029c 100%
  );
}
#swiper .swiper-vector,
#breadcrumb .breadcrumb-vector {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 40%;
}
[dir="rtl"] #swiper .swiper-vector,
[dir="rtl"] #breadcrumb .breadcrumb-vector {
  left: unset;
  right: 0;
  transform: scaleX(-1);
}
#swiper .swiper-vector img {
  min-height: 200px;
  object-fit: cover;
}
#breadcrumb .breadcrumb-vector img {
  min-height: 130px;
  object-fit: cover;
}
#swiper .swiper-content h1 {
  color: var(--white);
  font-size: 40px;
  font-weight: 800;
  line-height: 130%;
}
#swiper .custom-btn {
  width: 141px;
  background: var(--white);
  color: var(--primary-color);
}
[dir="ltr"] #swiper .custom-btn {
  margin-left: auto;
}
[dir="rtl"] #swiper .custom-btn {
  margin-right: auto;
}
#swiper .swiper-content p {
  padding-top: 16px;
  padding-bottom: 40px;
  color: var(--white);
  font-weight: 400;
  font-size: 20px;
  line-height: 160%;
  font-family: var(--font-secondary);
}
#swiper .swiper-button-next,
#swiper .swiper-button-prev {
  display: none;
}
#swiper .swiper-pagination-clickable .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.5);
  opacity: 1;
}
#swiper .swiper-pagination-clickable .swiper-pagination-bullet-active {
  background: var(--white);
  border: 1px solid var(--white);
}
#swiper
  .swiper-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet,
#swiper
  .swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0px 3px;
}
#swiper .swiper-horizontal > .swiper-pagination-bullets,
#swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
#swiper .swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 30px);
}
#breadcrumb .breadcrumb-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    270deg,
    rgba(255, 255, 255, 0) -81.56%,
    rgba(165, 93, 192, 0.64135) 0.14%,
    #73029c 100%
  );
  z-index: -2;
}
[dir="rtl"] #breadcrumb .breadcrumb-overlay {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) -81.56%,
    rgba(165, 93, 192, 0.64135) 0.14%,
    #73029c 100%
  );
}
#breadcrumb .row {
  z-index: 1;
  position: relative;
}
.image-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  aspect-ratio: 1 / 1;
}
.image-wrapper img {
  width: 90%;
  height: auto;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  object-fit: cover;
  transform: translate(0%, 2%);
  position: relative;
  z-index: 1;
}
.image-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 2;
  pointer-events: none;
  background-image: var(--frame-url);
}
[dir="rtl"] .about .row:not(.flex-row-reverse) .image-wrapper::after,
[dir="ltr"] .about .flex-row-reverse .image-wrapper::after,
[dir="ltr"] #service .image-wrapper::after {
  transform: scaleX(-1);
}
.about .about-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.about .about-content p {
  color: var(--service-text);
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
  padding-top: 24px;
  font-family: var(--font-secondary);
}
#about .about-content p {
  padding-bottom: 24px;
}
.title {
  display: flex;
  gap: 8px;
  align-items: center;
}
.title h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  color: var(--primary-color);
}
.title span {
  display: inline-block;
  width: 13px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='20' viewBox='0 0 13 20' fill='none'><path d='M12.891 12.4976C12.7517 10.6481 11.9773 8.90235 10.6974 7.55318C8.87257 5.64953 7.54451 3.33028 6.8294 0.79823C6.8294 0.696433 6.7709 0.601907 6.73434 0.507382C6.71796 0.440699 6.68217 0.3803 6.63145 0.33374C6.58073 0.287181 6.51732 0.256529 6.44917 0.245618C6.38085 0.243573 6.31387 0.264809 6.25935 0.305805C6.20482 0.346801 6.16602 0.405096 6.14938 0.471026C6.07746 0.66134 6.01643 0.855549 5.96658 1.05272C5.65391 2.23998 5.16076 3.3728 4.50418 4.41202C3.76775 5.55933 2.94655 6.6506 2.04736 7.67679C0.755787 9.1127 0.028792 10.9639 0 12.8902C0.0119513 14.3604 0.465164 15.7934 1.30153 17.0057C2.00769 18.0633 3.02556 18.8777 4.21554 19.3372C5.40552 19.7967 6.70932 19.8789 7.94813 19.5725C10.9095 18.8235 13.0885 15.6606 12.891 12.4976ZM6.39068 14.0536C5.8816 14.0791 5.37155 14.0791 4.86247 14.0536C4.79362 14.0592 4.72502 14.0403 4.66881 14.0004C4.6126 13.9605 4.57241 13.9021 4.55537 13.8355C4.54678 13.8029 4.54518 13.7689 4.55068 13.7357C4.55617 13.7025 4.56863 13.6708 4.58725 13.6427C4.60587 13.6146 4.63024 13.5907 4.65876 13.5725C4.68728 13.5544 4.71931 13.5424 4.75279 13.5374C5.367 13.4574 5.37431 13.0139 5.367 12.5558C5.35969 12.0977 5.367 11.6032 5.367 11.1015C5.367 10.5998 5.28657 10.3744 4.73086 10.6071C4.70177 10.6258 4.66839 10.6369 4.63382 10.6393C4.59925 10.6417 4.56464 10.6353 4.53323 10.6208C4.50181 10.6063 4.47461 10.584 4.45419 10.5562C4.43376 10.5284 4.42077 10.4958 4.41644 10.4617C4.41252 10.3662 4.43262 10.2712 4.47494 10.1854C4.49035 10.154 4.51287 10.1266 4.54074 10.1054C4.92097 9.85815 5.27194 9.32735 5.75453 9.51641C6.23712 9.70546 5.96658 10.2435 6.01045 10.6216C6.05433 10.9997 6.01045 11.2251 6.01045 11.5305V12.4467C6.01045 12.883 5.97389 13.3047 6.5296 13.5301C6.79284 13.6901 6.72703 14.0027 6.39068 14.0536ZM8.70127 18.5981C8.6271 18.607 8.55189 18.5985 8.48155 18.5735C8.41121 18.5485 8.34767 18.5076 8.29593 18.4541C8.24419 18.4005 8.20566 18.3357 8.18337 18.2648C8.16108 18.1939 8.15565 18.1189 8.16749 18.0455C8.15848 17.8415 8.21941 17.6404 8.34029 17.4753C8.46117 17.3102 8.63485 17.1908 8.83288 17.1366C8.91704 17.1366 9.00036 17.1532 9.07802 17.1855C9.15568 17.2177 9.22614 17.265 9.28531 17.3245C9.34447 17.384 9.39118 17.4546 9.42272 17.5322C9.45425 17.6098 9.46999 17.6928 9.46902 17.7765C9.46619 17.9837 9.38608 18.1825 9.24422 18.3343C9.10237 18.4861 8.90887 18.5801 8.70127 18.5981ZM11.1362 15.1734C11.0605 15.5531 10.8779 15.9036 10.6097 16.1841C10.5359 16.2779 10.4373 16.3494 10.3249 16.3905C10.2125 16.4316 10.0909 16.4407 9.97355 16.4168C9.84004 16.3822 9.72028 16.308 9.63016 16.2041C9.54005 16.1002 9.48385 15.9715 9.46902 15.8351C9.4173 15.4997 9.46297 15.1566 9.60064 14.8462C9.8907 14.1134 9.97589 13.3162 9.84715 12.5391C9.71842 11.762 9.38057 11.0341 8.86944 10.4326C8.0753 9.49254 7.49867 8.39039 7.18037 7.20416C6.93228 6.16608 6.87776 5.09156 7.01951 4.03392C7.3193 4.09936 7.35586 4.23024 7.39242 4.36112C7.85542 6.25776 8.79081 8.0081 10.1125 9.45096C11.6114 11.1524 11.7065 13.1084 11.1362 15.1734Z' fill='%2373029C'/></svg>");
}
.container-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#service .row {
  justify-content: space-between;
  align-items: center;
}
#service .general-details {
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  justify-content: center;
  row-gap: 40px;
}
#service .general-details p {
  padding-top: 16px;
  padding-bottom: unset;
}
#service .row h1,
#service .row h2,
#service .row h3,
#service .row h4,
#service .row h5,
#service .row h6 {
  font-weight: 500;
  line-height: 100%;
  color: var(--primary-color);
  font-family: var(--font-secondary);
}
#service p {
  color: var(--text-color);
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
  padding-top: 16px;
  padding-bottom: 40px;
  font-family: var(--font-secondary);
}
.about .row {
  row-gap: 40px;
  justify-content: space-between;
  align-items: center;
}
#services {
  padding-top: 40px;
  padding-bottom: 40px;
  background: var(--offwhite);
}
.services .container {
  row-gap: 40px;
}
.services .row {
  row-gap: 40px;
  justify-content: space-between;
  align-items: stretch;
}
.services .col-lg-4 {
  display: flex;
  flex-direction: column;
}
.services .service-img {
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  height: 288px;
  width: 100%;
  display: inline-block;
}
.services .service-img img {
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.services .service-body {
  padding-top: 16px;
  display: flex;
  flex: 1;
  height: 100%;
  flex-direction: column;
  row-gap: 16px;
}
.services .service-body h4 {
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
  color: var(--primary-color);
}
.services .service-body p {
  text-align: center;
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
  letter-spacing: 0;
  color: var(--service-text);
  font-family: var(--font-secondary);
}
.services .service-body a {
  min-width: 166px;
  height: 44px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid var(--primary-color);
  border-radius: 69px;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  color: var(--primary-color);
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  transition: all 0.4s ease-in-out;
}
.services .service-body a:hover {
  background: var(--primary-color);
  color: var(--white);
}
.pagination {
  padding-top: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.pagination * {
  font-family: var(--font-pagination) !important;
}
[dir="rtl"] .pagination {
  direction: rtl;
}
[dir="rtl"] .pagination .prev,
[dir="rtl"] .pagination .next {
  direction: rtl;
}
.pagination a,
.pagination span {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  text-decoration: none;
  color: var(--article-heading);
  padding: 6px 10px;
  border-radius: 4px;
  text-align: center;
}
.pagination .page-link {
  border: none;
  background-color: inherit !important;
}
.pagination .page-link:focus {
  box-shadow: none !important;
}
.pagination .page-item.active .page-link {
  background-color: var(--primary-color) !important;
  color: var(--white);
  border-color: unset;
  border-radius: 4px;
}
.pagination .page-item .page-link.prev,
.pagination .page-item .page-link.next {
  background-color: var(--secondary-color) !important;
  color: var(--white);
  border-radius: 4px;
  margin-left: 10px;
  margin-right: 10px;
}
.pagination .prev:hover,
.pagination .next:hover {
  background-color: var(--secondary-color) !important;
  opacity: 0.9;
  transition: all 0.4s ease-in-out;
}
.pagination .dots {
  background: none;
  border: none;
  padding: 0;
}
.pagination a:hover {
  background-color: var(--primary-color) !important;
  cursor: pointer;
  text-decoration: none;
  color: var(--white);
  opacity: 0.9;
  transition: all 0.4s ease-in-out;
}
.pagination .page-link:focus {
  color: var(--white);
}
.modal {
  display: none;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  justify-content: center;
  align-items: center;
  text-align: center;
}
.modal .modal-content {
  padding: 30px;
  max-width: 50%;
  height: 300px;
  margin: auto;
  border: none;
  border-radius: unset;
}
#modalImage {
  object-fit: contain;
  border-radius: 8px;
}
.close-btn {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 30px;
  color: var(--white);
  cursor: pointer;
  z-index: 1000;
}
#agencies .outer-frame {
  background: var(--white);
  box-shadow: 0px 0px 11.3px 4px #0000001a;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  width: 140px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}
#agencies .outer-frame img {
  width: 80px;
  height: 80px;
  object-fit: contain;
}
#agencies .owl-stage {
  padding-top: 40px;
  padding-bottom: 40px;
}
#agencies .owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: unset;
}
#agencies .owl-theme .owl-dots .owl-dot.active span,
#agencies .owl-theme .owl-dots .owl-dot:hover span {
  background: var(--primary-color);
}
#agencies .owl-theme .owl-dots .owl-dot span {
  width: 14px;
  height: 14px;
  margin: 0px 4px;
  border: 1px solid var(--primary-color);
  background: var(--white);
  border-radius: 50%;
}
#contact {
  padding-top: 80px;
  padding-bottom: 80px;
  background: var(--contact-bg);
}
#contact .container {
  row-gap: 80px;
}
#contact .row * {
  font-family: var(--font-secondary);
}
#contact .custom-form .send-message {
  border: unset;
  outline: unset;
  min-height: 44px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--white);
  border-radius: 69px;
  font-weight: 700;
  font-size: 20px;
  background: var(--primary-color);
  padding: 10px 24px;
  font-family: var(--font-primary);
}
[dir="ltr"] #contact .custom-form .send-message {
  margin-left: auto;
}
[dir="rtl"] #contact .custom-form .send-message {
  margin-right: auto;
}
.custom-form .send-message:hover {
  opacity: 0.8;
  transition: all 0.4s ease-in-out;
}
[dir="rtl"] .custom-form .send-message {
  margin-left: unset;
  margin-right: auto;
}
#blogs .blog-card .blog-body {
  padding: 24px 23px;
}
#blogs .blog-img {
  display: flex;
  position: relative;
  height: 300px;
  overflow: hidden;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
#blogs .blog-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#blogs .blog-text h4 {
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  color: var(--primary-color);
}
#blogs .blog-text p {
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  text-align: center;
  color: var(--text-color);
  font-family: var(--font-secondary);
}
#blogs .blog-text {
  display: flex;
  flex-direction: column;
  gap: 26px;
}
#blogs .blog-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 19px;
}
#blogs .blog-footer a {
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
  letter-spacing: -0.04em;
  color: var(--primary-color);
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: var(--font-blog) !important;
}
#blogs .blog-footer a:hover {
  animation: move-back 0.9s ease-in-out forwards;
}
[dir="rtl"] #blogs .blog-footer a:hover {
  animation: move-back-rtl 0.9s ease-in-out forwards;
}
#blogs .blog-footer a span {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-inline-start: 8px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='8' viewBox='0 0 11 8' fill='none'><path d='M9.5899 4L6.10715 7.5M9.5899 4L6.10715 0.5M9.5899 4L1.46349 4' stroke='%2373029C' stroke-linecap='round' stroke-linejoin='round'/></svg>")
    no-repeat center;
  background-size: contain;
}
[dir="rtl"] #blogs .blog-footer a span {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='8' viewBox='0 0 11 8' fill='none'><g transform='scale(-1,1) translate(-11,0)'><path d='M9.5899 4L6.10715 7.5M9.5899 4L6.10715 0.5M9.5899 4L1.46349 4' stroke='%2373029C' stroke-linecap='round' stroke-linejoin='round'/></g></svg>")
    no-repeat center;
}
#blogs .blog-body {
  box-shadow: 0px 0px 11px 4px #0000001a;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
#blogs .container {
  row-gap: 40px;
}
#blogs .row {
  row-gap: 40px;
  justify-content: space-evenly;
}
#blogs .blog-card {
  position: relative;
}
#blogs .date {
  position: absolute;
  z-index: 1;
  top: 16px;
  left: 16px;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: var(--primary-color);
  width: 66px;
  height: 66px;
  border-radius: 50%;
  background: var(--white);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: var(--font-primary) !important;
}
#blogs .date span {
  font-weight: 700;
  font-size: 18px;
  line-height: 100%;
  display: block;
}
#blogs.another-articles .row {
  padding-top: 50px;
}
#blogs.another-articles .title {
  font-weight: 500;
  font-size: 24px;
  line-height: 100%;
  color: var(--primary-color);
}
footer * {
  color: var(--offwhite);
}
footer #main-footer {
  position: relative;
  padding-top: 70px;
  padding-bottom: 100px;
  overflow: hidden;
}
footer .general-info {
  height: fit-content;
}
footer .footer-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: var(--primary-color);
  mix-blend-mode: multiply;
  z-index: -1;
}
footer .bg-image {
  opacity: 20%;
  z-index: -2;
}
footer .general-info img {
  max-width: 257px;
  max-height: 57px;
  object-fit: contain;
}
footer .general-info p {
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
  padding-top: 24px;
  display: flex;
  font-family: var(--font-secondary);
}
footer h5 {
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
  padding-bottom: 14px;
}
footer ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
footer ul li a,
footer ul li {
  font-weight: 400;
  font-size: 16px;
  line-height: 200%;
  color: var(--offwhite);
  font-family: var(--font-secondary);
}
footer ul.important-links li:hover a {
  color: var(--copy-right);
  transition: all 0.4s ease-in-out;
}
footer ul.social-links span:hover svg path {
  fill: var(--copy-right);
}
footer ul.social-links span {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--offwhite);
  display: flex;
  justify-content: center;
  align-items: center;
}
footer ul.social-links span svg path {
  fill: var(--primary-color);
  transition: all 0.4s ease-in-out;
}
footer ul.social-links {
  display: flex;
  flex-direction: row;
  gap: 8px;
  padding-top: 16px;
}
footer .telephone-icon {
  display: inline-block;
  width: 18px;
  height: 17px;
  background: url("data:image/svg+xml;utf8,<svg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10.9104 3.42776C11.6586 3.56256 12.3462 3.90045 12.8852 4.39819C13.4242 4.89593 13.7901 5.53088 13.9361 6.22177M10.9104 0.598389C12.4648 0.75785 13.9143 1.40064 15.0209 2.42122C16.1275 3.4418 16.8254 4.7795 17 6.2147M16.234 11.8593V13.9813C16.2349 14.1783 16.1912 14.3733 16.1057 14.5538C16.0203 14.7343 15.8949 14.8963 15.7377 15.0295C15.5805 15.1627 15.3949 15.2641 15.1928 15.3272C14.9908 15.3903 14.7766 15.4137 14.5642 15.396C12.2071 15.1595 9.94297 14.4157 7.95371 13.2245C6.10295 12.1385 4.53384 10.6895 3.35779 8.98041C2.06326 7.1351 1.25765 5.03414 1.00622 2.84774C0.987076 2.65214 1.01225 2.455 1.08014 2.26887C1.14802 2.08274 1.25713 1.91171 1.40052 1.76665C1.54391 1.6216 1.71843 1.5057 1.91298 1.42635C2.10753 1.34699 2.31785 1.30592 2.53053 1.30573H4.82849C5.20022 1.30235 5.56061 1.42391 5.84247 1.64776C6.12433 1.8716 6.30843 2.18245 6.36046 2.52236C6.45745 3.20146 6.63732 3.86824 6.89665 4.51C6.99971 4.76317 7.02201 5.03832 6.96092 5.30285C6.89983 5.56737 6.7579 5.81017 6.55195 6.00249L5.57915 6.90082C6.66958 8.67169 8.25739 10.1379 10.1751 11.1449L11.1479 10.2466C11.3561 10.0564 11.6191 9.92531 11.9055 9.8689C12.192 9.81248 12.4899 9.83308 12.7641 9.92825C13.4591 10.1677 14.1811 10.3338 14.9165 10.4234C15.2886 10.4719 15.6284 10.6449 15.8713 10.9097C16.1143 11.1744 16.2433 11.5124 16.234 11.8593Z' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round'/></svg>")
    no-repeat center;
  background-size: contain;
  margin-inline-start: 8px;
}
[dir="ltr"] footer .telephone-icon {
  margin-inline-start: unset;
  margin-inline-end: 8px;
}
footer .email-icon {
  display: inline-block;
  width: 17px;
  height: 13px;
  background: url("data:image/svg+xml;utf8,<svg width='17' height='13' viewBox='0 0 17 13' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1 3.32784L7.5755 7.49954C8.13533 7.85471 8.86467 7.85471 9.4245 7.49954L16 3.32784M2.66667 12.0513H14.3333C15.2538 12.0513 16 11.3411 16 10.4652V2.53481C16 1.65884 15.2538 0.94873 14.3333 0.94873H2.66667C1.74619 0.94873 1 1.65884 1 2.53481V10.4652C1 11.3411 1.74619 12.0513 2.66667 12.0513Z' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round'/></svg>")
    no-repeat center;
  background-size: contain;
  margin-inline-end: 8px;
}
.contact-info li {
  display: flex;
  align-items: center;
}
[dir="rtl"] .contact-info li:nth-child(1) {
  flex-direction: row-reverse;
  direction: ltr;
}
[dir="rtl"] footer .form-floating > label {
  left: unset;
  right: 0;
}
footer .col-lg-2,
footer .col-lg-3 {
  padding-top: 50px;
}
footer .heart-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 21.35L10.55 20.03C5.4 15.36 2 12.27 2 8.5C2 5.41 4.42 3 7.5 3C9.24 3 10.91 3.81 12 5.08C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.41 22 8.5C22 12.27 18.6 15.36 13.45 20.03L12 21.35Z" fill="%23EB3636"/></svg>')
    no-repeat center;
  background-size: contain;
  margin-inline-start: 5px;
  margin-inline-end: 5px;
}
footer .copy-right {
  background: var(--copy-right);
  padding: 27px 0;
}
footer .copy-right p {
  text-align: center;
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
footer .copy-right p a {
  color: var(--offwhite);
  margin-inline-start: 5px;
  transition: all 0.4s ease-in-out;
}
footer .copy-right p a:hover {
  color: var(--primary-color);
}
footer .float-img {
  position: absolute;
  top: 100%;
  right: 0;
  transform: translateY(-100%);
  z-index: -1;
  min-height: 300px;
}
[dir="rtl"] footer .float-img {
  right: unset;
  left: 0;
}
footer .float-img img {
  object-fit: contain;
}
[dir="rtl"] footer .float-img img {
  transform: scaleX(-1);
}
.fade-up {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
  will-change: opacity, transform;
}
.fade-up.animate {
  opacity: 1;
  transform: translateY(0);
}
#breadcrumb {
  height: 312px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
#breadcrumb .container {
  position: relative;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  overflow: hidden;
}
#breadcrumb .breadcrumb {
  justify-content: center;
  align-items: center;
  row-gap: 10px;
}
#breadcrumb .breadcrumb .breadcrumb-item a,
#breadcrumb .breadcrumb .breadcrumb-item {
  color: var(--white);
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  text-transform: uppercase;
  font-family: var(--font-secondary);
}
#breadcrumb .breadcrumb .breadcrumb-item.active,
#breadcrumb .breadcrumb .breadcrumb-item.active a {
  font-weight: 500;
}
#breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: var(--white);
  padding-left: 0.5rem;
}
#breadcrumb .breadcrumb-item + .breadcrumb-item {
  padding-left: unset;
}
[dir="rtl"] #breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  float: right;
}
#contact .row {
  width: 100%;
  justify-content: space-between;
  row-gap: 40px;
}
.custom-form {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
  font-family: var(--font-secondary);
}
.custom-form .main-label {
  font-weight: 400;
  font-size: 16px;
  line-height: 200%;
  color: var(--secondary-color);
}
.custom-form .main-label span {
  color: #eb3636;
}
.custom-form .form-group {
  margin-bottom: 0px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.custom-form label.form-label {
  color: var(--text-color);
  font-weight: 400;
  font-size: 14px;
  display: flex;
  align-items: center;
  padding-left: 32px;
  padding-right: 32px;
  line-height: 200%;
}
.custom-form .form-floating > .form-control:not([type="submit"]),
.custom-form input:not([type="submit"]),
.custom-form input:not([type="submit"]):focus {
  padding-right: 32px !important;
  padding-left: 32px !important;
  border-radius: 53px;
  border: unset;
  background: var(--white);
}
.custom-form.contact .form-floating > .form-control:not([type="submit"]),
.custom-form.contact input:not([type="submit"]),
.custom-form.contact input:not([type="submit"]):focus {
  padding-right: 26px !important;
  padding-left: 26px !important;
}
.custom-form.contact .form-floating > .form-control:not([type="submit"]),
.custom-form.contact input:not([type="submit"]),
.custom-form.contact input:not([type="submit"]):focus {
  background: var(--white);
  border: 2px solid #999999;
  border-radius: 60px;
}
.custom-form .form-floating > .form-control:focus ~ label,
.custom-form .form-floating > .form-control:not(:placeholder-shown) ~ label,
.custom-form .form-floating > .form-select ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(2rem);
}
[dir="ltr"] .custom-form .form-floating > .form-control:focus ~ label,
[dir="ltr"]
  .custom-form
  .form-floating
  > .form-control:not(:placeholder-shown)
  ~ label,
[dir="ltr"] .custom-form .form-floating > .form-select ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0rem);
}
.custom-form textarea {
  border-radius: 13px;
  display: block;
  border: unset;
  border-radius: 13px;
  outline: none;
  width: 100%;
  height: 250px;
  padding: 32px;
  background: var(--white);
}
.custom-form textarea::placeholder {
  color: var(--text-color);
  font-weight: 400;
  font-size: 14px;
  line-height: 200%;
}
.custom-form input:focus {
  box-shadow: unset !important;
}
.custom-form .form-row {
  display: flex;
  gap: 3.5%;
  row-gap: 40px;
}
.custom-form .form-group {
  flex: 1;
}
[dir="rtl"] .custom-form .form-floating > label {
  left: unset;
}
@keyframes move-back {
  0% {
    transform: translateX(2px);
  }
  50% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes move-back-rtl {
  0% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(-5px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes move-up {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-3px);
  }
  50% {
    transform: translateY(-5px);
  }
  75% {
    transform: translateY(-3px);
  }
  100% {
    transform: translateY(0);
  }
}
.services .col-lg-4:hover,
#products .item:hover,
#choose-us .col-lg-3:hover,
#blogs .col-lg-4:hover {
  animation: move-up 0.9s ease-in-out forwards;
}
#blogs .blog-img:hover img,
.services .service-img:hover img {
  transform: scale(1.02);
  transition: all 0.4s ease-in-out;
}
#article .title {
  text-align: center;
}
#article .general-article-info {
  padding-top: 40px;
  padding-bottom: 40px;
}
#article .general-article-info img {
  border-radius: 16px;
  height: 555px;
  object-fit: cover;
}
#article .general-article-info .category-icon {
  display: inline-block;
  width: 23px;
  height: 24px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="23" height="24" viewBox="0 0 23 24" fill="none"><path d="M0.051738 8.91417L4.2071 22.7132C4.34904 23.1742 4.73593 23.499 5.19206 23.5H21.8092C21.8507 23.5 21.8914 23.4971 21.9312 23.4914L21.926 23.4923L21.9572 23.4866C21.9846 23.4827 22.0118 23.4769 22.0385 23.4693L22.0714 23.4607C22.0983 23.453 22.1251 23.4435 22.1528 23.4339L22.1839 23.4214C22.2108 23.4099 22.2367 23.3975 22.2653 23.3821L22.2904 23.3687C22.3246 23.3495 22.3575 23.3277 22.3891 23.3035L22.3856 23.3064C22.4176 23.2827 22.4483 23.2568 22.4774 23.2288L22.4756 23.2297L22.4999 23.2058L22.5578 23.1445L22.5847 23.1119C22.6026 23.09 22.6194 23.0669 22.6349 23.0429L22.6496 23.0228L22.6565 23.0112C22.6761 22.9806 22.6943 22.9486 22.711 22.9154L22.7171 22.9049C22.7352 22.8694 22.7511 22.8325 22.7647 22.7947L22.7673 22.787L22.7734 22.7688C22.7855 22.7356 22.7959 22.7017 22.8045 22.6672C22.8045 22.6557 22.8106 22.6442 22.8123 22.6318C22.8192 22.603 22.8244 22.5742 22.8296 22.5417C22.8296 22.5273 22.834 22.5129 22.8357 22.4985L22.8426 22.4171C22.8443 22.3903 22.8426 22.3845 22.8426 22.3682V1.65C22.8426 1.34616 22.734 1.05466 22.5405 0.83919C22.3471 0.623715 22.0845 0.501772 21.81 0.5L13.5011 0.5C13.2256 0.5 12.9614 0.62116 12.7666 0.836827C12.5719 1.05249 12.4624 1.345 12.4624 1.65V2.8H5.19206C4.9166 2.8 4.65242 2.92116 4.45764 3.13683C4.26286 3.35249 4.15344 3.645 4.15344 3.95V7.4H1.03757C0.872579 7.40019 0.710007 7.44389 0.563311 7.52749C0.416615 7.61109 0.290017 7.73218 0.194001 7.88074C0.0979848 8.0293 0.0353129 8.20104 0.0111755 8.38175C-0.012962 8.56247 0.00212946 8.74695 0.0552001 8.91992L0.0526035 8.91225L0.051738 8.91417ZM20.7706 2.8V15.2612L18.6396 8.18392C18.5706 7.95508 18.4383 7.75603 18.2616 7.61486C18.0849 7.47369 17.8726 7.39753 17.6547 7.39712H6.23068V5.1H13.5011C13.7765 5.1 14.0407 4.97884 14.2355 4.76317C14.4302 4.54751 14.5397 4.255 14.5397 3.95V2.80096L20.7706 2.8ZM2.47866 9.7H16.9069L20.3689 21.2H5.94073L2.47866 9.7Z" fill="%2373029C"/></svg>')
    no-repeat center;
  background-size: contain;
  vertical-align: middle;
}
#article .general-article-info .calendar-icon {
  display: inline-block;
  width: 28px;
  height: 32px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="32" viewBox="0 0 28 32" fill="none"><path d="M22.0912 8.25H5.81364C4.52938 8.25 3.48828 9.4066 3.48828 10.8333V25.0417C3.48828 26.4684 4.52938 27.625 5.81364 27.625H22.0912C23.3755 27.625 24.4166 26.4684 24.4166 25.0417V10.8333C24.4166 9.4066 23.3755 8.25 22.0912 8.25Z" stroke="%2373029C" stroke-width="2"/><path d="M3.48828 13.4167C3.48828 10.9806 3.48828 9.76383 4.16961 9.00692C4.85094 8.25 5.94619 8.25 8.13901 8.25H19.7658C21.9586 8.25 23.0539 8.25 23.7352 9.00692C24.4166 9.76383 24.4166 10.9806 24.4166 13.4167H3.48828Z" fill="%2373029C"/><path d="M8.13867 4.375V8.25M19.7655 4.375V8.25" stroke="%2373029C" stroke-width="2" stroke-linecap="round"/><path d="M12.2081 16H8.72001C8.39895 16 8.13867 16.2891 8.13867 16.6458V17.9375C8.13867 18.2942 8.39895 18.5833 8.72001 18.5833H12.2081C12.5291 18.5833 12.7894 18.2942 12.7894 17.9375V16.6458C12.7894 16.2891 12.5291 16 12.2081 16Z" fill="%2373029C"/><path d="M12.2081 21.1667H8.72001C8.39895 21.1667 8.13867 21.4558 8.13867 21.8125V23.1042C8.13867 23.4609 8.39895 23.75 8.72001 23.75H12.2081C12.5291 23.75 12.7894 23.4609 12.7894 23.1042V21.8125C12.7894 21.4558 12.5291 21.1667 12.2081 21.1667Z" fill="%2373029C"/><path d="M19.1846 16H15.6966C15.3755 16 15.1152 16.2891 15.1152 16.6458V17.9375C15.1152 18.2942 15.3755 18.5833 15.6966 18.5833H19.1846C19.5057 18.5833 19.766 18.2942 19.766 17.9375V16.6458C19.766 16.2891 19.5057 16 19.1846 16Z" fill="%2373029C"/><path d="M19.1846 21.1667H15.6966C15.3755 21.1667 15.1152 21.4558 15.1152 21.8125V23.1042C15.1152 23.4609 15.3755 23.75 15.6966 23.75H19.1846C19.5057 23.75 19.766 23.4609 19.766 23.1042V21.8125C19.766 21.4558 19.5057 21.1667 19.1846 21.1667Z" fill="%2373029C"/></svg>')
    no-repeat center;
  background-size: contain;
  vertical-align: middle;
}
#article .general-article-info ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
  justify-content: space-between;
  padding-top: 24px;
}
#article .general-article-info ul li {
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  color: var(--article-heading);
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-secondary);
}
#article .article-details {
  display: flex;
  flex-direction: column;
  gap: 17px;
}
#article .article-details p {
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  text-align: justify;
  color: var(--article-text);
  padding-bottom: 18px;
  font-family: var(--font-secondary);
}
#article .article-details h1,
#article .article-details h2,
#article .article-details h3,
#article .article-details h4,
#article .article-details h5,
#article .article-details h6 {
  font-weight: 500;
  line-height: 100%;
  color: var(--secondary-color);
  padding-bottom: 5px;
  font-family: var(--font-secondary);
}
[dir="ltr"] #article .article-details ul {
  padding-left: 15px !important;
}
[dir="rtl"] #article .article-details ul {
  padding-right: 15px;
}
#article .article-details li {
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  color: var(--article-text);
  font-family: var(--font-secondary);
}
#article .article-details li::marker {
  font-size: 10px;
}
#status-page {
  height: 100%;
  justify-content: center;
  display: flex;
  padding-top: 80px;
}
#status-page .container,
#status-page .row {
  display: flex;
  justify-content: center;
  align-items: center;
}
#status-page .row {
  row-gap: 66px;
}
#status-page .row.success {
  row-gap: 40px;
}
#status-page .container * {
  text-align: center;
  font-family: var(--lato-font);
}
#status-page .row img {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
#status-page h4 {
  color: var(--primary-color);
  font-weight: 700;
  font-size: 24px;
}
#status-page .success h4 {
  color: var(--secondary-color);
}
#status-page a {
  background: var(--primary-color);
  max-height: 70px;
  padding: 3.5% 0;
  max-width: 600px;
  border-radius: 69px;
  color: var(--white);
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 20px;
}
#status-page .success img {
  max-width: 250px;
}
@media (min-width: 1150px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }
  .navbar-expand-lg .offcanvas-bottom,
  .navbar-expand-lg .offcanvas-top {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-expand-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
  .about .col-lg-5 {
    width: 46%;
  }
  .services .col-lg-4 {
    width: 30%;
  }
  #blogs.another-articles .col-lg-4 {
    width: 31%;
  }
  footer .col-lg-4.general-info {
    width: 35%;
    margin-right: 5%;
  }
  [dir="rtl"] footer .col-lg-4.general-info {
    width: 35%;
    margin-left: 5%;
    margin-right: unset;
  }
  [dir="ltr"] footer .col-lg-4.float-img {
    padding-right: unset;
  }
  [dir="rtl"] footer .col-lg-4.float-img {
    padding-left: unset;
  }
  footer .float-img {
    width: 35%;
    top: 120%;
  }
}
@media (max-width: 1024px) {
  header.menu-open .links {
    flex-direction: column;
  }
  header .navbar-brand {
    max-width: 150px;
  }
  .navbar-brand img {
    max-width: 100%;
  }
}
@media (max-width: 992px) {
  footer .float-img img {
    opacity: 0.3;
  }
  #blogs .row,
  .services .row {
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .custom-form .form-row {
    flex-direction: column;
  }
  #swiper .swiper-horizontal > .swiper-pagination-bullets,
  #swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
  #swiper .swiper-pagination-custom,
  .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 15px);
  }
  .about .about-frame {
    top: 48%;
  }
  [dir="rtl"] .about .about-frame {
    left: 45%;
  }
  #swiper .swiper-content h1 {
    font-size: 30px;
  }
  #article .general-article-info img {
    height: 400px;
  }
  #breadcrumb {
    height: 280px;
  }
  .modal .modal-content {
    max-width: 60%;
    height: 250px;
  }
  footer .general-info img {
    max-width: 200px;
  }
  #swiper .swiper-vector {
    width: 60%;
    opacity: 0.3;
  }
  #breadcrumb .breadcrumb-vector {
    opacity: 0.3;
  }
  #service .general-details {
    padding-bottom: 60px;
  }
  .about .col-10,
  #service .col-10 {
    margin-left: auto;
    margin-right: auto;
  }
  [dir="ltr"] .about .row:not(.flex-row-reverse) .col-10,
  [dir="rtl"] #service .col-10 {
    padding-left: 20px;
  }
  [dir="rtl"] .about .col-10,
  [dir="ltr"] #service .col-10,
  [dir="ltr"] .about .flex-row-reverse .col-10 {
    padding-right: 20px;
  }
}
@media (max-width: 450px) {
  footer .copy-right p {
    font-size: 18px;
  }
  .whatsapp {
    width: 60px;
    height: 60px;
    bottom: 15px;
    left: 15px;
  }

  .whatsapp i {
    font-size: 32px;
  }
}