@charset "UTF-8";
:root {
  --gradient: linear-gradient(70.58deg, #ecbb55 0%, #cc8c3d 100%);
}
https://studiogo.tech/coreehs/
/* variables css */
/* for common fonts */
/* mixins */
html {
  font-size: 10px;
}
@media (min-width: 1921px) {
  html {
    font-size: 10px;
  }
}
@media (max-width: 1920.98px) {
  html {
    font-size: 8.5px;
  }
}
@media (max-width: 1399.98px) {
  html {
    font-size: 8.5px;
  }
}
@media (max-width: 1199.98px) {
  html {
    font-size: 8px;
  }
}
@media (max-width: 991.98px) {
  html {
    font-size: 8px;
  }
}
@media (max-width: 767.98px) {
  html {
    font-size: 7px;
  }
}
@media (min-width: 1920px){
	:root {
	  --container-width: 1245px;
	}
}
@media (max-width: 1920px){
	:root {
	  --container-width: 1245px;
	}
}
@media (max-width: 1399.98px) {
  :root {
    --container-width: 1140px;
  }
}
@media (max-width: 1199.98px) {
  :root {
    --container-width: 960px;
  }
}
@media (max-width: 991.98px) {
  :root {
    --container-width: 720px;
  }
}
@media (max-width: 767.98px) {
  :root {
    --container-width: 540px;
  }
}
@media (max-width: 575.98px) {
  :root {
    --container-width: 100%;
  }
}

input:focus,
select:focus,
.form-control:focus,
button:focus,
.btn:focus {
  box-shadow: none;
  outline: none;
  border-color: inherit;
}

img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

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

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-bottom: 0;
  text-transform: inherit;
}
p.mb-custom {
	margin-bottom: 2rem;
}
body {
  background-color: #ffffff;
  font: 400 1.6rem/1.5 "roboto-400";
  color: #121c27;
  position: relative;
  overflow-x: hidden;
}
@media (max-width: 767.98px) {
  body {
    font-size: 1.8rem;
  }
}

a,
a:hover {
  color: inherit;
  text-decoration: none;
  outline: none;
  transition: all 0.3s linear;
}

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

blockquote,
blockquote p {
  font: 600 1.8rem/1.3 "quicksand-600";
  color: #455780;
  letter-spacing: 0.03rem;
  margin-bottom: 0;
}
@media (max-width: 767.98px) {
  blockquote,
  blockquote p {
    font-size: 1.8rem;
  }
}
blockquote > *:first-child {
	margin-top: 0 !important;
}
blockquote > * {
	font-style: italic !important;
}

@media (max-width: 575.98px) {
  .container,
  .container-fluid {
    padding-left: 1.62162rem;
    padding-right: 1.62162rem;
  }
}
.py-80 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.pt-80 {
  padding-top: 8rem;
}
@media (min-width:992px) {
	.pt-lg-80 {
		padding-top: 8rem;
	}
}
.pb-80 {
  padding-bottom: 8rem;
}

.py-60 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.pt-60 {
  padding-top: 6rem;
}
.pb-60 {
  padding-bottom: 6rem;
}
.py-40 {
    padding-bottom: 4rem;
    padding-top: 4rem;
}
.pb-40 {
    padding-bottom: 4rem;
}
.pt-40 {
    padding-top: 4rem;
}
.pb-16 {
  padding-bottom: 1.6rem;
}
.mt-60 {
	margin-top: 6rem;
}
.mb-60 {
	margin-bottom: 6rem;
}
@media (max-width: 991.98px) {
  .py-80 {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
  .pt-80 {
    padding-top: 7rem;
  }
  .pb-80 {
    padding-bottom: 7rem;
  }
  .py-60 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .pt-60 {
    padding-top: 5rem;
  }
  .pb-60 {
    padding-bottom: 5rem;
  }
  .mt-60 {
	margin-top: 5rem;
  }
	.mb-60 {
	margin-bottom: 5rem;
}
}
@media (max-width: 575.98px) {
  .pb-xs-0 {
    padding-bottom: 0;
  }
}
.mb-40 {
  margin-bottom: 4rem;
}
.wpcf7-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.social-icon {
  gap: 1.5rem;
}
.social-icon .icon-item {
  display: block;
  line-height: 0;
}
.social-icon .icon-item img {
  height: 1.4rem;
  transition: all 0.1s linear;
}
.social-icon .icon-item img[alt=youtube] {
  height: 1.2rem;
}
.social-icon .icon-item:hover img {
  filter: invert(30%) sepia(15%) saturate(1676%) hue-rotate(352deg) brightness(100%) contrast(90%);
}
.sec-ttl {
	overflow: hidden;
}
.sec-ttl h2,
.sec-ttl .dh2 {
  text-transform: capitalize;
  font-size: 2.4rem;
  line-height: 3.6rem;
}
.sec-ttl h2 span,
.sec-ttl .dh2 span {
  position: relative;
  display: inline-block;
}
.sec-ttl h2 span::before, .sec-ttl h2 span::after,
.sec-ttl .dh2 span::before, .sec-ttl .dh2 span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% + 1.6rem);
  width: 8rem;
  height: 2px;
  transform: translateY(-50%);
  background: var(--gradient);
}
.sec-ttl h2 span::before,
.sec-ttl .dh2 span::before {
  left: auto;
  right: calc(100% + 1.6rem);
}
.sec-ttl p:not(:empty) {
  padding-top: 2rem;
}
/* .sec-ttl.lg-ttl {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding-left: 9.6rem;
  padding-right: 9.6rem;
}
.sec-ttl.lg-ttl h2,
.sec-ttltl .dh2 {
  position: relative;
}
.sec-ttl.lg-ttl h2 span::after, .sec-ttl.lg-ttl h2 span::before,
.sec-ttl.lg-ttl .dh2 span::after, .sec-ttl.lg-ttl .dh2 span::before {
  content: none;
}
.sec-ttl.lg-ttl h2::before, .sec-ttl.lg-ttl h2::after,
.sec-ttl.lg-ttl .dh2::before, .sec-ttl.lg-ttl .dh2::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% + 1.6rem);
  width: 8rem;
  height: 2px;
  transform: translateY(-50%);
  background: var(--gradient);
}
.sec-ttl.lg-ttl h2::before,
.sec-ttl.lg-ttl .dh2::before {
  left: auto;
  right: calc(100% + 1.6rem);
}
@media (max-width: 490.98px) {
  .sec-ttl.lg-ttl h2::before, .sec-ttl.lg-ttl h2::after,
.sec-ttl.lg-ttl .dh2::before, .sec-ttl.lg-ttl .dh2::after {
    content: none;
  }
}
@media (max-width: 490.98px) {
  .sec-ttl.lg-ttl {
    padding-left: 0;
    padding-right: 0;
  }
} */

.left-grad-ttl {
  padding-left: 5.8rem;
}
.left-grad-ttl h2 span::before,
.left-grad-ttl .dh2 span::before {
  width: 4.8rem;
  right: calc(100% + 1rem);
}
.left-grad-ttl h2 span::after,
.left-grad-ttl .dh2 span::after {
  content: none;
}
.left-grad-ttl.lg-line {
  padding-left: 10.6rem;
}
.left-grad-ttl.lg-line h2 span::before,
.left-grad-ttl.lg-line .dh2 span::before {
  width: 7.8rem;
  right: calc(100% + 2.8rem);
}
.left-grad-ttl.lg-line h2 span::after,
.left-grad-ttl.lg-line .dh2 span::after {
  content: none;
}
.sort-data {
  gap: 1.6rem 0;
}
.sort-data h3 {
  font-size: 3.2rem;
  font-family: "roboto-700";
  background: var(--gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*  buttons start  */
.theme-btn {
  font: 500 1.6rem/1.2 "roboto-500";
  color: #ffffff;
  padding: 2rem 3.8rem;
  display: inline-block;
  background: var(--gradient);
  border-radius: 0.4rem;
  text-align: center;
  position: relative;
  border: none;
  box-shadow: none;
  outline: none;
  transition: all 0.3s ease-in-out;
}
.theme-btn.border-btn {
  background: transparent;
}
.theme-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.2rem;
  border-radius: inherit;
  background: var(--gradient);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}
.theme-btn.border-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.2rem;
  border-radius: 0.4rem;
  background: var(--gradient);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}
.theme-btn:hover {
  background: #fff;
  color: #DCA449;
}
.theme-btn.arrow-btn:hover::after {
	filter: brightness(0) saturate(100%) invert(76%) sepia(33%) saturate(763%) hue-rotate(349deg) brightness(92%) contrast(89%);
}
.theme-btn.blue-btn {
  background: #455780;
}
.theme-btn.blue-btn:hover {
  color: #ffffff;
  background: #283658;
}
.theme-btn.blue-btn::before {
	content: none;
}
.theme-btn.blue-border-btn {
  background: transparent;
  color: #455780;
}
.theme-btn.blue-border-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #455780;
  background: transparent;
  border-radius: 0.4rem;
}

.theme-btn.dark-border-btn {
  background: transparent;
  color: #121c27;
  padding: 1.54rem 2rem;
}
.theme-btn.dark-border-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #121c27;
  background: transparent;
  border-radius: 0.4rem;
}
.theme-btn.dark-border-btn:hover {
  color: #ffffff;
  background: #121c27;
}
@media (max-width: 767.98px) {
  .theme-btn {
    font-size: 1.8rem;
  }
}

.arrow-btn {
  font: 500 1.6rem/1.25 "roboto-500";
  color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 1rem;
  position: relative;
  padding: 1.4rem 5.6rem 1.3rem 2.5rem;
  transition: all 0.3s linear;
}
.arrow-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2.6rem;
  width: 2.2rem;
  height: 2.3rem;
  transform: translateY(-50%);
  background-image: url("../images/right-arrow.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  transition: all 0.3s ease;
}
.arrow-btn:hover {
  background-color: #ffffff;
}
.arrow-btn:hover::after {
  filter: invert(1);
}
.arrow-btn.blue-btn {
  border-color: #455780;
  color: #455780;
}
.arrow-btn.blue-btn::after {
  filter: invert(62%) sepia(8%) saturate(2757%) hue-rotate(184deg) brightness(91%) contrast(86%);
}
.arrow-btn.blue-btn:hover {
  background-color: #455780;
  color: #ffffff;
}
.arrow-btn.blue-btn:hover::after {
  filter: none;
}
.arrow-btn.dark-btn {
  background: #121C27;
  border-color: transparent;
}
.arrow-btn.dark-btn:hover {
  background-color: transparent;
  border-color: #121C27;
}
.arrow-btn.dark-border-btn {
  border-color: #121c27;
  color: #121c27;
}
.arrow-btn.dark-border-btn::after {
  filter: brightness(0) sepia(1) hue-rotate(180deg) saturate(2);
}
.arrow-btn.dark-border-btn:hover {
  background-color: #121c27;
  color: #ffffff;
}
.arrow-btn.dark-border-btn:hover::after {
  filter: none;
}
@media (max-width: 767.98px) {
  .arrow-btn {
    font-size: 1.8rem;
    padding: 1.3rem 5rem 1.2rem 2rem;
  }
  .arrow-btn::after {
    right: 1.4rem;
    width: 2.7rem;
    height: 2.9rem;
  }
}

.no-focus-style:focus {
  box-shadow: none;
  outline: none;
}

select.no-arrow {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: none;
}

form label.error {
  color: #dc3545;
  font-size: 1.2rem;
  padding-left: 1rem;
}

input.form-control,
textarea.form-control,
select.form-control {
  font-size: 1.6rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .pe-sm-md-0 {
    padding-right: 0 !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .ps-sm-md-0 {
    padding-left: 0 !important;
  }
}
.custom-grad-txt {
  background: var(--gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}


.mx-2-5 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
}
.form-shadow {
  box-shadow: 0px 0.4rem 1rem rgba(0, 0, 0, 0.1019607843);
}
.form-container2 {
  background-color: #f5f5f5;
  max-width: 94rem;
  margin: 0 auto;
}
.form-container2 .radio-group {
  padding-top: 5rem;
}
.form-container2 .radio-group .label {
  font-size: 1.4rem;
}
.form-container2 .radio-group .custom-radio {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.form-container2 .radio-group .custom-radio .radio-label {
  font-size: 1.6rem;
  font-family: "roboto-400";
  color: #000000;
}
.form-container2 .radio-group .custom-radio input[type=radio] {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 2rem;
  height: 2rem;
  border: 1px solid #000000;
  border-radius: 50%;
  background: #f6f7f9;
  margin-right: 1rem;
  cursor: pointer;
}
.form-container2 .radio-group .custom-radio input[type=radio]:checked::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.3rem;
  height: 1.3rem;
  background: rgb(18, 28, 39);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.form-container2 .form-input-group {
  gap: 2rem;
  max-width: 64rem;
  padding-top: 5rem;
}
.form-container2 .form-input-group .form-control {
  border: 0.5px solid #d3d5d6;
  border-radius: 3rem;
  padding: 1.6rem 2.6rem;
}
.form-container2 .form-input-group textarea.form-control {
  max-height: 8rem;
  resize: none;
  padding: 2.4rem 2.6rem;
}
.form-container2 .form-input-group input.theme-btn {
  padding: 1.5rem 7.5rem;
  margin-top: 2rem;
  max-width: 20rem;
}

.continue-read-link {
  color: #ffffff;
  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.continue-read-link .arrow-icon {
  width: 3.6rem;
  margin-left: 1.5rem;
  transition: all 0.3s ease;
}
.continue-read-link a:hover .arrow-icon {
  transform: translateX(1rem);
}

.custom-social-links {
  display: flex;
  gap: 2rem;
}
.custom-social-links a {
  display: flex;
  flex-direction: column;
  font-size: 1.5rem;
  line-height: 1.2;
}
.custom-social-links a .icon {
  width: 2.4rem;
  aspect-ratio: 1/1;
  margin: 1rem;
  transform: scale(0);
  transition: all 0.2s ease;
}
.custom-social-links a:hover .icon {
  transform: scale(1);
}

/* .anim-container {
  position: relative;
  margin: 6.5rem 0;
}
@media (max-width: 767.98px) {
  .anim-container {
    margin: 5.5rem -1.5rem;
  }
}
.anim-container .anim-item {
  width: 33.33%;
  position: absolute;
  text-align: center;
  transition: top 0.4s ease, left 0.4s ease, width 0.4s ease;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transform: scale(1);
  padding: 0 1.5rem 3rem;
}
.anim-container .anim-item.hide {
  opacity: 0;
  transform: scale(0.001);
}
@media (max-width: 991.98px) {
  .anim-container .anim-item {
    width: 50%;
  }
}
@media (max-width: 575.98px) {
  .anim-container .anim-item {
    width: 100%;
  }
} */
.anim-container {
	display: flex;
	flex-wrap: wrap;
	--gap: 3rem;
	gap: var(--gap);
}
.anim-container .anim-item {
	width: calc((100% - 2 * var(--gap)) / 3);
}
@media (max-width: 991.98px) {
	.anim-container .anim-item {
		width: calc((100% - 1 * var(--gap)) / 2);
	}
}
@media (max-width: 575.98px) {
	.anim-container .anim-item {
		width: 100%;
	}
}
.form-container2 span.wpcf7-form-control-wrap {
	width: 100%;
}

@keyframes slow-zoom {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.15);
  }
}
.bullet-btn {
  padding: 0 2.4rem;
  width: 17.7rem;
  height: 5.6rem;
  font-size: 2.2rem;
  line-height: 1.82;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #919597;
  border-radius: 5rem;
  color: #919597;
  background: transparent;
  transition: all 0.3s ease;
}
.bullet-btn:hover, .bullet-btn.active {
  color: #FFFFFF;
  background: var(--gradient);
  border: 1px solid transparent;
}
@media (max-width: 991.98px) {
  .bullet-btn {
    width: 12rem;
    height: 5.2rem;
  }
}
@media (max-width: 767.98px) {
  .bullet-btn {
    width: 9.8rem;
    font-size: 1.8rem;
    height: 4.2rem;
  }
}

.slider-with-dots .slick-dots {
  bottom: 4.2rem;
}
.slider-with-dots .slick-dots li button {
  background: #F5F5F5;
  width: 1.7rem;
  height: 1.7rem;
  -webkit-backdrop-filter: blur(1.6rem);
          backdrop-filter: blur(1.6rem);
  opacity: 0.72;
}
.slider-with-dots .slick-dots li.slick-active button {
  background: #ffffff;
  opacity: 1;
}

@keyframes demo2 {
  0% {
    clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
    transform: translateY(5rem);
  }
  20% {
    clip-path: polygon(0% 95%, 100% 80%, 100% 100%, 0% 100%);
  }
  40% {
    clip-path: polygon(0% 75%, 100% 60%, 100% 100%, 0% 100%);
  }
  90% {
    clip-path: polygon(0% 10%, 100% 10%, 100% 100%, 0% 100%);
  }
  100% {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    transform: translateY(0);
  }
}
[data-aos=custom1] {
  clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
  transform: translateY(5rem);
}

[data-aos=custom1].aos-animate {
  animation: demo2 var(--aos-duration, 600ms) linear forwards;
}
.pagination-nav .pagination {
  gap: 1.9rem;
}
.pagination-nav .pagination .page-item,
.pagination-nav .pagination .page-numbers{
  width: 4.8rem;
  height: 4.8rem;
  font: 400 2rem/1.4 "roboto-400";
  color: #6B6969;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1.4px solid #D3D5D64D;
  border-radius: 6px;
  background: #ffffff;
  transition: all 0.4s ease;
}
.pagination-nav .pagination .page-item .prev,
.pagination-nav .pagination .page-item .next {
	width: 1rem;
	aspect-ratio: 1/1.6;
}
.pagination-nav .pagination .page-numbers.prev,
.pagination-nav .pagination .page-numbers.next {
	font-size: 0;
	position: relative;
}
.pagination-nav .pagination .page-numbers.prev:after,
.pagination-nav .pagination .page-numbers.next:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(../images/lt.svg) no-repeat center / 1rem;
}
.pagination-nav .pagination .page-numbers.next:after {
	transform: rotate(180deg);
}
.pagination-nav .pagination .page-item .next {
	transform: rotate(180deg);
}
.pagination-nav .pagination .page-item.active {
  cursor: pointer;
}
.pagination-nav .pagination .page-item.selected,
.pagination-nav .pagination .page-numbers.current {
  border: 0.3rem solid transparent;
 background:
    linear-gradient(70.58deg, #fdf5e1 0%, #fdeccc 100%) padding-box,
    linear-gradient(70.58deg, #ECBB55 0%, #CC8C3D 100%) border-box;
}
.pagination-nav .pagination .page-item.inactive {
  opacity: 0.3;
}
@media (max-width: 575.98px) {
	.pagination-nav .pagination {
		gap: 1rem;
	}
}

input.theme-btn {
	padding: 1.54rem 4.175rem;
}
input.theme-btn:hover {
	box-shadow:inset 0 0 0 2px #DCA449;
}

.accordion .accordion-button {
  background: transparent;
}
.accordion .accordion-button:focus {
  box-shadow: none;
  outline: none;
}

.yt-vid {
  position: relative;
  height: 100%;
  width: 100%;
}
.yt-vid[data-id] {
  cursor: pointer;
}
.yt-vid iframe {
  width: 100%;
}
.yt-vid .thumbnail {
  width: 100%;
	height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.yt-vid .yt-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6.8rem;
  height: 4.8rem;
  background: url(../images/yt-play.svg) no-repeat center center;
  background-size: contain;
  transition: 0.3s;
}
.yt-vid .yt-overlay.small {
  width: 20%;
  max-width: 4.6rem;
  height: auto;
  aspect-ratio: 1.4375/1;
}

.pxl-container {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
}
.pxl-container .pxl-img-wrapper {
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.bg-grey {
  background-color: #f5f5f5;
}
.bg-f679 {
	background-color: #f6f7f9;
}
.bg-111 {
	background-color: #111111;
}
.bg-grad {
  background: var(--gradient);
}
.cta-block {
  background: #455780;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 3.2rem;
  gap: 2.4rem;
  margin-top: 1.2rem;
  border-radius: 1.2rem;
  text-align: center;
  position: relative;
  overflow: hidden;
  box-shadow: 0rem 0.5rem 0.5rem 0 rgba(18,28,39,0.2);
}
.cta-block::before,
.cta-block::after {
/* 	content: ""; */
	position: absolute;
	background: rgba(255,255,255,0.3);
	border-radius: 35%;
	width: 18%;
	height: auto;
	aspect-ratio: 1/1;
}
.cta-block::before {
	left: 0;
	top: 0;
	transform: translate(-45%, -54%);
}
.cta-block::after {
	right: 0;
	bottom: 0;
	transform: translate(45%, 54%);
}
.cta-block p {
	color: #fff;
	font-size: 2rem;
    font-family: 'roboto-700';
    font-weight: 700;
    line-height: 1.4;
}
.cta-block p span {
	background: var(--gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.cta-block .theme-btn {
  padding: 1.5rem 3.8rem;
  border-radius: 50rem;
}
.txt-primary {
	color: #121C27;
}

.theme-secondary-btn {
  padding: 0.8rem 2rem 0.8rem 0.8rem;
  display: flex;
  background-color: #fff;
  border-radius: 50rem;
  width: -moz-fit-content;
  width: fit-content;
  gap: 0.6rem;
  align-items: center;
  font-family: "roboto-500";
  font-weight: 500;
  line-height: 1.25;
  position: relative;
  z-index: 2;
  transition: all 0.3s ease;
}
.theme-secondary-btn::before {
  content: "";
  background-image: url(../images/right.png), var(--gradient);
  background-size: 1.6rem, 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: 3.2rem;
  height: 3.2rem;
  display: inline-block;
  border-radius: 50%;
  transition: inherit;
}
.theme-secondary-btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.1rem;
  background: var(--gradient);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
  border-radius: inherit;
  transition: inherit;
}

.sec-ttl .large-ttl {
  font-family: "eudoxus-700";
  font-weight: 700;
  font-size: 3.6rem;
  line-height: 1.39;
  letter-spacing: -0.032rem;
}
@media (max-width: 767.98px) {
  .sec-ttl .large-ttl {
    font-size: 3rem;
  }
}
.border-r-24 {
	border-radius: 2.4rem;
}
.blend-color-burn {
  mix-blend-mode: color-burn;
  -webkit-mix-blend-mode: color-burn; /* vendor-prefixed fallback */
}

.has-multi-bg {
	position: relative;
	background: rgba(18, 28, 39, 0.7) !important;
	display: flex;
	align-items: end;
}

.has-multi-bg .universal-bg-wrapper {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: -1;
	overflow: hidden;
}

.universal-bg-wrapper .bg-img-slider,
.universal-bg-wrapper .bg-img-slider *,
.universal-bg-wrapper .bg-vid {
	height: 100%;
	width: 100%;
}
.universal-bg-wrapper .bg-img-slider img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.universal-bg-wrapper .bg-vid video {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

body.home .has-multi-bg  {
  background: transparent;
}

body:not(.home) .has-multi-bg:has(.universal-bg-wrapper .bg-vid),
body:not(.home) .has-multi-bg:has(.universal-bg-wrapper .bg-embed-vid) {
	width: 100vw;
	height: 100vh;
	min-height: fit-content;
}
.hero-wrapper .hero-banner {
	pointer-events: none;
}
.hero-wrapper .hero-banner video,
.hero-wrapper .hero-banner iframe {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
}

.universal-bg-wrapper .bg-embed-vid {
	position: relative;
	width: 100%;
	height: 100%;
}

.universal-bg-wrapper .bg-embed-vid iframe {
	position: absolute;
	width: 100%;
	height: auto;
	aspect-ratio: 16/9;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

@media (max-width: 767.98px) {
	.has-multi-bg .universal-bg-wrapper .bg-embed-vid iframe {
		position: absolute;
		width: 177.78%;
		height: 100%;
	}
}

.has-multi-bg .universal-bg-wrapper .bg-img-slider img {
	object-fit: cover;
}
.scroll-top .progress-path {
	fill: #121c27;
	stroke: hsl(0, 0%, 100%);
	stroke-width: 4;
}

.scroll-top {
	position: fixed;
	bottom: 2rem;
	right: 4rem;
	display: block;
	width: 6rem;
	height: 6rem;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
	z-index: 1000;
	border-radius: 50%;
	z-index: 99;
}

.scroll-top.active {
	visibility: visible;
	opacity: 1;
	bottom: 4rem;
}

.scroll-top .icon {
	position: absolute;
	width: 60%;
	height: auto;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
/* common css */
@font-face {
  font-family: "roboto-400";
  src: url("../fonts/roboto-regular.woff2") format("woff2"), url("../fonts/roboto-regular.ttf") format("ttf");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "roboto-500";
  src: url("../fonts/roboto-medium.woff2") format("woff2"), url("../fonts/roboto-medium.ttf") format("ttf");
  font-display: auto;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
}
@font-face {
  font-family: "roboto-600";
  src: url("../fonts/roboto-semibold.woff2") format("woff2"), url("../fonts/roboto-semibold.ttf") format("ttf");
  font-display: auto;
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
}
@font-face {
  font-family: "roboto-700";
  src: url("../fonts/roboto-bold.woff2") format("woff2"), url("../fonts/roboto-bold.ttf") format("ttf");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}
@font-face {
  font-family: "roboto-800";
  src: url("../fonts/roboto-extrabold.woff2") format("woff2"), url("../fonts/roboto-extrabold.ttf") format("ttf");
  font-display: auto;
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
}
@font-face {
  font-family: "eudoxus-300";
  src: url("../fonts/eudoxus-light.woff2") format("woff2"), url("../fonts/eudoxus-light.ttf") format("ttf");
  font-display: auto;
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
}
@font-face {
  font-family: "eudoxus-400";
  src: url("../fonts/eudoxus-regular.woff2") format("woff2"), url("../fonts/eudoxus-regular.ttf") format("ttf");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "eudoxus-500";
  src: url("../fonts/eudoxus-medium.woff2") format("woff2"), url("../fonts/eudoxus-medium.ttf") format("ttf");
  font-display: auto;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
}
@font-face {
  font-family: "eudoxus-700";
  src: url("../fonts/eudoxus-bold.woff2") format("woff2"), url("../fonts/eudoxus-bold.ttf") format("ttf");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}
@font-face {
  font-family: "eudoxus-800";
  src: url("../fonts/eudoxus-extrabold.woff2") format("woff2"), url("../fonts/eudoxus-extrabold.ttf") format("ttf");
  font-display: auto;
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
}
@font-face {
  font-family: "quicksand-600";
  src: url("../fonts/quicksand-semibold.woff2") format("woff2"), url("../fonts/quicksand-semibold.ttf") format("ttf");
  font-display: auto;
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
}
@font-face {
  font-family: "anton-400";
  src: url("../fonts/anton-regular.woff2") format("woff2"), url("../fonts/anton-regular.ttf") format("ttf");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "publicsans-400";
  src: url("../fonts/publicsans-regular.woff2") format("woff2"), url("../fonts/publicsans-regular.ttf") format("ttf");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "publicsans-500";
  src: url("../fonts/publicsans-medium.woff2") format("woff2"), url("../fonts/publicsans-medium.ttf") format("ttf");
  font-display: auto;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
}
@font-face {
  font-family: "publicsans-600";
  src: url("../fonts/publicsans-semibold.woff2") format("woff2"), url("../fonts/publicsans-semibold.ttf") format("ttf");
  font-display: auto;
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
}
@font-face {
  font-family: "publicsans-700";
  src: url("../fonts/publicsans-bold.woff2") format("woff2"), url("../fonts/publicsans-bold.ttf") format("ttf");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}
@font-face {
  font-family: "publicsans-800";
  src: url("../fonts/publicsans-extrabold.woff2") format("woff2"), url("../fonts/publicsans-extrabold.ttf") format("ttf");
  font-display: auto;
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
}
@font-face {
  font-family: "inter";
  src: url("../fonts/inter-variablefont.woff2") format("woff2"), url("../fonts/inter-variablefont.ttf") format("ttf");
  font-display: auto;
  font-style: normal;
  font-weight: 100 900;
  font-optical-sizing: auto;
  font-stretch: normal;
}
@font-face {
  font-family: "poppins-700";
  src: url("../fonts/Poppins-Bold.woff2") format("woff2"), url("../fonts/Poppins-Bold.ttf") format("ttf");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  font-optical-sizing: auto;
  font-stretch: normal;
}
@font-face {
  font-family: "plus-jakarta-sans-600";
  src: url("../fonts/plusjakartasans-semibold.woff2") format("woff2"), url("../fonts/plusjakartasans-semibold.ttf") format("ttf");
  font-display: auto;
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
}
@font-face {
  font-family: "outfit-400";
  src: url("../fonts/Outfit-Regular.woff2") format("woff2"), url("../fonts/Outfit-Regular.ttf") format("ttf");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "outfit-600";
  src: url("../fonts/Outfit-SemiBold.woff2") format("woff2"), url("../fonts/Outfit-SemiBold.ttf") format("ttf");
  font-display: auto;
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
}
h1 {
  font-family: "eudoxus-400";
  font-style: normal;
  font-weight: 400;
  font-size: 3.8rem;
  line-height: 1.3;
  color: #ffffff;
}

h2 {
  font-family: "roboto-700";
  font-style: normal;
  font-weight: 700;
  font-size: 3rem;
  line-height: 1.2;
  color: #455780;
}

h3 {
  font-family: "eudoxus-400";
  font-style: normal;
  font-weight: 400;
  font-size: 3.8rem;
  line-height: 1.3;
  color: #ffffff;
}

h4 {
  font-family: "roboto-700";
  font-style: normal;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.5;
  color: #121c27;
}

h5 {
  font-family: "eudoxus-800";
  font-style: normal;
  font-weight: 800;
  font-size: 1.8rem;
  line-height: 1.44;
  color: #ffffff;
}

h6 {
  font-family: "roboto-400";
  font-style: normal;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.56;
  color: #ffffff;
}

/* Dummy Tags */
.dh1 {
  font-family: "eudoxus-400";
  font-style: normal;
  font-weight: 400;
  font-size: 3.8rem;
  line-height: 1.3;
  color: #ffffff;
}

.dh2 {
  font-family: "roboto-700";
  font-style: normal;
  font-weight: 700;
  font-size: 3rem;
  line-height: 1.2;
  color: #455780;
}

.dh3 {
  font-family: "eudoxus-400";
  font-style: normal;
  font-weight: 400;
  font-size: 3.8rem;
  line-height: 1.3;
  color: #ffffff;
}

.dh4 {
  font-family: "roboto-700";
  font-style: normal;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.5;
  color: #121c27;
}

.dh5 {
  font-family: "eudoxus-800";
  font-style: normal;
  font-weight: 800;
  font-size: 1.8rem;
  line-height: 1.44;
  color: #ffffff;
}

.dh6 {
  font-family: "roboto-400";
  font-style: normal;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.56;
  color: #ffffff;
}
/* Dummy Tags End */

p {
  font-family: "roboto-400";
  font-style: normal;
  font-weight: 400;
  font-size: 1.7rem;
  line-height: 1.56;
  color: #121c27;
}
@media (max-width: 767.98px) {
  p {
    font-size: 1.8rem;
  }
}
p b {
  font-family: "roboto-700";
  font-weight: 700;
}

.dp {
	font-family: "roboto-400";
  font-style: normal;
  font-weight: 400;
  font-size: 1.7rem;
  line-height: 1.56;
  color: #121c27;
}
@media (max-width: 767.98px) {
  .dp {
    font-size: 1.8rem;
  }
}
.dp b {
  font-family: "roboto-700";
  font-weight: 700;
}

span {
  font-family: inherit;
  font-style: normal;
  font-weight: inherit;
  font-size: inheritrem;
  line-height: inherit;
  color: inherit;
}

a {
  font-family: inherit;
  font-style: normal;
  font-weight: inherit;
  font-size: inheritrem;
  line-height: inherit;
  color: inherit;
}
.da {
  font-family: inherit;
  font-style: normal;
  font-weight: inherit;
  font-size: inheritrem;
  line-height: inherit;
  color: inherit;
}

/* typography css */
:root {
  --logo-width: 24.7rem;
  --header-height: -12.9035294rem;
  --n-header-height: calc(-1*var(--header-height));
}
@media (max-width: 575.98px) {
  :root {
    --logo-width: 16rem;
	--header-height: -9.66667rem;
  }
}


.preloader-bg,
#preloader {
	position: fixed;
	width: 100%;
	height: 200vh;
	overflow: hidden;
	background: #121c27;
	z-index: 10000009;
	opacity: 1;
	visibility: visible;
	transition: opacity 0.6s ease, visibility 0.6s ease;
	min-height: 100vh;
    min-width: 100vw;
	padding-bottom: 100vh;
/* 	animation: hide-preloader 12s forwards; */
}

#preloader {
	display: table;
	table-layout: fixed;
}

#preloader-status {
	display: table-cell;
	vertical-align: middle;
}

.preloader-logo {
	width: 8vw;
	min-width: 8rem;
	transform-style: preserve-3d;
	animation: flip-cycle 2.4s infinite ease-in-out;
	animation-delay: 0.2s;
}

@keyframes preloader-anim {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-15px);
	}
}
#preloader-status .spinner {
    background-image: #ffd83f;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
}

.spinner {
  width: 40px;
  height: 40px;

  border-radius: 100%;  
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}
@keyframes flip-cycle {
  0% {
    transform: rotateY(0deg); /* Start Front */
  }
  30% {
    transform: rotateY(180deg); /* Flip to Back */
  }
  50% {
    transform: rotateY(180deg); /* Stay on Back (Pause) */
  }
  80% {
    transform: rotateY(0deg); /* Flip Return to Front */
  }
  100% {
    transform: rotateY(0deg); /* Flip Return to Front */
  }
}

@keyframes hide-preloader {
    0%   { opacity: 1; visibility: visible; }
    95%  { opacity: 1; visibility: visible; }
    100% { opacity: 0; visibility: hidden; }
}

body:not(.home) header {
  background: transparent;
  backdrop-filter: none;
}
body.\34 04 header,
body.page-template-404-template header,
body.search header,
body.page-template-thank-you header {
  background: #121C27 !important;
}
body.home:not(.header-sticked) header,
body.visible-sides:not(.header-sticked) header{
	background: rgba(0,0,0,0.3) !important;
}
header {
  position: relative;
  background: #0000001A;
  background-repeat: no-repeat;
  background-size: cover;
  backdrop-filter: blur(0.3rem);
  z-index: 10;
}
header .top-bar {
  position: relative;
}
header .top-bar .top-head {
  width: calc(100% - var(--logo-width));
  gap: 2.6rem;
  padding: 0.7rem 0;
  background-color: #121C27;
}
header .top-bar .top-head .top-head-item {
  font-size: 1.4rem;
  color: #ffffff;
  gap: 0.8rem;
}
header .top-bar .top-head .top-head-item img {
  width: 1.2rem;
  transition: all 0.1s linear;
}
header .top-bar .top-head .top-head-item::after {
  content: "";
  position: absolute;
  top: 0;
  right: -1.3rem;
  width: 1px;
  height: 100%;
  background-color: #ffffff;
}
header .top-bar .top-head .top-head-item:hover {
  color: #cc8c3d;
}
header .top-bar .top-head .top-head-item:hover img {
  filter: invert(30%) sepia(15%) saturate(1676%) hue-rotate(352deg) brightness(100%) contrast(90%);
}
header .top-bar .top-head::before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  width: var(--logo-width);
  height: 100%;
  background: #121C27;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 92% 68%, 0 68%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 92% 68%, 0 68%);
  z-index: 1;
  box-shadow: 1px 0 0 rgb(18, 28, 39);
}
header .top-bar::before, header .top-bar::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background: #121C27;
  z-index: -1;
}
header .top-bar::before {
  left: 0;
  height: 68%;
}
header .main-header {
  padding: 1.2rem 0;
}
header .main-header .logo img {
  margin-top: -0.8rem;
  margin-bottom: 0.6rem;
  width: var(--logo-width);
}
header .main-header .navbar .nav {
  gap: 3rem 5rem;
  width: 100%;
}
header .main-header .navbar > .nav > .nav-item > .nav-link {
  font: 500 1.8rem/1.2 "roboto-500";
  color: #ffffff;
  padding: 0;
  position: relative;
  transition: all 0.3s linear;
}
header .main-header .navbar > .nav > .nav-item > .nav-link img {
  position: absolute;
  top: calc(100% + 3.4rem);
  left: 50%;
  width: 3.4rem;
  transform: translateX(-50%) rotate(-90deg);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 2;
}
header .main-header .navbar > .nav > .nav-item > .nav-link::before {
  content: "";
  position: absolute;
  bottom: -0.8rem;
  left: 0;
  width: 0;
  height: 2px;
  transition: all 0.3s linear;
  background: var(--gradient);
}
header .main-header .navbar > .nav > .nav-item:has(> .sub-menu) > .nav-link {
  padding-right: 2.2rem;
}
header .main-header .navbar > .nav > .nav-item:has(> .sub-menu) > .nav-link::after {
  content: "";
  position: absolute;
  top: 0.6rem;
  right: 0;
  width: 1.2rem;
  height: 1rem;
  background-image: url("../images/down-arrow.png");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  filter: brightness(0) invert(1);
  transition: all 0.3s linear;
}
 header .main-header .navbar > .nav > .nav-item.active > .nav-link {
  background: var(--gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
 header .main-header .navbar > .nav > .nav-item.active > .nav-link img {
  opacity: 1;
  visibility: visible;
}
 header .main-header .navbar > .nav > .nav-item.active > .nav-link::after {
  filter: none;
}
 header .main-header .navbar > .nav > .nav-item.active > .nav-link::before {
  width: 100%;
}
@media (min-width: 992px) {
	header .main-header .navbar > .nav > .nav-item:hover > .nav-link {
		background: var(--gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	}
	header .main-header .navbar > .nav > .nav-item:hover > .nav-link img {
		opacity: 1;
  visibility: visible;
	}
	header .main-header .navbar > .nav > .nav-item:hover > .nav-link::after {
		filter: none;
	}
	header .main-header .navbar > .nav > .nav-item:hover > .nav-link::before {
		width: 100%;
	}
  header .main-header .navbar .nav .nav-item:hover .sub-menu {
    opacity: 1;
    visibility: visible;
  }
}
@media (max-width: 991.98px) {
	header .main-header .navbar .nav .nav-item.active .sub-menu {
	opacity: 1;
    visibility: visible;
	}
}
header .main-header .actions-btns {
  gap: 2rem;
}
header .main-header .actions-btns .search-icons {
  width: 3rem;
  border: none;
  background-color: transparent;
}
header .main-header .actions-btns .search-popup {
  position: fixed;
  top: 0;
  left: 20%;
  width: 60%;
  height: 60%;
  backdrop-filter: blur(8px);
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transition: 0.3s all ease;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0,0,0,0.3)
}
header .main-header .actions-btns .search-popup.active {
  left: 0;
  opacity: 1;
  visibility: visible;
  width: 100vw;
  height: 100vh;
}

header .main-header .actions-btns .search-popup .search-popup-content {
  background: white;
  border-radius: 30rem;
  display: flex;
  gap: 1rem;
  align-items: center;
  width: 60%;
  padding: 1rem 1rem 1rem 3rem;
  opacity:0;
  transform: translateY(-60%);
  transition: 0.4s all ease;
  transition-delay: 0.2s;
}
header .main-header .actions-btns .search-popup.active .search-popup-content {
  opacity: 1;
  transform: translateY(0);
}
header .main-header .actions-btns .search-popup .search-popup-content form {
	width: 100%;
	display: flex;
}
header .main-header .actions-btns .search-popup .search-popup-content .form-control {
	border: none;
}
header .main-header .actions-btns .search-popup .close-btn {
  position: absolute;
  top: 4rem;
  right: 4rem;
  height:4.8rem;
  width:4.8rem;
  border:none;
  border-radius: 0.8rem;
  background-color: rgb(170, 199, 229);
}
header .main-header .actions-btns .search-popup .close-btn img {
	width: 2.3rem;
}
header .main-header .actions-btns .search-popup .search-popup-content .search-submit-btn {
  border-radius: 50%;
  padding: 1rem;
}
header .main-header .actions-btns .search-popup .search-popup-content .search-submit-btn img {
	width: 3rem;
}
header .main-header .actions-btns .search-popup .search-popup-content .search-submit-btn:hover img {
	filter: brightness(0);
}
@media (max-width:767.98px) {
	header .main-header .actions-btns .search-popup .search-popup-content {
		width: 80%;
	}
	header .main-header .actions-btns .search-popup .close-btn {
		top: 2rem;
		right: 2rem;
	}
}
header .main-header .actions-btns .theme-btn {
  padding: 0.8rem 1.6rem;
}
header .main-header .navbar .backbtn {
	transform: translateY(-80%);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
}
header .main-header .navbar .backbtn img {
	transform: rotate(-135deg);
}
@media (max-width: 991.98px) {
  header .main-header .navbar {
    position: fixed !important;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100vh;
    padding: 8.8rem 0;
    display: flex;
    background-color: #121c27;
    z-index: 2;
    transition: all 0.3s linear;
  }
  header .main-header .navbar > .nav {
    gap: 3rem;
    width: 20%;
	padding: 2rem;
	margin-top: 8rem;
	align-self: start;
  }
  header .main-header .navbar > .nav > .nav-item {
	width: 100%;
  }
  header .main-header .navbar > .nav > .nav-item > .nav-link {
    font-size: 2.6rem;
    color: #ffffff;
	max-width: 15rem;
    margin: 0 auto;
  }
  header .main-header .navbar > .nav > .nav-item.active > .nav-link {
    font-size: 2.6rem;
	  line-height: 1.57;
  }
	header .main-header .navbar > .nav > .nav-item:has(> .sub-menu) > .nav-link::after {
		top: 50%;
		transform: rotate(-90deg) translatex(50%);
	}
	header .main-header .navbar > .nav > .nav-item.active > .nav-link::after {
		transform: rotate(-90deg) translate(50%,60%);
	}
	header .main-header .navbar > .nav > .nav-item > .nav-link img {
/* 		left: unset;
		right: -5.2rem;
		top: 50%;
		transform: translateY(-50%)
			rotate(180deg); */
		display: none;
	}
  header .main-header .navbar > .nav > .nav-item:last-child {
    margin-left: 0;
  }
  header .main-header .navbar > .nav > .nav-item:last-child > .nav-link {
    font-size: 2.6rem;
	  line-height: 1.57;
  }
  header .main-header .navbar.active {
    left:0;
  }
  header .main-header .navbar .close,
  header .main-header .navbar .backbtn	{
    position: absolute;
    width: 4.8rem;
    height: 4.8rem;
    top: 2rem;
    border-radius: 0.8rem;
    background-color: rgb(170, 199, 229);
  }
  header .main-header .navbar .close {
  	right: 2rem;
  }
  header .main-header .navbar .backbtn {
	left: 2rem;
  }
  header .main-header .navbar .close img,
  header .main-header .navbar .backbtn img {
    width: 2.3rem;
  }
  header .main-header .actions-btns .theme-btn {
    font-size: 1.8rem;
  }
  header .main-header .burger-menu {
    width: 3.75rem;
    height: 3.75rem;
    background: var(--gradient);
    border-radius: 0.4rem;
  }
  header .main-header .burger-menu img {
    width: 2rem;
  }
}
@media (max-width:767.98px) {
	header .main-header .navbar > .nav {
		width: 25%;
	}
}
@media (max-width: 575.98px) {
  header .top-bar .top-head::before {
    height: 2.8rem;
  }
  header .main-header .actions-btns {
    gap: 1.2rem 1rem;
  }
	header .main-header .navbar > .nav {
		width: 100%;
		transition: all 0.3s ease;
	}
	header .main-header .navbar > .nav > .nav-item > .nav-link {
		margin-left: 2rem;
	}
	header .main-header .navbar > .nav > .nav-item > .nav-link img {
		display: none;
	}
	header .main-header .navbar > .nav:has(> .nav-item.active) {
		transform: translateX(-100%);
	}
	header .main-header .navbar:has(.nav > .nav-item.active) .backbtn {
		transform: none;
		opacity: 1;
		visibility: visible;
	}
}

.sub-menu {
  position: absolute;
  left: 0;
  width: 100%;
  padding-top: 6.4rem;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
@media (min-width: 992px) {
	.sub-menu::after {
		z-index: -1;
		content: "";
		position: fixed;
		top: calc(-1 * var(--header-height));
		left: 0;
		width: 100vw;
		height: calc(100vh + var(--header-height));
		background: rgba(0, 0, 0, 0.3);
		pointer-events: none;
	}
}
.sub-menu .sub-contain {
  background-color: #f5f5f5;
  border-radius: 0.6rem;
  overflow: hidden;
  --bs-gutter-x: 0;
}
.sub-menu .sub-contain .menus {
  padding: 2rem;
}
.sub-menu .sub-contain .menus .main-ttl {
  max-width: 50rem;
  gap: 3rem;
  padding: 1rem 1rem 3.5rem 1rem;
}
.sub-menu .sub-contain .menus .main-ttl .logo {
  width: auto;
  height: 8.7rem;
}
.sub-menu .sub-contain .menus .main-ttl .dh5 {
  font-family: "eudoxus-700";
  color: #121c27;
  padding-bottom: 1.2rem;
}
.sub-menu .sub-contain .menus .main-ttl .next-btn {
  width: 4.6rem;
  height: 4.6rem;
  border-radius: 100%;
  background: var(--gradient);
  transition: all 0.3s linear;
}
.sub-menu .sub-contain .menus .main-ttl .next-btn img {
  width: 2.8rem;
}
.sub-menu .sub-contain .menus .main-ttl .next-btn:hover {
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.06);
}
.sub-menu .sub-contain .menus .main-ttl .next-btn.has-popup-card {
  position: relative;
}
.sub-menu .sub-contain .menus .main-ttl .next-btn.has-popup-card .popup-card {
  position: absolute;
  left: 100%;
  top: 0;
  padding: 1.6rem;
  width: 28rem;
  background: #fff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
  border-radius: 0.4rem;
  margin-left: 1.2rem;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  transform: translateX(-1.2rem);
}
.sub-menu .sub-contain .menus .main-ttl .next-btn.has-popup-card .popup-card .card-ttl {
  font-family: "eudoxus-700";
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.44;
  color: #121c27;
  margin-bottom: 1.2rem;
}
@media (max-width: 991.98px) {
  .sub-menu .sub-contain .menus .main-ttl .next-btn.has-popup-card .popup-card {
    display: none;
  }
}
.sub-menu .sub-contain .menus .main-ttl .next-btn.has-popup-card:hover .popup-card {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.sub-menu .sub-contain .menus .menu {
  gap: 1.6rem;
}
.sub-menu .sub-contain .menus .menu li {
  width: calc(33.33% - 1.1rem);
}
.sub-menu .sub-contain .menus .menu li .nav-link {
  background-color: #ffffff;
	color: #000000;
  border-radius: 0.6rem;
  padding: 0.8rem;
  display: flex;
  align-items: center;
  gap: 1.4rem;
  transition: all 0.3s linear;
}
.sub-menu .sub-contain .menus .menu li .nav-link .menu-image {
  width: 4.5rem;
  height: 4.5rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.sub-menu .sub-contain .menus .menu li .nav-link span {
  font: 500 1.4rem/1.28 "roboto-500";
  padding-left: 0;
  margin-bottom: -0.2rem;
}
.sub-menu .sub-contain .menus .menu li .nav-link:hover {
  color: #455780;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.06);
}
.sub-menu .sub-contain .highlight {
  padding: 2.6rem;
}
.sub-menu .sub-contain .highlight img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.sub-menu .sub-contain .highlight .dh4 {
  color: #455780;
  padding-bottom: 0.8rem;
}
.sub-menu .sub-contain .resources-list .nav-link,
.sub-menu .sub-contain .tab-link {
	color: #121C27;
}
.sub-menu .sub-contain .resources-list .menu-image,
.sub-menu .sub-contain .tab-icon {
  height: 3.4rem;
  width: 3.4rem;
  margin-right: 1.4rem;
  filter: brightness(0%) saturate(100%) invert(8%) sepia(6%) hue-rotate(185deg);
}
.sub-menu .sub-contain .resources-list .nav-link:hover,
.sub-menu .sub-contain .resources-list .nav-link.active,
.sub-menu .sub-contain .tab-link:hover,
.sub-menu .sub-contain .tab-link.active {
  background: var(--gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.sub-menu .sub-contain .resources-list .nav-link:hover .menu-image,
.sub-menu .sub-contain .resources-list .nav-link.active .resource-icon,
.sub-menu .sub-contain .tab-link:hover .tab-icon,
.sub-menu .sub-contain .tab-link.active .tab-icon {
  filter: none;
}

.sub-menu-resources {
  background-color: transparent;
}
@media (min-width:992px) {
  .sub-menu-resources .sub-contain {
    width: 65%;
  }
}
.sub-menu-resources .sub-contain .insight-hub {
  padding: 2.6rem 3.6rem 1.2rem 3.1rem;
}
.sub-menu-resources .sub-contain .insight-hub .dh4 {
  position: relative;
  display: inline-block;
  margin-bottom: 2rem;
}
.sub-menu-resources .sub-contain .insight-hub .dh4::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  height: 2px;
  width: 8rem;
  background: var(--gradient);
}
.sub-menu-resources .sub-contain .insight-hub .next-btn {
  width: 4.6rem;
  height: 4.6rem;
  border-radius: 100%;
  background: var(--gradient);
  transition: all 0.3s linear;
  margin-top: 2.5rem;
}
.sub-menu-resources .sub-contain .insight-hub .next-btn img {
  width: 2.8rem;
}
.sub-menu-resources .sub-contain .insight-hub .next-btn:hover {
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.06);
}
.sub-menu-resources .sub-contain .resources-list {
  padding: 2.6rem 1.6rem;
  background-color: #ededed;
}

.sub-menu-about {
  background-color: transparent;
}
@media (min-width:992px) {
	.sub-menu-about .sub-contain {
  width: 63%;
}
}
.sub-menu-about .sub-contain .tab-content {
  padding: 3rem 4.8rem;
}
.sub-menu-about .sub-contain .tab-content .tab-pane .dh4 {
  position: relative;
  display: inline-block;
  margin-bottom: 2rem;
}
.sub-menu-about .sub-contain .tab-content .tab-pane .dh4::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  height: 2px;
  width: 8rem;
  background: var(--gradient);
}
.sub-menu-about .sub-contain .tab-content .tab-pane hr {
  transform: translateX(-4.8rem);
  width: calc(100% + 4.8rem);
  color: #000000;
  opacity: 0.1;
}
.sub-menu-about .sub-contain .tab-nav {
  background-color: #ededed;
  padding: 4.2rem 0 4.2rem 2.6rem;
  gap: 1.3rem;
}

@media (max-width:991.98px) {
  .sub-menu {
	width: 80%;
	max-height: calc(100% - 8rem);
	top: 8rem;
	left: 20%;
	overflow-y: auto;
	padding: 0;
  }
  .sub-menu .sub-contain .menus .menu li {
  	width: calc(50% - 1.1rem);
  }
}
@media (max-width:767.98px) {
	.sub-menu {
		width: 75%;
		left: 25%;
	}
}
@media (max-width:575.98px) {
	.sub-menu {
		top:0;
		max-height: calc(100vh - 8rem);
		width: 100%;
		left:100%;
	}
}
@media (max-width:374.98px) {
	.sub-menu .sub-contain .menus .menu li {
  	width: calc(100% - 1.1rem);
  }
	header .main-header .actions-btns .theme-btn {
		font-size: 1.4rem;
		padding: 1rem;
	}
}
.header-setter {
  padding: 6.3rem;
}
.title-wrapper.header-setter,
.title-wrapper .header-setter{
	background: #121c27;
}

/* header css */
footer {
  background-color: #111111;
}
footer .footer-main .logo img {
  width: 24.7rem;
  margin-bottom: 4.6rem;
}
footer .footer-main .dh5 {
  font-family: "eudoxus-700";
  color: #ffffff;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 1.2rem;
  margin-bottom: 3rem;
}
footer .footer-main .dh5::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 7.4rem;
  height: 2px;
  background: var(--gradient);
}
footer .footer-main .contact-info {
  gap: 1.8rem;
  padding-bottom: 2.4rem;
}
footer .footer-main .contact-info img {
  width: 2.4rem;
}
footer .footer-main .contact-info a {
  font: 500 1.6rem/1.25 "roboto-500";
  color: #ffffff;
}
footer .footer-main .contact-info a:hover {
  background: var(--gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
footer .footer-main .social-icon {
  gap: 2.4rem;
  padding-top: 2rem;
}
footer .footer-main .social-icon .icon-item img,
footer .footer-main .social-icon .icon-item img[alt=youtube] {
  height: 1.6rem;
  filter: invert(30%) sepia(15%) saturate(1676%) hue-rotate(352deg) brightness(100%) contrast(90%);
}
footer .footer-main .social-icon .icon-item:hover img {
  filter: none !important;
}
footer .footer-main .menu {
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  margin: -1rem 0;
}
footer .footer-main .menu li {
  position: relative;
  padding: 1rem 0 1rem 2.4rem;
  transition: all 0.2s linear;
}
footer .footer-main .menu li a {
  display: inline-block;
  color: #ffffff;
}
footer .footer-main .menu li::after {
  content: "";
  position: absolute;
  top: 1.5rem;
  left: 0;
  width: 1.4rem;
  height: 1.4rem;
  background-image: url("../images/arrow-g.png");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}
footer .footer-main .menu li:hover {
  transform: translateX(0.5rem);
}
footer .footer-main .menu li:hover a {
  background: var(--gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
footer .footer-main .insight p {
  font-size: 1.4rem;
  color: #ffffff;
}
footer .footer-main form {
  padding-top: 4rem;
}
footer .footer-main form .wpcf7-form-control-wrap input {
  width: 100%;
  border: none;
  border-radius: 0.4rem;
  padding: 1.3rem 1.6rem 1.1rem;
}
footer .footer-main form .theme-btn {
  margin-top: 1rem;
  width: 100%;
}
footer .footer-main form .theme-btn input {
  width: 100%;
  border: none;
  background: transparent;
  color: #ffffff;
  padding: 1.5rem;
}
footer .footer-main form .theme-btn input:hover {
  color: #121c27;
}
footer .copyright {
  gap: 2rem 0;
  padding: 2.6rem 0;
  border-top: 1px solid rgba(87, 129, 145, 0.2);
}
footer .copyright ul {
  gap: 2rem;
}
footer .copyright ul li {
  position: relative;
  padding-left: 1.8rem;
}
footer .copyright ul li a {
  color: #ffffff;
	font-size: 1.4rem;
}
@media (max-width: 1199.98px) {
	footer .copyright ul {
		gap: 1.4rem;
	}
}
@media (min-width: 768px) and (max-width: 991.98px) {
	footer .copyright ul {
		flex-wrap: wrap;
	}
}
@media (max-width: 575.98px) {
	footer .copyright ul {
		flex-wrap: wrap;
	}
}
@media (max-width: 767.98px) {
	footer .copyright ul li a {
		font-size: 1.6rem;
	}
}
footer .copyright ul li a:hover,
footer .copyright ul li a:focus {
  background: var(--gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
footer .copyright ul li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.6rem;
  height: 0.6rem;
  background: var(--gradient);
  border-radius: 100%;
  transform: translateY(-50%);
}
footer .copyright .copyright-nav-link:hover {
  background: linear-gradient(-70.58deg, #ecbb55 0%, #cc8c3d 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
footer .copyright p {
  font-family: "roboto-500";
  color: #ffffff;
}
@media (max-width: 991.98px) {
  footer .footer-main {
    gap: 6rem 0;
    align-items: center;
  }
  footer .footer-main .social-icon {
    padding-top: 1rem;
  }
  footer .footer-main .menu li::after {
    top: 1.6rem;
    width: 1.6rem;
    height: 1.6rem;
  }
  footer .footer-main .insight p {
    font-size: 1.6rem;
  }
  footer .copyright h6 {
    font-size: 1.4rem;
  }
}

/* footer css */
/* layout css */
.hero-wrapper {
  background: #121c27;
  --hero-height: 63rem;
  height: calc(var(--hero-height) - var(--header-height));
  margin-top: var(--header-height);
}
.hero-wrapper .hero-banner {
  opacity: 1;
}
.hero-wrapper .hero-banner img {
  height: calc(var(--hero-height) - var(--header-height));
}
.hero-wrapper .hero-content {
  position: absolute;
  top: 50%;
  right: 0;
  max-width: 68rem;
  transform: translateY(calc(-50% - var(--header-height) / 2));
  padding: 4rem 4rem 10rem;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1;
}
.hero-wrapper .hero-content h1,
.hero-wrapper .hero-content .ttl-slider {
  position: initial;
}
.hero-wrapper .hero-content .ttl-slider {
  font-size: 3.8rem;
}
.hero-wrapper .hero-content .ttl-slider strong {
  font-family: "eudoxus-700";
  display: block;
  background: linear-gradient(70.58deg, #ecbb55 0%, #cc8c3d 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hero-wrapper .hero-content p {
  color: #ffffff;
}
.hero-wrapper .hero-content .btns {
  padding: 3rem 0 1.6rem;
  gap: 2rem;
}
.hero-wrapper .hero-content blockquote {
  color: #ffffff;
}
.hero-wrapper .hero-content::before {
  content: "";
  position: absolute;
  top: -0.5rem;
  left: 0;
  width: 100%;
  height: 0.5rem;
  background: var(--gradient);
}
.hero-wrapper .hero-content .slick-arrow {
  top: auto;
  left: 4.4rem;
  bottom: -2rem;
  width: 6rem;
  height: 6rem;
  background: var(--gradient);
  transform: none;
}
.hero-wrapper .hero-content .slick-arrow::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/right.png");
  background-size: 3rem;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 1;
}
.hero-wrapper .hero-content .slick-arrow.slick-prev {
  left: -2rem;
}
.hero-wrapper .hero-content .slick-arrow.slick-prev::before {
  transform: rotate(180deg);
}
@media (min-width: 992px) and (max-width: 1199.98px) {
	.hero-wrapper {
		--hero-height: 52rem;
	}
}
@media (max-width: 991.98px) {
	.hero-wrapper {
		height: auto;
		--header-height: -10.6rem;
	}
  .hero-wrapper .hero-content {
    max-width: 52rem;
    padding: 1.8rem 1.8rem 4rem;
  }
  .hero-wrapper .hero-content h1 {
    font-size: 2.8rem;
  }
	.hero-wrapper .hero-content .ttl-slider {
		font-size: 3rem;
	  }
  .hero-wrapper .hero-content .btns {
    padding: 1.6rem 0;
  }
  .hero-wrapper .hero-content .btns .theme-btn {
    padding: 1.6rem 2rem;
  }
  .hero-wrapper .hero-content .slick-arrow {
    left: 3.4rem;
    width: 4.6rem;
    height: 4.6rem;
  }
	.hero-wrapper .hero-banner img {
		height: auto;
		aspect-ratio: 2.37/1;
		min-height: 52rem;
	}
}
@media (max-width: 767.98px) {
  .hero-wrapper .hero-content .btns .theme-btn {
    padding: 2rem 2rem 1.6rem;
  }
	
	.hero-wrapper .hero-banner img {
		min-height: 50rem;
	}
	.hero-wrapper .hero-content {
		max-width: 56rem;
		padding: 1.4rem 1.4rem 3.6rem;
	  }
	.hero-wrapper .hero-content .slick-arrow {
		left: 3.2rem;
		width: 3.6rem;
		height: 3.6rem;
		bottom: -1rem;
	}
	.hero-wrapper .hero-content .slick-arrow.slick-prev {
		left: -1.4rem;
	}
}
@media (max-width: 575.98px) {
  .hero-wrapper {
    --hero-height: auto;
	--header-height: -7rem;
  }
	.hero-wrapper .hero-banner img {
		min-height: auto;
	}
  .hero-wrapper .hero-banner img {
    aspect-ratio: 2.73073 / 1;
    min-height: 32rem;
  }
  .hero-wrapper .hero-content {
    position: relative;
    transform: none;
    width: 100%;
    max-width: 100%;
    z-index: 0;
	padding: 2rem 2rem 6.8rem;
  }
  .hero-wrapper .hero-content h1 {
    font-size: 3.2rem;
  }
  .hero-wrapper .hero-content .btns .theme-btn {
    padding-top: 1.6rem;
  }
  .hero-wrapper .hero-content .slick-arrow {
    width: 4rem;
    height: 4rem;
    bottom: calc(100% + 1.6rem);
    right: 1.2rem;
    left: auto;
  }
  .hero-wrapper .hero-content .slick-arrow::before {
    background-size: 2.6rem;
  }
  .hero-wrapper .hero-content .slick-arrow.slick-prev {
    right: 6rem;
    left: auto;
  }
}
@media (max-width: 424.98px) {
	.hero-wrapper .hero-banner img {
		min-height: 34rem;
	 }
}
@media (min-width: 1440px) {
	.hero-wrapper,
	.hero-wrapper .hero-banner img{
		height: auto;
		aspect-ratio: 2.37037/1;
	}
}

.counter-wrapper {
  background-color: #F6F7F9;
  border-bottom: 1px solid #F6F7F9;
}
.counter-wrapper .counter-sec .experience .banner-man {
  background-color: #ecbb55;
  transform: skewX(-8deg);
}
.counter-wrapper .counter-sec .experience .banner-man .banner {
  width: 13rem;
  height: 11.5rem;
  opacity: 0.2;
}
.counter-wrapper .counter-sec .experience .banner-man .man {
  position: absolute;
  bottom: 0;
  left: 6rem;
  height: 17rem;
  width: auto;
  z-index: 1;
  transform: skewX(8deg);
}
.counter-wrapper .counter-sec .experience .exp-data {
  padding-left: 8.6rem;
}
@media (min-width:768px) and (max-width:991.98px) {
	.counter-wrapper .counter-sec .experience .exp-data {
		align-items: start !important;
		gap: 0 !important;
		flex-direction: column;
	}
}
.counter-wrapper .counter-sec .experience .exp-data .exp-year {
  font: 800 5.2rem/1.2 "roboto-800";
  background: var(--gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.counter-wrapper .counter-sec .experience .exp-data p {
  text-transform: uppercase;
  font-family: "roboto-500";
  line-height: 1.2;
  margin-bottom: -0.5rem;
}
.counter-wrapper .counter-sec .experience .exp-data p span {
  display: block;
  font-family: "roboto-700";
  font-size: 3.8rem;
}
.counter-wrapper .counter-sec .experience::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  transform: skewX(-8deg);
}
.counter-wrapper .counter-sec .counters .counter h3 .counter-ttl {
  font-family: "eudoxus-800";
  background: var(--gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-bottom: 0.4rem;
}
.counter-wrapper .counter-sec .counters .counter p {
  font-family: "roboto-500";
  text-transform: uppercase;
  line-height: 1.25;
  padding-top: 0.2rem;
  color: #121c27;
}
@media (max-width: 991.98px) {
	.counter-wrapper .counter-sec .counters .counter p {
		font-size: 1.6rem;
	}
}
@media (max-width: 575.98px) {
  .counter-wrapper .counter-sec .counters .counter h3 .counter-ttl {
    font-size: 3.2rem;
  }
  .counter-wrapper .counter-sec .experience .exp-data .exp-year {
    font-size: 3.8rem;
  }
  .counter-wrapper .counter-sec .experience .exp-data p {
    font-size: 1.5rem;
  }
  .counter-wrapper .counter-sec .experience .exp-data p span {
    font-size: 2.4rem;
  }
}

.client-wrapper .sec-ttl p {
  font-family: "inter";
  font-size: 1.8rem;
  line-height: 1.33;
  color: #1C2C51;
}
.client-wrapper .client .slick-list .slick-track {
  display: flex;
  align-items: center;
  gap: 7.8rem;
}
.client-wrapper .client img {
  max-width: 9rem;
  max-height: 9rem;
  -o-object-fit: contain;
     object-fit: contain;
	background-color: #fff;
    padding: 6px;
}
.client-wrapper .client.reverse-slider {
  transform: scaleX(-1);
}
.client-wrapper .client.reverse-slider img {
  transform: scaleX(-1);
}
@media (max-width: 575.98px) {
  .client-wrapper .client .slick-list .slick-track {
    gap: 6rem;
  }
}

.solutions-wrapper {
  background-color: #121c27;
}
.solutions-wrapper .sec-ttl h2 {
  color: #ffffff;
}
.solutions-wrapper .sort-data p,
.solutions-wrapper .sec-ttl p{
  color: #ffffff;
}
.solutions-wrapper .solutions {
  --bs-gutter-x: 1.6rem;
  --bs-gutter-y: 3rem;
}
.solutions-wrapper .solutions .card {
  height: 100%;
  border-radius: 1rem;
  border: none;
  padding: 3.6rem 3.6rem 8rem 3.6rem;
}
.solutions-wrapper .solutions .card .dh3 {
	font-family: "roboto-700";
	font-size: 2.4rem;
	color: #121C27;
	line-height: 1.5;
	font-weight: 700;
}
.solutions-wrapper .solutions .card .card-img img {
  height: 7rem;
  width: auto;
  margin-bottom: 2.6rem;
}
.solutions-wrapper .solutions .card p {
  padding-top: 1.6rem;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.solutions-wrapper .solutions .card p b {
  font-family: "roboto-700";
}
.solutions-wrapper .solutions .card .card-arrow {
  position: absolute;
  bottom: 0;
  right: 0;
  border-width: 1rem 0 0 1rem;
  border-style: solid;
  background-color: #121c27;
  border-top-left-radius: 1rem;
}
.solutions-wrapper .solutions .card .card-arrow a {
  width: 6.6rem;
  height: 6.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--gradient);
  border-radius: 1rem;
  transition: all 0.3s linear;
}
.solutions-wrapper .solutions .card .card-arrow a img {
  width: 4rem;
  height: 4rem;
  transition: all 0.3s linear;
}
.solutions-wrapper .solutions .card .card-arrow::after, .solutions-wrapper .solutions .card .card-arrow::before {
  content: "";
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0 0 1.2rem 0;
  background-color: #ffffff;
  top: -2.5rem;
  right: 0rem;
  box-shadow: 2px 5px 0 #121c27;
}
.solutions-wrapper .solutions .card .card-arrow::before {
  top: auto;
  right: auto;
  bottom: 0;
  left: -2.5rem;
}
.solutions-wrapper .solutions .card .card-arrow:not(:hover) a {
  background: #ffffff;
}
.solutions-wrapper .solutions .card .card-arrow:not(:hover) a img {
  filter: invert(1);
  transform: rotate(-45deg);
}
@media (max-width: 767.98px) {
  .solutions-wrapper .solutions .card {
    padding: 3rem 3rem 7rem 3rem;
  }
  .solutions-wrapper .solutions .card .card-img img {
    height: 6rem;
    margin-bottom: 2.6rem;
  }
  .solutions-wrapper .solutions .card .card-arrow a {
    width: 5.6rem;
    height: 5.6rem;
  }
  .solutions-wrapper .solutions .card .card-arrow a img {
    width: 3rem;
  }
}
@media (max-width: 575.98px) {
  .solutions-wrapper .solutions {
    --bs-gutter-y: 1.6rem;
  }
  .solutions-wrapper .solutions .card .card-arrow::before {
    width: 1.6rem;
    height: 1.6rem;
  }
}

.about-wrapper .sort-data h3 {
  font-family: "roboto-400";
}
.about-wrapper .sort-data h3 b,
.about-wrapper .sort-data h3 strong {
  font-family: "roboto-800";
}
.about-wrapper .sort-data blockquote {
  padding-top: 1.2rem;
  max-width: 36rem;
}
.about-wrapper .blurb {
  gap: 3rem 0;
}
.about-wrapper .blurb .blurb-img .blurb-banner {
  border-radius: 1rem;
  aspect-ratio: 1/0.746;
}
.about-wrapper .blurb .blurb-img .blurb-client {
  max-width: calc(100% - 10rem);
  margin: -5rem auto 0;
  padding: 1.6rem 0;
  border-radius: 1rem;
  border: 1px solid transparent;
  background-image: linear-gradient(#ffffff, #ffffff), var(--gradient);
  background-origin: border-box;
  background-clip: padding-box, border-box;
	position: relative;
	display: flex;
	justify-content: space-between;
}
.about-wrapper .blurb .blurb-img .blurb-client .slick-list .slick-track {
  display: flex;
  align-items: center;
  gap: 4rem;
}
.about-wrapper .blurb .blurb-img .blurb-client img {
  max-width: 9rem;
  max-height: 6.6rem;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 768px) and (max-width: 991.98px) {
 .about-wrapper .blurb .blurb-img .blurb-client {
  max-width: calc(100% - 5rem);
	}
 .about-wrapper .blurb .blurb-img .blurb-client img {
  max-width: 6rem;
  max-height: 4.4rem;
	}
}
@media (max-width: 575.98px) {
 .about-wrapper .blurb .blurb-img .blurb-client {
  max-width: calc(100% - 5rem);
	}
}
@media (max-width: 425.98px) {
 .about-wrapper .blurb .blurb-img .blurb-client img {
  max-width: 6rem;
  max-height: 4.4rem;
	}
}
.about-wrapper .blurb .blurb-content p b,
.about-wrapper .blurb .blurb-content p strong {
  font-family: "roboto-700";
  color: #455780;
}
.about-wrapper .blurb .blurb-content ul {
  font: 700 1.6rem/1.44 "eudoxus-700";
  color: #455780;
  padding: 2rem 0;
}
.about-wrapper .blurb .blurb-content ul li {
  padding-left: 3.2rem;
  padding-bottom: 1.2rem;
  position: relative;
}
.about-wrapper .blurb .blurb-content ul li::before {
  content: "";
  position: absolute;
  top: 0.2rem;
  left: 0;
  width: 2rem;
  height: 2rem;
  background-image: url("../images/check.png");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}
.about-wrapper .blurb .blurb-content ul li:last-child {
  padding-bottom: 0;
}
.about-wrapper .blurb .blurb-content .blurb-btn .theme-btn {
  padding: 2rem;
}
@media (max-width: 767.98px) {
  .about-wrapper .sort-data blockquote {
    max-width: none;
  }
  .about-wrapper .blurb .blurb-content ul {
    font-size: 1.8rem;
  }
  .about-wrapper .blurb .blurb-content ul li {
    padding-left: 3.6rem;
  }
  .about-wrapper .blurb .blurb-content ul li::before {
    width: 2.2rem;
    height: 2.2rem;
  }
}
.pills-wrapper {
  background-color: #f6f7f9;
}
.pills-wrapper .pills-cate {
  gap: 1.8rem;
}
.pills-wrapper .pills-cate .pills-item {
  border: 1px solid #D3D5D6;
  border-radius: 10rem;
  padding: 0.8rem 2.2rem 0.8rem 0.8rem;
  transition: all 0.3s linear;
}
.pills-wrapper .pills-cate .pills-item .pills-img {
  width: 5.2rem;
  height: 5.2rem;
  border-radius: 100%;
  overflow: hidden;
}
.pills-wrapper .pills-cate .pills-item .pills-img img {
  height: 100%;
  transition: all 0.3s linear;
}
.pills-wrapper .pills-cate .pills-item:hover {
  border-color: #455780;
}
.pills-wrapper .pills-cate .pills-item:hover .pills-img img {
  transform: scale(1.1);
}

.case-study-wrapper {
  background-color: #121c27;
}
.case-study-wrapper .sec-ttl p {
	color: #fff;
}
@media (min-width: 768px) {
	.case-study-wrapper .case-study-ttl {
	padding-left : 18rem;
	padding-right : 18rem;
}
}
.case-study-wrapper .case-study-ttl .arrow-btn {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.case-study-wrapper .case-study {
  --bs-gutter-x: 0;
}
.case-study-wrapper .case-study .col {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.case-study-wrapper .case-study .col:first-child .case-item .case-banner {
  opacity: 1;
}
@media (min-width: 700px) and (max-width:991.98px) {
	.case-study-wrapper .case-study .col:last-child {
		display: none;
	}
}
.case-study-wrapper .case-study .case-item {
  min-height: 46rem;
  background-color: rgba(0, 0, 0, 0.4);
  transition: all 0.5s linear;
}
.case-study-wrapper .case-study .case-item .case-banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  transition: all 0.5s linear;
}
.case-study-wrapper .case-study .case-item .case-content {
  padding: 3rem 2.6rem 2rem;
  transform: translateY(6rem);
  transition: all 0.3s linear;
}
.case-study-wrapper .case-study .case-item .case-content h3 {
  font-family: "eudoxus-700";
  font-size: 2rem;
  padding-bottom: 1.2rem;
  color: #ffffff;
}
.case-study-wrapper .case-study .case-item .case-content p {
  font-size: 1.4rem;
  color: #ffffff;
}
.case-study-wrapper .case-study .case-item .case-content .arrow {
  width: 4.4rem;
  height: 4.4rem;
  display: block;
  margin: 2rem auto 0;
}
.case-study-wrapper .case-study .case-item .case-content .arrow img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  filter: invert(1);
}
@media (min-width: 700px) {
  .case-study-wrapper .case-study .case-item:hover .case-banner {
    opacity: 1;
  }
  .case-study-wrapper .case-study .case-item:hover .case-content {
    transform: translateY(0);
    background-color: #ffffff;
  }
  .case-study-wrapper .case-study .case-item:hover .case-content h3 {
    color: #183B56;
  }
  .case-study-wrapper .case-study .case-item:hover .case-content p {
    color: #5A7184;
  }
}
@media (max-width: 767.98px) {
  .case-study-wrapper .case-study-ttl .arrow-btn {
    position: relative;
    margin: 2.8rem auto 0;
    display: table;
    transform: none;
  }
}
@media (max-width: 700px) {
  .case-study-wrapper .case-study .col {
    border-right: none;
  }
  .case-study-wrapper .case-study .col .case-item .case-content {
    width: 100%;
  }
  .case-study-wrapper .case-study .col .case-item .case-content h3 {
    font-size: 2.4rem;
  }
  .case-study-wrapper .case-study .col .case-item .case-content p {
    font-size: 1.6rem;
  }
  .case-study-wrapper .case-study .col.slick-active .case-item .case-banner {
    opacity: 1;
  }
  .case-study-wrapper .case-study .col.slick-active .case-item .case-content {
    transform: translateY(0);
    background-color: #ffffff;
  }
  .case-study-wrapper .case-study .col.slick-active .case-item .case-content h3 {
    color: #183B56;
  }
  .case-study-wrapper .case-study .col.slick-active .case-item .case-content p {
    color: #5A7184;
  }
}

.case-study-wrapper .case-study .slick-arrow {
  background: #121c27;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  position: absolute;
  top: 100%;
  transform: translateY(calc(-100% - 2rem));
  z-index: 4;
}
.case-study-wrapper .case-study .slick-arrow::before {
  content: "";
  background: url(../images/arrow-g.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 50%;
  width: 50%;
  opacity: 1;
  display: inline-block;
  filter: brightness(0) invert(1);
}
.case-study-wrapper .case-study .slick-arrow.slick-prev {
  left: 1rem;
}
.case-study-wrapper .case-study .slick-arrow.slick-prev::before {
  transform: rotate(180deg) translatex(11%);
}
.case-study-wrapper .case-study .slick-arrow.slick-next {
  right: 1rem;
}
.case-study-wrapper .case-study .slick-arrow.slick-next::before {
  transform: translatex(11%);
}

.video-wrapper {
  background-color: #f6f7f9;
}
.video-wrapper .video {
  gap: 4rem 0;
  --bs-gutter-x: 3rem;
}
.video-wrapper .video .video-item .video-thumb {
  margin-bottom: 3rem;
}
.video-wrapper .video .video-item .video-thumb .thumb {
  aspect-ratio: 1/0.616;
}
.video-wrapper .video .video-item .video-thumb .play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4.6rem;
  height: 4.6rem;
  transform: translate(-50%, -50%);
}
.video-wrapper .video .video-item .video-thumb .play img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.video-wrapper .video .video-item .video-thumb .play::before, .video-wrapper .video .video-item .video-thumb .play::after {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(18, 28, 39, 0.5);
  border-radius: 50%;
  z-index: -1;
  animation: pulse-border1 1500ms ease-out infinite;
}
.video-wrapper .video .video-item .video-thumb .play::after {
  background-color: rgba(18, 28, 39, 0.7);
  animation: pulse-border2 1500ms ease-out infinite;
}
.video-wrapper .video .video-item .video-content p {
  font-family: "roboto-500";
  color: #6941C6;
  padding-bottom: 1.2rem;
}
.video-wrapper .video .video-item .video-content h3 {
	font-family: "roboto-700";
	font-size: 2.4rem;
	line-height: 1.5;
	color: #1A1A1A;
	font-weight: 700;
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .video-wrapper .video > div:last-child {
    display: none;
  }
}

@keyframes pulse-border1 {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}
@keyframes pulse-border2 {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.8);
    opacity: 0;
  }
}
.blog-wrapper {
  background-color: #121c27;
}
.blog-wrapper .blog {
  display: grid;
  grid-template-columns: repeat(2, calc(50% - 0.5rem));
  align-items: flex-start;
  gap: 3.2rem 1rem;
}
.blog-wrapper .blog .blog-item .blog-img {
  border-radius: 1.6rem;
  overflow: hidden;
}
.blog-wrapper .blog .blog-item .blog-img img {
  transition: all 0.4s linear;
}
.blog-wrapper .blog .blog-item .blog-content p {
  color: rgba(255, 255, 255, 0.7);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.blog-wrapper .blog .blog-item .blog-content .dh5 {
  font-family: "eudoxus-700";
  margin-bottom: 1.6rem;
}
.blog-wrapper .blog .blog-item:not(:first-child) {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.blog-wrapper .blog .blog-item:not(:first-child) .blog-img {
  width: 38%;
  flex-shrink: 0;
}
.blog-wrapper .blog .blog-item:not(:first-child) .blog-img img {
  aspect-ratio: 1/0.73913;
}
.blog-wrapper .blog .blog-item:not(:first-child) .blog-content {
  width: 100%;
}
.blog-wrapper .blog .blog-item:not(:first-child) .blog-content p {
  -webkit-line-clamp: 3;
}
.blog-wrapper .blog .blog-item:first-child {
  grid-row: 1/span 3;
  padding-right: 3rem;
}
.blog-wrapper .blog .blog-item:first-child .blog-img img {
  aspect-ratio: 1/0.637;
}
.blog-wrapper .blog .blog-item:first-child .blog-content {
  padding-top: 1.6rem;
}
.blog-wrapper .blog .blog-item:first-child .blog-content .dh5 {
  font-size: 3.2rem;
}
.blog-wrapper .blog .blog-item:hover .blog-img img {
  transform: scale(1.06);
}
@media (max-width: 991.98px) {
  .blog-wrapper .blog {
    grid-template-columns: repeat(1, calc(100% - 0rem));
  }
  .blog-wrapper .blog .blog-item .blog-content .dh5 {
    font-size: 2rem;
  }
  .blog-wrapper .blog .blog-item:first-child {
    padding-right: 0;
    padding-bottom: 1rem;
  }
  .blog-wrapper .blog .blog-item:first-child .blog-img img {
    max-height: 40rem;
  }
  .blog-wrapper .blog .blog-item:first-child .blog-content .dh5 {
    font-size: 2.4rem;
    margin-bottom: 1rem;
  }
  .blog-wrapper .blog .blog-item:not(:first-child) .blog-img {
    width: 24%;
  }
}
@media (max-width: 575.98px) {
  .blog-wrapper .blog .blog-item .blog-content .dh5 {
    margin-bottom: 0.6rem;
  }
  .blog-wrapper .blog .blog-item:not(:first-child) .blog-img {
    width: 38%;
  }
  .blog-wrapper .blog .blog-item:not(:first-child) .blog-content h5 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
.blog-wrapper.bg-white .blog .blog-item .blog-content h5,
.blog-wrapper.bg-white .blog .blog-item .blog-content p {
	color: #121C27;
}

.upcoming-wrapper {
  padding: 12rem 0;
  background-color: #ffffff;
}
.upcoming-wrapper .upcoming-banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 35%;
}
.upcoming-wrapper .upcoming {
  max-width: 70rem;
  margin: auto;
}
.upcoming-wrapper .upcoming h3 {
  font: 700 3.8rem/1.47 "eudoxus-700";
  color: #121c27;
  padding-bottom: 0.8rem;
}
.upcoming-wrapper .upcoming p {
  padding-top: 1.2rem;
}
.upcoming-wrapper .upcoming .theme-btn {
  margin-top: 3rem;
}
@media (max-width: 991.98px) {
  .upcoming-wrapper {
    padding: 10rem 0;
  }
}

.home-testimonials-wrapper {
  overflow: hidden;
  position: relative;
  background-color: #f6f7f9;
}
.home-testimonials-wrapper .bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 0;
  opacity: 0.08;
  pointer-events: none;
}
.home-testimonials-wrapper .bg-img img {
	height: 100%;
	width: auto;
	scale: 2;
}
.home-testimonials-wrapper .testimonials-main {
  max-width: 75%;
  position: relative;
  margin-left: auto;
  --image-gap: max(0rem, calc((100vw - var(--container-width)) / 2 - 2.4rem));
}
@media (max-width: 991.98px) {
  .home-testimonials-wrapper .testimonials-main {
    --image-gap: 0rem;
  }
}
.home-testimonials-wrapper .testimonials-main .side-img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  max-height: 35.7rem;
  z-index: 0;
  transform: translate(calc(-100% - var(--image-gap)), 8rem);
}
.home-testimonials-wrapper .testimonials-main .side-img img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transform: scaleX(-1);
}
.home-testimonials-wrapper .testimonials-main .top {
  display: flex;
  align-items: end;
  justify-content: space-between;
}
.home-testimonials-wrapper .testimonials-main .top .mega-ttl h2 {
  font-size: 4.4rem;
  font-family: "roboto-500";
  font-weight: 500;
  line-height: 1.25;
  color: #0a1119;
}
.home-testimonials-wrapper .testimonials-main .top .quote-img {
  width: 4.2rem;
  aspect-ratio: 7/5;
  transform: rotate(180deg);
}
.home-testimonials-wrapper .testimonials-main .testimonial-slider {
  position: relative;
  padding: 1rem 0;
}
.home-testimonials-wrapper .testimonials-main .testimonial-slider .testi-item {
  margin-right: 9.4rem;
  padding-left: 1px;
  padding-right: 1px;
}
.home-testimonials-wrapper .testimonials-main .testimonial-slider .testi-item .testi-desc p {
  color: #0a1119;
  font-size: 2rem;
}
.home-testimonials-wrapper .testimonials-main .testimonial-slider .testi-item .divider {
  background: #d3d5d6;
  height: 0.1rem;
  width: 50%;
  margin: 4rem 0;
}
.home-testimonials-wrapper .testimonials-main .testimonial-slider .testi-item .author {
  display: flex;
  align-items: center;
  gap: 3rem;
}
.home-testimonials-wrapper .testimonials-main .testimonial-slider .testi-item .author .customer-img {
  border-radius: 50%;
  width: 6.2rem;
  aspect-ratio: 1/1;
}
.home-testimonials-wrapper .testimonials-main .testimonial-slider .testi-item .author .author-info .dh5 {
  color: #0a1119;
  font-family: "roboto-500";
  font-weight: 500;
}
.home-testimonials-wrapper .testimonials-main .testimonial-slider .testi-item .author .author-info .ratings {
  display: flex;
  align-items: center;
}
.home-testimonials-wrapper .testimonials-main .testimonial-slider .testi-item .author .author-info .ratings img {
  width: 1.4rem;
  height: 1.4rem;
}
.home-testimonials-wrapper .testimonials-main .testimonial-slider .testi-item .author .author-info .author-position p {
  color: #848b94;
  font-family: "publicsans-400";
  font-size: 1.5rem;
}
.home-testimonials-wrapper .testimonials-main .testimonial-slider .slick-arrow {
  position: absolute;
  width: 6rem;
  height: 6rem;
  top: unset;
  bottom: 0;
  background: var(--gradient);
  border-radius: 50%;
  transform: none;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.home-testimonials-wrapper .testimonials-main .testimonial-slider .slick-arrow::before {
  content: "";
  display: block;
  background: url(../images/right-arrow.png) no-repeat center center;
  background-size: contain;
  height: 3.2rem;
  width: 3.2rem;
  opacity: 1;
  transition: all 0.3s ease;
}
.home-testimonials-wrapper .testimonials-main .testimonial-slider .slick-arrow.slick-prev {
  left: unset;
  right: 10rem;
  transform: rotate(180deg);
}
.home-testimonials-wrapper .testimonials-main .testimonial-slider .slick-arrow.slick-next {
  right: 0;
}
.home-testimonials-wrapper .testimonials-main .testimonial-slider .slick-arrow:hover {
  background: linear-gradient(70.58deg, #cc8c3d 0%, #ecbb55 100%);
}
.home-testimonials-wrapper .testimonials-main .testimonial-slider .slick-arrow:hover::before {
  filter: brightness(0);
}
@media (max-width: 767.98px) {
  .home-testimonials-wrapper .testimonials-main {
    max-width: 90%;
  }
}
@media (max-width: 474.98px) {
  .home-testimonials-wrapper .testimonials-main {
    max-width: 100%;
  }
  .home-testimonials-wrapper .testimonials-main .side-img {
    display: none;
  }
  .home-testimonials-wrapper .testimonials-main .testimonial-slider .testi-item {
    margin-right: 0;
  }
  .home-testimonials-wrapper .testimonials-main .testimonial-slider .slick-arrow {
    width: 4rem;
    height: 4rem;
    translate: -100% 100%;
  }
  .home-testimonials-wrapper .testimonials-main .testimonial-slider .slick-arrow.slick-prev {
    right: 6rem;
  }
  .home-testimonials-wrapper .testimonials-main .testimonial-slider .slick-arrow::before {
    width: 2.4rem;
    height: 2.4rem;
  }
}

.whychoosesection-wrapper {
  background: #f5f5f5;
}
.whychoosesection-wrapper p {
  opacity: 0.5;
	padding-top: 0.8rem;
}
.whychoosesection-wrapper .item {
	transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.whychoosesection-wrapper .item .img-wrapper img {
	transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.whychoosesection-wrapper .item-wrapper .item p {
	max-height: 0;
	transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.whychoosesection-wrapper .item .img-wrapper {
  width: 10rem;
  aspect-ratio: 1/1;
  margin-bottom: 4rem;
}
.whychoosesection-wrapper .item h3 {
  font-family: "eudoxus-700";
  font-size: 1.8rem;
  line-height: 1.44;
  font-weight: 700;
  color: #000000;
  padding-bottom: 2.8rem;
	position: relative;
}
.whychoosesection-wrapper .item h3::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 0.1rem;
	background: #6B6969;
	bottom: 0;
	left: 50%;
	transform: translatex(-50%);
	transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.whychoosesection-wrapper .item-wrapper:hover .img-wrapper img {
	scale: 0;
}
.whychoosesection-wrapper .item-wrapper:hover .item {
	transform: translatey(-14rem);
}
.whychoosesection-wrapper .item-wrapper:hover .item h3::after {
	width: 0%;
}
.whychoosesection-wrapper .item-wrapper:hover .item p {
	opacity: 0.5;
}

@keyframes slideInRight {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes growWidth {
  to {
    width: 100%;
    opacity: 1;
  }
}
@keyframes slideUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.title-wrapper {
  background: linear-gradient(rgba(18, 28, 39, 0.8), rgba(18, 28, 39, 0.8)), url(../images/page-ttl-img.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: var(--header-height);
}
.title-wrapper .title-box {
  width: 50%;
  margin-top: 12.6rem;
  padding: 3rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  margin-bottom: 5rem;
}
.title-wrapper .title-box .sub-ttl {
  color: #ffffff;
  font-family: "roboto-500";
  font-weight: 500;
}
h1.title-heading {
  font: 700 3.8rem/1.3 "eudoxus-700";
  margin-bottom: 3.5rem;
  position: relative;
  color: #ffffff;
}
@media (max-width:575.08px) {
	h1.title-heading {
		font-size: 3rem;
	}
}
.title-wrapper .title-box .title-heading {
  font: 700 3.8rem/1.3 "eudoxus-700";
  margin-bottom: 3.5rem;
  position: relative;
  color: #ffffff;
}
.title-wrapper .title-box .title-heading::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2rem;
  height: 3px;
  width: 5.5rem;
  background: var(--gradient);
}
.title-wrapper .title-box .title-desc {
  color: #dbdbdb;
}
@media (max-width: 991.98px) {
  .title-wrapper .title-box {
    width: 75%;
  }
}
@media (max-width: 575.98px) {
  .title-wrapper .title-box {
    width: 100%;
  }
}
.title-wrapper .breadcrumb {
  color: #ffffff;
}
.title-wrapper.light-grad {
  background: linear-gradient(rgba(0, 0, 0, 0.1019607843), rgba(0, 0, 0, 0.1019607843)), url(../images/page-ttl-img.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center, center -16rem;
}
.title-wrapper.light-grad .header-setter {
  -webkit-backdrop-filter: blur(0.6rem);
          backdrop-filter: blur(0.6rem);
}
.title-wrapper.dark-bg {
  background: #121c27;
}
.title-wrapper.dark-bg .header-setter {
  -webkit-backdrop-filter: blur(0.6rem);
          backdrop-filter: blur(0.6rem);
}

.story-wrapper .story-content {
  padding-right: 8rem;
}
@media (max-width: 991.98px) {
  .story-wrapper .story-content {
    padding: 0;
  }
}
.story-wrapper .story-content .gradi-text {
  background: var(--gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.story-wrapper .story-content p strong{
  color: #455780;
}
.story-wrapper .story-content span {
  font-weight: 700;
  color: #455780;
}
@media (max-width: 991.98px) {
  .story-wrapper .story-content {
    text-align: center;
  }
}
.story-wrapper .vid-wrapper {
  width: 100%;
  aspect-ratio: 1.71;
  position: relative;
}

.timeline-wrapper {
  position: relative;
}
.timeline-wrapper img {
  width: 100%;
  height: auto;
  aspect-ratio: 3/1;
  -o-object-fit: cover;
     object-fit: cover;
}
.timeline-wrapper .slider-wrapper {
  background-color: #121c27;
	position: relative;
	z-index: 2;
}
.timeline-wrapper .slider-wrapper .timeline-slider .slick-arrow {
  background: transparent;
  border: none;
  height: 6.5rem;
  width: 6.5rem;
  top: 16.7rem;
  position: absolute;
  z-index: 10;
  transform: translatey(-50%);
}
.timeline-wrapper .slider-wrapper .timeline-slider .slick-arrow::before {
	content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/next-btn-slider.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 1;
}
.timeline-wrapper .slider-wrapper .timeline-slider .slick-arrow.slick-prev {
  left: -0.75rem;
}
.timeline-wrapper .slider-wrapper .timeline-slider .slick-arrow.slick-prev::before {
	transform: rotate(180deg);
}
.timeline-wrapper .slider-wrapper .timeline-slider .slick-arrow.slick-next {
  right: -0.75rem;
}
.timeline-wrapper .slider-wrapper .timeline-slider .timeline-item {
  margin: 0 4rem;
}
.timeline-wrapper .slider-wrapper .timeline-slider .timeline-item p,
.timeline-wrapper .slider-wrapper .timeline-slider .timeline-item .timeline-title {
  color: #ffffff;
}
.timeline-wrapper .slider-wrapper .timeline-slider .timeline-item .timeline-year {
  font-size: 1.4rem;
  line-height: 1.8rem;
  margin-bottom: 1.3rem;
	min-height: 1.8rem;
}
.timeline-wrapper .slider-wrapper .timeline-slider .timeline-item .timeline-desc {
  font-size: 1.5rem;
  line-height: 2.5rem;
  padding-top: 7rem;
}
.timeline-wrapper .slider-wrapper .timeline-slider .timeline-item .timeline-title {
  font: 500 2.2rem/1.45 "roboto-500";
  padding-bottom: 4rem;
  min-height: 13.6rem;
  position: relative;
}
@media (min-width: 1921px) {
  .timeline-wrapper .slider-wrapper .timeline-slider .timeline-item .timeline-title {
  font: 500 2rem/1.45 "roboto-500";
  }
}
@media (max-width: 575.98px) {
  .timeline-wrapper .slider-wrapper .timeline-slider .timeline-item .timeline-title {
  min-height: 10.4rem;
  }
	.timeline-wrapper .slider-wrapper .timeline-slider .slick-arrow {
		top: 13.4rem;
	}
}
.timeline-wrapper .slider-wrapper .timeline-slider .timeline-item .timeline-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -4rem;
  right: -4rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.timeline-wrapper .slider-wrapper .timeline-slider .timeline-item .timeline-title::before {
  content: "";
  position: absolute;
  bottom: -0.5rem;
  left: 0;
  border: 1px solid #ffffff;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: #ffffff;
}

.stats-wrapper {
  background-color: #f5f5f5;
}
.stats-wrapper .stats-container {
  row-gap: 6rem;
}
.stats-wrapper .stats-container .stat-item .stat-icon {
  width: 7.4rem;
}
.stats-wrapper .stats-container .stat-item .stat-value {
  color: #121c27;
}
.stats-wrapper .stats-container .stat-item .stat-label {
  font-size: 1.4rem;
  line-height: 1.5;
	margin-top: 1rem;
}
@media (max-width:575.98px) {
	.stats-wrapper .stats-container .stat-item .stat-icon {
		width: 5.4rem;
	}
}

.desk-wrapper {
  overflow: hidden;
}
.desk-wrapper .img-with-text .grad-img::after {
  content: "";
  position: absolute;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(191, 191, 191, 0), rgba(0, 0, 0, 0.2509803922), #000000);
  height: 50%;
  width: 100%;
  left: 0;
  bottom: 0;
}
.desk-wrapper .img-with-text .text-on-img {
  position: absolute;
  bottom: 0;
}
.desk-wrapper .img-with-text .text-on-img .position,
.desk-wrapper .img-with-text .text-on-img .org-name {
  color: #ffffff;
}
.desk-wrapper .img-with-text .text-on-img .name {
  font-weight: 700;
}
.desk-wrapper .img-with-text .text-on-img .org-name {
  font-size: 1.4rem;
}
.desk-wrapper .desk-message {
  padding-left: 4rem;
  max-width: 622.5px;
}
@media (max-width: 1399.98px) {
  .desk-wrapper .desk-message {
    max-width: 570px;
  }
}
@media (max-width: 1199.98px) {
  .desk-wrapper .desk-message {
    max-width: 480px;
  }
}
@media (max-width: 991.98px) {
  .desk-wrapper .desk-message {
    max-width: 100%;
    padding-left: 0;
	padding-top: 3rem;
  }
}
@media (min-width: 1921px) {
  .desk-wrapper .desk-message {
    max-width: calc(var(--container-width) / 2 - 1.5rem);
  }
}
.desk-wrapper .desk-message .message span {
  font-weight: 700;
}

.desk-wrapper .desk-message .message {
	overflow-y: scroll;
	scrollbar-width: none;
}
.desk-wrapper .desk-message .message::-webkit-scrollbar {
  display: none;
}
@media (min-width:992px) {
	.desk-wrapper .desk-message .message .extra-paragraphs {
		max-height: 0;
	}
}
#chairman-message.desk-wrapper .img-with-text .grad-img img {
	aspect-ratio: 1.0597/1;
}

.quote-wrapper {
  background-image: linear-gradient(rgba(18, 28, 39, 0.8196078431), rgba(18, 28, 39, 0.8196078431)), url(../images/quote.png);
  background-size: cover;
  background-position: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.quote-wrapper .top-icon {
  width: 3.6rem;
  height: 3rem;
  padding-bottom: 0 !important;
  margin-bottom: 1.5rem;
}
.quote-wrapper .quote {
	font: 500 2.2rem/1.6 "eudoxus-500";
}
@media (max-width: 767.98px) {
	.quote-wrapper .quote {
		font: 500 2.4rem/1.1 "eudoxus-500";
	}
	.quote-wrapper .top-icon {
	  width: 4rem;
	}
}
@media (max-width: 519.98px) {
	.quote-wrapper .quote {
		font: 500 1.8rem/1.1 "eudoxus-500";
	}
	.quote-wrapper .top-icon {
	  width: 3.6rem;
	}
}

.goal-wrapper .goal-img {
  position: relative;
  height: 40rem;
	display: flex;
	align-items: end;
}
.goal-wrapper .goal-img img {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}
.goal-wrapper .goal-img .content-box {
  position: relative;
  bottom: 0;
  left: 0;
  background: rgba(18, 28, 39, 0.7098039216);
  padding: 3.6rem 3rem 3.6rem 5.8rem;
  max-width: 72%;
}
.goal-wrapper .goal-img .content-box p {
  color: #ffffff;
}
.goal-wrapper .goal-img .content-box h3 {
	font-family: "eudoxus-700";
	font-weight: 700;
}
@media (max-width: 575.98px) {
  .goal-wrapper .goal-img .content-box {
    width: 100%;
	max-width: 100%;
  }
}
@media (max-width: 424.98px) {
	.goal-wrapper .goal-img {
		height: 37rem;
	}
	.goal-wrapper .goal-img .content-box {
		padding: 2rem 2rem 2rem 3rem;
	}
}
.team-wrapper {
  background-image: url(../images/about-team.png);
  background-position: center;
  background-size: cover;
}
.team-wrapper .team-heading .dh3 {
  font-family: "roboto-500";
  font-size: 4rem;
  font-weight: 500;
}
.team-wrapper .team-heading .dh2 {
  color: #ffffff;
}
.team-wrapper a {
  background: transparent;
  color: #ffffff;
  margin-left: 1.8rem;
  border: 1px solid transparent;
}
.team-wrapper a:hover {
  border: 1px solid transparent;
}
.team-wrapper .team-statements {
  padding-top: 4rem;
  margin-top: 4rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1019607843);
}
.team-wrapper .team-statements p {
  position: relative;
  line-height: 100%;
  padding-left: 3.2rem;
  padding-bottom: 1rem;
  flex: 1 1 50%;
}
.team-wrapper .team-statements p span {
  color: #ffffff;
}
.team-wrapper .team-statements p::before {
  content: "";
  background-image: url(../images/green-right.png);
  width: 1.8rem;
  height: 1.8rem;
  background-position: center;
  display: block;
  background-size: contain;
  position: absolute;
  left: 0;
  top: -0.1rem;
}
@media (max-width: 991.98px) {
  .team-wrapper .team-statements p {
    width: 50%;
  }
}
@media (max-width: 575.98px) {
  .team-wrapper .team-statements {
    flex-direction: column;
  }
  .team-wrapper .team-statements p {
    width: 100%;
  }
}

.map-wrapper {
	margin-bottom: -1rem;
}
.banner-wrapper .pxl-container {
  aspect-ratio: 2.3/1;
}
.banner-wrapper.about-page iframe{
	width: 100%;
	aspect-ratio: 16/9;
}

.award-wrapper {
  position: relative;
}
.award-wrapper .slider-wrapper .award-slider .slick-track {
  display: flex !important;
  align-items: end;
  height: 36rem;
}
.award-wrapper .slider-wrapper .award-slider .img-slide {
  margin: 0 0.5rem;
  height: auto;
  position: relative;
  flex-shrink: 0;
  z-index: 1;
  transition: width 0.8s ease, height 0.8s ease;
}
.award-wrapper .slider-wrapper .award-slider .img-slide.slick-center {
  width: 36rem !important;
  height: auto;
}
@media (max-width:424.98px) {
	.award-wrapper .slider-wrapper .award-slider .img-slide.slick-center {
	  width: 20rem !important;
	  height: auto;
	}
	.award-wrapper .slider-wrapper .award-slider .slick-track {
	  height: 20rem;
	}
}

.slider-wrapper .award-slider .slick-arrow {
  background: #121c27;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  position: absolute;
  top: 100%;
  transform: translateY(1rem);
  z-index: 4;
}
.slider-wrapper .award-slider .slick-arrow::before {
  content: "";
  background: url(../images/arrow-g.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 50%;
  width: 50%;
  opacity: 1;
  display: inline-block;
  filter: brightness(0) invert(1);
}
.slider-wrapper .award-slider .slick-arrow.slick-prev {
  left: 2rem;
}
.slider-wrapper .award-slider .slick-arrow.slick-prev::before {
  transform: rotate(180deg) translatex(11%);
}
.slider-wrapper .award-slider .slick-arrow.slick-next {
  right: 2rem;
}
.slider-wrapper .award-slider .slick-arrow.slick-next::before {
  transform: translatex(11%);
}

.news-wrapper {
  background-color: #121c27;
}
.news-wrapper.bg-f679 {
  background-color: #f6f7f9;
}
.news-wrapper .cta-wrapper {
	text-align: center;
	margin-top: -3rem;
	padding-bottom: 4rem;
}
.news-wrapper .sec-ttl p {
  color: #ffffff;
  font-size: 1.7rem;
}
.news-wrapper.bg-white .sec-ttl p {
	color: #121c27;
}
.news-wrapper .news-block {
  border: 2px solid transparent;
  position: relative;
  transition: all 0.3s ease;
  overflow: hidden;
  margin: 0 0.8rem;
}
@media (max-width:767.98px) {
	.news-wrapper .news-block {
		max-width: 50rem;
		margin-left: auto;
		margin-right: auto;
	}
}
.news-wrapper .news-block::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #121c27;
  z-index: 1;
  opacity: 0;
  transition: all 0.1s ease;
  transition-delay: 0.1s;
}
.news-wrapper .news-block .date-label {
  position: absolute;
  bottom: 2rem;
  right: 2rem;
  background: #121c27;
  padding: 1.2rem 1.4rem 1.6rem;
  border-radius: 0.5rem;
  transition: all 0.6s ease;
  z-index: 2;
}
.news-wrapper .news-block .date-label p {
  color: #ffffff;
  font: 400 1.5rem/1.13 "publicsans-400";
}
.news-wrapper .news-block .date-label .date {
  font: 500 3.5rem/1.29 "publicsans-500";
}
.news-wrapper .news-block .text-on-img {
  position: absolute;
  bottom: 0;
  padding: 4rem 3rem;
}
.news-wrapper .news-block .text-on-img .title,
.news-wrapper .news-block .text-on-img p {
  color: #ffffff;
}
.news-wrapper .news-block .text-on-img .title {
  padding-top: 2rem;
  font: 700 2.4rem/1.5 "roboto-700";
}
.news-wrapper .news-block .text-on-img.hover .title {
  padding-top: 1rem;
  font: 700 2rem/1.5 "roboto-700";
}
.news-wrapper .news-block .text-on-img.hover {
  z-index: 2;
  pointer-events: none;
  position: absolute;
  top: 2rem;
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.news-wrapper .news-block .text-on-img.hover .author,
.news-wrapper .news-block .text-on-img.hover .title,
.news-wrapper .news-block .text-on-img.hover .divider,
.news-wrapper .news-block .text-on-img.hover .news-content {
  opacity: 0;
  transform: translateX(2rem);
  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.news-wrapper .news-block .text-on-img.hover .divider {
  height: 1px;
  width: 0;
  background: #f5f5f5;
  margin: 1.6rem 0;
  transform: none;
}
.news-wrapper .news-block .news-read-link {
  position: absolute;
  transform: translateY(100%);
  opacity: 0;
  left: 3.5rem;
  bottom: 3.5rem;
  color: #ffffff;
  z-index: 2;
  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  display: none;
}
.news-wrapper .news-block .news-read-link span {
  transition: all 0.3s ease;
}
.news-wrapper .news-block .news-read-link .arrow-icon {
  width: 4rem;
  margin-left: 1.3rem;
  transition: all 0.3s ease;
}
.news-wrapper .news-block .news-read-link:hover span {
  background: var(--gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.news-wrapper .news-block .news-read-link:hover .arrow-icon {
  margin-left: 2rem;
}
.news-wrapper .news-block .gradi-img {
  position: relative;
  transition: all 0.6s ease;
}
.news-wrapper .news-block .gradi-img img{
	height: auto;
	aspect-ratio: 1/1;
}
.news-wrapper .news-block .gradi-img::after {
  content: "";
  position: absolute;
  background: linear-gradient(to bottom, rgba(18, 28, 39, 0), #121c27);
  height: 40%;
  width: 100%;
  left: 0;
  bottom: 0;
}
@media (hover: hover) {
	
.news-wrapper .news-block:hover {
  -o-border-image: var(--gradient);
     border-image: var(--gradient);
  border-image-slice: 1;
}
.news-wrapper .news-block:hover::after {
  opacity: 1;
}
.news-wrapper .news-block:hover .date-label {
  background: var(--gradient);
}
.news-wrapper .news-block:hover .text-on-img.hover {
  pointer-events: auto;
}
.news-wrapper .news-block:hover .text-on-img.hover .author {
  animation: slideInRight 0.3s ease forwards;
  animation-delay: 0.2s;
}
.news-wrapper .news-block:hover .text-on-img.hover .title {
  animation: slideInRight 0.3s ease forwards;
  animation-delay: 0.3s;
}
.news-wrapper .news-block:hover .text-on-img.hover .divider {
  animation: growWidth 0.3s ease forwards;
  animation-delay: 0.4s;
}
.news-wrapper .news-block:hover .text-on-img.hover .news-content {
  animation: slideInRight 0.3s ease forwards;
  animation-delay: 0.5s;
}
.news-wrapper .news-block:hover .news-read-link {
  animation: slideUp 0.3s ease forwards;
  animation-delay: 0.7s;
}
.news-wrapper .news-block:hover .gradi-img {
  transform: scale(1.1);
}
}
.news-wrapper .news-block.active {
  -o-border-image: var(--gradient);
     border-image: var(--gradient);
  border-image-slice: 1;
}
.news-wrapper .news-block.active::after {
  opacity: 1;
}
.news-wrapper .news-block.active .date-label {
  background: var(--gradient);
}
.news-wrapper .news-block.active .text-on-img.hover {
  pointer-events: auto;
}
.news-wrapper .news-block.active .text-on-img.hover .author {
  animation: slideInRight 0.3s ease forwards;
  animation-delay: 0.2s;
}
.news-wrapper .news-block.active .text-on-img.hover .title {
  animation: slideInRight 0.3s ease forwards;
  animation-delay: 0.3s;
}
.news-wrapper .news-block.active .text-on-img.hover .divider {
  animation: growWidth 0.3s ease forwards;
  animation-delay: 0.4s;
}
.news-wrapper .news-block.active .text-on-img.hover .news-content {
  animation: slideInRight 0.3s ease forwards;
  animation-delay: 0.5s;
}
.news-wrapper .news-block.active .news-read-link {
  animation: slideUp 0.3s ease forwards;
  animation-delay: 0.7s;
}
.news-wrapper .news-block.active .gradi-img {
  transform: scale(1.1);
}
@media (max-width:424.98px) {
	.news-wrapper .news-block .text-on-img.hover {
		padding: 2rem;
	}
}
@media (max-width:279.98px) {
	.news-wrapper .news-block .gradi-img img {
		min-height: 66rem;
	}
	.news-wrapper .news-block .text-on-img .title {
		font-size: 2.2rem;
	}
}
.news-wrapper .row.news {
	--bs-gutter-y: 0;
	padding-bottom: 7rem;
}
.news-wrapper .row.news .slick-arrow {
  width: 5rem;
  height: 5rem;
  background: var(--gradient);
  border-radius: 50%;
  top: 100%;
  left: 50%;
  transition: all 0.3s ease;
}
.news-wrapper .row.news .slick-arrow:hover {
  background: linear-gradient(-70.58deg, #ecbb55 0%, #cc8c3d 100%);
}
.news-wrapper .row.news .slick-arrow:hover::before {
  filter: brightness(0);
}
.news-wrapper .row.news .slick-arrow::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: url(../images/right-arrow.png);
  height: 3rem;
  width: 3rem;
  transform: translate(-50%, -50%);
  opacity: 1;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.3s ease;
}
.news-wrapper .row.news .slick-arrow.slick-prev {
  transform: rotate(180deg) translate(calc(100% + 2rem), 100%);
}
.news-wrapper .row.news .slick-arrow.slick-next {
  transform: translate(2rem, -100%);
}
.news-wrapper .news-block .text-on-img.first {
	display: none;
}
.news-wrapper .news-block .text-on-img.hover .author {
	text-indent: -8.6ch;
    overflow: hidden;
}

.contact-wrapper {
  background-color: #f5f5f5;
}
.contact-wrapper form .form-container {
  --bs-gutter-x: 2rem;
  --bs-gutter-y: 2rem;
}
.contact-wrapper form .form-container .form-control {
  position: relative;
  font-size: 1.4rem;
  line-height: 2rem;
  padding: 1.5rem 2.6rem;
  border: none;
  border-radius: 3rem;
}
.contact-wrapper form .form-container .form-control::-moz-placeholder {
  color: #646464;
}
.contact-wrapper form .form-container .form-control::placeholder {
  color: #646464;
}
.contact-wrapper form .form-container textarea.form-control {
  resize: none;
  height: 22.1rem;
}
.contact-wrapper .contact-info .title {
	font: 700 3.4rem/1.47 "roboto-700";
	color: #121C27;
}
.contact-wrapper .contact-info .contact-details {
  padding-top: 6.4rem;
}
.contact-wrapper .contact-info .contact-details .icon-box {
  width: 4rem;
	flex-shrink: 0;
	border-radius: 50%;
	background: var(--gradient);
	height: 4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background 0.3s ease-in-out;
}
.contact-wrapper .contact-info .contact-details .icon-box img {
	height: 2.4rem;
	width: auto;
	transition: filter 0.3s ease-in-out;
}
.contact-wrapper .contact-info .contact-details .box-content .dh5 {
  color: #121c27;
  font-weight: 700;
}
.contact-wrapper .contact-info .contact-details .box-content p,
.contact-wrapper .contact-info .contact-details .box-content a {
  font-size: 1.4rem;
  color: #6b6969;
	transition: all 0.3s ease;
}
.contact-wrapper .contact-info .contact-details .box-content a:hover {
	background: var(--gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.contact-wrapper .contact-info .contact-details .box-content span {
  font-size: 1.2rem;
}
.contact-wrapper .social-links {
  transform: translateY(2rem);
}
.contact-wrapper .social-links a {
  font-size: 1.5rem;
}

.findjob-wrapper {
  background-color: #f6f7f9;
}
.findjob-wrapper .form-container {
  padding: 3.8rem 3.6rem;
  border: 1px solid #d8d9da;
  background-color: #ffffff;
}
.findjob-wrapper .form-container .title h2 {
  color: #121c27;
  white-space: nowrap;
}
.findjob-wrapper .form-container form .input-group {
  border: 1px solid #d8d9da;
}
.findjob-wrapper .form-container form .input-group .wpcf7-form-control-wrap {
  width: -webkit-fill-available;
  width: -moz-available;
}
.findjob-wrapper .form-container form .input-group span {
  display: flex;
}
.findjob-wrapper .form-container form .input-group span.input-group-text {
  margin: 1.5rem 1rem 1.5rem 2.5rem;
  width: 2rem;
  height: 2rem;
  background-position:center;
  background-repeat: no-repeat;
  background-size: cover;
	padding: 0;
}
.findjob-wrapper .form-container form .input-group span.input-group-icon.icon-pencil {
	background-image: url(../images/pencil.svg);
}
.findjob-wrapper .form-container form .input-group span.input-group-icon.icon-location-pin {
	background-image: url(../images/location-pin.svg);
}
.findjob-wrapper .form-container form .input-group .wpcf7-not-valid-tip {
  position: absolute;
  bottom: -3rem;
}
.findjob-wrapper .form-container form .input-group .form-control,
.findjob-wrapper .form-container form .input-group .form-select {
  font-size: 1.6rem;
  color: #4b535d;
}
.findjob-wrapper .form-container form .input-group .form-control::-moz-placeholder, .findjob-wrapper .form-container form .input-group .form-select::-moz-placeholder {
  color: #4b535d;
}
.findjob-wrapper .form-container form .input-group .form-control::placeholder,
.findjob-wrapper .form-container form .input-group .form-select::placeholder {
  color: #4b535d;
}
.findjob-wrapper .form-container form .input-group label.error {
  position: absolute;
  left: 5.5rem;
  bottom: -1.8rem;
}
.findjob-wrapper .form-container form .theme-btn {
  white-space: nowrap;
  padding: 1.54rem 4.175rem;
}

.vslider-wrapper {
  position: relative;
}
.vslider-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5019607843);
}
.vslider-wrapper .bg-video {
  width: 100%;
  vertical-align: top;
}
.vslider-wrapper .slider-on-vid {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.vslider-wrapper .slider-on-vid .img-slide img {
  max-width: 46rem;
  max-height: 27.4rem;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
@media (max-width: 767.98px) {
  .vslider-wrapper .slider-on-vid .img-slide img {
    max-width: 35rem;
  }
}
@media (max-width: 575.98px) {
  .vslider-wrapper .slider-on-vid .img-slide img {
    max-width: 23rem;
  }
}
.vslider-wrapper .slider-on-vid .slick-list {
  overflow: visible;
}
.vslider-wrapper .slider-on-vid .slick-list .slick-track {
  display: flex;
  align-items: center;
  gap: 5rem;
}

.future-wrapper {
  background-color: #f6f7f9;
}
.future-wrapper .left-grad-ttl {
  padding-left: 10.2rem;
}
.future-wrapper .left-grad-ttl h2 span::before {
  width: 7.4rem;
  right: calc(100% + 2.8rem);
}
.future-wrapper h3 {
  color: #121c27;
  font: 700 3.8rem/1.3 "eudoxus-700";
}
.future-wrapper p {
  color: #6b6969;
}
.future-wrapper img {
  padding-right: 5rem;
}
.future-wrapper .side-img {
	aspect-ratio: 1/1.1715;
}
@media (max-width: 991.98px) {
  .future-wrapper img {
    padding-right: 0;
  }
}
.future-wrapper .scroll-sec {
  overflow-y: auto;
  padding-right: 3.6rem;
}
@media (min-width: 992px) {
  .future-wrapper .scroll-sec {
	  height: auto;
	  aspect-ratio: 1/1.39;
  }
}
.future-wrapper .scroll-sec .job-item {
  display: flex;
  gap: 2.5rem;
}
.future-wrapper .scroll-sec .job-item .job-number {
  border-radius: 50%;
  background: var(--gradient);
  width: 4.7rem;
  height: 4.7rem;
}
.future-wrapper .scroll-sec .job-item .job-number .dh2 {
  color: #ffffff;
  padding: 2.35rem;
}
.future-wrapper .scroll-sec::-webkit-scrollbar {
  width: 10px;
}
.future-wrapper .scroll-sec::-webkit-scrollbar-track {
  background: #d3d5d6;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  background-clip: padding-box;
  margin-top: 3rem;
}
.future-wrapper .scroll-sec::-webkit-scrollbar-thumb {
  background-color: rgba(18, 28, 39, 0.8);
  border-radius: 9.4rem;
}
.future-wrapper .scroll-sec::-webkit-scrollbar-thumb:hover {
  background-color: rgba(18, 28, 39, 0.8);
}
.future-wrapper .scroll-sec .job-item .theme-btn {
	padding: 1.5rem 3.8rem;
}
.career-contact-wrapper {
  background-color: transparent;
  padding: 0;
  overflow: hidden;
}
.career-contact-wrapper .img-overlay .bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.career-contact-wrapper .img-overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(200, 200, 196, 0.231372549);
  z-index: 1;
}
.career-contact-wrapper .form-box {
  margin: 0 calc((var(--container-width) - 100vw) / 2);
  padding: 8rem calc((100vw - var(--container-width)) / 2);
  background-color: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(0.6rem);
}
@media (max-width: 375.98px) {
  .career-contact-wrapper .form-box {
    padding: 5.6rem 2rem;
  }
}
.career-contact-wrapper .form-box .wpcf7,
.career-contact-wrapper .form-box .contact-info{
	max-width: 100rem;
	margin-left: auto;
	margin-right: auto;
}
.career-contact-wrapper .form-box .contact-info .contact-details .row .col-12{
	width: unset;
	flex: 1 0 0;
}
@media (min-width: 576px) and (max-width:767.98px) {
	.career-contact-wrapper .form-box .wpcf7 
.form-container > .col-md-6{
	width: 50%;
}
  .career-contact-wrapper .form-box .wpcf7,
  .career-contact-wrapper .form-box .contact-info{
	padding-left: 3rem;
	padding-right: 3rem;
}
}
@media (max-width: 575.98px) {
	.career-contact-wrapper .form-box .wpcf7,
.career-contact-wrapper .form-box .contact-info{
	padding-left: 2rem;
	padding-right: 2rem;
	max-width: 60rem;
}
}
.career-contact-wrapper .form-box .contact-info .contact-details .box-content p,
.career-contact-wrapper .form-box .contact-info .contact-details .box-content a {
  color: #121c27;
}
.career-contact-wrapper .form-box .form-container .send-btn {
  right: 2.4rem;
  bottom: 1.4rem;
  background-image: url(../images/sendbtn.svg);
  background-position: center;
  background-repeat:no-repeat;
  border-radius: 50%;
  height: 5rem;
  width: 5rem;
  background-color: #121c27;
}
.career-contact-wrapper .form-box .form-container .send-btn .sendbtn {
  position: absolute;
  border: none;
  border-radius: 50%;
  background: transparent;
  font-size: 0rem;
  height:5rem;
  width:5rem;
  top:0;
  right:0;
}
.career-contact-wrapper .contact-info .contact-details .icon-box {
	width: 4rem;
	aspect-ratio: 1/1;
	flex-shrink: 0;
	border-radius: 50%;
	background: #121C27;
	display: flex;
  align-items: center;
  justify-content: center;
}
.career-contact-wrapper .contact-info .contact-details .icon-box img {
	width: auto;
	height: auto;
	max-width: 2.1rem;
	max-height: 2.1rem;
}
.career-contact-wrapper form .form-container .form-control.dropzone {
	padding: 3.2rem;
	max-height: 10.9rem;
	cursor: pointer;
}

.career-contact-wrapper form .form-container .form-control.dropzone p {
  font-size: 1.4rem;
}
.career-contact-wrapper form .form-container .form-control.dropzone p .browse-link {
  color: #007aff;
}
.career-contact-wrapper form .form-container .form-control.dropzone .small {
  font-size: 1.2rem;
  color: #6b6969;
  line-height: 2rem;
}
.career-contact-wrapper form .form-container .form-control {
	background: #FFFFFF80;
	backdrop-filter: blur(34px);
	border-radius: 1rem;
}
.career-contact-wrapper form .form-container textarea.form-control {
	height: 10.9rem;
}
.career-contact-wrapper form .form-container .form-control::-moz-placeholder {
  color: #121C27;
}
.career-contact-wrapper form .form-container .form-control::placeholder {
  color: #121C27;
}

.modal-wrapper .modal-container {
  max-width: 100%;
}
.modal .modal-content .btn-close {
	position: absolute;
	right: 1.2rem;
	top: 1.2rem;
}
.modal-wrapper .modal-container .modal-content {
	padding: 3.6rem 0;
}
.modal-wrapper .modal-container .modal-content .job-title {
  font: 800 3.6rem/1.39 "eudoxus-800";
  color: #455780;
  letter-spacing: -0.32px;
}
.modal-wrapper .modal-container .modal-content .job-details .job-detail-item {
  padding-bottom: 4.2rem;
}
.modal-wrapper .modal-container .modal-content .job-details .job-detail-item .dh5 {
  color: #0a1119;
  font-weight: 700;
  margin-right: 2rem;
}
.modal-wrapper .modal-container .modal-content .job-details .job-detail-item p {
  color: #4b535d;
  line-height: 1.56;
}
.modal-wrapper .modal-container .modal-content .job-details .job-detail-item .item-title-up {
  padding-bottom: 2.5rem;
}
.modal-wrapper .modal-container .modal-content .job-form.form-container {
  --bs-gutter-x: 2rem;
  --bs-gutter-y: 2rem;
  margin-left: 7rem;
  border: 1px solid #d3d5d6;
  border-radius: 2.5rem;
  padding: 3rem 2.3rem 4rem;
}
@media (max-width: 1199.98px) {
  .modal-wrapper .modal-container .modal-content .job-form.form-container {
    margin-left: 3.5rem;
  }
}
@media (max-width: 991.98px) {
  .modal-wrapper .modal-container .modal-content .job-form.form-container {
    margin-left: 0;
  }
}
.modal-wrapper .modal-container .modal-content .job-form.form-container .form-control {
  position: relative;
  font-size: 1.4rem;
  line-height: 2rem;
  padding: 1.4rem 2.6rem;
  border: 1px solid #d3d5d6;
  border-radius: 3rem;
}
.modal-wrapper .modal-container .modal-content .job-form.form-container .theme-btn {
	padding: 1.5rem 3.8rem;
}
.modal-wrapper .modal-container .modal-content .job-form.form-container .form-control::-moz-placeholder {
  color: #121c27;
}
.modal-wrapper .modal-container .modal-content .job-form.form-container .form-control::placeholder {
  color: #121c27;
}
.modal-wrapper .modal-container .modal-content .job-form.form-container textarea.form-control {
  resize: none;
  height: 13.9rem;
}
.modal-wrapper .modal-container .modal-content .job-form.form-container .resume-upload-box {
  border: 1px dashed #d3d5d6;
  border-radius: 3rem;
  height: 17rem;
  cursor: pointer;
}
.modal-wrapper .modal-container .modal-content .job-form.form-container .resume-upload-box p {
  font-size: 1.4rem;
}
.modal-wrapper .modal-container .modal-content .job-form.form-container .resume-upload-box p .browse-link {
  color: #007aff;
}
.modal-wrapper .modal-container .modal-content .job-form.form-container .resume-upload-box small,
.modal-wrapper .modal-container .modal-content .job-form.form-container .resume-upload-box .small {
  font-size: 1.2rem;
  color: #6b6969;
  line-height: 2rem;
}
@media (max-width: 424.98px) {
  .modal-wrapper .modal-container .modal-content .job-form.form-container {
    padding: 2rem;
  }
}

.insightshub-title-wrapper .title-box {
  border: none;
  position: relative;
  width: 68%;
}
.insightshub-title-wrapper .title-box::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 78%;
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.3019607843);
}
.insightshub-title-wrapper .title-box .title-heading::after {
  content: none;
}
@media (max-width: 991.98px) {
  .insightshub-title-wrapper .title-box {
    width: 100%;
  }
}
.insightshub-title-wrapper .hub-search {
  max-width: 45rem;
  position: relative;
}
.insightshub-title-wrapper .hub-search .theme-btn {
  border-radius: 50%;
  padding: 0.8rem;
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
}
.insightshub-title-wrapper .hub-search .theme-btn img {
  width: 2.4rem;
}
.insightshub-title-wrapper .hub-search .searchinput {
  padding: 1.22rem 2.2rem;
  border-radius: 30rem;
}

.intro-wrapper {
  background-color: #f5f5f5;
}
.intro-wrapper h2,
.intro-wrapper p {
  color: #000000;
}
.intro-wrapper h2 {
  padding-bottom: 4.2rem;
  font-size: 3.4rem;
}

.media-wrapper .sec-header h2,
.media-wrapper .sec-header a{
	color: #000000;
}
.media-wrapper .sec-header h2 {
  font-size: 3.4rem;
}
.media-wrapper .sec-header a {
  font-family: "roboto-500";
	font-weight: 500;
}
.media-wrapper .vid-box .dh3,
.media-wrapper .vid-box h3{
  color: #000000;
  font: 700 1.8rem/1.44 "eudoxus-700";
  padding: 1.8rem 0;
}
.media-wrapper .vid-box .thumbnail {
  border-radius: 1.4rem;
  overflow: hidden;
}
.media-wrapper .vid-box .thumbnail img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
	transition: scale 0.4s ease;
}
.media-wrapper .vid-box:hover h3 {
	color: #213343;
}
.media-wrapper .vid-box:hover .thumbnail img {
	scale: 1.2;
}
.media-wrapper .vid-box a.watch-link {
  font-size: 1.4rem;
  line-height: 2.4rem;
  font-family: "roboto-500";
  color: #455780;
  position: relative;
  padding-left: 3.5rem;
}
.media-wrapper .vid-box a.watch-link::before {
  content: "";
  position: absolute;
  left: 0;
  background-image: url(../images/mx.png);
  height: 2.4rem;
  width: 2.4rem;
  background-repeat: no-repeat;
  background-size: cover;
}
.media-wrapper .videos-wrapper .vid-box .thumbnail,
.media-wrapper .presentations-wrapper .vid-box .thumbnail {
  height: 20rem;
}
.media-wrapper .reels-wrapper .vid-box .thumbnail,
.media-wrapper .games-wrapper .vid-box .thumbnail {
  height: 35.8rem;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .media-wrapper .media > div:last-child {
    display: none;
  }
}

.watch-all.media-wrapper .videos-wrapper .media,
.watch-all.media-wrapper .presentations-wrapper .media,
.watch-all.media-wrapper .reels-wrapper .media,
.watch-all.media-wrapper .games-wrapper .media {
  row-gap: 6.8rem;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .watch-all.media-wrapper .videos-wrapper .media > div:last-child,
  .watch-all.media-wrapper .presentations-wrapper .media > div:last-child,
  .watch-all.media-wrapper .reels-wrapper .media > div:last-child,
  .watch-all.media-wrapper .games-wrapper .media > div:last-child {
    display: block;
  }
}

.manpower-title-wrapper .title-box {
  width: 100%;
}
.manpower-title-wrapper .boxes {
  position: absolute;
  bottom: 0;
  transform: translateY(8rem);
}
@media (max-width: 991.98px) {
  .manpower-title-wrapper .boxes {
    transform: translateY(7rem);
  }
}
@media (max-width: 767.98px) {
  .manpower-title-wrapper .boxes {
    position: unset;
    transform: translateY(0rem);
  }
}
.manpower-title-wrapper .boxes .cv-box,
.manpower-title-wrapper .boxes .expert-box {
  padding: 2rem 1rem;
  height: 18rem;
  border-bottom: 1px solid #d3d5d6;
}
.manpower-title-wrapper .boxes .cv-box img,
.manpower-title-wrapper .boxes .expert-box img {
  height: 5.2rem;
  width: 5.2rem;
  margin: 2rem 1.6rem 0 0;
}
.manpower-title-wrapper .boxes .cv-box .box-desc .dh5,
.manpower-title-wrapper .boxes .expert-box .box-desc .dh5 {
  padding-bottom: 2rem;
  font-weight: 700;
}
.manpower-title-wrapper .boxes .cv-box {
  background-color: #ffffff;
}
.manpower-title-wrapper .boxes .cv-box .box-desc .dh5 {
  color: #121c27;
}
.manpower-title-wrapper .boxes .cv-box .box-desc p {
  color: #6b6969;
}
.manpower-title-wrapper .boxes .expert-box {
  background-color: #121c27;
}
.manpower-title-wrapper .boxes .expert-box .box-desc .dh5,
.manpower-title-wrapper .boxes .expert-box .box-desc p {
  color: #ffffff;
}

.que-wrapper h2 {
  color: #121c27;
  font: 700 3.8rem/1.3 "eudoxus-700";
}

.strength-wrapper {
  background-color: #121c27;
}
.strength-wrapper .strength-box {
	padding: 0 0.6rem;
}
.strength-wrapper .strength-box img {
  height: 4.5rem;
  width: 4.5rem;
  margin-left: auto;
  margin-right: auto;
}
.strength-wrapper .strength-box h3 {
  font: 700 2.4rem/1.5 "roboto-700";
  color: #ffffff;
  min-height: 7.2rem;
  margin: 2.4rem 0 0.8rem;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .strength-wrapper .strength-box h4 {
    min-height: 10.8rem;
  }
}
.strength-wrapper .strength-box p {
  color: #c4c4c4;
  border-top: 1px solid #353e47;
  padding-top: 2.8rem;
}
.empower-wrapper .desc-box .counter-wrapper::after {
	content: "";
	position:absolute;
	height: 100%;
	width: 100%;
	background: #00000080;
}
.empower-wrapper .desc-box .counter-wrapper .counter-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.empower-wrapper .desc-box .counter-wrapper .counter-boxes {
	z-index:2;
  min-width: 32rem;
}
.empower-wrapper .desc-box .counter-wrapper .counter-boxes .counter h3 {
  color: #fee300;
  font-family: "roboto-600";
  font-weight: 600;
  font-size: 3.8rem;
  line-height: 1;
}
.empower-wrapper .desc-box .counter-wrapper .counter-boxes .counter p {
  color: #ffffff;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
}
.empower-wrapper .desc-box .desc {
  padding: 3rem 4rem 1rem;
}
.empower-wrapper .desc-box h2 {
  font: 500 3.2rem/1.1 "eudoxus-500";
  color: #000000;
  letter-spacing: -0.032rem;
}
.empower-wrapper .desc-box p {
  color: #4b535d;
}
.empower-wrapper .desc-box .highlights p {
  color: #121315;
  position: relative;
  padding-left: 2.4rem;
  line-height: 3rem;
  margin-top: 0.5rem;
}
.empower-wrapper .desc-box .highlights p::before {
  content: "";
  position: absolute;
  top: 0.75rem;
  left: 0;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../images/true.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.empower-wrapper .right-panel {
	display: flex;
  flex-direction: column;
}

.empower-wrapper .right-panel .drone,
.empower-wrapper .right-panel .artyt {
  background-color: #fff;
  padding: 1rem 0;
}
.empower-wrapper .right-panel .drone .vid-wrapper,
.empower-wrapper .right-panel .artyt .vid-wrapper {
	aspect-ratio: 16/9;
	box-shadow: 0 0 1rem 0.2rem rgba(0,0,0,0.5);
}
.empower-wrapper .right-panel .artyt h3,
.empower-wrapper .right-panel .drone h3 {
  font: 700 3rem/1.2 "roboto-700";
}
.empower-wrapper .right-panel .artyt h3 {
  color: #ffffff;
}
.empower-wrapper .right-panel .drone h3 {
  color: #111111;
}
.empower-wrapper .right-panel .read-more {
  background-color: #121c27;
}
.empower-wrapper .right-panel .read-more a {
  color: #ffffff;
  line-height: 2rem;
  padding: 2.5rem 0;
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .empower-wrapper .right-panel {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .empower-wrapper .right-panel .artyt,
  .empower-wrapper .right-panel .drone {
	  padding: 1rem;
    width: 50%;
  }
  .empower-wrapper .right-panel .read-more {
    width: 100%;
  }
}

.duration-wrapper .duration-box {
  background-color: #f5f5f5;
  padding: 3.6rem 0;
  height: 100%;
}
.duration-wrapper .duration-box img {
  width: 10.3rem;
}
.duration-wrapper .duration-box h3 {
  color: #000000;
  font: 700 1.8rem/1.44 "eudoxus-700";
}

.manpower-quote-wrapper {
  background-image: linear-gradient(rgba(255, 254, 254, 0.9490196078), rgba(255, 254, 254, 0.9490196078)), url(../images/quote.png);
}
.manpower-quote-wrapper .quote {
  color: #121c27;
}

.professional-wrapper {
  overflow: clip;
  max-width: 144rem;
}
.professional-wrapper .professionals-tab {
  width: 70%;
}
@media (max-width: 991.98px) {
  .professional-wrapper .professionals-tab {
    width: 100%;
  }
}
.professional-wrapper .professionals-tab .tab-nav {
  max-width: 40rem;
  min-height: var(--animated-box-max-height);
  gap: 2rem;
  padding: 10rem 1.5rem 5rem;
}
@media (max-width: 1199.98px) {
  .professional-wrapper .professionals-tab .tab-nav {
    max-width: 35rem;
  }
}
@media (max-width: 991.98px) {
  .professional-wrapper .professionals-tab .tab-nav {
    max-width: 45rem;
  }
}
@media (max-width: 767.98px) {
  .professional-wrapper .professionals-tab .tab-nav {
    max-width: 40rem;
  }
}
@media (max-width: 575.98px) {
  .professional-wrapper .professionals-tab .tab-nav {
    max-width: 100%;
    min-height: unset;
  }
}
.professional-wrapper .professionals-tab .tab-nav .small-ttl {
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.professional-wrapper .professionals-tab .tab-nav .tab-list-item .tab-link::after {
  content: "";
  display: inline-block;
  right: -3.2rem;
  background-image: url(../images/chevron-right.png);
  height: 1.4rem;
  width: 1rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.professional-wrapper .professionals-tab .tab-nav .tab-list-item .tab-link .tab-label {
  font-size: 2.2rem;
  font-family: "roboto-500";
  line-height: 4rem;
  color: #9fa4a7;
  padding-right: 2rem;
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.professional-wrapper .professionals-tab .tab-nav .tab-list-item .tab-link.active::after {
  opacity: 1;
  margin-left: 0.8rem;
}
.professional-wrapper .professionals-tab .tab-nav .tab-list-item .tab-link.active .tab-label {
  color: #121c27;
}
.professional-wrapper .professionals-tab .tab-content {
  position: relative;
}
.professional-wrapper .professionals-tab .tab-content .tab-pane {
  width: 100%;
  height: 100%;
}
.professional-wrapper .professionals-tab .tab-content .tab-pane .animated-box {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.professional-wrapper .professionals-tab .tab-content .tab-pane .animated-box.expand {
  max-height: var(--animated-box-max-height);
}
.professional-wrapper .professionals-tab .tab-content .tab-pane .content-box {
  position: relative;
  padding: 10rem 1.5rem 8rem;
  background-image: url(../images/professional-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: var(--animated-box-max-height);
}
.professional-wrapper .professionals-tab .tab-content .tab-pane .content-box h2 {
  color: #ffffff;
}
.professional-wrapper .professionals-tab .tab-content .tab-pane .content-box ul {
  list-style: disc;
  padding-left: 3rem;
	max-height: 75%;
	overflow-y: scroll;
	scrollbar-width: none;  /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
}
.professional-wrapper .professionals-tab .tab-content .tab-pane .content-box ul::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Edge */
}
.professional-wrapper .professionals-tab .tab-content .tab-pane .content-box ul li {
  color: #ffffff;
  padding-bottom: 1.5rem;
}
.professional-wrapper .professionals-tab .tab-content .tab-pane .content-box .icon-wrapper {
  position: absolute;
  right: 1.5rem;
  bottom: 5rem;
  width: 10.2rem;
}
.professional-wrapper .goal-wrapper {
  width: 30%;
}
@media (max-width: 991.98px) {
  .professional-wrapper .goal-wrapper {
    display: none;
  }
}
.goal-wrapper .goal-img {
	background: #fff;
}

.goal-wrapper .goal-img .tab-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 0.75s ease;
	opacity: 0;
	visibility: hidden;
}
.goal-wrapper .goal-img .tab-image img {
	height: 100%;
}
.goal-wrapper .goal-img .tab-image.active {
	opacity: 1;
	visibility: visible;
}
@media (max-width: 991.98px) {
	.goal-wrapper .goal-img .tab-image.active {
		position: static;
	}
}
.professional-wrapper .goal-wrapper .goal-img .content-box .dh1 {
  font-size: 3rem;
  font-family: "roboto-700";
}

.custom-bg-dark.pills-wrapper {
  background-color: #121c27;
}
.custom-bg-dark.pills-wrapper.bg-111 {
	background-color: #111111;
}
.custom-bg-dark.pills-wrapper .sec-ttl h2 span {
  color: #ffffff;
}
.custom-bg-dark.pills-wrapper .pills-cate .pills-item p {
  color: #ffffff;
}

.recruitment-wrapper .left-non-scroll .left-grad-ttl {
  padding-left: 9.4rem;
}
.recruitment-wrapper .left-non-scroll .left-grad-ttl h2 span::before {
  width: 8rem;
}
.recruitment-wrapper .left-non-scroll .wrap-img {
  padding: 0 2rem;
  position: relative;
  margin-right: 3.5rem;
  min-width: 33.1rem;
  min-height: 54rem;
}
@media (max-width: 575.98px) {
  .recruitment-wrapper .left-non-scroll .wrap-img {
    margin-right: 0;
    min-height: 40rem;
  }
}
.recruitment-wrapper .left-non-scroll .wrap-img .before-img {
  background-color: #ece6e1;
  position: absolute;
  top: -0.4rem;
  left: -2rem;
  z-index: -1;
}
.recruitment-wrapper .left-non-scroll .wrap-img .img-item {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  transition: all 0.75s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.recruitment-wrapper .left-non-scroll .wrap-img .img-item.active {
  width: 100%;
  right: auto;
  left: 0;
}
.recruitment-wrapper .left-non-scroll .wrap-img .img-item img {
  height: 100%;
}
.recruitment-wrapper .left-non-scroll .wrap-nav {
  padding: 2rem 0;
  border-left: 1px solid #d8d9da;
}
@media (max-width: 575.98px) {
  .recruitment-wrapper .left-non-scroll .wrap-nav {
    margin-top: 2rem;
  }
}
.recruitment-wrapper .left-non-scroll .wrap-nav .nav-ttl {
  padding-left: 4rem;
  margin-bottom: 4.4rem;
  position: relative;
}
.recruitment-wrapper .left-non-scroll .wrap-nav .nav-ttl:last-child {
  margin-bottom: 0;
}
.recruitment-wrapper .left-non-scroll .wrap-nav .nav-ttl::before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translatey(-50%) scale(0);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  left: -0.5rem;
  background-color: #121c27;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
}
@media (min-width: 992px) {
	.recruitment-wrapper .left-non-scroll {
		position: sticky;
		top: calc(var(--n-header-height) + 4rem);
		align-self: start;
	}
}
.recruitment-wrapper .left-non-scroll .wrap-nav .nav-ttl a {
  color: #9fa4a7;
  pointer-events: none;
}
.recruitment-wrapper .left-non-scroll .wrap-nav .nav-ttl.active {
  color: #121c27;
}
.recruitment-wrapper .left-non-scroll .wrap-nav .nav-ttl.active::before {
  transform: translatey(-50%) scale(1);
}
.recruitment-wrapper .left-non-scroll .wrap-nav .nav-ttl.active a {
  color: #121c27;
}
.recruitment-wrapper .wrap-content {
  overflow-y: scroll;
  scrollbar-width: none;
  width: 41%;
  scroll-behavior: smooth;
}
@media (max-width: 991.98px) {
  .recruitment-wrapper .wrap-content {
    width: 100%;
    margin-top: 3rem;
  }
}
.recruitment-wrapper .wrap-content::-webkit-scrollbar {
  display: none;
}
.recruitment-wrapper .wrap-content .content {
  margin-bottom: 3.5rem;
  scroll-margin-top: var(--n-header-height);
}
.recruitment-wrapper .wrap-content .content:last-child {
  margin-bottom: 0;
}
.recruitment-wrapper .wrap-content .content .title {
  font: 500 3.4rem/1.62 "roboto-500";
  color: #121c27;
  padding-bottom: 1.6rem;
  border-bottom: 1px solid #d8d9da;
}
.recruitment-wrapper .wrap-content .content p {
  color: #6b6969;
  padding: 3.6rem 0 2rem;
}
.recruitment-wrapper .wrap-content .content a {
  line-height: 1.94;
  letter-spacing: 0.016rem;
}
.recruitment-wrapper .wrap-content .content ul {
	padding-left: 2rem;
	margin: 1.2rem 0;
	list-style: disc;
}
.recruitment-wrapper .wrap-content .content ul li {
	padding: 0.8rem 0;
  color: #6b6969;
}
.recruitment-wrapper .d-flex:has(> .left-non-scroll):has(> .wrap-content) {
	gap: 1.6rem;
	justify-content: space-between;
}
.recruitment-wrapper.sec-dark .sec-ttl h2,
.recruitment-wrapper.sec-dark .wrap-content .content .title{
	color: #fff;	
}
.recruitment-wrapper.sec-dark .left-non-scroll {
	flex-grow: 1;
}
.recruitment-wrapper.sec-dark .wrap-content {
	flex-shrink: 0;
}
.recruitment-wrapper.sec-dark .left-non-scroll .wrap-nav .nav-ttl a {
	color: #D3D5D6;
	transition: all 0.3s ease;
}
.recruitment-wrapper.sec-dark .left-non-scroll .wrap-nav .nav-ttl.active a {
	color: #fff;
	font-size: 1.8rem;
	font-family: "eudoxus-700";
	font-weight: 700;
	line-height: 1.44;
}
.recruitment-wrapper.sec-dark .left-non-scroll .wrap-nav .nav-ttl::before {
	background: var(--gradient);
}
.recruitment-wrapper.sec-dark .wrap-content .content p {
	color: #f6f7f9;
}

.spam-slider-wrapper {
  background-color: #121c27;
}
.spam-slider-wrapper .spam-slider {
  list-style-type: disc;
}
.spam-slider-wrapper .spam-slider .spam-link {
  padding: 2.4rem 3rem 2.4rem 2rem;
  position: relative;
}
.spam-slider-wrapper .spam-slider .spam-link a {
  color: #ffffff;
  letter-spacing: 0.18rem;
}
.spam-slider-wrapper .spam-slider .spam-link::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translatey(-50%);
  font-size: 2rem;
  color: #ffffff;
}

.faq-wrapper {
  padding-top: 8rem;
  padding-bottom: 8rem;
  position: relative;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	overflow: clip;
}
.faq-wrapper > .row > .col-12:first-child {
  position: initial !important;
}
.faq-wrapper .faq-box {
  margin-left: auto;
  max-width: 622.5px;
  width: calc(var(--container-width) / 2);
	padding-right: 8rem;
	gap: 1.2rem;
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 1921px) {
  .faq-wrapper .faq-box {
    max-width: calc(var(--container-width) / 2 - 1.5rem);
  }
}
@media (max-width: 1399.98px) {
  .faq-wrapper .faq-box {
    max-width: 570px;
  }
}
@media (max-width: 1199.98px) {
  .faq-wrapper .faq-box {
    max-width: 480px;
  }
}
@media (max-width: 991.98px) {
  .faq-wrapper .faq-box {
    max-width: 100%;
    padding-left: 0;
	  padding-right: 0;
	width: var(--container-width);
  }
}
.faq-wrapper .faq-box .sub-text {
  font-size: 1.3rem;
  letter-spacing: 0.48rem;
  line-height: 100%;
	color: #0A1119;
}
.faq-wrapper .faq-box h2 {
  color: #0A1119;
	font: 700 3.8rem/1.3 "eudoxus-700";
}
.faq-wrapper .faq-box .accordion {
	--bs-body-bg: inherit;
}
.faq-wrapper .faq-box .accordion .border-bottom {
  border-bottom: 1px solid #d3d5d6;
}
.faq-wrapper .faq-box .accordion .accordion-item .accordion-header .accordion-button {
  font: 700 1.8rem/1.44 "eudoxus-700";
  padding: 2.2rem 0;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  color: #0A1119;
	gap: 2rem;
}
.faq-wrapper .faq-box .accordion .accordion-item .accordion-header .accordion-button::after {
  content: "-";
  background-image: none;
  transform: rotate(180deg);
  display: flex;
  align-items: center;
}
.faq-wrapper .faq-box .accordion .accordion-item .accordion-header .accordion-button.collapsed::after {
  content: "+";
}
.faq-wrapper .faq-box .accordion .accordion-item .accordion-body ul {
  list-style-type: disc;
  padding-left: 1.5rem;
  margin: 0;
	color: #4b535d;
}
.faq-wrapper .faq-box .more-link p {
	color: #4b535d;
}
.faq-wrapper .faq-box .more-link a {
	color: #0A1119;
}
.faq-wrapper.bg-primary-dark .faq-box .more-link a {
	color: #fff;
}
.faq-wrapper .faq-box .more-link {
  padding-right: 4rem;
}
@media (min-width: 576px) {
  .faq-wrapper .faq-box .more-link {
    padding-right: 10rem;
  }
}
.faq-wrapper .faq-box .more-link {
	margin-top: 0 !important;
}
.faq-wrapper .outline-box {
  border: 1px solid #d3d5d6;
  height: 11.6rem;
  width: 35.7rem;
  z-index: -1;
  pointer-events: none;
  left: 0;
  bottom: 0;
  opacity: 0.6;
}
.faq-wrapper .ob1 {
  transform: translate(-46%, 23%);
}
.faq-wrapper .ob2 {
  transform: translate(-21%, 55%);
}
.faq-wrapper.bg-primary-dark .faq-box .accordion,
.faq-wrapper.bg-111 .faq-box .accordion {
  --bs-accordion-color: #fff;
  --bs-accordion-bg: inherit;
}
.faq-wrapper.bg-primary-dark .faq-box .accordion .accordion-item .accordion-header .accordion-button,
.faq-wrapper.bg-111 .faq-box .accordion .accordion-item .accordion-header .accordion-button{
  color: #fff;
}
.faq-wrapper.bg-primary-dark .faq-box .accordion .accordion-item .accordion-body ul,
.faq-wrapper.bg-111 .faq-box .accordion .accordion-item .accordion-body ul{
  color: rgb(238, 238, 238);
}
.faq-wrapper.bg-primary-dark .faq-box .accordion .accordion-item .accordion-body p ,
.faq-wrapper.bg-primary-dark .faq-box .accordion .accordion-item .accordion-body ul li,
.faq-wrapper.bg-111 .faq-box .accordion .accordion-item .accordion-body p ,
.faq-wrapper.bg-111 .faq-box .accordion .accordion-item .accordion-body ul li{
  color: #F0F0F0;
}
.faq-wrapper .faq-right-img.contained-img {
	width: calc(var(--container-width));
}
@media (min-width:992px) {
	.faq-wrapper .faq-right-img.contained-img {
		width: calc(var(--container-width) / 2);
	}
}
@media (max-width: 991.98px) {
	.faq-wrapper > .row > div[class^="col-"]:nth-child(even) {
		order: -1;
		display: flex;
		justify-content: center;
	}
	.faq-wrapper .faq-right-img {
		width: var(--container-width);
		margin: 0 1.5rem 4rem;
		aspect-ratio: 1/1.08;
	}
}

.title-wrapper-2 .title-box {
  width: 100%;
  border-bottom: none;
  margin-bottom: 0;
}
.title-wrapper-2 .hr-border {
  height: 1px;
  width: 53%;
  background-color: rgba(255, 255, 255, 0.3019607843);
  margin: 2rem 0 5rem;
}

.esg-solution-wrapper {
  background-color: #f6f7f9;
}

.esg-solution-wrapper .content-box .grad-title {
  font: 700 3.4rem/1.47 "roboto-700";
}

.safety-audit-wrapper .desk-message {
  padding-left: 0;
  padding-right: 4rem;
}
.safety-audit-wrapper .img-with-text {
	height: 100%;
	position: absolute;
	width: 100%;
}
@media (max-width:991.98px) {
	.safety-audit-wrapper .img-with-text {
		aspect-ratio: 1.8/1;
		height: auto;
		position: static;
		padding-bottom: 3rem;
	}
	.safety-audit-wrapper .row > .col-12:nth-child(2) {
		order: -1;
	}
}

.audit-types-wrapper {
  overflow: hidden;
  background: #f6f7f9;
}
.audit-types-wrapper .audit-accordion {
  display: flex;
  gap: 4rem;
  --bs-accordion-btn-icon-transform: rotate(180deg);
}
.audit-types-wrapper .audit-accordion .accordion-column {
  flex: 1 1 0;
}
.audit-types-wrapper .audit-accordion .accordion-column .accordion-item {
  padding-bottom: 1rem;
  background: transparent;
  border: none;
}
.audit-types-wrapper .audit-accordion .accordion-column .accordion-item .accordion-header {
  border: none;
}
.audit-types-wrapper .audit-accordion .accordion-column .accordion-item .accordion-header .accordion-button {
  padding: 0 1.2rem 0 0;
  position: relative;
  font-size: 1.6rem;
  font-family: "roboto-500";
  font-weight: 500;
  line-height: 2.6rem;
  color: #121c27;
  box-shadow: none;
  transition: all 0.4s ease;
}
.audit-types-wrapper .audit-accordion .accordion-column .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  padding: 1.6rem 1.2rem;
  font-size: 1.8rem;
  font-family: "eudoxus-700";
  font-weight: 700;
  line-height: 2.6rem;
  background: #121c27;
  color: #ffffff;
  border-bottom: 1px solid #d3d5d6;
}
.audit-types-wrapper .audit-accordion .accordion-column .accordion-item .accordion-header .accordion-button::before, .audit-types-wrapper .audit-accordion .accordion-column .accordion-item .accordion-header .accordion-button::after {
  content: "";
  height: 4.8rem;
  width: 4.8rem;
  transition: all 0.3s ease;
}
.audit-types-wrapper .audit-accordion .accordion-column .accordion-item .accordion-header .accordion-button::after {
  background: url(../images/add.svg) no-repeat center center;
  background-size: 2.4rem;
}
.audit-types-wrapper .audit-accordion .accordion-column .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
	background: url(../images/minus.svg) no-repeat center center;
}
.audit-types-wrapper .audit-accordion .accordion-column .accordion-item .accordion-header .accordion-button::before {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-right: 1.2rem;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.audit-types-wrapper .audit-accordion .accordion-column .accordion-item .accordion-header .accordion-button:not(.collapsed)::before {
  background-color: #ffffff;
}
.audit-types-wrapper .audit-accordion .accordion-column .accordion-item .accordion-body {
  color: #ffffff;
  background-color: #121c27;
  transition: color 0.4s ease;
  padding: 3.6rem 1.6rem;
  margin-bottom: 1rem;
}
.audit-types-wrapper .audit-accordion .accordion-column .accordion-item .accordion-body .info-list {
  display: flex;
  flex-direction: column;
  gap: 4.2rem;
}
.audit-types-wrapper .audit-accordion .accordion-column .accordion-item .accordion-body .info-list li {
  display: flex;
  flex-direction: column;
  line-height: 1.5625;
}
.audit-types-wrapper .audit-accordion .accordion-column .accordion-item .accordion-body .info-list li strong {
  font-family: "roboto-700";
  font-weight: 700;
  line-height: 1.25;
}

.audit-methodology-wrapper {
  background-color: #121c27;
  overflow: hidden;
  position: relative;
}
.audit-methodology-wrapper .hr-divider {
  position: absolute;
  left: -100vw;
  width: 300vw;
  height: 1px;
  bottom: 0;
  background: #353e47;
	transform: translatey(15.8rem);
}
.audit-methodology-wrapper .methodology-slider .methodology-box {
  color: #ffffff;
  padding: 1.6rem 2.4rem 0;
}
.audit-methodology-wrapper .methodology-slider .methodology-box .step {
  text-transform: uppercase;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0.48rem;
}
.audit-methodology-wrapper .methodology-slider .methodology-box .ttl {
  font-size: 2.4rem;
  font-family: "roboto-500";
  font-weight: 500;
  line-height: 1.33;
  margin: 1.4rem 0 2.8rem;
	min-height: 6.4rem;
}
.audit-methodology-wrapper .methodology-slider .methodology-box .step-count {
  font-family: "publicsans-500";
  font-size: 2rem;
  font-weight: 500;
  color: #0a1119;
  line-height: 4.8rem;
  border-radius: 50%;
  background: #ffffff;
  height: 4.8rem;
  width: 4.8rem;
}
.audit-methodology-wrapper .methodology-slider .methodology-box p {
  font-family: "publicsans-400";
  font-size: 1.5rem;
  color: #c4c4c4;
  line-height: 1.667;
  margin: 3.2rem auto 0.4rem;
  max-width: 26rem;
}

.audit-benefits-wrapper {
  overflow: hidden;
}
.audit-benefits-wrapper .benefits {
  display: flex;
  flex-wrap: wrap;
  --column-gap: 3.6rem;
  -moz-column-gap: var(--column-gap);
       column-gap: var(--column-gap);
  row-gap: 2.2rem;
}
.audit-benefits-wrapper .benefits .benefit-box {
  width: calc((100% - 2 * var(--column-gap)) / 3);
  display: flex;
  gap: 2.2rem;
  padding: 1.5rem 0;
}
.audit-benefits-wrapper .benefits .benefit-box .icon-wrapper {
  width: 7.4rem;
  height: 7.4rem;
  border: 1px solid #d3d5d6;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.9rem;
}
.audit-benefits-wrapper .benefits .benefit-box .icon-wrapper img {
  width: 3.2rem;
  aspect-ratio: 1/1;
}
.audit-benefits-wrapper .benefits .benefit-box .content .ttl {
  font-size: 2.3rem;
  font-weight: 500;
  font-family: "roboto-500";
  color: #0a1119;
  line-height: 1.52;
  margin-bottom: 2.2rem;
}
.audit-benefits-wrapper .benefits .benefit-box .content p {
  color: #4b535d;
  font-size: 1.5rem;
  font-family: "publicsans-500";
  line-height: 1.667;
}
@media (max-width: 991.98px) {
  .audit-benefits-wrapper .benefits .benefit-box {
    width: calc((100% - 1 * var(--column-gap)) / 2);
  }
}
@media (max-width: 499.98px) {
  .audit-benefits-wrapper .benefits .benefit-box {
    width: 100%;
  }
}

.importance-wrapper.v2 {
  background: #f6f7f9;
}
.importance-wrapper.v2 .importance h2,
.importance-wrapper.v2 .importance h3,
.importance-wrapper.v2 .importance .inner .box p {
  color: #121c27;
}

.magazine-hero-wrapper {
  padding: 0 0.75rem;
  background-color: #121c27;
}
.magazine-hero-wrapper .dark-bg {
  background-color: #121c27;
}
.magazine-hero-wrapper .magazine-hero-content {
  max-width: 622.5px;
}
.magazine-hero-wrapper .magazine-hero-content h1 {
	font: 700 3.8rem/1.3 "eudoxus-700";
}
.magazine-hero-wrapper .magazine-hero-content h1.sub-heading {
	font: 400 3.8rem/1.2 "eudoxus-400";
}
@media (min-width: 1921px) {
  .magazine-hero-wrapper .magazine-hero-content {
    max-width: calc(var(--container-width) / 2 - 1.5rem);
  }
}
@media (max-width: 1399.98px) {
  .magazine-hero-wrapper .magazine-hero-content {
    max-width: 570px;
  }
}
@media (max-width: 1199.98px) {
  .magazine-hero-wrapper .magazine-hero-content {
    max-width: 480px;
  }
}
@media (max-width: 991.98px) {
  .magazine-hero-wrapper .magazine-hero-content {
    max-width: 100%;
    padding-left: 0;
  }
}
.magazine-hero-wrapper .slick-btn-box {
  background-color: rgba(18, 28, 39, 0.6666666667);
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateX(-50%);
  z-index: 3;
  height: 15.4rem;
  width: 13.2rem;
}
.magazine-hero-wrapper .slick-btn-box .slick-arrow {
  width: 5.2rem;
  height: 5.2rem;
  background: #d3d5d6;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.magazine-hero-wrapper .slick-btn-box .slick-arrow::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/right.png");
  background-size: 3rem;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 1;
  filter: brightness(0);
}
.magazine-hero-wrapper .slick-btn-box .slick-arrow.slick-next {
  top: 1.8rem;
}
.magazine-hero-wrapper .slick-btn-box .slick-arrow.slick-prev {
  bottom: 1.8rem;
}
.magazine-hero-wrapper .slick-btn-box .slick-arrow.slick-prev::before {
  transform: rotate(180deg);
}
@media (max-width: 991.98px) {
  .magazine-hero-wrapper .slick-btn-box {
    right: 0;
    left: unset;
    transform: translate(-25%, 50%);
  }
}
@media (max-width: 575.98px) {
  .magazine-hero-wrapper .slick-btn-box {
    height: auto;
    width: 10rem;
    aspect-ratio: 1/1.167;
  }
  .magazine-hero-wrapper .slick-btn-box .slick-arrow {
    width: 3.4rem;
    height: 3.4rem;
  }
  .magazine-hero-wrapper .slick-btn-box .slick-arrow::before {
    background-size: 2.4rem;
  }
}
.magazine-hero-wrapper .magazine-banner {
	max-width: calc(var(--container-width)/2);
  	padding: 4rem 0;
	margin: auto auto auto 0;
}
.magazine-hero-wrapper .magazine-banner img {
/*   width: 100%; */
  height: auto;
  aspect-ratio: 1.5/1;
}
@media (max-width: 991.98px) {
  	.magazine-hero-wrapper .magazine-banner {
		max-width: calc(var(--container-width));
		margin-left: auto;
		margin-right: auto;
		padding: 0;
	}
}
.magazine-hero-wrapper .universal-bg-wrapper .bg-embed-vid {
	width: 100%;
	height: auto;
	aspect-ratio: 16/9;
}
@media (min-width: 992px) {
	.magazine-hero-wrapper .universal-bg-wrapper .bg-vid,
	.magazine-hero-wrapper .universal-bg-wrapper .bg-embed-vid {
		max-width: calc(var(--container-width)/2);
	}
}
.magazine-hero-wrapper .universal-bg-wrapper .bg-vid video {
	object-fit: contain;
}

.magazine-about-wrapper {
  overflow: hidden;
}
.magazine-about-wrapper .content p strong {
  font-weight: 400;
  background: var(--gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.magazine-about-wrapper .bg-grey {
  background-color: #f5f5f5;
}
.magazine-about-wrapper .overview {
  background-color: #f5f5f5;
  padding-right: 50vw;
  margin-right: -50vw;
}
@media (max-width: 991.98px) {
  .magazine-about-wrapper .overview {
    padding-left: 50vw;
    margin-left: -50vw;
  }
}
.magazine-about-wrapper .overview ul li {
  margin-bottom: 2.4rem;
  position: relative;
}
.magazine-about-wrapper .overview ul li p {
  display: inline-block;
  font-size: 2.2rem;
  font-family: "eudoxus-500";
  color: #000000;
  line-height: 4rem;
  background-color: #ffffff;
  padding: 1rem 1rem 1rem 1.6rem;
}
.magazine-about-wrapper .overview ul li::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 22.4rem;
  border-left: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -o-border-image: var(--gradient) 1;
     border-image: var(--gradient) 1;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .magazine-about-wrapper .overview ul {
    display: flex;
    flex-wrap: wrap;
  }
  .magazine-about-wrapper .overview ul li {
    width: 50%;
  }
}

.issues-wrapper {
  overflow: hidden;
  background-color: #121c27;
}
.issues-wrapper .ttl {
  font: 600 3.4rem/1.47 "roboto-600";
  text-transform: uppercase;
}
.issues-wrapper .current-issues {
  padding: 3.2rem 0;
  border: 1px solid rgba(245, 245, 245, 0.5019607843);
}
.issues-wrapper .current-issues .current-issue-item {
  padding-bottom: 2.4rem;
}
.issues-wrapper .current-issues .current-issue-item img {
  width: 14rem;
  box-shadow: 1rem 1rem 1.7rem rgba(107, 105, 105, 0.6274509804);
  margin: 0 2.4rem;
}
@media (max-width: 991.98px) {
  .issues-wrapper .current-issues .current-issue-item img {
    width: 13rem;
    margin: 0 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .issues-wrapper .current-issues .current-issue-item img {
    width: 16rem;
  }
}
.issues-wrapper .current-issues .current-issue-item .item-details {
  padding: 0 0.4rem;
}
.issues-wrapper .current-issues .current-issue-item .item-details h4 {
  font: 700 3rem/1.2 "roboto-700"
}
.issues-wrapper .current-issues .current-issue-item .item-details p {
  line-height: 0.6875;
}
@media (max-width: 767.98px) {
  .issues-wrapper .current-issues .current-issue-item .item-details .sub-btn {
    font-size: 1.6rem;
  }
}
.issues-wrapper .current-issues .refferal {
  margin: 1rem 2.4rem 0 4.4rem;
}
.issues-wrapper .current-issues .refferal ul {
  list-style: disc;
  color: #ffffff;
}
.issues-wrapper .current-issues .refferal ul li {
  font-size: 1.2rem;
  font-family: "roboto-500";
  line-height: 2rem;
  padding-top: 1.4rem;
}
.issues-wrapper .past-issues {
  padding: 3.2rem;
  border: 1px solid rgba(245, 245, 245, 0.5019607843);
}
.issues-wrapper .past-issues .issues-slider .item {
  padding: 2.4rem 3rem;
  border: 1px solid rgba(246, 247, 249, 0.2);
  border-radius: 2rem;
  margin: 0 auto;
  max-width: 25rem;
}
.issues-wrapper .past-issues .issues-slider .item img {
  width: 19rem;
  box-shadow: 0.4rem 0.4rem 0.4rem rgba(0, 0, 0, 0.6);
}
.issues-wrapper .past-issues .issues-slider .slick-arrow {
  position: absolute;
  left: auto;
  top: -6.5rem;
  right: 0;
  width: 3.2rem;
  height: 3.2rem;
  background: #f5f5f5;
  transform: none;
}
.issues-wrapper .past-issues .issues-slider .slick-arrow::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/right.png");
  background-size: 1.5rem;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 1;
  filter: brightness(0);
}
.issues-wrapper .past-issues .issues-slider .slick-arrow.slick-prev {
  transform: translateX(calc(-100% - 1rem));
}
.issues-wrapper .past-issues .issues-slider .slick-arrow.slick-prev::before {
  transform: rotate(180deg);
}
@media (min-width: 576px) {
  .issues-wrapper .past-issues {
    padding-right: 50vw;
    margin-right: -50vw;
  }
  .issues-wrapper .past-issues .issues-slider {
    margin-right: -3rem;
  }
  .issues-wrapper .past-issues .issues-slider .slick-arrow {
    right: 3rem;
  }
}
.issues-wrapper .archive-pg-btn {
  margin-top: 4rem;
}

.subscription-wrapper {
  background-color: #f5f5f5;
}
.subscription-wrapper .toggle-container {
  background: var(--gradient);
  width: -moz-fit-content;
  width: fit-content;
  padding: 1rem 3rem;
  border-radius: 6.2rem;
}
.subscription-wrapper .toggle-container .toggle-btn {
  border: none;
  background: transparent;
  padding: 1.4rem 3.3rem;
  border-radius: 4.6rem;
  transition: all 0.3s ease;
  font: 700 1.8rem/1.44 "eudoxus-700";
  color: #ffffff;
}
.subscription-wrapper .toggle-container .toggle-btn.active {
  background: #ffffff;
  color: #121c27;
}
.subscription-wrapper .other-container .other-item {
  display: none;
  opacity: 0;
  transition: all 0.4s ease;
}
.subscription-wrapper .other-container .other-item.active {
  display: unset;
}
.subscription-wrapper .other-container .other-item.active.fade-in {
  opacity: 1;
}
.subscription-wrapper .other-container .other-item .subscription-table .table {
  --bs-table-color: $primary-color;
  border-collapse: collapse;
}
.subscription-wrapper .other-container .other-item .subscription-table .table th,
.subscription-wrapper .other-container .other-item .subscription-table .table td {
  border: 1px solid #e6e9f5;
  white-space: nowrap;
}
.subscription-wrapper .other-container .other-item .subscription-table .table thead {
  --bs-table-color: #ffffff;
  --bs-table-bg: #121c27;
}
.subscription-wrapper .other-container .other-item .subscription-table .table thead th {
  vertical-align: middle;
  padding: 2rem 1rem;
  gap: 1.2rem;
}
.subscription-wrapper .other-container .other-item .subscription-table .table thead th .dh4,
.subscription-wrapper .other-container .other-item .subscription-table .table thead th .dh3 {
  color: #ffffff;
}
.subscription-wrapper .other-container .other-item .subscription-table .table thead th .dh3 {
	font-size: 3rem;
	line-height: 1.2;
	font-family: "roboto-700";
	font-weight: 700;
}
.subscription-wrapper .other-container .other-item .subscription-table .table tbody {
  --bs-table-color: #252430;
}
.subscription-wrapper .other-container .other-item .subscription-table .table tbody tr {
  height: 8rem;
}
.subscription-wrapper .other-container .other-item .subscription-table .table tbody tr th {
  font-family: "eudoxus-700";
  font-size: 1.8rem;
}
.subscription-wrapper .other-container .other-item .subscription-table .table tbody tr td {
  font-family: "eudoxus-500";
  font-size: 2.2rem;
}
.subscription-wrapper .other-container .other-item .subscription-table .table tbody .inr h3 {
  color: #252430;
	font-weight: 700;
	font-family: "roboto-700";
}
.subscription-wrapper .other-container .other-item .subscription-table .table tbody .input-row td {
  position: relative;
}
.subscription-wrapper .other-container .other-item .subscription-table .table tbody .input-row td::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 0.3rem;
  width: 100%;
  background: var(--gradient);
}
.subscription-wrapper .other-container .other-item .subscription-table .table tbody .input-row td .custom-radio {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.subscription-wrapper .other-container .other-item .subscription-table .table tbody .input-row td .custom-radio .radio-label {
  font-size: 1.8rem;
  font-family: "eudoxus-500";
}
.subscription-wrapper .other-container .other-item .subscription-table .table tbody .input-row td .custom-radio input[type=radio] {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 2.9rem;
  height: 2.9rem;
  border-radius: 50%;
  background: #f6f7f9;
  margin-right: 1rem;
  border: none;
  cursor: pointer;
}
.subscription-wrapper .other-container .other-item .subscription-table .table tbody .input-row td .custom-radio input[type=radio]:checked::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.5rem;
  height: 1.5rem;
  background: rgba(18, 28, 39, 0.8);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.subscription-wrapper .other-container .other-item .subscription-table .note {
  padding: 1.1rem;
  background-color: #121c27;
}
.subscription-wrapper .other-container .other-item .subscription-form {
  background-color: #ffffff;
}
.subscription-wrapper .other-container .corporate-member.other-item .subscription-table .table thead th {
  padding: 4.4rem 1rem;
}
.subscription-wrapper .other-container .corporate-member.other-item .subscription-table .table tbody tr td {
  font-family: "eudoxus-400";
}
.subscription-wrapper .other-container .corporate-member.other-item .subscription-table .table tbody .get td {
  font-size: 5rem;
  line-height: 0.13;
  font-family: "eudoxus-700";
}
.subscription-wrapper .other-container .corporate-member.other-item .subscription-table .table tbody .get td sup {
  font-size: 1.4rem;
  font-family: "eudoxus-500";
  top: -3.5rem;
}
.subscription-wrapper .other-container .corporate-member.other-item .subscription-table .note-2 {
  padding: 3.7rem 1rem;
  border: 1px solid #e6e9f5;
}
.subscription-wrapper .other-container .corporate-member.other-item .subscription-table .note-2 p {
  font-size: 1.4rem;
  color: #455780;
}
.subscription-wrapper .other-container .corporate-member.other-item .subscription-form {
  margin-top: -31rem;
  padding-top: 31rem;
}
@media (max-width: 767.98px) {
  .subscription-wrapper .other-container .other-item .subscription-table .table thead th .dh3,
  .subscription-wrapper .other-container .other-item .subscription-table .table tbody .inr .dh3 {
    font-size: 2.4rem;
  }
  .subscription-wrapper .other-container .other-item .subscription-table .table .dh4 {
    font-size: 1.8rem;
  }
  .subscription-wrapper .other-container .other-item .subscription-table .table tr.free td {
    white-space: normal;
  }
  .subscription-wrapper .other-container .other-item .subscription-table .table tbody tr th {
    white-space: normal;
  }
}
@media (max-width: 575.98px) {
  .subscription-wrapper .other-container .other-item .subscription-table .table tbody tr td {
    font-size: 1.8rem;
  }
  .subscription-wrapper .other-container .other-item.corporate-member .subscription-table .table thead th {
    padding: 3.8rem 1rem;
  }
  .subscription-wrapper .other-container .other-item.corporate-member .subscription-table .table tbody tr.get td {
    font-size: 4.4rem;
  }
}

.offer-wrapper {
  background-color: #f5f5f5;
  overflow: hidden;
}
.offer-wrapper .sub-heading {
  font: 700 1.8rem/1.44 "eudoxus-700";
}
.offer-wrapper .offer-ttl .mega-title {
  position: relative;
  font: 400 9.6rem/1.1 "anton-400";
  width: -moz-min-content;
  width: min-content;
  position: relative;
}
.offer-wrapper .offer-ttl .mega-title .main-text {
  position: relative;
  display: block;
  z-index: 1;
}
.offer-wrapper .offer-ttl .mega-title .shadow-text {
  position: absolute;
  top: 0;
  left: 0;
  color: #121c27;
  transform: translate(-1px, 1px);
}
@media (max-width: 767.98px) {
  .offer-wrapper .offer-ttl {
    margin-left: -50vw;
    padding-left: 50vw;
    overflow: hidden;
  }
  .offer-wrapper .offer-ttl .mega-title {
    white-space: nowrap;
  }
  .offer-wrapper .offer-desc {
	display: flex;
	flex-direction: column;
	align-items: center;
  }
}
@media (max-width: 424.98px) {
  .offer-wrapper .offer-ttl .mega-title {
    white-space: normal;
  }
}
.offer-wrapper .offer-desc ul {
  list-style: disc;
}

.ad-wrapper .sec-ttl p {
  max-width: 104rem;
  margin: 0 auto;
}
.ad-wrapper .price-list {
  gap: 1.8rem;
}
.ad-wrapper .price-list .checkbox-label {
  padding: 3rem 2rem 0;
}
.ad-wrapper .price-list .price-card {
  width: calc(20% - 1.44rem);
  aspect-ratio: 1/0.875;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 0.5px solid rgba(18, 28, 39, 0.5019607843);
  max-width: 23.2rem;
}
.ad-wrapper .price-list .price-card .price-banner {
  padding: 1.2rem 1.6rem;
  display: flex;
  align-items: end;
  justify-content: end;
  background-color: #121c27;
  height: 50%;
  -webkit-clip-path: polygon(0 40%, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(0 40%, 100% 0, 100% 100%, 0% 100%);
}
.ad-wrapper .price-list .price-card .price-banner .dh3 {
  color: #ffffff;
  font: 700 3rem/1.2 "roboto-700";
}
@media (max-width: 991.98px) {
  .ad-wrapper .price-list .price-card {
    width: calc(33.33% - 1.44rem);
  }
}
@media (max-width: 575.98px) {
  .ad-wrapper .price-list .price-card {
    width: calc(50% - 1.44rem);
  }
}
.ad-wrapper .ad-form .form-container .form-input-group .form-control {
  border-radius: 4rem;
}

.archive-wrapper {
  background-color: #f6f7f9;
}
.archive-wrapper .mag-item {
  background-color: #ffffff;
  margin: 0.1rem;
  padding: 2.6rem;
  box-shadow: 0.4rem 0.4rem 0.4rem rgba(0, 0, 0, 0.0509803922);
}
.archive-wrapper .mag-item img {
  max-width: 19rem;
  box-shadow: 0 0.4rem 0.4rem rgba(0, 0, 0, 0.2509803922);
}
.archive-wrapper .mag-item h3 {
  font: 700 1.8rem/1.44 "eudoxus-700";
}
.archive-wrapper .mag-item p {
  font-size: 1.4rem;
  padding-top: 0.2rem;
}
.archive-wrapper .mag-item .d-zip {
  font-size: 1.2rem;
  font-family: "roboto-500";
  position: relative;
  border: 1px solid #d3d5d6;
  border-radius: 0.4rem;
  padding: 0.2rem 1rem 0.2rem 3.8rem;
  line-height: 2;
}
.archive-wrapper .mag-item .d-zip::before {
  content: "";
  position: absolute;
  left: 1rem;
  top: 50%;
  height: 2.4rem;
  width: 2.4rem;
  transform: translateY(-50%);
  background-image: url(../images/folder.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.archive-wrapper .mag-item .d-zip:hover {
  background-color: #d3d5d6;
}


.blog-hero-wrapper .main-blog {
  position: relative;
}
.blog-hero-wrapper .main-blog::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #121c27 0%, rgba(18, 28, 39, 0.9) 30%, rgba(18, 28, 39, 0) 80%);
}
.blog-hero-wrapper .main-blog .blog-img {
  min-height: 55.6rem;
}
@media (min-width: 992px) {
.blog-hero-wrapper .main-blog .blog-img {
  max-height: 55.6rem;
}
}
.blog-hero-wrapper .main-blog .blog-desc {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 85%;
  z-index: 1;
  padding: 4rem 1.5rem;
}
.blog-hero-wrapper .main-blog .blog-desc .blog-meta {
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2509803922);
  color: #ffffff;
  font-size: 1.5rem;
  font-family: 'publicsans-400';
}
.blog-hero-wrapper .main-blog .blog-desc .blog-meta .svg-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3rem;
  width: 3rem;
  border: 1px solid rgba(255, 255, 255, 0.1490196078);
  border-radius: 50%;
  padding: 0.9rem;
}
.blog-hero-wrapper .main-blog .blog-desc .blog-meta .svg-wrapper .icon {
	filter: brightness(0) saturate(100%) invert(100%);
}
.blog-hero-wrapper .main-blog .blog-desc .blog-meta .blog-author .author-img {
  width: 3rem;
  border-radius: 50%;
}
.blog-hero-wrapper .main-blog .blog-desc .blog-content .blog-ttl {
  font-size: 3.4rem;
  font-family: "roboto-700";
  font-weight: 700;
}
.blog-hero-wrapper .main-blog .blog-desc .blog-content .continue-read-link {
  padding-top: 3.6rem;
}
@media (max-width: 767.98px) {
  .blog-hero-wrapper .main-blog .blog-desc {
    width: 100%;
    padding: 2rem 1.5rem;
  }
  .blog-hero-wrapper .main-blog .blog-desc .blog-content .blog-ttl {
    font-size: 3rem;
  }
  .blog-hero-wrapper .main-blog .blog-desc .blog-content .continue-read-link {
    padding-top: 2rem;
  }
}
@media (max-width: 424.98px) {
  .blog-hero-wrapper .main-blog .blog-img {
    min-height: 60rem;
  }
}

.blogs-wrapper .filters {
  font-size: 1.5rem;
  line-height: 1;
  font-family: 'publicsans-400';
}
.blogs-wrapper .filters select.form-control {
  border: 1px solid #d3d5d6;
  border-radius: 3rem;
  padding: 1.7rem 4.8rem 1.7rem 2rem;
  font-size: 1.5rem;
  line-height: 1;
  background: url("../images/select-arrow.svg") no-repeat right 2rem center;
  background-size: 2.8rem auto;
  min-width: 30rem;
}
.blogs-wrapper .filters .form-label {
  margin-bottom: 0.8rem;
}
.blogs-wrapper .blog-list .blog-list-row {
  --bs-gutter-y: 4rem;
}
.blogs-wrapper .blog-list .blog-card {
  border: 1px solid #f5f5f5;
  border-radius: 1rem;
  height: 100%;
  overflow: hidden;
}
.blogs-wrapper .blog-list .blog-card .img-wrapper {
  aspect-ratio: 1/0.725;
  overflow: hidden;
}
.blogs-wrapper .blog-list .blog-card .img-wrapper img {
	width: 100%;
	height: 100%;
	transition: scale 0.4s ease;
}
.blogs-wrapper .blog-list .blog-card:hover .img-wrapper img {
	scale: 1.06;
}
.blogs-wrapper .blog-list .blog-card .blog-desc {
  padding: 2.5rem 2.4rem 3.5rem;
}
.blogs-wrapper .blog-list .blog-card .blog-desc .blog-ttl {
  font-family: "eudoxus-700";
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.44;
  color: #121c27;
  margin-bottom: 2.2rem;
  min-height: 5.2rem;
}
@media (max-width: 474.98px) {
  .blogs-wrapper .filters {
    flex-direction: column;
    gap: 2rem;
  }
  .blogs-wrapper .blog-list .col-xs-12 {
    width: 100%;
  }
  .blogs-wrapper .blog-list .blog-card .blog-desc .blog-ttl {
    min-height: unset;
  }
}


.blog-info-tw .title-box .title-heading {
  font-size: 3.4rem;
  font-family: "roboto-700";
}
@media (max-width:424.98px) {
	.blog-info-tw .title-box .title-heading {
		font-size: 2.8rem;
	}
}
.blog-info-tw .title-box .title-heading::after {
  content: none;
}
@media (min-width: 992px) {
  .blog-info-tw .title-box .title-heading {
    max-width: 91rem;
  }
}

.detailed-blog-wrapper {
  background-color: #f6f7f9;
}
@media (min-width: 992px) {
  .detailed-blog-wrapper .mainarea {
    padding-right: 5rem;
  }
}
.detailed-blog-wrapper .mainarea .blog-meta {
  padding: 0.7rem 0 1.8rem;
  border-bottom: 1px solid #d3d5d6;
  margin-bottom: 2.4rem;
  font-size: 1.5rem;
  font-family: "publicsans-400";
}
@media (max-width: 575.98px) {
	.detailed-blog-wrapper .mainarea .blog-meta {
		flex-direction: column;
		gap: 1.2rem;
	}
}
.detailed-blog-wrapper .mainarea .blog-meta .svg-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3rem;
  width: 3rem;
  border: 1px solid #d4d6d7;
  border-radius: 50%;
  padding: 0.9rem;
}
.detailed-blog-wrapper .mainarea .blog-meta .svg-wrapper .watch {
	scale: 1.4;
}
.detailed-blog-wrapper .mainarea .blog-meta .blog-author .author-img {
  width: 3rem;
  border-radius: 50%;
}
.detailed-blog-wrapper .mainarea .blog-meta .blog-author .author-link {
	color: #c2410c;
}
.detailed-blog-wrapper .mainarea .blog-meta .blog-author .author-link:hover {
	text-decoration: underline;
}
.detailed-blog-wrapper .mainarea .blog-content img {
  	margin: 2rem 0;
    width: 100%;
    height: auto;
	aspect-ratio: 1200/628;
	object-fit: cover;
}
.detailed-blog-wrapper .mainarea .blog-content p{
	margin-top: 1.4rem;
}
.detailed-blog-wrapper .mainarea .blog-content h1,
.detailed-blog-wrapper .mainarea .blog-content h2,
.detailed-blog-wrapper .mainarea .blog-content h3,
.detailed-blog-wrapper .mainarea .blog-content h4,
.detailed-blog-wrapper .mainarea .blog-content h5,
.detailed-blog-wrapper .mainarea .blog-content h6 {
  margin-top: 1.8rem;
}
.detailed-blog-wrapper .mainarea .blog-content h2 {
	scroll-margin-top: calc(-1 * var(--header-height));
}
.detailed-blog-wrapper .mainarea .blog-content h2 {
	font-family: "eudoxus-700";
	font-weight: 700;
	font-size : 2.4rem;
	color: #121C27;
}
.detailed-blog-wrapper .mainarea .blog-content h3 {
	font-family: "eudoxus-700";
	font-weight: 700;
	font-size : 1.8rem;
	color: #121C27;
}
.detailed-blog-wrapper .sidearea,
.detailed-blog-wrapper .mainarea {
  position: sticky;
  top: 16rem;
}
.detailed-blog-wrapper .mainarea .blog-content h1,
.detailed-blog-wrapper .mainarea .blog-content h4,
.detailed-blog-wrapper .mainarea .blog-content h5,
.detailed-blog-wrapper .mainarea .blog-content h6 {
	color: #121C27;
	font-family: "eudoxus-700";
	font-weight: 700;
}
.detailed-blog-wrapper .mainarea .blog-content table {
	border-collapse: collapse;
}
.detailed-blog-wrapper .mainarea .blog-content blockquote {
	background: #fff;
    padding: 2rem 2rem 2rem 7rem;
    margin: 2rem 0;
	color: #121C27;
	position: relative;
}
.detailed-blog-wrapper .mainarea .blog-content blockquote::before {
	content: "";
	position: absolute;
	left: 2rem;
	top: 2rem;
	width: 3rem;
	height: 3rem;
	background: url(../images/home-testi-quote-1.png) center / contain no-repeat;
	transform: rotate(180deg);
	filter: invert(40%) sepia(100%) saturate(800%) hue-rotate(90deg);
}
.detailed-blog-wrapper .mainarea .blog-content blockquote p {
	color: #121C27;
}
.detailed-blog-wrapper .sidearea .page-index-wrapper {
  background: #ffffff;
  padding: 2.4rem 4.5rem 5rem;
}
@media (min-width: 768px) and (max-width: 991.98px) {
	.detailed-blog-wrapper .sidearea .page-index-wrapper {
		position: sticky;
		top: 2rem;
	}
}
.detailed-blog-wrapper .sidearea .page-index-wrapper .title {
  color: #3c4257;
  font-size: 2.4rem;
  font-family: "roboto-700";
  font-weight: 700;
  line-height: 1.5;
}
.detailed-blog-wrapper .sidearea .page-index-wrapper .index-list .index-item,
.detailed-blog-wrapper .sidearea .page-index-wrapper .ez-toc-list li {
  padding: 1.4rem 2.5rem 1.4rem 1.6rem;
  position: relative;
  transition: all 0.4s ease;
}
.detailed-blog-wrapper .sidearea .page-index-wrapper .index-list .index-item .index-link,
.detailed-blog-wrapper .sidearea .page-index-wrapper .ez-toc-list li .ez-toc-link {
  font-size: 1.4rem;
  line-height: 1.71;
  font-family: "roboto-500";
  font-weight: 500;
  color: #3c4257;
  transition: all 0.4s ease;
}
.detailed-blog-wrapper .sidearea .page-index-wrapper .index-list .index-item::after,
.detailed-blog-wrapper .sidearea .page-index-wrapper .ez-toc-list li::after {
  content: "";
  width: 0.2rem;
  height: 0;
  background: #ea580c;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: height 0.4s ease;
}
.detailed-blog-wrapper .sidearea .page-index-wrapper .index-list .index-item::before,
.detailed-blog-wrapper .sidearea .page-index-wrapper .ez-toc-list li::before {
  content: "";
  width: 0.2rem;
  height: 100%;
  background: #eeeeee;
  position: absolute;
  left: 0;
  top: 0;
}
.detailed-blog-wrapper .sidearea .page-index-wrapper .index-list .index-item.active,
.detailed-blog-wrapper .sidearea .page-index-wrapper .index-list .index-item:hover,
.detailed-blog-wrapper .sidearea .page-index-wrapper .ez-toc-list li:hover,
.detailed-blog-wrapper .sidearea .page-index-wrapper .ez-toc-list li.active {
  background: #fff7ed;
}
.detailed-blog-wrapper .sidearea .page-index-wrapper .index-list .index-item.active .index-link,
.detailed-blog-wrapper .sidearea .page-index-wrapper .index-list .index-item:hover .index-link,
.detailed-blog-wrapper .sidearea .page-index-wrapper .ez-toc-list li:hover .ez-toc-link,
.detailed-blog-wrapper .sidearea .page-index-wrapper .ez-toc-list li.active .ez-toc-link {
  color: #c2410c;
}
.detailed-blog-wrapper .sidearea .page-index-wrapper .index-list .index-item.active::after,
.detailed-blog-wrapper .sidearea .page-index-wrapper .index-list .index-item:hover::after,
.detailed-blog-wrapper .sidearea .page-index-wrapper .ez-toc-list li:hover::after,
.detailed-blog-wrapper .sidearea .page-index-wrapper .ez-toc-list li.active::after{
  height: 100%;
}
.detailed-blog-wrapper .sidearea .content-table .table-ttl {
  padding: 2rem 3.5rem;
  background-color: #121c27;
}
.detailed-blog-wrapper .sidearea .content-table .table-ttl h3,
.detailed-blog-wrapper .sidearea .consulation-form .form-ttl h3 {
	font-size: 2.4rem;
	font-family: "roboto-500";
	font-weight: 500;
	letter-spacing: 0.08rem;
	line-height: 1.67;
}
.detailed-blog-wrapper .sidearea .content-table ul li {
  border-top: 1px solid #d3d5d6;
  font-size: 1.5rem;
  transition: all 0.3s ease;
}
.detailed-blog-wrapper .sidearea .content-table ul li a {
  padding: 1.7rem 3.5rem;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
}
.detailed-blog-wrapper .sidearea .content-table ul li a .count {
  font-family: "roboto-500";
}
.detailed-blog-wrapper .sidearea .content-table ul li a:hover {
  background-color: #e7e7e7;
}
.detailed-blog-wrapper .sidearea .consulation-form {
  margin-top: 6.8rem;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .detailed-blog-wrapper .sidearea .consulation-form {
    margin-top: 0;
  }
}
.detailed-blog-wrapper .sidearea .consulation-form .form-ttl {
  padding: 2.4rem;
  background-color: #121c27;
}
.detailed-blog-wrapper .sidearea .consulation-form .form-ttl p {
  font-size: 1.2rem;
  font-family: "roboto-500";
  font-weight: 500;
  padding-top: 0.6rem;
  line-height: 1.67;
}
.detailed-blog-wrapper .sidearea .consulation-form .form {
  background-color: #ffffff;
  padding: 5rem 4.2rem;
}
.detailed-blog-wrapper .sidearea .consulation-form .form .form-control {
  padding: 1.6rem 2.6rem;
  border: 1px solid #d3d5d6;
  border-radius: 3rem;
  font-size: 1.4rem;
  margin-bottom: 2rem;
}
.detailed-blog-wrapper .sidearea .consulation-form .form textarea.form-control {
  resize: none;
  min-height: 11rem;
}
.detailed-blog-wrapper .sidearea .consulation-form .form .submit-btn {
  padding: 1.5rem 4.2rem;
  margin-top: 2rem;
}
.detailed-blog-wrapper.locked .mainarea .blog-content img {
	aspect-ratio: 2/1.2;
	width: 100%;
	height: auto;
}
@media (max-width:991.98px) {
	.detailed-blog-wrapper .detailed-blog-row .side-col {
		order: -1;
	}
}

.faqs-wrapper .accordion {
  display: flex;
}
@media (max-width: 991.98px) {
  .faqs-wrapper .accordion {
    flex-direction: column;
  }
}
.faqs-wrapper .accordion .accordion-column {
  flex: 1;
  padding: 0 0.8rem;
}
.faqs-wrapper .accordion .accordion-column .accordion-item {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 1.6rem;
  padding: 2.1rem 2.4rem;
  margin-bottom: 1.8rem;
}
.faqs-wrapper .accordion .accordion-column .accordion-item .accordion-header .accordion-button {
  font-size: 1.8rem;
  color: #121c27;
  font-family: "eudoxus-700";
  background: transparent;
  justify-content: space-between;
}
.faqs-wrapper .accordion .accordion-column .accordion-item .accordion-header .accordion-button:focus {
  box-shadow: none;
  outline: none;
}
.faqs-wrapper .accordion .accordion-column .accordion-item .accordion-header .accordion-button::before {
    content: "";
    position: absolute;
    right: var(--bs-accordion-btn-padding-x);
    top: 50%;
    width: 3.4rem;
    height: 3.4rem;
    background: var(--gradient);
	transform: translatey(-50%);
}
.faqs-wrapper .accordion .accordion-column .accordion-item .accordion-header .accordion-button::after {
  width: 3.4rem;
  height: 3.4rem;
  background: var(--bs-accordion-btn-icon) center/1.4rem no-repeat;
  margin-left: 2rem;
  z-index: 2;
}
.faqs-wrapper .accordion .accordion-column .accordion-item .accordion-body {
  opacity: 0.8;
}


.latest-blogs-wrapper {
  background-color: #f5f5f5;
}
.latest-blogs-wrapper .sec-ttl {
  padding-left: 10.6rem;
}
.latest-blogs-wrapper .sec-ttl h2 span::before {
  width: 7.8rem;
  right: calc(100% + 2.8rem);
}
.latest-blogs-wrapper .sec-ttl h2 span::after {
  content: none;
}
.latest-blogs-wrapper .author-card {
  background-color: #ffffff;
  padding: 3.5rem 3.5rem 3rem;
  max-width: 50rem;
}
.latest-blogs-wrapper .author-card .author-img {
  width: 20.7rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
}
.latest-blogs-wrapper .author-card .author-ttl {
  font-family: "roboto-500";
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 2.65;
  color: #121c27;
}
.latest-blogs-wrapper .author-card .author-sub-ttl {
  color: #848b94;
  font-size: 1.5rem;
  font-family: "publicsans-400";
}
.latest-blogs-wrapper .author-card .card-text {
  font-size: 1.5rem;
  padding: 2rem 0.25rem;
  margin-top: 2.2rem;
  border-top: 1px solid #d3d5d6;
  font-family: "publicsans-400";
}
@media (min-width: 576px) and (max-width: 991.98px) {
.latest-blogs-wrapper .blog-list .blog-row a:last-child {
	display: none;
}
}

.share-blog-wrapper {
  background-color: #f5f5f5;
}

.share-blog-wrapper .gap-50 {
  gap: 4rem;
}
.share-blog-wrapper .author-card {
  padding: 2rem 1.4rem;
  background: #ffffff;
  gap: 2.4rem;
  max-width: 56rem;
  flex-shrink: 1;
}
@media (max-width: 991.98px) {
  .share-blog-wrapper .author-card {
    max-width: 100%;
    width: 100%;
  }
}
.share-blog-wrapper .author-card .author-img {
  overflow: hidden;
  flex-shrink: 0;
}
.share-blog-wrapper .author-card .author-img img {
  width: 10.4rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
}
.share-blog-wrapper .author-card .author-info {
  gap: 1.2rem;
}
.share-blog-wrapper .author-card .author-info h3 {
  color: #121c27;
  font-size: 1.7rem;
  font-weight: 500;
  font-family: "roboto-500";
}
.share-blog-wrapper .author-card .author-info h3 span {
  color: #848b94;
  font-size: 1.2rem;
  line-height: 1.67;
  font-family: "roboto-400";
  font-weight: 400;
}
.share-blog-wrapper .author-card .author-info .author-social-links a img {
  width: 1.8rem;
  aspect-ratio: 1/1;
  transition: all 0.4s ease;
  margin-right: 0.5rem;
}
.share-blog-wrapper .author-card .author-info .author-social-links a:hover img {
  scale: 1.3;
}
.share-blog-wrapper .external-links-wrapper .dh5 {
  font-family: "eudoxus-500";
  font-weight: 500;
}
.share-blog-wrapper .external-links-wrapper .external-links {
  gap: 0.8rem;
}
.share-blog-wrapper .external-links-wrapper .external-links .copy-link-btn,
.share-blog-wrapper .external-links-wrapper .external-links a {
	border: none;
	border-radius: 50%;
	background: transparent;
}
.share-blog-wrapper .external-links-wrapper .external-links .svg-wrapper {
  width: 5.6rem;
  height: 5.6rem;
  border: 1px solid #dcdcdc;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.share-blog-wrapper .external-links-wrapper .external-links .svg-wrapper .icon {
  width: 2.4rem;
  aspect-ratio: 1/1;
  transition: 0.3s all ease;
}
.share-blog-wrapper .external-links-wrapper .external-links .svg-wrapper:hover {
  background-color: #000000;
}
.share-blog-wrapper .external-links-wrapper .external-links .svg-wrapper:hover .icon {
  filter: brightness(0) saturate(100%) invert(100%);
  transform: scale(1.4);
}

.locked-content-wrapper {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -3rem;
}
.locked-content-wrapper .lock-overlay {
  position: relative;
  z-index: 3;
}
.locked-content-wrapper .lock-overlay .lock-warning {
  position: relative;
  z-index: 5;
}
.locked-content-wrapper .lock-overlay .lock-warning .lock-icon {
  background-color: #ffffff;
  padding: 4rem;
  border-radius: 50%;
  margin-bottom: 6.2rem;
}
.locked-content-wrapper .lock-overlay .lock-warning .lock-icon img {
  width: 10rem;
  aspect-ratio: 1/1;
}
.locked-content-wrapper .lock-overlay .lock-warning h2 {
  font-size: 3.8rem;
  line-height: 1.3;
  font-family: "eudoxus-700";
  font-weight: 700;
}
.locked-content-wrapper .lock-overlay .lock-warning p {
  padding: 1.2rem 0 4.2rem;
  font-size: 2.2rem;
  font-family: "eudoxus-500";
  font-weight: 500;
}
.locked-content-wrapper .lock-overlay::after {
  content: "";
  background-color: rgba(18, 28, 39, 0.94);
  filter: blur(1.5rem);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cases-wrapper {
  background-color: #f5f5f5;
}
.cases-wrapper .filters {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 3rem;
}
.cases-wrapper .filters .filter-item {
  position: relative;
  color: #0a1119;
  padding: 0.7rem 0;
  margin: 0 3.4rem;
  border: none;
  background: transparent;
}
.cases-wrapper .filters .filter-item::after {
  position: absolute;
  background-color: #0a1119;
  content: "";
  left: 50%;
  transform: translatex(-50%);
  bottom: -0.1rem;
  height: 0.1rem;
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 0%;
}
.cases-wrapper .filters .filter-item .filter-item-count {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 1.4rem;
  transform: translate(calc(100% + 0.3rem), -0.5rem);
}
.cases-wrapper .filters .filter-item:hover::after, .cases-wrapper .filters .filter-item.active::after {
  width: 100%;
}
@media (max-width: 991.98px) {
  .cases-wrapper .filters .filter-item {
    margin: 0 2.4rem;
  }
}
@media (max-width: 767.98px) {
  .cases-wrapper .filters .filter-item {
    width: calc(25% - 2rem);
	margin: 0 1rem;
  }
}
@media (max-width: 575.98px) {
  .cases-wrapper .filters .filter-item {
/*     width: calc(33.33% - 4.8rem); */
  }
}
.cases-wrapper .cases-container .case-item {
  position: relative;
  overflow: hidden;
}
@media (max-width: 575.98px) {
  .cases-wrapper .cases-container .case-item {
    max-width: 50rem;
    margin: 0 auto;
  }
}
.cases-wrapper .cases-container .case-item .case-img {
  aspect-ratio: 1/1.31;
  transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  padding-bottom: calc(var(--content-height) - var(--translated-content));
}
.cases-wrapper .cases-container .case-item .content {
  background-color: #ffffff;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1.5rem 4.8rem;
  text-align: center;
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transform: translatey(100%);
}
.cases-wrapper .cases-container .case-item .content .ttl {
  color: #0a1119;
  font-family: "eudoxus-700";
  font-weight: 700;
  margin: 2rem 0 1rem;
  min-height: 4.32em;
}
.cases-wrapper .cases-container .case-item .content .tags {
  color: #6b6969;
}
.cases-wrapper .cases-container .case-item .content .tags .tag {
  font-size: 1.4rem;
}
.cases-wrapper .cases-container .case-item .content .divider {
  width: 0;
  border: 0.5px solid #d3d5d6;
  margin: 2.4rem 0 2rem;
  opacity: 0;
  transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.cases-wrapper .cases-container .case-item .content .hidden-content {
  opacity: 0;
  visibility: hidden;
  transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.cases-wrapper .cases-container .case-item .content .hidden-content p {
  font-size: 1.4rem;
  color: #6b6969;
}
.cases-wrapper .cases-container .case-item .content .hidden-content .case-link img {
  width: 4.3rem;
  aspect-ratio: 1/1;
  margin: 2.5rem;
}
.cases-wrapper .cases-container .case-item:hover .case-img {
  filter: blur(10px);
}
.cases-wrapper .cases-container .case-item:hover .content {
  transform: translateY(0) !important;
}
.cases-wrapper .cases-container .case-item:hover .content .divider {
  width: 12.4rem;
  opacity: 1;
}
.cases-wrapper .cases-container .case-item:hover .content .hidden-content {
  opacity: 1;
  visibility: visible;
}

.case-studies-wrapper {
  background-color: #f6f7f9;
}
.case-studies-wrapper .sidearea {
  position: sticky;
  top: var(--n-header-height);
}
.case-studies-wrapper .sidearea .case-detail-table table {
  width: 100%;
  border-collapse: collapse;
  font-size: 1.6rem;
  color: #0a1119;
}
.case-studies-wrapper .sidearea .case-detail-table table td,
.case-studies-wrapper .sidearea .case-detail-table table th {
  padding: 1.6rem 3.5rem;
}
.case-studies-wrapper .sidearea .case-detail-table table thead tr {
  background-color: #121c27;
}
.case-studies-wrapper .sidearea .case-detail-table table thead tr th {
  font-size: 2.4rem;
  font-weight: 700;
  color: #ffffff;
}
.case-studies-wrapper .sidearea .case-detail-table table,
.case-studies-wrapper .sidearea .case-detail-table th,
.case-studies-wrapper .sidearea .case-detail-table td {
  border: 1px solid #d3d5d6;
}
.case-studies-wrapper .sidearea .get-touch {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 5rem 4rem;
  margin-top: 5rem;
}
.case-studies-wrapper .sidearea .get-touch .sub-text {
  color: #ffffff;
  padding: 2.4rem 0 3.6rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1490196078);
  margin-bottom: 4.5rem;
}
.case-studies-wrapper .sidearea .get-touch .info-box {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  margin-bottom: 2.6rem;
}
.case-studies-wrapper .sidearea .get-touch .info-box .icon-box {
  border-radius: 50%;
  margin: 1.5rem 2.5rem 1.5rem 0;
  background: rgba(255, 255, 255, 0.1490196078);
  width: 4rem;
  height: 4rem;
}
.case-studies-wrapper .sidearea .get-touch .info-box .icon-box img {
  width: 3.2rem;
  height: 2.4rem;
  margin: 0.8rem 0.4rem;
}
.case-studies-wrapper .sidearea .get-touch .dh3 {
	font-size: 2.4rem;
	line-height: 1.5;
	font-weight: 700;
	font-family: "roboto-700";
}
.case-studies-wrapper .sidearea .get-touch .info-box .box-content .dh4 {
  font-family: "eudoxus-700";
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.44;
  margin-bottom: 2rem;
  color: #ffffff;
}
.case-studies-wrapper .sidearea .get-touch .info-box .box-content p,
.case-studies-wrapper .sidearea .get-touch .info-box .box-content a {
  color: #f5f5f5;
  font-size: 1.4rem;
}
.case-studies-wrapper .sidearea .get-touch .info-box .box-content p span,
.case-studies-wrapper .sidearea .get-touch .info-box .box-content a span {
  font-size: 1.2rem;
}
.case-studies-wrapper .sidearea .get-touch .theme-btn {
  border-radius: 5.6rem;
}
.case-studies-wrapper .mainarea .meta-data {
  padding: 0.7rem 0 2.2rem;
  font-size: 1.5rem;
  font-family: "publicsans-400";
  color: #0a1119;
}
.case-studies-wrapper .mainarea .meta-data .svg-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3rem;
  width: 3rem;
  border: 1px solid #d4d6d7;
  border-radius: 50%;
  padding: 0.9rem;
}
.case-studies-wrapper .mainarea .case-img {
  aspect-ratio: 1.77/1;
}
.case-studies-wrapper .mainarea h2 {
  color: #0a1119;
	font-size: 2.4rem;
	line-height: 1.5;
}
.case-studies-wrapper .mainarea h3,
.case-studies-wrapper .mainarea h4 {
  color: #000000;
	font-size: 1.8rem;
	line-height: 1.44;
}
.case-studies-wrapper .mainarea h3,
.case-studies-wrapper .mainarea h4 {
  font-weight: 700;
  font-family: "eudoxus-700";
}
.case-studies-wrapper .mainarea p {
  color: #4b535d;
}
.case-studies-wrapper .mainarea .importance-list {
  padding-top: 4rem;
}
.case-studies-wrapper .mainarea .importance-list ul.numbered-list {
  color: #000000;
  margin: 3.6rem 0;
  max-width: 62rem;
}
.case-studies-wrapper .mainarea .importance-list ul.numbered-list li {
  display: flex;
  gap: 1.8rem;
  margin-bottom: 2rem;
}
.case-studies-wrapper .mainarea .importance-list ul.numbered-list li .number {
  font-size: 2.4rem;
  font-family: "roboto-700";
  background: #d9d9d9;
  border-radius: 50%;
  width: 4.2rem;
  height: 4.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
}
.case-studies-wrapper .mainarea .importance-list ul.numbered-list li .content strong {
  font-family: "eudoxus-700";
}
.case-studies-wrapper .mainarea .importance-list ul.numbered-list li .content p {
  padding-top: 2rem;
}
.case-studies-wrapper .mainarea .images-container {
  row-gap: 5rem;
  -moz-column-gap: 1.6rem;
       column-gap: 1.6rem;
}
.case-studies-wrapper .mainarea .images-container .full-img {
  flex: 0 0 100%;
}
.case-studies-wrapper .mainarea .images-container .full-img img {
  aspect-ratio: 1.87/1;
}
.case-studies-wrapper .mainarea .images-container .half-img {
  flex: 0 0 calc(50% - 0.8rem);
}
.case-studies-wrapper .mainarea .images-container .half-img img {
  aspect-ratio: 1/1.09;
}
.case-studies-wrapper .mainarea .project-nav {
  padding-top: 7rem;
}
.case-studies-wrapper .mainarea .project-nav .nav-btn {
  display: flex;
  gap: 2rem;
  align-items: center;
}
.case-studies-wrapper .mainarea .project-nav .nav-btn a.theme-btn {
  width: 6.1rem;
  width: 6.1rem;
  border-radius: 50%;
  padding: 1.6rem;
  transition: all 0.3s ease;
}
.case-studies-wrapper .mainarea .project-nav .nav-btn:hover img {
  filter: invert(1);
  transition: all 0.3s ease;
}
.case-studies-wrapper .mainarea .project-nav .nav-btn:hover a.theme-btn {
  background: linear-gradient(70.58deg, #cc8c3d 0%, #ecbb55 100%);
}
.case-studies-wrapper .mainarea .project-nav .prev-btn img {
  transform: rotate(180deg);
}
.case-studies-wrapper .mainarea .project-nav .dot-grid-icon {
  position: relative;
  height: 2.4rem;
  width: 2.4rem;
}
.case-studies-wrapper .mainarea .project-nav .dot-grid-icon .dot {
  position: absolute;
  width: 0.7rem;
  height: 0.7rem;
  background-color: #121c27;
  border-radius: 50%;
  transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.case-studies-wrapper .mainarea .project-nav .dot-grid-icon .dot:nth-child(1) {
  top: 0;
  left: 0;
}
.case-studies-wrapper .mainarea .project-nav .dot-grid-icon .dot:nth-child(2) {
  top: 0;
  right: 0;
  transition-delay: 0.24s;
}
.case-studies-wrapper .mainarea .project-nav .dot-grid-icon .dot:nth-child(3) {
  left: 0;
  bottom: 0;
  transition-delay: 0.16s;
}
.case-studies-wrapper .mainarea .project-nav .dot-grid-icon .dot:nth-child(4) {
  right: 0;
  bottom: 0;
  transition-delay: 0.08s;
}
.case-studies-wrapper .mainarea .project-nav .dot-grid-icon:hover .dot:nth-child(1) {
  top: calc(100% - 0.7rem);
  left: calc(100% - 0.7rem);
}
.case-studies-wrapper .mainarea .project-nav .dot-grid-icon:hover .dot:nth-child(2) {
  top: calc(100% - 0.7rem);
  right: calc(100% - 0.7rem);
}
.case-studies-wrapper .mainarea .project-nav .dot-grid-icon:hover .dot:nth-child(3) {
  left: calc(100% - 0.7rem);
  bottom: calc(100% - 0.7rem);
}
.case-studies-wrapper .mainarea .project-nav .dot-grid-icon:hover .dot:nth-child(4) {
  right: calc(100% - 0.7rem);
  bottom: calc(100% - 0.7rem);
}
.case-studies-wrapper .mainarea h1,
.case-studies-wrapper .mainarea h2,
.case-studies-wrapper .mainarea h3,
.case-studies-wrapper .mainarea h4,
.case-studies-wrapper .mainarea h5,
.case-studies-wrapper .mainarea h6 {
  color: #0a1119;
}
.case-studies-wrapper .mainarea h3 {
	font-family: "eudoxus-700";
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.44;
}
.case-studies-wrapper .mainarea ol {
	list-style: none;
	padding-left: 0;
}
.case-studies-wrapper .mainarea ol li::before {
	content: counter(list-item)".";
	font-size: 2.4rem;
	font-family: "roboto-700";
	background: #d9d9d9;
	border-radius: 50%;
	width: 4.2rem;
	height: 4.2rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 2rem;
	margin-right: 1.8rem;
}
.case-studies-wrapper .mainarea ol li > * {
	display: inline-block;
}
.case-studies-wrapper .mainarea ul {
  padding-left: 2rem;
  margin: 2rem 0;
  list-style: disc;
}
.case-studies-wrapper .mainarea ul li {
  color: #4B535D;
}

.related-wrapper.cases-wrapper {
	background: #fff;
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .related-wrapper .case-row > div:last-child {
    display: none;
  }
}


.competitor-wrapper {
  background-color: #f5f5f5;
}
.competitor-wrapper .content {
  margin: 0 auto;
  max-width: 92.5rem;
}
.competitor-wrapper .content h2 {
  font-size: 3.8rem;
  font-family: "eudoxus-700";
  line-height: 1.3;
  font-weight: 700;
  color: #0a1119;
}
.competitor-wrapper .content p {
  color: #6b6969;
}

.glassdoor-wrapper .content {
  background-color: #121c27;
  padding: 0 5rem;
}
@media (max-width: 575.98px) {
  .glassdoor-wrapper .content {
    padding: 2rem 1.5rem;
  }
}
.glassdoor-wrapper .content .sub-ttl {
  color: #ffffff;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  font-size: 1.4rem;
}
.glassdoor-wrapper .content .lower-content .ttl {
	font-size: 3.8rem;
	font-family: "eudoxus-700";
	font-weight: 700;
	line-height: 1.3;
}
.glassdoor-wrapper .content .lower-content {
  padding-top: 4rem;
}
.glassdoor-wrapper .content .lower-content .ttl,
.glassdoor-wrapper .content .lower-content .content-text,
.glassdoor-wrapper .content .lower-content .learn-more-link {
  color: #ffffff;
}
.glassdoor-wrapper .content .lower-content .learn-more-link {
  letter-spacing: 0.016rem;
  font-size: 1.7rem;
  line-height: 1;
}
.glassdoor-wrapper .content .lower-content .content-text {
  padding: 2rem 0 5rem;
  border-bottom: 1px solid #353e47;
  margin-bottom: 2.5rem;
}
.glassdoor-wrapper .side-img {
  aspect-ratio: 1.18/1;
}

.awards-list-wrapper {
  background-color: #f5f5f5;
}
.awards-list-wrapper .award-row {
  --bs-gutter-x: 1.6rem;
  --bs-gutter-y: 2rem;
}
.awards-list-wrapper .award-row .award-card {
  padding: 5.4rem 4rem 7.2rem;
  border: 1px solid #d0d0d0;
  text-align: center;
}
.awards-list-wrapper .award-row .award-card .award-img {
  aspect-ratio: 1.162/1;
  margin-bottom: 2.4rem;
  object-fit: contain;
}
.awards-list-wrapper .award-row .award-card .award-ttl {
  font-weight: 700;
  color: #0a1119;
  padding: 0 2rem;
}
@media (max-width: 424.98px) {
  .awards-list-wrapper .award-row .award-card {
    padding: 3.4rem 2rem 5.2rem;
  }
}
@media (max-width: 359.98px) {
  .awards-list-wrapper .award-row .award-ttl {
    padding: 0;
  }
}

.testimonials-wrapper .testimonials-title {
  display: flex;
  gap: 6rem;
}
.testimonials-wrapper .testimonials-title .img-wrapper {
  display: flex;
  align-items: center;
}
.testimonials-wrapper .testimonials-title .img-wrapper img {
  width: 8rem;
  aspect-ratio: 1/1;
}
.testimonials-wrapper .testimonials-title .content {
  display: flex;
  flex-direction: column;
  gap: 1.7rem;
  padding: 1.2rem 0;
}
.testimonials-wrapper .testimonials-title .content .sub-ttl {
  text-transform: uppercase;
  font-size: 1.4rem;
  letter-spacing: 0.26em;
}
.testimonials-wrapper .testimonials-title .content .ttl {
  font-size: 3.8rem;
  font-family: "eudoxus-700";
  font-weight: 700;
  line-height: 1.3;
  color: #121c27;
}
.testimonials-wrapper .testimonials-title .content .sub-text {
  color: #0a1119;
}
.testimonials-wrapper .testimonials-title .content .divider {
  position: relative;
  background: #d8d9da;
  height: 0.1rem;
  width: 24rem;
  margin-top: 1.4rem;
}
.testimonials-wrapper .testimonials-title .content .divider::after {
  content: "";
  position: absolute;
  left: 0;
  top: -0.1rem;
  height: 0.3rem;
  width: 10.5rem;
  background: #000000;
}
.testimonials-wrapper .testimonials-grid {
  -moz-column-count: 3;
       column-count: 3;
  -moz-column-gap: 1.2rem;
       column-gap: 1.2rem;
}
.testimonials-wrapper .testimonials-grid .testimonial-card {
  background: #ffffff;
  padding: 4rem 4.6rem 4.8rem;
  border: 1px solid #d0d0d0;
  border-radius: 2rem;
  margin-bottom: 3rem;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  max-width: 50rem;
}
.testimonials-wrapper .testimonials-grid .testimonial-card .customer-img {
  border-radius: 50%;
  width: 7.6rem;
  aspect-ratio: 1/1;
}
.testimonials-wrapper .testimonials-grid .testimonial-card .message {
  border-bottom: 1px solid #dcdddf;
  margin: 3.2rem 0;
}
.testimonials-wrapper .testimonials-grid .testimonial-card .message p {
  color: #6b6969;
  margin-bottom: 3.6rem;
}
.testimonials-wrapper .testimonials-grid .testimonial-card .name {
  font-family: "roboto-500";
  font-weight: 500;
  color: #0A1119;
}
.testimonials-wrapper .testimonials-grid .testimonial-card .review-star {
  display: flex;
  align-items: center;
  gap: 0.1rem;
  flex-wrap: nowrap;
}
.testimonials-wrapper .testimonials-grid .testimonial-card .review-star img {
  width: 1.4rem;
  height: 1.4rem;
}
.testimonials-wrapper .testimonials-grid .testimonial-card .position {
  font-size: 1.4rem;
  color: #6B6969;
}
@media (max-width: 991.98px) {
  .testimonials-wrapper .testimonials-grid {
    -moz-columns: 2;
         columns: 2;
  }
}
@media (max-width: 575.98px) {
  .testimonials-wrapper .testimonials-grid {
    -moz-columns: 1;
         columns: 1;
  }
}

.title-wrapper.with-slider.bg-slider {
  background: linear-gradient(270deg, rgba(18, 28, 39, 0) 0%, rgba(18, 28, 39, 0.8) 38.89%);
}

.title-wrapper.with-slider {
  position: relative;
}
.title-wrapper.with-slider .background-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.title-wrapper.with-slider .background-slider .bg-img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: none !important;
}
.title-wrapper.with-slider .background-slider .bg-img img {
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  height: 100%;
}
.title-wrapper.with-slider .background-slider .bg-img.slick-active img {
  animation: slow-zoom 16s linear infinite;
}
.title-wrapper.with-slider .background-slider .slick-list,
.title-wrapper.with-slider .background-slider .slick-track,
.title-wrapper.with-slider .background-slider .slick-slide {
  height: 100%;
}
.title-wrapper.with-slider .title-box .title-heading::after {
  content: none;
}
.title-wrapper.with-slider .read-more-btn {
  padding: 2rem 0 3rem;
  width: -moz-max-content;
  width: max-content;
  overflow: hidden;
}
.title-wrapper.with-slider .read-more-btn .theme-btn {
  transform: translateX(calc(100% + 0.4rem));
  transition: all 0.3s ease-in-out, transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.85s;
}
.title-wrapper.with-slider .title-slider-wrapper {
  max-width: 65%;
}
@media (max-width: 767.98px) {
  .title-wrapper.with-slider .title-slider-wrapper {
    max-width: 80%;
  }
}
@media (max-width: 575.98px) {
  .title-wrapper.with-slider .title-slider-wrapper {
    max-width: 100%;
  }
}
.title-wrapper.with-slider .title-slider-wrapper .ttl-item .title-box .sub-ttl,
.title-wrapper.with-slider .title-slider-wrapper .ttl-item .title-box .title-heading,
.title-wrapper.with-slider .title-slider-wrapper .ttl-item .title-box .title-desc {
  transform: translateY(100%);
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.title-wrapper.with-slider .title-slider-wrapper .ttl-item .title-box .sub-ttl {
  transition-delay: 0.5s;
}
.title-wrapper.with-slider .title-slider-wrapper .ttl-item .title-box .title-heading {
  transition-delay: 0.65s;
}
.title-wrapper.with-slider .title-slider-wrapper .ttl-item .title-box .title-desc {
  transition-delay: 0.8s;
}
.title-wrapper.with-slider .title-slider-wrapper .ttl-item .hr-border {
  width: 65.4rem;
  max-width: 0;
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.8s;
}
.title-wrapper.with-slider .title-slider-wrapper .ttl-item .breadcrumb {
  transform: translateY(100%);
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.9s;
}
.title-wrapper.with-slider .title-slider-wrapper .slick-active .read-more-btn .theme-btn {
  transform: translateX(0);
}
.title-wrapper.with-slider .title-slider-wrapper .slick-active.ttl-item .title-box .sub-ttl,
.title-wrapper.with-slider .title-slider-wrapper .slick-active.ttl-item .title-box .title-heading,
.title-wrapper.with-slider .title-slider-wrapper .slick-active.ttl-item .title-box .title-desc {
  transform: translateY(0);
  opacity: 1;
}
.title-wrapper.with-slider .title-slider-wrapper .slick-active.ttl-item .hr-border {
  max-width: 65.4rem;
}
.title-wrapper.with-slider .title-slider-wrapper .slick-active.ttl-item .breadcrumb {
  transform: translateY(0);
  opacity: 1;
}
.title-wrapper.with-slider .slider-btns {
  position: absolute;
  right: 8rem;
  bottom: 28rem;
  height: 14.5rem;
  width: 6rem;
  gap: 2.4rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.title-wrapper.with-slider .slider-btns .slick-arrow {
  border: 1px solid #ffffff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  transform: none;
  position: static;
}
.title-wrapper.with-slider .slider-btns .slick-arrow::before {
  content: "";
  background: url(../images/right-arrow.png);
  background-repeat: no-repeat;
  background-position: center;
  height: 4rem;
  width: 4rem;
  background-size: contain;
  display: inline-block;
  opacity: 1;
  transform: rotate(90deg);
}
.title-wrapper.with-slider .slider-btns .slick-arrow.slick-prev::before {
  transform: rotate(-90deg);
}
@media (max-width: 575.98px) {
  .title-wrapper.with-slider .slider-btns {
    flex-direction: row;
    width: 14.5rem;
    height: 6rem;
    bottom: 21rem;
  }
}
@media (max-width: 424.98px) {
  .title-wrapper.with-slider .slider-btns {
    right: 50%;
    transform: translateX(135%);
  }
}

.sms-wrapper {
  background: #f5f5f5;
}
.sms-wrapper .sms-image-slider {
  height: 100%;
}
.sms-wrapper .sms-image-slider img {
  height: 100%;
}
.sms-wrapper .sms-image-slider .slick-list,
.sms-wrapper .sms-image-slider .slick-track,
.sms-wrapper .sms-image-slider .slick-slide {
  height: 100%;
}
.sms-wrapper .content .dh2 {
  font-size: 3.8rem;
  line-height: 1.3;
  color: #121c27;
  font-family: "eudoxus-700";
  font-weight: 700;
  margin-bottom: 2.4rem;
}
.sms-wrapper .content p {
  color: #6b6969;
}
@media (min-width: 992px) {
  .sms-wrapper .content {
    margin: 0 2.2rem;
  }
}
@media (max-width: 991.98px) {
  .sms-wrapper .content {
    padding-top: 3rem;
  }
	.sms-wrapper .row > .col-12:nth-child(2) {
		order: -1;
	}
}

.safety-approach-wrapper .left-img {
  display: block;
  max-width: 100%;
  height: auto;
  transition: all 0.3s ease;
  overflow: hidden;
}
@media (min-width: 992px) {
  .safety-approach-wrapper .left-img {
    width: calc(100% - 3rem);
    height: auto;
    top: 0;
    left: 0;
    max-width: unset;
  }
}
@media (min-width: 992px) {
  .safety-approach-wrapper .right-content {
    padding-left: 1.6rem;
  }
}
.safety-approach-wrapper .right-content h2 {
  font-size: 3.8rem;
  line-height: 1.3;
  color: #121c27;
  padding-bottom: 1.6rem;
  font-family: "eudoxus-700";
  font-weight: 700;
}
.safety-approach-wrapper .right-content p {
  color: #6b6969;
  font-family: "publicsans-400";
  line-height: 1.8;
}
.safety-approach-wrapper .right-content .continue-read-link {
  color: #121c27;
  font-family: "roboto-500";
  font-weight: 500;
}
.safety-approach-wrapper .procedure-slider {
  background: #f5f5f5;
}
.safety-approach-wrapper .procedure-slider .item {
  padding: 5rem 2rem;
  position: relative;
}
.safety-approach-wrapper .procedure-slider .item .counter {
  font-size: 2rem;
  font-family: "publicsans-500";
  font-weight: 500;
  color: #ffffff;
  border-radius: 50%;
  width: 4.8rem;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  margin-bottom: 4rem;
}
.safety-approach-wrapper .procedure-slider .item .counter::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #121c27;
  border-radius: 50%;
  z-index: -1;
  transition: all 0.3s ease;
}
.safety-approach-wrapper .procedure-slider .item .divider {
  height: 0.1rem;
  width: 100%;
  background: #d2d3d5;
  position: absolute;
  top: 7.4rem;
  transform: translateY(-50%);
}
.safety-approach-wrapper .procedure-slider .item .title h3 {
  font-size: 2.2rem;
  font-family: "roboto-500";
  font-weight: 500;
  line-height: 1.45;
  min-height: 9.6rem;
  margin-bottom: 1.5rem;
  color: #121C27;
}
.safety-approach-wrapper .procedure-slider .item .content {
  color: #4b535d;
  font-size: 1.4rem;
  line-height: 1.43;
}
.safety-approach-wrapper .procedure-slider .item:hover .counter::before {
  transform: scale(1.3);
}
/* @media (min-width: 992px) {
  .safety-approach-wrapper .procedure-slider {
    transform: translateX(2.1rem);
  }
} */
@media (max-width: 767.98px) {
	.safety-approach-wrapper .procedure-slider .item {
		padding-bottom: 1.2rem;
	}
	.safety-approach-wrapper .procedure-slider .item .title h3 {
		min-height: 2.9em;
	}
}

.safety-elements-wrapper {
  background: #f5f5f5;
}
.safety-elements-wrapper .elements-tab {
  gap: 4.2rem;
}
.safety-elements-wrapper .elements-tab .tab-nav {
  gap: 2.4rem;
}
@media (min-width: 992px) {
  .safety-elements-wrapper .elements-tab .tab-nav {
    height: -moz-min-content;
    height: min-content;
    position: sticky;
    top: 2rem;
  }
}
@media (max-width: 991.98px) {
  .safety-elements-wrapper .elements-tab .tab-nav {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.safety-elements-wrapper .elements-tab .tab-content {
  flex: 1;
}
@media (min-width: 992px) {
  .safety-elements-wrapper .elements-tab .tab-content {
    padding: 2rem 3rem 0;
  }
}
.safety-elements-wrapper .elements-tab .tab-content .vid-box {
  position: relative;
  overflow: hidden;
  border-radius: 2rem;
  margin-bottom: 4.2rem;
}
.safety-elements-wrapper .elements-tab .tab-content .vid-box .thumbnail,
.safety-elements-wrapper .elements-tab .tab-content .vid-box .yt-vid{
  aspect-ratio: 1.96/1;
  transition: 0.6s all ease;
}
.safety-elements-wrapper .elements-tab .tab-content .vid-box .yt-vid .yt-overlay {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 13%;
	height: auto;
  aspect-ratio: 1/1 ;
  background: url(../images/video-fill.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.safety-elements-wrapper .elements-tab .tab-content .vid-box:hover .thumbnail {
  transform: scale(1.05);
}
.safety-elements-wrapper .elements-tab .tab-content .content .pane-title h3 {
  font-family: "eudoxus-700";
  font-size: 2.8rem;
  line-height: 1.11;
  font-weight: 700;
  color: #000000;
}
.safety-elements-wrapper .elements-tab .tab-content .content .pane-title,
.safety-elements-wrapper .elements-tab .tab-content .content p {
  color: #000000;
}
/* 
.tools-apps-wrapper .sec-ttl h2 {
  position: relative;
  max-width: 46rem;
}
.tools-apps-wrapper .sec-ttl h2 span::after, .tools-apps-wrapper .sec-ttl h2 span::before {
  content: none;
}
.tools-apps-wrapper .sec-ttl h2::before, .tools-apps-wrapper .sec-ttl h2::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% + 1.6rem);
  width: 8rem;
  height: 2px;
  transform: translateY(-50%);
  background: var(--gradient);
}
.tools-apps-wrapper .sec-ttl h2::before {
  left: auto;
  right: calc(100% + 1.6rem);
}
@media (max-width: 490.98px) {
  .tools-apps-wrapper .sec-ttl h2::before, .tools-apps-wrapper .sec-ttl h2::after {
    content: none;
  }
} */
.tools-apps-wrapper .sec-ttl h2 span {
  max-width: 46rem;
}
.tools-apps-wrapper .item {
  position: relative;
  width: 25%;
  padding: 4.6rem 1.6rem 1.6rem;
  max-height: 26rem;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tools-apps-wrapper .item .svg-wrapper {
  width: 6.4rem;
  height: 8.4rem;
  margin: 1rem;
  transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tools-apps-wrapper .item .svg-wrapper img {
  scale: 1;
  transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tools-apps-wrapper .item .divider {
  height: 0.1rem;
  width: 6.5rem;
  background: #121c27;
  margin: 2.8rem 0 1.6rem;
}
.tools-apps-wrapper .item .item-content {
  padding-top: 2.4rem;
  transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tools-apps-wrapper .item .item-content .item-ttl {
  color: #0a1119;
  font-size: 2.2rem;
  line-height: 1.5;
  font-family: "roboto-500";
  font-weight: 500;
}
.tools-apps-wrapper .item .item-content .hidden-content {
  color: #000000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tools-apps-wrapper .item::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 8.7rem;
  width: 0.1rem;
  background: #d3d5d6;
}
.tools-apps-wrapper .item:hover .svg-wrapper {
  transform: translateY(-8.4rem);
}
.tools-apps-wrapper .item:hover .svg-wrapper img {
  scale: 0;
}
.tools-apps-wrapper .item:hover .item-content {
  transform: translateY(-8.4rem);
}
.tools-apps-wrapper .item:hover .item-content .hidden-content {
  opacity: 1;
  visibility: visible;
}
.tools-apps-wrapper .item:last-child::after {
  content: none;
}
@media (max-width: 991.98px) {
  .tools-apps-wrapper .item {
    width: 50%;
  }
  .tools-apps-wrapper .item:nth-child(2n)::after {
    content: none;
  }
}
@media (max-width: 490.98px) {
  .tools-apps-wrapper .item {
    width: 100%;
  }
  .tools-apps-wrapper .item::after {
    content: none;
  }
}

.anim-banner-wrapper {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  max-height: calc(100vh + var(--header-height));
}
.anim-banner-wrapper .banner-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.anim-banner-wrapper .banner-overlay .video-container {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.anim-banner-wrapper .banner-overlay .video-container iframe,
.anim-banner-wrapper .banner-overlay .video-container .bg-embed-vid,
.anim-banner-wrapper .banner-overlay .video-container .bg-vid,
.anim-banner-wrapper .banner-overlay .video-container video {
  width: 100%;
  height: 100%;
  border: 0;
}
.anim-banner-wrapper .banner-overlay .video-container iframe {
	scale: 1.001;
}
.anim-banner-wrapper .banner-overlay::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 1.27%, rgba(51, 51, 51, 0.25) 49.73%, rgba(102, 102, 102, 0) 98.19%);
}
.anim-banner-wrapper .ttl {
  max-width: 50.4rem;
}
.anim-banner-wrapper .ttl h1 {
  font-family: "eudoxus-700";
  font-weight: 700;
}
@media (max-width: 767.98px) {
  .anim-banner-wrapper .ttl h1 {
    font-size: 3.2rem;
  }
}
@media (max-width: 575.98px) {
  .anim-banner-wrapper .ttl h1 {
    font-size: 2.4rem;
  }
}


.safety-approach-wrapper {
  background: #f6f7f9;
}
.safety-approach-wrapper .left-img {
	aspect-ratio: 1.5/1;
}
.safety-approach-wrapper .left-img img {
	height: 100%;
}
@media (min-width: 992px) {
	.safety-approach-wrapper .benefits {
		width: 100%;
		margin: 0 auto;
	}
}
.safety-approach-wrapper .benefits {
  background: #ffffff;
  padding: 3.2rem;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  -moz-column-gap: 1.2rem;
       column-gap: 1.2rem;
  row-gap: 2rem;
}
.safety-approach-wrapper .benefits .item {
  width: calc((100% - 2.4rem) / 3);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.4rem;
  text-align: center;
}
.safety-approach-wrapper .benefits .item .svg-wrapper {
  width: 4.8rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #121c27;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2.5rem;
  transition: scale 0.4s ease;
}
.safety-approach-wrapper .benefits .item:hover .svg-wrapper {
  scale: 1.2;
}
.safety-approach-wrapper .benefits .item .svg-wrapper img {
  width: 2.4rem;
  aspect-ratio: 1/1;
  filter: brightness(0) invert(1);
}
.safety-approach-wrapper .benefits .item .ttl {
  font-size: 2.2rem;
  line-height: 1.45;
  min-height: 9.6rem;
  font-family: "roboto-400";
  color: #121c27;
}
@media (max-width: 991.98px) {
  .safety-approach-wrapper .benefits .item {
    width: calc((100% - 5rem) / 2);
  }
}
@media (max-width: 767.98px) {
  .safety-approach-wrapper .benefits {
    padding: 2.4rem;
  }
  .safety-approach-wrapper .benefits .item {
    padding: 1.4rem 2.4rem;
  }
}
@media (max-width: 575.98px) {
  .safety-approach-wrapper .benefits .item {
    width: 100%;
    max-width: 35.6rem;
  }
}

.anim-tab-wrapper {
  max-width: unset;
}
.anim-tab-wrapper .anim-tab {
  width: 60%;
}

@media (min-width: 768px) {
	.anim-tab-wrapper .anim-tab .customrow,
	.anim-tab-wrapper .anim-tab .customcol,
	.anim-tab-wrapper .anim-tab .tab-nav {
		height: 100%;
	}
}
.anim-tab-wrapper .anim-tab .tab-nav {
  padding: 3.2rem 0;
  max-width: unset;
}
.anim-tab-wrapper .anim-tab .tab-nav .tab-list-item {
  position: relative;
  padding-right: 4.8rem;
}
.anim-tab-wrapper .anim-tab .tab-nav .tab-list-item .tab-link::after {
  position: absolute;
  right: 2.2rem;
  top: 50%;
  transform: translateY(-50%);
}
.anim-tab-wrapper .anim-tab .tab-nav .tab-list-item .tab-link .tab-label {
  padding: 0;
  font-family: "roboto-400";
  font-weight: 400;
  line-height: 1.45;
}
.anim-tab-wrapper .anim-tab .tab-nav .tab-list-item .tab-link.active::after {
  right: 1.4rem;
}
.anim-tab-wrapper .anim-tab .tab-content .tab-pane .content-box {
  min-height: var(--animated-box-max-height);
}
.anim-tab-wrapper .anim-tab .tab-content .tab-pane .content-box h3 {
  font-size: 3rem;
	line-height: 1.2;
	font-family: "roboto-700";
	font-weight: 700;
}

.anim-tab-wrapper .anim-tab .tab-content .tab-pane .content-box ul {
  padding-left: 2.4rem;
}
.anim-tab-wrapper .anim-tab .tab-content .tab-pane .content-box .btns .arrow-btn {
  padding: 1.4rem 4.6rem 1.3rem 1.4rem;
}
.anim-tab-wrapper .anim-tab .tab-content .tab-pane .content-box .btns .arrow-btn::after {
  right: 1.5rem;
}
.anim-tab-wrapper .anim-videos {
  width: 40%;
  -moz-column-gap: 1.4rem;
       column-gap: 1.4rem;
  row-gap: 2rem;
  padding: 2.5rem 0 0;
}
@media (min-width: 992px) {
  .anim-tab-wrapper .anim-videos {
    padding-left: 2.5rem;
  }
}
.anim-tab-wrapper .anim-videos .vid-box {
  width: calc((100% - 1.4rem) / 2);
  aspect-ratio: 1.22/1;
  border-radius: 1.4rem;
  overflow: hidden;
}
.anim-tab-wrapper .anim-videos .vid-box .anim-video {
  height: 100%;
  width: 100%;
}
@media (max-width: 991.98px) {
  .anim-tab-wrapper .anim-videos .vid-box {
    width: calc((100% - 2.8rem) / 3);
  }
  .anim-tab-wrapper .anim-tab,
  .anim-tab-wrapper .anim-videos {
    width: 100%;
  }
	.anim-tab-wrapper .anim-tab .tab-nav,
	.anim-tab-wrapper .anim-tab .tab-content .tab-pane .content-box {
		min-height: unset;
	}
}
@media(max-width:767.98px) {
	.anim-tab-wrapper .anim-videos .vid-box {
		width: calc((100% - 1.4rem) / 2);
	  }
}
.anim-tab-wrapper.change-on-scroll .sticky-tab {
	position: sticky;
	top: var(--n-header-height);
}
@media (max-width: 575.98px) {
  .anim-tab-wrapper .anim-tab .tab-content .tab-pane .content-box {
    min-height: unset;
  }
	.anim-tab-wrapper.change-on-scroll .anim-tab .tab-nav {
/* 		gap: 0; */
		padding-top: 0;
	}
/* 	.anim-tab-wrapper.change-on-scroll .anim-tab .tab-nav .tab-list-item {
		overflow: clip;
	}
	.anim-tab-wrapper.change-on-scroll .anim-tab .tab-nav .tab-list-item .tab-link {
		height: 0;
		display: flex;
		align-items: center;
	} 
	.anim-tab-wrapper.change-on-scroll .anim-tab .tab-nav .tab-list-item .tab-link.active {
		height: 3.3em;
	} */
	.anim-tab-wrapper.change-on-scroll .tab-content .tab-pane .content-box {
		height: auto;
	}
	.anim-tab-wrapper.change-on-scroll .tab-content .tab-pane .animated-box.expand {
		max-height: unset;
	}
}

.types-wrapper {
  background: #f5f5f5;
}
.types-wrapper .anim-card {
  padding: 0.8rem 0.8rem 4rem;
  border-radius: 1.4rem;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1019607843);
  background: #ffffff;
  height: 100%;
}
.types-wrapper .anim-card .vid-box {
  width: 100%;
  aspect-ratio: 1.48 / 1;
  border-top-left-radius: 1.4rem;
  border-top-right-radius: 1.4rem;
  overflow: hidden;
}
.types-wrapper .anim-card .vid-box .anim-video {
  width: 100%;
  height: 100%;
}
.types-wrapper .anim-card .content {
  padding: 0.8rem;
}
.types-wrapper .anim-card .content .ttl {
  font-size: 1.8rem;
  font-weight: 700;
  font-family: "eudoxus-700";
  color: #121c27;
  line-height: 1.44;
  margin-bottom: 1.8rem;
}
.types-wrapper .anim-card .content p {
  color: #6b6969;
}
@media (max-width: 424.98px) {
  .types-wrapper .row .custom-col {
    width: 100%;
  }
}

.project-slider-wrapper .project-slider {
  padding: 0 8.8rem;
}
.project-slider-wrapper .project-slider .slick-arrow {
  background: #121c27;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.project-slider-wrapper .project-slider .slick-arrow::before {
  content: "";
  background: url(../images/arrow-g.png);
  background-repeat: no-repeat;
  background-position: center;
  height: 2rem;
  width: 2rem;
  opacity: 1;
  display: inline-block;
}
.project-slider-wrapper .project-slider .slick-arrow.slick-prev {
  left: 1.5rem;
}
.project-slider-wrapper .project-slider .slick-arrow.slick-prev::before {
  transform: rotate(180deg);
}
.project-slider-wrapper .project-slider .slick-arrow.slick-next {
  right: 1.5rem;
}
@media (max-width: 575.98px) {
  .project-slider-wrapper .project-slider {
    padding: 0 5.4rem;
  }
  .project-slider-wrapper .project-slider .slick-arrow {
    width: 3.4rem;
    height: 3.4rem;
  }
  .project-slider-wrapper .project-slider .slick-arrow::before {
    height: 1.6rem;
    width: 1.6rem;
  }
  .project-slider-wrapper .project-slider .slick-arrow.slick-prev {
    left: 1rem;
  }
  .project-slider-wrapper .project-slider .slick-arrow.slick-next {
    right: 1rem;
  }
}

.sms-wrapper.page-anim {
  overflow: hidden;
  --slider-bottom-padding: 20rem;
}
.sms-wrapper.page-anim .sms-image-slider {
  padding-bottom: var(--slider-bottom-padding);
}
.sms-wrapper.page-anim .sms-image-slider .slick-dots {
  bottom: calc(4.2rem + var(--slider-bottom-padding));
}
.sms-wrapper.page-anim .diagram-wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 38.3rem;
  transform: translateX(6.5rem);
  background: #fff;
	padding: 1.6rem;
	overflow: hidden;
}
.sms-wrapper.page-anim .diagram-wrapper img {
	object-fit: contain;
	width: 100%;
	aspect-ratio: 1/1.111;
}
.sms-wrapper.page-anim .diagram-wrapper {
	background: #121C27E6;
	border-top-left-radius: 7rem;
	border-bottom-right-radius: 7rem;
}
@media (max-width: 991.98px) {
  .sms-wrapper.page-anim .diagram-wrapper {
    right: 50%;
    transform: translateX(50%);
	  max-width: 60%;
  }
}
@media (max-width: 767.98px) {
  .sms-wrapper.page-anim {
    --slider-bottom-padding: 18rem;
  }
  .sms-wrapper.page-anim .diagram {
    max-width: 50%;
  }
}
@media (max-width: 424.98px) {
  .sms-wrapper.page-anim {
    --slider-bottom-padding: 16rem;
  }
  .sms-wrapper.page-anim .diagram {
    max-width: 60%;
  }
}
@media (min-width: 992px) {
  .sms-wrapper.page-anim .content {
    margin: 0 0 0 8rem;
    padding: 0 0.8rem;
  }
}
.sms-wrapper.page-anim .content {
	color: #fff;
}
.sms-wrapper.page-anim .content .dh3 {
  color: #000000;
  margin-bottom: 2.8rem;
  font-size: 2.4rem;
  line-height: 1.5;
  font-family: "eudoxus-700";
  font-weight: 700;
}
.sms-wrapper.page-anim .content p {
  color: #4b535d;
}
.sms-wrapper.page-anim .content .tagline {
  margin-top: 3.2rem;
  margin-bottom: 3.2rem;
  font-size: 1.6rem;
  font-family: "eudoxus-300";
  font-weight: 300;
  color: #6b6969;
  line-height: 2.5;
  background: #ffffff;
  margin-left: -25vw;
  margin-right: -25vw;
  padding-left: 25vw;
  padding-right: 25vw;
}

.movie-procedure-wrapper {
  background: linear-gradient(rgba(69, 87, 128, 0.1098039216), rgba(69, 87, 128, 0.1098039216)), #f6f7f9;
  overflow: hidden;
}
.movie-procedure-wrapper .procedure {
  display: flex;
}
.movie-procedure-wrapper .procedure .step {
  margin: 15.3rem 0;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
}
.movie-procedure-wrapper .procedure .step .icon-wrapper {
  position: relative;
  width: 65%;
  aspect-ratio: 1/1;
}
.movie-procedure-wrapper .procedure .step .icon-wrapper .icon {
  width: 100%;
  height: 100%;
  border: 0.2rem solid #ffffff;
  border-radius: 50%;
  background: var(--step-color);
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.movie-procedure-wrapper .procedure .step .icon-wrapper .icon img {
  width: 58.75%;
}
.movie-procedure-wrapper .procedure .step .icon-wrapper .right-arrow {
  position: absolute;
  right: -57.5%;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.movie-procedure-wrapper .procedure .step .icon-wrapper .label {
  color: var(--step-color);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.8rem;
  font-family: "eudoxus-700";
  font-weight: 700;
	white-space: nowrap;
}
.movie-procedure-wrapper .procedure .step .content {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
}
.movie-procedure-wrapper .procedure .step .content .description {
  line-height: 1.25;
  color: #000000;
  min-height: 6rem;
  width: 127%;
  transform: translateX(-13.5%);
}
.movie-procedure-wrapper .procedure .step .content .arrow-wrapper {
  width: 100%;
  height: 100%;
  aspect-ratio: 1.685/1;
}
.movie-procedure-wrapper .procedure .step .content .arrow-wrapper svg {
  height: 100%;
}
.movie-procedure-wrapper .procedure .step .content .arrow-wrapper svg path {
  fill: var(--step-color);
}
.movie-procedure-wrapper .procedure .step:nth-child(odd) .content {
  bottom: 100%;
}
.movie-procedure-wrapper .procedure .step:nth-child(odd) .icon-wrapper .label {
  top: 100%;
}
.movie-procedure-wrapper .procedure .step:nth-child(even) .icon-wrapper .label {
  bottom: 100%;
}
.movie-procedure-wrapper .procedure .step:nth-child(even) .content {
  flex-direction: column-reverse;
  top: 100%;
}
.movie-procedure-wrapper .procedure .step:nth-child(even) .content .arrow-wrapper {
  rotate: 180deg;
}
.movie-procedure-wrapper .procedure .step:last-child .icon-wrapper .right-arrow {
  display: none;
}
.movie-procedure-wrapper .procedure .step:last-child .icon-wrapper .label {
  display: none;
}
.movie-procedure-wrapper .procedure .step:last-child .content .description {
  font-size: 1.8rem;
  font-family: "eudoxus-700";
  font-weight: 700;
}
.movie-procedure-wrapper .procedure .step:nth-child(1) {
  --step-color: #febf00;
}
.movie-procedure-wrapper .procedure .step:nth-child(2) {
  --step-color: #c66324;
}
.movie-procedure-wrapper .procedure .step:nth-child(3) {
  --step-color: #006ebe;
}
.movie-procedure-wrapper .procedure .step:nth-child(4) {
  --step-color: #333e50;
}
.movie-procedure-wrapper .procedure .step:nth-child(5) {
  --step-color: #006ebe;
}
.movie-procedure-wrapper .procedure .step:nth-child(6) {
  --step-color: #6f2f9f;
}
.movie-procedure-wrapper .procedure .step:nth-child(7) {
  --step-color: #548335;
}
.movie-procedure-wrapper .procedure .step:nth-child(8) {
  --step-color: #bf0000;
}
.movie-procedure-wrapper .procedure .step:nth-child(9) {
  --step-color: #1f4e78;
}
.movie-procedure-wrapper .procedure .step:nth-child(10) {
  --step-color: #6b6969;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .movie-procedure-wrapper .procedure .step .icon-wrapper .label {
    font-size: 1.6rem;
  }
  .movie-procedure-wrapper .procedure .step .content .description {
    width: 153%;
    font-size: 1.4rem;
  }
  .movie-procedure-wrapper .procedure .step:last-child .content .description {
    font-size: 1.6rem;
  }
}
@media (max-width: 767.98px) {
  .movie-procedure-wrapper .procedure {
    flex-direction: column;
    align-items: center;
    gap: 4rem;
  }
  .movie-procedure-wrapper .procedure .step {
    max-width: 8rem;
    margin: 0;
  }
  .movie-procedure-wrapper .procedure .step .icon-wrapper {
    width: 100%;
  }
  .movie-procedure-wrapper .procedure .step .icon-wrapper .right-arrow {
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .movie-procedure-wrapper .procedure .step .icon-wrapper .right-arrow img {
    rotate: 90deg;
  }
  .movie-procedure-wrapper .procedure .step .content {
    align-items: center;
    width: -moz-max-content;
    width: max-content;
  }
  .movie-procedure-wrapper .procedure .step .content .arrow-wrapper {
    flex: 0 0 auto;
    width: 7.3rem;
    height: 7.3rem;
  }
  .movie-procedure-wrapper .procedure .step .content .arrow-wrapper svg {
    width: 100%;
    height: 100%;
  }
  .movie-procedure-wrapper .procedure .step .content .description {
    flex: 0 0 auto;
    max-width: 18rem;
    min-height: unset;
    transform: none;
  }
  .movie-procedure-wrapper .procedure .step:nth-child(odd) .icon-wrapper .label {
    left: 100%;
    transform: translate(1rem, -50%);
    top: 50%;
  }
  .movie-procedure-wrapper .procedure .step:nth-child(odd) .content {
    flex-direction: row;
    right: 100%;
    bottom: 50%;
    transform: translate(0, 50%);
  }
  .movie-procedure-wrapper .procedure .step:nth-child(odd) .content .arrow-wrapper svg {
    rotate: -90deg;
  }
  .movie-procedure-wrapper .procedure .step:nth-child(even) .icon-wrapper .label {
    left: unset;
    right: 100%;
    bottom: 50%;
    transform: translate(-1rem, 50%);
  }
  .movie-procedure-wrapper .procedure .step:nth-child(even) .content {
    flex-direction: row-reverse;
    left: 100%;
    top: 50%;
    transform: translate(0, -50%);
  }
  .movie-procedure-wrapper .procedure .step:nth-child(even) .content .arrow-wrapper svg {
    rotate: -90deg;
  }
}
@media (max-width: 474.98px) {
  .movie-procedure-wrapper .procedure .step {
    max-width: 6rem;
  }
  .movie-procedure-wrapper .procedure .step .icon-wrapper .right-arrow {
    transform: translate(-50%, 1rem);
  }
  .movie-procedure-wrapper .procedure .step .content .description {
    max-width: 10rem;
    font-size: 1.6rem;
  }
}

.piechart-wrapper {
  background: #f6f7f9;
}
.piechart-wrapper .sec-ttl p {
  color: #6b6969;
}
.piechart-wrapper .piechart {
  margin: 4.2rem 0.6rem;
  width: 100%;
  aspect-ratio: 2.14/1;
  position: relative;
}
.piechart-wrapper .piechart canvas {
  display: block;
}
.piechart-wrapper .piechart .pie-label {
  position: absolute;
  width: 100%;
  max-width: 23.4rem;
  pointer-events: auto;
  cursor: pointer;
}
.piechart-wrapper .piechart .pie-label .label-top {
  display: flex;
  row-gap: 0;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.piechart-wrapper .piechart .pie-label .label-top .title,
.piechart-wrapper .piechart .pie-label .label-top .prvalue {
  font-size: 1.8rem;
}
.piechart-wrapper .piechart .pie-label .label-top .title {
  font-family: "eudoxus-700";
  font-weight: 700;
  white-space: nowrap;
	color: inherit;
}
.piechart-wrapper .piechart .pie-label .label-top .prvalue {
  color: #ffffff;
  line-height: 2.2;
  padding: 0 1rem;
  width: -moz-max-content;
  width: max-content;
}
.piechart-wrapper .piechart .pie-label .desc {
  color: #6b6969;
  font-size: 1.4rem;
  font-family: "roboto-400";
}
@media (max-width: 575.98px) {
  .piechart-wrapper .piechart .pie-label .desc {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .piechart-wrapper .piechart .pie-label {
    max-width: 20rem;
  }
  .piechart-wrapper .piechart .pie-label .title {
    font-size: 1.6rem;
  }
}
@media (max-width: 575.98px) {
  .piechart-wrapper .piechart {
    margin-bottom: 0;
  }
  .piechart-wrapper .piechart .pie-label {
    max-width: -moz-max-content;
    max-width: max-content;
  }
  .piechart-wrapper .piechart .pie-label .label-top {
    flex-direction: column-reverse;
    align-items: center;
  }
  .piechart-wrapper .piechart .pie-label .label-top .title,
  .piechart-wrapper .piechart .pie-label .label-top .prvalue {
    font-size: 1.4rem;
  }
  .piechart-wrapper .piechart .pie-label .label-top .title {
    white-space: wrap;
  }
}
.piechart-wrapper .mobile-desc {
  margin: 1rem 0 4.2rem;
  color: #6b6969;
  font-size: 1.6rem;
  font-family: "roboto-400";
  opacity: 0;
  transition: height 0.4s ease, opacity 0.4s ease;
  overflow: hidden;
  display: block;
}
.piechart-wrapper .mobile-desc.show {
  opacity: 1;
}
.piechart-wrapper .tagline p {
  color: #6b6969;
  font-style: italic;
}


.decoration-border {
  width: 2.6rem;
  position: absolute;
  top: 0;
  z-index: 1;
  overflow: hidden;
  margin-top: 14.4rem;
  z-index: 0;
  background-image: url(https://studiogo.tech/coreehs/wp-content/themes/twentytwentytwo-child/images/page-border.png);
	height: calc(100% - 14.4rem);
	background-repeat: repeat;
	background-size: contain;
}
.decoration-border img {
	display: none;
}
.decoration-border.border-left {
  left: 3rem;
}
.decoration-border.border-right {
  right: 3rem;
  transform: scaleX(-1);
}
@media (max-width: 767.98px) {
  .decoration-border.border-left {
    left: 1.5rem;
  }
  .decoration-border.border-right {
    right: 1.5rem;
  }
}
@media (max-width: 474.98px) {
  .decoration-border {
    width: 1.8rem;
  }
  .decoration-border.border-left {
    left: 0.75rem;
  }
  .decoration-border.border-right {
    right: 0.75rem;
  }
}

.safeverse-banner-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  z-index: 0;
  overflow: clip;
}
.safeverse-banner-wrapper .banner-overlay::after {
  content: "";
  position: absolute;
  background: rgba(0, 0, 0, 0.2);
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.safeverse-banner-wrapper .banner-overlay .video-container {
  width: 100vw;
  height: auto;
  aspect-ratio: 16/9;
  pointer-events: none;
  margin-bottom: -7px;
}
.safeverse-banner-wrapper .banner-overlay .video-container iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
.safeverse-banner-wrapper .banner-overlay .image-container {
  width: 100%;
  height: auto;
  aspect-ratio: 2.18/1;
}
.safeverse-banner-wrapper .banner-overlay .image-container img {
  height: 100%;
}
.safeverse-banner-wrapper .content-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.safeverse-banner-wrapper .content-container > .container {
  height: 100%;
}
.safeverse-banner-wrapper .inner {
  padding: 8rem 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.safeverse-banner-wrapper .inner .ttl h2 {
  color: #ffffff;
}
.safeverse-banner-wrapper .inner .hero-content {
  margin: auto 0;
}
.safeverse-banner-wrapper .inner .hero-content .mega-ttl {
  font-size: 5.4rem;
  line-height: 1.3;
  margin-bottom: 2rem;
}
.safeverse-banner-wrapper .inner .hero-content .sub-ttl {
  font-size: 2.2rem;
  line-height: 1.82;
}
.safeverse-banner-wrapper .inner .hero-content .mega-ttl,
.safeverse-banner-wrapper .inner .hero-content .sub-ttl {
  color: #ffffff;
  font-family: "eudoxus-500";
  font-weight: 500;
  text-shadow: 0 0.4rem 1.7rem rgba(0, 0, 0, 0.2509803922);
}
@media (max-width: 767.98px) {
  .safeverse-banner-wrapper .inner {
    padding: 4rem 0;
  }
  .safeverse-banner-wrapper .inner .ttl h2 {
    font-size: 1.8rem;
  }
  .safeverse-banner-wrapper .inner .hero-content .mega-ttl {
    font-size: 3.4rem;
    margin-bottom: 1rem;
  }
  .safeverse-banner-wrapper .inner .hero-content .sub-ttl {
    font-size: 1.6rem;
  }
}
@media (max-width: 575.98px) {
  .safeverse-banner-wrapper .inner {
    padding: 2rem 0;
  }
  .safeverse-banner-wrapper .inner .hero-content .sub-ttl {
    font-size: 1.4rem;
  }
	.safeverse-banner-wrapper .inner .hero-content .theme-btn {
		padding: 1.4rem 2.8rem;
	}
}
.importance-wrapper {
  background: #121c27;
}
.importance-wrapper .sec-ttl h2 {
  font-family: "eudoxus-700";
  font-size: 3.8rem;
  line-height: 1.3;
  text-transform: none;
}
.importance-wrapper .content {
  background: rgba(0, 0, 0, 0.5019607843);
  -webkit-backdrop-filter: blur(3.5rem);
          backdrop-filter: blur(3.5rem);
  padding: 8rem 7rem;
  transform: translateY(-5rem);
}
@media (max-width: 767.98px) {
  .importance-wrapper .content {
    padding: 7rem 2rem;
  }
}
.importance-wrapper .content h2 {
  margin-bottom: 4rem;
}
.importance-wrapper .content p,
.importance-wrapper .content h2 {
  color: #ffffff;
}
@media (max-width: 474.98px) {
	.importance-wrapper .content {
  		transform: translateY(-3rem);
	}
  .importance-wrapper .content h2 {
    font-size: 2.4rem;
  }
  .importance-wrapper .content p {
    font-size: 1.6rem;
  }
}
.importance-wrapper .inner {
  display: flex;
  flex-wrap: wrap;
  row-gap: 4rem;
}
.importance-wrapper .inner .box {
  width: 20%;
  padding: 0 1rem;
}
.importance-wrapper .inner .box p {
  color: #ffffff;
  font-size: 1.6rem;
}
.importance-wrapper .inner .box .counter {
  display: flex;
  margin-bottom: 2rem;
}
.importance-wrapper .inner .box .counter h3 {
  font-size: 4.6rem;
  line-height: 1.3;
  font-family: "eudoxus-700";
  font-weight: 700;
}
.importance-wrapper .inner .box .counter .counter-label {
  text-transform: uppercase;
}
@media (max-width: 991.98px) {
  .importance-wrapper .inner .box {
    width: 33.33%;
  }
}
@media (max-width: 767.98px) {
  .importance-wrapper .inner .box .counter h3 {
    font-size: 4.6rem;
  }
  .importance-wrapper .inner .box .counter .counter-label {
    font-size: 1.6rem;
    margin-top: 1.2rem;
  }
  .importance-wrapper .inner .box p {
    font-size: 1.6rem;
  }
}
@media (max-width: 575.98px) {
  .importance-wrapper .inner .box {
    width: 50%;
  }
}

.workforce-wrapper {
  background: #000000;
  position: relative;
  z-index: 1;
}
.workforce-wrapper p,
.workforce-wrapper h2,
.workforce-wrapper h3 {
  color: #ffffff;
}
.workforce-wrapper .content {
  --gap: 1.6rem;
  gap: var(--gap);
}
.workforce-wrapper .content .content-card {
  background: #121c27;
  border: 1px solid #ffffff;
  border-radius: 1rem;
  padding: 4.8rem 1.6rem 2.8rem;
  width: calc((100% - 2 * var(--gap)) / 3);
  text-align: center;
}
.workforce-wrapper .content .content-card h3 {
  font-size: 2.4rem;
  font-weight: 700;
  font-family: "roboto-700";
  line-height: 1.5;
  min-height: 7.2rem;
  margin-bottom: 0.5rem;
  transition: all 0.4s ease;
}
.workforce-wrapper .content .content-card p {
  font-size: 1.6rem;
}
@media (max-width: 991.98px) {
  .workforce-wrapper .content .content-card {
    width: calc((100% - var(--gap)) / 2);
  }
}
@media (max-width: 474.98px) {
  .workforce-wrapper .content .content-card {
    width: 100%;
  }
}

.vr-modules-wrapper {
  background: #121c27;
}
.vr-modules-wrapper .vr-modules {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  --column-gap: 1.6rem;
  row-gap: 4.4rem;
  -moz-column-gap: var(--column-gap);
       column-gap: var(--column-gap);
}
.vr-modules-wrapper .vr-modules .module {
  height: 38.1rem;
  position: relative;
  overflow: hidden;
}
.vr-modules-wrapper .vr-modules .module .img-overlay {
  position: relative;
  height: 100%;
}
.vr-modules-wrapper .vr-modules .module .img-overlay img {
  -o-object-position: bottom center;
     object-position: bottom center;
  height: 100%;
  transition: scale 0.4s ease;
}
.vr-modules-wrapper .vr-modules .module .img-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 66.93%);
}
.vr-modules-wrapper .vr-modules .module:hover .img-overlay img {
  scale: 1.1;
}
.vr-modules-wrapper .vr-modules .module .caption {
  position: absolute;
  top: 0.6rem;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 1.8rem;
}
.vr-modules-wrapper .vr-modules .module .caption h3 {
  font-size: 2.4rem;
  font-weight: 700;
  font-family: "roboto-700";
  line-height: 1.5;
  color: #ffffff;
}
.vr-modules-wrapper .vr-modules .module:nth-child(7n+1), .vr-modules-wrapper .vr-modules .module:nth-child(7n+2), .vr-modules-wrapper .vr-modules .module:nth-child(7n+3), .vr-modules-wrapper .vr-modules .module:nth-child(7n+4) {
  width: calc((100% - 3 * var(--column-gap)) / 4);
}
.vr-modules-wrapper .vr-modules .module:nth-child(7n+5), .vr-modules-wrapper .vr-modules .module:nth-child(7n+6), .vr-modules-wrapper .vr-modules .module:nth-child(7n+7) {
  width: calc((100% - 2 * var(--column-gap)) / 3);
}
@media (max-width: 991.98px) {
  .vr-modules-wrapper .vr-modules .module:nth-child(5n+1), .vr-modules-wrapper .vr-modules .module:nth-child(5n+2), .vr-modules-wrapper .vr-modules .module:nth-child(5n+3) {
    width: calc((100% - 2 * var(--column-gap)) / 3);
  }
  .vr-modules-wrapper .vr-modules .module:nth-child(5n+4), .vr-modules-wrapper .vr-modules .module:nth-child(5n+5) {
    width: calc((100% - 1 * var(--column-gap)) / 2);
  }
}
@media (max-width: 767.98px) {
  .vr-modules-wrapper .vr-modules .module:nth-child(n) {
    width: calc((100% - 1 * var(--column-gap)) / 2);
  }
}
@media (max-width: 474.98px) {
  .vr-modules-wrapper .vr-modules .module:nth-child(n) {
    width: 100%;
  }
}

.vr-slider-wrapper {
  background: #000000;
  position: relative;
  z-index: 1;
}
.vr-slider-wrapper .sec-ttl h2 {
  color: #ffffff;
}
.vr-slider-wrapper .video-slider .vid-slide-wrapper {
  width: 100%;
  aspect-ratio: 16/9;
  height: auto;
}
.vr-slider-wrapper .video-slider .vid-slide-wrapper iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
.vr-slider-wrapper .video-slider .slick-arrow {
  background: #121c27;
  width: 5.4rem;
  height: 5.4rem;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 4;
}
.vr-slider-wrapper .video-slider .slick-arrow::before {
  content: "";
  background: url(../images/arrow-g.png);
  background-repeat: no-repeat;
  background-position: center;
  height: 2.4rem;
  width: 2.4rem;
  opacity: 1;
  display: inline-block;
}
.vr-slider-wrapper .video-slider .slick-arrow.slick-prev {
  left: 3rem;
}
.vr-slider-wrapper .video-slider .slick-arrow.slick-prev::before {
  transform: rotate(180deg);
}
.vr-slider-wrapper .video-slider .slick-arrow.slick-next {
  right: 3rem;
}
@media (max-width: 575.98px) {
  .vr-slider-wrapper .video-slider .slick-arrow {
    width: 3.4rem;
    height: 3.4rem;
  }
  .vr-slider-wrapper .video-slider .slick-arrow::before {
    height: 1.6rem;
    width: 1.6rem;
  }
  .vr-slider-wrapper .video-slider .slick-arrow.slick-prev {
    left: 1.5rem;
  }
  .vr-slider-wrapper .video-slider .slick-arrow.slick-next {
    right: 1.5rem;
  }
}

.simulation-explain-wrapper {
  background: #121c27;
}
.simulation-explain-wrapper h2,
.simulation-explain-wrapper p {
  color: #ffffff;
}
.simulation-explain-wrapper h2 {
  font-size: 3.4rem;
  line-height: 1.47;
  padding-bottom: 3rem;
  margin-bottom: 3rem;
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.5019607843);
}
@media (max-width:575.98px) {
	.simulation-explain-wrapper h2 {
		font-size: 2.4rem;
	}
}

.features-wrapper {
  background: #000000;
}
.features-wrapper .features {
  --gap: 1.3rem;
  gap: var(--gap);
}
.features-wrapper .features .feature-card {
  padding: 3.4rem 2.2rem;
  width: calc((100% - 3 * var(--gap)) / 4);
  border: 0.5px solid #ffffff;
  border-radius: 14px;
}
.features-wrapper .features .feature-card .icon-wrapper {
  width: 8rem;
  height: 8rem;
  margin-bottom: 1.8rem;
  transform: translateX(-0.4rem);
}
.features-wrapper .features .feature-card .icon-wrapper img {
  width: 5rem;
  aspect-ratio: 1/1;
  transition: all 0.4s ease;
}
.features-wrapper .features .feature-card h3 {
	font-size: 1.8rem;
	font-weight: 700;
	font-family: "eudoxus-700";
	line-height: 1.44;
}
.features-wrapper .features .feature-card p {
  color: #f6f7f9;
  margin-top: 1.4rem;
}
.features-wrapper .features .feature-card:hover .icon-wrapper img {
  scale: 1.1;
}
@media (max-width: 991.98px) {
  .features-wrapper .features .feature-card {
    width: calc((100% - 1 * var(--gap)) / 2);
  }
}
@media (max-width: 474.98px) {
  .features-wrapper .features .feature-card {
    width: 100%;
  }
}
.advantages-wrapper .cta-wrapper {
	padding-left: 7rem;
}

.advantages-wrapper {
  background: #121c27;
}
.advantages-wrapper .img-block {
	height: 100%;
}
.advantages-wrapper .img-block img {
  border-radius: 6px;
  aspect-ratio: 1.153/1;
  min-height: 100%;
}
.advantages-wrapper .advantages {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4.4rem;
}
.advantages-wrapper .advantages .advantage {
  padding-left: 5rem;
  position: relative;
}
.advantages-wrapper .advantages .advantage::before {
  content: "";
  position: absolute;
  left: 0.2rem;
  top: 0.2rem;
  width: 3rem;
  height: 3rem;
  background: url(../images/true-grad.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.advantages-wrapper .advantages .advantage h3,
.advantages-wrapper .advantages .advantage p {
  color: #ffffff;
}
.advantages-wrapper .advantages .advantage h3 {
  font-size: 2.4rem;
	font-weight: 700;
	font-family: "roboto-700";
	line-height: 1.5;
  margin-bottom: 1rem;
}
.advantages-wrapper .img-with-content:nth-child(odd) .advantages {
	padding-left: 2rem;
}
.advantages-wrapper .img-with-content:nth-child(even) .advantages {
	padding-right: 2rem;
}
.advantages-wrapper .img-with-content:last-child {
	padding-bottom: 0;
}
@media (min-width:992px) {
	.advantages-wrapper .img-with-content:nth-child(even) > .row > .col-12:nth-child(even) {
		order: -1;
	}
}

.why-simulation-wrapper {
  background: #000000;
}
.why-simulation-wrapper .sub-ttl {
  margin-top: 2.5rem;
}
@media (min-width: 992px) {
  .why-simulation-wrapper .sub-ttl {
    max-width: 58%;
    margin-top: 0;
    margin-left: 2.5rem;
  }
}
.why-simulation-wrapper p {
  color: #ffffff;
}
.why-simulation-wrapper .feature-grid {
  padding: 0 5.4rem;
  -moz-column-gap: 2.4rem;
       column-gap: 2.4rem;
  row-gap: 8rem;
  position: relative;
}
.why-simulation-wrapper .feature-grid .card-wrapper {
  width: calc((100% - 2.4rem) / 2);
}
.why-simulation-wrapper .feature-grid .card-wrapper .feature-card {
  width: 66.67%;
  height: 100%;
  border: 1px solid #ffffff;
  border-radius: 1rem;
  padding: 3.6rem;
}
.why-simulation-wrapper .feature-grid .card-wrapper .feature-card .feature-number {
  font-size: 3.4rem;
  font-weight: 700;
  font-family: "roboto-700";
  line-height: 1.47;
  padding: 0.8rem 1.8rem;
  width: -moz-max-content;
  width: max-content;
  background: var(--gradient);
  color: #ffffff;
}
.why-simulation-wrapper .feature-grid .card-wrapper .feature-card .feature-ttl {
  font-size: 2.4rem;
	font-family: "roboto-700";
	font-weight: 700;
	line-height: 1.5;
  color: #ffffff;
  padding: 1.4rem 0;
}
.why-simulation-wrapper .feature-grid .card-wrapper .feature-card p {
  color: #f6f7f9;
}
@media (max-width: 991.98px) {
  .why-simulation-wrapper .feature-grid .card-wrapper .feature-card {
    width: 100%;
  }
}
.why-simulation-wrapper .feature-grid .card-wrapper:nth-child(odd) .feature-card {
  margin-right: auto;
}
.why-simulation-wrapper .feature-grid .card-wrapper:nth-child(even) .feature-card {
  margin-left: auto;
}
.why-simulation-wrapper .feature-grid .center-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 29.7rem;
  height: 29.7rem;
  border-radius: 50%;
  padding: 3.8rem;
  background: var(--gradient);
}
.why-simulation-wrapper .feature-grid .center-circle .dh4 {
  color: #ffffff;
}
@media (max-width: 991.98px) {
  .why-simulation-wrapper .feature-grid {
    row-gap: 2.4rem;
  }
}
@media (max-width: 767.98px) {
  .why-simulation-wrapper .feature-grid {
    padding: 0;
  }
  .why-simulation-wrapper .feature-grid .card-wrapper .feature-card {
    padding: 2.4rem;
  }
}
@media (max-width: 474.98px) {
  .why-simulation-wrapper .feature-grid .card-wrapper {
    width: 100%;
  }
}

.clientele-wrapper {
  overflow: hidden;
}
.clientele-wrapper .clientele-nav {
  border: none;
  background: #f5f5f5;
  margin-left: -25vw;
  margin-right: -25vw;
  padding-left: 25vw;
  padding-right: 25vw;
  justify-content: center;
}
.clientele-wrapper .clientele-nav .nav-item {
  flex-grow: 1;
}
.clientele-wrapper .clientele-nav .nav-item .nav-link {
  width: 100%;
  height: 100%;
  font-size: 1.8rem;
  color: #222222;
  font-weight: 500;
  font-family: "eudoxus-500";
  border: none;
  padding: 2rem 0.8rem;
}
.clientele-wrapper .clientele-nav .nav-item .nav-link.active {
  color: #ffffff;
  background: var(--gradient);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
@media (max-width: 1199.98px) {
  .clientele-wrapper .clientele-nav .nav-item {
    width: 20%;
    flex-grow: 0;
  }
  .clientele-wrapper .clientele-nav .nav-item .nav-link {
    font-size: 1.6rem;
  }
}
@media (max-width: 991.98px) {
  .clientele-wrapper .clientele-nav .nav-item {
    width: 33.33%;
  }
}
@media (max-width: 474.98px) {
  .clientele-wrapper .clientele-nav .nav-item {
    width: 50%;
  }
  .clientele-wrapper .clientele-nav .nav-item .nav-link {
    padding: 1.2rem 0.8rem;
  }
}
.clientele-wrapper .tab-content .clientele-grid {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  --column-gap: 1.6rem;
  row-gap: 3rem;
  -moz-column-gap: var(--column-gap);
       column-gap: var(--column-gap);
}
.clientele-wrapper .tab-content .clientele-grid .clientele-card {
  width: calc((100% - 5 * var(--column-gap)) / 6);
  border: 1px solid #d3d5d6;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/0.61;
}
.clientele-wrapper .tab-content .clientele-grid .clientele-card img {
  padding: 1.4rem;
  max-width: 14.2rem;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  transition: all 0.4s ease;
}
@media (max-width: 767.98px) {
  .clientele-wrapper .tab-content .clientele-grid .clientele-card {
    width: calc((100% - 4 * var(--column-gap)) / 5);
  }
}
@media (max-width: 474.98px) {
  .clientele-wrapper .tab-content .clientele-grid .clientele-card {
    width: calc((100% - 2 * var(--column-gap)) / 3);
  }
}
.clientele-wrapper .tab-content .clientele-grid .clientele-card:hover img {
  scale: 1.1;
}
.wrong-wrapper .wrong-contain {
  max-width: 53.3rem;
}
.wrong-wrapper .wrong-contain h2,
.wrong-wrapper .wrong-contain h5,
.wrong-wrapper .wrong-contain p,
.wrong-wrapper .wrong-contain a {
  font-family: "inter";
}
.wrong-wrapper .wrong-contain .wrong-ttl .dh2,
.wrong-wrapper .wrong-contain .wrong-ttl .dh5 {
  color: #000000;
}
.wrong-wrapper .wrong-contain .wrong-ttl .dh2 {
  font-size: 18rem;
  line-height: 1;
  letter-spacing:-0.05rem;
}
.wrong-wrapper .wrong-contain .wrong-ttl .dh5 {
  font-size: 4.8rem;
  letter-spacing: 0.025rem;
  line-height: 1.2;
  margin-bottom: 3.2rem;
}
.wrong-wrapper .wrong-contain p {
	color: #3C3C43D9;
	font-size: 2rem;
    line-height: 1.4;
	margin-bottom: 4rem;
}
body.vr {
	z-index: -2;
}
body.vr .blog-wrapper,
body.vr footer {
	background:#111111;
}

.esg-experise-wrapper {
  overflow: hidden;
  background: #121c27;
}
.esg-experise-wrapper .sec-ttl {
  margin: 0 auto;
}
.esg-experise-wrapper .sec-ttl p {
  padding-top: 4rem;
}
.esg-experise-wrapper .esg-card .esg-media img {
  aspect-ratio: 1.4/1;
}
.esg-experise-wrapper .esg-card .esg-heading {
  font-family: "roboto-700";
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: 700;
  margin: 3.4rem 0;
}
.esg-experise-wrapper .esg-card p {
  color: #ffffff;
}
.esg-experise-wrapper .limited-content-wrapper .read-more-link {
	color: #fff;
	display: flex;
	align-items: center;
	margin-top: 3rem;
}
.esg-experise-wrapper .limited-content-wrapper .read-more-link::after {
	content: "";
	width: 4rem;
	height: 1.25em;
	background-image: url(../images/Arrow-2.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	transition: all 0.3s ease;
	display: inline-block;
	margin-left: 1.4rem;
}
.esg-experise-wrapper .limited-content-wrapper .read-more-link:hover::after {
	transform: translatex(1rem);
}

.esg-services-wrapper {
  background: #f5f5f5;
}
.esg-services-wrapper .service-grid {
  --column-gap: 1.6rem;
  -moz-column-gap: var(--column-gap);
       column-gap: var(--column-gap);
  row-gap: 2.8rem;
  margin-left: auto;
  margin-right: auto;
  transition: margin 0.2s ease;
}
.esg-services-wrapper .service-grid .service-card {
  width: calc((100% - 3 * var(--column-gap)) / 4);
  background: #ffffff;
  box-shadow: 0 1.2rem 3rem -1.2rem rgba(51, 51, 51, 0.3607843137);
  border-radius: 0.8rem;
}
.esg-services-wrapper .service-grid .service-card .service-media {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  overflow: hidden;
}
.esg-services-wrapper .service-grid .service-card .service-media img {
  aspect-ratio: 1.92/1;
}
.esg-services-wrapper .service-grid .service-card .content {
  padding: 1.3rem 2.4rem 3rem;
}
.esg-services-wrapper .service-grid .service-card .service-header {
  padding: 3rem 2rem 1.3rem;
  transition: all 0.4s ease;
  gap: 0.8rem;
}
.esg-services-wrapper .service-grid .service-card .service-header:has(.read-more:not(.collapsed)) {
  background-color: #121C27;
}
.esg-services-wrapper .service-grid .service-card .service-header:has(.read-more:not(.collapsed)) .service-heading {
  color: #ffffff;
}
.esg-services-wrapper .service-grid .service-card .service-header .read-more {
  width: 3.8rem;
  height: 3.8rem;
  background: #121c27;
  position: relative;
  padding: 0;
  margin-right: 0.8rem;
}
.esg-services-wrapper .service-grid .service-card .service-header .read-more::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(../images/add.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-position: center;
  background-size: 90%;
  filter: brightness(0) invert(1);
  transform: rotate(90deg);
}
.esg-services-wrapper .service-grid .service-card .service-header .read-more:not(.collapsed) {
  background-color: #fff;
}
.esg-services-wrapper .service-grid .service-card .service-header .read-more:not(.collapsed)::after {
  background-image: url(../images/minus.svg);
  transform: rotate(180deg);
  filter: brightness(0);
}
.esg-services-wrapper .service-grid .service-card .hidden-content {
  position: absolute;
  top: 100%;
  left: 0;
  width: calc(400% + 3 * var(--column-gap));
  background: #121C27;
  box-shadow: 0 1.4rem 1.4rem 0 #00000061;
  color: #FFFFFF;
  z-index: 5;
}
.esg-services-wrapper .service-grid .service-card .hidden-content p {
  color: #F6F7F9;
  margin-top: 2.4rem;
  text-align: justify;
}
.esg-services-wrapper .service-grid .service-card .hidden-content p:first-child {
  margin-top: 0;
}
.esg-services-wrapper .service-grid .service-card .hidden-content h4 {
  font-family: "eudoxus-700";
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1.45;
  color: #ffffff;
}
.esg-services-wrapper .service-grid .service-card .hidden-content h5 {
	margin-top: 2.4rem;
}
.esg-services-wrapper .service-grid .service-card .service-heading {
  font-family: "roboto-700";
  font-size: 2rem;
  line-height: 1.5;
  color: #121c27;
  font-weight: 700;
  transition: all 0.4s ease;
  min-height: 3em;
}
.esg-services-wrapper .service-grid .service-card .content p {
  font-size: 1.8rem;
  line-height: 1.5;
}
.esg-services-wrapper .service-grid .service-card .hidden-content .main-content,
.esg-services-wrapper .service-grid .service-card .hidden-content .side-content {
  width: 50%;
  padding: 4.8rem 2.4rem;
}
.esg-services-wrapper .service-grid .service-card .hidden-content ul {
  margin-top : 2.4rem;
}
.esg-services-wrapper .service-grid .service-card .hidden-content ul li {
  text-align: justify;
}
.esg-services-wrapper .service-grid .service-card .hidden-content ul li::before {
  content: "•";
  display: inline-block;
  margin-right: 1.2rem;
  font-weight: 900;
}
.esg-services-wrapper .service-grid .service-card .hidden-content .list-block ul {
  margin-top : 0;
  padding-left: 3rem;
}
.esg-services-wrapper .service-grid .service-card .hidden-content .list-block {
  margin-top : 2.4rem;
}
@media (min-width: 1200px) {
	.esg-services-wrapper .service-grid .service-card:nth-child(4n + 2) .hidden-content {
		left: calc(-100% - var(--column-gap));
	}
	.esg-services-wrapper .service-grid .service-card:nth-child(4n + 3) .hidden-content {
		left: calc(2*(-100% - var(--column-gap)));
	}
	.esg-services-wrapper .service-grid .service-card:nth-child(4n + 4) .hidden-content {
		left: calc(3*(-100% - var(--column-gap)));
	}
}
@media (min-width:767.98px) and (max-width:1199.98px) {
	.esg-services-wrapper .service-grid .service-card {
		width: calc((100% - var(--column-gap))/2);
	}
	.esg-services-wrapper .service-grid .service-card .hidden-content {
		width: calc(200% + var(--column-gap));
	}
	.esg-services-wrapper .service-grid .service-card:nth-child(even) .hidden-content {
		left: calc(-100% - var(--column-gap));
	}
  	.esg-services-wrapper .service-grid .service-card:nth-child(even) .hidden-content {
    	left: auto;
    	right: 0;
  	}
}
@media (max-width:767.98px) {
  .esg-services-wrapper .service-grid .service-card {
    width: 100%;
  }
  .esg-services-wrapper .service-grid .service-card .hidden-content-wrapper {
    flex-direction: column;
  }
  .esg-services-wrapper .service-grid .service-card .hidden-content {
    width: 100%;
  }
  .esg-services-wrapper .service-grid .service-card .hidden-content .main-content,
  .esg-services-wrapper .service-grid .service-card .hidden-content .side-content {
    width: 100%;
  }
}

body.vr .movie-procedure-wrapper {
	background: #121C27;
}
body.vr .movie-procedure-wrapper .procedure .step .content .description {
	color: #ffffff;
}
.sms-wrapper.page-anim{
	background: #111111;
}
.sms-wrapper.page-anim .content .dh3,
.sms-wrapper.page-anim .content p,
.sms-wrapper.page-anim .content .tagline {
	color: #ffffff;
}
.sms-wrapper.page-anim .content .tagline {
	background: linear-gradient(70.58deg, #ecbb55 0%, #cc8c3d 100%);
}
body.vr .piechart-wrapper {
	background: #121C27;
}
body.vr .sec-ttl p,
body.vr .piechart-wrapper .piechart .pie-label .desc,
body.vr .piechart-wrapper .mobile-desc,
body.vr .piechart-wrapper .tagline p{
	color: #ffffff;
}


.hero-slider-wrapper {
  background: #121c27;
}
.hero-slider-wrapper .hero-content {
  width: 100%;
}
@media (min-width: 992px) {
  .hero-slider-wrapper .hero-content {
    width: calc(var(--container-width) / 2);
  }
}
.hero-slider-wrapper .hero-content h1 {
  font-family: "eudoxus-700";
  font-weight: 700;
}
.hero-slider-wrapper .hero-content p {
  color: #dbdbdb;
}
.hero-slider-wrapper .hero-content .theme-btn {
  margin: 3.8rem 0;
  padding: 1.54rem 1.6rem;
}
.hero-slider-wrapper .hero-content .dh2 {
  font-size: 1.8rem;
  line-height: 1.44;
  font-family: "eudoxus-700";
}
.hero-slider-wrapper .hero-content .imgs-wrapper {
  margin: 0.8rem 0 0.2rem;
}
.hero-slider-wrapper .hero-content .imgs-wrapper img {
  width:  min(calc((100% - 6 * 1rem) / 7), 7rem);
  aspect-ratio: 1/1;
  flex-shrink: 0;
  border-radius: 50%;
}
.hero-slider-wrapper .breadcrumb {
  width: 100%;
}
@media (min-width: 992px) {
  .hero-slider-wrapper .breadcrumb {
    width: calc(var(--container-width) / 2);
  }
}
.hero-slider-wrapper .hero-slider * {
  height: 100%;
}
.hero-slider-wrapper .slider-controls {
  gap: 3.6rem;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%,calc(50% + 3rem)) rotate(90deg);
}
@media (min-width:992px) {
	.hero-slider-wrapper .slider-controls {
		padding-top: calc(min(50vw,720px) - (var(--container-width) / 2));
  		transform: translate(-50%,calc(50% - 3rem)) rotate(90deg);
	}
}
.hero-slider-wrapper .slider-controls .slick-dots {
  display: flex !important;
  flex-direction: column;
  gap: 1.6rem;
  position: static;
}
.hero-slider-wrapper .slider-controls .slick-dots li {
  display: flex;
  justify-content: center;
}
.hero-slider-wrapper .slider-controls .slick-dots li button {
  width: 1.7rem;
  height: 1.7rem;
  background-color: #4c4c4c;
}
.hero-slider-wrapper .slider-controls .slick-dots li.slick-active button {
  background-color: rgba(211, 213, 214, 0.6);
}
.hero-slider-wrapper .slider-controls .slick-arrow {
  position: static;
  transform: none;
  background: #0c0c0c;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 50%;
}
.hero-slider-wrapper .slider-controls .slick-arrow::before {
  content: "";
  background: url(../images/arrow-g.png);
  background-repeat: no-repeat;
  background-position: center;
  height: 1.92rem;
  width: 1.92rem;
  opacity: 1;
  display: inline-block;
}
.hero-slider-wrapper .slider-controls .slick-arrow.slick-prev::before {
  transform: rotate(-90deg);
}
.hero-slider-wrapper .slider-controls .slick-arrow.slick-next::before {
  transform: rotate(90deg);
}
@media (min-width: 1440px) {
	.hero-slider-wrapper .row > .col-12:nth-child(2) {
		max-width: 720px;
	}
}
.hero-slider-wrapper .universal-bg-wrapper .bg-vid video {
	height: auto;
}
@media (max-width: 991.98px) {
	.hero-slider-wrapper .universal-bg-wrapper .bg-embed-vid {
		height: auto;
		aspect-ratio: 16/9;
	}
}

.training-features-wrapper {
  background: #f5f5f5;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.training-features-wrapper .features-grid {
  --column-gap: 4.1rem;
  -moz-column-gap: var(--column-gap);
       column-gap: var(--column-gap);
  row-gap: 4rem;
}
.training-features-wrapper .features-grid .feature-card {
  position: relative;
  background: #fff;
  width: calc((100% - var(--column-gap) * 3) / 4);
  padding: 2.4rem 1.2rem;
  border-top: 0.9rem solid #121c27;
  box-shadow: 0 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.2509803922);
  z-index: auto;
  transition: all 0.4s ease;
}
@media (max-width: 991.98px) {
  .training-features-wrapper .features-grid .feature-card {
    width: calc((100% - var(--column-gap) * 2) / 3);
  }
}
@media (max-width: 767.98px) {
  .training-features-wrapper .features-grid .feature-card {
    width: calc((100% - var(--column-gap)) / 2);
  }
}
@media (max-width: 474.98px) {
  .training-features-wrapper .features-grid .feature-card {
    width: 100%;
  }
}
.training-features-wrapper .features-grid .feature-card .icon-wrapper {
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  background: #f5f5f5;
  margin-bottom: 2rem;
}
.training-features-wrapper .features-grid .feature-card .icon-wrapper img {
  width: 5rem;
  aspect-ratio: 1/1;
}
.training-features-wrapper .features-grid .feature-card .card-ttl {
  font-family: "eudoxus-700";
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.44;
  min-height: 5.2rem;
  color: #121c27;
  margin-bottom: 2.4rem;
}
.training-features-wrapper .features-grid .feature-card p {
  margin-bottom: 3.2rem;
}
.training-features-wrapper .features-grid .feature-card a {
  color: #455780;
  font-family: "roboto-500";
  font-weight: 500;
  text-decoration: underline;
}
.training-features-wrapper .features-grid .feature-card a:hover {
  color: #121c27;
}
.training-features-wrapper .features-grid .feature-card::after {
  content: "";
  position: absolute;
  height: 0.1rem;
  width: 300vw;
  left: -100vw;
  top: 17.2rem;
  background-color: #121c27;
  z-index: -1;
}
.training-features-wrapper .features-grid .feature-card:hover {
  box-shadow: 0 0.8rem 0.8rem 0 rgba(0, 0, 0, 0.5019607843);
}

.video-section-wrapper .video-wrapper {
  width: 80%;
  aspect-ratio: 16/9;
}
@media (max-width: 474.98px) {
	.video-section-wrapper .video-wrapper {
	  width: 100%;
	}
}

.training-types-wrapper {
  background: #f5f5f5;
}
.training-types-wrapper .training-card {
  color: #434549;
  padding: 1.1rem;
  background: #ffffff;
  border: 1px solid #cccccc;
  box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.0901960784);
  height: 100%;
}
.training-types-wrapper .training-card .img-wrapper {
  width: 100%;
  aspect-ratio: 1.32/1;
  overflow: hidden;
}
.training-types-wrapper .training-card .img-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition: scale 0.4s ease;
}
.training-types-wrapper .training-card .content {
  padding: 0 1rem;
}
.training-types-wrapper .training-card .content > div {
	padding-top: 1.4rem;
}
.training-types-wrapper .training-card .content .card-ttl {
  font-family: "eudoxus-700";
  font-size: 1.8rem;
  line-height: 1.44;
  font-weight: 700;
  color: #121c27;
  margin: 4.3rem 0 0.6rem;
}
.training-types-wrapper .training-card .content ul {
  margin: 1.6rem 0;
  padding-left: 2rem;
}
.training-types-wrapper .training-card .content ul li {
  margin-bottom: 0.5rem;
  position: relative;
}
.training-types-wrapper .training-card .content ul li::before {
  content: "";
  background: url(../images/blue-right.svg) center/contain no-repeat;
  width: 1.6rem;
  left: -2rem;
  height: 100%;
  position: absolute;
}
.training-types-wrapper .training-card .content .theme-btn {
  padding: 1.54rem 2rem;
  margin: 2rem 0;
}
.training-types-wrapper .training-card .content .theme-btn::after {
  content: "";
  background: url(../images/chevron-right.png) center/contain no-repeat;
  display: inline-block;
  width: 1.2rem;
  aspect-ratio: 1/1;
  filter: brightness(0) invert(1);
  margin-left: 1rem;
  transition: all 0.4s ease;
}
.training-types-wrapper .training-card .content .theme-btn:hover::after {
  filter: none;
}
.training-types-wrapper .training-card:hover .img-wrapper img {
  scale: 1.05;
}

.milestone-wrapper {
  background: #121c27;
}
.milestone-wrapper .sec-ttl p {
	color: #fff;
}
.milestone-wrapper .milestone-box {
  padding: 0 2.4rem;
  margin: 0 auto 7rem;
  max-width: 40rem;
}
.milestone-wrapper .milestone-box .counter {
  font-family: "eudoxus-700";
  font-size: 4.4rem;
  line-height: 1.3;
  font-weight: 700;
  margin-bottom: 1rem;
}
.milestone-wrapper .milestone-box .counter span {
  font-variant-position: super;
}
.milestone-wrapper .milestone-box p {
  text-transform: uppercase;
  font-family: "roboto-500";
  font-weight: 500;
  color: #ffffff;
  line-height: 1.25;
}

.accordion-wrapper .accordion .accordion-item {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 1.6rem;
  padding: 2.1rem 2.4rem;
  margin-bottom: 1.8rem;
}
.accordion-wrapper .accordion .accordion-item .accordion-header .accordion-button {
  font-size: 1.8rem;
  color: #121c27;
  font-family: "eudoxus-700";
  background: transparent;
  justify-content: space-between;
  padding: 0;
  box-shadow: none;
  outline: none;
}
.accordion-wrapper .accordion .accordion-item .accordion-header .accordion-button:focus {
  box-shadow: none;
  outline: none;
}
.accordion-wrapper .accordion .accordion-item .accordion-header .accordion-button::after {
  width: 3.4rem;
  height: 3.4rem;
  background: var(--bs-accordion-btn-icon) center/1.4rem no-repeat, var(--gradient);
  margin-left: 2rem;
}
.accordion-wrapper .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  transform: none;
}
.accordion-wrapper .accordion .accordion-item .accordion-body h4 {
  font-size: 1.6rem;
  margin: 1.6rem 0 0.8rem;
}
.accordion-wrapper .accordion .accordion-item .accordion-body ul {
  list-style: disc;
  padding-left: 20px;
}

.download-form-wrapper {
	background: #F6F7F9;
}
@media (min-width:992px) {
.download-form-wrapper .content {
	padding-left: 6rem;
}
}

.download-form-wrapper .sec-ttl h2 {
	font-size : 3.4rem;
	
}
.download-form-wrapper .sec-ttl span::before,
.download-form-wrapper .sec-ttl span::after {
	content: none;
}
.download-form-wrapper .form-container {
  --bs-gutter-x: 2rem;
  --bs-gutter-y: 2rem;
  border: 1px solid #d3d5d6;
  border-radius: 2.5rem;
  padding: 4rem 1.4rem;
}
.download-form-wrapper .form-container .form-control {
	position: relative;
	font-size: 1.4rem;
	line-height: 1.42;
    padding: 1.4rem 2.6rem;
    border: 1px solid #d3d5d6;
    border-radius: 3rem;
	background: transparent;
}
.download-form-wrapper .form-container .theme-btn {
	padding: 1.5rem 8rem;
}
.download-form-wrapper .form-container .form-control::-moz-placeholder {
  color: #121c27;
}
.download-form-wrapper .form-container .form-control::placeholder {
  color: #121c27;
}
.download-form-wrapper ol li {
	margin-bottom: 2.4rem;
	color: #0A1119;
	font-family: "eudoxus-500";
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.44;
}
.download-form-wrapper .captcha-wrapper.form-control {
	padding: 1.8rem 2.1rem;
	width: fit-content;
	border-radius: 1rem;
}
#cvuploadModal .form-container {
	margin-left: 0;
	width: 100%;
}
#cvuploadModal .modal-content {
	max-width: 80rem;
}

.img-slider-wrapper .img-wrapper {
	height: 100%;
}
.img-slider-wrapper .img-wrapper img {
	height: 100%;
	object-fit: cover;
}
.img-slider-wrapper .image-slider,
.img-slider-wrapper .slick-track,
.img-slider-wrapper .slick-list,
.img-slider-wrapper .slick-slide,
.img-slider-wrapper .img-wrapper {
  height: 100%;
}


.training-intro-wrapper {
  background: #f5f5f5;
  padding-top: 4rem;
}
.training-intro-wrapper .imgs-wrapper .img-box {
  width: 14.2857142857%;
}
.training-intro-wrapper .imgs-wrapper .img-box img {
  max-width: 15.5rem;
  width: 100%;
  aspect-ratio: 1/1;
  padding: 0 1.1rem;
  margin: 0 auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 767.98px) {
  .training-intro-wrapper .imgs-wrapper .img-box {
    width: 25%;
  }
}
.training-intro-wrapper p {
  max-width: 98.5rem;
  margin: 0 auto;
  text-align: center;
  color: #000000;
}

.training-modules-wrapper {
  background: #121c27;
  position: relative;
}
.training-modules-wrapper .bg-image {
  position: absolute;
  width: 50%;
  right: 50%;
  bottom: 0;
  z-index: 1;
  transform: translateY(4%);
  max-width: 616px;
}
@media (max-width: 575.98px) {
  .training-modules-wrapper .bg-image {
    width: 75%;
  }
}
@media (min-width: 992px) {
	.training-modules-wrapper > .container {
		padding-bottom: 6rem;
	}
}
.training-modules-wrapper .table {
  border: 1px solid rgba(108, 110, 112, 0.4);
}
.training-modules-wrapper .table tr th,
.training-modules-wrapper .table tr td {
  color: #fff;
  padding: 1.6rem;
  background: transparent;
}
.training-modules-wrapper .table thead {
  font-family: "eudoxus-700";
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.44;
}
.training-modules-wrapper .table thead tr {
  background: var(--gradient);
}
.training-modules-wrapper .table tbody td {
  font-family: "roboto-500";
  font-weight: 500;
  line-height: 1.25;
}
.training-modules-wrapper .table tbody td h3 {
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	font-family: inherit;
}
.training-modules-wrapper .table tbody td:nth-child(even) {
  text-align: center;
}
.training-modules-wrapper .table tbody tr:nth-child(odd) {
  background: #1f2a34;
}
.training-modules-wrapper .table tbody tr:nth-child(even) {
  background: rgba(18, 28, 39);
}
.training-modules-wrapper .table.vertical-borders td,
.training-modules-wrapper .table.vertical-borders th {
  border-left: 1px solid rgba(108, 110, 112, 0.4);
}
.training-modules-wrapper .table.vertical-borders td:first-child,
.training-modules-wrapper .table.vertical-borders th:first-child {
  border-left: none;
}
.training-modules-wrapper .item-card {
  height: 100%;
  padding: 2rem 0.4rem;
  background: #1f2a34;
  box-shadow: 0.2rem 0.3rem 0.4rem 0 rgba(211, 213, 214, 0.2);
  transition: all 0.4s ease;
}
.training-modules-wrapper .item-card .img-wrapper {
  max-height: 6rem;
  max-width: 6rem;
  margin-bottom: 2rem;
}
.training-modules-wrapper .item-card .img-wrapper img {
  filter: brightness(0) invert(1);
}
.training-modules-wrapper .item-card .dp {
  color: #fff;
}
.training-modules-wrapper .item-card:hover {
  box-shadow: 0.4rem 0.6rem 0.8rem 0 rgba(211, 213, 214, 0.2);
}
@media (max-width: 991.98px) {
	.training-modules-wrapper .table {
		max-width: 100%;
	}
	.training-modules-wrapper .adjust-width {
		max-width: 100%;
	}
}
@media (max-width: 991.98px) {
	.training-modules-wrapper .adjust-padding {
		padding-bottom: calc(100vw / 6 - 6rem);
	}
}
@media (max-width: 575.98px) {
	.training-modules-wrapper .adjust-padding {
		padding-bottom: calc(100vw / 4 - 6rem);
	}
}
.training-benefits-wrapper {
  background: #f5f5f5;
}
.training-benefits-wrapper .card-wrapper {
  padding: 1.8rem 2.2rem;
  background: #fff;
}
.training-benefits-wrapper .benefit-card {
  border: 2px solid;
  border-radius: 0.6rem;
  border-image-source: linear-gradient(70.58deg, #ecbb55 0%, #cc8c3d 100%);
  border-image-slice: 1;
}
.training-benefits-wrapper .benefit-card .grad-ttl {
  padding: 1.6rem 4.4rem;
  background: var(--gradient);
  border-radius: 0.4rem;
  width: -moz-fit-content;
  width: fit-content;
  transform: translateY(-50%);
}
.training-benefits-wrapper .benefit-card .grad-ttl h3 {
  font-size: 1.8rem;
  line-height: 1.44;
  font-family: "eudoxus-700";
  font-weight: 700;
}
.training-benefits-wrapper .benefit-card .benefits-list .benefit {
  display: flex;
  gap: 3.2rem;
  padding: 2.4rem 4.6rem 2.4rem 4rem;
  border-bottom: 1px solid;
  border-image-source: linear-gradient(70.58deg, rgba(236, 187, 85, 0.5) 0%, rgba(204, 140, 61, 0.5) 100%);
  border-image-slice: 1;
}
.training-benefits-wrapper .benefit-card .benefits-list .benefit .count {
  display: flex;
  flex-shrink: 0;
  font-family: "roboto-600";
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: 600;
  color: #ffffff;
  background: var(--gradient);
  width: 3.2rem;
  height: 3.8rem;
  margin-top: 0.4rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.4rem;
}
.training-benefits-wrapper .benefit-card .benefits-list .benefit p {
  color: #000000;
}
.training-benefits-wrapper .benefit-card .benefits-list li {
  counter-increment: item;
  position: relative;
  min-height: 4.8rem;
}
.training-benefits-wrapper .benefit-card .benefits-list li::before {
  content: counter(list-item) " ";
  font-family: "roboto-600";
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: 600;
  color: #ffffff;
  background: var(--gradient);
  width: 3.2rem;
  height: 3.8rem;
  left: -3.2rem;
  top: 0.4rem;
  transform: translateX(-100%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.4rem;
  position: absolute;
}
@media (max-width: 474.98px) {
  .training-benefits-wrapper .benefit-card .benefits-list .benefit {
    gap: 2.4rem;
    padding: 1.8rem 2.4rem;
  }
}

.attend-wrapper .item {
	padding: 2rem;
  height: 100%;
}
.attend-wrapper .item .img-wrapper {
  width: 5rem;
  aspect-ratio: 1/1;
  margin-bottom: 2.8rem;
}
.attend-wrapper .item .item-ttl {
  font-size: 1.8rem;
  font-family: "eudoxus-700";
  font-weight: 700;
  line-height: 1.44;
  color: #121c27;
  margin-bottom: 2rem;
}

.trainingoutcomes-wrapper {
  background: #121c27;
}
.trainingoutcomes-wrapper .accordion {
  background: rgba(255, 255, 255, 0.0784313725);
  border-radius: 2.4rem;
  padding: 2rem 4rem;
}
.trainingoutcomes-wrapper .accordion p {
  color: #f0f0f0;
}
.trainingoutcomes-wrapper .accordion .accordion-item,
.trainingoutcomes-wrapper .accordion .accordion-button,
.trainingoutcomes-wrapper .accordion .accordion-body {
  background-color: transparent;
}
.trainingoutcomes-wrapper .accordion .accordion-item {
  border: none;
}
.trainingoutcomes-wrapper .accordion .accordion-button {
  color: #fff;
  box-shadow: none;
  font-size: 1.8rem;
  font-family: "eudoxus-700";
  font-weight: 700;
  line-height: 1.44;
  padding: 2rem 0;
}
.trainingoutcomes-wrapper .accordion .accordion-button::after {
  background-image: url(../images/arrow-down.svg);
  background-size: 1.6rem;
  width: 3.2rem;
  height: 3.2rem;
  background-position: center;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.0784313725);
}
.trainingoutcomes-wrapper .accordion .accordion-body {
  padding: 0.8rem 0 2rem;
}
.trainingoutcomes-wrapper .accordion .accordion-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.0784313725);
}
.trainingoutcomes-wrapper .accordion .accordion-item:last-child {
  border-bottom: none;
}
.trainingoutcomes-wrapper .image-wrapper {
  position: absolute;
  padding-left: 12rem;
  width: 50%;
  right: 0;
  bottom: 0;
}
@media (max-width: 767.98px) {
  .trainingoutcomes-wrapper .image-wrapper {
    display: none;
  }
}

/* .training-process-wrapper {
	height: calc(var(--tab-count)*60vh);
} */
.training-process-wrapper .sticky-tab {
  position: sticky;
  top: calc((100vh - var(--section-h) + var(--n-header-height))/2);
}
.training-process-wrapper .process-tab {
  gap: 5rem;
}
.training-process-wrapper .process-tab .inner {
  align-items: center;
  transform: scaleY(0.8);
  transform-origin: center;
  transition: all 0.7s ease;
  opacity: 0;
  visibility: hidden;
}
.training-process-wrapper .process-tab .inner .content-box {
  max-width: 29.6rem;
  background: var(--gradient);
  padding: 7rem 2rem;
  margin: 0;
  border: 0.6rem solid #F6F7F9;
	flex-shrink: 0;
}
.training-process-wrapper .process-tab .inner .content-box h3 {
  font-family: "eudoxus-700";
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.44;
  margin-bottom: 3.2rem;
}
.training-process-wrapper .process-tab .inner .content-box p {
  color: #fff;
}
.training-process-wrapper .process-tab .inner .img-box {
  flex: 1;
  width: 100%;
  height: auto;
  align-self: stretch;
	position: relative;
	z-index: -1;
}
.training-process-wrapper .process-tab .inner .image-box {
	margin-left: -3rem;
}
.training-process-wrapper .process-tab .inner .img-box img {
  aspect-ratio: 2.255/1;
  min-height: 100%;
}
.training-process-wrapper .process-tab .tab-pane {
  display: block !important;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 1 !important;
  visibility: hidden;
	position: absolute;
}
.training-process-wrapper .process-tab .tab-pane.active {
	position: static;
	visibility: visible;
}
.training-process-wrapper .process-tab .tab-pane.active .inner {
  opacity: 1;
  transform: scaley(1);
	visibility: visible;
}
.training-process-wrapper .process-tab .nav-wrapper {
  display: flex;
  align-items: center;
  pointer-events: none;
}
@media (min-width: 768px) {
	.training-process-wrapper .process-tab .cta-btn {
	margin-left: 26.6rem;
}
}
@media (max-width: 991.98px) {
	.training-process-wrapper .process-tab {
		position: relative;
	}
	.training-process-wrapper .process-tab .nav-wrapper .nav {
		background: #f6f7f9e0;
		padding: 0 1.4rem;
		border-radius: 0.4rem;
	}
	.training-process-wrapper .process-tab .inner .content-box {
		flex-shrink: 0;
		border: 0px;
	}
	.training-process-wrapper .process-tab .inner .image-box {
		z-index: 1;
		border: 0.3rem solid #F6F7F9;
		margin-left : -2rem;
	}
}
@media (max-width: 767.98px) {
	.training-process-wrapper .process-tab .inner .content-box {
		flex-shrink: 0;
		border: 0.3rem solid #f6f7f9;
		margin: 0 2rem;
	}
	.training-process-wrapper .process-tab .inner .image-box {
		z-index: -1;
		border: 0px;
		margin-left : 0;
		margin-bottom: -1.2rem;
	}
}
@media (max-width: 474.98px) {
	.training-process-wrapper .process-tab .inner .content-box {
		margin: 0 1.2rem;
		padding: 4rem 2rem;
	}
}
.training-process-wrapper .process-tab .nav {
  gap: 2rem;
  pointer-events: all;
}
.training-process-wrapper .process-tab .nav .nav-item {
  text-align: center;
  display: flex;
  justify-content: center;
}
.training-process-wrapper .process-tab .nav .nav-item .nav-link {
  font-family: "poppins-700";
  font-weight: 700;
  font-size: 3rem;
  line-height: 1.667;
  letter-spacing: -0.0032rem;
  color: transparent;
  -webkit-text-stroke: 1px rgba(107, 105, 105, 0.5019607843);
  padding: 0;
  transition: all 0.4s ease;
}
.training-process-wrapper .process-tab .nav .nav-item .nav-link.active {
  background: var(--gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  -webkit-text-stroke: 1px transparent;
}
.training-process-wrapper .process-tab .tab-content .tab-pane {
	padding: 0;
}
@media (max-width: 991.98px) {
  .training-process-wrapper .process-tab {
    gap: 1.6rem;
  }
}
@media (max-width: 767.98px) {
  .training-process-wrapper .process-tab {
    gap: 3rem;
  }
  .training-process-wrapper .process-tab .inner {
    flex-direction: column-reverse;
    text-align: center;
  }
  .training-process-wrapper .process-tab .inner .content-box {
    max-width: 100%;
  }
  .training-process-wrapper .process-tab .inner .content-box h3 {
    font-size: 2.4rem;
  }
}
.related-training-wrapper {
  background: #f5f5f5;
}
.related-training-wrapper .tab-wrapper .nav {
  border: none;
}
.related-training-wrapper .tab-wrapper .nav .nav-item .nav-link {
  width: 100%;
  height: 100%;
  font-size: 1.8rem;
  color: #222222;
  font-weight: 500;
  font-family: "eudoxus-500";
  border: 1px solid #f7f7f7;
  padding: 2rem;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  background: #ffffff;
}
.related-training-wrapper .tab-wrapper .nav .nav-item .nav-link.active {
  color: #ffffff;
  background: var(--gradient);
}
.related-training-wrapper .tab-wrapper .tab-content {
  background-color: #fbfbfb;
  border: 1px solid #f0f0f0;
  padding: 2.6rem 2.1rem;
}
.related-training-wrapper .tab-wrapper .tab-content ul {
  display: flex;
  flex-wrap: wrap;
}
.related-training-wrapper .tab-wrapper .tab-content ul li {
  padding: 0.8rem 2.4rem 0.8rem 0;
  width: 50%;
  display: flex;
  align-items: start;
}
.related-training-wrapper .tab-wrapper .tab-content ul li::before {
  content: "";
  background: url(../images/tag.svg) center/contain no-repeat;
  width: 1.6rem;
  height: 1.6rem;
  display: inline-block;
  margin: auto 0.8rem auto 0;
  flex-shrink: 0;
}
.related-training-wrapper .tab-wrapper .tab-content ul li .dp {
  color: #222222;
}
@media (max-width: 767.98px) {
  .related-training-wrapper .tab-wrapper .tab-content ul li {
    width: 100%;
    padding: 0.8rem 0;
  }
}

.check-list li {
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
}
.check-list li::before {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  background: url(../images/check.png) center/contain no-repeat;
  width: 3.4rem;
  height: 3.4rem;
  margin-right: 1.8rem;
  align-self: baseline;
}
.check-list li:last-child {
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .whychoosesafety-wrapper .container {
    width: calc(100% - (100vw - var(--container-width)) / 2);
    margin-left: calc((100vw - var(--container-width)) / 2);
  }
}
.whychoosesafety-wrapper > .row {
  --bs-gutter-x: 0;
}
.whychoosesafety-wrapper .image-wrapper {
  height: 100%;
  max-width: 480px;
}
.whychoosesafety-wrapper .image-wrapper img {
  height: 100%;
}
@media (max-width: 991.98px) {
  .whychoosesafety-wrapper .image-wrapper {
    display: none;
  }
}
.whychoosesafety-wrapper ul li {
  font-size: 1.8rem;
  line-height: 1.44;
  font-family: "eudoxus-700";
  font-weight: 700;
  color: #455780;
}
body:not(.career) .dropzone-wrapper {
	display: none;
}

.learning-hero-wrapper .breadcrumb a,
.learning-hero-wrapper .breadcrumb span {
  color: #fff;
}

.stats-section-wrapper .stat-block {
  padding: 0 1.2rem;
}
.stats-section-wrapper .stat-block .stat-number {
  font-family: "roboto-600";
  font-weight: 600;
  font-size: 6.4rem;
  line-height: 1.25;
  color: #000000;
}
.stats-section-wrapper .stat-text {
  font-family: "roboto-500";
  font-weight: 500;
}
@media (max-width:575.98px) {
	.stats-section-wrapper .stat-block .stat-number {
	  font-size: 4.4rem;
	}
}

.popular-courses-wrapper {
  background-color: #f6f7f9;
}
.popular-courses-wrapper .course-card {
  box-shadow: 0px 1.8rem 4.7rem 0px rgba(47, 50, 125, 0.1019607843);
  position: relative;
  border-radius: 0.4rem;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.popular-courses-wrapper .course-card .tag {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.8rem 2.6rem;
  border-bottom-right-radius: 0.4rem;
  font-family: "roboto-500";
  font-weight: 500;
  line-height: 1.25;
}
.popular-courses-wrapper .course-card .img-wrapper {
  width: 100%;
  aspect-ratio: 1.67/1;
  flex-shrink: 0;
}
.popular-courses-wrapper .course-card .img-wrapper img {
  height: 100%;
}
.popular-courses-wrapper .course-card .content {
  padding: 1rem 2.4rem 2rem;
  color: #6b6969;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.popular-courses-wrapper .course-card .content .language,
.popular-courses-wrapper .course-card .content .duration {
  font-size: 1.4rem;
  font-family: "roboto-500";
  font-weight: 500;
  line-height: 1.29;
  display: flex;
  align-items: center;
}
.popular-courses-wrapper .course-card .content .language::before,
.popular-courses-wrapper .course-card .content .duration::before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  margin-right: 0.8rem;
}
.popular-courses-wrapper .course-card .content .language::before {
  background: url(../images/language-menu.svg) center/contain no-repeat;
}
.popular-courses-wrapper .course-card .content .duration::before {
  background: url(../images/grey-watch.svg) center/contain no-repeat;
}
.popular-courses-wrapper .course-card .content .card-ttl {
  font-size: 1.8rem;
  font-family: "eudoxus-700";
  font-weight: 700;
  line-height: 1.44;
  color: #121c27;
  margin: 2.2rem 0 2rem;
}
.popular-courses-wrapper .course-card .content .dh4 {
  font-size: 1.6rem;
  font-family: "roboto-500";
  font-weight: 500;
  line-height: 1.25;
  margin: 4.8rem 0 1.4rem;
}
.popular-courses-wrapper .course-card .content .list {
  padding-left: 2.4rem;
  list-style-type: disc;
}
.popular-courses-wrapper .course-card .content .card-footer {
  padding-top: 2.6rem;
  margin-top: auto;
}
.popular-courses-wrapper .course-card .content .card-footer .rating,
.popular-courses-wrapper .course-card .content .card-footer .review-counter {
  font-size: 1.4rem;
  font-family: "roboto-500";
  font-weight: 500;
  line-height: 1.29;
}
.popular-courses-wrapper .course-card .content .card-footer .rating {
  display: flex;
}
.popular-courses-wrapper .course-card .content .card-footer .rating::before {
  content: "";
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  background: url(../images/grad-star.svg) center/contain no-repeat;
  margin-right: 0.5rem;
}

.tag.bg-green {
  background: #4caf50;
}

.tag.bg-blue {
  background: #0900bb;
}

.prof-training-wrapper {
  background: #f6f7f9;
}
.prof-training-wrapper .section-title p {
  color: #0a083b;
  text-align: center;
  max-width: 94rem;
  margin: 0 auto 4.4rem;
}
.prof-training-wrapper .img-wrapper {
  margin: 0 2.2rem;
}
@media (max-width: 991.98px) {
	.prof-training-wrapper .img-wrapper {
		max-width: 68rem;
		margin: 0 auto;
	}
	.prof-training-wrapper .img-wrapper img {
		padding: 0 2.2rem;
	}
}
.prof-training-wrapper .img-wrapper img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.prof-training-wrapper .accordion .accordion-item {
  background: transparent;
}
.prof-training-wrapper .accordion .accordion-header {
  border-top: 1px solid #d5d8dc;
}
.prof-training-wrapper .accordion .accordion-header .accordion-button {
  font-size: 1.8rem;
  color: #6b6969;
  font-family: "eudoxus-700";
  font-weight: 700;
  background: transparent;
  padding: 4rem 3rem;
  transition: all 0.4s ease;
}
.prof-training-wrapper .accordion .accordion-header .accordion-button:focus {
  box-shadow: none;
  outline: none;
}
.prof-training-wrapper .accordion .accordion-header .accordion-button::after {
  content: none;
}
.prof-training-wrapper .accordion .accordion-header .accordion-button::before {
  content: "⏷";
  margin-right: 2.8rem;
  flex-shrink: 0;
  transition: all 0.4s ease;
  color: #6b6969;
}
.prof-training-wrapper .accordion .accordion-header .accordion-button:not(.collapsed) {
  color: #121c27;
}
.prof-training-wrapper .accordion .accordion-header .accordion-button:not(.collapsed)::before {
  transform: rotate(180deg);
  color: #121c27;
}
.prof-training-wrapper .accordion .accordion-body {
  padding: 3rem;
}
.prof-training-wrapper .accordion .accordion-body p {
  color: #0a083b;
}

.e-learning-hero {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 72.16%, rgba(0, 0, 0, 0.77) 81.69%);
}

.e-learning-hero .divider {
  width: 50rem;
  height: 0.1rem;
  background-color: rgba(255, 255, 255, 0.3019607843);
  transform: translateY(-3.4rem);
}
@media (max-width: 767.98px) {
  .e-learning-hero .divider {
    width: 40rem;
  }
}
@media (max-width: 575.98px) {
  .e-learning-hero .divider {
    width: 100%;
    transform: translateY(-1.4rem);
  }
}

.vr-transform-wrapper {
  background: linear-gradient(to right, #d0d1d9, #d9dae1);
  overflow-x: clip;
}
.vr-transform-wrapper .left-panel {
  position: sticky;
  top: calc(-1 * var(--header-height));
  height: calc(100vh + var(--header-height));
  margin-left: calc(-50vw - 0.75rem);
  margin-right: calc(-50vw - 0.75rem);
  padding-left: calc(50vw + 0.75rem);
  padding-right: calc(50vw + 0.75rem);
  display: flex;
  align-items: center;
  justify-content: center;
}
.vr-transform-wrapper .left-panel .img-wrapper {
  width: 54%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1;
  background: var(--gradient);
}
@media (min-width: 1440px) {
	.vr-transform-wrapper .left-panel .img-wrapper {
  		min-width: 20vw;
	}
}
.vr-transform-wrapper .left-panel .img-wrapper .img-stack {
  position: relative;
  isolation: isolate;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.6s ease; /* smooth sliding */
  overflow: hidden;
}
.vr-transform-wrapper .left-panel .img-wrapper .img-stack::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==);
  background-repeat: repeat;
  background-size: 128px 128px; /* akin to “Size 0.5” */
  mix-blend-mode: multiply; /* keep it monotone over light/dark */
  pointer-events: none;
  background-position: center;
}
.vr-transform-wrapper .left-panel .img-wrapper .img-stack img {
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.vr-transform-wrapper .left-panel .img-wrapper .img-stack .stack-slider {
  width: 100%;
  height: 100%;
  display: flex;
  transition: transform 0.6s ease; /* smooth sliding */
}
.vr-transform-wrapper .right-panel {
  position: relative;
  z-index: 2;
}
.vr-transform-wrapper .right-panel .content {
  height: 100vh;
  min-height: -moz-fit-content;
  min-height: fit-content;
  padding-left: 1rem;
  padding-right: 1rem;
  overflow: hidden;
}
.vr-transform-wrapper .right-panel .content .sec-ttl {
  margin-bottom: 3.4rem;
}
.vr-transform-wrapper .right-panel .content .sec-ttl span::before {
  content: none;
}
.vr-transform-wrapper .right-panel .content .sec-ttl span:after {
  content: "";
  top: 90%;
  height: 0.2rem;
  width: 50vw;
  background: var(--gradient);
}
.vr-transform-wrapper .right-panel .content .sub-ttl {
  font-size: 3.4rem;
  font-family: "roboto-700";
  color: #1b242f;
  font-weight: 700;
  line-height: 1.47;
}
.vr-transform-wrapper .right-panel .content p {
  margin-top: 2rem;
  color: #1b242f;
  letter-spacing: 0.05rem;
  line-height: 1.5;
}
.vr-transform-wrapper .right-panel .content .img-box {
  width: 100%;
  aspect-ratio: 1/1;
  height: auto;
  margin: 0 auto 2.4rem;
  background: var(--gradient);
  position: relative;
}
.vr-transform-wrapper .right-panel .content .img-box img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.vr-transform-wrapper .right-panel .content .img-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==);
  background-repeat: repeat;
  background-size: 128px 128px; /* akin to “Size 0.5” */
  mix-blend-mode: multiply; /* keep it monotone over light/dark */
  pointer-events: none;
  background-position: center;
}
.vr-transform-wrapper .right-panel .content:not(:first-of-type) .sec-ttl {
  display: none;
}
@media (min-width: 768px) {
  .vr-transform-wrapper .right-panel .content .img-box {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .vr-transform-wrapper .left-panel {
    display: none;
  }
  .vr-transform-wrapper .right-panel .content {
    height: auto;
    padding: 0 0 4rem;
  }
  .vr-transform-wrapper .right-panel .content:last-child {
    padding-bottom: 0;
  }
  .vr-transform-wrapper .right-panel .content .sec-ttl {
    display: none;
  }
}


.general-section-wrapper p {
  margin-bottom: 1.6rem;
}
.general-section-wrapper h2 {
  color: #121c27;
  margin-bottom: 2rem;
}
.general-section-wrapper h3 {
  font-size: 2rem;
  font-family: "eudoxus-700";
  font-weight: 700;
  color: #121c27;
  line-height: 1.44;
  margin-bottom: 2rem;
}
.general-section-wrapper:nth-child(even) {
  background: #f5f5f5;
}
.general-section-wrapper a {
  transition: all 0.4s ease;
}
.general-section-wrapper a:hover {
  color: #000;
}
.general-section-wrapper ul {
  padding-left: 2.4rem;
  list-style-type: disc;
}
.general-section-wrapper ul li {
  margin-bottom: 1.6rem;
}
.general-section-wrapper ul.check-list {
  margin-bottom: 2rem;
  padding-left: 0;
}
.general-section-wrapper ul.check-list li::before {
  width: 1.56em;
  height: 1.56em;
}

.learning-outcomes-wrapper .cards-wrapper {
  transform: translateY(calc(-100% + 2rem));
  gap: 12rem;
  align-items: end;
  pointer-events: none;
  position: absolute;
  top: 0;
	left: 0;
  width: 100%;
}
@media (min-width: 992px) {
	.learning-outcomes-wrapper .cards-wrapper {
		padding: 0 0.75rem;
	}
}
.learning-outcomes-wrapper .cards-wrapper .info-card {
  flex-grow: 1;
  background-color: #fff;
}
.learning-outcomes-wrapper .cards-wrapper .info-card .card-item {
  padding: 1.6rem 0;
  height: 100%;
  color: #6b6969;
}
.learning-outcomes-wrapper .cards-wrapper .info-card .card-item .icon-wrapper img {
  max-width: 5rem;
  aspect-ratio: 1/1;
}
.learning-outcomes-wrapper .cards-wrapper .info-card .card-item .sub-ttl {
  font-size: 1.8rem;
  font-family: "eudoxus-700";
  font-weight: 700;
  line-height: 1.44;
}
.learning-outcomes-wrapper .cards-wrapper .info-card .card-item .rating-count {
  font-family: "eudoxus-800";
  font-weight: 800;
  font-size: 3.2rem;
  line-height: 1.39;
  letter-spacing: -0.032rem;
  color: #000;
}
.learning-outcomes-wrapper .cards-wrapper .info-card .card-item .rating-stars {
  display: flex;
  gap: 1.8rem;
}
.learning-outcomes-wrapper .cards-wrapper .action-card {
  max-width: 40rem;
  background-color: #f6f7f9;
  padding: 1.8rem 1.8rem 5rem;
}
.learning-outcomes-wrapper .cards-wrapper .action-card h3 {
  font-size: 2.2rem;
  font-family: "eudoxus-700";
  font-weight: 700;
  line-height: 1.45;
  color: #121c27;
}
.learning-outcomes-wrapper .cards-wrapper .action-card .theme-btn {
  border-radius: 0.4rem;
  margin-top: 2rem;
}
.learning-outcomes-wrapper .cards-wrapper .action-card .thumbnail-wrapper {
  width: 100%;
  margin-bottom: 2rem;
  border-radius: 0.4rem;
  aspect-ratio: 1.34/1;
  position: relative;
}
.learning-outcomes-wrapper .cards-wrapper .action-card .thumbnail-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.4s ease;
}
.learning-outcomes-wrapper .cards-wrapper .action-card .thumbnail-wrapper .vid-slide.has-vid::after {
  content: "";
  width: 5.4rem;
  height: 5.4rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.2) url(../images/white-play.svg) center center no-repeat;
  background-size: 3.4rem;
  border: 0.4rem solid rgba(255, 255, 255, 0.3019607843);
  border-radius: 50%;
  transition: all 0.4s ease;
	pointer-events: none;
}
.learning-outcomes-wrapper .cards-wrapper .action-card .thumbnail-wrapper:hover img {
  scale: 1.05;
}
.learning-outcomes-wrapper .cards-wrapper .info-card,
.learning-outcomes-wrapper .cards-wrapper .action-card {
  box-shadow: 0 0.4rem 4rem 0 rgba(0, 0, 0, 0.2509803922);
  height: -moz-fit-content;
  height: fit-content;
  pointer-events: all;
}
@media (max-width: 991.98px) {
  .learning-outcomes-wrapper .cards-wrapper {
    position: static;
    transform: none;
    margin-top: -12rem;
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
  .learning-outcomes-wrapper .cards-wrapper .action-card,
  .learning-outcomes-wrapper .cards-wrapper .info-card {
    width: 100%;
    max-width: 100%;
    background-color: #fff;
  }
}
/* .learning-outcomes-wrapper .content {
  padding-top: 11.6rem;
} */
.learning-outcomes-wrapper .content .list-wrapper {
  border: 1px solid #6b6969;
}
.learning-outcomes-wrapper .content .list-wrapper .ttl {
  padding: 2rem 4.4rem;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0.8rem;
  transform: translate(3.6rem, -50%);
}
.learning-outcomes-wrapper .content .list-wrapper .check-list {
  padding: 0 4rem 6.4rem;
  display: flex;
  flex-wrap: wrap;
}
.learning-outcomes-wrapper .content .list-wrapper .check-list li {
  width: 50%;
  padding-right: 2.4rem;
  align-items: start;
  margin-bottom: 2.4rem;
}
.learning-outcomes-wrapper .content .list-wrapper .check-list li::before {
  height: 1.54em;
  width: 1.54em;
  background: url(../images/true.png);
  background-position: center;
  background-size: contain;
  margin-right: 1.2rem;
}
@media (max-width: 991.98px) {
  .learning-outcomes-wrapper .content .list-wrapper .check-list {
    padding: 0 1.6rem 4.6rem;
  }
  .learning-outcomes-wrapper .content .list-wrapper .check-list li {
    width: 100%;
    padding-right: 0;
  }
}
@media (max-width: 991.98px) {
	.learning-outcomes-wrapper .cards-wrapper {
		flex-direction: column-reverse;
		max-width: 72rem;
		margin-left: auto;
		margin-right: auto;
	}
}
@media (max-width: 575.98px) {
	.learning-outcomes-wrapper .cards-wrapper .info-card .card-item .rating-stars {
		gap: 1.2rem;
	}
	.learning-outcomes-wrapper .cards-wrapper .info-card .card-item .rating-stars svg {
		width: 2.8rem;
		aspect-ratio: 1/1;
		height: auto;
	}
}
@media (max-width: 474.98px) {
	.learning-outcomes-wrapper .cards-wrapper .info-card .card-item .rating-stars {
		gap: 0.6rem;
	}
	.learning-outcomes-wrapper .cards-wrapper .info-card .card-item .rating-stars svg {
		width: 1.8rem;
	}
}
.mobile-title-wrapper.learning-outcomes-wrapper {
	background: #fff;
}
.mobile-title-wrapper.learning-outcomes-wrapper .cards-wrapper .action-card {
	box-shadow: none;
}
.mobile-title-wrapper.learning-outcomes-wrapper .cards-wrapper {
	max-width: unset;
}
.mobile-title-wrapper.title-wrapper .title-box .title-heading,
.mobile-title-wrapper.title-wrapper .title-box .title-desc,
.mobile-title-wrapper.title-wrapper .breadcrumb {
	color: #121c27;
}
@media (max-width:991.98px) {
	body.single-courses header {
		background: #121c27 !important;
	}
}

.specification-wrapper .items-grid {
  row-gap: 1.2rem;
  flex-wrap: wrap;
}
.specification-wrapper .items-grid .item {
  width: 50%;
}
.specification-wrapper .items-grid .item .icon-wrapper {
  max-width: 4rem;
  aspect-ratio: 1/1;
}
.specification-wrapper .items-grid .item .icon-wrapper img {
  -o-object-fit: contain;
     object-fit: contain;
}
.specification-wrapper .items-grid .item h3 {
  font-size: 1.8rem;
  font-family: "eudoxus-700";
  font-weight: 700;
  line-height: 1.44;
  color: #000;
}
@media (max-width: 991.98px) {
  .specification-wrapper .items-grid {
    flex-wrap: wrap;
    -moz-column-gap: 0;
         column-gap: 0;
  }
  .specification-wrapper .items-grid .item {
    width: 50%;
  }
}
@media (max-width: 575.98px) {
  .specification-wrapper .items-grid .item {
    width: 100%;
  }
}

.course-objective-wrapper .meta {
  color: #555555;
  margin-bottom: 3.4rem;
}
.course-objective-wrapper .first-acc > .accordion-item {
  background-color: transparent;
}
.course-objective-wrapper .first-acc > .accordion-item > .accordion-header .accordion-button {
  font-size: 1.8rem;
  font-family: "eudoxus-700";
  font-weight: 700;
  color: #121c27;
  box-shadow: none;
  background-color: transparent;
  padding: 1.6rem 2rem;
  flex-wrap: wrap;
}
.course-objective-wrapper .first-acc > .accordion-item > .accordion-header .accordion-button p {
  color: #555555;
}
.course-objective-wrapper .first-acc > .accordion-item > .accordion-header .accordion-button::before {
  content: "";
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition) transform 0.2s ease-in-out;
  margin-right: 0.8rem;
  transition: all 0.4s ease;
}
.course-objective-wrapper .first-acc > .accordion-item > .accordion-header .accordion-button:not(.collapsed)::before {
  rotate: 180deg;
}
.course-objective-wrapper .first-acc > .accordion-item > .accordion-header .accordion-button::after {
  content: none;
}
@media (max-width: 767.98px) {
  .course-objective-wrapper .first-acc > .accordion-item > .accordion-header .accordion-button .lecture-meta {
    width: 100%;
    justify-content: end;
  }
}
.course-objective-wrapper .first-acc > .accordion-item .accordion-body {
  background-color: #fff;
  padding: 2.6rem 3.6rem;
  border-top: 1px solid #dee2e6;
}
@media (max-width: 575.98px) {
  .course-objective-wrapper .first-acc > .accordion-item .accordion-body {
    padding: 2.6rem 1.8rem;
  }
}
.course-objective-wrapper .first-acc > .accordion-item .accordion-body .accordion {
  border: none;
}
.course-objective-wrapper .first-acc > .accordion-item .accordion-body .accordion .accordion-item {
  border: none;
  margin-bottom: 1.8rem;
}
.course-objective-wrapper .first-acc > .accordion-item .accordion-body .accordion .accordion-item:last-child {
  margin-bottom: 0;
}
.course-objective-wrapper .first-acc > .accordion-item .accordion-body .accordion .accordion-item .accordion-header {
  border: none;
}
.course-objective-wrapper .first-acc > .accordion-item .accordion-body .accordion .accordion-item .accordion-button {
  border: none;
  box-shadow: none;
  transition: all 0.4s ease;
  font-size: 1.6rem;
  color: #121c27;
  background: #fff;
}
.course-objective-wrapper .first-acc > .accordion-item .accordion-body .accordion .accordion-item .accordion-button:not(.collapsed) {
  background: var(--gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.course-objective-wrapper .first-acc > .accordion-item .accordion-body .accordion .accordion-item .accordion-button:focus {
  box-shadow: none;
}
.course-objective-wrapper .first-acc > .accordion-item .accordion-body .accordion .accordion-item .accordion-button::after {
  margin-left: 1rem;
}
.course-objective-wrapper .first-acc > .accordion-item .accordion-body .accordion .accordion-item .accordion-button img {
  width: 1.6rem;
}
.course-objective-wrapper .first-acc > .accordion-item .accordion-body .accordion .accordion-item .accordion-body {
  border: none;
  background-color: #fff;
}
.course-objective-wrapper .first-acc > .accordion-item .accordion-body .accordion .accordion-item .accordion-body span img {
  width: 1.6rem;
}
.course-objective-wrapper .first-acc > .accordion-item .accordion-body .accordion .accordion-item .accordion-body .btn-group {
  display: flex;
  gap: 2rem;
  align-items: center;
}
.course-objective-wrapper .first-acc > .accordion-item .accordion-body .accordion .accordion-item .accordion-body .btn-group .btn-primary {
  flex-shrink: 0;
  font-size: 1.6rem;
  border-radius: 0.8rem;
  background-color: #2580d5;
  border: none;
  padding: 0.4rem 1.2rem;
}
.course-objective-wrapper .first-acc > .accordion-item .accordion-body .accordion .accordion-item .accordion-body .btn-group .btn-primary:hover {
  background-color: #006ebe;
}
.course-objective-wrapper .first-acc > .accordion-item .accordion-body .accordion .accordion-item .accordion-body .btn-group p {
  color: #555555;
}
.course-objective-wrapper .first-acc > .accordion-item .accordion-body .accordion .accordion-item .accordion-body .inner-item {
  margin-bottom: 1.2rem;
  padding-left: 3.2rem;
}
.course-objective-wrapper .first-acc > .accordion-item .accordion-body .accordion .accordion-item .accordion-body .inner-item:last-child {
  margin-bottom: 0;
}
@media (max-width: 575.98px) {
  .course-objective-wrapper .first-acc > .accordion-item .accordion-body .accordion .accordion-item .accordion-body .inner-item {
    flex-wrap: wrap;
  }
  .course-objective-wrapper .first-acc > .accordion-item .accordion-body .accordion .accordion-item .accordion-body .inner-item .btn-group {
    width: 100%;
    justify-content: start;
  }
  .course-objective-wrapper .first-acc > .accordion-item .accordion-body .accordion .accordion-item .accordion-body .inner-item .btn-group a {
    width: -moz-fit-content;
    width: fit-content;
    max-width: 12rem;
  }
}

.related-que-wrappe .accordion .accordion-item {
  margin-bottom: 2rem;
  background-color: #f5f5f5;
  border-radius: 0.8rem;
}
.related-que-wrappe .accordion .accordion-item .accordion-header .accordion-button {
  box-shadow: none;
  padding: 2rem 3rem;
  font-family: "roboto-500";
  font-weight: 500;
  font-size: 1.6rem;
  color: #000;
}
.related-que-wrappe .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  background: var(--gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.related-que-wrappe .accordion .accordion-item .accordion-body {
  padding: 0 3rem 2rem;
}
.related-que-wrappe .accordion .accordion-item .accordion-body p {
  color: #555555;
}

.pioneers-testimonial-wrapper .sec-ttl .sub-ttl {
  font-size: 1.8rem;
  font-family: "eudoxus-700";
  font-weight: 700;
  line-height: 1.44;
}
.pioneers-testimonial-wrapper .pioneers-testimonial-slider .slick-track {
  display: flex;
}
.pioneers-testimonial-wrapper .pioneers-testimonial-slider .slider-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: auto;
  margin: 0 6.4rem;
}
.pioneers-testimonial-wrapper .pioneers-testimonial-slider .slider-item .icon-wrapper {
  max-width: 9.7rem;
  aspect-ratio: 1/1;
  flex-shrink: 0;
}
.pioneers-testimonial-wrapper .pioneers-testimonial-slider .slider-item .message {
  background: #fff;
  padding: 2.2rem 3.6rem;
  flex-grow: 1;
}
.pioneers-testimonial-wrapper .pioneers-testimonial-slider .slider-item .person-info {
  flex-shrink: 0;
  margin-top: 2.6rem;
  font-size: 1.8rem;
}
.pioneers-testimonial-wrapper .pioneers-testimonial-slider .slider-item .person-info strong {
  font-family: "eudoxus-700";
  font-weight: 700;
}
@media (max-width: 767.98px) {
  .pioneers-testimonial-wrapper .pioneers-testimonial-slider .slider-item {
    margin: 0 1.2rem;
  }
  .pioneers-testimonial-wrapper .pioneers-testimonial-slider .slider-item .message {
    padding: 2rem;
  }
}
.pioneers-testimonial-wrapper .pioneers-testimonial-slider .slick-dots {
  bottom: 0.5rem;
}
.pioneers-testimonial-wrapper .pioneers-testimonial-slider .slick-dots li button {
  border: 1px solid #606060;
  width: 1.2rem;
  height: 1.2rem;
  background: transparent;
}
.pioneers-testimonial-wrapper .pioneers-testimonial-slider .slick-dots li.slick-active button {
  background: #606060;
}

.frequently-bought-wrapper .sec-ttl {
  padding-left: 9.6rem;
  padding-right: 9.6rem;
}
@media (max-width: 575.98px) {
  .frequently-bought-wrapper .sec-ttl {
    padding-left: 3.6rem;
    padding-right: 3.6rem;
  }
}

.frequently-bought-wrapper .course-slider .slick-arrow {
  width: 6rem;
  height: 6rem;
  background: var(--gradient);
  border-radius: 50%;
  top: 100%;
  left: 50%;
  transition: all 0.3s ease;
}
.frequently-bought-wrapper .course-slider .slick-arrow:hover {
  background: linear-gradient(-70.58deg, #ecbb55 0%, #cc8c3d 100%);
}
.frequently-bought-wrapper .course-slider .slick-arrow:hover::before {
  filter: brightness(0);
}
.frequently-bought-wrapper .course-slider .slick-arrow::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: url(../images/right-arrow.png);
  height: 3rem;
  width: 3rem;
  transform: translate(-50%, -50%);
  opacity: 1;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.3s ease;
}
.frequently-bought-wrapper .course-slider .slick-arrow.slick-prev {
  transform: rotate(180deg) translate(calc(50% + 5rem), 100%);
}
.frequently-bought-wrapper .course-slider .slick-arrow.slick-next {
  transform: translate(calc(-50% + 5rem), -100%);
}
.frequently-bought-wrapper .course-slider:has(.slick-arrow) {
	  padding-bottom: 10rem;
}
.frequently-bought-wrapper .course-slider .slick-track {
	display: flex;
	align-items: stretch;
	gap: 2.4rem;
}
.frequently-bought-wrapper .course-card {
  border: 1px solid #eaeaea;
  background-color: #fff;
  border-radius: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
	height: auto;
}
.frequently-bought-wrapper .course-card .img-wrapper {
  flex-shrink: 0;
  width: 100%;
  align-self: stretch;
	aspect-ratio: 1.32/1;
}
.frequently-bought-wrapper .course-card .img-wrapper img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.frequently-bought-wrapper .course-card .course-details {
  padding: 2rem;
  flex-grow: 1;
  align-self: stretch;
  display: flex;
  flex-direction: column;
}
.frequently-bought-wrapper .course-card .course-details .course-ttl {
  font-size: 1.8rem;
  font-weight: 700;
  font-family: "eudoxus-700";
  line-height: 1.44;
  color: #121c27;
}
.frequently-bought-wrapper .course-card .course-details .course-meta {
  -moz-column-gap: 2.4rem;
       column-gap: 2.4rem;
  row-gap: 1.2rem;
  margin-top: 1.6rem;
  color: #555555;
	flex-wrap: wrap;
}
.frequently-bought-wrapper .course-card .course-details .course-meta .meta-item {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.frequently-bought-wrapper .course-card .course-details .course-meta .meta-item::before {
  content: "";
  height: 1.6rem;
  width: 1.6rem;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
	margin-top: 0rem;
}
.frequently-bought-wrapper .course-card .course-details .course-meta .time::before {
  background-image: url(../images/grad-watch.svg);
}
.frequently-bought-wrapper .course-card .course-details .course-meta .students::before {
  background-image: url(../images/grad-acedemic-cap.svg);
}
.frequently-bought-wrapper .course-card .course-details .course-meta .rating::before {
  background-image: url(../images/grad-star.svg);
}
.frequently-bought-wrapper .course-card .course-details .course-meta .lessons::before {
  background-image: url(../images/grad-pages.svg);
}
.frequently-bought-wrapper .course-card .course-details .course-tags {
  gap: 0.5rem;
  margin: 1.6rem 0;
}
.frequently-bought-wrapper .course-card .course-details .course-tags .tag {
  font-size: 1rem;
  line-height: 2;
  color: #fff;
  padding: 0 1rem;
  border-radius: 0.3rem;
}
.frequently-bought-wrapper .course-card .course-details .card-footer {
  border-top: 1px solid #eaeaea;
  padding-top: 1.6rem;
}
.frequently-bought-wrapper .course-card .course-details .card-footer a {
  font-family: "roboto-700";
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.5;
  text-transform: capitalize;
  color: #000;
}
@media (max-width: 767.98px) {
  .frequently-bought-wrapper .course-card {
    flex-direction: column;
  }
  .frequently-bought-wrapper .course-card .img-wrapper {
    width: 100%;
    max-width: 100%;
  }
  .frequently-bought-wrapper .course-card .course-details .course-tags .tag {
    font-size: 1.2rem;
  }
}
@media (max-width: 575.98px) {
  .frequently-bought-wrapper .course-card .course-details .course-meta {
    flex-wrap: wrap;
  }
}

.bg-blue-primary {
  background-color: #455780;
}


.faq-page-section-wrapper .sec-ttl p {
  color: rgba(0, 0, 0, 0.5019607843);
}
.faq-page-section-wrapper .faq-nav {
  padding: 0.8rem;
  margin: 0 auto;
  width: -moz-fit-content;
  max-width: 100%;
  width: fit-content;
  background-color: #f8f8f8;
  gap: 0.8rem;
  border-radius: 2.4rem;
  justify-content: center;
}
.faq-page-section-wrapper .faq-nav.tab-slider {
	max-width: calc(100% - 6rem);
	margin-left: 3rem;
	margin-right: 3rem;
	padding-left: 2rem;
	padding-right: 2rem;
}
.faq-page-section-wrapper .faq-nav.tab-slider .slick-arrow {
  top: auto;
  width: 3.6rem;
  height: 3.6rem;
  top: 50%;
  background: transparent;
  transform: translatey(-50%);
  border-radius: 50%;
}
.faq-page-section-wrapper .faq-nav.tab-slider .slick-arrow::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/right.png");
  background-size: 3rem;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 1;
  filter: brightness(0);
}
.faq-page-section-wrapper .faq-nav.tab-slider .slick-arrow.slick-prev {
  left: -3rem;
}
.faq-page-section-wrapper .faq-nav.tab-slider .slick-arrow.slick-prev::before {
  transform: rotate(180deg);
}
.faq-page-section-wrapper .faq-nav.tab-slider .slick-arrow.slick-next {
  right: -3rem;
}
.faq-page-section-wrapper .faq-nav .nav-item .nav-link {
  padding: 1.1rem 2.4rem;
  color: #121c27;
  font-size: 1.8rem;
  font-family: "eudoxus-700";
  font-weight: 700;
  line-height: 1.44;
  border-radius: 4rem;
  border: none;
}
.faq-page-section-wrapper .faq-nav .nav-item .nav-link.active {
  background: var(--gradient);
  color: #ffffff;
}
@media (max-width: 991.98px) {
  .faq-page-section-wrapper .faq-nav {
    gap: 0.4rem;
  }
  .faq-page-section-wrapper .faq-nav .nav-item .nav-link {
    font-size: 1.6rem;
    padding: 0.8rem 1.2rem;
  }
}
.faq-page-section-wrapper .accordion {
  display: flex;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  flex-wrap: wrap;
}
.faq-page-section-wrapper .accordion .accordion-column {
  width: calc(50% - 1rem);
}
@media (max-width: 991.98px) {
  .faq-page-section-wrapper .accordion .accordion-column {
    width: 100%;
  }
}
.faq-page-section-wrapper .accordion .accordion-item {
  border: 1px solid transparent;
  border-radius: 2.4rem;
  box-shadow: none;
  margin-bottom: 1.6rem;
  background-color: #f8f8f8;
  padding: 2.4rem;
  transition: all 0.3s ease;
}
.faq-page-section-wrapper .accordion .accordion-item .accordion-header .accordion-button {
  font-size: 1.8rem;
  font-family: "roboto-500";
  font-weight: 500;
  line-height: 1.44;
  color: #000000;
  border: none;
  box-shadow: none;
  padding: 0.8rem;
  align-items: start;
  gap: 1.2rem;
}
.faq-page-section-wrapper .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  box-shadow: none;
}
.faq-page-section-wrapper .accordion .accordion-item .accordion-header .accordion-button::after {
  background-color: #fff;
  background-image: url(../images/sr-minus.svg);
  width: 3.2rem;
  height: 3.2rem;
  background-size: 1.6rem;
  background-position: center;
  border: 0.1rem solid #dcdcdc;
  border-radius: 50%;
  flex-shrink: 0;
}
.faq-page-section-wrapper .accordion .accordion-item .accordion-header .accordion-button.collapsed::after {
  background-image: url(../images/sr-plus.svg);
}
.faq-page-section-wrapper .accordion .accordion-item .accordion-body {
  padding: 0.8rem;
}
.faq-page-section-wrapper .accordion .accordion-item .accordion-body *,
.faq-page-section-wrapper .accordion .accordion-item .accordion-body p,
.faq-page-section-wrapper .accordion .accordion-item .accordion-body ul li {
  color: rgba(0, 0, 0, 0.4);
}
.faq-page-section-wrapper .accordion .accordion-item .accordion-body ul {
  padding-left: 2rem;
  margin: 0;
  list-style: disc;
}
.faq-page-section-wrapper .accordion .accordion-item .accordion-body h4 {
	font-size: 2rem;
}
.faq-page-section-wrapper .accordion .accordion-item:has(.accordion-button.collapsed) {
  background-color: transparent;
  border: 1px solid #dcdcdc;
}


@media (min-width: 992px) {
  .custom-wrapper {
    display: flex;
    --container-margin: calc((100vw - var(--container-width)) / 2);
  }
  .custom-wrapper .section-list {
    width: calc(var(--container-width)*2/3 - 1.5rem);
    flex-shrink: 0;
    margin-left: calc(var(--container-margin) - 0.75rem);
  }
  .custom-wrapper .section-list section {
    margin-left: calc(-1 * (var(--container-margin) - 0.75rem));
    padding-left: calc(var(--container-margin) - 0.75rem);
    margin-right: calc(100% - 100vw - 0.75rem + var(--container-margin));
    padding-right: calc(100vw - 100% + 0.75rem - var(--container-margin));
  }
  .custom-wrapper .section-list .learning-outcomes-wrapper .info-card {
    margin-right: 12rem;
  }
	.custom-wrapper .section-list .frequently-bought-wrapper .course-card .course-details .course-meta .meta-item {
		align-items: baseline;
	}
	.custom-wrapper .section-list .frequently-bought-wrapper .course-card .course-details .course-meta {
		align-items: start !important;
	}
	.custom-wrapper .section-list .faq-wrapper .faq-box {
		max-width: unset;
	}
  .custom-wrapper .sticky-card-wrapper {
    margin-right: var(--container-margin);
	  z-index: 3;
  }
  .custom-wrapper .sticky-card-wrapper .sticky-card {
    position: sticky;
    top: calc(2rem + var(--n-header-height));
    margin-top: -54rem;
  }
  .custom-wrapper .sticky-card-wrapper .sticky-card .action-card {
    max-width: calc(var(--container-width)/3 - 1.5rem);
    background-color: #f6f7f9;
    padding: 1.8rem 1.8rem 5rem;
    box-shadow: 0 0.4rem 4rem 0 rgba(0, 0, 0, 0.2509803922);
    pointer-events: all;
  }
  .custom-wrapper .sticky-card-wrapper .sticky-card .action-card h3 {
    font-size: 2.2rem;
    font-family: "eudoxus-700";
    font-weight: 700;
    line-height: 1.45;
    color: #121c27;
  }
  .custom-wrapper .sticky-card-wrapper .sticky-card .action-card .theme-btn {
    border-radius: 0.4rem;
    margin-top: 2rem;
  }
  .custom-wrapper .sticky-card-wrapper .sticky-card .action-card .thumbnail-wrapper {
    width: 100%;
    margin-bottom: 2rem;
    border-radius: 0.4rem;
    aspect-ratio: 1.34/1;
    position: relative;
  }
  .custom-wrapper .sticky-card-wrapper .sticky-card .action-card .thumbnail-wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    transition: all 0.4s ease;
  }
  .custom-wrapper .sticky-card-wrapper .sticky-card .action-card .thumbnail-wrapper .vid-slide.has-vid::after {
    content: "";
    width: 5.4rem;
    height: 5.4rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 0.2) url(../images/white-play.svg) center center no-repeat;
    background-size: 3.4rem;
    border: 0.4rem solid rgba(255, 255, 255, 0.3019607843);
    border-radius: 50%;
    transition: all 0.4s ease;
	pointer-events: none;
  }
  .custom-wrapper .sticky-card-wrapper .sticky-card .action-card .thumbnail-wrapper:hover img {
    scale: 1.05;
  }
  .custom-wrapper .sticky-card-wrapper .sticky-card.hide {
    opacity: 0;
  }
}

@media (max-width: 991.98px) {
	.custom-wrapper .sticky-card-wrapper {
		display: none;
	}
}

.detailed-blog-wrapper .mainarea .blog-content ol,
.detailed-blog-wrapper .mainarea .blog-content ul {
	margin: 1.2rem 0;
}
.detailed-blog-wrapper .mainarea .blog-content ul {
	padding-left: 2rem;
	list-style: disc;
}
.detailed-blog-wrapper .mainarea .blog-content ol li,
.detailed-blog-wrapper .mainarea .blog-content ul li {
	padding-bottom: 0.8rem;
}
.detailed-blog-wrapper .mainarea .blog-content ol li:last-child,
.detailed-blog-wrapper .mainarea .blog-content ul li:last-child {
	padding-bottom: 0;
}
.detailed-blog-wrapper .mainarea .blog-content table {
	border: 1px solid #D3D5D6;
	border-collapse: collapse;
	margin: 2rem 0;
}
.detailed-blog-wrapper .mainarea .blog-content table th,
.detailed-blog-wrapper .mainarea .blog-content table td {
	padding: 1rem;
	border: 1px solid #e6e9f5;
	background: #ffffff;
}
.detailed-blog-wrapper .mainarea .blog-content h2 {
	font-size: 3rem;
}
.detailed-blog-wrapper .mainarea .blog-content h3 {
	font-size: 2.4rem;
}
.detailed-blog-wrapper .mainarea .blog-content h4 {
	font-size: 2rem;
}
.detailed-blog-wrapper .mainarea .blog-content h5 {
	font-size: 1.8rem;
}
.detailed-blog-wrapper .mainarea .blog-content h6 {
	font-size: 1.4rem;
}
.detailed-blog-wrapper .mainarea .blog-content a:not(.theme-btn) {
	color: #C2410C;
	transition: all 0.3s ease;
}
.detailed-blog-wrapper .mainarea .blog-content a:not(.theme-btn):hover {
	text-decoration: underline;
}
#enquiryModal .form-container,
.pop-up-modal .form-container,
.pop-up-modal.modal-wrapper .modal-container .modal-content .job-form.form-container{
	margin-left: 0;
	width: 100%;
}
#enquiryModal .modal-content,
.pop-up-modal .modal-content {
	max-width: 80rem;
}
.captcha-wrapper {
	width: 100%;
    max-width: 100%;
    overflow: hidden;
	height: auto;
	aspect-ratio: 3.9/1;
	max-height: 78px;
}

.captcha-wrapper iframe {
    transform-origin: top left;
    display: inline-block;
    transform: scale(
    min(calc(var(--captcha-wrapper-width) / 304px), 1)
  );
}

.thankyou-wrapper {
	background-color: #fff;
	padding: 5.8rem;
}
.thankyou-wrapper .img-icon {
	width: 10rem;
	margin: 6rem;
}
.thankyou-wrapper .thankyou-title {
	font-family: "eudoxus-700";
	font-weight: 700;
	font-size: 8rem;
	line-height: 1;
	letter-spacing: 0;
	text-align: center;
	margin-bottom: 3.4rem;
}
.thankyou-wrapper .thankyou-title,
.thankyou-wrapper .thankyou-message {
	color: #000;
}
.thankyou-wrapper .home-btn {
	margin-top: 6rem;
}


.sitemap-wrapper .ttl {
  position: relative;
  text-align: center;
  padding-bottom: 3rem;
}
.sitemap-wrapper .ttl::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0.2rem;
  height: 2.6rem;
  background-color: rgba(18, 28, 39, 0.7019607843);
}
.sitemap-wrapper .ttl a {
  font-size: 2.4rem;
  padding: 0.8rem 2rem;
}
.sitemap-wrapper ul li a {
  font-family: "eudoxus-500";
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: 0;
  text-align: center;
}
.sitemap-wrapper ul li ul li a {
  font-family: "roboto-400";
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.44;
  letter-spacing: 0;
}
.sitemap-wrapper .sitemap-grid {
  display: flex;
}
.sitemap-wrapper .sitemap-grid > li {
  width: 20%;
  flex-shrink: 0;
}
.sitemap-wrapper .sitemap-grid > li > .sub-ttl-wrapper {
  position: relative;
  text-align: center;
}
.sitemap-wrapper .sitemap-grid > li > .sub-ttl-wrapper:has(+ ul)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateX(-100%);
  width: 0.2rem;
  height: 50%;
  background-color: rgba(18, 28, 39, 0.7019607843);
}
.sitemap-wrapper .sitemap-grid > li > .sub-ttl-wrapper:has(+ ul)::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 2.4rem;
  height: 0.2rem;
  background-color: rgba(18, 28, 39, 0.7019607843);
}
.sitemap-wrapper .sitemap-grid > li > .sub-ttl-wrapper .sub-ttl {
  padding: 3rem 2.4rem;
  position: relative;
}
.sitemap-wrapper .sitemap-grid > li > .sub-ttl-wrapper .sub-ttl a {
  padding: 2rem;
  background-color: #f5f5f5;
  display: block;
}
.sitemap-wrapper .sitemap-grid > li > .sub-ttl-wrapper .sub-ttl::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-100%);
  width: 0.2rem;
  height: 3rem;
  background-color: rgba(18, 28, 39, 0.7019607843);
}
.sitemap-wrapper .sitemap-grid > li > .sub-ttl-wrapper .sub-ttl::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.2rem;
  background-color: rgba(18, 28, 39, 0.7019607843);
}
.sitemap-wrapper .sitemap-grid > li > ul li {
  padding: 1.2rem 1.8rem 1.2rem 3rem;
  position: relative;
}
.sitemap-wrapper .sitemap-grid > li > ul li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-100%);
  width: 0.2rem;
  height: 100%;
  background-color: rgba(18, 28, 39, 0.7019607843);
}
.sitemap-wrapper .sitemap-grid > li > ul li::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-100%);
  width: 2rem;
  height: 0.2rem;
  background-color: rgba(18, 28, 39, 0.7019607843);
}
.sitemap-wrapper .sitemap-grid > li > ul li:last-child::before {
  height: 50%;
}
.sitemap-wrapper .sitemap-grid > li:first-child .sub-ttl-wrapper .sub-ttl::after {
  width: 50%;
  left: 50%;
}
.sitemap-wrapper .sitemap-grid > li:last-child .sub-ttl-wrapper .sub-ttl::after {
  width: 50%;
  right: 50%;
}
@media (max-width: 991.98px) {
  .sitemap-wrapper .ttl {
    text-align: start;
    padding: 0;
  }
  .sitemap-wrapper .ttl::after {
    content: none;
  }
  .sitemap-wrapper .ttl a {
    position: relative;
  }
  .sitemap-wrapper .sitemap-grid {
    flex-direction: column;
    padding-left: 5rem;
  }
  .sitemap-wrapper .sitemap-grid > li {
    width: 100%;
  }
  .sitemap-wrapper .sitemap-grid > li .sub-ttl-wrapper:has(+ ul)::before {
    left: 6rem;
  }
  .sitemap-wrapper .sitemap-grid > li .sub-ttl-wrapper:has(+ ul) .sub-ttl::before,
  .sitemap-wrapper .sitemap-grid > li .sub-ttl-wrapper .sub-ttl::before {
    left: 0;
    top: 50%;
    transform: translateY(-100%);
    width: 2.4rem;
    height: 0.2rem;
  }
  .sitemap-wrapper .sitemap-grid > li .sub-ttl-wrapper .sub-ttl::after {
    content: none;
  }
  .sitemap-wrapper .sitemap-grid > li .sub-ttl-wrapper .sub-ttl a {
    width: -moz-fit-content;
    width: fit-content;
  }
  .sitemap-wrapper .sitemap-grid > li .sub-ttl-wrapper:has(+ ul)::after, .sitemap-wrapper .sitemap-grid > li .sub-ttl-wrapper::after {
    content: "";
    width: 0.2rem;
    height: 100%;
    top: 0;
    left: 0;
    transform: translateX(-100%);
    position: absolute;
    background-color: rgba(18, 28, 39, 0.7019607843);
  }
  .sitemap-wrapper .sitemap-grid > li > ul {
    padding-left: 6rem;
    position: relative;
  }
  .sitemap-wrapper .sitemap-grid > li > ul::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-100%);
    width: 0.2rem;
    height: 100%;
    background-color: rgba(18, 28, 39, 0.7019607843);
  }
  .sitemap-wrapper .sitemap-grid > li:last-child .sub-ttl-wrapper:has(+ ul)::after, .sitemap-wrapper .sitemap-grid > li:last-child .sub-ttl-wrapper::after {
    height: 50%;
  }
}


.scaffolding-service-wrapper .sub-ttl {
  padding-top: 2.4rem;
  color: rgba(0, 0, 0, 0.5019607843);
}
.scaffolding-service-wrapper .content p {
  margin-bottom: 2.4rem;
}
.scaffolding-service-wrapper .content p:last-child {
  margin-bottom: 0;
}
.scaffolding-service-wrapper .img-wrapper {
  min-height: 100%;
}
.scaffolding-service-wrapper .img-wrapper img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.sms-scrollsec-wrapper .left-panel {
  min-height: 50rem;
  background: url(../images/professional-bg.png) no-repeat center center;
  background-size: cover;
  margin-left: calc((var(--container-width) - 100vw - 1.5rem) / 2);
  padding-left: calc((var(--container-width) - 100vw - 1.5rem) / -2);
}
@media (max-width: 991.98px) {
  .sms-scrollsec-wrapper .left-panel {
    margin-right: calc((var(--container-width) - 100vw - 1.5rem) / 2);
    padding-right: calc((var(--container-width) - 100vw - 1.5rem) / -2);
  }
}
@media (max-width: 575.98px) {
  .sms-scrollsec-wrapper .left-panel {
    margin-left: -1.62162rem;
    padding-left: 1.62162rem;
    margin-right: -1.62162rem;
    padding-right: 1.62162rem;
  }
}
.sms-scrollsec-wrapper .left-panel .sec-ttl {
  margin-bottom: 2rem;
}
.sms-scrollsec-wrapper .left-panel .sec-ttl h2 {
  color: #fff;
}
.sms-scrollsec-wrapper .left-panel .wrap-nav ul li.nav-ttl {
  margin-bottom: 2rem;
}
.sms-scrollsec-wrapper .left-panel .wrap-nav ul li.nav-ttl:last-child {
  margin-bottom: 0;
}
.sms-scrollsec-wrapper .left-panel .wrap-nav ul li.nav-ttl a {
  font-family: "eudoxus-500";
  font-weight: 500;
  font-size: 2.2rem;
  line-height: 1.82;
  color: #d3d5d6;
}
.sms-scrollsec-wrapper .left-panel .wrap-nav ul li.nav-ttl.active a {
  background: var(--gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.sms-scrollsec-wrapper .wrap-content {
  overflow-y: scroll;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
@media (min-width: 992px) {
  .sms-scrollsec-wrapper .wrap-content {
    padding-left: 3rem;
    max-height: calc(var(--max-height) - 12rem);
  }
  .sms-scrollsec-wrapper .wrap-content .content {
    max-width: 62rem;
  }
}
.sms-scrollsec-wrapper .wrap-content::-webkit-scrollbar {
  display: none;
}
.sms-scrollsec-wrapper .wrap-content .content .dh2 {
  color: #121c27;
  position: relative;
  line-height: 1.47;
  padding-bottom: 1.6rem;
}
.sms-scrollsec-wrapper .wrap-content .content .dh2::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 0.1rem;
  background-color: #d8d9da;
}
.sms-scrollsec-wrapper .wrap-content .content p {
  color: #6b6969;
}
.sms-scrollsec-wrapper .wrap-content .content ul {
  padding-left: 2rem;
  margin: 4rem 0 0;
  list-style: disc;
}
.sms-scrollsec-wrapper .wrap-content .content ul li {
  color: #6b6969;
}
.sms-scrollsec-wrapper .wrap-content .content ul li ul {
  margin: 2.4rem 0;
}

.scaffolding-methods-wrapper .method-card {
  height: 100%;
  padding: 2.4rem;
  border: 0.1rem solid #6b6969;
  border-radius: 2rem;
}
.scaffolding-methods-wrapper .method-card .img-wrapper {
  border-radius: 2rem;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 2.204/1;
}
.scaffolding-methods-wrapper .method-card .img-wrapper img {
  height: 100%;
}
.scaffolding-methods-wrapper .method-card .card-ttl {
  font-family: "eudoxus-700";
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1.45;
  margin: 1.8rem 0;
  color: #121c27;
}

.scaffolding-analysis-wrapper table {
  --bs-table-border-color: #d3d5d6;
}
.scaffolding-analysis-wrapper table thead tr th,
.scaffolding-analysis-wrapper table thead tr td {
  background-color: #455780;
  color: #fff;
  padding: 3.85rem 1.6rem;
  font-family: "eudoxus-700";
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1.45;
}
.scaffolding-analysis-wrapper table tbody tr th,
.scaffolding-analysis-wrapper table tbody tr b {
  font-family: "roboto-500";
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.44;
}
.scaffolding-analysis-wrapper table tbody tr td,
.scaffolding-analysis-wrapper table tbody tr th {
  padding: 2.25rem 1.6rem;
}
.scaffolding-analysis-wrapper table tbody tr:nth-child(odd) td,
.scaffolding-analysis-wrapper table tbody tr:nth-child(odd) th {
  background-color: #ffffff;
}
.scaffolding-analysis-wrapper table tbody tr:nth-child(even) td,
.scaffolding-analysis-wrapper table tbody tr:nth-child(even) th {
  background-color: #f6f7f9;
}
@media (max-width: 767.98px) {
  .scaffolding-analysis-wrapper table thead tr th,
  .scaffolding-analysis-wrapper table thead tr td {
    padding: 2.8rem 1.2rem;
  }
  .scaffolding-analysis-wrapper table tbody tr th,
  .scaffolding-analysis-wrapper table tbody tr td {
    padding: 2rem 1.2rem;
  }
}
.scaffolding-analysis-wrapper .scaffolding-types .img-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 0.6rem;
}
.scaffolding-analysis-wrapper .scaffolding-types .img-wrapper img {
  height: 100%;
}
@media (max-width: 991.98px) {
  .scaffolding-analysis-wrapper .scaffolding-types .img-wrapper {
    position: static;
    aspect-ratio: 1/1;
  }
}
.scaffolding-analysis-wrapper .scaffolding-types .content {
  padding: 4rem 1.6rem;
}
@media (min-width: 992px) {
  .scaffolding-analysis-wrapper .scaffolding-types .content .sec-ttl h2 span::before {
    content: none;
  }
}
@media (max-width: 991.98px) {
  .scaffolding-analysis-wrapper .scaffolding-types .content .sec-ttl {
    text-align: center;
  }
}
.scaffolding-analysis-wrapper .scaffolding-types .content ul li {
  margin-bottom: 2rem;
  font-family: "eudoxus-700";
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.44;
  vertical-align: bottom;
  color: #455780;
}
.scaffolding-analysis-wrapper .scaffolding-types .content ul li:last-child {
  margin-bottom: 0;
}

.projects-gallery-wrapper .slider-wrapper .project-gallery-slider {
  padding-bottom: 12rem;
}
.projects-gallery-wrapper .slider-wrapper .project-gallery-slider .slide-item {
  padding: 0;
  overflow: hidden;
}
.projects-gallery-wrapper .slider-wrapper .project-gallery-slider .slide-item img {
  height: 100%;
  width: auto;
  max-height: 50rem;
  border-radius: 0.6rem;
  transition: all 0.4s ease;
  transform-origin: bottom;
}
@media (max-width: 767.98px) {
  .projects-gallery-wrapper .slider-wrapper .project-gallery-slider .slide-item img {
    max-height: 30rem;
  }
}
.projects-gallery-wrapper .slider-wrapper .project-gallery-slider .slide-item:not(.slick-center) img {
  transform: scale(0.83);
}
.projects-gallery-wrapper .slider-wrapper .project-gallery-slider .slick-arrow {
  width: 6rem;
  height: 6rem;
  background: var(--gradient);
  border-radius: 50%;
  top: 100%;
  left: 50%;
  transition: all 0.3s ease;
}
.projects-gallery-wrapper .slider-wrapper .project-gallery-slider .slick-arrow:hover {
  background: linear-gradient(-70.58deg, #ECBB55 0%, #CC8C3D 100%);
}
.projects-gallery-wrapper .slider-wrapper .project-gallery-slider .slick-arrow:hover::before {
  filter: brightness(0);
}
.projects-gallery-wrapper .slider-wrapper .project-gallery-slider .slick-arrow::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: url(../images/right-arrow.png);
  height: 3rem;
  width: 3rem;
  transform: translate(-50%, -50%);
  opacity: 1;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.3s ease;
}
.projects-gallery-wrapper .slider-wrapper .project-gallery-slider .slick-arrow.slick-prev {
  transform: rotate(180deg) translate(calc(50% + 5rem), 100%);
}
.projects-gallery-wrapper .slider-wrapper .project-gallery-slider .slick-arrow.slick-next {
  transform: translate(calc(-50% + 5rem), -100%);
}


@media (max-width: 767.98px) {
  .title-wrapper.iot-page .hr-border {
    width: 100%;
  }
}

.bg-primary-dark {
  background-color: #121c27;
}

.iot-intro-wrapper .content {
  max-width: 108rem;
  margin: 0 auto;
}
.iot-intro-wrapper .content p {
  color: #fff;
}
.iot-intro-wrapper .content b {
  font-family: "roboto-700";
  font-weight: 700;
}

.iot-product-wrapper .iot-product-slider {
  padding-bottom: 12rem;
}
.iot-product-wrapper .iot-product-slider .slick-track {
  display: flex;
  align-items: stretch;
}
.iot-product-wrapper .iot-product-slider .product-card {
  margin: 0 0.8rem;
  border-radius: 2rem;
  overflow: hidden;
  border: 0.1rem solid #eeeeee;
  background-color: #fff;
  height: auto;
  display: block;
}
.iot-product-wrapper .iot-product-slider .product-card .img-wrapper {
  width: 100%;
  aspect-ratio: 1.42/1;
}
.iot-product-wrapper .iot-product-slider .product-card .img-wrapper img {
  height: 100%;
  transition: 0.3s all ease;
}
.iot-product-wrapper .iot-product-slider .product-card .content {
  padding: 2.4rem 2.4rem 3.6rem;
}
.iot-product-wrapper .iot-product-slider .product-card .content .card-ttl {
  display: flex;
  font-family: "eudoxus-700";
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.44;
  color: #121c27;
  margin-bottom: 3rem;
}
.iot-product-wrapper .iot-product-slider .product-card .content .card-ttl::after {
  content: "";
  display: block;
  flex-grow: 1;
  background: url("../images/right-arrow.png") no-repeat center/contain;
  transform: rotate(-45deg);
  filter: brightness(0);
  transition: all 0.3s ease;
  min-width: 3rem;
  flex-shrink: 0;
}
.iot-product-wrapper .iot-product-slider .product-card .content .card-sub-ttl {
  font-family: "roboto-500";
  font-weight: 500;
  margin-bottom: 1.8rem;
  color: #121c27;
}
.iot-product-wrapper .iot-product-slider .product-card .content p {
  color: rgba(30, 30, 36, 0.5019607843);
}
.iot-product-wrapper .iot-product-slider .product-card .content ul {
  margin-top: 3.2rem;
}
.iot-product-wrapper .iot-product-slider .product-card .content ul li {
  color: rgba(30, 30, 36, 0.5019607843);
}
.iot-product-wrapper .iot-product-slider .product-card:hover .img-wrapper img {
  transform: scale(1.05);
}
.iot-product-wrapper .iot-product-slider .product-card:hover .content .card-ttl::after {
  transform: rotate(0);
}
.iot-product-wrapper .iot-product-slider .slick-arrow {
  width: 6rem;
  height: 6rem;
  background: var(--gradient);
  border-radius: 50%;
  top: 100%;
  left: 50%;
  transition: all 0.3s ease;
}
.iot-product-wrapper .iot-product-slider .slick-arrow:hover {
  background: linear-gradient(-70.58deg, #ecbb55 0%, #cc8c3d 100%);
}
.iot-product-wrapper .iot-product-slider .slick-arrow:hover::before {
  filter: brightness(0);
}
.iot-product-wrapper .iot-product-slider .slick-arrow::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: url(../images/right-arrow.png);
  height: 3rem;
  width: 3rem;
  transform: translate(-50%, -50%);
  opacity: 1;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.3s ease;
}
.iot-product-wrapper .iot-product-slider .slick-arrow.slick-prev {
  transform: rotate(180deg) translate(calc(50% + 5rem), 100%);
}
.iot-product-wrapper .iot-product-slider .slick-arrow.slick-next {
  transform: translate(calc(-50% + 5rem), -100%);
}

ul.simple-theme-list {
  padding-left: 2rem;
  margin: 4rem 0 0;
  list-style: disc;
}
ul.simple-theme-list li {
  color: #6b6969;
}
ul.simple-theme-list li ul {
  margin: 2.4rem 0;
}

.iot-solutions-wrapper .features-grid {
  --column-gap: 1.6rem;
}
@media (min-width: 992px) {
  .iot-solutions-wrapper .features-grid .feature-card {
    width: calc((100% - var(--column-gap) * 4) / 5);
  }
}
.iot-solutions-wrapper .features-grid .feature-card p {
  margin-bottom: 0;
}

.iot-why-wrapper {
  background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0.9) 100%);
}
.iot-why-wrapper .why-card,
.iot-why-wrapper .demo-card {
  height: 100%;
  padding: 2.4rem;
  border-radius: 2.4rem;
  border: 1px solid rgba(255, 255, 255, 0.1490196078);
}
.iot-why-wrapper .why-card {
  height: 100%;
  padding: 2.4rem;
  background: linear-gradient(180deg, #242328 0%, #1d1d21 100%);
  border-radius: 2.4rem;
  border: 1px solid rgba(255, 255, 255, 0.1490196078);
}
.iot-why-wrapper .why-card .icon-wrapper {
  width: 4rem;
  height: 4rem;
}
.iot-why-wrapper .why-card .icon-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.iot-why-wrapper .why-card .card-ttl {
  font-family: "roboto-600";
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 1.25;
  margin-top: 2.4rem;
}
.iot-why-wrapper .why-card p {
  margin-top: 1.8rem;
  color: #ffffff;
}
.iot-why-wrapper .demo-card {
  background: var(--gradient);
}
.iot-why-wrapper .demo-card .content {
  max-width: 46rem;
}
.iot-why-wrapper .demo-card .content .card-ttl {
  font-family: "roboto-700";
  font-weight: 700;
  font-size: 3.4rem;
  line-height: 1.47;
}
.iot-why-wrapper .demo-card .content .card-sub-ttl {
  font-family: "roboto-500";
  font-weight: 500;
  margin-top: 3.6rem;
  color: #fff;
}
.iot-why-wrapper .demo-card .content .demo-btn {
  background-color: #121c27;
  border: 0.1rem solid transparent;
  margin-top: 3.6rem;
}
.iot-why-wrapper .demo-card .content .demo-btn:hover {
  color: #121c27;
  background: transparent;
  border: 0.1rem solid #121c27;
}

.demo-card-wrapper .demo-card {
  display: flex;
  border: 0.1rem solid #d3d5d6;
  border-radius: 2.2rem;
  overflow: hidden;
}
.demo-card-wrapper .demo-card .img-wrapper {
  max-width: 35%;
}
.demo-card-wrapper .demo-card .img-wrapper img {
  height: 100%;
}
.demo-card-wrapper .demo-card .content {
  padding: 7rem 4.6rem;
  background: linear-gradient(70.58deg, rgba(236, 187, 85, 0.92), rgba(204, 140, 61, 0.92)), url("../images/demo-bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  flex-grow: 1;
}
.demo-card-wrapper .demo-card .content .card-ttl {
  font-family: "eudoxus-800";
  font-weight: 800;
  font-size: 3.6rem;
  line-height: 1.39;
  letter-spacing: -0.032rem;
  color: #fff;
}
.demo-card-wrapper .demo-card .content .btn-wrapper {
  margin-top: 4rem;
}
@media (max-width: 767.98px) {
  .demo-card-wrapper .demo-card {
    flex-direction: column;
  }
  .demo-card-wrapper .demo-card .img-wrapper,
  .demo-card-wrapper .demo-card .content {
    max-width: 100%;
    width: 100%;
  }
}
@media (max-width: 474.98px) {
  .demo-card-wrapper .demo-card .content {
    padding: 4rem 2.4rem;
  }
  .demo-card-wrapper .demo-card .content .card-ttl {
    font-size: 3.2rem;
  }
}


.psm-implementation-wrapper .item-card {
  text-align: center;
  padding: 4.5rem 3rem;
  border: 0.1rem solid #121c27;
  border-radius: 1rem;
  height: 100%;
}
.psm-implementation-wrapper .item-card .icon-wrapper {
  width: 5rem;
  height: 5rem;
  margin: 0 auto 2.4rem;
}
.psm-implementation-wrapper .item-card .icon-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.psm-implementation-wrapper .item-card .card-ttl {
  font-family: "roboto-700";
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.5;
  color: #121c27;
}

.psm-wrapper .img-wrapper {
  height: 100%;
}
.psm-wrapper .img-wrapper img {
  border-radius: 0.8rem;
  height: 100%;
}
.psm-wrapper ul .list-ttl {
  font-family: "roboto-500";
  font-weight: 500;
  margin-bottom: 2.4rem;
}
.psm-wrapper ul li {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  font-family: "eudoxus-700";
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.44;
  vertical-align: bottom;
  color: #455780;
  margin-bottom: 1.2rem;
  margin-left: 0.8rem;
}
.psm-wrapper ul li .icon-wrapper {
  width: 4.8rem;
  height: 4.8rem;
  padding: 0.9rem;
  background: #f6f7f9;
}
.psm-wrapper ul li .icon-wrapper img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.psm-wrapper ul li:last-child {
  margin-bottom: 0;
}
.psm-wrapper .bottom {
  width: 95%;
  max-width: 102rem;
  margin: 5rem auto 0;
  background-color: #f6f7f9;
  border: 0.1rem solid #000000;
  border-radius: 0.8rem;
  padding: 2.2rem;
}
.psm-wrapper .bottom p {
  font-family: "eudoxus-400";
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 1.44;
}

.psm-service-wrapper {
  background: #191818;
  overflow: hidden;
}
.psm-service-wrapper .psm-service-slider {
  padding-bottom: 8.6rem;
}
.psm-service-wrapper .psm-service-slider .slick-list {
  overflow: visible;
}
.psm-service-wrapper .psm-service-slider .slick-track {
  display: flex;
  align-items: stretch;
  gap: 2.8rem;
}
.psm-service-wrapper .psm-service-slider .service-card {
  padding: 4rem;
  background: rgba(255, 255, 255, 0.1215686275);
  border: 1px solid rgba(255, 255, 255, 0.1215686275);
  border-radius: 2.4rem;
  display: flex;
  gap: 2.4rem;
  width: 48rem;
  height: auto;
}
.psm-service-wrapper .psm-service-slider .service-card .icon-wrapper {
  width: 2.4rem;
  height: 2.4rem;
  margin-bottom: 2.4rem;
  flex-shrink: 0;
}
.psm-service-wrapper .psm-service-slider .service-card .icon-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.psm-service-wrapper .psm-service-slider .service-card .content .card-ttl {
  font-family: "eudoxus-700";
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.44;
  margin-bottom: 1.8rem;
}
.psm-service-wrapper .psm-service-slider .service-card .content p {
  color: #fff;
}
.psm-service-wrapper .psm-service-slider .service-card .content b {
  font-family: "roboto-700";
  font-weight: 700;
}
@media (max-width: 479.98px) {
  .psm-service-wrapper .psm-service-slider .service-card {
    width: calc(100vw - 3.2rem);
	padding: 2rem;
  }
}
.psm-service-wrapper .psm-service-slider .slick-arrow {
  width: 3rem;
  height: 3rem;
  top: 100%;
  left: 50%;
  transition: all 0.3s ease;
  z-index: 2;
}
.psm-service-wrapper .psm-service-slider .slick-arrow::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: url(../images/right-arrow.png);
  height: 100%;
  width: 100%;
  transform: translate(-50%, -50%);
  opacity: 1;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.3s ease;
}
.psm-service-wrapper .psm-service-slider .slick-arrow.slick-prev {
  transform: rotate(180deg) translate(calc(50% + 3.2rem), 100%);
}
.psm-service-wrapper .psm-service-slider .slick-arrow.slick-next {
  transform: translate(calc(-50% + 3.2rem), -100%);
}
.psm-service-wrapper .psm-service-slider .slick-arrow.slick-disabled {
  opacity: 0.4;
  pointer-events: none;
}

.thumbnail-slider,
.thumbnail-slider .slick-list,
.thumbnail-slider .slick-track,
.thumbnail-slider .slick-slide {
  height: 100%;
}
.thumbnail-slider .vid-slide {
	border-radius: 0.4rem;
	overflow: hidden;
	pointer-events: none;
}
.thumbnail-slider .vid-slide.has-vid.slick-current {
	pointer-events: auto;
}
.thumbnail-nav-slider {
  margin: 0 -0.6rem;
}
.thumbnail-nav-slider .slick-track {
	display: flex;
	align-items: stretch;
}
.thumbnail-nav-slider img {
  margin: 0 0.6rem;
  cursor: pointer;
  border-radius: 0.4rem;
	height: auto;
}
.thumbnail-slider .slick-arrow {
  background: #121c27;
  width: 7%;
  max-width: 3.6rem;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  z-index: 4;
}
.thumbnail-slider .slick-arrow::before {
  content: "";
  background: url(../images/arrow-g.png);
  background-repeat: no-repeat;
  background-position: 60%;
  background-size: 60%;
  width: 100%;
  height: 100%;
  opacity: 1;
  display: inline-block;
}
.thumbnail-slider .slick-arrow.slick-prev {
  left: 0;
  transform: translate(-50%,-50%);
}
.thumbnail-slider .slick-arrow.slick-prev::before {
  transform: rotate(180deg);
}
.thumbnail-slider .slick-arrow.slick-next {
  right: 0;
  transform: translate(50%,-50%);
}


.iot-hero-wrapper {
  background: #121C27;
}
.iot-hero-wrapper .title-heading {
  font-family: "eudoxus-700";
  font-weight: 700;
}
@media (min-width: 768px) {
  .iot-hero-wrapper:not(.software-detail) .left-content {
    max-width: 50rem;
  }
}
.iot-hero-wrapper .right-content {
  padding: 0;
	position: relative;
	z-index: 2;
}
.iot-hero-wrapper .right-content::after {
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	background-image: url(../images/sdmbgvector.svg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: -1;
}
.iot-hero-wrapper .right-content .img-wrapper {
  box-sizing: border-box;
}
.iot-hero-wrapper .right-content .img-wrapper img {
  height: 100%;
}
.iot-hero-wrapper .right-content .vid-wrapper {
	box-sizing: border-box;
	margin-right: calc((var(--container-width) - 100vw) / 2 - 0.75rem);
}
.iot-hero-wrapper .right-content .vid-wrapper video {
	margin-bottom: -0.6rem;
}

@media (min-width: 992px) {
	.iot-hero-wrapper .right-content .vid-wrapper {
		max-width: 720px;
		width: 100%;
        height: 100%;
	}
}
@media (max-width: 991.98px) {
	.iot-hero-wrapper .right-content .vid-wrapper {
		margin-right: calc((var(--container-width) - 100vw) / 2 - 0.75rem);
		margin-left: calc((var(--container-width) - 100vw) / 2 - 0.75rem);
		width: 100vw;
		aspect-ratio: 16/9;
	}
}
@media (max-width: 575.98px) {
	.iot-hero-wrapper .right-content .vid-wrapper {
		margin-right: calc((var(--container-width) - 100vw) / 2 - 0rem);
		margin-left: calc((var(--container-width) - 100vw) / 2 - 0rem);
	}
}
.iot-hero-wrapper .right-content .vid-wrapper .side-video {
	width: 100%;
	height: 100%;
}
@media (max-width: 767.98px) {
  .iot-hero-wrapper .right-content {
    padding: 0;
  }
}
@media (min-width: 1921px) {
	.iot-hero-wrapper .right-content .vid-wrapper {
		max-width: 72rem;
	}
}

.iotdetail-intro-wrapper b {
  font-family: "roboto-500";
  font-weight: 500;
}
.iotdetail-intro-wrapper .img-wrapper {
  aspect-ratio: 2.56/1;
}
.iotdetail-intro-wrapper .img-wrapper img {
  height: 100%;
  border-radius: 2rem;
}

.key-feature-wrapper .sticky-content {
  min-height: -moz-fit-content;
  min-height: fit-content;
  position: sticky;
  top: 18.2rem;
  max-width: 50rem;
  margin-right: 3rem;
}
.key-feature-wrapper .sticky-content .sub-ttl {
  font-family: "roboto-500";
  font-weight: 500;
  font-size: 3.4rem;
  line-height: 1.47;
  color: #121c27;
}
.key-feature-wrapper .card-wrapper .feature-card {
  padding: 3.2rem;
  display: flex;
  gap: 2rem;
  background: #fff;
  border: 1px solid #d3d5d6;
  margin-bottom: 2.4rem;
}
.key-feature-wrapper .card-wrapper .feature-card:last-child {
  margin-bottom: 0;
}
.key-feature-wrapper .card-wrapper .feature-card .icon-wrapper {
  width: 2.4rem;
  height: 2.4rem;
  flex-shrink: 0;
  margin: 0.4rem 0;
}
.key-feature-wrapper .card-wrapper .feature-card .icon-wrapper img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.key-feature-wrapper .card-wrapper .feature-card .card-ttl {
  font-family: "eudoxus-700";
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1.45;
  margin-bottom: 2rem;
}
.key-feature-wrapper .card-wrapper .feature-card p {
  color: #000;
}
@media (max-width: 991.98px) {
  .key-feature-wrapper .sticky-content {
    padding: 0 0 4rem;
    max-width: 100%;
  }
  .key-feature-wrapper .card-wrapper {
    padding: 0;
  }
}
.iotproduct-benefits-wrapper .benefit-card {
  background: #455780;
  border: 1px solid #ffffff;
  border-radius: 1rem;
  padding: 4.5rem 3.1rem;
  text-align: center;
  height: 100%;
}
.iotproduct-benefits-wrapper .benefit-card .icon-wrapper {
  width: 5rem;
  height: 5rem;
  margin: 0 auto 2.2rem;
}
.iotproduct-benefits-wrapper .benefit-card .icon-wrapper img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.iotproduct-benefits-wrapper .benefit-card .card-ttl {
  font-family: "roboto-700";
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.5;
  color: #fff;
}
.iotproduct-benefits-wrapper .row > div:has(.benefit-card):first-child .benefit-card {
  border: 1px solid #121c27;
}

.usecase-wrapper .usecase-img-slider {
  aspect-ratio: 1.26/1;
}
.usecase-wrapper .usecase-img-slider img {
  height: 100%;
  border-radius: 2rem;
}
.usecase-wrapper .usecase-img-slider .slick-list,
.usecase-wrapper .usecase-img-slider .slick-track {
  height: 100%;
}
.usecase-wrapper .usecase-slider {
  max-width: 42rem;
  margin: 0 auto;
  padding-bottom: 11rem;
}
@media (max-width: 767.98px) {
  .usecase-wrapper .usecase-slider {
    max-width: 100%;
  }
}
.usecase-wrapper .usecase-slider .slide-item .slide-ttl {
  font-family: "eudoxus-800";
  font-weight: 800;
  font-size: 3.6rem;
  line-height: 1.39;
  letter-spacing: -0.032rem;
  color: #fff;
  margin-bottom: 5.4rem;
}
.usecase-wrapper .usecase-slider .slide-item p {
  color: #fff;
}
.usecase-wrapper .usecase-slider .slick-arrow {
  width: 6rem;
  height: 6rem;
  background: var(--gradient);
  border-radius: 50%;
  top: 100%;
  left: 0;
  transition: all 0.3s ease;
}
.usecase-wrapper .usecase-slider .slick-arrow:hover {
  background: linear-gradient(-70.58deg, #ecbb55 0%, #cc8c3d 100%);
}
.usecase-wrapper .usecase-slider .slick-arrow:hover::before {
  filter: brightness(0);
}
.usecase-wrapper .usecase-slider .slick-arrow::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: url(../images/right-arrow.png);
  height: 3rem;
  width: 3rem;
  transform: translate(-50%, -50%);
  opacity: 1;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.3s ease;
}
.usecase-wrapper .usecase-slider .slick-arrow.slick-prev {
  transform: rotate(180deg) translate(0, 100%);
}
.usecase-wrapper .usecase-slider .slick-arrow.slick-next {
  transform: translate(calc(100% + 4rem), -100%);
}

body.sticky-header header {
  position: sticky;
  top: 0;
  background: transparent;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: background 0.3s ease;
}
body.sticky-header.header-sticked header {
  background: #121c27;
}
body.sticky-header * {
  scroll-margin-top: calc(-1 * var(--header-height));
}

.title-nav-wrapper {
  background: #121c27;
  position: fixed;
  top: 12.6rem;
  width: 100%;
  z-index: 3;
  padding: 1rem 0;
  transform: translateY(-100%);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.title-nav-wrapper .title-nav {
  display: flex;
  gap: 1.2rem;
  justify-content: center;
	flex-wrap: wrap;
}
.title-nav-wrapper .title-nav .nav-ttl {
  display: block;
  color: #222222;
  font-family: "eudoxus-500";
  font-weight: 500;
  padding: 0.6rem 1.6rem;
  border-radius: 2rem;
  color: #fff;
}
.title-nav-wrapper .title-nav .nav-ttl.active {
  background: var(--gradient);
}
.title-nav-wrapper.active {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
@media (max-width: 575.98px) {
	.title-nav-wrapper {
		top: 9.66rem;
	}
	.title-nav-wrapper .title-nav {
		gap: 0.4rem;
	}
	.title-nav-wrapper .title-nav .nav-ttl {
		font-size: 1.4rem;
		padding: 0.6rem 1rem;
	}
	body.sticky-header * {
  		scroll-margin-top: var(--n-header-height);
	}
}

.wyg-wrapper .check-list li::before {
  filter: brightness(0);
  font-size: 2.2rem;
  width: 3rem;
  height: 1.45em;
}
.wyg-wrapper .check-list li h3 {
  font-family: "eudoxus-700";
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1.45;
  color: #121c27;
  margin-bottom: 1.6rem;
}

.softwarekeyfeature-wrapper .feature-row {
  row-gap: 6rem;
}
@media (max-width: 575.98px) {
	.softwarekeyfeature-wrapper .feature-row {
		row-gap: 4rem;
	}
}
.softwarekeyfeature-wrapper .feature-card {
  padding: 3rem 1rem;
  background-color: #fff;
  border-radius: 1rem;
  height: 100%;
}
.softwarekeyfeature-wrapper .feature-card img {
  width: 6rem;
  margin: 2rem 0 4rem;
}
.softwarekeyfeature-wrapper .feature-card .card-ttl {
  font-family: "eudoxus-700";
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.44;
  color: #121c27;
  margin-bottom: 2.4rem;
}
.softwarekeyfeature-wrapper .feature-card p {
  color: rgba(18, 28, 39, 0.6);
}

.tech-suite-wrapper {
  background: linear-gradient(rgba(255, 255, 255, 0.9490196078), rgba(255, 255, 255, 0.9490196078)), url(../images/techsuite-bg.jpg) no-repeat center/cover;
}
.tech-suite-wrapper .logos-grid {
  --column-gap: 6rem;
  -moz-column-gap: var(--column-gap);
       column-gap: var(--column-gap);
  row-gap: 3.6rem;
  display: flex;
  flex-wrap: wrap;
}
.tech-suite-wrapper .logos-grid img {
  width: calc((100% - 6 * var(--column-gap)) / 7);
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 991.98px) {
  .tech-suite-wrapper .logos-grid {
    --column-gap: 4rem;
  }
}
@media (max-width: 767.98px) {
  .tech-suite-wrapper .logos-grid {
    --column-gap: 6rem;
  }
  .tech-suite-wrapper .logos-grid img {
    width: calc((100% - 4 * var(--column-gap)) / 5);
  }
}
@media (max-width: 424.98px) {
  .tech-suite-wrapper .logos-grid {
    --column-gap: 3rem;
  }
  .tech-suite-wrapper .logos-grid img {
    width: calc((100% - 3 * var(--column-gap)) / 4);
  }
}

.software-detail.title-wrapper {
  position: relative;
}
.software-detail.title-wrapper .bg-img {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.software-detail.title-wrapper .bg-img img {
  width: auto;
  max-width: 100%;
  min-width: 64%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.software-detail.title-wrapper .btn-wrapper .theme-btn.border-btn {
	padding: 1.9rem 3.8rem;
}
.software-detail.title-wrapper .btn-wrapper .theme-btn.border-btn:not(:hover) {
	background: #121C27;
}
.software-detail.title-wrapper .btn-wrapper .theme-btn.border-btn::before {
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
}
@media (max-width: 575.98px) {
  .software-detail.title-wrapper .btn-wrapper .theme-btn {
    padding: 2rem 2.4rem;
  }
  .software-detail.title-wrapper .btn-wrapper .theme-btn.border-btn {
    padding: 1.9rem 2.4rem;
  }
}

.grad-accordion {
  background: var(--gradient);
  --bs-accordion-border-color: none;
  --bs-accordion-bg: transparent;
  --bs-accordion-btn-icon: url(../images/arrow-down.svg);
  --bs-accordion-btn-active-icon: url(../images/arrow-down.svg);
  --bs-accordion-btn-icon-width: 1.6rem;
  --bs-accordion-btn-icon-height: 1.6rem;
  --bs-accordion-color: #fff;
  padding: 2rem 4rem;
  border-radius: 2.4rem;
}
.grad-accordion .accordion-item {
  margin-bottom: 0;
  border-bottom: 1px solid #f5f5f5;
}
.grad-accordion .accordion-item .accordion-header .accordion-button {
  font-family: "eudoxus-700";
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.44;
  color: #fff;
  padding: 2rem 0;
}
.grad-accordion .accordion-item .accordion-header .accordion-button::after {
  height: 3.2rem;
  width: 3.2rem;
  background-position: center;
  border: 1px solid #f5f5f5;
  border-radius: 50%;
}
.grad-accordion .accordion-item .accordion-body {
  padding: 0 0 2rem;
}
.grad-accordion .accordion-item .accordion-body * {
  color: #fff;
}
.grad-accordion .accordion-item:last-child {
  padding: 0;
  border-bottom: none;
}

@media (min-width: 992px) {
  .py-lg-80 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .py-md-80 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
}
@media (min-width: 768px) {
  .py-md-80 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
}
@media (max-width: 991.98px) {
  .sdkey-features-wrapper .right-img {
    margin-left: calc((var(--container-width) - 100vw) / 2 - 0.75rem);
    margin-right: calc((var(--container-width) - 100vw) / 2 - 0.75rem);
  }
}
@media (max-width: 575.98px) {
  .sdkey-features-wrapper .right-img {
    margin-left: -1.62162rem;
    margin-right: -1.62162rem;
  }
}

.sdhow-wrapper .content {
  padding-left: 10.6rem;
}
.sdhow-wrapper .content p {
  color: #000;
}
@media (min-width: 768px) and (max-width: 991.98px) and (max-width: 1199.98px) {
  .sdhow-wrapper .left-img {
    margin-left: calc((var(--container-width) - 100vw) / 2 - 0.75rem);
  }
}
@media (max-width: 767.98px) {
  .sdhow-wrapper .left-img {
    margin-left: calc((var(--container-width) - 100vw) / 2 - 0.75rem);
    margin-right: calc((var(--container-width) - 100vw) / 2 - 0.75rem);
  }
}
@media (max-width: 575.98px) {
  .sdhow-wrapper .left-img {
    margin-left: -1.62162rem;
    margin-right: -1.62162rem;
  }
}
.software-modules-wrapper.iot-product-wrapper .iot-product-slider .product-card {
  height: 100%;
}
.software-modules-wrapper.iot-product-wrapper .iot-product-slider .product-card .content .card-ttl {
	margin-bottom: 0;
	justify-content: space-between;
}
.software-modules-wrapper.iot-product-wrapper .iot-product-slider .product-card .content .card-ttl::after {
	flex-grow: 0;
}

.modal-wrapper .modal-container .modal-content .modal-ttl {
	font-family: "eudoxus-700";
	font-weight: 700;
	font-size: 3rem;
	line-height: 1.5;
	color: rgba(18, 28, 39, 0.6);
}
body.vr {
	display: block !important;
	align-self: auto !important;
	width: auto !important;
	opacity: 1 !important;
	background-color: #fff !important;
	min-height: 0 !important;
}
.zoomable {
	cursor: pointer;
}
#modalImg {
	height: calc(100vh - 6rem);
	width: calc(100vw - 6rem);
	object-fit: contain;
}
#modalImg:not(.screenshot-img) {
	max-height: 46rem;
	max-width: 46rem;
	aspect-ratio: 1/1;
	object-fit: contain;
}
#imgModal,
#ytModal {
	overflow: hidden;
}
#imgModal.show {
	display: flex !important;
}
#ytModal:not(.show) .btn-close,
#imgModal:not(.show) .btn-close {
	opacity: 0;
	visibility: hidden;
}
#ytModal .btn-close,
#imgModal .btn-close{
	left: 100%;
    bottom: 100%;
    transform: none;
    position: absolute;
    right: unset;
    top: unset;
	transition: none;
}
#ytModal .modal-content {
	max-height: calc(100vh - 6rem);
	max-width: calc(100vw - 6rem);
	margin-bottom: -7px;
    aspect-ratio: 16 / 9;
}
#ytModal .modal-content .modal-vid-wrapper,
#ytModal .modal-content .modal-vid-wrapper iframe {
    height: 100%;
    width: 100%;
}
#localVideoModal .modal-content .btn-close {
	right: 0;
	top: 0;
}
#localVideoModal .modal-vid-wrapper {
	padding: 3rem;
}
#localVideoPlayer {
	width: 100%;
	height: auto;
	aspect-ratio: 16/9;
}

.safeverse-banner-wrapper.simulation {
	aspect-ratio: 16/9;
	height: auto;
	max-height: calc(100vh + var(--header-height));
	width: 100%;
}
.safeverse-banner-wrapper.simulation .banner-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag,
.iti--separate-dial-code .iti__selected-flag {
	background: transparent;
}
body.vr {
	background-color: #121C27 !important;
/* 	padding: 0 60px; */
}
/* body.vr header {
	width: calc(100% + 120px);
    margin-left: -60px;
} */
.safeverse-banner-wrapper.fixed-bg-vid {
	z-index: -1;
}
.safeverse-banner-wrapper.fixed-bg-vid .banner-overlay{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.safeverse-banner-wrapper.fixed-bg-vid .banner-overlay .bg-img-slider,
.safeverse-banner-wrapper.fixed-bg-vid .banner-overlay .bg-img-slider * {
	height: 100%;
	width: 100%;
}
.safeverse-banner-wrapper.fixed-bg-vid .banner-overlay .video-container,
.safeverse-banner-wrapper.fixed-bg-vid .banner-overlay .video-container * {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.safeverse-banner-wrapper.fixed-bg-vid .banner-overlay .video-container .bg-embed-vid {
	width: 100%;
	height: auto;
	aspect-ratio: 16/9;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
@media (max-width: 767.98px) {
	.safeverse-banner-wrapper.fixed-bg-vid .banner-overlay .video-container .bg-embed-vid {
		top: 0;
		transform: translate(-50%, var(--n-header-height));
	}
	body.visible-sides:not(.header-sticked) header {
		background: #121c27 !important;
	}
}
.safeverse-banner-wrapper.fixed-bg-vid .content-container{
	position: static;
	height: auto;
	max-height: calc(100vh - 12rem);
	width: 100%;
	aspect-ratio: 16/9;
	z-index: 2;
}
/* body.vr .title-wrapper.dark-bg{
	background: rgba(18, 28, 39, 0.4);
	width: calc(100% + 120px);
    margin-left: -60px;
} */
.iti {
	width: 100%;
}
/* pages css *//*# sourceMappingURL=application.css.map */
 
.highlight 
{ 
	background: yellow; font-weight: 700; 
}
/* .matched-highlight 
{ 
	outline: 3px solid #ffd54f; padding: 8px; border-radius: 6px; 
} */
.iot-intro-wrapper.bg-grey .content p {
	color: #121C27;
	margin-bottom: 1.2rem;
}
.iot-intro-wrapper.smd .sec-ttl {
	color: #121C27;
}
@media (min-width: 768px) {
	.iot-intro-wrapper.smd .sec-ttl {
		font-size: 3.6rem;
		line-break: 1.39;
	}
}

.sif-wrapper .sec-ttl {
  font-family: "eudoxus-700";
  font-weight: 700;
  font-size: 3.6rem;
  letter-spacing: -0.032rem;
}
@media (min-width: 768px) {
  .sif-wrapper .sec-ttl {
    font-size: 3.6rem;
    line-height: 1.39;
  }
}
.sif-wrapper .sub-ttl {
  font-family: "roboto-700";
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.5;
  color: #121c27;
}
.sif-wrapper .sif-card {
  padding: 1.8rem 1.8rem 4rem;
  border: 1px solid #121c27;
  border-radius: 1.6rem;
}
.sif-wrapper .sif-card .card-ttl {
  font-family: "roboto-500";
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.44;
}
.sif-wrapper .sif-card:not(.primary-card) {
  margin: 2.5rem 0 4.4rem;
}
@media (max-width: 575.98px) {
  .sif-wrapper .sif-card:not(.primary-card) {
    margin-bottom: 0;
  }
}
.sif-wrapper .sif-card.primary-card {
  position: relative;
}
.sif-wrapper .sif-card.primary-card::after {
  content: "";
  position: absolute;
  background: url(../images/bird.png) center/contain no-repeat;
  width: 45%;
  max-width: 14rem;
  height: auto;
  aspect-ratio: 1/1;
  top: 100%;
  right: -0.3rem;
  transform: translateY(-40%);
}
.sif-wrapper .sif-card .icon-wrapper {
  width: 4rem;
  height: auto;
  aspect-ratio: 1/1;
  margin-bottom: 1rem;
}
.sif-wrapper .sif-card p {
  color: #6b6969;
}
@media (min-width: 992px) {
  .sif-wrapper .content-container {
    padding-bottom: 8rem;
  }
  .sif-wrapper .content-container .main-wrapper {
    height: 100%;
  }
}
@media (max-width: 991.98px) {
  .sif-wrapper .content-container .main-wrapper {
    position: sticky;
    top: calc(var(--n-header-height) + 2rem);
    padding-bottom: 7rem;
  }
}

.scf-wrapper.dark-bg {
  background-color: #121C27;
}
.scf-wrapper.dark-bg .scf-card p {
  color: #fff;
}
.scf-wrapper .sec-ttl h2 {
  font-family: "eudoxus-700";
}
@media (min-width: 992px) {
  .scf-wrapper .sec-ttl h2 {
    font-size: 3.6rem;
    line-height: 1.39;
    letter-spacing: -0.032rem;
  }
}
.scf-wrapper .sec-ttl p {
  color: #44403c;
}
.scf-wrapper .scf-card {
	padding: 0 0.8rem;
	height: 100%;
}
.scf-wrapper .scf-card .card-ttl {
	font-family: "roboto-500";
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 1.25;
	color: #0F172A;
}
.scf-wrapper.dark-bg .scf-card .card-ttl {
	font-family: "eudoxus-700";
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.44;
	color: #FFFFFF;
	margin-bottom: 1.8rem;
}
.scf-wrapper.dark-bg .scf-card {
  padding: 2.8rem 1.6rem;
	background-color: #00000080;
	border-radius: 1.2rem;
}
.scf-wrapper .scf-card .icon {
  width: 7rem;
  height: auto;
  aspect-ratio: 1/1;
	margin-bottom: 1.6rem;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .software-module-row > div:last-child {
    display: none;
  }
}

.sec-ttl-left .sec-ttl {
  padding-left: 9.6rem;
  padding-right: 9.6rem;
}

.kfslider-wrapper .sec-ttl {
  max-width: 44rem;
}
.kfslider-wrapper .sec-ttl h2 {
  font-family: "eudoxus-700";
  line-height: 1.39;
  letter-spacing: -0.032rem;
}
@media (min-width: 992px) {
	.kfslider-wrapper .sec-ttl h2 {
  		font-size: 3.6rem;
	}
}
.kfslider-wrapper .key-feature-slider {
  margin: 0 -1.6rem;
}
.kfslider-wrapper .key-feature-slider .feature-slide {
  margin: 0 1.6rem;
}
.kfslider-wrapper .key-feature-slider .feature-slide .icon {
  width: 2.8rem;
  height: auto;
  aspect-ratio: 1/1;
  margin-bottom: 0.8rem;
}
.kfslider-wrapper .key-feature-slider .feature-slide .hr {
  height: 1px;
  width: 100%;
  position: relative;
  margin-bottom: 1.2rem;
}
.kfslider-wrapper .key-feature-slider .feature-slide .hr::before, .kfslider-wrapper .key-feature-slider .feature-slide .hr::after {
  content: "";
  top: 0;
  height: 100%;
  position: absolute;
}
.kfslider-wrapper .key-feature-slider .feature-slide .hr::before {
  background: var(--gradient);
  width: 9%;
  left: 0;
}
.kfslider-wrapper .key-feature-slider .feature-slide .hr::after {
  background: #121c27;
  width: 91%;
  right: 0;
}
.kfslider-wrapper .key-feature-slider .feature-slide .slide-ttl {
  font-family: "eudoxus-700";
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.44;
  color: #121C27;
  margin-bottom: 1.6rem;
}
.kfslider-wrapper .key-feature-slider .feature-slide p {
  color: #6B6969;
}

.screenshot-slider img {
	aspect-ratio: 1.375/1;
}
.screenshot-slider-wrapper .screenshot-slider .slick-arrow {
  background: #121c27;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 4;
}
.screenshot-slider-wrapper .screenshot-slider .slick-arrow::before {
  content: "";
  background: url(../images/arrow-g.png);
  background-repeat: no-repeat;
  background-position: center;
  height: 2rem;
  width: 2rem;
  opacity: 1;
  display: inline-block;
}
.screenshot-slider-wrapper .screenshot-slider .slick-arrow.slick-prev {
  left: 0;
}
.screenshot-slider-wrapper .screenshot-slider .slick-arrow.slick-prev::before {
  transform: rotate(180deg);
}
.screenshot-slider-wrapper .screenshot-slider .slick-arrow.slick-next {
  right: 0;
}
@media (max-width: 575.98px) {
  .screenshot-slider-wrapper .screenshot-slider .slick-arrow {
    width: 3.4rem;
    height: 3.4rem;
  }
  .screenshot-slider-wrapper .screenshot-slider .slick-arrow::before {
    height: 1.6rem;
    width: 1.6rem;
  }
  .screenshot-slider-wrapper .screenshot-slider .slick-arrow.slick-prev {
    left: 1.5rem;
  }
  .screenshot-slider-wrapper .screenshot-slider .slick-arrow.slick-next {
    right: 1.5rem;
  }
}

.ims-benefits-wrapper .sec-ttl h2 {
  font-family: "eudoxus-700";
}
@media (min-width: 992px) {
  .ims-benefits-wrapper .sec-ttl h2 {
    font-size: 3.6rem;
    line-height: 1.39;
    letter-spacing: -0.032rem;
    max-width: 42rem;
  }
}
.ims-benefits-wrapper .sec-ttl p {
  color: #6b6969;
}
.ims-benefits-wrapper .anim-list {
  list-style-type: none;
  counter-reset: my-list-item;
}
.ims-benefits-wrapper .anim-list li {
  padding: 1.2rem 0;
  position: relative;
  display: flex;
  align-items: center;
  font-family: "roboto-500";
  font-weight: 500;
  line-height: 1.25;
  color: #0F172A;
  gap: 1.4rem;
}
.ims-benefits-wrapper .anim-list li::before {
  counter-increment: my-list-item;
  content: counter(my-list-item) " ";
  width: 3.2rem;
  --box-height: 3.2rem;
  height: var(--box-height);
  font-size: 1.4rem;
  font-weight: 600;
  font-family: "plus-jakarta-sans-600";
  letter-spacing: -0.031rem;
  line-height: var(--box-height);
  border-radius: 50%;
  background: #d3d5d6;
  display: inline-block;
  text-align: center;
  flex-shrink: 0;
  color: #121C27;
  transition: all 0.3s ease;
}
.ims-benefits-wrapper .anim-list li::after {
  content: "";
  width: 0.2rem;
  height: 100%;
  position: absolute;
  left: 1.6rem;
  top: 0;
  transform: translate(-50%, 0);
  background-color: #d3d5d6;
  z-index: -1;
  transition: all 0.3s ease;
}
.ims-benefits-wrapper .anim-list li:first-child {
  padding-top: 0;
}
.ims-benefits-wrapper .anim-list li:first-child::after {
  height: 50%;
  top: 50%;
}
.ims-benefits-wrapper .anim-list li:last-child {
  padding-bottom: 0;
}
.ims-benefits-wrapper .anim-list li:last-child::after {
  height: 50%;
}
.ims-benefits-wrapper .anim-list li.active::before {
	color: #fff;
	background: var(--gradient);
}
.ims-benefits-wrapper .anim-list li.active::after {
  background-color: #cc8c3d;
}
.sms-wrapper:not(.page-anim) div[class^="col-"]:has(.sms-image-slider) {
	aspect-ratio: 1.2/1;
}
@media (min-width: 992px) {
	.sms-wrapper:not(.page-anim) div[class^="col-"]:has(.sms-image-slider) {
		position: relative;
	}
	.sms-wrapper:not(.page-anim) div[class^="col-"]:has(.sms-image-slider) .sms-image-slider {
		position: absolute;
		width: 100%;
	}
	.faq-wrapper div[class^="col-"]:has(.faq-right-img) {
		position: relative;
		min-height: 600px;
	}
	.faq-wrapper .faq-right-img {
		width: calc(var(--container-width)/2 - 1.5rem);
		height: auto;
		aspect-ratio: 1/1.08;
		object-position: center;
		position: sticky;
		top: calc(var(--n-header-height) - 0.2rem);
	}
/* 	.faq-wrapper .faq-box .accordion {
		max-height: 65.7rem;
		overflow-y: auto;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	.faq-wrapper .faq-box .accordion::-webkit-scrollbar {
	  display: none;
	} */
}

.contentWithvideo-wrapper .vid-wrapper {
  aspect-ratio: 1.75/1;
}

.wsa-wrapper .section-card {
  padding: 4.6rem 6.8rem;
  border: 1px solid #6b6969;
  background-color: #fff;
  height: 100%;
}
.wsa-wrapper .section-card .icon-wrapper {
  width: 4.8rem;
  filter: brightness(0);
  margin-bottom: 1rem;
}
.wsa-wrapper .section-card .card-ttl {
  font-family: "roboto-500";
  font-weight: 500;
  font-size: 2.2rem;
  line-height: 1.45;
}

.drawer-wrapper p {
  color: #fff;
}
.drawer-wrapper .drawer-card {
  padding: 4rem 3rem;
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-color: rgba(255, 255, 255, 0.3019607843);
  height: 100%;
}
.drawer-wrapper .drawer-card .card-ttl {
  font-family: "roboto-700";
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.5;
  color: #fff;
}
@media (min-width: 992px) {
  .drawer-wrapper .drawer-row > div[class^=col-]:nth-child(3n) .drawer-card {
    border-right-color: transparent;
  }
  .drawer-wrapper .drawer-row > div[class^=col-]:nth-last-child(-n+3) .drawer-card {
    border-bottom-color: transparent;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .drawer-wrapper .drawer-row > div[class^=col-]:nth-child(2n) .drawer-card {
    border-right-color: transparent;
  }
  .drawer-wrapper .drawer-row > div[class^=col-]:nth-last-child(-n+2) .drawer-card {
    border-bottom-color: transparent;
  }
}
@media (max-width: 767.98px) {
  .drawer-wrapper .drawer-row > div[class^=col-] .drawer-card {
    border-right-color: transparent;
  }
  .drawer-wrapper .drawer-row > div[class^=col-]:last-child .drawer-card {
    border-bottom-color: transparent;
  }
}

.certificate-wrapper .certificate-img {
  aspect-ratio: 1.65/1;
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
}
.certificate-wrapper .check-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
}
.certificate-wrapper .check-list li {
  font-family: "eudoxus-700";
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.44;
  color: #455780;
  width: calc((100% - 1.6rem) / 2);
  margin: 0;
}
.certificate-wrapper .check-list li::before {
  align-self: center;
}
@media (max-width: 575.98px) {
  .certificate-wrapper .check-list li {
    width: 100%;
  }
}

.ytvideo-section-wrapper .vid-wrapper {
  aspect-ratio: 16/9;
  max-width: 96rem;
  border-radius: 2rem;
  overflow: hidden;
}
.ytvideo-section-wrapper .check-list ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
}
.ytvideo-section-wrapper .check-list li {
  width: calc((100% - 1.6rem) / 2);
  margin: 0;
  align-items: start;
}
.ytvideo-section-wrapper .check-list li::before {
  width: 1.56em;
  aspect-ratio: 1/1;
  height: auto;
  margin-right: 0.4rem;
}
@media (max-width: 767.98px) {
  .ytvideo-section-wrapper .check-list li {
    width: 100%;
  }
}

.about-ssdf-wrapper .content p {
  margin-bottom: 3rem;
}
.about-ssdf-wrapper .content p:last-child {
  margin-bottom: 0;
}
.about-ssdf-wrapper .img-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
}
.about-ssdf-wrapper .img-wrapper img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 767.98px) {
  .about-ssdf-wrapper .img-wrapper {
    position: static;
    height: auto;
    width: 40%;
    max-width: 20rem;
    aspect-ratio: 1/1;
  }
  .about-ssdf-wrapper .img-wrapper img {
    width: 100%;
    height: auto;
  }
}

.common-intro-wrapper.bg-primary-dark p {
  color: #ffffff;
}

.package-overview-wrapper .overview-card {
  padding: 3.4rem;
  background-color: #f5f5f5;
  border: 1px solid #d3d5d6;
  border-radius: 3rem;
  height: 100%;
}
.package-overview-wrapper .overview-card .day-counter {
  background: var(--gradient);
  border-radius: 3.5rem;
  color: #fff;
  padding: 1rem 2.4rem;
  font-family: "eudoxus-700";
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.44;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 3.4rem;
}
.package-overview-wrapper .overview-card .detail-point {
  margin-bottom: 2.6rem;
}
.package-overview-wrapper .overview-card .detail-point h3 {
  font-family: "eudoxus-700";
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1.45;
  color: #000000;
  margin-bottom: 2rem;
}

.reserve-wrapper .sec-ttl h2 {
  font-family: "eudoxus-400";
  font-weight: 400;
  color: #fff;
}
.reserve-wrapper .sec-ttl h2 strong {
  font-family: "eudoxus-700";
  font-weight: 700;
}
.reserve-wrapper .contact-card-wrapper {
  gap: 5rem;
}
.reserve-wrapper .contact-card-wrapper .contact-card {
  display: flex;
  gap: 2rem;
  background-color: #fff;
  border-radius: 2rem;
  padding: 3.8rem 6.4rem 3.8rem 3.4rem;
}
.reserve-wrapper .contact-card-wrapper .contact-card .icon-wrapper {
  width: 7rem;
  height: 7rem;
  background: var(--gradient);
  padding: 1.3rem;
  border-radius: 1.4rem;
  flex-shrink: 0;
}
.reserve-wrapper .contact-card-wrapper .contact-card .icon-wrapper img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
}
.reserve-wrapper .contact-card-wrapper .contact-card .card-ttl {
  font-family: "roboto-600";
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 1.25;
  margin-bottom: 0.8rem;
  color: #121c27;
}
.reserve-wrapper .contact-card-wrapper .contact-card a {
  font-family: "roboto-700";
  font-weight: 700;
  font-size: 3rem;
  line-height: 1.25;
  transition: 0.3s ease all;
}
.reserve-wrapper .contact-card-wrapper .contact-card a:hover {
  background: var(--gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.reserve-wrapper .contact-card-wrapper .contact-card p {
  margin-top: 1.6rem;
}
@media (max-width: 991.98px) {
  .reserve-wrapper .contact-card-wrapper {
    gap: 4rem;
  }
  .reserve-wrapper .contact-card-wrapper .contact-card {
    padding: 3.8rem 3.4rem;
  }
}
@media (max-width: 767.98px) {
  .reserve-wrapper .contact-card-wrapper {
    flex-wrap: wrap;
  }
}
@media (max-width: 575.98px) {
  .reserve-wrapper .contact-card-wrapper .contact-card {
    padding: 3.4rem 2.8rem;
  }
  .reserve-wrapper .contact-card-wrapper .contact-card .icon-wrapper {
    width: 5.6rem;
    height: 5.6rem;
  }
}

.image-banner-wrapper {
	width: 100%;
	pointer-events: none;
}
.banner-video-wrapper {
  width: 100%;
  aspect-ratio: 16/9;
  height: auto;
  margin-bottom: -1rem;
  max-height: calc(100vh + var(--header-height));
}
.banner-video-wrapper .video-poster {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: 0.2s ease all;
	z-index: 1;
	opacity: 1;
	visibility: visible;
}
.banner-video-wrapper.playing .video-poster {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}
.banner-video-wrapper .banner-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.image-banner-wrapper .cta-btn {
	margin-bottom: 5rem;
}

.package-includes-wrapper .icon-wrapper {
  width: 4.8rem;
  filter: brightness(0);
  margin-bottom: 2.5rem;
}
.package-includes-wrapper .card-ttl {
  font-family: "eudoxus-700";
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.44;
  color: #000000;
  margin-bottom: 3.6rem;
}
@media (min-width: 768px) {
  .package-includes-wrapper .card-ttl {
    min-height: 2.88em;
  }
}
@media (max-width: 991.98px) {
  .package-includes-wrapper .card-ttl {
    margin-bottom: 2.4rem;
  }
}

.program-benefits-wrapper .benefit-card {
  border: 1px solid #d3d5d6;
  border-radius: 2rem;
  overflow: hidden;
  height: 100%;
}
.program-benefits-wrapper .benefit-card .benefit-img {
  width: 100%;
  height: auto;
  aspect-ratio: 1.42/1;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.6s ease;
}
.program-benefits-wrapper .benefit-card .content {
  padding: 2.4rem 1.4rem 6rem;
}
.program-benefits-wrapper .benefit-card .content .card-ttl {
  font-family: "eudoxus-700";
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.6rem;
  color: #1e1e24;
  margin-bottom: 2.4rem;
}
.program-benefits-wrapper .benefit-card .content p {
  color: rgba(30, 30, 36, 0.5019607843);
}
.program-benefits-wrapper .benefit-card:hover .benefit-img {
  transform: scale(1.05);
}

.program-videos-wrapper .videos-row {
  --bs-gutter-y: 4rem;
}
.program-videos-wrapper .video-card {
  background-color: #fff;
  box-shadow: 0 0.2rem 1rem 0 rgba(0, 0, 0, 0.0705882353);
  height: 100%;
  border-radius: 1.4rem;
  overflow: hidden;
}
.program-videos-wrapper .video-card .video-thumbnail {
  width: 100%;
  height: auto;
  aspect-ratio: 1.59/1;
  transition: all 0.6s ease;
}
.program-videos-wrapper .video-card .content {
  padding: 2.4rem;
  display: flex;
  gap: 2.4rem;
}
.program-videos-wrapper .video-card .content .card-ttl {
  font-family: "eudoxus-700";
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.44;
  color: #213343;
}
.program-videos-wrapper .video-card .content .icon-wrapper {
  flex-shrink: 0;
  width: 4.2rem;
  height: 4.2rem;
  position: relative;
  display: block;
  border-radius: 50%;
}
.program-videos-wrapper .video-card .content .icon-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.program-videos-wrapper .video-card .content .icon-wrapper:hover {
  box-shadow: 0 0 1rem 0 rgb(255, 0, 0);
}
.program-videos-wrapper .video-card:hover .video-thumbnail {
  transform: scale(1.05);
}

.limited-content-wrapper p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: var(--line-clamp);
	transition: max-height 0.4s ease;
	line-height: 1.4em;
}


.documentation-wrapper .navigation-panel {
  position: sticky;
  top: 12.6rem;
  margin-top: -2.8rem;
  margin-bottom: 5rem;
}
@media (min-width: 768px) {
  .documentation-wrapper .navigation-panel {
    min-height: calc(100vh - 12.6rem);
    margin-bottom: 0;
    border-right: 1px solid #e2e8f0;
  }
  .documentation-wrapper .navigation-panel .nav-bar {
    max-height: calc(100vh + var(--header-height) - 13.6rem);
    overflow-y: auto;
  }
}
.documentation-wrapper .navigation-panel .search-bar {
  padding: 3.2rem 2.4rem;
  border-bottom: 1px solid #e2e8f0;
}
.documentation-wrapper .navigation-panel .search-bar .dh3 {
  font-family: "eudoxus-700";
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.44;
  color: #1e293b;
}
.documentation-wrapper .navigation-panel .search-bar .input-wrapper {
  display: flex;
  padding: 1rem 1.2rem;
  align-items: center;
  border: 1px solid #cbd5e1;
  border-radius: 12rem;
  margin-top: 1.6rem;
}
.documentation-wrapper .navigation-panel .search-bar .input-wrapper .form-control {
  border: none;
  background-color: transparent;
  color: #475569;
  flex-grow: 1;
  flex-shrink: 0;
  width: auto;
}
.documentation-wrapper .navigation-panel .search-bar .input-wrapper .form-control::-moz-placeholder {
  color: #475569;
}
.documentation-wrapper .navigation-panel .search-bar .input-wrapper .form-control::placeholder {
  color: #475569;
}
.documentation-wrapper .navigation-panel .search-bar .input-wrapper .submit-btn {
  border: none;
  background-color: transparent;
  flex-shrink: 0;
}
.documentation-wrapper .navigation-panel .search-bar .input-wrapper .submit-btn .search-icon {
  filter: invert(100%) invert(34%) sepia(10%) saturate(1210%) hue-rotate(174deg) brightness(91%) contrast(90%);
  width: 2rem;
  height: auto;
  aspect-ratio: 1/1;
}
.documentation-wrapper .navigation-panel .nav-bar {
  -webkit-mask-image: linear-gradient(to bottom, black 95%, transparent 100%);
  mask-image: linear-gradient(to bottom, black 95%, transparent 100%);
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.documentation-wrapper .navigation-panel .nav-bar .accordion {
  --bs-accordion-bg: transparent;
  --bs-accordion-border-color: transparent;
  --bs-accordion-btn-icon: url(../images/caretdown.svg);
  --bs-accordion-btn-icon-width: 1.5em;
  --bs-accordion-btn-icon-height: 1.5em;
}
.documentation-wrapper .navigation-panel .nav-bar .accordion .accordion-item {
  border-bottom: 1px solid #e2e8f0;
}
.documentation-wrapper .navigation-panel .nav-bar .accordion .accordion-item .accordion-header .accordion-button {
  font-family: "roboto-700";
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.25;
  color: #1e293b;
  padding: 2.4rem 0.8rem 2.4rem 2.4rem;
}
.documentation-wrapper .navigation-panel .nav-bar .accordion .accordion-item .accordion-body {
  padding: 0 2.4rem 2.4rem;
}
.documentation-wrapper .navigation-panel .nav-bar .accordion .accordion-item .accordion-body ul li {
  transition: all 0.4s ease;
  position: relative;
}
.documentation-wrapper .navigation-panel .nav-bar .accordion .accordion-item .accordion-body ul li:has(a:empty) {
	display: none;
}
.documentation-wrapper .navigation-panel .nav-bar .accordion .accordion-item .accordion-body ul li a {
  color: #475569;
  line-height: 1.25;
  padding: 1.2rem 0 1.2rem 1.6rem;
  transition: all 0.4s ease;
  display: block;
}
.documentation-wrapper .navigation-panel .nav-bar .accordion .accordion-item .accordion-body ul li::before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #94a3b8;
  position: absolute;
  left: 0;
  top: 0;
}
.documentation-wrapper .navigation-panel .nav-bar .accordion .accordion-item .accordion-body ul li::after {
  content: "";
  width: 2px;
  height: 0;
  background: var(--gradient);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.4s ease;
}
.documentation-wrapper .navigation-panel .nav-bar .accordion .accordion-item .accordion-body ul li.active {
  background-color: #f8fafc;
}
.documentation-wrapper .navigation-panel .nav-bar .accordion .accordion-item .accordion-body ul li.active::after {
  height: 100%;
}
.documentation-wrapper .navigation-panel .nav-bar .accordion .accordion-item .accordion-body ul li.active a {
  font-family: "roboto-500";
  font-weight: 500;
}
.documentation-wrapper .navigation-panel .nav-bar .accordion .accordion-item .accordion-body ul li:hover {
  background-color: #f8fafc;
}
.documentation-wrapper .navigation-panel .nav-bar::-webkit-scrollbar {
  display: none;
}
@media (max-width: 767.98px) {
  .documentation-wrapper .navigation-panel .nav-bar {
    display: none;
  }
}
.documentation-wrapper .content {
  padding-left: 4rem;
}
.documentation-wrapper .content:last-child {
  padding-bottom: 0;
}
.documentation-wrapper .content h1,
.documentation-wrapper .content h2,
.documentation-wrapper .content h3,
.documentation-wrapper .content h4,
.documentation-wrapper .content h5,
.documentation-wrapper .content h6 {
  color: #1e293b;
}
.documentation-wrapper [id] {
	scroll-margin-top: calc(-1 * var(--header-height) + 1rem);
}
.documentation-wrapper .content h2 {
  font-family: "eudoxus-700";
  font-weight: 700;
  font-size: 2.4rem;
}
.documentation-wrapper .content h3 {
  font-family: "roboto-600";
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.5;
}
.documentation-wrapper .content h4 {
  font-family: "roboto-700";
  font-weight: 700;
  font-size: 1.8rem;
}
.documentation-wrapper .content ul {
  color: #475569;
  margin: 2rem 0 3rem 5.4rem;
}
.documentation-wrapper .content ul li {
  line-height: 2.125;
  color: #475569;
}
.documentation-wrapper .content ul:last-child {
  margin-bottom: 0;
}
.documentation-wrapper .content .content-block {
  border-bottom: 1px solid #e2e8f0;
  padding: 3rem 0;
}
.documentation-wrapper .content p {
  color: #475569;
  margin-top: 1.6rem;
}
.documentation-wrapper .content .img-wrapper {
  margin: 2.6rem 0 0;
  position: relative;
  padding: 0 4.4rem 5.4rem 0;
}
.documentation-wrapper .content .img-wrapper img {
  width: 100%;
  height: auto;
  aspect-ratio: 2.11/1;
  border-radius: 3.2rem;
}
.documentation-wrapper .content .img-wrapper .stat-block {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 24%;
  max-width: 34%;
  height: auto;
  z-index: 2;
  background: var(--gradient);
  border-radius: 1.8rem;
}
.documentation-wrapper .content .img-wrapper .stat-block .inner {
  padding: 2.4rem 1.6rem 2.4rem;
}
.documentation-wrapper .content .img-wrapper .stat-block .stat-icon {
  position: absolute;
  top: 1rem;
  right: 1rem;
  filter: brightness(0) invert(1);
  width: 3rem;
  height: auto;
  aspect-ratio: 1/1;
}
.documentation-wrapper .content .img-wrapper .stat-block .counter {
  color: #fff;
  font-family: "eudoxus-700";
  font-weight: 700;
  font-size: 5rem;
  line-height: 1.3;
}
.documentation-wrapper .content .img-wrapper .stat-block p {
  font-size: 1.4rem;
  color: #fff;
  margin: 0;
}
@media (max-width: 991.98px) {
  .documentation-wrapper .content {
    padding-left: 2rem;
  }
  .documentation-wrapper .content .counter {
    font-size: 4rem;
  }
  .documentation-wrapper .content ul {
    margin-left: 3.2rem;
  }
}
@media (max-width: 767.98px) {
  .documentation-wrapper .content {
    padding-left: 0;
  }
}
@media (max-width: 575.98px) {
  .documentation-wrapper .content .img-wrapper .stat-block {
    max-width: 45%;
  }
  .documentation-wrapper .content .img-wrapper .stat-block .inner {
    padding: 1.6rem;
  }
  .documentation-wrapper .content .img-wrapper .stat-block .counter {
    font-size: 3rem;
  }
}

.gamefied-video-wrapper .video-slider {
  margin: 0 5.4rem;
}
.gamefied-video-wrapper .video-slider .slick-list {
  border-radius: 2.4rem;
  overflow: hidden;
}
.gamefied-video-wrapper .vid-wrapper {
  aspect-ratio: 16/9;
}
.gamefied-video-wrapper .vid-wrapper video,
.gamefied-video-wrapper .vid-wrapper iframe{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 767.98px) {
  .gamefied-video-wrapper .video-slider {
    margin: 0;
  }
}
.gamefied-video-wrapper .video-slider .slick-arrow {
  background: #111111;
  width: 5.4rem;
  height: 5.4rem;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  z-index: 4;
}
.gamefied-video-wrapper .video-slider .slick-arrow::before {
  content: "";
  background: url(../images/arrow-g.png);
  background-repeat: no-repeat;
  background-position: center;
  height: 2.4rem;
  width: 2.4rem;
  opacity: 1;
  display: inline-block;
}
.gamefied-video-wrapper .video-slider .slick-arrow.slick-prev {
  left: 0;
  transform: translate(-50%,-50%);
}
.gamefied-video-wrapper .video-slider .slick-arrow.slick-prev::before {
  transform: rotate(180deg);
}
.gamefied-video-wrapper .video-slider .slick-arrow.slick-next {
  right: 0;
  transform: translate(50%,-50%);
}
@media (max-width: 575.98px) {
  .gamefied-video-wrapper .video-slider .slick-arrow {
    width: 3.4rem;
    height: 3.4rem;
  }
  .gamefied-video-wrapper .video-slider .slick-arrow::before {
    height: 1.6rem;
    width: 1.6rem;
  }
  .gamefied-video-wrapper .video-slider .slick-arrow.slick-prev {
    left: 1.5rem;
  }
  .gamefied-video-wrapper .video-slider .slick-arrow.slick-next {
    right: 1.5rem;
  }
}

.importance-wrapper .content .gamefied-content-slider {
  padding: 0 5.6rem;
}
.importance-wrapper .content .gamefied-content-slider .counter {
  font-family: "outfit-600";
  font-weight: 600;
  font-size: 4.8rem;
  line-height: 1;
  margin-bottom: 2.4rem;
  color: #fff;
}
.importance-wrapper .content .gamefied-content-slider .slide-ttl {
  font-family: "eudoxus-700";
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1.45;
  margin-bottom: 1.2rem;
}
.importance-wrapper .content .gamefied-content-slider p {
  font-size: 1.8rem;
  line-height: 1;
  color: rgba(255, 255, 255, 0.8);
}
.importance-wrapper .content .gamefied-content-slider .slick-track {
  display: flex;
}
.importance-wrapper .content .gamefied-content-slider .slide-item {
  margin: 0 4.8rem;
  position: relative;
  padding-bottom: 2.4rem;
  height: auto !important;
}
.importance-wrapper .content .gamefied-content-slider .slide-item::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0.2rem;
  background: var(--gradient);
  transition: all 0.6s ease;
}
.importance-wrapper .content .gamefied-content-slider .slide-item.slick-current {
  transition: all 0.4s ease;
}
.importance-wrapper .content .gamefied-content-slider .slide-item.slick-current .counter {
  background: var(--gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.importance-wrapper .content .gamefied-content-slider .slide-item.slick-current::after {
  width: 100%;
}
.importance-wrapper .content .gamefied-content-slider .slick-arrow {
  background: #121c27;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 4;
}
.importance-wrapper .content .gamefied-content-slider .slick-arrow::before {
  content: "";
  background: url(../images/arrow-g.png);
  background-repeat: no-repeat;
  background-position: center;
  height: 44%;
  width: 44%;
  opacity: 1;
  display: inline-block;
}
.importance-wrapper .content .gamefied-content-slider .slick-arrow.slick-prev {
  left: 0;
  transform: translateX(-1.2rem);
}
.importance-wrapper .content .gamefied-content-slider .slick-arrow.slick-prev::before {
  transform: rotate(180deg);
}
.importance-wrapper .content .gamefied-content-slider .slick-arrow.slick-next {
  right: 0;
  transform: translateX(1.2rem);
}
@media (max-width: 575.98px) {
  .importance-wrapper .content .gamefied-content-slider .slick-arrow {
    width: 3.4rem;
    height: 3.4rem;
  }
}
@media (max-width: 424.98px) {
  .importance-wrapper .content .gamefied-content-slider {
    padding: 0 3.6rem;
  }
  .importance-wrapper .content .gamefied-content-slider .slide-item {
    margin: 0 2.4rem;
  }
}

.gamefied-explain-wrapper .content-container .content {
  padding: 4.8rem 0 0;
}
.gamefied-explain-wrapper .content-container .content .sub-ttl,
.gamefied-explain-wrapper .content-container .content p,
.gamefied-explain-wrapper .content-container .content li {
  color: #fff;
}
.gamefied-explain-wrapper .content-container .content a {
  /* --- Your original gradient text styles --- */
  background: var(--gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  /* --- New styles for gradient underline --- */
  /* 1. Turn off the default underline */
  text-decoration: none;
  /* 2. Set a border-bottom. The color is transparent */
  /* because border-image will replace it. */
  border-bottom: 1px solid transparent; /* 2px is the underline thickness */
  /* 3. Apply the gradient to the border */
  -o-border-image: var(--gradient);
     border-image: var(--gradient);
  /* 4. The '1' slices the image to use it all for the border */
  border-image-slice: 1;
}
.gamefied-explain-wrapper .content-container .content .sub-ttl {
  font-family: "eudoxus-700";
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.44;
  margin-bottom: 3.4rem;
}
.gamefied-explain-wrapper .content-container .content ul li {
  font-family: "eudoxus-700";
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.44;
  margin-bottom: 2.4rem;
}
.gamefied-explain-wrapper .content-container .content ul li:last-child {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .gamefied-explain-wrapper .content-container .content {
    padding: 4.8rem 0;
    padding-right: 2rem;
    min-height: 36rem;
  }
}
.gamefied-explain-wrapper .content-container .img-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  border-radius: 2.4rem;
  overflow: hidden;
}
.gamefied-explain-wrapper .content-container .img-wrapper img {
  height: 100%;
}
@media (max-width: 991.98px) {
  .gamefied-explain-wrapper .content-container .img-wrapper {
    position: static;
  }
  .gamefied-explain-wrapper .content-container .img-wrapper img {
    aspect-ratio: 1.78/1;
    height: auto;
    border-radius: inherit;
  }
}
@media (min-width: 992px) {
  .gamefied-explain-wrapper .content-container:nth-child(even) > .row > div[class^=col-]:nth-child(even) {
    order: -1;
  }
  .gamefied-explain-wrapper .content-container:nth-child(even) .content {
    padding-left: 2rem;
    padding-right: 0;
  }
}
@media (max-width: 991.98px) {
  .gamefied-explain-wrapper .content-container > .row > div[class^=col-]:nth-child(even) {
    order: -1;
  }
}

.impact-wrapper.importance-wrapper .content {
  position: relative;
  transform: none;
  margin: 0 10.4rem;
  border-radius: 2.4rem;
}
@media (max-width: 767.98px) {
  .impact-wrapper.importance-wrapper .content {
    margin: 0;
  }
}
.impact-wrapper.importance-wrapper .content .sec-ttl h2 {
  font-size: 2.4rem;
}
.impact-wrapper.importance-wrapper .content .sub-ttl {
  font-family: "eudoxus-700";
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.44;
}
.impact-wrapper.importance-wrapper .content .icon-wrapper {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 15%;
  aspect-ratio: 1/1;
  height: auto;
}
.impact-wrapper.importance-wrapper .content .icon-wrapper img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.org-icons-wrapper .icons-wrapper {
  position: relative;
  padding: 2.4rem 3.8rem;
  --gap: 3.6rem;
  gap: var(--gap);
  border-radius: 1rem;
  background: var(--gradient);
  z-index: 2;
}
.org-icons-wrapper .icons-wrapper .icon-wrapper {
  width: calc((100% - 5 * var(--gap)) / 6);
  aspect-ratio: 1/1;
  height: auto;
  border-radius: 50%;
  background-color: #fff;
  padding: 2.4rem;
}
.org-icons-wrapper .icons-wrapper .icon-wrapper img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.org-icons-wrapper .icons-wrapper::before {
  content: "";
  position: absolute;
  left: 1px;
  right: 1px;
  top: 1px;
  bottom: 1px;
  border-radius: inherit;
  background: #101923;
  z-index: -1;
}
@media (max-width: 767.98px) {
  .org-icons-wrapper .icons-wrapper img {
    width: calc((100% - 2 * var(--gap)) / 3);
  }
}
@media (max-width: 575.98px) {
  .org-icons-wrapper .icons-wrapper {
    --gap: 1.6rem;
  }
}

.home-testimonials-wrapper.gamefied-testimonials-wrapper .side-img {
  mix-blend-mode: luminosity;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.home-testimonials-wrapper.gamefied-testimonials-wrapper .side-img img {
  height: 100%;
}
.home-testimonials-wrapper.gamefied-testimonials-wrapper .testimonials-main {
  max-width: 100%;
  background-color: #111111;
}
@media (min-width: 992px) {
  .home-testimonials-wrapper.gamefied-testimonials-wrapper .testimonials-main {
    margin-left: -0.75rem;
    padding-left: 3.2rem;
  }
}

.home-testimonials-wrapper.bg-primary-dark .testimonials-main .top .mega-ttl h2 {
  color: #fff;
}
.home-testimonials-wrapper.bg-primary-dark .testimonials-main p {
  color: #fff;
}
.home-testimonials-wrapper.bg-primary-dark .testimonials-main .testimonial-slider .testi-item .testi-desc p {
  color: #fff;
}
.home-testimonials-wrapper.bg-primary-dark .testimonials-main .testimonial-slider .testi-item .author .author-info h5 {
  color: #fff;
}
.home-testimonials-wrapper.bg-primary-dark .testimonials-main .testimonial-slider .testi-item .author .author-info .author-position p {
  color: #fff;
}
.home-testimonials-wrapper.bg-primary-dark .testimonials-main .testimonial-slider .testi-item .author .author-info .ratings img {
  filter: brightness(0) invert(1);
}
.home-testimonials-wrapper.bg-primary-dark .bg-img {
	mix-blend-mode: color-burn;
}
.home-testimonials-wrapper.bg-primary-dark.bg-111 {
	background-color: #111111;
}
.home-testimonials-wrapper.bg-primary-dark .testimonials-main .top .quote-img {
	filter: brightness(0) invert(1);
}

.vr-slider-wrapper .vid-slide-wrapper video {
  width: 100%;
  height: 100%;
}


.gamefied-explain-wrapper.light-sec .content-container .content .sub-ttl,
.gamefied-explain-wrapper.light-sec .content-container .content p,
.gamefied-explain-wrapper.light-sec .content-container .content li {
  color: #000000;
}

@media (min-width: 992px) {
  .sec-ttl h2.mid-ttl {
    font-size: 3rem;
  }
}

.drone-card-wrapper {
  overflow: hidden;
}
.drone-card-wrapper .drone-card {
  padding: 6rem 15rem 6rem 10rem;
  background-color: #f6f7f9;
  border-radius: 2.4rem;
  position: relative;
  overflow: hidden;
}
.drone-card-wrapper .drone-card ul {
  margin: 2.4rem 0 3.6rem 3.6rem;
}
.drone-card-wrapper .drone-card ul li {
  font-family: "eudoxus-700";
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.44;
}
.drone-card-wrapper .drone-card::after {
  content: "";
  position: absolute;
  width: 17rem;
  height: auto;
  aspect-ratio: 1.0833/1;
  background-color: rgba(236, 187, 85, 0.2);
  border-radius: 50%;
  right: 0;
  top: 0;
  transform: translate(26.63%, -16.67%);
}
.drone-card-wrapper .drone-img-wrapper {
  position: absolute;
  width: 27%;
  min-width: 16rem;
  aspect-ratio: 1/1;
  height: auto;
  right: 0;
  bottom: 0;
  transform: translate(21.62%, 20%);
}
.drone-card-wrapper .drone-img-wrapper img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 767.98px) {
  .drone-card-wrapper .drone-card {
    padding: 6rem 4rem;
  }
}
@media (max-width: 424.98px) {
  .drone-card-wrapper .drone-card {
    padding: 6rem 2.4rem;
  }
  .drone-card-wrapper .drone-card ul {
    margin-left: 0;
  }
}

.gamefied-explain-wrapper .sms-image-slider .slick-list,
.gamefied-explain-wrapper .sms-image-slider .slick-track,
.gamefied-explain-wrapper .sms-image-slider .slick-slide {
  height: 100%;
}

.campaign-breadcrumb-wrapper {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.77));
  padding: 10rem 0 3rem;
  pointer-events: auto;
  z-index: 4;
}
.campaign-breadcrumb-wrapper .breadcrumb {
  color: #ffffff;
  line-height: 2.6rem;
}

body.visible-sides section {
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
}
.title-wrapper.learning-outcomes-wrapper .cards-wrapper {
	position: static;
	transform: none;
	margin-top: 7.6rem;
}
.title-wrapper.learning-outcomes-wrapper .title-box {
	margin-top: 2rem;
}

body.page-template-thank-you .title-wrapper .header-setter {
	background: transparent;
}

.trainings-cat-tab {
	margin-bottom: 4rem !important;
}
.trainings-tab {
  justify-content: center;
  background-color: #fff;
  margin: 4rem auto;
  width: -moz-fit-content;
  width: fit-content;
}
.trainings-tab .nav-item .nav-link {
  padding: 1.6rem;
  font-family: "roboto-500";
  font-weight: 500;
  color: rgba(60, 60, 67, 0.6);
  border: none;
  position: relative;
  transition: all 0.4s ease;
}
.trainings-tab .nav-item .nav-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 2px;
  width: 0%;
  background: var(--gradient);
  transition: inherit;
}
.trainings-tab .nav-item .nav-link.active {
  background: var(--gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.trainings-tab .nav-item .nav-link.active::after {
  width: 100%;
}


.course-wrapper .course-overview {
  padding-left: 6rem;
  border-radius: 1rem;
}
.course-wrapper .course-overview .img-wrapper {
  position: relative;
  height: 100%;
}
.course-wrapper .course-overview .img-wrapper img {
  position: absolute;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.course-wrapper .course-overview .content {
  padding-left: 4.6rem;
}
.course-wrapper .course-contents .content-wrapper {
  background-color: #fff;
  padding: 2.4rem;
}
.course-wrapper .course-contents .content-wrapper h3,
.course-wrapper .course-contents .content-wrapper h4,
.course-wrapper .course-contents .content-wrapper p {
  color: #222222;
  border-bottom: 1px solid #f5f5f5;
}
.course-wrapper .course-contents .content-wrapper p {
  padding: 1.8rem 0.8rem;
}
.course-wrapper .course-contents .content-wrapper h3 {
  background-color: #f5f5f5;
  font-size: 1.8rem;
  font-family: "roboto-500";
  font-weight: 500;
  line-height: 1.44;
  padding: 1.8rem 2.4rem;
}
.course-wrapper .course-contents .content-wrapper h4 {
  background-color: #fcfcfc;
  font-size: 1.7rem;
  padding: 1.8rem 2.4rem;
}
.course-wrapper .course-contents .link-wrapper {
  margin-top: 2.4rem;
}
.course-wrapper .course-contents .link-wrapper p,
.course-wrapper .course-contents .link-wrapper a {
  font-family: "eudoxus-500";
  font-weight: 500;
  font-size: 2.2rem;
  line-height: 1.18;
}
.course-wrapper .course-contents .link-wrapper p {
  color: #000;
  display: inline;
}
.course-wrapper .course-contents .link-wrapper a {
  position: relative;
  background: var(--gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.course-wrapper .course-contents .link-wrapper a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.1rem;
  background: var(--gradient);
  bottom: 0;
  left: 0;
}

.img-with-txt-wrapper .img-with-txt .img-wrapper {
  aspect-ratio: 1.36/1;
  width: 100%;
  height: auto;
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.img-with-txt-wrapper .img-with-txt .img-wrapper img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  border-radius: 2.4rem;
}
.img-with-txt-wrapper .img-with-txt .txt-content ul li strong {
  font-size: 1.8rem;
  font-family: "eudoxus-700";
}
@media (min-width: 992px) {
  .img-with-txt-wrapper .img-with-txt:nth-child(odd) .txt-content {
    padding-right: 4rem;
  }
  .img-with-txt-wrapper .img-with-txt:nth-child(even) > .row > [class*=col-]:nth-child(even) {
    order: -1;
  }
  .img-with-txt-wrapper .img-with-txt:nth-child(even) .txt-content {
    padding-left: 4rem;
  }
}
@media (max-width: 991.98px) {
  .img-with-txt-wrapper .img-with-txt > .row > [class*=col-]:nth-child(even) {
    order: -1;
  }
  .img-with-txt-wrapper .img-with-txt .txt-content {
    padding-top: 4rem;
  }
}

.trainings-info-tab-wrapper ul li {
	font-size: 1.8rem;
	font-family: "roboto-500";
	font-weight: 500;
}
.trainings-info-tab-wrapper img {
	aspect-ratio: 5/3;
	object-fit: contain;
}
@media (max-width: 767.98px) {
	.trainings-info-tab-wrapper .tab-content .tab-pane > .row {
		flex-direction: column-reverse;
	}
	.trainings-info-tab-wrapper img {
		margin-bottom: 3rem;
	}
}

.training-schedule-wrapper .table> :not(caption)>*>* {
	padding: 1rem;
}
.training-schedule-wrapper .accordion .accordion-item .accordion-header .accordion-button {
	font-size: 2rem;
	color: #121c27;
	font-family: "eudoxus-700";
	font-weight: 700;
}
.training-schedule-wrapper .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
	background: #f5f5f5;
	color: #000;
	-webkit-background-clip: unset;
	-webkit-text-fill-color: unset;
}
.training-schedule-wrapper .accordion .accordion-item {
	background-color: #fff;
}
.training-schedule-wrapper .table {
	--bs-table-color: #121c27;
	font-size: 1.7rem;
}
.training-schedule-wrapper .table thead {
	font-size: 1.8rem;
	--bs-table-bg: #f5f5f5;
	font-family: "roboto-700";
	font-weight: 700;
}
.bg-primary-dark .sec-ttl h2,
.bg-primary-dark .sec-ttl p,
.bg-111 .sec-ttl h2,
.bg-111 .sec-ttl p,
.custom-bg-dark .sec-ttl h2,
.custom-bg-dark .sec-ttl p{
	color: #fff;
}

/* 1. The Shimmer Animation Keyframes */
@keyframes shimmer {
    0% { background-position: -1000px 0; }
    100% { background-position: 1000px 0; }
}

.is-loading [class*="col-"]:not(.pagination) div,
.anim-container.is-loading .anim-item .case-item {
    background: #f6f7f8;
    background: linear-gradient(90deg, #ffffff 25%, #e0e0e0 50%, #ffffff 75%);
    background-size: 1000px 100%;
    animation: shimmer 2s infinite linear;
    pointer-events: none;
    border-color: transparent;
    
    /* Ensure the background covers the whole box */
    position: relative; 
    z-index: 1;
}

/* Hide the content inside */
.is-loading [class*="col-"]:not(.pagination-nav) div *,
.anim-container.is-loading .anim-item .case-item * {
    opacity: 0;
}

.is-loading.loading-more [class*="col-"]:not(.pagination) div,
.anim-container.is-loading.loading-more .anim-item .case-item {
	pointer-events: auto;
}
.is-loading.loading-more [class*="col-"]:not(.pagination-nav) div *,
.anim-container.is-loading.loading-more .anim-item .case-item * {
    opacity: 1;
}

.title-wrapper .stamp-wrapper {
	width: 33%;
	margin-top: calc(-1 * var(--header-height));
	display: flex;
	align-items: center;
	justify-content: center;
}

.title-wrapper .stamp-wrapper img {
	transform: rotate(-6.58deg);
	width: 75%;
	height: auto;
	aspect-ratio: 1/1;
}

.title-wrapper .title-box .stamp-ttl {
	font-family: "eudoxus-700";
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.44;
	color: #fff;
	margin-bottom: 3rem;
}

@media (max-width:991.98px) {
	.title-wrapper .stamp-wrapper {
		width: 30rem;
		max-width: 50%;
		margin-top: 0;
		position: absolute;
		right: 0;
		bottom: 4rem;
	}
}

@media (max-width:424.98px) {
	.title-wrapper .stamp-wrapper {
		bottom: 8rem;
	}
}

.gvt-course-intro-wrapper .img-wrapper img {
	width: 100%;
	height: auto;
	aspect-ratio: 1.187867/1;
	border-radius: 2.4rem;
}

.gvt-course-intro-wrapper .check-list li::before {
	width: 2.4rem;
	height: 2.4rem;
	margin-right: 1.2rem;
}

.gvt-course-intro-wrapper .check-list li p strong {
	font-family: "roboto-700";
	font-weight: 700;
	color: #455780;
}

.checkbox-dropdown {
	position: relative;
}
.checkbox-dropdown .dropdown-btn {
	text-align: start;
}
.checkbox-dropdown .dropdown-menu {
	font-size: 1.4rem;
	width: calc(100% - 2rem) !important;
	max-height: 30rem;
	overflow-y: auto;
}
.checkbox-dropdown .dropdown-menu .wpcf7-list-item {
	width: calc(100% - 20px);
}
.checkbox-dropdown .dropdown-menu {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.checkbox-dropdown .dropdown-menu::-webkit-scrollbar {
    display: none;
}
.search-results-list a {
	font-size: 1.8rem;
	color: #455780;
}
.search-results-list a:hover {
	color: #121c27;
}
.sitemap-wrapper .grid-wrapper {
	overflow-x: auto;
	transform: rotatex(180deg);
	padding: 0 0.75rem 8rem;
	margin-top: -8.8rem;
}
.sitemap-wrapper .grid-wrapper .sitemap-grid {
	transform: rotatex(180deg);
}
.sitemap-wrapper .grid-wrapper::-webkit-scrollbar {
  height: 6px;
}
.sitemap-wrapper .grid-wrapper::-webkit-scrollbar-track {
  background: #d3d5d6;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  background-clip: padding-box;
}

.sitemap-wrapper .grid-wrapper::-webkit-scrollbar-thumb {
  background-color: rgba(18, 28, 39, 0.8);
  border-radius: 9.4rem;
}

.sitemap-wrapper .grid-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: rgba(18, 28, 39, 0.8);
}

@media (min-width:992px) {
	.single-customize_on_site_tr .hero-slider-wrapper .row > .col-12:nth-child(2) {
		max-width: calc(var(--container-width)/2);
	}
	.single-customize_on_site_tr .hero-slider-wrapper .row > .col-12:nth-child(2) > div {
		padding-top: 4rem;
		padding-bottom: 6rem;
		padding-left: 2rem;
	}
	.page-template-training_category .hero-slider-wrapper .hero-slider {
		padding: 4rem 0 6rem 2rem;
		max-width: calc(var(--container-width)/2);
	}
}
@media (max-width:991.98px) {
	.page-template-training_category .hero-slider-wrapper .hero-slider,
	.single-customize_on_site_tr .hero-slider-wrapper .row > .col-12:nth-child(2) {
		max-width: calc(var(--container-width));
		margin-left: auto;
		margin-right: auto;
	}
}
.single-customize_on_site_tr .hero-slider-wrapper .row > .col-12:nth-child(2) img,
.page-template-training_category .hero-slider-wrapper .hero-slider {
	aspect-ratio: 1.9/1;
}
.sticky-no-space-wrapper,
.sticky-no-space-wrapper-anim {
	height: calc(var(--upper-sec-height) + var(--main-sec-height) * var(--tab-count) + var(--lower-sec-height));
}

.sticky-tab-wrapper {
	position: sticky;
	top: calc((100vh - var(--main-sec-height) + var(--n-header-height))/2 - var(--upper-sec-height));
}
.sticky-no-space-wrapper-anim .sticky-tab-wrapper {
	top: calc(-1*var(--upper-sec-height));
}
@media (max-width:991.98px) {
	.sticky-no-space-wrapper-anim {
		height: calc(var(--upper-sec-height) + (var(--main-sec-height) - var(--video-height)) * var(--tab-count) + var(--lower-sec-height));
	}
}
.refername-row,
.referemail-row {
	display: flex;
	flex-direction: column;
	position: relative;
	height: fit-content;
}
.refername-row .refername-add,
.referemail-row .referemail-add {
	margin-left: auto;
	padding: 0.16rem 0.8rem;
	display: inline-block;
	border: 1px solid #d3d5d6;
	border-radius: 50%;
	position: absolute;
	bottom: 1.05rem;
	right: 2rem;
}
.refer-block {
	position: relative;
}
.refer-add {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	font-size: 0;
	padding: 0;
	height: 4rem;
	aspect-ratio: 1/1;
	margin-top: 0.8rem;
	background: url(../images/refer-plus.svg) no-repeat center / contain;
}
.refer-remove {
	position: absolute;
    height: 100%;
    right: calc(var(--bs-gutter-x) * 0.5);
    top: 0;
    width: auto;
    aspect-ratio: 1 / 1;
	background: url(../images/refer-minus.svg) no-repeat center / 2.4rem;
    font-size: 0;
}

@media (max-width:767.98px) {
	footer .insight form {
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media (min-width:1500px) {
	#jobModal .modal-container {
		max-width: 1440px;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}
.iot-hero-wrapper.software-detail .vid-wrapper .bg-embed-vid iframe {
	width: 100%;
	height: auto;
	aspect-ratio: 16/9;
}
.iot-hero-wrapper.software-detail .bg-img-slider {
	width: 100%;
	height: auto;
	aspect-ratio: 1.42/1;
}
.iot-hero-wrapper.software-detail .bg-img-slider * {
	width: 100%;
	height: 100%;
}
.title-wrapper.ints .img-wrapper img {
	max-height: calc(100vh - var(--n-header-height) - 4rem);
}
[data-name="ehs_training_title"] .wpcf7-not-valid-tip {
    display: none !important;
}
.dummy-card {
	height: 10rem;
	width: 10rem;
}
.js-dummy-item .dummy-card {
	width: 100%;
	height: auto;
	aspect-ratio: 1/1.386;
}
.anim-item.js-dummy-item .case-item {
	width: 100%;
	height: auto;
	aspect-ratio: 1/1.301;
}