/*---------------------------------------------"
Template Name: Drax
Description: Drax HTML Template
Version: 1.0.0


===============================================   
STYLE SHEET INDEXING
|
|___ Default Styles
|	|___ Variables
|	|___ Reset Styles
|	|___ Typography
|	|___ Forms Styles
|	|___ Rating Input
|	|___ Helper Classes 
|
|___ Elements Styles
|	|___ Preloader
|	|___ Button
|	|___ Heading Style
|	|___ Timer Countdown
|	|___ Pagination
|
|___Blocks Styles
|	|___ Header Style
|	|___ Footer Style
|
|___Template Styles
|	|___ Heroes Area Styles
|	|___ Digital Area Styles
|	|___ About Area Styles
|	|___  Service Area Styles
|	|___ portfolio Area Styles
|	|___ Acheivement Area Styles
|	|___ Client Area Styles
|	|___  Crew Area Styles
|	|___ Diaries Area Styles
|	|___ Review Area Styles
|	|___ corporate Area Styles
|	|___ portfolio Area Styles
|	|___ Catalog Area Styles
|	|___ Process Area Styles
|	|___ Services Area Styles
|	|___ Work Area Styles
|	|___ Work Portfolio Area Styles
|	|___ global Area Styles
|	|___ achievements 1 Area Styles
|	|___ Team Area Styles
|	|___ universe Area Styles
|	|___ Prtfolio slider Area Styles
|	|___ portfolio title slider Area Styles
|	|___ roboat slider Area Styles
|	|___ Contact Area Styles
|	|___ inner Section Area Styles
|	|___ location Area Styles
|	|___ Team Area Styles
|	|___ Detail Area Styles
|	|___ Sign Up Area Styles
|	|___ Count Down Area Styles
|	|___ 404 Area Styles
|	|___ Coming Soon  Area Styles
|
|___ END STYLE SHEET INDEXING

--------------------------------------------*/
/*=======================================================================
1. Default Styles
=========================================================================*/
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
/*-------------------------
    Variables
-------------------------*/
/*----------------------------------------*/
/*  03. SPACE CSS START
/*----------------------------------------*/
.pb-80 {
  padding-bottom: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-80 {
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-80 {
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .pb-80 {
    padding-bottom: 28px;
  }
}

.pb-70 {
  padding-bottom: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-70 {
    padding-bottom: 52px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-70 {
    padding-bottom: 38;
  }
}
@media (max-width: 767px) {
  .pb-70 {
    padding-bottom: 28px;
  }
}

.pb-100 {
  padding-bottom: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-100 {
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-100 {
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .pb-100 {
    padding-bottom: 60px;
  }
}
@media (max-width: 490px) {
  .pb-100 {
    padding-bottom: 40px;
  }
}

.pb-110 {
  padding-bottom: 110px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-110 {
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-110 {
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .pb-110 {
    padding-bottom: 60px;
  }
}

.pb-120 {
  padding-bottom: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-120 {
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-120 {
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .pb-120 {
    padding-bottom: 60px;
  }
}

.pb-130 {
  padding-bottom: 130px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-130 {
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-130 {
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .pb-130 {
    padding-bottom: 60px;
  }
}

.pb-140 {
  padding-bottom: 140px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-140 {
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-140 {
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .pb-140 {
    padding-bottom: 60px;
  }
}

.pb-150 {
  padding-bottom: 150px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-150 {
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-150 {
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .pb-150 {
    padding-bottom: 60px;
  }
}

.pb-200 {
  padding-bottom: 200px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-200 {
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-200 {
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .pb-200 {
    padding-bottom: 60px;
  }
}

.pt-42 {
  padding-top: 40px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-100 {
  padding-top: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-100 {
    padding-top: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-100 {
    padding-top: 80px;
  }
}
@media (max-width: 767px) {
  .pt-100 {
    padding-top: 60px;
  }
}
@media (max-width: 490px) {
  .pt-100 {
    padding-top: 40px;
  }
}

.pt-110 {
  padding-top: 110px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-110 {
    padding-top: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-110 {
    padding-top: 80px;
  }
}
@media (max-width: 767px) {
  .pt-110 {
    padding-top: 60px;
  }
}

.pt-120 {
  padding-top: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-120 {
    padding-top: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-120 {
    padding-top: 80px;
  }
}
@media (max-width: 767px) {
  .pt-120 {
    padding-top: 60px;
  }
}

.pt-130 {
  padding-top: 130px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-130 {
    padding-top: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-130 {
    padding-top: 80px;
  }
}
@media (max-width: 767px) {
  .pt-130 {
    padding-top: 60px;
  }
}

.pt-140 {
  padding-top: 140px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-140 {
    padding-top: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-140 {
    padding-top: 80px;
  }
}
@media (max-width: 767px) {
  .pt-140 {
    padding-top: 60px;
  }
}

.pt-80 {
  padding-top: 80px;
}

.pl-60 {
  padding-left: 60px;
}

.pt-150 {
  padding-top: 150px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-150 {
    padding-top: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-150 {
    padding-top: 80px;
  }
}
@media (max-width: 767px) {
  .pt-150 {
    padding-top: 60px;
  }
}

.pt-200 {
  padding-top: 200px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-200 {
    padding-top: 150px;
  }
}

.sp-x {
  padding-left: 100px;
  padding-right: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sp-x {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sp-x {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 767px) {
  .sp-x {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.mt-30 {
  margin-top: 30px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-80 {
  margin-top: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-80 {
    margin-top: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-80 {
    margin-top: 40px;
  }
}

.mt-170 {
  margin-top: 170px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-170 {
    margin-top: 140px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-170 {
    margin-top: 100px;
  }
}
@media (max-width: 767px) {
  .mt-170 {
    margin-top: 60px;
  }
}

.ht-200 {
  padding-top: 200px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ht-200 {
    padding-top: 180px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ht-200 {
    padding-top: 160px;
  }
}
@media (max-width: 767px) {
  .ht-200 {
    padding-top: 130px;
  }
}

/*-------------------------
    Reset Styles
-------------------------*/
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

ul.list-style,
ol.list-style {
  margin: -10px 0;
}

ul.list-style li,
ol.list-style li {
  margin: 10px 0;
}

ul.list-style li::marker,
ol.list-style li::marker {
  color: #1AD4CD;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  padding-left: 15px;
  padding-right: 15px;
}

section:after {
  content: "";
  display: block;
  clear: both;
}

@media (min-width: 1500px) {
  .container {
    max-width: 1440px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .container {
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }
}
label.error {
  padding-top: 15px;
  color: rgb(139, 15, 15);
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

.row > [class*=col] {
  padding-left: 15px;
  padding-right: 15px;
}

.row.g-0 {
  margin-left: 0;
  margin-right: 0;
}

.row.g-0 > [class*=col] {
  padding-left: 0;
  padding-right: 0;
}

/*-------------------------
    Typography
-------------------------*/
html {
  scroll-behavior: smooth;
}

body {
  font-family: "Inter", sans-serif;
  color: #232B35;
  background: #F4F9FB;
  font-weight: 400;
  background-color: #ffffff;
  height: 100%;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
body.dark {
  background: #0C0D0D;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
address,
p,
pre,
blockquote,
table,
hr {
  margin: 0 0 10px 0;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: #1AD4CD;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #171818;
}

p {
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 8px 0;
  line-height: 1.4;
  letter-spacing: 0.01em;
}

a {
  display: inline-block;
  text-decoration: none;
  color: unset;
}
a:hover {
  color: #1AD4CD;
}

span {
  display: inline-block;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.01em;
}

.cursor {
  pointer-events: none;
  position: fixed;
  padding: 0.3rem;
  background-color: #fff;
  border-radius: 50%;
  mix-blend-mode: difference;
  -webkit-transition: opacity 0.4s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.4s ease, -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease, opacity 0.4s ease;
  transition: transform 0.3s ease, opacity 0.4s ease;
  transition: transform 0.3s ease, opacity 0.4s ease, -webkit-transform 0.3s ease;
  -webkit-transform: translateX(-5px) translateY(-5px);
  -ms-transform: translateX(-5px) translateY(-5px);
  transform: translateX(-5px) translateY(-5px);
  z-index: 99999;
}

.cursor-active {
  -webkit-transform: translate(-50%, -50%) scale(8);
  -ms-transform: translate(-50%, -50%) scale(8);
  transform: translate(-50%, -50%) scale(8);
  opacity: 0.1;
}

/*-------------------------
Elements Styles
-------------------------*/
/*----------------------------------------*/
/*   TITLE CSS START
/*----------------------------------------*/
.sec-title {
  font-weight: 900;
  font-size: 146px;
  line-height: 1;
  color: #AAB1B4;
  margin: 0;
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sec-title {
    font-size: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sec-title {
    font-size: 72px;
  }
}
@media (max-width: 767px) {
  .sec-title {
    font-size: 53px;
  }
}
@media (max-width: 490px) {
  .sec-title {
    font-size: 38px;
  }
}

.sec-title-2 {
  font-weight: 900;
  font-size: 110px;
  color: #171818;
  margin-bottom: 48px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sec-title-2 {
    font-size: 84px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sec-title-2 {
    font-size: 72px;
  }
}
@media (max-width: 767px) {
  .sec-title-2 {
    font-size: 53px;
  }
}
@media (max-width: 490px) {
  .sec-title-2 {
    font-size: 28px;
  }
}

.sec-title-3 {
  text-align: center;
}
.sec-title-3 p {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 23px;
  color: #AAB1B4;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .sec-title-3 p {
    font-size: 20px;
  }
}
@media (max-width: 490px) {
  .sec-title-3 p {
    font-size: 16px;
  }
}
.sec-title-3 h2 {
  font-weight: 900;
  font-size: 57px;
  color: #898E8F;
  margin: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sec-title-3 h2 {
    font-size: 48px;
  }
}
@media (max-width: 767px) {
  .sec-title-3 h2 {
    font-size: 38px;
  }
}
@media (max-width: 490px) {
  .sec-title-3 h2 {
    font-size: 32px;
  }
}

.dark .sec-title-3 h2 {
  color: #F4F9FB;
}

.sec-title-4 h2 {
  font-weight: 700;
  font-size: 33px;
  color: #171818;
  margin-bottom: 32px;
}

.dark .sec-title-4 h2 {
  color: #F4F9FB;
}

.light-text-1 {
  font-weight: 600;
  font-size: 23px;
  color: #AAB1B4;
  margin: 0;
}
@media (max-width: 767px) {
  .light-text-1 {
    font-size: 16px;
  }
}
@media (max-width: 490px) {
  .light-text-1 {
    font-size: 14px;
  }
}

.drax-btn {
  padding: 74px 39px;
  border-radius: 50px;
  background: transparent;
  border: 0;
  transition: all 0.3s ease-in-out;
  position: relative;
  overflow: hidden;
}
.drax-btn .arrow {
  position: absolute;
  transition: all 0.4s ease-in-out;
}
.drax-btn .arrow.arow-left {
  left: calc(0% - 100px);
  top: 37px;
  width: 100px;
  z-index: 999;
  transition: all 0.6s ease-in-out;
}
.drax-btn .arrow.arow-bg {
  z-index: 1;
  left: calc(-40% - 390px);
  top: -93%;
  width: 500px;
  object-fit: cover;
  transition: all 1s ease-in-out;
}
.drax-btn .button-text {
  color: #171818;
  padding: 0 10px 0 46px;
  font-size: 19px;
  font-weight: 700;
  position: relative;
  transition: all 0.4s ease-in-out;
  z-index: 99;
}
.drax-btn .button-text::before, .drax-btn .button-text::after {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  z-index: 99;
  background: url(../media/animate/light-arrow-3.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 16px;
  height: 19px;
  transition: all 0.4s ease-in-out;
}
.drax-btn .button-text::after {
  left: 11%;
}
.drax-btn:hover .arrow.arow-left {
  left: calc(100% + 100px);
}
.drax-btn:hover .arrow.arow-bg {
  left: -64px;
}
.drax-btn:hover .button-text {
  padding: 0 46px 0 10px;
}
.drax-btn:hover .button-text::before {
  left: 80%;
}
.drax-btn:hover .button-text::after {
  left: 92%;
}
.drax-btn.light .button-text {
  color: #F4F9FB;
}
.drax-btn.light:hover .button-text {
  color: #171818;
}
.drax-btn.light:hover .button-text::after, .drax-btn.light:hover .button-text::before {
  background: url(../media/animate/right-arrow.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
.drax-btn.dark:hover .button-text::after, .drax-btn.dark:hover .button-text::before {
  background: url(../media/animate/right-arrow.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

.drax-btn__2 {
  width: 280px;
  height: 118px;
  display: grid !important;
    justify-content: center !important;
    align-content: center !important;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  border: none;
  border-radius: 15px;
  background: transparent;
  transition: all 0.3s ease-in-out;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .drax-btn__2 {
    width: 250px;
  }
}
@media (max-width: 490px) {
  .drax-btn__2 {
    margin: 0 auto;
  }
}
.drax-btn__2 p {
  margin: 0;
  padding: 0;
  line-height: auto;
}
.drax-btn__2 .btn-text {
  position: relative;
  z-index: 99;
  text-align: center;
  font-size: 19px;
  transition: all 0.3s ease-in-out;
  font-weight: 700;
  color: #171818;
  margin: 0;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .drax-btn__2 .btn-text {
    font-size: 16px;
  }
}
.drax-btn__2.light .btn-text {
  color: #F4F9FB;
}
.drax-btn__2 .arrow {
  position: absolute;
  transition: all 0.3s ease-in-out;
}
.drax-btn__2 .arrow img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.drax-btn__2 .arrow.arrow-top {
  top: -439px;
  left: -45.3%;
  width: 536px;
  height: 468px;
  z-index: 9;
}
@media (max-width: 767px) {
  .drax-btn__2 .arrow.arrow-top {
    left: -57.5%;
  }
}
.drax-btn__2 .arrow.arrow-bottom {
  width: 140px;
  height: 121px;
  bottom: -92px;
  z-index: 5;
}
.drax-btn__2 .arrow.arrow-bottom.left {
  left: -0.5%;
}
.drax-btn__2 .arrow.arrow-bottom.right {
  right: -0.5%;
}
.drax-btn__2:hover .btn-text {
  font-size: 23px;
}
@media (max-width: 767px) {
  .drax-btn__2:hover .btn-text {
    font-size: 20px;
  }
}
.drax-btn__2:hover .arrow.arrow-top {
  top: -100px;
}
.drax-btn__2:hover .arrow.arrow-bottom.left, .drax-btn__2:hover .arrow.arrow-bottom.right {
  bottom: 105%;
}

a.drax-btn__2 .btn-text {
  display: table-cell;
}

.drax-btn__4 {
  background: #1AD4CD;
  border: 2px solid #1AD4CD;
  color: #F4F9FB;
  font-weight: 600;
  font-size: 23px;
  padding: 10px;
  border-radius: 10px;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.drax-btn__4:hover {
  color: #000;
  background: transparent;
}
.drax-btn__4.light {
  color: #898E8F;
}
.drax-btn__4.light:hover {
  color: #F4F9FB;
}

.drax-triangleBtn {
  width: 46px;
  height: 48px;
  border: none;
  background: transparent;
  padding: 0;
  transition: all 0.3s ease-in-out;
  margin-top: -33px;
}
.drax-triangleBtn span {
  display: block;
}
.drax-triangleBtn.rotate {
  transform: rotate(-90deg);
  position: relative;
  left: -15px;
}
@media (max-width: 992px) {
  .drax-triangleBtn.rotate {
    left: 0;
    transform: rotate(0);
  }
}
.drax-triangleBtn .triangle {
  width: 100%;
  position: relative;
}
.drax-triangleBtn .triangle::before {
  content: "";
  position: absolute;
  top: 0;
  background: url(../media/elements/1/triangleshape-black.png);
  background-position: no-repeat;
  background-size: cover;
  width: 24px;
  height: 20.78px;
  transition: all 0.3s ease-in-out;
}
.drax-triangleBtn .triangle.triangle-1::before {
  left: 0;
}
.drax-triangleBtn .triangle.triangle-2::before {
  right: 0;
}
.drax-triangleBtn .triangle.triangle-3::before {
  left: calc(50% - 12px);
  top: 19px;
}
.drax-triangleBtn .triangle.triangle-3::after {
  content: "";
  position: absolute;
  top: 0;
  background: url(../media/elements/1/triangleFillshape-black2.png);
  background-position: no-repeat;
  background-size: cover;
  width: 16px;
  height: 13.78px;
  transition: all 0.3s ease-in-out;
  top: 20px;
  left: calc(50% - 8px);
  opacity: 0;
}
.drax-triangleBtn:hover .triangle::before {
  background: url(../media/elements/1/triangleFillshape-black.png);
  background-position: no-repeat;
  background-size: cover;
}
.drax-triangleBtn:hover .triangle.triangle-3::after {
  top: -0.5px;
  width: 24px;
  height: 21px;
  transition: all 0.3s ease-in-out;
  left: calc(50% - 12px);
  opacity: 1;
}
.drax-triangleBtn.light .triangle::before {
  background: url(../media/elements/1/triangleshape.png);
  background-position: no-repeat;
  background-size: cover;
}
.drax-triangleBtn.light .triangle.triangle-3::after {
  background: url(../media/elements/1/triangleFillshape2.png);
  background-position: no-repeat;
  background-size: cover;
}
.drax-triangleBtn.light:hover .triangle::before {
  background: url(../media/elements/1/trianglefillshape.png);
  background-position: no-repeat;
  background-size: cover;
}

.drax-popupBtn {
  color: #171818;
  border: none;
  box-shadow: none;
  background: transparent;
  font-weight: 600;
  font-size: 23px;
}
@media (max-width: 1299px) {
  .drax-popupBtn {
    font-size: 18px;
  }
}
@media (max-width: 992px) {
  .drax-popupBtn {
    font-size: 23px;
  }
}
@media (max-width: 490px) {
  .drax-popupBtn {
    font-size: 18px;
  }
}
.drax-popupBtn.light {
  color: #F4F9FB;
}
.drax-popupBtn:hover {
  color: #1AD4CD;
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #ffffff;
  z-index: 99999;
  width: 100%;
  text-align: center;
  height: 100vh;
  padding-top: 50px;
}
#preloader .socket {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  margin-left: -100px;
  top: 50%;
  margin-top: -100px;
  z-index: 99999;
}
#preloader .socket .hex-brick {
  background: #000000;
  width: 30px;
  height: 17px;
  position: absolute;
  top: 5px;
  animation-name: fade00;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  -webkit-animation-name: fade00;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
}
#preloader .socket .h2 {
  transform: rotate(60deg);
  -webkit-transform: rotate(60deg);
}
#preloader .socket .h3 {
  transform: rotate(-60deg);
  -webkit-transform: rotate(-60deg);
}
#preloader .socket .gel {
  height: 30px;
  width: 30px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  position: absolute;
  top: 50%;
  left: 50%;
}
#preloader .socket .center-gel {
  margin-left: -15px;
  margin-top: -15px;
  animation-name: pulse00;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  -webkit-animation-name: pulse00;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
}
#preloader .socket .c1 {
  margin-left: -47px;
  margin-top: -15px;
}
#preloader .socket .c2 {
  margin-left: -31px;
  margin-top: -43px;
}
#preloader .socket .c3 {
  margin-left: 1px;
  margin-top: -43px;
}
#preloader .socket .c4 {
  margin-left: 17px;
  margin-top: -15px;
}
#preloader .socket .c5 {
  margin-left: -31px;
  margin-top: 13px;
}
#preloader .socket .c6 {
  margin-left: 1px;
  margin-top: 13px;
}
#preloader .socket .c7 {
  margin-left: -63px;
  margin-top: -43px;
}
#preloader .socket .c8 {
  margin-left: 33px;
  margin-top: -43px;
}
#preloader .socket .c9 {
  margin-left: -15px;
  margin-top: 41px;
}
#preloader .socket .c10 {
  margin-left: -63px;
  margin-top: 13px;
}
#preloader .socket .c11 {
  margin-left: 33px;
  margin-top: 13px;
}
#preloader .socket .c12 {
  margin-left: -15px;
  margin-top: -71px;
}
#preloader .socket .c13 {
  margin-left: -47px;
  margin-top: -71px;
}
#preloader .socket .c14 {
  margin-left: 17px;
  margin-top: -71px;
}
#preloader .socket .c15 {
  margin-left: -47px;
  margin-top: 41px;
}
#preloader .socket .c16 {
  margin-left: 17px;
  margin-top: 41px;
}
#preloader .socket .c17 {
  margin-left: -79px;
  margin-top: -15px;
}
#preloader .socket .c18 {
  margin-left: 49px;
  margin-top: -15px;
}
#preloader .socket .c19 {
  margin-left: -63px;
  margin-top: -99px;
}
#preloader .socket .c20 {
  margin-left: 33px;
  margin-top: -99px;
}
#preloader .socket .c21 {
  margin-left: 1px;
  margin-top: -99px;
}
#preloader .socket .c22 {
  margin-left: -31px;
  margin-top: -99px;
}
#preloader .socket .c23 {
  margin-left: -63px;
  margin-top: 69px;
}
#preloader .socket .c24 {
  margin-left: 33px;
  margin-top: 69px;
}
#preloader .socket .c25 {
  margin-left: 1px;
  margin-top: 69px;
}
#preloader .socket .c26 {
  margin-left: -31px;
  margin-top: 69px;
}
#preloader .socket .c27 {
  margin-left: -79px;
  margin-top: -15px;
}
#preloader .socket .c28 {
  margin-left: -95px;
  margin-top: -43px;
}
#preloader .socket .c29 {
  margin-left: -95px;
  margin-top: 13px;
}
#preloader .socket .c30 {
  margin-left: 49px;
  margin-top: 41px;
}
#preloader .socket .c31 {
  margin-left: -79px;
  margin-top: -71px;
}
#preloader .socket .c32 {
  margin-left: -111px;
  margin-top: -15px;
}
#preloader .socket .c33 {
  margin-left: 65px;
  margin-top: -43px;
}
#preloader .socket .c34 {
  margin-left: 65px;
  margin-top: 13px;
}
#preloader .socket .c35 {
  margin-left: -79px;
  margin-top: 41px;
}
#preloader .socket .c36 {
  margin-left: 49px;
  margin-top: -71px;
}
#preloader .socket .c37 {
  margin-left: 81px;
  margin-top: -15px;
}
#preloader .socket .r1 {
  animation-name: pulse00;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-delay: 0.2s;
  -webkit-animation-name: pulse00;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0.2s;
}
#preloader .socket .r2 {
  animation-name: pulse00;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-delay: 0.4s;
  -webkit-animation-name: pulse00;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0.4s;
}
#preloader .socket .r3 {
  animation-name: pulse00;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-delay: 0.6s;
  -webkit-animation-name: pulse00;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0.6s;
}
#preloader .socket .r1 > .hex-brick {
  animation-name: fade00;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-delay: 0.2s;
  -webkit-animation-name: fade00;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0.2s;
}
#preloader .socket .r2 > .hex-brick {
  animation-name: fade00;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-delay: 0.4s;
  -webkit-animation-name: fade00;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0.4s;
}
#preloader .socket .r3 > .hex-brick {
  animation-name: fade00;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-delay: 0.6s;
  -webkit-animation-name: fade00;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0.6s;
}
#preloader.dark {
  background: #171818;
}
#preloader.dark .socket .hex-brick {
  background: #F4F9FB;
}

@keyframes pulse00 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.01);
    transform: scale(0.01);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes fade00 {
  0% {
    background: #252525;
  }
  50% {
    background: #000000;
  }
  100% {
    background: #353535;
  }
}
/*----------------------------------------*/
/*  04. ANIMATION CSS START
/*----------------------------------------*/
@-webkit-keyframes lfet-right {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    background: url(../media/animate/bold-right.svg);
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@-moz-keyframes lfet-right {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    background: url(../media/animate/bold-right.svg);
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@-o-keyframes lfet-right {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    background: url(../media/animate/bold-right.svg);
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@keyframes lfet-right {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes lfet-right2 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
    background: url(../media/animate/dark-right.svg);
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@-moz-keyframes lfet-right2 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
    background: url(../media/animate/dark-right.svg);
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@-o-keyframes lfet-right2 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
    background: url(../media/animate/dark-right.svg);
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@keyframes lfet-right2 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes lfet-right3 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
    background: url(../media/animate/gray-bold-right.svg);
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@-moz-keyframes lfet-right3 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
    background: url(../media/animate/gray-bold-right.svg);
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@-o-keyframes lfet-right3 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
    background: url(../media/animate/gray-bold-right.svg);
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@keyframes lfet-right3 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
@keyframes animate1 {
  0% {
    left: 30%;
    top: 20%;
  }
  20% {
    left: 75%;
    top: 45%;
  }
  40% {
    left: 55%;
    top: 5%;
  }
  60% {
    left: 5%;
    top: 45%;
  }
  80% {
    left: 95%;
    top: 25%;
  }
  100% {
    left: 25%;
    top: 25%;
  }
}
@keyframes animate2 {
  0% {
    left: 38%;
    top: 40%;
  }
  20% {
    left: 74%;
    top: 80%;
  }
  40% {
    left: 5%;
    top: 35%;
  }
  60% {
    left: 95%;
    top: 65%;
  }
  80% {
    left: 55%;
    top: 8%;
  }
  100% {
    left: 99%;
    top: 0%;
  }
}
@keyframes animate3 {
  0% {
    right: 12%;
    top: 24%;
  }
  20% {
    right: 88%;
    top: 76%;
  }
  40% {
    right: 17%;
    top: 44%;
  }
  60% {
    right: 65%;
    top: 88%;
  }
  80% {
    right: 5%;
    top: 18%;
  }
  100% {
    right: 99%;
    top: 99%;
  }
}
@keyframes animate4 {
  0% {
    top: 3%;
    left: 30%;
  }
  20% {
    left: 30%;
    top: 100%;
  }
  40% {
    left: 100%;
    top: 30%;
  }
  60% {
    left: 0%;
    top: 30%;
  }
  80% {
    left: 45%;
    top: 78%;
  }
  100% {
    left: 97%;
    top: 30%;
  }
}
@keyframes animate5 {
  0% {
    top: 40%;
    left: 0%;
  }
  20% {
    left: 88%;
    top: 80%;
  }
  40% {
    left: 20%;
    top: 20%;
  }
  60% {
    left: 63%;
    top: 55%;
  }
  80% {
    left: 7%;
    top: 90%;
  }
  100% {
    left: 88%;
    top: 9%;
  }
}
@keyframes animate6 {
  0% {
    left: 40%;
    top: 45%;
  }
  20% {
    left: 92%;
    top: 40%;
  }
  40% {
    left: 20%;
    top: 2%;
  }
  60% {
    left: 0%;
    top: 40%;
  }
  80% {
    left: 50%;
    top: 58%;
  }
  100% {
    left: 97%;
    top: 88%;
  }
}
@keyframes animate7 {
  0% {
    left: 42%;
    top: 100%;
  }
  20% {
    left: 95%;
    top: 40%;
  }
  40% {
    left: 40%;
    top: 25%;
  }
  60% {
    left: 0%;
    top: 40%;
  }
  80% {
    left: 50%;
    top: 20%;
  }
  100% {
    left: 97%;
    top: 88%;
  }
}
@keyframes animate8 {
  0% {
    left: 78%;
    top: 90%;
  }
  20% {
    left: 78%;
    top: 10%;
  }
  40% {
    left: 5%;
    top: 69%;
  }
  60% {
    left: 20%;
    top: 100%;
  }
  80% {
    left: 100%;
    top: 45%;
  }
  100% {
    left: 19%;
    top: 8%;
  }
}
@keyframes animate9 {
  0% {
    left: 88%;
    top: 30%;
  }
  20% {
    left: 100%;
    top: 25%;
  }
  40% {
    left: 25%;
    top: 100%;
  }
  60% {
    left: 75%;
    top: 75%;
  }
  80% {
    left: 22%;
    top: 0%;
  }
  100% {
    left: 44%;
    top: 35%;
  }
}
@keyframes animate10 {
  0% {
    top: 10%;
    left: 90%;
  }
  20% {
    left: 10%;
    top: 80%;
  }
  40% {
    left: 20%;
    top: 100%;
  }
  60% {
    left: 100%;
    top: 45%;
  }
  80% {
    left: 45%;
    top: 0%;
  }
  100% {
    left: 4%;
    top: 45%;
  }
}
@keyframes animate11 {
  0% {
    top: 12%;
    left: 75%;
  }
  20% {
    left: 24%;
    top: 100%;
  }
  40% {
    left: 40%;
    top: 100%;
  }
  60% {
    left: 0%;
    top: 45%;
  }
  80% {
    left: 45%;
    top: 0%;
  }
  100% {
    left: 50%;
    top: 50%;
  }
}
@keyframes animate12 {
  0% {
    top: 18%;
    left: 60%;
  }
  20% {
    left: 50%;
    top: 50%;
  }
  40% {
    left: 50%;
    top: 100%;
  }
  60% {
    left: 0%;
    top: 0%;
  }
  80% {
    left: 25%;
    top: 27%;
  }
  100% {
    left: 100%;
    top: 100%;
  }
}
@keyframes animate13 {
  0% {
    top: 30%;
    left: 28%;
  }
  33% {
    left: 52%;
    top: 52%;
  }
  66% {
    left: 100%;
    top: 42%;
  }
  100% {
    left: 35%;
    top: 35%;
  }
}
@keyframes animate14 {
  0% {
    top: 65%;
    left: 20%;
  }
  50% {
    left: 500%;
    top: 0%;
  }
  100% {
    left: 45%;
    top: 48%;
  }
}
@keyframes animate15 {
  0% {
    top: 50%;
    left: 90%;
  }
  50% {
    left: 0%;
    top: 40%;
  }
  100% {
    left: 57%;
    top: 58%;
  }
}
@keyframes animate16 {
  0% {
    top: 50%;
    left: 50%;
  }
  50% {
    left: 100%;
    top: 0%;
  }
  100% {
    left: 10%;
    top: 90%;
  }
}
@keyframes animate17 {
  0% {
    top: 49%;
    left: 35%;
  }
  50% {
    left: 100%;
    top: 100%;
  }
  100% {
    left: 10%;
    top: 10%;
  }
}
@keyframes animate18 {
  0% {
    top: 35%;
    left: 35%;
  }
  33% {
    left: 100%;
    top: 40%;
  }
  100% {
    left: 0%;
    top: 40%;
  }
}
@keyframes animate19 {
  0% {
    top: 60%;
    left: 60%;
  }
  33% {
    left: 40%;
    top: 100%;
  }
  100% {
    left: 40%;
    top: 0%;
  }
}
@keyframes bulb {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes kenburns-left {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 16% 50%;
    transform-origin: 16% 50%;
  }
  100% {
    -webkit-transform: scale(1.25) translate(-20px, 15px);
    transform: scale(1.25) translate(-20px, 15px);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
}
@keyframes kenburns-left {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 16% 50%;
    transform-origin: 16% 50%;
  }
  100% {
    -webkit-transform: scale(1.25) translate(-20px, 15px);
    transform: scale(1.25) translate(-20px, 15px);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
}
@-webkit-keyframes kenburns-top-right {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 84% 16%;
    transform-origin: 84% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translate(20px, -15px);
    transform: scale(1.25) translate(20px, -15px);
    -webkit-transform-origin: right top;
    transform-origin: right top;
  }
}
@keyframes kenburns-top-right {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 84% 16%;
    transform-origin: 84% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translate(20px, -15px);
    transform: scale(1.25) translate(20px, -15px);
    -webkit-transform-origin: right top;
    transform-origin: right top;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  33% {
    opacity: 0.2;
  }
  66% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadein2 {
  0% {
    opacity: 0;
  }
  33% {
    opacity: 0;
  }
  33% {
    opacity: 0.2;
  }
  66% {
    opacity: 0.5;
  }
  100% {
    z-index: 150;
    opacity: 1;
  }
}
@keyframes slide1 {
  0% {
    top: 20%;
  }
  20% {
    top: 100%;
  }
  40% {
    top: 5%;
  }
  60% {
    top: 100%;
  }
  80% {
    top: 0%;
  }
  100% {
    top: 100%;
  }
}
@keyframes slide2 {
  0% {
    top: 100%;
  }
  20% {
    top: 20%;
  }
  40% {
    top: 100%;
  }
  60% {
    top: 0%;
  }
  80% {
    top: 100%;
  }
  100% {
    top: 0%;
  }
}
/* Make it move */
@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}
@-webkit-keyframes scale-in-ver-top {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes scale-in-ver-top {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
}
.rotate-heading {
  position: absolute;
  transform: rotate(-90deg);
  top: 37%;
  opacity: 0.2;
}

.aroow-animate .arow {
  position: relative;
}
.aroow-animate .arow::before {
  -webkit-animation: lfet-right 1s infinite;
  -moz-animation: lfet-right 1s infinite;
  animation: lfet-right 1s infinite;
  position: absolute;
  content: "";
  background: url(../media/animate/light-right.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 19px;
  height: 25px;
}
.aroow-animate .arow.arow1::before {
  left: 0;
  top: 0px;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: alternate;
}
.aroow-animate .arow.arow2::before {
  left: 25px;
  width: 26px;
  height: 32px;
  top: -3px;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -webkit-animation-direction: alternate;
  animation-delay: 0.2s;
  animation-direction: alternate;
}
.aroow-animate .arow.arow3::before {
  width: 30px;
  height: 38px;
  left: 55px;
  top: -6px;
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -webkit-animation-direction: alternate;
  animation-delay: 0.3s;
  animation-direction: alternate;
}

.aroow-animate.dark .arow {
  position: relative;
}
.aroow-animate.dark .arow::before {
  -webkit-animation: lfet-right2 1s infinite;
  -moz-animation: lfet-right2 1s infinite;
  animation: lfet-right2 1s infinite;
  position: absolute;
  content: "";
  background: url(../media/animate/dark-bold-right.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 19px;
  height: 25px;
}
.aroow-animate.dark .arow.arow1::before {
  left: 0;
  top: 0px;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: alternate;
}
.aroow-animate.dark .arow.arow2::before {
  left: 25px;
  width: 26px;
  height: 32px;
  top: -3px;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -webkit-animation-direction: alternate;
  animation-delay: 0.2s;
  animation-direction: alternate;
}
.aroow-animate.dark .arow.arow3::before {
  width: 35px;
  height: 38px;
  left: 55px;
  top: -6px;
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -webkit-animation-direction: alternate;
  animation-delay: 0.3s;
  animation-direction: alternate;
}
.aroow-animate.gray .arow {
  position: relative;
}
.aroow-animate.gray .arow::before {
  -webkit-animation: lfet-right3 1s infinite;
  -moz-animation: lfet-right3 1s infinite;
  animation: lfet-right3 1s infinite;
  position: absolute;
  content: "";
  background: url(../media/animate/gray-bold-right.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 19px;
  height: 25px;
}
.aroow-animate.gray .arow.arow1::before {
  left: 0;
  top: 0px;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: alternate;
}
.aroow-animate.gray .arow.arow2::before {
  left: 25px;
  width: 26px;
  height: 32px;
  top: -3px;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -webkit-animation-direction: alternate;
  animation-delay: 0.2s;
  animation-direction: alternate;
}
.aroow-animate.gray .arow.arow3::before {
  width: 35px;
  height: 38px;
  left: 55px;
  top: -6px;
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -webkit-animation-direction: alternate;
  animation-delay: 0.3s;
  animation-direction: alternate;
}

.larger-arrow {
  position: absolute;
  right: 13px;
  bottom: 0px;
  transform: rotate(90deg);
}
@media (max-width: 992px) {
  .larger-arrow {
    bottom: -50px;
  }
}
@media (max-width: 767px) {
  .larger-arrow {
    bottom: -70px;
  }
}
@media (max-width: 490px) {
  .larger-arrow {
    bottom: -100px;
  }
}
.larger-arrow .aroow-animate .arow.arow1::before {
  width: 26px;
  height: 35px;
  top: 2px;
}
.larger-arrow .aroow-animate .arow.arow2::before {
  left: 30px;
  width: 30px;
  height: 40px;
  top: -1px;
}
.larger-arrow .aroow-animate .arow.arow3::before {
  width: 40px;
  height: 48px;
  left: 64px;
}
.larger-arrow.left {
  right: unset;
  left: 0;
}

.line-animate {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.line-animate .line {
  position: absolute;
  width: 1px;
  height: 100%;
  left: 0;
  z-index: 10;
}
.line-animate .line .dots {
  position: sticky;
  width: 25px;
  height: 25px;
  margin-left: -12.5px;
  top: 200px;
  z-index: 11;
  border-radius: 50px;
}
@media (max-width: 490px) {
  .line-animate .line .dots {
    width: 18px;
    height: 18px;
    margin-left: -9px;
  }
}
@media (max-width: 580px) {
  .line-animate .line.line-1 {
    display: none;
  }
}
@media (max-width: 580px) {
  .line-animate .line.line-1 .dots {
    display: none;
  }
}
.line-animate .line.line-2 {
  left: 25%;
}
.line-animate .line.line-2 .dots {
  top: 300px;
}
.line-animate .line.line-3 {
  left: 50%;
}
@media (max-width: 580px) {
  .line-animate .line.line-3 {
    display: none;
  }
}
.line-animate .line.line-3 .dots {
  top: 400px;
}
.line-animate .line.line-4 {
  left: 75%;
}
.line-animate .line.line-4 .dots {
  top: 500px;
}
.line-animate .line.line-5 {
  left: 100%;
}
@media (max-width: 1440px) {
  .line-animate .line.line-5 {
    display: none;
  }
}
@media (max-width: 992px) {
  .line-animate .line.line-5 {
    display: block;
  }
}
@media (max-width: 580px) {
  .line-animate .line.line-5 {
    display: none;
  }
}
.line-animate .line.line-5 .dots {
  top: 600px;
}
@media (max-width: 1440px) {
  .line-animate .line.line-5 .dots {
    display: none;
  }
}
@media (max-width: 992px) {
  .line-animate .line.line-5 .dots {
    display: block;
  }
}
@media (max-width: 580px) {
  .line-animate .line.line-5 .dots {
    display: none;
  }
}

.dark .line-animate .line {
  background: #0C0D0D;
}
.dark .line-animate .line .dots {
  background: #171818;
  border: 2px solid #0C0D0D;
}

.light-bg {
  background: #F4F9FB;
}

.dark-2 {
  background: #171818;
}

.contact__link {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 64px 0 0;
  margin: 0;
}
.contact__link li {
  list-style: none;
}
.contact__link li a {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #AAB1B4;
  margin: 0 16;
}
.contact__link li a span {
  padding: 0;
  display: block;
  color: #898E8F;
  font-weight: 600;
  font-size: 23px;
  margin-bottom: 8px;
}
.contact__link li a:hover span {
  color: #1AD4CD;
}

.contact-block {
  margin-bottom: 28px;
  text-align: center;
}
.contact-block .form-group {
  margin-bottom: 32px;
}
.contact-block .form-group .form-control {
  text-align: left;
  padding: 0;
  padding-bottom: 16px;
  border: none;
  border-radius: 0;
  border-bottom: 2px solid #000;
  background: transparent;
  font-weight: 500;
  font-size: 16px;
  outline: 0;
  box-sizing: none;
  color: #171818;
}
.contact-block .form-group .form-control::placeholder {
  color: #000;
}
.contact-block .form-group .form-control:focus {
  outline: 0;
  box-shadow: none;
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 50px 0 0 0;
  position: relative;
  z-index: 100;
  margin: 0;
}
.pagination li {
  padding: 0 16px;
}
@media (max-width: 490px) {
  .pagination li {
    padding: 0px 6px;
  }
}
.pagination li a {
  padding: 8px 16px;
  color: #AAB1B4;
  font-weight: 700;
  font-size: 33px;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 768px) {
  .pagination li a {
    padding: 6px 12px;
  }
}
@media (max-width: 490px) {
  .pagination li a {
    font-size: 21px;
  }
}
.pagination li a.prv {
  width: 30.17px;
  height: 32px;
  background: #1AD4CD;
  clip-path: polygon(0 50%, 100% 100%, 100% 0);
  margin-top: 8px;
}
.pagination li a.prv:hover {
  background: #171818;
}
.pagination li a.next {
  width: 30.17px;
  height: 32px;
  background: #1AD4CD;
  clip-path: polygon(100% 50%, 0 100%, 0 0);
  margin-top: 8px;
}
.pagination li a.next:hover {
  background: #171818;
}
.pagination li a.active {
  color: #171818;
}
.pagination li a:hover {
  color: #1AD4CD;
}

.form-group .check-input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.form-group .check-label {
  position: relative;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  padding: 0 10px;
  margin: 0;
  color: #898E8F;
  box-sizing: border-box;
}
.form-group .check-label::before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #898E8F;
  border-radius: 5px;
  padding: 8px;
  display: inline-flex;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 12px;
}
.form-group .check-input:checked + .check-label:after {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 17px;
  width: 5px;
  height: 11px;
  border: solid #1AD4CD;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.dark .pagination li a.active {
  color: #F4F9FB;
}
.dark .pagination li a:hover {
  color: #1AD4CD;
}

.subcribe__area {
  padding: 50px;
  background: #171818;
  opacity: 0.95;
  position: fixed;
  width: 100%;
  height: 100vh;
  right: -100%;
  top: 0;
  z-index: 1000;
}
@media (max-width: 768px) {
  .subcribe__area {
    padding: 50px 0px;
  }
}
.subcribe__area:before {
  position: absolute;
  content: "";
  top: 0;
  left: 20%;
  width: 60%;
  z-index: 500;
  height: 170%;
  background-image: linear-gradient(to top right, transparent 50%, #0C0D0D 0), linear-gradient(to bottom right, #0C0D0D 50%, transparent 0);
  background-size: 50% 100%;
  background-repeat: no-repeat;
  background-position: left, right;
}
@media (max-width: 1399px) {
  .subcribe__area:before {
    left: 10%;
    width: 80%;
  }
}
@media (max-width: 1199px) {
  .subcribe__area:before {
    left: 0%;
    width: 100%;
  }
}
@media (max-width: 992px) {
  .subcribe__area:before {
    height: 200%;
  }
}
@media (max-width: 767px) {
  .subcribe__area:before {
    height: 300%;
  }
}
@media (max-width: 580px) {
  .subcribe__area:before {
    display: none;
  }
}
.subcribe__area .subcribe__content {
  text-align: center;
  position: relative;
  z-index: 999;
  width: 100%;
  height: 90vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.subcribe__area .subcribe__content .logo {
  padding-bottom: 48px;
}
.subcribe__area .subcribe__content .information__block {
  width: 50%;
  margin: 50px auto;
}
@media (max-width: 768px) {
  .subcribe__area .subcribe__content .information__block {
    width: 98%;
    margin: 25px auto;
  }
}
.subcribe__area .subcribe__content .information__block .form-control {
  width: 100%;
  border: 0;
  background: transparent;
  border-radius: 0;
  padding: 0;
  padding-bottom: 12px;
  border-bottom: 2px solid #818486;
  margin-bottom: 48px;
  font-weight: 600;
  font-size: 23px;
  color: #818486;
}
.subcribe__area .subcribe__content .information__block .form-control:focus {
  outline: 0;
  box-shadow: none;
}
.subcribe__area .subcribe__content .contact__information {
  padding: 0;
  list-style: none;
  margin: 0;
  display: flex;
  align-items: self-start;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .subcribe__area .subcribe__content .contact__information {
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
}
.subcribe__area .subcribe__content .contact__information li:last-child {
  padding: 0;
}
@media (max-width: 768px) {
  .subcribe__area .subcribe__content .contact__information li:last-child {
    padding: 16px 12px;
  }
}
@media (max-width: 580px) {
  .subcribe__area .subcribe__content .contact__information li:last-child {
    display: none;
  }
}
@media (max-width: 768px) {
  .subcribe__area .subcribe__content .contact__information li {
    padding: 16px 12px;
  }
}
.subcribe__area .subcribe__content .contact__information li h5 {
  font-weight: 600;
  font-size: 23px;
  color: #AAB1B4;
  margin-bottom: 8px;
}
@media (max-width: 992px) {
  .subcribe__area .subcribe__content .contact__information li h5 {
    font-size: 16px;
  }
}
.subcribe__area .subcribe__content .contact__information li a,
.subcribe__area .subcribe__content .contact__information li p {
  color: #AAB1B4;
}
@media (max-width: 992px) {
  .subcribe__area .subcribe__content .contact__information li a,
  .subcribe__area .subcribe__content .contact__information li p {
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .subcribe__area .subcribe__content .contact__information li a br,
  .subcribe__area .subcribe__content .contact__information li p br {
    display: none;
  }
}
.subcribe__area .subcribe__content .contact__information li a {
  color: #AAB1B4;
  font-weight: 400;
  font-size: 16px;
}
.subcribe__area .subcribe__content .contact__information li a:hover {
  color: #1AD4CD;
}
.subcribe__area .subcribe__close {
  position: absolute;
  top: 25px;
  right: 50px;
  z-index: 1000;
}
@media (max-width: 580px) {
  .subcribe__area .subcribe__close {
    top: 20px;
    right: 20px;
  }
}
.subcribe__area .subcribe__close button {
  background: transparent;
  border: none;
  border-radius: 0;
  outline: 0;
  color: #898E8F;
  font-size: 48px;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 490px) {
  .subcribe__area .subcribe__close button {
    font-size: 32px;
  }
}
.subcribe__area .subcribe__close button:hover {
  color: #1AD4CD;
}

.modal .modal-dialog {
  max-width: 850px;
}
@media (max-width: 1199px) {
  .modal .modal-dialog {
    max-width: 750px;
    margin: 0 auto;
  }
}
@media (max-width: 992px) {
  .modal .modal-dialog {
    max-width: 650px;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .modal .modal-dialog {
    max-width: 500px;
    margin: 0 auto;
  }
}
@media (max-width: 580px) {
  .modal .modal-dialog {
    max-width: 480px;
    margin: 0 auto;
  }
}
@media (max-width: 490px) {
  .modal .modal-dialog {
    max-width: 300px;
    margin: 0 auto;
  }
}
.modal .modal-dialog .modal-body {
  text-align: end;
}
.modal .modal-dialog .modal-body .btn-close {
  color: #000;
  margin: 15px 0;
}
.modal .modal-dialog .modal-body .btn-close:hover {
  color: #1AD4CD;
}

.header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  display: inline-block;
  width: 100%;
  padding: 16px 50px;
}
@media (max-width: 1499px) {
  .header {
    padding: 16px 30px;
  }
}
@media only screen and (min-width: 1199px) and (max-width: 1299px) {
  .header {
    padding: 16px 20px;
  }
}
@media (max-width: 1199px) {
  .header {
    backdrop-filter: blur(10px);
  }
}
@media (max-width: 580px) {
  .header {
    padding: 8px 16px;
  }
}
.header.top-unset {
  position: relative;
  top: unset;
  left: unset;
}
.header .navbar {
  padding: 0;
}
.header .navbar .navbar-toggler {
  border: 0;
  cursor: pointer;
}
.header .navbar .navbar-toggler:focus {
  box-shadow: none;
  outline: 0;
}
.header .navbar .navbar-toggler i {
  color: #000;
}
.header .navbar .navbar-brand {
  display: none;
}
@media (max-width: 1199px) {
  .header .navbar .navbar-brand {
    display: block;
  }
}
@media (max-width: 490px) {
  .header .navbar .navbar-brand img {
    width: 100px;
  }
}
@media screen and (min-width: 1199px) {
  .header .navbar .navbar-collapse {
    display: inline-block;
  }
}
.header .navbar .navbar-collapse .search-block {
  width: 350px;
  display: flex;
  align-items: center;
}
@media (max-width: 1499px) {
  .header .navbar .navbar-collapse .search-block {
    width: 300px;
  }
}
@media (max-width: 1399px) {
  .header .navbar .navbar-collapse .search-block {
    width: 280px;
  }
}
@media (max-width: 1199px) {
  .header .navbar .navbar-collapse .search-block {
    width: 350px;
  }
}
.header .navbar .navbar-collapse .search-block .input-holder {
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  padding: 8px 10px;
}
@media (max-width: 1199px) {
  .header .navbar .navbar-collapse .search-block .input-holder {
    padding: 10px 0;
  }
}
.header .navbar .navbar-collapse .search-block .input-holder.active {
  transition: all 0.3s ease-in-out;
  background: linear-gradient(91.41deg, #F4F9FB -114.59%, rgba(244, 249, 251, 0) 115.98%);
  border-radius: 15px;
  transition: all 0.3s ease-in-out;
}
.header .navbar .navbar-collapse .search-block .input-holder .search-input {
  width: 0px;
  background: transparent;
  border: none;
  color: #F4F9FB;
  border-radius: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
}
.header .navbar .navbar-collapse .search-block .input-holder .search-input:focus {
  outline: 0;
  box-shadow: none;
}
.header .navbar .navbar-collapse .search-block .input-holder .search-input::placeholder {
  color: #F4F9FB;
}
.header .navbar .navbar-collapse .search-block .input-holder .search-icon {
  background: transparent;
  border: none;
  color: #F4F9FB;
  border-radius: 0;
  padding: 0;
  font-size: 32px;
  font-weight: 600;
}
.header .navbar .navbar-collapse .search-block .input-holder .search-icon:focus {
  outline: 0;
  box-shadow: none;
}
.header .navbar .navbar-collapse .search-block .close-btn {
  display: none;
  font-size: 28px;
  font-weight: 600;
  color: #F4F9FB;
  margin: 0 0 0 15px;
  border: none;
  background: transparent;
  transition: all 0.3s ease-in-out;
}
.header .navbar .navbar-collapse .search-block .close-btn:focus {
  outline: 0;
  box-shadow: none;
}
.header .navbar .navbar-collapse .navbar-nav {
  padding: 0;
  list-style: none;
  align-items: center;
  width: 350px;
  justify-content: end;
}
@media (max-width: 1499px) {
  .header .navbar .navbar-collapse .navbar-nav {
    width: 300px;
  }
}
@media (max-width: 1399px) {
  .header .navbar .navbar-collapse .navbar-nav {
    width: 280px;
  }
}
@media (max-width: 1199px) {
  .header .navbar .navbar-collapse .navbar-nav {
    width: 350px;
  }
}
@media (max-width: 1199px) {
  .header .navbar .navbar-collapse .navbar-nav {
    align-items: start;
  }
}
.header .navbar .navbar-collapse .navbar-nav.mainmenu {
  justify-content: center;
  width: auto;
}
@media (max-width: 1199px) {
  .header .navbar .navbar-collapse .navbar-nav.mainmenu {
    align-items: start;
  }
}
.header .navbar .navbar-collapse .navbar-nav li.menu-item {
  padding: 0 24px;
}
@media only screen and (min-width: 1199px) and (max-width: 1299px) {
  .header .navbar .navbar-collapse .navbar-nav li.menu-item {
    padding: 0 10px;
  }
}
@media (max-width: 1199px) {
  .header .navbar .navbar-collapse .navbar-nav li.menu-item {
    padding: 10px 0;
  }
}
.header .navbar .navbar-collapse .navbar-nav li.menu-item a {
  font-weight: 500;
  font-size: 19px;
  color: #F4F9FB;
}
.header .navbar .navbar-collapse .navbar-nav li.menu-item a img {
  padding-bottom: 15px;
  border-bottom: 2px solid #1AD4CD;
}
.header .navbar .navbar-collapse .navbar-nav li.menu-item a.logo-sec {
  position: relative;
  width: 304px;
  text-align: center;
}
@media (max-width: 1900px) {
  .header .navbar .navbar-collapse .navbar-nav li.menu-item a.logo-sec {
    width: 216px;
  }
}
.header .navbar .navbar-collapse .navbar-nav li.menu-item a.logo-sec img {
  border-bottom: none;
  position: relative;
  z-index: 100;
  padding: 0;
}
@media (max-width: 1900px) {
  .header .navbar .navbar-collapse .navbar-nav li.menu-item a.logo-sec img {
    width: 120px;
  }
}
.header .navbar .navbar-collapse .navbar-nav li.menu-item a.logo-sec .bg-image {
  position: absolute;
  padding: 0;
  left: 0;
  top: -34px;
  width: 304px;
  height: 194px;
  z-index: 50;
}
@media (max-width: 1900px) {
  .header .navbar .navbar-collapse .navbar-nav li.menu-item a.logo-sec .bg-image {
    width: 216px;
    top: -38px;
    height: 160px;
  }
}
.header .navbar .navbar-collapse .navbar-nav li.menu-item a i {
  font-size: 32px;
}
.header .navbar .navbar-collapse .navbar-nav li.menu-item a.active {
  color: #1AD4CD !important;
}
.header .navbar .navbar-collapse .navbar-nav li.menu-item.bg-elemnt {
  position: relative;
  padding: 0px 24px;
}
.header .navbar .navbar-collapse .navbar-nav li.menu-item.bg-elemnt a {
  margin-top: -20px;
}
.header .navbar .navbar-collapse .navbar-nav li.menu-item.bg-elemnt a img {
  border: none;
  padding: 0;
}
.header .navbar .navbar-collapse .navbar-nav .menu-item-has-children {
  position: relative;
}
.header .navbar .navbar-collapse .navbar-nav .menu-item-has-children a {
  text-transform: uppercase;
  letter-spacing: 0.5px;
  position: relative;
}
.header .navbar .navbar-collapse .navbar-nav .menu-item-has-children a:hover {
  color: #1AD4CD;
  cursor: pointer;
}
.header .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu {
  position: absolute;
  background: linear-gradient(138.27deg, rgba(255, 255, 255, 0.81) -5.11%, rgba(255, 255, 255, 0) 123.64%);
  backdrop-filter: blur(25px);
  z-index: 99;
  visibility: hidden;
  min-width: 300px;
  padding: 15px;
  border-radius: 4px;
  transform-origin: top;
  transform: rotateX(-90deg);
  -webkit-transition: transform 0.3s linear;
  transition: transform 0.3s linear;
  list-style: none;
  margin: 0;
  box-shadow: 0 13px 48px 0 rgba(0, 0, 0, 0.15);
  right: 0;
}
.header .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.dark {
  background: #000;
}
@media (max-width: 1199px) {
  .header .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu {
    right: unset;
    left: 0;
    background: linear-gradient(116.27deg, rgb(255, 255, 255) 63.89%, rgba(255, 255, 255, 0) 229.64%);
    backdrop-filter: blur(38px);
  }
}
@media (max-width: 490px) {
  .header .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu {
    background: linear-gradient(116.27deg, rgb(255, 255, 255) 78.89%, rgba(255, 255, 255, 0) 292.64%);
  }
}
@media (max-width: 350px) {
  .header .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu {
    min-width: 280px;
  }
}
.header .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.small-width {
  min-width: 250px;
}
.header .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.small-width li {
  width: 100%;
  display: block;
}
.header .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.mediume-width {
  min-width: 550px;
}
@media (max-width: 1199px) {
  .header .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.mediume-width {
    min-width: 530px;
  }
}
@media (max-width: 768px) {
  .header .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.mediume-width {
    min-width: 520px;
  }
}
@media (max-width: 580px) {
  .header .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.mediume-width {
    min-width: 465px;
  }
}
@media (max-width: 490px) {
  .header .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.mediume-width {
    min-width: 380px;
  }
}
@media (max-width: 400px) {
  .header .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.mediume-width {
    min-width: 280px;
  }
}
.header .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.mediume-width li {
  width: 47%;
  display: inline-block;
}
@media (max-width: 768px) {
  .header .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.mediume-width li {
    width: 49%;
  }
}
@media (max-width: 490px) {
  .header .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.mediume-width li {
    width: 95%;
  }
}
@media (max-width: 1399px) {
  .header .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.mediume-width {
    right: -170px;
  }
}
.header .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.large-width {
  min-width: 1000px;
}
.header .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.large-width li {
  width: 24%;
  display: inline-block;
}
@media (max-width: 992px) {
  .header .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.large-width li {
    width: 30%;
  }
}
@media (max-width: 768px) {
  .header .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.large-width li {
    width: 49%;
  }
}
@media (max-width: 490px) {
  .header .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.large-width li {
    width: 95%;
  }
}
@media (max-width: 1399px) {
  .header .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.large-width {
    right: -170px;
  }
}
@media (max-width: 1199px) {
  .header .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.large-width {
    min-width: 950px;
  }
}
@media (max-width: 992px) {
  .header .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.large-width {
    min-width: 750px;
  }
}
@media (max-width: 768px) {
  .header .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.large-width {
    min-width: 540px;
  }
}
@media (max-width: 580px) {
  .header .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.large-width {
    min-width: 450px;
  }
}
@media (max-width: 450px) {
  .header .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.large-width {
    min-width: 350px;
  }
}
@media (max-width: 350px) {
  .header .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.large-width {
    min-width: 280px;
  }
}
.header .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu li {
  margin: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
  display: block;
}
.header .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu li a {
  position: relative;
  font-weight: 500;
  font-size: 15px;
  color: #171818;
  padding: 8px 4px;
  text-align: start;
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 580px) {
  .header .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu li a {
    padding: 12px 8px;
    font-size: 14px;
  }
}
.header .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu li a:hover {
  color: #CD3B70;
}
.header .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu li a.active {
  color: #CD3B70 !important;
}
.header .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.multiline {
  min-width: 400px;
}
.header .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.multiline li {
  display: inline-block;
  width: 45%;
  text-align: left;
}
.header .navbar .navbar-collapse .navbar-nav .menu-item-has-children:hover .submenu {
  transform: rotateX(0deg);
  visibility: visible;
  z-index: 999;
}
.header .navbar .navbar-collapse .navbar-nav .menu-item-has-children:hover .submenu li {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.header.light .navbar .navbar-collapse .navbar-nav li.menu-item a {
  color: #171818;
  cursor: pointer;
}
.header.light .navbar .navbar-collapse .search-block .input-holder .search-icon {
  color: #171818;
}
.header.light .navbar .navbar-collapse .search-block .input-holder .search-input {
  color: #F4F9FB;
}
.header.light .navbar .navbar-collapse .search-block .input-holder.active {
  background: linear-gradient(91.41deg, #171818 -114.59%, rgba(23, 24, 24, 0) 115.98%);
}
.header.light .navbar .navbar-collapse .search-block .close-btn {
  color: #171818;
}
.header.light-bg {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
}
.header.dark {
  background: #000;
}
.header.dark .navbar .navbar-toggler i {
  color: #F4F9FB;
}
.header.dark .navbar .navbar-collapse .search-block .input-holder .search-icon {
  color: #F4F9FB;
}
.header.dark .navbar .navbar-collapse .search-block .close-btn {
  color: #F4F9FB;
}
.header.dark .navbar .navbar-collapse .navbar-nav li.menu-item a {
  color: #F4F9FB;
}
.header.dark .navbar .navbar-collapse .navbar-nav li.menu-item a:hover {
  color: #1AD4CD;
  cursor: pointer;
}
.header.dark .navbar .navbar-collapse .navbar-nav li.menu-item .submenu li a {
  color: #171818;
}
.header.dark .navbar .navbar-collapse .navbar-nav li.menu-item .submenu li a:hover {
  color: #1AD4CD;
}
.header.bg-blur {
  background: rgba(244, 249, 251, 0.5);
}
.header.bg-blur2 {
  background: rgba(1, 1, 1, 0.5);
}

.header-2 {
  position: absolute;
  left: 0;
  z-index: 500;
  background: #232B35;
  border-right: 2px solid #1AD4CD;
}
.header-2 .navbar {
  height: 1080px;
  padding: 100px 34px;
  display: table-cell;
  vertical-align: top;
  text-align: center;
}
@media (max-width: 1399px) {
  .header-2 .navbar {
    height: 1040px;
  }
}
@media (max-width: 1199px) {
  .header-2 .navbar {
    height: 930px;
  }
}
@media (max-width: 992px) {
  .header-2 .navbar {
    height: auto;
    padding: 16px 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media (max-width: 490px) {
  .header-2 .navbar {
    padding: 16px 20px;
  }
}
.header-2 .navbar .navbar-brand {
  margin: 0;
  display: block;
  margin-bottom: 350px;
}
@media (max-width: 992px) {
  .header-2 .navbar .navbar-brand {
    margin-bottom: 0;
  }
}
.header-2 .navbar .navbar-brand .logo.logo__1 {
  display: block;
}
@media (max-width: 992px) {
  .header-2 .navbar .navbar-brand .logo.logo__1 {
    display: none;
  }
}
.header-2 .navbar .navbar-brand .logo.logo__2 {
  display: none;
}
@media (max-width: 992px) {
  .header-2 .navbar .navbar-brand .logo.logo__2 {
    display: block;
  }
}
@media (max-width: 490px) {
  .header-2 .navbar .navbar-brand .logo {
    width: 130px;
  }
}
@media (max-width: 992px) {
  .header-2 {
    position: relative;
    border: 0;
    border-bottom: 2px solid #1AD4CD;
  }
}
.header-2.light {
  background: #DFE5E8;
}
@media (max-width: 1399px) {
  .header-2.light {
    position: relative;
    border: 0;
    border-bottom: 2px solid #1AD4CD;
  }
}
.header-2.light .navbar {
  height: 1080px;
  padding: 70px 34px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 1399px) {
  .header-2.light .navbar {
    height: auto;
    padding: 16px 50px;
    flex-direction: row;
    justify-content: space-between;
  }
}
@media (max-width: 580px) {
  .header-2.light .navbar {
    padding: 16px 24px;
  }
}
.header-2.light .navbar .navbar-brand {
  margin: 0;
}
@media (max-width: 1399px) {
  .header-2.light .navbar .navbar-brand .logo.logo__1 {
    display: none;
  }
}
@media (max-width: 1399px) {
  .header-2.light .navbar .navbar-brand .logo.logo__2 {
    display: block;
  }
}
@media (max-width: 490px) {
  .header-2.light .navbar .navbar-brand .logo {
    width: 130px;
  }
}
@media (max-width: 1399px) {
  .header-2.light .navbar .drax-triangleBtn.rotate {
    transform: rotate(0);
    left: 100px;
  }
}
.header-2.light .navbar .navbar-nav {
  padding: 0;
  list-style: none;
}
.header-2.light .navbar .menu-item-has-children {
  position: relative;
}
.header-2.light .navbar .menu-item-has-children a {
  font-size: 28px;
  color: #000;
  position: relative;
}
.header-2.light .navbar .menu-item-has-children a:hover {
  color: #1AD4CD;
  cursor: pointer;
}
.header-2.light .navbar .menu-item-has-children .submenu {
  position: absolute;
  background: linear-gradient(138.27deg, rgba(255, 255, 255, 0.81) -5.11%, rgba(255, 255, 255, 0) 123.64%);
  backdrop-filter: blur(25px);
  z-index: 99;
  visibility: hidden;
  min-width: 300px;
  padding: 15px;
  border-radius: 4px;
  transform-origin: top;
  transform: rotateX(-90deg);
  -webkit-transition: transform 0.3s linear;
  transition: transform 0.3s linear;
  list-style: none;
  margin: 0;
  box-shadow: 0 13px 48px 0 rgba(0, 0, 0, 0.15);
  left: 0;
}
.header-2.light .navbar .menu-item-has-children .submenu.dark {
  background: #000;
}
@media (max-width: 1399px) {
  .header-2.light .navbar .menu-item-has-children .submenu {
    left: unset;
    right: 0;
  }
}
@media (max-width: 350px) {
  .header-2.light .navbar .menu-item-has-children .submenu {
    min-width: 280px;
  }
}
.header-2.light .navbar .menu-item-has-children .submenu.small-width {
  min-width: 250px;
}
.header-2.light .navbar .menu-item-has-children .submenu.small-width li {
  width: 100%;
  display: block;
}
.header-2.light .navbar .menu-item-has-children .submenu li {
  margin: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
  display: block;
}
.header-2.light .navbar .menu-item-has-children .submenu li a {
  position: relative;
  font-weight: 500;
  font-size: 18px;
  color: #171818;
  padding: 12px 15px;
  text-align: start;
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.header-2.light .navbar .menu-item-has-children .submenu li a:hover {
  color: #1AD4CD;
}
.header-2.light .navbar .menu-item-has-children .submenu li a.active {
  color: #1AD4CD;
}
.header-2.light .navbar .menu-item-has-children .submenu.multiline {
  min-width: 400px;
}
.header-2.light .navbar .menu-item-has-children .submenu.multiline li {
  display: inline-block;
  width: 45%;
  text-align: left;
}
.header-2.light .navbar .menu-item-has-children:hover .submenu {
  transform: rotateX(0deg);
  visibility: visible;
  z-index: 999;
}
.header-2.light .navbar .menu-item-has-children:hover .submenu li {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.header-2.light-2 {
  background: #232B35;
}
.header-2.light-2 .navbar .menu-item-has-children {
  position: relative;
}
.header-2.light-2 .navbar .menu-item-has-children a {
  font-size: 28px;
  color: #ffffff;
  position: relative;
}
@media (max-width: 1399px) {
  .header-2.light-2 .navbar .menu-item-has-children .submenu {
    left: unset;
    right: 0;
  }
}
@media (max-width: 350px) {
  .header-2.light-2 .navbar .menu-item-has-children .submenu {
    min-width: 280px;
  }
}
.header-2.black-2 {
  background: #171818;
}
.header-2.black-2.light .menu-item-has-children {
  position: relative;
}
.header-2.black-2.light .menu-item-has-children a {
  font-size: 28px;
  color: #F4F9FB;
  position: relative;
}

.dark .header-2 {
  background: #171818;
}

.sideBar__area {
  padding: 0 50px;
  background: #171818;
  opacity: 0.95;
  position: fixed;
  width: 100%;
  height: 100vh;
  left: -100%;
  top: 0;
  z-index: 1000;
}
.sideBar__area:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 20%;
  width: 60%;
  z-index: 500;
  height: 170%;
  background-image: linear-gradient(to bottom right, transparent 50%, #0C0D0D 0), linear-gradient(to top right, #0C0D0D 50%, transparent 0);
  background-size: 50% 100%;
  background-repeat: no-repeat;
  background-position: left, right;
}
@media (max-width: 1399px) {
  .sideBar__area:before {
    left: 10%;
    width: 80%;
  }
}
@media (max-width: 1199px) {
  .sideBar__area:before {
    left: 0%;
    width: 100%;
  }
}
@media (max-width: 992px) {
  .sideBar__area:before {
    height: 200%;
  }
}
@media (max-width: 767px) {
  .sideBar__area:before {
    height: 300%;
  }
}
@media (max-width: 580px) {
  .sideBar__area:before {
    display: none;
  }
}
.sideBar__area .sideBar__close {
  position: absolute;
  top: 50px;
  right: 50px;
  z-index: 1000;
}
@media (max-width: 580px) {
  .sideBar__area .sideBar__close {
    top: 20px;
    /*right: 20px;*/
    right:46px;
  }
}
.sideBar__area .sideBar__close button {
  background: transparent;
  border: none;
  border-radius: 0;
  outline: 0;
  color: #898E8F;
  font-size: 48px;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 490px) {
  .sideBar__area .sideBar__close button {
    font-size: 32px;
  }
}
.sideBar__area .sideBar__close button:hover {
  color: #1AD4CD;
}
.sideBar__area ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sideBar__area ul li h5,
.sideBar__area ul li h4 {
  font-weight: 600;
  font-size: 23px;
  color: #898E8F;
  margin-bottom: 8px;
}
@media (max-width: 991px) {
  .sideBar__area ul li h5,
  .sideBar__area ul li h4 {
    font-size: 18px;
  }
}
.sideBar__area ul li h4 {
  color: #DFE5E8;
}
.sideBar__area ul li a {
  font-weight: 400;
  font-size: 16px;
  color: #898E8F;
  margin: 0;
  padding: 0;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991px) {
  .sideBar__area ul li a {
    font-size: 14px;
  }
}
.sideBar__area ul li a:hover {
  color: #1AD4CD;
}
.sideBar__area ul li p {
  color: #898E8F;
  margin: 0;
}
@media (max-width: 991px) {
  .sideBar__area ul li p {
    font-size: 14px;
  }
}
.sideBar__area .sideBar__left {
  padding: 50px 0;
  position: relative;
  z-index: 999;
}
@media (max-width: 992px) {
  .sideBar__area .sideBar__left {
    display: none;
  }
}
.sideBar__area .sideBar__left .sidebar__logo {
  padding-bottom: 50px;
}
.sideBar__area .sideBar__left .sidebar__social {
  padding: 16px 0;
}
.sideBar__area .menu__bar {
  display: table;
  width: 80%;
  margin: 0 auto;
}
@media (max-width: 1399px) {
  .sideBar__area .menu__bar {
    width: 100%;
  }
}
.sideBar__area .menu__bar .menu__nav {
  text-align: center;
  position: relative;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  height: 100vh;
  box-shadow: 0px 99px 28px rgba(25, 26, 26, 0.02), 0px 64px 25px rgba(25, 26, 26, 0.15), 0px 36px 21px rgba(25, 26, 26, 0.5), 0px 16px 16px rgba(25, 26, 26, 0.85), 0px 4px 9px rgba(25, 26, 26, 0.98), 0px 0px 0px #191A1A;
}
@media (max-width: 580px) {
  .sideBar__area .menu__bar .menu__nav {
    box-shadow: none;
  }
}
.sideBar__area .menu__bar .menu__nav .menu__item {
  padding: 0 48px;
  max-height: 80%;
  margin: auto 0;
  overflow: auto;
}
@media (max-width: 1199px) {
  .sideBar__area .menu__bar .menu__nav .menu__item {
    padding: 0 24px;
  }
}
@media (max-width: 580px) {
  .sideBar__area .menu__bar .menu__nav .menu__item {
    padding: 0;
  }
}
.sideBar__area .menu__bar .menu__nav .menu__item::-webkit-scrollbar {
  display: none;
}
.sideBar__area .menu__bar .menu__nav .menu__item .menu__link .menu-button {
  transition: all 0.3s ease-in-out;
  font-size: 57px;
  color: #1AD4CD;
  font-weight: 900;
  padding: 24px 0;
  line-height: 1;
  text-transform: capitalize;
  background: transparent;
  border: 0;
  border-radius: 0;
  position: relative;
  padding-left: 35px;
}
.sideBar__area .menu__bar .menu__nav .menu__item .menu__link .menu-button::before {
  position: absolute;
  content: "";
  top: calc(50% - 14px);
  left: 0;
  transform: rotate(180deg);
  width: 28px;
  height: 28px;
  transition: all 0.3s ease-in-out;
  background-image: linear-gradient(to bottom right, transparent 50%, #1AD4CD 0), linear-gradient(to top right, #1AD4CD 50%, transparent 0);
  background-size: 50% 100%;
  background-repeat: no-repeat;
  background-position: left, right;
}
@media (max-width: 490px) {
  .sideBar__area .menu__bar .menu__nav .menu__item .menu__link .menu-button::before {
    width: 20px;
    height: 20px;
    top: calc(50% - 10px);
  }
}
@media (max-width: 490px) {
  .sideBar__area .menu__bar .menu__nav .menu__item .menu__link .menu-button {
    font-size: 38px;
  }
}
.sideBar__area .menu__bar .menu__nav .menu__item .menu__link .menu-button.collapsed {
  font-size: 33px;
  color: #818486;
  padding-left: 30px;
}
@media (max-width: 490px) {
  .sideBar__area .menu__bar .menu__nav .menu__item .menu__link .menu-button.collapsed {
    font-size: 23px;
  }
}
.sideBar__area .menu__bar .menu__nav .menu__item .menu__link .menu-button.collapsed::before {
  top: calc(50% - 10px);
  left: 0;
  transform: rotate(90deg);
  width: 20px;
  height: 20px;
  background-image: linear-gradient(to bottom right, transparent 50%, #818486 0), linear-gradient(to top right, #818486 50%, transparent 0);
}
@media (max-width: 490px) {
  .sideBar__area .menu__bar .menu__nav .menu__item .menu__link .menu-button.collapsed::before {
    width: 16px;
    height: 16px;
    top: calc(50% - 8px);
  }
}
.sideBar__area .menu__bar .menu__nav .menu__item .menu__link .menu-button:hover {
  color: #1AD4CD;
  cursor: pointer;
}
.sideBar__area .menu__bar .menu__nav .menu__item .menu__link .menu__body li {
  padding: 12px 0;
}
.sideBar__area .menu__bar .menu__nav .menu__item .menu__link .menu__body li a {
  font-weight: 500;
  font-size: 23px;
  color: #F4F9FB;
  text-transform: capitalize;
}
@media (max-width: 490px) {
  .sideBar__area .menu__bar .menu__nav .menu__item .menu__link .menu__body li a {
    font-size: 18px;
  }
}
.sideBar__area .menu__bar .menu__nav .menu__item .menu__link .menu__body li a:hover {
  color: #1AD4CD;
  cursor: pointer;
}
.sideBar__area .sideBar__right {
  padding: 50px 0;
  padding-top: 160px;
  text-align: end;
  position: relative;
  z-index: 999;
}
@media (max-width: 992px) {
  .sideBar__area .sideBar__right {
    display: none;
  }
}

.header-3 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  display: inline-block;
  width: 100%;
  background: rgba(223, 229, 232, 0.1);
  border-bottom: 1px solid #F4F9FB;
  background: rgba(244, 249, 251, 0.5);
  border-bottom: 1px solid #F4F9FB;
  padding: 16px 50px;
}
@media (max-width: 1499px) {
  .header-3 {
    padding: 16px 30px;
  }
}
.header-3 .navbar {
  padding: 0;
}
.header-3 .navbar .navbar-toggler {
  border: 0;
  cursor: pointer;
}
.header-3 .navbar .navbar-toggler:focus {
  box-shadow: none;
  outline: 0;
}
.header-3 .navbar .navbar-toggler i {
  color: #ffffff;
}
.header-3 .navbar .navbar-brand {
  display: none;
}
@media (max-width: 1199px) {
  .header-3 .navbar .navbar-brand {
    display: block;
  }
}
@media screen and (min-width: 1199px) {
  .header-3 .navbar .navbar-collapse {
    display: inline-block;
  }
}
.header-3 .navbar .navbar-collapse .search-block {
  width: 350px;
  display: flex;
  align-items: center;
}
@media (max-width: 1499px) {
  .header-3 .navbar .navbar-collapse .search-block {
    width: 300px;
  }
}
@media (max-width: 1399px) {
  .header-3 .navbar .navbar-collapse .search-block {
    width: 280px;
  }
}
@media (max-width: 1199px) {
  .header-3 .navbar .navbar-collapse .search-block {
    width: 350px;
  }
}
.header-3 .navbar .navbar-collapse .search-block .input-holder {
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  padding: 8px 10px;
}
@media (max-width: 1199px) {
  .header-3 .navbar .navbar-collapse .search-block .input-holder {
    padding: 10px 24px;
  }
}
.header-3 .navbar .navbar-collapse .search-block .input-holder.active {
  transition: all 0.3s ease-in-out;
  background: linear-gradient(91.41deg, #F4F9FB -114.59%, rgba(244, 249, 251, 0) 115.98%);
  border-radius: 15px;
  transition: all 0.3s ease-in-out;
}
.header-3 .navbar .navbar-collapse .search-block .input-holder .search-input {
  width: 0px;
  background: transparent;
  border: none;
  color: #AAB1B4;
  border-radius: 0;
  padding: 0 0 0 10px;
  font-size: 16px;
  font-weight: 400;
}
.header-3 .navbar .navbar-collapse .search-block .input-holder .search-input:focus {
  outline: 0;
  box-shadow: none;
}
.header-3 .navbar .navbar-collapse .search-block .input-holder .search-icon {
  background: transparent;
  border: none;
  color: #F4F9FB;
  border-radius: 0;
  padding: 0;
  font-size: 32px;
  font-weight: 600;
}
.header-3 .navbar .navbar-collapse .search-block .input-holder .search-icon:focus {
  outline: 0;
  box-shadow: none;
}
.header-3 .navbar .navbar-collapse .search-block .close-btn {
  display: none;
  font-size: 28px;
  font-weight: 600;
  color: #F4F9FB;
  margin: 0 0 0 15px;
  border: none;
  background: transparent;
  transition: all 0.3s ease-in-out;
}
.header-3 .navbar .navbar-collapse .search-block .close-btn:focus {
  outline: 0;
  box-shadow: none;
}
.header-3 .navbar .navbar-collapse .navbar-nav {
  padding: 0;
  list-style: none;
  align-items: center;
  width: 350px;
  justify-content: end;
}
@media (max-width: 1499px) {
  .header-3 .navbar .navbar-collapse .navbar-nav {
    width: 300px;
  }
}
@media (max-width: 1399px) {
  .header-3 .navbar .navbar-collapse .navbar-nav {
    width: 280px;
  }
}
@media (max-width: 1199px) {
  .header-3 .navbar .navbar-collapse .navbar-nav {
    width: 350px;
  }
}
@media (max-width: 992px) {
  .header-3 .navbar .navbar-collapse .navbar-nav {
    align-items: start;
  }
}
.header-3 .navbar .navbar-collapse .navbar-nav.mainmenu {
  justify-content: center;
  width: auto;
}
@media (max-width: 1199px) {
  .header-3 .navbar .navbar-collapse .navbar-nav.mainmenu {
    align-items: start;
  }
}
.header-3 .navbar .navbar-collapse .navbar-nav li.menu-item {
  padding: 0 24px;
}
@media (max-width: 1199px) {
  .header-3 .navbar .navbar-collapse .navbar-nav li.menu-item {
    padding: 10px 24px;
  }
}
.header-3 .navbar .navbar-collapse .navbar-nav li.menu-item a {
  font-weight: 500;
  font-size: 19px;
  color: #F4F9FB;
}
.header-3 .navbar .navbar-collapse .navbar-nav li.menu-item a img {
  padding-bottom: 15px;
  border-bottom: 2px solid #1AD4CD;
}
.header-3 .navbar .navbar-collapse .navbar-nav li.menu-item a i {
  font-size: 32px;
}
.header-3 .navbar .navbar-collapse .navbar-nav .menu-item-has-children {
  position: relative;
}
.header-3 .navbar .navbar-collapse .navbar-nav .menu-item-has-children a {
  position: relative;
  font-size: 18px;
  color: #000;
}
.header-3 .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu {
  position: absolute;
  top: 40px;
  background: rgba(244, 249, 251, 0.5);
  z-index: 99;
  visibility: hidden;
  min-width: 300px;
  padding: 15px;
  border-radius: 4px;
  transform-origin: top;
  transform: rotateX(-90deg);
  -webkit-transition: transform 0.3s linear;
  transition: transform 0.3s linear;
  list-style: none;
  margin: 0;
  box-shadow: 0 13px 48px 0 rgba(0, 0, 0, 0.15);
}
@media (max-width: 350px) {
  .header-3 .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu {
    min-width: 280px;
  }
}
.header-3 .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.dark {
  background: #000;
}
.header-3 .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.small-width {
  min-width: 200px;
}
.header-3 .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu li {
  margin: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
  display: inline-block;
}
.header-3 .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu li a {
  position: relative;
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  padding: 12px 15px;
  text-align: start;
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #F4F9FB;
}
.header-3 .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu li a:hover {
  color: #1AD4CD;
}
.header-3 .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu li a.active {
  color: #1AD4CD;
}
.header-3 .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.multiline {
  min-width: 400px;
}
.header-3 .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.multiline li {
  display: inline-block;
  width: 45%;
  text-align: left;
}
.header-3 .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.large-width {
  min-width: 500px;
}
.header-3 .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.large-width li {
  width: 50%;
  display: inline-block;
}
@media (max-width: 580px) {
  .header-3 .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.large-width {
    min-width: 420px;
  }
}
@media (max-width: 450px) {
  .header-3 .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.large-width {
    min-width: 350px;
  }
}
@media (max-width: 350px) {
  .header-3 .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.large-width {
    min-width: 280px;
  }
}
.header-3 .navbar .navbar-collapse .navbar-nav .menu-item-has-children:hover .submenu {
  transform: rotateX(0deg);
  visibility: visible;
  z-index: 999;
}
.header-3 .navbar .navbar-collapse .navbar-nav .menu-item-has-children:hover .submenu li {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.header_4 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  display: inline-block;
  width: 100%;
  height: 100px;
  background-color: #F4F9FB;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
  padding: 38px 50px;
}
.header_4 .navbar {
  padding: 0;
}
.header_4 .navbar .navbar-brand {
  display: none;
}
.header_4 .navbar .navbar-collapse {
  display: inline-block;
}
.header_4 .navbar .navbar-collapse .search-block {
  width: 350px;
  display: flex;
  align-items: center;
}
.header_4 .navbar .navbar-collapse .search-block .input-holder {
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  padding: 8px 10px;
}
.header_4 .navbar .navbar-collapse .search-block .input-holder.active {
  transition: all 0.3s ease-in-out;
  background: linear-gradient(91.41deg, #F4F9FB -114.59%, rgba(244, 249, 251, 0) 115.98%);
  border-radius: 15px;
  transition: all 0.3s ease-in-out;
}
.header_4 .navbar .navbar-collapse .search-block .input-holder .search-input {
  width: 0px;
  background: transparent;
  border: none;
  color: #AAB1B4;
  border-radius: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
}
.header_4 .navbar .navbar-collapse .search-block .input-holder .search-input:focus {
  outline: 0;
  box-shadow: none;
}
.header_4 .navbar .navbar-collapse .search-block .input-holder .search-icon {
  background: transparent;
  border: none;
  color: #171818;
  border-radius: 0;
  padding: 0;
  font-size: 32px;
  font-weight: 600;
}
.header_4 .navbar .navbar-collapse .search-block .input-holder .search-icon:focus {
  outline: 0;
  box-shadow: none;
}
.header_4 .navbar .navbar-collapse .search-block .close-btn {
  display: none;
  font-size: 28px;
  font-weight: 600;
  color: #171818;
  margin: 0 0 0 15px;
  border: none;
  background: transparent;
  transition: all 0.3s ease-in-out;
}
.header_4 .navbar .navbar-collapse .search-block .close-btn:focus {
  outline: 0;
  box-shadow: none;
}
.header_4 .navbar .navbar-collapse .navbar-nav {
  padding: 0;
  list-style: none;
  width: 350px;
  justify-content: end;
}
.header_4 .navbar .navbar-collapse .navbar-nav.mainmenu {
  justify-content: center;
  width: auto;
}
.header_4 .navbar .navbar-collapse .navbar-nav li {
  position: relative;
}
.header_4 .navbar .navbar-collapse .navbar-nav li.menu-item {
  padding: 0 24px;
}
.header_4 .navbar .navbar-collapse .navbar-nav li.menu-item a {
  font-weight: 500;
  font-size: 19px;
  color: #171818;
}
.header_4 .navbar .navbar-collapse .navbar-nav li.menu-item a i {
  font-size: 32px;
}
.header_4 .navbar .navbar-collapse .navbar-nav li.menu-item a img {
  margin-top: -38px;
}

.header-5 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  display: inline-block;
  width: 100%;
  background: rgba(244, 249, 251, 0.5);
  backdrop-filter: blur(10px);
  padding: 16px 50px;
}
.header-5 .navbar {
  padding: 0;
}
.header-5 .navbar .navbar-brand {
  display: none;
}
.header-5 .navbar .navbar-collapse {
  display: inline-block;
}
.header-5 .navbar .navbar-collapse .search-block {
  width: 350px;
  display: flex;
  align-items: center;
}
.header-5 .navbar .navbar-collapse .search-block .input-holder {
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  padding: 8px 10px;
}
.header-5 .navbar .navbar-collapse .search-block .input-holder.active {
  transition: all 0.3s ease-in-out;
  background: linear-gradient(91.41deg, #F4F9FB -114.59%, rgba(244, 249, 251, 0) 115.98%);
  border-radius: 15px;
  transition: all 0.3s ease-in-out;
}
.header-5 .navbar .navbar-collapse .search-block .input-holder .search-input {
  width: 0px;
  background: transparent;
  border: none;
  color: #AAB1B4;
  border-radius: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
}
.header-5 .navbar .navbar-collapse .search-block .input-holder .search-input:focus {
  outline: 0;
  box-shadow: none;
}
.header-5 .navbar .navbar-collapse .search-block .input-holder .search-icon {
  background: transparent;
  border: none;
  color: #171818;
  border-radius: 0;
  padding: 0;
  font-size: 32px;
  font-weight: 600;
}
.header-5 .navbar .navbar-collapse .search-block .input-holder .search-icon:focus {
  outline: 0;
  box-shadow: none;
}
.header-5 .navbar .navbar-collapse .search-block .close-btn {
  display: none;
  font-size: 28px;
  font-weight: 600;
  color: #171818;
  margin: 0 0 0 15px;
  border: none;
  background: transparent;
  transition: all 0.3s ease-in-out;
}
.header-5 .navbar .navbar-collapse .search-block .close-btn:focus {
  outline: 0;
  box-shadow: none;
}
.header-5 .navbar .navbar-collapse .navbar-nav {
  padding: 0;
  list-style: none;
  align-items: center;
  width: 350px;
  justify-content: end;
}
.header-5 .navbar .navbar-collapse .navbar-nav.mainmenu {
  justify-content: center;
  width: auto;
}
.header-5 .navbar .navbar-collapse .navbar-nav li.menu-item {
  padding: 0 24px;
}
.header-5 .navbar .navbar-collapse .navbar-nav li.menu-item a {
  font-weight: 500;
  font-size: 19px;
  color: #171818;
  letter-spacing: 0.02em;
}
.header-5 .navbar .navbar-collapse .navbar-nav li.menu-item a img {
  padding-bottom: 15px;
  border-bottom: 2px solid #1AD4CD;
}
.header-5 .navbar .navbar-collapse .navbar-nav li.menu-item a i {
  font-size: 32px;
}
.header-5 .navbar .navbar-collapse .navbar-nav .menu-item-has-children {
  position: relative;
}
.header-5 .navbar .navbar-collapse .navbar-nav .menu-item-has-children a {
  position: relative;
}
.header-5 .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu {
  position: absolute;
  background: linear-gradient(91.41deg, #F4F9FB -114.59%, rgba(244, 249, 251, 0) 115.98%);
  z-index: 99;
  visibility: hidden;
  min-width: 300px;
  padding: 15px;
  border-radius: 4px;
  transform-origin: top;
  transform: rotateX(-90deg);
  -webkit-transition: transform 0.3s linear;
  transition: transform 0.3s linear;
  list-style: none;
  margin: 0;
  box-shadow: 0 13px 48px 0 rgba(0, 0, 0, 0.15);
}
.header-5 .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.dark {
  background: #000;
}
@media (max-width: 350px) {
  .header-5 .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu {
    min-width: 280px;
  }
}
.header-5 .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.small-width {
  min-width: 200px;
}
.header-5 .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.large-width {
  min-width: 500px;
}
@media (max-width: 580px) {
  .header-5 .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.large-width {
    min-width: 420px;
  }
}
@media (max-width: 450px) {
  .header-5 .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.large-width {
    min-width: 350px;
  }
}
@media (max-width: 350px) {
  .header-5 .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.large-width {
    min-width: 280px;
  }
}
.header-5 .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu li {
  margin: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
  display: inline-block;
}
.header-5 .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu li a {
  position: relative;
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  padding: 12px 15px;
  text-align: start;
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #F4F9FB;
}
.header-5 .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu li a:hover {
  color: #1AD4CD;
}
.header-5 .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu li a.active {
  color: #1AD4CD;
}
.header-5 .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.multiline {
  min-width: 400px;
}
.header-5 .navbar .navbar-collapse .navbar-nav .menu-item-has-children .submenu.multiline li {
  display: inline-block;
  width: 45%;
  text-align: left;
}
.header-5 .navbar .navbar-collapse .navbar-nav .menu-item-has-children:hover .submenu {
  transform: rotateX(0deg);
  visibility: visible;
  z-index: 999;
}
.header-5 .navbar .navbar-collapse .navbar-nav .menu-item-has-children:hover .submenu li {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.header-5.light {
  position: relative;
  top: unset;
  left: unset;
  background: #DFE5E8;
}

.header-6 {
  text-align: center;
  position: absolute;
  top: 0;
  width: 100%;
  padding: 20px 0;
  background: transparent;
  z-index: 999;
}
.header-6 a {
  display: inline-block;
}

.header-7 .sideBar__area {
  left: 0%;
  top: -150%;
}

.footer__1 {
  background: #DFE5E8;
}
.footer__1 .title h6 {
  font-weight: 700;
  font-size: 33px;
  color: #000;
  margin-bottom: 8px;
}
.footer__1 .title h2 {
  font-weight: 900;
  font-size: 80px;
  color: #000;
  margin-bottom: 60px;
}
@media (max-width: 1199px) {
  .footer__1 .title h2 {
    font-size: 72px;
  }
}
@media (max-width: 580px) {
  .footer__1 .title h2 {
    font-size: 52px;
  }
}
@media (max-width: 490px) {
  .footer__1 .title h2 {
    font-size: 42px;
  }
}
@media (max-width: 992px) {
  .footer__1 .drax-btn__2 {
    margin: 32px auto;
  }
}
@media (max-width: 580px) {
  .footer__1 .drax-btn__2 {
    margin: 24px auto;
  }
}
.footer__1 .copyright p {
  color: #898E8F;
  margin: 0;
}
.footer__1 .social-links ul {
  text-align: center;
}
.footer__1 .social-links ul li {
  text-align: center;
  padding: 0 12px;
}
@media (max-width: 992px) {
  .footer__1 .social-links ul li {
    display: inline-block;
  }
}
.footer__1 .social-links ul li a {
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  text-align: center;
  letter-spacing: 0.05em;
  color: #AAB1B4;
  margin-bottom: 30px;
}
.footer__1 .social-links ul li a span {
  display: block;
  font-weight: 600;
  font-size: 23px;
  line-height: 130%;
  text-align: center;
  letter-spacing: 0.01em;
  color: #898E8F;
  margin-bottom: 8px;
}
@media (max-width: 992px) {
  .footer__1 .social-links ul li a {
    margin: 0;
  }
}
@media (max-width: 490px) {
  .footer__1 .social-links ul li a {
    margin: 24px 0 0 0;
  }
}
.footer__1 .social-links ul li a:hover {
  color: #898E8F;
}
.footer__1 .social-links ul li a:hover span {
  color: #1AD4CD;
}
.footer__1 .social-links ul li:last-child a {
  margin-bottom: 0;
}
.footer__1.dark {
  background: #000;
}
.footer__1.dark .title h6 {
  color: #F4F9FB;
}
.footer__1.dark .title h2 {
  color: #F4F9FB;
}

.footer__2 {
  background: #F4F9FB;
}
.footer__2 .container {
  position: relative;
}
.footer__2 .line-animate .line {
  background: #DFE5E8;
}
.footer__2 .line-animate .line .dots {
  background: #F4F9FB;
  border: 1px solid #DFE5E8;
}
.footer__2 .footer-main {
  position: relative;
  z-index: 50;
}
.footer__2 .footer-main .footer-title {
  text-align: center;
  margin-bottom: 32px;
}
.footer__2 .footer-main .footer-title h2 {
  font-weight: 900;
  font-size: 33px;
  text-transform: uppercase;
  margin-bottom: 8px;
  color: #0C0D0D;
}
.footer__2 .footer-main .footer-title h2 b {
  color: #1AD4CD;
  font-size: 80px;
}
@media (max-width: 1199px) {
  .footer__2 .footer-main .footer-title h2 b {
    font-size: 72px;
  }
}
@media (max-width: 992px) {
  .footer__2 .footer-main .footer-title h2 b {
    font-size: 53px;
  }
}
@media (max-width: 767px) {
  .footer__2 .footer-main .footer-title h2 b {
    font-size: 38px;
  }
}
@media (max-width: 580px) {
  .footer__2 .footer-main .footer-title h2 b {
    font-size: 32px;
  }
}
@media (max-width: 490px) {
  .footer__2 .footer-main .footer-title h2 b {
    font-size: 20px;
  }
}
@media (max-width: 580px) {
  .footer__2 .footer-main .footer-title h2 {
    font-size: 28px;
  }
}
@media (max-width: 490px) {
  .footer__2 .footer-main .footer-title h2 {
    font-size: 20px;
  }
}
.footer__2 .footer-main .footer-title p {
  color: #AAB1B4;
}
@media (max-width: 490px) {
  .footer__2 .footer-main .footer-title p {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .footer__2 .footer-main .footer-title p br {
    display: none;
  }
}
.footer__2 .footer-main .footer-btn {
  text-align: center;
  padding: 38px 0;
}
.footer__2 .footer-main .footer-btn a {
  display: table;
}
@media (max-width: 767px) {
  .footer__2 .footer-main .footer-btn {
    padding: 0 0 32px 0;
  }
}
@media (max-width: 490px) {
  .footer__2 .footer-main .footer-btn {
    padding-bottom: 20px;
  }
}
.footer__2 .footer-main .footer-btn .drax-btn__2 {
  margin: 0 auto;
}
.footer__2 .footer-main h5 {
  font-weight: 600;
  font-size: 23px;
}
@media (max-width: 490px) {
  .footer__2 .footer-main h5 {
    font-size: 18px;
  }
}
.footer__2 .footer-main a {
  display: flex;
  align-items: flex-start;
  font-weight: 400;
  font-size: 16px;
  color: #898E8F;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .footer__2 .footer-main a {
    justify-content: center;
  }
}
@media (max-width: 490px) {
  .footer__2 .footer-main a {
    font-size: 14px;
  }
}
.footer__2 .footer-main a i {
  display: block;
  padding: 5px 10px 0 0;
  font-size: 23px;
}
@media (max-width: 490px) {
  .footer__2 .footer-main a i {
    font-size: 18px;
  }
}
.footer__2 .footer-main a:hover {
  color: #1AD4CD;
}
.footer__2 .footer-main a:hover i {
  color: #1AD4CD;
}
.footer__2 .footer-main p {
  color: #898E8F;
}
@media (max-width: 767px) {
  .footer__2 .footer-main .footer-widget__1 {
    text-align: center;
  }
}
.footer__2 .footer-main .footer-widget__1 h5 {
  color: #898E8F;
  margin-bottom: 48px;
  margin-top: 30px;
  text-align: center;
}
@media (max-width: 767px) {
  .footer__2 .footer-main .footer-widget__1 h5 {
    margin-bottom: 32px;
  }
}
@media (max-width: 490px) {
  .footer__2 .footer-main .footer-widget__1 h5 {
    margin-bottom: 20px;
  }
}
.footer__2 .footer-main .footer-widget__1 p {
  margin: 64px 0 0 0;
}
@media (max-width: 767px) {
  .footer__2 .footer-main .footer-widget__1 p {
    margin: 32px 0;
  }
}
@media (max-width: 490px) {
  .footer__2 .footer-main .footer-widget__1 p {
    margin-bottom: 20px;
  }
}
.footer__2 .footer-main .footer-widget__2 {
  text-align: right;
}
@media (max-width: 767px) {
  .footer__2 .footer-main .footer-widget__2 {
    text-align: center;
  }
}
.footer__2 .footer-main .footer-widget__2 button {
  color: #171818;
  margin-bottom: 64px;
}
@media (max-width: 767px) {
  .footer__2 .footer-main .footer-widget__2 button {
    margin-bottom: 32px;
  }
}
@media (max-width: 490px) {
  .footer__2 .footer-main .footer-widget__2 button {
    margin-bottom: 20px;
  }
}
.footer__2 .footer-main .footer-widget__2 .drax-popupBtn .aroow-animate {
  position: relative;
  left: -100px;
}
.footer__2 .footer-main .footer-widget__2 .social a {
  margin: 0 0 64px 0;
}
@media (max-width: 767px) {
  .footer__2 .footer-main .footer-widget__2 .social a {
    margin-bottom: 32px;
  }
}
@media (max-width: 490px) {
  .footer__2 .footer-main .footer-widget__2 .social a {
    margin-bottom: 20px;
  }
}
.footer__2 .footer-main .footer-widget__2 .social a i {
  font-size: 52px;
}
@media (max-width: 490px) {
  .footer__2 .footer-main .footer-widget__2 .social a i {
    font-size: 38px;
  }
}
.footer__2 .footer-main .footer-widget__2 .link a {
  margin: 0 0 0 24px;
}
.footer__2 .footer-main .footer-widget__2 .link a:first-child {
  margin: 0;
}
.footer__2.bg-gray {
  background: #DFE5E8;
}
.footer__2.bg-gray .line-animate .line {
  background: #AAB1B4;
}
.footer__2.bg-gray .line-animate .line .dots {
  background: #DFE5E8;
  border: 1px solid #AAB1B4;
}
.footer__2.dark {
  background: #171818;
}
.footer__2.dark .line-animate .line {
  background: #0C0D0D;
}
.footer__2.dark .line-animate .line .dots {
  border-color: #0C0D0D;
  background: #171818;
}
.footer__2.dark .footer-main .footer-title h2 {
  color: #F4F9FB;
}
.footer__2.dark .footer-main .footer-title p {
  color: #818486;
}
.footer__2.dark .footer-main a {
  color: #C1C7CA;
}
.footer__2.dark .footer-main a:hover {
  color: #1AD4CD;
}
.footer__2.dark .footer-main a:hover i {
  color: #1AD4CD;
}
.footer__2.dark .footer-main p {
  color: #C1C7CA;
}
.footer__2.dark .footer-main .footer-widget__1 h5 {
  color: #C1C7CA;
}
.footer__2.dark .footer-main .footer-widget__2 .drax-popupBtn {
  color: #C1C7CA;
}
.footer__2.dark .footer-main .footer-widget__2 .drax-popupBtn .aroow-animate {
  position: relative;
  left: -100px;
}
.footer__2.dark-2 {
  background: #171818;
}
.footer__2.dark-2 .line-animate .line {
  background: #000;
}
.footer__2.dark-2 .line-animate .line .dots {
  border-color: #000;
  background: #171818;
}

.footer__4 {
  background-color: #DFE5E8;
  padding: 120px 0;
}
.footer__4 .title {
  font-weight: 400;
  font-size: 72px;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 48px;
}
@media (max-width: 1199px) {
  .footer__4 .title {
    font-size: 58px;
  }
}
@media (max-width: 992px) {
  .footer__4 .title {
    font-size: 88px;
    margin-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .footer__4 .title {
    font-size: 72px;
  }
}
@media (max-width: 490px) {
  .footer__4 .title {
    font-size: 42px;
  }
}
.footer__4 .title b {
  font-weight: 400;
  color: #1AD4CD;
}
.footer__4 .footer-btn {
  padding: 50px 0;
}
.footer__4 .footer-content p {
  color: #898E8F;
  margin-bottom: 110px;
}
.footer__4 .footer-content a {
  display: block;
  font-weight: 400;
  font-size: 20px;
  color: #171818;
  margin-bottom: 32px;
}
.footer__4 .footer-content a i {
  color: #1AD4CD;
  padding-right: 10px;
}
.footer__4 .footer-content a:hover {
  color: #1AD4CD;
}
.footer__4 .copyright p {
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.05em;
  color: #898E8F;
}
.footer__4 .social-links ul {
  text-align: center;
}
.footer__4 .social-links ul li {
  text-align: center;
  padding: 0 12px;
}
@media (max-width: 992px) {
  .footer__4 .social-links ul li {
    display: inline-block;
  }
}
.footer__4 .social-links ul li a {
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  text-align: center;
  letter-spacing: 0.05em;
  color: #AAB1B4;
  margin-bottom: 30px;
}
.footer__4 .social-links ul li a span {
  display: block;
  font-weight: 600;
  font-size: 23px;
  line-height: 130%;
  text-align: center;
  letter-spacing: 0.01em;
  color: #898E8F;
  margin-bottom: 8px;
}
@media (max-width: 992px) {
  .footer__4 .social-links ul li a {
    margin: 0;
  }
}
@media (max-width: 490px) {
  .footer__4 .social-links ul li a {
    margin: 24px 0 0 0;
  }
}
.footer__4 .social-links ul li a:hover {
  color: #898E8F;
}
.footer__4 .social-links ul li a:hover span {
  color: #1AD4CD;
}
.footer__4 .social-links ul li:last-child a {
  margin-bottom: 0;
}
.footer__4.slick-slide {
  height: 100Vh !important;
  display: table-cell !important;
  vertical-align: middle !important;
}
@media (max-width: 1399px) {
  .footer__4.slick-slide {
    height: auto !important;
  }
}
@media (max-width: 992px) {
  .footer__4.slick-slide {
    padding-bottom: 80px;
  }
}
@media (max-width: 992px) {
  .footer__4.slick-slide .title {
    font-size: 52px;
    margin-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .footer__4.slick-slide .title {
    font-size: 48px;
  }
}
@media (max-width: 580px) {
  .footer__4.slick-slide .title {
    font-size: 32px;
  }
}
@media (max-width: 490px) {
  .footer__4.slick-slide .title {
    font-size: 24px;
  }
}
.footer__4.slick-slide .title b {
  font-weight: 400;
  color: #1AD4CD;
}
@media (max-width: 992px) {
  .footer__4.slick-slide .footer-content p {
    margin-bottom: 32px;
  }
}
.footer__4.slick-slide .footer-content a {
  display: block;
  font-weight: 400;
  font-size: 20px;
  color: #171818;
  margin-bottom: 32px;
}
.footer__4.slick-slide .footer-content a i {
  color: #1AD4CD;
  padding-right: 10px;
}
.footer__4.slick-slide .footer-content a:hover {
  color: #1AD4CD;
}
@media (max-width: 580px) {
  .footer__4.slick-slide .contact__link {
    display: none;
  }
}
.footer__4.dark {
  background-color: #000;
}
.footer__4.dark .title {
  color: #F4F9FB;
}
.footer__4.dark .footer-content a {
  display: block;
  font-weight: 400;
  font-size: 20px;
  color: #898E8F;
  margin-bottom: 32px;
}
.footer__4.dark .footer-content a i {
  color: #1AD4CD;
  padding-right: 10px;
}
.footer__4.dark .footer-content a:hover {
  color: #1AD4CD;
}
.footer__4.dark .contact-block .form-group .form-control {
  border-bottom: 2px solid #DFE5E8;
  color: #F4F9FB;
}
.footer__4.dark .contact-block .form-group .form-control::placeholder {
  color: #818486;
}

.footer__3 {
  background: #F4F9FB;
}
.footer__3 .footer_main .footer__widget-title {
  margin-bottom: 24px;
}
.footer__3 .footer_main .footer__widget-title span {
  color: #000;
  font-weight: 700;
  font-size: 33px;
  margin-bottom: 12px;
}
.footer__3 .footer_main .footer__widget-title h2 {
  color: #000;
  margin-bottom: 24px;
  font-weight: 400;
  font-size: 99px;
}
.footer__3 .footer_main .footer__widget-title h2 b {
  font-weight: 700;
  color: #1AD4CD;
}
.footer__3 .footer_main .footer__widget-title p {
  color: #898E8F;
  margin: 0;
}
.footer__3 .footer_main .footer__widget p, .footer__3 .footer_main .footer__widget a {
  color: #171818;
  font-weight: 700;
  font-size: 23px;
  margin-bottom: 24px;
}
.footer__3 .footer_main .footer__widget p span, .footer__3 .footer_main .footer__widget a span {
  font-size: 28px;
  padding-right: 15px;
  color: #1AD4CD;
}
.footer__3 .footer_main .footer__widget p {
  margin: 0;
}
.footer__3 .footer_main .footer__widget a:hover {
  color: #1AD4CD;
}
.footer__3 .footer_main .contact-block {
  margin-bottom: 28px;
  text-align: center;
}
.footer__3 .footer_main .contact-block .form-group {
  padding-bottom: 32px;
}
.footer__3 .footer_main .contact-block .form-group .form-control {
  text-align: left;
  padding: 0;
  padding-bottom: 16px;
  border: none;
  border-radius: 0;
  border-bottom: 2px solid #AAB1B4;
  background: transparent;
  font-weight: 500;
  font-size: 16px;
  outline: 0;
  box-sizing: none;
  margin-bottom: 32px;
  color: #171818;
}
.footer__3 .footer_main .contact-block .form-group .form-control::placeholder {
  color: #AAB1B4;
}
.footer__3 .footer_main .contact-block .form-group .form-control:focus {
  outline: 0;
  box-shadow: none;
}
.footer__3 .footer-copyright {
  padding: 12px 0;
  margin: 0;
}
.footer__3 .footer-copyright .copyright-text {
  color: #898E8F;
  margin: 0;
  font-weight: 500;
  font-size: 16px;
}

.footer__6 {
  padding: 100px 0;
  position: relative;
  background: #DFE5E8;
}
.footer__6 .title {
  color: #000;
  font-weight: 400;
  font-size: 100px;
  line-height: 1;
  margin: 0 0 48px 0;
}
.footer__6 .title b {
  font-weight: 900;
  font-size: 100.481px;
  color: #1AD4CD;
}
.footer__6 .footer-content p {
  color: #898E8F;
  margin-bottom: 100px;
  line-height: 1.4;
}
.footer__6 .footer-content a {
  display: block;
  color: #171818;
  font-weight: 400;
  font-size: 20px;
  margin-bottom: 32px;
}
.footer__6 .footer-content a i {
  font-size: 24px;
  padding-right: 10px;
  color: #1AD4CD;
}
.footer__6 .footer-content a:hover {
  color: #1AD4CD;
}
.footer__6.dark {
  background: #000;
}
.footer__6.dark .title {
  color: #F4F9FB;
}
.footer__6.dark .footer-content p {
  color: #898E8F;
}
.footer__6.dark .footer-content a {
  color: #898E8F;
}
.footer__6.dark .footer-content a:hover {
  color: #1AD4CD;
}
.footer__6.dark .contact-block {
  margin-bottom: 28px;
  text-align: center;
}
.footer__6.dark .contact-block .form-group .form-control {
  border-bottom: 2px solid #DFE5E8;
  color: #DFE5E8;
}
.footer__6.dark .contact-block .form-group .form-control::placeholder {
  color: #DFE5E8;
}
.footer__6.dark .contact__link li a span {
  color: #F4F9FB;
}
.footer__6.dark .contact__link li a:hover span {
  color: #1AD4CD;
}

/*=======================================================================
    3.Blocks Styles 
=========================================================================*/
/*-------------------------
    Heroes Area Styles
-------------------------*/
.hero_1 {
  position: relative;
  background-image: url(../media/hero/1/background.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  height: 1054px;
  width: 100%;
  z-index: 5;
}
@media (max-width: 992px) {
  .hero_1 {
    height: 880px;
  }
}
@media (max-width: 768px) {
  .hero_1 {
    height: 720px;
  }
}
@media (max-width: 490px) {
  .hero_1 {
    height: 620px;
  }
}
@media (max-width: 350px) {
  .hero_1 {
    height: 550px;
  }
}
.hero_1 .bg-1 img {
  position: absolute;
  overflow: hidden;
  -webkit-animation: kenburns-left 5s ease-out infinite alternate both;
  animation: kenburns-left 5s ease-out infinite alternate both;
}
.hero_1 .bg-2 img {
  position: absolute;
  overflow: hidden;
  -webkit-animation: kenburns-top-right 5s ease-out infinite alternate;
  animation: kenburns-top-right 5s ease-out infinite alternate;
}
.hero_1 .cursor-glow {
  height: 330px;
  width: 330px;
  border-radius: 50%;
  background: rgb(0, 255, 76);
  background: -moz-radial-gradient(circle, rgba(243, 0, 105, 0.8) 0%, rgb(247, 124, 124) 100%);
  box-shadow: 0px 0px 90px rgb(0, 247, 255);
  background: radial-gradient(circle, rgba(255, 255, 255, 0.8) 0%, rgba(255, 217, 0, 0.459) 100%);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
}
.hero_1 .hero_bg {
  background: url(../media/hero/1/lines.png);
  -webkit-backdrop-filter: blur(125px);
  background-color: rgba(23, 24, 24, 0.1);
  backdrop-filter: blur(125px);
  height: 1054px;
}
@media (max-width: 992px) {
  .hero_1 .hero_bg {
    height: 880px;
  }
}
@media (max-width: 768px) {
  .hero_1 .hero_bg {
    height: 720px;
  }
}
@media (max-width: 490px) {
  .hero_1 .hero_bg {
    height: 620px;
  }
}
@media (max-width: 350px) {
  .hero_1 .hero_bg {
    height: 550px;
  }
}
.hero_1 .hero_bg .hero_content {
  padding-top: 232px;
}
@media (max-width: 992px) {
  .hero_1 .hero_bg .hero_content {
    padding-top: 180px;
  }
}
@media (max-width: 768px) {
  .hero_1 .hero_bg .hero_content {
    padding-top: 100px;
  }
}
@media (max-width: 490px) {
  .hero_1 .hero_bg .hero_content {
    padding-top: 150px;
  }
}
@media (max-width: 350px) {
  .hero_1 .hero_bg .hero_content {
    padding-top: 100px;
  }
}
.hero_1 .hero_bg .hero_content .first {
  color: #F4F9FB;
  margin-bottom: 0;
  line-height: 1;
}
.hero_1 .hero_bg .hero_content .first-bg-shadow {
  line-height: 1;
  position: absolute;
  top: 10px;
  left: 25px;
  letter-spacing: 0.2px;
  margin-bottom: 0;
  -webkit-text-stroke: 1px rgba(244, 249, 251, 0.2);
  -webkit-text-fill-color: transparent;
}
@media (max-width: 350px) {
  .hero_1 .hero_bg .hero_content .first-bg-shadow {
    top: 4px;
    left: 20px;
  }
}
.hero_1 .hero_bg .hero_content .second {
  color: #F4F9FB;
  margin-bottom: 0;
  letter-spacing: 0.2px;
}
.hero_1 .hero_bg .hero_content .second-bg-shadow {
  line-height: 1;
  position: absolute;
  top: 24px;
  left: 24px;
  margin-bottom: 0;
  -webkit-text-stroke: 1px rgba(244, 249, 251, 0.2);
  -webkit-text-fill-color: transparent;
}
@media (max-width: 1199px) {
  .hero_1 .hero_bg .hero_content .second-bg-shadow {
    left: unset;
    right: 3px;
  }
}
@media (max-width: 992px) {
  .hero_1 .hero_bg .hero_content .second-bg-shadow {
    right: 8px;
    top: 20px;
  }
}
@media (max-width: 992px) {
  .hero_1 .hero_bg .hero_content .second-bg-shadow {
    right: 8px;
    top: 16px;
  }
}
@media (max-width: 490px) {
  .hero_1 .hero_bg .hero_content .second-bg-shadow {
    right: 8px;
    top: 12px;
  }
}
@media (max-width: 350px) {
  .hero_1 .hero_bg .hero_content .second-bg-shadow {
    right: 12px;
    top: 8px;
  }
}
.hero_1 .hero_bg .hero_content .first,
.hero_1 .hero_bg .hero_content .second,
.hero_1 .hero_bg .hero_content .first-bg-shadow,
.hero_1 .hero_bg .hero_content .second-bg-shadow {
  font-weight: 900;
  font-size: 140px;
  letter-spacing: 0.2px;
}
@media (max-width: 992px) {
  .hero_1 .hero_bg .hero_content .first,
  .hero_1 .hero_bg .hero_content .second,
  .hero_1 .hero_bg .hero_content .first-bg-shadow,
  .hero_1 .hero_bg .hero_content .second-bg-shadow {
    font-size: 110px;
  }
}
@media (max-width: 768px) {
  .hero_1 .hero_bg .hero_content .first,
  .hero_1 .hero_bg .hero_content .second,
  .hero_1 .hero_bg .hero_content .first-bg-shadow,
  .hero_1 .hero_bg .hero_content .second-bg-shadow {
    font-size: 72px;
  }
}
@media (max-width: 490px) {
  .hero_1 .hero_bg .hero_content .first,
  .hero_1 .hero_bg .hero_content .second,
  .hero_1 .hero_bg .hero_content .first-bg-shadow,
  .hero_1 .hero_bg .hero_content .second-bg-shadow {
    font-size: 62px;
  }
}
@media (max-width: 350px) {
  .hero_1 .hero_bg .hero_content .first,
  .hero_1 .hero_bg .hero_content .second,
  .hero_1 .hero_bg .hero_content .first-bg-shadow,
  .hero_1 .hero_bg .hero_content .second-bg-shadow {
    font-size: 42px;
  }
}
.hero_1 .hero_bg .hero_content p {
  padding-top: 12px;
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  color: #F4F9FB;
  letter-spacing: 0.05em;
}
@media (max-width: 490px) {
  .hero_1 .hero_bg .hero_content p {
    font-size: 12px;
  }
}
@media (max-width: 400px) {
  .hero_1 .hero_bg .hero_content p br {
    display: none;
  }
}
.hero_1 .hero_bg .hero_content h6 {
  text-align: center;
  padding: 50px 0;
  font-weight: 700;
  font-size: 33px;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: #F4F9FB;
}
.hero_1 .hero_bg .hero_content h6 a {
  color: #1AD4CD;
  font-weight: 700;
  font-size: 33px;
  line-height: 120%;
  letter-spacing: -0.02em;
}
.hero_1 .hero_bg .hero_content h6 a .wrap {
  color: #1AD4CD;
  font-weight: 700;
  font-size: 33px;
  line-height: 120%;
  letter-spacing: -0.02em;
  padding-right: 5px;
  border-right: 2px solid #1AD4CD;
}
@media (max-width: 768px) {
  .hero_1 .hero_bg .hero_content h6 a .wrap {
    font-size: 28px;
  }
}
@media (max-width: 490px) {
  .hero_1 .hero_bg .hero_content h6 a .wrap {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .hero_1 .hero_bg .hero_content h6 a {
    font-size: 28px;
  }
}
@media (max-width: 490px) {
  .hero_1 .hero_bg .hero_content h6 a {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .hero_1 .hero_bg .hero_content h6 {
    padding: 30px 0;
    font-size: 28px;
  }
}
@media (max-width: 490px) {
  .hero_1 .hero_bg .hero_content h6 {
    padding: 20px 0;
    font-size: 16px;
  }
}
.hero_1 .hero_bg .hero_content a {
  text-align: center;
}
.hero_1 .hero_bg .larger-arrow.left {
  position: absolute;
  bottom: 100px;
  left: 40px;
}
.hero_1 .hero_bg .larger-arrow.right {
  position: absolute;
  bottom: 100px;
  right: 40px;
}
/*.hero_1.dark {
  background-image: url(../media/hero/1/dark-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}*/

/*-------------------------
    Digital Area Styles
-------------------------*/
.degital__area {
  position: relative;
  background: url(/Assets/Front/main-bg1.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 1080px;
  padding-left: 150px;
  z-index: 5;
  overflow: hidden;
}
@media (max-width: 1399px) {
  .degital__area {
/*    height: 1040px;*/
      height:1405px
  }
}
@media (max-width: 1199px) {
  .degital__area {
    /*height: 930px;*/
    height:1266px;
  }
 
}
@media (max-width: 992px) {
  .degital__area {
    height: auto;
    padding-left: 0;
  }
}
@media screen and (min-width: 993px) {
  .degital__area .container {
    min-width: 100%;
    padding: 0;
    margin: 0;
  }
}
.degital__area .thin-title {
    /*opacity: 0.2;*/
    background: -webkit-linear-gradient(90deg, #9046B4 10.98%, #B5A3BE 72.49%);
    -webkit-background-clip: text;
    /*-webkit-text-stroke: 4px #f4f9fb;*/
    color: #F4F9FB;
    margin-bottom: 48px;
    position: relative;
    z-index: 50;
}
@media (max-width: 991px) {
  .degital__area .thin-title {
    margin-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .degital__area .thin-title {
    margin-bottom: 20px;
  }
}
.degital__area .degital-content {
  position: relative;
  z-index: 50;
  padding-left: 75px;
}
@media (max-width: 767px) {
  .degital__area .degital-content {
    padding-left: 42px;
  }
}
@media (max-width: 580px) {
  .degital__area .degital-content {
    text-align: end;
  }
}
@media (max-width: 490px) {
  .degital__area .degital-content {
    padding-left: 0px;
    text-align: start;
  }
}
.degital__area .degital-content .smaller-animate {
  position: relative;
  margin-left: -100px;
}
@media (max-width: 600px) {
  .degital__area .degital-content .smaller-animate .aroow-animate {
    display: none;
  }
}
.degital__area .degital-content p {
  color: #F4F9FB;
  margin-bottom: 8px;
  padding-left: 100px;
}
.degital__area .degital-content p.light-text {
  margin-bottom: 32px;
  padding: 0;
}
@media (max-width: 767px) {
  .degital__area .degital-content p {
    font-size: 16px;
  }
}
@media (max-width: 580px) {
  .degital__area .degital-content p {
    text-align: start;
  }
}
@media (max-width: 490px) {
  .degital__area .degital-content p {
    font-size: 10px;
  }
}
@media (max-width: 767px) {
  .degital__area .degital-content p br {
    display: none;
  }
}
.degital__area .degital-content .area-text {
  display: inline-block;
}
.degital__area .degital-content .area-text h2 {
  font-weight: 800;
  font-size:121px;
  padding-left: 10px;
  color: #F4F9FB;
  margin-bottom: 8px;
  display: inline-block;

  text-align: end;
}
@media (max-width: 1399px) {
  .degital__area .degital-content .area-text h2 {
    font-size: 120px;
  }
}
@media (max-width: 1199px) {
  .degital__area .degital-content .area-text h2 {
    font-size: 100px;
  }
}
@media (max-width: 991px) {
  .degital__area .degital-content .area-text h2 {
    font-size: 82px;
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .degital__area .degital-content .area-text h2 {
    font-size: 60px;
  }
}
@media (max-width: 580px) {
  .degital__area .degital-content .area-text h2 {
    font-size: 54px;
  }
}
@media (max-width: 490px) {
  .degital__area .degital-content .area-text h2 {
    font-size: 38px;
    margin-right: 10px;
  }
}
@media (max-width: 340px) {
  .degital__area .degital-content .area-text h2 {
    font-size: 32px;
  }
}
 .h2:nth-child(2) {
  margin-right: 0;
  text-align: left;
  padding: 8px 16px;
  color: #171818;
  border-radius: 15px;
  background: #1AD4CD;
  
}
@media (max-width: 490px) {
  .degital__area .degital-content .area-text h2:nth-child(2) {
    padding: 6px 12px;
    border-radius: 5px;
  }
}
.degital__area .degital-content .area-text h4 {
  padding: 8px 16px;
  text-align: end;
  font-weight: 900;
  font-size: 32px;
  color: #F4F9FB;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 32px;
}
@media (max-width: 1399px) {
  .degital__area .degital-content .area-text h4 {
    font-size: 48px;
  }
}
@media (max-width: 1199px) {
  .degital__area .degital-content .area-text h4 {
    font-size: 38px;
  }
}
@media (max-width: 992px) {
  .degital__area .degital-content .area-text h4 {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .degital__area .degital-content .area-text h4 {
    font-size: 21px;
    margin-bottom: 20px;
  }
}
@media (max-width: 490px) {
  .degital__area .degital-content .area-text h4 {
    font-size: 16px;
    padding: 6px 12px;
    font-weight: 700;
    width: 300px;
  }
}
@media (max-width: 340px) {
  .degital__area .degital-content .area-text h4 {
    width: 265px;
  }
}
.degital__area .degital-content .area-text h4::before {
  position: absolute;
  left: 0;
  content: "";
  width: 31%;
  height: 10px;
  margin: auto 0;
  background: #1AD4CD;
}
@media (max-width: 1399px) {
  .degital__area .degital-content .area-text h4::before {
    width: 58%;
    position:relative;
  }
}
@media (max-width: 992px) {
  .degital__area .degital-content .area-text h4::before {
    width: 56%;
  }
}
@media (max-width: 490px) {
  .degital__area .degital-content .area-text h4::before {
    width: 50%;
    height: 3px;
  }
}
@media (max-width: 1530px) {
  .degital__area .drax-btn__2 {
    margin-left: auto;
    margin-right: 20px;
  }
}
@media (max-width: 992px) {
  .degital__area .drax-btn__2 {
    margin: 0px;
    margin-left: auto;
  }
}
@media (max-width: 492px) {
  .degital__area .drax-btn__2 {
    margin: 0px auto;
  }
}
.degital__area .animition {
  position: absolute;
  width: 50%;
  height: 60%;
  right: 0;
  top: 0;
  z-index: 2;
}
@media (max-width: 490px) {
  .degital__area .animition {
    width: 100%;
    height: 98%;
  }
}
.degital__area .animition .bubble {
  position: absolute;
  border-radius: 50px;
  z-index: 3;
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.degital__area .animition .bubble.bubble-large {
  background: radial-gradient(50% 50% at 50% 50%, #42BDFF 0%, rgba(211, 240, 255, 0) 100%);
  width: 50px;
  height: 50px;
}
@media (max-width: 490px) {
  .degital__area .animition .bubble.bubble-large {
    width: 25px;
    height: 25px;
  }
}
.degital__area .animition .bubble.bubble-large.buble_1 {
  left: 30%;
  top: 20%;
  animation: animate1 68s linear infinite alternate;
}
.degital__area .animition .bubble.bubble-large.buble_2 {
  left: 38%;
  top: 40%;
  animation: animate2 68s linear infinite alternate;
}
.degital__area .animition .bubble.bubble-large.buble_3 {
  right: 12%;
  top: 24%;
  animation: animate3 68s linear infinite alternate;
}
.degital__area .animition .bubble.bubble-medium {
  width: 25px;
  height: 25px;
  background: radial-gradient(50% 50% at 50% 50%, #42BDFF 0%, rgba(211, 240, 255, 0) 100%);
}
.degital__area .animition .bubble.bubble-medium.buble_4 {
  top: 3%;
  left: 30%;
  animation: animate4 75s linear infinite alternate;
}
.degital__area .animition .bubble.bubble-medium.buble_5 {
  top: 40%;
  left: 0%;
  animation: animate5 75s linear infinite alternate;
}
.degital__area .animition .bubble.bubble-medium.buble_6 {
  left: 40%;
  top: 45%;
  animation: animate6 75s linear infinite alternate;
}
.degital__area .animition .bubble.bubble-medium.buble_7 {
  left: 42%;
  top: 100%;
  animation: animate7 75s linear infinite alternate;
}
.degital__area .animition .bubble.bubble-medium.buble_8 {
  left: 78%;
  top: 90%;
  animation: animate8 75s linear infinite alternate;
}
.degital__area .animition .bubble.bubble-medium.buble_9 {
  left: 88%;
  top: 30%;
  animation: animate9 75s linear infinite alternate;
}
.degital__area .animition .bubble.bubble-small {
  width: 12px;
  height: 12px;
  background: radial-gradient(50% 50% at 50% 50%, #42BDFF 0%, rgba(211, 240, 255, 0) 100%);
}
.degital__area .animition .bubble.bubble-small.buble_10 {
  top: 10%;
  left: 90%;
  animation: animate10 80s linear infinite alternate;
}
.degital__area .animition .bubble.bubble-small.buble_11 {
  top: 12%;
  left: 75%;
  animation: animate11 80s linear infinite alternate;
}
.degital__area .animition .bubble.bubble-small.buble_12 {
  top: 18%;
  left: 60%;
  animation: animate12 80s linear infinite alternate;
}
.degital__area .animition .bubble.bubble-small.buble_13 {
  top: 30%;
  left: 28%;
  animation: animate13 80s linear infinite alternate;
}
.degital__area .animition .bubble.bubble-small.buble_14 {
  top: 65%;
  left: 20%;
  animation: animate14 80s linear infinite alternate;
}
.degital__area .animition .bubble.bubble-small.buble_15 {
  top: 50%;
  left: 90%;
  animation: animate15 80s linear infinite alternate;
}
.degital__area .animition .bubble.bubble-small.buble_16 {
  top: 50%;
  left: 50%;
  animation: animate16 80s linear infinite alternate;
}
.degital__area .animition .bubble.bubble-small.buble_17 {
  top: 49%;
  left: 35%;
  animation: animate17 80s linear infinite alternate;
}
.degital__area .animition .bubble.bubble-small.buble_18 {
  top: 35%;
  left: 35%;
  animation: animate18 80s linear infinite alternate;
}
.degital__area .animition .bubble.bubble-small.buble_19 {
  top: 60%;
  left: 60%;
  animation: animate19 80s linear infinite alternate;
}

#demo-canvas {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
}

/*-------------------------
    About Area Styles
-------------------------*/
.about {
  position: relative;
  background-color: #DFE5E8;
  z-index: 2;
  overflow: hidden;
}
.about.light-bg {
  background-color: #F4F9FB;
}
.about::before {
  opacity: 0.15;
  width: 58%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background: url(../media/about/bg-img.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left;
  z-index: 3;
}
.about .rotate-heading {
  right: -9%;
  top: 40%;
}
@media (max-width: 1499px) {
  .about .rotate-heading {
    right: -12%;
  }
}
@media (max-width: 1399px) {
  .about .rotate-heading {
    right: -13%;
  }
}
@media (max-width: 1299px) {
  .about .rotate-heading {
    right: -14%;
  }
}
@media (max-width: 1199px) {
  .about .rotate-heading {
    right: -9%;
    top: 35%;
  }
}
@media (max-width: 992px) {
  .about .rotate-heading {
    position: relative;
    z-index: 50;
    right: 0;
    transform: rotate(0deg);
    opacity: 1;
    margin-bottom: 32px;
  }
}
.about .about-block {
  position: relative;
  z-index: 10;
}
.about .about-block .video-block {
  position: relative;
}
.about .about-block .video-block img {
  width: 100%;
  object-fit: cover;
}
.about .about-block .video-block .overlay {
  text-align: center;
  display: block;
  position: absolute;
  text-align: center;
  left: calc(50% - 37px);
  bottom: calc(50% - 37px);
}
.about .about-block .video-block .overlay .play-button {
  position: relative;
  z-index: 1000;
  border: none;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 600;
  color: #171818;
  transition: all 0.3s ease-in-out;
}
.about .about-block .video-block .overlay .play-button .icon {
  transition: all 0.3s ease-in-out;
  width: 64px;
  height: 64px;
  border: 1px solid #ffffff;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  color: #F4F9FB;
}
@media (max-width: 490px) {
  .about .about-block .video-block .overlay .play-button .icon {
    width: 48px;
    height: 48px;
  }
}
.about .about-block .video-block .overlay .play-button .icon i {
  padding-left: 5px;
  font-size: 24px;
  margin: 0;
}
@media (max-width: 490px) {
  .about .about-block .video-block .overlay .play-button .icon i {
    font-size: 21px;
  }
}
.about .about-block .video-block .overlay .play-button:hover .icon {
  border-color: #1AD4CD;
  color: #1AD4CD;
}
.about .about-block .text-block.st-2 {
  padding-top: 32px;
}
@media screen and (min-width: 992px) {
  .about .about-block .text-block.st-2 {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 32px 16px;
  }
}
.about .about-block .text-block h4 {
  font-weight: 700;
  font-size: 32px;
  color: #000;
  margin-bottom: 8px;
}
@media (max-width: 1299px) {
  .about .about-block .text-block h4 {
    font-size: 26px;
  }
}
@media (max-width: 490px) {
  .about .about-block .text-block h4 {
    font-size: 18px;
  }
}
.about .about-block .text-block p {
  padding-left: 100px;
  color: #898E8F;
  margin-bottom: 32px;
}
@media (max-width: 1399px) {
  .about .about-block .text-block p {
    padding-left: 80px;
  }
}
@media (max-width: 1299px) {
  .about .about-block .text-block p {
    padding-left: 60px;
  }
}
@media (max-width: 1199px) {
  .about .about-block .text-block p {
    padding-left: 40px;
  }
}
@media (max-width: 767px) {
  .about .about-block .text-block p {
    margin-bottom: 20px;
  }
}
@media (max-width: 490px) {
  .about .about-block .text-block p {
    padding-left: 20px;
    font-size: 12px;
  }
}

.dark .about {
  background: #171818;
}
.dark .about::before {
  background: url(../media/about/bg-img-2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left;
}
.dark .about .rotate-heading {
  opacity: 1;
}
.dark .about .rotate-heading h2 {
  /*color: #0C0D0D;*/
  color:white;
}
.dark .about .about-block .text-block h4 {
  color: #F4F9FB;
}
.dark .about .about-block .text-block p {
  color: #818486;
}
.dark .about .about-block .text-block .drax-btn__2 .btn-text {
  color: #F4F9FB;
}

/*-------------------------
    Service Area Styles
-------------------------*/
.service {
  position: relative;
  overflow: hidden;
  background: #F4F9FB;
}
.service .rotate-heading {
  left: -15%;
  top: 390px;
}
@media (max-width: 1499px) {
  .service .rotate-heading {
    left: -19%;
  }
}
@media (max-width: 1399px) {
  .service .rotate-heading {
    left: -20%;
  }
}
@media (max-width: 1299px) {
  .service .rotate-heading {
    left: -22%;
  }
}
@media (max-width: 1199px) {
  .service .rotate-heading {
    left: -14%;
    top: 18%;
  }
}
@media (max-width: 992px) {
  .service .rotate-heading {
    position: relative;
    z-index: 50;
    left: 0;
    transform: rotate(0deg);
    opacity: 1;
    margin-bottom: 32px;
  }
}
.service .service-blog ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.service .service-blog ul li {
  border: none;
  padding: 48px 0 48px 125px;
  border-top: 1px solid #DFE5E8;
  margin: 0;
}
@media (max-width: 992px) {
  .service .service-blog ul li {
    padding: 32px 0 32px 0;
  }
}
@media (max-width: 992px) {
  .service .service-blog ul li {
    padding: 20px 0 20px 0;
  }
}
.service .service-blog ul li:last-child {
  border-bottom: 1px solid #DFE5E8;
}
.service .service-blog ul li.show-blog a {
  font-weight: 600;
  font-size: 23px;
  color: #0C0D0D;
  margin: 0;
  line-height: 1.3;
  text-align: left;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 490px) {
  .service .service-blog ul li.show-blog a {
    font-size: 16px;
  }
}
.service .service-blog ul li.show-blog a br {
  display: none;
}
.service .service-blog ul li.show-blog ul.text-block {
  visibility: hidden;
  height: 0;
  transform-origin: top;
  transform: rotateX(-90deg);
}
.service .service-blog ul li.show-blog ul.text-block li {
  border: 0;
  padding: 0;
  transition: transform 1s linear;
}
.service .service-blog ul li.show-blog ul.text-block li .text-sec {
  padding: 50px 0 36px 55px;
  max-height: 430px;
  direction: rtl;
}
@media (max-width: 992px) {
  .service .service-blog ul li.show-blog ul.text-block li .text-sec {
    padding: 30px 0 28px 38px;
    max-height: 380px;
  }
}
@media (max-width: 767px) {
  .service .service-blog ul li.show-blog ul.text-block li .text-sec {
    padding: 30px 0 28px 0px;
    max-height: 290px;
  }
}
@media (max-width: 490px) {
  .service .service-blog ul li.show-blog ul.text-block li .text-sec {
    padding: 10px 0 10px 0px;
    max-height: 180px;
  }
}
.service .service-blog ul li.show-blog ul.text-block li .text-sec .scrolling-element-inside {
  direction: ltr;
}
.service .service-blog ul li.show-blog ul.text-block li .text-sec p {
  margin-bottom: 38px;
  color: #171818;
}
@media (max-width: 767px) {
  .service .service-blog ul li.show-blog ul.text-block li .text-sec p {
    font-size: 14px;
    margin-bottom: 20px;
  }
}
@media (max-width: 490px) {
  .service .service-blog ul li.show-blog ul.text-block li .text-sec p {
    font-size: 10px;
    margin-bottom: 20px;
  }
}
.service .service-blog ul li.show-blog ul.text-block li .text-sec p:last-child {
  margin: 0;
}
.service .service-blog ul li.show-blog ul.text-block li .img-block {
  position: relative;
}
.service .service-blog ul li.show-blog ul.text-block li .img-block .img-btn {
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.service .service-blog ul li.show-blog ul.text-block li .img-block .img-btn img {
  object-fit: cover;
  width: 50%;
}
.service .service-blog ul li.show-blog ul.text-block li .img-block .img-btn.image-2 {
  position: relative;
  z-index: 10;
}
.service .service-blog ul li.show-blog ul.text-block li .img-block .img-btn.image-2:focus {
  z-index: 4;
}
.service .service-blog ul li.show-blog ul.text-block li .img-block .img-btn.image-1 {
  position: absolute;
  top: 16px;
  z-index: 5;
  box-shadow: drop-shadow(61px 92px 44px rgba(0, 0, 0, 0.03)) drop-shadow(34px 52px 37px rgba(0, 0, 0, 0.06)) drop-shadow(15px 23px 28px rgba(0, 0, 0, 0.12)) drop-shadow(4px 6px 15px rgba(0, 0, 0, 0.24));
  /*transform: rotate(5deg);*/
  left: 40px;
}
.service .service-blog ul li.show-blog ul.text-block li .img-block .img-btn.image-1:focus {
  z-index: 3;
}
@media (max-width: 490px) {
  .service .service-blog ul li.show-blog ul.text-block li .img-block .img-btn.image-1 {
    top: 5px;
    left: 28px;
  }
}
.service .service-blog ul li:hover a {
  font-weight: 900;
  font-size: 57px;
}
@media (max-width: 992px) {
  .service .service-blog ul li:hover a {
    font-size: 42px;
  }
}
@media (max-width: 992px) {
  .service .service-blog ul li:hover a {
    font-size: 21px;
    margin-bottom: 15px;
  }
}
.service .service-blog ul li:hover a b {
  font-weight: 900;
}
.service .service-blog ul li:hover a br {
  display: block;
}
.service .service-blog ul li:hover ul.text-block {
  transform: rotateX(0deg);
  visibility: visible;
  height: auto;
  transition: transform 1s ease-in-out;
}
.service .service-blog ul li:hover ul.text-block li {
  transition: transform 1s linear;
}

.dark .service {
  background: #0C0D0D;
}
.dark .service .rotate-heading {
  opacity: 1;
}
.dark .service .rotate-heading .sec-title {
  color: #171818;
}
.dark .service .service-blog ul li {
  border-top: 1px solid #353838;
}
.dark .service .service-blog ul li:last-child {
  border-bottom: 1px solid #353838;
}
.dark .service .service-blog ul li.show-blog a {
  color: #818486;
}
.dark .service .service-blog ul li:hover a {
  color: #ffffff;
}
.dark .service .service-blog ul li:hover ul.text-block li .text-sec p {
  color: #818486;
}

/*-------------------------
    portfolio Area Styles
-------------------------*/
.portfolio {
  background: #DFE5E8;
}
.portfolio .container {
  position: relative;
}
.portfolio .portfolio-block {
  position: relative;
  z-index: 999;
}
.portfolio .portfolio-block .heading-block {
  position: relative;
  padding-bottom: 140px;
}
.portfolio .portfolio-block .heading-block h2 {
  font-weight: 900;
  font-size: 99px;
  color: #0C0D0D;
  text-align: end;
  margin: 0;
}
@media (max-width: 992px) {
  .portfolio .portfolio-block .heading-block h2 {
    font-size: 75px;
  }
}
@media (max-width: 767px) {
  .portfolio .portfolio-block .heading-block h2 {
    font-size: 53px;
  }
}
@media (max-width: 490px) {
  .portfolio .portfolio-block .heading-block h2 {
    font-size: 42px;
  }
}
.portfolio .portfolio-block .heading-block p {
  color: #898E8F;
}
@media (max-width: 992px) {
  .portfolio .portfolio-block .heading-block p {
    text-align: end;
  }
}
.portfolio .portfolio-block .img-block {
  position: relative;
}
.portfolio .portfolio-block .img-block img {
  object-fit: cover;
  width: 100%;
}
.portfolio .portfolio-block .img-block .small-image {
  height: 225px;
}
.portfolio .portfolio-block .img-block .small-image:first-child {
  margin-bottom: 32px;
}
.portfolio .portfolio-block .img-block .large-image {
  height: 482px;
}
@media (max-width: 992px) {
  .portfolio .portfolio-block .img-block .large-image {
    height: auto;
    margin: 32px 0;
  }
}

.dark .portfolio {
  background: #171818;
}
.dark .portfolio .portfolio-block .heading-block h2 {
  color: #ffffff;
}
.dark .portfolio .portfolio-block .heading-block p {
  color: #818486;
}

/*-------------------------
    Acheivement Area Styles
-------------------------*/
.acheivement-1 {
  background: #F4F9FB;
}
.acheivement-1 .acheivement-block {
  background: url(../media/background/acheivement-bg.png);
  background-position: right;
  background-size: contain;
  background-color: #F4F9FB;
  background-repeat: no-repeat;
}
.acheivement-1 .acheivement-block .acheivement-stats {
  padding-bottom: 0;
  display: inline-block;
}
.acheivement-1 .acheivement-block .acheivement-stats.pb-80 {
  padding-bottom: 80px;
}
@media (max-width: 992px) {
  .acheivement-1 .acheivement-block .acheivement-stats.pb-80 {
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .acheivement-1 .acheivement-block .acheivement-stats.pb-80 {
    padding-bottom: 40px;
  }
}
.acheivement-1 .acheivement-block .acheivement-stats span {
  display: block;
  font-weight: 600;
  font-size: 23px;
  color: #898E8F;
}
@media (max-width: 992px) {
  .acheivement-1 .acheivement-block .acheivement-stats span {
    font-size: 14px;
  }
}
@media (max-width: 490px) {
  .acheivement-1 .acheivement-block .acheivement-stats span {
    font-size: 10px;
  }
}
.acheivement-1 .acheivement-block .acheivement-stats h4 {
  display: inline-block;
  font-weight: 600;
  font-size: 99px;
  color: #171818;
  margin-bottom: 0px;
  line-height: 1;
}
@media (max-width: 1299px) {
  .acheivement-1 .acheivement-block .acheivement-stats h4 {
    font-size: 82px;
  }
}
@media (max-width: 1199px) {
  .acheivement-1 .acheivement-block .acheivement-stats h4 {
    font-size: 72px;
  }
}
@media (max-width: 992px) {
  .acheivement-1 .acheivement-block .acheivement-stats h4 {
    font-size: 52px;
  }
}
@media (max-width: 767px) {
  .acheivement-1 .acheivement-block .acheivement-stats h4 {
    font-size: 32px;
  }
}
@media (max-width: 490px) {
  .acheivement-1 .acheivement-block .acheivement-stats h4 {
    font-size: 26px;
  }
}
@media (max-width: 350px) {
  .acheivement-1 .acheivement-block .acheivement-stats h4 {
    font-size: 18px;
  }
}
.acheivement-1 .acheivement-block .acheivement-stats .light-text {
  display: block;
  line-height: 1.4;
  letter-spacing: 0.01em;
}
.acheivement-1 .acheivement-block .acheivement-stats .light-text,
.acheivement-1 .acheivement-block .acheivement-stats p {
  color: #898E8F;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
}
@media (max-width: 992px) {
  .acheivement-1 .acheivement-block .acheivement-stats .light-text,
  .acheivement-1 .acheivement-block .acheivement-stats p {
    font-size: 14px;
  }
}
@media (max-width: 992px) {
  .acheivement-1 .acheivement-block .acheivement-stats .light-text,
  .acheivement-1 .acheivement-block .acheivement-stats p {
    font-size: 12px;
  }
}
@media (max-width: 490px) {
  .acheivement-1 .acheivement-block .acheivement-stats .light-text,
  .acheivement-1 .acheivement-block .acheivement-stats p {
    font-size: 10px;
  }
}
.acheivement-1 .acheivement-block .acheivement-title {
  text-align: right;
  padding-right: 10px;
}
.acheivement-1 .acheivement-block .acheivement-title h2 {
  font-weight: 800;
  font-size: 118px;
  color: #F4F9FB;
  margin: 0;
  text-shadow: 61px 92px 44px rgba(0, 0, 0, 0.03), 34px 52px 37px rgba(0, 0, 0, 0.06), 15px 23px 28px rgba(0, 0, 0, 0.12), 4px 6px 15px rgba(0, 0, 0, 0.24);
}
@media (max-width: 1299px) {
  .acheivement-1 .acheivement-block .acheivement-title h2 {
    font-size: 112px;
  }
}
@media (max-width: 1199px) {
  .acheivement-1 .acheivement-block .acheivement-title h2 {
    font-size: 88px;
  }
}
@media (max-width: 992px) {
  .acheivement-1 .acheivement-block .acheivement-title h2 {
    font-size: 64px;
  }
}
@media (max-width: 767px) {
  .acheivement-1 .acheivement-block .acheivement-title h2 {
    font-size: 38px;
  }
}
@media (max-width: 490px) {
  .acheivement-1 .acheivement-block .acheivement-title h2 {
    font-size: 26px;
  }
}
@media (max-width: 350px) {
  .acheivement-1 .acheivement-block .acheivement-title h2 {
    font-size: 21px;
  }
}
.acheivement-1 .acheivement-block .acheivement-title p {
  color: #898E8F;
  margin: 0;
}
@media (max-width: 767px) {
  .acheivement-1 .acheivement-block .acheivement-title p {
    font-size: 12px;
  }
}
@media (max-width: 490px) {
  .acheivement-1 .acheivement-block .acheivement-title p {
    font-size: 10px;
  }
}
.acheivement-1 .acheivement-block .acheivement-title p br {
  display: none;
}
@media (max-width: 580px) {
  .acheivement-1 .acheivement-block .acheivement-title p br {
    display: block;
  }
}
.acheivement-1.dark {
  background: #000;
}
.acheivement-1.dark .acheivement-block {
  background-color: #000;
}
.acheivement-1.dark .acheivement-block .acheivement-stats span {
  color: #898E8F;
}
.acheivement-1.dark .acheivement-block .acheivement-stats h4 {
  color: #F4F9FB;
}
.acheivement-1.dark .acheivement-block .acheivement-stats p {
  color: #898E8F;
}
.acheivement-1.dark .acheivement-block .acheivement-title h2 {
  color: #F4F9FB;
}
.acheivement-1.dark .acheivement-block .acheivement-title p {
  color: #898E8F;
}

.achievement-2 {
  background: url(../media/bg-image/bg-image-3.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media (max-width: 580px) {
  .achievement-2 .achievement-content {
    text-align: center;
    padding: 0 20px;
  }
}
.achievement-2 .achievement-content.right h2 {
  justify-content: end;
}
@media (max-width: 575px) {
  .achievement-2 .achievement-content.right h2 {
    justify-content: center;
  }
}
.achievement-2 .achievement-content h2 {
  display: flex;
  align-items: center;
  gap: 4px;
}
@media (max-width: 575px) {
  .achievement-2 .achievement-content h2 {
    justify-content: center;
  }
}
.achievement-2 .achievement-content h2 span {
  font-weight: 700;
  font-size: 143px;
  color: #F4F9FB;
  display: inline-block;
  line-height: 100%;
  letter-spacing: -0.06em;
}
@media (max-width: 1199px) {
  .achievement-2 .achievement-content h2 span {
    font-size: 120px;
  }
}
@media (max-width: 992px) {
  .achievement-2 .achievement-content h2 span {
    font-size: 100px;
  }
}
@media (max-width: 768px) {
  .achievement-2 .achievement-content h2 span {
    font-size: 88px;
  }
}
@media (max-width: 580px) {
  .achievement-2 .achievement-content h2 span {
    font-size: 88px;
    display: inline-block;
    text-align: center;
  }
}
.achievement-2 .achievement-content span.light-text-1 {
  padding-bottom: 8px;
  border-bottom: 8px solid #1AD4CD;
  margin-bottom: 16px;
}

/*-------------------------
    Client Area Styles
-------------------------*/
.client {
  background: #DFE5E8;
}
.client .client-slider {
  width: 80%;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  border: 2px solid #AAB1B4;
  border-top: none;
  border-bottom: none;
}
@media (max-width: 1199px) {
  .client .client-slider {
    width: 100%;
  }
}
@media (max-width: 992px) {
  .client .client-slider {
    border: none;
    padding: 80px 0;
  }
}
@media (max-width: 992px) {
  .client .client-slider .slick-list {
    border: 2px solid #AAB1B4;
    border-left: none;
    border-right: none;
  }
}
@media (max-width: 992px) {
  .client .client-slider .slick-list .slick-track {
    display: flex;
    align-items: center;
  }
}
.client .client-slider .client-block {
  padding: 50px 0;
}
@media (max-width: 992px) {
  .client .client-slider .client-block {
    padding: 30px 0;
  }
}
.client .client-slider .client-block img {
  display: inline-block;
}
.client .client-about {
  text-align: right;
}
.client .client-about .client-title h2 {
  font-weight: 600;
  font-size: 99px;
  color: #0C0D0D;
  margin-bottom: 8px;
}
@media (max-width: 992px) {
  .client .client-about .client-title h2 {
    font-size: 72px;
  }
}
@media (max-width: 767px) {
  .client .client-about .client-title h2 {
    font-size: 53px;
  }
}
@media (max-width: 490px) {
  .client .client-about .client-title h2 {
    font-size: 38px;
  }
}
.client .client-about .client-title p {
  font-weight: 600;
  font-size: 23px;
  color: #0C0D0D;
}
@media (max-width: 767px) {
  .client .client-about .client-title p {
    font-size: 18px;
  }
}
@media (max-width: 490px) {
  .client .client-about .client-title p {
    font-size: 14px;
  }
}
.client .client-about .client-blog {
  text-align: left;
  position: relative;
  height: 600px;
  display: flex;
  align-items: flex-end;
}
.client .client-about .client-blog .text-block {
  position: relative;
  text-align: right;
  background: #DFE5E8;
  padding: 48px;
  z-index: 10;
}
@media (max-width: 767px) {
  .client .client-about .client-blog .text-block {
    padding: 32px 24px;
  }
}
@media (max-width: 490px) {
  .client .client-about .client-blog .text-block {
    padding: 24px 10px 0;
    margin-bottom: -2px;
  }
}
.client .client-about .client-blog .text-block h4 {
  font-weight: 700;
  font-size: 33px;
  color: #0C0D0D;
}
@media (max-width: 767px) {
  .client .client-about .client-blog .text-block h4 {
    font-size: 23px;
  }
}
.client .client-about .client-blog .text-block p {
  color: #898E8F;
  margin: 0;
}
@media (max-width: 767px) {
  .client .client-about .client-blog .text-block p {
    font-size: 14px;
  }
}
@media (max-width: 490px) {
  .client .client-about .client-blog .text-block p {
    font-size: 12px;
  }
}
@media (max-width: 580px) {
  .client .client-about .client-blog .text-block p br {
    display: none;
  }
}
.client .client-about .client-blog .text-block p.light-text {
  font-weight: 600;
  color: #AAB1B4;
  font-size: 23px;
  margin-bottom: 32px;
  position: relative;
}
@media (max-width: 767px) {
  .client .client-about .client-blog .text-block p.light-text {
    font-size: 20px;
  }
}
@media (max-width: 490px) {
  .client .client-about .client-blog .text-block p.light-text {
    margin-bottom: 20px;
  }
}
.client .client-about .client-blog .text-block p.light-text::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 75%;
  height: 2px;
  background: #AAB1B4;
}
@media (max-width: 767px) {
  .client .client-about .client-blog .text-block p.light-text::before {
    width: 80%;
  }
}
.client .client-about .client-blog img {
  position: absolute;
  right: 0;
  object-fit: contain;
  z-index: 5;
  height: 100%;
}
@media (max-width: 490px) {
  .client .client-about .client-blog img {
    object-fit: cover;
    border-radius: 10px 10px 0 0;
  }
}
.client.light {
  background: #F4F9FB;
}
.client.light .client-about .client-blog .text-block {
  background: #F4F9FB;
}
.client.dark {
  background: #171818;
}
.client.dark .client-slider {
  border: 2px solid #353838;
  border-top: none;
  border-bottom: none;
}
@media (max-width: 992px) {
  .client.dark .client-slider .slick-list {
    border: 2px solid #353838;
    border-left: none;
    border-right: none;
  }
}
@media (max-width: 992px) {
  .client.dark .client-slider .slick-list .slick-track {
    display: flex;
    align-items: center;
  }
}
.client.dark .client-about {
  text-align: right;
}
.client.dark .client-about .client-title h2 {
  color: #ffffff;
}
.client.dark .client-about .client-title p {
  color: #818486;
}
.client.dark .client-about .client-blog .text-block {
  background: #171818;
}
.client.dark .client-about .client-blog .text-block h4 {
  color: #C1C7CA;
}
.client.dark .client-about .client-blog .text-block p {
  color: #898E8F;
}
.client.dark .client-about .client-blog .text-block p.light-text {
  color: #818486;
}
.client.dark .client-about .client-blog .text-block p.light-text::before {
  background: #818486;
}

/*-------------------------
    Crew Area Styles
-------------------------*/
.crew {
  background: #F4F9FB;
  position: relative;
}
.crew .rotate-heading {
  left: -16%;
  top: 410px;
  opacity: 1;
}
.crew .rotate-heading .sec-title {
  font-weight: 800;
  font-size: 143px;
  color: #DFE5E8;
}
@media (max-width: 1599px) {
  .crew .rotate-heading .sec-title {
    font-size: 90px;
  }
}
@media (max-width: 992px) {
  .crew .rotate-heading .sec-title {
    font-size: 72px;
  }
}
@media (max-width: 767px) {
  .crew .rotate-heading .sec-title {
    font-size: 53px;
  }
}
@media (max-width: 490px) {
  .crew .rotate-heading .sec-title {
    font-size: 38px;
  }
}
@media (max-width: 1699px) {
  .crew .rotate-heading {
    left: -19%;
  }
}
@media (max-width: 1599px) {
  .crew .rotate-heading {
    position: relative;
    z-index: 50;
    left: 0;
    top: 0;
    transform: rotate(0deg);
    opacity: 1;
    margin-bottom: 32px;
  }
}
.crew .crew-block {
  text-align: center;
  position: relative;
  z-index: 100;
}
@media (max-width: 767px) {
  .crew .crew-block {
    margin: 16px 0;
  }
}
.crew .crew-block a {
  display: block;
}
.crew .crew-block a img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  margin-bottom: 32px;
}
.crew .crew-block a h2 {
  font-weight: 900;
  font-size: 48px;
  color: #171818;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .crew .crew-block a h2 {
    font-size: 32px;
  }
}
.crew .crew-block a p {
  font-weight: 600;
  font-size: 23px;
  color: #898E8F;
  margin: 0;
}
@media (max-width: 767px) {
  .crew .crew-block a p {
    font-size: 18px;
  }
}

.dark .crew {
  background: #0C0D0D;
}
.dark .crew .rotate-heading .sec-title {
  color: #171818;
}
.dark .crew .crew-block a h2 {
  color: #C1C7CA;
}
.dark .crew .crew-block a p {
  color: #353838;
}

/*-------------------------
    Diaries Area Styles
-------------------------*/
.diaries {
  background: #F4F9FB;
}
.diaries .container {
  position: relative;
}
.diaries .diaries-sec {
  position: relative;
  z-index: 20;
}
.diaries .diaries-sec .heading {
  margin-bottom: 32px;
}
.diaries .diaries-sec .heading h2 {
  font-weight: 500;
  font-size: 99px;
  color: #171818;
  margin-bottom: 8px;
}
@media (max-width: 992px) {
  .diaries .diaries-sec .heading h2 {
    font-size: 72px;
  }
}
@media (max-width: 992px) {
  .diaries .diaries-sec .heading h2 {
    font-size: 53px;
  }
}
@media (max-width: 490px) {
  .diaries .diaries-sec .heading h2 {
    font-size: 38px;
  }
}
.diaries .diaries-sec .heading h2 span {
  font-weight: 400;
  font-size: 57px;
  color: #AAB1B4;
}
@media (max-width: 992px) {
  .diaries .diaries-sec .heading h2 span {
    font-size: 38px;
  }
}
@media (max-width: 992px) {
  .diaries .diaries-sec .heading h2 span {
    font-size: 32px;
  }
}
@media (max-width: 490px) {
  .diaries .diaries-sec .heading h2 span {
    font-size: 28px;
  }
}
.diaries .diaries-sec .heading p {
  color: #898E8F;
  margin: 0;
}
@media (max-width: 490px) {
  .diaries .diaries-sec .heading p {
    font-size: 12px;
  }
}
.diaries .diaries-sec .diaries-block {
  position: relative;
  height: 780px;
}
@media (max-width: 992px) {
  .diaries .diaries-sec .diaries-block {
    height: 670px;
  }
}
@media (max-width: 767px) {
  .diaries .diaries-sec .diaries-block {
    height: 585px;
  }
}
@media (max-width: 580px) {
  .diaries .diaries-sec .diaries-block {
    height: 526px;
  }
}
@media (max-width: 490px) {
  .diaries .diaries-sec .diaries-block {
    height: 428px;
  }
}
.diaries .diaries-sec .diaries-block .dairy a {
  position: absolute;
  bottom: 0;
  width: 530px;
  margin-bottom: 10px;
  background: #F4F9FB;
  box-shadow: 15px 23px 28px rgba(0, 0, 0, 0.12), 4px 6px 15px rgba(0, 0, 0, 0.24);
  padding: 32px;
  display: inline-block;
}
@media (max-width: 992px) {
  .diaries .diaries-sec .diaries-block .dairy a {
    width: 470px;
  }
}
@media (max-width: 767px) {
  .diaries .diaries-sec .diaries-block .dairy a {
    width: 370px;
    padding: 20px;
  }
}
@media (max-width: 580px) {
  .diaries .diaries-sec .diaries-block .dairy a {
    width: 350px;
  }
}
@media (max-width: 490px) {
  .diaries .diaries-sec .diaries-block .dairy a {
    width: 270px;
    display: inline-block;
  }
}
.diaries .diaries-sec .diaries-block .dairy a span {
  font-weight: 600;
  font-size: 23px;
  color: #1AD4CD;
  margin-bottom: 8px;
}
@media (max-width: 992px) {
  .diaries .diaries-sec .diaries-block .dairy a span {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .diaries .diaries-sec .diaries-block .dairy a span {
    font-size: 18px;
  }
}
@media (max-width: 580px) {
  .diaries .diaries-sec .diaries-block .dairy a span {
    font-size: 16px;
  }
}
@media (max-width: 490px) {
  .diaries .diaries-sec .diaries-block .dairy a span {
    font-size: 14px;
  }
}
.diaries .diaries-sec .diaries-block .dairy a h4 {
  font-weight: 700;
  font-size: 33px;
  color: #171818;
  margin-bottom: 24px;
}
@media (max-width: 992px) {
  .diaries .diaries-sec .diaries-block .dairy a h4 {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .diaries .diaries-sec .diaries-block .dairy a h4 {
    font-size: 23px;
  }
}
@media (max-width: 580px) {
  .diaries .diaries-sec .diaries-block .dairy a h4 {
    font-size: 20px;
  }
}
@media (max-width: 490px) {
  .diaries .diaries-sec .diaries-block .dairy a h4 {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
.diaries .diaries-sec .diaries-block .dairy a p {
  color: #AAB1B4;
  margin-bottom: 24px;
}
@media (max-width: 992px) {
  .diaries .diaries-sec .diaries-block .dairy a p {
    font-size: 14px;
  }
}
@media (max-width: 580px) {
  .diaries .diaries-sec .diaries-block .dairy a p {
    font-size: 12px;
  }
}
@media (max-width: 490px) {
  .diaries .diaries-sec .diaries-block .dairy a p {
    font-size: 10px;
  }
}
@media (max-width: 992px) {
  .diaries .diaries-sec .diaries-block .dairy a p br {
    display: none;
  }
}
.diaries .diaries-sec .diaries-block .dairy a img {
  object-fit: cover;
}
.diaries .diaries-sec .diaries-block .dairy#large a {
  z-index: 50;
  margin-bottom: 30px;
}
@media (max-width: 580px) {
  .diaries .diaries-sec .diaries-block .dairy#large a {
    position: relative;
    margin: 0 auto;
    display: block;
  }
}
.diaries .diaries-sec .diaries-block .dairy#large2 a {
  z-index: 50;
  right: 0;
  margin-bottom: 30px;
}
@media (max-width: 580px) {
  .diaries .diaries-sec .diaries-block .dairy#large2 a {
    position: relative;
    margin: 0 auto;
    display: block;
  }
}
.diaries .diaries-sec .diaries-block .dairy.dairy__2 a {
  right: 20%;
}
.diaries .diaries-sec .diaries-block .dairy#mediume a {
  margin-bottom: 20px;
  z-index: 40;
  width: 470px;
  transition: all 0.3s ease-in-out;
  padding: 24px;
  box-shadow: 15px 23px 28px rgba(0, 0, 0, 0.12), 4px 6px 15px rgba(0, 0, 0, 0.24);
}
@media (max-width: 992px) {
  .diaries .diaries-sec .diaries-block .dairy#mediume a {
    width: 350px;
    right: 14%;
  }
}
@media (max-width: 580px) {
  .diaries .diaries-sec .diaries-block .dairy#mediume a {
    width: 300px;
    right: unset;
    left: 0;
    padding: 18px;
  }
}
@media (max-width: 490px) {
  .diaries .diaries-sec .diaries-block .dairy#mediume a {
    width: 250px;
  }
}
.diaries .diaries-sec .diaries-block .dairy#mediume a span {
  font-size: 18px;
  margin-bottom: 7px;
}
@media (max-width: 992px) {
  .diaries .diaries-sec .diaries-block .dairy#mediume a span {
    font-size: 16px;
  }
}
@media (max-width: 580px) {
  .diaries .diaries-sec .diaries-block .dairy#mediume a span {
    font-size: 13px;
    margin-bottom: 4px;
  }
}
@media (max-width: 490px) {
  .diaries .diaries-sec .diaries-block .dairy#mediume a span {
    font-size: 11px;
  }
}
.diaries .diaries-sec .diaries-block .dairy#mediume a h4 {
  font-size: 24px;
  margin-bottom: 18px;
}
@media (max-width: 992px) {
  .diaries .diaries-sec .diaries-block .dairy#mediume a h4 {
    font-size: 20px;
  }
}
@media (max-width: 580px) {
  .diaries .diaries-sec .diaries-block .dairy#mediume a h4 {
    font-size: 18px;
    margin-bottom: 14px;
  }
}
@media (max-width: 490px) {
  .diaries .diaries-sec .diaries-block .dairy#mediume a h4 {
    font-size: 16px;
  }
}
.diaries .diaries-sec .diaries-block .dairy#mediume a p {
  font-size: 12px;
  margin-bottom: 20px;
}
@media (max-width: 580px) {
  .diaries .diaries-sec .diaries-block .dairy#mediume a p {
    font-size: 9px;
    margin-bottom: 16px;
  }
}
.diaries .diaries-sec .diaries-block .dairy#mediume2 a {
  margin-bottom: 20px;
  z-index: 40;
  right: 39%;
  width: 470px;
  transition: all 0.3s ease-in-out;
  padding: 24px;
  box-shadow: 15px 23px 28px rgba(0, 0, 0, 0.12), 4px 6px 15px rgba(0, 0, 0, 0.24);
}
@media (max-width: 992px) {
  .diaries .diaries-sec .diaries-block .dairy#mediume2 a {
    width: 350px;
    right: 14%;
  }
}
@media (max-width: 580px) {
  .diaries .diaries-sec .diaries-block .dairy#mediume2 a {
    width: 300px;
    right: unset;
    left: 0;
    padding: 18px;
  }
}
@media (max-width: 490px) {
  .diaries .diaries-sec .diaries-block .dairy#mediume2 a {
    width: 250px;
  }
}
.diaries .diaries-sec .diaries-block .dairy#mediume2 a span {
  font-size: 18px;
  margin-bottom: 7px;
}
@media (max-width: 992px) {
  .diaries .diaries-sec .diaries-block .dairy#mediume2 a span {
    font-size: 16px;
  }
}
@media (max-width: 580px) {
  .diaries .diaries-sec .diaries-block .dairy#mediume2 a span {
    font-size: 13px;
    margin-bottom: 4px;
  }
}
@media (max-width: 490px) {
  .diaries .diaries-sec .diaries-block .dairy#mediume2 a span {
    font-size: 11px;
  }
}
.diaries .diaries-sec .diaries-block .dairy#mediume2 a h4 {
  font-size: 24px;
  margin-bottom: 18px;
}
@media (max-width: 992px) {
  .diaries .diaries-sec .diaries-block .dairy#mediume2 a h4 {
    font-size: 20px;
  }
}
@media (max-width: 580px) {
  .diaries .diaries-sec .diaries-block .dairy#mediume2 a h4 {
    font-size: 18px;
    margin-bottom: 14px;
  }
}
@media (max-width: 490px) {
  .diaries .diaries-sec .diaries-block .dairy#mediume2 a h4 {
    font-size: 16px;
  }
}
.diaries .diaries-sec .diaries-block .dairy#mediume2 a p {
  font-size: 12px;
  margin-bottom: 20px;
}
@media (max-width: 580px) {
  .diaries .diaries-sec .diaries-block .dairy#mediume2 a p {
    font-size: 9px;
    margin-bottom: 16px;
  }
}
.diaries .diaries-sec .diaries-block .dairy#low {
  margin-bottom: 10px;
}
.diaries .diaries-sec .diaries-block .dairy#low a {
  z-index: 30;
  right: 0;
  width: 300px;
  padding: 18px;
  box-shadow: 15px 23px 28px rgba(0, 0, 0, 0.12), 4px 6px 15px rgba(0, 0, 0, 0.24);
}
@media (max-width: 992px) {
  .diaries .diaries-sec .diaries-block .dairy#low a {
    width: 300px;
  }
}
@media (max-width: 580px) {
  .diaries .diaries-sec .diaries-block .dairy#low a {
    right: 0;
  }
}
@media (max-width: 490px) {
  .diaries .diaries-sec .diaries-block .dairy#low a {
    width: 250px;
  }
}
.diaries .diaries-sec .diaries-block .dairy#low a span {
  font-size: 13px;
  margin-bottom: 4px;
}
.diaries .diaries-sec .diaries-block .dairy#low a h4 {
  font-size: 24px;
  margin-bottom: 14px;
}
@media (max-width: 992px) {
  .diaries .diaries-sec .diaries-block .dairy#low a h4 {
    font-size: 18px;
  }
}
@media (max-width: 490px) {
  .diaries .diaries-sec .diaries-block .dairy#low a h4 {
    font-size: 16px;
  }
}
.diaries .diaries-sec .diaries-block .dairy#low a p {
  font-size: 9px;
  margin-bottom: 16px;
}
.diaries .diaries-sec .diaries-block .dairy#low2 {
  margin-bottom: 10px;
}
.diaries .diaries-sec .diaries-block .dairy#low2 a {
  z-index: 30;
  left: 0;
  width: 300px;
  padding: 18px;
  box-shadow: 15px 23px 28px rgba(0, 0, 0, 0.12), 4px 6px 15px rgba(0, 0, 0, 0.24);
}
@media (max-width: 992px) {
  .diaries .diaries-sec .diaries-block .dairy#low2 a {
    width: 300px;
  }
}
@media (max-width: 580px) {
  .diaries .diaries-sec .diaries-block .dairy#low2 a {
    right: 0;
  }
}
@media (max-width: 490px) {
  .diaries .diaries-sec .diaries-block .dairy#low2 a {
    width: 250px;
  }
}
.diaries .diaries-sec .diaries-block .dairy#low2 a span {
  font-size: 13px;
  margin-bottom: 4px;
}
.diaries .diaries-sec .diaries-block .dairy#low2 a h4 {
  font-size: 24px;
  margin-bottom: 14px;
}
@media (max-width: 992px) {
  .diaries .diaries-sec .diaries-block .dairy#low2 a h4 {
    font-size: 18px;
  }
}
@media (max-width: 490px) {
  .diaries .diaries-sec .diaries-block .dairy#low2 a h4 {
    font-size: 16px;
  }
}
.diaries .diaries-sec .diaries-block .dairy#low2 a p {
  font-size: 9px;
  margin-bottom: 16px;
}
.diaries .line-animate .line {
  background: #DFE5E8;
}
.diaries .line-animate .line .dots {
  background: #F4F9FB;
  border: 1px solid #DFE5E8;
}
.diaries.dark {
  background: #171818;
}
.diaries.dark .diaries-sec .heading h2 {
  color: #F4F9FB;
}
.diaries.dark .diaries-sec .heading p {
  color: #898E8F;
}
.diaries.dark .diaries-sec .diaries-block .dairy a {
  background: #171818;
}
.diaries.dark .diaries-sec .diaries-block .dairy a h4 {
  color: #F4F9FB;
}
.diaries.dark .diaries-sec .diaries-block .dairy a p {
  color: #AAB1B4;
}
.diaries.dark .line-animate .line {
  background: #000;
}
.diaries.dark .line-animate .line .dots {
  background: #171818;
  border: 1px solid #000;
}

/*-------------------------
    Review Area Styles
-------------------------*/
.review {
  background: #F4F9FB;
  overflow: hidden;
}
.review .title h2 {
  font-weight: 900;
  font-size: 57px;
  color: #171818;
  display: inline-block;
  margin: 0 auto;
}
.review .title h2 p {
  text-align: right;
}
.review .review-block {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.review .review-block .review-content {
  width: 113px;
  height: 650px;
  padding: 32px 0;
  border: 2px solid #AAB1B4;
  background: transparent;
  cursor: pointer;
  text-align: center;
  margin: 0 15px;
  display: inline-block;
}
@media (max-width: 992px) {
  .review .review-block .review-content {
    width: 50px;
  }
}
@media (max-width: 768px) {
  .review .review-block .review-content {
    margin: 0 8px;
    height: 460px;
  }
}
.review .review-block .review-content h4 {
  overflow: hidden;
  width: 300px;
  transform: rotate(-90deg);
  padding: 0;
  display: inline-flex;
  margin: 0;
  align-items: center;
  height: 100%;
  margin-left: -100px;
  justify-content: center;
  color: #898E8F;
  font-weight: 700;
  font-size: 33px;
  margin-bottom: 0px;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 992px) {
  .review .review-block .review-content h4 {
    margin-left: -127px;
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .review .review-block .review-content h4 {
    font-size: 18px;
  }
}
.review .review-block .review-content span,
.review .review-block .review-content p,
.review .review-block .review-content img {
  display: none;
  opacity: 0;
}
.review .review-block .review-content span {
  color: #C1C7CA;
  font-weight: 500;
  font-size: 16px;
  padding-bottom: 32px;
}
@media (max-width: 768px) {
  .review .review-block .review-content span {
    font-size: 14px;
    padding-bottom: 20px;
  }
}
.review .review-block .review-content p {
  color: #898E8F;
  margin: 0;
}
@media (max-width: 768px) {
  .review .review-block .review-content p {
    font-size: 12px;
  }
}
.review .review-block .review-content img {
  object-fit: cover;
  padding-bottom: 32px;
}
@media (max-width: 768px) {
  .review .review-block .review-content img {
    padding-bottom: 20px;
  }
}
.review .review-block .review-content.visible {
  width: 370px;
  padding: 32px;
  box-shadow: 15px 23px 28px rgba(0, 0, 0, 0.12), 4px 6px 15px rgba(0, 0, 0, 0.24);
}
@media (max-width: 1199px) {
  .review .review-block .review-content.visible {
    padding: 24px;
  }
}
@media (max-width: 768px) {
  .review .review-block .review-content.visible {
    padding: 12px;
  }
}
.review .review-block .review-content.visible span,
.review .review-block .review-content.visible p,
.review .review-block .review-content.visible img {
  display: block;
  opacity: 1;
}
.review .review-block .review-content.visible h4 {
  width: auto;
  height: auto;
  margin: 8px;
  transform: rotate(0);
  color: #0C0D0D;
}
.review .review-block .review-content:hover h4 {
  color: #1AD4CD;
  color: #000;
}
@media (max-width: 490px) {
  .review .review-block .review-content:first-child {
    display: none;
  }
}
@media (max-width: 490px) {
  .review .review-block .review-content:last-child {
    display: none;
  }
}
@media (max-width: 400px) {
  .review .review-block .review-content:nth-child(2) {
    display: none;
  }
}
@media (max-width: 400px) {
  .review .review-block .review-content:nth-child(4) {
    display: none;
  }
}
.review.dark {
  background: #000;
}
.review.dark .title h2 {
  color: #F4F9FB;
}
.review.dark .review-block .review-content {
  border: 2px solid #353838;
}
.review.dark .review-block .review-content h4 {
  color: #353838;
}
.review.dark .review-block .review-content span {
  color: #C1C7CA;
}
.review.dark .review-block .review-content p {
  color: #353838;
}
.review.dark .review-block .review-content.visible h4 {
  color: #F4F9FB;
}
.review.dark .review-block .review-content:hover h4 {
  color: #F4F9FB;
}
.review .dark-2 {
  background: #171818;
}

/*-------------------------
    corporate Area Styles
-------------------------*/
.corporate {
  background: url(../media/bg-image/bg-image-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.corporate .corporate-content {
  display: table-cell;
  vertical-align: top;
  height: 1010px;
}
@media (max-width: 1399px) {
  .corporate .corporate-content {
    height: 880px;
  }
}
@media (max-width: 992px) {
  .corporate .corporate-content {
    padding: 0;
    vertical-align: middle;
  }
}
@media (max-width: 768px) {
  .corporate .corporate-content {
    padding: 80px 0 0;
    height: 650px;
    vertical-align: middle;
  }
}
@media (max-width: 490px) {
  .corporate .corporate-content {
    padding: 150px 0 80px;
    height: auto;
    display: block;
    text-align: end;
  }
}
@media (max-width: 490px) {
  .corporate .corporate-content .aroow-animate .arow.arow1::before {
    left: unset;
    right: 2px;
    transform: rotate(-180deg);
  }
}
@media (max-width: 490px) {
  .corporate .corporate-content .aroow-animate .arow.arow2::before {
    left: unset;
    right: 27px;
    transform: rotate(-180deg);
  }
}
@media (max-width: 490px) {
  .corporate .corporate-content .aroow-animate .arow.arow3::before {
    left: unset;
    right: 55px;
    transform: rotate(-180deg);
  }
}
.corporate .corporate-content p {
  font-size: 23px;
  font-weight: 600;
  color: #818486;
  margin-bottom: 8px;
}
@media (max-width: 992px) {
  .corporate .corporate-content p {
    font-size: 18px;
    text-align: right;
  }
}
@media (max-width: 492px) {
  .corporate .corporate-content p {
    font-size: 16px;
  }
}
.corporate .corporate-content p.light-text {
  color: #818486;
  margin: 0;
  padding-left: 100px;
}
@media (max-width: 992px) {
  .corporate .corporate-content p.light-text {
    text-align: left;
  }
}
@media (max-width: 492px) {
  .corporate .corporate-content p.light-text {
    padding: 0;
    padding-right: 100px;
  }
}
.corporate .corporate-content h2 {
  font-weight: 700;
  font-size: 143px;
  color: #F4F9FB;
  margin: 0;
}
@media (max-width: 1399px) {
  .corporate .corporate-content h2 {
    font-size: 120px;
  }
}
@media (max-width: 1299px) {
  .corporate .corporate-content h2 {
    font-size: 110px;
  }
}
@media (max-width: 1199px) {
  .corporate .corporate-content h2 {
    font-size: 72px;
  }
}
@media (max-width: 768px) {
  .corporate .corporate-content h2 {
    font-size: 88px;
  }
}
@media (max-width: 580px) {
  .corporate .corporate-content h2 {
    font-size: 72px;
  }
}
@media (max-width: 490px) {
  .corporate .corporate-content h2 {
    font-size: 58px;
  }
}
@media (max-width: 360px) {
  .corporate .corporate-content h2 {
    font-size: 42px;
  }
}
.corporate .corporate-content h5 {
  font-weight: 400;
  font-size: 99px;
  color: #F4F9FB;
  margin-bottom: 32px;
}
@media (max-width: 1199px) {
  .corporate .corporate-content h5 {
    font-size: 52px;
  }
}
@media (max-width: 768px) {
  .corporate .corporate-content h5 {
    font-size: 52px;
  }
}
@media (max-width: 580px) {
  .corporate .corporate-content h5 {
    font-size: 58px;
  }
}
@media (max-width: 490px) {
  .corporate .corporate-content h5 {
    font-size: 38px;
  }
}
@media (max-width: 360px) {
  .corporate .corporate-content h5 {
    font-size: 28px;
  }
}
.corporate .banner-img {
  position: relative;
}
@media (max-width: 768px) {
  .corporate .banner-img {
    display: none;
  }
}
.corporate .banner-img img {
  object-fit: contain;
}
.corporate .banner-img::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 999;
  background: url("../media/banner-img/bulb-high.png");
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  opacity: 0;
  animation: bulb 6s linear infinite alternate;
}
@media (max-width: 992px) {
  .corporate .banner-img::before {
    background-size: contain;
  }
}

/*-------------------------
    portfolio Area Styles
-------------------------*/
.portfolio__big {
  text-align: center;
}
.portfolio__big .portfolio__big-inner {
  background-position: center center;
  background-size: cover;
  height: calc(100vh - 80px);
  width: 600px;
  overflow: hidden;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .portfolio__big .portfolio__big-inner {
    width: 400px;
    height: calc(100vh - 180px);
  }
}
@media (max-width: 580px) {
  .portfolio__big .portfolio__big-inner {
    width: 400px;
    height: calc(100vh - 200px);
  }
}
.portfolio__big.dark {
  background: #171818;
}

/*-------------------------
    Catalog Area Styles
-------------------------*/
.overlay-section {
  position: relative;
  overflow: hidden;
}
.overlay-section .overlay-left {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  z-index: 99;
  background-size: cover;
  background-position: center;
  transition: transform 5.5s;
  left: 0;
  background-image: url("../media/work/1/opening-frame-left.png");
}
.overlay-section .overlay-left.translate-left {
  transform: translateX(-100%);
}
.overlay-section .overlay-right {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  z-index: 99;
  background-size: cover;
  background-position: center;
  transition: transform 5.5s;
  right: 0;
  background-image: url("../media/work/1/opening-frame-right.png");
}
.overlay-section .overlay-right.translate-right {
  transform: translateX(100%);
}
.overlay-section .catalog {
  padding: 50px 0 0;
}
.overlay-section .catalog .top_row .work-text {
  text-align: center;
  font-weight: 600;
  font-size: 190px;
  text-transform: uppercase;
  color: #DFE5E8;
  margin-bottom: 100px;
  opacity: 1;
}
.overlay-section .catalog .top_row .catalog-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-bottom: 0;
}
.overlay-section .catalog .top_row .catalog-list .catalog-item {
  padding-bottom: 30px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  scale: 1;
  opacity: 0;
  -webkit-transform: perspective(4000px) rotateX(90deg);
  transform: perspective(4000px) rotateX(90deg);
  text-align: right;
  opacity: 0.2;
}
.overlay-section .catalog .top_row .catalog-list .catalog-item.item-2 {
  text-align: left;
}

.triangle-row {
  width: 100%;
  text-align: center;
}
.triangle-row .triangle {
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-right: 50px solid #000;
  display: inline-block;
  margin: 10px;
}

/*-------------------------
    Process Area Styles
-------------------------*/
.process_1 {
  background: #F4F9FB;
}
.process_1 .container {
  position: relative;
}
.process_1 .container .process_block {
  position: relative;
  z-index: 999;
}
.process_1 .container .process_block .images_block {
  position: relative;
  height: 850px;
}
@media (max-width: 490px) {
  .process_1 .container .process_block .images_block {
    height: 600px;
  }
}
.process_1 .container .process_block .images_block img {
  position: absolute;
  filter: drop-shadow(61px 92px 44px rgba(0, 0, 0, 0.03)) drop-shadow(34px 52px 37px rgba(0, 0, 0, 0.06)) drop-shadow(15px 23px 28px rgba(0, 0, 0, 0.12)) drop-shadow(4px 6px 15px rgba(0, 0, 0, 0.24));
}
.process_1 .container .process_block .images_block img#top {
  top: 0;
  right: 0px;
  z-index: 1;
  width: 220px;
  height: 310px;
}
@media (max-width: 490px) {
  .process_1 .container .process_block .images_block img#top {
    width: 160px;
    height: 210px;
  }
}
.process_1 .container .process_block .images_block img#middle {
  width: 400px;
  height: 560px;
  top: 162px;
  left: calc(50% - 200px);
  z-index: 0;
}
@media (max-width: 490px) {
  .process_1 .container .process_block .images_block img#middle {
    width: 260px;
    height: 310px;
    left: calc(50% - 130px);
  }
}
.process_1 .container .process_block .images_block img#bottom {
  top: 597px;
  left: 0px;
  width: 220px;
  height: 310px;
}
@media (max-width: 490px) {
  .process_1 .container .process_block .images_block img#bottom {
    width: 160px;
    height: 210px;
    top: unset;
    bottom: 0;
  }
}
.process_1 .container .process_block .images_block .larger-arrow.right {
  right: 175px;
  bottom: 50px;
}
.process_1 .container .process_block .content_block {
  padding-left: 32px;
}
@media (max-width: 992px) {
  .process_1 .container .process_block .content_block {
    padding-left: 0px;
  }
}
.process_1 .container .process_block .content_block h3 {
  font-weight: 900;
  font-size: 56px;
  line-height: 120%;
  color: #171818;
}
@media (max-width: 1299px) {
  .process_1 .container .process_block .content_block h3 {
    font-size: 42px;
  }
}
@media (max-width: 1199px) {
  .process_1 .container .process_block .content_block h3 {
    font-size: 32px;
  }
}
@media (max-width: 490px) {
  .process_1 .container .process_block .content_block h3 {
    font-size: 21px;
  }
}
.process_1 .container .process_block .content_block .text {
  padding-left: 148px;
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.05em;
  color: #898E8F;
  margin: 32px 0 92px 0;
}
@media (max-width: 1299px) {
  .process_1 .container .process_block .content_block .text {
    padding-left: 80px;
    margin: 32px 0;
  }
}
@media (max-width: 1199px) {
  .process_1 .container .process_block .content_block .text {
    padding-left: 32px;
  }
}
@media (max-width: 768px) {
  .process_1 .container .process_block .content_block .text {
    font-size: 14px;
  }
}
@media (max-width: 490px) {
  .process_1 .container .process_block .content_block .text {
    font-size: 12px;
    margin: 16px 0;
    padding-left: 16px;
  }
}
.process_1 .container .process_block .content_block .step_block h4 {
  font-weight: 700;
  font-size: 33px;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: #171818;
  margin-bottom: 16px;
}
@media (max-width: 1199px) {
  .process_1 .container .process_block .content_block .step_block h4 {
    margin-bottom: 8px;
    font-size: 28px;
  }
}
.process_1 .container .process_block .content_block .step_block h6 {
  font-weight: 600;
  font-size: 23px;
  line-height: 130%;
  letter-spacing: 0.01em;
  color: #1AD4CD;
  margin-bottom: 8px;
}
@media (max-width: 1199px) {
  .process_1 .container .process_block .content_block .step_block h6 {
    font-size: 18px;
  }
}
.process_1 .container .process_block .content_block .step_block p {
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.05em;
  color: #898E8F;
  padding-bottom: 16px;
  border-bottom: 2px solid #1AD4CD;
}
@media (max-width: 1199px) {
  .process_1 .container .process_block .content_block .step_block p {
    font-size: 12px;
  }
}
.process_1 .container .line-animate .line {
  background: #DFE5E8;
}
.process_1 .container .line-animate .line .dots {
  border: 1px solid #DFE5E8;
  background: #F4F9FB;
}
.process_1.dark {
  background: #171818;
}
.process_1.dark .container .process_block .content_block h3 {
  color: #F4F9FB;
}
.process_1.dark .container .process_block .content_block .text {
  color: #898E8F;
}
.process_1.dark .container .process_block .content_block .step_block h4 {
  color: #898E8F;
}
.process_1.dark .container .process_block .content_block .step_block h6 {
  font-weight: 600;
  font-size: 23px;
  line-height: 130%;
  letter-spacing: 0.01em;
  color: #1AD4CD;
  margin-bottom: 8px;
}
@media (max-width: 1199px) {
  .process_1.dark .container .process_block .content_block .step_block h6 {
    font-size: 18px;
  }
}
.process_1.dark .container .process_block .content_block .step_block p {
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.05em;
  color: #898E8F;
  padding-bottom: 16px;
  border-bottom: 2px solid #1AD4CD;
}
@media (max-width: 1199px) {
  .process_1.dark .container .process_block .content_block .step_block p {
    font-size: 12px;
  }
}
.process_1.dark .container .line-animate .line {
  background: #000;
}
.process_1.dark .container .line-animate .line .dots {
  border: 1px solid #000;
  background: #171818;
}
.process_1.dark-2 {
  background: #171818;
}
.process_1.dark-2 .container .line-animate .line {
  border: 1px solid #000;
}
.process_1.dark-2 .container .line-animate .line .dots {
  border: 1px solid #000;
  background: #171818;
}

/*-------------------------
    Services Area Styles
-------------------------*/
.services_1 {
  background-color: #F4F9FB;
}
.services_1 .title {
  font-weight: 600;
  font-size: 177px;
  line-height: 115%;
  letter-spacing: -0.03em;
  color: #171818;
}
@media (max-width: 1900px) {
  .services_1 .title {
    font-size: 140px;
  }
}
@media (max-width: 1199px) {
  .services_1 .title {
    font-size: 99px;
  }
}
@media (max-width: 490px) {
  .services_1 .title {
    font-size: 52px;
  }
}
.services_1 .subtitle {
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.05em;
  color: #898E8F;
}
@media (max-width: 490px) {
  .services_1 .subtitle {
    font-size: 12px;
  }
}
@media (max-width: 992px) {
  .services_1 .height {
    height: 550px;
    z-index: 100;
  }
}
@media (max-width: 992px) {
  .services_1 .height__2 {
    height: 750px;
    z-index: 100;
  }
}
@media (max-width: 492px) {
  .services_1 .height__2 {
    height: 600px;
    z-index: 100;
  }
}
.services_1 .about_service {
  position: absolute;
  text-align: end;
  top: 0;
  right: 110%;
  width: 100%;
}
.services_1 .about_service.dblock {
  display: block;
  display: block;
  left: unset;
  right: 0;
}
@media (max-width: 492px) {
  .services_1 .about_service.dblock {
    padding: 0 15px;
  }
}
.services_1 .about_service h5 {
  font-weight: 700;
  font-size: 33px;
  line-height: 120%;
  letter-spacing: -0.02em;
  margin-bottom: 24;
  color: #000;
  text-align: start;
}
@media (max-width: 490px) {
  .services_1 .about_service h5 {
    font-size: 24px;
  }
}
.services_1 .about_service p {
  text-align: start;
  position: relative;
  z-index: 100;
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.05em;
  color: #898E8F;
  width: 330px;
}
.services_1 .about_service p.f-width {
  width: 100%;
}
@media (max-width: 1199px) {
  .services_1 .about_service p {
    width: 380px;
  }
}
@media (max-width: 992px) {
  .services_1 .about_service p {
    width: 70%;
  }
}
@media (max-width: 490px) {
  .services_1 .about_service p {
    width: 100%;
    font-size: 12px;
  }
}
.services_1 .about_service .service_image {
  margin-top: -50px;
  width: 350px;
  height: 380px;
  margin-bottom: 32px;
  position: relative;
  z-index: 50;
}
@media (max-width: 490px) {
  .services_1 .about_service .service_image {
    margin: 0;
    width: 250px;
    height: 280px;
  }
}
.services_1 .about_service .bg {
  position: absolute;
  right: 255px;
  bottom: 0;
  z-index: 40;
}
@media (max-width: 490px) {
  .services_1 .about_service .bg {
    right: 0;
    bottom: -48px;
  }
}
.services_1 .services_list {
  padding-left: 40px;
}
@media (max-width: 1199px) {
  .services_1 .services_list {
    padding-left: 0px;
  }
}
.services_1 .services_list .service_title {
  font-weight: 600;
  font-size: 23px;
  line-height: 130%;
  letter-spacing: 0.01em;
  color: #898E8F;
  margin-bottom: 48px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  position: relative;
  cursor: pointer;
  padding-left: 30px;
}
@media (max-width: 1440px) {
  .services_1 .services_list .service_title {
    font-size: 21px;
  }
}
@media (max-width: 1199px) {
  .services_1 .services_list .service_title {
    font-size: 14px;
  }
}
@media (max-width: 992px) {
  .services_1 .services_list .service_title {
    font-size: 23px;
  }
}
@media (max-width: 490px) {
  .services_1 .services_list .service_title {
    font-size: 16px;
    margin-bottom: 28px;
  }
}
.services_1 .services_list .service_title::before {
  content: "\f067";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  left: 0;
  top: -1px;
  font-size: 26px;
  font-weight: 200;
}
.services_1 .services_list .service_title.active {
  color: #171818;
}
.services_1 .services_list .service_title.active::before {
  content: "\f00d";
  font-family: "Font Awesome 5 Pro";
  color: #1AD4CD;
}
.services_1.dark {
  background: #171818;
}
.services_1.dark .title {
  color: #F4F9FB;
}
.services_1.dark .about_service h5 {
  color: #F4F9FB;
}
.services_1.dark .services_list {
  padding-left: 40px;
}
@media (max-width: 1199px) {
  .services_1.dark .services_list {
    padding-left: 0px;
  }
}
.services_1.dark .services_list .service_title.active {
  color: #F4F9FB;
}

.service-2 {
  overflow: hidden;
  background: #F4F9FB;
  position: relative;
}
.service-2 .title-block {
  padding: 32px 20px;
  background: #0C0D0D;
}
.service-2 .title-block .title-slide h2 {
  font-weight: 400;
  font-size: 132px;
  color: #F4F9FB;
}
.service-2 .title-block .title-slide h2 b {
  font-family: 600;
}
@media (max-width: 1900px) {
  .service-2 .title-block .title-slide h2 {
    font-size: 98px;
  }
}
@media (max-width: 1399px) {
  .service-2 .title-block .title-slide h2 {
    font-size: 88px;
  }
}
@media (max-width: 1199px) {
  .service-2 .title-block .title-slide h2 {
    font-size: 68px;
  }
}
@media (max-width: 992px) {
  .service-2 .title-block .title-slide h2 {
    font-size: 54px;
  }
}
@media (max-width: 768px) {
  .service-2 .title-block .title-slide h2 {
    font-size: 38px;
  }
}
@media (max-width: 580px) {
  .service-2 .title-block .title-slide h2 {
    font-size: 32px;
  }
}
@media (max-width: 490px) {
  .service-2 .title-block .title-slide h2 {
    font-size: 28px;
  }
}
@media (max-width: 380px) {
  .service-2 .title-block .title-slide h2 {
    font-size: 24px;
  }
}
@media (max-width: 330px) {
  .service-2 .title-block .title-slide h2 {
    font-size: 20px;
  }
}
.service-2 .title-block .title-slide p {
  text-align: center;
  font-weight: 600;
  font-size: 23px;
  color: #898E8F;
  margin: 0;
}
@media (max-width: 992px) {
  .service-2 .title-block .title-slide p {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .service-2 .title-block .title-slide p {
    font-size: 18px;
  }
}
@media (max-width: 580px) {
  .service-2 .title-block .title-slide p {
    font-size: 16px;
  }
}
@media (max-width: 490px) {
  .service-2 .title-block .title-slide p {
    font-size: 14px;
    text-align: left;
  }
}
@media (max-width: 400px) {
  .service-2 .title-block .title-slide p {
    font-size: 10px;
  }
}
.service-2 .service-content .container {
  position: relative;
}
.service-2 .service-content .detail-block {
  position: relative;
  z-index: 500;
  margin-bottom: 32px;
}
.service-2 .service-content .detail-block img {
  object-fit: contain;
  margin-bottom: 48px;
}
.service-2 .service-content .detail-block .detail {
  position: absolute;
  right: 100px;
  bottom: 0;
  z-index: 500;
  padding: 24px;
  background: #F4F9FB;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-2 .service-content .detail-block .detail {
    right: 0px;
  }
}
@media (max-width: 580px) {
  .service-2 .service-content .detail-block .detail {
    right: 0px;
  }
}
@media (max-width: 490px) {
  .service-2 .service-content .detail-block .detail {
    width: 100%;
    padding: 12px;
  }
}
.service-2 .service-content .detail-block .detail h4 {
  display: inline-block;
  font-weight: 700;
  font-size: 33px;
  color: #171818;
  margin-bottom: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-2 .service-content .detail-block .detail h4 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .service-2 .service-content .detail-block .detail h4 {
    font-size: 38px;
  }
}
@media (max-width: 768px) {
  .service-2 .service-content .detail-block .detail h4 {
    font-size: 24px;
  }
}
@media (max-width: 490px) {
  .service-2 .service-content .detail-block .detail h4 {
    font-size: 20px;
  }
}
.service-2 .service-content .detail-block .detail p {
  display: block;
  color: #898E8F;
}
@media (max-width: 490px) {
  .service-2 .service-content .detail-block .detail p {
    font-size: 14px;
  }
}
.service-2 .service-content .detail-block.text-end .detail {
  right: unset;
  left: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-2 .service-content .detail-block.text-end .detail {
    left: 0px;
  }
}
@media (max-width: 580px) {
  .service-2 .service-content .detail-block.text-end .detail {
    left: 0px;
  }
}
.service-2.dark .title-block {
  background: #DFE5E8;
}
.service-2.dark .title-block .title-slide h2 {
  color: #000;
}
.service-2.dark .title-block .title-slide p {
  color: #898E8F;
}
.service-2.dark .service-content {
  background: #000;
}
.service-2.dark .service-content .container {
  position: relative;
}
.service-2.dark .service-content .detail-block .detail {
  background: #000;
}
.service-2.dark .service-content .detail-block .detail h4 {
  color: #F4F9FB;
}
.service-2.dark .service-content .detail-block .detail p {
  color: #898E8F;
}
.service-2.dark .line-animate .line {
  background: #171818;
}
.service-2.dark .line-animate .line .dots {
  background: #000;
  border: 2px solid #171818;
}

/*-------------------------
    Work Area Styles
-------------------------*/
.work {
  background: linear-gradient(90deg, rgb(244, 249, 251) 50%, rgb(23, 24, 24) 50%);
  padding: 120px 60px 90px 60px;
  position: relative;
}
@media (max-width: 992px) {
  .work {
    padding: 80px 20px 60px 20px;
  }
}
@media (max-width: 580px) {
  .work {
    background: #F4F9FB;
    padding: 80px 20px 8px 20px;
  }
}
.work:before {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../media/elements/1/wave-element.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
}
.work .title {
  margin-bottom: 32px;
}
.work .title h2 {
  font-weight: 700;
  font-size: 99px;
  color: #F4F9FB;
  mix-blend-mode: difference;
  text-align: center;
  margin: 0;
}
@media (max-width: 992px) {
  .work .title h2 {
    font-size: 58px;
  }
}
@media (max-width: 768px) {
  .work .title h2 {
    font-size: 48px;
  }
}
@media (max-width: 490px) {
  .work .title h2 {
    font-size: 28px;
  }
}
.work .space-bottom {
  padding-bottom: 32px;
}
@media (max-width: 580px) {
  .work .bg-color {
    background: #171818;
    padding: 32px 0;
  }
}
.work .skill-block {
  display: inline-block;
  margin-bottom: 16px;
  padding-right: 20px;
}
@media (max-width: 580px) {
  .work .skill-block {
    padding: 0;
    margin: 0;
  }
}
.work .skill-block h4 {
  font-weight: 900;
  font-size: 57px;
  color: #171818;
  display: inline-block;
  position: relative;
}
@media (max-width: 992px) {
  .work .skill-block h4 {
    font-size: 44px;
    font-weight: 700;
  }
}
@media (max-width: 768px) {
  .work .skill-block h4 {
    font-size: 32px;
  }
}
@media (max-width: 580px) {
  .work .skill-block h4 {
    font-size: 58px;
    font-weight: 500;
  }
}
@media (max-width: 490px) {
  .work .skill-block h4 {
    font-size: 38px;
    font-weight: 500;
  }
}
.work .skill-block p {
  font-weight: 800;
  font-size: 23px;
  color: #171818;
  margin: 0;
}
@media (max-width: 992px) {
  .work .skill-block p {
    font-size: 21px;
  }
}
.work .skill-block.arrow-bottom h4 {
  margin-bottom: 180px;
  text-align: right;
}
@media (max-width: 992px) {
  .work .skill-block.arrow-bottom h4 {
    margin-bottom: 150px;
  }
}
.work .skill-block.arrow-bottom h4::before {
  position: absolute;
  content: "";
  right: 2px;
  bottom: -170px;
  width: 2px;
  height: 170px;
  background: #171818;
}
@media (max-width: 992px) {
  .work .skill-block.arrow-bottom h4::before {
    bottom: -140px;
    height: 140px;
  }
}
@media (max-width: 992px) {
  .work .skill-block.arrow-bottom h4::before {
    bottom: -100px;
    height: 100px;
  }
}
.work .skill-block.arrow-bottom h4::after {
  position: absolute;
  content: "";
  bottom: -174px;
  right: -6px;
  width: 20px;
  height: 20px;
  z-index: 500;
  background-image: linear-gradient(to top right, transparent 50%, #0C0D0D 0), linear-gradient(to bottom right, #0C0D0D 50%, transparent 0);
  background-size: 50% 100%;
  background-repeat: no-repeat;
  background-position: left, right;
}
@media (max-width: 992px) {
  .work .skill-block.arrow-bottom h4::after {
    bottom: -145px;
  }
}
@media (max-width: 992px) {
  .work .skill-block.arrow-bottom h4::after {
    bottom: -105px;
  }
}
.work .skill-block.arrow-bottom p {
  text-align: right;
}
.work .skill-block.arrow-top {
  margin-bottom: 0;
}
.work .skill-block.arrow-top h4 {
  margin-top: 120px;
  margin-bottom: 0;
  text-align: left;
}
@media (max-width: 992px) {
  .work .skill-block.arrow-top h4 {
    margin-top: 90px;
  }
}
.work .skill-block.arrow-top h4::before {
  position: absolute;
  content: "";
  left: 2px;
  top: -115px;
  width: 2px;
  height: 115px;
  background: #171818;
}
@media (max-width: 992px) {
  .work .skill-block.arrow-top h4::before {
    top: -80px;
    height: 80px;
  }
}
.work .skill-block.arrow-top h4::after {
  position: absolute;
  content: "";
  top: -120px;
  left: -6px;
  width: 20px;
  height: 20px;
  z-index: 500;
  background-image: linear-gradient(to bottom right, transparent 50%, #0C0D0D 0), linear-gradient(to top right, #0C0D0D 50%, transparent 0);
  background-size: 50% 100%;
  background-repeat: no-repeat;
  background-position: left, right;
}
@media (max-width: 992px) {
  .work .skill-block.arrow-top h4::after {
    top: -90px;
  }
}
.work .skill-block.arrow-top p {
  text-align: left;
}
.work .color-light .skill-block {
  padding: 0;
  padding-left: 20px;
}
@media (max-width: 580px) {
  .work .color-light .skill-block {
    padding: 0;
  }
}
.work .color-light .skill-block h4 {
  color: #F4F9FB;
  text-align: right;
}
.work .color-light .skill-block h4::before {
  background: #F4F9FB;
  left: unset;
  right: 2px;
}
.work .color-light .skill-block h4::after {
  left: unset;
  right: -6px;
  background-image: linear-gradient(to bottom right, transparent 50%, #F4F9FB 0), linear-gradient(to top right, #F4F9FB 50%, transparent 0);
  background-size: 50% 100%;
  background-repeat: no-repeat;
  background-position: left, right;
}
.work .color-light .skill-block p {
  color: #F4F9FB;
  text-align: right;
}
.work .color-light .skill-block.arrow-bottom h4 {
  text-align: left;
}
.work .color-light .skill-block.arrow-bottom h4::before {
  left: 2px;
}
.work .color-light .skill-block.arrow-bottom h4::after {
  left: -6px;
  background-image: linear-gradient(to top right, transparent 50%, #F4F9FB 0), linear-gradient(to bottom right, #F4F9FB 50%, transparent 0);
  background-size: 50% 100%;
  background-repeat: no-repeat;
  background-position: left, right;
}
.work .color-light .skill-block.arrow-bottom p {
  text-align: left;
}
.work .work-content {
  position: relative;
  z-index: 100;
}
.work.dark {
  background: linear-gradient(90deg, #171818 50%, #d5d5d5 50%);
}
@media (max-width: 580px) {
  .work.dark .bg-color {
    background: #F4F9FB;
  }
}
.work.dark .skill-block h4 {
  color: #F4F9FB;
}
.work.dark .skill-block p {
  color: #F4F9FB;
}
.work.dark .skill-block.arrow-bottom h4::before {
  background: #F4F9FB;
}
.work.dark .skill-block.arrow-bottom h4::after {
  background-image: linear-gradient(to top right, transparent 50%, #F4F9FB 0), linear-gradient(to bottom right, #F4F9FB 50%, transparent 0);
  background-size: 50% 100%;
}
.work.dark .skill-block.arrow-top h4::before {
  background: #F4F9FB;
}
.work.dark .skill-block.arrow-top h4::after {
  background-image: linear-gradient(to bottom right, transparent 50%, #F4F9FB 0), linear-gradient(to top right, #F4F9FB 50%, transparent 0);
  background-size: 50% 100%;
}
.work.dark .color-light .skill-block h4 {
  color: #0C0D0D;
}
.work.dark .color-light .skill-block h4::before {
  background: #0C0D0D;
}
.work.dark .color-light .skill-block h4::after {
  background-image: linear-gradient(to bottom right, transparent 50%, #0C0D0D 0), linear-gradient(to top right, #0C0D0D 50%, transparent 0);
  background-size: 50% 100%;
}
.work.dark .color-light .skill-block p {
  color: #0C0D0D;
}
.work.dark .color-light .skill-block.arrow-bottom h4::after {
  background-image: linear-gradient(to top right, transparent 50%, #0C0D0D 0), linear-gradient(to bottom right, #0C0D0D 50%, transparent 0);
  background-size: 50% 100%;
}

/*-------------------------
    Work Portfolio Area Styles
-------------------------*/
.work-portfolio {
  position: relative;
  overflow: hidden;
  background: #F4F9FB;
}
.work-portfolio .catalog {
  position: relative;
}
.work-portfolio .catalog .image-left {
  width: 50.2%;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999;
  object-fit: cover;
  object-position: right;
}
.work-portfolio .catalog .image-right {
  width: 50.2%;
  height: 100vh;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999;
  object-fit: cover;
  object-position: left;
}
.work-portfolio .top_row .work-text {
  text-align: center;
  font-weight: 600;
  font-size: 190px;
  text-transform: uppercase;
  color: #DFE5E8;
  margin-bottom: 100px;
  opacity: 1;
  margin-top: 20px;
}
@media (max-width: 1900px) {
  .work-portfolio .top_row .work-text {
    font-size: 140px;
  }
}
@media (max-width: 1199px) {
  .work-portfolio .top_row .work-text {
    font-size: 110px;
  }
}
@media (max-width: 992px) {
  .work-portfolio .top_row .work-text {
    font-size: 88px;
  }
}
@media (max-width: 768px) {
  .work-portfolio .top_row .work-text {
    font-size: 58px;
  }
}
@media (max-width: 490px) {
  .work-portfolio .top_row .work-text {
    font-size: 38px;
  }
}
@media (max-width: 400px) {
  .work-portfolio .top_row .work-text {
    font-size: 32px;
  }
}
.work-portfolio .top_row .see-block {
  text-align: center;
  padding-bottom: 100px;
}
.work-portfolio .top_row .see-block h2 {
  margin: 50px 0;
  font-family: "Inter", sans-serif;
  text-transform: uppercase;
  color: #000;
  font-weight: 600;
  font-size: 150px;
}
@media (max-width: 1900px) {
  .work-portfolio .top_row .see-block h2 {
    font-size: 110px;
  }
}
@media (max-width: 992px) {
  .work-portfolio .top_row .see-block h2 {
    font-size: 88px;
  }
}
@media (max-width: 768px) {
  .work-portfolio .top_row .see-block h2 {
    font-size: 58px;
  }
}
@media (max-width: 490px) {
  .work-portfolio .top_row .see-block h2 {
    font-size: 38px;
  }
}
.work-portfolio .top_row .work-portfolio-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-bottom: 0;
}
@media (max-width: 580px) {
  .work-portfolio .top_row .work-portfolio-list {
    padding-right: 0;
  }
}
.work-portfolio .top_row .work-portfolio-list .work-portfolio-item {
  padding-bottom: 30px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  scale: 1;
  opacity: 0;
  -webkit-transform: perspective(4000px) rotateY(90deg);
  transform: perspective(4000px) rotateY(90deg);
  text-align: center;
  margin-top: -400px;
  opacity: 0.2;
}
@media (max-width: 768px) {
  .work-portfolio .top_row .work-portfolio-list .work-portfolio-item {
    margin-top: -300px;
  }
}
@media (max-width: 580px) {
  .work-portfolio .top_row .work-portfolio-list .work-portfolio-item {
    margin-top: 0;
    text-align: end;
    padding-right: 0;
  }
}
.work-portfolio .top_row .work-portfolio-list .work-portfolio-item.item-1 {
  margin-top: -200px;
}
@media (max-width: 580px) {
  .work-portfolio .top_row .work-portfolio-list .work-portfolio-item.item-1 {
    margin-top: 200px;
  }
}
.work-portfolio .top_row .work-portfolio-list .work-portfolio-item.item-2 {
  margin-top: 400px;
}
@media (max-width: 768px) {
  .work-portfolio .top_row .work-portfolio-list .work-portfolio-item.item-2 {
    margin-top: 150px;
  }
}
@media (max-width: 580px) {
  .work-portfolio .top_row .work-portfolio-list .work-portfolio-item.item-2 {
    margin-top: 0;
    text-align: left;
  }
}
.work-portfolio .top_row .work-portfolio-list .work-portfolio-item a {
  display: inline-block;
}
@media (max-width: 490px) {
  .work-portfolio .top_row .work-portfolio-list .work-portfolio-item img {
    width: 280px;
    margin: 0 auto;
  }
}
@media (max-width: 350px) {
  .work-portfolio .top_row .work-portfolio-list .work-portfolio-item img {
    width: 220px;
    margin: 0 auto;
  }
}
.work-portfolio.dark {
  background: #171818;
}
.work-portfolio.dark .top_row .work-text {
  color: #818486;
}
.work-portfolio.dark .top_row .see-block h2 {
  color: #F4F9FB;
}

/*-------------------------
    global Area Styles
-------------------------*/
.global {
  background: #F4F9FB;
  position: relative;
}
.global .container {
  position: relative;
}
.global .sec-title-3 {
  position: relative;
  z-index: 100;
}
.global .client-logo {
  padding: 24px 75px;
}
@media (max-width: 1199px) {
  .global .client-logo {
    padding: 24px 60px;
  }
}
@media (max-width: 992px) {
  .global .client-logo {
    padding: 24px 40px;
  }
}
@media (max-width: 768px) {
  .global .client-logo {
    padding: 24px;
  }
}
.global .client-rightSlider,
.global .client-leftSlider {
  position: relative;
  z-index: 100;
}
.global.dark {
  background: #171818;
}

/*-------------------------
    achievements 1 Area Styles
-------------------------*/
.achievements_1 {
  position: relative;
  background: #F4F9FB;
}
.achievements_1 .container {
  position: relative;
}
.achievements_1 .container .milestones {
  position: relative;
  z-index: 100;
  padding-top: 96px;
  z-index: 999;
}
.achievements_1 .container .milestones .heading h2 {
  font-weight: 400;
  font-size: 100px;
  letter-spacing: 0.61em;
  color: #171818;
  text-align: center;
}
@media (max-width: 1900px) {
  .achievements_1 .container .milestones .heading h2 {
    font-size: 88px;
  }
}
@media (max-width: 1299px) {
  .achievements_1 .container .milestones .heading h2 {
    font-size: 72px;
  }
}
@media (max-width: 1199px) {
  .achievements_1 .container .milestones .heading h2 {
    font-size: 58px;
  }
}
@media (max-width: 992px) {
  .achievements_1 .container .milestones .heading h2 {
    font-size: 52px;
  }
}
@media (max-width: 768px) {
  .achievements_1 .container .milestones .heading h2 {
    font-size: 38px;
  }
}
@media (max-width: 490px) {
  .achievements_1 .container .milestones .heading h2 {
    font-size: 28px;
  }
}
@media (max-width: 380px) {
  .achievements_1 .container .milestones .heading h2 {
    font-size: 22px;
  }
}
.achievements_1 .container .milestones .triangles {
  position: relative;
  width: 83.5%;
  text-align: center;
  height: 480px;
  margin: 50px auto 0 auto;
}
@media (max-width: 1499px) {
  .achievements_1 .container .milestones .triangles {
    width: 92.5%;
  }
}
@media (max-width: 1399px) {
  .achievements_1 .container .milestones .triangles {
    width: 89.5%;
  }
}
@media (max-width: 1299px) {
  .achievements_1 .container .milestones .triangles {
    width: 64%;
    height: 760px;
  }
}
@media (max-width: 1199px) {
  .achievements_1 .container .milestones .triangles {
    width: 85%;
  }
}
@media (max-width: 992px) {
  .achievements_1 .container .milestones .triangles {
    width: 100%;
    height: 660px;
  }
}
@media (max-width: 768px) {
  .achievements_1 .container .milestones .triangles {
    width: 100%;
    height: 950px;
  }
}
@media (max-width: 588px) {
  .achievements_1 .container .milestones .triangles {
    width: 100%;
    height: 1830px;
  }
}
@media (max-width: 380px) {
  .achievements_1 .container .milestones .triangles {
    width: 100%;
    height: 1460px;
  }
}
.achievements_1 .container .milestones .triangles .triangle {
  position: absolute;
  width: 400px;
  height: 380px;
  padding: 20px 20px 50px;
  display: inline-flex;
  justify-content: center;
}
@media (max-width: 992px) {
  .achievements_1 .container .milestones .triangles .triangle {
    width: 350px;
    height: 330px;
  }
}
@media (max-width: 380px) {
  .achievements_1 .container .milestones .triangles .triangle {
    width: 280px;
    height: 260px;
  }
}
.achievements_1 .container .milestones .triangles .triangle.triangle-bottom {
  align-items: end;
  background-image: url(../media/shapes/triangle-bottom.svg);
  background-size: cover;
}
.achievements_1 .container .milestones .triangles .triangle.triangle-bottom.first {
  left: 0;
  top: 0;
}
@media (max-width: 580px) {
  .achievements_1 .container .milestones .triangles .triangle.triangle-bottom.first {
    left: calc(50% - 173px);
  }
}
@media (max-width: 380px) {
  .achievements_1 .container .milestones .triangles .triangle.triangle-bottom.first {
    left: calc(50% - 136px);
  }
}
.achievements_1 .container .milestones .triangles .triangle.triangle-bottom.third {
  left: 400px;
  top: 0;
}
@media (max-width: 992px) {
  .achievements_1 .container .milestones .triangles .triangle.triangle-bottom.third {
    left: 350px;
  }
}
@media (max-width: 768px) {
  .achievements_1 .container .milestones .triangles .triangle.triangle-bottom.third {
    left: 0;
    top: 590px;
  }
}
@media (max-width: 580px) {
  .achievements_1 .container .milestones .triangles .triangle.triangle-bottom.third {
    left: calc(50% - 173px);
  }
}
@media (max-width: 380px) {
  .achievements_1 .container .milestones .triangles .triangle.triangle-bottom.third {
    left: calc(50% - 136px);
    top: 470px;
  }
}
.achievements_1 .container .milestones .triangles .triangle.triangle-bottom.fifth {
  top: 0;
  left: 800px;
}
@media (max-width: 1299px) {
  .achievements_1 .container .milestones .triangles .triangle.triangle-bottom.fifth {
    left: 200px;
    top: 338px;
  }
}
@media (max-width: 992px) {
  .achievements_1 .container .milestones .triangles .triangle.triangle-bottom.fifth {
    left: 175px;
    top: 295px;
  }
}
@media (max-width: 580px) {
  .achievements_1 .container .milestones .triangles .triangle.triangle-bottom.fifth {
    left: calc(50% - 173px);
    top: 1180px;
  }
}
@media (max-width: 380px) {
  .achievements_1 .container .milestones .triangles .triangle.triangle-bottom.fifth {
    left: calc(50% - 136px);
    top: 940px;
  }
}
.achievements_1 .container .milestones .triangles .triangle.triangle-top {
  background-image: url(../media/shapes/triangle-top.svg);
  background-size: cover;
  align-items: start;
}
.achievements_1 .container .milestones .triangles .triangle.triangle-top.second {
  left: 200px;
  top: 0;
}
@media (max-width: 992px) {
  .achievements_1 .container .milestones .triangles .triangle.triangle-top.second {
    left: 175px;
  }
}
@media (max-width: 580px) {
  .achievements_1 .container .milestones .triangles .triangle.triangle-top.second {
    left: calc(50% - 173px);
    top: 885px;
  }
}
@media (max-width: 380px) {
  .achievements_1 .container .milestones .triangles .triangle.triangle-top.second {
    left: calc(50% - 136px);
    top: 705px;
  }
}
.achievements_1 .container .milestones .triangles .triangle.triangle-top.fourth {
  left: 600px;
  top: 0;
}
@media (max-width: 1299px) {
  .achievements_1 .container .milestones .triangles .triangle.triangle-top.fourth {
    left: 0;
    top: 338px;
  }
}
@media (max-width: 992px) {
  .achievements_1 .container .milestones .triangles .triangle.triangle-top.fourth {
    top: 295px;
  }
}
@media (max-width: 580px) {
  .achievements_1 .container .milestones .triangles .triangle.triangle-top.fourth {
    left: calc(50% - 173px);
  }
}
@media (max-width: 380px) {
  .achievements_1 .container .milestones .triangles .triangle.triangle-top.fourth {
    left: calc(50% - 136px);
    top: 235px;
  }
}
.achievements_1 .container .milestones .triangles .triangle.triangle-top.six {
  display: none;
}
@media (max-width: 1299px) {
  .achievements_1 .container .milestones .triangles .triangle.triangle-top.six {
    display: block;
    left: 400px;
    top: 338px;
  }
}
@media (max-width: 992px) {
  .achievements_1 .container .milestones .triangles .triangle.triangle-top.six {
    left: 350px;
    top: 295px;
  }
}
@media (max-width: 768px) {
  .achievements_1 .container .milestones .triangles .triangle.triangle-top.six {
    left: 175px;
    top: 590px;
  }
}
@media (max-width: 580px) {
  .achievements_1 .container .milestones .triangles .triangle.triangle-top.six {
    left: calc(50% - 173px);
    top: 1475px;
  }
}
@media (max-width: 380px) {
  .achievements_1 .container .milestones .triangles .triangle.triangle-top.six {
    left: calc(50% - 136px);
    top: 1175px;
  }
}
.achievements_1 .container .milestones .triangles .triangle .triangle-detail p {
  font-weight: 600;
  font-size: 23px;
  color: #AAB1B4;
  margin: 0;
}
@media (max-width: 992px) {
  .achievements_1 .container .milestones .triangles .triangle .triangle-detail p {
    font-size: 18px;
  }
}
@media (max-width: 380px) {
  .achievements_1 .container .milestones .triangles .triangle .triangle-detail p {
    font-size: 14px;
  }
}
.achievements_1 .container .milestones .triangles .triangle .triangle-detail h3 {
  display: flex;
  gap: 8px;
}
.achievements_1 .container .milestones .triangles .triangle .triangle-detail h3 span {
  font-weight: 400;
  font-size: 99px;
  color: #171818;
  margin: 0;
  line-height: 100%;
  letter-spacing: -0.06em;
}
@media (max-width: 992px) {
  .achievements_1 .container .milestones .triangles .triangle .triangle-detail h3 span {
    font-size: 78px;
  }
}
@media (max-width: 380px) {
  .achievements_1 .container .milestones .triangles .triangle .triangle-detail h3 span {
    font-size: 52px;
  }
}
.achievements_1 .container .milestones .client {
  background: transparent;
}
.achievements_1 .container .milestones .client p {
  text-align: center;
  color: #171818;
  margin-bottom: 32px;
}
.achievements_1 .container .milestones .client .client-leftSlider {
  position: relative;
  z-index: 100;
}
.achievements_1 .container .milestones .client .client-leftSlider .client-logo {
  padding: 24px 75px;
}
@media (max-width: 1199px) {
  .achievements_1 .container .milestones .client .client-leftSlider .client-logo {
    padding: 24px 60px;
  }
}
@media (max-width: 992px) {
  .achievements_1 .container .milestones .client .client-leftSlider .client-logo {
    padding: 24px 40px;
  }
}
@media (max-width: 768px) {
  .achievements_1 .container .milestones .client .client-leftSlider .client-logo {
    padding: 24px;
  }
}
@media (max-width: 490px) {
  .achievements_1 .container .milestones .client .client-leftSlider .client-logo {
    padding: 16px 20px;
  }
}
.achievements_1 .container .milestones .client .client-leftSlider .client-logo img {
  width: 100%;
}
.achievements_1 .container .milestones .client .client-leftSlider .slick-track {
  display: flex;
  align-items: center;
}
.achievements_1 .container .line-animate .line {
  background: #DFE5E8;
}
.achievements_1 .container .line-animate .line .dots {
  background: #F4F9FB;
  border: 1px solid #DFE5E8;
}
.achievements_1.dark {
  background: #171818;
}
.achievements_1.dark .container .milestones {
  position: relative;
  z-index: 100;
  padding-top: 96px;
  z-index: 999;
}
.achievements_1.dark .container .milestones .heading h2 {
  color: #F4F9FB;
}
.achievements_1.dark .container .milestones .triangles .triangle.triangle-bottom {
  background-image: url(../media/shapes/triangle-bottom-dark.svg);
  background-size: cover;
}
.achievements_1.dark .container .milestones .triangles .triangle.triangle-top {
  background-image: url(../media/shapes/triangle-top-dark.svg);
  background-size: cover;
}
.achievements_1.dark .container .milestones .triangles .triangle .triangle-detail p {
  color: #AAB1B4;
}
.achievements_1.dark .container .milestones .triangles .triangle .triangle-detail h3 span {
  color: #F4F9FB;
}
.achievements_1.dark .container .milestones .client p {
  color: #F4F9FB;
}
.achievements_1.dark .container .line-animate .line {
  border: 1px solid #000;
}
.achievements_1.dark .container .line-animate .line .dots {
  border: 1px solid #000;
  background: #171818;
}

/*-------------------------
    Team Area Styles
-------------------------*/
.team {
  background: #F4F9FB;
  overflow: hidden;
}
.team .container {
  position: relative;
}
.team .container .line-animate .line {
  background: #DFE5E8;
}
.team .team-content {
  position: relative;
  z-index: 100;
}
@media (max-width: 768px) {
  .team .team-content {
    padding-bottom: 100px;
  }
}
.team .team-content .team-text {
  text-align: center;
  font-weight: 600;
  font-size: 190px;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 100px;
  opacity: 1;
}
@media (max-width: 992px) {
  .team .team-content .team-text {
    font-size: 110px;
  }
}
@media (max-width: 492px) {
  .team .team-content .team-text {
    font-size: 72px;
  }
}
.team .team-content .team-detail {
  position: relative;
  background: transparent;
  height: 800px;
}
@media (max-width: 992px) {
  .team .team-content .team-detail {
    height: 1030px;
  }
}
@media (max-width: 768px) {
  .team .team-content .team-detail {
    height: 1100px;
  }
}
@media (max-width: 580px) {
  .team .team-content .team-detail {
    height: 1100px;
  }
}
@media (max-width: 490px) {
  .team .team-content .team-detail {
    height: 1200px;
  }
}
@media (max-width: 360px) {
  .team .team-content .team-detail {
    height: 1300px;
  }
}
@media (max-width: 350px) {
  .team .team-content .team-detail {
    height: 1500px;
  }
}
.team .team-content .card-header {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  position: absolute;
  bottom: 20px;
  z-index: 500;
}
@media (max-width: 992px) {
  .team .team-content .card-header {
    position: relative;
    bottom: unset;
  }
}
.team .team-content .card-header .blog-btn {
  display: block;
  padding: 16px 0;
  margin: 0 0 0 32px;
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #AAB1B4;
  font-weight: 600;
  font-size: 23px;
  position: relative;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 992px) {
  .team .team-content .card-header .blog-btn {
    display: inline-block;
    margin: 0 16px;
    padding: 8px 0;
  }
}
@media (max-width: 767px) {
  .team .team-content .card-header .blog-btn {
    font-size: 21px;
  }
}
@media (max-width: 490px) {
  .team .team-content .card-header .blog-btn {
    font-size: 16px;
  }
}
.team .team-content .card-header .blog-btn::before {
  position: absolute;
  content: "";
  left: -59px;
  width: 25px;
  height: 25px;
  border-radius: 50px;
  border: 1px solid #DFE5E8;
  background: #F4F9FB;
  top: calc(50% - 11px);
  z-index: 100;
}
@media (max-width: 1399px) {
  .team .team-content .card-header .blog-btn::before {
    display: none;
  }
}
.team .team-content .card-header .blog-btn:hover {
  color: #1AD4CD;
}
.team .team-content .card-header .blog-btn:hover::before {
  border-color: #1AD4CD;
}
.team .team-content .card {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  position: relative;
}
.team .team-content .card .card-body {
  display: block;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  position: absolute;
  top: 0;
  right: -130%;
}
@media (max-width: 1199px) {
  .team .team-content .card .card-body {
    right: -200%;
  }
}
@media (max-width: 992px) {
  .team .team-content .card .card-body {
    top: 150px;
    right: -400%;
  }
}
@media (max-width: 768px) {
  .team .team-content .card .card-body {
    right: -530%;
  }
}
@media (max-width: 768px) {
  .team .team-content .card .card-body {
    right: -850%;
  }
}
@media (max-width: 580px) {
  .team .team-content .card .card-body {
    right: -1050%;
  }
}
@media (max-width: 490px) {
  .team .team-content .card .card-body {
    right: -1050%;
  }
}
@media (max-width: 400px) {
  .team .team-content .card .card-body {
    right: -1120%;
  }
}
@media (max-width: 370px) {
  .team .team-content .card .card-body {
    right: -1220%;
  }
}
@media (max-width: 340px) {
  .team .team-content .card .card-body {
    right: -1420%;
  }
}
.team .team-content .card .card-body .team-blog {
  position: relative;
}
.team .team-content .card .card-body .img-blog img {
  object-fit: cover;
  border: 2px solid #1AD4CD;
  width: 370px;
  height: 370px;
  border-radius: 100%;
}
@media (max-width: 992px) {
  .team .team-content .card .card-body .img-blog img {
    width: 280px;
    height: 280px;
  }
}
.team .team-content .card .card-body .blog-content {
  padding: 32px 20px 32px 0;
}
.team .team-content .card .card-body .blog-content h2 {
  font-weight: 900;
  font-size: 57px;
  color: #171818;
  margin-bottom: 12px;
}
@media (max-width: 992px) {
  .team .team-content .card .card-body .blog-content h2 {
    font-size: 42px;
  }
}
.team .team-content .card .card-body .blog-content span {
  font-weight: 600;
  font-size: 23px;
  color: #898E8F;
  margin-bottom: 18px;
}
@media (max-width: 992px) {
  .team .team-content .card .card-body .blog-content span {
    font-size: 18px;
  }
}
.team .team-content .card .card-body .blog-content p {
  color: #AAB1B4;
  padding-left: 10px;
  margin: 0;
}
@media (max-width: 992px) {
  .team .team-content .card .card-body .blog-content p {
    font-size: 14px;
  }
}
@media (max-width: 992px) {
  .team .team-content .card .card-body .blog-content p br {
    display: none;
  }
}
.team .team-content .card .card-body .description {
  text-align: right;
  display: inline-block;
  margin-bottom: 38px;
}
.team .team-content .card .card-body .description h4 {
  text-align: left;
  color: #AAB1B4;
  font-weight: 700;
  font-size: 33px;
  margin-bottom: 14px;
}
.team .team-content .card .card-body .description p {
  text-align: left;
  color: #898E8F;
  padding-left: 30px;
}
@media (max-width: 492px) {
  .team .team-content .card .card-body .description p br {
    display: none;
  }
}
.team.st-2 .team-content .team-detail {
  height: auto;
}
.team.st-2 .team-content .team-detail .card .card-body {
  position: relative;
  top: unset;
  right: unset;
}
.team.dark {
  background: #171818;
}
.team.dark .container .line-animate .line {
  background: #0C0D0D;
}
.team.dark .team-content .team-text {
  color: #F4F9FB;
}
.team.dark .team-content .team-detail .card .card-body .blog-content h2 {
  color: #F4F9FB;
}
.team.dark .team-content .team-detail .card-header .blog-btn::before {
  border: 1px solid #0C0D0D;
  background: #171818;
}
.team.dark-2 {
  background: #171818;
}

/*-------------------------
    universe Area Styles
-------------------------*/
.universe_portfolio {
  background-image: url(../media/portfolio/2/Variant2.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  cursor: move;
  height: 100vh;
}
.universe_portfolio img {
  max-width: auto;
  transform: scale(2);
}
.universe_portfolio.dark {
  background-image: url(../media/portfolio/2/Variant2-dark.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/*-------------------------
    Prtfolio slider Area Styles
-------------------------*/
.portfolio_1_slide {
  position: relative;
}
.portfolio_1_slide .background-text h2 {
  position: absolute;
  top: 300px;
  left: 0;
  width: 100%;
  text-align: center;
  font-weight: 900;
  font-size: 325.497px;
  line-height: 115%;
  letter-spacing: -0.03em;
  color: #DFE5E8;
}
.portfolio_1_slide .portfolio-1-slider {
  padding-top: 200px;
}
@media (max-width: 490px) {
  .portfolio_1_slide .portfolio-1-slider {
    padding-top: 100px;
  }
}
.portfolio_1_slide .portfolio-1-slider .wrap.slick-slide {
  width: 150px !important;
  margin: 0 20px;
  transition: width 1s;
}
@media (max-width: 490px) {
  .portfolio_1_slide .portfolio-1-slider .wrap.slick-slide {
    width: 400px !important;
  }
}
.portfolio_1_slide .portfolio-1-slider .wrap.slick-center {
  width: 500px !important;
}
@media (max-width: 580px) {
  .portfolio_1_slide .portfolio-1-slider .wrap.slick-center {
    width: 450px !important;
  }
}
@media (max-width: 490px) {
  .portfolio_1_slide .portfolio-1-slider .wrap.slick-center {
    width: 400px !important;
  }
}
@media (max-width: 400px) {
  .portfolio_1_slide .portfolio-1-slider .wrap.slick-center {
    width: 350px !important;
  }
}
@media (max-width: 380px) {
  .portfolio_1_slide .portfolio-1-slider .wrap.slick-center {
    width: 300px !important;
  }
}
.portfolio_1_slide .portfolio-1-slider .wrap img {
  height: 600px;
  object-fit: cover;
  margin-top: 0;
  transition: margin-top 1s;
}
.portfolio_1_slide .portfolio-1-slider .wrap .content {
  display: none;
  margin-bottom: 50px;
}
.portfolio_1_slide .portfolio-1-slider .wrap .content h4 {
  font-weight: 700;
  font-size: 33px;
  color: #000;
  margin: 24px 0;
}
.portfolio_1_slide .portfolio-1-slider .wrap .content p {
  font-weight: 400;
  font-size: 16px;
  color: #898E8F;
  padding-left: 100px;
}
@media (max-width: 490px) {
  .portfolio_1_slide .portfolio-1-slider .wrap .content p {
    padding-left: 40px;
  }
}
.portfolio_1_slide .portfolio-1-slider .wrap.slick-current img, .portfolio_1_slide .portfolio-1-slider .wrap.slick-center img {
  margin-top: 100px;
}
.portfolio_1_slide .portfolio-1-slider .wrap.slick-current .content, .portfolio_1_slide .portfolio-1-slider .wrap.slick-center .content {
  display: block;
}
.portfolio_1_slide.dark {
  background: #000;
}
.portfolio_1_slide.dark h2 {
  color: #898E8F;
}
.portfolio_1_slide.dark .portfolio-1-slider .wrap .content h4 {
  color: #F4F9FB;
}

.portfolio_3 {
  background-color: #F4F9FB;
}
.portfolio_3 .container {
  position: relative;
}
.portfolio_3 .container .content {
  z-index: 100;
  position: relative;
}
.portfolio_3 .container .content .nav-tabs {
  border-bottom: none;
}
.portfolio_3 .container .content .nav-tabs .nav-item .nav-link {
  border: none;
  background-color: transparent;
  color: #898E8F;
  font-weight: 600;
  font-size: 23px;
  line-height: 130%;
  letter-spacing: 0.01em;
  margin-bottom: 50px;
  padding: 0;
}
.portfolio_3 .container .content .nav-tabs .nav-item .nav-link.active {
  color: #1AD4CD;
}
.portfolio_3 .container .content .work_portfolio {
  transform: all 0.3s ease-in-out;
  padding-bottom: 100px;
}
.portfolio_3 .container .content .work_portfolio img {
  margin-bottom: 30px;
  height: 416px;
  width: 100%;
}
.portfolio_3 .container .content .work_portfolio .top-triangle {
  position: relative;
}
.portfolio_3 .container .content .work_portfolio .top-triangle .top-triangle-image img {
  position: absolute;
  top: -50px;
  width: 580px;
  left: calc(50% - 290px);
  height: 495px;
}
.portfolio_3 .container .content .work_portfolio .bottom-triangle {
  position: relative;
}
.portfolio_3 .container .content .work_portfolio .bottom-triangle .bottom-triangle-image img {
  position: absolute;
  top: -27px;
  width: 580px;
  left: calc(50% - 290px);
  height: 500px;
}
.portfolio_3 .container .line-animate {
  z-index: 10;
}
.portfolio_3 .container .line-animate .line {
  background: #DFE5E8;
}
.portfolio_3 .container .line-animate .line .dots {
  background: #F4F9FB;
  border: 1px solid #DFE5E8;
}
.portfolio_3.dark {
  background-color: #171818;
}
.portfolio_3.dark .container .line-animate .line {
  background: #000;
}
.portfolio_3.dark .container .line-animate .line .dots {
  background: #171818;
  border: 1px solid #000;
}

.portfolio_4 {
  background-color: #F4F9FB;
}
.portfolio_4 .container {
  position: relative;
}
.portfolio_4 .container .content {
  z-index: 100;
  position: relative;
}
.portfolio_4 .container .content .nav-tabs {
  border-bottom: none;
}
@media (max-width: 490px) {
  .portfolio_4 .container .content .nav-tabs .nav-item {
    display: inline-block;
  }
}
.portfolio_4 .container .content .nav-tabs .nav-item .nav-link {
  border: none;
  background-color: transparent;
  color: #898E8F;
  font-weight: 600;
  font-size: 23px;
  line-height: 130%;
  letter-spacing: 0.01em;
  margin-bottom: 50px;
  padding: 0;
}
@media (max-width: 767px) {
  .portfolio_4 .container .content .nav-tabs .nav-item .nav-link {
    font-size: 18px;
  }
}
@media (max-width: 490px) {
  .portfolio_4 .container .content .nav-tabs .nav-item .nav-link {
    font-size: 16px;
    margin: 0;
    margin: 16px 10px;
  }
}
.portfolio_4 .container .content .nav-tabs .nav-item .nav-link.active {
  color: #1AD4CD;
}
.portfolio_4 .container .content .work_portfolio {
  transform: all 0.3s ease-in-out;
  padding-bottom: 100px;
}
.portfolio_4 .container .content .work_portfolio .portfolio-box {
  position: relative;
  padding-bottom: 126px;
}
@media (max-width: 490px) {
  .portfolio_4 .container .content .work_portfolio .portfolio-box {
    padding-bottom: 0px;
  }
}
.portfolio_4 .container .content .work_portfolio .portfolio-box .content-box {
  position: absolute;
  right: 0;
  bottom: 30px;
  background-color: #F4F9FB;
  padding: 24px 26px;
}
@media (max-width: 490px) {
  .portfolio_4 .container .content .work_portfolio .portfolio-box .content-box {
    position: relative;
    right: unset;
    bottom: unset;
  }
}
.portfolio_4 .container .content .work_portfolio .portfolio-box .content-box .category {
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.05em;
  color: #000;
  margin-bottom: 8px;
}
.portfolio_4 .container .content .work_portfolio .portfolio-box .content-box .title {
  font-weight: 700;
  font-size: 33px;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: #000;
  margin-bottom: 16px;
}
.portfolio_4 .container .content .work_portfolio .portfolio-box .content-box .text {
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.03em;
  color: #898E8F;
  margin-bottom: 0;
}
@media (max-width: 490px) {
  .portfolio_4 .container .content .work_portfolio .portfolio-box .content-box .text {
    font-size: 14px;
  }
}
@media (max-width: 490px) {
  .portfolio_4 .container .content .work_portfolio .portfolio-box .content-box .text br {
    display: none;
  }
}
.portfolio_4 .container .line-animate {
  z-index: 10;
}
.portfolio_4 .container .line-animate .line {
  background: #DFE5E8;
}
.portfolio_4 .container .line-animate .line .dots {
  background: #F4F9FB;
  border: 1px solid #DFE5E8;
}
.portfolio_4.dark {
  background-color: #171818;
}
.portfolio_4.dark .container .content .work_portfolio .portfolio-box .content-box {
  background-color: #171818;
}
.portfolio_4.dark .container .content .work_portfolio .portfolio-box .content-box .category {
  color: #F4F9FB;
}
.portfolio_4.dark .container .content .work_portfolio .portfolio-box .content-box .title {
  color: #F4F9FB;
}
.portfolio_4.dark .container .content .work_portfolio .portfolio-box .content-box .text {
  color: #898E8F;
}
.portfolio_4.dark .container .line-animate .line {
  background: #000;
}
.portfolio_4.dark .container .line-animate .line .dots {
  background: #171818;
  border: 1px solid #000;
}

.portfolio_5 {
  background-color: #F4F9FB;
}
.portfolio_5 .container {
  position: relative;
}
.portfolio_5 .container .content {
  z-index: 100;
  position: relative;
}
.portfolio_5 .container .content .nav-tabs {
  border-bottom: none;
}
.portfolio_5 .container .content .nav-tabs .nav-item .nav-link {
  border: none;
  background-color: transparent;
  color: #898E8F;
  font-weight: 600;
  font-size: 23px;
  line-height: 130%;
  letter-spacing: 0.01em;
  margin-bottom: 50px;
  padding: 0;
}
@media (max-width: 767px) {
  .portfolio_5 .container .content .nav-tabs .nav-item .nav-link {
    font-size: 18px;
  }
}
@media (max-width: 490px) {
  .portfolio_5 .container .content .nav-tabs .nav-item .nav-link {
    font-size: 16px;
    margin: 0;
    margin: 16px 10px;
  }
}
.portfolio_5 .container .content .nav-tabs .nav-item .nav-link.active {
  color: #1AD4CD;
}
.portfolio_5 .container .content .work_portfolio {
  transform: all 0.3s ease-in-out;
  padding-bottom: 100px;
}
.portfolio_5 .container .content .work_portfolio .portfolio-card {
  position: relative;
  margin: auto;
  overflow: hidden;
  margin-bottom: 30px;
}
.portfolio_5 .container .content .work_portfolio .portfolio-card .card-overlay {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8));
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
.portfolio_5 .container .content .work_portfolio .portfolio-card:hover .card-overlay {
  opacity: 1;
}
.portfolio_5 .container .content .work_portfolio .portfolio-card:hover .card-details {
  top: 50%;
  left: 50%;
  opacity: 1;
}
.portfolio_5 .container .content .work_portfolio .card-image {
  width: 100%;
}
.portfolio_5 .container .content .work_portfolio .card-details {
  position: absolute;
  width: 100%;
  padding: 88px 32px;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.portfolio_5 .container .content .work_portfolio .card-details .category {
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.05em;
  color: #F4F9FB;
  margin-bottom: 0;
}
.portfolio_5 .container .content .work_portfolio .card-details .title {
  font-weight: 700;
  font-size: 33px;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: #F4F9FB;
  margin-bottom: 16px;
}
.portfolio_5 .container .content .work_portfolio .card-details .text {
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  padding-left: 110px;
  letter-spacing: 0.05em;
  color: #DFE5E8;
}
@media (max-width: 1399px) {
  .portfolio_5 .container .content .work_portfolio .card-details .text {
    padding-left: 80px;
  }
}
@media (max-width: 1299px) {
  .portfolio_5 .container .content .work_portfolio .card-details .text {
    padding-left: 40px;
  }
}
@media (max-width: 1199px) {
  .portfolio_5 .container .content .work_portfolio .card-details .text {
    padding-left: 0px;
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .portfolio_5 .container .content .work_portfolio .card-details .text {
    padding-left: 110px;
    font-size: 16px;
  }
}
@media (max-width: 490px) {
  .portfolio_5 .container .content .work_portfolio .card-details .text {
    padding-left: 0px;
    font-size: 12px;
  }
}
.portfolio_5 .container .content .work_portfolio .wg-box-fadeIn-bottom {
  top: 80%;
}
.portfolio_5.dark {
  background-color: #171818;
}
.portfolio_5.dark .container .line-animate .line {
  background: #000;
}
.portfolio_5.dark .container .line-animate .line .dots {
  background: #171818;
  border: 1px solid #000;
}

.portfolio_6 {
  background-color: #F4F9FB;
}
.portfolio_6 .container {
  position: relative;
}
.portfolio_6 .container .content {
  z-index: 100;
  position: relative;
}
.portfolio_6 .container .content .nav-tabs {
  border-bottom: none;
}
.portfolio_6 .container .content .nav-tabs .nav-item .nav-link {
  border: none;
  background-color: transparent;
  color: #898E8F;
  font-weight: 600;
  font-size: 23px;
  line-height: 130%;
  letter-spacing: 0.01em;
  padding: 0;
}
@media (max-width: 767px) {
  .portfolio_6 .container .content .nav-tabs .nav-item .nav-link {
    font-size: 18px;
  }
}
@media (max-width: 490px) {
  .portfolio_6 .container .content .nav-tabs .nav-item .nav-link {
    font-size: 16px;
    margin: 0;
    margin: 16px 10px;
  }
}
.portfolio_6 .container .content .nav-tabs .nav-item .nav-link.active {
  color: #1AD4CD;
}
.portfolio_6 .container .content .work_portfolio {
  transform: all 0.3s ease-in-out;
  padding-bottom: 100px;
}
.portfolio_6 .container .content .work_portfolio .portfolio-box {
  position: relative;
  margin: 50px 0;
}
@media (max-width: 768px) {
  .portfolio_6 .container .content .work_portfolio .portfolio-box {
    margin: 25px 0;
  }
}
.portfolio_6 .container .content .work_portfolio .portfolio-box .content-box {
  position: absolute;
  top: 30px;
  right: 0;
  background-color: #F4F9FB;
  padding: 24px 26px 40px;
  box-shadow: 61px 92px 44px rgba(0, 0, 0, 0.03), 34px 52px 37px rgba(0, 0, 0, 0.06), 15px 23px 28px rgba(0, 0, 0, 0.12), 4px 6px 15px rgba(0, 0, 0, 0.24);
}
@media (max-width: 1299px) {
  .portfolio_6 .container .content .work_portfolio .portfolio-box .content-box {
    top: unset;
    bottom: 30px;
  }
}
@media (max-width: 768px) {
  .portfolio_6 .container .content .work_portfolio .portfolio-box .content-box {
    position: relative;
    top: unset;
    right: unset;
    bottom: unset;
  }
}
.portfolio_6 .container .content .work_portfolio .portfolio-box .content-box .category {
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.05em;
  color: #000;
  margin-bottom: 8px;
}
@media (max-width: 490px) {
  .portfolio_6 .container .content .work_portfolio .portfolio-box .content-box .category {
    font-size: 14px;
  }
}
.portfolio_6 .container .content .work_portfolio .portfolio-box .content-box .title {
  font-weight: 700;
  font-size: 33px;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: #000;
  margin-bottom: 16px;
  width: 60%;
}
@media (max-width: 768px) {
  .portfolio_6 .container .content .work_portfolio .portfolio-box .content-box .title {
    width: 100%;
    padding-left: 0px;
  }
}
@media (max-width: 490px) {
  .portfolio_6 .container .content .work_portfolio .portfolio-box .content-box .title {
    font-size: 28px;
  }
}
.portfolio_6 .container .content .work_portfolio .portfolio-box .content-box .text {
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.03em;
  color: #898E8F;
  margin-bottom: 0;
  padding-left: 185px;
}
@media (max-width: 768px) {
  .portfolio_6 .container .content .work_portfolio .portfolio-box .content-box .text {
    padding-left: 0px;
  }
}
@media (max-width: 490px) {
  .portfolio_6 .container .content .work_portfolio .portfolio-box .content-box .text {
    font-size: 14px;
  }
}
@media (max-width: 490px) {
  .portfolio_6 .container .content .work_portfolio .portfolio-box .content-box .text br {
    display: none;
  }
}
.portfolio_6 .container .content .work_portfolio .portfolio-box.right {
  position: relative;
  text-align: end;
}
.portfolio_6 .container .content .work_portfolio .portfolio-box.right .content-box {
  right: unset;
  left: 0;
}
.portfolio_6 .container .line-animate {
  z-index: 10;
}
.portfolio_6 .container .line-animate .line {
  background: #DFE5E8;
}
.portfolio_6 .container .line-animate .line .dots {
  background: #F4F9FB;
  border: 1px solid #DFE5E8;
}
.portfolio_6.dark {
  background-color: #171818;
}
.portfolio_6.dark .container {
  position: relative;
}
.portfolio_6.dark .container .content .work_portfolio .portfolio-box .content-box {
  background-color: #171818;
}
.portfolio_6.dark .container .content .work_portfolio .portfolio-box .content-box .category {
  color: #F4F9FB;
}
.portfolio_6.dark .container .content .work_portfolio .portfolio-box .content-box .title {
  color: #F4F9FB;
}
.portfolio_6.dark .container .content .work_portfolio .portfolio-box .content-box .text {
  color: #898E8F;
}
.portfolio_6.dark .container .line-animate {
  z-index: 10;
}
.portfolio_6.dark .container .line-animate .line {
  background: #000;
}
.portfolio_6.dark .container .line-animate .line .dots {
  background: #171818;
  border: 1px solid #000;
}

/*-------------------------
    Title Banner Area Styles
-------------------------*/
.title-banner_1 {
  background: url(../media/hero/inner-pages/title-banner-1.png);
  background-position: center;
  background-size: cover;
  position: relative;
  padding: 50px 0 100px 0;
}
.title-banner_1.dark {
  background: url(../media/hero/inner-pages/title-banner-dark1.png);
}
@media (max-width: 768px) {
  .title-banner_1 {
    background-position: left;
  }
}
@media (max-width: 580px) {
  .title-banner_1 {
    background-position: center;
  }
}
.title-banner_1 .sub-title {
  font-size: 33px;
  line-height: 120%;
  letter-spacing: -0.02em;
  font-weight: 700;
  color: #171818;
  padding: 90px 0 0 24px;
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .title-banner_1 .sub-title {
    padding-left: 0px;
  }
}
@media (max-width: 490px) {
  .title-banner_1 .sub-title {
    font-size: 28px;
  }
}
.title-banner_1 .title {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 143px;
  line-height: 115%;
  letter-spacing: -0.03em;
  color: #171818;
  padding-left: 56px;
}
@media (max-width: 1299px) {
  .title-banner_1 .title {
    font-size: 120px;
  }
}
@media (max-width: 1199px) {
  .title-banner_1 .title {
    font-size: 98px;
  }
}
@media (max-width: 992px) {
  .title-banner_1 .title {
    padding-left: 14px;
  }
}
@media (max-width: 580px) {
  .title-banner_1 .title {
    font-size: 72px;
  }
}
@media (max-width: 490px) {
  .title-banner_1 .title {
    font-size: 48px;
  }
}
.title-banner_1 .text {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 16px;
  color: #898E8F;
  padding: 18px 0 0;
}
@media (max-width: 580px) {
  .title-banner_1 .text {
    text-align: end;
  }
}
@media (max-width: 768px) {
  .title-banner_1 .text br {
    display: none;
  }
}
.title-banner_1.dark {
  background: url(../media/hero/inner-pages/title-banner-dark1.png);
  background-position: center;
  background-size: cover;
}
.title-banner_1.dark .sub-title {
  color: #F4F9FB;
}
.title-banner_1.dark .title {
  color: #F4F9FB;
}

.title-banner_2 {
  background: url(../media/hero/inner-pages/title-banner-2.png);
  background-position: center;
  background-size: cover;
  position: relative;
}
.title-banner_2 .heading {
  padding: 120px 0 90px 0;
}
.title-banner_2 .heading .sub-title {
  font-weight: 400;
  font-size: 99px;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #F4F9FB;
  text-shadow: 15px 23px 28px rgba(0, 0, 0, 0.12), 4px 6px 15px rgba(0, 0, 0, 0.24);
  margin-bottom: 0;
}
@media (max-width: 1299px) {
  .title-banner_2 .heading .sub-title {
    font-size: 88px;
  }
}
@media (max-width: 1199px) {
  .title-banner_2 .heading .sub-title {
    font-size: 72px;
  }
}
@media (max-width: 490px) {
  .title-banner_2 .heading .sub-title {
    font-size: 32px;
  }
}
.title-banner_2 .heading .title {
  font-weight: 700;
  line-height: 1;
  font-size: 143px;
  color: #F4F9FB;
  text-shadow: 15px 23px 28px rgba(0, 0, 0, 0.12), 4px 6px 15px rgba(0, 0, 0, 0.24);
  margin-bottom: 0;
}
@media (max-width: 1299px) {
  .title-banner_2 .heading .title {
    font-size: 120px;
  }
}
@media (max-width: 1199px) {
  .title-banner_2 .heading .title {
    font-size: 98px;
  }
}
@media (max-width: 580px) {
  .title-banner_2 .heading .title {
    font-size: 72px;
  }
}
@media (max-width: 490px) {
  .title-banner_2 .heading .title {
    font-size: 58px;
  }
}
.title-banner_2 .heading .content {
  margin-top: -50px;
}
@media (max-width: 992px) {
  .title-banner_2 .heading .content {
    margin-top: 32px;
  }
}
.title-banner_2 .heading .content .text-heading {
  font-weight: 600;
  font-size: 23px;
  line-height: 130%;
  letter-spacing: 0.01em;
  color: #818486;
}
.title-banner_2 .heading .content .text {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.05em;
  color: #898E8F;
}
@media (max-width: 490px) {
  .title-banner_2 .heading .content .text br {
    display: none;
  }
}
.title-banner_2.light {
  background: url(../media/hero/inner-pages/title-banner-3.png);
  background-position: left;
  background-size: cover;
  margin-top: 90px;
}
@media (max-width: 992px) {
  .title-banner_2.light {
    background-position: center;
  }
}
.title-banner_2.dark {
  background: url(../media/hero/inner-pages/title-banner-dark-2.png);
}

.title-banner_3 {
  padding: 50px 0;
}
.title-banner_3.p-top {
  padding-top: 200px;
}
@media (max-width: 992px) {
  .title-banner_3.p-top {
    padding-top: 130px;
  }
}
.title-banner_3 .sub-title {
  color: #898E8F;
  font-weight: 600;
  font-size: 23px;
  margin-bottom: 8px;
}
.title-banner_3 .title {
  color: #171818;
  font-weight: 400;
  margin-bottom: 32px;
  font-size: 99px;
}
@media (max-width: 992px) {
  .title-banner_3 .title {
    font-size: 72px;
  }
}
@media (max-width: 768px) {
  .title-banner_3 .title {
    font-size: 48px;
  }
}
@media (max-width: 490px) {
  .title-banner_3 .title {
    font-size: 32px;
  }
}
.title-banner_3 .author-blog p {
  font-weight: 600;
  font-size: 23px;
  color: #171818;
  padding-left: 12px;
}
.title-banner_3 .author-blog p b {
  font-weight: 600;
  color: #AAB1B4;
  display: block;
}
.title-banner_3 span {
  font-weight: 600;
  font-size: 23px;
  color: #AAB1B4;
  display: block;
  margin-bottom: 8px;
}
.title-banner_3 span.light-text {
  color: #1AD4CD;
  margin: 0;
}
.title-banner_3 p {
  color: #898E8F;
  margin-bottom: 12px;
}
.title-banner_3 .text {
  color: #898E8F;
  margin-top: 64px;
  line-height: 2;
  margin-bottom: 0;
}
@media (max-width: 490px) {
  .title-banner_3 .text {
    margin-top: 0px;
    font-size: 14px;
  }
}
.title-banner_3.dark {
  background: #171818;
}
.title-banner_3.dark .title {
  color: #F4F9FB;
}
.title-banner_3.dark .author-blog p {
  color: #F4F9FB;
}

.title-banner-4 {
  background: url(../media/hero/inner-pages/titlt-banner-3.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 150px 0 100px 0;
}
@media (max-width: 1199px) {
  .title-banner-4 {
    padding: 100px 0 100px 0;
  }
}
.title-banner-4 .heading h2 {
  text-align: end;
  color: #171818;
  font-weight: 600;
  font-size: 57px;
}
.title-banner-4 .heading h2 b {
  display: block;
  font-weight: 600;
  color: #171818;
  font-size: 99px;
  line-height: 1;
  text-align: start;
}
@media (max-width: 1199px) {
  .title-banner-4 .heading h2 b {
    font-size: 72px;
  }
}
@media (max-width: 1199px) {
  .title-banner-4 .heading h2 b {
    font-size: 72px;
  }
}
@media (max-width: 490px) {
  .title-banner-4 .heading h2 b {
    font-size: 58px;
  }
}
@media (max-width: 992px) {
  .title-banner-4 .heading h2 {
    text-align: start;
  }
}
@media (max-width: 768px) {
  .title-banner-4 .heading h2 {
    font-size: 48px;
  }
}
@media (max-width: 490px) {
  .title-banner-4 .heading h2 {
    font-size: 38px;
  }
}
.title-banner-4 .line {
  width: 100%;
  height: 4px;
  background: #898E8F;
  margin-bottom: 34px;
  position: relative;
}
.title-banner-4 .line:before {
  position: absolute;
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  color: #898E8F;
  right: -6px;
  font-size: 28px;
  font-weight: bold;
  top: -18.8px;
}
.title-banner-4 .sub-content {
  margin-top: -40px;
}
@media (max-width: 992px) {
  .title-banner-4 .sub-content {
    margin-top: 0px;
  }
}
.title-banner-4 .sub-content span {
  margin-bottom: 8px;
  color: #898E8F;
  font-weight: 600;
  font-size: 23px;
}
@media (max-width: 768px) {
  .title-banner-4 .sub-content span {
    font-size: 18px;
  }
}
@media (max-width: 490px) {
  .title-banner-4 .sub-content span {
    font-size: 16px;
  }
}
.title-banner-4 .sub-content h5 {
  margin-bottom: 0;
  color: #171818;
  font-weight: 700;
  font-size: 33px;
}
@media (max-width: 768px) {
  .title-banner-4 .sub-content h5 {
    font-size: 28px;
  }
}
@media (max-width: 490px) {
  .title-banner-4 .sub-content h5 {
    font-size: 21px;
  }
}
.title-banner-4.dark {
  background: url(../media/hero/inner-pages/titlt-banner-3-dark.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
.title-banner-4.dark .heading h2 {
  color: #F4F9FB;
}
.title-banner-4.dark .heading h2 b {
  color: #F4F9FB;
}
.title-banner-4.dark .sub-content h5 {
  color: #DFE5E8;
}

/*-------------------------
    services Area Styles
-------------------------*/
.services__1 {
  background-color: #F4F9FB;
  padding: 50px 0;
}
.services__1 .service-box {
  position: relative;
  margin: 50px 0;
}
@media (max-width: 992px) {
  .services__1 .service-box {
    margin: 25px 0;
  }
}
.services__1 .service-box .content-box {
  position: relative;
  display: inline-block;
  background-color: #F4F9FB;
  margin: 25px 0;
  padding: 80px 20px 80px 240px;
  box-shadow: 61px 92px 44px rgba(0, 0, 0, 0.03), 34px 52px 37px rgba(0, 0, 0, 0.06), 15px 23px 28px rgba(0, 0, 0, 0.12), 4px 6px 15px rgba(0, 0, 0, 0.24);
}
@media (max-width: 992px) {
  .services__1 .service-box .content-box {
    margin: 0;
    display: block;
  }
}
@media (max-width: 768px) {
  .services__1 .service-box .content-box {
    padding: 40px 20px 40px 20px;
  }
}
.services__1 .service-box .content-box .title {
  position: absolute;
  left: 0;
  top: 88px;
  padding: 16px 0 48px;
  transform: rotate(-90deg);
  font-weight: 700;
  font-size: 73.966px;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: #DFE5E8;
}
@media (max-width: 768px) {
  .services__1 .service-box .content-box .title {
    font-size: 58px;
    transform: rotate(0);
    position: relative;
    top: unset;
    left: unset;
    padding: 0;
    margin-bottom: 0;
  }
}
.services__1 .service-box .content-box .sub-title {
  font-weight: 600;
  font-size: 23px;
  line-height: 130%;
  letter-spacing: 0.01em;
  color: #0C0D0D;
  width: 70%;
  margin-bottom: 24px;
}
@media (max-width: 992px) {
  .services__1 .service-box .content-box .sub-title {
    width: 100%;
  }
}
@media (max-width: 490px) {
  .services__1 .service-box .content-box .sub-title {
    font-size: 18px;
  }
}
.services__1 .service-box .content-box .text {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.05em;
  color: #898E8F;
}
@media (max-width: 768px) {
  .services__1 .service-box .content-box .text br {
    display: none;
  }
}
.services__1 .service-box img {
  position: absolute;
  top: 0;
}
@media (max-width: 992px) {
  .services__1 .service-box img {
    position: relative;
    top: unset;
  }
}
.services__1 .service-box.left {
  text-align: end;
}
.services__1 .service-box.left img {
  left: 0;
}
@media (max-width: 992px) {
  .services__1 .service-box.left img {
    left: unset;
  }
}
.services__1 .service-box.left .content-box {
  text-align: left;
}
.services__1 .service-box.right img {
  right: 0;
}
@media (max-width: 992px) {
  .services__1 .service-box.right img {
    right: unset;
  }
}
.services__1.dark {
  background: #171818;
}
.services__1.dark .service-box .content-box {
  background: #171818;
}
.services__1.dark .service-box .content-box .title {
  color: #353838;
}
.services__1.dark .service-box .content-box .sub-title {
  color: #F4F9FB;
}
.services__1.dark .service-box .content-box .text {
  color: #898E8F;
}

/*-------------------------
    portfolio title slider Area Styles
-------------------------*/
.portfolio-sliders {
  position: relative;
}
.portfolio-sliders .slick-slide {
  border: none;
}
.portfolio-sliders .portfolio-slider1 {
  background: url(../media/bg-image/bg-image-4.png);
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh !important;
  position: relative;
}
@media (max-width: 768px) {
  .portfolio-sliders .portfolio-slider1 {
    padding: 80px 0;
  }
}
.portfolio-sliders .portfolio-slider1 .portfolio-contant h2 {
  display: table;
  text-align: center;
  font-weight: 900;
  font-size: 212px;
  color: #171818;
  margin: 0 auto;
  line-height: 1;
  text-transform: uppercase;
  text-shadow: 20px 10px 9px rgba(12, 39, 37, 0.03), 11px 5px 7px rgba(12, 39, 37, 0.1), 5px 2px 5px rgba(12, 39, 37, 0.17), 1px 1px 3px rgba(12, 39, 37, 0.2), 0px 0px 0px rgba(12, 39, 37, 0.2);
}
.portfolio-sliders .portfolio-slider1 .portfolio-contant h2 span {
  display: block;
  font-weight: 700;
  font-size: 33px;
  color: #171818;
  margin: 0;
  padding-left: 8px;
  text-align: left;
  text-shadow: none;
}
@media (max-width: 768px) {
  .portfolio-sliders .portfolio-slider1 .portfolio-contant h2 span {
    font-size: 28px;
  }
}
@media (max-width: 580px) {
  .portfolio-sliders .portfolio-slider1 .portfolio-contant h2 span {
    font-size: 21px;
  }
}
@media (max-width: 580px) {
  .portfolio-sliders .portfolio-slider1 .portfolio-contant h2 span {
    font-size: 16px;
    padding: 0;
  }
}
.portfolio-sliders .portfolio-slider1 .portfolio-contant h2 span b {
  color: #1AD4CD;
}
@media (max-width: 1599px) {
  .portfolio-sliders .portfolio-slider1 .portfolio-contant h2 {
    font-size: 180px;
  }
}
@media (max-width: 1299px) {
  .portfolio-sliders .portfolio-slider1 .portfolio-contant h2 {
    font-size: 158px;
  }
}
@media (max-width: 1199px) {
  .portfolio-sliders .portfolio-slider1 .portfolio-contant h2 {
    font-size: 138px;
  }
}
@media (max-width: 992px) {
  .portfolio-sliders .portfolio-slider1 .portfolio-contant h2 {
    font-size: 110px;
  }
}
@media (max-width: 768px) {
  .portfolio-sliders .portfolio-slider1 .portfolio-contant h2 {
    font-size: 80px;
  }
}
@media (max-width: 580px) {
  .portfolio-sliders .portfolio-slider1 .portfolio-contant h2 {
    font-size: 58px;
  }
}
@media (max-width: 400px) {
  .portfolio-sliders .portfolio-slider1 .portfolio-contant h2 {
    font-size: 38px;
  }
}
.portfolio-sliders .portfolio-slider1 .portfolio-contant h4 {
  font-weight: 900;
  font-size: 166px;
  color: #1AD4CD;
  text-align: center;
  margin: 0;
  text-transform: uppercase;
  line-height: 1;
  text-shadow: 20px 10px 9px rgba(12, 39, 37, 0.03), 11px 5px 7px rgba(12, 39, 37, 0.1), 5px 2px 5px rgba(12, 39, 37, 0.17), 1px 1px 3px rgba(12, 39, 37, 0.2), 0px 0px 0px rgba(12, 39, 37, 0.2);
}
@media (max-width: 1299px) {
  .portfolio-sliders .portfolio-slider1 .portfolio-contant h4 {
    font-size: 138px;
  }
}
@media (max-width: 1199px) {
  .portfolio-sliders .portfolio-slider1 .portfolio-contant h4 {
    font-size: 110px;
  }
}
@media (max-width: 992px) {
  .portfolio-sliders .portfolio-slider1 .portfolio-contant h4 {
    font-size: 88px;
  }
}
@media (max-width: 768px) {
  .portfolio-sliders .portfolio-slider1 .portfolio-contant h4 {
    font-size: 58px;
  }
}
@media (max-width: 580px) {
  .portfolio-sliders .portfolio-slider1 .portfolio-contant h4 {
    font-size: 48px;
  }
}
@media (max-width: 400px) {
  .portfolio-sliders .portfolio-slider1 .portfolio-contant h4 {
    font-size: 32px;
  }
}
.portfolio-sliders .portfolio-slider1 .portfolio-contant p {
  color: #AAB1B4;
  margin: 12px 0;
}
@media (max-width: 768px) {
  .portfolio-sliders .portfolio-slider1 .portfolio-contant p {
    text-align: center;
  }
}
@media (max-width: 490px) {
  .portfolio-sliders .portfolio-slider1 .portfolio-contant p {
    font-size: 14px;
  }
}
@media (max-width: 400px) {
  .portfolio-sliders .portfolio-slider1 .portfolio-contant p br {
    display: none;
  }
}
.portfolio-sliders .portfolio-slider1 .portfolio-contant .portfolio-image {
  position: absolute;
  width: 800px;
  height: 756px;
  left: calc(50% - 400px);
  bottom: 0;
}
@media (max-width: 1299px) {
  .portfolio-sliders .portfolio-slider1 .portfolio-contant .portfolio-image {
    width: 700px;
    height: 656px;
    left: calc(50% - 350px);
  }
}
@media (max-width: 1199px) {
  .portfolio-sliders .portfolio-slider1 .portfolio-contant .portfolio-image {
    width: 600px;
    height: 556px;
    left: calc(50% - 300px);
  }
}
@media (max-width: 768px) {
  .portfolio-sliders .portfolio-slider1 .portfolio-contant .portfolio-image {
    width: 500px;
    height: 456px;
    left: calc(50% - 250px);
  }
}
@media (max-width: 580px) {
  .portfolio-sliders .portfolio-slider1 .portfolio-contant .portfolio-image {
    width: 400px;
    height: 356px;
    left: calc(50% - 200px);
  }
}
@media (max-width: 400px) {
  .portfolio-sliders .portfolio-slider1 .portfolio-contant .portfolio-image {
    width: 300px;
    height: 256px;
    left: calc(50% - 150px);
  }
}
.portfolio-sliders .portfolio-slider1 .overlay {
  display: block;
  text-align: center;
  display: block;
  position: absolute;
  text-align: center;
  left: calc(50% - 75px);
  bottom: 26%;
}
@media (max-width: 768px) {
  .portfolio-sliders .portfolio-slider1 .overlay {
    bottom: 24%;
  }
}
@media (max-width: 580px) {
  .portfolio-sliders .portfolio-slider1 .overlay {
    bottom: 18%;
  }
}
@media (max-width: 400px) {
  .portfolio-sliders .portfolio-slider1 .overlay {
    bottom: 14%;
    left: calc(50% - 50px);
  }
}
.portfolio-sliders .portfolio-slider1 .overlay .play-button {
  position: relative;
  z-index: 1000;
  border: none;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 600;
  color: #171818;
  transition: all 0.3s ease-in-out;
}
.portfolio-sliders .portfolio-slider1 .overlay .play-button .icon {
  transition: all 0.3s ease-in-out;
  width: 64px;
  height: 64px;
  border: 1px solid #000;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
@media (max-width: 490px) {
  .portfolio-sliders .portfolio-slider1 .overlay .play-button .icon {
    width: 48px;
    height: 48px;
  }
}
.portfolio-sliders .portfolio-slider1 .overlay .play-button .icon i {
  padding-left: 5px;
  font-size: 24px;
  margin: 0;
}
@media (max-width: 490px) {
  .portfolio-sliders .portfolio-slider1 .overlay .play-button .icon i {
    font-size: 21px;
  }
}
.portfolio-sliders .portfolio-slider1 .overlay .play-button:hover .icon {
  border-color: #1AD4CD;
  color: #1AD4CD;
}
.portfolio-sliders .portfolio-slider1.dark {
  background: url(../media/bg-image/bg-image-6.png);
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
}
.portfolio-sliders .portfolio-slider1.dark .portfolio-contant h5 {
  color: #F4F9FB;
}
.portfolio-sliders .portfolio-slider1.dark .portfolio-contant h2 {
  color: #F4F9FB;
}
.portfolio-sliders .portfolio-slider1.dark .portfolio-contant h2 p {
  color: #F4F9FB;
}
.portfolio-sliders .portfolio-slider1.dark .overlay .play-button {
  color: #F4F9FB;
}
.portfolio-sliders .portfolio-slider1.dark .overlay .play-button .icon {
  border-color: #F4F9FB;
}
.portfolio-sliders .portfolio-slider2 {
  position: relative;
}
.portfolio-sliders .portfolio-slider2 .container {
  display: table;
  text-align: center;
}
.portfolio-sliders .portfolio-slider2 .portfolio-contant {
  display: table-cell;
  vertical-align: middle;
  padding: 80px 0;
}
.portfolio-sliders .portfolio-slider2 .portfolio-contant h2 {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 200px;
  color: #818486;
  text-align: center;
  line-height: 1;
}
@media only screen and (min-width: 1440px) and (max-width: 1900px) {
  .portfolio-sliders .portfolio-slider2 .portfolio-contant h2 {
    font-size: 116px;
  }
}
@media only screen and (min-width: 1299px) and (max-width: 1440px) {
  .portfolio-sliders .portfolio-slider2 .portfolio-contant h2 {
    font-size: 132px;
  }
}
@media (max-width: 1299px) {
  .portfolio-sliders .portfolio-slider2 .portfolio-contant h2 {
    font-size: 128px;
  }
}
@media (max-width: 1199px) {
  .portfolio-sliders .portfolio-slider2 .portfolio-contant h2 {
    font-size: 100px;
  }
}
@media (max-width: 992px) {
  .portfolio-sliders .portfolio-slider2 .portfolio-contant h2 {
    font-size: 88px;
  }
}
@media (max-width: 768px) {
  .portfolio-sliders .portfolio-slider2 .portfolio-contant h2 {
    font-size: 72px;
  }
}
@media (max-width: 492px) {
  .portfolio-sliders .portfolio-slider2 .portfolio-contant h2 {
    font-size: 48px;
  }
}
.portfolio-sliders .portfolio-slider2 .portfolio-contant .skill-pantagone {
  background: url(../media/bg-image/bg-image-5.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 540px;
}
@media (max-width: 768px) {
  .portfolio-sliders .portfolio-slider2 .portfolio-contant .skill-pantagone {
    background-size: contain;
  }
}
.portfolio-sliders .portfolio-slider2 .portfolio-contant .skill-pantagone h5 {
  font-weight: 500;
  font-size: 32px;
  text-align: center;
  margin: 0;
}
@media (max-width: 992px) {
  .portfolio-sliders .portfolio-slider2 .portfolio-contant .skill-pantagone h5 {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .portfolio-sliders .portfolio-slider2 .portfolio-contant .skill-pantagone h5 {
    font-size: 18px;
  }
}
.portfolio-sliders .portfolio-slider2 .portfolio-contant .skill-pantagone h5.space-left {
  padding-left: 70px;
}
@media (max-width: 768px) {
  .portfolio-sliders .portfolio-slider2 .portfolio-contant .skill-pantagone h5.space-left {
    padding-left: 40px;
    padding-top: 110px;
  }
}
@media (max-width: 490px) {
  .portfolio-sliders .portfolio-slider2 .portfolio-contant .skill-pantagone h5.space-left {
    padding-left: 35px;
    padding-top: 128px;
  }
}
@media (max-width: 400px) {
  .portfolio-sliders .portfolio-slider2 .portfolio-contant .skill-pantagone h5.space-left {
    padding-left: 30px;
    padding-top: 150px;
  }
}
@media (max-width: 360px) {
  .portfolio-sliders .portfolio-slider2 .portfolio-contant .skill-pantagone h5.space-left {
    padding-top: 155px;
  }
}
.portfolio-sliders .portfolio-slider2 .portfolio-contant .skill-pantagone .spaca1 {
  padding-top: 130px;
}
@media (max-width: 992px) {
  .portfolio-sliders .portfolio-slider2 .portfolio-contant .skill-pantagone .spaca1 {
    padding-top: 148px;
  }
}
@media (max-width: 992px) and (max-width: 768px) {
  .portfolio-sliders .portfolio-slider2 .portfolio-contant .skill-pantagone .spaca1 {
    padding-top: 80px;
  }
}
@media (max-width: 992px) and (max-width: 492px) {
  .portfolio-sliders .portfolio-slider2 .portfolio-contant .skill-pantagone .spaca1 {
    padding-top: 62px;
  }
}
@media (max-width: 992px) and (max-width: 400px) {
  .portfolio-sliders .portfolio-slider2 .portfolio-contant .skill-pantagone .spaca1 {
    padding-top: 50px;
  }
}
@media (max-width: 992px) and (max-width: 360px) {
  .portfolio-sliders .portfolio-slider2 .portfolio-contant .skill-pantagone .spaca1 {
    padding-top: 45px;
  }
}
.portfolio-sliders .portfolio-slider2 .portfolio-contant .skill-pantagone .spaca1 h5:nth-child(2) {
  padding-right: 40px;
}
@media only screen and (min-width: 1199px) and (max-width: 1499px) {
  .portfolio-sliders .portfolio-slider2 .portfolio-contant .skill-pantagone .spaca1 h5:nth-child(2) {
    padding-right: 14px;
  }
}
@media (max-width: 992px) {
  .portfolio-sliders .portfolio-slider2 .portfolio-contant .skill-pantagone .spaca1 h5:nth-child(2) {
    padding: 0;
  }
}
.portfolio-sliders .portfolio-slider2 .portfolio-contant .skill-pantagone .spaca2 {
  padding-top: 295px;
}
@media (max-width: 768px) {
  .portfolio-sliders .portfolio-slider2 .portfolio-contant .skill-pantagone .spaca2 {
    padding-top: 173px;
  }
}
@media (max-width: 492px) {
  .portfolio-sliders .portfolio-slider2 .portfolio-contant .skill-pantagone .spaca2 {
    padding-top: 154px;
  }
}
@media (max-width: 400px) {
  .portfolio-sliders .portfolio-slider2 .portfolio-contant .skill-pantagone .spaca2 {
    padding-top: 122px;
  }
}
.portfolio-sliders .portfolio-slider2 .portfolio-contant .skill-pantagone .spaca2 h5:nth-child(1) {
  padding-left: 40px;
}
@media (max-width: 492px) {
  .portfolio-sliders .portfolio-slider2 .portfolio-contant .skill-pantagone .spaca2 h5:nth-child(1) {
    padding: 0;
  }
}
.portfolio-sliders .portfolio-slider2.dark {
  background: #171818;
}
.portfolio-sliders .portfolio-slider2.dark .portfolio-contant .skill-pantagone h5 {
  color: #F4F9FB;
}
.portfolio-sliders .portfolio-slider3 {
  position: relative;
  background: #F4F9FB;
  padding: 80px 0;
  position: relative;
}
@media (max-width: 580px) {
  .portfolio-sliders .portfolio-slider3 {
    padding-bottom: 50px;
  }
}
.portfolio-sliders .portfolio-slider3 .portfolio-contant h2 {
  font-weight: 700;
  font-size: 174px;
  color: #DFE5E8;
  transform: rotate(270deg);
  position: absolute;
  left: -15%;
  line-height: 1;
  top: 400px;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .portfolio-sliders .portfolio-slider3 .portfolio-contant h2 {
    display: none;
  }
}
.portfolio-sliders .portfolio-slider3 .portfolio-contant .service-blog img {
  width: 100%;
  height: 440px;
}
@media (max-width: 768px) {
  .portfolio-sliders .portfolio-slider3 .portfolio-contant .service-blog img {
    height: auto;
  }
}
.portfolio-sliders .portfolio-slider3 .portfolio-contant .service-blog .service-content.space-top {
  padding-top: 40px;
}
.portfolio-sliders .portfolio-slider3 .portfolio-contant .service-blog .service-content.space-bottom {
  padding-bottom: 40px;
}
.portfolio-sliders .portfolio-slider3 .portfolio-contant .service-blog .service-content .icon i {
  font-size: 32px;
  color: #171818;
}
.portfolio-sliders .portfolio-slider3 .portfolio-contant .service-blog .service-content h5 {
  font-weight: 600;
  font-size: 23px;
  color: #171818;
  margin: 16px 0;
}
.portfolio-sliders .portfolio-slider3 .portfolio-contant .service-blog .service-content p {
  color: #898E8F;
  margin: 0;
}
@media (max-width: 768px) {
  .portfolio-sliders .portfolio-slider3 .portfolio-contant .service-blog .service-content p br {
    display: none;
  }
}
.portfolio-sliders .portfolio-slider3 .portfolio-contant .client-block {
  padding-top: 80px;
}
.portfolio-sliders .portfolio-slider3 .portfolio-contant .client-block .client-detail h4 {
  color: #898E8F;
  font-weight: 700;
  font-size: 33px;
  margin-bottom: 24px;
}
.portfolio-sliders .portfolio-slider3 .portfolio-contant .client-block .client-detail p {
  color: #898E8F;
  margin: 0;
}
@media (max-width: 1299px) {
  .portfolio-sliders .portfolio-slider3 .portfolio-contant .client-block .client-detail p br {
    display: none;
  }
}
.portfolio-sliders .portfolio-slider3.dark {
  background: #0C0D0D;
}
.portfolio-sliders .portfolio-slider3.dark .portfolio-contant h2 {
  color: #353838;
}
.portfolio-sliders .portfolio-slider3.dark .portfolio-contant .service-blog .service-content .icon i {
  color: #F4F9FB;
}
.portfolio-sliders .portfolio-slider3.dark .portfolio-contant .service-blog .service-content h5 {
  color: #F4F9FB;
}
.portfolio-sliders .portfolio-slider3.dark .portfolio-contant .service-blog .service-content p {
  color: #898E8F;
}
.portfolio-sliders .portfolio-slider4 {
  overflow: hidden;
  position: relative;
  background: #DFE5E8;
  padding: 80px 0;
}
.portfolio-sliders .portfolio-slider4 .portfolio-contant {
  position: relative;
  z-index: 300;
}
.portfolio-sliders .portfolio-slider4 .portfolio-contant h2 {
  font-weight: 900;
  font-size: 57px;
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .portfolio-sliders .portfolio-slider4 .portfolio-contant h2 {
    font-size: 48px;
  }
}
@media (max-width: 768px) {
  .portfolio-sliders .portfolio-slider4 .portfolio-contant h2 {
    font-size: 42px;
  }
}
@media (max-width: 580px) {
  .portfolio-sliders .portfolio-slider4 .portfolio-contant h2 {
    font-size: 38px;
    font-weight: 700;
  }
}
@media (max-width: 490px) {
  .portfolio-sliders .portfolio-slider4 .portfolio-contant h2 {
    font-size: 32px;
    font-weight: 700;
  }
}
.portfolio-sliders .portfolio-slider4 .portfolio-contant h5 {
  margin-bottom: 24px;
  font-weight: 600;
  font-size: 23px;
  color: #000;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.01em;
}
.portfolio-sliders .portfolio-slider4 .portfolio-contant p {
  text-align: center;
  color: #898E8F;
  letter-spacing: 0.05em;
  margin: 0;
}
.portfolio-sliders .portfolio-slider4 .work-slider {
  position: relative;
}
.portfolio-sliders .portfolio-slider4 .work-slider::before {
  content: "";
  width: 105%;
  height: 120px;
  position: absolute;
  background: url(../media/elements/1/ovalshape.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  left: -2%;
  top: -56px;
  z-index: 200;
}
@media (max-width: 992px) {
  .portfolio-sliders .portfolio-slider4 .work-slider::before {
    display: none;
  }
}
.portfolio-sliders .portfolio-slider4 .work-slider::after {
  content: "";
  width: 105%;
  height: 120px;
  position: absolute;
  background: url(../media/elements/1/ovalshape.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  right: -2%;
  bottom: -54px;
  z-index: 200;
}
@media (max-width: 992px) {
  .portfolio-sliders .portfolio-slider4 .work-slider::after {
    display: none;
  }
}
.portfolio-sliders .portfolio-slider4 .work-slider .slick-list {
  position: relative;
}
.portfolio-sliders .portfolio-slider4 .work-slider .slick-list::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 40%;
  height: 99%;
  background: linear-gradient(90deg, #313131 0.64%, rgba(62, 62, 62, 0) 30.09%);
  backdrop-filter: blur(2px);
  z-index: 100;
}
@media (max-width: 992px) {
  .portfolio-sliders .portfolio-slider4 .work-slider .slick-list::before {
    display: none;
  }
}
.portfolio-sliders .portfolio-slider4 .work-slider .slick-list::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 40%;
  height: 99%;
  background: linear-gradient(270deg, #313131 0.64%, rgba(62, 62, 62, 0) 30.1%);
  backdrop-filter: blur(2px);
  z-index: 100;
}
@media (max-width: 992px) {
  .portfolio-sliders .portfolio-slider4 .work-slider .slick-list::after {
    display: none;
  }
}
.portfolio-sliders .portfolio-slider4 .work-slider .work-image {
  text-align: center;
  position: relative;
  padding: 0 10px;
}
.portfolio-sliders .portfolio-slider4 .work-slider .work-image img {
  margin: 0;
  object-fit: cover;
  display: inline-block;
}
.portfolio-sliders .portfolio-slider4 .work-slider .work-image .work-content {
  display: none;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 1399px) {
  .portfolio-sliders .portfolio-slider4 .work-slider .work-image .work-content {
    margin-top: 50px;
  }
}
@media (max-width: 1299px) {
  .portfolio-sliders .portfolio-slider4 .work-slider .work-image .work-content {
    margin-top: 70px;
  }
}
@media (max-width: 992px) {
  .portfolio-sliders .portfolio-slider4 .work-slider .work-image .work-content {
    margin-top: 32px;
  }
}
.portfolio-sliders .portfolio-slider4.dark {
  background: #171818;
}
.portfolio-sliders .portfolio-slider4.dark .portfolio-contant h2 {
  color: #F4F9FB;
}
.portfolio-sliders .portfolio-slider4.dark .portfolio-contant h5 {
  color: #F4F9FB;
}
.portfolio-sliders .portfolio-slider4.dark .portfolio-contant p {
  color: #898E8F;
}
.portfolio-sliders .portfolio-slider4.dark .work-slider {
  position: relative;
}
.portfolio-sliders .portfolio-slider4.dark .work-slider::before {
  content: "";
  background: url(../media/elements/1/ovalshape-2.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.portfolio-sliders .portfolio-slider4.dark .work-slider::after {
  background: url(../media/elements/1/ovalshape-2.png);
  background-size: cover;
  background-repeat: no-repeat;
}

/*-------------------------
    roboat slider Area Styles
-------------------------*/
.roboat-animition {
  position: relative;
}
.roboat-animition .overlay-1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: #F4F9FB;
}
@media (max-width: 1440px) {
  .roboat-animition .overlay-1 {
    height: auto !important;
  }
}
.roboat-animition .overlay-1::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: url(../media/animition-image/triangles.png);
  background-position: no-repeat;
  background-size: cover;
  z-index: 100;
  opacity: 0;
  animation: 3s ease 1s normal forwards 1 fadein;
}
@media (max-width: 1440px) {
  .roboat-animition .overlay-1::before {
    height: auto !important;
  }
}
.roboat-animition .overlay-1::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: url(../media/animition-image/image.png);
  background-position: no-repeat;
  background-size: cover;
  z-index: 99;
  opacity: 0;
  animation: 3s ease 3s normal forwards 1 fadein2;
}
.roboat-animition.dark .overlay-1 {
  background: #000;
}
.roboat-animition.dark .overlay-1::before {
  background: url(../media/animition-image/triangles-dark.png);
  background-position: no-repeat;
  background-size: cover;
  z-index: 100;
  opacity: 0;
  animation: 3s ease 1s normal forwards 1 fadein;
}
.roboat-animition.dark .overlay-1::after {
  background: url(../media/animition-image/image-dark.png);
  background-position: no-repeat;
  background-size: cover;
  z-index: 99;
  opacity: 0;
  animation: 3s ease 3s normal forwards 1 fadein2;
}

.roboat-slider {
  opacity: 0;
  animation: 3s ease 3s normal forwards 1 fadein2;
}
.roboat-slider .roboat {
  height: 100vh !important;
  position: relative;
  border: none;
}
.roboat-slider .roboat.slider-1 {
  background-color: #F4F9FB;
}
.roboat-slider .roboat.slider-1 .line {
  background: #FFC555;
  z-index: 5;
}
.roboat-slider .roboat.slider-1 .line .dots {
  background: #F4F9FB;
  border: 2px solid #FFC555;
}
.roboat-slider .roboat.slider-1 .line.line-1 {
  left: 100px;
}
.roboat-slider .roboat.slider-1 .line.line-1 .dots {
  animation: slide1 20s linear infinite alternate;
}
.roboat-slider .roboat.slider-1 .line.line-2 {
  left: 250px;
}
.roboat-slider .roboat.slider-1 .line.line-2 .dots {
  animation: slide2 25s linear infinite alternate;
}
.roboat-slider .roboat.slider-1 .line.line-3 {
  left: 400px;
}
.roboat-slider .roboat.slider-1 .line.line-3 .dots {
  animation: slide1 30s linear infinite alternate;
}
.roboat-slider .roboat.slider-1 .animate2 .line.line-1 {
  left: unset;
  right: 100px;
}
.roboat-slider .roboat.slider-1 .animate2 .line.line-2 {
  left: unset;
  right: 250px;
}
.roboat-slider .roboat.slider-1 .animate2 .line.line-3 {
  left: unset;
  right: 400px;
}
.roboat-slider .roboat.slider-1 .bg-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: url(../media/bg-image/bg-image-7.png);
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 10;
}
@media (max-width: 992px) {
  .roboat-slider .roboat.slider-1 .bg-image {
    background-position: center center;
  }
}
.roboat-slider .roboat.slider-1.dark {
  background-color: #171818;
}
.roboat-slider .roboat.slider-1.dark .bg-image {
  background: url(../media/bg-image/bg-image-7-dark.png);
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 10;
}
@media (max-width: 992px) {
  .roboat-slider .roboat.slider-1.dark .bg-image {
    background-position: center center;
  }
}
.roboat-slider .roboat.slider-2 {
  background: url(../media/bg-image/bg-image-8.png);
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 992px) {
  .roboat-slider .roboat.slider-2 {
    background-position: center center;
  }
}
.roboat-slider .roboat.slider-3 {
  background: url(../media/bg-image/bg-image-9.png);
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 992px) {
  .roboat-slider .roboat.slider-3 {
    background-position: center center;
  }
}
.roboat-slider .roboat .overlay {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(90.69deg, rgba(244, 249, 251, 0.92) 26.57%, rgba(244, 249, 251, 0) 51.48%);
  z-index: 10;
}
@media (max-width: 992px) {
  .roboat-slider .roboat .overlay {
    width: 130%;
  }
}
@media (max-width: 580px) {
  .roboat-slider .roboat .overlay {
    width: 150%;
  }
}
@media (max-width: 490px) {
  .roboat-slider .roboat .overlay {
    width: 180%;
  }
}
.roboat-slider .roboat .roboat-content {
  position: relative;
  padding: 50px 60px;
  z-index: 100;
  text-align: start;
}
@media (max-width: 1440px) {
  .roboat-slider .roboat .roboat-content {
    padding: 30px 50px;
  }
}
@media (max-width: 1299px) {
  .roboat-slider .roboat .roboat-content {
    padding: 30px 50px;
  }
}
@media (max-width: 992px) {
  .roboat-slider .roboat .roboat-content {
    padding: 21px 30px;
  }
}
@media (max-width: 490px) {
  .roboat-slider .roboat .roboat-content {
    text-align: center;
  }
}
.roboat-slider .roboat .roboat-content .logo-sec {
  padding-bottom: 100px;
  text-align: start;
}
@media (max-width: 1750px) {
  .roboat-slider .roboat .roboat-content .logo-sec {
    padding-bottom: 60px;
  }
}
@media (max-width: 1599px) {
  .roboat-slider .roboat .roboat-content .logo-sec {
    padding-bottom: 50px;
  }
}
@media (max-width: 992px) {
  .roboat-slider .roboat .roboat-content .logo-sec {
    padding-bottom: 24px;
  }
}
.roboat-slider .roboat .roboat-content .title {
  margin-bottom: 32px;
}
@media (max-width: 1299px) {
  .roboat-slider .roboat .roboat-content .title {
    margin-bottom: 22px;
  }
}
@media (max-width: 490px) {
  .roboat-slider .roboat .roboat-content .title {
    text-align: center;
  }
}
.roboat-slider .roboat .roboat-content .title h2 {
  display: inline-block;
  color: #171818;
  font-weight: 700;
  font-size: 150px;
  margin: 0;
  line-height: 1;
}
@media (max-width: 1750px) {
  .roboat-slider .roboat .roboat-content .title h2 {
    font-size: 120px;
  }
}
@media (max-width: 1599px) {
  .roboat-slider .roboat .roboat-content .title h2 {
    font-size: 98px;
  }
}
@media (max-width: 1199px) {
  .roboat-slider .roboat .roboat-content .title h2 {
    font-size: 88px;
  }
}
@media (max-width: 992px) {
  .roboat-slider .roboat .roboat-content .title h2 {
    font-size: 72px;
  }
}
@media (max-width: 768px) {
  .roboat-slider .roboat .roboat-content .title h2 {
    font-size: 58px;
  }
}
@media (max-width: 580px) {
  .roboat-slider .roboat .roboat-content .title h2 {
    font-size: 52px;
  }
}
@media (max-width: 490px) {
  .roboat-slider .roboat .roboat-content .title h2 {
    font-size: 42px;
  }
}
@media (max-width: 380px) {
  .roboat-slider .roboat .roboat-content .title h2 {
    font-size: 38px;
  }
}
.roboat-slider .roboat .roboat-content .title h2 span {
  display: block;
  font-weight: 700;
  font-size: 40px;
  color: #171818;
}
@media (max-width: 1599px) {
  .roboat-slider .roboat .roboat-content .title h2 span {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .roboat-slider .roboat .roboat-content .title h2 span {
    font-size: 32px;
  }
}
@media (max-width: 580px) {
  .roboat-slider .roboat .roboat-content .title h2 span {
    font-size: 28px;
  }
}
@media (max-width: 490px) {
  .roboat-slider .roboat .roboat-content .title h2 span {
    text-align: start;
    font-size: 24px;
  }
}
@media (max-width: 380px) {
  .roboat-slider .roboat .roboat-content .title h2 span {
    font-size: 18px;
  }
}
.roboat-slider .roboat .roboat-content p {
  color: #171818;
  margin-bottom: 48px;
}
@media (max-width: 1750px) {
  .roboat-slider .roboat .roboat-content p {
    margin-bottom: 24px;
  }
}
@media (max-width: 1599px) {
  .roboat-slider .roboat .roboat-content p {
    margin-bottom: 24px;
  }
}
@media (max-width: 1299px) {
  .roboat-slider .roboat .roboat-content p {
    margin-bottom: 20px;
  }
}
@media (max-width: 992px) {
  .roboat-slider .roboat .roboat-content p {
    margin-bottom: 16px;
    width: 100%;
  }
}
@media (max-width: 490px) {
  .roboat-slider .roboat .roboat-content p {
    font-size: 16px;
    text-align: center;
  }
}
@media (max-width: 1440px) {
  .roboat-slider .roboat .roboat-content p br {
    display: none;
  }
}
.roboat-slider .roboat .roboat-content .btn-block {
  text-align: center;
  display: inline-block;
}
.roboat-slider .roboat.light .roboat-content .title h2 {
  color: #F4F9FB;
}
.roboat-slider .roboat.light .roboat-content .title h2 span {
  color: #F4F9FB;
}
.roboat-slider .roboat.light .roboat-content p {
  color: #F4F9FB;
}
.roboat-slider .roboat.dark.slider-1 {
  background-color: #171818;
}
.roboat-slider .roboat.dark .overlay {
  background: linear-gradient(90.69deg, rgba(23, 24, 24, 0.92) 26.57%, rgba(23, 24, 24, 0) 51.48%);
}

/*-------------------------
    Contact Area Styles
-------------------------*/
.contact .sec-title-3 {
  margin-bottom: 72px;
}
.contact .sec-title-3 h2 {
  color: #171818;
  margin-bottom: 8px;
}
.contact .sec-title-3 p {
  font-size: 16px;
  color: #898E8F;
}
.contact .contact-block {
  margin: 0;
  padding-bottom: 100px;
}
@media (max-width: 768px) {
  .contact .contact-block {
    padding-bottom: 50px;
  }
}
.contact .contact-block .form-group {
  margin-bottom: 64px;
}
.contact .contact-block .form-group .form-control {
  border-color: #DFE5E8;
  font-size: 23px;
  padding-bottom: 8px;
}
@media (max-width: 490px) {
  .contact .contact-block .form-group .form-control {
    font-size: 16px;
  }
}
.contact .contact-block .form-group .form-control::placeholder {
  color: #898E8F;
}
.contact .contact-block .form-group.bottom-space {
  margin-bottom: 48px;
}
.contact .contact-block .form-group.bottom-space .check-label {
  margin-bottom: 48px;
}
.contact .contact-block .drax-btn__2.bottom-space {
  margin-top: 48px;
}
.contact .review .review-block .review-content {
  height: 470px;
}
.contact .review .review-block .review-content.visible h4 {
  font-weight: 600;
  font-size: 23px;
  color: #171818;
  margin-bottom: 24px;
}
.contact .review .review-block .review-content.visible p {
  color: #898E8F;
  margin-bottom: 8px;
}
.contact .review .review-block .review-content.visible span {
  font-weight: 700;
  color: #898E8F;
  padding-bottom: 24px;
}
.contact.dark {
  background: #171818;
}
.contact.dark .sec-title-3 h2 {
  color: #F4F9FB;
}
.contact.dark .review {
  background: #171818;
}
.contact.dark .review .review-block .review-content.visible h4 {
  color: #F4F9FB;
}
.contact.dark .contact-block .form-group .form-control {
  color: #F4F9FB;
}
.contact.dark .contact-block .form-group .form-control::placeholder {
  color: #898E8F;
}
.contact.dark .contact-block .drax-btn__2.bottom-space {
  margin-top: 48px;
}

.map {
  padding-bottom: 100px;
}
.map .map-block {
  padding: 160px 0;
  position: relative;
}
.map .map-block .detail-content {
  padding: 35px;
  background: #F4F9FB;
  box-shadow: 15px 23px 28px rgba(0, 0, 0, 0.12), 4px 6px 15px rgba(0, 0, 0, 0.24);
  position: absolute;
  display: block;
  z-index: 100;
}
.map .map-block .detail-content h5 {
  font-weight: 600;
  font-size: 23px;
  color: #171818;
  margin-bottom: 24px;
}
.map .map-block .detail-content p {
  color: #898E8F;
  margin-bottom: 8px;
}
.map .map-block .detail-content span {
  font-weight: 700;
  color: #898E8F;
  margin-bottom: 24px;
}
.map .map-block .detail-content.detail-1 {
  top: 0;
  left: 20%;
}
@media (max-width: 1199px) {
  .map .map-block .detail-content.detail-1 {
    top: 0;
    left: 32%;
  }
}
.map .map-block .detail-content.detail-1::before {
  content: "";
  position: absolute;
  right: -180px;
  bottom: -60px;
  background: url(../media/contact/icon-3.png);
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  width: 180px;
  height: 190px;
}
@media (max-width: 1199px) {
  .map .map-block .detail-content.detail-1::before {
    right: unset;
    LEFT: -90px;
  }
}
.map .map-block .detail-content.detail-2 {
  bottom: 20%;
  left: 20%;
}
@media (max-width: 1199px) {
  .map .map-block .detail-content.detail-2 {
    bottom: -4%;
    left: 0%;
  }
}
.map .map-block .detail-content.detail-2::before {
  content: "";
  position: absolute;
  right: -180px;
  top: -60px;
  background: url(../media/contact/icon-2.png);
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  width: 180px;
  height: 190px;
}
@media (max-width: 1199px) {
  .map .map-block .detail-content.detail-2::before {
    right: -28px;
    top: -117px;
  }
}
.map .map-block .detail-content.detail-3 {
  bottom: 0%;
  right: 0%;
}
.map .map-block .detail-content.detail-3::before {
  content: "";
  position: absolute;
  right: 0px;
  top: -150px;
  background: url(../media/contact/icon-1.png);
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  width: 180px;
  height: 190px;
}
.map.dark {
  background: #171818;
}
.map.dark .map-block .detail-content {
  padding: 35px;
  background: #171818;
}
.map.dark .map-block .detail-content h5 {
  color: #F4F9FB;
}

.map-2 {
  padding: 50px 0;
}
.map-2 .container {
  position: relative;
}
.map-2 .container .sec-title-3 {
  position: absolute;
  top: 60%;
  z-index: 100;
  left: 0;
}
@media (max-width: 1699px) {
  .map-2 .container .sec-title-3 {
    left: 100px;
  }
}
@media (max-width: 1199px) {
  .map-2 .container .sec-title-3 {
    position: relative;
    top: unset;
    left: unset;
    margin-bottom: 20px;
  }
}
.map-2 .container .sec-title-3 h2 {
  color: #171818;
}
.map-2 .map-block {
  padding: 0;
  position: relative;
}
.map-2 .map-block .detail-content {
  position: absolute;
  display: block;
  z-index: 100;
}
.map-2 .map-block .detail-content.detail-1 {
  top: 0;
  left: 20%;
}
@media (max-width: 490px) {
  .map-2 .map-block .detail-content.detail-1 {
    top: -14px;
    left: 12%;
  }
}
.map-2 .map-block .detail-content.detail-2 {
  top: 45%;
  left: 50%;
}
@media (max-width: 768px) {
  .map-2 .map-block .detail-content.detail-2 {
    top: -15%;
    left: 66%;
  }
}
.map-2 .map-block .detail-content.detail-3 {
  top: 7%;
  right: 12%;
}
@media (max-width: 490px) {
  .map-2 .map-block .detail-content.detail-3 {
    top: -8%;
    right: 2%;
  }
}
.map-2.dark {
  background: #171818;
}
.map-2.dark .container .sec-title-3 h2 {
  color: #F4F9FB;
}

/*-------------------------
    inner Section Area Styles
-------------------------*/
.inner-section {
  background: #DFE5E8;
}
.inner-section .title {
  position: relative;
  z-index: 100;
}
.inner-section .title h2 {
  color: #171818;
  font-weight: 600;
  font-size: 99px;
  margin: 0;
  line-height: 1;
  padding-right: 10px;
}
@media (max-width: 1199px) {
  .inner-section .title h2 {
    font-size: 72px;
  }
}
@media (max-width: 992px) {
  .inner-section .title h2 {
    display: block;
    font-size: 58px;
  }
}
@media (max-width: 768px) {
  .inner-section .title h2 {
    font-size: 18px;
  }
}
.inner-section .title p {
  color: #898E8F;
  font-weight: 600;
  font-size: 23px;
  margin-bottom: 0px;
}
.inner-section .title p b {
  color: #171818;
  font-weight: 700;
  font-size: 33px;
  padding-top: 8px;
  letter-spacing: -0.02em;
}
@media (max-width: 992px) {
  .inner-section .title p b br {
    display: none;
  }
}
@media (max-width: 992px) {
  .inner-section .title p b {
    font-size: 18px;
  }
}
@media (max-width: 992px) {
  .inner-section .title p {
    padding: 32px 0 0 0;
  }
}
.inner-section .container {
  position: relative;
}
.inner-section .container .line-animate .line {
  background: #AAB1B4;
}
.inner-section .container .line-animate .line .dots {
  border: 1px solid #AAB1B4;
  background: #DFE5E8;
}
.inner-section.dark {
  background: #000;
}
.inner-section.dark .title h2 {
  color: #F4F9FB;
}
.inner-section.dark .title p {
  color: #F4F9FB;
}
.inner-section.dark .title p b {
  color: #818486;
}
.inner-section.dark .container .line-animate .line {
  background: #171818;
}
.inner-section.dark .container .line-animate .line .dots {
  border: 1px solid #171818;
  background: #000;
}

/*-------------------------
    location Area Styles
-------------------------*/
.location {
  padding-bottom: 88px;
}
.location .title {
  padding-bottom: 80px;
}
.location .title h2 {
  font-weight: 700;
  font-size: 33px;
  margin-bottom: 8px;
  color: #171818;
}
.location .title p {
  margin-bottom: 0;
  color: #898E8F;
}
.location .content-block {
  border-top: 2px solid #AAB1B4;
  position: relative;
}
@media (max-width: 992px) {
  .location .content-block {
    border: none;
    border-left: 2px solid #AAB1B4;
  }
}
.location .content-block::after, .location .content-block::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #898E8F;
  top: -10px;
  left: -10px;
}
@media (max-width: 992px) {
  .location .content-block::after, .location .content-block::before {
    left: -11px;
  }
}
.location .content-block::after {
  left: unset;
  right: -10px;
  background: #AAB1B4;
}
@media (max-width: 992px) {
  .location .content-block::after {
    right: unset;
    left: -11px;
    top: 100%;
  }
}
.location .content-block .content {
  padding-top: 36px;
  position: relative;
}
.location .content-block .content::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #898E8F;
  left: calc(50% - 10px);
  top: -10px;
}
@media (max-width: 992px) {
  .location .content-block .content::before {
    right: unset;
    left: -11px;
    top: calc(50% - 10px);
  }
}
.location .content-block .content.content-1::before {
  background: #CD3B70;
}
.location .content-block .content.content-2::before {
  background: #1AD4CD;
}
.location .content-block .content.content-3::before {
  background: #9046B4;
}
.location .content-block .content h5 {
  font-weight: 600;
  font-size: 23px;
  color: #171818;
  margin-bottom: 24px;
}
.location .content-block .content p {
  color: #898E8F;
  margin-bottom: 8px;
}
.location .content-block .content span {
  font-weight: 700;
  color: #898E8F;
  margin-bottom: 24px;
}
.location.dark {
  background: #171818;
}
.location.dark .title {
  padding-bottom: 80px;
}
.location.dark .title h2 {
  color: #F4F9FB;
}
.location.dark .content-block {
  border-top: 2px solid #AAB1B4;
  position: relative;
}
@media (max-width: 992px) {
  .location.dark .content-block {
    border: none;
    border-left: 2px solid #AAB1B4;
  }
}
.location.dark .content-block::after, .location.dark .content-block::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #898E8F;
  top: -10px;
  left: -10px;
}
@media (max-width: 992px) {
  .location.dark .content-block::after, .location.dark .content-block::before {
    left: -11px;
  }
}
.location.dark .content-block::after {
  left: unset;
  right: -10px;
  background: #AAB1B4;
}
@media (max-width: 992px) {
  .location.dark .content-block::after {
    right: unset;
    left: -11px;
    top: 100%;
  }
}
.location.dark .content-block .content h5 {
  color: #F4F9FB;
}

/*-------------------------
    Team Area Styles
-------------------------*/
.team-2 {
  padding: 100px 0;
}
.team-2.space {
  padding: 100px;
}
@media (max-width: 768px) {
  .team-2.space {
    padding: 100px 50px;
  }
}
.team-2 .space-top {
  margin-top: 173px;
}
@media (max-width: 768px) {
  .team-2 .space-top {
    margin-top: 32px;
  }
}
.team-2 .space-top .space-top {
  margin-top: -220px;
}
@media (max-width: 768px) {
  .team-2 .space-top .space-top {
    margin: 0;
  }
}
.team-2 h4 {
  font-weight: 900;
  font-size: 57px;
  color: #171818;
  margin: 0;
  position: absolute;
  transform: rotate(-90deg);
}
@media (max-width: 992px) {
  .team-2 h4 {
    font-size: 44px;
  }
}
.team-2 p {
  color: #898E8F;
  font-weight: 600;
  font-size: 23px;
  margin: 0;
}
@media (max-width: 992px) {
  .team-2 p {
    padding: 10px 0;
    font-size: 18px;
  }
}
.team-2 .expert-block {
  position: relative;
}
.team-2 .expert-block .expert-content {
  text-align: left;
}
.team-2 .expert-block .expert-content img {
  object-fit: contain;
  margin-bottom: 8px;
  height: 501px;
  padding-left: 110px;
}
@media (max-width: 1199px) {
  .team-2 .expert-block .expert-content img {
    height: 470px;
  }
}
@media (max-width: 992px) {
  .team-2 .expert-block .expert-content img {
    height: 310px;
  }
}
@media (max-width: 767px) {
  .team-2 .expert-block .expert-content img {
    height: auto;
  }
}
@media (max-width: 580px) {
  .team-2 .expert-block .expert-content img {
    padding-left: 100px;
    text-align: end;
  }
}
@media (max-width: 490px) {
  .team-2 .expert-block .expert-content img {
    padding-left: 0px;
    text-align: end;
  }
}
.team-2 .expert-block .expert-content h4 {
  text-align: left;
  top: 214px;
  left: -124px;
  width: 510px;
}
@media (max-width: 1199px) {
  .team-2 .expert-block .expert-content h4 {
    width: 470px;
    top: 196px;
    left: -161px;
  }
}
@media (max-width: 992px) {
  .team-2 .expert-block .expert-content h4 {
    width: 310px;
    top: 120px;
    left: -86px;
  }
}
@media (max-width: 767px) {
  .team-2 .expert-block .expert-content h4 {
    width: 500px;
    top: 226px;
    left: -183px;
  }
}
@media (max-width: 490px) {
  .team-2 .expert-block .expert-content h4 {
    position: relative;
    top: unset;
    left: unset;
    width: auto;
    transform: rotate(0);
  }
}
.team-2 .expert-block .expert-content p {
  padding-left: 50px;
  text-align: left;
}
@media (max-width: 490px) {
  .team-2 .expert-block .expert-content p {
    padding: 0;
  }
}
.team-2 .team-block {
  position: relative;
  text-align: end;
  display: inline-block;
  margin: 0 50px;
}
.team-2 .team-block img {
  margin-left: 70px;
}
@media (max-width: 580px) {
  .team-2 .team-block img {
    width: 219px;
    height: 510px;
    object-fit: cover;
    object-position: top;
  }
}
@media (max-width: 490px) {
  .team-2 .team-block img {
    width: auto;
    height: auto;
    object-fit: cover;
    object-position: top;
  }
}
@media (max-width: 380px) {
  .team-2 .team-block img {
    margin-left: 50px;
  }
}
.team-2 .team-block .team-content h4 {
  top: 214px;
  left: -230px;
  width: 510px;
  text-align: start;
}
.team-2 .team-block .team-content p {
  text-align: start;
}
.team-2.dark {
  background: #171818;
}
.team-2.dark .expert-block .expert-content h4 {
  color: #F4F9FB;
}
.team-2.dark .team-block .team-content h4 {
  color: #F4F9FB;
}

.team-detail {
  background: #F4F9FB;
}
.team-detail .detail-blog {
  position: relative;
}
.team-detail .detail-blog img {
  object-fit: contain;
}
.team-detail .detail-blog .detail-content {
  position: absolute;
  right: 0;
  bottom: 20px;
  display: inline-block;
  background: #F4F9FB;
  padding: 32px;
  box-shadow: 61px 92px 44px rgba(0, 0, 0, 0.03), 34px 52px 37px rgba(0, 0, 0, 0.06), 15px 23px 28px rgba(0, 0, 0, 0.12), 4px 6px 15px rgba(0, 0, 0, 0.24);
}
@media (max-width: 768px) {
  .team-detail .detail-blog .detail-content {
    position: relative;
    right: unset;
    bottom: unset;
    display: block;
  }
}
@media (max-width: 490px) {
  .team-detail .detail-blog .detail-content {
    padding: 16px;
  }
}
.team-detail .detail-blog .detail-content span {
  font-weight: 400;
  font-size: 16px;
  color: #898E8F;
  margin-bottom: 8px;
}
.team-detail .detail-blog .detail-content h2 {
  text-transform: uppercase;
  color: #171818;
  font-weight: 700;
  font-size: 57px;
  margin-bottom: 16px;
}
@media (max-width: 490px) {
  .team-detail .detail-blog .detail-content h2 {
    font-size: 38px;
  }
}
.team-detail .detail-blog .detail-content p {
  color: #AAB1B4;
}
.team-detail .detail-blog .detail-content p b {
  display: block;
  font-weight: 700;
  font-size: 23px;
  margin-bottom: 8px;
  color: #898E8F;
}
@media (max-width: 490px) {
  .team-detail .detail-blog .detail-content p br {
    display: none;
  }
}
@media (max-width: 490px) {
  .team-detail .detail-blog .detail-content p {
    font-size: 14px;
  }
}
.team-detail .detail-blog .detail-content p.space-left {
  padding: 0 0 48px 180px;
}
@media (max-width: 768px) {
  .team-detail .detail-blog .detail-content p.space-left {
    padding: 0 0 48px 50px;
  }
}
@media (max-width: 580px) {
  .team-detail .detail-blog .detail-content p.space-left {
    padding: 0 0 48px 0px;
  }
}
.team-detail .contact__link.st-2 {
  flex-direction: column;
  padding: 0;
}
.team-detail .contact__link.st-2 li {
  padding: 50px 0;
}
@media (max-width: 768px) {
  .team-detail .contact__link {
    flex-wrap: wrap;
    padding: 32px 0;
  }
}
@media (max-width: 768px) {
  .team-detail .contact__link li {
    padding: 0 14px;
  }
}
.team-detail.dark {
  background: #171818;
}
.team-detail.dark .detail-blog .detail-content {
  background: #171818;
}
.team-detail.dark .detail-blog .detail-content span {
  font-weight: 400;
  font-size: 16px;
  color: #898E8F;
  margin-bottom: 8px;
}
.team-detail.dark .detail-blog .detail-content h2 {
  color: #F4F9FB;
}

/*-------------------------
    Detail Area Styles
-------------------------*/
.detail {
  padding-bottom: 50px;
}
.detail img {
  object-fit: cover;
  margin-bottom: 48px;
}
.detail .detail-content {
  margin-bottom: 48px;
  display: inline-block;
}
.detail .detail-content h2 {
  color: #171818;
  font-weight: 700;
  font-size: 33px;
  margin-bottom: 32px;
  text-align: left;
}
@media (max-width: 992px) {
  .detail .detail-content h2 {
    margin-bottom: 24px;
  }
}
@media (max-width: 768px) {
  .detail .detail-content h2 {
    margin-bottom: 16px;
  }
}
.detail .detail-content p {
  color: #898E8F;
  padding-left: 92px;
  margin: 0;
  text-align: left;
  line-height: 1.6;
}
@media (max-width: 1199px) {
  .detail .detail-content p {
    padding-left: 0px;
  }
}
.detail .dark-text {
  padding: 64px 0 88px 0;
  font-weight: 700;
  color: #171818;
  font-size: 33px;
  margin: 0;
  display: inline-block;
  position: relative;
}
@media (max-width: 992px) {
  .detail .dark-text {
    font-size: 21px;
  }
}
@media (max-width: 768px) {
  .detail .dark-text {
    padding: 0 0 50px 0;
  }
}
.detail .dark-text:before {
  position: absolute;
  content: "\f10d";
  font-family: "Font Awesome 5 Pro";
  font-size: 110px;
  font-weight: bold;
  color: #1AD4CD;
  top: 0;
  left: -130px;
}
@media (max-width: 992px) {
  .detail .dark-text:before {
    font-size: 72px;
  }
}
@media (max-width: 768px) {
  .detail .dark-text:before {
    display: none;
  }
}
.detail .dark-text.st-2 {
  font-size: 24px;
}
.detail .dark-text.st-2:before {
  font-size: 64px;
  left: -100px;
}
.detail.dark {
  background: #171818;
}
.detail.dark .dark-text {
  color: #F4F9FB;
}

.title-slider {
  padding: 48px 0;
  background: #171818;
  width: 100%;
  margin: 0 auto;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .title-slider {
    padding: 36px 0;
  }
}
@media (max-width: 490px) {
  .title-slider {
    padding: 22px 0;
  }
}
.title-slider .slide-text {
  font-weight: 900;
  font-size: 57px;
  margin: 0;
  color: #F4F9FB;
  display: inline-block;
  padding-left: 100%;
  text-indent: 0;
  animation: marquee 40s linear infinite;
}
.title-slider .slide-text:hover {
  animation-play-state: paused;
}
@media (max-width: 992px) {
  .title-slider .slide-text {
    font-size: 52px;
  }
}
@media (max-width: 768px) {
  .title-slider .slide-text {
    font-size: 42px;
  }
}
@media (max-width: 490px) {
  .title-slider .slide-text {
    font-size: 32px;
  }
}
.title-slider.dark {
  background: #DFE5E8;
}
.title-slider.dark .slide-text {
  color: #171818;
}

.diaries-detail .title h2 {
  color: #171818;
  font-weight: 400;
  font-size: 99px;
  margin-bottom: 32px;
}
@media (max-width: 992px) {
  .diaries-detail .title h2 {
    font-size: 72px;
  }
}
@media (max-width: 767px) {
  .diaries-detail .title h2 {
    font-size: 52px;
    margin-bottom: 16px;
  }
}
@media (max-width: 490px) {
  .diaries-detail .title h2 {
    font-size: 32px;
    margin-bottom: 0px;
  }
}
.diaries-detail .dairy {
  position: relative;
  z-index: 100;
}
.diaries-detail .dairy a {
  width: 100%;
  margin: 15px 0;
  background: #F4F9FB;
  box-shadow: 15px 23px 28px rgba(0, 0, 0, 0.12), 4px 6px 15px rgba(0, 0, 0, 0.24);
  padding: 28px;
}
@media (max-width: 767px) {
  .diaries-detail .dairy a {
    padding: 20px;
  }
}
@media (max-width: 490px) {
  .diaries-detail .dairy a {
    display: inline-block;
  }
}
.diaries-detail .dairy a span {
  font-weight: 600;
  font-size: 18px;
  color: #1AD4CD;
  margin-bottom: 8px;
}
@media (max-width: 1299px) {
  .diaries-detail .dairy a span {
    font-size: 16px;
  }
}
@media (max-width: 992px) {
  .diaries-detail .dairy a span {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .diaries-detail .dairy a span {
    font-size: 18px;
  }
}
@media (max-width: 580px) {
  .diaries-detail .dairy a span {
    font-size: 16px;
  }
}
@media (max-width: 490px) {
  .diaries-detail .dairy a span {
    font-size: 14px;
  }
}
.diaries-detail .dairy a h4 {
  font-weight: 700;
  font-size: 33px;
  color: #171818;
  margin-bottom: 16px;
}
@media (max-width: 1299px) {
  .diaries-detail .dairy a h4 {
    font-size: 26px;
  }
}
@media (max-width: 992px) {
  .diaries-detail .dairy a h4 {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .diaries-detail .dairy a h4 {
    font-size: 23px;
  }
}
@media (max-width: 580px) {
  .diaries-detail .dairy a h4 {
    font-size: 20px;
  }
}
@media (max-width: 490px) {
  .diaries-detail .dairy a h4 {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
.diaries-detail .dairy a p {
  color: #AAB1B4;
  margin-bottom: 32px;
}
@media (max-width: 992px) {
  .diaries-detail .dairy a p {
    font-size: 14px;
  }
}
@media (max-width: 580px) {
  .diaries-detail .dairy a p {
    font-size: 12px;
  }
}
@media (max-width: 490px) {
  .diaries-detail .dairy a p {
    font-size: 10px;
  }
}
@media (max-width: 992px) {
  .diaries-detail .dairy a p br {
    display: none;
  }
}
.diaries-detail .dairy a img {
  object-fit: cover;
  width: 100%;
}
.diaries-detail .dairy-2 a {
  display: block;
  padding: 48px 24px;
  transition: all 0.3s ease-in-out;
  border-top: 2px solid #AAB1B4;
}
.diaries-detail .dairy-2 a.bottom-border {
  border-bottom: 2px solid #AAB1B4;
}
@media (max-width: 490px) {
  .diaries-detail .dairy-2 a {
    padding: 32px 16px;
  }
}
.diaries-detail .dairy-2 a span {
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 23px;
  color: #1AD4CD;
}
@media (max-width: 490px) {
  .diaries-detail .dairy-2 a span {
    font-size: 16px;
  }
}
.diaries-detail .dairy-2 a h4 {
  font-weight: 900;
  font-size: 57px;
  color: #171818;
  margin: 0 0 32px 0;
  line-height: 1;
}
@media (max-width: 768px) {
  .diaries-detail .dairy-2 a h4 {
    font-weight: 700;
    font-size: 42px;
  }
}
@media (max-width: 490px) {
  .diaries-detail .dairy-2 a h4 {
    font-size: 38px;
    margin: 0 0 24px 0;
  }
}
.diaries-detail .dairy-2 a p {
  color: #898E8F;
  margin: 0;
}
@media (max-width: 490px) {
  .diaries-detail .dairy-2 a p br {
    display: none;
  }
}
.diaries-detail .dairy-2 a img {
  object-fit: contain;
  opacity: 0;
  height: 0;
  transition: all 0.3s ease-in-out;
}
.diaries-detail .dairy-2 a:hover {
  transition: all 0.3s ease-in-out;
}
.diaries-detail .dairy-2 a:hover img {
  height: 100%;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
@media (max-width: 992px) {
  .diaries-detail .dairy-2 a:hover img {
    margin-top: 15px;
  }
}
.diaries-detail .dairy-3 .dairy-block {
  box-shadow: 15px 23px 28px rgba(0, 0, 0, 0.12), 4px 6px 15px rgba(0, 0, 0, 0.24);
  padding: 24px;
  margin-bottom: 32px;
}
.diaries-detail .dairy-3 .dairy-block h4 {
  font-weight: 700;
  font-size: 33px;
  color: #171818;
}
@media (max-width: 768px) {
  .diaries-detail .dairy-3 .dairy-block h4 {
    font-size: 24px;
  }
}
@media (max-width: 580px) {
  .diaries-detail .dairy-3 .dairy-block h4 {
    flex-direction: column;
    align-items: self-start;
  }
}
.diaries-detail .dairy-3 .dairy-block h4 span {
  margin: 0px;
  font-weight: 400;
  font-size: 23px;
  color: #898E8F;
  margin-left: auto;
}
@media (max-width: 992px) {
  .diaries-detail .dairy-3 .dairy-block h4 span {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .diaries-detail .dairy-3 .dairy-block h4 span {
    font-size: 12px;
  }
}
.diaries-detail .dairy-3 .dairy-block p {
  color: #898E8F;
  margin-bottom: 32px;
}
@media (max-width: 490px) {
  .diaries-detail .dairy-3 .dairy-block p {
    font-size: 14px;
  }
}
.diaries-detail .container {
  position: relative;
}
.diaries-detail .container .line-animate .line {
  background: #DFE5E8;
}
.diaries-detail .container .line-animate .line .dots {
  border: 1px solid #DFE5E8;
  background: #F4F9FB;
}
.diaries-detail.dark {
  background: #171818;
}
.diaries-detail.dark .container .line-animate .line {
  background: #000;
}
.diaries-detail.dark .container .line-animate .line .dots {
  border: 1px solid #000;
  background: #171818;
}
.diaries-detail.dark .dairy a {
  background: #171818;
}
.diaries-detail.dark .dairy a h4 {
  color: #F4F9FB;
}
.diaries-detail.dark .dairy-2 a h4 {
  color: #F4F9FB;
}
.diaries-detail.dark .dairy-3 .dairy-block h4 {
  color: #F4F9FB;
}

.side-bar.p-top {
  padding-top: 200px;
}
@media (max-width: 1199px) {
  .side-bar.p-top {
    padding-top: 0px;
    padding-bottom: 50px;
  }
}
.side-bar .sub-title {
  padding: 24px 0;
}
@media (max-width: 1199px) {
  .side-bar .sub-title {
    padding: 12px 0;
  }
}
.side-bar .sub-title h2 {
  color: #AAB1B4;
  font-weight: 700;
  font-size: 57px;
  margin-bottom: 0px;
}
@media (max-width: 1299px) {
  .side-bar .sub-title h2 {
    font-size: 48px;
  }
}
@media (max-width: 1199px) {
  .side-bar .sub-title h2 {
    font-size: 32px;
  }
}
@media (max-width: 490px) {
  .side-bar .sub-title h2 {
    font-size: 32px;
  }
}
.side-bar .detail {
  list-style: none;
  margin: 0px 0 20px 0;
  padding-left: 0;
}
@media (max-width: 1299px) {
  .side-bar .detail {
    padding-bottom: 25px;
  }
}
@media (max-width: 992px) {
  .side-bar .detail {
    padding-bottom: 0;
  }
}
.side-bar .detail li {
  border-top: 2px solid #DFE5E8;
}
.side-bar .detail li a {
  padding: 48px 16px;
}
@media (max-width: 1199px) {
  .side-bar .detail li a {
    padding: 22px 16px;
  }
}
.side-bar .detail li a p {
  font-weight: 700;
  color: #818486;
  margin-bottom: 8px;
}
.side-bar .detail li a h5 {
  margin-bottom: 0px;
  color: #AAB1B4;
  font-weight: 600;
  font-size: 23px;
}
@media (max-width: 1199px) {
  .side-bar .detail li a h5 {
    font-size: 18px;
  }
}
.side-bar .detail li a:hover h5 {
  color: #1AD4CD;
}
.side-bar .detail li:last-child {
  border-bottom: 2px solid #DFE5E8;
}
.side-bar .detail li.category {
  border: none;
}
.side-bar .detail li.category p {
  color: #171818;
  padding: 0 24px 24px 0;
  margin: 0;
}
.side-bar .detail li.tag {
  border: none;
  display: inline-block;
}
.side-bar .detail li.tag p {
  font-weight: 500;
  color: #171818;
  padding: 0 24px 24px 0;
  margin: 0;
}
.side-bar.dark .detail li.category p {
  color: #F4F9FB;
}
.side-bar.dark .detail li.tag p {
  color: #F4F9FB;
}

/*-------------------------
    Sign Up Area Styles
-------------------------*/
.signUP-block {
  margin: 180px 0;
  text-align: start;
  background: linear-gradient(232.15deg, rgba(244, 249, 251, 0.75) -8.95%, rgba(244, 249, 251, 0) 174.45%);
  border: 1px solid #1AD4CD;
  padding: 48px;
  filter: drop-shadow(61px 92px 44px rgba(0, 0, 0, 0.03)) drop-shadow(34px 52px 37px rgba(0, 0, 0, 0.1)) drop-shadow(15px 23px 28px rgba(0, 0, 0, 0.17)) drop-shadow(4px 6px 15px rgba(0, 0, 0, 0.2)) drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.2));
  position: relative;
  overflow: hidden;
}
@media (max-width: 1299px) {
  .signUP-block {
    margin: 140px 0;
  }
}
@media (max-width: 1199px) {
  .signUP-block {
    margin: 100px 0;
  }
}
@media (max-width: 992px) {
  .signUP-block {
    padding: 38px;
  }
}
@media (max-width: 768px) {
  .signUP-block {
    padding: 28px;
  }
}
@media (max-width: 490px) {
  .signUP-block {
    padding: 16px;
  }
}
.signUP-block .title h2 {
  color: #171818;
  font-weight: 900;
  font-size: 57px;
  margin-bottom: 8px;
}
@media (max-width: 1199px) {
  .signUP-block .title h2 {
    font-size: 52px;
  }
}
@media (max-width: 992px) {
  .signUP-block .title h2 {
    font-size: 48px;
  }
}
@media (max-width: 768px) {
  .signUP-block .title h2 {
    font-size: 38px;
  }
}
@media (max-width: 490px) {
  .signUP-block .title h2 {
    font-size: 28px;
  }
}
.signUP-block .title p {
  color: #DFE5E8;
  margin-bottom: 32px;
}
.signUP-block .title p a {
  padding-left: 10px;
  color: #171818;
}
.signUP-block .title p a:hover {
  color: #1AD4CD;
  cursor: pointer;
}
.signUP-block .btn-block {
  padding: 16px 0;
}
@media (max-width: 490px) {
  .signUP-block .btn-block {
    padding: 8px 0;
  }
}
.signUP-block .btn-block button {
  display: inline-block;
  margin: 0 auto;
}
.signUP-block .btn-block button,
.signUP-block .btn-block a {
  display: block;
  background: transparent;
  border: none;
  padding: 16px 0;
  font-weight: 400;
  font-size: 16px;
}
.signUP-block .btn-block button img,
.signUP-block .btn-block a img {
  display: inline-block;
  padding-right: 10px;
}
@media (max-width: 490px) {
  .signUP-block .btn-block button,
  .signUP-block .btn-block a {
    padding: 8px 0;
  }
}
.signUP-block .btn-block button:hover,
.signUP-block .btn-block a:hover {
  color: #1AD4CD;
}
.signUP-block .form-group {
  padding-top: 32px;
}
@media (max-width: 490px) {
  .signUP-block .form-group {
    padding: 16px 0;
  }
}
.signUP-block .form-group .form-control {
  text-align: left;
  padding: 0;
  padding-bottom: 16px;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #000;
  background: transparent;
  font-weight: 500;
  font-size: 16px;
  outline: 0;
  box-sizing: none;
  margin-bottom: 16px;
  color: #F4F9FB;
}
.signUP-block .form-group .form-control::placeholder {
  color: #DFE5E8;
}
.signUP-block .form-group .form-control:focus {
  outline: 0;
  box-shadow: none;
}
.signUP-block .form-group .check-label {
  color: #171818;
}
.signUP-block .form-group .check-label::before {
  border: 2px solid #171818;
}
.signUP-block .signUp-content {
  display: none;
}
.signUP-block.dark {
  background: rgba(1, 1, 1, 0.5);
  backdrop-filter: blur(10px);
}
.signUP-block.dark .title h2 {
  color: #F4F9FB;
}
.signUP-block.dark .title p {
  color: #898E8F;
}
.signUP-block.dark .title p a {
  color: #F4F9FB;
}
.signUP-block.dark .title p a:hover {
  color: #1AD4CD;
}
.signUP-block.dark .btn-block button,
.signUP-block.dark .btn-block a {
  color: #F4F9FB;
}
.signUP-block.dark .btn-block button:hover,
.signUP-block.dark .btn-block a:hover {
  color: #1AD4CD;
}
.signUP-block.dark .form-group .form-control {
  border-bottom: 1px solid #818486;
  color: #F4F9FB;
}
.signUP-block.dark .form-group .form-control::placeholder {
  color: #898E8F;
}
.signUP-block.dark .form-group .check-label {
  color: #898E8F;
}
.signUP-block.dark .form-group .check-label::before {
  border: 2px solid #898E8F;
}

/*-------------------------
    Count Down Area Styles
-------------------------*/
.timer {
  list-style: none;
  padding: 0;
  margin: 0 50px;
  position: relative;
  z-index: 100;
}
@media (max-width: 490px) {
  .timer {
    margin: 0 10px;
  }
}
.timer li {
  position: relative;
  display: inline-block;
  position: absolute;
  text-align: center;
}
.timer li p {
  width: 200px;
  height: 175px;
  text-align: center;
  color: #1AD4CD;
  font-size: 57px;
  font-weight: 700;
  display: inline-flex;
  justify-content: center;
  margin: 0;
  top: 0;
}
@media (max-width: 1299px) {
  .timer li p {
    width: 150px;
    height: 130px;
    font-size: 42px;
  }
}
@media (max-width: 580px) {
  .timer li p {
    width: 120px;
    height: 105px;
    font-size: 28px;
    padding: 15px;
  }
}
@media (max-width: 340px) {
  .timer li p {
    width: 95px;
    height: 83px;
    font-size: 21px;
    padding: 10px;
  }
}
.timer li p.top {
  background: url(../media/elements/1/triangle-top.png);
  background-size: cover;
  background-repeat: no-repeat;
  align-items: start;
}
.timer li p.bottom {
  background: url(../media/elements/1/triangle-bottom.png);
  background-size: cover;
  align-items: end;
  background-repeat: no-repeat;
}
.timer li small {
  display: block;
  font-weight: 600;
  font-size: 23px;
  color: #898E8F;
}
@media (max-width: 1299px) {
  .timer li small {
    font-size: 18px;
  }
}
@media (max-width: 580px) {
  .timer li small {
    font-size: 14px;
  }
}
@media (max-width: 490px) {
  .timer li small {
    font-size: 12px;
  }
}
.timer li.top-2 {
  right: 110px;
}
@media (max-width: 1299px) {
  .timer li.top-2 {
    right: 80px;
  }
}
@media (max-width: 580px) {
  .timer li.top-2 {
    right: 65px;
  }
}
@media (max-width: 330px) {
  .timer li.top-2 {
    right: 52px;
  }
}
.timer li.top-2 small {
  margin-bottom: 8px;
}
@media (max-width: 490px) {
  .timer li.top-2 small {
    margin: 0px;
  }
}
.timer li.top-1 {
  right: 330px;
}
@media (max-width: 1299px) {
  .timer li.top-1 {
    right: 240px;
  }
}
@media (max-width: 580px) {
  .timer li.top-1 {
    right: 195px;
  }
}
@media (max-width: 330px) {
  .timer li.top-1 {
    right: 156px;
  }
}
.timer li.top-1 small {
  margin-bottom: 8px;
}
@media (max-width: 490px) {
  .timer li.top-1 small {
    margin: 0px;
  }
}
.timer li.bottom-2 {
  right: 0;
  top: 44px;
}
@media (max-width: 1299px) {
  .timer li.bottom-2 {
    top: 38px;
  }
}
@media (max-width: 580px) {
  .timer li.bottom-2 {
    top: 30px;
  }
}
@media (max-width: 330px) {
  .timer li.bottom-2 {
    top: 20px;
  }
}
.timer li.bottom-2 small {
  margin-top: 8px;
}
@media (max-width: 490px) {
  .timer li.bottom-2 small {
    margin: 0px;
  }
}
.timer li.bottom-1 {
  top: 44px;
  right: 220px;
}
@media (max-width: 1299px) {
  .timer li.bottom-1 {
    top: 38px;
    right: 160px;
  }
}
@media (max-width: 580px) {
  .timer li.bottom-1 {
    top: 30px;
    right: 130px;
  }
}
@media (max-width: 330px) {
  .timer li.bottom-1 {
    top: 20px;
    right: 104px;
  }
}
.timer li.bottom-1 small {
  margin-top: 8px;
}
@media (max-width: 490px) {
  .timer li.bottom-1 small {
    margin: 0px;
  }
}
.timer.dark li p.top {
  background: url(../media/elements/1/triangle-top-dark.png);
  background-size: cover;
  background-repeat: no-repeat;
  align-items: start;
}
.timer.dark li p.bottom {
  background: url(../media/elements/1/triangle-bottom-dark.png);
  background-size: cover;
  align-items: end;
  background-repeat: no-repeat;
}

/*-------------------------
    404 Area Styles
-------------------------*/
.drax-404 {
  position: relative;
  padding: 50px 0 0 0;
}
.drax-404 .line {
  background: #DFE5E8;
  z-index: 5;
}
.drax-404 .line .dots {
  background: #F4F9FB;
  border: 2px solid #DFE5E8;
}
.drax-404 .line.line-1 {
  left: 100px;
}
.drax-404 .line.line-1 .dots {
  animation: slide1 20s linear infinite alternate;
}
.drax-404 .line.line-2 {
  left: 250px;
}
.drax-404 .line.line-2 .dots {
  animation: slide2 25s linear infinite alternate;
}
.drax-404 .line.line-3 {
  left: 400px;
}
.drax-404 .line.line-3 .dots {
  animation: slide1 30s linear infinite alternate;
}
@media (max-width: 490px) {
  .drax-404 .line.line-3 {
    display: none;
  }
}
.drax-404 .animate2 .line.line-1 {
  left: unset;
  right: 100px;
}
.drax-404 .animate2 .line.line-2 {
  left: unset;
  right: 250px;
}
.drax-404 .animate2 .line.line-3 {
  left: unset;
  right: 400px;
}
@media (max-width: 490px) {
  .drax-404 .animate2 .line.line-3 {
    display: none;
  }
}
.drax-404 .title {
  position: relative;
  z-index: 100;
}
.drax-404 .title h2 {
  font-weight: 700;
  font-size: 33px;
  color: #171818;
  margin-bottom: 24px;
}
.drax-404 .title h2 b {
  color: #1AD4CD;
}
.drax-404 .title p {
  color: #898E8F;
  font-weight: 500;
  font-size: 23px;
}
.drax-404 .title p a {
  color: #1AD4CD;
}
.drax-404 .title p a:hover {
  color: #171818;
}
.drax-404 img {
  object-fit: cover;
  position: relative;
  z-index: 100;
}
.drax-404.dark .title h2 {
  color: #F4F9FB;
}
.drax-404.dark .title p {
  color: #898E8F;
  font-weight: 500;
  font-size: 23px;
}
.drax-404.dark .title p a {
  color: #1AD4CD;
}
.drax-404.dark .title p a:hover {
  color: #F4F9FB;
}

/*-------------------------
    Coming Soon  Area Styles
-------------------------*/
.coming-soon {
  height: 100vh;
  width: 100%;
  padding: 100px 0;
  position: relative;
}
@media (max-width: 992px) {
  .coming-soon {
    padding: 50px 0;
  }
}
.coming-soon .img-block {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 50;
}
@media (max-width: 1199px) {
  .coming-soon .img-block {
    top: 50px;
  }
}
.coming-soon .img-block img {
  object-fit: cover;
}
@media (max-width: 767px) {
  .coming-soon .img-2 {
    padding-top: 50px;
  }
}
@media (max-width: 490px) {
  .coming-soon .img-2 {
    padding-top: 80px;
  }
}

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

.highlight-sto {
    color: white; /* Or any color you want */
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}


.highlight-ideas {
    color: #1AD4CD;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}


.rotate-logo {
    transform: rotate(-90deg); /* Rotate 45 degrees */
}


.hg-ideas {
    margin-right: 0;
    text-align: left;
    padding: 8px 16px;
    color: #171818;
    border-radius: 15px;
    background: #1AD4CD;
    text-transform: uppercase;
}

.frame h2 {
    margin-right: 0;
    text-align: left;
    padding: 8px 16px;
    color: #171818;
    border-radius: 15px;
    background: #1AD4CD;
    text-transform: uppercase;
}


.stage-label span{
    font-size:20px;
}
#progress-number{
    font-size:20px;
}