/*قالب جدید ترنسنت که خریداری شده است*/
@charset "UTF-8";
/* تعریف فونت Peyda */
@font-face {
    font-family: "Peyda";
    font-style: normal;
    font-weight: 100; /* Thin */
    font-stretch: normal;
    src: url("/fonts/Peyda/woff2/PeydaWebFaNum-Thin.woff2") format("woff2"), url("/fonts/Peyda/woff/PeydaWebFaNum-Thin.woff") format("woff");
}
@font-face {
  font-family: "Peyda";
  font-style: normal;
  font-weight: 200; /* ExtraLight */
  font-stretch: normal;
  src: url("/fonts/Peyda/woff2/PeydaWebFaNum-ExtraLight.woff2") format("woff2"), url("/fonts/Peyda/woff/PeydaWebFaNum-ExtraLight.woff") format("woff");
}
@font-face {
  font-family: "Peyda";
  font-style: normal;
  font-weight: 300; /* Light */
  font-stretch: normal;
  src: url("/fonts/Peyda/woff2/PeydaWebFaNum-Light.woff2") format("woff2"), url("/fonts/Peyda/woff/PeydaWebFaNum-Light.woff") format("woff");
}
@font-face {
  font-family: "Peyda";
  font-style: normal;
  font-weight: 400; /* Regular */
  font-stretch: normal;
  src: url("/fonts/Peyda/woff2/PeydaWebFaNum-Regular.woff2") format("woff2"), url("/fonts/Peyda/woff/PeydaWebFaNum-Regular.woff") format("woff");
}
@font-face {
  font-family: "Peyda";
  font-style: normal;
  font-weight: 500; /* Medium */
  font-stretch: normal;
  src: url("/fonts/Peyda/woff2/PeydaWebFaNum-Medium.woff2") format("woff2"), url("/fonts/Peyda/woff/PeydaWebFaNum-Medium.woff") format("woff");
}
@font-face {
  font-family: "Peyda";
  font-style: normal;
  font-weight: 600; /* SemiBold */
  font-stretch: normal;
  src: url("/fonts/Peyda/woff2/PeydaWebFaNum-SemiBold.woff2") format("woff2"), url("/fonts/Peyda/woff/PeydaWebFaNum-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Peyda";
  font-style: normal;
  font-weight: 700; /* Bold */
  font-stretch: normal;
  src: url("/fonts/Peyda/woff2/PeydaWebFaNum-Bold.woff2") format("woff2"), url("/fonts/Peyda/woff/PeydaWebFaNum-Bold.woff") format("woff");
}
@font-face {
  font-family: "Peyda";
  font-style: normal;
  font-weight: 800; /* ExtraBold */
  font-stretch: normal;
  src: url("/fonts/Peyda/woff2/PeydaWebFaNum-ExtraBold.woff2") format("woff2"), url("/fonts/Peyda/woff/PeydaWebFaNum-ExtraBold.woff") format("woff");
}
@font-face {
  font-family: "Peyda";
  font-style: normal;
  font-weight: 900; /* Black */
  font-stretch: normal;
  src: url("/fonts/Peyda/woff2/PeydaWebFaNum-Black.woff2") format("woff2"), url("/fonts/Peyda/woff/PeydaWebFaNum-Black.woff") format("woff");
}
/* تعریف فونت Kalameh */
@font-face {
  font-family: "Kalameh";
  font-style: normal;
  font-weight: 100; /* Thin */
  font-stretch: normal;
  src: url("/fonts/Kalameh/eot/KalamehWeb(FaNum)-Thin.eot"); /* IE9+ */
  src: url("/fonts/Kalameh/eot/KalamehWeb(FaNum)-Thin.eot?#iefix") format("embedded-opentype"), url("/fonts/Kalameh/woff2/KalamehWeb(FaNum)-Thin.woff2") format("woff2"), url("/fonts/Kalameh/woff/KalamehWeb(FaNum)-Thin.woff") format("woff");
}
@font-face {
  font-family: "Kalameh";
  font-style: normal;
  font-weight: 200; /* ExtraLight */
  font-stretch: normal;
  src: url("/fonts/Kalameh/eot/KalamehWeb(FaNum)-ExtraLight.eot");
  src: url("/fonts/Kalameh/eot/KalamehWeb(FaNum)-ExtraLight.eot?#iefix") format("embedded-opentype"), url("/fonts/Kalameh/woff2/KalamehWeb(FaNum)-ExtraLight.woff2") format("woff2"), url("/fonts/Kalameh/woff/KalamehWeb(FaNum)-ExtraLight.woff") format("woff");
}
@font-face {
  font-family: "Kalameh";
  font-style: normal;
  font-weight: 300; /* Light */
  font-stretch: normal;
  src: url("/fonts/Kalameh/eot/KalamehWeb(FaNum)-Light.eot");
  src: url("/fonts/Kalameh/eot/KalamehWeb(FaNum)-Light.eot?#iefix") format("embedded-opentype"), url("/fonts/Kalameh/woff2/KalamehWeb(FaNum)-Light.woff2") format("woff2"), url("/fonts/Kalameh/woff/KalamehWeb(FaNum)-Light.woff") format("woff");
}
@font-face {
  font-family: "Kalameh";
  font-style: normal;
  font-weight: 400; /* Regular */
  font-stretch: normal;
  src: url("/fonts/Kalameh/eot/KalamehWeb(FaNum)-Regular.eot");
  src: url("/fonts/Kalameh/eot/KalamehWeb(FaNum)-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/Kalameh/woff2/KalamehWeb(FaNum)-Regular.woff2") format("woff2"), url("/fonts/Kalameh/woff/KalamehWeb(FaNum)-Regular.woff") format("woff");
}
@font-face {
  font-family: "Kalameh";
  font-style: normal;
  font-weight: 500; /* Medium */
  font-stretch: normal;
  src: url("/fonts/Kalameh/eot/KalamehWeb(FaNum)-Medium.eot");
  src: url("/fonts/Kalameh/eot/KalamehWeb(FaNum)-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/Kalameh/woff2/KalamehWeb(FaNum)-Medium.woff2") format("woff2"), url("/fonts/Kalameh/woff/KalamehWeb(FaNum)-Medium.woff") format("woff");
}
@font-face {
  font-family: "Kalameh";
  font-style: normal;
  font-weight: 600; /* SemiBold */
  font-stretch: normal;
  src: url("/fonts/Kalameh/eot/KalamehWeb(FaNum)-SemiBold.eot");
  src: url("/fonts/Kalameh/eot/KalamehWeb(FaNum)-SemiBold.eot?#iefix") format("embedded-opentype"), url("/fonts/Kalameh/woff2/KalamehWeb(FaNum)-SemiBold.woff2") format("woff2"), url("/fonts/Kalameh/woff/KalamehWeb(FaNum)-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Kalameh";
  font-style: normal;
  font-weight: 700; /* Bold */
  font-stretch: normal;
  src: url("/fonts/Kalameh/eot/KalamehWeb(FaNum)-Bold.eot");
  src: url("/fonts/Kalameh/eot/KalamehWeb(FaNum)-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/Kalameh/woff2/KalamehWeb(FaNum)-Bold.woff2") format("woff2"), url("/fonts/Kalameh/woff/KalamehWeb(FaNum)-Bold.woff") format("woff");
}
@font-face {
  font-family: "Kalameh";
  font-style: normal;
  font-weight: 800; /* ExtraBold */
  font-stretch: normal;
  src: url("/fonts/Kalameh/eot/KalamehWeb(FaNum)-ExtraBold.eot");
  src: url("/fonts/Kalameh/eot/KalamehWeb(FaNum)-ExtraBold.eot?#iefix") format("embedded-opentype"), url("/fonts/Kalameh/woff2/KalamehWeb(FaNum)-ExtraBold.woff2") format("woff2"), url("/fonts/Kalameh/woff/KalamehWeb(FaNum)-ExtraBold.woff") format("woff");
}
@font-face {
  font-family: "Kalameh";
  font-style: normal;
  font-weight: 900; /* Black */
  font-stretch: normal;
  src: url("/fonts/Kalameh/eot/KalamehWeb(FaNum)-Black.eot");
  src: url("/fonts/Kalameh/eot/KalamehWeb(FaNum)-Black.eot?#iefix") format("embedded-opentype"), url("/fonts/Kalameh/woff2/KalamehWeb(FaNum)-Black.woff2") format("woff2"), url("/fonts/Kalameh/woff/KalamehWeb(FaNum)-Black.woff") format("woff");
}
html,
html * {
  scrollbar-width: thin;
}

body {
  font-family: "Peyda";
  direction: rtl;
}
body .kalameh {
  font-family: "Kalameh";
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.listed {
  list-style: disc;
  padding-inline-start: 1rem;
}

a {
  text-decoration: none;
}

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

h1 {
  color: #252525;
  font-weight: 600;
}
h1 span {
  font-weight: 700;
}

@media (min-width: 1200px) {
  h1 {
    font-size: 2.3125rem;
  }
  h2 {
    font-size: 2rem;
  }
  h3 {
    font-size: 1.625rem;
  }
}
.limit-1,
.limit-2,
.limit-3 {
  text-align: right;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.limit-1 {
  -webkit-line-clamp: 1;
  line-clamp: 1;
}

.limit-2 {
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

.limit-3 {
  -webkit-line-clamp: 3;
  line-clamp: 3;
}

.objectfit-contain {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.objectfit-cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.gap-12 {
  gap: 0.75rem;
}

.gap-14 {
  gap: 0.875rem;
}

.gap-20 {
  gap: 1.25rem;
}

.gap-24 {
  gap: 1.5rem;
}

.gap-28 {
  gap: 1.75rem;
}

.gap-32 {
  gap: 2rem;
}

.gap-36 {
  gap: 2.25rem;
}

.gap-40 {
  gap: 2.5rem;
}

.gap-44 {
  gap: 2.75rem;
}

[data-icon] {
  display: inline-flex;
}

.btn {
  padding: 0.75rem 1.75rem;
}

.btn-icon {
  display: inline-flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo {
  width: 230px;
  height: 37px;
}
.logo img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.logo-m {
  width: 160px;
  height: 27px;
}
.logo-m img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.logo-xs {
  width: 130px;
  height: 32px;
}
.logo-xs img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (max-width: 992px) {
  .desktop {
    display: none;
  }
  .mobile {
    display: block;
  }
}
@media (min-width: 992px) {
  .desktop {
    display: block;
  }
  .mobile {
    display: none;
  }
}
.breadcrumb-container {
  margin-block: 3rem;
}

.breadcrumb {
  margin-bottom: 0;
}
.breadcrumb .breadcrumb-item {
  color: #1d232d;
  font-size: 1rem;
  font-weight: 500;
  line-height: 120%;
}
.breadcrumb .breadcrumb-item a {
  color: #535353;
}

.bg-container {
  border-radius: 0rem 10rem 0.75rem 10rem;
  background-color: #2b2455;
  padding: 1.25rem 2.5rem;
}
@media (max-width: 540px) {
  .bg-container {
    padding: 1rem 1rem;
    border-radius: 0rem 6rem 0.75rem 6rem;
  }
}
.bg-container .video-container {
  position: relative;
  display: flex;
  padding-top: 56.25%;
}
.bg-container .video-container .cover-shadow {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 1.25rem;
}
.bg-container .video-container img.cover-poster {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
}
.bg-container .video-container img.cover-absolute {
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  width: 75%;
}
.bg-container .video-container .play-container {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1.25rem;
}
.bg-container .video-container .play-container .btn-play {
  color: #ff6633;
  border: 0;
  outline: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  box-shadow: 0 0 0 0.5rem rgba(255, 255, 255, 0.2);
}
.bg-container .video-container video {
  width: 100%;
  height: 100%;
  border-radius: 1.25rem;
  border: 1px solid #e2e2e2;
  position: absolute;
  inset: 0;
  z-index: 0;
}

header {
  background: #fff;
}
@media (max-width: 992px) {
  header .nav-desktop {
    display: none;
  }
  header .nav-mobile {
    display: block;
  }
}
@media (min-width: 992px) {
  header .nav-desktop {
    display: block;
  }
  header .nav-mobile {
    display: none;
  }
}
header .nav-mobile .navbar {
  padding: 1rem 0;
}
header .nav-mobile .navbar-brand {
  margin: 0;
  padding: 0;
  font-size: 0;
}
header .nav-mobile .btn-m {
  width: 2.125rem;
  height: 2.125rem;
}
header .nav-mobile .navbar-toggler {
  padding: 6px;
}
header .nav-mobile .offcanvas {
  --bs-offcanvas-bg: #fff;
}
header .nav-mobile .offcanvas-header {
  background: #fff4f0;
  padding: 0.5rem 0.75rem;
}
header .nav-mobile .offcanvas-header .close-btn {
  border-radius: 0.5rem;
  background: #fff;
  display: flex;
  padding: 0.5rem;
  justify-content: center;
  align-items: center;
  border: 0;
  outline: 0;
}
header .nav-mobile .offcanvas-footer {
  padding: 0.75rem;
}
header .nav-mobile .offcanvas-footer .btn {
  width: 100%;
}
header nav.navbar {
  border-bottom: 1px solid #e8e8e8;
  background: #fff;
}
header .top-navbar {
  padding-block: 1.5rem;
  border-bottom: 1px solid #e8e8e8;
}
header .top-navbar .right-side {
  gap: 2.75rem;
}
header .top-navbar .nav-search {
  width: 450px;
  height: 64px;
}
@media (max-width: 1200px) {
  header .top-navbar .nav-search {
    width: 300px;
  }
}
header .top-navbar .nav-search .form-control.search-input {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  border: 1px solid #dedede;
  background: #f5f5f5;
}
header .top-navbar .nav-search .search-btn {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
  bottom: 0;
  outline: 0;
  border: 0;
  padding: 1rem;
}
header .top-navbar .actions .btn {
  padding: 1.25rem 1.5rem;
  height: 64px;
}
header .updated-tag {
  display: inline-flex;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 120%;
  border-radius: 0.5rem;
  background: #2b2455;
  padding: 0.625rem 1rem;
}
header .dropdown-toggle::after {
  border: 0;
}
header .navbar-nav {
  gap: 1.5rem;
}
@media (min-width: 992px) {
  header .navbar-nav {
    align-items: center;
    gap: 2.75rem;
  }
}
header .navbar-nav .nav-item .nav-link {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 500;
}

footer {
  background: #2b2455 url("../images/footer-bg.webp") center bottom/45% no-repeat;
  color: #ebebeb;
  padding: 2.5rem 0;
}
footer a {
  color: #b2b2b2;
}
@media (max-width: 576px) {
  footer .footer-desktop {
    display: none;
  }
  footer .footer-mobile {
    display: block;
  }
  footer .footer-mobile .accordion {
    --bs-accordion-border-color: #5d587d;
    --bs-accordion-color: #b2b2b2;
    --bs-accordion-btn-color: #d7d7d7;
    --bs-accordion-active-color: #d7d7d7;
  }
  footer .footer-mobile .accordion > .accordion-item {
    border-radius: 0.75rem;
    margin-bottom: 20px;
  }
  footer .footer-mobile .accordion > .accordion-item:not(:first-of-type) {
    border-top: 1px solid #5d587d;
  }
  footer .footer-mobile .accordion > .accordion-item > .accordion-header .accordion-button {
    padding: 1.5rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1rem;
  }
  footer .footer-mobile .accordion > .accordion-item > .accordion-header .accordion-button::after {
    background-image: url("../svg/arrow-down.svg");
    margin-right: auto;
    margin-left: 0rem;
  }
  footer .footer-mobile .accordion > .accordion-item .accordion-body {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    padding: 0rem 0.75rem 1.5rem;
  }
  footer .footer-mobile .accordion > .accordion-item .accordion-body .accordion-links {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 1.25rem;
  }
  footer .footer-mobile hr {
    margin: 2rem 0;
    border-color: #5d587d;
  }
  footer .footer-mobile .namadha {
    justify-content: center;
    flex-wrap: wrap;
  }
  footer .footer-mobile .social {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin-bottom: 3rem;
  }
  footer .footer-mobile .social .social-label {
    color: #8e99b9;
    text-align: center;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1rem;
  }
  footer .footer-mobile .contact {
    flex-direction: column-reverse;
  }
  footer .footer-mobile .contact .items {
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
  }
  footer .footer-mobile .logo {
    margin-inline: auto;
    margin-bottom: 2rem;
  }
  footer .footer-mobile .site-description {
    color: #c8c8c8;
    text-align: center;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.5rem;
    margin-bottom: 2rem;
  }
  footer .footer-mobile .join-newslater label {
    color: #c0c0c0;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: normal;
  }
  footer .footer-mobile .join-newslater input {
    background-color: transparent;
    border-color: #544c86;
    text-align: right;
    color: #b1b1b1;
  }
  footer .footer-mobile .join-newslater input::-moz-placeholder {
    color: #b1b1b1;
  }
  footer .footer-mobile .join-newslater input::placeholder {
    color: #b1b1b1;
  }
  footer .footer-mobile .bottom-footer {
    flex-direction: column;
    gap: 1rem;
  }
  footer .footer-mobile .bottom-footer .btn-up {
    width: 1.75rem;
    height: 1.75rem;
    padding: 0;
    border-radius: 0.25rem;
  }
  footer .footer-mobile .bottom-footer .copyr {
    color: #8289a5;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1rem;
  }
  footer .footer-mobile .bottom-footer .design-by {
    color: #eee;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1rem;
  }
}
@media (min-width: 576px) {
  footer .footer-desktop {
    display: block;
  }
  footer .footer-mobile {
    display: none;
  }
}
footer .hr {
  background: url("../images/footer-spec.webp") no-repeat center center/contain;
  width: 100%;
  height: 110px;
}
footer .top-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
footer .social {
  display: flex;
  align-items: center;
  gap: 3rem;
}
footer .footer-menus .title {
  color: #f5f5f5;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 1.125rem;
}
footer .footer-menus .footer-menu-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.1875rem;
}
footer .footer-menus .footer-menu-list .footer-menu-item a {
  color: #c3c3c3;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: normal;
  transition: color 0.2s linear;
}
footer .footer-menus .footer-menu-list .footer-menu-item a:hover {
  color: #ff6633;
}
footer .contact {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  justify-content: center;
  height: 100%;
}
footer .contact .items {
  display: flex;
  gap: 2.5rem;
}
footer .contact .label {
  color: #ebebeb;
  font-size: 1rem;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 1rem;
}
footer .contact [data-icon] {
  margin-right: -10px;
}
footer .bottom-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3rem;
}
footer .copyright {
  color: #c3c3c3;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: normal;
}
footer .namadha {
  display: flex;
  gap: 0.75rem;
}
footer .namadha .namad-item {
  width: 70px;
  height: 70px;
}
footer .namadha .namad-item img {
  width: 100%;
  height: 70px;
  -o-object-fit: contain;
     object-fit: contain;
}

.section-title {
  color: #393939;
  font-weight: 700;
  line-height: 170%;
}
.section-title span {
  color: #ff6633;
}
@media (max-width: 540px) {
  .section-title {
    font-size: 1.5rem;
  }
}

.section-subtitle {
  color: #393939;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 170%;
}
@media (max-width: 540px) {
  .section-subtitle {
    font-size: 0.875rem;
  }
}

@media (max-width: 540px) {
  .title {
    font-size: 1rem;
  }
}

.text {
  color: #393939;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.625rem;
}
@media (max-width: 540px) {
  .text {
    font-size: 0.875rem;
  }
}

@media (max-width: 991px) {
  .col-reverse {
    flex-direction: column-reverse;
  }
}

@media (max-width: 767px) {
  .col-reverse-md {
    flex-direction: column-reverse;
  }
}

.tab-section .tabs-container .btn-scroll {
  position: absolute;
  z-index: 1;
  background-color: #ff6633;
  box-shadow: 0px 6px 15px rgba(255, 102, 51, 0.4);
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  border: 0;
  outline: 0;
  top: 50%;
  transform: translateY(-50%);
}
.tab-section .tabs-container .btn-scroll.btn-scroll-left {
  right: 0;
}
.tab-section .tabs-container .btn-scroll.btn-scroll-right {
  left: 0;
}
.tab-section .nav-pills-card {
  width: 100%;
  display: flex;
  border-radius: 0.75rem;
  padding: 0.75rem;
  overflow: auto;
  scrollbar-width: none;
}
.tab-section .nav-pills-card ul.nav-pills {
  padding: 0.625rem;
  border-radius: 0.5rem;
  border: 1px solid #eee;
  background: #fafafa;
  gap: 1rem;
  justify-content: space-between;
  flex-wrap: nowrap;
  min-width: -moz-max-content;
  min-width: max-content;
}
.tab-section .nav-pills-card ul.nav-pills .nav-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 0.875rem;
}
@media (max-width: 991px) {
  .tab-section .tab-content .col-reverse {
    flex-direction: column-reverse;
  }
}
.tab-section .content {
  max-width: 40rem;
}
.tab-section .content .title {
  color: #0d043a;
  font-size: 1.625rem;
  font-weight: 600;
  line-height: 2.75rem;
  margin-bottom: 2.5rem;
}
@media (max-width: 540px) {
  .tab-section .content .title {
    font-size: 1rem;
    margin-bottom: 1.5rem;
  }
}
.tab-section .content .text {
  color: #393939;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.625rem;
  margin-bottom: 2.5rem;
}
@media (max-width: 540px) {
  .tab-section .content .text {
    font-size: 0.875rem;
    margin-bottom: 1.5rem;
  }
}
.tab-section .card {
  border-radius: 0.75rem;
  display: inline-flex;
}
@media (max-width: 540px) {
  .tab-section .card {
    width: 100%;
  }
}
.tab-section .card .card-body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
}
@media (max-width: 540px) {
  .tab-section .card .card-body {
    gap: 0.875rem;
    padding: 0.75rem;
  }
}
@media (max-width: 350px) {
  .tab-section .card .card-body {
    flex-direction: column;
  }
  .tab-section .card .card-body .btn {
    width: 100%;
  }
}
.tab-section .card .btn {
  box-shadow: 0px 0px 32px 0px rgba(255, 102, 51, 0.22);
  padding: 0.625rem 0.875rem;
  flex-grow: 1;
}
@media (max-width: 540px) {
  .tab-section .card .btn {
    font-size: 0.875rem;
  }
}
@media (max-width: 400px) {
  .tab-section .card .btn {
    padding: 0.625rem 0.625rem;
  }
}
.tab-section .card .text-row {
  gap: 1.25rem;
}
@media (max-width: 540px) {
  .tab-section .card .text-row {
    gap: 0.875rem;
  }
}
@media (max-width: 540px) {
  .tab-section .card span {
    font-size: 0.825rem;
  }
}
.tab-section .card .number {
  font-size: 2rem;
}
@media (max-width: 540px) {
  .tab-section .card .number {
    font-size: 1.5rem;
  }
}

section.hero-pages {
  padding-block: 3rem;
}
section.hero-pages .breadcrumb {
  margin-bottom: 2.5rem;
}
@media (max-width: 991px) {
  section.hero-pages .column-reverse {
    flex-direction: column-reverse;
  }
}
section.hero-pages .content {
  max-width: 640px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
section.hero-pages .content h1 {
  font-family: "Kalameh";
  line-height: normal;
  margin-bottom: 1.75rem;
}
@media (max-width: 576px) {
  section.hero-pages .content h1 {
    margin-bottom: 1.25rem;
  }
}
section.hero-pages .content .description {
  color: #505050;
  font-size: 1rem;
  font-weight: 400;
  line-height: 2.25rem;
  margin-bottom: 2.5rem;
}
@media (max-width: 576px) {
  section.hero-pages .content .description {
    font-size: 0.875rem;
    line-height: 2.25rem;
    margin-bottom: 1.25rem;
  }
}
section.hero-pages .content .btn {
  padding: 1.25rem 2rem;
  min-width: 170px;
  min-height: 66px;
}
section.hero-pages .hero-image {
  max-width: 540px;
  margin-inline: auto;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  section.hero-pages .hero-image {
    margin-bottom: 1.5rem;
  }
}
section.hero-landing {
  background-color: #f1f3f9;
}
section.hero-landing .content {
  max-width: 640px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-block: 2.5rem;
}
@media (max-width: 576px) {
  section.hero-landing .content {
    padding: 2.5rem 0 1rem;
  }
}
section.hero-landing h1 {
  font-family: "Kalameh";
  line-height: normal;
  margin-bottom: 3rem;
}
@media (max-width: 576px) {
  section.hero-landing h1 {
    margin-bottom: 1.25rem;
  }
}
section.hero-landing .description {
  color: #7d7b7b;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 38px;
  margin-bottom: 2.5rem;
}
@media (max-width: 576px) {
  section.hero-landing .description {
    font-size: 0.875rem;
    line-height: 2.25rem;
    margin-bottom: 1.25rem;
  }
}
section.hero-landing .btn {
  min-width: 170px;
  height: 60px;
}
section.hero-landing .info {
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
section.hero-landing .hero-image {
  max-width: 540px;
  margin-inline: auto;
}
@media (max-width: 576px) {
  section.hero-landing .hero-image {
    padding: 0 2rem;
  }
}

section.logo-grid {
  padding: 2.5rem 0;
  background-color: #2b2455;
}
section.logo-grid.light {
  background-color: #f1f1f1;
}
section.logo-grid.light .section-title {
  color: #2b2455;
}
section.logo-grid .section-title {
  color: #fff;
  font-family: "Kalameh";
  text-align: center;
  margin-bottom: 2rem;
}
@media (min-width: 1200px) {
  section.logo-grid .section-title {
    font-size: 1.625rem;
  }
}
@media (max-width: 540px) {
  section.logo-grid .section-title {
    font-size: 1.25rem;
  }
}
section.logo-grid .swiper-logo-grid .swiper-slide img {
  height: 6rem;
  max-width: 175px;
  -o-object-fit: contain;
     object-fit: contain;
}

section.services {
  margin: 8rem 0;
}
section.services .section-title {
  margin-bottom: 1.5rem;
}
@media (max-width: 540px) {
  section.services .section-subtitle {
    font-size: 0.875rem;
  }
}

section.how-to-work {
  background: #2b2455 url("../images/bg-translate.webp");
}
section.how-to-work .bg-cover {
  padding: 5rem 0 4rem;
  background-color: rgba(43, 36, 85, 0.8);
}
section.how-to-work .section-title {
  color: #e3e3e3;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 2.75rem;
}
@media (max-width: 540px) {
  section.how-to-work .section-title {
    font-size: 1.25rem;
  }
}
section.how-to-work .text {
  color: #d7d7d7;
  max-width: 37rem;
  text-align: justify;
}
section.how-to-work .btn {
  padding: 0.75rem 1.75rem;
}
section.how-to-work .bg-container {
  background-color: #362f5b;
}
section.how-to-work .video-title {
  color: #e9e9e9;
  text-align: center;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 2.75rem;
}
@media (max-width: 540px) {
  section.how-to-work .video-title {
    font-size: 0.875rem;
  }
}

section.smart-translation {
  margin: 12rem 0;
}
section.smart-translation .text {
  color: #7d7b7b;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 2.25rem;
}
@media (max-width: 540px) {
  section.smart-translation .text {
    font-size: 0.875rem;
  }
}
section.smart-translation .img-container {
  max-width: 32rem;
}
@media (max-width: 991px) {
  section.smart-translation .img-container {
    max-width: 100%;
  }
}

section.features {
  margin: 12rem 0;
}
section.features .section-title {
  color: #232323;
  font-size: 1.625rem;
  font-weight: 600;
  line-height: normal;
}
@media (max-width: 540px) {
  section.features .section-title {
    font-size: 1.25rem;
  }
}
section.features .comments .nav-btn-slides {
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
section.features .comments .slider-vertical-container {
  height: 620px;
}
section.features .comments .slider-vertical-container .swiper .swiper-wrapper .swiper-slide:nth-child(2n) .card {
  background: #ff6633 url("../images/Vector2.webp") right center/contain no-repeat;
}
section.features .comments .slider-vertical-container .swiper .swiper-wrapper .swiper-slide:nth-child(2n) .card .content {
  color: #fff;
}
section.features .comments .slider-vertical-container .swiper .swiper-wrapper .swiper-slide .card {
  width: 100%;
  height: 100%;
  min-height: 180px;
  padding: 1.25rem 1.25rem;
  border-radius: 1.25rem;
  color: #fff;
  text-align: right;
  background: #281359 url("../images/Vector.webp") right center/contain no-repeat;
}
@media (max-width: 540px) {
  section.features .comments .slider-vertical-container .swiper .swiper-wrapper .swiper-slide .card {
    padding: 0.875rem;
  }
}
section.features .comments .slider-vertical-container .swiper .swiper-wrapper .swiper-slide .card .header-item .avatar-img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
@media (max-width: 540px) {
  section.features .comments .slider-vertical-container .swiper .swiper-wrapper .swiper-slide .card .header-item .user-info .name {
    width: -moz-max-content;
    width: max-content;
    max-width: 130px;
    overflow: hidden;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }
}
section.features .comments .slider-vertical-container .swiper .swiper-wrapper .swiper-slide .card .header-item .user-info .activity {
  font-size: 0.75rem;
}
section.features .comments .slider-vertical-container .swiper .swiper-wrapper .swiper-slide .card .header-item .point {
  font-size: 0.75rem;
}
section.features .comments .slider-vertical-container .swiper .swiper-wrapper .swiper-slide .card .header-item .point span {
  font-size: 0.875rem;
}
section.features .comments .slider-vertical-container .swiper .swiper-wrapper .swiper-slide .card .content {
  color: #bfb8cd;
}
@media (min-width: 1200px) {
  section.features .comments .slider-vertical-container .swiper .swiper-wrapper .swiper-slide .card .content {
    padding-right: 70px;
  }
}
@media (max-width: 540px) {
  section.features .comments .slider-vertical-container .swiper .swiper-wrapper .swiper-slide .card .content {
    font-size: 0.875rem;
  }
}

section.plans-section {
  margin: 12rem 0;
}
section.plans-section > .gap {
  gap: 6rem;
}
@media (max-width: 540px) {
  section.plans-section > .gap {
    gap: 3rem;
  }
}
@media (max-width: 540px) {
  section.plans-section .section-title {
    font-size: 1.5rem;
  }
}
section.plans-section .plan-list .plan-title {
  color: #1c1349;
  text-align: center;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.875rem; /* 91.176% */
}
@media (max-width: 540px) {
  section.plans-section .plan-list .plan-title {
    font-size: 1.5rem;
  }
}
section.plans-section .plan-list .plan-description {
  color: #494949;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.875rem;
}
@media (max-width: 540px) {
  section.plans-section .plan-list .plan-description {
    font-size: 0.875rem;
  }
}

section.academic-translation {
  margin: 12rem 0;
}
section.academic-translation .section-subtitle {
  margin-bottom: 3rem;
}

section.certificates {
  margin: 12rem 0;
}
section.certificates .lics-cards {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
section.certificates .card .title {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 165%; /* 34.426px */
}
@media (max-width: 540px) {
  section.certificates .card .title {
    font-size: 1.125rem;
  }
}
section.certificates .card .subtitle {
  color: #545454;
  text-align: justify;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}
@media (max-width: 540px) {
  section.certificates .card .subtitle {
    font-size: 0.75rem;
  }
}
section.certificates .card.lg-card .card-body {
  padding: 1.75rem 1.75rem;
  gap: 1.25rem;
}
section.certificates .card.lics-card {
  transition: all 0.2s;
  background-color: transparent;
  border-color: #e0e0e0;
}
section.certificates .card.lics-card:hover {
  background-color: #fff;
}
section.certificates .card.lics-card .title {
  color: #0d043a;
}
@media (max-width: 540px) {
  section.certificates .card.lics-card .title {
    font-size: 0.9375rem;
  }
}
section.certificates .card.lics-card .subtitle {
  font-weight: 600;
}
@media (max-width: 540px) {
  section.certificates .card.lics-card .subtitle {
    font-size: 0.6875rem;
  }
}
section.certificates .card.lics-card .lics-img-card {
  padding: 0px 18px;
  border-radius: 10px;
  border: 1px solid #c3c3c3;
  height: 80px;
}
@media (max-width: 540px) {
  section.certificates .card.lics-card .lics-img-card {
    padding: 0px 10px;
    width: 5rem;
    height: 3rem;
  }
}
section.certificates .card.lics-card .lics-img-card img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 70px;
}
@media (max-width: 540px) {
  section.certificates .card.lics-card .lics-img-card {
    height: 50px;
  }
  section.certificates .card.lics-card .lics-img-card img {
    -o-object-fit: contain;
       object-fit: contain;
    height: 50px;
  }
}

section.translation-languages {
  margin: 12rem 0;
  padding: 3.5rem 0;
  border-radius: var(--spacing-20, 1.25rem);
  border: 0.943px solid var(--Foundation-Neutral-N40, #e0e0e0);
  background: var(--Foundation-Neutral-N0, #fff);
}
section.translation-languages .section-title {
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: center;
}
@media (max-width: 540px) {
  section.translation-languages .section-title {
    flex-direction: column;
  }
}
section.translation-languages .tag {
  color: #ff6633;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  border-radius: 0.875rem;
  background: #fff0eb;
  padding: 0.5rem 1rem;
}
section.translation-languages .flag-box {
  width: 5rem;
  height: 5rem;
  border-radius: 1rem;
  border: 1px solid #e8e8e8;
  background: #f7f7f7;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.translation-languages .flag-box .img-flag {
  width: 2.5rem;
  height: 2.5rem;
}

section.contact-section {
  margin: 12rem 0;
}
section.contact-section .card {
  height: 100%;
  text-align: center;
}
section.contact-section .card.bg-secondary .card-body {
  display: flex;
  justify-content: center;
  gap: 3.5rem;
}
section.contact-section .card.bg-secondary .title {
  color: #fff;
}
section.contact-section .card.bg-secondary .btn {
  background-color: #fff;
  color: #292929;
  font-weight: 500;
}
section.contact-section .card.bg-secondary .bg-icon {
  width: 12rem;
  height: 12rem;
  background-color: #4c4388;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
@media (max-width: 540px) {
  section.contact-section .card.bg-secondary .bg-icon {
    width: 8rem;
    height: 8rem;
  }
  section.contact-section .card.bg-secondary .bg-icon svg {
    width: 70%;
    height: 70%;
  }
}
section.contact-section .card .card-body {
  padding: 2rem 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
}
section.contact-section .card .title {
  color: #2b2455;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: normal;
}
@media (max-width: 540px) {
  section.contact-section .card .title {
    font-size: 1.125rem;
  }
}
section.contact-section .card .title-sm {
  font-size: 1.125rem;
}
section.contact-section .card .icon-container {
  position: relative;
  display: inline-flex;
  justify-content: center;
  margin: 0 0 40px -50px;
}
section.contact-section .card .icon-container .circle-bg {
  width: 6rem;
  height: 6rem;
  background-color: #ececec;
  border-radius: 50%;
}
@media (max-width: 540px) {
  section.contact-section .card .icon-container .circle-bg {
    width: 5rem;
    height: 5rem;
  }
}
section.contact-section .card .icon-container .icon {
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(25%, 25%);
}
@media (max-width: 540px) {
  section.contact-section .card .icon-container .icon svg {
    width: 100%;
    height: 100%;
  }
}

section.latest-articles-section {
  margin: 12rem 0;
}
@media (max-width: 540px) {
  section.latest-articles-section .container-xl {
    padding: 0;
  }
  section.latest-articles-section .swiper-articles-container {
    padding-right: 20px;
  }
}
section.latest-articles-section .card-container {
  color: #fff;
  background: #2b2455 url("../images/bg-translate.webp");
  border-radius: 1rem;
}
section.latest-articles-section .card-container .bg-cover {
  border-radius: 1rem;
  padding: 3.5rem 3rem 2.5rem;
  background-color: rgba(43, 36, 85, 0.8);
}
@media (max-width: 540px) {
  section.latest-articles-section .card-container .bg-cover {
    padding: 0;
  }
  section.latest-articles-section .card-container .bg-cover .header-section {
    padding: 3rem 1.5rem 0;
  }
  section.latest-articles-section .card-container .bg-cover .footer-section {
    padding: 1rem 1.5rem 2.5rem;
  }
}
section.latest-articles-section .section-title {
  color: #fff;
  font-size: 1.625rem;
}
@media (max-width: 540px) {
  section.latest-articles-section .section-title {
    font-size: 1.25rem;
  }
}
section.latest-articles-section .header-description {
  color: #bfb8cd;
  text-align: justify;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
  max-width: 20rem;
}
section.latest-articles-section .nav-btn-slide .btn {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.latest-articles-section .nav-btn-slide .btn-next {
  background-color: #240f51;
  border: 1px solid #6850a0;
}
section.latest-articles-section .date {
  color: #fff;
  text-align: right;
  text-shadow: 0px 2.666px 22.657px rgba(255, 255, 255, 0.45);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0.5rem;
}
section.latest-articles-section .title {
  color: #fff;
  text-align: right;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
}
section.latest-articles-section .article-item .article-img {
  height: 380px;
  overflow: hidden;
  border-radius: 1.5rem;
  background: #240f51;
}
@media (max-width: 540px) {
  section.latest-articles-section .article-item .article-img {
    height: 280px;
  }
}
section.latest-articles-section .article-item .article-img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section.latest-articles-section .article-item .article-content-box {
  padding: 0 1.25rem;
}
@media (max-width: 540px) {
  section.latest-articles-section .article-item .article-content-box {
    padding: 0 0.75rem;
  }
}
section.latest-articles-section .article-item .article-content-box .content-card {
  margin-top: -60px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.75rem;
  border: 1px solid #462e7f;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  min-height: 5rem;
  background: linear-gradient(211deg, rgba(82, 58, 138, 0.35) 0%, rgba(64, 39, 121, 0.35) 100%);
}
@media (max-width: 540px) {
  section.latest-articles-section .article-item .article-content-box .content-card {
    padding: 0.75rem 0.75rem;
  }
}

section.latest-news-section {
  margin: 12rem 0;
}
section.latest-news-section .nav-btn-slides .btn {
  width: 2.625rem;
  height: 2.625rem;
}
section.latest-news-section .news-box {
  display: flex;
  flex-direction: column;
}
section.latest-news-section .mobile {
  display: none;
}
@media (max-width: 540px) {
  section.latest-news-section .news-box {
    flex-direction: column-reverse;
  }
  section.latest-news-section .mobile {
    text-align: center;
    display: block;
  }
  section.latest-news-section .desktop {
    display: none;
  }
}
section.latest-news-section .news-slider {
  margin: 2.75rem 0;
}
section.latest-news-section .btn-container {
  margin-top: 2.5rem;
}
section.latest-news-section .news-item {
  width: 100%;
}
section.latest-news-section .news-item .news-card {
  background-color: #fff;
  border-radius: 1rem;
  padding: 1.5rem 1rem;
}
section.latest-news-section .news-item .news-card .img-container {
  display: flex;
  margin-bottom: 20px;
  height: 225px;
  border-radius: 10px;
  overflow: hidden;
  background-color: #eee;
}
section.latest-news-section .news-item .news-card .img-container img {
  width: 100%;
  height: 225px;
  -o-object-fit: cover;
     object-fit: cover;
}
section.latest-news-section .news-item .news-card .content {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 1rem;
}
@media (max-width: 540px) {
  section.latest-news-section .news-item .news-card .content {
    font-size: 0.825rem;
  }
}
@media (max-width: 540px) {
  section.latest-news-section .news-item .news-card .content .tags {
    flex-direction: column;
  }
}
section.latest-news-section .news-item .news-card .content .tags .date-create,
section.latest-news-section .news-item .news-card .content .tags .author {
  color: #545454;
}
section.latest-news-section .news-item .news-card .content .tags .date-create span,
section.latest-news-section .news-item .news-card .content .tags .author span {
  color: #545454;
}
@media (max-width: 540px) {
  section.latest-news-section .news-item .news-card .content .tag {
    margin-left: auto;
  }
}
section.latest-news-section .news-item .news-card .content .tag span {
  color: #0d043a;
  padding: 10px 18px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 24px;
}
@media (max-width: 540px) {
  section.latest-news-section .news-item .news-card .content .tag span {
    font-size: 0.75rem;
    padding: 6px 12px;
  }
}
section.latest-news-section .news-item .news-card .content .title {
  color: #292929;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 165%;
  margin: 0;
}
@media (max-width: 540px) {
  section.latest-news-section .news-item .news-card .content .title {
    font-size: 0.875rem;
  }
}
section.latest-news-section .news-item .news-card .content .text {
  text-align: justify;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.625rem;
}
@media (max-width: 540px) {
  section.latest-news-section .news-item .news-card .content .text {
    font-size: 0.825rem;
  }
}

section.contact-us-addressess,
section.grid-cards {
  margin-bottom: 4rem;
}
section.contact-us-addressess .card-body,
section.grid-cards .card-body {
  padding: 1.5rem;
}
section.contact-us-addressess .card-body .icon-container,
section.grid-cards .card-body .icon-container {
  width: 10rem;
  height: 10rem;
  background: url("../images/frame-circle.webp") center/contain no-repeat;
}
section.contact-us-addressess .card-body .label,
section.grid-cards .card-body .label {
  color: #292929;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}
section.contact-us-addressess .title,
section.grid-cards .title {
  color: #252525;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: normal;
}
section.contact-us-addressess .items,
section.grid-cards .items {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
section.contact-us-addressess .items .item,
section.grid-cards .items .item {
  position: relative;
  color: #2a2a2a;
  font-size: 1rem;
  font-weight: 600;
  line-height: 2.125rem; /* 211.903% */
  padding-right: 1.25rem;
}
section.contact-us-addressess .items .item::before,
section.grid-cards .items .item::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 0.5rem;
  max-height: 2rem;
  height: 100%;
  border-radius: 0.29431rem;
  background: #0a3981;
}

section.contact-form-section {
  margin: 4rem 0;
}
section.contact-form-section .section-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
}
section.contact-form-section .section-header .section-title {
  color: #292929;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 165.9%;
}
@media (max-width: 540px) {
  section.contact-form-section .section-header .section-title {
    font-size: 1.5rem;
  }
}
section.contact-form-section .section-header .tag {
  color: #ff6633;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.38069rem;
  border-radius: 0.25rem;
  background: #fff0eb;
  padding: 0.75rem 1rem;
}
section.contact-form-section .contact-form {
  height: 100%;
}
section.contact-form-section .contact-form .card-body {
  padding: 1.5rem;
}
section.contact-form-section .contact-form .form-title {
  color: #393939;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}
section.contact-form-section .contact-form .form-container {
  margin-bottom: 1.25rem;
}
section.contact-form-section .contact-form label {
  color: #1c1c1c;
  font-size: 1rem;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0.75rem;
}
section.contact-form-section .contact-form input,
section.contact-form-section .contact-form select,
section.contact-form-section .contact-form textarea {
  min-height: 3.5rem;
  background-color: transparent;
}
section.contact-form-section .contact-form .form-select {
  background-position: left 0.75rem center;
  padding: 0.375rem 0.75rem 0.375rem 2.25rem;
}
section.contact-form-section .contact-form .input-icon {
  position: relative;
}
section.contact-form-section .contact-form .input-icon .icon {
  color: #ff6633;
  position: absolute;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.5rem;
  width: 3.25rem;
  border-radius: 0.25rem;
  background: #fff0eb;
}
section.contact-form-section .contact-form .input-icon input {
  padding-left: 3.5rem;
}
section.contact-form-section .contact-form .upload-box {
  border-radius: 0.75rem;
  border: 1px dashed #000;
  background: #f2f2f2;
  display: block;
  position: relative;
  padding: 2.25rem;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
section.contact-form-section .contact-form .upload-box:hover {
  background: rgba(43, 36, 85, 0.12);
}
section.contact-form-section .contact-form .upload-box.drag-over {
  background: rgba(43, 36, 85, 0.12);
}
section.contact-form-section .contact-form .upload-box input {
  position: absolute;
  inset: 0;
  opacity: 0;
}
section.contact-form-section .contact-form .upload-box .file-name {
  margin-top: 10px;
  font-weight: bold;
}
section.contact-form-section .suport-card {
  height: 100%;
}
section.contact-form-section .suport-card .header-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 1rem;
  margin-bottom: 1rem;
  gap: 0.5rem;
}
@media (max-width: 540px) {
  section.contact-form-section .suport-card .header-box {
    flex-direction: column;
    gap: 1.5rem;
  }
}
section.contact-form-section .suport-card .title {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.5rem;
}
section.contact-form-section .suport-card .full-time {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5rem;
}
section.contact-form-section .suport-card .phone {
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 120%;
}
section.contact-form-section .suport-card .phone span {
  font-size: 1.65rem;
  font-weight: 400;
  margin-inline-end: 8px;
}
section.contact-form-section .suport-card .suppor-img {
  max-height: 400px;
  width: 100%;
  margin-top: auto;
}
section.contact-form-section .suport-card .suppor-img img {
  -o-object-position: bottom;
     object-position: bottom;
}

section.location-address .card-body {
  padding: 2.75rem 2.25rem;
}
@media (max-width: 991px) {
  section.location-address .card-body {
    padding: 2.5rem 1rem;
  }
}
section.location-address .header-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;
  gap: 1rem;
}
@media (max-width: 991px) {
  section.location-address .header-box {
    flex-direction: column;
    gap: 1.5rem;
  }
}
section.location-address .title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5rem;
}
@media (max-width: 540px) {
  section.location-address .title {
    font-size: 1.25rem;
  }
}
section.location-address .address {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
section.location-address .address address {
  font-size: 0.91294rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.4265rem;
  margin: 0;
}
section.location-address .img-container {
  width: 100%;
  height: 320px;
}
section.location-address .img-container.card {
  overflow: hidden;
}
section.location-address .img-container img {
  -o-object-position: center;
     object-position: center;
}

section.awards-section {
  margin: 10rem 0;
}
section.awards-section .header-section {
  margin-bottom: 2.5rem;
}
section.awards-section .section-title {
  margin-bottom: 2rem;
}
section.awards-section .card {
  border: 0;
  border-radius: 0.875rem;
  box-shadow: 0px 0px 66.717px 0px rgba(0, 0, 0, 0.05);
}
section.awards-section .card .img-container {
  height: 144px;
  width: 100%;
}
section.awards-section .card .content .title {
  color: #021959;
  text-align: center;
  font-size: 0.675rem;
  font-weight: 700;
  line-height: 0.825rem; /* 137.143% */
  margin-bottom: 0.5rem;
}
section.awards-section .card .content .info {
  font-size: 0.675rem;
  font-weight: 700;
  line-height: 1rem; /* 157.377% */
}
section.awards-section .card .content .info .organ {
  color: rgba(2, 25, 89, 0.6);
}
section.awards-section .card .content .info .year {
  color: #021959;
}

section.founder-section {
  margin: 12rem 0;
}
section.founder-section .section-title {
  margin-bottom: 2.5rem;
}
@media (max-width: 991px) {
  section.founder-section .quote-container {
    max-width: 40rem;
  }
}
section.founder-section .quote-container .text {
  color: #202020;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 2.5rem; /* 185.291% */
  margin: 1.5rem 0;
  text-align: justify;
}
section.founder-section .quote-container .quote {
  width: 2rem;
  height: 2rem;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.founder-section .quote-container .quote span {
  line-height: 50%;
  align-self: self-end;
}
section.founder-section .quote-container .quote.rotated {
  rotate: 180deg;
}
section.founder-section .quote-container .quote.left {
  margin-right: auto;
}
section.founder-section .bg-container {
  background-color: #0a3981;
}
section.founder-section .bg-container .video-container img.cover-absolute {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 75%;
  margin: auto;
}
section.founder-section .bg-container .video-container .play-container .btn-play {
  color: #0a3981;
}

section.teams-section {
  margin: 12rem 0;
}
section.teams-section .header-section {
  margin-bottom: 2rem;
}
section.teams-section .header-section .section-title {
  margin-bottom: 2.5rem;
}
section.teams-section .team-section {
  margin-bottom: 10rem;
}
section.teams-section .team-section .team-title {
  color: #252525;
  text-align: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 4rem; /* 264.183% */
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 3rem;
}
section.teams-section .team-section .team-title .line {
  display: flex;
  border-radius: 5px;
  background: #0a3981;
  height: 6px;
  width: 36px;
}
section.teams-section .team-section .team-title .line.gray {
  background: rgba(10, 57, 129, 0.27);
}
section.teams-section .team-section .team-title .line.orange {
  background: rgba(255, 102, 51, 0.6);
}
section.teams-section .team-section .members-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  flex-basis: auto;
  -moz-column-gap: 3.5rem;
       column-gap: 3.5rem;
  row-gap: 2.5rem;
}
section.teams-section .team-section .members-container .team-member .img-frame {
  position: relative;
  background-color: #2b2455;
}
section.teams-section .team-section .members-container .team-member .img-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: 1rem;
}
section.teams-section .team-section .members-container.founder .team-member .img-frame::after {
  background: #2b2455 url("../images/officeMac.webp") center/cover no-repeat;
}
section.teams-section .team-section .members-container.primary .team-member .img-frame {
  background-color: #ff6633;
}
section.teams-section .team-section .members-container.primary .team-member .img-frame::after {
  background: #ff6633 url("../images/transnet-logo-name-secondary.webp") center 2rem/80% no-repeat;
}
section.teams-section .team-section .members-container.secondary .team-member .img-frame::after {
  background: #2b2455 url("../images/transnet-logo-name-primary.webp") center 2rem/80% no-repeat;
}
section.teams-section .team-section .members-container .team-member {
  width: 280px;
}
section.teams-section .team-section .members-container .team-member .img-frame {
  height: 212px;
  position: relative;
  border-radius: 1rem;
  border: 1px solid #e2e2e2;
  background-blend-mode: soft-light, normal;
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}
section.teams-section .team-section .members-container .team-member .img-frame img.bg-img {
  border-radius: 1rem;
}
section.teams-section .team-section .members-container .team-member .img-frame img.bg-img.objectfit-contain {
  -o-object-position: top;
     object-position: top;
  padding: 2.5rem 2rem;
}
section.teams-section .team-section .members-container .team-member .img-frame .img-absolute {
  position: absolute;
  display: flex;
  bottom: 0;
  width: 90%;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 2;
}
section.teams-section .team-section .members-container .team-member .member-info {
  text-align: center;
}
section.teams-section .team-section .members-container .team-member .member-info .member-name {
  color: #060606;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem; /* 126.284% */
  margin-bottom: 0.75rem;
}
section.teams-section .team-section .members-container .team-member .member-info .member-position {
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem; /* 143.761% */
}

section.testimonials-section {
  margin: 12rem 0;
}
section.testimonials-section .header-section {
  margin-bottom: 3rem;
}
section.testimonials-section .header-section .section-title {
  margin-bottom: 2rem;
}
section.testimonials-section .stats {
  margin-bottom: 2rem;
}
section.testimonials-section .stats .card {
  padding: 2rem 1rem;
  border-radius: 10px;
  border: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  text-align: center;
  font-weight: 600;
}
section.testimonials-section .stats .card .number {
  color: #ff6c00;
  font-size: 2.5rem;
  line-height: 140%; /* 3.70556rem */
}
section.testimonials-section .stats .card .label {
  color: #0c0c0c;
  font-size: 1.175rem;
  line-height: 140%; /* 1.64688rem */
}
section.testimonials-section .comments-slider {
  position: relative;
  overflow: hidden;
}
@media (min-width: 1200px) {
  section.testimonials-section .comments-slider::before, section.testimonials-section .comments-slider::after {
    position: absolute;
    top: 0;
    height: 100%;
    width: 5rem;
    z-index: 10;
    box-shadow: 0px 0px 80px 60px #f9f9f9;
  }
}
section.testimonials-section .comments-slider::before {
  content: "";
  left: 100%;
}
section.testimonials-section .comments-slider::after {
  content: "";
  right: 100%;
}
section.testimonials-section .comments-slider .swiper-slide-active .comment-item .comment-content {
  background-color: #2b2455;
  color: #2b2455;
}
section.testimonials-section .comments-slider .swiper-slide-active .comment-item .comment-content .comment-text {
  color: white;
}
section.testimonials-section .comments-slider .comment-item .comment-content {
  min-height: 9rem;
  padding: 1.5rem 2.5rem;
  border-radius: 0.5rem;
  transition: all 0.2s ease-in-out;
  margin-bottom: 1.75rem;
  background-color: #f5f5f5;
  color: #f5f5f5;
}
section.testimonials-section .comments-slider .comment-item .comment-content .comment-icon {
  right: 2rem;
  bottom: -1rem;
}
section.testimonials-section .comments-slider .comment-item .comment-content .comment-text {
  color: #2b2455;
  text-align: justify;
  line-height: 2rem;
}
section.testimonials-section .comments-slider .comment-item .comment-footer {
  min-height: 5rem;
  padding: 0.5rem 1rem;
  background-color: #f5f5f5;
  border-radius: 0.5rem;
}
section.testimonials-section .comments-slider .comment-item .comment-footer .comment-user {
  display: flex;
  align-items: center;
  gap: 1rem;
}
section.testimonials-section .comments-slider .comment-item .comment-footer .comment-user .comment-avatar img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
section.testimonials-section .comments-slider .comment-item .comment-footer .comment-user .comment-user-info {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
section.testimonials-section .comments-slider .comment-item .comment-footer .comment-user .comment-user-info .user-name {
  font-weight: 600;
  color: #343a40;
}
section.testimonials-section .comments-slider .comment-item .comment-footer .comment-user .comment-user-info .user-company {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
section.testimonials-section .comments-slider .comment-item .comment-footer .comment-user .comment-user-info .user-company .company-indicator {
  width: 6px;
  height: 6px;
  background-color: #6c757d;
  border-radius: 50%;
}
section.testimonials-section .comments-slider .comment-item .comment-footer .comment-user .comment-user-info .user-company .company-name {
  font-size: 0.875rem;
  color: #6c757d;
}
section.testimonials-section .comments-slider .comment-item .comment-footer .comment-brand {
  font-weight: 700;
  font-size: 1.25rem;
  color: #2b2455;
  height: 2rem;
}

section.news-hero {
  background-color: #2b2455;
  background-image: url("../images/news-hero.webp");
  background-position: left bottom;
  background-size: contain;
}
@media (max-width: 1920px) {
  section.news-hero {
    background-size: 60%;
  }
}
@media (max-width: 1430px) {
  section.news-hero {
    background-size: 75%;
  }
}
@media (max-width: 1200px) {
  section.news-hero {
    background-size: cover;
  }
}
section.news-hero .news-hero-cover {
  background: linear-gradient(270deg, #2b2455 40.99%, rgba(43, 36, 85, 0) 100%);
  height: 30rem;
}
section.news-hero .hero-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  align-items: flex-start;
  padding: 3rem 0;
}
section.news-hero .hero-content .detailes {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  color: #c2c3c5;
  font-family: "Kalameh";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 1.5rem;
}
section.news-hero .hero-content .title {
  color: #fff;
  font-family: "Kalameh";
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2.25rem;
  margin-bottom: 2.75rem;
}
section.news-hero .hero-content .btn {
  padding: 1rem 1.5rem;
}

section.top-news .frame {
  border-radius: 1.25rem;
  background: rgba(255, 255, 255, 0.06);
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  padding: 1.25rem 1.75rem;
  margin-top: -80px;
}
section.top-news .frame .img-card {
  height: 10rem;
  overflow: hidden;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
section.top-news .frame .news-item-card .content {
  padding: 0 0.5rem;
  color: #1d1d1d;
}
section.top-news .frame .news-item-card .content .title {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  margin-bottom: 0.75rem;
}
section.top-news .frame .news-item-card .content .detailes {
  font-size: 0.825rem;
  line-height: normal;
}

.news-title {
  font-size: 1.425rem;
  font-weight: 600;
  line-height: 2.125rem;
  position: relative;
  padding-right: 1rem;
  display: flex;
  align-items: center;
  margin-bottom: 1.75rem;
}
.news-title::before {
  content: "";
  border-radius: 0.29431rem;
  background: #0a3981;
  width: 0.5rem;
  height: 2.25rem;
  position: absolute;
  right: 0;
}

section.popular-news {
  margin: 5rem 0 8rem;
}
section.popular-news .category {
  margin-bottom: 1.75rem;
}
section.popular-news .category .nav-pills {
  gap: 0.5rem;
}
section.popular-news .category .nav-pills .nav-link {
  border-radius: 1.5rem;
  border: 1px solid #acacac;
  padding: 0.5rem 1.5rem;
  color: #595959;
  font-size: 0.825rem;
  font-weight: 600;
  line-height: 1.175rem; /* 142.857% */
}
section.popular-news .category .nav-pills .nav-link.active {
  background-color: #ff6633;
  border-color: #ff6633;
  color: #fff;
}
section.popular-news .news-item {
  display: flex;
  align-items: center;
  gap: 0.82406rem;
}
section.popular-news .news-item .news-img {
  border-radius: 0.5rem;
  width: 9.825rem;
  height: 5.475rem;
  overflow: hidden;
}
section.popular-news .news-item .content .title {
  color: #272727;
  font-size: 0.825rem;
  font-weight: 500;
  line-height: 1.375rem; /* 164.286% */
  margin-bottom: 0.75rem;
}
section.popular-news .news-item .content .detailes {
  color: #3e3e3e;
  font-size: 0.825rem;
  font-weight: 500;
  line-height: normal;
}

section.whats-up {
  margin: 8rem 0;
}
section.whats-up .news-title {
  margin-bottom: 2.175;
}
section.whats-up .more-whats-up .card {
  border-radius: 0.625rem;
  margin-bottom: 1.5rem;
}
section.whats-up .more-whats-up .card .card-body {
  display: flex;
  align-items: center;
  gap: 0.825rem;
}
@media (max-width: 576px) {
  section.whats-up .more-whats-up .card .card-body {
    flex-direction: column;
  }
}
section.whats-up .more-whats-up .card .card-body .news-img {
  border-radius: 0.5rem;
  width: 13.825rem;
  height: 9.275rem;
  overflow: hidden;
}
@media (max-width: 576px) {
  section.whats-up .more-whats-up .card .card-body .news-img {
    width: 100%;
  }
}
section.whats-up .more-whats-up .card .card-body .content .title {
  color: #1f1f1f;
  font-size: 1.165rem;
  font-weight: 500;
  line-height: 2rem; /* 165% */
  margin-bottom: 1.25rem;
}
section.whats-up .more-whats-up .card .card-body .content .content-header {
  margin-bottom: 1.25rem;
}
section.whats-up .more-whats-up .card .card-body .content .detailes {
  color: #3e3e3e;
  font-size: 0.825rem;
  font-weight: 500;
  line-height: normal;
}
section.whats-up .more-whats-up .card .card-body .content .tag {
  color: #fff;
  font-size: 0.825rem;
  font-weight: 400;
  line-height: normal;
  border-radius: 30rem;
  background: #ff6633;
  padding: 0.5rem 0.75rem;
}
section.whats-up .more-whats-up .card .card-body .content .text {
  color: #1a1a1a;
  font-size: 0.825rem;
  font-weight: 400;
  line-height: normal;
}

.week-news .news-title {
  margin-bottom: 2.175;
}
.week-news .week-news-list .week-news-item {
  height: 16rem;
  background-color: #f5f5f5;
  border-radius: 0.5rem;
  overflow: hidden;
  position: relative;
  margin-bottom: 1.25rem;
}
.week-news .week-news-list .week-news-item .cover {
  position: absolute;
  inset: 0;
  height: 100%;
  background: linear-gradient(180deg, rgba(43, 36, 85, 0) 0%, #2b2455 100%), 50%/cover no-repeat;
}
.week-news .week-news-list .week-news-item .content {
  padding: 1.5rem 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
}
.week-news .week-news-list .week-news-item .content .tag {
  color: #fff;
  font-size: 0.825rem;
  font-weight: 400;
  line-height: normal;
  border-radius: 30rem;
  background: #ff6633;
  padding: 0.5rem 0.75rem;
}
.week-news .week-news-list .week-news-item .content .title {
  color: #f1f1f1;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.75rem; /* 168.75% */
  margin-bottom: 0.5rem;
}

.card-cover-img {
  height: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 0.5rem;
  background-color: #f5f5f5;
}
.card-cover-img .cover {
  position: absolute;
  inset: 0;
  height: 100%;
  background: linear-gradient(180deg, rgba(43, 36, 85, 0) 0%, #2b2455 100%), 50%/cover no-repeat;
}
.card-cover-img .content {
  padding: 1.5rem 1rem;
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
}
.card-cover-img .content .tag {
  display: inline-flex;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 2;
  border-radius: 30rem;
  background: #ff6633;
  padding: 0.25rem 0.75rem;
}
.card-cover-img .content .title {
  color: #f1f1f1;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

section.video-news {
  margin: 8rem 0 10rem;
}
section.video-news .section-header {
  margin-bottom: 2.25rem;
}
@media (max-width: 520px) {
  section.video-news .section-header .more-btn .btn {
    padding: 0.75rem 0.75rem;
  }
}
section.video-news .card-img {
  background-color: lightgray;
  height: 11.5rem;
  position: relative;
}
section.video-news .card-img .tag {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}
section.video-news .tag {
  display: inline-flex;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 2;
  border-radius: 30rem;
  background: #ff6633;
  padding: 0.25rem 0.75rem;
}
section.video-news .play-icon {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}
section.video-news .play-icon img {
  width: 2.5rem;
  height: 2.5rem;
}
section.video-news .card-cover-img {
  border-radius: 0.75rem;
  min-height: 300px;
}
section.video-news .card-cover-img .play-icon img {
  width: 4rem;
  height: 4rem;
}
section.video-news .card-cover-img .content .tag {
  font-family: "Kalameh";
  font-size: 1rem;
  line-height: normal;
  padding: 0.5rem 1rem;
}
section.video-news .card-cover-img .content .title {
  color: #f1f1f1;
  text-align: right;
  font-family: "Kalameh";
  font-size: 1.175rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
}

.more-news-section {
  margin: 12rem 0;
}
.more-news-section .card-cover-img {
  height: 260px;
}
.more-news-section .card-cover-img .content .info {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  color: #ddd;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: normal;
}
.more-news-section .news-item {
  display: flex;
  align-items: center;
  gap: 0.825rem;
  padding: 0.75rem 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid #e8e8e8;
  background: #fff;
}
.more-news-section .news-item .news-img {
  border-radius: 0.5rem;
  width: 9.825rem;
  height: 5.475rem;
  overflow: hidden;
}
.more-news-section .news-item .content .title {
  color: #272727;
  font-size: 0.825rem;
  font-weight: 500;
  line-height: 1.375rem; /* 164.286% */
  margin-bottom: 0.75rem;
}
.more-news-section .news-item .content .detailes {
  color: #3e3e3e;
  font-size: 0.825rem;
  font-weight: 500;
  line-height: normal;
}

.cta-banner-slider {
  margin: 7rem 0;
}
.cta-banner-slider .swiper-cta-banner {
  border-radius: 2rem;
  background-color: #2b2455;
}
.cta-banner-slider .navigation {
  position: absolute;
  left: -24px;
  top: 0;
  z-index: 1000;
  height: 100%;
  display: flex;
  align-items: center;
}
.cta-banner-slider .navigation .btn-container {
  width: 80px;
}
.cta-banner-slider .navigation .btn-arrow {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: 0;
}
.cta-banner-slider .navigation .btn-arrow .arrow {
  min-width: 2rem;
  min-height: 2rem;
  border-radius: 1.125rem;
  background: #ff6c00;
  display: flex;
  align-items: center;
  justify-content: center;
}

.img-tag {
  display: inline-flex;
  color: #fff;
  font-size: 0.825rem;
  font-weight: 400;
  line-height: normal;
  border-radius: 30rem;
  background: #ff6633;
  padding: 0.5rem 0.75rem;
}

section.article .top-title {
  color: #2c2c2c;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 1.25rem;
}
section.article h1.main-title {
  color: #171717;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 2rem;
}
section.article .info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}
section.article .info .item {
  padding: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 1rem;
  color: #1f1f1f;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: normal;
  height: 3.5rem;
  outline: 0;
  border: 0;
}
section.article .info .item.rate {
  width: 4rem;
  padding: 0.5rem;
  gap: 0.25rem;
  flex-direction: column;
  border-radius: 1rem;
  background: #fcdac4;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}
section.article .info .item.light {
  background-color: #f1f1f1;
}
section.article .info .item.outline {
  border: 1px solid #cbcbcb;
}
section.article .img-container {
  position: relative;
  margin-bottom: 2.5rem;
}
section.article .img-container .img-tag {
  position: absolute;
  top: 1rem;
  left: 1rem;
}
section.article .img-container img {
  border-radius: 0.875rem;
}
section.article .content {
  display: flex;
  flex-direction: column;
  text-align: justify;
  gap: 2rem;
  margin-bottom: 2rem;
}
section.article .content .box {
  border-radius: 1rem;
  background: #f6f6f6;
  padding: 1.5rem;
}
section.article .content .box .list {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
section.article .content .box .list .list-item {
  padding-right: 1.5rem;
  position: relative;
  color: #313131;
  text-align: justify;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}
section.article .content .box .list .list-item:before {
  content: "";
  position: absolute;
  right: 0;
  top: 8px;
  border-radius: 50%;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #ff6c00;
  box-shadow: 0px 0px 15px #ff6c00;
}
section.article .article-tags .tags-list {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
section.article .article-tags .tags-list .tag-item {
  display: flex;
  height: 2.5rem;
  padding: 0rem 0.625rem;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  border-radius: 0.5rem;
  background: #ececec;
  color: #1b1b1b;
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
}
section.article .article-tags .tags-list .tag-item span {
  color: #4a4a4a;
}

.icon-title {
  color: #232323;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.icon-title .title {
  font-size: 1.325rem;
  font-weight: 600;
  line-height: 1.875rem;
}
.icon-title .subtitle {
  color: #222;
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
}
.icon-title.icon-lg {
  font-size: 1.325rem;
  line-height: 1.875rem;
  gap: 1.25rem;
  margin-bottom: 2.5rem;
}
.icon-title.icon-lg .icon {
  width: 4.75rem;
  height: 4.75rem;
}
.icon-title .icon {
  color: #fff;
  border-radius: 0.825rem;
  background: #ff6633;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  display: flex;
  width: 3.25rem;
  height: 3.25rem;
  justify-content: center;
  align-items: center;
}

section.comments {
  margin: 7rem 0;
}
section.comments .comment-form {
  border: 0;
  padding: 1.5rem 1.5rem;
}
section.comments .comment-form .user-icon {
  border-radius: 0.875rem;
  background: #e8e8e8;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  min-width: 3.5rem;
  height: 3.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 576px) {
  section.comments .comment-form .user-icon {
    display: none;
  }
}
section.comments .comment-form .form-control {
  background-color: #fff;
  border-radius: 0.825rem;
  border: 1px solid #c7c7c7;
  padding: 1.5rem 1rem;
}
section.comments .comment-form .rates {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
section.comments .comment-form .rates .labe {
  color: #909090;
  font-size: 1rem;
  font-weight: 600;
  line-height: 2.75rem;
}
section.comments .comment-form .rates .star-rating {
  display: flex;
  align-items: center;
  gap: 1rem;
}
section.comments .comment-form .rates .star-rating .active svg {
  filter: drop-shadow(0 0 0.5rem #ff7744);
}
section.comments .comment-form .submit-btn .btn {
  padding: 1.5rem 2.5rem;
  font-size: 1.125rem;
  gap: 1rem;
  border-radius: 0.825rem;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}
section.comments .comments-list {
  margin: 2.25rem 0;
  display: flex;
  flex-direction: column;
  gap: 2.25rem;
}
section.comments .comments-list .comment-item {
  border-radius: 0.875rem;
  border: 1px solid #b5b5b5;
  padding: 1.25rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
section.comments .comments-list .comment-item .comment-header {
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 576px) {
  section.comments .comments-list .comment-item .comment-header {
    flex-direction: column;
    align-items: flex-start;
  }
}
section.comments .comments-list .comment-item .comment-header .user {
  display: flex;
  align-items: center;
  gap: 0.675rem;
}
section.comments .comments-list .comment-item .comment-header .user .user-avatar {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
}
section.comments .comments-list .comment-item .comment-header .user .user-name {
  color: #1a1a1a;
  font-size: 1rem;
  font-weight: 600;
  line-height: normal;
}
section.comments .comments-list .comment-item .comment-header .user .date {
  display: flex;
  align-items: center;
  gap: 0.675rem;
  color: #313131;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: normal;
}
section.comments .comments-list .comment-item .comment-header .comment-rate {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #282828;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: normal;
}
section.comments .comments-list .comment-item .comment-header .comment-rate .point {
  font-size: 1rem;
}
section.comments .comments-list .comment-item .comment-header .comment-rate .star svg {
  filter: drop-shadow(0 0 0.5rem #ff7744);
}
section.comments .comments-list .comment-item .text {
  color: #212121;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75rem;
}

section.podcasts {
  margin: 8rem 0;
}
section.podcasts .podcasts-list {
  position: relative;
  padding: 0 2rem;
}
@media (max-width: 520px) {
  section.podcasts .podcasts-list {
    padding: 0 1.25rem;
  }
}
section.podcasts .podcasts-list .navigation .btn-next,
section.podcasts .podcasts-list .navigation .btn-prev {
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  width: 3.825rem;
  height: 3.825rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  filter: drop-shadow(0px 10.175px 25.437px rgba(255, 102, 51, 0.4));
}
@media (max-width: 520px) {
  section.podcasts .podcasts-list .navigation .btn-next,
  section.podcasts .podcasts-list .navigation .btn-prev {
    width: 2.5rem;
    height: 2.5rem;
    padding: 0.625rem;
  }
}
section.podcasts .podcasts-list .navigation .btn-next {
  left: 0rem;
}
section.podcasts .podcasts-list .navigation .btn-prev {
  right: 0rem;
}
section.podcasts .podcast-item {
  width: 100%;
  position: relative;
}
section.podcasts .podcast-item .img-box {
  background-color: #f2f2f2;
  border-radius: 1.25rem;
  position: relative;
  height: 450px;
}
@media (max-width: 520px) {
  section.podcasts .podcast-item .img-box {
    height: 300px;
  }
}
section.podcasts .podcast-item img {
  width: 100%;
  border-radius: 1.25rem;
}
section.podcasts .podcast-item .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 1;
  inset: 0;
  padding: 1.5rem 2rem;
  background: rgba(49, 40, 101, 0.7);
  border-radius: 1.25rem;
}
@media (max-width: 520px) {
  section.podcasts .podcast-item .content {
    padding: 1.5rem 1rem;
  }
}
section.podcasts .podcast-item .content .icon {
  margin-bottom: 0.75rem;
}
@media (max-width: 520px) {
  section.podcasts .podcast-item .content .icon {
    margin-bottom: 0rem;
  }
}
section.podcasts .podcast-item .content .podcast-title {
  color: #fff;
  font-size: 1.675rem;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 2.25rem;
}
@media (max-width: 520px) {
  section.podcasts .podcast-item .content .podcast-title {
    font-size: 1.25rem;
  }
}
section.podcasts .podcast-item .content .podcast-description {
  padding: 1.5rem 0;
  border-top: 1px dashed #c4c4c4;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.53994rem; /* 173.333% */
}
@media (max-width: 520px) {
  section.podcasts .podcast-item .content .podcast-description {
    display: none;
  }
}
section.podcasts .podcast-item .btn-container {
  position: relative;
  z-index: 2;
  margin-top: -2rem;
}
section.podcasts .podcast-item .btn-container .btn {
  background-color: #fff;
  color: #1f1f1f;
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  padding: 1.25rem;
  border: 0;
  outline: 0;
}

section.support-banner {
  margin: 11rem 0;
}
section.support-banner .banner {
  color: #fff;
  position: relative;
  border-radius: 0.875rem;
  background: #2b2455;
  height: 14rem;
  display: flex;
  align-items: flex-end;
}
@media (max-width: 992px) {
  section.support-banner .banner {
    flex-direction: column-reverse;
    height: auto;
    align-items: center;
  }
}
section.support-banner .banner .img-container {
  min-height: 17rem;
  min-width: 20rem;
  height: 17rem;
  width: 20rem;
}
section.support-banner .banner .img-container img {
  -o-object-position: bottom;
     object-position: bottom;
}
@media (max-width: 992px) {
  section.support-banner .banner .img-container {
    min-width: 100%;
    max-width: 100%;
    max-height: auto;
    min-height: auto;
  }
}
section.support-banner .banner .banner-content {
  flex-grow: 1;
  padding: 2rem 1rem 2rem 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  height: 100%;
}
@media (max-width: 992px) {
  section.support-banner .banner .banner-content {
    flex-direction: column;
    align-items: center;
  }
}
section.support-banner .banner .banner-content .banner-info {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
@media (max-width: 992px) {
  section.support-banner .banner .banner-content .banner-info {
    flex-direction: column;
    align-items: center;
  }
}
section.support-banner .banner .banner-content .banner-info .banner-header {
  display: flex;
  align-items: center;
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
  row-gap: 1.5rem;
  flex-wrap: wrap;
}
@media (max-width: 992px) {
  section.support-banner .banner .banner-content .banner-info .banner-header {
    justify-content: center;
    text-align: center;
  }
}
section.support-banner .banner .banner-content .banner-info .banner-header .title {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2.5rem; /* 96.154% */
}
section.support-banner .banner .banner-content .banner-info .banner-header .sub {
  color: #fff;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 2rem; /* 120.002% */
}
section.support-banner .banner .banner-content .banner-info .banner-phone {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: #cdcdcd;
  font-size: 1.896rem;
  font-weight: 700;
  line-height: normal;
}
section.support-banner .banner .banner-content .banner-info .banner-phone .sm {
  font-size: 1.659rem;
  font-weight: 400;
}
section.support-banner .banner .banner-content .btn-container .btn {
  width: -moz-max-content;
  width: max-content;
}

.main-header-title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2.5rem;
  margin-top: 3.5rem;
}
.main-header-title .centered {
  margin-bottom: 2rem;
  position: relative;
}
.main-header-title .main-title {
  color: #252525;
  font-weight: 700;
  line-height: 4.125rem;
}
.main-header-title .left-obj,
.main-header-title .right-obj {
  position: absolute;
}
.main-header-title .left-obj {
  bottom: 100%;
  right: 100%;
}
.main-header-title .right-obj {
  top: 100%;
  left: 100%;
}

section.help .main-header-title {
  margin-bottom: 5rem;
}
section.help .tab-section {
  text-align: center;
}
section.help .tab-section .nav-pills-card {
  width: auto;
  max-width: 100%;
}
section.help .basic-accordion .accordion {
  --bs-accordion-border-color: #a3a3a3;
  --bs-accordion-color: #2e2e2e;
  --bs-accordion-btn-color: #211c1c;
  --bs-accordion-active-color: #2b2455;
}
section.help .basic-accordion .accordion > .accordion-item {
  border-radius: 0.75rem;
  overflow: hidden;
  transition: all 0.2s;
  margin-bottom: 20px;
}
section.help .basic-accordion .accordion > .accordion-item:not(:first-of-type) {
  border-top: 1px solid #a3a3a3;
}
section.help .basic-accordion .accordion > .accordion-item:not(:has(.collapsed)) {
  border-color: #f5eae9;
  background-color: #fff;
}
section.help .basic-accordion .accordion > .accordion-item > .accordion-header .accordion-button {
  padding: 1.5rem 1.75rem;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.125rem; /* 169.776% */
}
section.help .basic-accordion .accordion > .accordion-item > .accordion-header .accordion-button:not(.collapsed) {
  background-color: #fff;
}
section.help .basic-accordion .accordion > .accordion-item > .accordion-header .accordion-button::after {
  background-image: url("../svg/chevron-down.svg");
  margin-right: auto;
  margin-left: 0rem;
}
section.help .basic-accordion .accordion > .accordion-item .accordion-collapse.show {
  background-color: #fff;
}
section.help .basic-accordion .accordion > .accordion-item .accordion-body {
  font-size: 1rem;
  padding: 0rem 1.75rem 1.5rem;
  text-align: justify;
  font-weight: 500;
  line-height: 2.125rem; /* 225.297% */
}
section.help .basic-accordion .accordion > .accordion-item .accordion-body ul {
  list-style: disc;
  padding-inline-start: 1rem;
}

section.account-numbers {
  margin-bottom: 11rem;
}
section.account-numbers .account-list {
  display: flex;
  flex-direction: column;
  gap: 5rem;
  margin-top: 4rem;
}
section.account-numbers .account-list .title {
  color: #252525;
  font-size: 2.3125rem;
  font-weight: 700;
  line-height: 4.125rem; /* 178.378% */
  margin-bottom: 2rem;
}
section.account-numbers .account-list .info-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 2rem 0;
  max-width: 40rem;
}
section.account-numbers .account-list .info-list .info-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.125rem;
  line-height: 2.35681rem; /* 209.495% */
}
section.account-numbers .account-list .info-list .info-item .label {
  color: #333;
  font-weight: 500;
}
section.account-numbers .account-list .info-list .info-item .value {
  color: #222;
  font-weight: 700;
}
section.account-numbers .account-footer {
  display: flex;
  gap: 1.5rem;
}
section.account-numbers .account-footer .btn {
  padding: 1.25rem 2.25rem;
}

section.full-description {
  margin: 10rem 0;
}
section.full-description .text {
  font-size: 1.125rem;
  line-height: 2.35681rem;
}
section.full-description .voice-container {
  border-radius: 0.375rem;
  background: #fff;
  box-shadow: 0px 7px 44px 0px rgba(0, 0, 0, 0.07);
  margin: -1rem auto 0;
  display: flex;
  flex-wrap: wrap;
  max-width: 90%;
  width: 26rem;
  min-height: 3.375rem;
  justify-content: center;
  align-items: center;
  gap: 0.875rem;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  color: #121212;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem; /* 166.667% */
  padding: 0.5rem 0.75rem;
}
section.full-description .audio {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 0.25rem;
}
section.full-description .audio .waveform-container {
  width: 15rem;
}
@media (max-width: 520px) {
  section.full-description .audio .waveform-container {
    width: 8rem;
  }
}
section.full-description .audio .btn {
  padding: 0;
  border: 0;
}

section.page-content {
  margin: 10rem 0 8rem;
}
section.page-content .title,
section.page-content h2,
section.page-content h3,
section.page-content h4 {
  color: #171717;
  font-size: 1.325rem;
  font-weight: 600;
  line-height: 2.75rem;
}
section.page-content .content .title,
section.page-content .content h2,
section.page-content .content h3,
section.page-content .content h4 {
  margin-bottom: 1.5rem;
}
section.page-content .content p,
section.page-content .content .text {
  color: #3e3b3b;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 2.4rem; /* 209.495% */
}
section.page-content .content p,
section.page-content .content img {
  margin-bottom: 2.5rem;
}
section.page-content .content .btn {
  padding: 1.25rem 1rem;
}
section.page-content .content .grid-2 p {
  max-width: 41rem;
}
section.page-content .content .dashed-card {
  padding: 1.75rem 1.5rem;
  border: 1px dashed #3b3b3b;
  border-radius: 0.75rem;
  margin-bottom: 2.5rem;
}
section.page-content .content .dashed-card .title {
  color: #171717;
  font-size: 1.325rem;
  font-weight: 600;
  line-height: 2.5rem; /* 179.735% */
  margin-bottom: 1.5rem;
}
section.page-content .content .dashed-card .formats {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
}
section.page-content .content .dashed-card .formats .item {
  color: #3b3b3b;
  font-size: 1rem;
  font-weight: 600;
  line-height: normal;
  border-radius: 0.5rem;
  background: #ededed;
  display: flex;
  min-height: 2.5rem;
  padding: 0.5rem 0.75rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
section.page-content .content .btn-select select {
  background-color: #2b2455;
  color: #fff;
  border-radius: 0.5rem;
}
section.page-content .content .btn-select .form-select {
  --bs-form-select-bg-img: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none"><path d="M15.8327 7.59961L9.99935 12.5996L4.16602 7.59961" stroke="white" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-position: left 1.75rem center;
  padding: 1.5rem 2.5rem 1.5rem 3.5rem;
}
@media (max-width: 520px) {
  section.page-content .content .btn-select .form-select {
    padding: 1rem 2.5rem 1rem 3.5rem;
  }
}
section.page-content .content .btn-select option {
  color: #2b2455;
  background-color: #fff;
}
section.page-content .content .titled-card .title {
  color: #171717;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2.5rem; /* 158.242% */
  margin-bottom: 0;
}
@media (max-width: 520px) {
  section.page-content .content .titled-card .title {
    font-size: 1.25rem;
    line-height: 2rem; /* 158.242% */
  }
}
section.page-content .content .titled-card .table-container {
  overflow: auto;
}
section.page-content .content .titled-card .table-container .table {
  min-width: 670px;
  width: 100%;
  margin-bottom: 0;
}
section.page-content .content .titled-card .table-container .table th,
section.page-content .content .titled-card .table-container .table td {
  padding: 1.75rem 2rem;
  background: transparent;
  color: #171717;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 2.37363rem; /* 189.89% */
}
section.page-content .content .titled-card .table-container .table th .icon,
section.page-content .content .titled-card .table-container .table td .icon {
  margin-inline-end: 0.625rem;
}
@media (max-width: 520px) {
  section.page-content .content .titled-card .table-container .table th,
  section.page-content .content .titled-card .table-container .table td {
    font-size: 1rem;
    font-weight: 500;
    padding: 1rem 1rem;
  }
}

section.faq-description ul.faq-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 2.125rem;
}
section.faq-description ul.faq-list li {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: #252525;
  font-size: 1.1875rem;
  font-weight: 500;
  line-height: normal;
}
section.faq-description ul.faq-list li .icon {
  display: flex;
  width: 2.625rem;
  height: 2.625rem;
  justify-content: center;
  align-items: center;
  border-radius: 2rem;
  border: 1px solid #dbdbdb;
  background: #fff3ef;
}

.article-links .card-list {
  display: grid;
  gap: 1.5rem;
}
.article-links .card-list .card-contant {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  padding: 2rem 2.25rem;
  gap: 1.5rem;
}
@media (max-width: 520px) {
  .article-links .card-list .card-contant {
    flex-direction: column;
  }
}
.article-links .card-list .title .icon,
.article-links .card-list .cat .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 2.6875rem;
  height: 2.6875rem;
  border-radius: 0.375rem;
}
.article-links .card-list .title {
  color: #505050;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: normal;
}
@media (max-width: 520px) {
  .article-links .card-list .title {
    align-items: flex-start !important;
  }
}
.article-links .card-list .title .icon {
  background: #453f6a;
}
.article-links .card-list .cat {
  color: #505050;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: normal;
}
.article-links .card-list .cat .icon {
  background: #ececec;
}
@media (max-width: 520px) {
  .article-links .card-list .btn-container {
    width: 100%;
  }
}
.article-links .card-list .btn-container .btn {
  display: flex;
  min-width: 2.6875rem;
  height: 2.6875rem;
  justify-content: center;
  align-items: center;
  padding: 0;
}
@media (max-width: 520px) {
  .article-links .card-list .btn-container .btn {
    width: 100%;
  }
}

section.plans {
  margin: 8rem 0 5rem;
}
section.plans .plan-card {
  margin-top: 2.5rem;
  margin-bottom: 3rem;
  border-radius: 0.75rem;
  background: #fff;
  box-shadow: 0px 8px 66px 0px rgba(0, 0, 0, 0.04);
  display: flex;
  width: 100%;
  min-height: 40rem;
  padding: 2.5rem 2rem;
  flex-direction: column;
  justify-content: flex-start;
  gap: 2.5rem;
}
@media (max-width: 1400px) {
  section.plans .plan-card {
    padding: 2rem 1.5rem;
  }
}
@media (max-width: 576px) {
  section.plans .plan-card {
    padding: 1.5rem 1.5rem;
    gap: 1.5rem;
  }
}
section.plans .plan-card .plan-type {
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
}
@media (max-width: 576px) {
  section.plans .plan-card .plan-type {
    flex-direction: column;
    gap: 1rem;
  }
}
section.plans .plan-card .plan-type .icon img {
  width: 6.625rem;
  height: 7.5rem;
}
section.plans .plan-card .plan-type .title {
  color: #3b3b3b;
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: 1.6875rem; /* 142.105% */
}
section.plans .plan-card .plan-type .sub {
  color: #3b3b3b;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: normal;
}
section.plans .plan-card .price {
  display: flex;
  align-items: center;
  gap: 1rem;
}
section.plans .plan-card .price .number {
  color: #1c1c1c;
  font-size: 2rem;
  font-weight: 600;
  line-height: 2.5rem; /* 106.061% */
}
section.plans .plan-card .price .currency {
  color: #3b3b3b;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: normal;
}
section.plans .plan-card .star-rating {
  display: flex;
  align-items: center;
}
section.plans .plan-card .star-rating .star {
  filter: drop-shadow(0px 0px 32.245px #791b44);
}
section.plans .plan-card .paln-features {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.3125rem;
  text-align: right;
}
@media (max-width: 576px) {
  section.plans .plan-card .paln-features {
    gap: 0.75rem;
  }
}
section.plans .plan-card .paln-features .item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
  color: #3b3b3b;
  font-size: 1rem;
  font-weight: 700;
  line-height: normal;
}
@media (max-width: 1400px) {
  section.plans .plan-card .paln-features .item {
    font-size: 0.875rem;
  }
}
@media (max-width: 576px) {
  section.plans .plan-card .paln-features .item {
    font-size: 0.875rem;
    font-weight: 500;
  }
}
section.plans .plan-card .paln-features .item .icon {
  border-radius: 1rem;
  background: #ff6c00;
  display: flex;
  min-width: 1.5rem;
  height: 1.5rem;
  justify-content: center;
  align-items: center;
}
section.plans .plan-card .cart-border-effect {
  background: linear-gradient(270deg, #ff6c00 0%, rgba(255, 106, 0, 0.2) 100%);
  padding: 1px;
  border-radius: 0.5rem;
}
section.plans .plan-card .cart {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.45rem;
  background: #f7f7f7;
  min-height: 3.5rem;
  color: #4a4a4a;
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6875rem; /* 168.75% */
}
@media (max-width: 576px) {
  section.plans .plan-card .cart {
    flex-direction: column;
  }
}
section.plans .plan-card .hurry {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
section.plans .plan-card .hurry .icon {
  border-radius: 2rem;
  border: 0.81px solid #dbdbdb;
  background: #fff3ef;
  display: flex;
  width: 2.125rem;
  height: 2.125rem;
  justify-content: center;
  align-items: center;
}
section.plans .plan-card .btn-border-effect {
  background: linear-gradient(90deg, #ff6c00 0%, #fff4ed 100%);
  padding: 1px;
  border-radius: 0.75rem;
}
section.plans .plan-card .btn-border-effect .btn-container {
  border-radius: 0.7rem;
  background: #fff4ed;
  padding: 0.5rem;
}
section.plans .plan-card .btn-border-effect .btn-container .btn {
  position: relative;
  z-index: 1;
  display: flex;
  width: 100%;
  height: 3.3125rem;
  padding: 0.75rem 1rem;
  justify-content: center;
  align-items: center;
  gap: 0.6715rem;
  flex-shrink: 0;
  border-radius: 0.5rem;
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
  color: #fff;
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.813rem;
  border: 0;
}
section.plans .plan-card .btn-border-effect .btn-container .btn-boronze {
  background: radial-gradient(93.2% 100.22% at 89.6% 7.93%, #804733 0%, #f39f77 100%);
}
section.plans .plan-card .btn-border-effect .btn-container .btn-silver {
  background: radial-gradient(93.2% 100.22% at 89.6% 7.93%, #565656 0%, #acacac 100%);
}
section.plans .plan-card .btn-border-effect .btn-container .btn-gold {
  background: radial-gradient(93.2% 100.22% at 89.6% 7.93%, #ae812d 0%, #d9b25b 100%);
}

.translate-types {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
}
@media (max-width: 576px) {
  .translate-types {
    align-items: flex-start;
    flex-direction: column;
  }
}

.boxes-container {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.box-radio {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  height: 3.5rem;
  padding: 0.5rem;
  flex-shrink: 0;
  border-radius: 0.388rem;
  border: 1px solid #eee;
  background: #fafafa;
  color: #3b3b3b;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.30944rem; /* 150% */
}
.box-radio label {
  margin-bottom: 0 !important;
}
.box-radio .label {
  display: flex;
  min-height: 2rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.675rem;
  border-radius: 0.388rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
.box-radio input {
  display: none;
}
.box-radio input:not(:checked):hover ~ .label {
  background-color: #eee;
}
.box-radio input:checked ~ .label {
  background: #2b2455;
  color: #fff;
}

section.world-map {
  margin: 10rem 0;
  padding: 3rem 0;
  background-color: #fff;
}
section.world-map .section-title {
  margin-bottom: 3rem;
}

.titled-card {
  background-color: #fff;
  border-radius: 0.75rem;
  overflow: hidden;
  margin-bottom: 2.5rem;
}
.titled-card .card-header {
  display: flex;
  padding: 1.25rem 2rem;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  background: #f1efff;
  gap: 1rem;
}
@media (max-width: 520px) {
  .titled-card .card-header {
    padding: 1.25rem;
  }
}
.titled-card .card-header .title {
  color: #171717;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2.5rem; /* 158.242% */
  margin-bottom: 0;
}
@media (max-width: 520px) {
  .titled-card .card-header .title {
    font-size: 1.25rem;
    line-height: 2rem; /* 158.242% */
  }
}
.titled-card .card-body,
.titled-card .step-content {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  padding: 2.5rem 2rem 4rem;
}

section.price-calculator {
  margin: 9rem 0;
}

.card-form .titled-card input,
.card-form .titled-card textarea {
  background-color: #fff;
  border-radius: 0.5rem;
  border: 1px solid #b0b0b0;
  padding: 1rem 0.75rem;
}
.card-form .titled-card .form-label {
  color: #1c1c1c;
  font-size: 1rem;
  font-weight: 600;
  line-height: normal;
}
.card-form .titled-card .btn-primary {
  padding: 1rem 0.75rem;
}
.card-form .titled-card .btn-light-blue {
  border-radius: 0.9375rem;
  background: #f1efff;
  color: #171717;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 2.37363rem; /* 210.989% */
}

.dropdown-select {
  position: relative;
}
.dropdown-select .dropdown-menu {
  width: 100%;
}
.dropdown-select .dropdown-menu .dropdown-item.active {
  background-color: #2b2455;
}
.dropdown-select .dropdown-menu .dropdown-item:active {
  background-color: #f1efff;
  color: #1c1c1c;
}
.dropdown-select .dropdown-select-toggle {
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid #b0b0b0;
}
.dropdown-select .label {
  padding: 1rem 0.75rem;
}
.dropdown-select .addon {
  padding: 1rem 0.75rem;
  background-color: #f1efff;
  border-radius: 0.5rem;
}
.dropdown-select .flag img {
  width: 1.5rem;
  height: 1.5rem;
}
.dropdown-select .dropdown-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}

.order-step {
  margin: 9rem 0;
}
.order-step .actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.order-step .btn-next,
.order-step .actions .btn {
  min-width: 200px;
  height: 66px;
}
.order-step .steps {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  position: relative;
  z-index: 0;
}
.order-step .steps::after {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  background: url("../images/Line-dashed.webp");
  z-index: -1;
}
.order-step .steps .step-item {
  background-color: #fff;
  padding: 1rem 3rem;
  color: #1f1f1f;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.order-step .steps .step-item .icon {
  display: flex;
  width: 3.1875rem;
  height: 3.1875rem;
  justify-content: center;
  align-items: center;
  border-radius: 2.52594rem;
  border: 2px solid #e5e5e5;
  background: #e9e9e9;
  color: #323232;
}
.order-step .steps .step-item.active .icon {
  background-color: #2b2455;
  color: #fff;
}
.order-step .step-content {
  display: none;
}
.order-step .step-content.active {
  display: flex;
}

.grid-table {
  display: grid;
}
.grid-table input[type=radio] {
  width: 20px;
  height: 20px;
}
.grid-table .table-body .card-row {
  cursor: pointer;
}
.grid-table .card-row {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  border-radius: 0.875rem;
  border-bottom: 1px solid #e6e6e6;
  background: #fbfbfb;
  padding: 1.75rem 2rem;
  color: #171717;
  text-align: center;
  font-family: Peyda(FaNum);
  font-size: 1.15025rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.18419rem; /* 189.89% */
}
.grid-table .card-row .item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.auth-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  color: #ededed;
}
@media (max-width: 991px) {
  .auth-container {
    grid-template-columns: 1fr;
  }
}
.auth-container .img-side {
  background: url("../images/news-hero.webp") center bottom/cover no-repeat;
}
@media (max-width: 991px) {
  .auth-container .img-side {
    display: none;
  }
}
.auth-container .img-side .cover {
  min-height: 100vh;
  height: 100%;
  background-color: rgba(27, 21, 57, 0.8);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.auth-container .img-side .content {
  padding: 8rem 1rem 3rem;
  max-width: 36rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
.auth-container .img-side .logo {
  width: 14.24rem;
  height: 2.25rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.auth-container .img-side .info {
  color: #e8e8e8;
  text-align: center;
  font-size: 1rem;
  font-weight: 400;
  line-height: 2rem; /* 206.667% */
}
.auth-container .form-side {
  background-color: #1b1539;
  padding: 3rem 1rem 3rem;
}
.auth-container .form-side .back {
  display: flex;
  justify-content: flex-end;
  align-self: stretch;
  margin-bottom: 4rem;
}
.auth-container .form-side .back a {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: #d9d9d9;
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
}
.auth-container .form-side .back a .icon {
  display: flex;
  width: 2.25rem;
  height: 2.25rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.4375rem;
  background: #2e2753;
}
.auth-container .form-side .content {
  height: 100%;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-inline: auto;
  max-width: 35rem;
  color: #ededed;
}
.auth-container .form-side .content a {
  color: #ededed;
}
.auth-container .form-side .content .form-title {
  margin-bottom: 3.5rem;
}
.auth-container .form-side .content .form-title .title {
  color: #fafafa;
  font-size: 1.6875rem;
  font-weight: 600;
  line-height: 140%; /* 2.3625rem */
  margin-bottom: 1.5rem;
}
.auth-container .form-side .content .form-title .subtitle {
  color: #ededed;
  font-size: 1.0625rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 1.4875rem */
}
.auth-container .form-side .content .form .input-icon {
  position: relative;
}
.auth-container .form-side .content .form .input-icon .icon {
  color: #fff;
  position: absolute;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4rem;
  width: 3.5rem;
  border-radius: 0.25rem;
  background: #2b2455;
}
.auth-container .form-side .content .form .input-icon input {
  padding-left: 3.5rem;
  background-color: transparent;
  color: #ededed;
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  border-radius: 0.3125rem;
  border: 1px solid #323255;
  height: 4rem;
  margin-bottom: 1.25rem;
}
.auth-container .form-side .content .form .input-icon input::-moz-placeholder {
  color: #ededed;
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
}
.auth-container .form-side .content .form .input-icon input::placeholder {
  color: #ededed;
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
}
.auth-container .form-side .content .form input:text {
  background-color: transparent;
}
.auth-container .form-side .content .form .otp-container {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  justify-content: center;
}
.auth-container .form-side .content .form .otp-container input.otp-input {
  width: 6rem;
  height: 5.6rem;
  border-radius: 0.375rem;
  border: 1px solid #13343e;
  background: #2e2753;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  color: #ededed;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: normal;
}
.auth-container .form-side .content .form .otp-container input.otp-input::-moz-placeholder {
  color: #ededed;
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
}
.auth-container .form-side .content .form .otp-container input.otp-input::placeholder {
  color: #ededed;
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
}
.auth-container .form-side .content .form .checkbox {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}
.auth-container .form-side .content .form .checkbox input[type=checkbox] {
  display: none;
}
.auth-container .form-side .content .form .checkbox .checkmark {
  position: relative;
  display: flex;
  min-width: 0.875rem;
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 0.125rem;
  border: 2px solid #e3e3e3;
}
.auth-container .form-side .content .form .checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 3px;
  top: 0px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
.auth-container .form-side .content .form .checkbox input:checked ~ .checkmark:after {
  display: block;
}
.auth-container .form-side .content .form .btn {
  padding: 1.25rem 2rem;
}
.auth-container .form-side .content .form .line {
  width: 100%;
  position: relative;
  z-index: 0;
  text-align: center;
}
.auth-container .form-side .content .form .line span {
  background-color: #1b1539;
  padding: 0 1.625rem;
  color: #ededed;
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
}
.auth-container .form-side .content .form .line::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  height: 2px;
  width: 100%;
  z-index: -1;
  background-color: #2b2455;
  background: rgba(25, 145, 180, 0.1);
}
.auth-container .form-side .content .form .actions {
  display: grid;
  gap: 3rem;
  margin-block: 1.75rem;
}
.auth-container .form-side .content .form .link {
  color: #ddd;
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
  line-height: normal;
}
.auth-container .form-side .content .form .link a {
  color: #fff;
}

.btn-toggler {
  border-radius: 0.38319rem;
  background: #2e2753;
  display: flex;
  min-height: 3.5rem;
  padding: 0.5rem;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  gap: 0.5rem;
}
.btn-toggler .btn {
  border-radius: 0.38319rem;
  padding: 0.5rem 0.675rem;
  min-height: 2.5rem;
  color: #fff;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.29325rem; /* 150% */
}


/***************************************************************************************/
/*تنظیماتی که آقای سازنده این تم روی bootstrap.css اعمال کرده بود و من به اینجا آوردم:*/
:root,
[data-bs-theme=light] {
    --bs-primary: #ff6633;
    --bs-secondary: #2b2455;
    --bs-light: #e7e6eb;
    --bs-primary-rgb: 255, 102, 51;
    --bs-secondary-rgb: 43, 36, 85;
    --bs-light-rgb: 231, 230, 235;
    --bs-primary-text-emphasis: #662914;
    --bs-secondary-text-emphasis: #110e22;
    --bs-primary-bg-subtle: #ffe0d6;
    --bs-secondary-bg-subtle: #d5d3dd;
    --bs-primary-border-subtle: #ffc2ad;
    --bs-secondary-border-subtle: #aaa7bb;
    --bs-body-color: #3b3b3b;
    --bs-body-color-rgb: 59, 59, 59;
    --bs-body-bg: #fafafa;
    --bs-body-bg-rgb: 250, 250, 250;
    --bs-secondary-color: rgba(59, 59, 59, 0.75);
    --bs-secondary-color-rgb: 59, 59, 59;
    --bs-tertiary-color: rgba(59, 59, 59, 0.5);
    --bs-tertiary-color-rgb: 59, 59, 59;
    --bs-link-color: #ff6633;
    --bs-link-color-rgb: 255, 102, 51;
    --bs-link-hover-color: #cc5229;
    --bs-link-hover-color-rgb: 204, 82, 41;
    --bs-code-color: #d63384;
    --bs-highlight-color: #3b3b3b;
    --bs-focus-ring-color: rgba(255, 102, 51, 0.25);
}


[data-bs-theme=dark] {
    --bs-primary-text-emphasis: #ffa385;
    --bs-secondary-text-emphasis: #807c99;
    --bs-primary-bg-subtle: #33140a;
    --bs-secondary-bg-subtle: #090711;
    --bs-primary-border-subtle: #993d1f;
    --bs-secondary-border-subtle: #1a1633;
    --bs-link-color: #ffa385;
    --bs-link-hover-color: #ffb59d;
    --bs-link-color-rgb: 255, 163, 133;
    --bs-link-hover-color-rgb: 255, 181, 157;
}

.table-primary {
    --bs-table-bg: #ffe0d6;
    --bs-table-border-color: #ccb3ab;
    --bs-table-striped-bg: #f2d5cb;
    --bs-table-active-bg: #e6cac1;
    --bs-table-hover-bg: #eccfc6;
}

.table-secondary {
    --bs-table-bg: #d5d3dd;
    --bs-table-border-color: #aaa9b1;
    --bs-table-striped-bg: #cac8d2;
    --bs-table-active-bg: #c0bec7;
    --bs-table-hover-bg: #c5c3cc;
}

.table-light {
    --bs-table-bg: #e7e6eb;
    --bs-table-border-color: #b9b8bc;
    --bs-table-striped-bg: #dbdbdf;
    --bs-table-active-bg: #d0cfd4;
    --bs-table-hover-bg: #d6d5d9;
}

.form-control:focus {
    border-color: #ffb399;
    box-shadow: 0 0 0 0.25rem rgba(255, 102, 51, 0.25);
}

.form-select:focus {
    border-color: #ffb399;
    box-shadow: 0 0 0 0.25rem rgba(255, 102, 51, 0.25);
}

.form-check-input:focus {
    border-color: #ffb399;
    box-shadow: 0 0 0 0.25rem rgba(255, 102, 51, 0.25);
}

.form-check-input:checked {
    background-color: #ff6633;
    border-color: #ff6633;
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #ff6633;
    border-color: #ff6633;
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fafafa, 0 0 0 0.25rem rgba(255, 102, 51, 0.25);
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fafafa, 0 0 0 0.25rem rgba(255, 102, 51, 0.25);
}

.form-range::-webkit-slider-thumb {
    background-color: #ff6633;
}

    .form-range::-webkit-slider-thumb:active {
        background-color: #ffd1c2;
    }

.form-range::-moz-range-thumb {
    background-color: #ff6633;
}

    .form-range::-moz-range-thumb:active {
        background-color: #ffd1c2;
    }



.btn {
    --bs-btn-padding-x: 14px;
    --bs-btn-padding-y: 12px;
    --bs-btn-font-weight: 500;
    --bs-btn-border-radius: 0.5rem;
}


.btn-primary {
    --bs-btn-color: #000;
    --bs-btn-bg: #ff6633;
    --bs-btn-border-color: #ff6633;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ff7d52;
    --bs-btn-hover-border-color: #ff7547;
    --bs-btn-focus-shadow-rgb: 217, 87, 43;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ff855c;
    --bs-btn-active-border-color: #ff7547;
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ff6633;
    --bs-btn-disabled-border-color: #ff6633;
}

.btn-secondary {
    --bs-btn-bg: #2b2455;
    --bs-btn-border-color: #2b2455;
    --bs-btn-hover-bg: #251f48;
    --bs-btn-hover-border-color: #221d44;
    --bs-btn-focus-shadow-rgb: 75, 69, 111;
    --bs-btn-active-bg: #221d44;
    --bs-btn-active-border-color: #201b40;
    --bs-btn-disabled-bg: #2b2455;
    --bs-btn-disabled-border-color: #2b2455;
}


.btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: #e7e6eb;
    --bs-btn-border-color: #e7e6eb;
    --bs-btn-hover-bg: #c4c4c8;
    --bs-btn-hover-border-color: #b9b8bc;
    --bs-btn-focus-shadow-rgb: 196, 196, 200;
    --bs-btn-active-bg: #b9b8bc;
    --bs-btn-active-border-color: #adadb0;
    --bs-btn-disabled-bg: #e7e6eb;
    --bs-btn-disabled-border-color: #e7e6eb;
}

.btn-outline-primary {
    --bs-btn-color: #ff6633;
    --bs-btn-border-color: #ff6633;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ff6633;
    --bs-btn-hover-border-color: #ff6633;
    --bs-btn-focus-shadow-rgb: 255, 102, 51;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ff6633;
    --bs-btn-active-border-color: #ff6633;
    --bs-btn-disabled-color: #ff6633;
    --bs-btn-disabled-border-color: #ff6633;
}


.btn-outline-secondary {
    --bs-btn-color: #2b2455;
    --bs-btn-border-color: #2b2455;
    --bs-btn-hover-bg: #2b2455;
    --bs-btn-hover-border-color: #2b2455;
    --bs-btn-focus-shadow-rgb: 43, 36, 85;
    --bs-btn-active-bg: #2b2455;
    --bs-btn-active-border-color: #2b2455;
    --bs-btn-disabled-color: #2b2455;
    --bs-btn-disabled-border-color: #2b2455;
}


.btn-outline-light {
    --bs-btn-color: #e7e6eb;
    --bs-btn-border-color: #e7e6eb;
    --bs-btn-hover-bg: #e7e6eb;
    --bs-btn-hover-border-color: #e7e6eb;
    --bs-btn-focus-shadow-rgb: 231, 230, 235;
    --bs-btn-active-bg: #e7e6eb;
    --bs-btn-active-border-color: #e7e6eb;
    --bs-btn-disabled-color: #e7e6eb;
    --bs-btn-disabled-border-color: #e7e6eb;
}

.btn-link {
    --bs-btn-focus-shadow-rgb: 217, 87, 43;
}

.dropdown-menu {
    --bs-dropdown-padding-x: 10px;
    --bs-dropdown-spacer: 0.5rem;
    --bs-dropdown-bg: #fff;
    --bs-dropdown-border-color: #e8e8e8;
    --bs-dropdown-border-radius: 14px;
    --bs-dropdown-inner-border-radius: calc(14px - var(--bs-border-width));
    --bs-dropdown-divider-bg: #e8e8e8;
    --bs-dropdown-link-hover-bg: #f5f5f5;
    --bs-dropdown-link-active-bg: #ff6633;
    --bs-dropdown-item-padding-y: 0.5rem;
}

.dropdown-menu-dark {
    --bs-dropdown-border-color: #e8e8e8;
    --bs-dropdown-divider-bg: #e8e8e8;
    --bs-dropdown-link-active-bg: #ff6633;
}


.nav {
    --bs-nav-link-color: #3b3b3b;
    --bs-nav-link-hover-color: #3b3b3b;
}

.nav-link:focus-visible {
    box-shadow: 0 0 0 0.25rem rgba(255, 102, 51, 0.25);
}

.nav-pills {
    --bs-nav-pills-border-radius: 0.5rem;
    --bs-nav-pills-link-active-bg: #2b2455;
}

.navbar {
    --bs-navbar-color: #1d232d;
    --bs-navbar-toggler-icon-bg: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none"%3e%3cpath d="M16.6665 6.33334L3.33317 6.33334" stroke="%23373A41" stroke-width="1.25" stroke-linecap="round"/%3e%3cpath d="M16.6665 10.5L3.33317 10.5" stroke="%23373A41" stroke-width="1.25" stroke-linecap="round"/%3e%3cpath d="M16.6665 14.6667L3.33317 14.6667" stroke="%23373A41" stroke-width="1.25" stroke-linecap="round"/%3e%3c/svg%3e');
    --bs-navbar-toggler-border-radius: 0.5rem;
}


.card {
    --bs-card-border-color: #e4e4e4;
    --bs-card-border-radius: 1.25rem;
    --bs-card-bg: #fff;
}


.accordion {
--bs-accordion-color: #494949;
--bs-accordion-bg: transparent;
--bs-accordion-btn-padding-x: 0;
--bs-accordion-btn-padding-y: 1.25rem;
--bs-accordion-btn-color: #232323;
--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(255, 102, 51, 0.25);
--bs-accordion-body-padding-x: 1.75rem;
--bs-accordion-body-padding-y: 0;
--bs-accordion-active-color: #232323;
--bs-accordion-active-bg: transparent;
}

.pagination {
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(255, 102, 51, 0.25);
    --bs-pagination-active-bg: #ff6633;
    --bs-pagination-active-border-color: #ff6633;
}


.progress,
.progress-stacked {
    --bs-progress-bar-bg: #ff6633;
}

.list-group {
    --bs-list-group-active-bg: #ff6633;
    --bs-list-group-active-border-color: #ff6633;
}

.link-primary:hover, .link-primary:focus {
    color: RGBA(255, 133, 92, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(255, 133, 92, var(--bs-link-underline-opacity, 1)) !important;
}

.link-secondary:hover, .link-secondary:focus {
    color: RGBA(34, 29, 68, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(34, 29, 68, var(--bs-link-underline-opacity, 1)) !important;
}

.btn-primary,
.btn-primary:hover {
    color: #fff;
}

.btn-outline-light {
    border: 1px solid #c3c3c3;
    color: #2c2c2c;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-left: 0.5rem;
}

.dropdown-menu {
    box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.06);
    left: auto;
    right: 0;
}

.dropdown-menu .dropdown-item {
    text-align: right;
    border-radius: 7px;
}

.accordion-flush > .accordion-item {
    border-color: transparent;
}

.accordion-flush > .accordion-item .accordion-body {
    border-right: 1px solid #dbdbdb;
    font-size: 0.875rem;
    text-align: justify;
}

.accordion-flush > .accordion-item > .accordion-header .accordion-button {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    border-bottom: 1px solid transparent;
    font-weight: 500;
}

.accordion-flush > .accordion-item > .accordion-header .accordion-button:focus {
    box-shadow: none;
}

.accordion-flush > .accordion-item > .accordion-header .accordion-button::after {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #2b2455;
    margin-left: 10px;
    border-radius: 50px;
    color: #fff;
    border: 1px solid #000;
    background-position: center;
    margin-right: 0;
    margin-left: 10px;
}

.accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
    border-bottom-color: #dbdbdb;
}

.accordion > .accordion-item .accordion-header .accordion-button {
    box-shadow: none;
}

.accordion > .accordion-item .accordion-header .accordion-button:focus {
    box-shadow: none;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: var(--bs-breadcrumb-divider, url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"%3e%3cpath d="M12.5 15.8327L7.5 9.99935L12.5 4.16602" stroke="%23535353" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/%3e%3c/svg%3e'));
}


/* شماره کارت و . . . که عدد یا انگلیسی هستند captcha برای باکسهایی مثل */
.latinTextBox {
    direction: ltr !important;
    font-family: Arial, Helvetica, sans-serif !important;
}


.has-error .control-label, .has-error .input-group-text { /*برای ولیدیشن‌های صفحه‌های استخدام مترجم*/
    /* text-danger کپی برداری از*/
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}


/* دو استایل زیر برای کنترلر LeftColumn.ascx است که از FontAwsome استفاده کرده است*/
.headline {
    display: block;
    margin: 10px 0 25px 0;
    border-bottom: 1px dotted #e4e9f0;
}

i.icon-round-lg {
    min-width: 55px;
    font-size: 35px;
    padding: 10px 0;
    line-height: 33px;
    margin-bottom: 10px;
    border-radius: 50% !important;
}


section.latest-articles-section .date {
    direction: ltr;
}