@keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes moving {
  0% {
    transform: translatey(0px);
  }
  20% {
    transform: translateX(-50px);
  }
  50% {
    transform: translatey(-40px);
  }
  100% {
    transform: translatey(0px);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes jump {
  0% {
    transform: translate3d(0, 0, 0);
  }
  40% {
    transform: translate3d(0, 40px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes tpupdown {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-20px);
  }
}
@keyframes shine {
  to {
    background-position: -200% center;
  }
}
@keyframes fullcircle {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes lighting {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes mobile_app_animetion_circel {
  0% {
    width: 0;
    height: 0;
  }
  95% {
    opacity: 2%;
  }
  100% {
    width: 450px;
    height: 450px;
    opacity: 0;
  }
}
@keyframes animated-stroke {
  0% {
    stroke-dasharray: 0 80%;
  }
  100% {
    stroke-dasharray: 10% 0%;
    stroke-dashoffset: 25%;
  }
}

.ptb-120{
  padding: 120px 0px;
}

.top-bar{
  padding: 10px 0px;
}

.about_us {
  padding: 120px 0;
  background: url(../assets/images/about_bg.svg) no-repeat center center;
  overflow-x: hidden;
}

.about_us_thumb {
  height: 510px;
}
.about_us_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about_us_thumb_main {
  position: relative;
  z-index: 1;
}

.about_pos_thumb {
  position: absolute;
  top: -25px;
  left: -50px;
  animation: jump 4s infinite linear;
  box-shadow: 0px 25px 60px 0px rgba(5, 77, 142, 0.0588235294);
}

.about_pos_thumb_two {
  position: absolute;
  bottom: -34px;
  right: -20px;
  box-shadow: 0px 25px 60px 0px rgba(5, 77, 142, 0.0588235294);
  animation: jump 5s infinite linear;
}

.about_pos_thumb_three {
  position: absolute;
  top: -40px;
  right: -48px;
  box-shadow: 0px 25px 60px 0px rgba(5, 77, 142, 0.0588235294);
  animation: 6s linear 0s infinite normal none running moving;
  z-index: -1;
}

.about_pos_thumb_four {
  position: absolute;
  bottom: -57px;
  left: -50px;
  box-shadow: 0px 25px 60px 0px rgba(5, 77, 142, 0.0588235294);
  animation: 6s linear 0s infinite normal none running moving;
  z-index: -1;
}

.about_head .text_lg {
  padding-top: 20px;
  font-weight: 400;
  color: var(--gray_700);
}

.about_list {
  margin-top: 22px;
}
.about_list li {
  padding-bottom: 13px;
  gap: 10px;
}
.about_list li:last-of-type {
  padding-bottom: 0;
}
.about_list li span {
  line-height: 0;
}

.about_us_btn {
  margin-top: 52px;
}

.about_pl {
  padding-left: 70px;
}

.text_pos_thumb_main {
  position: relative;
  z-index: 1;
}

.text_pos_thumb_one {
  position: absolute;
  top: -40px;
  right: -100px;
  animation: 5s linear 0s infinite normal none running moving;
}

.text_pos_thumb_two {
  position: absolute;
  bottom: -500px;
  right: -80px;
  animation: 6s linear 0s infinite normal none running moving;
}

.text_pos_thumb_three {
  position: absolute;
  bottom: -525px;
  right: -122px;
  transform: rotate(20deg);
}
.text_pos_thumb_three img {
  animation: jump 4s infinite linear;
}

.about_us--two {
  background: url(../assets/images/about-us-two-bg.svg) no-repeat center/cover;
}

.about_us_two_thumb_main {
  gap: 25px;
  position: relative;
}

.about_us_two_thumb {
  width: 374px;
  height: 344px;
  overflow: hidden;
  border-radius: 15px;
}
.about_us_two_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about_us_two_thumb_two {
  height: 433px;
  width: 248px;
  overflow: hidden;
  border-radius: 15px;
}
.about_us_two_thumb_two img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about_two-pos-one {
  position: absolute;
  bottom: -58px;
  left: -34px;
  box-shadow: 0px 25px 60px 0px rgba(5, 77, 142, 0.0588235294);
  width: 247px;
  height: 130px;
  animation: 6s linear 0s infinite normal none running moving;
}
.about_two-pos-one img {
  width: 100%;
  height: 100%;
}

.about_two-pos-two {
  position: absolute;
  top: -23px;
  right: 184px;
  width: 247px;
  height: 130px;
  animation: jump 4s infinite linear;
}
.about_two-pos-two img {
  width: 100%;
  height: 100%;
}

.about_two_item {
  gap: 110px;
  border-top: 1px solid #eeeff2;
  border-bottom: 1px solid #eeeff2;
  margin-top: 15px;
  padding-top: 30px;
  padding-bottom: 20px;
}

.about_two_item_txt .text_5xl {
  font-weight: 500;
  line-height: 40px;
  color: var(--primary_black);
}
.about_two_item_txt .text_lg {
  font-weight: 400;
  color: var(--gray_700);
}

.about_us--3 {
  background: url(../assets/images/about-three-bg.png) no-repeat center/cover;
}

.sara-btn {
  background: linear-gradient(94.4deg, #9fe871 -1.4%, #6bd723 101.75%);
  color: var(--primary_white);
  gap: 10px;
  transition: all 0.5s ease;
  cursor: pointer;
  font-size: 18px;
  z-index: 2;
  overflow: hidden;
  padding: 0 24px;
  text-align: center;
  border-radius: 8px;
  line-height: 58px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  font-weight: 500;
  position: relative;
  height: 50px;
}
.sara-btn.sara-btn_blue {
  background: var(--blue);
}
.sara-btn.sara-btn_black {
  background: var(--primary_black);
}
.sara-btn.sara-btn_gredinet {
  background: linear-gradient(126.26deg, #ff172e -4.81%, #ff868b 87.39%);
}
.sara-btn.sara-btn_green {
  background: linear-gradient(94.4deg, #9fe871 -1.4%, #6bd723 101.75%);
}
.sara-btn:hover {
  color: var(--primary_white);
  transition: all 0.5s ease;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.sara-btn:hover::before {
  width: 1000px;
  height: 1000px;
  display: inline-block;
  opacity: 0;
  visibility: hidden;
  transition: all 1s ease;
}
.sara-btn::before {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  background-color: var(--primary_white);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
  z-index: 1;
  left: 0;
  top: 0;
}

.sara-btn__border {
  border: 1px solid var(--gray_600);
  color: var(--primary_black);
  gap: 10px;
  transition: all 0.5s ease;
  cursor: pointer;
  font-size: 18px;
  z-index: 2;
  overflow: hidden;
  padding: 0 24px;
  text-align: center;
  border-radius: 8px !important;
  line-height: 58px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  font-weight: 500;
  height: 50px;
}
.blog {
  padding: 110px 0 120px 0;
  background-color: var(--primary_white);
}

.blog_head_btn {
  text-align: end;
}

.blog_item {
  border: 1px solid var(--gray_200);
  border-radius: 8px;
  transition: all linear 0.5s;
}
.blog_item:hover {
  box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.0784313725);
}
.blog_item:hover .blog_item_thumb img {
  transform: scale(1.1);
}
.blog_item:hover .blog_btn span svg {
  color: var(--portage);
}

.blog_item_thumb {
  position: relative;
  height: 260px;
  overflow: hidden;
  border-radius: 8px 8px 0px 0px;
}
.blog_item_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease-in-out;
}

.blog_item_thumb_over {
  bottom: 18px;
  left: 18px;
  position: absolute;
  gap: 8px;
}

.blog_item_thumb_over_thumb {
  height: 40px;
  width: 40px;
  overflow: hidden;
  border-radius: 50%;
}
.blog_item_thumb_over_thumb img {
  height: 100%;
  width: 100%;
}

.blog_item_thumb_over_txt a {
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: -0.01em;
  color: var(--primary_white);
}
.blog_item_thumb_over_txt a span {
  font-weight: 800;
}
.blog_item_thumb_over_txt p {
  font-size: 14px;
  font-weight: 400;
  line-height: 15.11px;
  letter-spacing: -0.01em;
  color: var(--primary_white);
}

.blog_item_inner {
  padding: 20px 24px 24px 24px;
}
.blog_item_inner .text_2xl {
  padding-top: 10px;
}
.blog_item_inner .text_2xl a {
  font-weight: 500;
  color: var(--primary_black);
}

.blog_item_inner_item {
  gap: 10px;
}
.blog_item_inner_item h6 {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: var(--gray_700);
}
.blog_item_inner_item p {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: var(--gray_700);
}

.dot {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: var(--portage);
  display: block;
}

.blog_btn_main {
  margin-top: 20px;
}

.blog_btn {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: var(--primary_black);
  text-decoration-line: underline;
}
.blog_btn span svg {
  stroke: currentColor;
  color: var(--primary_black);
  transition: all linear 0.5s;
}

.blog_head_btn_two {
  text-align: center;
  margin-top: 24px;
  display: none;
}

.blog_head_btn_btm {
  margin-top: 40px;
  text-align: center;
}

.blog_two .blog_item:hover .blog_btn span svg {
  color: var(--blue);
}

.blog_three .blog_item:hover .blog_btn span svg {
  color: #6bd723;
}
.blog_three .dot {
  background-color: #6bd723;
}

.blog_grid {
  padding: 120px 0;
}

.pagination {
  gap: 20px;
  margin-top: 44px;
}
.pagination li {
  height: 48px;
  width: 48px;
  background-color: rgba(100, 39, 255, 0.1019607843);
  border-radius: 50%;
  font-size: 18px;
  font-weight: 400;
  line-height: 21.78px;
  letter-spacing: -0.01em;
  color: var(--primary_black);
  transition: all linear 0.5s;
}
.pagination li:hover {
  background: linear-gradient(83.44deg, #6427ff 4.13%, #7d51ed 102.54%);
  color: var(--primary_white);
}
.pagination li:hover span svg {
  color: var(--primary_white);
}
.pagination li:first-of-type, .pagination li:last-of-type {
  background-color: transparent;
  border: 1px solid rgba(100, 39, 255, 0.2);
}
.pagination li span svg {
  stroke: currentColor;
  color: var(--primary_black);
}
.pagination li.active {
  background: linear-gradient(83.44deg, #6427ff 4.13%, #7d51ed 102.54%);
  color: var(--primary_white);
}
.pagination li.active span svg {
  color: var(--primary_white);
}

.blog_list_view {
  padding: 80px 0;
}
.blog_list_view .mt-60px {
  margin-top: 60px;
}

.blog_list_view_thumb {
  height: 450px;
  overflow: hidden;
  border-radius: 8px;
}
.blog_list_view_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog_list_view_item-inner_main {
  border-bottom: 1px solid var(--gray_300);
  padding-bottom: 8px;
  margin-top: 38px;
}

.blog_list_view_item-inner {
  gap: 8px;
}
.blog_list_view_item-inner .blog_item_thumb_over_txt a {
  color: var(--primary_black);
}

.blog_list_view_item .text_3xl {
  font-size: 28px;
  font-weight: 600;
  line-height: 60px;
  color: var(--primary_black);
}
.blog_list_view_item .text_lg {
  color: var(--gray_700);
}
.blog_list_view_item .sara-btn__border {
  margin-top: 40px;
}
.blog_list_view_item .sara-btn__border span svg {
  stroke: currentColor;
  color: var(--primary_black);
}
.blog_list_view_item .sara-btn__border:hover span svg {
  color: var(--portage);
}

.sarch_item {
  height: 60px;
  background-color: var(--primary_white);
  padding-left: 25px;
  overflow: hidden;
  border-radius: 8px;
  gap: 10px;
  margin-top: 24px;
}
.sarch_item .form-control {
  padding: 0;
  border: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 17.26px;
  color: var(--primary_black);
}
.sarch_item .form-control:focus {
  box-shadow: inherit;
}
.sarch_item .sarch_btn {
  height: 60px;
  width: 60px;
  background: linear-gradient(83.44deg, #6427ff 4.13%, #7d51ed 102.54%);
  border: 0;
}

.card_item_thumb {
  height: 90px;
  width: 90px;
  overflow: hidden;
  border-radius: 6px;
}
.card_item_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card_item_blog_text .text_lg {
  padding-top: 0 !important;
}

.card_item_blog {
  margin-top: 20px;
  gap: 16px;
}
.card_item_blog .text_xl {
  color: var(--primary_black);
  font-weight: 500;
}
.card_item_blog .card_item_blog_inner {
  flex: 1;
}
.card_item_blog .card_item_blog_inner .text_xl {
  margin-top: 8px;
}

.blog_details {
  padding: 70px 0 0px 0;
}

.blog_details_item h3 {
  font-size: 48px;
  font-weight: 600;
  line-height: 60px;
  color: var(--primary_black);
}
.blog_details_item .blog_list_view_item-inner_main {
  margin-top: 10px;
}
.blog_details_item .blog_list_view_item-inner_main .blog_item_inner_item .text_lg {
  padding-top: 0;
}
.blog_details_item .text_lg {
  padding-top: 20px;
  line-height: 32px;
  letter-spacing: -0.005em;
  color: var(--primary_black);
}

.blog_details_thumb {
  margin-top: 30px;
  height: 450px;
  overflow: hidden;
  border-radius: 8px;
}
.blog_details_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.quote_item {
  margin-top: 30px;
  padding: 37px 140px;
  background-color: var(--gray_50);
  text-align: center;
}
.quote_item h4 {
  font-size: 32px;
  font-weight: 400;
  line-height: 44px;
  color: var(--primary_black);
  padding-top: 20px;
}
.quote_item .blog_list_view_item-inner {
  justify-content: center;
  margin-top: 20px;
}

.t-s_item {
  margin-top: 40px;
  border-bottom: 1px solid var(--gray_300);
  padding-bottom: 15px;
}
.t-s_item .tag {
  gap: 12px;
}
.t-s_item .tag li {
  font-size: 18px;
  font-weight: 400;
  line-height: 19.42px;
  color: var(--gray_600);
}
.t-s_item .tag li a {
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  color: var(--primary_black);
}

.social-icon {
  gap: 12px;
}
.social-icon li {
  font-size: 18px;
  font-weight: 400;
  line-height: 19.42px;
  color: var(--gray_600);
}

.comment-box {
  gap: 24px;
  margin-top: 40px;
}
.comment-box.two {
  margin-left: 80px;
}

.comment_main {
  margin-top: 30px;
}
.comment_main h2 {
  font-size: 32px;
  font-weight: 500;
  line-height: 34.53px;
  letter-spacing: -1px;
  color: var(--primary_black);
}

.comment-box_thumb {
  height: 60px;
  width: 60px;
  overflow: hidden;
  border-radius: 50%;
}
.comment-box_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.comment-box_inner_text .text_xl {
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -1px;
  color: var(--primary_black);
}
.comment-box_inner_text p {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  color: #adadad;
}

.reply_btn {
  padding: 8px 10px;
  background-color: #000;
  font-size: 14px;
  font-weight: 500;
  line-height: 15.11px;
  border: 0;
  color: var(--primary_white);
}

.comment-box_inner {
  width: 100%;
  flex: 1;
}
.comment-box_inner p {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  color: var(--gray_700);
  padding-top: 8px;
}

.leav_comment_box {
  padding: 40px;
  background: var(--gray_100);
  margin-top: 40px;
  border-radius: 8px;
}
.leav_comment_box h3 {
  font-size: 32px;
  font-weight: 500;
  line-height: 34.53px;
  letter-spacing: -1px;
  color: var(--primary_black);
}
.leav_comment_box p {
  font-size: 18px;
  font-weight: 500;
  line-height: 19.42px;
  color: var(--gray_700);
  padding-top: 16px;
}

.comment_form {
  margin-top: 34px;
}
.comment_form .sara-btn {
  border: 0;
  padding: 20px 35px;
  margin-top: 40px;
}

.comment_form_item {
  margin-top: 30px;
}
.comment_form_item .form-label {
  font-size: 14px;
  font-weight: 400;
  line-height: 15.11px;
  color: rgba(50, 59, 73, 0.5);
}
.comment_form_item .form-control {
  padding: 14px 20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 19.42px;
  color: var(--primary_black);
  background-color: var(--primary_white);
  border: 0;
}
.comment_form_item .form-control:focus {
  box-shadow: inherit;
}

.sticky {
  position: sticky;
  top: 100px;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
  display: inline-block;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

body {
  font-family: "Gordita", sans-serif;
  overflow-x: hidden;
}

.customers {
  padding: 80px 0 120px 0;
}

.customers_titel {
  text-align: center;
}
.customers_titel h2 {
  font-size: 24px;
  font-weight: 400;
  line-height: 25.9px;
  letter-spacing: -0.5px;
  color: var(--gray_700);
}
.customers_titel h2 span {
  font-size: 26px;
  font-weight: 600;
  color: var(--primary_black);
  text-decoration-line: underline;
}
.customers_titel img:hover {
  filter: brightness(0) invert(1);
}

.customers_slick {
  margin-top: 72px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--gray_400);
}

.customers--two {
  padding-top: 0;
  margin-top: -5px;
}

.chose {
  padding: 10px 0 120px 0;
  background: url(../assets/images/chose_bg.svg) no-repeat center/cover;
  overflow-x: hidden;
}

.chose_pos_card {
  position: absolute;
  left: inherit;
  right: 0;
}

.chose_pos_card_two {
  position: absolute;
  left: 0;
  right: inherit;
}

.chose_two {
  padding-bottom: 120px;
  overflow-x: hidden;
}
.chose_two .chose_two_head .text_lg {
  padding-top: 10px;
  padding-right: 80px;
  color: var(--gray_700);
}

.chose_renge_main {
  margin-top: 50px;
}

.chose_renge_item {
  width: 462px;
  margin-top: 28px;
}
.chose_renge_item:first-of-type {
  margin-top: 0;
}
.chose_renge_item h6 {
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.005em;
  color: var(--gray_700);
}
.chose_renge_item h6 span {
  font-weight: 600;
  color: var(--primary_black);
}

.chose_renge_ber {
  margin-top: 10px;
  width: 100%;
  height: 20px;
  background: linear-gradient(90deg, #52c459 0%, rgba(82, 196, 89, 0.06) 98.48%);
}

.chose_two_thumb_item {
  gap: 26px;
  position: relative;
}

.chose_two_thumb {
  width: 380px;
  height: 365px;
  overflow: hidden;
  border-radius: 15px;
}
.chose_two_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.chose_two_thumb_two {
  height: 495px;
  width: 335px;
  overflow: hidden;
  border-radius: 15px;
}
.chose_two_thumb_two img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 990px) {
  .mobi-section{
    padding-top: 60px;
  }
}

.revenue-pos {
  position: absolute;
  bottom: -53px;
  left: -20px;
  box-shadow: 7.58px 63.88px 64.96px -34.07px rgba(18, 20, 29, 0.1019607843);
  animation: 4s linear 0s infinite normal none running moving;
}

.chose_circle_thumb {
  height: 98px;
  width: 98px;
  position: absolute;
  top: 85px;
  left: 264px;
}
.chose_circle_thumb img {
  width: 100%;
  width: 100%;
  animation: rotate 10s linear infinite;
}

.chose_circle_thumb_two {
  height: 55px;
  width: 55px;
  position: absolute;
  top: 109px;
  left: 284px;
}
.chose_circle_thumb_two img {
  width: 100%;
  width: 100%;
}

.chose_pos_thumb_three {
  position: absolute;
  bottom: -36px;
  right: -50px;
  z-index: -1;
  animation: 7s linear 0s infinite normal none running moving;
}

.chose_pos_sheap {
  position: absolute;
  top: 8px;
  left: 195px;
  opacity: 0.3;
}

.inner_chose .chose_two_head .main_titel_three span {
  background: linear-gradient(94.4deg, #9fe871 -1.4%, #6bd723 101.75%);
  background-size: 200% auto;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shine 3s linear infinite;
}
.inner_chose .chose_renge_ber {
  background: linear-gradient(83.44deg, rgba(100, 39, 255, 0.8) 4.13%, rgba(125, 81, 237, 0.04) 102.54%);
}

.clients {
  padding: 110px 0 110px 0;
  background-color: var(--primary_white);
}

.clients_item_main {
  padding: 30px;
  border: 1px solid #f1f2f4;
  background-color: var(--primary_white);
  border-radius: 12px;
  transition: all linear 0.5s;
}
.clients_item_main:hover {
  background-color: var(--gray_200);
}

.clients_profile_thumb {
  height: 52px;
  width: 52px;
  overflow: hidden;
  border-radius: 50%;
}
.clients_profile_thumb img {
  width: 100%;
  height: 100%;
}

.clients_profile_txt .text_xl {
  font-weight: 500;
  line-height: 21.58px;
  letter-spacing: -1px;
  color: var(--primary_black);
}
.clients_profile_txt .text_base {
  font-weight: 400;
  line-height: 17.26px;
  color: var(--gray_600);
}

.clients_profile {
  gap: 12px;
}

.clients_item_main {
  margin: 0 15px;
}
.clients_item_main .text_lg {
  padding-top: 15px;
  font-weight: 400;
  color: var(--primary_black);
}

.clients_reting {
  gap: 5px;
}
.clients_reting li span svg {
  fill: currentColor;
  color: var(--amber);
}

.clients_icon svg {
  stroke: currentColor;
  color: var(--gray_400);
}

.clients_item_btm {
  margin-top: 10px;
}

.clients_btn_main {
  text-align: center;
  margin-top: 40px;
}

.clients_btn {
  font-size: 18px;
  font-style: italic;
  font-weight: 500;
  line-height: 32px;
  color: var(--primary_black);
  transition: all linear 0.5s;
  text-decoration-line: underline;
}
.clients_two .main_titel {
  text-align: center;
}
.clients_two .clients_item_main {
  margin: 0;
}

.counter {
  padding: 430px 0 120px 0;
  background-color: #08001c;
  margin-top: -430px;
}

.counter_text svg {
  font-size: 100px;
  font-weight: 900;
  line-height: 128px;
  text-transform: uppercase;
  letter-spacing: 8px;
  fill: transparent;
  stroke: white;
  stroke-width: 4px;
  animation: animated-stroke 6s infinite;
  text-anchor: middle;
  opacity: 0.3;
}
.counter_text h5 {
  font-size: 28px;
  font-weight: 500;
  line-height: 38px;
  color: var(--primary_white);
  margin-top: -120px;
  padding-left: 176px;
}

.contact_us {
  padding: 80px 0;
}
.contact_us .mt-60px {
  margin-top: 50px;
}

.contact_us_item {
  gap: 16px;
  align-items: flex-start !important;
}

.contact_us_txt h6 {
  font-size: 24px;
  font-weight: 500;
  line-height: 25.9px;
  color: #00284e;
}
.contact_us_txt p {
  font-size: 20px;
  font-weight: 500;
  line-height: 44px;
  letter-spacing: -0.5px;
  color: var(--gray_700);
}
.contact_us_txt a {
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -0.5px;
  color: var(--gray_700);
}

.contact_box {
  gap: 40px;
  background-color: var(--gray_100);
  padding-right: 40px;
}

.contact_home{
  padding: 40px;
  border-radius: 45px;
}

.map_thumb {
  width: 612px;
  height: 576px;
  overflow: hidden;
  border-radius: 16px, 0px, 0px, 16px;
}
.map_thumb img {
  width: 100%;
  height: 100%;
}

.contact_sms_box h3 {
  font-size: 32px;
  font-weight: 600;
  line-height: 55px;
  letter-spacing: -0.03em;
  color: #222222;
}
.contact_sms_box p {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: var(--gray_700);
}

.contact_form {
  margin-top: 14px;
}
.contact_form .sara-btn {
  border: 0;
  margin-top: 30px;
}

.contact_form_item {
  margin-bottom: 16px;
}
.contact_form_item:last-of-type {
  margin-bottom: 0;
}
.contact_form_item .form-control {
  font-size: 16px;
  font-weight: 400;
  line-height: 17.26px;
  color: var(--primary_black);
  padding: 18px 20px;
  background-color: var(--primary_white);
  border: 0;
}
.contact_form_item .form-control:focus {
  box-shadow: inherit;
}

.faq {
  background: url(../assets/images/faq-bg.png) no-repeat center/cover;
  padding: 120px 0 170px 0;
  overflow-x: hidden;
}
.faq .accordion {
  margin-top: 40px;
  width: 540px;
}
.faq .accordion-item {
  margin-bottom: 20px;
  border: 0;
}
.faq .accordion-item:last-of-type {
  margin-bottom: 0px;
}
.faq .accordion-button:focus {
  box-shadow: inherit;
}
.faq .accordion-button:not(.collapsed) {
  color: var(--primary_black);
  background-color: var(--primary_white);
  box-shadow: inherit;
}
.faq .accordion-button {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: var(--primary_black);
  padding: 20px 25px;
}
.faq .accordion-body {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  color: var(--gray_700);
  padding-top: 0;
}
.faq .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.faq .testimonails_thumb_main {
  padding-left: 50px;
}

.faq_head h2 {
  font-size: 48px;
  font-weight: 500;
  line-height: 51.79px;
  letter-spacing: -0.02em;
  color: var(--primary_black);
}
.faq_head h2 span {
  font-family: "Gordita", sans-serif;
  font-style: italic;
}

.footer {
  padding: 60px 0 0 0;
  background-color: var(--primary_black);
  position: relative;
  z-index: 1;
  overflow-x: hidden;
}
.footer .ml_40px {
  margin-left: -40px;
}
.footer .ml_10px {
  margin-left: -30px;
}
.footer .pd-left {
  padding-right: 90px;
}

.footer_txt {
  padding-top: 30px;
}
.footer_txt .text_lg {
  color: var(--primary_white);
  font-weight: 400;
  letter-spacing: -0.01em;
}

.footer_social_icon {
  margin-top: 40px;
  gap: 10px;
}
.footer_social_icon li a {
  height: 48px;
  width: 48px;
  background-color: var(--gray_800);
  color: var(--primary_white);
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.footer_social_icon li a::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--portage);
  z-index: -1;
  transform: scale(0);
  transition: all linear 0.5s;
}
.footer_social_icon li a:hover::before {
  transform: scale(1);
}

.footer_item {
  position: relative;
  z-index: 1;
}
.footer_item .text_2xl {
  font-weight: 500;
  color: var(--primary_white);
}

.footer_link {
  margin-top: 25px;
}
.footer_link.two .text_2xl {
  font-weight: 400;
  padding-bottom: 5px;
}
.footer_link li a {
  color: var(--gray_50);
  font-weight: 400;
  line-height: 36px;
  transition: all linear 0.5s;
}
.copy_write {
  padding: 0 0 15px 0;
  position: relative;
  z-index: 1;
}

.copy_write_txt {
  padding-top: 15px;
}
.copy_write_txt .text_lg {
  font-weight: 400;
  color: var(--primary_white);
}
.copy_write_txt .text_lg span a {
  font-weight: 600;
  color: var(--primary_white);
}

.copy_write_link {
  padding-top: 15px;
  gap: 36px;
}
.copy_write_link li {
  padding-right: 36px;
  border-right: 1px solid var(--primary_white);
}
.copy_write_link li .text_lg {
  color: var(--primary_white);
}
.copy_write_link li:last-of-type {
  padding-right: 0;
  border: 0;
}

.copy_write_border_top {
  border-top: 1px solid var(--gray_700);
  margin-top: 90px;
}

.footer_pos_thumb_main {
  position: relative;
}

.footer_pos_thumb {
  position: absolute;
  top: -70px;
  right: -50px;
  animation: 6s linear 0s infinite normal none running moving;
}

.footer_pos_thumb-two {
  position: absolute;
  bottom: -360px;
  left: -112px;
  animation: 7s linear 0s infinite normal none running moving;
}

.footer_pos_thumb-three {
  position: absolute;
  bottom: -687px;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.footer_pos_thumb-three img {
  animation: lighting 30s linear 0s infinite alternate;
}

.footer_res_thumb {
  display: none;
}

.footer--two {
  background: url(../assets/images/footer-two-bg.svg) no-repeat center/cover;
}
.footer--two .footer_txt p {
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  color: var(--primary_black);
}
.footer--two .footer_item .text_2xl {
  font-weight: 500;
  color: var(--primary_black);
}
.footer--two .footer_link li a {
  color: var(--primary_black);
}
.footer--two .footer_txt_two {
  margin-top: 56px;
}
.footer--two .footer_txt_two .text_lg {
  font-weight: 400;
  line-height: 26px;
  color: var(--primary_black);
  text-decoration-line: underline;
}
.footer--two .footer_txt_two ul {
  margin-top: 10px;
}
.footer--two .footer_txt_two ul li a {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  color: var(--primary_black);
}
.footer--two .footer_social_icon li a {
  background-color: var(--gray_100);
  border: 1px solid var(--gray_400);
  color: var(--gray_700);
}
.footer--two .footer_social_icon li a:hover {
  color: var(--primary_white);
}
.footer--two .footer_social_icon li a::before {
  background-color: var(--blue);
}
.footer--two .footer_head .text_lg {
  padding-top: 10px;
  font-weight: 400;
  line-height: 19.42px;
  color: var(--primary_black);
}
.footer--two .footer_head .text_lg span {
  color: var(--blue);
}
.footer--two .fotter_sub_main {
  gap: 10px;
  padding: 8px 8px 8px 20px;
  border: 1px solid var(--gray_400);
  border-radius: 8px;
}
.footer--two .fotter_sub_main .form-control {
  font-size: 16px;
  font-weight: 400;
  line-height: 17.26px;
  color: var(--gray_700);
  border: 0;
  padding: 0;
  background: transparent;
}
.footer--two .fotter_sub_main .form-control:focus {
  box-shadow: inherit;
}
.footer--two .fotter_sub_main .sara-btn {
  border: 0;
}
.footer--two .footer_mt_two {
  margin-top: 70px;
}
.footer--two .copy_write_border_top {
  border-top: 1px solid var(--gray_300);
  margin-top: 40px;
}
.footer--two .copy_write_txt {
  padding-top: 15px;
}
.footer--two .copy_write_txt .text_lg {
  font-weight: 400;
  color: var(--primary_black);
}
.footer--two .copy_write_txt .text_lg span a {
  font-weight: 600;
  color: var(--primary_black);
  text-decoration-line: underline;
}
.footer--two .copy_write_link li {
  border-right: 1px solid var(--primary_black);
}
.footer--two .copy_write_link li .text_lg {
  color: var(--primary_black);
}
.footer--two .copy_write_link li:last-of-type {
  padding-right: 0;
  border: 0;
}

.footer--three {
  background: url(../assets/images/footer-three-bg.svg) no-repeat center/cover;
}
.footer--three .main_titel_three {
  color: var(--primary_white);
}
.footer--three .footer_txt p {
  color: var(--primary_white);
}
.footer--three .footer_item .text_2xl {
  color: var(--primary_white);
}
.footer--three .footer_link li a {
  color: var(--gray_200);
}
.footer--three .footer_txt_two .text_lg {
  color: var(--primary_white);
}
.footer--three .footer_txt_two ul li a {
  color: var(--primary_white);
}
.footer--three .footer_social_icon li a {
  background-color: transparent;
  border: 1px solid var(--gray_700);
  color: var(--gray_200);
}
.footer--three .footer_social_icon li a:hover {
  color: var(--primary_white);
}
.footer--three .footer_social_icon li a::before {
  background-color: #6bd723;
}
.footer--three .footer_head .text_lg {
  color: var(--gray_200);
}
.footer--three .footer_head .text_lg span {
  color: #6bd723;
}
.footer--three .fotter_sub_main {
  border: 1px solid var(--gray_800);
}
.footer--three .fotter_sub_main .form-control {
  color: var(--primary_white);
}
.footer--three .copy_write_border_top {
  border-top: 1px solid var(--gray_800);
}
.footer--three .copy_write_txt {
  padding-top: 15px;
}
.footer--three .copy_write_txt .text_lg {
  color: var(--primary_white);
}
.footer--three .copy_write_txt .text_lg span a {
  color: var(--primary_white);
}
.footer--three .copy_write_link li {
  border-right: 1px solid var(--primary_white);
}
.footer--three .copy_write_link li .text_lg {
  color: var(--primary_white);
}
.footer--inner .footer_head .main_titel {
  color: var(--primary_white);
}
.footer--inner .footer_txt_two .text_lg {
  color: var(--primary_white);
}
.footer--inner .footer_txt_two ul li a {
  color: var(--primary_white);
}
.footer--inner .footer_social_icon li a:hover {
  color: var(--primary_white);
}
.footer--inner .footer_social_icon li a::before {
  background-color: var(--portage);
}
.footer--inner .footer_head .text_lg {
  color: var(--gray_200);
}
.footer--inner .footer_head .text_lg span {
  color: var(--portage);
}
:root {
  --primary_white: #fff;
  --primary_black: #111827;
  --gray_800: #1f2937;
  --gray_700: #323b49;
  --gray_600: #718096;
  --gray_500: #a0aec0;
  --gray_400: #cbd5e0;
  --gray_300: #eeeff2;
  --gray_200: #f1f2f4;
  --gray_100: #f9fafb;
  --gray_50: #fafafa;
  --success_dark: #0ba259;
  --success_base: #0caf60;
  --success_light: #55c790;
  --error_dark: #fd4f4f;
  --error_base: #fd6a6a;
  --error_light: #fd8181;
  --warning_dark: #e6bb20;
  --warning_base: #ffd023;
  --warning_light: #ffde65;
  --amber: #ffc837;
  --sky: #38bdf8;
  --teal: #2dd4bf;
  --orange: #fe964a;
  --portage: #6427ff;
  --blue: #0062ff;
}

.hero {
  background: url(../assets/images/hero.png) no-repeat center/cover;
  padding: 200px 0 130px 0;
}

.hero_txt h1 {
  font-size: 64px;
  font-weight: 600;
  line-height: 76px;
  letter-spacing: -0.02em;
  color: var(--primary_black);
}
.hero_txt h1 span {
  font-family: "EB Garamond", serif;
  font-style: italic;
  font-weight: 600;
  background: linear-gradient(94.4deg, #9fe871 -1.4%, #6bd723 101.75%);
  background-size: 200% auto;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shine 3s linear infinite;
}
.hero_txt .text_lg {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.01em;
  color: var(--gray_700);
  padding-top: 20px;
  padding-right: 85px;
}

.hero_btn_main {
  gap: 30px;
  margin-top: 45px;
}

.hero_thumb_main {
  position: relative;
  z-index: 1;
}

.hero_thumb_main_thumb {
  width: 560px;
  height: 585px;
  overflow: hidden;
  border-radius: 160px 12px 160px 12px;
  position: relative;
}
.hero_thumb_main_thumb img {
  width: 100%;
  height: 100%;
}

.hero_thumb {
  position: absolute;
  top: -37px;
  left: 40px;
  height: 622px;
  width: 432px;
}
.hero_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero_pos_thumb {
  position: absolute;
  width: 247px;
  height: 130px;
  overflow: hidden;
  border-radius: 8px;
  top: 50px;
  right: -50px;
  box-shadow: 7.58px 63.88px 64.96px -34.07px rgba(18, 20, 29, 0.1019607843);
  animation: jump 4s infinite linear;
}
.hero_pos_thumb img {
  width: 100%;
  height: 100%;
}

.hero_pos_thumb_two {
  position: absolute;
  width: 182px;
  height: 187px;
  overflow: hidden;
  border-radius: 8px;
  bottom: 0px;
  left: -40px;
  box-shadow: 7.58px 63.88px 64.96px -34.07px rgba(18, 20, 29, 0.1019607843);
  animation: 6s linear 0s infinite normal none running moving;
}
.hero_pos_thumb_two img {
  width: 100%;
  height: 100%;
}

.hero_pos_thumb_three {
  position: absolute;
  top: -50px;
  right: -290px;
  animation: rotate 15s linear infinite;
}

.hero_pos_thumb_four {
  position: absolute;
  top: 109px;
  left: -237px;
  z-index: -1;
  animation: jump 4s infinite linear;
}

.hero_left_pos_main {
  position: relative;
}

.hero_left_pos-1 {
  position: absolute;
  top: -291px;
  left: -255px;
  animation: rotate 15s linear infinite;
}

.hero_left_pos-2 {
  position: absolute;
  bottom: -512px;
  left: -115px;
  animation: tpupdown 0.8s infinite alternate;
}

.hero_two {
  background: url(../assets/images/hero-two.svg) no-repeat center/cover;
  padding-top: 177px;
  position: relative;
  z-index: 1;
}

.hero_two_head h1 {
  font-size: 64px;
  font-weight: 700;
  line-height: 76px;
  letter-spacing: -0.03em;
  color: var(--primary_white);
  text-align: center;
}
.hero_two_head h1 span {
  font-family: "EB Garamond", serif;
  font-style: italic;
}
.hero_two_head .text_lg {
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.01em;
  text-align: center;
  color: var(--primary_white);
  padding: 0 125px;
  padding-top: 10px;
}

.hero_two_btn {
  gap: 28px;
  margin-top: 40px;
}
.hero_two_btn .sara-btn__border {
  color: var(--primary_white);
}

.hero_two_thumb_main {
  margin-top: 30px;
  position: relative;
}

.hero_two_thumb_pos {
  position: absolute;
  bottom: 200px;
  left: 0;
  height: 70px;
  width: 260px;
  overflow: hidden;
  border-radius: 8px;
  animation: jump 4s infinite linear;
  box-shadow: 4.36px 36.72px 37.34px -19.59px rgba(18, 20, 29, 0.1215686275);
}
.hero_two_thumb_pos img {
  width: 100%;
  height: 100%;
}

.hero_two_thumb_pos_2 {
  position: absolute;
  bottom: 65px;
  right: 0;
  height: 175px;
  width: 180px;
  overflow: hidden;
  border-radius: 8px;
  animation: 6s linear 0s infinite normal none running moving;
  box-shadow: 4.36px 36.72px 37.34px -19.59px rgba(18, 20, 29, 0.1215686275);
}
.hero_two_thumb_pos_2 img {
  width: 100%;
  height: 100%;
}

.hero_two_pos_1 {
  height: 263px;
  width: 263px;
  position: absolute;
  bottom: 62px;
  left: 40px;
}
.hero_two_pos_1 img {
  width: 100%;
  height: 100%;
  animation: tpupdown 0.8s infinite alternate;
}

.hero_two_pos_2 {
  position: absolute;
  top: 0px;
  left: 96px;
}
.hero_two_pos_2 img {
  animation: rotate 15s linear infinite;
}

.hero_two_pos_3 {
  position: absolute;
  top: 126px;
  right: 6px;
  height: 277px;
  width: 277px;
}
.hero_two_pos_3 img {
  height: 100%;
  width: 100%;
  animation: rotate 15s linear infinite;
}

.hero_two_pos_4 {
  position: absolute;
  top: 239px;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-450deg);
  z-index: -1;
}

.hero_three {
  padding: 260px 0 140px 0;
  background: url(../assets/images/banner-copy.webp) no-repeat center/cover;
}
.hero_three .hero_three_head h1 {
  font-size: 60px;
  font-weight: 600;
  line-height: 80px;
  letter-spacing: -0.02em;
  color: var(--primary_white);
}
.hero_three .hero_three_head h1 span {
  font-family: "EB Garamond", serif;
  font-style: italic;
  background: linear-gradient(94.4deg, #9fe871 -1.4%, #6bd723 101.75%);
  background-size: 200% auto;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shine 5s linear infinite;
  /* display: block; */
}
.hero_three .hero_txt .text_lg {
  color: var(--primary_white);
}
.hero_three .hreo_three_sarch_item {
  padding: 8px 8px 8px 22px;
  background-color: var(--primary_white);
  border-radius: 8px;
  width: 500px;
  gap: 15px;
  margin-top: 50px;
  margin-bottom: 60px;
}
.hero_three .hreo_three_sarch_item .form-control {
  font-size: 16px;
  font-weight: 400;
  line-height: 17.26px;
  color: var(--primary_black);
  border: 0;
  padding: 0;
}
.hero_three .hreo_three_sarch_item .form-control:focus {
  box-shadow: inherit;
}
.hero_three .hreo_three_sarch_item .sara-btn_green {
  color: var(--primary_black);
  border: 0;
  padding: 0 30px;
}
.hero_three .retting_item {
  gap: 13px;
  margin-top: 6px;
}
.hero_three .retting_item .text_lg {
  color: var(--primary_white);
  font-weight: 600;
}
.hero_three .retting_item .text_lg span {
  font-weight: 500;
}

.hero_three_thumb_main {
  position: relative;
  padding-left: 90px;
}

.hero_three_thumb {
  height: 600px;
  overflow: hidden;
  border-radius: 0px 70px 0px 70px;
}
.hero_three_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero_three_thumb_pos {
  position: absolute;
  top: 40px;
  left: 105px;
  width: 455px;
  height: 560px;
}
.hero_three_thumb_pos img {
  width: 100%;
  height: 100%;
}

.circle_thumb {
  position: absolute;
  top: -50px;
  left: 45px;
}
.circle_thumb img {
  animation: rotate 10s linear infinite;
}

.circle_thumb_two {
  position: absolute;
  top: -15px;
  left: 78px;
}

.hero_three_thumb_pos--2 {
  position: absolute;
  bottom: 40px;
  left: 53px;
  animation: jump 4s infinite linear;
  box-shadow: 0px 25px 60px 0px rgba(5, 77, 142, 0);
}

.hero_three_thumb_pos--3 {
  position: absolute;
  bottom: -40px;
  right: 0;
  box-shadow: 7.58px 63.88px 64.96px -34.07px rgba(18, 20, 29, 0.1019607843);
  animation: 6s linear 0s infinite normal none running moving;
}

.banner_shap_three {
  position: absolute;
  top: 100px;
  right: 356px;
  animation: mobile_app_animetion_circel 4s linear 1s infinite;
}

.inner_bg {
  background: url(../assets/images/about/innerbg.png) no-repeat center center;
  padding: 175px 0 40px 0;
}

.inner_bg_head {
  text-align: center;
}
.inner_bg_head h1 {
  font-size: 48px;
  font-weight: 600;
  line-height: 51.79px;
  letter-spacing: -0.02em;
  color: var(--primary_black);
}

.breadcrumb {
  gap: 15px;
  margin-top: 20px;
}
.breadcrumb li {
  font-size: 18px;
  font-weight: 400;
  line-height: 19.42px;
  color: var(--primary_black);
}
.breadcrumb li a {
  font-size: 18px;
  font-weight: 400;
  line-height: 19.42px;
  color: var(--primary_black);
  text-decoration-line: underline;
}

.header {
  padding: 0px 0 0 0;
  background-color: var(--gray_100);
  position: fixed;
  width: 100%;
  z-index: 9999999;
}
.header .nav-bg {
  box-shadow: 0 14px 16px 0 rgba(11, 2, 55, 0.1);
  margin-top: -40px;
  animation: slideDown 1s ease-out;
}

.header_contact li a {
  font-weight: 600;
  color: var(--primary_black);
}
.header_contact li a span {
  font-weight: 400;
  color: var(--gray_700);
}

.header_offer_main {
  gap: 16px;
}

.header_txt p a{
  color: #0caf60;
}

.header_txt p a:hover{
  color: #000000;
}

.header_txt p {
  font-size: 16px;
  font-family: 500;
  color: var(--gray_700);
}
.header_txt p span {
  font-weight: 600;
  color: var(--primary_black);
}

.header_txt_btn {
  width: 30px;
  height: 24px;
  background: linear-gradient(94.4deg, #9fe871 -1.4%, #6bd723 101.75%);
  border-radius: 30px;
  color: var(--primary_white);
}

.header_right {
  gap: 30px;
}

.header_luang_select.nice-select {
  background-color: var(--gray_100);
  border: solid 1px transparent;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--primary_black);
}
.header_luang_select.nice-select::after {
  height: 8px;
  width: 8px;
  border-bottom: 2px solid var(--primary_black);
  border-right: 2px solid var(--primary_black);
  margin-top: 0;
  top: 30%;
}

.header_right_social_icon {
  gap: 12px;
}
.header_right_social_icon li a {
  font-size: 15px;
  color: var(--portage);
}

.menu_bg {
  background-color: var(--primary_white);
  padding: 14px 0;
  position: relative;
  z-index: 9;
}

.menu_bg_left {
  gap: 90px;
}

.menu {
  gap: 42px;
}
.menu li {
  position: relative;
}
.menu li:hover ul {
  top: 40px;
  opacity: 1;
  visibility: visible;
}
.menu li a {
  color: var(--primary_black);
  font-weight: 500;
  transition: all linear 0.5s;
  gap: 15px;
  transition: all linear 0.3s;
}
.menu li a span svg {
  stroke: currentColor;
  color: var(--primary_black);
  transition: all linear 0.3s;
}
.menu li a:hover {
  color: var(--portage);
}
.menu li a:hover span svg {
  color: var(--portage);
}
.menu li ul {
  position: absolute;
  top: 100px;
  left: -20px;
  width: 200px;
  background-color: var(--primary_white);
  padding: 10px 20px 20px 20px;
  border-radius: 8px;
  box-shadow: 4.36px 36.72px 37.34px -19.59px rgba(18, 20, 29, 0.1215686275);
  transition: all linear 0.5s;
  opacity: 0;
  visibility: hidden;
}
.menu li ul li a {
  color: var(--primary_black);
  font-weight: 500;
  transition: all linear 0.5s;
  line-height: 35px;
}

.nice-select .list {
  z-index: 99;
}

.header--two .header_txt_btn {
  background: var(--blue);
}
.header--two .header_right_social_icon li a {
  color: var(--blue);
}

.header--3 .header_txt_btn {
  width: 30px;
  height: 24px;
  background: linear-gradient(94.4deg, #9fe871 -1.4%, #6bd723 101.75%);
  border-radius: 30px;
  color: var(--primary_white);
}
.header--3 .header_right_social_icon {
  gap: 12px;
}
.header--3 .header_right_social_icon li a {
  color: #6bd723;
}
.container-full {
  width: 100%;
}

.mobile-header {
  display: none;
}

.mobile-header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  border-bottom: 1px solid #f0effb;
}

#nav-opn-btn {
  border: none;
  color: var(--primary_black);
  background: var(--primary_white);
  border-radius: 5px;
  font-size: 18px;
}

#offcanvas-nav {
  background: transparent;
  position: absolute;
  left: -300px;
  top: 0px;
  z-index: 99;
  width: 300px;
  height: 100vh;
  z-index: 999999;
  transition: 0.5s ease;
}
#offcanvas-nav::before {
  content: "";
  width: 0%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  transition: 0.5s ease 0.3s;
}

#offcanvas-nav.open {
  left: 0px;
}
#offcanvas-nav.open::before {
  width: 100%;
}

#offcanvas-nav .m-nav {
  position: relative;
  background: var(--primary_white);
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 50px;
  z-index: 9;
  display: block;
  height: 100%;
  overflow-y: scroll;
}

#nav-cls-btn {
  background: none;
  border: none;
  outline: none;
  font-size: 22px;
  line-height: 0;
}

.m-nav-top {
  margin: 20px 0 50px 0;
}

#offcanvas-nav .m-nav .nav-links {
  flex-direction: column;
  align-items: stretch;
  gap: 15px;
}
#offcanvas-nav .m-nav .nav-links li {
  border-bottom: 1px solid #d3d3d3;
  margin-bottom: 20px;
}
#offcanvas-nav .m-nav .nav-links li a {
  font-size: 16px;
  color: #000;
}
#offcanvas-nav .m-nav .nav-links li a::before {
  display: none;
}

#offcanvas-nav li:last-of-type {
  border: 0 !important;
}

#offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position: relative;
  box-shadow: none;
  padding-left: 20px;
  padding-top: 15px !important;
  padding-top: 0px;
  visibility: visible;
  opacity: 1;
  display: none;
  transition: 0.5s ease-in 0s;
}
#offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding: 5px 0px;
}
#offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size: 15px;
  color: #000;
}
#offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display: block;
}

#offcanvas-nav .m-nav > .social-icons-s1 {
  gap: 12px;
  margin-top: 50px;
}
#offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display: none;
}

.working_icon_item, .vedio_prof_item, .team_frofile, .testimonails_slick_prof_item, .tag_item, .ratio_item, .our_goal_item ul li, .pricing_item_list li, .about_list li, .about_two_item, .blog_item_thumb_over, .blog_item_inner_item, .blog_list_view_item-inner, .card_item_blog, .t-s_item .tag, .social-icon, .clients_profile, .clients_reting, .contact_us_item, .contact_box, .footer_social_icon, .hero_btn_main, .hero_three .retting_item, .header_right_social_icon, .menu_bg_left, .menu, .menu li a, .header--3 .header_right_social_icon {
  display: flex;
  align-items: center;
}

.comment-box {
  display: flex;
  align-items: start;
}

.about_us_two_thumb_main, .chose_two_thumb_item {
  display: flex;
  align-items: end;
}

.copy_write_link, .hero_thumb_main {
  display: flex;
  justify-content: end;
}

.working_icon .num, .working_icon, .working_icon_item_df, .team-icon span, .ratio_item_inner, .bill-type, .pagination, .pagination li, .footer_social_icon li a, .hero_two_btn, .breadcrumb, .header_offer_main, .header_txt_btn, .header--3 .header_txt_btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

.header_right, .menu_btn {
  display: flex;
  align-items: center;
  justify-content: end;
}

.working_icon_item_main, .team_frofile_info ul li a, .card_item ul .text_2xl, .blog_list_view_item-inner_main, .sarch_item, .t-s_item, .comment-box_inner_item, .chose_renge_item h6, .clients_item_btm, .footer--two .fotter_sub_main, .footer--three .fotter_sub_main, .hero_three .hreo_three_sarch_item, .m-nav-top, #offcanvas-nav .m-nav .nav-links li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.services_item:hover .services_item_btm.text_lg, .sara-btn__border:hover, .blog_item:hover .blog_btn, .clients_btn:hover, .footer_link li a:hover, .copy_write_link li .text_lg:hover {
  background: linear-gradient(94.4deg, #9fe871 -1.4%, #6bd723 101.75%);
  background-size: 200% auto !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: shine 3s linear infinite !important;
}

.sara-btn__border.sara-btn__border--2:hover, .blog_two .blog_item:hover .blog_btn, .footer--two .footer_link li a:hover, .footer--two .copy_write_link li .text_lg:hover, .header--two .menu li a:hover {
  background: linear-gradient(90deg, #2783fe -0.01%, #276bfe 36.14%, #2838ff 100%);
  background-size: 200% auto;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shine 3s linear infinite;
}

.services--two .services_item:hover .services_item_btm.text_lg {
  background: linear-gradient(232.42deg, #fff 1.36%, #fff 99.95%);
  background-size: 200% auto;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shine 3s linear infinite;
}

.services--three .services_item:hover .services_item_btm, .sara-btn__border.sara-btn__border--3:hover, .blog_three .blog_item:hover .blog_btn, .footer--three .footer_link li a:hover, .footer--three .copy_write_link li .text_lg:hover, .header--3 .menu li a:hover {
  background: linear-gradient(94.4deg, #9fe871 -1.4%, #6bd723 101.75%);
  background-size: 200% auto;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shine 3s linear infinite;
}

.footer--inner .footer_link li a:hover, .footer--inner .copy_write_link li .text_lg:hover {
  background: linear-gradient(94.4deg, #9fe871 -1.4%, #6bd723 101.75%) !important;
  background-size: 200% auto !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: shine 3s linear infinite !important;
}

.testimonails_slick .slick-dots {
  margin-top: 36px;
  display: flex !important;
  justify-content: start;
  gap: 8px;
}
.testimonails_slick .slick-dots button {
  width: 8px;
  height: 8px;
  border: none;
  border-radius: 100%;
  background-color: rgba(0, 98, 255, 0.6);
  text-indent: -9999px;
  position: relative;
}
.testimonails_slick .slick-dots button::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid var(--blue);
  width: 14px;
  height: 14px;
  gap: 0px;
  opacity: 0px;
  border-radius: 50%;
  opacity: 0;
}
.testimonails_slick .slick-dots li.slick-active button {
  background-color: var(--blue);
}
.testimonails_slick .slick-dots li.slick-active button::after {
  opacity: 1;
}

.pricing {
  padding: 110px 0 120px 0;
  background: url(../assets/images/pricing_bg.png) no-repeat center center;
}
.pricing .nav {
  padding: 3px;
  position: relative;
  justify-content: center;
  z-index: 1;
  margin-top: 40px;
}
.pricing .nav::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  width: 238px;
  height: 56px;
  background-color: var(--primary_white);
  box-shadow: 9.25px 77.95px 79.27px -41.57px rgba(18, 20, 29, 0.1490196078);
  z-index: -1;
  border-radius: 12px;
  transform: translate(-50%, -50%);
}
.pricing .nav-pills .nav-link {
  padding: 0px 33px;
  height: 50px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: var(--primary_black);
  border-radius: 12px;
}
.pricing .nav-pills .nav-link.active {
  background: linear-gradient(83.44deg, #6427ff 4.13%, #7d51ed 102.54%);
  color: var(--primary_white);
}

.pricing_head {
  text-align: center;
}

.pricing_item {
  padding: 44px 30px;
  background-color: var(--primary_white);
  border-radius: 20px;
  transition: all linear 0.5s;
}
.pricing_item:hover {
  transform: translateY(-10px);
}
.pricing_item.pricing_item--black {
  background-color: var(--primary_black);
}
.pricing_item.pricing_item--black .pricing_item_top .text_xl {
  color: var(--primary_white);
}
.pricing_item.pricing_item--black .pricing_item_top .text_3xl {
  color: var(--primary_white);
}
.pricing_item.pricing_item--black .pricing_item_top .text_3xl .dollor_sign {
  color: var(--primary_white);
}
.pricing_item.pricing_item--black .pricing_item_top .text_3xl span {
  color: var(--primary_white);
}
.pricing_item.pricing_item--black .pricing_item_top p {
  color: var(--primary_white);
  border-color: var(--gray_800);
}
.pricing_item.pricing_item--black .pricing_item_list li {
  color: var(--primary_white);
}
.pricing_item .sara-btn {
  width: 100%;
  margin-top: 40px;
}

.pricing_item_top .text_xl {
  font-weight: 500;
  line-height: 21.58px;
  color: var(--primary_black);
}
.pricing_item_top .text_3xl {
  font-size: 38px;
  font-weight: 600;
  line-height: 32.37px;
  letter-spacing: -1px;
  color: var(--primary_black);
  padding-top: 10px;
}
.pricing_item_top .text_3xl .dollor_sign {
  font-size: 24px;
  font-weight: 500;
  line-height: 32.37px;
  letter-spacing: -1px;
  color: var(--primary_black);
}
.pricing_item_top .text_3xl span {
  color: #6427ff;
  font-size: 18px;
  font-weight: 500;
  line-height: 32.37px;
  letter-spacing: -1px;
}
.pricing_item_top p {
  font-size: 20px;
  font-weight: 400;
  line-height: 21.58px;
  color: var(--gray_700);
  padding-top: 18px;
  border-bottom: 1px solid var(--gray_200);
  padding-bottom: 14px;
}

.pricing_item_list {
  margin-top: 34px;
}
.pricing_item_list li {
  gap: 10px;
  padding-bottom: 10px;
  color: var(--primary_black);
}
.pricing_item_list li:last-of-type {
  padding-bottom: 0;
}

.pricing_two {
  padding: 110px 0 105px 0;
  background: linear-gradient(180deg, #f5faff 3.2%, rgba(239, 246, 255, 0.501662) 53.46%, rgba(255, 255, 255, 0.4) 104.05%);
}
.pricing_two .pricing_item {
  box-shadow: 0px 20px 60px 0px rgba(0, 0, 0, 0.0705882353);
  padding: 24px 30px 30px 30px;
}
.pricing_two .pricing_item .sara-btn__border {
  width: 100%;
  margin-top: 40px;
  border-color: var(--gray_400);
  font-weight: 500;
  color: var(--gray_600);
}
.pricing_two .pricing_item_top .text_xl {
  font-size: 28px;
  font-weight: 500;
  line-height: 38.73px;
  letter-spacing: -0.5px;
  color: var(--primary_black);
}
.pricing_two .pricing_item_top p {
  padding-top: 5px;
  padding-bottom: 0;
  border: 0;
}
.pricing_two .pricing_item_top .text_3xl del {
  font-size: 18px;
  font-weight: 500;
  line-height: 21.78px;
  letter-spacing: -0.5px;
  color: var(--gray_700);
}

.pricing_two_head {
  text-align: center;
}
.pricing_two_head .main_titel_two span {
  color: var(--primary_black);
}

.bill-type {
  gap: 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  text-align: center;
  color: var(--primary_black);
  margin-top: 20px;
}
.bill-type .bill-toggle #bill-toggle {
  display: none;
}
.bill-type .bill-toggle #bill-toggle + label {
  display: block;
  width: 60px;
  height: 32px;
  border-radius: 20px;
  background-color: var(--blue);
  position: relative;
  cursor: pointer;
}
.bill-type .bill-toggle #bill-toggle + label::after {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: var(--primary_white);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-100%, -50%);
  transition: transform 0.2s;
}
.bill-type .bill-toggle #bill-toggle:checked + label::after {
  transform: translate(0, -50%);
}

.pricing_two_btm_txt {
  margin-top: 46px;
  text-align: center;
}
.pricing_two_btm_txt h4 {
  font-size: 28px;
  font-weight: 400;
  line-height: 46px;
  letter-spacing: -1px;
  color: var(--gray_700);
}
.pricing_two_btm_txt h4 span {
  font-weight: 500;
  text-decoration-line: underline;
  color: var(--primary_black);
}

.pricing_three .nav::after {
  box-shadow: 9.25px 77.95px 79.27px -41.57px rgba(18, 20, 29, 0.1490196078);
}
.pricing_three .nav-pills .nav-link.active {
  background: linear-gradient(94.4deg, #9fe871 -1.4%, #6bd723 101.75%);
}
.pricing_three .pricing_item_top .text_3xl .dollor_sign {
  color: var(--primary_black);
}
.pricing_three .pricing_item_top .text_3xl span {
  color: #9fe871;
}

.services {
  padding-bottom: 120px;
}

.services_txt {
  position: relative;
}
.services_txt::after {
  position: absolute;
  content: "";
  top: 50%;
  left: -17%;
  transform: translate(-50%, -50%);
  width: 4px;
  height: 100%;
  background-color: var(--gray_300);
  border-radius: 999px;
}
.services_txt .text_lg {
  color: #323b49;
  font-weight: 400;
}

.services_item {
  padding: 30px;
  background-color: var(--primary_white);
  border: 1px solid var(--gray_200);
  transition: all linear 0.3s;
  border-radius: 8px;
}
.services_item .services_item_icon {
  display: inline-block;
  transition: all linear 0.3s;
}
.services_item .services_item_icon svg {
  fill: currentColor;
  color: #6427ff;
}
.services_item:hover {
  box-shadow: 0px 40px 80px 0px rgba(0, 0, 0, 0.0392156863);
  background-color: var(--primary_white);
}
.services_item:hover .services_item_icon {
  transform: rotateY(180deg);
}
.services_item:hover .services_item_icon svg {
  color: var(--primary_white);
}
.services_item:hover .services_item_btm span svg {
  color: #8a2eff;
}

.services_item_txt .text_2xl {
  margin-top: 10px;
}
.services_item_txt .text_2xl a {
  font-weight: 600;
  line-height: 25.9px;
  color: var(--primary_black);
  transition: all linear 0.3s;
}
.services_item_txt .text_lg {
  padding-top: 10px;
  font-weight: 400;
  color: var(--gray_700);
  transition: all linear 0.3s;
}

.services_item_btm {
  margin-top: 10px;
}
.services_item_btm.text_lg {
  font-weight: 400;
  line-height: 24px;
  color: var(--primary_black);
  transition: all linear 0.3s;
}
.services_item_btm.text_lg span svg {
  stroke: currentColor;
  color: var(--primary_black);
  transition: all linear 0.3s;
}

.ball_main {
  position: relative;
}

.ball {
  position: absolute;
  top: -176px;
  left: -126px;
  height: 15px;
  width: 15px;
  background-color: rgba(133, 75, 255, 0.5098039216);
  border-radius: 50%;
  animation: 7s linear 0s infinite normal none running moving;
}
.ball.two {
  top: -8px;
  right: -55px;
  left: inherit;
  height: 10px;
  width: 10px;
  background-color: #688aff;
  animation: 5s linear 0s infinite normal none running moving;
}
.ball.three {
  top: 425px;
  left: 188px;
  right: inherit;
  height: 9px;
  width: 9px;
  animation: 6s linear 0s infinite normal none running moving;
}

.services--two {
  background-color: rgba(30, 120, 255, 0.0392156863);
  padding-top: 80px;
}
.services--two .services_item:hover {
  box-shadow: inset;
  background-color: var(--blue);
}
.services--two .services_item:hover .services_item_txt .text_2xl a {
  color: var(--primary_white);
}
.services--two .services_item:hover .services_item_txt .text_lg {
  color: var(--primary_white);
}
.services--two .services_item:hover .services_item_btm span svg {
  color: var(--primary_white);
}

.services_head .text_lg {
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.5px;
  color: var(--gray_700);
  padding-top: 10px;
}

.services_head_btm {
  padding-top: 40px;
}
.services_head_btm p {
  font-size: 18px;
  font-weight: 400;
  line-height: 19.42px;
  color: var(v --gray_600);
}
.services_head_btm p span a {
  color: var(--primary_black);
  font-weight: 600;
  text-decoration-line: underline;
}

.services--three {
  background: url(../assets/images/services-three-bg.svg) no-repeat center/cover;
  padding-top: 110px;
  margin-top: -10px;
}
.services--three .main_titel_three {
  text-align: center;
}
.services--three .services_item {
  border-color: var(--primary_white);
  position: relative;
  overflow: hidden;
}
.services--three .services_item::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 3px;
  width: 0;
  background-color: #6bd723;
  transition: all 0.5s ease;
}
.services--three .services_item:hover::before {
  width: 100%;
}
.services--three .services_item:hover .services_item_btm span svg {
  color: #6bd723;
}
.services--three .services_item .services_item_txt .text_2xl {
  padding-top: 10px;
}

.inner_services {
  padding-top: 110px;
}

.service_details {
  padding: 80px 0;
}

.service_details_head .text_5xl {
  font-weight: 600;
}

.service_details_thumb {
  height: 450px;
  overflow: hidden;
  border-radius: 8px;
  margin-top: 40px;
}
.service_details_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.service_details_txt {
  margin-top: 20px;
}
.service_details_txt .text_lg {
  line-height: 32px;
  color: var(--primary_black);
}

.service_details_item {
  padding: 45px 50px;
  box-shadow: 0px 15px 40px 0px rgba(0, 16, 72, 0.031372549);
  text-align: center;
  margin-top: 30px;
}
.service_details_item .icon {
  display: block;
}
.service_details_item .text_xl {
  font-weight: 500;
  line-height: 30px;
  color: var(--primary_black);
  padding-top: 28px;
}

.our_goal_item {
  margin-top: 30px;
}
.our_goal_item h2 {
  font-size: 28px;
  font-weight: 500;
  line-height: 30.21px;
  color: var(--primary_black);
}
.our_goal_item ul {
  margin-top: 8px;
}
.our_goal_item ul li {
  font-size: 18px;
  font-weight: 400;
  line-height: 36px;
  color: var(--gray_700);
  gap: 15px;
}
.our_goal_item p {
  font-size: 17px;
  font-weight: 400;
  line-height: 32px;
  padding-top: 18px;
}

.ratio_item {
  padding: 24px 30px;
  box-shadow: 0px 30px 60px 0px rgba(15, 0, 107, 0.0392156863);
  border-radius: 8px;
  margin-top: 30px;
}

.ratio_item_text {
  flex: 1;
}
.ratio_item_text .text_2xl {
  font-weight: 600;
}
.ratio_item_text p {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  color: var(--gray_700);
  padding-top: 10px;
}
.ratio_item_text a {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: var(--portage);
  text-decoration-line: underline;
  padding-top: 8px;
}

.ratio_item_inner {
  height: 108px;
  width: 108px;
  background-color: var(--primary_white);
  border: 6px solid #eff4f7;
  border-radius: 50%;
  position: relative;
}
.ratio_item_inner .circel {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.ratio_item_inner .circel.two {
  top: 48%;
  left: 77%;
}
.ratio_item_inner h2 {
  font-weight: 600;
  color: var(--primary_black);
}

.s_thumb {
  height: 380px;
}
.s_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.s-thumb-two {
  height: 180px;
}
.s-thumb-two.three {
  margin-top: 20px;
}
.s-thumb-two img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.s_text_main {
  margin-top: 35px;
}
.s_text_main h2 {
  font-size: 32px;
  font-weight: 500;
  line-height: 34.53px;
  letter-spacing: -1px;
  color: var(--primary_black);
}
.s_text_main .text_lg {
  padding-top: 25px;
  color: #2a2a2a;
}
.s_text_main ul {
  margin-top: 20px;
}
.s_text_main ul li {
  font-size: 20px;
  font-weight: 500;
  line-height: 38px;
  color: var(--primary_black);
}
.s_text_main ul li span {
  padding-right: 15px;
}

.card_item {
  padding: 24px 30px 30px 30px;
  background-color: var(--gray_100);
}
.card_item h3 {
  font-size: 32px;
  font-weight: 500;
  line-height: 34.53px;
  letter-spacing: -0.02em;
  color: var(--primary_black);
}
.card_item ul {
  margin-top: 20px;
}
.card_item ul .text_2xl {
  color: var(--primary_black);
  padding: 20px;
  background-color: var(--primary_white);
  border-radius: 6px;
  margin-bottom: 12px;
}
.card_item ul .text_2xl:last-of-type {
  margin-bottom: 0;
}
.card_item ul .text_2xl .text_lg {
  color: var(--gray_600);
  padding-top: 0;
}
.card_item .text_lg {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: var(--gray_700);
  padding-top: 14px;
}

.card_form .form-control {
  padding: 18px 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 17.26px;
  color: var(--primary_black);
  background-color: var(--primary_white);
  border: 0;
  border-radius: 8px;
  margin-top: 20px;
}
.card_form .form-control:focus {
  box-shadow: inherit;
}
.card_form .sara-btn {
  margin-top: 30px;
  border: 0;
  width: 100%;
  height: 60px;
}

.tag_item {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}
.tag_item .tag_btn {
  padding: 12px 14px;
  background-color: var(--primary_white);
  font-size: 18px;
  font-weight: 400;
  line-height: 19.42px;
  letter-spacing: -0.01em;
  color: var(--gray_700);
}

.testimonails {
  padding: 0px 0 120px 0;
}

.testimonails_thumb_main {
  position: relative;
  z-index: 1;
}

.testimonails_thumb {
  width: 565px;
  height: 588px;
}
.testimonails_thumb img {
  width: 100%;
  height: 100%;
}

.testimonails_thumb_pos {
  width: 535px;
  height: 535px;
  position: absolute;
  z-index: -1;
  bottom: -50px;
  right: 30px;
}
.testimonails_thumb_pos img {
  width: 100%;
  height: 100%;
}

.testimonails_thumb_pos--2 {
  position: absolute;
  top: 17px;
  right: 0;
  box-shadow: 4.36px 36.72px 37.34px -19.59px rgba(18, 20, 29, 0.1215686275);
  width: 159.82px;
  height: 156px;
  animation: 6s linear 0s infinite normal none running moving;
}
.testimonails_thumb_pos--2 img {
  width: 100%;
  height: 100%;
}

.testimonails_thumb_pos--3 {
  position: absolute;
  bottom: -38px;
  left: -38px;
  box-shadow: 4.36px 36.72px 37.34px -19.59px rgba(18, 20, 29, 0.1215686275);
  width: 246.13px;
  height: 142px;
  animation: 4s linear 0s infinite normal none running moving;
}
.testimonails_thumb_pos--3 img {
  width: 100%;
  height: 100%;
}

.testimonails_pl {
  padding-left: 28px;
  margin-top: 24px;
}

.testimonails_slick_item {
  margin-top: 36px;
}
.testimonails_slick_item .icon {
  height: 70px;
  width: 70px;
  border-radius: 50%;
  display: block;
}
.testimonails_slick_item .icon img {
  width: 100%;
  height: 100%;
}
.testimonails_slick_item .text_4xl {
  padding-top: 14px;
  font-weight: 400;
  line-height: 52px;
  letter-spacing: -1px;
  color: var(--primary_black);
}

.testimonails_slick_prof_thumb {
  height: 64px;
  width: 64px;
  overflow: hidden;
  border-radius: 50%;
}
.testimonails_slick_prof_thumb img {
  width: 100%;
  height: 100%;
}

.testimonails_slick_prof_item {
  gap: 10px;
  margin-top: 23px;
}

.testimonails_slick_prof_txt .text_2xl {
  color: var(--primary_black);
  font-weight: 500;
}
.testimonails_slick_prof_txt .text_lg {
  color: var(--gray_700);
}

.inner_testimonails {
  padding-top: 120px;
  padding-bottom: 0;
}

.testimonails_two {
  padding-top: 70px;
  padding-bottom: 0;
}

:root {
  --primary_white: #fff;
  --primary_black: #111827;
  --gray_800: #1f2937;
  --gray_700: #323b49;
  --gray_600: #718096;
  --gray_500: #a0aec0;
  --gray_400: #cbd5e0;
  --gray_300: #eeeff2;
  --gray_200: #f1f2f4;
  --gray_100: #f9fafb;
  --gray_50: #fafafa;
  --success_dark: #0ba259;
  --success_base: #0caf60;
  --success_light: #55c790;
  --error_dark: #fd4f4f;
  --error_base: #fd6a6a;
  --error_light: #fd8181;
  --warning_dark: #e6bb20;
  --warning_base: #ffd023;
  --warning_light: #ffde65;
  --amber: #ffc837;
  --sky: #38bdf8;
  --teal: #2dd4bf;
  --orange: #fe964a;
  --portage: #6427ff;
  --blue: #0062ff;
}

.team {
  padding: 110px 0 120px 0;
  background: url(../assets/images/team_bg.svg) no-repeat center/cover;
}

.team_head {
  text-align: center;
}
.team_head .main_titel_two {
  color: var(--primary_white);
}

.team_item {
  box-shadow: 0px 4px 80px 0px rgba(0, 0, 0, 0.1215686275);
  padding: 20px;
  background-color: var(--primary_white);
  border-radius: 8px;
}

.team_item_thumb {
  height: 280px;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
}
.team_item_thumb img {
  width: 100%;
  height: 100%;
}

.team_item_thumb_main {
  position: relative;
}

.team-icon:hover.team_social_icon {
  opacity: 0;
}
.team-icon span {
  height: 40px;
  width: 40px;
  background-color: var(--primary_black);
}
.team-icon span svg {
  stroke: currentColor;
  color: var(--primary_white);
}

.team_item_txt {
  margin-top: 22px;
}
.team_item_txt .text_2xl {
  font-weight: 500;
  line-height: 25.9px;
  color: var(--primary_black);
}
.team_item_txt .text_lg {
  font-weight: 400;
  line-height: 19.42px;
  color: var(--gray_600);
  padding-top: 6px;
}

.team_social_icon {
  transition: all linear 0.5s;
  visibility: hidden;
}
.team_social_icon li {
  margin-bottom: 1px;
}
.team_social_icon li:last-of-type {
  margin-bottom: 0;
}
.team_social_icon li a span {
  background-color: var(--blue);
}

.team-icon_main {
  position: absolute;
  bottom: -180px;
  right: 20px;
}
.team-icon_main:hover .team_social_icon {
  visibility: visible;
  transform: translateY(-163px);
}

.team_slick {
  margin-top: 38px;
}
.team_slick .slick-slide {
  margin-right: 30px;
}
.team_slick .slick-dots {
  margin-top: 36px;
  display: flex !important;
  justify-content: center;
  gap: 8px;
}
.team_slick .slick-dots button {
  width: 8px;
  height: 8px;
  border: none;
  border-radius: 100%;
  background-color: rgba(250, 250, 250, 0.3);
  text-indent: -9999px;
  position: relative;
}
.team_slick .slick-dots button::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid var(--primary_white);
  width: 14px;
  height: 14px;
  gap: 0px;
  opacity: 0px;
  border-radius: 50%;
  opacity: 0;
}
.team_slick .slick-dots li.slick-active button {
  background-color: var(--primary_white);
}
.team_slick .slick-dots li.slick-active button::after {
  opacity: 1;
}

.team_member {
  padding: 80px 0;
}

.team_single {
  padding: 80px 0;
}

.team_frofile {
  background: var(--gray_100);
  gap: 50px;
}

.team_frofile_thumb {
  width: 430px;
  height: 460px;
}
.team_frofile_thumb img {
  width: 100%;
  height: 100%;
}

.team_frofile_info h3 {
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
  color: var(--primary_black);
}
.team_frofile_info p {
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: var(--portage);
}
.team_frofile_info ul {
  margin-top: 25px;
  width: 310px;
}
.team_frofile_info ul li {
  margin-bottom: 18px;
}
.team_frofile_info ul li:last-of-type {
  margin-bottom: 0;
}
.team_frofile_info ul li a {
  gap: 50px;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  color: var(--gray_700);
}
.team_frofile_info ul li a span {
  font-weight: 600;
}
.team_frofile_info .social-icon li {
  margin-bottom: 0;
}

:root {
  --primary_white: #fff;
  --primary_black: #111827;
  --gray_800: #1f2937;
  --gray_700: #323b49;
  --gray_600: #718096;
  --gray_500: #a0aec0;
  --gray_400: #cbd5e0;
  --gray_300: #eeeff2;
  --gray_200: #f1f2f4;
  --gray_100: #f9fafb;
  --gray_50: #fafafa;
  --success_dark: #0ba259;
  --success_base: #0caf60;
  --success_light: #55c790;
  --error_dark: #fd4f4f;
  --error_base: #fd6a6a;
  --error_light: #fd8181;
  --warning_dark: #e6bb20;
  --warning_base: #ffd023;
  --warning_light: #ffde65;
  --amber: #ffc837;
  --sky: #38bdf8;
  --teal: #2dd4bf;
  --orange: #fe964a;
  --portage: #6427ff;
  --blue: #0062ff;
}

.vedio {
  padding-bottom: 110px;
  margin-top: -10px;
}
.vedio .main_titel_three {
  padding-right: 100px;
}

.vedio_txt .text_xl {
  font-weight: 400;
  font-style: italic;
  border-left: 2px solid var(--gray_600);
  padding-left: 20px;
}

.vedio_prof_item {
  gap: 10px;
  margin-top: 10px;
}

.vedio_prof_thumb {
  width: 44px;
  height: 44px;
  overflow: hidden;
  border-radius: 50%;
}
.vedio_prof_thumb img {
  width: 100%;
  height: 100%;
}

.vedio_prof-txt .text_xl {
  font-weight: 500;
  color: #181818;
}
.vedio_prof-txt .text_base {
  font-weight: 400;
}

.vedio_thumb {
  height: 680px;
  overflow: hidden;
  border-radius: 20px;
  margin-top: 40px;
}
.vedio_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vedio_thumb_main {
  position: relative;
}

.vedio_pos_thumb_main {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 111;
}

.vedio_pos_thumb img {
  animation: rotate 10s linear infinite;
}

.vedio_box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@font-face {
  font-family: "EB Garamond", serif;
  src: url(/web_font/EB_Garamond/EBGaramond-MediumItalic.ttf);
  font-weight: 600;
}
@font-face {
  font-family: "Gordita", sans-serif;
  src: url(/assets/google-font/gordita/Gordita-Black.otf);
  font-weight: 800;
}
@font-face {
  font-family: "Gordita", sans-serif;
  src: url(/assets/google-font/gordita/Gordita-Bold.otf);
  font-weight: 700;
}
@font-face {
  font-family: "Gordita", sans-serif;
  src: url(/assets/google-font/gordita/Gordita-Medium.otf);
  font-weight: 500;
}
@font-face {
  font-family: "Gordita", sans-serif;
  src: url(/assets/google-font/gordita/Gordita-Regular.otf);
  font-weight: 400;
}
@font-face {
  font-family: "Gordita", sans-serif;
  src: url(/assets/google-font/gordita/Gordita-Light.otf);
  font-weight: 300;
}
:root {
  --primary_white: #fff;
  --primary_black: #111827;
  --gray_800: #1f2937;
  --gray_700: #323b49;
  --gray_600: #718096;
  --gray_500: #a0aec0;
  --gray_400: #cbd5e0;
  --gray_300: #eeeff2;
  --gray_200: #f1f2f4;
  --gray_100: #f9fafb;
  --gray_50: #fafafa;
  --success_dark: #0ba259;
  --success_base: #0caf60;
  --success_light: #55c790;
  --error_dark: #fd4f4f;
  --error_base: #fd6a6a;
  --error_light: #fd8181;
  --warning_dark: #e6bb20;
  --warning_base: #ffd023;
  --warning_light: #ffde65;
  --amber: #ffc837;
  --sky: #38bdf8;
  --teal: #2dd4bf;
  --orange: #fe964a;
  --portage: #6427ff;
  --blue: #0062ff;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 30px;
}

.g-4,
.gx-4 {
  --bs-gutter-y: 30px;
}

.mg_top_55px {
  margin-top: 55px;
}

.mg_top_40px {
  margin-top: 40px;
}

.mg_top_30px {
  margin-top: 30px;
}

.mg_top_20px {
  margin-top: 20px;
}

.mg_top_10px {
  margin-top: 10px;
}

.text_base {
  font-size: 16px;
  line-height: 24px;
}

.text_lg {
  font-size: 18px;
  line-height: 28px;
}

.text_xl {
  font-size: 20px;
  line-height: 28px;
}

.text_2xl {
  font-size: 24px;
  line-height: 32px;
}

.text_3xl {
  font-size: 30px;
  line-height: 36px;
}

.text_4xl {
  font-size: 36px;
  line-height: 40px;
}

.text_5xl {
  font-size: 48px;
}

.text_6xl {
  font-size: 60px;
}

.main_titel {
  font-size: 48px;
  font-weight: 600;
  line-height: 51.79px;
  letter-spacing: -0.02em;
  color: var(--primary_black);
}
.main_titel span {
  font-family: "EB Garamond", serif;
  font-size: 48px;
  font-style: italic;
  font-weight: 700;
  line-height: 62.64px;
  letter-spacing: -0.02em;
  background: linear-gradient(94.4deg, #9fe871 -1.4%, #6bd723 101.75%);
  background-size: 200% auto;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shine 3s linear infinite;
}

.main_titel_two {
  font-size: 48px;
  font-weight: 600;
  line-height: 51.79px;
  letter-spacing: -0.02em;
  color: var(--primary_black);
}
.main_titel_two span {
  font-family: "EB Garamond", serif;
  font-size: 48px;
  font-style: italic;
  font-weight: 700;
  line-height: 62.64px;
  letter-spacing: -0.02em;
  color: var(--blue);
}

.main_titel_three {
  font-size: 48px;
  font-weight: 600;
  line-height: 51.79px;
  letter-spacing: -0.02em;
  color: var(--primary_black);
}
.main_titel_three span {
  font-family: "EB Garamond", serif;
  font-size: 48px;
  font-style: italic;
  font-weight: 700;
  line-height: 62.64px;
  letter-spacing: -0.02em;
  background: linear-gradient(94.4deg, #9fe871 -1.4%, #6bd723 101.75%);
  background-size: 200% auto;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shine 3s linear infinite;
}

.working {
  padding: 120px 0;
  background: url(../assets/images/working_bg.svg) no-repeat center center;
  overflow-x: hidden;
}

.working_head {
  padding-right: 110px;
}
.working_head .main_titel {
  color: var(--primary_white);
}
.working_head .main_titel span {
  background: linear-gradient(94.4deg, #9fe871 -1.4%, #6bd723 101.75%);
  background-clip: text;
}
.working_head p {
  color: var(--gray_500);
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  padding-top: 16px;
}
.working_head h6 {
  font-size: 18px;
  font-weight: 400;
  line-height: 19.42px;
  letter-spacing: -0.5px;
  color: var(--primary_white);
  padding-top: 36px;
}

.working_btn {
  margin-top: 50px;
}

.working_icon_item {
  position: relative;
  z-index: 1;
}

.arrow_img {
  margin-top: -120px;
}

.working_thumb_main {
  position: relative;
  z-index: 1;
}

.working_thumb {
  height: 496px;
}
.working_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.working_pos_thumb {
  position: absolute;
  top: 34px;
  left: -46px;
  box-shadow: 0px 25px 60px 0px rgba(5, 77, 142, 0.0588235294);
  animation: jump 5s infinite linear;
}

.working_pos_thumb_two {
  position: absolute;
  bottom: -60px;
  left: -60px;
  z-index: -1;
  animation: rotate 15s linear infinite;
}

.working_pos_thumb_three {
  position: absolute;
  bottom: -60px;
  right: -267px;
  transform: rotate(20deg);
  z-index: -1;
}
.working_pos_thumb_three img {
  animation: jump 7s infinite linear;
}

.working_icon_item_df {
  flex-direction: column;
  gap: 35px;
  text-align: center;
}

.working_arrow_icon {
  position: absolute;
  top: 50%;
  left: 120%;
  transform: translate(-50%, -50%);
}

.working_icon {
  position: relative;
  height: 136px;
  width: 136px;
  background-color: #211933;
  border-radius: 50%;
  transition: all linear 0.5s ease;
}
.working_icon:hover {
  background: linear-gradient(83.44deg, #6427ff 4.13%, #7d51ed 102.54%);
  box-shadow: 0px 17.07px 34.14px 0px rgba(27, 66, 145, 0.0392156863);
}
.working_icon .num {
  position: absolute;
  top: 0;
  left: 0;
  height: 44px;
  width: 44px;
  background: linear-gradient(90deg, #f94b44 0%, #fe7848 98.5%);
  font-size: 18px;
  font-weight: 500;
  color: var(--primary_white);
  border-radius: 50%;
  border: 8px solid #6427ff;
}

.working_icon_item_txt .text_2xl {
  font-weight: 400;
  line-height: 40px;
  letter-spacing: -0.5px;
  color: var(--primary_white);
}

.working_mt {
  margin-top: 80px;
}

.error {
  padding: 80px 0;
}

.error_thumb {
  height: 444px;
}
.error_thumb img {
  width: 100%;
  height: 100%;
}

.error_text {
  margin-top: 40px;
}
.error_text h3 {
  font-size: 48px;
  font-weight: 500;
  line-height: 51.79px;
  letter-spacing: -1px;
  text-align: center;
}
.error_text p {
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  text-align: center;
  color: var(--gray_800);
  padding-top: 20px;
}

.error_btn {
  text-align: center;
  margin-top: 40px;
}/*# sourceMappingURL=style.css.map */

/* Modal Background */
.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1000;
  overflow-y: hidden;
}

/* Modal Content */
.modal-content {
  background: #fff;
  padding: 0px;
  max-width: 600px;
  margin: 140px auto;
  border-radius: 10px;
  position: relative;
}

.modal-content h2 {
  margin-bottom: 20px;
  color: #333;
}

.form-group {
  margin-bottom: 15px;
}

.form-group label {
  display: block;
  margin-bottom: 5px;
  color: #333;
}

.form-group input,
.form-group textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.close-btn {
  position: absolute;
  top: 20px;
  right: 40px;
  font-size: 40px;
  color: #333;
  cursor: pointer;
}

.sara-btn {
  margin-top: 10px;
}

/* Loading spinner styles */
.loading-spinner {
  display: none;
  width: 30px;
  height: 30px;
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-top: 4px solid #007bff;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin: 10px auto;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.loading-message {
  display: none;
  font-size: 16px;
  color: #555;
  text-align: center;
  margin-top: 10px;
}

.privacy-title{
  font-size: 30px;
  font-weight: 600;
}

.privacy-btm{
  font-size: 18px;
}

.privacy-title span,
.privacy-btm span{
  background: linear-gradient(94.4deg, #9fe871 -1.4%, #6bd723 101.75%);
  background-size: 200% auto;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shine 3s linear infinite;
}