* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
:root {
  --primary-color: #012840;
  --secondary-color: #fabf4d;
  --text-color: #636363;
  --blog-text: #6f6f6f;
  --white: #fff;
  --black: #000000;
  --contact-text: #8d8d99;
  --input-bg: #e0e0e3;
  --offwhite: #f0f0f0;
}
body {
  font-family: "Raleway", sans-serif !important;
}
[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;
}
main {
  padding-top: 120px;
  transition: padding-top 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
header {
  background: var(--white);
  position: relative;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
  transition: all 0.4s ease-in-out;
}
body.scrolled header {
  box-shadow: rgba(177, 181, 183, 0.2) 0px 6px 12px -2px,
    rgba(177, 181, 183, 0.2) 0px 3px 7px -3px;
}
.top-header {
  overflow: hidden;
  max-height: 200px;
  opacity: 1;
  visibility: visible;
  transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out,
    visibility 0.4s ease-in-out, padding 0.4s ease-in-out,
    background-color 0.4s ease-in-out;
}
body.scrolled header .top-header {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  padding: 0;
  background-color: transparent;
}
.navbar-brand {
  margin-right: 0px !important;
}
.navbar-brand img {
  max-width: 200px;
  max-height: 60px;
  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);
}
html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
}
header .top-header {
  background: var(--white);
}
header .top-header .contact-links {
  display: flex;
  gap: 40px;
  justify-content: flex-end;
  align-items: center;
}
header .top-header p {
  color: var(--primary-color);
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.04em;
  line-height: 400%;
  display: flex;
  align-items: center;
}
.location span {
  width: 17px;
  height: 17px;
  background-image: url('data:image/svg+xml;utf8,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.49999 8.14582C8.03034 8.14582 7.57992 7.95925 7.24782 7.62716C6.91573 7.29506 6.72916 6.84464 6.72916 6.37499C6.72916 5.90534 6.91573 5.45492 7.24782 5.12282C7.57992 4.79073 8.03034 4.60416 8.49999 4.60416C8.96964 4.60416 9.42006 4.79073 9.75216 5.12282C10.0843 5.45492 10.2708 5.90534 10.2708 6.37499C10.2708 6.60754 10.225 6.83781 10.136 7.05266C10.047 7.26751 9.9166 7.46272 9.75216 7.62716C9.58772 7.7916 9.39251 7.92203 9.17766 8.01103C8.96281 8.10002 8.73254 8.14582 8.49999 8.14582ZM8.49999 1.41666C7.18496 1.41666 5.92379 1.93905 4.99392 2.86892C4.06405 3.79879 3.54166 5.05996 3.54166 6.37499C3.54166 10.0937 8.49999 15.5833 8.49999 15.5833C8.49999 15.5833 13.4583 10.0937 13.4583 6.37499C13.4583 5.05996 12.9359 3.79879 12.0061 2.86892C11.0762 1.93905 9.81502 1.41666 8.49999 1.41666Z" fill="%23012840"/></svg>');
}
.email span {
  width: 15px;
  height: 15px;
  background-image: url('data:image/svg+xml;utf8,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.50002 0.453339L4.8296 2.12501H2.54169V3.54167L1.10377 4.45542C0.692937 4.70334 0.416687 5.14959 0.416687 5.66667V12.75C0.416687 13.1257 0.565942 13.4861 0.831619 13.7517C1.0973 14.0174 1.45763 14.1667 1.83335 14.1667H13.1667C13.9529 14.1667 14.5834 13.5363 14.5834 12.75V5.66667C14.5834 5.14959 14.3071 4.70334 13.8963 4.45542L12.4584 3.54167V2.12501H10.1704M3.95835 3.54167H11.0417V6.99834L7.50002 9.20834L3.95835 6.99834M4.66669 4.25001V5.31251H10.3334V4.25001M2.54169 5.22751V6.11292L1.83335 5.66667M12.4584 5.22751L13.1667 5.66667L12.4584 6.11292M4.66669 6.02084V7.08334H10.3334V6.02084H4.66669Z" fill="%23012840"/></svg>');
}
.phone span {
  width: 17px;
  height: 17px;
  background-image: url('data:image/svg+xml;utf8,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0)"><rect width="17" height="17" fill="%23012840"/><path d="M10.1796 9.95696L9.96473 10.1646C9.96473 10.1646 9.45331 10.6578 8.05791 9.31116C6.6625 7.96457 7.17391 7.4714 7.17391 7.4714L7.30897 7.34031C7.64283 7.01856 7.67446 6.50155 7.38311 6.12389L6.78811 5.3525C6.42733 4.885 5.73081 4.82312 5.31762 5.22188L4.57624 5.93688C4.37176 6.13489 4.23482 6.39064 4.25135 6.67481C4.29385 7.40219 4.6329 8.96649 6.52367 10.7916C8.52918 12.7267 10.411 12.8037 11.1802 12.734C11.4239 12.712 11.6354 12.5919 11.8059 12.4269L12.4765 11.7798C12.9298 11.343 12.8023 10.5936 12.2224 10.2879L11.3205 9.81167C10.9399 9.61091 10.4771 9.67004 10.1796 9.95696Z" fill="white"/></g><defs><clipPath id="clip0"><rect width="17" height="17" fill="white"/></clipPath></defs></svg>');
}
.location span,
.email span,
.phone span {
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  margin-inline-end: 8px;
  vertical-align: middle;
}
header .main-header {
  background: var(--primary-color);
  color: var(--white);
}
header .navbar-nav li a {
  color: var(--white);
  font-size: 18px;
  line-height: 100%;
  font-weight: 500;
}
header .navbar-nav li.active a {
  color: var(--secondary-color);
}
header .navbar-expand-lg .navbar-collapse {
  justify-content: flex-end;
  align-items: center;
}
header .navbar-toggler-icon {
  color: var(--white);
}
header .navbar-expand-lg .navbar-nav {
  gap: 40px;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
}
header .contact-us {
  background: var(--secondary-color);
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  width: 130px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--primary-color);
}
header .contact-us:hover,
.contact-form input[type="submit"]:hover,
.contact-form button:hover {
  color: var(--primary-color);
  opacity: 0.9;
  transition: all 0.4s ease-in-out;
}
#slider .swiper-slide {
  min-height: 600px;
  padding-top: 5%;
  padding-bottom: 10%;
}
#slider .bg-image {
  opacity: 0.3;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#slider .slider-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: var(--secondary-color);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  mix-blend-mode: multiply;
}
.solid-line {
  display: flex;
  align-items: center;
  gap: 20px;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.04em;
  line-height: 100%;
  color: var(--primary-color);
}
.solid-line span {
  display: inline-block;
  width: 90px;
  height: 2px;
  background: var(--primary-color);
}
#slider .container {
  position: relative;
  z-index: 1;
  height: 100%;
}
#slider h1 {
  font-weight: 700;
  font-size: 50px;
  line-height: 120%;
  color: var(--white);
  padding-top: 30px;
  padding-bottom: 39px;
  overflow-wrap: break-word;
  /* word-wrap: break-word; */
  /* word-break: break-word;
  white-space: normal; */
}
#slider p {
  font-family: "Cabin", sans-serif !important;
  font-weight: 400;
  font-size: 19.2px;
  line-height: 130%;
  color: var(--white);
}
#slider .row {
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
#slider .social-media {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: 12px;
}
#slider .social-media span {
  background: var(--primary-color);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#slider .social-media a:hover span,
#main-footer .social-media a:hover span,
#blogs .blog-card:hover img,
#article-details .recent a:hover {
  transform: scale(1.03);
  transition: transform 0.4s ease-in-out;
}
#slider .social-media svg {
  max-width: 14px;
  max-height: 14px;
}
header .language {
  color: var(--white);
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  display: flex;
  align-items: center;
  gap: 5px;
}
header .language:hover,
header .navbar-nav li a:hover {
  color: var(--secondary-color);
  transition: color 0.4s ease-in-out;
}
header .language img,
header .language svg {
  max-width: 30px;
  max-height: 32px;
  object-fit: contain;
}
header .links {
  display: flex;
  gap: 40px;
  align-items: center;
}

header .navbar-toggler {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: unset;
}
header .navbar-toggler-icon {
  display: flex;
  justify-content: flex-end;
}
header .navbar-toggler:focus {
  box-shadow: unset;
}
#slider .summary .row {
  align-items: stretch;
}
.summary .col-lg-3 {
  padding: 30px;
  border-left: 1px solid var(--primary-color);
  height: 100%;
  min-height: 190px;
}
[dir="rtl"] .summary .col-lg-3 {
  border-left: unset;
  border-right: 1px solid var(--primary-color);
}
.correct-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url('data:image/svg+xml;utf8,<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22 0C9.84981 0 0 9.84981 0 22C0 34.1509 9.84981 44 22 44C34.1509 44 44 34.1509 44 22C44 9.84981 34.1509 0 22 0ZM22 41.2933C11.3857 41.2933 2.75 32.6143 2.75 21.9999C2.75 11.3856 11.3857 2.74991 22 2.74991C32.6143 2.74991 41.25 11.3856 41.25 21.9999C41.25 32.6142 32.6143 41.2933 22 41.2933ZM30.7801 13.9501L17.8722 26.939L12.0594 21.1262C11.5225 20.5893 10.6521 20.5893 10.1145 21.1262C9.57752 21.6631 9.57752 22.5335 10.1145 23.0704L16.92 29.8767C17.457 30.4129 18.3273 30.4129 18.865 29.8767C18.9268 29.8148 18.9798 29.7474 19.0279 29.6773L32.7257 15.895C33.2619 15.358 33.2619 14.4876 32.7257 13.9501C32.1881 13.4131 31.3177 13.4131 30.7801 13.9501Z" fill="%23FABF4D"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.summary .first-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 21px;
  /* padding: 50px; */
}
.summary .first-card a {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.04em;
  line-height: 100%;
  color: var(--white);
}
.summary .first-card a span {
  display: inline-block;
  width: 17px;
  height: 17px;
  background-image: url('data:image/svg+xml;utf8,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.86 12.0204L9.86 9.18711L3.54167 9.18711L3.52042 7.76336L9.86 7.76336L9.86 4.93711L13.4017 8.47878L9.86 12.0204Z" fill="white"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  vertical-align: middle;
  /* margin-inline-start: 2px; */
}
#slider .summary .first-card .bg-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: inherit;
  opacity: 0.8;
  z-index: -1;
}
#slider .summary .first-card .bg-color {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: #012840;
  z-index: -2;
  mix-blend-mode: multiply;
}
#slider .summary .col-lg-3 h5 {
  font-weight: 700;
  font-size: 18px;
  line-height: 110%;
  color: var(--primary-color);
  padding-top: 15px;
  padding-bottom: 10px;
}
#slider .summary .col-lg-3 p {
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  color: var(--text-color);
}
#slider .summary .col-lg-3.first-card h5 {
  color: var(--white);
}
.summary .row {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2;
  /* margin-top: -60px; */
  background: var(--white);
  box-shadow: 0px 4px 22px 0px #00000024;
}
#statistics h2,
#statistics p {
  text-align: center;
}
#statistics h2 {
  padding-bottom: 7px;
}
#statistics h2 span {
  font-family: "Cabin", sans-serif !important;
  font-weight: 700;
  font-size: 75px;
  color: var(--secondary-color);
  text-align: center;
}
#statistics p {
  color: var(--primary-color);
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
}
#statistics .row {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
  row-gap: 40px;
}
#statistics .row > div {
  border-right: 1px solid var(--primary-color);
}
#statistics .row > div:last-child {
  border-right: none;
}
[dir="rtl"] #statistics .row > div {
  border-right: unset;
  border-left: 1px solid var(--primary-color);
}
#statistics .row > div:last-child {
  border-right: none;
  border-left: none;
}
#about,
#contact,
#services,
#faqs,
#blogs,
#statistics.statistics,
.details {
  padding-top: 80px;
  padding-bottom: 80px;
}
#about .col-lg-6:first-child {
  position: relative;
}
#about img {
  object-fit: cover;
  width: 97%;
  height: 550px;
  margin-top: 5%;
}
#about .secondary-bg {
  background: var(--secondary-color);
  width: 80%;
  height: 80%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
[dir="rtl"] #about .secondary-bg {
  right: unset;
  left: 0;
}
.title {
  font-weight: 700;
  font-size: 32px;
  color: var(--primary-color);
  line-height: 130%;
  letter-spacing: 0.04em;
  padding-top: 30px;
}
.paragraph {
  font-weight: 400;
  font-size: 16px;
  color: var(--text-color);
  line-height: 160%;
  padding-top: 15px;
  font-family: "Cabin", sans-serif !important;
}
#about ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  row-gap: 13px;
  padding-top: 30px;
}
#about ul li {
  width: 50%;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: var(--primary-color);
  display: flex;
}
.right-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml;utf8,<svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.00812 12.4284L4.39424 10.0406L10.9333 16.5779L21.8346 5.68091L24.2224 8.06703L10.9333 21.3544L2.00812 12.4284Z" fill="%23FABF4D"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  vertical-align: middle;
  margin-inline-end: 8px;
  flex-shrink: 0;
  flex-grow: 0;
}
a.more-btn {
  background: var(--secondary-color);
  height: 50px;
  width: 220px;
  color: var(--primary-color);
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}
a.more-btn:hover {
  color: var(--secondary-color);
  background: var(--primary-color);
  transition: all 0.4s ease-in-out;
}
#services .container > .row:first-of-type {
  row-gap: 32px;
}
#services .col-lg-6 .paragraph {
  border-left: 1px solid var(--secondary-color);
  padding-left: 15px;
  padding-top: unset;
}
[dir="rtl"] #services .col-lg-6 .paragraph {
  border-left: unset;
  border-right: 1px solid var(--secondary-color);
  padding-left: unset;
  padding-right: 15px;
}
#services .service-card {
  position: relative;
  background: var(--white);
  box-shadow: 0px 0px 6px 2px #0000000d;
  padding: 35px 33px;
  overflow: hidden;
}
#services .bg-image {
  position: absolute;
  top: 0;
  right: 0;
  width: 65px;
  height: 65px;
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
}
#services img {
  width: 52px;
  height: 52px;
  object-fit: contain;
}
#services h4 {
  line-height: 110%;
  font-weight: 700;
  font-size: 22px;
  color: var(--primary-color);
  padding-top: 26px;
  padding-bottom: 9px;
}
#services .service-card p {
  padding-top: unset;
  padding-bottom: 0px;
}
#services .learn-more {
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  color: var(--primary-color);
  padding-top: 10px;
  width: 100%;
  display: flex;
  align-items: center;
}
.service-card .learn-more span {
  display: inline-block;
  width: 17px;
  height: 17px;
  background-image: url('data:image/svg+xml;utf8,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.86 12.0205L9.86 9.18717L3.54167 9.18717L3.52042 7.76342L9.86 7.76342L9.86 4.93717L13.4017 8.47884L9.86 12.0205Z" fill="%23012840"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  vertical-align: middle;
  margin-inline-start: 2px;
}
#services .row.service-cards {
  padding-top: 50px;
  align-items: stretch;
  justify-content: center;
  row-gap: 40px;
}
#services .row.service-cards > [class*="col"] > .service-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#services .more-btn {
  margin-left: auto;
  margin-right: auto;
}
#testimonial {
  position: relative;
  padding-top: 100px;
}
#testimonial .bg-image.section-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 80%;
  opacity: 0.1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
}
#testimonial .bg-color {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 80%;
  background: var(--secondary-color);
  z-index: -2;
}
#testimonial .row:first-child > *,
#blogs .row:first-child > * {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#testimonial .row:first-child .paragraph {
  color: var(--primary-color);
  padding-top: 10px;
}
#testimonial .owl-item,
#testimonial .item {
  display: flex;
}
#testimonial .testimonial-card {
  background: var(--white);
  position: relative;
  padding: 35px 30px;
  height: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#testimonial .testimonial-card h3 {
  display: flex;
  gap: 15px;
  align-items: center;
  font-weight: 500;
  font-size: 18px;
  color: var(--primary-color);
  text-transform: capitalize;
}
#testimonial .testimonial-card .paragraph {
  padding-top: 10px;
}
#testimonial .quotes {
  max-width: 40px;
  max-height: 40px;
  object-fit: contain;
}
#testimonial .avatar {
  max-width: 50px;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 50%;
}
#testimonial .user-info {
  display: flex;
  gap: 15px;
  padding-top: 30px;
}
#testimonial .user-info div {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
#testimonial .user-info h6 {
  font-weight: 400;
  font-size: 16px;
  color: var(--primary-color);
  line-height: 100%;
}
#testimonial .user-info p {
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  color: var(--secondary-color);
}
#testimonial .testimonial-card .bg-image {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 65px;
  height: 65px;
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
}
#testimonial .owl-carousel {
  padding-top: 50px;
}
#faqs .row,
#contact .row,
#about .row {
  justify-content: space-between;
  row-gap: 40px;
}
#faqs img {
  width: 100%;
  height: 100%;
  max-height: 700px;
  object-fit: cover;
}
#questions-answers {
  padding-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#questions-answers .dropdown-toggle {
  color: var(--primary-color);
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.04em;
  background: unset;
  border: unset;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
  row-gap: 20px;
  border-bottom: 1px solid #035aa6;
  padding-bottom: 15px;
  overflow-x: hidden;
  text-wrap: wrap;
}
#questions-answers .dropdown-toggle::after {
  transform: rotate(270deg);
}
[dir="rtl"] #questions-answers .dropdown-toggle::after {
  transform: rotate(90deg);
}
#questions-answers .dropdown-toggle.show::after {
  transform: rotate(360deg);
}
#questions-answers .dropdown-menu.show {
  margin-top: 30px;
  border: unset;
  border-radius: unset;
}
#questions-answers .dropdown-icon {
  transition: transform 0.4s ease;
}
#questions-answers .dropdown-menu {
  position: relative !important;
  inset: auto !important;
  margin: initial !important;
  transform: none !important;
  border: none;
  border-radius: unset;
  font-size: 16px;
  font-weight: 400;
  font-family: "Cabin", sans-serif !important;
  color: var(--text-color);
  padding: 0;
  background: var(--white);
  z-index: 2;
  padding-top: 10px;
}
#questions-answers .dropdown-menu > div {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#partners {
  background: var(--offwhite);
}
#partners .owl-carousel .owl-stage {
  padding-top: 40px;
  padding-bottom: 40px;
}
#partners .owl-carousel .owl-item img {
  max-width: 180px;
  margin-left: auto;
  margin-right: auto;
}
#blogs .paragraph {
  padding-top: 10px;
}
#blogs .row:first-child h5 {
  color: var(--secondary-color);
}
#blogs .blog-cards {
  padding-top: 40px;
  row-gap: 40px;
  justify-content: center;
}
#blogs .blog-card img {
  height: 300px;
  width: 100%;
  object-fit: cover;
}
#blogs .blog-card .position-relative {
  overflow: hidden;
}
#blogs .blog-card a {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#blogs .blog-card div {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#blogs .blog-card .date {
  color: var(--secondary-color);
  font-size: 12px;
  font-weight: 500;
  line-height: 100%;
  font-family: "Cabin", sans-serif !important;
}
#blogs .blog-card p {
  font-weight: 500;
  font-size: 18px;
  color: var(--primary-color);
  line-height: 120%;
}
#newsletter {
  position: relative;
  max-width: 60%;
  margin-left: auto;
  margin-right: auto;
  padding: 50px;
  margin-bottom: -70px;
  z-index: 1;
}
#newsletter .bg-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
}
#newsletter .bg-color {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: var(--secondary-color);
  z-index: -2;
}
#newsletter h6 {
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: var(--white);
}
#newsletter h4 {
  font-weight: 700;
  font-size: 25px;
  line-height: 110%;
  color: var(--white);
  padding-top: 13px;
}
#newsletter form {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-top: 30px;
}
#newsletter input[type="email"] {
  border-left: unset;
  border-right: unset;
  border-top: unset;
  border-bottom: 1px solid var(--primary-color);
  background: unset;
  width: inherit;
  padding-left: 10px;
  padding-right: 10px;
}
#newsletter input[type="email"]::placeholder {
  font-weight: 500;
  font-size: 12.8px;
  color: var(--white);
  line-height: 100%;
  font-family: "Cabin", sans-serif !important;
}
#newsletter input:focus {
  outline: unset;
}
.submit-wrapper {
  position: relative;
  display: inline-block;
  background-color: var(--primary-color);
  padding-top: 18px;
  padding-bottom: 18px;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  min-width: 230px;
}
.submit-wrapper input[type="submit"] {
  background: unset;
  border: unset;
  font-weight: 600;
  font-size: 16px;
  color: var(--white);
}
.submit-icon {
  margin-inline-start: 8px;
  width: 17px;
  height: 17px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17'><path d='M9.86003 12.0205L9.86003 9.18717L3.5417 9.18717L3.52045 7.76342L9.86003 7.76342L9.86003 4.93717L13.4017 8.47884L9.86003 12.0205Z' fill='white'/></svg>")
    no-repeat center / contain;
  pointer-events: none;
}
[dir="rtl"] .submit-icon {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17'><g transform='rotate(180 8.5 8.5)'><path d='M9.86003 12.0205L9.86003 9.18717L3.5417 9.18717L3.52045 7.76342L9.86003 7.76342L9.86003 4.93717L13.4017 8.47884L9.86003 12.0205Z' fill='white'/></g></svg>")
    no-repeat center / contain;
}
#main-footer {
  position: relative;
  padding-top: 150px;
}
#main-footer .row {
  row-gap: 40px;
}
#main-footer .bg-image {
  opacity: 0.1;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0;
  z-index: -1;
}
#main-footer .bg-color {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: var(--primary-color);
  mix-blend-mode: multiply;
  z-index: -2;
}
#main-footer .general-info p {
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  color: var(--white);
  font-family: "Cabin", sans-serif !important;
  padding-top: 30px;
  padding-bottom: 30px;
}
#main-footer .general-info ul {
  list-style: none;
}
#main-footer .social-media {
  display: flex;
  gap: 12px;
}
#main-footer .social-media span {
  background: var(--secondary-color);
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#main-footer .social-media span svg {
  max-width: 16px;
  max-height: 14px;
}
#main-footer .important-links h5,
#main-footer .our-services h5,
#main-footer .contact-info h5 {
  font-weight: 700;
  font-size: 25px;
  line-height: 110%;
  color: var(--white);
  position: relative;
  padding-bottom: 20px;
}
#main-footer .important-links h5::after,
#main-footer .our-services h5::after,
#main-footer .contact-info h5::after {
  content: "";
  display: block;
  width: 90px;
  border-bottom: 1px solid var(--secondary-color);
  padding-top: 20px;
}
#main-footer .important-links ul,
#main-footer .our-services ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#main-footer .important-links li,
#main-footer .our-services li {
  position: relative;
  display: flex;
}
#main-footer .important-links li:hover,
#main-footer .our-services li:hover,
#services .learn-more:hover,
#about ul li:hover,
.summary .first-card a:hover,
.submit-wrapper:hover > *,
#about.circle-icon .list-item:hover,
.recent li a:hover,
#service-details .d-flex ul li:hover,
.article-content ul li:hover,
.contact-list-item:hover,
#error-page a:hover > * {
  animation: move-back 0.6s ease-in-out forwards;
}
[dir="rtl"] #main-footer .important-links li:hover,
[dir="rtl"] #main-footer .our-services li:hover,
[dir="rtl"] #services .learn-more:hover,
[dir="rtl"] #about ul li:hover,
[dir="rtl"] .summary .first-card a:hover,
[dir="rtl"] .submit-wrapper:hover > *,
[dir="rtl"] #about.circle-icon .list-item:hover,
[dir="rtl"] .recent li a:hover,
[dir="rtl"] #service-details .d-flex ul li:hover,
[dir="rtl"] .article-content ul li,
[dir="rtl"] .contact-list-item:hover,
[dir="rtl"] #error-page a:hover > * {
  animation: move-back-rtl 0.6s ease-in-out forwards;
}
#main-footer .important-links li a,
#main-footer .our-services li a,
#main-footer .contact-info p {
  color: var(--white);
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
}
#main-footer .important-links li a,
#main-footer .our-services li a {
  display: flex;
}
#main-footer .contact-info p {
  line-height: 160%;
}
#main-footer .contact-info div {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
#main-footer hr {
  background: var(--secondary-color);
  opacity: 1;
  margin: 60px 0 0 0;
}
#main-footer .copy-right p {
  text-align: center;
  color: var(--white);
  font-size: 12.8px;
  font-weight: 500;
  line-height: 100%;
  font-family: "Cabin", sans-serif !important;
  padding-top: 30px;
  padding-bottom: 30px;
}
.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 {
  position: relative;
  width: 100%;
  min-height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#breadcrumb .row {
  row-gap: 40px;
}
#breadcrumb .bg-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  background-size: cover;
  background-position: 0% 65%;
  background-repeat: no-repeat;
  z-index: -1;
}
#breadcrumb .breadcrumb-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: var(--secondary-color);
  mix-blend-mode: multiply;
}
#breadcrumb .row > * {
  position: relative;
  color: var(--white);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#breadcrumb nav {
  display: flex;
  justify-content: flex-end;
}
#breadcrumb .breadcrumb-item,
#breadcrumb .breadcrumb-item a,
#breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: var(--primary-color);
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
}
#breadcrumb .breadcrumb-item.active {
  font-weight: 700;
}
[dir="rtl"] #breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  float: right;
  padding-left: 10px;
}
[dir="rtl"] #breadcrumb .breadcrumb-item + .breadcrumb-item {
  padding-left: 0;
}
#breadcrumb h1 {
  font-weight: 700;
  line-height: 100%;
  color: var(--white);
}
#breadcrumb p {
  padding-top: 30px;
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  font-family: "Cabin", sans-serif !important;
}
#partners.partners {
  margin-bottom: 80px;
}
#about.circle-icon {
  padding-top: unset;
}
#about.circle-icon .right-icon {
  width: 35px;
  height: 35px;
  background-image: url('data:image/svg+xml;utf8,<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_8_813)"><path d="M22 0C9.84981 0 0 9.84981 0 22C0 34.1509 9.84981 44 22 44C34.1509 44 44 34.1509 44 22C44 9.84981 34.1509 0 22 0ZM22 41.2933C11.3857 41.2933 2.75 32.6143 2.75 21.9999C2.75 11.3856 11.3857 2.74991 22 2.74991C32.6143 2.74991 41.25 11.3856 41.25 21.9999C41.25 32.6142 32.6143 41.2933 22 41.2933ZM30.7801 13.9501L17.8722 26.939L12.0594 21.1262C11.5225 20.5893 10.6521 20.5893 10.1145 21.1262C9.57752 21.6631 9.57752 22.5335 10.1145 23.0704L16.92 29.8767C17.457 30.4129 18.3273 30.4129 18.865 29.8767C18.9268 29.8148 18.9798 29.7474 19.0279 29.6773L32.7257 15.895C33.2619 15.358 33.2619 14.4876 32.7257 13.9501C32.1881 13.4131 31.3177 13.4131 30.7801 13.9501Z" fill="%23FABF4D"/></g><defs><clipPath id="clip0_8_813"><rect width="44" height="44" fill="white"/></clipPath></defs></svg>');
}
#about.circle-icon .list {
  padding-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
#about.circle-icon .list-item {
  display: flex;
}
#about.circle-icon .list-item > div {
  display: flex;
  flex-direction: column;
}
#about.circle-icon .list-item h5 {
  font-weight: 700;
  font-size: 22px;
  line-height: 110%;
  color: var(--primary-color);
}
#about.circle-icon .list-item .paragraph {
  padding-top: 10px;
}
#statistics.padding-bottom {
  padding-bottom: 80px;
}
#about.about-reverse.circle-icon .right-icon {
  width: 30px;
  height: 30px;
  background-image: url('data:image/svg+xml;utf8,<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="50" height="50" rx="25" fill="%23FABF4D"/><path d="M17.6118 12.5723C17.2201 12.9389 17 13.4359 17 13.9542C17 14.4726 17.2201 14.9696 17.6118 15.3362L27.9559 25.0118L17.6118 34.6874C17.2312 35.0561 17.0206 35.5498 17.0253 36.0623C17.0301 36.5748 17.2498 37.0651 17.6373 37.4275C18.0247 37.7899 18.5489 37.9955 19.0968 37.9999C19.6447 38.0044 20.1726 37.8074 20.5667 37.4513L32.3882 26.3938C32.7799 26.0272 33 25.5301 33 25.0118C33 24.4935 32.7799 23.9964 32.3882 23.6299L20.5667 12.5723C20.1748 12.2059 19.6434 12 19.0893 12C18.5351 12 18.0037 12.2059 17.6118 12.5723Z" fill="white"/></svg>');
}
#about.about-reverse .secondary-bg {
  top: unset;
  right: unset;
  bottom: 0;
  left: 0;
}
#about.about-reverse img {
  margin-top: unset;
  margin-bottom: 5%;
  margin-left: 5%;
}
#about.about-reverse .position-relative {
  overflow: hidden;
}
.pagination {
  padding-top: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
[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: 24px;
  text-decoration: none;
  color: var(--text-color);
  padding: 6px 10px;
  border-radius: 2px;
  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(--secondary-color) !important;
  color: var(--white);
  border-color: unset;
}
.pagination .prev,
.pagination .next {
  background-color: var(--primary-color) !important;
  color: var(--white);
  font-size: 20px;
}
.pagination .prev:hover,
.pagination .next:hover {
  background-color: var(--primary-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(--secondary-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);
}
.pagination .prev,
.pagination .next {
  font-size: 22px;
}
.pagination a,
.pagination span,
.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
  border-radius: 0px;
}
.recent ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.recent ul li {
  position: relative;
}
.recent ul span {
  display: inline-block;
  width: 17px;
  height: 17px;
  background-image: url('data:image/svg+xml;utf8,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.86 12.0205L9.86 9.18717L3.54167 9.18717L3.52042 7.76342L9.86 7.76342L9.86 4.93717L13.4017 8.47884L9.86 12.0205Z" fill="%23012840"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  vertical-align: middle;
  margin-inline-end: 10px;
}
.recent ul li a {
  font-weight: 500;
  font-size: 18px;
  color: var(--primary-color);
  line-height: 100%;
  display: flex;
  align-items: center;
}
.details hr,
#about.about-reverse hr,
#services .service-card hr {
  background-color: var(--primary-color);
  opacity: 1;
}
.details h5 {
  font-size: 23px;
  color: var(--primary-color);
  line-height: 110%;
  font-weight: 700;
}
.download-icon {
  display: inline-block;
  width: 12px;
  height: 16px;
  background-image: url('data:image/svg+xml;utf8,<svg width="12" height="16" viewBox="0 0 12 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_11_2745)"><path d="M5.68437 8.00313C5.52812 7.50313 5.53125 6.5375 5.62187 6.5375C5.88437 6.5375 5.85938 7.69063 5.68437 8.00313ZM5.63125 9.47812C5.39062 10.1094 5.09063 10.8313 4.74375 11.4375C5.31563 11.2188 5.9625 10.9 6.70937 10.7531C6.3125 10.4531 5.93125 10.0219 5.63125 9.47812ZM2.69062 13.3781C2.69062 13.4031 3.10313 13.2094 3.78125 12.1219C3.57188 12.3187 2.87188 12.8875 2.69062 13.3781ZM7.75 5H12V15.25C12 15.6656 11.6656 16 11.25 16H0.75C0.334375 16 0 15.6656 0 15.25V0.75C0 0.334375 0.334375 0 0.75 0H7V4.25C7 4.6625 7.3375 5 7.75 5ZM7.5 10.3687C6.875 9.9875 6.45937 9.4625 6.16563 8.6875C6.30625 8.10938 6.52812 7.23125 6.35938 6.68125C6.2125 5.7625 5.03437 5.85313 4.86562 6.46875C4.70937 7.04063 4.85313 7.84688 5.11875 8.875C4.75625 9.7375 4.22188 10.8937 3.84375 11.5562C3.84063 11.5562 3.84063 11.5594 3.8375 11.5594C2.99063 11.9937 1.5375 12.95 2.13438 13.6844C2.30938 13.9 2.63438 13.9969 2.80625 13.9969C3.36563 13.9969 3.92187 13.4344 4.71562 12.0656C5.52187 11.8 6.40625 11.4688 7.18437 11.3406C7.8625 11.7094 8.65625 11.95 9.18437 11.95C10.0969 11.95 10.1594 10.95 9.8 10.5938C9.36563 10.1687 8.10312 10.2906 7.5 10.3687ZM11.7812 3.28125L8.71875 0.21875C8.57812 0.078125 8.3875 0 8.1875 0H8V4H12V3.80938C12 3.6125 11.9219 3.42188 11.7812 3.28125ZM9.46562 11.2594C9.59375 11.175 9.3875 10.8875 8.12813 10.9781C9.2875 11.4719 9.46562 11.2594 9.46562 11.2594Z" fill="%23FABF4D"/></g><defs><clipPath id="clip0_11_2745"><rect width="12" height="16" fill="white"/></clipPath></defs></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  vertical-align: middle;
  margin-inline-end: 6px;
}
.download button {
  font-weight: 400;
  font-size: 16px;
  background: var(--primary-color);
  color: var(--white);
  border: unset;
  width: 100%;
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
  align-items: center;
  row-gap: 5px;
}
.download button:hover {
  opacity: 0.9;
  transition: all 0.4s ease-in-out;
}
.details .sidebar {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.details .hero-img {
  width: 100%;
  height: 400px;
  max-height: 400px;
  object-fit: cover;
}
#article-details .hero-img {
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}
.details .row {
  justify-content: space-between;
  row-gap: 80px;
}
#service-details .d-flex {
  justify-content: space-between;
  padding-top: 40px;
  padding-bottom: 40px;
  gap: 1%;
}
#service-details .d-flex img {
  width: 45%;
  max-height: 300px;
  object-fit: cover;
}
#service-details .d-flex ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
}
#service-details .d-flex ul li {
  font-weight: 400;
  font-size: 16px;
  color: var(--text-color);
  line-height: 100%;
  display: flex;
}
#service-details .d-flex ul li span {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D'21'%20height%3D'22'%20viewBox%3D'0%200%2021%2022'%20fill%3D'none'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cpath%20d%3D'M12.1799%2015.5558L12.1799%2011.8891L4.37488%2011.8891L4.34863%2010.0466L12.1799%2010.0466L12.1799%206.38912L16.5549%2010.9725L12.1799%2015.5558Z'%20fill%3D'%23FABF4D'/%3E%3C/svg%3E");
  display: inline-block;
  width: 22px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  vertical-align: middle;
  margin-inline-end: 6px;
  flex-grow: 0;
  flex-shrink: 0;
}
[dir="rtl"] #service-details .d-flex ul li span,
[dir="rtl"] .recent ul span,
[dir="rtl"] .article-content ul li::before,
[dir="rtl"] .service-card .learn-more span {
  transform: rotate(180deg);
}
.blogs-list {
  display: flex;
  flex-direction: column;
  gap: 25px;
  padding-top: 30px;
}
.blogs-list a {
  display: flex;
  gap: 20px;
}
.blogs-list img {
  width: 80px;
  height: 90px;
  object-fit: cover;
  border-radius: 4px;
  flex-shrink: 0;
  flex-grow: 0;
}
.blogs-list h6 {
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  color: var(--primary-color);
}
.date {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: var(--secondary-color);
  padding-top: 12px;
  display: flex;
  align-items: center;
}
.date span {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-inline-end: 8px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><path d='M15.3651 4.12831H13.7501V2.95498C13.7501 2.73664 13.5584 2.52831 13.3334 2.53831C13.2235 2.54024 13.1187 2.58475 13.0409 2.66248C12.9632 2.74021 12.9187 2.84507 12.9168 2.95498V4.12831H7.08342V2.95498C7.08342 2.73664 6.89176 2.52831 6.66676 2.53831C6.55685 2.54024 6.45199 2.58475 6.37426 2.66248C6.29654 2.74021 6.25202 2.84507 6.25009 2.95498V4.12831H4.63509C4.08276 4.12897 3.55324 4.34868 3.16268 4.73923C2.77213 5.12979 2.55242 5.65931 2.55176 6.21164V15.3783C2.55176 16.5275 3.48676 17.4616 4.63509 17.4616H15.3643C16.5134 17.4616 17.4476 16.5275 17.4476 15.3783V6.21164C17.4471 5.65939 17.2276 5.12987 16.8372 4.73929C16.4468 4.3487 15.9173 4.12897 15.3651 4.12831ZM4.63509 4.96164H6.25009V5.45498C6.25009 5.67331 6.44176 5.88164 6.66676 5.87164C6.89259 5.86164 7.08342 5.68831 7.08342 5.45498V4.96164H12.9168V5.45498C12.9168 5.67331 13.1084 5.88164 13.3334 5.87164C13.5593 5.86164 13.7501 5.68831 13.7501 5.45498V4.96164H15.3643C16.0534 4.96164 16.6143 5.52248 16.6143 6.21164V7.53164H3.38509V6.21164C3.38509 5.52248 3.94592 4.96164 4.63509 4.96164ZM15.3651 16.6283H4.63509C3.94592 16.6283 3.38509 16.0675 3.38509 15.3783V8.36498H16.6143V15.3783C16.6143 15.7097 16.4827 16.0275 16.2484 16.2619C16.0142 16.4963 15.6965 16.6281 15.3651 16.6283Z' fill='%23FABF4D'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
  pointer-events: none;
  flex-grow: 0;
  flex-shrink: 0;
}
#article-details .recent,
.tags {
  box-shadow: 0px 0px 4px 3px #0000000d;
  padding: 30px;
  border-radius: 6px;
}
.ad {
  position: relative;
  padding: 30px;
  border-radius: 6px;
}
.ad .bg-image {
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 6px;
  opacity: 0.8;
}
.ad .bg-color {
  background: var(--primary-color);
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  border-radius: 6px;
  mix-blend-mode: multiply;
}
.ad div {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.ad h5 {
  font-weight: 600;
  font-size: 24px;
  line-height: 100%;
  color: var(--white);
  text-align: center;
}
.ad a {
  background: var(--secondary-color);
  color: var(--white);
  border-radius: 80px;
  font-weight: 500;
  font-size: 16px;
  color: var(--white);
  text-align: center;
  padding: 12px 20px;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.tags a {
  border: 1px solid var(--secondary-color);
  border-radius: 80px;
  color: var(--white);
  background: var(--secondary-color);
  padding: 10px 20px;
  font-weight: 600;
  font-size: 16px;
}
.tags a:hover,
.ad a:hover {
  color: var(--primary-color);
  transition: all 0.4s ease-in-out;
}
.tags a.current-tag {
  background: var(--white);
  color: var(--primary-color);
}
.tags div {
  padding-top: 30px;
  display: flex;
  flex-wrap: wrap;
  row-gap: 24px;
  gap: 6px;
}
.article-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6 {
  font-weight: 600;
  line-height: 100%;
  color: var(--primary-color);
}
.article-content p:first-child {
  padding-top: 15px;
}
.article-content p {
  font-weight: 400;
  font-size: 16px;
  color: var(--text-color);
  line-height: 160%;
  padding-bottom: 15px;
  font-family: "Cabin", sans-serif !important;
}
.article-content ul {
  list-style: none;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 10px;
}
.article-content ul li {
  font-weight: 600;
  font-size: 14px;
  line-height: 160%;
  width: 50%;
  position: relative;
  display: flex;
  padding-left: 28px;
  color: var(--primary-color);
}
[dir="rtl"] .article-content ul li {
  padding-left: unset;
  padding-right: 28px;
}
.article-content ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><rect x='20' width='20' height='20' rx='10' transform='rotate(90 20 0)' fill='%23FABF4D'/><path d='M6 11.5306L6 8.46939L10.0404 8.46939L10.0404 6L14 10L10.0404 14L10.0404 11.5306L6 11.5306Z' fill='%23F4F4F4'/></svg>");
  background-repeat: no-repeat;
  background-size: 20px 20px;
  flex-shrink: 0;
  flex-grow: 0;
}
[dir="rtl"] .article-content ul li::before {
  left: unset;
  right: 0;
}
#contact .row {
  row-gap: 40px;
  justify-content: space-between;
}
.contact-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-top: 30px;
}
.contact-list-item {
  display: flex;
  gap: 10px;
}
.contact-list-item span {
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--secondary-color);
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  flex-shrink: 0;
  flex-grow: 0;
}
.contact-list-item span img {
  max-width: 22px;
  max-height: 22px;
}
.contact-list-item h6 {
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  color: var(--primary-color);
}
.contact-list-item p {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: var(--text-color);
  font-family: "Cabin", sans-serif !important;
}
[dir="rtl"] .contact-list-item:first-of-type p {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  direction: ltr;
}
.contact-form {
  display: flex;
  flex-direction: column;
  gap: 26px;
  box-shadow: 0px 0px 4px 3px #0000000d;
  border-radius: 6px;
  padding: 30px;
}
.contact-form .form-group {
  margin-bottom: 0px !important;
}
.contact-form label.form-label {
  color: var(--text-color);
  font-weight: 400;
  font-size: 16px;
  display: flex;
  align-items: center;
  padding: 12px 24px;
}
.contact-form input,
.contact-form input:focus {
  padding-right: 24px !important;
  padding-left: 24px !important;
  border-radius: 6px;
  border: 1px solid var(--primary-color);
}
[dir="rtl"] .contact-form input,
[dir="rtl"] .contact-form input:focus {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.contact-form textarea {
  border-radius: 6px;
  display: block;
  border: 1px solid var(--primary-color);
  outline: none;
  width: 100%;
  height: 200px;
  padding: 12px 24px;
}
.contact-form textarea::placeholder {
  color: var(--text-color);
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
}
.contact-form input:focus {
  box-shadow: unset !important;
}
.contact-form .form-row {
  display: flex;
  gap: 3.5%;
  row-gap: 26px;
}
.contact-form .form-group {
  flex: 1;
}
.contact-form input[type="submit"],
.contact-form button {
  margin-top: 2px;
  width: 100%;
  padding: 12px !important;
  border-radius: 80px;
  background: var(--secondary-color);
  color: var(--white);
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  outline: none;
  margin-left: auto;
  margin-right: auto;
  font-family: "Cabin", sans-serif !important;
}
[dir="rtl"] .contact-form .form-floating > label {
  left: unset;
}

#error-page {
  padding-top: 80px;
  padding-bottom: 80px;
}
#error-page .row {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#error-page .row * {
  color: var(--text-color);
  text-align: center;
}
#error-page h1 {
  font-family: "Cabin", sans-serif !important;
  font-weight: 700;
  line-height: 100%;
  font-size: clamp(2rem, 30vw, 11em);
}
#error-page .row h3 {
  font-weight: 700;
  line-height: 130%;
  letter-spacing: 0.04em;
  color: var(--primary-color);
}
#error-page .row p {
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  font-family: "Cabin", sans-serif !important;
}
#error-page .row div {
  padding-top: 50px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
#error-page .row a {
  width: 240px;
  height: 40px;

  background: var(--secondary-color);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 20px;
}
#error-page .row a span:first-child {
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  color: var(--white);
}
#error-page a .arrow-icon {
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url("data:image/svg+xml;utf8,<svg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M9.86009 12.0204L9.86009 9.18711L3.54176 9.18711L3.52051 7.76336L9.86009 7.76336L9.86009 4.93711L13.4018 8.47878L9.86009 12.0204Z' fill='white'/></svg>")
    no-repeat center;
  background-size: contain;
  margin-inline-start: 8px;
}
[dir="rtl"] #error-page a .arrow-icon {
  background: url("data:image/svg+xml;utf8,<svg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'><g transform='rotate(180 8.5 8.5)'><path d='M9.86009 12.0204L9.86009 9.18711L3.54176 9.18711L3.52051 7.76336L9.86009 7.76336L9.86009 4.93711L13.4018 8.47878L9.86009 12.0204Z' fill='white'/></g></svg>")
    no-repeat center;
}
#error-page a:hover {
  background: var(--primary-color);
  transition: all 0.4s ease-in-out;
}
#slider .swiper-button-next,
#slider .swiper-button-prev,
#slider .swiper-pagination-bullet {
  display: none;
}
@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);
  }
}
@media (min-width: 1250px) {
  #article-details .col-lg-4 {
    width: 30%;
  }
  .details .hero-img {
    height: 450px;
    max-height: 450px;
  }
  .details .hero-img {
    height: 500px;
  }
}
@media (min-width: 1024px) {
  #slider .col-lg-6 {
    width: 45%;
  }
  .summary {
    height: 250px;
  }
}
@media (max-width: 1024px) {
  .article-content ul {
    flex-direction: column;
  }
  .article-content ul li {
    width: 100%;
  }
  header .links {
    flex-direction: column;
    align-items: unset;
    gap: 40px;
    padding-top: 40px;
  }
  header .navbar-expand-lg .navbar-collapse {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  header .navbar-expand-lg .navbar-nav {
    margin-left: unset;
    margin-right: unset;
  }
  #about img,
  #about .secondary-bg {
    height: 400px;
  }
}
@media (max-width: 992px) {
  #faqs img {
    height: auto;
    max-height: 500px;
  }
  #service-details .d-flex img {
    max-height: 230px;
  }
  .download button {
    font-size: 13px;
  }
  /* #slider .swiper-slide {
    padding-top: 10%;
    padding-bottom: 15%;
  } */
  #statistics .row > div:nth-child(2) {
    border-right: unset;
  }
  [dir="rtl"] #statistics .row > div:nth-child(2) {
    border-right: unset;
    border-left: unset;
  }
  header .top-header .info {
    flex-direction: column;
    gap: unset;
    align-items: unset;
  }
  header .top-header p {
    line-height: 250%;
  }
  #slider .social-media {
    flex-direction: row;
    align-items: center;
  }
  .summary .col-lg-3:nth-of-type(1),
  .summary .col-lg-3:nth-of-type(3) {
    border-left: unset;
  }
  [dir="rtl"] .summary .col-lg-3:nth-of-type(1),
  [dir="rtl"] .summary .col-lg-3:nth-of-type(3) {
    border-left: unset;
    border-right: unset;
  }
  #about img {
    height: 300px;
  }
  #about .secondary-bg {
    max-height: 300px;
  }
  #slider .swiper-wrapper .row {
    height: unset;
    padding-top: 50px;
    padding-bottom: 50px;
    row-gap: 40px;
  }
  #newsletter {
    max-width: 70%;
  }
}
@media (max-width: 768px) {
  #faqs img {
    max-height: 400px;
  }
  .contact-form .form-row {
    flex-direction: column;
  }
  .details .hero-img {
    max-height: 330px;
  }
  #service-details .d-flex img {
    max-height: 200px;
    object-fit: contain;
  }
  #slider h1 {
    font-size: 40px;
  }
  header .top-header {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  header .top-header .contact-links {
    flex-direction: column;
    align-items: unset;
  }
  header .top-header p {
    line-height: 100%;
  }
  .summary .col-lg-3 {
    border-left: unset;
  }
  [dir="rtl"] .summary .col-lg-3 {
    border-left: unset;
    border-right: unset;
  }
  #about ul li {
    width: 100%;
  }
  #about ul {
    flex-direction: column;
  }
  #statistics .row > div {
    border-right: unset;
  }
  [dir="rtl"] #statistics .row > div {
    border-left: unset;
  }
  .navbar-brand img {
    max-width: 180px;
  }
  #newsletter {
    max-width: 80%;
  }
}
@media (max-width: 540px) {
  #newsletter form {
    flex-direction: column;
    row-gap: 20px;
  }
  .submit-wrapper {
    max-width: unset;
  }
  #newsletter input[type="email"] {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #service-details .d-flex {
    flex-direction: column;
    row-gap: 30px;
  }
  #service-details .d-flex img {
    width: 90%;
    max-height: 300px;
    object-fit: cover;
    margin-left: auto;
    margin-right: auto;
  }
  header .top-header .contact-links {
    gap: 15px;
  }
}