* {
  margin:0;
  padding: 0;
  box-sizing: border-box;
  /* font-weight: 400; */
  font-family: Inter, Poppins, -apple-system, BlinkMacSystemPont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, system-ui;
}
:root {
      --vh: 1vh;
      --vw: 1vw;
    }
.opt-container{
  background-color: black;
  display: none;
  overflow-y: auto;
}
.scroll-hidden{
  overflow: hidden;
}

.opt-container::-webkit-scrollbar {
  display: none; 
}

.pageFullscreen {
  width: 100%;
  height: 100%;
}
.pageFullscreen body {
  width: 100%;
  height: 100%;
}

.opt-container.alwaysShow {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 90;
}

.transition-all{
  transition: all 0.3s ease-in;
}
.h-screen {
  height: calc(var(--vh) * 100);
}
  .h-13 {
    height: 48px /* Tailwind的默认rem值为1rem = 16px */
  }
  .w-73{
    width: 73px;
  }
  .block {
    display: block;
  }

  .md:hidden {
    display: none; /* 在md及以上屏幕尺寸下隐藏 */
  }

  .fixed {
    position: fixed;
  }

  .z-50 {
    z-index: 50;
  }

  .top-0 {
    top: 0;
  }
  .top-50{
    top:50%;
  }
  .flex {
    display: flex;
  }

  .flex-col {
    flex-direction: column;
  }

  .items-center {
    align-items: center;
  }

  .justify-between {
    justify-content: space-between;
  }

  .relative {
    position: relative;
  }

  .bg-black-2 {
    background-color: rgba(0, 0, 0, 0.2); /* 默认的黑色2 */
  }

  .backdrop-blur-6 {
    backdrop-filter: blur(20px); /* 默认的6 blur */
  }
  .backdrop-blur-60px {
    backdrop-filter: blur(60px);
  }

  .flex-1 {
    flex: 1 1 0%;
  }

  .w-7 {
    width: 24px;
  }

  .ml-3 {
    margin-left: 8px;
  }

  .absolute {
    position: absolute;
  }

  .left-50 {
    left: 50%;
  }

  .-translate-50 {
    transform: translate(-50%,-50%);
  }

  .px-4 {
    padding-left: 12px;
    padding-right: 12px;
  }
  .px-5 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .h-7 {
    height: 24px;
  }

  .rounded-7 {
    border-radius: 24px;
  }
  .rounded-4{
    border-radius: 12px;
  }
  .bg-sign {
    background-image: linear-gradient(90deg, #F92271 0%, #FF8000 100%);
  }

  .text-4 {
    font-size: 12px; /* 默认的文字大小4 */
  }

  .text-white {
    color: #ffffff;
  }
  .text-white-7 {
    color:rgba(255, 255, 255, 0.7)
  }

  .leading-4 {
    line-height: 12px; /* 默认的行高4 */
  }
  .leading-7{
    line-height: 24px;
  }

  .font-medium {
    font-weight: 500;
  }


  .mr-3 {
    margin-right: 8px;
  }
 .overflow-hidden {
    overflow: hidden;
 }
 :root {
  --screen-height: 100vh;
  --image-height: 1612px; 
}

.animate-homeImage1{
  animation: homeImgAni1 20s linear infinite;
 }
 .animate-homeImage2{
  animation: homeImgAni2 20s linear infinite;
 }
 @keyframes homeImgAni1 {
  0%{
    transform: translateY(0);
  }
  100%{
    transform: translateY(-50%);
  }

}
@keyframes homeImgAni2 {
  0%{
    transform: translateY(-50%);
  }
  100%{
    transform: translateY(0);
  }
}
.overflow-clip{
  overflow: clip;
}
.object-cover{
  object-fit: cover;
}
.px-3{
  padding-left: 8px;
  padding-right: 8px;
}
.gap-3{
  gap:8px;
}
.left-0{
  left:0;
}
.btnBase{
  transition: transform .2s ease;
  transform: scale(1);
}
.bg-welcom{
  background:linear-gradient(180deg, rgba(1,0,1,0.00) 0%, #010001 88%, #010001 100%);
}
.bottom-0{
  bottom:0;
}
.pt-150{
  padding-top: 150px;
}
.rounded-6{
  border-radius: 20px;
}
.text-white-6{
  color:rgba(255,255,255,0.60);
}
.bg-white-1{
  background-color: rgba(255, 255, 255, 0.1);
}
.leading-34{
  line-height: 34px;
}
.mb-opt-10{
  margin-bottom: 10px;
}
.text-34{
  font-size: 34px;
}
.font-bold{
  font-weight: bold;
}
.pb-66{
  padding-bottom: 66px;
}
.px-6{
  padding-left: 20px;
  padding-right: 20px;
}
.bg-opt-btn{
  background:linear-gradient(90deg, #F92271 0%,#FF8000 100%);
}
.border-white-4{
  border-color:rgba(255,255,255,0.4);
}
.border-1{
  border-width: 1px;
}
.solid{
  border-style: solid;
}
.bg-opt-box{
  background:linear-gradient(180deg, rgba(1,0,1,0.00) 0%, #010001 88%, #010001 100%);
}
.pt-4{
  padding-top: 12px;
}
.pb-4{
  padding-bottom: 12px;
}
.bg-gray-1{
  background-color: #1B1B1B;
}
.rounded-7{
  border-radius: 24px;
}
.opacity-50{
  opacity: 0.5;
}

.btn-animation {
  animation: btnpulse 1.5s infinite;
  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
@keyframes btnpulse {
  0% {
      transform: scale(1);
      opacity: 0.8;
  }
  100% {
      transform: scaleX(1.1) scaleY(1.6);
      opacity: 0;
  }
}
.px-6{
  padding-left: 20px;
  padding-right: 20px;
}

.w-full {
  width: 100%;
}
.h-full {
  height: 100%;
}
.btnBase,.btnBaseBig,.activeClass,.btn-animation,.call-btn{
  transition:transform .2s ease;
  transform: scale(1);
}
.btnBase:active{
  transform: scale(0.9);
}
.btnBaseBig:active,.activeClass:active,.btn-animation:active,.call-btn:active{
  transform: scale(0.95);
}
.w-6{
  width: 20px;
}
.h-6{
  height: 20px;
}
.text-5{
  font-size: 16px;
}

.activeClass{
  overflow: hidden;
}
.activeClass span {
  position: absolute;
  display: block;
}
.activeClass span:nth-child(1) {
  height: 100%;
  width: 100%;
  top: 0px;
  left: -100%;
  display: block;
  background: linear-gradient(
      to right,
      rgba(0, 0, 0, 0),
      rgba(255, 255, 255, 0.5),
      rgba(0, 0, 0, 0)
  );
  border-top-right-radius: 1px;
  border-bottom-right-radius: 1px;
  animation: span1 3s linear infinite;
  animation-delay: -1s;
}

.activeClass span:nth-child(2) {
  height: 2px;
  width: 100%;
  top: 0px;
  left: -200%;
  background: linear-gradient(
      to right,
      rgba(0, 0, 0, 0),
      rgba(255, 255, 255, 1),
      rgba(0, 0, 0, 0)
  );
  border-top-right-radius: 1px;
  border-bottom-right-radius: 1px;
  animation: span1 3s linear infinite;
  animation-delay: -1s;
}
.activeClass:active span:nth-child(1),.activeClass:active span:nth-child(2) {
   display: none;
}
@keyframes span1 {
  0% {
      left: -200%;
  }
  100% {
      left: 100%;
  }
}
.rounded-9{
  border-radius: 36px;
}
.justify-center{
  justify-content: center;
}
.mt-5{
  margin-top: 16px;
}
.mt-3{
  margin-top: 8px;
}
.mt-6{
  margin-top: 20px;
}
.text-white-4{
  color:rgba(255,255,255,0.4);
}
.text-7{
  font-size: 24px;
}
.text-14,.text-14p{
  font-size: 14px;
}
.text-white-9{
  color:rgba(255,255,255,0.9);
}

.mt-2{
  margin-top: 4px;
}
.pt-90{
  padding-top: 90px;
}
.flex-shrink-0{
  flex-shrink: 0;
}
.text-white-7{
  color:rgba(255,255,255,0.7);
}
.text-9{
  font-size: 32px;
}
.leading-10{
  line-height: 36px;
}
.text-center{
  text-align: center;
}
.leading-22{
  line-height: 22px;
}
.mt-108{
  margin-top: 108px;
}
.h-594{
  height:594px;
} 
.rounded-17{
  border-radius: 17px;
} 
.mt-43{
  margin-top: 43px;
}  
.bg-swiper-bottom{
  background: #262626;
}
.w-156{
  width: 156px;
}
.rounded-3{
  border-radius: 8px;
}
.border-white-3{
  border-color:rgba(255,255,255,0.3);
}
.btn-opt-active:active{
  background: rgba(255,255,255,0.05);
}
a{
  text-decoration: none;
  color:inherit;
}
.w-120{
  width: 120px;
}
.text-10{
  font-size: 10px;
}
.leading-6{
  line-height: 20px;
}
.text-white-3{
  color: rgba(255, 255, 255, 0.3);
}
.mt-4{
  margin-top: 12px;
}
.mb-4{
  margin-bottom: 12px;
}
.h-1{
  height: 1px;
} 
.bg-line{
  background-color: rgba(255,255,255,0.06);
} 
.mt-46{
  margin-top: 46px;
}
.w-240{
  width: 240px;
}
.rounded-tr-7{
  border-top-right-radius: 24px;
}
.rounded-br-7{
  border-bottom-right-radius: 24px;
}
.-left-240{
  left:-240px;
}
.px-9{
  padding-left: 32px;
  padding-right: 32px;
}
.w-112{
  width:112px;
}
.mt-66{
  margin-top: 66px;
}
.mb-50{
  margin-bottom: 50px;
}
.h-59{
  height: 59px;
}
.border-bottom-5{
  border-bottom:1px solid rgba(255,255,255,0.05);
}
.trans{
  transition: all 0.3s ease-in-out;
}
.fixed{
  position: fixed;
}
.z-100{
  z-index: 100;
}
.z-10{
  z-index: 10;
}
.bg-left-bg{
  background-color: #2B2C2D;
}
.leftBarIn {
  left: -240px;
}

.leftBarOut {
  left: -0;
}
.ar .leftBarIn{
    right:-240px;
  }
  .ar .leftBarOut{
    right:0;
  } 
   .ar .rounded-tr-7 {
    border-top-left-radius: 24px;
    border-top-right-radius: 0px;

  }
  .ar .rounded-br-7 {
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 0px;

  }
.carousel-container {
  width: 100%;
  position: relative;
  background: #1B1B1B;
}

.carousel-track {
  display: flex;
  transition: transform 0.3s ease;
}


.indicators {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
}

.indicator {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255,255,255,0.5);
  transition: background 0.3s ease;
}

.indicator.active {
  background: rgba(255,255,255,0.9);
}
.w-57{
  width: 57px;
}
.h-45{
  height: 45px;
}
.left-25{
  left: 25px;
} 
.-top-23{
  top: -23px;
}
.right-25{
  right: 25px;
} 
.carousel-track{
  overflow: hidden;
}
.bottom-82{
  bottom:82px;
}
.text-18{
  font-size: 18px;
} 
.leading-30{
  line-height: 30px;
} 
.pt-54{
  padding-top: 54px;
} 
.pb-54{
  padding-bottom: 54px;
}
.px-26{
  padding-left: 26px;
  padding-right: 26px;
}
.box-border{
  box-sizing: border-box;
}
.left-26{
  left: 26px;
} 
.bottom-opt-60{
  bottom: 60px;
}
.w-22{
  width: 22px;
} 
.mr-6{
  margin-right: 20px;
}
.mr-opt-6{
  margin-right: 6px;
}
.text-14{
  font-size: 14px;
} 
.leading-14{
  line-height: 14px;
}
.gap-5 {
  gap: 16px;
}
.h-438{
  height: 438px;
  overflow: auto;
}

.loaderWrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  display: none;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
}
.loaderWrap.show {
  display: flex;
}

.loaderFirst {
  width: 40px;
  height: 40px;
  aspect-ratio: 1;
  /* 定义径向渐变背景图案 */
  --_s: no-repeat radial-gradient(farthest-side, #fff 94%, #0000);
  background:
    var(--_s) 0 0,
    var(--_s) 100% 0,
    var(--_s) 100% 100%,
    var(--_s) 0 100%;
  background-size: 40% 40%;
  animation: l50 .5s infinite;
  opacity: 0.6;
}

/* 定义动画关键帧 */
@keyframes l50 {
  100% {
    background-position: 100% 0, 100% 100%, 0 100%, 0 0;
  }
}
.mt-9{
  margin-top: 32px;
}
/* .faqbox{max-height: 300px;} */
/* #content1.faqshow,#content2.faqshow,#content3.faqshow,#content5.faqshow,#content6.faqshow,.ar #content7.faqshow
{max-height:57px;}
#content4.faqshow,#content7.faqshow{
  max-height: 74px;
} */
 .faqbox .faq-text{
    display: block;
  }
  .faqshow .faq-text{
    display: none;
  }
.language-icon{
  transition: all 0.3s ease-in-out;
}
.faqshow .box,.language-icon.box{
  transform: rotate(180deg);
}

.faq-border{
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.faqshow .faq-border{
  border:none;
}

.bottomBlogWrap {
  margin-top: 20px;
  margin-bottom: 20px;
}

.bottomBlogWrap a {
  text-decoration: underline;
  color: #FFF;
}

.bottomContact {
  width: 100%;
  display: flex;
  text-align: center;
  flex-direction: column;
  color: rgba(255,255,255,0.7);
  font-size: 10px;
}
.py-5{
  padding-top: 16px;
  padding-bottom: 16px;
}
.p-5{
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
}
.ml-5{
  margin-left: 16px;
}
.pr-5{
  padding-right: 16px;
}
.pl-5{
  padding-left: 16px;
}
.px-7{
  padding-left: 24px;
  padding-right: 24px;
}
.rounded-full{
  border-radius: 50%;
}
.w-10p{
  width:10px;
}
.h-10p{
  height:10px;
}

/* .language-selector {
    min-width:125px;
    bottom:82px;
    left:32px;
}

#language-button {
    background-color: #535455;
    border: none;
    color: white;
    
    border-radius: 18px;
    font-size: 14px;
    border: 1px solid rgba(255,255,255,0.20);
    position: absolute;
    left:0;
    top:0;
    z-index: 10;
    padding: 6px 0;
    width:176px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.language-dropdown {
    display: none;
    position: absolute;
    border: 1px solid rgba(255,255,255,0.20);
    bottom:-34px;
    left: 0;
    min-width: 134px;
    background-color:  #404142;
    border-radius: 16px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.2);
    z-index: 5;
    padding-bottom:40px;
    padding-top: 10px;
}


.language-option a,.language-option{
  display: block;
  height:100%;
  width:100%;
  padding: 10px 10px;
  cursor: pointer;
  transition: background-color 0.3s;
  color:#fff;
  text-align:center;
}

.language-option:active,.selected-language {
    background-color: #535455;
    
} */
  .language-selector {
    bottom:5%;
    transform: translateX(-50%);
    left: 50%;
    
    }
    .language-content{
      white-space: nowrap;
    }
   
    .language-box{
      position: relative;
      width:100%;
      height:100%;
    }
    .language-icon{
      width:10px;
      margin-left: 7px;
    }
    .language-icon{
      transition: all 0.3s ease-in-out;
      margin-left:7px;
      width:10px;
    }
    .ar .language-icon{
      margin-right: 7px;
    }
    .language-icon.box{
      transform: rotate(180deg);
    }

#language-button {
    border: none;
    color: white;
    border-radius: 24px;
    background-color: #535455;
    font-size: 14px;
    display: flex;
    align-items: center;
    line-height: 20px;
    padding:6px 0;
    width:176px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.language-dropdown {
    display: grid;
    height:0;
    transition: all 0.2s ease-in-out;
    position: absolute;
    bottom:40px;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr; 
    left: 50%;
    transform: translateX(-50%);
    background-color: #535455;
    
    

    border-radius: 14px;
    z-index: 100;
    padding:0;
    overflow: hidden;
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px); 
}
.language-active{
  padding:10px 0;
  height:288px;
  
  
  
}
.language-dropdown .active a{
  font-weight: 500;
  color: #fff;
}

.language-option a{
  display: flex;
  height:100%;
  width:100%;
  padding: 10px 10px;
  line-height: 16px;
  cursor: pointer;
  transition: background-color 0.3s;
  color: rgba(255,255,255,0.40);
  align-items: center;
  justify-content: center;


  
  text-align:center;
}


.language-option a:active {
    background: rgba(0,0,0,0.10);
    
}
.pl-9{
  padding-left: 32px;
}
.pr-9{
  padding-right: 32px;
}
.pl-3{
  padding-left: 12px;
}
.pr-3{
  padding-right: 12px;
}
.ar .mr-opt-6{
  margin-left: 6px;
}
.carousel-item{
  padding-bottom:156px;
}
.pl-6{
  padding-left: 20px;
}
.pr-6{
  padding-right: 20px;
}

.bg-black-1{
  background: rgba(0,0,0,0.10);
}
.w-\[109px\] {
    width: 109px;
}
.w-\[10px\] {
    width: 10px;
}
.h-\[40px\] {
    height: 40px;
}

.leading-22{
  line-height: 22px;
}
.h-\[139px\] {
  height: 139px;
}
.h-\[36px\] {
  height: 36px;
}
.h-\[120px\] {
  height: 120px;
}
.text-white-6{
  color:rgba(255,255,255,0.6);
} 
.ml-\[72px\] {
  margin-left:72px;
}
.ml-\[6px\] {
  margin-left:6px;
}
.mr-\[37px\] {
  margin-right:37px;
}
.text-6{
  font-size: 20px;
}
.text-5{
  font-size: 16px;
}
.font-bold{
  font-weight: 700;
}
.cursor-pointer{
  cursor: pointer;
}
.bg-no-repeat{
  background: no-repeat;
}
.w-\[120px\] {
    width: 120px;
  }
.w-\[480px\]{
  width:480px;
} 
.w-\[352px\]{
  width:352px;
} 
.w-\[64px\]{
  width:64px;
} 
.h-\[64px\]{
  height:64px;
} 
.w-\[56px\]{
  width:56px;
} 
.mt-\[39px\]{
  margin-top:39px;
} 
.mt-\[49px\]{
  margin-top:49px;
} 
.px-\[17px\]{
  padding-left: 17px;
  padding-right: 17px;
} 
.text-white-9{
  color: rgba(255, 255, 255, 0.9);
}
.font-medium{
  font-weight: 500;
}
.h-\[600px\]{
  height: 600px;
}
.w-\[320px\]{
  width: 320px;
}
.text-\[18px\]{
  font-size: 18px;
}
.mt-7{
  margin-top: 24px;
}
.mt-11{
  margin-top: 40px;
}
.text-9{
  font-size: 32px;
}
.bg-white{
  background-color: #fff;
}
.hidden{
  display: none;
}
.bg-login{
  background:url('/optPic/bg_signin.jpg') no-repeat center;
  background-size: cover;

}
.box-center{
  left:50%;
  top:50%;
  transform: translate(-50%,-50%);
}

.popupShadow {
        box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.5);
    }
.rounded-13{
  border-radius: 48px;
}
.flex-col-reverse{
  flex-direction: column-reverse;
}
.mt-\[108px\]{
    margin-top: 108px;
  }
.leftMenu .leftmenu-icon{
  margin-top: 25%;
  margin-bottom: 15%;
}
.leftMenu .jumpMain{
  height:10%;
  max-height: 59px;
}




.footer-links{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    column-gap: 16px;
}
.footer-right-links{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    column-gap: 16px;
    
}
.h-\[1px\]{
    height: 1px;
}
.mt-\[46px\]{
    margin-top: 46px;
}
.is-pwa .index-pwa-bottom-padding{
  padding-bottom: var(--safe-bottom);
}
.is-pwa .index-pwa-bottom-margin{
  margin-bottom: var(--safe-bottom);
}
@media (min-width: 1024px) {
     .footer-links{
    grid-template-columns: repeat(3,1fr);
}
.footer-right-links{
    grid-template-columns: repeat(3,1fr);
    
}
   
  .md\:hidden {
    display: none;
  }
  .md\:pt-\[56px\]{
    padding-top: 56px;
  }
  .md\:pb-\[41px\]{
    padding-bottom: 41px;
  }
  .md\:px-\[64px\]{
    padding-left: 64px;
    padding-right: 64px;
  }
  .mb-\[18px\]{
    margin-bottom: 18px;
  }
  .bg-gray-1{
    background: #1B1B1B;
  }
  .md\:bg-content{
    background:url('/optPic/img_people.jpg') no-repeat center;
    background-size: cover;
  }
  .md\:block{
    display: block;
  }
  .margin-auto{
    margin:0 auto;
  }

  .md\:h-\[36px\]  {
      height: 36px;
  }
  .md\:flex-row  {
    flex-direction:row;
  }
  
  .md\:h-\[72px\]  {
      height: 72px;
  }
  .md\:max-w-\[1136px\] {
    width: 1136px;
  }
  
  .md\:flex  {
      display: flex;
  }
  .login-btn-bg{
    background:linear-gradient(90deg,#F92271 0%,#FF8000 100%);
  }
  .md\:max-w-\[1136px\]{
    width: 1136px;
  }

  .call-btn{
    transition: transform .2s ease;
    transform: scale(1);
  }
  .activeClass{
    overflow: hidden;
  }
  .shadow-start-btn{
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.10);
  }
  .dow{
    border:1px solid #fff;
  }
  .dow:active{
   background:rgba(255,255,255,0.05);
   border:1px solid rgba(255,255,255,0.4);
  }
  .ltr\:left-0  {
      left:0;
  }
  .rtr\:right-0  {
      right:0;
  }
  .mt-7{
    margin-top: 24px;
  }
  .backdrop-blur-6{
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
  }
  .md\:ml-\[72px\]  {
      margin-left: 72px;
  }
  .ar .md\:ml-\[72px\]  {
      margin-right: 72px;
  }
  .ar .md\:mr-\[72px\]  {
      margin-left: 72px;
  }
  .md\:w-\[422px\]  {
      width: 422px;
  }
  .md\:w-\[460px\]  {
      width: 460px;
  }
  .md\:h-\[36px\]  {
      height: 36px;
  }
  .md\:w-\[36px\]  {
      width: 36px;
  }
  .md\:w-\[16px\]  {
      width: 16px;
  }
  .md\:w-\[360px\]  {
      width: 360px;
  }
  .md\:h-\[16px\]  {
      height: 16px;
  }
  .md\:w-\[240px\]  {
      width: 240px;
  }
  .md\:h-\[72px\]  {
      height: 72px;
  }
  .md\:w-\[181px\]  {
      width: 181px;
  }
  .md\:h-\[44px\]  {
      height: 44px;
  }
  .md\:leading-\[72px\]{
    line-height:72px;
  }
  .md\:text-\[64px\]{
    font-size: 64px;
  }
  .md\:text-9{
    font-size: 32px;
  }
  .md\:mt-9{
    margin-top: 32px;
  }
  .md\:text-\[56px\]{
    font-size: 56px;
  }
  .md\:leading-10{
    line-height: 36px;
  }
  .md\:leading-\[30px\]{
    line-height: 30px;
  }
  .md\:text-6{
    font-size: 20px;
  }
  .md\:text-7{
    font-size: 24px;
  }
  .md\:mt-\[74px\]{
    margin-top: 74px;
  }
  .md\:mt-5{
    margin-top: 16px;
  }
  .md\:justify-start {
    justify-content: flex-start;
  }
  .md\:leading-7{
    line-height: 24px;
  }
  .md\:text-5{
    font-size: 16px;
  }
  .mt-\[26px\]{
    margin-top: 26px;
  }
  
  .md\:leading-6{
    line-height: 20px;
  }
  .md\:mt-\[15px\]{
    margin-top: 15px;
  }
  .md\:leading-5{
    line-height: 16px;
  }
  .md\:mt-7{
    margin-top: 24px;
  }
  .md\:mt-\[26px\]{
    margin-top: 26px;
  }
  .max-w-\[432px\]{
    max-width: 432px;
  }
  .h-10{
    height: 36px;
  }

  .md\:mt-9{
    margin-top: 32px;
  }
  .md\:mr-\[72px\]  {
    margin-right: 72px;
  }
  .md\:mt-\[323px\]{
    margin-top: 323px;
  }
  .md\:mt-\[65px\]{
    margin-top: 65px;
  }
  .md\:mt-\[240px\]{
    margin-top: 240px;
  }
  .md\:pt-\[132px\]{
    padding-top: 132px;
  }
   .md\:mt-0 {
    margin-top: 0;
  }
  .md\:px-\[32px\]{
    padding-left: 32px;
    padding-right: 32px;
  }
  .md\:justify-center{
    justify-content: center;
  }
  #content1.faqshow,#content2.faqshow,#content3.faqshow,#content5.faqshow,#content6.faqshow,#content7.faqshow,.ar #content7.faqshow{
  max-height: 96px;
   
   
}

.faqbox .faq-border{
  padding:30px 32px;
  margin-left: 0;
  cursor: pointer;
}
.footer-item:hover{
  color: #FF4C43;
}
.footer-item:active{
  color:#B83A34;
}
.bg-line{
  background:rgba(255,255,255,0.06);
  height: 1px;

}
.md\:mt-\[51px\]{
  margin-top: 51px;
}
.md\:text-14{
    font-size: 14px;
  }
  .faqbox{
    max-height: 500px;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    font-size: 24px;
    line-height: 36px; 


  }
  #content4.faqbox{
    max-height: 345px;
  }
  #content4.faqshow{
  max-height: 85px;
}
  .faqbox .font-medium{
    color: #FF3F4F;
    
  }
  .faqshow .font-medium{
    color: #fff;
  }
  .md\:text-left{
    text-align: left;
  }
  .md\:items-center{
    align-items: center;
  }
  .md\:justify-center{
    justify-content: center;
  }
  .md\:flex-col{
    flex-direction: column;
  }
    
  .bottomContact {
    font-size: 14px;
  }

  .md\:p-0 {
    padding: 0;
  }
  .signin{
    margin-right: 16px;
  }
  #language-md-btn .language-md-dropdown{
    overflow: hidden;
    height:0px;
    position: absolute;
    left:-264px;
    top:49px;
    transition: all 0.2s ease-in-out;
  }
  .ar #language-md-btn .language-md-dropdown{
    left:0;
  }
  .ar .language-md-icon{
    margin-right: 6px;
  }
  #language-md-btn .language-active{
    height:380px;
  }
  #language-md-btn .language-md-box{
    display: grid;
    width:380px;
    border-radius: 24px;
    background: #2B2C2D;
    box-sizing: border-box;
    grid-template-columns: repeat(2,1fr);
    padding:24px;
    gap:12px;
    

  }
  
  #language-md-btn .language-md-box a{
    background: rgba(255,255,255,0.10);
    color: rgba(255,255,255,0.60);
    border-radius: 18px;
    font-weight: 500;
    align-items: center;
    justify-content: center;
    display: flex;
    cursor: pointer;
    width: 160px;
    height:34.28px;
    
  }
  .animateIcon{
    transform: rotate(180deg);
  }
  #language-md-btn .language-md-box .active{
    background: #fff;
    color: #000000;
  }
  



  .hvr-underline-from-center {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        position: relative;
        /* overflow: hidden; */
    }
    .hvr-underline-from-center:before {
        content: '';
        position: absolute;
        z-index: -1;
        left: 51%;
        right: 51%;
        bottom: -3px;
        background: rgba(255, 255, 255, 0.6);
        height: 3px;
        -webkit-transition-property: left, right;
        transition-property: left, right;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }
    .hvr-underline-from-center:hover:before,
    .hvr-underline-from-center:focus:before,
    .hvr-underline-from-center:active:before {
        left: 0;
        right: 0;
    }
    .routerLinkActive{
      border-bottom: 3px solid #fff;
      color: rgba(255, 255, 255, 1);
    }
    .footer{
      width: 100%;
      height: 388px;
      background: #1B1B1B;
      margin-top: 178px;
    }
    .footer-top{
      padding:56px 64px 44px;
    }
    .md\:leading-6{
      line-height: 20px;
    }
    .mt-\[178px\]{
      margin-top: 178px;
    }
        
  
  

  


}