:root {

  --qutiiz-font: "DM Sans", sans-serif;

  --qutiiz-font-two: "Barlow Condensed", sans-serif;

  --qutiiz-reey-font: "reeyregular";

  --qutiiz-gray: #726d7b;

  --qutiiz-gray-rgb: 114, 109, 123;

  --qutiiz-white: #ffffff;

  --qutiiz-white-rgb: 255, 255, 255;

  --qutiiz-black: #04000b;

  --qutiiz-black-rgb: 4, 0, 11;

  --qutiiz-base: #0FB2E3;

  --qutiiz-base-rgb: 98, 34, 204;

  --qutiiz-bdr-radius: 8px;

}



.row {

  --bs-gutter-x: 30px;

}



.gutter-y-30 {

  --bs-gutter-y: 30px;

}



body {

  font-family: var(--qutiiz-font);

  color: var(--qutiiz-gray);

  font-size: 18px;

  line-height: 34px;

  font-weight: 400;

}



body.locked {

  overflow: hidden;

}



a {

  color: var(--qutiiz-gray);

}



a,

a:hover,

a:focus,

a:visited {

  text-decoration: none;

}



::placeholder {

  color: inherit;

  opacity: 1;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  color: var(--qutiiz-black);

  margin: 0;

  font-family: var(--qutiiz-font-two);

}



dl,

ol,

ul {

  margin-top: 0;

  margin-bottom: 0;

}



::placeholder {

  color: inherit;

  opacity: 1;

}



.page-wrapper {

  position: relative;

  margin: 0 auto;

  width: 100%;

  min-width: 300px;

  overflow: hidden;

}



.container {

  padding-left: 15px;

  padding-right: 15px;

}



@media (min-width: 1200px) {

  .container {

    max-width: 1200px;

  }

}



::placeholder {

  color: inherit;

  opacity: 1;

}



.section-separator {

  border-color: var(--thm-border);

  border-width: 1px;

  margin-top: 0;

  margin-bottom: 0;

}



#particles-js {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  background-position: 50% 50%;

  opacity: 0.4;

  z-index: -1;

}



.thm-btn {

  position: relative;

  display: inline-block;

  vertical-align: middle;

  -webkit-appearance: none;

  outline: none !important;

  background-color: var(--qutiiz-base);

  color: var(--qutiiz-white);

  font-size: 16px;

  font-weight: 600;

  text-transform: uppercase;

  padding: 17px 60px 17px;

  transition: all 0.3s linear;

  overflow: hidden;

  z-index: 1;

  font-family: var(--qutiiz-font-two);

  letter-spacing: 0.1em;

  border-radius: var(--qutiiz-bdr-radius);

}



.thm-btn:hover {

  color: var(--qutiiz-white);

}



.thm-btn:after {

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: var(--qutiiz-black);

  transform: scale(0);

  -webkit-transition: all 0.2s linear;

  -o-transition: all 0.2s linear;

  transition: all 0.2s linear;

  border-radius: var(--qutiiz-bdr-radius);

  opacity: 1;

  z-index: -1;

}



.thm-btn:hover:after {

  opacity: 1;

  transform: scale(1);

  -webkit-transition: all 0.4s linear;

  -o-transition: all 0.4s linear;

  transition: all 0.4s linear;

}



.section-title {

  margin-top: -12px;

  margin-bottom: 50px;

}



.section-title__tagline {

  position: relative;

  display: inline-block;

  color: var(--qutiiz-gray);

  font-size: 14px;

  line-height: 24px;

  font-weight: 500;

  text-transform: uppercase;

  letter-spacing: 0.1em;

  margin-bottom: 3px;

  font-family: var(--qutiiz-font-two);

}



.section-title__tagline:before {

  position: absolute;

  bottom: 3px;

  left: 0;

  right: 0;

  content: "";

  height: 1px;

  background-color: var(--qutiiz-base);

}



.section-title__title {

  margin: 0;

  font-size: 50px;

  line-height: 60px;

  text-transform: uppercase;

  font-weight: 500;

}



.bootstrap-select .btn-light:not(:disabled):not(.disabled).active,

.bootstrap-select .btn-light:not(:disabled):not(.disabled):active,

.bootstrap-select .show > .btn-light.dropdown-toggle {

  box-shadow: none !important;

  outline: none !important;

}



.bootstrap-select > .dropdown-toggle {

  box-shadow: none !important;

}



.bootstrap-select .dropdown-toggle:focus,

.bootstrap-select > select.mobile-device:focus + .dropdown-toggle {

  outline: none !important;

}



.bootstrap-select .dropdown-menu {

  border: 0;

  padding-top: 0;

  padding-bottom: 0;

  margin-top: 0;

  z-index: 991;

  border-radius: 0;

}



.bootstrap-select .dropdown-menu > li + li > a {

  border-top: 1px solid rgba(255, 255, 255, 0.2);

}



.bootstrap-select .dropdown-menu > li.selected > a {

  background: var(--qutiiz-primary);

  color: #fff;

}



.bootstrap-select .dropdown-menu > li > a {

  font-size: 16px;

  font-weight: 500;

  padding: 4px 20px;

  color: #ffffff;

  background: var(--qutiiz-black);

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}



.bootstrap-select .dropdown-menu > li > a:hover {

  background: var(--qutiiz-primary);

  color: #fff;

  cursor: pointer;

}



.preloader {

  position: fixed;

  background-color: #fff;

  background-position: center center;

  background-repeat: no-repeat;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 9991;

  display: -webkit-box;

  display: flex;

  -webkit-box-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  align-items: center;

  text-align: center;

}



.preloader__image {

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  -webkit-animation-name: flipInY;

  animation-name: flipInY;

  -webkit-animation-duration: 2s;

  animation-duration: 2s;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

}



/* scroll to top */

.scroll-to-top {

  display: inline-block;

  width: 45px;

  height: 45px;

  background: var(--qutiiz-base);

  position: fixed;

  bottom: 40px;

  right: 40px;

  z-index: 99;

  text-align: center;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

  display: none;

  border-radius: 50%;

  transition: all 0.4s ease;

}



.scroll-to-top i {

  color: #ffffff;

  font-size: 18px;

  line-height: 45px;

}



.scroll-to-top:hover {

  background-color: var(--qutiiz-black);

}



.scroll-to-top:hover i {

  color: #fff;

}



/*--------------------------------------------------------------

# Navigations One

--------------------------------------------------------------*/

.main-header {

  background: transparent;

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  z-index: 999;

  transition: all 500ms ease;

}



.main-header:before {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  height: 1px;

  content: "";

  background-color: rgba(var(--qutiiz-white-rgb), 0.05);

  z-index: -1;

}



.main-menu {

  position: relative;

  padding: 0 30px;

  z-index: 91;

}



.main-menu-wrapper {

  position: relative;

  display: block;

}



.main-menu-wrapper__left {

  position: relative;

  display: block;

  float: left;

}



.main-menu-wrapper__logo {

  position: relative;

  float: left;

  padding-top: 30px;

  padding-bottom: 15px;

  margin-right: 205px;

}



.main-menu-wrapper__main-menu {

  position: relative;

  display: block;

  float: left;

}



.main-menu-wrapper__right {

  position: relative;

  display: flex;

  float: right;

  padding: 34.5px 0;

  align-items: center;

}



.main-menu-wrapper__call {

  position: relative;

  display: flex;

  align-items: center;

}



.main-menu-wrapper__call-icon {

  position: relative;

  display: flex;

}



.main-menu-wrapper__call-icon span {

  font-size: 30px;

  color: var(--qutiiz-white);

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.main-menu-wrapper__call-icon:hover span {

  color: #a09baa;

}



.main-menu-wrapper__call-number {

  margin-left: 20px;

}



.main-menu-wrapper__call-number h5 {

  font-size: 16px;

  line-height: 25px;

  letter-spacing: 0.1em;

}



.main-menu-wrapper__call-number h5 a {

  color: var(--qutiiz-white);

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.main-menu-wrapper__call-number a:hover {

  color: #a09baa;

}



.main-menu-wrapper__call-number p {

  font-size: 12px;

  margin: 0;

  line-height: 14px;

  color: var(--qutiiz-white);

  text-transform: uppercase;

  font-family: var(--qutiiz-font-two);

  letter-spacing: 0.1em;

}



.main-menu-wrapper__search-box {

  position: relative;

  display: flex;

  align-items: center;

  padding: 7.5px 0;

  margin-right: 80px;

}



.main-menu-wrapper__search-box:before {

  position: absolute;

  top: -5px;

  bottom: -3px;

  right: -30px;

  content: "";

  background-color: rgba(var(--qutiiz-white-rgb), 0.2);

  width: 1px;

}



.main-menu-wrapper__search {

  font-size: 24px;

  color: var(--qutiiz-white);

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.main-menu-wrapper__search:hover {

  color: #a09baa;

}



.stricky-header.main-menu {

  padding: 0 30px;

  background-color: var(--qutiiz-black);

}



.main-menu .main-menu__list,

.main-menu .main-menu__list ul,

.stricky-header .main-menu__list,

.stricky-header .main-menu__list ul {

  margin: 0;

  padding: 0;

  list-style-type: none;

  align-items: center;

  display: none;

}



@media (min-width: 1200px) {

  .main-menu .main-menu__list,

  .main-menu .main-menu__list ul,

  .stricky-header .main-menu__list,

  .stricky-header .main-menu__list ul {

    display: flex;

  }

}



.main-menu .main-menu__list > li,

.stricky-header .main-menu__list > li {

  padding-top: 37px;

  padding-bottom: 37px;

  position: relative;

}



.main-menu .main-menu__list > li + li,

.stricky-header .main-menu__list > li + li {

  margin-left: 63px;

}



.main-menu .main-menu__list > li > a,

.stricky-header .main-menu__list > li > a {

  font-size: 16px;

  display: flex;

  align-items: center;

  color: var(--qutiiz-white);

  position: relative;

  transition: all 500ms ease;

  font-family: var(--qutiiz-font-two);

  text-transform: uppercase;

  letter-spacing: 0.1em;

  font-weight: 500;

}



.main-menu .main-menu__list > li > a::before,

.stricky-header .main-menu__list > li > a::before {

  content: "";

  height: 1px;

  border-radius: 0px;

  background-color: var(--qutiiz-white);

  position: absolute;

  bottom: 7px;

  left: 0px;

  right: 0px;

  transition: transform 500ms ease;

  transform: scale(0, 1);

  transform-origin: left center;

  z-index: 1;

}



.main-menu .main-menu__list > li.current > a,

.main-menu .main-menu__list > li:hover > a,

.stricky-header .main-menu__list > li.current > a,

.stricky-header .main-menu__list > li:hover > a {

  color: var(--qutiiz-white);

}



.main-menu .main-menu__list > li.current > a::before,

.main-menu .main-menu__list > li:hover > a::before,

.stricky-header .main-menu__list > li.current > a::before,

.stricky-header .main-menu__list > li:hover > a::before {

  transform: scale(1, 1);

  transform-origin: right center;

}



.main-menu .main-menu__list > li.current > a::before {

  background-color: var(--qutiiz-white);

}



.main-menu .main-menu__list > li:hover > a::before {

  background-color: var(--qutiiz-white);

}



.main-menu .main-menu__list li ul,

.stricky-header .main-menu__list li ul {

  position: absolute;

  top: 100%;

  left: 0;

  min-width: 220px;

  background-color: #fff;

  flex-direction: column;

  justify-content: flex-start;

  align-items: flex-start;

  border-radius: var(--qutiiz-bdr-radius);

  opacity: 0;

  visibility: hidden;

  transition: 500ms ease;

  z-index: 99;

  box-shadow: 0px 0px 65px 0px rgba(0, 0, 0, 0.1);

}



.main-menu .main-menu__list li:hover > ul,

.stricky-header .main-menu__list li:hover > ul {

  opacity: 1;

  visibility: visible;

}



.main-menu .main-menu__list li ul li,

.stricky-header .main-menu__list li ul li {

  flex: 1 1 100%;

  width: 100%;

  position: relative;

}



.main-menu .main-menu__list li ul li + li,

.stricky-header .main-menu__list li ul li + li {

  border-top: 1px solid RGBA(var(--qutiiz-black), 0.1);

}



.main-menu .main-menu__list li ul li a,

.stricky-header .main-menu__list li ul li a {

  font-size: 16px;

  line-height: 30px;

  color: var(--qutiiz-black);

  font-family: var(--qutiiz-font-two);

  text-transform: uppercase;

  letter-spacing: 0.1em;

  font-weight: 500;

  display: flex;

  padding-left: 20px;

  padding-right: 20px;

  padding-top: 10px;

  padding-bottom: 10px;

  transition: 500ms;

}



.main-menu .main-menu__list li ul > li:first-child > a,

.stricky-header .main-menu__list li ul > li:first-child > a {

  border-top-left-radius: var(--qutiiz-bdr-radius);

  border-top-right-radius: var(--qutiiz-bdr-radius);

}

.main-menu .main-menu__list li ul > li:last-child > a,

.stricky-header .main-menu__list li ul > li:last-child > a {

  border-bottom-left-radius: var(--qutiiz-bdr-radius);

  border-bottom-right-radius: var(--qutiiz-bdr-radius);

}



.main-menu .main-menu__list li ul li:hover > a,

.stricky-header .main-menu__list li ul li:hover > a {

  background-color: var(--qutiiz-base);

  color: var(--qutiiz-white);

}



.main-menu .main-menu__list li ul li > ul,

.stricky-header .main-menu__list li ul li > ul {

  top: 0;

  left: 100%;

}



.main-menu .main-menu__list li ul li > ul.right-align,

.stricky-header .main-menu__list li ul li > ul.right-align {

  top: 0;

  left: auto;

  right: 100%;

}



.main-menu .main-menu__list li ul li > ul ul,

.stricky-header .main-menu__list li ul li > ul ul {

  display: none;

}



.stricky-header {

  position: fixed;

  z-index: 991;

  top: 0;

  left: 0;

  background-color: #fff;

  width: 100%;

  visibility: hidden;

  transform: translateY(-120%);

  transition: transform 500ms ease, visibility 500ms ease;

  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);

}



@media (max-width: 1199px) {

  .stricky-header {

    display: block;

  }

}



.stricky-header.stricky-fixed {

  transform: translateY(0);

  visibility: visible;

}



.stricky-header .main-menu__inner {

  box-shadow: none;

  padding-right: 0;

  max-width: 1170px;

  width: 100%;

  margin: 0 auto;

}



.mobile-nav__buttons {

  display: flex;

  margin-left: auto;

  margin-right: 10px;

}



@media (min-width: 1200px) {

  .mobile-nav__buttons {

    display: none;

  }

}



.mobile-nav__buttons a {

  font-size: 20px;

  color: var(--qutiiz-black);

  cursor: pointer;

}



.mobile-nav__buttons a + a {

  margin-left: 10px;

}



.mobile-nav__buttons a:hover {

  color: var(--qutiiz-base);

}



.main-menu .mobile-nav__toggler {

  font-size: 20px;

  color: var(--qutiiz-white);

  cursor: pointer;

  transition: 500ms;

}



.main-menu .mobile-nav__toggler:hover {

  color: #a09baa;

}



@media (min-width: 1200px) {

  .main-menu .mobile-nav__toggler {

    display: none;

  }

}



/*--------------------------------------------------------------

# Navigations Two

--------------------------------------------------------------*/

.main-header-two:before {

  display: none;

}



/*--------------------------------------------------------------

# Animations

--------------------------------------------------------------*/

@keyframes bubbleMover {

  0% {

    -webkit-transform: translateY(0px) translateX(0) rotate(0);

    transform: translateY(0px) translateX(0) rotate(0);

  }



  30% {

    -webkit-transform: translateY(30px) translateX(50px) rotate(15deg);

    transform: translateY(30px) translateX(50px) rotate(15deg);

    -webkit-transform-origin: center center;

    transform-origin: center center;

  }



  50% {

    -webkit-transform: translateY(50px) translateX(100px) rotate(45deg);

    transform: translateY(50px) translateX(100px) rotate(45deg);

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

  }



  80% {

    -webkit-transform: translateY(30px) translateX(50px) rotate(15deg);

    transform: translateY(30px) translateX(50px) rotate(15deg);

    -webkit-transform-origin: left top;

    transform-origin: left top;

  }



  100% {

    -webkit-transform: translateY(0px) translateX(0) rotate(0);

    transform: translateY(0px) translateX(0) rotate(0);

    -webkit-transform-origin: center center;

    transform-origin: center center;

  }

}



@keyframes shapeMover {

  0%,

  100% {

    transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px)

      translateX(0);

  }



  50% {

    transform: perspective(400px) rotate(0deg) translateZ(20px) translateY(20px)

      translateX(20px);

  }

}



@keyframes banner3Shake {

  0% {

    -webkit-transform: rotate3d(0, 1, 0, 0deg);

    transform: rotate3d(0, 1, 0, 0deg);

  }



  30% {

    -webkit-transform: rotate3d(0, 0, 1, 5deg);

    transform: rotate3d(0, 0, 1, 5deg);

  }



  60% {

    -webkit-transform: rotate3d(1, 0, 0, 0deg);

    transform: rotate3d(1, 0, 0, 0deg);

  }



  80% {

    -webkit-transform: rotate3d(0, 0, 1, 5deg);

    transform: rotate3d(0, 0, 1, 5deg);

  }



  100% {

    -webkit-transform: rotate3d(0, 1, 0, 0deg);

    transform: rotate3d(0, 1, 0, 0deg);

  }

}



@keyframes squareMover {

  0%,

  100% {

    -webkit-transform: translate(0, 0) rotate(0);

    transform: translate(0, 0) rotate(0);

  }



  20%,

  60% {

    -webkit-transform: translate(20px, 40px) rotate(180deg);

    transform: translate(20px, 40px) rotate(180deg);

  }



  30%,

  80% {

    -webkit-transform: translate(40px, 60px) rotate(0deg);

    transform: translate(40px, 60px) rotate(0deg);

  }

}



@keyframes treeMove {

  0%,

  100% {

    -webkit-transform: rotate(0deg) translateX(0);

    transform: rotate(0deg) translateX(0);

  }



  25%,

  75% {

    -webkit-transform: rotate(5deg) translateX(15px);

    transform: rotate(5deg) translateX(15px);

  }



  50% {

    -webkit-transform: rotate(10deg) translateX(30px);

    transform: rotate(10deg) translateX(30px);

  }

}



/*--------------------------------------------------------------

#     Zoom Fade Css

--------------------------------------------------------------*/

.zoom-fade {

  animation-name: zoom-fade;

  animation-duration: 10s;

  animation-iteration-count: infinite;

  animation-timing-function: linear;



  -webkit-animation-name: zoom-fade;

  -webkit-animation-duration: 10s;

  -webkit-animation-iteration-count: infinite;

  -webkit-animation-timing-function: linear;



  -moz-animation-name: zoom-fade;

  -moz-animation-duration: 10s;

  -moz-animation-iteration-count: infinite;

  -moz-animation-timing-function: linear;



  -ms-animation-name: zoom-fade;

  -ms-animation-duration: 10s;

  -ms-animation-iteration-count: infinite;

  -ms-animation-timing-function: linear;



  -o-animation-name: zoom-fade;

  -o-animation-duration: 10s;

  -o-animation-iteration-count: infinite;

  -o-animation-timing-function: linear;

}



@-webkit-keyframes zoom-fade {

  0% {

    -webkit-transform: scale(0.9);

    transform: scale(0.9);

  }



  50% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }



  100% {

    -webkit-transform: scale(0.9);

    transform: scale(0.9);

  }

}



@keyframes zoom-fade {

  0% {

    -webkit-transform: scale(0.9);

    transform: scale(0.9);

  }



  50% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }



  100% {

    -webkit-transform: scale(0.9);

    transform: scale(0.9);

  }

}



@-moz-keyframes service_hexagon_2 {

  0% {

    -moz-transform: rotateY(0deg);

    transform: rotateY(0deg);

  }



  100% {

    -moz-transform: rotateY(360deg);

    transform: rotateY(360deg);

  }

}



@-o-keyframes service_hexagon_2 {

  0% {

    -o-transform: rotateY(0deg);

    transform: rotateY(0deg);

  }



  100% {

    -o-transform: rotateY(360deg);

    transform: rotateY(360deg);

  }

}



@keyframes service_hexagon_2 {

  0% {

    -webkit-transform: rotateY(0deg);

    -moz-transform: rotateY(0deg);

    -o-transform: rotateY(0deg);

    transform: rotateY(0deg);

  }



  100% {

    -webkit-transform: rotateY(360deg);

    -moz-transform: rotateY(360deg);

    -o-transform: rotateY(360deg);

    transform: rotateY(360deg);

  }

}



/*--------------------------------------------------------------

# Mobile Nav

--------------------------------------------------------------*/

.mobile-nav__wrapper {

  position: fixed;

  top: 0;

  left: 0;

  width: 100vw;

  height: 100vh;

  opacity: 0;

  transform: translateX(-50%);

  transform-origin: right center;

  transition: transform 500ms ease-in, opacity 500ms linear,

    visibility 500ms ease-in;

  z-index: 999;

  visibility: hidden;

}



.mobile-nav__wrapper .container {

  padding-left: 0;

  padding-right: 0;

}



.mobile-nav__wrapper.expanded {

  opacity: 1;

  transform: translateX(0%);

  visibility: visible;

}



.mobile-nav__overlay {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: #000000;

  opacity: 0.5;

  cursor: pointer;

}



.mobile-nav__content {

  width: 300px;

  background-color: var(--qutiiz-black);

  z-index: 10;

  position: relative;

  height: 100%;

  overflow-y: auto;

  padding-top: 30px;

  padding-bottom: 30px;

  padding-left: 15px;

  padding-right: 15px;

}



.mobile-nav__content .thm-btn {

  padding: 8px 0;

  width: 100%;

  text-align: center;

}



.mobile-nav__content .logo-box {

  margin-bottom: 40px;

  display: flex;

}



.mobile-nav__close {

  position: absolute;

  top: 20px;

  right: 15px;

  font-size: 18px;

  color: var(--thm-text-dark);

  cursor: pointer;

}



.mobile-nav__content .main-menu__list,

.mobile-nav__content .main-menu__list ul {

  margin: 0;

  padding: 0;

  list-style-type: none;

}



.mobile-nav__content .main-menu__list ul {

  display: none;

  border-top: 1px solid rgba(255, 255, 255, 0.1);

}



.mobile-nav__content .main-menu__list li:not(:last-child) {

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}



.mobile-nav__content .main-menu__list li a {

  display: flex;

  justify-content: space-between;

  line-height: 30px;

  color: #ffffff;

  font-size: 14px;

  font-family: var(--qutiiz-font);

  font-weight: 500;

  height: 46px;

  align-items: center;

  transition: 500ms;

}



.mobile-nav__content .main-menu__list li a.expanded {

  color: var(--thm-secondary);

}



.mobile-nav__content .main-menu__list li a button {

  width: 30px;

  height: 30px;

  background-color: var(--qutiiz-base);

  border: none;

  outline: none;

  color: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center;

  transform: rotate(-90deg);

  transition: transform 500ms ease;

}



.mobile-nav__content .main-menu__list li a button.expanded {

  transform: rotate(0deg);

  background-color: #fff;

  color: var(--qutiiz-black);

}



.mobile-nav__content .main-menu__list li.cart-btn span {

  position: relative;

  top: auto;

  right: auto;

  transform: translate(0, 0);

}



.mobile-nav__content .main-menu__list li.cart-btn i {

  font-size: 16px;

}



.mobile-nav__top {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 30px;

}



.mobile-nav__top .main-menu__login a {

  color: var(--thm-text-dark);

}



.mobile-nav__container {

  border-top: 1px solid rgba(255, 255, 255, 0.1);

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}



.mobile-nav__social {

  display: flex;

  align-items: center;

}



.mobile-nav__social a {

  font-size: 16px;

  color: var(--qutiiz-white);

  transition: 500ms;

}



.mobile-nav__social a + a {

  margin-left: 30px;

}



.mobile-nav__social a:hover {

  color: #a09baa;

}



.mobile-nav__contact {

  margin-bottom: 0;

  margin-top: 20px;

  margin-bottom: 20px;

}



.mobile-nav__contact li {

  color: var(--thm-text-dark);

  font-size: 14px;

  font-weight: 500;

  position: relative;

  display: flex;

  align-items: center;

}



.mobile-nav__contact li + li {

  margin-top: 15px;

}



.mobile-nav__contact li a {

  color: #ffffff;

  transition: 500ms;

}



.mobile-nav__contact li a:hover {

  color: #a09baa;

}



.mobile-nav__contact li > i {

  width: 30px;

  height: 30px;

  border-radius: 50%;

  background-color: var(--qutiiz-base);

  display: flex;

  justify-content: center;

  align-items: center;

  text-align: center;

  font-size: 11px;

  margin-right: 10px;

  color: #fff;

}



.mobile-nav__container .main-logo,

.mobile-nav__container .topbar__buttons,

.mobile-nav__container .main-menu__language,

.mobile-nav__container .main-menu__login {

  display: none;

}



/*--------------------------------------------------------------

# Search Popup

--------------------------------------------------------------*/

.search-popup {

  position: fixed;

  top: 0;

  left: 0;

  width: 100vw;

  height: 100vh;

  z-index: 9999;

  padding-left: 20px;

  padding-right: 20px;

  display: flex;

  justify-content: center;

  align-items: center;

  transform: translateY(-110%);

  transition: transform 500ms ease, opacity 500ms ease;

}



.search-popup.active {

  transform: translateY(0%);

}



.search-popup__overlay {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: var(--qutiiz-black);

  opacity: 0.75;

  cursor: pointer;

}



.search-popup__content {

  width: 100%;

  max-width: 560px;

}



.search-popup__content form {

  display: flex;

  flex-wrap: wrap;

  position: relative;

  background-color: #fff;

  border-radius: 0px;

  overflow: hidden;

}



.search-popup__content form input[type="search"],

.search-popup__content form input[type="text"] {

  width: 100%;

  background-color: #fff;

  font-size: 16px;

  border: none;

  outline: none;

  height: 66px;

  padding-left: 30px;

}



.search-popup__content .thm-btn {

  padding: 0;

  width: 68px;

  height: 68px;

  display: flex;

  justify-content: center;

  align-items: center;

  text-align: center;

  position: absolute;

  top: 0;

  right: -1px;

  border-radius: 0;

  background-color: var(--qutiiz-base);

  border: 0;

}



.search-popup__content .thm-btn:hover {

  background-color: var(--qutiiz-black);

}



.search-popup__content .thm-btn i {

  margin: 0;

}



/*--------------------------------------------------------------

# Main Slider

--------------------------------------------------------------*/

.main-slider {

  position: relative;

  display: block;

  overflow: hidden;

}



.main-slider-border {

  position: absolute;

  top: 108px;

  left: 0;

  bottom: 0;

  width: 14.29%;

  border-right: 1px solid rgba(255, 255, 255, 0.05);

  z-index: 10;

}



.main-slider-border-two {

  left: 14.29%;

}



.main-slider-border-three {

  left: 28.59%;

}



.main-slider-border-four {

  left: 42.88%;

}



.main-slider-border-five {

  left: 57.17%;

}



.main-slider-border-six {

  left: 71.46%;

}



.main-slider-shape-1 {

  position: absolute;

  top: -182px;

  right: 125px;

  width: 495px;

  height: 350px;

  background-color: var(--qutiiz-base);

  mix-blend-mode: screen;

  opacity: 0;

  transform: rotate(45deg) translateY(-200px);

  border-radius: 30px;

  z-index: 2;

}



.swiper-slide-active .main-slider-shape-1 {

  opacity: 1;

  transform: rotate(45deg) translateY(0px);

  transition: all 1000ms ease;

  transition-delay: 1500ms;

}



.main-slider-shape-2 {

  position: absolute;

  top: -70px;

  right: -242px;

  width: 495px;

  height: 350px;

  background-color: var(--qutiiz-black);

  mix-blend-mode: soft-light;

  transform: rotate(45deg) translateY(-200px);

  border-radius: 30px;

  opacity: 0;

  z-index: 1;

}

.swiper-slide-active .main-slider-shape-2 {

  opacity: 1;

  transform: rotate(45deg) translateY(0px);

  transition: all 1000ms ease;

}



.main-slider-shape-3 {

  position: absolute;

  top: 221px;

  right: -429px;

  width: 495px;

  height: 350px;

  background-color: var(--qutiiz-white);

  mix-blend-mode: soft-light;

  transform: rotate(45deg) translateY(-200px);

  border-radius: 30px;

  opacity: 0;

  z-index: 1;

}



.swiper-slide-active .main-slider-shape-3 {

  opacity: 1;

  transform: rotate(45deg) translateY(0px);

  transition: all 1000ms ease;

  transition-delay: 2000ms;

}



.main-slider .swiper-slide {

  position: relative;

  background-color: var(--qutiiz-black);

}



.main-slider .image-layer {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  transform: scale(1);

  opacity: 0.4;

  background-color: var(--qutiiz-black);

  background-blend-mode: luminosity;

  transition: transform 7000ms ease, opacity 1500ms ease-in;

  z-index: 1;

}



.main-slider .swiper-slide-active .image-layer {

  opacity: 0.45;

}



.main-slider .container {

  position: relative;

  padding-top: 293px;

  padding-bottom: 195px;

  z-index: 30;

}



.main-slider__content {

  position: relative;

  display: block;

  text-align: center;

  z-index: 30;

}



.main-slider p {

  font-size: 45px;

  color: var(--qutiiz-white);

  font-family: var(--qutiiz-font-two);

  text-transform: uppercase;

  letter-spacing: 0.1em;

  font-weight: 600;

  margin: 0;

  opacity: 0;

  transform: translateY(-100px);

  transition-delay: 2500ms;

  transition: transform 2000ms ease, opacity 2000ms ease, color 500ms ease,

    background 500ms ease;

}



.main-slider h2 {

  margin: 0;

  margin-bottom: 52px;

  margin-top: -100px;

  color: #fff;

  opacity: 0;

  visibility: hidden;

  transform: translateY(120px);

  transition-delay: 1000ms;

  transition: transform 2000ms ease, opacity 2000ms ease;

  font-size: 70px;

  line-height: 100px;

  text-transform: uppercase;

  font-weight: 400;

  z-index: 30;

}



.main-slider .thm-btn {

  opacity: 0;

  transform: translateY(-100px);

  transition-delay: 2500ms;

  transition: transform 2000ms ease, opacity 2000ms ease, color 500ms ease,

    background 500ms ease;

}



.main-slider .thm-btn::after {

  background-color: #fff;

}



.main-slider .thm-btn:hover {

  color: var(--qutiiz-black);

}



.main-slider .swiper-slide-active .image-layer {

  transform: scale(1.15);

}



.main-slider .swiper-slide-active .thm-btn,

.main-slider .swiper-slide-active h2,

.main-slider .swiper-slide-active p {

  visibility: visible;

  opacity: 1;

  transform: translateY(0) translateX(0);

}



.main-slider__nav {

  position: absolute;

  bottom: 0;

  right: 0;

  z-index: 100;

  display: flex;

  align-items: center;

}



.main-slider__nav .swiper-button-next,

.main-slider__nav .swiper-button-prev {

  position: relative;

  top: auto;

  left: auto;

  right: auto;

  bottom: auto;

  z-index: 100;

  width: 160px;

  height: 80px;

  font-size: 12px;

  color: var(--qutiiz-black);

  background-color: var(--qutiiz-white);

  opacity: 1;

  margin: 0;

  text-align: center;

  transition: all 500ms ease;

  font-family: var(--qutiiz-font-two);

  font-weight: 600;

  letter-spacing: 0.2em;

  text-transform: uppercase;

}



.main-slider__nav .swiper-button-prev {

  border-top-left-radius: 8px;

}



.main-slider__nav .swiper-button-next:hover,

.main-slider__nav .swiper-button-prev:hover {

  color: var(--qutiiz-white);

  background-color: var(--qutiiz-black);

}



.main-slider__nav .swiper-button-next i,

.main-slider__nav .swiper-button-prev i {

  font-size: 20px;

}



.main-slider__nav .swiper-button-next i {

  margin-left: 10px;

}



.main-slider__nav .swiper-button-prev i {

  margin-right: 10px;

}



.main-slider__nav .swiper-button-next::after,

.main-slider__nav .swiper-button-prev::after {

  display: none;

}



.main-slider__nav .swiper-button-prev {

  margin-bottom: 0px;

}



.main-slider__nav .swiper-button-prev .icon-left-arrow {

  position: relative;

  transform: rotate(180deg);

}



#main-slider-pagination {

  z-index: 10;

  bottom: 59px;

  left: 50%;

  width: 100%;

  max-width: 1170px;

  -webkit-transform: translate(-50%, calc(-50% + 95px));

  transform: translate(-50%, calc(0% + 0px));

  text-align: center;

}



#main-slider-pagination .swiper-pagination-bullet {

  margin: 0;

}



#main-slider-pagination .swiper-pagination-bullet {

  width: 10px;

  height: 10px;

  border-radius: 50%;

  border: 2px solid transparent;

  background-color: rgba(var(--qutiiz-white-rgb), 0.8);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}



#main-slider-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {

  margin-left: 5px;

}



#main-slider-pagination

  .swiper-pagination-bullet.swiper-pagination-bullet-active {

  border: 2px solid var(--qutiiz-white);

  background-color: rgba(var(--qutiiz-white-rgb), 0);

}



/*--------------------------------------------------------------

# Main slider Two

--------------------------------------------------------------*/

.main-slider-two {

  position: relative;

  display: block;

}



.main-slider-two .swiper-slide {

  position: relative;

  background-color: var(--qutiiz-base);

}



.main-slider-two .image-layer {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  opacity: 0.03;

  z-index: -1;

}



.main-slider-two-img-1 {

  position: absolute;

  top: 0;

  right: 0;

  opacity: 0;

  transform: translateX(100%);

}



.main-slider-two .swiper-slide-active .main-slider-two-img-1 {

  opacity: 1;

  transform: translate(0);

  transition-delay: 2500ms;

  transition: transform 2000ms ease, opacity 2000ms ease, color 500ms ease,

    background 500ms ease;

}



.main-slider-two-shape-1 {

  position: absolute;

  top: -179px;

  right: 118px;

  height: 350px;

  width: 495px;

  background-color: var(--qutiiz-black);

  mix-blend-mode: soft-light;

  transform: rotate(45deg) translateY(-200px);

  border-radius: 30px;

  opacity: 0;

}



.swiper-slide-active .main-slider-two-shape-1 {

  opacity: 1;

  transform: rotate(45deg) translateY(0px);

  transition: all 1000ms ease;

  transition-delay: 1000ms;

}



.main-slider-two-shape-2 {

  position: absolute;

  top: -70px;

  right: -250px;

  width: 495px;

  height: 350px;

  background-color: var(--qutiiz-base);

  mix-blend-mode: screen;

  transform: rotate(45deg) translateY(-200px);

  opacity: 0;

  border-radius: 30px;

  z-index: 1;

}



.swiper-slide-active .main-slider-two-shape-2 {

  opacity: 1;

  transform: rotate(45deg) translateY(0px);

  transition: all 1000ms ease;

}

.main-slider-two-shape-3 {

  position: absolute;

  top: 203px;

  right: -427px;

  width: 495px;

  opacity: 0;

  height: 350px;

  background-color: var(--qutiiz-white);

  mix-blend-mode: soft-light;

  transform: rotate(45deg) translateY(-200px);

  border-radius: 30px;

  z-index: 1;

}



.swiper-slide-active .main-slider-two-shape-3 {

  opacity: 1;

  transform: rotate(45deg) translateY(0px);

  transition: all 1000ms ease;

  transition-delay: 1500ms;

}



.main-slider-two .container {

  position: relative;

  padding-top: 290px;

  padding-bottom: 235px;

  z-index: 30;

}



.main-slider-two__content {

  position: relative;

  display: block;

}



.main-slider-two__content p {

  font-size: 20px;

  font-weight: 500;

  color: var(--qutiiz-white);

  text-transform: uppercase;

  font-family: var(--qutiiz-font-two);

  letter-spacing: 0.1em;

  display: inline-block;

  position: relative;

  margin: 0;

  opacity: 0;

  visibility: hidden;

  transform: translateY(120px);

  transition-delay: 1000ms;

  transition: transform 2000ms ease, opacity 2000ms ease;

}



.main-slider-two__content p:before {

  position: absolute;

  bottom: 4px;

  left: 0;

  right: 0;

  content: "";

  height: 1px;

  background-color: var(--qutiiz-white);

}



.main-slider-two__content h2 {

  font-size: 100px;

  line-height: 90px;

  text-transform: uppercase;

  opacity: 0;

  visibility: hidden;

  transform: translateY(-120px);

  transition-delay: 1000ms;

  transition: transform 2000ms ease, opacity 2000ms ease;

  margin-bottom: 55px;

  margin-top: 19px;

  font-weight: 500;

  color: var(--qutiiz-white);

}



.main-slider-two__content .thm-btn {

  background-color: var(--qutiiz-black);

  opacity: 0;

  visibility: hidden;

  transform: translateY(120px);

  transition-delay: 1000ms;

  transition: transform 2000ms ease, opacity 2000ms ease;

}



.main-slider-two__content .thm-btn:hover {

  color: var(--qutiiz-base);

}



.main-slider-two__content .thm-btn:after {

  background-color: var(--qutiiz-white);

}



.main-slider-two .swiper-slide-active .main-slider-two__content h2,

.main-slider-two .swiper-slide-active .main-slider-two__content p,

.main-slider-two .swiper-slide-active .main-slider-two__content .thm-btn {

  visibility: visible;

  opacity: 1;

  transform: translateY(0) translateX(0);

}



.main-slider-two-arrow {

  position: absolute;

  bottom: 85px;

  right: -70px;

  transform: translateX(100%);

  opacity: 0;

}



.main-slider-two .swiper-slide-active .main-slider-two-arrow {

  opacity: 1;

  transform: translate(0);

  transition: all 1000ms ease;

  transition-delay: 200ms;

}



.main-slider-two #main-slider-pagination {

  bottom: 64px;

  text-align: left;

}



/***

=============================================

    Float Bob X Animation Css

=============================================

***/

@-webkit-keyframes float-bob-x {

  0% {

    transform: translateX(-30px);

  }



  50% {

    transform: translateX(-10px);

  }



  100% {

    transform: translateX(-30px);

  }

}



@keyframes float-bob-x {

  0% {

    transform: translateX(-30px);

  }



  50% {

    transform: translateX(-10px);

  }



  100% {

    transform: translateX(-30px);

  }

}



.float-bob-x {

  -webkit-animation-name: float-bob-x;

  animation-name: float-bob-x;

  -webkit-animation-duration: 2s;

  animation-duration: 2s;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  -webkit-animation-timing-function: linear;

  animation-timing-function: linear;

}



/*--------------------------------------------------------------

# Services One

--------------------------------------------------------------*/

.services-one {

  position: relative;

  display: block;

  background-color: var(--qutiiz-black);

  padding: 120px 0 0;

  z-index: 1;

}



.services-one-shape {

  position: absolute;

  top: 0;

  right: 0;

  z-index: -1;

}



.services-one-shape img {

  opacity: 0.15;

}



.services-one__top {

  position: relative;

  display: block;

}



.services-one__top-left {

  position: relative;

  display: block;

}



.services-one__top-left .section-title__tagline {

  color: #a09baa;

}



.services-one__top-left .section-title__title {

  color: var(--qutiiz-white);

}



.services-one__top-text {

  font-size: 16px;

  color: #a09baa;

  margin: 0;

  line-height: 32px;

}



.services-one__bottom {

  position: relative;

  display: block;

  padding: 0 0 66px;

}



.services-one__list {

  position: relative;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  counter-reset: count;

}



.services-one__single {

  position: relative;

  flex: 0 0 25%;

  max-width: 25%;

  width: 100%;

  padding-left: 64px;

  margin-bottom: 40px;

}



.services-one__single:before {

  position: absolute;

  top: 0;

  left: 0;

  bottom: 14px;

  width: 1px;

  content: "";

  background-color: rgba(var(--qutiiz-white-rgb), 0.1);

}



.services-one__single:nth-child(1):before {

  display: none;

}



.services-one__single:nth-child(1) {

  padding-left: 0px;

}



.services-one__icon {

  margin-bottom: 21px;

}



.services-one__icon span {

  font-size: 64px;

  color: var(--qutiiz-base);

  position: relative;

  display: inline-block;

  transition: all 500ms linear;

  transition-delay: 0.1s;

}



.services-one__single:hover .services-one__icon span {

  transform: rotateY(360deg);

  color: var(--qutiiz-white);

}



.services-one__count {

  position: relative;

  height: 20px;

  width: 20px;

  line-height: 30px;

}



.services-one__count:before {

  position: absolute;

  height: 20px;

  width: 20px;

  font-size: 12px;

  line-height: 30px;

  font-weight: 500;

  counter-increment: count;

  content: "0" counter(count);

  transition: all 200ms linear;

  transition-delay: 0.1s;

  font-family: var(--qutiiz-font-two);

  color: #a09baa;

}



.services-one__title {

  font-size: 24px;

  font-weight: 500;

  text-transform: uppercase;

  line-height: 34px;

  margin-top: 3px;

  margin-bottom: 22px;

}



.services-one__title > a {

  color: var(--qutiiz-white);

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.services-one__single:hover .services-one__title > a {

  color: var(--qutiiz-base);

}



.services-one__arrow {

  color: var(--qutiiz-white);

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.services-one__arrow:hover {

  color: var(--qutiiz-base);

}



.services-one__find-solutions {

  position: relative;

  display: block;

  text-align: center;

  border-top: 1px solid rgba(var(--qutiiz-white-rgb), 0.1);

  padding: 48px 0 51px;

}



.services-one__find-solutions-text {

  font-size: 16px;

  color: #a09baa;

  margin: 0;

  font-family: var(--qutiiz-font-two);

  text-transform: uppercase;

  font-weight: 500;

}



.services-one__find-solutions-text a {

  color: var(--qutiiz-white);

  letter-spacing: 0.1em;

  position: relative;

  display: inline-block;

  padding-left: 5px;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.services-one__find-solutions-text a:hover {

  color: var(--qutiiz-base);

}



.services-one__find-solutions-text a:before {

  position: absolute;

  bottom: 7px;

  left: 6px;

  right: 1px;

  content: "";

  height: 1px;

  background-color: var(--qutiiz-base);

}



/*--------------------------------------------------------------

# Get To Know

--------------------------------------------------------------*/

.get-to-know {

  position: relative;

  display: block;

  padding: 140px 0 120px;

}



.get-to-know__left {

  position: relative;

  display: block;

  margin-right: 28px;

}



.get-to-know__img {

  position: relative;

  display: block;

  background-color: var(--qutiiz-black);

  border-top-right-radius: 8px;

  border-bottom-right-radius: 8px;

}



.get-to-know__img:before {

  position: absolute;

  top: -140px;

  left: -1000000px;

  right: 280px;

  content: "";

  bottom: -120px;

  border-bottom-right-radius: var(--qutiiz-bdr-radius);

}



.get-to-know__img:after {

  position: absolute;

  bottom: -120px;

  right: 242px;

  content: "";

  background-color: var(--qutiiz-base);

  width: 18px;

  height: 100px;

  border-radius: var(--qutiiz-bdr-radius);

}



.get-to-know__img video {

  width: 100%;

  border-top-right-radius: 8px;

  border-bottom-right-radius: 8px;

  height: 380px;

  

}



.get-to-know__video-link {

  position: absolute;

  bottom: 0;

  right: 280px;

}



.get-to-know__video-icon {

  height: 136px;

  width: 158px;

  background-color: var(--qutiiz-base);

  font-size: 25px;

  color: var(--qutiiz-white);

  display: flex;

  align-items: center;

  justify-content: center;

  border-top-left-radius: 8px;

  border-top-right-radius: 8px;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.get-to-know__video-icon:hover {

  background-color: var(--qutiiz-black);

}



.get-to-know__video-icon .ripple,

.get-to-know__video-icon .ripple:before,

.get-to-know__video-icon .ripple:after {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 158px;

  height: 136px;

  transform: translate(-50%, -50%);

  -ms-box-shadow: 0 0 0 0 rgba(var(--qutiiz-base-rgb), 0.6);

  -o-box-shadow: 0 0 0 0 rgba(var(--qutiiz-base-rgb), 0.6);

  box-shadow: 0 0 0 0 rgba(var(--qutiiz-base-rgb), 0.6);

  -webkit-animation: ripple 3s infinite;

  animation: ripple 3s infinite;

  border-top-left-radius: 8px;

  border-top-right-radius: 8px;

}



.get-to-know__video-icon .ripple:before {

  -webkit-animation-delay: 0.9s;

  animation-delay: 0.9s;

  content: "";

  position: absolute;

}



.get-to-know__video-icon .ripple:after {

  -webkit-animation-delay: 0.6s;

  animation-delay: 0.6s;

  content: "";

  position: absolute;

}



.get-to-know__right {

  position: relative;

  display: block;

}



.get-to-know-big-text {

  font-size: 140px;

  text-transform: uppercase;

  color: #f6f4f9;

  letter-spacing: 0.4em;

  transform: rotate(90deg);

  position: absolute;

  top: 320px;

  right: -450px;

  font-family: var(--qutiiz-font-two);

  font-weight: 300;

}



.get-to-know__right .section-title {

  margin-bottom: 30px;

}



.get-to-know__text-1 {

  font-size: 24px;

  color: var(--qutiiz-base);

  margin: 0;

  line-height: 36px;

  padding-bottom: 40px;

}



.get-to-know__text-2 {

  margin: 0;

}



.get-to-know__progress {

  position: relative;

  display: block;

  width: 100%;

  margin-top: 30px;

}



.get-to-know__progress-single {

  position: relative;

  display: block;

}



.get-to-know__progress-title {

  font-size: 20px;

  line-height: 30px;

  margin-bottom: 13px;

  text-transform: uppercase;

  font-weight: 500;

}



.get-to-know__progress .bar {

  position: relative;

  width: 100%;

  height: 7px;

  background-color: #f6f4f9;

  border-radius: 5px;

  margin-bottom: 25px;

}



.get-to-know__progress .bar-inner {

  position: relative;

  display: block;

  width: 0px;

  height: 7px;

  border-radius: 5px;

  background: var(--qutiiz-base);

  -webkit-transition: all 1500ms ease;

  -ms-transition: all 1500ms ease;

  -o-transition: all 1500ms ease;

  -moz-transition: all 1500ms ease;

  transition: all 1500ms ease;

}



.get-to-know__progress .count-text {

  position: absolute;

  right: -41px;

  bottom: 20px;

  color: var(--qutiiz-white);

  line-height: 22px;

  font-size: 12px;

  text-align: center;

  font-weight: 500;

  opacity: 0;

  background-color: var(--qutiiz-black);

  padding-left: 10px;

  padding-right: 10px;

  -webkit-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  transition: all 500ms ease;

  font-family: var(--qutiiz-font-two);

  border-top-left-radius: 8px;

  border-top-right-radius: 8px;

  border-bottom-right-radius: 8px;

}



.get-to-know__progress .count-text:before {

  position: absolute;

  bottom: -6px;

  left: 0;

  border: 3px solid var(--qutiiz-black);

  content: "";

  border-right: 4px solid transparent;

  border-bottom: 3px solid transparent;

}



.get-to-know__progress .bar-inner.counted .count-text {

  opacity: 1;

}



.get-to-know__progress .bar.marb-0 {

  margin-bottom: 0;

}



.get-to-know__person {

  position: relative;

  display: flex;

  align-items: center;

  padding-top: 30px;

}



.get-to-know__person-img {

  position: relative;

  box-shadow: 0px 10px 30px 0px rgb(0, 0, 0, 0.1);

  border: 5px solid #fff;

  border-radius: 50%;

  display: inline-block;

  background-color: var(--qutiiz-black);

}



.get-to-know__person-img img {

  border-radius: 50%;

  

}



.get-to-know__person-content {

  margin-left: 30px;

  position: relative;

  top: 10px;

}



.get-to-know__person-name {

  font-size: 26px;

  line-height: 36px;

  font-family: var(--qutiiz-reey-font);

  color: var(--qutiiz-base);

  font-weight: 400;

  margin-bottom: 2px;

}



.get-to-know__person-founder {

  font-size: 14px;

  margin: 0;

  text-transform: uppercase;

  font-family: var(--qutiiz-font-two);

  letter-spacing: 0.1em;

  font-weight: 400;

  margin-left: 25px;

}



/*--------------------------------------------------------------

# Brand One

--------------------------------------------------------------*/

.brand-one {

  position: relative;

  display: block;

  padding: 98px 0 99px;

  border-bottom: 1px solid #e2e0e5;

}



.brand-one .swiper-slide {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.brand-one .swiper-slide img {

  -webkit-transition: 500ms;

  transition: 500ms;

  /* opacity: 0.3; */

  max-width: 100%;

}



.brand-one .swiper-slide img:hover {

  opacity: 1;

}



/*--------------------------------------------------------------

# Project One

--------------------------------------------------------------*/

.project-one {

  position: relative;

  display: block;

  padding: 120px 0 90px;

}



.project-one .section-title {

  margin-bottom: 16px;

}



.project-filter {

  position: relative;

  display: block;

  text-align: center;

  margin-bottom: 49px;

}



.project-filter.style1 li {

  position: relative;

  display: inline-block;

  vertical-align: middle;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.project-filter.style1 li:nth-child(1) {

  padding-right: 13px;

}



.project-filter.style1 li .filter-text {

  position: relative;

  color: var(--qutiiz-gray);

  font-size: 16px;

  font-weight: 500;

  display: block;

  cursor: pointer;

  text-transform: uppercase;

  letter-spacing: 0.1em;

  transition: all 0.4s ease;

  z-index: 1;

  font-family: var(--qutiiz-font-two);

}



.project-filter.style1 li .filter-text:before {

  position: absolute;

  bottom: 7px;

  left: 0px;

  right: 0px;

  content: "";

  background: var(--qutiiz-base);

  height: 1px;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

  transform: scale(0);

  z-index: 1;

}



.project-filter.style1 li .filter-text:hover:before,

.project-filter.style1 li.active .filter-text:before {

  transform: scale(1);

}



.project-filter.style1 li:hover .filter-text,

.project-filter.style1 li.active .filter-text {

  color: var(--qutiiz-black);

}



.project-filter.style1 li .count {

  color: var(--qutiiz-gray);

  font-size: 12px;

  line-height: 26px;

  font-weight: 500;

  display: inline-block;

  padding: 0 0;

  opacity: 0;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

  position: relative;

  top: -4px;

}



.project-filter.style1 li:hover .count,

.project-filter.style1 li.active .count {

  color: var(--qutiiz-black);

  opacity: 1;

}



.project-filter.style1 li + li {

  margin-left: 8px;

}



.project-one__single {

  position: relative;

  display: block;

  margin-bottom: 30px;

  overflow: hidden;

}



.project-one__img {

  position: relative;

  display: block;

  background-color: var(--qutiiz-black);

  width: 100%;

  border-radius: var(--qutiiz-bdr-radisu);

}



.project-one__img img {

  width: 100%;

  /*  */

  transition: transform 500ms ease, mix-blend-mode 500ms ease;

  border-radius: var(--qutiiz-bdr-radisu);

}



.project-one__single:hover .project-one__img img {

  mix-blend-mode: normal;

}



.project-one__hover {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  padding: 31px 60px 30px;

  padding-right: 40px;

  transform: scaleY(0);

  transform-origin: center;

  transform-style: preserve-3d;

  transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.52);

  border-bottom-left-radius: 8px;

  border-bottom-right-radius: 8px;

  z-index: 1;

}



.project-one__single:hover .project-one__hover {

  transform: scaleY(1);

}



.project-one__hover:before {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  content: "";

  background-color: rgba(var(--qutiiz-black-rgb), 0.9);

  border-bottom-left-radius: 8px;

  border-bottom-right-radius: 8px;

  z-index: -1;

}



.project-one__tagline {

  position: relative;

  display: inline-block;

  font-size: 12px;

  color: var(--qutiiz-white);

  text-transform: uppercase;

  letter-spacing: 0.1em;

  margin: 0;

  line-height: 20px;

  font-weight: 500;

  font-family: var(--qutiiz-font-two);

}



.project-one__tagline:before {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  content: "";

  height: 1px;

  width: -webkit-fill-available;

  background-color: var(--qutiiz-base);

}



.project-one__title {

  font-size: 24px;

  text-transform: uppercase;

  line-height: 24px;

}



.project-one__title a {

  color: var(--qutiiz-white);

  transition: all 500ms ease;

}



.project-one__title a:hover {

  color: var(--qutiiz-base);

}



.project-one__hover-pl-40 {

  padding-left: 40px;

}



/*--------------------------------------------------------------

# Counter One

--------------------------------------------------------------*/

.counter-one {

  position: relative;

  display: block;

  background-color: var(--qutiiz-base);

  padding: 120px 0 280px;

  overflow: hidden;

  z-index: 1;

}



.counter-one-shape-1 {

  position: absolute;

  top: -220px;

  right: 80px;

  width: 495px;

  height: 360px;

  background-color: var(--qutiiz-base);

  mix-blend-mode: screen;

  border-radius: 30px;

  z-index: 1;

  transform: rotate(48deg);

  animation: rectMove2 9s linear 0ms infinite;

}



.counter-one-shape-2 {

  position: absolute;

  top: -90px;

  right: -284px;

  width: 495px;

  height: 350px;

  background-color: var(--qutiiz-black);

  mix-blend-mode: soft-light;

  border-radius: 30px;

  z-index: -1;

  transform: rotate(45deg);

  animation: rectMove 9s linear 0ms infinite;

}



.counter-one-shape-3 {

  position: absolute;

  bottom: 90px;

  left: -125px;

  width: 265px;

  height: 185px;

  background-color: var(--qutiiz-white);

  mix-blend-mode: soft-light;

  border-radius: 30px;

  z-index: -1;

  transform: rotate(45deg);

  animation: rectMove 9s linear 0ms infinite;

}



.counter-one__list {

  position: relative;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

}



.counter-one__single {

  position: relative;

  flex: 0 0 25%;

  max-width: 25%;

  width: 100%;

  text-align: center;

  margin-bottom: 33px;

}



.counter-one__single:before {

  position: absolute;

  top: 0;

  bottom: 7px;

  left: 0;

  content: "";

  width: 1px;

  background-color: rgba(var(--qutiiz-white-rgb), 0.1);

}



.counter-one__single:first-child:before {

  display: none;

}



.counter-one__icon {

  position: relative;

  height: 118px;

  width: 118px;

  background-color: #008FDD;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  margin: 0 auto 12px;

  z-index: 1;

}



.counter-one__icon:before {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  content: "";

  border-radius: 50%;

  background-color: var(--qutiiz-black);

  transform: scale(0);

  transform-origin: center;

  transform-style: preserve-3d;

  transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);

  z-index: -1;

}



.counter-one__single:hover .counter-one__icon:before {

  transform: scaleX(1);

}



.counter-one__icon span {

  color: var(--qutiiz-white);

  font-size: 64px;

  position: relative;

  display: inline-block;

  transition: all 500ms linear;

  transition-delay: 0.1s;

  transform: scale(1);

}



.counter-one__single:hover .counter-one__icon span {

  transform: scale(0.9);

}



.counter-one__single h3 {

  font-size: 35px;

  font-family: var(--qutiiz-font-two) !important;

  line-height: 60px !important;

  color: var(--qutiiz-white);

  font-weight: 400;

}



.counter-one__text {

  margin: 0;

  line-height: 27px;

  color: #fff;

  text-transform: uppercase;

  font-family: var(--qutiiz-font-two);

  letter-spacing: 0.1em;

  font-weight: 500;

}



.counter-one__single .odometer-formatting-mark {

  display: none;

}



/*--------------------------------------------------------------

# Why Choose One

--------------------------------------------------------------*/

.why-choose-one {

  position: relative;

  display: block;

  margin-top: -200px;

  z-index: 1;

}



.why-choose-one__left {

  position: relative;

  display: block;

}



.why-choose-one__img {

  position: relative;

  display: block;

  background-color: var(--qutiiz-black);

  border-top-left-radius: 8px;

  border-bottom-left-radius: 8px;

  overflow: hidden;

}



.why-choose-one__img::before {

  position: absolute;

  top: 50%;

  left: 50%;

  display: block;

  content: "";

  width: 0;

  height: 0;

  background: rgba(255, 255, 255, 0.2);

  border-radius: 50%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  opacity: 0;

  z-index: 10;

}



.why-choose-one__img:hover:before {

  -webkit-animation: circle 0.75s;

  animation: circle 0.75s;

}



.why-choose-one__img img {

  width: 100%;

  border-top-left-radius: 8px;

  border-bottom-left-radius: 8px;

  

}



.why-choose-one__right {

  position: relative;

  display: block;

  margin-left: 90px;

  padding-top: 120px;

  z-index: 1;

}



.why-choose-one__right:before {

  position: absolute;

  top: 0;

  left: -120px;

  right: -1000000px;

  content: "";

  bottom: 0;

  background-color: var(--qutiiz-white);

  z-index: -1;

}



.why-choose-one__right .section-title {

  margin-bottom: 31px;

}



.why-choose-one__text {

  font-size: 16px;

  line-height: 32px;

  margin: 0;

}



.why-choose-one__bottom {

  position: relative;

  display: flex;

  align-items: center;

  margin-top: 32px;

}



.why-choose-one__bottom-img {

  position: relative;

  display: inline-block;

  background-color: var(--qutiiz-black);

  border-radius: var(--qutiiz-bdr-radius);

}



.why-choose-one__bottom-img img {

  

  border-radius: var(--qutiiz-bdr-radius);

}



.why-choose-one__points {

  position: relative;

  display: block;

  margin-left: 30px;

}



.why-choose-one__points li {

  position: relative;

  display: flex;

  align-items: center;

  line-height: 24px;

}



.why-choose-one__points li + li {

  margin-top: 12px;

}



.why-choose-one__points li .icon {

  display: flex;

  align-items: center;

}



.why-choose-one__points li .icon span {

  color: var(--qutiiz-base);

  font-size: 15px;

  transition: all 500ms ease;

  transform: scale(1);

}

.why-choose-one__points li:hover .icon span {

  transform: scale(0.85);

}



.why-choose-one__points li .text {

  margin-left: 10px;

}



.why-choose-one__points li .text p {

  color: var(--qutiiz-black);

  margin: 0;

}



/*--------------------------------------------------------------

# Team One

--------------------------------------------------------------*/

.team-one {

  position: relative;

  display: block;

  padding: 120px 0 140px;

}



.team-one-container {

  position: relative;

  display: block;

  max-width: 1600px;

  width: 100%;

  margin: 0 auto;

  padding: 0 15px;

}



.team-one__carousel {

  position: relative;

  display: block;

}



.team-one__single {

  position: relative;

  display: block;

  margin-bottom: 30px;

}



.team-one__img {

  position: relative;

  display: block;

  overflow: hidden;

  border-top-right-radius: 8px;

  border-top-left-radius: 8px;

  background-color: var(--qutiiz-black);

  background-blend-mode: luminosity;

}



.team-one__img img {

  width: 100%;

  

  transform: scale(1);

  transition: all 500ms ease;

}



.team-one__single:hover .team-one__img img {

  transform: scale(1);

}



.team-one__content {

  position: relative;

  display: block;

  text-align: center;

  background-color: rgb(255, 255, 255);

  box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, 0.05);

  padding: 31px 0 32px;

  border-bottom-right-radius: 8px;

  border-bottom-left-radius: 8px;

  transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease;

}



.team-one__single:hover .team-one__content {

  visibility: hidden;

  opacity: 0;

}



.team-one__name {

  font-size: 26px;

  font-weight: 500;

  text-transform: uppercase;

  line-height: 36px;

}



.team-one__title {

  font-size: 16px;

  margin: 0;

  line-height: 26px;

  text-transform: uppercase;

  letter-spacing: 0.1em;

  font-family: var(--qutiiz-font-two);

}



.team-one__hover {

  background-color: rgb(255, 255, 255);

  box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, 0.05);

  text-align: center;

  padding: 31px 0 40px;

  border-bottom-right-radius: 8px;

  border-bottom-left-radius: 8px;

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  transform: translateY(-66%);

  transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease;

  visibility: hidden;

  opacity: 0;

}



.team-one__single:hover .team-one__hover {

  visibility: visible;

  transform: translateY(0%);

  opacity: 1;

}



.team-one__hover-name {

  font-size: 26px;

  font-weight: 500;

  text-transform: uppercase;

  line-height: 36px;

}



.team-one__hover-title {

  font-size: 16px;

  margin: 0;

  line-height: 26px;

  text-transform: uppercase;

  letter-spacing: 0.1em;

  font-family: var(--qutiiz-font-two);

}



.team-one__social {

  position: relative;

  display: flex;

  -webkit-box-align: center;

  align-items: center;

  justify-content: center;

  margin-top: 9px;

}



.team-one__social a {

  position: relative;

  display: -webkit-box;

  display: flex;

  -webkit-box-align: center;

  align-items: center;

  -webkit-box-pack: center;

  justify-content: center;

  text-align: center;

  color: var(--qutiiz-black);

  background-color: #f6f4f9;

  border-radius: 50%;

  font-size: 15px;

  height: 45px;

  width: 45px;

  transform: rotate(0);

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

  z-index: 1;

}



.team-one__social a:hover {

  color: var(--qutiiz-white);

  transform: rotate(360deg);

}



.team-one__social a:before {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  content: "";

  background-color: var(--qutiiz-base);

  border-radius: 50%;

  transform: scale(0);

  transform-origin: center;

  transform-style: preserve-3d;

  transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);

  z-index: -1;

}



.team-one__social a:hover:before {

  transform: scaleX(1);

}



.team-one__social a + a {

  margin-left: 10px;

}



.team-one__carousel.owl-carousel .owl-stage-outer {

  overflow: visible;

  padding: 0 0 0;

  margin-right: 0px;

}



.team-one__carousel .owl-stage-outer .owl-item {

  opacity: 0;

  transition: all 500ms linear;

  transition-delay: 0.1s;

}



.team-one__carousel .owl-stage-outer .owl-item.active {

  opacity: 1;

  transition: all 200ms linear;

}



.team-one__carousel.owl-carousel .owl-dots {

  position: absolute;

  bottom: -30px;

  left: 0px;

  right: 0;

  text-align: center;

  margin: 0 !important;

}



.team-one__carousel.owl-carousel .owl-dots .owl-dot {

  position: relative;

  display: inline-block;

  width: 10px;

  height: 10px;

  border-radius: 50%;

  border: 2px solid transparent;

  background-color: rgba(var(--qutiiz-black-rgb), 0.2);

  margin: 0px 2.5px;

  padding: 0px;

  transition: all 100ms linear;

  transition-delay: 0.1s;

}



.team-one__carousel.owl-carousel .owl-dot.active {

  border: 2px solid var(--qutiiz-base);

  background-color: rgba(var(--qutiiz-black-rgb), 0);

}



.team-one__carousel.owl-carousel .owl-dot:focus {

  outline: none;

}



.team-one__carousel.owl-carousel .owl-dots .owl-dot span {

  display: none;

}



/*--------------------------------------------------------------

# Testimonial One

--------------------------------------------------------------*/

.testimonial-one {

  position: relative;

  display: block;

  background-color: #f6f4f9;

  padding: 120px 0 120px;

}



.testimonial-one__inner {

  position: relative;

  display: block;

  min-height: 355px;

}



.testimonial-one .container {

  position: relative;

}



.testimonial-one__left {

  position: relative;

  display: block;

  z-index: 10;

}



.testimonial-one__right {

  position: relative;

  display: block;

}



.testimonial-one__carousel {

  position: relative;

  display: block;

}



.testimonial-one__single {

  position: relative;

  display: block;

  border-radius: var(--qutiiz-bdr-radius);

  background-color: rgb(255, 255, 255);

  box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, 0.05);

  padding: 39px 50px 50px;

  transition: all 500ms ease;

  /* height: 400px; */

}



.testimonial-one__single:hover {

  box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, 0.07);

}



.testimonial-one__text {

  margin: 0;
  min-height: 170px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;

}



.testimonial-one__client-info {

  position: relative;

  display: flex;

  align-items: center;

  margin-top: 19px;

}



.testimonial-one__client-img {

  position: relative;

  display: inline-block;

  border-radius: 50%;

  background-color: var(--qutiiz-black);
  width: 20%;

}



.testimonial-one__client-img > img {

  border-radius: 50%;

  

  width: 100px !important;

}



.testimonial-one__quote {

  position: absolute;

  height: 36px;

  width: 36px;

  background-color: var(--qutiiz-base);

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  top: 50%;

  transform: translateY(-50%);

  right: -18px;

}



.testimonial-one__quote > img {

  width: auto !important;

}



.testimonial-one__client-details {

  margin-left: 20px;
  width: 80%;

}



.testimonial-one__client-name {

  font-size: 20px;

  font-weight: 500;

  text-transform: uppercase;

  line-height: 26px;

}



.testimonial-one__client-title {

  font-size: 14px;

  color: var(--qutiiz-base);

  margin: 0;

  line-height: 14px;

  font-family: var(--qutiiz-font-two);

  text-transform: uppercase;

  letter-spacing: 0.1em;

}



.testimonial-one .custom-nav {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 38px;

  max-width: 1170px;

  width: 100%;

  margin: 0 auto;

  text-align: left;

  z-index: 10;

}



.testimonial-one .custom-nav .owl-prev {

  height: 65px;

  width: 65px;

  background: var(--qutiiz-white);

  border-radius: 50%;

  color: var(--qutiiz-black);

  font-size: 20px;

  text-align: center;

  border: 0;

  transform: rotate(180deg);

  margin: 0;

  padding: 0;

  line-height: 20px;

  margin-right: 5px;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.testimonial-one .custom-nav .owl-next {

  height: 65px;

  width: 65px;

  background: var(--qutiiz-white);

  border-radius: 50%;

  color: var(--qutiiz-black);

  font-size: 20px;

  text-align: center;

  border: 0;

  margin: 0;

  padding: 0;

  line-height: 20px;

  margin-left: 5px;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.testimonial-one .custom-nav .owl-prev:hover,

.testimonial-one .custom-nav .owl-next:hover {

  color: var(--qutiiz-white);

  background-color: var(--qutiiz-base);

}



.testimonial-one__right {

  padding-left: 15px;

  padding-right: 15px;

}



@media (min-width: 1200px) {

  .testimonial-one__right {

    max-width: 1200px;

    position: absolute;

    top: 0px;

    right: -250px;

  }

}



@media (min-width: 1440px) {

  .testimonial-one__right {

    right: -45px;

  }

}



.testimonial-one__right .owl-carousel .owl-stage-outer {

  overflow: visible;

}



.testimonial-one__right .owl-carousel .owl-item {

  opacity: 0;

  visibility: hidden;

  transition: opacity 500ms ease, visibility 500ms ease;

}



.testimonial-one__right .owl-carousel .owl-item.active {

  opacity: 1;

  visibility: visible;

}



/*--------------------------------------------------------------

# Qutiiz Ready

--------------------------------------------------------------*/

.qutiiz-ready {

  position: relative;

  display: block;

  padding: 120px 0 220px;

  z-index: 2;

}



.qutiiz-ready-bg-box {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: var(--qutiiz-black);

  z-index: 1;

}



.qutiiz-ready-bg {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  z-index: 1;

  

  opacity: 0.3;

}



.qutiiz-ready__inner {

  position: relative;

  display: block;

  text-align: center;

  z-index: 2;

}



.qutiiz-ready__icon {

  height: 120px;

  width: 120px;

  background-color: var(--qutiiz-base);

  color: var(--qutiiz-white);

  font-size: 64px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: var(--qutiiz-bdr-radius);

  margin: 0 auto;

}



.qutiiz-ready__icon span {

  position: relative;

  display: inline-block;

  transition: all 500ms linear;

  transition-delay: 0.1s;

}



.qutiiz-ready__icon:hover span {

  transform: scale(0.9);

}



.qutiiz-ready__title {

  font-size: 70px;

  color: var(--qutiiz-white);

  text-transform: uppercase;

  line-height: 85px;

  font-weight: 500;

  margin-top: 39px;

}



.qutiiz-ready__title span {

  position: relative;

  display: inline-block;

  z-index: -1;

}



.qutiiz-ready__title span:before {

  content: "";

  position: absolute;

  top: -6px;

  left: -21px;

  bottom: -14px;

  right: -20px;

  background-image: url(../images/shapes/qutiiz-ready-shape.png);

  background-repeat: no-repeat;

  background-position: center center;

  background-size: 100% 100%;

  z-index: -1;

  animation-name: zoom-fade;

  animation-duration: 10s;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

  -webkit-animation-name: zoom-fade;

  -webkit-animation-duration: 10s;

  -webkit-animation-iteration-count: infinite;

  -webkit-animation-timing-function: linear;

  -moz-animation-name: zoom-fade;

  -moz-animation-duration: 10s;

  -moz-animation-iteration-count: infinite;

  -moz-animation-timing-function: linear;

  -ms-animation-name: zoom-fade;

  -ms-animation-duration: 10s;

  -ms-animation-iteration-count: infinite;

  -ms-animation-timing-function: linear;

  -o-animation-name: zoom-fade;

  -o-animation-duration: 10s;

  -o-animation-iteration-count: infinite;

  -o-animation-timing-function: linear;

}



/*--------------------------------------------------------------

# Financial Advice

--------------------------------------------------------------*/

.financial-advice {

  position: relative;

  display: block;

  background-color: #f6f4f9;

}



.financial-advice-bg {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  opacity: 0.03;

  z-index: 1;

}



.financial-advice__tab-box {

  position: relative;

  display: block;

  margin-top: -114px;

  z-index: 2;

}



.financial-advice__tab-box .tab-buttons {

  position: relative;

  display: block;

  overflow: hidden;

  border-top-left-radius: var(--qutiiz-bdr-radius);

  border-top-right-radius: var(--qutiiz-bdr-radius);

}



.financial-advice__tab-box .tab-buttons .tab-btn {

  position: relative;

  float: left;

  max-width: 390px;

  width: 100%;

}



.financial-advice__tab-box .tab-buttons .tab-btn + .tab-btn {

  margin-left: 0px;

}



.financial-advice__tab-box .tab-buttons .tab-btn:nth-child(1) span {

  border-top-left-radius: 8px;

}



.financial-advice__tab-box .tab-buttons .tab-btn:nth-child(3) span {

  border-top-right-radius: 8px;

}



.financial-advice__tab-box .tab-buttons .tab-btn span {

  position: relative;

  display: inline-block;

  transition: all 200ms linear;

  transition-delay: 0.1s;

  font-size: 24px;

  color: var(--qutiiz-white);

  background-color: var(--qutiiz-base);

  padding: 40px 0px 40px;

  font-weight: 500;

  cursor: pointer;

  transition: all 0.3s ease;

  max-width: 390px;

  width: 100%;

  text-align: center;

  font-family: var(--qutiiz-font-two);

  text-transform: uppercase;

  z-index: 1;

}



.financial-advice__tab-box .tab-buttons .tab-btn.active-btn span {

  color: var(--qutiiz-base);

  background-color: var(--qutiiz-white);

}



.financial-advice__tab-box .tab-buttons .tab-btn span:before {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  height: 0%;

  content: "";

  background-color: var(--qutiiz-white);

  transition: all 0.3s ease;

  z-index: -1;

}



.financial-advice__tab-box .tab-buttons .tab-btn.active-btn span:before {

  height: 100%;

}



.financial-advice__tab-box .tabs-content {

  position: relative;

  display: block;

}



.financial-advice__tab-box .tabs-content .tab {

  position: relative;

  display: none;

  -webkit-transform: translateY(35px);

  -ms-transform: translateY(35px);

  transform: translateY(35px);

  -webkit-transition: all 600ms ease;

  -moz-transition: all 600ms ease;

  -ms-transition: all 600ms ease;

  -o-transition: all 600ms ease;

  transition: all 600ms ease;

  z-index: 10;

}



.financial-advice__tab-box .tabs-content .tab.active-tab {

  display: block;

  margin-top: 0px;

  -webkit-transform: translateY(0px);

  -ms-transform: translateY(0px);

  transform: translateY(0px);

}



.tabs-content__inner {

  position: relative;

  display: block;

  background-color: var(--qutiiz-white);

  padding: 80px 80px 80px;

  border-bottom-left-radius: 8px;

  border-bottom-right-radius: 8px;

  margin-bottom: 60px;

}



.tabs-content__left {

  position: relative;

  display: block;

  margin-top: -9px;

}



.tabs-content__points {

  position: relative;

  display: block;

}



.tabs-content__points li {

  position: relative;

  display: block;

  padding-left: 80px;

  border-bottom: 1px solid #e2e0e5;

  margin-bottom: 48px;

  padding-bottom: 36px;

}



.tabs-content__points li:last-child {

  border-bottom: 0;

  margin-bottom: 0;

  padding-bottom: 0;

}



.tabs-content__points li .icon {

  height: 58px;

  width: 58px;

  background-color: #f6f4f9;

  border-radius: 50%;

  color: var(--qutiiz-base);

  font-size: 20px;

  display: flex;

  align-items: center;

  justify-content: center;

  position: absolute;

  top: 9px;

  left: 0;

  transform: scale(1);

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.tabs-content__points li:hover .icon {

  background-color: var(--qutiiz-base);

  color: var(--qutiiz-white);

  transform: scale(0.85);

}



.tabs-content__points li .text h4 {

  font-size: 20px;

  font-weight: 500;

  text-transform: uppercase;

  line-height: 30px;

  margin-bottom: 12px;

}



.tabs-content__points li .text p {

  margin: 0;

}



.tabs-content__right {

  position: relative;

  display: block;

  margin-left: 76px;

}



.tabs-content__right:before {

  position: absolute;

  top: -1px;

  bottom: 0;

  left: -60px;

  content: "";

  width: 1px;

  background-color: #e2e0e5;

}



.tabs-content__experience-box {

  position: relative;

  display: flex;

  align-items: center;

}



.tabs-content__experience-content {

  position: relative;

  margin-top: -9px;

}



@media (min-width: 992px) {

  .tabs-content__experience-content {

    max-width: 120px;

  }

}



.tabs-content__experience-icon span {

  position: relative;

  display: inline-block;

  color: var(--qutiiz-base);

  font-size: 64px;

  transition: all 500ms linear;

  transition-delay: 0.1s;

}



.tabs-content__experience-icon span:hover {

  transform: scale(0.9);

}



.tabs-content__experience-title {

  font-size: 30px;

  color: var(--qutiiz-gray);

  font-weight: 300;

  text-transform: uppercase;

  line-height: 36px;

  margin-top: 13px;

  margin-bottom: 24px;

}



.tabs-content__experience-btn {

  font-size: 14px;

  color: var(--qutiiz-black);

  text-transform: uppercase;

  font-family: var(--qutiiz-font-two);

  letter-spacing: 0.1em;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.tabs-content__experience-btn:hover {

  color: var(--qutiiz-base);

}



.tabs-content__experience-img {

  position: relative;

  display: block;

  background-color: var(--qutiiz-black);

  margin-left: 50px;

  border-radius: var(--qutiiz-bdr-radius);

}



.tabs-content__experience-img img {

  width: auto;

  

  border-radius: var(--qutiiz-bdr-radius);

}



.financial-advice__bottom {

  position: relative;

  display: block;

  text-align: center;

  border-top: 1px solid #e3e1e6;

  padding-top: 48px;

  padding-bottom: 51px;

  z-index: 3;

}



.financial-advice__bottom-text {

  font-size: 16px;

  color: var(--qutiiz-gray);

  margin: 0;

  font-family: var(--qutiiz-font-two);

  text-transform: uppercase;

  font-weight: 500;

}



.financial-advice__bottom-text a {

  color: var(--qutiiz-black);

  letter-spacing: 0.1em;

  position: relative;

  display: inline-block;

  padding-left: 5px;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.financial-advice__bottom-text a:hover {

  color: var(--qutiiz-base);

}



.financial-advice__bottom-text a:before {

  position: absolute;

  bottom: 7px;

  left: 6px;

  right: 1px;

  content: "";

  height: 1px;

  background-color: var(--qutiiz-base);

}



/*--------------------------------------------------------------

# Blog One

--------------------------------------------------------------*/

.blog-one {

  position: relative;

  display: block;

  padding: 120px 0 90px;

}



.blog-one__blog-page {

  padding-bottom: 120px;

}



.blog-one .blog-sidebar__load-more {

  margin-top: 0px;

}



.blog-one__single {

  position: relative;

  display: block;

  margin-bottom: 30px;

}



.blog-one__img {

  position: relative;

  display: block;

  background-color: var(--qutiiz-black);

  border-top-left-radius: 8px;

  border-top-right-radius: 8px;

  overflow: hidden;

}



.blog-one__img > img {

  width: 100%;

  

  border-top-left-radius: 8px;

  border-top-right-radius: 8px;

}



.blog-one__img > a {

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: rgba(var(--qutiiz-black-rgb), 0.3);

  position: absolute;

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 30px;

  color: var(--qutiiz-base);

  border-top-left-radius: 8px;

  border-top-right-radius: 8px;

  transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease;

  visibility: hidden;

  opacity: 0;

  transform: translateY(-30%);

}



.blog-one__img > a > span {

  position: relative;

}



.blog-one__img > a > span::before {

  content: "";

  width: 20px;

  height: 2px;

  background-color: var(--qutiiz-white);

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  transition: all 500ms ease;

}



.blog-one__img > a > span::after {

  content: "";

  transition: all 500ms ease;

  width: 2px;

  height: 20px;

  background-color: var(--qutiiz-white);

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}



.blog-one__img > a:hover > span::before,

.blog-one__img > a:hover > span::after {

  background-color: var(--qutiiz-white);

}



.blog-one__single:hover .blog-one__img > a {

  visibility: visible;

  transform: translateY(0%);

  opacity: 1;

}



.blog-one__date {

  position: absolute;

  bottom: 0;

  right: 20px;

  background-color: var(--qutiiz-base);

  padding: 12px 19px;

  border-top-left-radius: 8px;

  border-top-right-radius: 8px;

}



.blog-one__date p {

  font-size: 14px;

  color: var(--qutiiz-white);

  margin: 0;

  line-height: 16px;

  text-align: center;

  font-family: var(--qutiiz-font-two);

  text-transform: uppercase;

  font-weight: 500;

}



.blog-one__content {

  position: relative;

  display: block;

  background-color: rgb(255, 255, 255);

  box-shadow: 5px 8.66px 60px 0px rgb(4, 0, 11, 0.07);

  border-bottom-left-radius: 8px;

  border-bottom-right-radius: 8px;

  padding: 32px 40px 40px;

}



.blog-one__meta {

  display: flex;

  -webkit-box-align: center;

  align-items: center;

}



.blog-one__meta li {

  position: relative;

  display: block;

  line-height: 26px;

}



.blog-one__meta li + li {

  margin-left: 10px;

}



.blog-one__meta li a {

  font-size: 14px;

  color: var(--qutiiz-gray);

  transition: all 500ms ease;

}



.blog-one__meta li a:hover {

  color: var(--qutiiz-base);

}



.blog-one__meta li a i {

  color: var(--qutiiz-base);

}



.blog-one__title {

  font-size: 26px;

  font-weight: 600;

  text-transform: uppercase;

  line-height: 36px;

  margin-bottom: 20px;

}



.blog-one__title > a {

  color: var(--qutiiz-black);

  transition: all 500ms ease;

}



.blog-one__single:hover .blog-one__title > a {

  color: var(--qutiiz-base);

}



.blog-one__person {

  position: relative;

  display: flex;

  align-items: center;

}



.blog-one__person-img {

  border-radius: 50%;

  position: relative;

  display: block;

}



.blog-one__person-img > img {

  width: auto;

  border-radius: 50%;

  

}



.blog-one__person-content {

  margin-left: 10px;

}



.blog-one__person-content p {

  font-size: 14px;

  margin: 0;

  line-height: 24px;

}



/*--------------------------------------------------------------

# CTA One

--------------------------------------------------------------*/

.cta-one {

  position: relative;

  display: block;

  padding: 0 0 120px;

  overflow: hidden;

  margin-top: 30px;

}



.cta-one-shape-1 {

  position: absolute;

  top: -333px;

  right: 50px;

  width: 495px;

  height: 360px;

  background-color: var(--qutiiz-base);

  mix-blend-mode: screen;

  border-radius: 30px;

  z-index: 1;

  transform: rotate(45deg);

  animation: rectMove 9s linear 0ms infinite;

}



.cta-one-shape-2 {

  position: absolute;

  top: -175px;

  right: -350px;

  width: 495px;

  height: 360px;

  background-color: var(--qutiiz-black);

  mix-blend-mode: soft-light;

  border-radius: 30px;

  transform: rotate(45deg);

  animation: rectMove 9s linear 1000ms infinite;

}



.cta-one-shape-3 {

  position: absolute;

  top: 313px;

  left: -184px;

  width: 495px;

  height: 360px;

  background-color: var(--qutiiz-white);

  mix-blend-mode: soft-light;

  border-radius: 30px;

  z-index: 1;

  transform: rotate(45deg);

  animation: rectMove 9s linear 0ms infinite;

}



.cta-one__inner {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

  background-color: var(--qutiiz-base);

  border-radius: var(--qutiiz-bdr-radius);

  padding: 90px 80px 90px;

  overflow: hidden;

}



.cta-one__left {

  position: relative;

  display: block;

}



.cta-one__title {

  font-size: 40px;

  color: var(--qutiiz-white);

  text-transform: uppercase;

  line-height: 48px;

}



.cta-one__right {

  position: relative;

  display: block;

}



.cta-one__btn {

  color: var(--qutiiz-black);

  background-color: var(--qutiiz-white);

}



.cta-one__btn:hover {

  background-color: transparent;

}



/*--------------------------------------------------------------

# Site Footer

--------------------------------------------------------------*/

.site-footer {

  position: relative;

  display: block;

  z-index: 1;

}



.site-footer__top {

  position: relative;

  display: block;

  background-color: #000000;

  padding: 51px 0;

}



.site-footer__top-inner {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.site-footer__top-left {

  position: relative;

  display: flex;

  align-items: center;

}



.site-footer__top-logo {

  position: relative;

  display: inline-block;

}



.site-footer__top-title-box {

  margin-left: 100px;

}



.site-footer__top-title {

  font-size: 32px;

  color: var(--qutiiz-white);

  text-transform: uppercase;

  line-height: 34px;

}



.site-footer__top-title a {

  position: relative;

  display: inline-block;

  color: var(--qutiiz-base);

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.site-footer__top-title a:hover {

  color: var(--qutiiz-white);

}



.site-footer__top-title a:before {

  position: absolute;

  bottom: 3px;

  left: 0;

  right: 0;

  content: "";

  background-color: var(--qutiiz-base);

  height: 1px;

}



.site-footer__top-right-social {

  display: -webkit-box;

  display: flex;

  -webkit-box-align: center;

  align-items: center;

}



.site-footer__top-right-social a {

  display: -webkit-box;

  display: flex;

  -webkit-box-align: center;

  align-items: center;

  -webkit-box-pack: center;

  justify-content: center;

  text-align: center;

  color: var(--qutiiz-white);

  font-size: 20px;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.site-footer__top-right-social a:hover {

  color: var(--qutiiz-base);

}



.site-footer__top-right-social a + a {

  margin-left: 25px;

}



.site-footer__middle {

  position: relative;

  display: block;

  background-color: var(--qutiiz-black);

  padding-top: 80px;

  z-index: 1;

}



.site-footer-shape {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  opacity: 0.1;

  z-index: -1;

}



.site-footer__middle-inner {

  position: relative;

  display: block;

}



.footer-widget__about {

  position: relative;

  display: block;

}



.footer-widget__title {

  font-size: 20px;

  color: var(--qutiiz-white);

  text-transform: uppercase;

  font-weight: 600;

  line-height: 30px;

  margin-bottom: 23px;

}



.footer-widget__about-text-box {

  position: relative;

  display: block;

  margin-right: -30px;

}



.footer-widget__about-text {

  font-size: 15px;

  font-weight: 500;

  margin: 0;

  line-height: 36px;

}



.footer-widget__about-contact {

  position: relative;

  display: block;

  border-top: 1px solid rgba(var(--qutiiz-white-rgb), 0.1);

  margin-top: 20px;

  padding-top: 18px;

}



.footer-widget__about-contact li {

  position: relative;

  display: flex;

}



.footer-widget__about-contact li .icon i {

  font-size: 15px;

  color: var(--qutiiz-white);

}



.footer-widget__about-contact li .text {

  margin-left: 10px;

}



.footer-widget__about-contact li .text a {

  font-size: 15px;

  color: #a09baa;

  font-weight: 500;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.footer-widget__about-contact li .text a:hover {

  color: var(--qutiiz-white);

}



.footer-widget__about-contact li .text p {

  font-size: 15px;

  color: #a09baa;

  font-weight: 500;

  margin: 0;

}



.footer-widget__links {

  position: relative;

  display: block;

  margin-left: 70px;

  margin-right: -6px;

}



.footer-widget__links-list {

  position: relative;

  display: block;

}



.footer-widget__links-list li + li {

  margin-top: 6px;

}



.footer-widget__links-list li a {

  position: relative;

  display: inline-block;

  font-size: 15px;

  color: #a09baa;

  font-weight: 500;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.footer-widget__links-list li a:hover {

  color: var(--qutiiz-white);

}



.footer-widget__links-list li a:before {

  position: absolute;

  bottom: 7px;

  left: 0;

  right: 0;

  content: "";

  background-color: var(--qutiiz-white);

  height: 1px;

  transition: transform 500ms ease;

  transform: scale(0, 1);

  transform-origin: left center;

}



.footer-widget__links-list li a:hover:before {

  transform: scale(1, 1);

  transform-origin: right center;

}



.footer-widget__explore {

  position: relative;

  display: block;

  margin-left: 70px;

  margin-right: -5px;

}



.footer-widget__explore-list {

  position: relative;

  display: block;

}



.footer-widget__explore-list li + li {

  margin-top: 6px;

}



.footer-widget__explore-list li a {

  position: relative;

  display: inline-block;

  font-size: 15px;

  color: #a09baa;

  font-weight: 500;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.footer-widget__explore-list li a:hover {

  color: var(--qutiiz-white);

}



.footer-widget__explore-list li a:before {

  position: absolute;

  bottom: 7px;

  left: 0;

  right: 0;

  content: "";

  background-color: var(--qutiiz-white);

  height: 1px;

  transition: transform 500ms ease;

  transform: scale(0, 1);

  transform-origin: left center;

}



.footer-widget__explore-list li a:hover:before {

  transform: scale(1, 1);

  transform-origin: right center;

}



.footer-widget__newsletter {

  position: relative;

  display: block;

  background-color: #000000;

  margin-left: 50px;

  padding: 41px 50px 41px;

  margin-top: 8px;

  border-radius: var(--qutiiz-bdr-radius);

  border: 1px solid rgba(var(--qutiiz-white-rgb), 0.1);

}



.footer-widget__newsletter .footer-widget__title {

  margin-bottom: 0;

}



.footer-widget__newsletter-form {

  position: relative;

  display: block;

}



.footer-widget__newsletter-input-box {

  position: relative;

  display: block;

}



.footer-widget__newsletter-input-box:before {

  position: absolute;

  bottom: 8px;

  left: 0;

  right: 0;

  content: "";

  height: 2px;

  background-color: rgba(var(--qutiiz-white-rgb), 0.2);

  border-radius: 0;

}



.footer-widget__newsletter-input-box input[type="email"] {

  font-size: 15px;

  color: #a09baa;

  font-weight: 500;

  height: 70px;

  width: 100%;

  background: transparent;

  border: none;

  border-radius: 0;

  padding-right: 60px;

  outline: none;

}



.footer-widget__newsletter-btn {

  position: absolute;

  top: 50%;

  right: 0;

  height: 70px;

  width: 60px;

  display: flex;

  justify-content: flex-end;

  align-items: center;

  border-radius: 50%;

  background: transparent;

  border: 0;

  transform: translateY(-50%);

  transition: all 500ms ease;

  padding: 0;

}



.footer-widget__newsletter-btn i {

  font-size: 16px;

  color: var(--qutiiz-base);

}



.footer-widget__newsletter-bottom {

  display: flex;

  align-items: center;

  margin-top: 5px;

}



.footer-widget__newsletter-bottom-icon {

  height: 19px;

  width: 19px;

  border: 1px solid rgba(var(--qutiiz-white-rgb), 0.2);

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

}



.footer-widget__newsletter-bottom-icon i {

  font-size: 8px;

  color: #95919f;

}



.footer-widget__newsletter-bottom-text {

  margin-left: 10px;

}



.footer-widget__newsletter-bottom-text p {

  font-size: 15px;

  color: #a09baa;

  margin: 0;

  font-weight: 500;

}



.site-footer__bottom {

  position: relative;

  display: block;

}



.site-footer__bottom-inner {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

  border-top: 1px solid rgba(var(--qutiiz-white-rgb), 0.1);

  padding: 30px 0;

  margin-top: 91px;

}



.site-footer__bottom-left {

  position: relative;

  display: block;

}



.site-footer__bottom-text {

  font-size: 15px;

  color: #a09baa;

  margin: 0;

  font-weight: 500;

}



.site-footer__bottom-text a {

  color: #a09baa;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.site-footer__bottom-text a:hover {

  color: var(--qutiiz-white);

}



.site-footer__bottom-right {

  position: relative;

  display: block;

}



.site-footer__bottom-menu {

  position: relative;

  display: flex;

  align-items: center;

}



.site-footer__bottom-menu li + li {

  margin-left: 24px;

}



.site-footer__bottom-menu li a {

  font-size: 15px;

  color: #a09baa;

  font-weight: 500;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.site-footer__bottom-menu li a:hover {

  color: var(--qutiiz-white);

}



/*--------------------------------------------------------------

# Services Two

--------------------------------------------------------------*/

.services-two {

  position: relative;

  display: block;

  padding: 120px 0 90px;

}



.services-two__single {

  position: relative;

  display: block;

  border-radius: var(--qutiiz-bdr-radius);

  border: 1px solid transparent;

  background-color: #f6f4f9;

  padding: 38px 40px 24px;

  margin-bottom: 30px;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

  background-color: var(--qutiiz-base);

border-radius: var(--qutiiz-bdr-radius);

color: #fff;

height: 430px;

}



.services-two__single:hover {

  background-color: rgb(255, 255, 255);

  box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, 0.07);

  border: 1px solid #e2e0e5;

  color: #000;

}



.services-two__icon {

  position: relative;

  display: inline-block;

}



.services-two__icon:before {

  position: absolute;

  bottom: 8px;

  right: -19px;

  border-radius: 50%;

  background-color: rgb(98, 34, 204);

  opacity: 0.1;

  width: 47px;

  height: 47px;

  content: "";

  -webkit-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  transition: all 500ms ease;

}



.services-two__single:hover .services-two__icon:before {

  transform: scale(1.5);

}



.services-two__icon span {

  font-size: 64px;

  color: var(--qutiiz-base);

  position: relative;

  display: inline-block;

}



.services-two__title {

  font-size: 24px;

  font-weight: 500;

  text-transform: uppercase;

  line-height: 29px;

  margin-top: 16px;

  margin-bottom: 25px;

}



.services-two__title a {

  color: var(--qutiiz-black);

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.services-two__title a:hover {

  color: var(--qutiiz-base);

}



.services-two__text {

  font-size: 16px;

  margin: 0;

  line-height: 32px;

  padding-bottom: 9px;

}



.services-two__arrow {

  color: var(--qutiiz-gray);

  font-size: 20px;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.services-two__arrow:hover {

  color: var(--qutiiz-base);

}



/*--------------------------------------------------------------

# Get To Know Two

--------------------------------------------------------------*/

.get-to-know-two {

  position: relative;

  display: block;

  padding: 0 0 120px;

}



.get-to-know-two__left {

  position: relative;

  display: block;

  margin-right: 90px;

}



.get-to-know-two__img-box {

  position: relative;

  display: block;

}



.get-to-know-two__img-box:before {

  position: absolute;

  top: 0;

  left: -47px;

  height: 320px;

  width: 17px;

  content: "";

  background-color: var(--qutiiz-base);

  border-radius: var(--qutiiz-bdr-radius);

}



.get-to-know-two__img {

  position: relative;

  display: block;

  background-color: var(--qutiiz-black);

  border-radius: var(--qutiiz-bdr-radius);

  overflow: hidden;

}



.get-to-know-two__img:after {

  position: absolute;

  top: 0;

  left: -100%;

  display: block;

  content: "";

  width: 50%;

  height: 100%;

  background: linear-gradient(

    to right,

    rgba(255, 255, 255, 0) 0%,

    rgba(255, 255, 255, 0.3) 100%

  );

  transform: skewX(-25deg);

  z-index: 1;

}



.get-to-know-two__img-box:hover .get-to-know-two__img:after {

  -webkit-animation: shine 1.5s;

  animation: shine 1.5s;

}



.get-to-know-two__img > img {

  width: 100%;

  

  border-radius: var(--qutiiz-bdr-radius);

}



.get-to-know-two__small-img {

  border-radius: var(--qutiiz-bdr-radius);

  background-color: var(--qutiiz-black);

  position: absolute;

  bottom: 0;

  left: -100px;

  z-index: 1;

}



.get-to-know-two__small-img > img {

  border-radius: var(--qutiiz-bdr-radius);

  

}



.get-to-know-two__right {

  position: relative;

  display: block;

}



.get-to-know-two__right .section-title {

  margin-bottom: 30px;

}



.get-to-know-two__text {

  margin: 0;

}



.get-to-know-two__bottom {

  position: relative;

  display: flex;

  border-bottom: 1px solid #e2e0e5;

  margin-top: 35px;

  margin-bottom: 39px;

  padding-bottom: 39px;

}



.get-to-know-two__icon {

  position: relative;

  top: 9px;

}



.get-to-know-two__icon span {

  position: relative;

  display: inline-block;

  color: var(--qutiiz-base);

  font-size: 64px;

  transition: all 500ms linear;

  transition-delay: 0.1s;

}



.get-to-know-two__bottom:hover .get-to-know-two__icon span {

  transform: rotateY(360deg);

  color: var(--qutiiz-black);

}



.get-to-know-two__content {

  margin-left: 30px;

}



.get-to-know-two__text-2 {

  margin: 0;

}



.get-to-know-two__points-box {

  position: relative;

  display: block;

  overflow: hidden;

  margin-bottom: 38px;

}



.get-to-know-two__points {

  position: relative;

  float: left;

  margin-right: 47px;

}



.get-to-know-two__points li {

  position: relative;

  display: flex;

  align-items: center;

}



.get-to-know-two__points li + li {

  margin-top: 6px;

}



.get-to-know-two__points li .icon {

  position: relative;

  top: 1px;

}



.get-to-know-two__points li .icon span {

  font-size: 15px;

  color: var(--qutiiz-base);

  transition: all 500ms ease;

  transform: scale(1);

}

.get-to-know-two__points li:hover .icon span {

  transform: scale(0.85);

}



.get-to-know-two__points li .text {

  margin-left: 10px;

}



.get-to-know-two__points li .text p {

  font-weight: 500;

  color: var(--qutiiz-black);

  margin: 0;

}



.get-to-know-two__points-two {

  margin-right: 0;

}



/*--------------------------------------------------------------

# Qutiiz Ready Two

--------------------------------------------------------------*/

.qutiiz-ready-two {

  position: relative;

  display: block;

  padding: 99px 0 120px;

}



.qutiiz-ready-two-bg-box {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: var(--qutiiz-black);

  z-index: 1;

}



.qutiiz-ready-two-bg {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  z-index: 1;

  

  opacity: 0.3;

}



.qutiiz-ready-two__inner {

  position: relative;

  display: block;

  text-align: center;

  z-index: 2;

}



.qutiiz-ready-two__title {

  font-size: 70px;

  color: var(--qutiiz-white);

  text-transform: uppercase;

  line-height: 85px;

  margin-bottom: 45px;

}



.qutiiz-ready-two__btn::after {

  background-color: #fff;

}

.qutiiz-ready-two__btn:hover {

  color: var(--qutiiz-black);

}



/*--------------------------------------------------------------

# Why Choose Two

--------------------------------------------------------------*/

.why-choose-two {

  position: relative;

  display: block;

  background-color: #f6f4f9;

}



.why-choose-two__top {

  position: relative;

  display: block;

}



.why-choose-two__top-left {

  position: relative;

  display: block;

  margin-right: -33px;

  margin-left: -375px;

}



.why-choose-two__top-img {

  position: relative;

  display: block;

}



.why-choose-two__top-img img {

  width: 100%;

}



.why-choose-two__video-link {

  position: absolute;

  right: 193px;

  bottom: 180px;

}



.why-choose-two__video-icon {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 147px;

  height: 147px;

  line-height: 97px;

  text-align: center;

  font-size: 25px;

  color: var(--qutiiz-white);

  background-color: var(--qutiiz-base);

  border-radius: 50%;

  margin: 0 auto;

  transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

}



.why-choose-two__video-icon:hover {

  background-color: var(--qutiiz-black);

  color: var(--qutiiz-white);

}



.why-choose-two__video-icon:before {

  position: absolute;

  top: -17px;

  left: -17px;

  right: -17px;

  bottom: -17px;

  content: "";

  border-radius: 50%;

  z-index: 1;

  border: 1px solid var(--qutiiz-base);

  opacity: 0.2;

}



.why-choose-two__video-link .ripple,

.why-choose-two__video-icon .ripple:before,

.why-choose-two__video-icon .ripple:after {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 183px;

  height: 183px;

  transform: translate(-50%, -50%);

  -ms-box-shadow: 0 0 0 0 rgba(var(--qutiiz-base-rgb), 0.6);

  -o-box-shadow: 0 0 0 0 rgba(var(--qutiiz-base-rgb), 0.6);

  box-shadow: 0 0 0 0 rgba(var(--qutiiz-base-rgb), 0.6);

  -webkit-animation: ripple 3s infinite;

  animation: ripple 3s infinite;

  border-radius: 50%;

}



.why-choose-two__video-icon .ripple:before {

  -webkit-animation-delay: 0.9s;

  animation-delay: 0.9s;

  content: "";

  position: absolute;

}



.why-choose-two__video-icon .ripple:after {

  -webkit-animation-delay: 0.6s;

  animation-delay: 0.6s;

  content: "";

  position: absolute;

}



.why-choose-two__right {

  position: relative;

  display: block;

  margin-left: 70px;

  padding-top: 120px;

}



.why-choose-two__right .section-title {

  margin-bottom: 30px;

}



.why-choose-two__text {

  margin: 0;

  padding-bottom: 29px;

}



.why-choose-two__points {

  position: relative;

  display: block;

}



.why-choose-two__points li {

  position: relative;

  display: flex;

  align-items: center;

}



.why-choose-two__points li + li {

  margin-top: 10px;

}



.why-choose-two__points li .icon {

  position: relative;

  top: 1px;

}



.why-choose-two__points li .icon span {

  font-size: 15px;

  color: var(--qutiiz-base);

  transform: scale(1);

  transition: all 500ms ease;

}

.why-choose-two__points li:hover .icon span {

  transform: scale(0.85);

}



.why-choose-two__points li .text {

  margin-left: 20px;

}



.why-choose-two__points li .text p {

  font-size: 20px;

  color: var(--qutiiz-black);

  margin: 0;

}



.why-choose-two__counter {

  position: relative;

  display: flex;

  align-items: center;

  border-top: 1px solid rgba(var(--qutiiz-black-rgb), 0.1);

  margin-top: 44px;

  padding-top: 31px;

}



.why-choose-two__counter-icon {

  position: relative;

  top: 11px;

}



.why-choose-two__counter-icon span {

  font-size: 64px;

  color: var(--qutiiz-base);

  position: relative;

  display: inline-block;

  transition: all 500ms linear;

  transition-delay: 0.1s;

}



.why-choose-two__counter:hover .why-choose-two__counter-icon span {

  transform: scale(1.2);

}



.why-choose-two__counter-content {

  margin-left: 30px;

}



.why-choose-two__counter-content h3 {

  font-size: 50px;

  font-weight: 500;

  letter-spacing: 0.1em;

  font-family: var(--qutiiz-font-two) !important;

  line-height: 60px !important;

}



.why-choose-two__counter-content p {

  margin: 0;

  color: var(--qutiiz-base);

  line-height: 23px;

}



.why-choose-two__bottom {

  position: relative;

  display: block;

  margin-top: 60px;

  padding-bottom: 90px;

}



.why-choose-two__single {

  position: relative;

  display: flex;

  align-items: center;

  background-color: rgb(255, 255, 255);

  box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, 0.05);

  border-radius: var(--qutiiz-bdr-radius);

  padding: 38px 40px 38px;

  margin-bottom: 30px;

}



.why-choose-two__icon {

  height: 64px;

  width: 64px;

  border-radius: 50%;

  background-color: var(--qutiiz-base);

  font-size: 32px;

  color: var(--qutiiz-white);

  display: flex;

  align-items: center;

  justify-content: center;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.why-choose-two__icon .icon-suitcase {

  font-size: 28px;

}



.why-choose-two__single:hover .why-choose-two__icon {

  background-color: var(--qutiiz-black);

}



.why-choose-two__icon span {

  position: relative;

  display: inline-block;

  transition: all 500ms linear;

  transition-delay: 0.1s;

}



.why-choose-two__single:hover .why-choose-two__icon span {

  transform: rotate(360deg);

}



.why-choose-two__content {

  margin-left: 20px;

}



.why-choose-two__content-text {

  font-size: 20px;

  text-transform: uppercase;

  line-height: 30px;

  font-weight: 500;

}



/*--------------------------------------------------------------

# Project Two

--------------------------------------------------------------*/

.project-two {

  position: relative;

  display: block;

  padding: 120px 0 170px;

}



.project-two__container {

  position: relative;

  display: block;

  max-width: 1600px;

  width: 100%;

  margin: 0 auto;

  padding: 0 15px;

}



.project-two__carousel {

  position: relative;

  display: block;

}



.project-two__single {

  position: relative;

  display: block;

}



.project-two__img {

  position: relative;

  display: block;

  background-color: var(--qutiiz-black);

  border-radius: var(--qutiiz-bdr-radius);

}



.project-two__img img {

  width: 100%;

  

  border-radius: var(--qutiiz-bdr-radius);

  transition: transform 500ms ease, mix-blend-mode 500ms ease;

}



.project-two__single:hover .project-two__img img {

  mix-blend-mode: normal;

}



.project-two__hover {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  padding: 31px 58px 30px;

  padding-right: 40px;

  transform: scaleY(0);

  transform-origin: center;

  transform-style: preserve-3d;

  transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.52);

  border-bottom-left-radius: 8px;

  border-bottom-right-radius: 8px;

  z-index: 1;

}



.project-two__single:hover .project-two__hover {

  transform: scaleY(1);

}



.project-two__hover:before {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  content: "";

  background-color: rgba(var(--qutiiz-black-rgb), 0.9);

  border-bottom-left-radius: 8px;

  border-bottom-right-radius: 8px;

  z-index: -1;

}



.project-two__tagline {

  position: relative;

  display: inline-block;

  font-size: 12px;

  color: var(--qutiiz-white);

  text-transform: uppercase;

  letter-spacing: 0.1em;

  margin: 0;

  line-height: 20px;

  font-weight: 500;

  font-family: var(--qutiiz-font-two);

}



.project-two__tagline:before {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  content: "";

  height: 1px;

  width: -webkit-fill-available;

  background-color: var(--qutiiz-base);

}



.project-two__title {

  font-size: 24px;

  text-transform: uppercase;

  line-height: 24px;

}



.project-two__title a {

  color: var(--qutiiz-white);

  transition: all 500ms ease;

}



.project-two__title a:hover {

  color: var(--qutiiz-base);

}



.project-two__carousel.owl-carousel .owl-dots {

  position: absolute;

  bottom: -60px;

  left: 0px;

  right: 0;

  text-align: center;

  margin: 0 !important;

}



.project-two__carousel.owl-carousel .owl-dots .owl-dot {

  position: relative;

  display: inline-block;

  width: 10px;

  height: 10px;

  border-radius: 50%;

  border: 2px solid transparent;

  background-color: rgba(var(--qutiiz-black-rgb), 0.2);

  margin: 0px 2.5px;

  padding: 0px;

  transition: all 100ms linear;

  transition-delay: 0.1s;

}



.project-two__carousel.owl-carousel .owl-dot.active {

  border: 2px solid var(--qutiiz-base);

  background-color: rgba(var(--qutiiz-black-rgb), 0);

}



.project-two__carousel.owl-carousel .owl-dot:focus {

  outline: none;

}



.project-two__carousel.owl-carousel .owl-dots .owl-dot span {

  display: none;

}



/*--------------------------------------------------------------

# Counter Two

--------------------------------------------------------------*/

.counter-two {

  position: relative;

  display: block;

  z-index: 2;

}



.counter-two__inner {

  position: relative;

  display: block;

  background-color: var(--qutiiz-base);

  padding: 79px 0 73px;

  border-radius: var(--qutiiz-bdr-radius);

  overflow: hidden;

  z-index: 1;

}



.counter-two-shape1 {

  height: 304px;

  width: 304px;

  background-color: var(--qutiiz-white);

  position: absolute;

  bottom: -260px;

  left: -189px;

  mix-blend-mode: soft-light;

  border-radius: var(--qutiiz-bdr-radius);

  transform: rotate(45deg);

  animation: rectMove 9s linear 0ms infinite;

}



.counter-two-shape2 {

  position: absolute;

  top: -535px;

  right: -75px;

  width: 575px;

  height: 575px;

  background-color: var(--qutiiz-base);

  border-radius: 20px;

  mix-blend-mode: screen;

  transform: rotate(45deg);

  animation: rectMove 9s linear 0ms infinite;

}



.counter-two-shape3 {

  position: absolute;

  top: -326px;

  right: -516px;

  width: 575px;

  height: 575px;

  background-color: var(--qutiiz-black);

  border-radius: var(--qutiiz-bdr-radius);

  mix-blend-mode: soft-light;

  transform: rotate(45deg);

  animation: rectMove 9s linear 1s infinite;

}



.counter-two__left {

  position: relative;

  display: block;

  margin-top: 21px;

  margin-left: 80px;

}



.counter-two__title {

  font-size: 40px;

  color: var(--qutiiz-white);

  text-transform: uppercase;

  line-height: 40px;

}



.counter-two__right {

  position: relative;

  display: block;

  margin-right: 6px;

}



.counter-two__list {

  position: relative;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

}



.counter-two__single {

  position: relative;

  flex: 0 0 33.333333%;

  max-width: 33.333333%;

  width: 100%;

  text-align: center;

}



.counter-two__single:before {

  position: absolute;

  top: 21px;

  bottom: 27px;

  left: 0;

  content: "";

  width: 1px;

  background-color: rgba(var(--qutiiz-white-rgb), 0.1);

}



.counter-two__single:first-child:before {

  display: none;

}



.counter-two__icon span {

  position: relative;

  display: inline-block;

  font-size: 64px;

  color: var(--qutiiz-white);

  transition: all 500ms linear;

  transition-delay: 0.1s;

  transform: scale(1);

}



.counter-two__single:hover .counter-two__icon span {

  transform: scale(0.9);

}



.counter-two__single h3 {

  font-size: 50px;

  font-family: var(--qutiiz-font-two) !important;

  line-height: 60px !important;

  color: var(--qutiiz-white);

  font-weight: 400;

  margin-top: 5px;

  margin-bottom: 2px;

}



.counter-two__text {

  margin: 0;

  line-height: 27px;

  color: #fff;

  text-transform: uppercase;

  font-family: var(--qutiiz-font-two);

  letter-spacing: 0.1em;

  font-weight: 500;

}



.counter-two__single .odometer-formatting-mark {

  display: none;

}



/*--------------------------------------------------------------

# Blog Two

--------------------------------------------------------------*/

.blog-two {

  position: relative;

  display: block;

  padding: 240px 0 30px;

  margin-top: -120px;

  z-index: 1;

}



.blog-two:before {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  content: "";

  height: 637px;

  background-color: var(--qutiiz-black);

  z-index: -1;

}



.blog-two .section-title__tagline {

  color: #a09baa;

}



.blog-two .section-title__title {

  color: var(--qutiiz-white);

}



/*--------------------------------------------------------------

# We Care

--------------------------------------------------------------*/

.we-care {

  position: relative;

  display: block;

}



.we-care__inner {

  position: relative;

  display: flex;

  align-items: center;

  border-top: 1px solid #e4e2e7;

  padding-top: 60px;

  padding-bottom: 60px;

}



.we-care__img {

  position: relative;

  border-radius: var(--qutiiz-bdr-radius);

  background-color: var(--qutiiz-black);

  z-index: 1;

}



.we-care__img:before {

  position: absolute;

  top: 0;

  bottom: 0;

  right: 0;

  content: "";

  background-color: var(--qutiiz-base);

  border-top-right-radius: 8px;

  border-bottom-right-radius: 8px;

  width: 10px;

  z-index: 1;

}



.we-care__img img {

  

  border-radius: var(--qutiiz-bdr-radius);

}



.we-care__content {

  margin-left: 50px;

}



.we-care__title {

  font-size: 30px;

  font-weight: 400;

  text-transform: uppercase;

  line-height: 36px;

  margin-bottom: 8px;

}



.we-care__text {

  font-size: 16px;

  margin: 0;

}



/*--------------------------------------------------------------

# Google Map

--------------------------------------------------------------*/

.google-map {

  position: relative;

  display: block;

}



.google-map__one {

  position: relative;

  display: block;

  border: none;

  height: 555px;

  width: 100%;

}



/*--------------------------------------------------------------

# Contact One

--------------------------------------------------------------*/

.contact-one {

  position: relative;

  display: block;

  padding: 120px 0 114px;

}



.contact-one__left {

  position: relative;

  display: block;

}



.contact-one__left .section-title {

  margin-bottom: 40px;

}



.contact-one__images {

  position: relative;

  display: block;

  overflow: hidden;

}



.contact-one__images li {

  position: relative;

  float: left;

}



.contact-one__images li + li {

  margin-left: 20px;

}



.contact-one__img-1 {

  position: relative;

  display: block;

  background-color: var(--qutiiz-black);

  border-radius: var(--qutiiz-bdr-radius);

}



.contact-one__img-1 img {

  border-radius: var(--qutiiz-bdr-radius);

  

}



.contact-one__text {

  margin: 0;

  padding-top: 40px;

  padding-bottom: 28px;

}



.contact-one__points {

  position: relative;

  display: block;

}



.contact-one__points li {

  position: relative;

  display: flex;

  align-items: center;

}



.contact-one__points li + li {

  margin-top: 6px;

}



.contact-one__points li .icon {

  position: relative;

  display: flex;

  top: 1px;

}



.contact-one__points li .icon span {

  font-size: 15px;

  color: var(--qutiiz-base);

  transform: scale(1);

  transition: all 500ms ease;

}

.contact-one__points li:hover .icon span {

  transform: scale(0.85);

}



.contact-one__points li .text {

  margin-left: 15px;

}



.contact-one__points li .text p {

  color: var(--qutiiz-black);

  margin: 0;

}



.contact-one__right {

  position: relative;

  display: block;

  margin-left: 70px;

}



.contact-one__right-form {

  position: relative;

  display: block;

  background-color: #f6f4f9;

  border-radius: var(--qutiiz-bdr-radius);

  padding: 60px;

}



.contact-one__right-form input[type="text"],

.contact-one__right-form input[type="email"] {

  height: 68px;

  width: 100%;

  border: none;

  background: var(--qutiiz-white);

  padding-left: 30px;

  padding-right: 30px;

  margin-bottom: 10px;

  border-radius: var(--qutiiz-bdr-radius);

  outline: none;

  font-size: 14px;

  color: var(--qutiiz-gray);

  font-weight: 400;

  display: block;

}



.contact-one__right-form textarea {

  width: 100%;

  height: 175px;

  background: var(--qutiiz-white);

  border-radius: var(--qutiiz-bdr-radius);

  outline: none;

  font-size: 14px;

  color: var(--qutiiz-gray);

  font-weight: 400;

  display: block;

  border: none;

  padding: 18px 30px 30px;

  margin-bottom: 10px;

}



.contact-one__btn {

  border: none;

  outline: none;

}



/*--------------------------------------------------------------

# Brand Two

--------------------------------------------------------------*/

.brand-two {

  border-bottom: 0;

  border-top: 1px solid #e2e0e5;

}



/*--------------------------------------------------------------

# Page Header

--------------------------------------------------------------*/

.page-header {

  position: relative;

  display: block;

  padding: 283px 0 174px;

  background-color: var(--qutiiz-black);

  z-index: 1;

}



.page-header-bg {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  background-color: var(--qutiiz-black);

  background-blend-mode: luminosity;

  opacity: 0.4;

  z-index: -1;

}



.page-header-border {

  position: absolute;

  top: 108px;

  left: 0;

  bottom: 0;

  width: 14.29%;

  border-right: 1px solid rgba(255, 255, 255, 0.05);

  z-index: 10;

}



.page-header-border-two {

  left: 14.29%;

}



.page-header-border-three {

  left: 28.59%;

}



.page-header-border-four {

  left: 42.88%;

}



.page-header-border-five {

  left: 57.17%;

}



.page-header-border-six {

  left: 71.46%;

}



.page-header-shape-1 {

  position: absolute;

  top: -182px;

  right: 125px;

  width: 495px;

  height: 350px;

  background-color: var(--qutiiz-base);

  mix-blend-mode: screen;

  transform: rotate(45deg);

  border-radius: 20px;

  animation: rectMove 9s linear 0ms infinite;

}



.page-header-shape-2 {

  position: absolute;

  top: -70px;

  right: -250px;

  width: 495px;

  height: 350px;

  background-color: var(--qutiiz-black);

  mix-blend-mode: soft-light;

  transform: rotate(45deg);

  border-radius: 20px;

  z-index: 1;

  animation: rectMove 9s linear 1s infinite;

}



.page-header-shape-3 {

  position: absolute;

  top: 221px;

  right: -394px;

  width: 495px;

  height: 350px;

  background-color: var(--qutiiz-white);

  mix-blend-mode: soft-light;

  transform: rotate(45deg);

  border-radius: 20px;

  z-index: 1;

  animation: rectMove 9s linear 2s infinite;

}



.page-header__inner {

  position: relative;

  display: block;

  text-align: center;

  z-index: 15;

}



.page-header__inner h2 {

  font-size: 60px;

  color: var(--qutiiz-white);

  line-height: 70px;

  text-transform: uppercase;

  margin-top: 1px;

  font-weight: 400;

}



.thm-breadcrumb {

  position: relative;

  display: block;

}



.thm-breadcrumb li {

  position: relative;

  display: inline-block;

  color: var(--qutiiz-white);

  font-size: 14px;

  text-transform: uppercase;

  letter-spacing: 0.1em;

  font-weight: 600;

  font-family: var(--qutiiz-font-two);

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.thm-breadcrumb li:before {

  position: absolute;

  top: 16px;

  left: -20px;

  content: "";

  background-color: var(--qutiiz-white);

  height: 2px;

  width: 5px;

}



.thm-breadcrumb li:first-child:before {

  display: none;

}



.thm-breadcrumb li + li {

  margin-left: 29px;

}



.thm-breadcrumb li a {

  color: var(--qutiiz-white);

  font-size: 14px;

  letter-spacing: 0.1em;

  font-weight: 600;

  font-family: var(--qutiiz-font-two);

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.thm-breadcrumb li:hover a {

  color: #a09baa;

}



/*--------------------------------------------------------------

# Blog Sidebar

--------------------------------------------------------------*/

.blog-sidebar {

  position: relative;

  display: block;

  padding: 120px 0 120px;

}



.blog-sidebar__left {

  position: relative;

  display: block;

}



.blog-sidebar__content {

  position: relative;

  display: block;

}



.blog-sidebar__content-single {

  position: relative;

  display: block;

}



.blog-sidebar__content-single + .blog-sidebar__content-single {

  margin-top: 15px;

}



.blog-sidebar__content-img {

  position: relative;

  display: block;

  border-radius: var(--qutiiz-bdr-radius);

  background-color: var(--qutiiz-black);

}



.blog-sidebar__content-img img {

  width: 100%;

  

  border-radius: var(--qutiiz-bdr-radius);

}



.blog-sidebar__date-box {

  position: absolute;

  bottom: 0;

  right: 20px;

  background-color: var(--qutiiz-base);

  padding: 12px 19px;

  border-top-left-radius: 8px;

  border-top-right-radius: 8px;

}



.blog-sidebar__date-box p {

  font-size: 14px;

  color: var(--qutiiz-white);

  margin: 0;

  line-height: 16px;

  text-align: center;

  font-family: var(--qutiiz-font-two);

  text-transform: uppercase;

  font-weight: 500;

}



.blog-sidebar__content-box {

  position: relative;

  display: block;

  margin-top: 23px;

}



.blog-sidebar__meta {

  display: flex;

  -webkit-box-align: center;

  align-items: center;

}



.blog-sidebar__meta li {

  position: relative;

  display: block;

  line-height: 26px;

}



.blog-sidebar__meta li a {

  font-size: 14px;

  color: var(--qutiiz-gray);

  transition: all 500ms ease;

}



.blog-sidebar__meta li a:hover {

  color: var(--qutiiz-base);

}



.blog-sidebar__meta li a i {

  color: var(--qutiiz-base);

}



.blog-sidebar__meta li + li {

  margin-left: 10px;

}



.blog-sidebar__title {

  font-size: 34px;

  font-weight: 600;

  text-transform: uppercase;

  line-height: 40px;

  margin-top: 5px;

  margin-bottom: 13px;

}



.blog-sidebar__title a {

  color: var(--qutiiz-black);

  transition: all 500ms ease;

}



.blog-sidebar__title a:hover {

  color: var(--qutiiz-base);

}



.blog-sidebar__text {

  font-size: 16px;

  margin: 0;

  line-height: 32px;

}



.blog-sidebar__read-more-btn {

  margin-top: 9px;

}



.blog-sidebar__read-more-btn a {

  font-size: 20px;

  color: var(--qutiiz-black);

  transition: all 500ms ease;

}



.blog-sidebar__read-more-btn a:hover {

  color: var(--qutiiz-base);

}



.blog-sidebar__bottom-box {

  position: relative;

  display: block;

  background-color: #f6f4f9;

  padding: 57px 60px 53px;

  margin-top: 15px;

  border-radius: var(--qutiiz-bdr-radius);

}



.blog-sidebar__bottom-box-icon {

  margin-bottom: 20px;

}



.blog-sidebar__bottom-box-text {

  margin: 0;

}



.blog-sidebar__delivering-services {

  position: relative;

  display: block;

  background-color: #f6f4f9;

  padding: 60px 60px 53px;

  margin-top: 30px;

  margin-bottom: 30px;

  border-radius: var(--qutiiz-bdr-radius);

}



.blog-sidebar__delivering-services-icon {

  margin-bottom: 11px;

}



.blog-sidebar__delivering-services-title {

  font-size: 34px;

  text-transform: uppercase;

  line-height: 40px;

  font-weight: 600;

}



.blog-sidebar__delivering-services-title a {

  color: var(--qutiiz-black);

  transition: all 500ms ease;

}



.blog-sidebar__delivering-services-title a:hover {

  color: var(--qutiiz-base);

}



/*--------------------------------------------------------------

# Sidebar

--------------------------------------------------------------*/



@media (max-width: 991px) {

  .sidebar {

    margin-top: 50px;

  }

}



.sidebar__single + .sidebar__single {

  margin-top: 30px;

}



.sidebar__title {

  margin: 0;

  font-size: 24px;

  text-transform: uppercase;

  margin-bottom: 4px;

  font-weight: 500;

}



.sidebar__search {

  position: relative;

  display: block;

}



.sidebar__search-form {

  position: relative;

}



.sidebar__search-form input[type="search"] {

  display: block;

  border: none;

  outline: none;

  background-color: var(--qutiiz-base);

  color: var(--qutiiz-white);

  font-size: 18px;

  font-weight: 400;

  padding-left: 50px;

  height: 78px;

  width: 100%;

  padding-right: 80px;

  border-radius: var(--qutiiz-bdr-radius);

}



.sidebar__search-form ::-webkit-input-placeholder {

  color: var(--qutiiz-white);

  opacity: 1;

}



.sidebar__search-form ::-moz-placeholder {

  color: var(--qutiiz-white);

  opacity: 1;

}



.sidebar__search-form :-ms-input-placeholder {

  color: var(--qutiiz-white);

  opacity: 1;

}



.sidebar__search-form ::-ms-input-placeholder {

  color: var(--qutiiz-white);

  opacity: 1;

}



.sidebar__search-form ::placeholder {

  color: var(--qutiiz-white);

  opacity: 1;

}



.sidebar__search-form :-ms-input-placeholder {

  color: var(--qutiiz-white);

}



.sidebar__search-form ::-ms-input-placeholder {

  color: var(--qutiiz-white);

}



.sidebar__search-form button[type="submit"] {

  background-color: transparent;

  color: var(--qutiiz-white);

  font-size: 22px;

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  width: 72px;

  outline: none;

  border: none;

  display: flex;

  align-items: center;

  padding: 0;

}



.sidebar__post {

  position: relative;

  display: block;

  padding: 45px 30px 30px;

  background-color: #f6f4f9;

  border-radius: var(--qutiiz-bdr-radius);

}



.sidebar__post .sidebar__title {

  margin-left: 20px;

}



.sidebar__post-list {

  margin: 0;

}



.sidebar__post-list li {

  display: -webkit-box;

  display: flex;

  -webkit-box-align: center;

  align-items: center;

  padding: 17px 20px 17px;

  transition: all 500ms ease;

  border-radius: var(--qutiiz-bdr-radius);

}



.sidebar__post-list li:hover {

  background-color: rgb(255, 255, 255);

}



.sidebar__post-list li + li {

  margin-top: 10px;

}



.sidebar__post-image {

  margin-right: 20px;

  background-color: var(--qutiiz-black);

  border-radius: var(--qutiiz-bdr-radius);

}



.sidebar__post-image > img {

  width: 70px;

  

  border-radius: var(--qutiiz-bdr-radius);

}



.sidebar__post-content {

  position: relative;

  top: -6px;

}



.sidebar__post-content h3 {

  font-size: 16px;

  margin: 0;

  line-height: 26px;

}



.sidebar__post-content-meta {

  font-size: 14px;

  font-weight: 400;

  color: var(--qutiiz-gray) !important;

  font-family: var(--qutiiz-font);

  transition: all 500ms ease;

}



.sidebar__post-content-meta i {

  color: var(--qutiiz-base);

  font-size: 12px;

  padding-right: 3px;

}



.sidebar__post-content h3 a {

  color: var(--qutiiz-black);

  transition: all 500ms ease;

  text-transform: uppercase;

  margin-top: 1px;

  display: block;

  font-size: 20px;

  font-weight: 500;

}



.sidebar__category {

  position: relative;

  display: block;

  background-color: #f6f4f9;

  padding: 45px 30px 38px;

  border-radius: var(--qutiiz-bdr-radius);

}



.sidebar__category .sidebar__title {

  padding-left: 20px;

  margin-bottom: 8px;

}



.sidebar__category-list {

  margin: 0;

}



.sidebar__category-list li + li {

  margin-top: 3px;

}



.sidebar__category-list li a {

  color: var(--qutiiz-gray);

  font-size: 18px;

  position: relative;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

  display: block;

  background: none;

  padding: 5px 20px;

  border-radius: var(--qutiiz-bdr-radius);

}



.sidebar__category-list li a:hover {

  background-color: rgb(255, 255, 255);

  color: var(--qutiiz-black);

}



.sidebar__category-list li.active a {

  background-color: rgb(255, 255, 255);

  color: var(--qutiiz-black);

}



.sidebar__category-list li a span {

  position: absolute;

  top: 50%;

  right: 20px;

  transform: translateY(-50%) scale(0);

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

  color: var(--qutiiz-base);

  text-align: center;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 20px;

}



.sidebar__category-list li a:hover span {

  color: var(--qutiiz-base);

  transform: translateY(-50%) scale(1);

}



.sidebar__category-list li.active a span {

  transform: translateY(-50%) scale(1);

  color: var(--qutiiz-base);

}



.sidebar__tags {

  position: relative;

  display: block;

  background: #f6f4f9;

  padding: 45px 45px 50px;

  border-radius: var(--qutiiz-bdr-radius);

}



.sidebar__tags .sidebar__title {

  margin-left: 5px;

  margin-bottom: 24px;

}



.sidebar__tags-list {

  margin-top: -10px;

}



.sidebar__tags-list a {

  font-size: 12px;

  color: var(--qutiiz-black);

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

  background: var(--qutiiz-white);

  display: inline-block;

  padding: 2px 20px;

  margin-left: 5px;

  text-transform: uppercase;

  font-weight: 600;

  letter-spacing: 0.1em;

  border-radius: var(--qutiiz-bdr-radius);

  font-family: var(--qutiiz-font-two);

}



.sidebar__tags-list a + a {

  margin-left: 5px;

  margin-top: 10px;

}



.sidebar__tags-list a:hover {

  color: var(--qutiiz-white);

  background: var(--qutiiz-base);

}



.sidebar__comments {

  position: relative;

  display: block;

  background: #f6f4f9;

  border-radius: var(--qutiiz-bdr-radius);

  padding: 45px 50px 43px;

}



.sidebar__comments .sidebar__title {

  margin-bottom: 24px;

}



.sidebar__comments-list {

  position: relative;

  display: block;

}



.sidebar__comments-list li {

  position: relative;

  display: block;

  padding-left: 65px;

}



.sidebar__comments-list li + li {

  margin-top: 23px;

}



.sidebar__comments-icon {

  height: 45px;

  width: 45px;

  background-color: var(--qutiiz-white);

  border-radius: 50%;

  font-size: 15px;

  color: var(--qutiiz-black);

  display: flex;

  align-items: center;

  justify-content: center;

  position: absolute;

  top: 0;

  left: 0;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}



.sidebar__comments-list li:hover .sidebar__comments-icon {

  background-color: var(--qutiiz-base);

  color: var(--qutiiz-white);

}



.sidebar__comments-text-box p {

  font-size: 15px;

  margin: 0;

  line-height: 26px;

}



.sidebar__comments-text-box h5 {

  font-size: 16px;

  color: var(--qutiiz-black);

  line-height: 26px;

  font-family: var(--qutiiz-font);

  font-weight: 400;

}



.blog-sidebar .why-choose-two__video-link {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 1;

}



.blog-sidebar .why-choose-two__video-icon {

  width: 97px;

  height: 97px;

  line-height: 97px;

  text-align: center;

  font-size: 25px;

  color: var(--qutiiz-base);

  background-color: var(--qutiiz-white);

}



.blog-sidebar .why-choose-two__video-icon:hover {

  background-color: var(--qutiiz-base);

  color: var(--qutiiz-white);

}



.blog-sidebar .why-choose-two__video-icon:before {

  position: absolute;

  top: -15px;

  left: -15px;

  right: -15px;

  bottom: -15px;

  content: "";

  border-radius: 50%;

  z-index: 1;

  border: 1px solid var(--qutiiz-white);

  opacity: 0.1;

}



.blog-sidebar .why-choose-two__video-link .ripple,

.blog-sidebar .why-choose-two__video-icon .ripple:before,

.blog-sidebar .why-choose-two__video-icon .ripple:after {

  width: 126px;

  height: 126px;

}



/*--------------------------------------------------------------

# Blog Details

--------------------------------------------------------------*/

.blog-details {

  position: relative;

  display: block;

  padding: 120px 0 120px;

}



.blog-details__left {

  position: relative;

  display: block;

}



.blog-details__img {

  position: relative;

  display: block;

  background-color: var(--qutiiz-black);

  border-radius: var(--qutiiz-bdr-radius);

}



.blog-details__img img {

  width: 100%;

  

  border-radius: var(--qutiiz-bdr-radius);

}



.blog-details__date-box {

  position: absolute;

  bottom: 0;

  right: 20px;

  background-color: var(--qutiiz-base);

  padding: 12px 19px;

  border-top-left-radius: 8px;

  border-top-right-radius: 8px;

}



.blog-details__date-box p {

  font-size: 14px;

  color: var(--qutiiz-white);

  margin: 0;

  line-height: 16px;

  text-align: center;

  font-family: var(--qutiiz-font-two);

  text-transform: uppercase;

  font-weight: 500;

}



.blog-details__content {

  position: relative;

  display: block;

  margin-top: 20px;

}



.blog-details__meta {

  display: flex;

  -webkit-box-align: center;

  align-items: center;

}



.blog-details__meta li {

  position: relative;

  display: block;

  line-height: 28px;

}



.blog-details__meta li a {

  font-size: 14px;

  color: var(--qutiiz-gray);

  transition: all 500ms ease;

}



.blog-details__meta li a:hover {

  color: var(--qutiiz-base);

}



.blog-details__meta li a i {

  color: var(--qutiiz-base);

}



.blog-details__meta li + li {

  margin-left: 10px;

}



.blog-details__title {

  font-size: 34px;

  text-transform: uppercase;

  line-height: 46px;

  margin-bottom: 10px;

  font-weight: 600;

}



.blog-details__text-1,

.blog-details__text-2 {

  font-size: 16px;

  line-height: 32px;

  margin: 0;

}



.blog-details__text-2 {

  padding-top: 32px;

  padding-bottom: 32px;

}



.blog-details__bottom {

  display: -webkit-box;

  display: flex;

  -webkit-box-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  justify-content: space-between;

  flex-wrap: wrap;

  padding: 30px 0 30px;

  margin-top: 51px;

  border-top: 1px solid #e2e0e5;

}



.blog-details__bottom p {

  margin: 0;

}



.blog-details__tags span {

  color: var(--qutiiz-black);

  font-size: 20px;

  margin-right: 15px;

  text-transform: uppercase;

  font-family: var(--qutiiz-font-two);

  font-weight: 500;

}



.blog-details__tags a {

  position: relative;

  color: var(--qutiiz-black);

  font-size: 12px;

  background-color: #f6f4f9;

  display: inline-block;

  padding: 2px 20px;

  text-transform: uppercase;

  letter-spacing: 0.1em;

  font-weight: 600;

  border-radius: var(--qutiiz-bdr-radius);

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

  font-family: var(--qutiiz-font-two);

}



.blog-details__tags a:hover {

  background-color: var(--qutiiz-base);

  color: var(--qutiiz-white);

}



.blog-details__tags a + a {

  margin-left: 6px;

}



.blog-details__social-list {

  display: -webkit-box;

  display: flex;

  -webkit-box-align: center;

  align-items: center;

}



.blog-details__social-list a {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center;

  color: var(--qutiiz-black);

  font-size: 20px;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

  z-index: 1;

}



.blog-details__social-list a:hover {

  color: var(--qutiiz-base);

}



.blog-details__social-list a + a {

  margin-left: 30px;

}



.blgo-details__pagenation-box {

  position: relative;

  display: block;

  overflow: hidden;

  margin-bottom: 52px;

}



.blog-details__pagenation {

  position: relative;

  display: block;

}



.blog-details__pagenation li {

  position: relative;

  float: left;

  font-size: 26px;

  color: var(--qutiiz-black);

  background-color: #f6f4f9;

  line-height: 31px;

  font-weight: 500;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

  max-width: 370px;

  width: 100%;

  padding-left: 60px;

  padding-top: 53px;

  padding-bottom: 55px;

  font-family: var(--qutiiz-font-two);

  text-transform: uppercase;

  border-radius: var(--qutiiz-bdr-radius);

}



.blog-details__pagenation li + li {

  margin-left: 30px;

}



.blog-details__pagenation li:hover {

  background-color: var(--qutiiz-base);

  color: var(--qutiiz-white);

}



/*--------------------------------------------------------------

## Comments

--------------------------------------------------------------*/



.comment-one__title,

.comment-form__title {

  margin: 0;

  color: var(--qutiiz-black);

  font-size: 30px;

  text-transform: uppercase;

  font-weight: 500;

  margin-bottom: 54px;

}



.comment-one__single {

  display: -webkit-box;

  display: flex;

  border-bottom: 1px solid #e2e0e5;

  padding-bottom: 60px;

  margin-bottom: 60px;

}



.comment-one__content {

  position: relative;

  margin-left: 45px;

}



.comment-one__content h3 {

  margin: 0;

  font-size: 22px;

  color: var(--qutiiz-black);

  margin-bottom: 27px;

  text-transform: uppercase;

  font-weight: 500;

}



.comment-one__content p {

  font-size: 16px;

  line-height: 32px;

  margin: 0;

}



.comment-one__btn {

  font-size: 12px;

  padding: 2px 20px;

  position: absolute;

  top: 0;

  right: 0;

}



.comment-one__image {

  position: relative;

  display: block;

  border-radius: 50%;

  background-color: var(--qutiiz-black);

}



.comment-one__image img {

  border-radius: 50%;

  

}



.comment-form .comment-form__title {

  margin-top: -8px;

}



.comment-one__form .row {

  --bs-gutter-x: 10px;

}



.comment-form__input-box {

  position: relative;

  display: block;

}



.comment-form__input-box input[type="text"],

.comment-form__input-box input[type="email"] {

  height: 68px;

  width: 100%;

  border: none;

  background-color: #f6f4f9;

  padding-left: 30px;

  padding-right: 30px;

  margin-bottom: 10px;

  border-radius: var(--qutiiz-bdr-radius);

  outline: none;

  font-size: 14px;

  color: var(--qutiiz-gray);

  display: block;

}



.comment-form__input-box textarea {

  font-size: 14px;

  color: var(--qutiiz-gray);

  height: 175px;

  width: 100%;

  background-color: #f6f4f9;

  padding: 18px 30px 30px;

  border: none;

  border-radius: 0px;

  outline: none;

  margin-bottom: 0px;

  border-radius: var(--qutiiz-bdr-radius);

}



.comment-form__btn {

  border: none;

}



/*--------------------------------------------------------------

## Project Page

--------------------------------------------------------------*/

.projects-page {

  position: relative;

  display: block;

  padding: 106px 0 90px;

}



.projects-page .project-filter {

  margin-bottom: 24px;

}



/*--------------------------------------------------------------

# Project Details

--------------------------------------------------------------*/

.project-details {

  position: relative;

  display: block;

  padding: 120px 0 0;

}



.project-details__img {

  position: relative;

  display: block;

  background-color: var(--qutiiz-black);

  border-radius: var(--qutiiz-bdr-radius);

}



.project-details__img img {

  width: 100%;

  

  border-radius: var(--qutiiz-bdr-radius);

}



.project-details__content {

  position: relative;

  display: block;

  margin-top: 58px;

}



.project-details__content-left {

  position: relative;

  display: block;

  margin-top: -9px;

}



.project-details__content-title {

  font-size: 34px;

  text-transform: uppercase;

  line-height: 40px;

  margin-bottom: 33px;

  font-weight: 500;

}



.project-details__content-text-1 {

  margin: 0;

}



.project-details__content-text-2 {

  margin: 0;

  padding-top: 35px;

  padding-bottom: 62px;

}



.project-details__points {

  position: relative;

  display: block;

}



.project-details__points li {

  position: relative;

  display: flex;

}



.project-details__points li + li {

  margin-top: 79px;

}



.project-details__points li .icon {

  position: relative;

  display: block;

  top: 4px;

}



.project-details__points li .icon span {

  font-size: 64px;

  color: var(--qutiiz-base);

  position: relative;

  display: inline-block;

  transition: all 500ms linear;

  transition-delay: 0.1s;

}



.project-details__points li:hover .icon span {

  transform: rotateY(360deg);

  color: var(--qutiiz-black);

}



.project-details__points li .text {

  margin-left: 40px;

}



.project-details__points li .text h4 {

  font-size: 24px;

  font-weight: 500;

  text-transform: uppercase;

  margin-bottom: 31px;

}



.project-details__points li .text p {

  margin: 0;

}



.project-details__content-right {

  position: relative;

  display: block;

}



.project-details__details-box {

  position: relative;

  display: block;

  background-color: #f6f4f9;

  padding: 52px 60px 58px;

  border-radius: var(--qutiiz-bdr-radius);

}



.project-details__details-info {

  position: relative;

  display: block;

}



.project-details__details-info-single + .project-details__details-info-single {

  margin-top: 22px;

}



.project-details__details-info-client {

  font-size: 20px;

  text-transform: uppercase;

  line-height: 28px;

  margin-bottom: 8px;

  font-weight: 500;

}



.project-details__details-info-name {

  font-size: 18px;

  margin: 0;

  line-height: 28px;

}



.project-details__details-social-list {

  display: flex;

  -webkit-box-align: center;

  align-items: center;

  border-top: 1px solid var(--qutiiz-white);

  padding-top: 29px;

  margin-top: 22px;

}



.project-details__details-social-list a {

  display: -webkit-box;

  display: flex;

  -webkit-box-align: center;

  align-items: center;

  -webkit-box-pack: center;

  justify-content: center;

  text-align: center;

  color: var(--qutiiz-black);

  font-size: 20px;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.project-details__details-social-list a + a {

  margin-left: 30px;

}



.project-details__details-social-list a:hover {

  color: var(--qutiiz-base);

}



.project-details__pagination-box {

  position: relative;

  display: block;

  border-top: 1px solid #e2e0e5;

  border-bottom: 1px solid #e2e0e5;

  padding: 52px 0 45px;

  margin-top: 113px;

}



.project-details__pagination {

  position: relative;

  display: block;

  overflow: hidden;

}



.project-details__pagination li.next {

  float: left;

  position: relative;

}



.project-details__pagination li a {

  position: relative;

  display: block;

  color: var(--qutiiz-black);

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.project-details__pagination-sub-title {

  font-size: 16px;

  margin: 0;

  line-height: 26px;

  text-align: left;

  font-family: var(--qutiiz-font-two);

  text-transform: uppercase;

  letter-spacing: 0.1em;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.project-details__pagination li:hover .project-details__pagination-sub-title {

  color: var(--qutiiz-black);

}



.project-details__pagination-title {

  font-size: 30px;

  font-weight: 400;

  font-family: var(--qutiiz-font-two);

  text-transform: uppercase;

  color: var(--qutiiz-black);

  display: block;

  margin-bottom: 16px;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.project-details__pagination li:hover .project-details__pagination-title {

  color: var(--qutiiz-base);

}



.project-details__pagination li.next i {

  position: relative;

  font-size: 20px;

  color: var(--qutiiz-black);

  display: inline-block;

  transform: rotate(180deg);

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.project-details__pagination li:hover i {

  color: var(--qutiiz-base);

}



.project-details__pagination li.previous {

  position: relative;

  float: right;

}



.project-details__pagination li.previous i {

  position: relative;

  font-size: 20px;

  color: var(--qutiiz-black);

  display: block;

  float: right;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.project-details__pagination li:hover i {

  color: var(--qutiiz-base);

}



/*--------------------------------------------------------------

# Similar Work

--------------------------------------------------------------*/

.similar-work {

  position: relative;

  display: block;

  padding: 120px 0 90px;

}



/*--------------------------------------------------------------

# Service Details

--------------------------------------------------------------*/

.service-details {

  position: relative;

  display: block;

  padding: 120px 0 120px;

}



.service-details__sidebar {

  position: relative;

  display: block;

}



.service-details__sidebar-service {

  position: relative;

  display: block;

  background-color: #f6f4f9;

  border-radius: var(--qutiiz-bdr-radius);

  padding: 29px 30px 33px;

}



.service-details__sidebar-service-list {

  margin: 0;

}



.service-details__sidebar-service-list li + li {

  margin-top: 7px;

}



.service-details__sidebar-service-list li a {

  color: var(--qutiiz-gray);

  font-size: 18px;

  font-weight: 400;

  position: relative;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

  display: block;

  background: none;

  padding: 10px 20px;

  border-radius: var(--qutiiz-bdr-radius);

}



.service-details__sidebar-service-list li.current a,

.service-details__sidebar-service-list li a:hover {

  background-color: rgb(255, 255, 255);

  color: var(--qutiiz-black);

}



.service-details__sidebar-service-list li a span {

  position: absolute;

  top: 50%;

  right: 20px;

  transform: translateY(-50%) scale(0);

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

  color: var(--qutiiz-base);

  text-align: center;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 20px;

}



.service-details__sidebar-service-list li.current a span,

.service-details__sidebar-service-list li a:hover span {

  transform: translateY(-50%) scale(1);

}



.service-details__need-help {

  position: relative;

  display: block;

  padding: 60px 50px 49px;

  margin-top: 30px;

  text-align: center;

  z-index: 1;

  background-color: var(--qutiiz-base);

  border-radius: var(--qutiiz-bdr-radius);

}



.service-details__need-help-bg {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

  background-color: var(--qutiiz-base);

  opacity: 0.1;

  z-index: -1;

}



.service-details__need-help-icon {

  height: 85px;

  width: 85px;

  background-color: var(--qutiiz-white);

  color: var(--qutiiz-base);

  font-size: 31px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  margin: 0 auto 19px;

  transition: all 500ms ease;

}



.service-details__need-help-icon:hover {

  background-color: var(--qutiiz-black);

  color: var(--qutiiz-white);

}



.service-details__need-help-title {

  font-size: 34px;

  color: var(--qutiiz-white);

  line-height: 44px;

  text-transform: uppercase;

}



.service-details__need-help-contact {

  position: relative;

  display: block;

  margin-top: 36px;

}



.service-details__need-help-contact p {

  font-size: 16px;

  color: var(--qutiiz-white);

  margin: 0;

  line-height: 18px;

  text-transform: uppercase;

  font-family: var(--qutiiz-font-two);

  letter-spacing: 0.1em;

}



.service-details__need-help-contact a {

  font-size: 30px;

  color: var(--qutiiz-white);

  font-family: var(--qutiiz-font-two);

  font-weight: 500;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.service-details__need-help-contact a:hover {

  color: var(--qutiiz-black);

}



.service-details__download {

  position: relative;

  display: block;

  margin-top: 30px;

}



.service-details__download-btn {

  position: relative;

  display: inline-block;

  background-color: var(--qutiiz-black);

  border-radius: var(--qutiiz-bdr-radius);

  padding: 17px 92px 17px;

  text-align: center;

  font-size: 16px;

  color: var(--qutiiz-white);

  font-family: var(--qutiiz-font-two);

  text-transform: uppercase;

  letter-spacing: 0.1em;

  font-weight: 600;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.service-details__download-btn:hover {

  background-color: var(--qutiiz-base);

  color: var(--qutiiz-white);

}



.service-details__right {

  position: relative;

  display: block;

}



.service-details__img {

  position: relative;

  display: block;

  background-color: var(--qutiiz-black);

  border-radius: var(--qutiiz-bdr-radius);

}



.service-details__img img {

  width: 100%;

  border-radius: var(--qutiiz-bdr-radius);

}



.service-details__content {

  position: relative;

  display: block;

  margin-top: 29px;

}



.service-details__title {

  font-size: 34px;

  font-weight: 500;

  line-height: 44px;

  text-transform: uppercase;

  margin-bottom: 32px;

}



.service-details__text-1 {

  margin: 0;

}



.service-details__text-2 {

  font-size: 20px;

  color: var(--qutiiz-base);

  margin: 0;

  padding-top: 35px;

  padding-bottom: 36px;

}



.service-details__text-3 {

  margin: 0;

}



.service-details__bottom {

  position: relative;

  display: block;

  border-top: 1px solid #e4e2e7;

  border-bottom: 1px solid #e4e2e7;

  padding-top: 56px;

  margin-top: 54px;

  padding-bottom: 23px;

  margin-bottom: 60px;

}



.service-details__bottom-list {

  position: relative;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

}



.service-details__bottom-single {

  position: relative;

  flex: 0 0 33.333333%;

  max-width: 33.333333%;

  width: 100%;

  margin-bottom: 30px;

}



.service-details__bottom-single:nth-child(1) {

  padding-left: 10;

}



.service-details__bottom-single:nth-child(3) {

  padding-right: 0;

  padding-left: 55px;

}



.service-details__bottom-icon span {

  position: relative;

  display: inline-block;

  font-size: 64px;

  color: var(--qutiiz-base);

  transition: all 500ms linear;

  transition-delay: 0.1s;

}



.service-details__bottom-single:hover .service-details__bottom-icon span {

  transform: rotateY(360deg);

}







.service-details__bottom-text {

  margin: 0;

}



.service-details__benefits {

  position: relative;

  display: block;

}



.service-details__benefits-content {

  position: relative;

  display: block;

  margin-top: -9px;

}



.service-details__benefits-title {

  font-size: 26px;

  text-transform: uppercase;

  line-height: 36px;

  margin-bottom: 36px;

  font-weight: 500;

}



.service-details__benefits-text {

  margin: 0;

}



.service-details__benefits-list {

  position: relative;

  display: block;

  margin-top: 38px;

}



.service-details__benefits-list li {

  position: relative;

  display: flex;

  align-items: center;

}



.service-details__benefits-list li .icon {

  display: flex;

  align-items: center;

}



.service-details__benefits-list li .icon span {

  font-size: 15px;

  color: var(--qutiiz-base);

  transform: scale(1);

  transition: all 500ms ease;

}

.service-details__benefits-list li:hover .icon span {

  transform: scale(0.85);

}



.service-details__benefits-list li .text {

  margin-left: 13px;

}



.service-details__benefits-list li .text p {

  font-size: 18px;

  color: var(--qutiiz-black);

  margin: 0;

}



.service-details__benefits-img {

  position: relative;

  display: block;

  background-color: var(--qutiiz-black);

  border-radius: var(--qutiiz-bdr-radius);

}



.service-details__benefits-img img {

  width: 100%;

  

  border-radius: var(--qutiiz-bdr-radius);

}



.service-details__faq {

  position: relative;

  display: block;

  margin-top: 55px;

}



.faq-one-accrodion .accrodion {

  position: relative;

  display: block;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

  background-color: rgb(255, 255, 255);

  box-shadow: 0px 10px 30px 0px rgb(0, 0, 0, 0.05);

  border: 1px solid #e2e0e5;

  border-radius: var(--qutiiz-bdr-radius);

}



.faq-one-accrodion .accrodion:before {

  position: absolute;

  top: 0px;

  left: 0px;

  bottom: 0px;

  width: 5px;

  content: "";

  background-color: var(--qutiiz-base);

  transform: scaleY(0);

  border-top-left-radius: 8px;

  border-bottom-left-radius: 8px;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

  z-index: 1;

}



.faq-one-accrodion .accrodion.active:before {

  transform: scaleY(1);

}



.faq-one-accrodion .accrodion-title {

  position: relative;

  display: block;

  cursor: pointer;

  padding: 20px 40px 20px;

  padding-right: 27px;

  transition: all 200ms linear;

  transition-delay: 0.1s;

  border-radius: var(--qutiiz-bdr-radius);

}



.faq-one-accrodion .accrodion-title h4 {

  margin: 0;

  font-size: 20px;

  line-height: 30px;

  color: var(--qutiiz-black);

  position: relative;

  text-transform: uppercase;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

  font-weight: 500;

}



.faq-one-accrodion .accrodion + .accrodion {

  margin-top: 20px;

}



.faq-one-accrodion .accrodion.active .accrodion-title {

  background-color: var(--qutiiz-white);

}



.faq-one-accrodion .accrodion.active .accrodion-title h4 {

  color: var(--qutiiz-black);

}



.faq-one-accrodion .accrodion-title h4::before {

  content: "\e902";

  font-family: "icomoon" !important;

  font-size: 12px;

  color: var(--qutiiz-base);

  position: absolute;

  top: 50%;

  right: 0;

  height: 35px;

  width: 35px;

  border-radius: 50%;

  text-align: center;

  display: flex;

  justify-content: center;

  align-items: center;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.faq-one-accrodion .accrodion.active .accrodion-title h4::before {

  content: "\e903";

  color: var(--qutiiz-base);

  height: 35px;

  width: 35px;

  border-radius: 50%;

  text-align: center;

  display: flex;

  justify-content: center;

  align-items: center;

}



.faq-one-accrodion .accrodion-content {

  position: relative;

  padding: 0px 40px 29px;

  margin-top: -7px;

  border-radius: var(--qutiiz-bdr-radius);

}



.faq-one-accrodion .accrodion.active .accrodion-content {

  background-color: var(--qutiiz-white);

}



.faq-one-accrodion .accrodion-content p {

  font-size: 16px;

  margin: 0;

  line-height: 32px;

}



/*--------------------------------------------------------------

# About Page

--------------------------------------------------------------*/

.about-page {

  position: relative;

  display: block;

  padding: 120px 0 120px;

}



.about-page__left {

  position: relative;

  display: block;

  margin-right: 90px;

}



.about-page__img {

  position: relative;

  display: block;

  border-radius: var(--qutiiz-bdr-radius);

  background-color: var(--qutiiz-black);

  overflow: hidden;

}



.about-page__img::before {

  position: absolute;

  top: 50%;

  left: 50%;

  display: block;

  content: "";

  width: 0;

  height: 0;

  background: rgba(255, 255, 255, 0.2);

  border-radius: 50%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  opacity: 0;

  z-index: 10;

}



.about-page__img:hover:before {

  -webkit-animation: circle 0.75s;

  animation: circle 0.75s;

}



.about-page__img img {

  width: 100%;

  

  border-radius: var(--qutiiz-bdr-radius);

}



.about-page__founded {

  position: absolute;

  top: 65px;

  left: -58px;

  background-color: rgb(98, 34, 204);

  box-shadow: 0px 10px 30px 0px rgb(0, 0, 0, 0.1);

  width: 139px;

  height: 139px;

  border-radius: 50%;

  text-align: center;

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 2;

}



.about-page__founded:before {

  position: absolute;

  bottom: 2px;

  right: 25px;

  content: "";

  background-image: url(../images/shapes/about-page-founded-shape.png);

  background-repeat: no-repeat;

  height: 8px;

  width: 17px;

  transform: rotate(-30deg);

}



.about-page__founded h5 {

  font-size: 20px;

  color: var(--qutiiz-white);

  text-transform: uppercase;

  line-height: 26px;

  font-weight: 500;

}



.about-page__right {

  position: relative;

  display: block;

}



.about-page__right .section-title {

  margin-bottom: 32px;

}



.about-page__right-text-1 {

  font-size: 24px;

  color: var(--qutiiz-base);

  margin: 0;

  margin-bottom: 37px;

}



.about-page__right-text-2 {

  margin: 0;

}



.about-page__points-box {

  position: relative;

  display: block;

  overflow: hidden;

  margin-top: 28px;

}



.about-page__points {

  position: relative;

  float: left;

  margin-right: 47px;

}



.about-page__points li {

  position: relative;

  display: flex;

  align-items: center;

}



.about-page__points li + li {

  margin-top: 6px;

}



.about-page__points li .icon {

  position: relative;

  top: 1px;

}



.about-page__points li .icon span {

  font-size: 15px;

  color: var(--qutiiz-base);

  transform: scale(1);

  transition: all 500ms ease;

}

.about-page__points li:hover .icon span {

  transform: scale(0.85);

}



.about-page__points li .text {

  margin-left: 10px;

}



.about-page__points li .text p {

  font-weight: 500;

  color: var(--qutiiz-black);

  margin: 0;

}



.about-page__points-two {

  margin-right: 0;

}



/*--------------------------------------------------------------

# About Page Counter two

--------------------------------------------------------------*/

.about-page-counter-two {

  padding-bottom: 120px;

}



/*--------------------------------------------------------------

# Testimonial Two

--------------------------------------------------------------*/

.testimonial-two {

  position: relative;

  display: block;

  background-color: #f6f4f9;

  overflow: hidden;

  padding: 120px 0 120px;

  z-index: 1;

}



.testimonial-two-map {

  position: absolute;

  top: 120px;

  left: 50%;

  height: 486px;

  width: 1005px;

  transform: translateX(-50%);

  background-repeat: no-repeat;

  background-position: center center;

  opacity: 0.05;

  z-index: -1;

}



.testimonial-two__carousel {

  position: relative;

  display: block;

}



.testimonial-two__carousel.owl-carousel .owl-stage-outer {

  overflow: visible;

}



.testimonial-two__carousel.owl-carousel .owl-item {

  opacity: 0;

  visibility: hidden;

  transition: opacity 500ms ease, visibility 500ms ease;

}



.testimonial-two__carousel.owl-carousel .owl-item.active {

  opacity: 1;

  visibility: visible;

}



/*--------------------------------------------------------------

# Brand Three

--------------------------------------------------------------*/

.brand-three {

  position: relative;

  display: block;

  padding: 98px 0 99px;

  background-color: var(--qutiiz-base);

}



.brand-three .swiper-slide {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.brand-three .swiper-slide img {

  -webkit-transition: 500ms;

  transition: 500ms;

  opacity: 0.3;

  max-width: 100%;

}



.brand-three .swiper-slide img:hover {

  opacity: 1;

}



/*--------------------------------------------------------------

# Team Page

--------------------------------------------------------------*/

.team-page {

  position: relative;

  display: block;

  padding: 120px 0 90px;

}



/*--------------------------------------------------------------

# FAQ Page

--------------------------------------------------------------*/

.faq-page {

  position: relative;

  display: block;

  background-color: #f6f4f9;

  padding: 120px 0 0;

}



.faq-page__single {

  position: relative;

  display: block;

}



.faq-page__single .faq-one-accrodion .accrodion {

  border: 1px solid transparent;

}



.faq-page__bottom {

  position: relative;

  display: block;

  text-align: center;

  border-top: 1px solid #e3e1e6;

  padding-top: 48px;

  padding-bottom: 51px;

  margin-top: 60px;

}



.faq-page__bottom-text {

  font-size: 16px;

  margin: 0;

  font-weight: 500;

  font-family: var(--qutiiz-font-two);

  text-transform: uppercase;

}



.faq-page__bottom-text a {

  position: relative;

  display: inline-block;

  color: var(--qutiiz-black);

  margin-left: 3px;

  transition: all 500ms ease;

}



.faq-page__bottom-text a:hover {

  color: var(--qutiiz-base);

}



.faq-page__bottom-text a:before {

  position: absolute;

  bottom: 7px;

  left: 0px;

  right: 0px;

  content: "";

  background-color: var(--qutiiz-base);

  height: 1px;

}



/*--------------------------------------------------------------

# Contact Page

--------------------------------------------------------------*/

.contact-page {

  position: relative;

  display: block;

  padding: 120px 0 120px;

}



.contact-page .container {

  max-width: 768px;

  width: 100%;

}



.contact-page__form .comment-form__btn {

  margin: 0 auto;

  display: block;

}



/*--------------------------------------------------------------

## Error Page

--------------------------------------------------------------*/

.error-page {

  position: relative;

  display: block;

  padding: 50px 0 120px;

}



.error-page__inner {

  position: relative;

  display: block;

  text-align: center;

}



.error-page__title {

  position: relative;

  display: inline-block;

  font-size: 350px;

  line-height: 350px;

  letter-spacing: 0.2em;

  font-weight: 200;

  margin-bottom: 16px;

}



.error-page__tagline {

  font-size: 40px;

  line-height: 49px;

  margin-bottom: 19px;

  text-transform: uppercase;

  font-weight: 500;

}



.error-page__text {

  margin: 0;

  line-height: 18px;

}



.error-page__form {

  position: relative;

  display: block;

  margin: 61px auto 20px;

}



.error-page__form-input {

  position: relative;

  display: block;

  max-width: 550px;

  width: 100%;

  margin: 0 auto;

}



.error-page__form input[type="search"] {

  height: 68px;

  width: 100%;

  border: none;

  outline: none;

  background-color: #f6f4f9;

  font-size: 18px;

  color: var(--qutiiz-gray);

  font-weight: 400;

  padding-left: 50px;

  padding-right: 75px;

  border-radius: var(--qutiiz-bdr-radius);

}



.error-page__form button[type="submit"] {

  background-color: transparent;

  color: var(--qutiiz-black);

  font-size: 22px;

  position: absolute;

  top: 0;

  right: 0px;

  bottom: 0;

  width: 70px;

  outline: none;

  border: none;

  display: flex;

  align-items: center;

  padding: 0;

}



/*--------------------------------------------------------------

## Services Page Service One

--------------------------------------------------------------*/

.service-page-service-one {

  padding-bottom: 114px;

}



/*--------------------------------------------------------------

## Services Page Cta One

--------------------------------------------------------------*/

.services-page-cta-one {

  padding-top: 120px;

}



/*--------------------------------------------------------------

## Contact Info

--------------------------------------------------------------*/

.contact-info {

  position: relative;

  display: block;

  padding: 120px 0 0;

}



.contact-info__single {

  position: relative;

  display: block;

  background-color: #f6f4f9;

  border-radius: var(--qutiiz-bdr-radius);

  text-align: center;

  padding: 50px 70px 41px;

  margin-bottom: 30px;

  height: 565px;

}



.contact-info__icon {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  height: 142px;

  width: 142px;

  background-color: var(--qutiiz-base);

  border-radius: 50%;

  margin: 0 auto;

  z-index: 1;

}



.contact-info__icon:before {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  content: "";

  background-color: var(--qutiiz-black);

  border-radius: 50%;

  transform: scale(0);

  transform-origin: center;

  transform-style: preserve-3d;

  transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);

  z-index: -1;

}



.contact-info__single:hover .contact-info__icon:before {

  transform: scaleX(1);

}



.contact-info__icon span {

  position: relative;

  display: inline-block;

  font-size: 64px;

  color: var(--qutiiz-white);

  transition: all 500ms linear;

  transition-delay: 0.1s;

  transform: scale(1);

}



.contact-info__single:hover .contact-info__icon span {

  transform: scale(0.9);

}



.contact-info__title {

  font-size: 30px;

  font-weight: 500;

  text-transform: uppercase;

  line-height: 40px;

  margin-top: 20px;

  margin-bottom: 20px;

}



.contact-info__text {

  margin: 0;

  line-height: 30px;

}



.contact-info__single h4 {

  font-size: 18px;

  font-weight: 400;

  font-family: var(--qutiiz-font);

  line-height: 30px;

}



.contact-info__mail {

  color: var(--qutiiz-gray);

  display: block;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.contact-info__mail:hover {

  color: var(--qutiiz-base);

}



.contact-info__phone {

  color: var(--qutiiz-gray);

  display: block;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.contact-info__phone:hover {

  color: var(--qutiiz-base);

}



.contact-info__single-last {

  padding-bottom: 71px;

}



/*--------------------------------------------------------------

## Contact Info

--------------------------------------------------------------*/

.contact-page-two {

  padding-top: 90px;

}



/* custom animation */



@keyframes rectMove {

  0% {

    transform: rotate(45deg) translateY(-0px);

  }

  25% {

    transform: rotate(43deg) translateY(-20px);

  }

  50% {

    transform: rotate(45deg) translateY(-40px);

  }

  75% {

    transform: rotate(43deg) translateY(-20px);

  }

  100% {

    transform: rotate(45deg) translateY(-0px);

  }

}

@keyframes rectMove2 {

  0% {

    transform: rotate(48deg) translateY(-0px);

  }

  25% {

    transform: rotate(46deg) translateY(-20px);

  }

  50% {

    transform: rotate(48deg) translateY(-40px);

  }

  75% {

    transform: rotate(46deg) translateY(-20px);

  }

  100% {

    transform: rotate(48deg) translateY(-0px);

  }

}