@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
/* Option 2: Import via CSS */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css");

.canvas-smokes {
  height: 100%;
  width: 100%;
  position: fixed;
  bottom: auto;
  left: 0;
  right: auto;
  top: 0;
  opacity: 1;
  z-index: -1;
}

[ym-card=blue] {
  border: 1px solid blue;
  transition: all 0.3s ease;
}

[ym-card=orange] {
  border: 1px solid #ff6b00;
  transition: all 0.3s ease;
}

[ym-card=pink] {
  border: 1px solid #ed52cb;
  transition: all 0.3s ease;
}

[ym-card=green] {
  border: 1px solid #00d722;
  transition: all 0.3s ease;
}

[ym-card=red] {
  border: 1px solid #ee1d36;
  transition: all 0.3s ease;
}

[pixel-effect-image] {
  position: relative;
  overflow: hidden;
}
html {
  scroll-behavior: smooth;
}

.offcanvas-body {
  padding: 0;
}

.JustMobile {
  display: none;
}

.fixed {
  display: flex;
  padding: 0;
  overflow: auto;
  position: fixed;
  top: 0;
  background-color: #000000;
  left: 0;
  z-index: 9999;
  transition: all 0.5s;
}

.NoneSticky {
  position: relative !important;
  top: 0 !important;
}

audio,
canvas,
progress,
video {
  vertical-align: baseline;
  display: inline-block;
}

.height_Contact {
  height: 100vh;
}

.btn:focus {
  box-shadow: none !important;
}

#listMenu {
  visibility: hidden;
  transition: all 0.5s ease;
  opacity: 0;
}

#listMenu.show {
  visibility: visible;
  opacity: 1;
}

.pad-r0 {
  padding-right: 0;
}

.z-Ind0 {
  z-index: 99;
  position: relative;
}

.bg_incym {
  background: linear-gradient(102.83deg, #670dfc 33.74%, #3960e9 78.18%);
  border-radius: 0 0 16px 16px;
  max-width: 100%;
  position: relative;
  right: 0.75rem;
}

.ham {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 400ms;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.hamRotate.active {
  transform: rotate(45deg);
}

.hamRotate180.active {
  transform: rotate(180deg);
}

.line {
  fill: none;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke: #fff;
  stroke-width: 3.5;
  stroke-linecap: round;
}

.ham2 .top {
  stroke-dasharray: 40 121;
}

.ham2 .bottom {
  stroke-dasharray: 40 121;
}

.ham2.active .top {
  stroke-dashoffset: -102px;
}

.ham2.active .bottom {
  stroke-dashoffset: -102px;
}

[pixel-effect-image] {
  position: relative;
  overflow: hidden;
}

.canvas-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.PlaceHolder {
  height: 100vh;
}

.dflex_ym {
  display: flex;
  align-items: center;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
li,
a {
  font-family: "Poppins", sans-serif ;
  margin: 0;
  outline: none;
}

p,
span,
li,
a {
  font-size: 18px;
  margin: 0;
  letter-spacing: 1px;
}

.AnotherBtn {
  background-color: #085791;
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 35px;
  text-decoration: none;
  font-size: 30px;
  font-weight: 600;
  display: flex;
  padding: 0.5rem 3rem;
  text-align: center;
}
.AnotherBtn i {
  visibility: hidden;
  transition: all 0.3s ease;
  opacity: 0;
  position: relative;
  top: -3px;
  right: 0; /* Değişiklik burada */
  display: none;
}
.AnotherBtn:hover {
  background-color: #053a61;
  color: white;
}
.AnotherBtn:hover i {
  visibility: visible;
  opacity: 1;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: auto !important;
  }
}
.ListHero {
  height: 80vh;
  justify-content: center;
  align-items: center;
  display: flex;
  position: sticky !important;
  top: 0;
}

header {
  padding: 20px 0;
  z-index: 999;
}
header .HeadMenu {
  display: flex;
  align-items: center;
  justify-content: end;
}
header .HeadMenu #listMenu {
  display: flex;
  list-style: none;
  justify-content: end;
  margin-bottom: 0;
}
header .HeadMenu #listMenu .subMenuLi {
  position: relative;
}
header .HeadMenu #listMenu .subMenuLi::after {
  font-family: FontAwesome;
  content: "\f0ab";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  font-weight: 900;
}
header .HeadMenu #listMenu li {
  margin: 0 10px;
  transition: all 0.3s ease;
  position: relative;
}
header .HeadMenu #listMenu li a {
  text-decoration: none;
  color: white;
  font-size: 16px;
  font-weight: 700;
  position: relative;
}
header .HeadMenu #listMenu li a:hover {
  color: #fff;
}
header .HeadMenu #listMenu li a:hover::before {
  background: linear-gradient(102.83deg, #670dfc 33.74%, #3960e9 78.18%);
  width: 100%;
  transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}
header .HeadMenu #listMenu li a:hover::after {
  background: transparent;
  width: 100%;
  transition: 0s;
}
header .HeadMenu #listMenu li a::before, header .HeadMenu #listMenu li a::after {
  content: "";
  position: absolute;
  width: 0%;
  height: 3px;
  bottom: -2px;
  background: linear-gradient(102.83deg, #670dfc 33.74%, #3960e9 78.18%);
}
header .HeadMenu #listMenu li a::before {
  left: 0;
}
header .HeadMenu #listMenu li a::after {
  right: 0;
  background: linear-gradient(102.83deg, #670dfc 33.74%, #3960e9 78.18%);
  transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
}
header .HeadMenu #listMenu li .menu-link {
  transition: all 0.3s ease;
}
header .HeadMenu #listMenu li .sub-menu {
  transition: all 0.7s ease;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  width: 780px;
  max-width: 900px;
  transform: translate(150%);
  z-index: 99;
  background: rgba(60, 60, 60, 0.65);
  -webkit-backdrop-filter: blur(101px);
  backdrop-filter: blur(101px);
  border-radius: 16px;
}
header .HeadMenu #listMenu li .sub-menu .sub-menu-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
header .HeadMenu #listMenu li .sub-menu .sub-menu-list li {
  padding: 12px 0;
  margin: 0;
}
header .HeadMenu #listMenu li .sub-menu .sub-menu-list li a {
  text-decoration: none;
  color: white;
  font-size: 14px;
  font-weight: 500;
}
header .HeadMenu #listMenu li .sub-menu .sub-menu-list .menu-column-header {
  font-size: 16px;
  font-weight: 500;
  border-bottom: 3px solid rgba(255, 255, 255, 0.231372549);
}
header .HeadMenu #listMenu li .sub-menu .AllServicesSub {
  display: flex;
  flex-direction: column;
  padding-bottom: 10px;
  position: relative;
}
header .HeadMenu #listMenu li .sub-menu .AllServicesSub .AllserviceHead {
  font-size: 20px;
  font-weight: 700;
  padding: 10px 0;
}
header .HeadMenu #listMenu li .sub-menu .AllServicesSub .AllServiceText {
  font-size: 14px;
}
header .HeadMenu #listMenu li .sub-menu .AllServicesSub .shortArrow {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 20px;
  font-weight: 800;
  border: 1px solid white;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
header .HeadMenu #listMenu li .sub-menu .AllServicesSub .shortArrow i::before {
  display: flex;
  align-items: center;
  justify-content: center;
}
header .HeadMenu #listMenu li .sub-menu .AllServicesSub .shortArrow:hover {
  border-color: black;
  background-color: black;
}
header .HeadMenu #listMenu li .sub-menu .AllServicesSub .shortArrow:hover i {
  color: white;
}
header .HeadMenu #listMenu li:hover .sub-menu {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%);
}

.btn {
  margin: 20px auto;
  border: none;
  padding: 10px 44px;
  font-size: 36px;
  position: relative;
}
.btn::before {
  transition: all 0.85s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  content: "";
  width: 50%;
  height: 100%;
  background: black;
  position: absolute;
  top: 0;
  left: 0;
}
.btn .btn-text {
  color: white;
  mix-blend-mode: difference;
}
.btn:hover::before {
  background: black;
  width: 100%;
}
.btn.rounded {
  border-radius: 50px;
}
.btn.rounded .text-green {
  color: #00f0b5;
  mix-blend-mode: difference;
  font-size: 30px;
  font-weight: 700;
}
.btn.rounded::before {
  border-radius: 50px;
  width: 35%;
  background: #e1e2e4;
}
.btn.rounded:hover::before {
  background: #ff4405;
  width: 100%;
}

.btnOnhov {
  margin: inherit;
}
.btnOnhov::before {
  background: #00f0b5 !important;
  width: 100%;
}
.btnOnhov.rounded {
  border-radius: 50px;
}
.btnOnhov.rounded::before {
  width: 100%;
}

body {
  background-color: #0a0b0c;
  color: #fff;
  overscroll-behavior: none !important;
  overflow-x: hidden;
}

.custom-cursor {
  width: 20px;
  height: 20px;
  border-color: red;
  border: 3px solid;
  border-radius: 50%;
  position: absolute;
  pointer-events: none; /* Bu öğenin etkileşimi önlemesini sağlar */
}

.MainBtn {
  background-color: #aedcfe;
  color: #0a0b0c;
  border: none;
  padding: 10px 20px;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 35px;
  text-decoration: none;
  font-size: 22px;
  font-weight: 600;
}
.MainBtn:hover {
  background-color: #053a61;
  color: white;
}

.MainText {
  display: grid;
  grid-template-columns: 1fr;
  place-items: center;
}
.MainText h1 {
  opacity: 1;
  -webkit-background-clip: text;
  background-clip: text;
  margin-right: 0;
  line-height: 70px;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#fff 75%, transparent);
  font-size: 70px;
  margin: 0px 6rem;
  text-align: center;
  font-weight: 800;
  letter-spacing: 3px;
}
.MainText p {
  padding-top: 35px;
  margin: 0 25rem;
  text-align: center;
}

.hero {
  margin-top: 50px;
  position: relative;
}
.hero::before {
  top: 0%;
  left: 35%;
  width: 480px;
  height: 480px;
  background: #08213d;
  z-index: -1;
  content: "";
  position: absolute;
  filter: blur(100px);
  border-radius: 100em;
}
.hero .VideoArea {
  margin: 30px 0;
  position: relative;
  overflow: hidden;
}
.hero .VideoArea .ymVideo {
  transform: scale(1.0444, 1.0444);
  -webkit-clip-path: inset(8.88889% 20%);
          clip-path: inset(8.88889% 20%);
}
.hero .VideoArea .ImageAbsol {
  position: absolute;
  top: 0;
  transform: scale(1.0444, 1.0444);
  -webkit-clip-path: inset(7% 19%);
          clip-path: inset(7% 19%);
}
.hero .VideoArea .ImageAbsol img {
  image-rendering: pixelated;
}
.hero .mainIcons {
  display: flex;
  align-items: start;
  justify-content: start;
  gap: 10px;
  flex-direction: column;
  border-top: 1px solid #fff;
  padding-top: 20px;
  margin-right: 30px;
}
.hero .mainIcons .TopArea {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
}
.hero .mainIcons .TopArea i {
  position: relative;
  top: -4px;
}
.hero .mainIcons .TopArea span {
  font-size: 18px;
  font-weight: 700;
}
.hero .mainIcons .BodyFooterCard p {
  font-size: 16px;
  padding-right: 35px;
  text-align: justify;
}

.detailHero {
  margin-top: 15px;
}

.logosArea {
  margin: 0px 0;
  overflow: hidden;
  margin-bottom: 0px;
}
.logosArea .LogosRow {
  display: flex;
  gap: 100px;
  margin: 5px 0;
}
.logosArea .LogosRow img {
  width: 100%;
  max-width: 150px;
}
.logosArea .SecondMainText {
  margin-top: 120px;
  margin-bottom: 120px;
}

.detailLogos {
  margin-top: 100px;
}

.listLogos {
  margin-top: 30px;
  position: relative;
  background: #092039;
}

.Paragraph_Image {
  margin-top: 0rem;
  padding-top: 3rem;
  padding-bottom: 10rem;
}
.Paragraph_Image .row {
  height: 100vh;
}
.Paragraph_Image .relative {
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  display: flex;
}
.Paragraph_Image .SecondParag2,
.Paragraph_Image .SecondParag4,
.Paragraph_Image .SecondParag6,
.Paragraph_Image .SecondParag8 {
  align-items: end !important;
}
.Paragraph_Image .Paragraph {
  color: black;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  position: relative;
}
.Paragraph_Image .Paragraph h2 {
  color: black;
  font-size: 40px;
  font-weight: 700;
  width: 80%;
  margin-bottom: 10px;
}
.Paragraph_Image .Paragraph p {
  width: 80%;
}
.Paragraph_Image .Blocked_img {
  display: flex;
  align-items: center;
  justify-content: center;
  top: 10px;
  justify-content: center;
  position: sticky;
}
.Slogans_area {
  background: #e8feae;
  padding: 0.3rem 0;
  margin-top: 5rem;
  margin-bottom: 0rem;
}
.Slogans_area .Slogans_list {
  display: flex;
  gap: 4%;
  list-style: none;
  margin: 0;
  align-items: center;
  justify-content: center;
}
.Slogans_area .Slogans_list .Slogans_list_item {
  position: relative;
  color: #000;
  font-weight: 700;
}
.Slogans_area .Slogans_list .Slogans_list_item::before {
  content: "";
  position: absolute;
  left: -40px;
  top: 1px;
  width: 22px;
  height: 22px;
  background-image: url(https://seoagency.ist/sanalyonetmen/assets/images/premium.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.HighSeo {
  margin: 100px 0;
}
.HighSeo .MainText {
  place-items: start;
}
.HighSeo .MainText h1 {
  font-size: 70px;
  text-align: left;
  font-weight: 800;
  letter-spacing: 3px;
  margin: 0px 0rem;
}
.HighSeo .MainText p {
  padding-top: 35px;
  margin: 0 0;
  text-align: left;
}
.HighSeo .mt-5_ym {
  margin-top: 5rem !important;
}
.HighSeo .mt-5_ym .content {
  box-shadow: 0px 0px 14px -4px rgba(0, 0, 0, 0.5);
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  padding: 25px 15px 25px 20px;
  background-color: rgba(255, 255, 255, 0.0784313725);
  border-radius: 10px;
}
.HighSeo .mt-5_ym .content img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}
.HighSeo .mt-5_ym .content h3 {
  margin-top: 1rem;
  font-weight: 700;
  font-size: 22px;
}
.HighSeo .mt-5_ym .content p {
  text-align: justify;
  padding-right: 35px;
  font-size: 16px;
  margin-top: 1rem;
}
.HighSeo .MainWrapper {
  padding: 1rem 15px;
  margin: 2rem 0;
  background-color: white;
  border-radius: 5px;
}
.HighSeo .MainWrapper .Heading {
  display: flex;
}
.HighSeo .MainWrapper .Heading .Text_ym {
  color: black;
  width: 80%;
  text-align: justify;
}
.HighSeo .MainWrapper .Heading .Text_ym h4 {
  margin: 1rem 0;
  font-weight: 600;
  font-size: 20px;
}
.HighSeo .MainWrapper .Heading .Text_ym p {
  font-size: 16px;
}
.HighSeo .MainWrapper .Heading .Buttons {
  display: flex;
  align-items: center;
  width: 20%;
  justify-content: end;
  position: relative;
  top: 1rem;
  right: 2rem;
}
.HighSeo .MainWrapper .Heading .Buttons a {
  text-decoration: none;
  color: black;
  font-weight: 600;
  font-size: 15px;
}
.HighSeo .MainWrapper .Heading .Buttons a i {
  position: relative;
  bottom: 0.2rem;
}

.ServicesArea {
  position: relative;
  margin-top: 2rem;
  padding: 3rem;
  margin: 0 2rem;
  border-radius: 15px;
}
.ServicesArea .ListenItem {
  position: sticky;
  top: 50px;
}
.ServicesArea .ListenItem ul {
  list-style: none;
}
.ServicesArea .ListenItem ul li {
  list-style: none;
  margin: 10px 0px;
  padding: 7px 5px;
  margin-right: 15px;
}
.ServicesArea .ListenItem ul li a {
  text-decoration: none;
  color: white;
  font-size: 16px;
  font-weight: 500;
}
.ServicesArea .ListenItem ul .activeList {
  background-color: #fff;
  color: #0a0b0c;
  border-radius: 5px;
  position: relative;
  left: -1.5rem;
  transition: all 0.3s ease;
  opacity: 0.89;
  position: relative;
}
.ServicesArea .ListenItem ul .activeList ::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 10px;
}
.ServicesArea .ListenItem ul .activeList a {
  color: #0a0b0c;
  font-weight: 700;
}
.ServicesArea .ContentArea {
  display: flex;
  justify-content: end;
  margin: 2rem 0;
  background-color: rgba(255, 255, 255, 0.0509803922);
  padding-left: 30px;
  border-radius: 10px;
  position: relative;
}
.ServicesArea .ContentArea .Heading_Text_content {
  display: flex;
  flex-direction: column;
  padding-right: 70px;
  justify-content: center;
}
.ServicesArea .ContentArea .Heading_Text_content h4 {
  font-size: 22px;
  margin: 20px 0;
}
.ServicesArea .ContentArea .Heading_Text_content p {
  font-size: 16px;
  padding-right: 35px;
  text-align: justify;
}
.ServicesArea .ContentArea .pixelated {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.Services_SY {
  margin-bottom: 6rem;
  padding-bottom: 0rem;
  position: relative;
}
.Services_SY .HomeServHead {
  display: flex;
  justify-content: space-between;
}
.Services_SY .Services_head {
  margin: 50px 0;
}
.Services_SY .Services_head h2 {
  color: black;
  font-size: 45px;
  font-weight: 700;
}
.Services_SY .Services_head .LittleText {
  color: black;
  font-size: 23px;
  font-weight: 700;
  width: 50%;
}
.Services_SY #ServicesArea_two {
  position: static;
}
.Services_SY #ServicesArea_two .swiper-wrapper .swiper-slide a {
  text-decoration: none;
  color: black;
  z-index: 1;
  position: relative;
  overflow: hidden;
  max-width: 100%;
  display: inline-block;
  width: 100%;
}
.Services_SY #ServicesArea_two .swiper-wrapper .swiper-slide a .ServiceIcon span {
  font-weight: 700;
  font-size: 26px;
}
.Services_SY #ServicesArea_two .swiper-wrapper .swiper-slide a .ServiceItem {
  z-index: 5;
  min-height: 25rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2rem 2.5rem;
  display: flex;
  position: relative;
}
.Services_SY #ServicesArea_two .swiper-wrapper .swiper-slide a .ServiceItem .ServiceText {
  grid-row-gap: 1em;
  flex-direction: column;
  display: flex;
  gap: 0;
}
.Services_SY #ServicesArea_two .swiper-wrapper .swiper-slide a .ServiceItem .ServiceText h4 {
  font-size: 55px;
  font-weight: 700;
}
.Services_SY #ServicesArea_two .swiper-wrapper .swiper-slide a .ServiceItem .bottomServiceText {
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  padding-left: 0;
  padding-right: 0;
  transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  display: flex;
  overflow: visible;
}
.Services_SY #ServicesArea_two .swiper-wrapper .swiper-slide a .ServiceItem .bottomServiceText span {
  font-size: 14px;
  font-weight: 700;
}
.Services_SY #ServicesArea_two .swiper-wrapper .swiper-slide a .ServiceItem .bottomServiceText span i {
  font-size: 14px;
}

.detailServices .Services_head h2 {
  color: #fff;
}
.detailServices #ServicesArea_two .swiper-wrapper .swiper-slide a .ServiceItem .ServiceText h4 {
  color: #fff;
}
.detailServices #ServicesArea_two .swiper-wrapper .swiper-slide a .ServiceItem .ServiceText span {
  color: #fff;
}
.detailServices #ServicesArea_two .swiper-wrapper .swiper-slide a .ServiceItem .bottomServiceText span {
  color: #fff;
}
.detailServices #ServicesArea_two .swiper-wrapper .swiper-slide .ServiceIcon span {
  color: #fff;
}

.SuccessStory {
  margin-top: 5rem;
  position: relative;
  padding: 50px 0;
}
.SuccessStory .SuccessStory_head {
  width: 50%;
  margin: 1rem 0;
}
.SuccessStory .SuccessStory_head h2 {
  color: #fff;
  font-size: 45px;
  font-weight: 700;
}
.SuccessStory .swiper-wrapper {
  position: static;
}
.SuccessStory .swiper-wrapper .swiper-slide .Counter {
  font-weight: 400;
}
.SuccessStory .swiper-wrapper .swiper-slide .Counter .CountText {
  font-size: 25px;
}
.SuccessStory .swiper-wrapper .swiper-slide .Counter .grayCount {
  color: #949494;
  font-size: 25px;
}
.SuccessStory .swiper-wrapper .swiper-slide .Head {
  margin: 0.5rem 0;
}
.SuccessStory .swiper-wrapper .swiper-slide .Head h3 {
  color: #fff;
  font-size: 45px;
  font-weight: 700;
}
.SuccessStory .swiper-wrapper .swiper-slide .Head [ym-card-text=orange] {
  color: #ff6b00;
}
.SuccessStory .swiper-wrapper .swiper-slide .Head [ym-card-text=blue] {
  color: #1300ff;
}
.SuccessStory .swiper-wrapper .swiper-slide .Head [ym-card-text=green] {
  color: #008000;
}
.SuccessStory .swiper-wrapper .swiper-slide .Head [ym-card-text=red] {
  color: #ff0000;
}
.SuccessStory .swiper-wrapper .swiper-slide .Head [ym-card-text=purple] {
  color: #800080;
}
.SuccessStory .swiper-wrapper .swiper-slide .TextStory p {
  color: #fff;
  font-size: 16px;
  padding-right: 35px;
  text-align: justify;
  font-weight: 400;
}
.SuccessStory .swiper-wrapper .swiper-slide .NumberStory .BigNumber {
  font-size: 60px;
  font-weight: 700;
  color: #fff;
}
.SuccessStory .swiper-wrapper .swiper-slide .NumberStory .PHNumber {
  color: #fff;
  font-size: 16px;
  text-align: justify;
  font-weight: 400;
  position: relative;
  top: -0.7rem;
}
.SuccessStory .swiper-wrapper .swiper-slide .Image {
  margin: 20px 0;
}
.SuccessStory .swiper-wrapper .swiper-slide .Image img {
  border-radius: 10px;
}
.SuccessStory .swiper-button-next {
  top: 50%;
  right: 0%;
  background-color: white;
  border-radius: 100%;
  width: 30px;
  height: 30px;
}
.SuccessStory .swiper-button-next::after {
  font-size: 16px;
  font-weight: 800;
  color: black;
}
.SuccessStory .swiper-button-prev {
  top: 50%;
  background-color: white;
  border-radius: 100%;
  width: 30px;
  height: 30px;
}
.SuccessStory .swiper-button-prev::after {
  font-size: 16px;
  font-weight: 800;
  color: black;
}

.Testimonials {
  margin: 50px 0;
  overflow: hidden;
  margin-bottom: 0px;
  position: relative;
  padding: 50px 0;
}
.Testimonials .HeadTestimonials {
  width: 50%;
  margin: 40px 0;
}
.Testimonials .HeadTestimonials h2 {
  font-size: 45px;
  font-weight: 700;
}
.Testimonials .TestimonialsArea {
  display: flex;
  gap: 50px;
  margin: 5px 0;
}
.Testimonials .TestimonialsArea .MainCard {
  padding: 20px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.0509803922);
  box-shadow: 0px 0px 14px -4px rgba(0, 0, 0, 0.5);
  transition: all 0.3s ease;
}
.Testimonials .TestimonialsArea .MainCard .logo_Company {
  display: flex;
  align-items: center;
  gap: 10px;
}
.Testimonials .TestimonialsArea .MainCard .logo_Company img {
  width: 50px;
  height: 50px;
  border-radius: 100%;
}
.Testimonials .TestimonialsArea .MainCard .Text {
  margin: 15px 0;
}
.Testimonials .TestimonialsArea .MainCard .Text p {
  font-size: 14px;
  padding-right: 35px;
  text-align: justify;
}
.Testimonials .TestimonialsArea .MainCard .CardUser {
  display: flex;
  align-items: center;
  gap: 10px;
}
.Testimonials .TestimonialsArea .MainCard .CardUser img {
  width: 50px;
  height: 50px;
  border-radius: 100%;
}
.Testimonials .TestimonialsArea .MainCard .CardUser .UserName {
  font-size: 18px;
  font-weight: 700;
}
.Testimonials .TestimonialsArea .MainCard .CardUser .UserText {
  font-size: 15px;
  font-weight: 400;
}
.Testimonials .TestimonialsArea .MainCard .TestimonialText p {
  font-size: 16px;
  padding-right: 35px;
  text-align: justify;
}
.Testimonials .TestimonialsArea .MainCard .TestimonialName {
  font-size: 20px;
  font-weight: 700;
}
.Testimonials .ShapeBgTwo {
  top: 15%;
  right: 0%;
  width: 480px;
  height: 380px;
  background: #08213d;
  z-index: -1;
  content: "";
  position: absolute;
  filter: blur(100px);
  border-radius: 100em;
}

.FooterUpArea {
  padding: 3rem 0;
  margin: 3rem 0;
  position: relative;
}
.FooterUpArea .ShapeBgTwo {
  top: 15%;
  right: 0%;
  width: 480px;
  height: 380px;
  background: #08213d;
  z-index: -1;
  content: "";
  position: absolute;
  filter: blur(100px);
  border-radius: 100em;
}
.FooterUpArea .FooterTop {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
}
.FooterUpArea .FooterTop h2 {
  font-size: clamp(3.5rem, 1.9830097087rem + 6.4724919094vw, 9.75rem);
  font-weight: 700;
  margin: 0;
}
.FooterUpArea .buttonS .btn .text-green {
  font-size: 40px;
  font-weight: 700;
}
.FooterUpArea .ShapeBg {
  top: 5%;
  left: 0%;
  width: 480px;
  height: 480px;
  background: #08213d;
  z-index: -1;
  content: "";
  position: absolute;
  filter: blur(100px);
  border-radius: 100em;
}

.SpecialPage {
  position: relative;
  top: -140px;
  z-index: 99;
}
.SpecialPage .SpecialImg {
  z-index: 0;
  position: fixed;
  overflow: hidden;
  top: 0;
}
.SpecialPage .SpecialImg .ymeffect {
  overflow: hidden;
}
.SpecialPage .SpecialVideo {
  height: 100vh;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}
.SpecialPage .SpecialVideo video {
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
  position: fixed;
}

.SpecialSCStory {
  position: relative;
  padding: 5rem 0;
}
.SpecialSCStory .MainCapsul {
  display: flex;
  justify-content: space-between;
}
.SpecialSCStory .MainCapsul .lowP span {
  font-weight: 700;
  font-size: 20px;
  position: relative;
}
.SpecialSCStory .MainCapsul .lowP span::before {
  content: "";
  position: absolute;
  left: 0px;
  top: -20px;
  width: 30px;
  height: 3px;
  background-color: #670dfc;
}
.SpecialSCStory .MainCapsul .IconCP .icon {
  width: 70px; /* Adjust as needed */
  height: 70px; /* Adjust as needed */
}
.SpecialSCStory .MainCapsul .Middle h2 {
  justify-content: center;
  display: flex;
  overflow: hidden;
  font-size: 9rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -0.05em;
}
.SpecialSCStory .MainCapsul .Middle p {
  text-align: justify;
  width: 70rem;
  margin-top: 5rem;
  line-height: 1.4;
  font-size: 1.7rem;
  font-weight: 400;
}
.SpecialSCStory .padSY {
  margin: 3rem 0;
}
.SpecialSCStory .padSY .card {
  position: relative;
  border-radius: 15px;
  height: 45rem;
  overflow: hidden;
}
.SpecialSCStory .padSY .card .card-image {
  position: relative;
  width: 100%;
  height: 100%;
}
.SpecialSCStory .padSY .card .card-image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: -moz-max-content;
  max-width: max-content;
  transition: all 0.2s ease-out;
}
.SpecialSCStory .padSY .card .card-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 2rem;
  transition: all 0.3s ease;
}
.SpecialSCStory .padSY .card .card-content .History {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
.SpecialSCStory .padSY .card .card-content .HeadingTitle {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
.SpecialSCStory .padSY .card .card-content .Text {
  font-size: 1.5rem;
  font-weight: 400;
  text-align: justify;
}
.SpecialSCStory .padSY .card:hover .card-image img {
  transform: scale(1.1);
}
.WhySS .headSS {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.WhySS .headSS h3 {
  font-size: 4rem;
  width: 70%;
  text-align: center;
  line-height: 1;
  font-weight: 700;
}
.WhySS .headSS p {
  width: 40%;
  text-align: center;
  line-height: 1.5;
  margin-top: 30px;
}
.WhySS .buttonS {
  display: flex;
  justify-content: center;
  align-items: center;
}
.WhySS .navArea {
  margin: 2rem 0;
  justify-content: space-between;
}
.WhySS .navArea .nav_ym_special {
  display: flex;
  align-items: center;
  justify-content: start;
  width: 90%;
  margin: 1rem 0;
  transition: all 0.3s ease-in;
}
.WhySS .navArea .nav_ym_special .navText {
  display: flex;
  flex-direction: column;
  margin-left: 1rem;
  transition: 0.3s ease-in;
  position: relative;
}
.WhySS .navArea .nav_ym_special .navText span {
  color: #6c757d;
  text-align: start;
  font-size: 18px;
}
.WhySS .navArea .nav_ym_special .navText p {
  text-align: start;
  color: #6c757d;
  font-weight: 15px;
  position: absolute;
  top: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease-in;
}
.WhySS .navArea .nav_ym_special.active {
  background: rgba(39, 39, 39, 0.2117647059);
  box-shadow: 0px 1.4px 2.775px 0px rgba(8, 8, 8, 0.06), 0px 6.4px 7.8px 0px rgba(8, 8, 8, 0.04), 0px 16.2px 20.925px 0px rgba(8, 8, 8, 0.03), 0px 32px 48px 0px rgba(8, 8, 8, 0.02);
  transition: all 0.3s ease-in;
  border-radius: 4px;
  padding: 20px 15px;
}
.WhySS .navArea .nav_ym_special.active .navText span {
  color: white;
  font-weight: 700;
}
.WhySS .navArea .nav_ym_special.active .navText p {
  color: white;
  visibility: visible;
  opacity: 1;
  position: relative;
}
.WhySS .navArea .tab-content {
  background: rgba(39, 39, 39, 0.2117647059);
  height: 100%;
  width: 100%;
  padding: 1.5rem;
  border-radius: 10px;
}

.LightArea {
  background-color: white;
  border-top-right-radius: 100px;
  border-top-left-radius: 100px;
  padding: 5rem;
  position: relative;
  z-index: 99;
}
.LightArea .bgColLight {
  color: #fff;
  background-image: linear-gradient(355deg, rg ba(20, 20, 23, 0.2), rgba(255, 255, 255, 0.1));
  color: #fff;
  background-color: #12161c;
  border-radius: 32px;
  padding: 48px 40px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.LightArea .bgColLight .Head_Text h3 {
  -webkit-text-fill-color: #c1d6ff;
  -webkit-background-clip: text;
  background-clip: text;
  padding-bottom: 22px;
  font-size: 80px;
  font-weight: 700;
  line-height: 1.1;
}
.LightArea .bgColLight .Head_Text p {
  font-size: 24px;
  color: #c8c8c8;
  padding-right: 50px;
  text-align: justify;
}

.FAQ_area {
  padding: 5rem;
}
.FAQ_area .content {
  padding-left: 10rem;
}
.FAQ_area .smallHead {
  -webkit-text-fill-color: #ffffff;
  -webkit-background-clip: text;
  background-clip: text;
  padding-bottom: 22px;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.1;
}
.FAQ_area .accordion {
  display: grid;
  grid-gap: 15px;
}
.FAQ_area .accordion__block-title {
  font-weight: bold;
  font-size: 14px;
  color: #424242;
  text-transform: uppercase;
}
.FAQ_area .accordion__item {
  display: block;
  padding: 20px;
  cursor: pointer;
  border-bottom: 1px solid rgba(220, 220, 220, 0.2901960784);
  overflow: hidden;
  transition: all 150ms ease;
  background: rgba(39, 39, 39, 0.2117647059);
  box-shadow: 0px 1.4px 2.775px 0px rgba(8, 8, 8, 0.06), 0px 6.4px 7.8px 0px rgba(8, 8, 8, 0.04), 0px 16.2px 20.925px 0px rgba(8, 8, 8, 0.03), 0px 32px 48px 0px rgba(8, 8, 8, 0.02);
  margin: 10px 0;
}
.FAQ_area .accordion__item [type=checkbox] {
  display: none;
}
.FAQ_area .accordion__item [type=checkbox]:checked + .accordion__title {
  margin-bottom: 10px;
  font-size: 20px;
}
.FAQ_area .accordion__item [type=checkbox]:checked + .accordion__title::after {
  transform: rotate(45deg);
}
.FAQ_area .accordion__item [type=checkbox]:checked + .accordion__title::before {
  transform: rotate(-45deg);
}
.FAQ_area .accordion__item [type=checkbox]:checked + .accordion__title + .accordion__content {
  transform: translateY(0);
  max-height: none;
  opacity: 1;
}
.FAQ_area .accordion__item [type=radio] {
  display: none;
}
.FAQ_area .accordion__item [type=radio]:checked + .accordion__title {
  margin-bottom: 10px;
  font-size: 40px;
  transition: 0.5s ease-in-out;
}
.FAQ_area .accordion__item [type=radio]:checked + .accordion__title::after {
  transform: rotate(45deg);
}
.FAQ_area .accordion__item [type=radio]:checked + .accordion__title::before {
  transform: rotate(-45deg);
}
.FAQ_area .accordion__item [type=radio]:checked + .accordion__title + .accordion__content {
  transition: 0.5s ease-in-out;
  transform: translateY(0);
  max-height: none;
  opacity: 1;
}
.FAQ_area .accordion__title {
  font-size: 35px;
  line-height: 1.5;
  transition: all 150ms ease;
  position: relative;
  padding-right: 30px;
  color: #dcdcdc;
  font-weight: 600;
}
.FAQ_area .accordion__title::after {
  content: "";
  width: 16px;
  height: 2px;
  background-color: #666;
  position: absolute;
  right: 0;
  top: 8px;
  transition: all 150ms ease;
  transform: rotate(90deg);
}
.FAQ_area .accordion__title::before {
  content: "";
  width: 16px;
  height: 2px;
  background-color: #666;
  position: absolute;
  right: 0;
  top: 8px;
  transition: all 150ms ease;
}
.FAQ_area .accordion__content {
  transform: translateY(50%);
  color: rgba(255, 255, 255, 0.911);
  font-size: 16px;
  line-height: 2;
  font-weight: 500;
  max-height: 0;
  opacity: 0;
  transition: all 150ms ease;
}

.CustomerComments {
  position: relative;
  margin-top: 80px;
}
.CustomerComments .CustomerMain h2 {
  font-size: 74px;
  font-weight: 700;
  text-align: center;
}
.CustomerComments .CustomerMain h2 .blue {
  color: #0c6ab3;
  font-size: 80px;
  font-weight: 700;
}
.CustomerComments .CustomerMain h2 .green {
  color: #00f0b5;
  font-size: 65px;
  font-weight: 800;
}
.CustomerComments .Late1,
.CustomerComments .late4 {
  transform: translateY(-120px);
}
.CustomerComments .mainWrapper {
  background-color: #282849;
  border-radius: 24px;
  padding: 40px 32px;
  position: relative;
}
.CustomerComments .mainWrapper .absol {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 20%;
}
.CustomerComments .mainWrapper .rating {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(299deg, rgba(0, 0, 0, 0.7), #a3a2ff);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 20px;
  margin-bottom: 36px;
  font-family: Arimo, sans-serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 1;
  z-index: 9;
}
.CustomerComments .mainWrapper p {
  color: rgba(239, 239, 239, 0.6431372549);
}
.CustomerComments .mainWrapper .twoAbsol {
  position: absolute;
  bottom: 0;
  right: 10px;
}

.BlogSwiper .swiper-wrapper .swiper-slide a {
  height: 26rem;
}
.BlogSwiper .swiper-wrapper .swiper-slide a .ServiceIcon span {
  font-weight: 700;
  font-size: 26px;
}
.BlogSwiper .swiper-wrapper .swiper-slide a .ServiceItem {
  padding: 0 !important;
  justify-content: stretch !important;
}
.BlogSwiper .swiper-wrapper .swiper-slide a .ServiceItem .ServiceText {
  width: 100%;
  height: -webkit-fill-available;
  padding: 1rem;
}
.BlogSwiper .swiper-wrapper .swiper-slide a .ServiceItem .ServiceText h4 {
  font-size: 25px !important;
}
.BlogSwiper .swiper-wrapper .swiper-slide a .ServiceItem .ServiceText .textArea {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 1rem 0;
  font-size: 15px;
}
.BlogSwiper .swiper-wrapper .swiper-slide a .ServiceItem .ServiceText .textArea p {
  font-size: 14px !important;
}
.BlogSwiper .swiper-wrapper .swiper-slide a .ServiceItem .bottomServiceText {
  margin-top: 2rem;
}

.FourBoxesAndForm .pad-area {
  padding: 0 5rem;
}
.FourBoxesAndForm .mt-sy-3,
.FourBoxesAndForm .mt-sy-4 {
  margin-top: 3rem;
}
.FourBoxesAndForm form input,
.FourBoxesAndForm form textarea {
  height: 3em;
  color: rgba(220, 239, 216, 0.8);
  background-color: rgba(220, 239, 216, 0.05);
  border: 1.4px solid rgba(255, 255, 255, 0);
  border-radius: 16px;
  margin-bottom: 2%;
  padding-top: 0.9em;
  padding-bottom: 0.9em;
  padding-left: 1em;
  font-size: 1.25em;
  font-weight: 400;
  transition: background-color 0.1s, border-color 0.1s;
}
.FourBoxesAndForm form input:focus,
.FourBoxesAndForm form textarea:focus {
  border-color: rgba(151, 210, 139, 0.7);
  background-color: transparent;
}
.FourBoxesAndForm form textarea {
  height: auto;
}
.FourBoxesAndForm .MainBoxes {
  border-radius: 24px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  flex-direction: column;
  justify-content: space-between;
  padding: 1em;
  display: flex;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
.FourBoxesAndForm .MainBoxes iframe {
  border-radius: 15px;
}
.FourBoxesAndForm .FormBoxes {
  height: 100%;
  border-radius: 24px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  flex-direction: column;
  padding: 2em;
  display: flex;
  justify-content: center;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
.FourBoxesAndForm .FormBoxes .HeadArea {
  margin: 2rem 0;
}

footer {
  padding-top: 3rem;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
footer .footerUl {
  list-style: none;
}
footer .footerUl li {
  margin: 15px 0;
}
footer .footerUl li a {
  text-decoration: none;
  color: white;
  font-size: 16px;
  position: relative;
}
footer .footerUl li a:hover {
  color: #fff;
}
footer .footerUl li a:hover::before {
  background: linear-gradient(102.83deg, #670dfc 33.74%, #3960e9 78.18%);
  width: 100%;
  transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}
footer .footerUl li a:hover::after {
  background: transparent;
  width: 100%;
  transition: 0s;
}
footer .footerUl li a::before, footer .footerUl li a::after {
  content: "";
  position: absolute;
  width: 0%;
  height: 3px;
  bottom: -2px;
  background: linear-gradient(102.83deg, #670dfc 33.74%, #3960e9 78.18%);
}
footer .footerUl li a::before {
  left: 0;
}
footer .footerUl li a::after {
  right: 0;
  background: linear-gradient(102.83deg, #670dfc 33.74%, #3960e9 78.18%);
  transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
}
footer .logo {
  display: flex;
  align-items: center;
  justify-content: center;
}
footer .logo span {
  font-size: 30px;
  font-weight: 700;
  margin-left: 10px;
}
footer .SmIcons ul {
  display: flex;
  list-style: none;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  transition: 0.3s ease;
}
footer .SmIcons ul li {
  border: 1px solid white;
  margin: 0 5px;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  transition: 0.3s ease;
  cursor: pointer;
}
footer .SmIcons ul li:hover {
  border: 18.1px solid #fff;
}
footer .SmIcons ul li:hover a i {
  color: black;
}
footer .SmIcons ul li a {
  text-decoration: none;
  color: white;
}
footer .SmIcons ul li a i {
  font-size: 15px;
  align-items: center;
  justify-content: center;
  display: flex;
}
footer .refArea {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 5%;
  padding-top: 30px;
}
footer .Address {
  display: flex;
  align-items: start;
  flex-direction: column;
  gap: 0%;
  padding-left: 2rem;
}
footer .Address span {
  font-size: 13px;
  color: #949494;
  font-weight: 400;
}
footer .MenuList {
  display: flex;
  align-items: center;
  justify-content: end;
  list-style: none;
  gap: 3%;
}
footer .MenuList li a {
  text-decoration: none;
  color: #949494;
  font-size: 13px;
  font-weight: 700;
}

.TextHover {
  width: 100%;
  text-align: center;
  left: 0;
  right: 0;
  margin: auto;
  position: relative;
  max-width: 290px;
  overflow: hidden;
  height: 50px;
  cursor: pointer;
}
.TextHover span {
  text-decoration: none;
  font-size: 96px;
  line-height: 0.8;
  font-weight: 700;
  top: calc(100% - 63px);
}
.TextHover:hover .OpenFooterArea {
  transition: 0.2s ease-in-out;
  opacity: 1;
  visibility: visible;
  position: fixed;
  top: 0;
  max-width: 100%;
  left: 0;
}

.activeText .OpenFooterArea:hover {
  color: #111;
  transition: color 1s cubic-bezier(0.33, 1, 0.68, 1);
}
.activeText .OpenFooterArea:hover::after {
  -webkit-clip-path: inset(100% 0% 0% 0%) !important;
          clip-path: inset(100% 0% 0% 0%) !important;
}
.OpenFooterArea {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s ease-in-out;
  z-index: 999;
  display: flex;
  align-items: unset;
  justify-content: center;
}
.OpenFooterArea:hover {
  color: #111;
  transition: color 1s cubic-bezier(0.33, 1, 0.68, 1);
}
.OpenFooterArea:hover::after {
  -webkit-clip-path: inset(0% 0% 0% 0%) !important;
          clip-path: inset(0% 0% 0% 0%) !important;
}
.OpenFooterArea::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background-color: white;
  -webkit-clip-path: inset(100% 0% 0% 0%);
          clip-path: inset(100% 0% 0% 0%);
  transition: -webkit-clip-path 1s cubic-bezier(0.65, 0, 0.35, 1);
  transition: clip-path 1s cubic-bezier(0.65, 0, 0.35, 1);
  transition: clip-path 1s cubic-bezier(0.65, 0, 0.35, 1), -webkit-clip-path 1s cubic-bezier(0.65, 0, 0.35, 1);
}
.OpenFooterArea .HeadFootArea {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #53d9d1;
  transition: color 1s cubic-bezier(0.32, 0, 0.67, 0);
  flex-direction: column;
}
.OpenFooterArea .HeadFootArea a {
  text-decoration: none;
  font-size: 96px;
  line-height: 0.8;
  font-weight: 700;
  width: 100%;
  text-align: center;
  transition: all 0.9s ease-in-out;
  top: calc(100% - 63px);
  margin: auto;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.OpenFooterArea .HeadFootArea .bottomArea {
  width: 100%;
}
.OpenFooterArea .HeadFootArea:hover {
  color: #53d9d1;
  transition: none;
}
.OpenFooterArea .HeadFootArea:hover::after {
  -webkit-clip-path: inset(100% 0% 0% 0%);
          clip-path: inset(100% 0% 0% 0%);
}

.imgEffectArea {
  position: relative;
  margin-top: 5rem;
  padding-top: 5rem;
}
.imgEffectArea .Wrapper_capsul_img {
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
  background-color: #000;
  padding: 10px;
  border-radius: 5px;
}
.imgEffectArea .Wrapper_capsul_img .Capsulimg_Ef_Area {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.imgEffectArea .Wrapper_capsul_img .Capsulimg_Ef_Area .Capsul_img_element {
  transform-style: preserve-3d;
  width: 100%;
  position: relative;
  transform: translateZ(1px);
}
.imgEffectArea .Wrapper_capsul_img .Capsulimg_Ef_Area .Capsul_img_element img {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
  box-shadow: 1px 1px #ddd, 4px 4px 5px -2px rgba(0, 0, 0, 0.66);
  box-shadow: 1px 1px #af6f07;
  padding: 10px;
}

.NewArea {
  display: flex;
  flex-direction: column;
  padding: 6rem 0px;
  margin: auto;
}
.NewArea .Head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4rem;
}
.NewArea .Head .HeadDn {
  display: flex;
  align-items: start;
  justify-content: start;
  flex-direction: column;
}
.NewArea .Head .LittHead span {
  font-size: 22px;
}
.NewArea .Head .BigHead span {
  font-size: 40px;
}
.NewArea .BtnAr a {
  text-decoration: none;
  border: 1px solid white;
  border-radius: 20px;
  color: white;
  font-size: 22px;
  padding: 10px 15px;
}
.NewArea .service-item {
  position: relative;
  margin-bottom: 20px;
  cursor: pointer;
}
.NewArea .service-item:hover .service-content {
  max-height: 500px;
  opacity: 1;
}
.NewArea .service-item:hover .service-header {
  color: white;
}
.NewArea .service-header {
  display: flex;
  align-items: center;
  font-size: 27px;
  padding: 10px 0;
  border-bottom: 1px solid;
  color: #9f9f9f;
}
.NewArea .service-header .icon {
  font-size: 24px;
  margin-right: 10px;
}
.NewArea .service-content {
  background: #3333335e;
  border-radius: 8px;
  padding: 20px;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.NewArea .service-content .service-description h3 {
  margin: 0 0 10px 0;
  font-size: 20px;
}
.NewArea .service-content .service-description p {
  margin: 0;
  font-size: 16px;
}
.NewArea .service-content .service-description .tools {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  margin-bottom: 10px;
  gap: 3%;
}
.NewArea .service-content .service-description .tools span {
  background: #444;
  padding: 5px 10px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.NewArea .service-content .service-description .more-info {
  display: flex;
  justify-content: flex-end;
  font-size: 24px;
}
.NewArea .service-content .service-description .more-info span {
  display: inline-block;
  background: #555;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.NewArea .service-content .service-description {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.heroMid {
  margin-top: 10px;
}
.heroMid .row {
  height: auto !important;
}
.heroMid .MainText {
  display: grid;
  grid-template-columns: 1fr;
  place-items: center;
}
.heroMid .MainText h1 {
  opacity: 1;
  -webkit-background-clip: text;
  background-clip: text;
  margin-right: 0;
  line-height: 70px;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#333333 75%, white);
  font-size: 70px;
  margin: 0px 6rem;
  text-align: center;
  font-weight: 800;
  letter-spacing: 3px;
}
.heroMid .MainText p {
  color: #2b2b2b;
  padding-top: 35px;
  margin: 0 10rem;
  text-align: justify;
}

.AboutNewAr {
  position: relative;
  margin: 5rem 0;
}
.AboutNewAr .AboutFrAr {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  grid-template-rows: auto;
  grid-auto-columns: 1fr;
  grid-column-gap: 30px;
}
.AboutNewAr .AboutFrAr .FirstFR, .AboutNewAr .AboutFrAr .ThirtFR {
  background-color: #141417;
  border: 1px solid rgba(245, 245, 248, 0.1);
  border-radius: 24px;
  height: 100%;
  overflow: hidden;
  text-decoration: none;
  color: white;
}
.AboutNewAr .AboutFrAr .FirstFR .card-container, .AboutNewAr .AboutFrAr .ThirtFR .card-container {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  max-height: 610px;
  display: flex;
  position: relative;
}
.AboutNewAr .AboutFrAr .FirstFR .card-container .imageArea, .AboutNewAr .AboutFrAr .ThirtFR .card-container .imageArea {
  padding: 0 2rem;
}
.AboutNewAr .AboutFrAr .FirstFR .card-container .TextArea, .AboutNewAr .AboutFrAr .ThirtFR .card-container .TextArea {
  padding: 0 2rem;
  margin-top: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 1.5rem;
}
.AboutNewAr .AboutFrAr .FirstFR .card-container .TextArea h4, .AboutNewAr .AboutFrAr .ThirtFR .card-container .TextArea h4 {
  font-size: 20px;
  font-weight: 700;
  margin: 0.5rem 0;
}
.AboutNewAr .AboutFrAr .FirstFR .card-container .TextArea p, .AboutNewAr .AboutFrAr .ThirtFR .card-container .TextArea p {
  text-align: center;
  font-size: 12px;
}
.AboutNewAr .AboutFrAr .SecondFR {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.AboutNewAr .AboutFrAr .SecondFR .ScFR_one, .AboutNewAr .AboutFrAr .SecondFR .ScFR_two {
  background-color: #141417;
  border: 1px solid rgba(245, 245, 248, 0.1);
  border-radius: 24px;
  height: 100%;
  overflow: hidden;
  margin: 15px 0;
  text-decoration: none;
  color: white;
}
.AboutNewAr .AboutFrAr .SecondFR .ScFR_one .card-container, .AboutNewAr .AboutFrAr .SecondFR .ScFR_two .card-container {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  max-height: 610px;
  display: flex;
  position: relative;
}
.AboutNewAr .AboutFrAr .SecondFR .ScFR_one .card-container .TextArea, .AboutNewAr .AboutFrAr .SecondFR .ScFR_two .card-container .TextArea {
  padding: 0 1rem;
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 1.5rem;
}
.AboutNewAr .AboutFrAr .SecondFR .ScFR_one .card-container .TextArea h4, .AboutNewAr .AboutFrAr .SecondFR .ScFR_two .card-container .TextArea h4 {
  font-size: 20px;
  font-weight: 700;
  margin: 0.5rem 0;
}
.AboutNewAr .AboutFrAr .SecondFR .ScFR_one .card-container .TextArea p, .AboutNewAr .AboutFrAr .SecondFR .ScFR_two .card-container .TextArea p {
  text-align: start;
  font-size: 12px;
}
.AboutNewAr .AboutFrAr .SecondFR .ScFR_one .card-container .imageArea, .AboutNewAr .AboutFrAr .SecondFR .ScFR_two .card-container .imageArea {
  display: flex;
  align-items: center;
  justify-content: end;
}
.AboutNewAr .AboutFrAr .SecondFR .ScFR_one .card-container .imageArea img, .AboutNewAr .AboutFrAr .SecondFR .ScFR_two .card-container .imageArea img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 65%;
}
.AboutNewAr .BottomFRCard {
  grid-column-gap: 30px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-auto-columns: 1fr;
  margin-top: 30px;
  display: grid;
}
.AboutNewAr .BottomFRCard .BottomFRContent_One, .AboutNewAr .BottomFRCard .BottomFRContent_Two, .AboutNewAr .BottomFRCard .BottomFRContent_Three {
  background-color: #141417;
  border: 1px solid rgba(245, 245, 248, 0.1);
  border-radius: 24px;
  height: 100%;
  overflow: hidden;
  text-decoration: none;
  color: white;
}
.AboutNewAr .BottomFRCard .BottomFRContent_One .card-container, .AboutNewAr .BottomFRCard .BottomFRContent_Two .card-container, .AboutNewAr .BottomFRCard .BottomFRContent_Three .card-container {
  display: flex;
  flex-direction: column;
}
.AboutNewAr .BottomFRCard .BottomFRContent_One .card-container .TextArea, .AboutNewAr .BottomFRCard .BottomFRContent_Two .card-container .TextArea, .AboutNewAr .BottomFRCard .BottomFRContent_Three .card-container .TextArea {
  padding: 0 1rem;
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 1.5rem;
}
.AboutNewAr .BottomFRCard .BottomFRContent_One .card-container .TextArea h4, .AboutNewAr .BottomFRCard .BottomFRContent_Two .card-container .TextArea h4, .AboutNewAr .BottomFRCard .BottomFRContent_Three .card-container .TextArea h4 {
  font-size: 20px;
  font-weight: 700;
  margin: 0.5rem 0;
}
.AboutNewAr .BottomFRCard .BottomFRContent_One .card-container .TextArea p, .AboutNewAr .BottomFRCard .BottomFRContent_Two .card-container .TextArea p, .AboutNewAr .BottomFRCard .BottomFRContent_Three .card-container .TextArea p {
  text-align: start;
  font-size: 12px;
}

/*# sourceMappingURL=style.css.map */