@font-face {
  font-family: Roboto;
  src: url("../font/roboto/Roboto-Light.ttf");
  font-weight: 300;
}
@font-face {
  font-family: Roboto;
  src: url("../font/roboto/Roboto-Regular.ttf");
  font-weight: 400;
}
@font-face {
  font-family: Roboto;
  src: url("../font/roboto/Roboto-Bold.ttf");
  font-weight: 600;
}
@font-face {
  font-family: Roboto;
  src: url("../font/roboto/Roboto-Black.ttf");
  font-weight: 700;
}
html {
  padding: 0;
  margin: 0;
  scroll-behavior: smooth;
}

body {
  cursor: none;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  background-color: #231f20;
  -ms-overflow-style: none;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body::-webkit-scrollbar {
  display: none;
}

* {
  cursor: none !important;
}

a:hover {
  text-decoration: none;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #fff;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                   supported by Chrome, Edge, Opera and Firefox */
}

.hide {
  display: none;
}

.row {
  margin: 0;
}

.cursor {
  width: 1.7em;
  height: 1.7em;
  position: fixed;
  background: url("../image/full-cursor.svg") no-repeat center;
  background-size: contain;
  transform: translate(-11.5%, -1%);
  pointer-events: none;
  z-index: 9999999;
}
.cursor.dark {
  background: url("../image/full-cursor.svg") no-repeat center;
}
.cursor.white {
  background: url("../image/white-cursor.svg") no-repeat center;
}

.fixed-container {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 0vh;
  z-index: 2;
}

.logo-container {
  position: fixed;
  right: 5%;
  top: 5%;
  z-index: 3;
  opacity: 0;
  transition: 0.5s ease;
  pointer-events: unset;
}
.logo-container.getin {
  opacity: 1;
}
.logo-container div.black {
  display: none;
}
.logo-container div.whiteText {
  display: none;
}
.logo-container.black div.white {
  display: none;
}
.logo-container.black div.black {
  display: block;
}
.logo-container.blackWithWhiteText div.white {
  display: none;
}
.logo-container.blackWithWhiteText div.black {
  display: none;
}
.logo-container.blackWithWhiteText div.whiteText {
  display: block;
}
.logo-container img,
.logo-container .jsgif {
  width: 3.6em;
  height: auto;
}
.logo-container img canvas,
.logo-container .jsgif canvas {
  width: 100%;
}

.scrollDown-container {
  position: fixed;
  bottom: 10%;
  right: 3%;
  z-index: 2;
  transform: rotate(-90deg);
  opacity: 0;
  transition: 0.5s ease;
}
.scrollDown-container.getin {
  opacity: 1;
}
.scrollDown-container.dark svg polygon {
  fill: #231f20;
}
.scrollDown-container.dark-text p {
  color: #231f20;
}
.scrollDown-container.dark-text svg polygon {
  fill: #231f20;
}
.scrollDown-container p {
  color: #fff;
  display: inline-block;
  margin: 0;
}
.scrollDown-container svg {
  width: 0.5em;
  transform: rotate(90deg);
  margin-right: 0.5em;
}
.scrollDown-container svg polygon {
  animation: scrollAnimation 1.5s ease infinite;
}
.scrollDown-container svg polygon#seconde {
  animation-delay: 0.3s;
}
@keyframes scrollAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.social-container {
  position: fixed;
  left: 4%;
  bottom: 5%;
  display: flex;
  flex-direction: column;
  z-index: 2;
  opacity: 0;
  transition: 0.5s ease;
}
.social-container.getin {
  opacity: 1;
}
.social-container.dark a i {
  color: #231f20;
}
.social-container a {
  margin: 0.5em 0;
  transition: 0.3s;
  padding: 0.2em 0.4em;
  line-height: 1;
}
.social-container a:hover {
  background: #ffca05;
  color: #fff;
}
.social-container a i {
  font-size: 1.3rem;
  color: #fff;
  transition: 0.3s ease;
}

.navbar {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-color: #ffca05;
  padding: 1em 0.5em;
  width: 0.8em;
  overflow: hidden;
  z-index: 3;
  opacity: 0;
  transition: 0.5s ease;
}
.navbar.getin {
  opacity: 1;
}
.navbar.active {
  width: 16em;
}
.navbar.dark {
  background-color: #231f20;
}
.navbar.dark .arrow {
  border-left-color: #ffca05;
}
.navbar.dark .list .item {
  background-color: #ffca05;
}
.navbar.dark .list .item.noHover:hover {
  background-color: #ffca05 !important;
}
.navbar .arrow {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 9px solid #231f20;
  transition: 0.4s ease;
}
.navbar .background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.navbar .list {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: wrap;
  margin-left: 15px;
  z-index: 5;
}
.navbar .list .item {
  display: flex;
  align-items: center;
  align-self: stretch;
  justify-content: center;
  flex-wrap: wrap;
  background-color: #231f20;
  color: #fff;
  margin: 4px;
  width: calc(33.2% - 8px);
  line-height: 0.9;
  padding: 0.5em 0em;
  transition: 0.3s ease;
}
.navbar .list .item.text:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
}
.navbar .list .item.text.noHover:hover {
  background-color: #231f20;
  color: #fff;
}
.navbar .list .item.text {
  justify-content: end;
  justify-content: flex-end;
}
.navbar .list .item.text p {
  margin-bottom: 0;
  width: 100%;
  text-align: end;
  font-weight: 700;
}
.navbar .list .item img {
  width: 1.5em;
}

.content {
  position: relative;
  overflow-x: hidden;
}

.loading {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background-color: #231f20;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}
.loading .loading-container {
  position: relative;
}
.loading .loading-container svg {
  width: 6.2em;
  transform: rotate(180deg);
}
.loading .loading-container svg rect {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: loadingAnimation 8s linear infinite;
}
@keyframes loadingAnimation {
  to {
    stroke-dashoffset: 500;
  }
}
.loading .loading-container .percentage {
  position: absolute;
  bottom: -8%;
  right: 5%;
  font-size: 1.1rem;
  color: #ffca05;
  margin-bottom: 0;
  background-color: #231f20;
  padding: 5px 10px;
  padding-right: 0;
  padding-top: 0;
}

.video-section {
  width: 100%;
  height: 100vh;
  background-color: #231f20;
}
.video-section video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
.video-section video.forMobile {
  display: none;
}

.text-middle-section {
  background-color: #231f20;
  position: relative;
}
.text-middle-section img {
  position: absolute;
}
.text-middle-section .yellow-circle {
  top: 5%;
  right: 34%;
  width: 3em;
}
.text-middle-section .dame {
  width: 1.1em;
  top: 71%;
  right: 27%;
}
.text-middle-section .shada {
  width: 1.7em;
  bottom: 10%;
  right: 40%;
}
.text-middle-section .square {
  width: 7em;
  left: 2%;
  bottom: 17%;
}
.text-middle-section .text-container {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  padding: 8em 0;
}
.text-middle-section .text-container div {
  width: 30em;
}
.text-middle-section .text-container div p {
  font-size: 1.4rem;
  margin-bottom: 0;
  font-weight: 400;
}
.text-middle-section .text-container div p.border-text {
  text-transform: uppercase;
  font-size: 2rem;
  font-weight: 700;
}
@supports (-webkit-text-stroke: 1px black) {
  .text-middle-section .text-container div p.border-text {
    -webkit-text-stroke: 2px #fff;
    -webkit-text-fill-color: transparent;
  }
}
.text-middle-section .text-container div p.bold-text {
  font-weight: 700;
}
.text-middle-section .text-container div p.bold-text span {
  font-weight: 700;
  color: #ffca05;
  font-size: 2rem;
}

.dictionary-section {
  background-color: #231f20;
  display: flex;
  align-items: center;
  position: relative;
}
.dictionary-section .dame {
  position: absolute;
  width: 1em;
  top: 67%;
  right: 37%;
}
.dictionary-section .shada {
  position: absolute;
  width: 1.5em;
  top: 59%;
  right: 32%;
}
.dictionary-section .line {
  position: absolute;
  width: 5em;
  top: 62%;
  right: 38%;
}
.dictionary-section .text-container {
  padding: 0 0 10em 0;
}
.dictionary-section .text-container p {
  margin-bottom: 0.3em;
  font-size: 1.1rem;
}
.dictionary-section .text-container .title {
  margin-bottom: 2em;
}
.dictionary-section .text-container .title p {
  color: #ffca05;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 0.9;
}
.dictionary-section .text-container .title p.alphapet {
  font-size: 3.5rem;
}
.dictionary-section .text-container .defination {
  margin-bottom: 1.5em;
}
.dictionary-section .text-container .defination p {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 0.9;
}
.dictionary-section .text-container .list-item {
  margin-bottom: 0.5em;
}
.dictionary-section .text-container .list-item p {
  font-size: 1.2rem;
}
.dictionary-section .text-container .list-item p span {
  font-weight: 700;
}
.dictionary-section .text-container .origin {
  margin-bottom: 1.5em;
}
.dictionary-section .text-container .origin p {
  font-weight: 700;
  font-size: 1.25rem;
}

.discover-section {
  display: flex;
  align-items: center;
  position: relative;
}

.discover-section .dame {
  position: absolute;
  width: 1em;
  bottom: 18%;
  right: 52%;
}
.discover-section .shada {
  position: absolute;
  width: 1.5em;
  bottom: 8%;
  right: 48%;
  z-index: 1;
}
.discover-section .y-circle {
  position: absolute;
  width: 3em;
  top: -10%;
  right: 30%;
}
.discover-section .sm-w-cirlce {
  position: absolute;
  width: 1em;
  bottom: 19%;
  right: 32%;
}
.discover-section .lg-w-cirlce {
  position: absolute;
  width: 3em;
  bottom: 13%;
  right: 20%;
  z-index: 1;
}
.discover-section .w-aim-icon {
  position: absolute;
  width: 2em;
  bottom: 22%;
  right: 35%;
}
.discover-section .arrow-icon {
  position: absolute;
  width: 2em;
  bottom: 25%;
  right: 25%;
}
.discover-section .text-container {
  display: flex;
  flex-wrap: wrap;
  padding: 6em 0 16em 0;
}
.discover-section .text-container .left-side {
  width: 65%;
  padding-right: 1em;
}
.discover-section .text-container .left-side p {
  text-align: justify;
  font-size: 1.1rem;
}
.discover-section .text-container .left-side p.bold {
  font-weight: 700;
  font-size: 1rem;
}
.discover-section .text-container .left-side .my-divider {
  margin: 2em 0;
  width: 100%;
  height: 2px;
  background-color: #ffca05;
}
.discover-section .text-container .right-side {
  width: 35%;
  background-image: url("../image/circle-lines-blue.svg");
  background-repeat: no-repeat;
  background-size: 54%;
  background-position: 37% 0;
  padding: 1em 4em;
}
.discover-section .text-container .right-side p {
  font-size: 5em;
  font-weight: 700;
  color: #ffca05;
  line-height: 0.9;
  margin-bottom: 0;
  text-align: end;
}
.discover-section .text-container .right-side p.slogan {
  font-size: 2.72rem;
  font-weight: normal;
}

.yellow-black-section {
  position: relative;
  background-color: #231f20;
}
.yellow-black-section::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 57%;
  top: 0;
  left: 0;
  background-color: #ffca05;
}
.yellow-black-section .circle-black-lines {
  position: absolute;
  bottom: 43%;
  right: 15%;
  width: 20%;
  z-index: 1;
}
.yellow-black-section .text-container {
  z-index: 1;
  width: 60%;
  padding-top: 3em;
  padding-bottom: 8em;
}
.yellow-black-section .text-container p {
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 7em;
  z-index: 1;
  position: relative;
  text-align: justify;
}
.yellow-black-section .text-container p.seconde {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 0;
  z-index: 1;
  text-align: start;
}
.yellow-black-section .text-container p.seconde span {
  color: #ffca05;
}

.explore-section {
  background-color: #ffca05;
  position: relative;
  display: none;
}
.explore-section .tow-black-lines {
  width: 5em;
  position: absolute;
  bottom: 16%;
  right: 30%;
}
.explore-section p {
  color: #231f20;
}
.explore-section .row {
  padding: 7em 0 9em 0;
}
.explore-section .left-side {
  width: 75%;
  position: relative;
}
.explore-section .left-side .cursor-and-plus-sign {
  position: absolute;
  width: 2em;
  bottom: -11%;
  right: 9%;
}
.explore-section .left-side .first-text {
  font-size: 1.2rem;
  margin-bottom: 5em;
}
.explore-section .left-side .first-text span {
  text-transform: uppercase;
  font-weight: 700;
}
.explore-section .left-side .second-text {
  font-size: 1.2rem;
  font-weight: 700;
}
.explore-section .left-side .second-text span {
  font-size: 1.3rem;
  font-weight: 700;
}
.explore-section .left-side .highlighted {
  margin-bottom: 0.2em;
}
.explore-section .left-side .highlighted p {
  display: inline-block;
  background-color: #231f20;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 600;
  padding: 0 0.5em;
  margin-bottom: 0;
}
.explore-section .left-side .highlighted p span {
  color: #ffca05;
}
.explore-section .right-side {
  width: 25%;
  position: relative;
  display: flex;
  align-items: center;
}
.explore-section .right-side .bg-square {
  position: absolute;
  width: 4em;
  top: 24%;
  right: 30%;
}
.explore-section .right-side p {
  font-size: 4rem;
  margin-bottom: 0;
  line-height: 1;
  text-align: end;
  font-weight: 700;
  z-index: 1;
  position: relative;
}
.explore-section .right-side p.slogan {
  font-size: 2rem;
  font-weight: normal;
}

.services-section {
  position: relative;
  background-color: #ffca05;
  padding: 5em 0 3em 0;
}
.services-section .lines {
  position: absolute;
  top: 0;
  left: 18%;
  width: 2em;
}
.services-section .left-side {
  width: 65%;
}
.services-section .left-side .first-text {
  color: #231f20;
  font-size: 1.5rem;
  margin-bottom: 3em;
}
.services-section .left-side .first-text span {
  font-weight: 600;
  text-transform: uppercase;
}
.services-section .left-side .seconde-text {
  padding: 0.7em 1.3em;
  color: #951b81;
  font-size: 1.5rem;
  text-align: justify;
  background-image: url("../image/border-left.svg"), url("../image/border-right.svg");
  background-repeat: no-repeat, no-repeat;
  background-size: 2em;
  background-position: bottom right, top left;
}
.services-section .right-side {
  width: 35%;
  display: flex;
  align-items: center;
  justify-content: end;
  justify-content: flex-end;
  position: relative;
}
.services-section .right-side .title-squares {
  width: 9em;
  position: absolute;
  top: 64%;
  left: 45%;
}
.services-section .right-side p {
  font-size: 6rem;
  line-height: 1;
  text-align: end;
  margin-bottom: 0;
  font-weight: 700;
  color: #231f20;
  position: relative;
  z-index: 1;
}
.services-section .right-side p.slogan {
  font-size: 3rem;
  font-weight: normal;
}

.serv-logo-section {
  position: relative;
  background-color: #231f20;
}
.serv-logo-section .two-circles {
  position: absolute;
  width: 8em;
  top: 100%;
  right: 30%;
  z-index: 1;
  transform: translateY(50%);
}
.serv-logo-section .container {
  padding-top: 5em;
  padding-bottom: 2em;
  z-index: 1;
}
.serv-logo-section .container .row {
  padding-bottom: 4em;
}
.serv-logo-section .container .row .item {
  width: 33.3%;
  border-right: dashed 2px #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.serv-logo-section .container .row .item:last-child {
  border: none;
}
.serv-logo-section .container .row .item:hover {
  z-index: 2;
}
.serv-logo-section .container .row .item:hover svg path {
  fill: #ffca05;
}
.serv-logo-section .container .row .item:hover .custom-popup {
  opacity: 1;
  pointer-events: unset;
}
.serv-logo-section .container .row .item.active {
  z-index: 2;
}
.serv-logo-section .container .row .item.active .custom-popup {
  opacity: 1;
  pointer-events: unset;
}
.serv-logo-section .container .row .item.active svg path {
  fill: #ffca05;
}
.serv-logo-section .container .row .item .custom-popup {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  width: 80%;
  top: 100%;
  left: 10%;
  padding: 5px 10px;
  background-color: #434345;
  border: 1px solid #fff;
  transition: 0.5s ease;
  z-index: 2;
}
.serv-logo-section .container .row .item .custom-popup p {
  font-size: 0.8rem;
  color: #fff;
  margin-bottom: 0;
  text-align: center;
  text-align-last: center;
}
.serv-logo-section .container .row .item svg {
  width: 70%;
}
.serv-logo-section .container .row .item svg path {
  fill: #fff;
  transition: 0.3s;
}
.serv-logo-section .container .row.three-items svg {
  width: 50%;
}
.serv-logo-section .container .row.four-items .item {
  width: 25%;
}
.serv-logo-section .container .row.four-items .item svg {
  width: 60%;
}

.our-team-section {
  position: relative;
  background-color: #231f20;
  padding-top: 5em;
  padding-bottom: 7em;
}
.our-team-section .end-section-icons {
  position: absolute;
  bottom: 2%;
  right: 14%;
  width: 8em;
}
.our-team-section .team-section-dame {
  position: absolute;
  bottom: 8%;
  right: 24%;
  width: 1em;
}
.our-team-section .left-side {
  width: 75%;
  position: relative;
}
.our-team-section .left-side .magic-wand {
  position: absolute;
  width: 3.5em;
  top: 31%;
  right: 30%;
}
.our-team-section .left-side .dama {
  position: absolute;
  width: 1em;
  bottom: 20%;
  right: 10%;
}
.our-team-section .left-side .text-container {
  width: 60%;
}
.our-team-section .left-side .text-container p {
  margin-bottom: 0;
  font-size: 1.2rem;
  color: #ffca05;
  text-align: justify;
  hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  font-weight: 300;
  line-height: 1;
}
.our-team-section .left-side .text-container p.above-image {
  font-weight: 600;
}
.our-team-section .left-side .text-container p span {
  font-size: 1.3rem;
  font-weight: 600;
}
.our-team-section .left-side .text-container p.white {
  margin-top: 1.5em;
  color: #fff;
  font-size: 2.2rem;
  font-weight: normal;
  line-height: inherit;
}
.our-team-section .left-side .text-container img {
  margin: 0.5em 0;
}
.our-team-section .right-side {
  width: 25%;
  display: flex;
  align-items: flex-end;
  justify-content: end;
  justify-content: flex-end;
}
.our-team-section .right-side .title-squares {
  width: 5em;
  position: absolute;
  right: 73%;
  bottom: 60%;
}
.our-team-section .right-side .red-dama {
  position: absolute;
  width: 0.7em;
  top: -10%;
  left: 0;
}
.our-team-section .right-side .white-arrow {
  position: absolute;
  width: 1em;
  top: -20%;
  left: -10%;
}
.our-team-section .right-side .title-container {
  padding-bottom: 2em;
  position: relative;
  transform: translateY(20%);
}
.our-team-section .right-side p {
  margin-bottom: 0;
  font-size: 4rem;
  color: #ffca05;
  line-height: 1;
  font-weight: 700;
  text-align: end;
  position: relative;
  z-index: 1;
}
.our-team-section .right-side p.slogan {
  font-size: 2rem;
  font-weight: 400;
}
.our-team-section .team-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 3em;
}
.our-team-section .team-container .row {
  position: relative;
  width: 100%;
}
.our-team-section .team-container .row:hover .overlay {
  width: 60%;
  opacity: 1;
  padding: 0em 2em;
}
.our-team-section .team-container .row:hover .right-yellow-arrow {
  opacity: 1;
}
.our-team-section .team-container .row.inverse .overlay {
  left: auto;
  right: 40%;
}
.our-team-section .team-container .row.inverse .right-yellow-arrow {
  left: auto;
  right: 40%;
  transform: rotate(180deg);
}
.our-team-section .team-container .row .right-yellow-arrow {
  position: absolute;
  width: 1em;
  left: 20%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  opacity: 0;
  transition: 0.3s ease;
}
.our-team-section .team-container .row .overlay {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 0;
  top: 0;
  left: 20%;
  background-color: #fff;
  padding: 0;
  transition: 0.6s ease;
  overflow: hidden;
  z-index: 1;
}
.our-team-section .team-container .row .overlay .EM-name {
  color: #000;
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 0;
  line-height: 1;
}
.our-team-section .team-container .row .overlay .EM-position {
  color: #ffca05;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
}
.our-team-section .team-container .row .overlay p {
  color: #231f20;
  font-weight: lighter;
}
.our-team-section .team-container .row .overlay p:last-child {
  margin-bottom: 0;
}
.our-team-section .team-container .item {
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.our-team-section .team-container .item.hasOverlay {
  position: relative;
}
.our-team-section .team-container .item.hasOverlay::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255, 202, 5, 0.2);
}
.our-team-section .team-container .item.white {
  background-color: #fff;
}
.our-team-section .team-container .item.black {
  background-color: #000;
}
.our-team-section .team-container .item.yellow {
  background-color: #ffca05;
}
.our-team-section .team-container .item.yellow .icons {
  width: 70%;
}
.our-team-section .team-container .item.word img {
  width: 60%;
}
.our-team-section .team-container .item.data:hover .data {
  opacity: 1;
}
.our-team-section .team-container .item.text p {
  margin-bottom: 0;
  font-weight: 700;
  text-align: center;
  color: #231f20;
  font-size: 1.6rem;
}
.our-team-section .team-container .item.last-card {
  position: relative;
}
.our-team-section .team-container .item.last-card .half-red-circle {
  position: absolute;
  width: 1em;
  left: 0;
  top: 50%;
}
.our-team-section .team-container .item.last-card .squares {
  position: absolute;
  width: 4em;
  top: 20%;
  left: 10%;
}
.our-team-section .team-container .item.last-card p {
  font-size: 4rem;
  font-weight: 700;
  position: absolute;
  bottom: 5%;
  right: 10%;
  margin-bottom: 0;
  line-height: 1;
}
.our-team-section .team-container .item.last-card .dame {
  position: absolute;
  width: 1em;
  top: 5%;
  left: 50%;
}
.our-team-section .team-container .item .data {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: 0.3s ease;
  background-color: rgba(255, 202, 5, 0.7);
}
.our-team-section .team-container .item .data .square {
  width: 1em;
  height: 1em;
  background-color: #000;
  margin: auto;
}
.our-team-section .team-container .item .data .name {
  font-size: 1.4rem;
  text-align: center;
  font-weight: 700;
  margin-bottom: 0;
}
.our-team-section .team-container .item .data .position {
  font-size: 1.4rem;
  text-align: center;
  margin-bottom: 0;
}
.our-team-section .team-container .item .main-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  filter: grayscale(100%);
}
.our-team-section .team-container .item img {
  width: 4em;
}
.our-team-section .last-elements p {
  color: #fff;
  font-size: 1.2rem;
  margin-bottom: 0;
}
.our-team-section .last-elements p.bold {
  font-weight: 700;
}
.our-team-section .last-elements p.yellow {
  color: #ffca05;
  font-weight: 700;
}

.our-clients-section {
  position: relative;
  background-color: #fff;
  padding: 10em 0 2em 0;
}
.our-clients-section .yellow-circle {
  position: absolute;
  width: 3em;
  top: 10%;
  left: 40%;
}
.our-clients-section .red-dame {
  position: absolute;
  width: 1em;
  top: 15%;
  right: 38%;
}
.our-clients-section .red-sqaure {
  position: absolute;
  width: 2em;
  top: 61%;
  right: 31%;
}
.our-clients-section .yellow-fatha {
  position: absolute;
  width: 1em;
  top: 66%;
  right: 33.5%;
}
.our-clients-section .left-side {
  width: 70%;
}
.our-clients-section .left-side p {
  font-weight: lighter;
  font-size: 1.4rem;
  color: #231f20;
}
.our-clients-section .left-side p.bold-yellow {
  font-size: 1.5rem;
  font-weight: 700;
  color: #ffca05;
  margin-bottom: 3em;
}
.our-clients-section .left-side p span {
  font-weight: 700;
}
.our-clients-section .left-side p span.yellow {
  color: #ffca05;
}
.our-clients-section .right-side {
  width: 30%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: end;
  justify-content: flex-end;
}
.our-clients-section .right-side p {
  color: #231f20;
  font-size: 5rem;
  font-weight: 700;
  line-height: 1;
  text-align: end;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
}
.our-clients-section .right-side p.slogan {
  font-weight: normal;
  font-size: 3rem;
}
.our-clients-section .right-side .relative {
  position: relative;
}
.our-clients-section .right-side .title-bg {
  position: absolute;
  width: 6em;
  bottom: 56%;
  right: 73%;
}
.our-clients-section .right-side .right-arrow {
  position: absolute;
  width: 1em;
  top: 100%;
  right: 100%;
  transform: rotate(-90deg);
}
.our-clients-section .slider-container {
  width: 100%;
  margin-top: 3em;
}
.our-clients-section .slider-container img {
  filter: grayscale(100%);
  transition: 0.3s ease;
  width: 90%;
  height: auto;
  margin: 0 auto;
}
.our-clients-section .slider-container img:hover {
  filter: grayscale(0);
}
.our-clients-section .slider-container .slick-prev::before {
  content: "";
  background: url("../image/right-arrow-yellow.svg") no-repeat;
  background-size: auto;
  background-size: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  transform: translate(-50%, -50%) rotate(180deg);
}
.our-clients-section .slider-container .slick-next::before {
  content: "";
  background: url("../image/right-arrow-yellow.svg") no-repeat;
  background-size: auto;
  background-size: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  transform: translate(-50%, -50%) rotate(0);
}

.our-work-section {
  background-color: #fff;
  position: relative;
  padding-top: 8em;
}
.our-work-section .work-half-circle {
  position: absolute;
  width: 13em;
  top: 0;
  left: 55%;
}
.our-work-section .work-recantengle-yellow {
  position: absolute;
  width: 3em;
  top: 2%;
  left: 45%;
}
.our-work-section .red-dama {
  position: absolute;
  width: 1.5em;
  top: 2%;
  left: 40%;
}
.our-work-section .left-side {
  width: 50%;
  display: flex;
}
.our-work-section .left-side:hover .text-container {
  background-color: #231f20;
}
.our-work-section .left-side:hover .text-container p {
  color: #fff;
}
.our-work-section .left-side:hover .image-container::after {
  opacity: 1;
}
.our-work-section .left-side .image-container {
  width: 85%;
  height: 100%;
  position: relative;
}
.our-work-section .left-side .image-container::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 202, 5, 0.5);
  opacity: 0;
  transition: 0.3s ease !important;
}
.our-work-section .left-side .image-container img {
  width: 100%;
  filter: grayscale(100%);
  height: 100%;
}
.our-work-section .left-side .text-container {
  width: 15%;
  background-color: #ffca05;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease;
  transition-property: all !important;
}
.our-work-section .left-side .text-container p {
  transform: rotate(-90deg);
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 0;
  color: #231f20;
}
.our-work-section .right-side {
  width: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.our-work-section .right-side .relative {
  position: relative;
}
.our-work-section .right-side .tow-black-lines {
  position: absolute;
  width: 6em;
  top: -10%;
  left: -10%;
}
.our-work-section .right-side .work-blue-rectangle {
  left: 100%;
  bottom: 135%;
  position: absolute;
  width: 0.5em;
}
.our-work-section .right-side p {
  font-size: 5rem;
  font-weight: 700;
  color: #231f20;
  text-align: end;
  margin-bottom: 0;
  line-height: 1;
}
.our-work-section .right-side p.slogan {
  font-size: 3.5rem;
}
.our-work-section .seconde-work {
  position: relative;
  width: 100%;
}
.our-work-section .seconde-work .relative {
  position: relative;
  margin-top: 10em;
}
.our-work-section .seconde-work .relative:hover .image-container::after {
  opacity: 1;
}
.our-work-section .seconde-work .relative:hover .text-container {
  background-color: #231f20;
}
.our-work-section .seconde-work .relative:hover .text-container p {
  color: #fff;
}
.our-work-section .seconde-work .relative:hover .text-container img {
  display: none;
}
.our-work-section .seconde-work .relative:hover .text-container img.forHover {
  display: block;
}
.our-work-section .seconde-work .relative .text-container {
  padding: 1.8em 4em;
  background-color: #ffca05;
  transition: 0.3s ease !important;
  display: flex;
  justify-content: end;
  justify-content: flex-end;
}
.our-work-section .seconde-work .relative .text-container p {
  color: #231f20;
  font-weight: 700;
  font-size: 2rem;
  text-align: end;
  margin-bottom: 0;
  transition: 0.3s ease !important;
}
.our-work-section .seconde-work .relative .text-container img {
  width: 20em;
  max-width: 36%;
}
.our-work-section .seconde-work .relative .text-container img.forHover {
  display: none;
}
.our-work-section .seconde-work .relative .image-container {
  position: relative;
  width: 75%;
  margin-left: auto;
}
.our-work-section .seconde-work .relative .image-container::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255, 202, 5, 0.5);
  opacity: 0;
  transition: 0.3s ease !important;
}
.our-work-section .seconde-work .relative .image-container img {
  width: 100%;
  display: block;
  filter: grayscale(100%);
}
.our-work-section .seconde-work .absolute {
  position: absolute;
  height: 97%;
  width: 60%;
  bottom: 0;
  left: 0;
}
.our-work-section .seconde-work .absolute .first-work {
  padding: 1.8em;
  background-color: #ffca05;
  display: flex;
  width: 100%;
  height: 50%;
  transition: 0.3s ease all !important;
}
.our-work-section .seconde-work .absolute .first-work:hover {
  background-color: #231f20;
}
.our-work-section .seconde-work .absolute .first-work:hover .image-container::after {
  opacity: 1;
}
.our-work-section .seconde-work .absolute .first-work:hover p {
  color: #fff;
}
.our-work-section .seconde-work .absolute .first-work .text-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 6em;
}
.our-work-section .seconde-work .absolute .first-work p {
  position: absolute;
  margin-bottom: 0;
  transform: rotate(-90deg);
  font-weight: 700;
  font-size: 2rem;
  color: #231f20;
  white-space: nowrap;
  transition: 0.3s ease all !important;
}
.our-work-section .seconde-work .absolute .first-work .image-container {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.our-work-section .seconde-work .absolute .first-work .image-container::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255, 202, 5, 0.5);
  opacity: 0;
  transition: 0.3s ease !important;
}
.our-work-section .seconde-work .absolute .first-work img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  position: relative;
  filter: grayscale(100%);
}
.our-work-section .seconde-work .absolute .second-work {
  width: 70%;
  height: 50%;
  background-color: #ffca05;
  padding: 3.5em 3em 0 3em;
  overflow: hidden;
  transition: 0.3s ease all !important;
}
.our-work-section .seconde-work .absolute .second-work:hover {
  background-color: #231f20;
}
.our-work-section .seconde-work .absolute .second-work:hover .image-container::after {
  opacity: 1;
}
.our-work-section .seconde-work .absolute .second-work:hover p {
  color: #fff;
}
.our-work-section .seconde-work .absolute .second-work p {
  margin-bottom: 0;
  line-height: 1;
  font-weight: 700;
  font-size: 2.5rem;
  text-align: center;
  color: #231f20;
  transition: 0.3s ease all !important;
}
.our-work-section .seconde-work .absolute .second-work .image-container {
  position: relative;
}
.our-work-section .seconde-work .absolute .second-work .image-container::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255, 202, 5, 0.5);
  opacity: 0;
  transition: 0.3s ease !important;
}
.our-work-section .seconde-work .absolute .second-work .image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  filter: grayscale(100%);
}
.our-work-section .download-container {
  display: flex;
  align-items: center;
  justify-content: end;
  justify-content: flex-end;
  padding: 2.4em 15%;
  width: 100%;
}
.our-work-section .download-container img,
.our-work-section .download-container .jsgif {
  width: 4em;
}
.our-work-section .download-container img canvas,
.our-work-section .download-container .jsgif canvas {
  width: 100%;
}

.contactUs-section {
  position: relative;
  background-color: #ffca05;
  padding-top: 10em;
  padding-bottom: 8em;
}
.contactUs-section .row {
  padding-bottom: 8em;
}
.contactUs-section p {
  margin-bottom: 0;
  color: #231f20;
}
.contactUs-section .left-side {
  position: relative;
  width: 50%;
}
.contactUs-section .left-side .title-container {
  margin-bottom: 3em;
}
.contactUs-section .left-side .title-container p {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.2;
}
.contactUs-section .left-side .title-container p.white {
  color: #fff;
}
.contactUs-section .left-side .link-container {
  margin-bottom: 1em;
}
.contactUs-section .left-side .link-container a {
  display: block;
  color: #231f20;
  font-size: 1.3rem;
  line-height: 1.2;
}
.contactUs-section .left-side .position-container p {
  font-weight: 700;
}
.contactUs-section .right-side {
  position: relative;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: end;
  justify-content: flex-end;
}
.contactUs-section .right-side .relative {
  position: relative;
}
.contactUs-section .right-side .relative .purple-vertical-line {
  width: 1em;
  position: absolute;
  top: -10%;
  left: -20%;
}
.contactUs-section .right-side .relative .red-dama {
  width: 1em;
  position: absolute;
  top: -25%;
  left: 30%;
}
.contactUs-section .right-side .relative .up-arrow-yellow {
  width: 2em;
  position: absolute;
  top: 100%;
  right: 150%;
}
.contactUs-section .right-side p {
  text-align: end;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
}
.contactUs-section .right-side p.slogan {
  font-size: 2.5rem;
  font-weight: unset;
}
.contactUs-section .second-row {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 1em;
}
.contactUs-section .second-row .second-left-side {
  width: 50%;
}
.contactUs-section .second-row .second-left-side .link-ciontainer {
  position: relative;
  display: inline-block;
}
.contactUs-section .second-row .second-left-side .link-ciontainer::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1.2em;
  height: 100%;
  background-color: #231f20;
  transition: 0.3s ease;
  z-index: 0;
}
.contactUs-section .second-row .second-left-side .link-ciontainer:hover::after {
  width: 100%;
}
.contactUs-section .second-row .second-left-side .link-ciontainer .back-to-home {
  color: #231f20;
  position: relative;
  padding-left: 2em;
  padding-right: 2em;
  z-index: 1;
  transition: 0.3s ease;
  transition-delay: 0.1s;
  display: inline-block;
}
.contactUs-section .second-row .second-left-side .link-ciontainer .back-to-home:hover {
  color: #fff;
}
.contactUs-section .second-row .second-right-side {
  width: 50%;
}
.contactUs-section .second-row .second-right-side .hand-container {
  display: flex;
}
.contactUs-section .second-row .second-right-side .hand-container p {
  font-size: 1.1rem;
  font-weight: 600;
}
.contactUs-section .second-row .second-right-side .hand-container p span {
  font-weight: 700;
}
.contactUs-section .second-row .second-right-side .hand-container p.black-bg {
  display: inline-block;
  background-image: url("../image/blackBg-contactUs.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right bottom;
  color: #fff;
  padding: 0 0.5em;
  font-weight: 600;
}
.contactUs-section .second-row .second-right-side .hand-container .black-hand {
  width: 3em;
  margin: 0 0.3em;
}

.work-popup {
  position: fixed;
  height: 100vh;
  width: 100vw;
  left: 0;
  top: 0;
  overflow: auto;
  background-color: rgba(35, 31, 32, 0.5);
  display: none;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  color: #231f20;
  z-index: 4;
}
.work-popup .logo-container {
  opacity: 1;
}
.work-popup .jsgif {
  width: 4em;
}
.work-popup .jsgif canvas {
  width: 4em;
}
.work-popup .container .row {
  display: none;
}
.work-popup .container .row:nth-child(1) {
  display: flex;
}
.work-popup .left-side {
  width: 75%;
}
.work-popup .left-side .top-links-container {
  display: flex;
}
.work-popup .left-side .top-links-container p {
  display: inline-block;
  flex: 1;
  text-align: center;
  font-weight: 700;
  color: #231f20;
  cursor: pointer;
  position: relative;
  transition: 0.3s ease;
}
.work-popup .left-side .top-links-container p::after {
  content: "";
  width: 1em;
  height: 1em;
  background-color: #231f20;
  margin: 0 auto;
  display: none;
}
.work-popup .left-side .top-links-container p.active {
  color: #ffca05;
}
.work-popup .left-side .top-links-container p.active::after {
  display: block;
}
.work-popup .left-side .carousel-inner iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
.work-popup .left-side .carousel-indicators {
  bottom: auto;
  top: 102%;
}
.work-popup .left-side .carousel-indicators .active {
  background-color: #ffca05;
}
.work-popup .left-side .carousel-indicators li {
  width: 15px;
  height: 15px;
  background-color: #231f20;
  transition: 0.3s;
}
.work-popup .left-side .carousel-indicators p {
  margin-bottom: 0;
  padding-left: 0.5em;
  color: #231f20;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
}
.work-popup .left-side .carousel-control-next,
.work-popup .left-side .carousel-control-prev {
  width: 8%;
}
.work-popup .right-side {
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: end;
  justify-content: flex-end;
  position: relative;
}
.work-popup .right-side.identity .my-mt-5 {
  margin-top: 2.3em;
  margin-top: 0;
}
.work-popup .right-side.identity p.slogan {
  font-size: 3.3rem;
}
.work-popup .right-side.identity p.slogan-part-2 {
  font-size: 2.3rem;
}
.work-popup .right-side .text-container {
  height: 100%;
  padding-top: 5em;
}
.work-popup .right-side .text-container #campaignDesc {
  margin-top: 5em;
}
.work-popup .right-side .yellow-horizon-line, .work-popup .right-side .yellow-horizon-line-identity {
  display: none;
}
.work-popup .right-side .yellow-horizon-line {
  position: absolute;
  width: 5em;
  bottom: 5%;
  left: 15%;
}
.work-popup .right-side .yellow-horizon-line-identity {
  position: absolute;
  width: 5em;
  top: 25%;
  left: 25%;
}
.work-popup .right-side .yellow-dame {
  position: absolute;
  width: 1em;
  top: 41%;
  right: -10%;
}
.work-popup .right-side .yellow-dame-identity {
  position: absolute;
  width: 1em;
  top: 12%;
  right: 10%;
}
.work-popup .right-side .purple-shade-and-fatha {
  position: absolute;
  width: 2em;
  top: 10%;
  left: 15%;
}
.work-popup .right-side .blue-squares {
  position: absolute;
  width: 6em;
  top: 20%;
  left: 13%;
  z-index: 0;
}
.work-popup .right-side .yellow-dame-campaign {
  position: absolute;
  width: 1.5em;
  top: 10%;
  left: 40%;
}
.work-popup .right-side p {
  font-weight: 700;
  font-size: 2.5rem;
  text-align: end;
  color: #231f20;
  line-height: 1;
  margin-bottom: 0;
  z-index: 1;
  position: relative;
}
.work-popup .right-side p.slogan {
  font-size: 3.3rem;
}
.work-popup .right-side p.videos {
  font-size: 4.5rem;
}
.work-popup .right-side p.videos:nth-of-type(2) {
  font-size: 1.5rem;
}
.work-popup .right-side p.videos:nth-of-type(3) {
  font-size: 2rem;
}
.work-popup .right-side p.desc {
  margin-top: 1em;
  font-size: inherit;
  font-weight: inherit;
  padding: 0 0 0 3.5em;
  text-align: start;
}
.work-popup .links-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 3em;
}
.work-popup .links-container .text-container {
  position: relative;
}
.work-popup .links-container .text-container::after {
  content: "";
  width: 1em;
  height: 100%;
  background-color: #231f20;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  transition: 0.3s ease;
}
.work-popup .links-container .text-container:hover::after {
  width: 100%;
}
.work-popup .links-container .text-container:hover p {
  color: #fff;
}
.work-popup .links-container .text-container p {
  color: #231f20;
  margin-bottom: 0;
  line-height: 1;
  padding: 0.2em 1.4em;
  position: relative;
  z-index: 1;
  transition: 0.3s ease;
  transition-delay: 0.1s;
}
.work-popup .links-container img {
  width: 4em;
}

@media screen and (min-width: 768px) {
  .work-popup .container .row .left-side #videosWOrks .carousel-inner .carousel-item iframe {
    height: 27em;
  }
}
@media screen and (max-width: 991px) {
  .logo-container {
    right: 3%;
  }
}
@media screen and (max-width: 768px) {
  .navbar {
    padding: 1em 0.4em;
  }

  .container {
    padding-left: 25px;
    padding-right: 25px;
  }

  .loading .loading-container svg {
    width: 1.4em;
  }
  .loading .loading-container p.percentage {
    font-size: 0.5rem;
    bottom: auto;
    right: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    padding: 0;
  }

  .video-section {
    height: auto;
  }
  .video-section video.forMobile {
    width: 100%;
    height: 100vh;
    display: block;
    object-fit: cover;
    -o-object-fit: cover;
  }

  .text-middle-section .text-container div p.border-text {
    font-size: 1.4rem;
  }
  .text-middle-section .yellow-circle {
    top: 3%;
  }
  .text-middle-section .square {
    display: none;
  }
  .text-middle-section .shada {
    right: auto;
    left: 20%;
  }
  .text-middle-section .dame {
    top: auto;
    bottom: 20%;
  }

  .our-clients-section .slider-container img {
    width: 100%;
  }
  .our-clients-section .left-side p.bold-yellow {
    margin-bottom: 1em;
  }
  .our-clients-section .slider-container {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .our-clients-section .yellow-circle {
    display: none;
  }
  .our-clients-section .red-dame {
    display: none;
  }
  .our-clients-section .left-side {
    width: 100%;
    order: 2;
  }
  .our-clients-section .red-sqaure {
    top: 86%;
  }
  .our-clients-section .yellow-fatha {
    top: 88%;
    right: 49%;
  }
  .our-clients-section .right-side {
    width: 100%;
    order: 1;
    justify-content: center;
    margin-bottom: 4em;
  }
  .our-clients-section .slider-container {
    order: 3;
  }

  .our-work-section .red-dama {
    top: 4%;
    left: 24%;
  }
  .our-work-section .left-side {
    width: 100%;
    order: 2;
    margin-bottom: 0.5em;
  }
  .our-work-section .left-side .text-container p {
    font-size: 1.8rem;
  }
  .our-work-section .right-side {
    width: 100%;
    order: 1;
    margin-bottom: 2em;
  }
  .our-work-section .right-side .work-blue-rectangle {
    display: none;
  }
  .our-work-section .seconde-work {
    order: 3;
  }
  .our-work-section .seconde-work .relative {
    margin-top: 0;
  }
  .our-work-section .seconde-work .relative .text-container {
    padding: 1.5em 0;
    justify-content: center;
  }
  .our-work-section .seconde-work .relative .text-container p {
    text-align: center;
  }
  .our-work-section .seconde-work .relative .text-container img {
    width: 60%;
    max-width: 100%;
  }
  .our-work-section .seconde-work .relative .image-container {
    width: 100%;
  }
  .our-work-section .seconde-work .relative .image-container img {
    width: 100%;
  }
  .our-work-section .seconde-work .absolute {
    position: relative;
    width: 100%;
    height: auto;
  }
  .our-work-section .seconde-work .absolute .first-work p {
    font-size: 1.3rem;
  }
  .our-work-section .seconde-work .absolute .second-work {
    width: 100%;
    padding-top: 1em;
  }

  .contactUs-section {
    padding-top: 5em;
  }
  .contactUs-section .row {
    padding-bottom: 4em;
  }
  .contactUs-section .left-side {
    width: 100%;
    order: 2;
  }
  .contactUs-section .right-side {
    width: 100%;
    order: 1;
    margin-bottom: 3em;
    justify-content: center;
  }
  .contactUs-section .second-row .second-left-side {
    width: 100%;
    order: 2;
  }
  .contactUs-section .second-row .second-right-side {
    width: 100%;
    order: 1;
    margin-bottom: 2em;
  }

  .dictionary-section .line {
    top: 73%;
    right: 14%;
  }
  .dictionary-section .shada {
    top: 21%;
    right: 24%;
  }
  .dictionary-section .dame {
    top: 10%;
    right: 44%;
  }

  .discover-section::after {
    height: 5%;
  }
  .discover-section .y-circle {
    top: 0;
  }
  .discover-section .arrow-icon {
    bottom: auto;
    right: auto;
    top: 5%;
    left: 10%;
  }
  .discover-section .dame {
    right: 80%;
    bottom: 10%;
  }
  .discover-section .w-aim-icon {
    bottom: 15%;
  }
  .discover-section .shada {
    bottom: 0;
  }
  .discover-section .lg-w-cirlce {
    bottom: 10.7%;
  }
  .discover-section .sm-w-cirlce {
    bottom: 8%;
    right: 57%;
  }
  .discover-section .text-container {
    padding-bottom: 10em;
  }
  .discover-section .text-container .left-side {
    width: 100%;
    order: 2;
  }
  .discover-section .text-container .right-side {
    background-size: 42%;
    width: 100%;
    order: 1;
    margin-bottom: 2em;
  }
  .discover-section .text-container .right-side p {
    font-size: 3rem;
  }
  .discover-section .text-container .right-side p.slogan {
    font-size: 1.7rem;
  }

  .yellow-black-section .text-container {
    width: 100%;
  }
  .yellow-black-section .text-container p {
    margin-bottom: 2em;
  }
  .yellow-black-section .text-container p.seconde {
    font-size: 1.4rem;
  }

  .explore-section .tow-black-lines {
    top: 105%;
    bottom: auto;
    right: 18%;
  }
  .explore-section .row {
    padding-top: 3em;
  }
  .explore-section .left-side {
    width: 100%;
    order: 2;
  }
  .explore-section .left-side .first-text {
    margin-bottom: 1em;
  }
  .explore-section .left-side .highlighted p {
    font-size: 1.2rem;
  }
  .explore-section .right-side {
    width: 100%;
    order: 1;
    margin-bottom: 4em;
    justify-content: center;
  }

  .services-section .left-side {
    width: 100%;
    order: 2;
  }
  .services-section .right-side {
    width: 100%;
    order: 1;
    margin-bottom: 5em;
    justify-content: center;
  }
  .services-section .right-side .title-squares {
    top: 50%;
  }

  .serv-logo-section .two-circles {
    top: 96%;
  }
  .serv-logo-section .container {
    padding-top: 2em;
    padding-bottom: 5em;
  }
  .serv-logo-section .container .row {
    padding-bottom: 1em;
    width: 80%;
    margin: 0 auto;
  }
  .serv-logo-section .container .row .item {
    padding: 2em 0;
    width: 100%;
    border: none;
    border-bottom: dashed 2px #fff;
  }
  .serv-logo-section .container .row .item:last-child {
    border-bottom: dashed 2px #fff;
  }
  .serv-logo-section .container .row.four-items .item {
    width: 100%;
  }

  .our-team-section .end-section-icons {
    bottom: auto;
    top: 97.5%;
    width: 5em;
    right: 16%;
  }
  .our-team-section .team-section-dame {
    width: 0.7em;
    bottom: 2.5%;
    right: 38%;
  }
  .our-team-section .left-side {
    width: 100%;
  }
  .our-team-section .left-side .text-container {
    width: 100%;
  }
  .our-team-section .left-side .text-container img {
    width: 70%;
  }
  .our-team-section .left-side .magic-wand {
    width: 1.5em;
    top: 22%;
    right: 18%;
  }
  .our-team-section .right-side {
    width: 100%;
    margin-bottom: 3em;
    margin-top: 2em;
    justify-content: center;
  }
  .our-team-section .team-container .item.text p {
    font-size: 1rem;
  }
  .our-team-section .team-container .row .right-yellow-arrow {
    display: none;
  }
  .our-team-section .team-container .row .overlay .content {
    overflow: unset;
  }
  .our-team-section .team-container .row .overlay p {
    display: none;
  }
  .our-team-section .team-container .row .overlay p.EM-position {
    display: block;
    font-size: 1rem;
  }
  .our-team-section .team-container .row .overlay p.EM-name {
    display: block;
    font-size: 1rem;
    margin-bottom: 0.5em;
  }
  .our-team-section .team-container .row:hover .overlay {
    width: 50%;
    padding: 0 0.5em;
  }
  .our-team-section .team-container .row.active .overlay {
    width: 50%;
    padding: 0 0.5em;
  }
  .our-team-section .team-container .row.inverse .right-yellow-arrow {
    display: none;
  }
  .our-team-section .team-container .row.inverse .item.yellow {
    display: none;
  }
  .our-team-section .team-container .row.inverse .overlay {
    right: 50%;
  }
  .our-team-section .team-container .row.inverse .overlay:hover {
    width: 50%;
  }
  .our-team-section .team-container .row .overlay {
    left: 50%;
  }
  .our-team-section .team-container .row .overlay p {
    margin-bottom: 0;
    font-size: 0.9rem;
  }
  .our-team-section .team-container .row .overlay:hover {
    width: 50%;
  }
  .our-team-section .team-container .item {
    width: 50%;
    min-height: 9em;
  }
  .our-team-section .team-container .item:empty {
    display: none;
  }
  .our-team-section .team-container .item .data .name {
    font-size: 1.1rem;
  }
  .our-team-section .team-container .item .data .position {
    font-size: 1.1rem;
  }

  .work-popup .right-side {
    display: none;
  }
  .work-popup .left-side {
    width: 100%;
  }
  .work-popup .left-side .top-links-container p {
    display: grid;
    align-items: flex-start;
    font-size: 0.75rem;
  }

  .our-work-section .seconde-work .absolute .second-work p {
    font-size: 2rem;
    margin-bottom: 0.1em;
  }
}
@media screen and (max-width: 576px) {
  .scrollDown-container {
    display: block;
    right: -2em;
  }

  .social-container {
    left: 1%;
    bottom: 2%;
  }
}

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