/**
*
* Testing
*
**/
.about {
  padding-top: 20vh;
  padding-left: 5vw;
  position: relative;
}

@media (min-width: 451px) and (max-width: 820px) {
  .about {
    padding-top: 9vh;
  }
}

@media (max-width: 449px) {
  .about {
    padding-top: 5vh;
    padding-left: 0px;
  }
}

.about .header {
  font-weight: 900 !important;
  margin-left: 3vw;
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
  width: 55vw;
  font-weight: bold;
  font-size: 6rem;
  line-height: 6.5rem;
  letter-spacing: 6px;
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
}

@media (min-width: 451px) and (max-width: 820px) {
  .about .header {
    width: 100vw;
  }
}

@media (max-width: 449px) {
  .about .header {
    width: 90vw;
    -webkit-animation: none;
            animation: none;
    font-size: 3rem;
    line-height: initial;
    padding-left: 0.5rem;
  }
}

.about .header span {
  font-family: "Araboto" !important;
  width: 100%;
  float: left;
  -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);
          clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);
  -webkit-transform: translateX(-200px);
          transform: translateX(-200px);
  opacity: 0;
}

@media (max-width: 449px) {
  .about .header span {
    -webkit-clip-path: none;
            clip-path: none;
    opacity: 1;
    -webkit-animation: none;
            animation: none;
    float: none;
  }
}

.about .header span:nth-child(1) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.about .header span:nth-child(2) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

.about .header span:nth-child(3) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

.about .header span:nth-child(4) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.about .header_animation {
  -webkit-animation-name: titleAnimation;
          animation-name: titleAnimation;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@media (max-width: 449px) {
  .about .header_animation {
    -webkit-animation: none;
            animation: none;
  }
}

.about .about-circle {
  overflow: auto;
  position: absolute;
  z-index: -1;
  width: 40vw;
  right: -20vw;
  bottom: 24vh;
}

@media (max-width: 449px) {
  .about .about-circle {
    right: 40px;
    bottom: 118vh;
  }
}

.about .disc {
  font-family: "TwCen" !important;
  width: 55vw;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-weight: 400;
  margin: 2rem;
  font-size: 1.2rem;
  padding-block: 1rem;
}

@media (min-width: 451px) and (max-width: 820px) {
  .about .disc {
    width: 85vw;
  }
}

@media (max-width: 449px) {
  .about .disc {
    width: 100vw;
    margin: 0px;
    font-size: 1.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .about .disc p {
    padding-left: 0.6rem;
    text-align: left;
  }
}

.about .disc .explor-btn {
  margin-right: 2rem;
}

@media (min-width: 451px) and (max-width: 820px) {
  .about .disc .explor-btn {
    margin-top: 2vh;
  }
}

@media (max-width: 449px) {
  .about .disc .explor-btn {
    margin: 0 auto;
  }
}

.about .disc p {
  font-family: araboto !important;
  font-weight: 400;
}

.about .disc div {
  padding: 0rem 1.2rem;
}

@media (max-width: 449px) {
  .about .disc div {
    padding: 0rem 0.5rem;
  }
}

.about .disc div:nth-child(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  border-right: 1px solid #c5d5dd;
  text-align: right;
}

@media (max-width: 449px) {
  .about .disc div:nth-child(1) {
    border: none;
    text-align: center;
  }
}

.about .logo1,
.about .logo2 {
  position: absolute;
  opacity: 60%;
  mix-blend-mode: color-dodge;
  z-index: -1;
  width: 50vw;
}

@media (min-width: 451px) and (max-width: 820px) {
  .about .logo1,
  .about .logo2 {
    width: 60vw;
  }
}

@media (max-width: 449px) {
  .about .logo1,
  .about .logo2 {
    display: none;
  }
}

.about .logo1 {
  right: 0px;
  top: -15vh;
}

@media (min-width: 451px) and (max-width: 820px) {
  .about .logo1 {
    right: -120px;
    top: -5vh;
  }
}

.about .logo2 {
  top: 75vh;
  left: -35vw;
}

@media (min-width: 451px) and (max-width: 820px) {
  .about .logo2 {
    top: 55vh;
    left: -29vw;
  }
}

.about .red-quote {
  position: relative;
  margin-left: -5vw !important;
  width: 100vw;
  background-color: #8d1620;
  padding: 5vh 20vw;
  margin-top: 30vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 1.5rem;
  text-align: center;
}

@media (min-width: 451px) and (max-width: 820px) {
  .about .red-quote {
    margin-top: 10vh;
  }
}

@media (max-width: 449px) {
  .about .red-quote {
    padding: 5vh 5vw;
    margin-top: 2vh;
    margin-left: 0vw !important;
  }
}

.about .red-quote img {
  width: 10vw;
  margin: 5vh;
}

@media (max-width: 449px) {
  .about .red-quote img {
    width: 25vw;
  }
}

.about .red-quote p {
  font-family: TwCen-normal !important;
  color: white;
}

@media (max-width: 449px) {
  .about .red-quote p {
    font-size: 1rem;
  }
}

.about .red-quote button {
  border-color: white;
  margin: 2rem;
}

.about .red-quote button:hover span {
  color: #2a363c;
}

.about .red-quote button span {
  color: white;
}

.about .red-quote .red-quote-circle {
  position: absolute;
  left: -35vw;
  top: 19vh;
  width: 46vw;
}

@media (max-width: 450px) {
  .about .red-quote .red-quote-circle {
    display: none;
  }
}

.container {
  position: relative;
}

h1 span,
h2 span {
  width: 100%;
  float: left;
  -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);
          clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);
  -webkit-transform: translateX(-150px);
          transform: translateX(-150px);
  opacity: 0;
  -webkit-animation-name: titleAnimation;
          animation-name: titleAnimation;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}

h1 span {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

h1 span:first-child {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}

h1 span:last-child {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

@-webkit-keyframes titleAnimation {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);
            clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);
  }
  20% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);
            clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);
            clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);
  }
}

@keyframes titleAnimation {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);
            clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);
  }
  20% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);
            clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);
            clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);
  }
}

.ball {
  width: 10px;
  height: 10px;
  position: fixed;
  top: 0;
  left: 0;
  border: 3px solid white;
  background-color: white;
  border-radius: 50%;
  pointer-events: none;
  z-index: 856432;
}

@media (max-width: 820px) {
  .ball {
    display: none;
  }
}

.focus {
  background: transparent;
  width: 100px;
  height: 100px;
}

.showImg {
  display: initial !important;
}

.cursor-follower {
  height: 50vh;
  width: 40vh;
  position: relative;
  left: 2vw;
  top: -13vh;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 2;
}

.cursor-follower img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: none;
}

@font-face {
  font-family: "TwCen-bold";
  src: url("../fonts/TwCenClassMTStd-Bold.eot");
  src: url("../fonts/TwCenClassMTStd-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/TwCenClassMTStd-Regular.woff2") format("woff2"), url("../fonts/TwCenClassMTStd-Bold.woff") format("woff"), url("../fonts/TwCenClassMTStd-Bold.svg#TwCenClassMTStd-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "TwCen-normal";
  src: url("../fonts/TwCenClassMTStd-Regular.eot");
  src: url("../fonts/TwCenClassMTStd-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/TwCenClassMTStd-Bold.woff2") format("woff2"), url("../fonts/TwCenClassMTStd-Regular.woff") format("woff"), url("../fonts/TwCenClassMTStd-Regular.svg#TwCenClassMTStd-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Britannic";
  src: url("../fonts/BritannicBold.eot");
  src: url("../fonts/BritannicBold.eot?#iefix") format("embedded-opentype"), url("../fonts/BritannicBold.woff2") format("woff2"), url("../fonts/BritannicBold.woff") format("woff"), url("../fonts/BritannicBold.svg#BritannicBold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Araboto";
  src: url("../fonts/Araboto-Normal.eot");
  src: url("../fonts/Araboto-Normal.eot?#iefix") format("embedded-opentype"), url("../fonts/Araboto-Normal.woff2") format("woff2"), url("../fonts/Araboto-Normal.woff") format("woff"), url("../fonts/Araboto-Normal.svg#Araboto-Normal") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.footer {
  background-color: #666666;
  background-image: url("../images/Transaction.jpg");
  background-position: left top;
  background-size: cover;
  background-repeat: no-repeat;
}

footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 90vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 820px) {
  footer {
    background-position: center;
    height: 100vh;
  }
}

@media (max-width: 450px) {
  footer {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: inherit;
    padding-bottom: 5vh;
  }
}

footer * {
  color: #8d1620 !important;
}

footer .Section-Title {
  margin-top: 5vh;
  margin-left: 7vw;
  margin-bottom: 3vh;
}

@media (max-width: 820px) {
  footer .Section-Title {
    margin-top: 5vh;
  }
}

footer .Section-Title h5 {
  color: #2a363c !important;
}

footer .Section-Title .dot {
  background-color: #2a363c !important;
}

footer .contact-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 450px) {
  footer .contact-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

footer .form {
  padding: 1rem;
  width: 70vw;
}

@media (min-width: 451px) and (max-width: 820px) {
  footer .form {
    width: 50vw;
  }
}

@media (max-width: 450px) {
  footer .form {
    width: 100vw;
    padding: 0vh 5vw;
  }
}

footer .form form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 10vw;
}

@media (min-width: 451px) and (max-width: 820px) {
  footer .form form {
    padding: 1vw;
  }
}

@media (max-width: 450px) {
  footer .form form {
    padding: 0px;
  }
}

footer .form form h2 {
  width: 60%;
  margin-bottom: 2vh;
}

@media (max-width: 820px) {
  footer .form form h2 {
    width: 100%;
  }
}

footer .form ::-webkit-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #2a363c;
}

footer .form :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #2a363c;
}

footer .form ::-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #2a363c;
}

footer .form ::placeholder {
  /* Internet Explorer 10-11 */
  color: #2a363c;
}

footer .form input,
footer .form textarea {
  border: none;
  outline: none;
  padding: 0.7rem;
  width: 45%;
  font-family: TwCen-normal !important;
  background-color: #cde8f5;
  color: #2a363c !important;
  margin-top: 1rem;
}

@media (max-width: 820px) {
  footer .form input,
  footer .form textarea {
    width: 95%;
  }
}

footer .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 820px) {
  footer .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 50vw;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

@media (max-width: 450px) {
  footer .content {
    width: 100vw;
  }
}

@media (max-width: 820px) {
  footer .content .social {
    margin-top: 5vh;
  }
}

@media (max-width: 450px) {
  footer .content .social {
    padding: 0px 5vw;
  }
}

footer .content .social .follow {
  font-size: 2rem;
}

@media (max-width: 450px) {
  footer .content .social .follow {
    font-size: 1.6rem;
  }
}

footer .content .social .links {
  margin-top: 3vh;
}

footer .content .social .links a {
  text-decoration: none;
  margin-right: 2.5vw;
  font-family: TwCen-normal !important;
  font-weight: 300;
}

footer .content .social .links a:hover {
  color: #e04a3f !important;
}

footer .content .social .line {
  background-color: #96a2ad;
  width: 80%;
  height: 2px;
  margin-block: 2rem;
}

footer .content .numbers {
  width: 20vw;
  margin-right: 2vw;
}

@media (max-width: 820px) {
  footer .content .numbers {
    width: 95%;
    margin-top: 2vh;
    margin-left: 0vw;
  }
}

@media (max-width: 820px) {
  footer .content .numbers {
    padding: 0px 5vw;
    margin-top: 5vh;
  }
}

footer .content .numbers ul {
  list-style-type: none;
  padding-left: 0rem !important;
}

footer .content .numbers ul li {
  font-family: TwCen-normal !important;
  margin-block: 5px;
  font-weight: 300;
}

footer .content .numbers ul li .bold {
  font-family: TwCen-bold !important;
  font-weight: 400;
}

footer .content .numbers .location {
  font-family: TwCen-normal !important;
  letter-spacing: 2px;
  margin-top: 20px;
}

footer .content .numbers h1 {
  color: #2a363c !important;
}

.our-mission {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 18vh;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 450px) {
  .our-mission {
    padding-top: 10vh;
    padding: 15vw;
  }
}

.our-mission .lkgt {
  color: #8d1620;
  left: 15vw;
  position: absolute;
  font-size: 14rem;
  top: 22vh;
  z-index: 5;
}

@media (min-width: 451px) and (max-width: 820px) {
  .our-mission .lkgt {
    left: 15vw;
    font-size: 10rem;
    top: 10vh;
  }
}

@media (max-width: 450px) {
  .our-mission .lkgt {
    font-size: 5rem;
    margin-top: -6vh;
    position: initial;
  }
}

.our-mission .mission h1 {
  position: absolute;
  top: 50vh;
  right: 12vw;
  z-index: 5;
  font-size: 12rem;
}

@media (min-width: 451px) and (max-width: 820px) {
  .our-mission .mission h1 {
    top: 27vh;
    right: 11vw;
    font-size: 8rem;
  }
}

@media (max-width: 450px) {
  .our-mission .mission h1 {
    font-size: 5rem;
    position: initial;
    -webkit-animation: none !important;
            animation: none !important;
    -webkit-transform: none !important;
            transform: none !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}

.our-mission .mission div {
  position: absolute;
  top: 38vh;
  font-size: 2rem;
  z-index: 5;
}

@media (max-width: 450px) {
  .our-mission .mission div {
    position: initial;
  }
}

.our-mission .image {
  width: 50vw;
  top: -41vh;
  position: relative;
}

@media (min-width: 451px) and (max-width: 820px) {
  .our-mission .image {
    width: 60vw;
    top: -12vh;
  }
}

@media (max-width: 449px) {
  .our-mission .image {
    width: 90vw;
    position: relative;
    top: 0vh;
    -webkit-animation: none !important;
            animation: none !important;
    -webkit-transform: none !important;
            transform: none !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}

.our-mission article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 820px) {
  .our-mission article {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.our-mission article .with-btn {
  text-align: right;
}

@media (max-width: 820px) {
  .our-mission article .with-btn {
    text-align: center;
  }
}

.our-mission article div {
  width: 40vw;
  padding: 6rem 4rem;
}

@media (max-width: 820px) {
  .our-mission article div {
    width: 80vw;
    padding: 2rem 1rem;
    text-align: center;
  }
}

@media (max-width: 449px) {
  .our-mission article div {
    width: 90vw;
  }
}

.our-mission article div p {
  font-size: 1.5rem;
  font-family: "TwCen-normal" !important;
}

@media (max-width: 449px) {
  .our-mission article div p {
    font-size: 1rem;
  }
}

.sectors {
  overflow-x: hidden;
  position: relative;
  height: 100vh;
}

.sectors a {
  color: inherit;
  text-decoration: none;
  font-size: inherit;
}

.sectors a:hover {
  color: inherit;
}

.sectors .Section-Title {
  margin-left: 5vw;
  z-index: 5;
  position: relative;
}

@media (max-width: 450px) {
  .sectors .Section-Title {
    margin-left: 0vw;
  }
}

.sectors .sectors-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

@media (max-width: 820px) {
  .sectors .sectors-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.sectors .sectors-content .explor-btn {
  background-color: #2a363c;
  border: none;
  color: #edf4fc;
  padding: 0.9rem 2.2rem;
  font-size: 0.8rem;
}

.sectors .sectors-content .explor-btn span {
  color: #edf4fc;
}

.sectors .sectors-content .explor-btn:hover span {
  color: #8d1620;
}

.sectors .sectors-content .red-block,
.sectors .sectors-content .dark-block {
  padding: 5vh;
  padding-top: 5vh;
  width: 50vw;
  height: 100vh;
}

@media (max-width: 820px) {
  .sectors .sectors-content .red-block,
  .sectors .sectors-content .dark-block {
    width: 100vw;
    height: inherit;
  }
}

@media (max-width: 450px) {
  .sectors .sectors-content .red-block,
  .sectors .sectors-content .dark-block {
    width: 100vw;
  }
}

.sectors .sectors-content .red-block .text {
  z-index: 10;
  left: 41%;
  position: relative;
  top: 22%;
}

@media (max-width: 820px) {
  .sectors .sectors-content .red-block .text {
    margin-left: 5vw;
    position: initial;
  }
}

@media (max-width: 820px) {
  .sectors .sectors-content .red-block .text #itsP {
    width: 50vw;
  }
}

@media (max-width: 820px) {
  .sectors .sectors-content .red-block .text #itsP {
    width: 65vw;
    word-spacing: 5px;
    overflow-wrap: break-word;
  }
}

.sectors .sectors-content .red-block .text h1 {
  color: #edf4fc;
  font-size: 5rem;
}

@media (max-width: 450px) {
  .sectors .sectors-content .red-block .text h1 {
    font-size: 3rem;
    word-break: break-word;
    width: 80vw;
  }
}

.sectors .sectors-content .red-block .text p {
  color: #edf4fc;
  font-family: "Araboto" !important;
  font-weight: 300;
}

.sectors .sectors-content .red-block .text p,
.sectors .sectors-content .red-block .text .explor-btn {
  position: relative;
  left: -5%;
  margin-top: 0.5rem;
}

@media (max-width: 450px) {
  .sectors .sectors-content .red-block .text p,
  .sectors .sectors-content .red-block .text .explor-btn {
    left: 0%;
  }
}

.sectors .sectors-content .dark-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.sectors .sectors-content .dark-block .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  bottom: 6vh;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 22vw;
  background: rebeccapurple;
  margin-right: 10vw;
  height: 0px;
}

@media (max-width: 820px) {
  .sectors .sectors-content .dark-block .btns {
    width: 70vw;
  }
}

@media (max-width: 450px) {
  .sectors .sectors-content .dark-block .btns {
    width: 80vw;
  }
}

.sectors .sectors-content .dark-block .btns button {
  width: 5vw;
  height: 5vw;
  border-radius: 50%;
  border: none;
  letter-spacing: 2px;
  outline: none;
  font-family: TwCen-normal !important;
  font-size: 0.7rem;
  background: #ff000000;
  border: 1px solid transparent;
}

@media (max-width: 820px) {
  .sectors .sectors-content .dark-block .btns button {
    width: 13vw;
    height: 13vw;
    font-size: 1.2rem;
  }
}

@media (max-width: 450px) {
  .sectors .sectors-content .dark-block .btns button {
    font-size: initial;
    width: 20vw;
    height: 20vw;
  }
}

.sectors .sectors-content .dark-block .btns button:hover {
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  border: 1px solid #c5d5dd;
}

.sectors .sectors-content .dark-block .btns .line {
  background: #c5d5dd;
  height: 1px;
  width: 50%;
}

.sectors .sectors-content .dark-block img {
  width: 45vw;
  position: absolute;
  right: 12vw;
  z-index: 4;
  top: -30vh;
}

@media (max-width: 820px) {
  .sectors .sectors-content .dark-block img {
    width: 65vw;
    position: initial;
    -webkit-transform: none !important;
            transform: none !important;
  }
}

@media (max-width: 450px) {
  .sectors .sectors-content .dark-block img {
    width: 80vw;
  }
}

.sectors .sectors-content .dark-block h1 {
  z-index: -1;
  -webkit-transform: rotate(-90deg);
  transform: rotate(90deg);
  font-size: 16rem;
  position: absolute;
  right: -15vh;
  opacity: 20%;
  top: 29vh;
  color: #c5d5dd;
}

@media (max-width: 820px) {
  .sectors .sectors-content .dark-block h1 {
    left: 0px;
  }
}

@media (max-width: 450px) {
  .sectors .sectors-content .dark-block h1 {
    display: none;
  }
}

.sectors .sectors-content .right-red-line {
  position: absolute;
  right: 0px;
  top: 15%;
  height: 70%;
  width: 0.5vw;
  background-color: #8d1620;
}

@media (max-width: 820px) {
  .sectors .sectors-content .right-red-line {
    top: 41%;
    height: 40%;
    width: 1.5vw;
  }
}

@media (max-width: 450px) {
  .sectors .sectors-content .right-red-line {
    width: 2vw;
  }
}

.sectors .sectors-content .circle {
  position: absolute;
  width: 40vw;
  left: -20rem;
  bottom: -37%;
}

.sectors .sectors-content .circle img {
  width: 100%;
}

.sectors .red-animation {
  background-color: #8d1620;
  position: absolute;
  left: 0px;
  height: 100vh;
  width: 50vw;
  top: 0px;
  z-index: -1;
}

@media (max-width: 820px) {
  .sectors .red-animation {
    height: 70vh;
    width: 70vw;
    -webkit-animation: none;
            animation: none;
  }
}

.sectors .red-2 {
  z-index: -1;
  background-color: rgba(255, 117, 117, 0.623) !important;
  position: absolute;
  left: 0px;
  height: 100vh;
  width: 50vw;
  top: 0px;
  z-index: -1;
}

@media (max-width: 820px) {
  .sectors .red-2 {
    display: none;
  }
}

.sectors .red-effect2 {
  -webkit-animation: redEffect 1.5s forwards;
          animation: redEffect 1.5s forwards;
  -webkit-animation-delay: 200ms;
          animation-delay: 200ms;
}

.sectors .red-effect {
  -webkit-animation: redEffect2 1.5s forwards;
          animation: redEffect2 1.5s forwards;
}

@-webkit-keyframes redEffect {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0vh);
            transform: translateY(0vh);
  }
  100% {
    opacity: 30%;
    -webkit-transform: translateY(100vh);
            transform: translateY(100vh);
  }
}

@keyframes redEffect {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0vh);
            transform: translateY(0vh);
  }
  100% {
    opacity: 30%;
    -webkit-transform: translateY(100vh);
            transform: translateY(100vh);
  }
}

@-webkit-keyframes redEffect2 {
  0% {
    opacity: 30%;
    -webkit-transform: translateY(100vh);
            transform: translateY(100vh);
  }
  100% {
    opacity: 100%;
    -webkit-transform: translateY(0vh);
            transform: translateY(0vh);
  }
}

@keyframes redEffect2 {
  0% {
    opacity: 30%;
    -webkit-transform: translateY(100vh);
            transform: translateY(100vh);
  }
  100% {
    opacity: 100%;
    -webkit-transform: translateY(0vh);
            transform: translateY(0vh);
  }
}

.sector_header {
  height: initial;
}

.sectorsPage {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 5vh;
}

@media (max-width: 450px) {
  .sectorsPage {
    width: 100vw;
    overflow: initial;
    display: initial;
  }
}

.sectorsPage .circle {
  position: absolute;
  right: -310px;
  bottom: -41vh;
  width: 40vw;
  z-index: -1;
  opacity: 60%;
}

@media (max-width: 450px) {
  .sectorsPage .circle {
    opacity: 30%;
    width: 160vw;
  }
}

.sectorsPage .circle img {
  width: 100%;
}

.sectorsPage .logo {
  position: absolute;
  z-index: -1;
  bottom: -12vh;
  right: -3vw;
  width: 38vw;
  opacity: 40%;
  mix-blend-mode: color-dodge;
}

.sectorsPage .title {
  width: 45vw;
  padding-right: 5vw;
  padding-top: 5vh;
}

@media (max-width: 450px) {
  .sectorsPage .title {
    padding-left: 10vw;
    width: 100vw;
    position: absolute;
    top: 0px;
    opacity: 0;
    left: 0px;
    z-index: -1;
  }
}

.sectorsPage .title h1 {
  z-index: -1;
  top: 5px;
  color: #d22e3c;
  margin-top: 0vh;
  position: relative;
  letter-spacing: 5px;
  margin-left: -5vw;
  font-size: 5rem;
}

@media (min-width: 451px) and (max-width: 820px) {
  .sectorsPage .title h1 {
    font-display: 4rem;
  }
}

@media (max-width: 450px) {
  .sectorsPage .title h1 {
    margin: auto;
  }
}

.sectorsPage .title p {
  font-family: "TwCen-normal" !important;
  padding-block: 1rem;
}

@media (max-width: 450px) {
  .sectorsPage .title p {
    padding-inline: 1rem;
  }
}

.sectorsPage .listt {
  height: 90vh;
  overflow: scroll;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 55vw;
  list-style-type: none;
}

.sectorsPage .listt::-webkit-scrollbar-thumb, .sectorsPage .listt::-webkit-scrollbar {
  background: transparent;
}

@media (max-width: 450px) {
  .sectorsPage .listt {
    width: 100vw;
    overflow: initial;
    height: initial;
    position: absolute;
    top: 0px;
    left: 0px;
  }
}

.sectorsPage .listt dt {
  font-weight: 200;
  padding-left: 2rem;
  padding-top: 1rem;
  font-size: 1rem;
  font-family: "TwCen-normal" !important;
  letter-spacing: 2px;
  font-weight: 200;
}

.sectorsPage .listt li {
  font-family: "TwCen-normal" !important;
  letter-spacing: 2px;
  font-weight: 300;
  padding-left: 4rem;
  padding-bottom: 1rem;
  padding-top: 0.2rem;
  width: 80%;
  font-size: 3rem;
  color: gray;
  cursor: pointer;
  line-height: 5rem;
  border-bottom: 1px solid gray;
  position: relative;
}

@media (min-width: 451px) and (max-width: 820px) {
  .sectorsPage .listt li {
    font-size: 2rem;
    line-height: 3rem;
    color: #c5d5dd;
  }
}

@media (max-width: 450px) {
  .sectorsPage .listt li {
    color: #c5d5dd;
    padding-left: 5vw;
    line-height: inherit;
    font-size: 2rem;
    width: 100%;
  }
}

.sectorsPage .listt li::before {
  background: white;
  content: "";
  display: block;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 1px;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.sectorsPage .listt li:hover {
  color: white;
  z-index: 856435;
}

.sectorsPage .listt li:hover::before {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: left;
          transform-origin: left;
}

.sectorsPage .icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.sectorsPage .icons img {
  width: 6vw;
  margin: 10px;
}

.sectorsPage .icons img:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

@media (max-width: 450px) {
  .sectorsPage .icons img {
    width: 15vw;
  }
}

.sectorsPage .back {
  color: #c5d5dd;
  font-weight: bold;
  background: transparent;
  border: 2px solid #c5d5dd;
  padding: 5px 10px;
  outline: none;
}

@media (min-width: 450px) {
  .sectorsPage .back {
    display: none;
  }
}

::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background-color: #2A363C;
  /* or add it to the track */
}

/* Add a thumb */
::-webkit-scrollbar-thumb {
  background: #8D1620;
}

aside {
  position: fixed;
  top: 0px;
  right: 0px;
  width: 40vw;
  height: 100vh;
  z-index: 5555;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
  display: none;
}

@media (max-width: 449px) {
  aside {
    width: 100vw;
    height: 100vh;
    left: 0px;
    right: initial;
  }
}

aside .left {
  height: 100%;
  width: 20vw;
  background-color: #5e656d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 449px) {
  aside .left {
    width: 30vw;
  }
}

aside .left div img {
  width: 6vw;
  margin-top: 3rem;
}

@media (max-width: 449px) {
  aside .left div img {
    width: 15vw;
  }
}

aside .left div .lkgt {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
  text-transform: uppercase;
  font-size: 3rem;
  margin: 10px auto;
}

aside .left button {
  border: none;
  background-color: transparent;
  width: 3vw;
  margin: 2rem;
}

@media (max-width: 449px) {
  aside .left button {
    width: 10vw;
    margin-bottom: 16vh;
  }
}

aside .left button:hover {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

aside .left button img {
  width: 100%;
}

aside .right {
  width: 35vw;
  background-color: #2a363c;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 449px) {
  aside .right {
    width: 70vw;
  }
}

aside .right .borderd {
  border-left: 5px solid #8d1620;
  width: 80%;
  margin-top: 5vh;
}

aside .right div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

aside .right div ol {
  list-style-type: none;
}

aside .right div ol li {
  margin-block: 1rem;
  font-size: 1.2rem;
}

aside .right div ol li a {
  color: #c5d5dd;
  text-decoration: none;
  font-family: TwCen-normal !important;
  font-weight: 200;
}

aside .right div ol li a:hover {
  color: #8d1620;
}

aside .right div ol li::before {
  content: "--";
}

aside .right div .social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

aside .right div .social button {
  background-color: transparent;
  border: none;
  width: 3vw;
  height: 3vw;
  margin: 10px;
}

@media (max-width: 450px) {
  aside .right div .social button {
    width: 10vw;
    height: 10vw;
  }
}

aside .right div .social .facebook {
  background: url("../images/ico_facebook.svg") no-repeat;
  background-position: center;
}

aside .right div .social .Instgram {
  background: url("../images/ico_instagram.svg") no-repeat;
  background-position: center;
}

.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 449px) {
  .show body {
    overflow: hidden !important;
  }
}

.factsContainer_sm,
.factsContainer_sm2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.factsContainer_sm2 {
  -webkit-transform: translate(-50vw, 0px);
          transform: translate(-50vw, 0px);
}

.clients {
  padding-top: 10vh;
  padding-block: 15vh;
  background: #9baab0;
  position: relative;
}

.clients .Section-Title {
  margin-left: 5vw;
}

.clients .Section-Title .dot {
  background: #2a363c;
}

.clients .Section-Title h5 {
  color: #2a363c !important;
}

.factsContainer {
  padding-top: 5vh;
}

.fact,
.fact2 {
  height: 20vh;
  padding: 0.5em;
}

.fact img,
.fact2 img {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}

.socialContainer {
  width: 100vw;
  height: 50vh;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0px;
  margin: 0px;
  font-family: Britannic !important;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #c5d5dd;
  accent-color: #8d1620;
}

::-moz-selection {
  color: #2a363c;
  background: #9f4048;
}

::selection {
  color: #2a363c;
  background: #9f4048;
}

html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden !important;
  background-color: #2a363c !important;
}

.Section-Title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: "TwCen";
}

.Section-Title .dot {
  background-color: #c5d5dd;
  width: 10px;
  height: 10px;
  margin: 1rem;
  -webkit-margin-end: 20px;
          margin-inline-end: 20px;
}

.Section-Title h5 {
  font-size: 2rem;
}

header {
  height: 100vh;
  background: url(../images/hero-bg.jpg) center/cover;
}

@media (min-width: 451px) and (max-width: 820px) {
  header {
    height: 90vh;
  }
}

header nav {
  text-transform: uppercase;
  font-size: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-inline: 2rem;
}

header nav a {
  text-decoration: none;
  color: #c5d5dd;
}

header nav a:hover, header nav a:focus {
  color: #c5d5dd;
}

header nav .contact-btn {
  background-color: #c5d5dd;
  padding: 12px;
  border-bottom-right-radius: 10px;
  color: #2a363c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.8rem;
}

header nav .contact-btn:hover {
  color: #2a363c;
}

@media (max-width: 449px) {
  header nav .contact-btn {
    display: none;
  }
}

header nav .main-btns {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 4vw;
}

@media (max-width: 449px) {
  header nav .main-btns {
    display: none;
  }
}

header nav .main-btns a {
  margin-inline: 1.6rem;
  padding-top: 10px;
  margin-top: 10px;
  position: relative;
}

header nav .main-btns a div {
  font-family: TwCen-normal !important;
  font-size: 0.8rem;
}

header nav .main-btns a div::after {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  top: 0px;
  left: 0px;
  background-color: transparent;
}

header nav .main-btns a div:hover::after {
  background-color: #c5d5dd;
}

header nav .main-btns a img {
  padding-inline: 1.6rem;
}

header nav .main-btns .menu-btn-active::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  top: 0px;
  left: 0px;
  background-color: #c5d5dd;
}

header nav .menu {
  width: 3vw;
  position: absolute;
  top: 2vh;
  right: 3vw;
  z-index: 5555;
}

@media (max-width: 820px) {
  header nav .menu {
    width: 11vw;
  }
}

@media (min-width: 451px) and (max-width: 820px) {
  header nav .menu {
    width: 5vw;
  }
}

header nav .menu img {
  width: 100%;
}

header .OnMobileLogo {
  position: absolute;
  top: 3vh;
  left: 2vh;
  width: 30vw;
}

@media (min-width: 820px) {
  header .OnMobileLogo {
    display: none;
  }
}

header .hero {
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 90vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 450px) {
  header .hero {
    margin-top: 10vh;
  }
}

header .hero .text {
  position: relative;
}

header .hero .global {
  position: absolute;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #c5d5dd;
  color: transparent;
  left: 10vw;
  font-size: 5rem;
  top: -5vh;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

header .hero .global:hover {
  color: #8d1620;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

@media (min-width: 451px) and (max-width: 820px) {
  header .hero .global {
    left: 13vw;
    font-size: 4rem;
    top: -3vh;
    z-index: 6;
  }
}

@media (max-width: 449px) {
  header .hero .global {
    font-size: 3rem;
    line-height: 0.3rem;
    position: initial;
  }
}

header .hero .alkhwam {
  color: #8d1620;
  font-size: 12rem;
  letter-spacing: 1px;
  -webkit-animation: alkhwam 1s;
          animation: alkhwam 1s;
  -webkit-animation-timing-function: cubic-bezier(0.69, 0.11, 0.02, 1.15);
          animation-timing-function: cubic-bezier(0.69, 0.11, 0.02, 1.15);
}

@media (min-width: 451px) and (max-width: 820px) {
  header .hero .alkhwam {
    font-size: 9rem;
    z-index: 2;
  }
}

@media (max-width: 449px) {
  header .hero .alkhwam {
    font-size: 5rem;
    position: initial;
    padding: 0px;
    line-height: 5rem;
    z-index: 55;
  }
}

@-webkit-keyframes alkhwam {
  0% {
    letter-spacing: 1500px;
  }
  100% {
    letter-spacing: 1px;
  }
}

@keyframes alkhwam {
  0% {
    letter-spacing: 1500px;
  }
  100% {
    letter-spacing: 1px;
  }
}

header .hero .tech {
  font-size: 3rem;
  position: absolute;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
  top: 0rem;
  left: 29vw;
}

@media (min-width: 451px) and (max-width: 820px) {
  header .hero .tech {
    top: 12vh;
    left: 55vw;
    z-index: 3;
  }
}

@media (max-width: 450px) {
  header .hero .tech {
    font-size: 3rem;
    -webkit-animation: none !important;
            animation: none !important;
    position: initial;
    text-align: end;
    margin: 0px;
    line-height: 0.1rem;
  }
}

header .hero .tech:hover {
  -webkit-transform: scale(1.4) !important;
          transform: scale(1.4) !important;
}

header .hero .twinty {
  font-weight: 800;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  left: -10rem;
  top: 13rem;
  position: absolute;
  font-size: 18vw;
  -webkit-animation: twinty 0.8s;
          animation: twinty 0.8s;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
  opacity: 0%;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(1, 0.51, 0.53, 0.99);
          animation-timing-function: cubic-bezier(1, 0.51, 0.53, 0.99);
}

@media (min-width: 451px) and (max-width: 820px) {
  header .hero .twinty {
    left: -39vw !important;
    top: 20rem;
    position: absolute;
    line-height: initial !important;
    font-size: 39vw !important;
  }
}

@media (max-width: 449px) {
  header .hero .twinty {
    font-weight: 800;
    -webkit-transform: none;
            transform: none;
    left: 2rem;
    top: 28rem;
    position: absolute;
    font-size: 35vw;
    opacity: 30%;
    -webkit-animation: none;
            animation: none;
  }
}

@-webkit-keyframes twinty {
  0% {
    left: -23rem;
    opacity: 0%;
    font-size: 30vw;
  }
  100% {
    opacity: 20%;
    font-size: 18vw;
    left: -10rem;
  }
}

@keyframes twinty {
  0% {
    left: -23rem;
    opacity: 0%;
    font-size: 30vw;
  }
  100% {
    opacity: 20%;
    font-size: 18vw;
    left: -10rem;
  }
}

header .hero .lkgt-circle {
  position: absolute;
  right: 3rem;
  top: 16vh;
  opacity: 80%;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

header .hero .lkgt-circle img {
  width: 9vw;
}

@media (min-width: 451px) and (max-width: 820px) {
  header .hero .lkgt-circle img {
    width: 20vw;
  }
}

@media (max-width: 449px) {
  header .hero .lkgt-circle img {
    width: 30vw;
    opacity: 25%;
  }
}

header .hero .go-to-profile {
  position: absolute;
  right: 2rem;
  bottom: -3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 449px) {
  header .hero .go-to-profile {
    bottom: 2rem;
  }
}

header .hero .go-to-profile:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

header .hero .go-to-profile .img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 15vw;
  height: 15vh;
  background: url(../images/img.png) center/cover;
}

@media (min-width: 451px) and (max-width: 820px) {
  header .hero .go-to-profile .img {
    width: 31vw;
    height: 13vh;
  }
}

@media (max-width: 449px) {
  header .hero .go-to-profile .img {
    width: 40vw;
    height: 13vh;
  }
}

header .hero .go-to-profile .img img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.438));
          filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.438));
}

header .hero .go-to-profile .text {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: mixed;
  font-size: 0.7rem;
}

.marqee-div {
  background-color: #c5d5ddb9;
}

.marqee-div .news-tv {
  color: #2a363c;
  width: 100vw;
  padding-top: 0.5rem;
  font-size: 1.2rem;
}

.explor-btn {
  background-color: transparent;
  color: #c5d5dd;
  font-size: 1.1rem;
  border: 2px solid #c5d5dd;
  padding: 0.6rem 1.2rem;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  outline: none;
  letter-spacing: 1px;
}

.explor-btn span {
  position: relative;
  z-index: 5;
  text-transform: uppercase;
  font-family: TwCen-normal !important;
}

.explor-btn:hover span {
  color: #2a363c;
  letter-spacing: 3px;
}

.explor-btn:hover::before {
  -webkit-transform: scale(20);
          transform: scale(20);
  background-color: #c5d5dd;
}

.explor-btn::before {
  content: "";
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  width: 10px;
  height: 10px;
  background-color: transparent;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
}

.my__fadeInDown {
  -webkit-animation: MyFadeInDown 0.3s cubic-bezier(0.45, -0.22, 0.21, 1.02);
          animation: MyFadeInDown 0.3s cubic-bezier(0.45, -0.22, 0.21, 1.02);
}

@-webkit-keyframes MyFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@keyframes MyFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

.my__fadeInUp {
  -webkit-animation: my__fadeInUp 0.3s cubic-bezier(0.45, -0.22, 0.21, 1.02);
          animation: my__fadeInUp 0.3s cubic-bezier(0.45, -0.22, 0.21, 1.02);
}

@-webkit-keyframes my__fadeInUp {
  from {
    opacity: 1;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@keyframes my__fadeInUp {
  from {
    opacity: 1;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

.rotate {
  -webkit-animation: rotate 25s infinite linear;
          animation: rotate 25s infinite linear;
}

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

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

@media (min-width: 451px) and (max-width: 820px) {
  .pImage {
    -webkit-transform: none !important;
            transform: none !important;
  }
}

.footer-basic {
  padding: 40px 0;
  color: #c5d5dd;
  background: #48565e;
  position: relative;
  overflow: hidden;
}

.footer-basic .logo {
  position: absolute;
  right: -17px;
  bottom: -77vh;
  width: 80vw;
  opacity: 30%;
  mix-blend-mode: color-dodge;
}

.footer-basic .circle {
  position: absolute;
  width: 30vw;
  bottom: -38vh;
  left: -18vw;
}

.footer-basic .circle img {
  width: 100%;
}

.footer-basic ul {
  padding: 0;
  list-style: none;
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.6;
  margin-bottom: 0;
}

.footer-basic li {
  padding: 0 10px;
}

.footer-basic ul a {
  color: inherit;
  text-decoration: none;
  opacity: 0.8;
}

.footer-basic ul a:hover {
  opacity: 1;
}

.footer-basic .social {
  text-align: center;
  padding-bottom: 12px;
}

.footer-basic .social > a {
  line-height: 20px;
  font-size: 1.4rem;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  margin: 0 8px;
  color: inherit;
  opacity: 0.75;
  text-decoration: none;
}

.footer-basic .social > a:hover {
  opacity: 0.9;
}

.footer-basic .copyright {
  margin-top: 15px;
  text-align: center;
  font-size: 13px;
  color: #aaa;
  margin-bottom: 0;
}

.mySwiper {
  width: 100%;
  margin-top: 10vh;
  margin-bottom: 10vh;
  height: 60vh;
}

@media (max-width: 820px) {
  .mySwiper {
    margin-top: 3vh;
    margin-bottom: 3vh;
  }
}

.swiper-slide {
  text-align: center;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
/*# sourceMappingURL=style.css.map */