/**************************/
@font-face {
  font-family: "font-light";
  src: url("../fonts/noor-light.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "font-regular";
  src: url("../fonts/noor-regular.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "font-bold";
  src: url("../fonts/noor-bold.ttf");
  font-weight: normal;
  font-style: normal;
}
/*************************/
html, html body {
  font-family: "font-regular", sans-serif;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: middle;
  background: transparent;
  height: -moz-fit-content;
  height: fit-content;
  scroll-behavior: smooth;
  text-transform: capitalize;
  font-size: 14px;
  color: #000;
}
html body {
  overflow-x: hidden;
  position: relative;
  z-index: 1;
}
html body.modal-open, html body.swal2-shown {
  padding: 0 !important;
  overflow-y: auto !important;
}
html body ::-moz-selection {
  background-color: #000;
  color: #fff;
}
html body ::selection {
  background-color: #000;
  color: #fff;
}
html body ul {
  list-style: none;
}
html body a,
html body a:hover,
html body a:visited,
html body a:link {
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
html body article,
html body aside,
html body details,
html body figcaption,
html body figure,
html body footer,
html body header,
html body hgroup,
html body menu,
html body nav,
html body section {
  display: block;
}
html body div, html body body div,
html body span,
html body body span,
html body object,
html body body object,
html body iframe,
html body body iframe,
html body h1,
html body body h1,
html body h2,
html body body h2,
html body h3,
html body body h3,
html body h4,
html body body h4,
html body h5,
html body body h5,
html body h6,
html body body h6,
html body p,
html body body p,
html body blockquote,
html body body blockquote,
html body pre,
html body body pre,
html body abbr,
html body body abbr,
html body address,
html body body address,
html body cite,
html body body cite,
html body code,
html body body code,
html body del,
html body body del,
html body dfn,
html body body dfn,
html body em,
html body body em,
html body img,
html body body img,
html body ins,
html body body ins,
html body kbd,
html body body kbd,
html body q,
html body body q,
html body samp,
html body body samp,
html body small,
html body body small,
html body strong,
html body body strong,
html body sub,
html body body sub,
html body sup,
html body body sup,
html body var,
html body body var,
html body b,
html body body b,
html body i,
html body body i,
html body dl,
html body body dl,
html body dt,
html body body dt,
html body dd,
html body body dd,
html body ol,
html body body ol,
html body ul,
html body body ul,
html body li,
html body body li,
html body fieldset,
html body body fieldset,
html body form,
html body body form,
html body label,
html body body label,
html body legend,
html body body legend,
html body table,
html body body table,
html body caption,
html body body caption,
html body tbody,
html body body tbody,
html body tfoot,
html body body tfoot,
html body thead,
html body body thead,
html body tr,
html body body tr,
html body th,
html body body th,
html body td,
html body body td,
html body article,
html body body article,
html body aside,
html body body aside,
html body canvas,
html body body canvas,
html body details,
html body body details,
html body figcaption,
html body body figcaption,
html body figure,
html body body figure,
html body footer,
html body body footer,
html body header,
html body body header,
html body hgroup,
html body body hgroup,
html body menu,
html body body menu,
html body nav,
html body body nav,
html body section,
html body body section,
html body summary,
html body body summary,
html body time,
html body body time,
html body mark,
html body body mark,
html body audio,
html body body audio,
html body video,
html body body video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: middle;
  background: transparent;
}
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6 {
  font-family: inherit;
  font-weight: normal;
  line-height: 1.3;
}
html body textarea {
  resize: none;
}
html body p {
  line-height: 1.7;
}
html body.invert {
  filter: invert(1);
}

.row {
  row-gap: 24px;
}

.bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  display: grid;
  place-items: center;
}

.el {
  background: conic-gradient(from 180deg at 50% 70%, hsl(0, 0%, 98%) 0deg, #eec32d 72.0000010729deg, #ec4b4b 144.0000021458deg, #709ab9 216.0000085831deg, #4dffbf 288.0000042915deg, hsl(0, 0%, 98%) 1turn);
  width: 100%;
  height: 100%;
  -webkit-mask: radial-gradient(circle at 50% 50%, white 2px, transparent 2.5px) 50% 50%/20px 20px, url("https://assets.codepen.io/605876/noise-mask.png") 256px 50%/256px 256px;
          mask: radial-gradient(circle at 50% 50%, white 2px, transparent 2.5px) 50% 50%/20px 20px, url("https://assets.codepen.io/605876/noise-mask.png") 256px 50%/256px 256px;
  -webkit-mask-composite: source-in, xor;
          mask-composite: intersect;
  animation: flicker 20s infinite linear;
  opacity: 0.5;
}

@keyframes flicker {
  to {
    -webkit-mask-position: 50% 50%, 0 50%;
            mask-position: 50% 50%, 0 50%;
  }
}
#home-anim {
  position: absolute;
  z-index: 1;
  inset: 0;
  rotate: 135deg;
  opacity: 0.5;
}

#home {
  -webkit-clip-path: url(#cache);
          clip-path: url(#cache);
}

#red {
  fill: none;
  opacity: 0.15;
  stroke: #ce1b5f;
  stroke-width: 12;
  stroke-miterlimit: 10;
  animation: show 4s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

#blue {
  fill: none;
  opacity: 0.15;
  stroke: #06a1c4;
  stroke-width: 12;
  stroke-miterlimit: 10;
  animation: show 4s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

#light-blue {
  fill: none;
  opacity: 0.15;
  stroke: #06a1c4;
  stroke-width: 6;
  stroke-miterlimit: 10;
  stroke-dasharray: 200;
  stroke-dashoffset: 800;
  animation: draw 4s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes show {
  0% {
    opacity: 0.15;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0.15;
  }
}
.main-head {
  padding: 15px 0;
  transition: 0.3s;
  position: fixed;
  width: 100%;
  top: 0;
  right: 0;
}
@media (max-width: 625px) {
  .main-head {
    padding: 20px 0;
  }
}
.main-head .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
  background-color: #fff;
  padding: 15px 30px;
  position: relative;
}
@media (max-width: 625px) {
  .main-head .inner {
    padding: 0;
    background-color: transparent;
  }
}
@media (max-width: 625px) {
  .main-head .inner .logo {
    display: none;
  }
}
.main-head .inner .menu {
  flex-grow: 1;
}
@media (max-width: 625px) {
  .main-head .inner .menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #fff;
    padding: 20px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-20px);
    transition: 0.3s;
    z-index: 1;
  }
  .main-head .inner .menu.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}
.main-head .inner .menu ul {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 625px) {
  .main-head .inner .menu ul {
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
  }
}
.main-head .inner .menu ul li a {
  color: #000;
  transition: 0.3s;
  font-size: 17px;
}
@media (max-width: 625px) {
  .main-head .inner .menu ul li a {
    font-size: 15px;
  }
}
.main-head .inner .menu ul li a:hover {
  color: #6cb1c6;
}
.main-head .inner .actions {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 625px) {
  .main-head .inner .actions {
    width: 100%;
    justify-content: space-between;
  }
}
.main-head .inner .actions .logo {
  display: none;
}
@media (max-width: 625px) {
  .main-head .inner .actions .logo {
    display: flex;
  }
}
.main-head .inner .actions a {
  color: #000;
  text-transform: uppercase;
  font-size: 17px;
}
.main-head .inner .actions .open-sidebar {
  padding: 0;
  background-color: transparent;
  border: 0;
  display: none;
}
@media (max-width: 625px) {
  .main-head .inner .actions .open-sidebar {
    display: flex;
  }
}
.main-head.scroll-down {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  padding: 10px 0;
}
@media (max-width: 625px) {
  .main-head.scroll-down {
    padding: 10px 0;
  }
}
.main-head.scroll-down .inner {
  background-color: transparent;
  padding: 0;
}

.btn {
  border-radius: 10px;
  height: 45px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #fff;
  background: linear-gradient(to right, #6cb1c6, #35a79e);
  border: 1px solid transparent;
  transition: 0.3s;
  min-width: 150px;
}
@media (max-width: 625px) {
  .btn {
    min-width: 120px;
    border-radius: 10px;
  }
}
.btn.outline {
  background: transparent;
  color: #000;
  border: 1px solid #000;
}
.btn.outline:hover {
  background: linear-gradient(to right, #6cb1c6, #35a79e);
  color: #fff;
  border-color: transparent;
}
.btn:hover {
  background: linear-gradient(to right, #6cb1c6, #35a79e);
  color: #fff;
  border-color: transparent;
}

.hero {
  padding-top: 200px;
  background-image: url("../images/bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  padding-bottom: 50px;
}
@media (max-width: 625px) {
  .hero {
    padding-top: 100px;
    padding-bottom: 20px;
  }
}
@media (max-width: 1600px) {
  .hero .hero-top {
    height: calc(100vh - 250px);
  }
}
@media (max-width: 1200px) {
  .hero .hero-top {
    height: auto;
  }
}
.hero .hero-top > .row {
  flex-direction: row-reverse;
  align-items: center;
  height: 100%;
}
@media (max-width: 625px) {
  .hero .hero-top > .row {
    flex-direction: column-reverse;
    height: auto;
  }
}
.hero .hero-top .img img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
.hero .hero-top .banner {
  background: linear-gradient(to right, #6cb1c6, #35a79e);
  border-radius: 15px;
  padding: 20px;
  margin-top: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
@media (max-width: 625px) {
  .hero .hero-top .banner {
    flex-direction: column;
    padding: 20px 10px;
  }
}
.hero .hero-top .banner .head h3 {
  font-family: "font-bold";
  color: #fff;
  font-size: 17px;
}
.hero .hero-top .banner .head span {
  color: #fff;
  font-size: 11px;
}
.hero .hero-top .banner ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hero .hero-top .banner ul li {
  padding-inline: 20px;
  border-inline-start: 1px solid #fff;
}
.hero .hero-top .banner ul li:last-child {
  border-inline-end: none;
}
@media (max-width: 625px) {
  .hero .hero-top .banner ul li:first-child {
    border-inline-start: none;
  }
}
.hero .hero-top .banner ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  gap: 10px;
  color: #fff;
  font-size: 11px;
}
.hero .hero-top .banner ul li a img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 20px;
}
.hero .hero-top .info {
  padding-block-start: 80px;
}
@media (max-width: 625px) {
  .hero .hero-top .info {
    padding-block-start: 20px;
  }
}
.hero .hero-top .info h1 {
  font-size: 40px;
  font-family: "font-bold";
  color: #35a79e;
  margin-bottom: 7px;
}
@media (max-width: 625px) {
  .hero .hero-top .info h1 {
    font-size: 25px;
  }
}
.hero .hero-top .info h3 {
  font-size: 20px;
  font-family: "font-bold";
  margin-bottom: 10px;
}
@media (max-width: 625px) {
  .hero .hero-top .info h3 {
    font-size: 17px;
  }
}
.hero .hero-top .info p {
  margin-bottom: 50px;
  font-size: 16px;
  line-height: 1.6;
}
@media (max-width: 625px) {
  .hero .hero-top .info p {
    margin-bottom: 30px;
  }
}
.hero .hero-top .info h4 {
  margin-bottom: 15px;
  font-size: 16px;
}
@media (max-width: 625px) {
  .hero .hero-top .info h4 {
    font-size: 14px;
  }
}
.hero .hero-form {
  padding-top: 100px;
  position: relative;
  z-index: 1;
  height: calc(100vh - 140px);
}
@media (min-width: 1600px) {
  .hero .hero-form {
    height: auto;
  }
}
@media (max-width: 625px) {
  .hero .hero-form {
    height: auto;
  }
}
.hero .hero-form .row {
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
.hero .hero-form .form-head {
  padding-inline-end: 50px;
}
@media (max-width: 625px) {
  .hero .hero-form .form-head {
    padding-inline-end: 0;
  }
}
.hero .hero-form .form-head h3 {
  font-family: "font-bold";
  color: #35a79e;
  font-size: 40px;
}
@media (max-width: 625px) {
  .hero .hero-form .form-head h3 {
    font-size: 25px;
  }
}
.hero .hero-form .form-head p {
  margin-block: 15px 30px;
  font-size: 17px;
}
@media (max-width: 625px) {
  .hero .hero-form .form-head p {
    font-size: 14px;
  }
}
.hero .hero-form .form-head div {
  display: flex;
  align-items: center;
  gap: 20px;
}
.hero .hero-form .form-box {
  background-color: #f0f0f0;
  border-radius: 30px;
  padding: 70px 50px;
}
@media (max-width: 625px) {
  .hero .hero-form .form-box {
    padding: 30px;
    border-radius: 15px;
  }
}
.hero .hero-form .form-box h3 {
  text-align: center;
  font-family: "font-bold";
  font-size: 20px;
  margin-bottom: 30px;
}
@media (max-width: 625px) {
  .hero .hero-form .form-box h3 {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
.hero .hero-form .form-box .form-group {
  margin-bottom: 30px;
  position: relative;
}
@media (max-width: 625px) {
  .hero .hero-form .form-box .form-group {
    margin-bottom: 20px;
  }
}
.hero .hero-form .form-box .form-group > img {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  -o-object-fit: contain;
     object-fit: contain;
  border-inline-end: 2px solid #000;
  padding-inline-end: 20px;
  height: 20px;
  z-index: 1;
}
[dir=ltr] .hero .hero-form .form-box .form-group > img {
  left: 20px;
  right: auto;
}
.hero .hero-form .form-box .form-group .form-control {
  height: 60px;
  padding-inline: 80px 20px;
  border-radius: 15px;
  border: 1px solid #e2e2e2;
  background-color: #fff;
  font-size: 14px;
  background-position: left 20px center;
  box-shadow: none;
}
[dir=ltr] .hero .hero-form .form-box .form-group .form-control {
  background-position: right 20px center;
}
.hero .hero-form .form-box .form-group .btn {
  width: 100%;
  height: 50px;
  font-size: 16px;
}
@media (max-width: 625px) {
  .hero .hero-form .form-box .form-group .btn {
    height: 40px;
    font-size: 14px;
  }
}
.hero .hero-form .form-box .form-group:last-child {
  margin-bottom: 0;
}

.features {
  padding-block: 70px;
  position: relative;
}
@media (max-width: 625px) {
  .features {
    padding-block: 30px 50px;
  }
}
.features::before {
  content: "";
  position: absolute;
  top: -90px;
  left: 0;
  width: 100%;
  height: 100px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
.features .g-head {
  text-align: center;
  margin-bottom: 50px;
}
.features .g-head h3 {
  font-family: "font-bold";
  color: #35a79e;
  font-size: 30px;
}
@media (max-width: 625px) {
  .features .g-head h3 {
    font-size: 20px;
  }
}
.features .feature-card {
  border-radius: 15px;
  background-color: #35a79e;
  position: relative;
  padding-top: 100%;
  overflow: hidden;
  transition: 0.3s;
}
.features .feature-card::before {
  content: "";
  position: absolute;
  z-index: -2;
  left: -50%;
  top: -50%;
  width: 200%;
  height: 200%;
  background-repeat: no-repeat;
  background-size: 100% 100%, 50% 50%;
  background-position: 0 0, 100% 0, 100% 100%, 0 100%;
  background-image: linear-gradient(#f1d038, #35a79e);
  animation: bgRotate 4s linear infinite;
  opacity: 0;
  transition: 0.3s;
}
.features .feature-card::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 5px;
  top: 5px;
  width: 0;
  height: calc(100% - 10px);
  background-color: #35a79e;
  border-radius: 15px;
  opacity: 0;
  transition: 0.3s;
}
@keyframes bgRotate {
  100% {
    transform: rotate(1turn);
  }
}
.features .feature-card img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.features .feature-card a {
  position: absolute;
  inset: 0;
}
.features .feature-card:hover {
  background-color: transparent;
  scale: 0.95;
}
.features .feature-card:hover::before {
  opacity: 1;
}
.features .feature-card:hover::after {
  opacity: 1;
  width: calc(100% - 10px);
}

.tabs {
  padding-block: 0 70px;
}
.tabs .box {
  background-color: rgba(105, 176, 194, 0.178);
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 3px 6px rgba(255, 255, 255, 0.16);
}
.tabs .box .nav-tabs {
  border: 0;
  padding-inline: 35px;
  overflow: hidden;
  overflow-y: auto;
  max-height: 750px;
  margin-top: 35px;
}
@media (max-width: 625px) {
  .tabs .box .nav-tabs {
    padding-inline: 0;
    max-height: 500px;
  }
}
.tabs .box .nav-tabs::-webkit-scrollbar {
  display: none;
}
.tabs .box .nav-tabs::-webkit-scrollbar-thumb {
  background: #35a79e;
  border-radius: 10px;
}
.tabs .box .nav-tabs::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1450980392);
}
.tabs .box .nav-tabs .nav-item {
  margin-bottom: 20px;
  width: 100%;
}
.tabs .box .nav-tabs .nav-item .nav-link {
  background-color: #fff;
  display: flex;
  align-items: center;
  border-radius: 15px;
  padding: 20px;
  gap: 20px;
  border: 0;
  color: #000;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.tabs .box .nav-tabs .nav-item .nav-link .icon img {
  width: 60px;
  height: 60px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 625px) {
  .tabs .box .nav-tabs .nav-item .nav-link .icon img {
    width: 40px;
    height: 40px;
  }
}
.tabs .box .nav-tabs .nav-item .nav-link .info {
  text-align: initial;
}
.tabs .box .nav-tabs .nav-item .nav-link .info h4 {
  font-family: "font-bold";
  font-size: 18px;
  margin-bottom: 5px;
  line-height: 1.5;
}
@media (max-width: 625px) {
  .tabs .box .nav-tabs .nav-item .nav-link .info h4 {
    font-size: 13px;
  }
}
@media (max-width: 625px) {
  .tabs .box .nav-tabs .nav-item .nav-link .info span {
    font-size: 10px;
  }
}
.tabs .box .nav-tabs .nav-item .nav-link.active {
  background: linear-gradient(to right, #6cb1c6, #35a79e);
  color: #fff;
  box-shadow: none;
}
.tabs .box .img {
  padding-top: 50px;
}
@media (min-width: 1600px) {
  .tabs .box .img img {
    width: 100%;
  }
}
@media (max-width: 625px) {
  .tabs .box .img {
    padding-top: 0px;
  }
  .tabs .box .img img {
    width: 100%;
    height: 300px;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

.branches {
  padding-bottom: 70px;
  position: relative;
  padding-top: 200px;
  min-height: calc(100vh - 200px);
}
@media (min-width: 1600px) {
  .branches {
    padding-top: 100px;
    min-height: auto;
  }
}
@media (max-width: 625px) {
  .branches {
    padding-bottom: 30px;
    padding-top: 0;
    min-height: auto;
  }
}
.branches .container > .row {
  justify-content: flex-end;
}
.branches #chartdiv {
  width: 60%;
  height: 85%;
  position: absolute;
  top: 0;
  right: 0;
  mix-blend-mode: plus-lighter;
  filter: grayscale(1) opacity(0.4);
}
[dir=ltr] .branches #chartdiv {
  right: auto;
  left: 0;
}
@media (max-width: 625px) {
  .branches #chartdiv {
    width: 80%;
    height: 30%;
    left: 0;
    right: auto;
  }
}
.branches #chartdiv .am5-layer-30 {
  display: none;
}
.branches .g-head {
  margin-bottom: 50px;
}
@media (max-width: 625px) {
  .branches .g-head {
    margin-bottom: 30px;
  }
}
.branches .g-head h3 {
  font-family: "font-bold";
  color: #35a79e;
  font-size: 30px;
  margin-bottom: 10px;
}
@media (max-width: 625px) {
  .branches .g-head h3 {
    font-size: 20px;
  }
}
.branches .g-head p {
  font-size: 16px;
}
@media (max-width: 625px) {
  .branches .g-head p {
    font-size: 14px;
  }
}
.branches .branch-card {
  border-radius: 15px;
  padding: 25px;
  background: linear-gradient(to right, #6cb1c6, #35a79e);
  position: relative;
}
@media (max-width: 625px) {
  .branches .branch-card {
    padding: 20px;
  }
}
.branches .branch-card h3 {
  text-align: center;
  font-family: "font-bold";
  color: #fff;
  font-size: 20px;
  margin-bottom: 20px;
}
.branches .branch-card p {
  color: #fff;
  margin-bottom: 30px;
}
.branches .branch-card .btn {
  background: #fff;
  color: #000;
  width: 100%;
}
.branches .branch-card .btn img {
  width: 15px;
}

.main-footer {
  padding-block: 50px 100px;
  position: relative;
  background-image: url("../images/footer-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (min-width: 1600px) {
  .main-footer {
    padding-block: 50px;
  }
}
@media (max-width: 625px) {
  .main-footer {
    padding-block: 30px;
  }
}
.main-footer::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100px;
  background: linear-gradient(2deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
.main-footer canvas {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.3;
}
.main-footer .container {
  position: relative;
  z-index: 1;
}
.main-footer .row {
  justify-content: space-between;
}
@media (max-width: 625px) {
  .main-footer .socials {
    text-align: center;
  }
}
.main-footer .socials h4 {
  margin-bottom: 15px;
  font-size: 18px;
}
.main-footer .socials div {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 625px) {
  .main-footer .socials div {
    justify-content: center;
  }
}
.main-footer .socials div a img {
  width: 25px;
  height: 25px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 625px) {
  .main-footer .footer-info {
    text-align: center;
  }
}
.main-footer .footer-info h1 {
  font-family: "font-bold";
  font-size: 25px;
  margin-bottom: 20px;
}
@media (max-width: 625px) {
  .main-footer .footer-info h1 {
    color: #35a79e;
  }
}
.main-footer .footer-info p {
  margin-bottom: 40px;
}
@media (max-width: 625px) {
  .main-footer .footer-info p {
    text-align: initial;
    margin-bottom: 20px;
  }
}
@media (max-width: 625px) {
  .main-footer .footer-info .socials {
    display: none;
  }
}
@media (max-width: 625px) {
  .main-footer .footer-contact {
    padding-top: 20px;
  }
}
.main-footer .footer-contact .contact-head {
  text-align: center;
  margin-bottom: 20px;
}
.main-footer .footer-contact .contact-head h3 {
  font-family: "font-bold";
  font-size: 25px;
  margin-bottom: 10px;
}
@media (max-width: 625px) {
  .main-footer .footer-contact .contact-head h3 {
    font-size: 20px;
  }
}
.main-footer .footer-contact ul li {
  display: flex;
  align-items: center;
  gap: 20px;
  border-radius: 15px;
  padding: 20px;
  background: linear-gradient(to right, #6cb1c6, #35a79e);
  color: #fff;
  margin-bottom: 20px;
}
@media (max-width: 625px) {
  .main-footer .footer-contact ul li {
    margin-bottom: 10px;
    padding: 13px 22px;
  }
}
.main-footer .footer-contact ul li .icon img {
  width: 25px;
  height: 25px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 625px) {
  .main-footer .footer-contact ul li .icon img {
    width: 35px;
    height: 35px;
  }
}
.main-footer .footer-contact ul li .info h5 {
  font-size: 13px;
}
.main-footer .footer-contact ul li .info a {
  color: inherit;
  font-size: 20px;
  font-family: "font-bold";
  direction: ltr;
  display: inline-block;
}
.main-footer .footer-contact .socials {
  display: none;
  margin-top: 50px;
}
@media (max-width: 625px) {
  .main-footer .footer-contact .socials {
    display: block;
  }
}

.lines {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.lines .line {
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 50%;
  background: rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.lines .line::after {
  content: "";
  display: block;
  position: absolute;
  height: 15vh;
  width: 100%;
  top: -50%;
  left: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #f10000 75%, #1d0707 100%);
  animation: drop 7s 0s infinite;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
}
.lines .line:nth-child(1) {
  margin-left: -25%;
}
.lines .line:nth-child(1):nth-child(1)::after {
  animation-delay: 2s;
}
.lines .line:nth-child(2) {
  margin-left: 0%;
}
.lines .line:nth-child(2):nth-child(2)::after {
  animation-delay: 1.5s;
}
.lines .line:nth-child(3) {
  margin-left: 25%;
}
.lines .line:nth-child(3):nth-child(3)::after {
  animation-delay: 1s;
}
.lines .line:nth-child(4) {
  margin-left: 50%;
}
.lines .line:nth-child(4):nth-child(4)::after {
  animation-delay: 0.5s;
}
@keyframes drop {
  0% {
    top: -50%;
  }
  100% {
    top: 110%;
  }
}

section {
  min-height: 100vh;
}
@media (min-width: 1600px) {
  section {
    min-height: auto;
  }
}
@media (max-width: 625px) {
  section {
    min-height: auto;
  }
}

.iti {
  width: 100%;
}
.iti .form-control {
  padding-inline: 20px 80px !important;
  text-align: right;
}
[dir=ltr] .iti .form-control {
  text-align: left;
}
.iti .iti__flag-container {
  left: 0 !important;
  right: auto !important;
}
[dir=ltr] .iti .iti__flag-container {
  left: auto !important;
  right: 0 !important;
}
.iti .iti__flag-container .iti__arrow {
  border: 0;
  background-image: url("../images/arrow.svg");
  width: 10px;
  height: 10px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  rotate: -90deg;
  display: none;
}
.iti .iti__flag-container .iti__dropdown-content {
  left: 0;
  right: auto;
  border: 0;
  margin: 3px 0 0;
  border-radius: 10px;
}
.iti .iti__flag-container .iti__selected-flag {
  background-color: transparent !important;
  border-radius: 0 4px 4px 0;
  padding: 0 10px;
  min-width: 90px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-direction: row-reverse;
}
.iti .iti__flag-container .iti__selected-dial-code {
  font-size: 16px;
  margin: 0 !important;
  direction: ltr;
}
@media (max-width: 1200px) {
  .iti .iti__flag-container .iti__selected-dial-code {
    font-size: 15px;
  }
}
.iti .iti__flag-container .iti__search-input {
  border-radius: 12px;
  border: 2px solid #f0f0f0;
  height: 50px;
  font-size: 14px;
  font-family: "font-regular";
  text-transform: lowercase;
  margin: 20px;
  width: calc(100% - 40px);
  outline: none;
  box-shadow: none;
  transition: 0.3s;
  padding: 0 20px;
}
@media (max-width: 1200px) {
  .iti .iti__flag-container .iti__search-input {
    height: 50px;
    font-size: 15px;
  }
}
.iti .iti__flag-container .iti__search-input:focus {
  border-color: #6cb1c6;
}
.iti .iti__flag-container .iti__country-list {
  border: 0;
}
.iti .iti__flag-container .iti__country-list .iti__country {
  font-size: 17px;
}
@media (max-width: 1200px) {
  .iti .iti__flag-container .iti__country-list .iti__country {
    font-size: 15px;
  }
}
.iti .iti__flag-container .iti__country-list .iti__country .iti__dial-code {
  flex-grow: 1;
  text-align: left;
  direction: ltr;
}

.iti--fullscreen-popup.iti--container {
  padding: 0;
  height: 100%;
}

.iti--fullscreen-popup .iti__dropdown-content {
  height: 100%;
}

.iti__search-input {
  margin: 20px 10px;
  width: calc(100% - 20px);
  border: 1px solid #dfdfdf;
  border-radius: 10px;
  padding: 0 20px;
  height: 45px;
}

/* ************** FORM ******** */
.form-wrapper .form-head {
  text-align: center;
  background-color: #fff;
  padding: 10px 20px;
}
@media (max-width: 768px) {
  .form-wrapper .form-head img {
    width: 110px;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media (max-width: 625px) {
  .form-wrapper .form-head img {
    width: 80px;
  }
}
.form-wrapper .form-body {
  background-color: #f7f7f7;
  padding: 80px 130px;
}
@media (max-width: 1600px) {
  .form-wrapper .form-body {
    padding: 50px 30px;
  }
}
@media (max-width: 768px) {
  .form-wrapper .form-body {
    padding: 30px 20px;
  }
}
.form-wrapper .form-body .form-hero {
  border-radius: 30px;
  border: 3px solid #ffb100;
  overflow: hidden;
  padding-top: 40%;
  position: relative;
  margin-bottom: 70px;
}
@media (max-width: 1600px) {
  .form-wrapper .form-body .form-hero {
    border-radius: 15px;
    margin-bottom: 30px;
  }
}
.form-wrapper .form-body .form-hero img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.form-wrapper .form-body .form-content h5 {
  color: #898989;
  font-size: 20px;
}
@media (max-width: 768px) {
  .form-wrapper .form-body .form-content h5 {
    font-size: 16px;
  }
}
.form-wrapper .form-body .form-content .form-group {
  position: relative;
}
.form-wrapper .form-body .form-content .form-group h4 {
  font-size: 25px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .form-wrapper .form-body .form-content .form-group h4 {
    font-size: 18px;
    margin-bottom: 20px;
  }
}
.form-wrapper .form-body .form-content .form-group > img {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  -o-object-fit: contain;
     object-fit: contain;
  border-inline-end: 2px solid #000;
  padding-inline-end: 20px;
  height: 20px;
  z-index: 1;
}
[dir=ltr] .form-wrapper .form-body .form-content .form-group > img {
  left: 20px;
  right: auto;
}
.form-wrapper .form-body .form-content .form-group .form-control {
  height: 60px;
  padding-inline: 80px;
  border-radius: 50px;
  border: 1px solid #e2e2e2;
  background-color: #fff;
  font-size: 20px;
  background-position: left 20px center;
  box-shadow: none;
}
[dir=ltr] .form-wrapper .form-body .form-content .form-group .form-control {
  background-position: right 20px center;
}
@media (max-width: 768px) {
  .form-wrapper .form-body .form-content .form-group .form-control {
    height: 50px;
    font-size: 16px;
  }
}
.form-wrapper .form-body .form-content .form-group textarea.form-control {
  height: 300px;
  padding: 20px;
  resize: none;
  background-color: #ededed;
  border-radius: 20px;
}
@media (max-width: 768px) {
  .form-wrapper .form-body .form-content .form-group textarea.form-control {
    height: 150px;
  }
}
.form-wrapper .form-body .form-content .form-group .btn {
  margin-top: 30px;
  width: 100%;
  height: 70px;
  font-size: 20px;
  gap: 0;
}
@media (max-width: 768px) {
  .form-wrapper .form-body .form-content .form-group .btn {
    height: 50px;
    font-size: 16px;
    margin-top: 10px;
  }
}
.form-wrapper .form-body .form-content .form-group .btn img {
  width: 35px;
  padding-top: 6px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .form-wrapper .form-body .form-content .form-group .btn img {
    width: 25px;
  }
}
.form-wrapper .form-body .form-content .form-group:last-child {
  margin-bottom: 0;
}
.form-wrapper .form-body .form-content .form-item {
  padding: 50px;
  border-radius: 20px;
  background-color: #fff;
  margin-block: 15px;
}
@media (max-width: 768px) {
  .form-wrapper .form-body .form-content .form-item {
    padding: 20px;
    margin-block: 5px;
  }
}
.form-wrapper .form-body .form-content .form-item h4 {
  font-family: "font-bold";
  font-size: 25px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .form-wrapper .form-body .form-content .form-item h4 {
    font-size: 18px;
    margin-bottom: 20px;
  }
}
.form-wrapper .form-body .form-content .form-item ul li {
  margin-bottom: 20px;
  color: #808080;
  font-size: 20px;
}
@media (max-width: 768px) {
  .form-wrapper .form-body .form-content .form-item ul li {
    font-size: 16px;
  }
}
.form-wrapper .form-body .form-content .form-item ul li input {
  display: none;
}
.form-wrapper .form-body .form-content .form-item ul li input:checked + span {
  color: #19969f;
}
.form-wrapper .form-body .form-content .form-item ul li input:checked + span::before {
  background-color: #19969f;
}
.form-wrapper .form-body .form-content .form-item ul li input:checked + span::after {
  opacity: 1;
}
.form-wrapper .form-body .form-content .form-item ul li span {
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
  transition: 0.3s;
  cursor: pointer;
}
@media (max-width: 768px) {
  .form-wrapper .form-body .form-content .form-item ul li span {
    gap: 10px;
  }
}
.form-wrapper .form-body .form-content .form-item ul li span::before {
  width: 35px;
  height: 35px;
  border-radius: 8px;
  background-color: #e8e4e4;
  content: "";
  transition: 0.3s;
}
@media (max-width: 768px) {
  .form-wrapper .form-body .form-content .form-item ul li span::before {
    width: 25px;
    height: 25px;
    border-radius: 4px;
  }
}
.form-wrapper .form-body .form-content .form-item ul li span::after {
  content: "";
  width: 35px;
  height: 35px;
  background-image: url("../images/check.svg");
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: center;
  opacity: 0.7;
  transition: 0.3s;
  position: absolute;
  top: 0;
  right: 0;
}
[dir=ltr] .form-wrapper .form-body .form-content .form-item ul li span::after {
  left: 0;
  right: auto;
}
@media (max-width: 768px) {
  .form-wrapper .form-body .form-content .form-item ul li span::after {
    width: 25px;
    height: 25px;
    background-size: 13px;
  }
}
.form-wrapper .form-body .form-content .form-item ul li:last-child {
  margin-bottom: 0;
}
.form-wrapper .form-body .form-content .form-rate-stars {
  background-color: #fff;
  padding: 50px;
  text-align: center;
}
@media (max-width: 768px) {
  .form-wrapper .form-body .form-content .form-rate-stars {
    padding: 20px;
  }
}
.form-wrapper .form-body .form-content .form-rate-stars h4 {
  font-size: 25px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .form-wrapper .form-body .form-content .form-rate-stars h4 {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.form-wrapper .form-body .form-content .form-rate-stars .rating-group {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.form-wrapper .form-body .form-content .form-rate-stars .rating__icon {
  pointer-events: none;
}
.form-wrapper .form-body .form-content .form-rate-stars .rating__input {
  display: none;
}
.form-wrapper .form-body .form-content .form-rate-stars .rating__input--none {
  display: none;
}
.form-wrapper .form-body .form-content .form-rate-stars .rating__label {
  cursor: pointer;
  padding: 0 0.1em;
  font-size: 2rem;
}
.form-wrapper .form-body .form-content .form-rate-stars .rating__icon--star {
  filter: none;
  transition: 0.3s;
}
.form-wrapper .form-body .form-content .form-rate-stars .rating__icon--star img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 50px;
}
@media (max-width: 768px) {
  .form-wrapper .form-body .form-content .form-rate-stars .rating__icon--star img {
    width: 35px;
  }
}
.form-wrapper .form-body .form-content .form-rate-stars .rating__input:checked ~ .rating__label .rating__icon--star {
  filter: grayscale(4) opacity(0.5);
}
.form-wrapper .form-body .form-content .form-rate-stars .rating-group:hover .rating__label .rating__icon--star {
  filter: none;
}
.form-wrapper .form-body .form-content .form-rate-stars .rating__input:hover ~ .rating__label .rating__icon--star {
  filter: grayscale(4) opacity(0.5);
}
.form-wrapper .form-footer {
  background-color: #444545;
  padding: 25px 130px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
@media (max-width: 1600px) {
  .form-wrapper .form-footer {
    padding: 20px;
    flex-direction: column;
    text-align: center;
  }
}
.form-wrapper .form-footer .info h4 {
  font-family: "font-bold";
  font-size: 25px;
  color: #fff;
  margin-bottom: 5px;
}
@media (max-width: 768px) {
  .form-wrapper .form-footer .info h4 {
    font-size: 18px;
  }
}
.form-wrapper .form-footer .info span {
  color: #fff;
  font-size: 17px;
}
@media (max-width: 768px) {
  .form-wrapper .form-footer .info span {
    font-size: 14px;
  }
}
.form-wrapper .form-footer ul {
  display: flex;
  align-items: center;
}
.form-wrapper .form-footer ul li {
  border-inline-start: 1px solid #707070;
  padding-inline: 30px;
}
@media (max-width: 625px) {
  .form-wrapper .form-footer ul li {
    padding-inline: 10px;
  }
}
.form-wrapper .form-footer ul li h5 {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #e89940;
  font-size: 13px;
  margin-bottom: 7px;
}
@media (max-width: 625px) {
  .form-wrapper .form-footer ul li h5 {
    font-size: 11px;
  }
}
.form-wrapper .form-footer ul li h5 img {
  width: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 625px) {
  .form-wrapper .form-footer ul li h5 img {
    width: 15px;
  }
}
.form-wrapper .form-footer ul li a {
  color: #fff;
  direction: ltr;
  font-size: 20px;
  display: inline-block;
  text-transform: none;
}
@media (max-width: 768px) {
  .form-wrapper .form-footer ul li a {
    font-size: 16px;
  }
}
@media (max-width: 625px) {
  .form-wrapper .form-footer ul li a {
    font-size: 12px;
  }
}/*# sourceMappingURL=style.css.map */