/*

Theme Name: Techify

Author: namespace-it

Author URI: https://themeforest.net/user/namespace-it

Description: Techify - Technology Tt Solutions HTML Template<

Version: 1.0.0

*/

/*CSS Table Of Content Ends Here*/

@import url("https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap");

:root {

  --body: #F5F6F8;

  --black: #000000;

  --black2: #535353;

  --white: #fff;

  --p1-clr: #8800e7;

  --p2-clr: #8800e7;

  --p3-clr: #8800e7;

  --p4-clr: #8800e7;

  --p5-clr: #8800e7;

  --p6-clr: #ffd622;

  --blogbox: #EFEFEF;

  --cmnbg: #F6F2EA;

  --n100-clr: rgba(235, 243, 246, 1);

  --n200-clr: rgba(221, 221, 221, 1);

  --n700-clr: rgba(36, 36, 38, 1);

  --n800-clr: #535353;

  --n900-clr: #000000;

  --theme: rgba(32, 109, 255, 1);

  --pra: #535353;

  --cmn-border: #E3E3E3;

  --pra2: #DDD;

  --text: #666666;

  --cmnwhite: #CBCBCC;

  --star: #FFA336;

  --theme2: #70A6B1;

  --header: #090A0B;

  --text-2: #ffffffcc;

  --border: #E5E5E5;

  --border2: #242449;

  --border3: #5262FF;

  --bg: #F4EEE5;

  --bg2: #EFF5F6;

  --bg3: #70A6B1;

  --bg4: #E0E4E9;

  --bg5: #0E384C;

  --bg6: #121212;

  --box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.06);

}



.common-btn {

  position: relative;

  padding: 15px 29px;

  line-height: 18px;

  transition: all 0.5s;

}

.common-btn i {

  transition: all 0.5s;

  z-index: 1;

}

.common-btn.arrow-white-adding img {

  transition: all 0.4s;

}

.common-btn.arrow-white-adding:hover {

  border-color: var(--p1-clr);

}

.common-btn.arrow-white-adding:hover img {

  filter: brightness(0);

}

.common-btn:hover {

  color: var(--n700-clr);

}

@media (max-width: 1399px) {

  .common-btn {

    padding: 14px 24px;

  }

}

.breadcrumb-section {

  height: 10em;

}

@keyframes storm {

  0% {

    transform: translate3d(0, 0, 0) translateZ(0);

  }

  25% {

    transform: translate3d(4px, 0, 0) translateZ(0);

  }

  50% {

    transform: translate3d(-3px, 0, 0) translateZ(0);

  }

  75% {

    transform: translate3d(2px, 0, 0) translateZ(0);

  }

  100% {

    transform: translate3d(0, 0, 0) translateZ(0);

  }

}

.box-style {

  position: relative;

  overflow: hidden;

  z-index: 0;

  text-align: center;

}

.box-style::before {

  content: "";

  position: absolute;

  top: var(--y);

  left: var(--x);

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

  width: 0;

  height: 0;

  border-radius: 100%;

  background-color: var(--p1-clr);

  transition: all 0.7s ease;

  z-index: -1;

}

.box-style.p1-hover::before {

  background: var(--p2-clr);

}

.box-style.p1-hover:hover {

  color: var(--white) !important;

}

.box-style.btn1::before {

  background: var(--black);

}

.box-style.btn2::before {

  background: var(--p2-clr);

}

.box-style.btn3::before {

  background: var(--p3-clr);

}

.box-style.btn4::before {

  background: var(--p4-clr);

}

.box-style.btn5::before {

  background: var(--p5-clr);

}

.box-style.btn5:hover {

  color: var(--black) !important;

}

.box-style.btn5:hover i {

  color: var(--black) !important;

}

.box-style.btn6::before {

  background: var(--black);

}

.box-style.btn6:hover {

  color: var(--black) !important;

}

.box-style.btn6:hover i {

  color: var(--black) !important;

}

.box-style:hover {

  color: var(--white) !important;

}

.box-style:hover::before {

  width: 400%;

  height: 400%;

}

.box-style:hover i {

  color: var(--white) !important;

}



.box-style.first-box::before {

  background-color: var(--p2-clr);

}

.box-style.first-box:hover {

  border-color: var(--p2-clr) !important;

  color: #fff;

}

.box-style.first-box:hover img {

  filter: brightness(25);

}

.box-style.first-box:hover::before {

  border-color: var(--p2-clr) !important;

}

.box-style.first-box:hover i {

  color: var(--n700-clr);

}

.box-style.first-box:hover span {

  color: #fff;

}



.cmn-tag {

  font-size: 14px;

  color: var(--n700-clr);

  font-weight: 700;

  padding: 6px 15px;

  border-radius: 100px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

}



.read-more {

  font-size: 16px;

  font-weight: 600;

  color: var(--black);

  gap: 14px;

  border-bottom: 1px solid #ccc;

}

.read-more i {

  transition: all 0.4s;

}

.read-more svg {

  transition: all 0.4s;

}

.read-more svg path {

  transition: all 0.4s;

}

.read-more:hover {

  color: var(--p2-clr);

}

.read-more:hover i {

  padding-left: 10px;

}

.read-more:hover svg {

  margin-left: 5px;

}

.read-more:hover svg path {

  fill: var(--p2-clr);

}



.read-more-btn {

  display: flex;

  align-items: center;

  gap: 4px;

  transition: all 0.4s;

}

.read-more-btn:hover {

  color: var(--p1-clr) !important;

}

.read-more-btn:hover i {

  color: var(--p1-clr);

  padding-left: 8px;

}



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

    Template Default Fonts & Fonts Styles

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

.heading-font {

  font-family: "Archivo", sans-serif;

}



.sub-font {

  font-family: "Archivo", sans-serif;

}



.body-font {

  font-family: "Archivo", sans-serif;

}



html {

  scroll-behavior: initial !important;

}



body {

  font-family: "Archivo", sans-serif;

  background: #f5f6f8;

  font-weight: normal;

  line-height: 28px;

  color: var(--text);

  background-color: var(--white);

  padding: 0;

  margin: 0;

  overflow-x: hidden;

}



ul {

  padding: 0;

  margin: 0;

  list-style: none;

}



button {

  border: none;

  background-color: transparent;

  padding: 0;

}



input:focus {

  color: var(--white);

  outline: none;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: "Archivo", sans-serif;

  margin: 0px;

  padding: 0;

  color: var(--header);

  transition: all 0.4s ease-in-out;

  transition: all 0.4s;

}

h1 a,

h2 a,

h3 a,

h4 a,

h5 a,

h6 a {

  transition: all 0.4s;

}

h1 span,

h2 span,

h3 span,

h4 span,

h5 span,

h6 span {

  transition: all 0.4s;

}



h1 {

  font-size: 60px;

  font-weight: 600;

  line-height: 72px;

}

@media (max-width: 1399px) {

  h1 {

    font-size: 50px;

    line-height: 62px;

  }

}

@media (max-width: 1199px) {

  h1 {

    font-size: 42px;

    line-height: 52px;

  }

}

@media (max-width: 991px) {

  h1 {

    font-size: 38px;

    line-height: 48px;

  }

}

@media (max-width: 767px) {

  h1 {

    font-size: 36px;

    line-height: 44px;

  }

}

@media (max-width: 575px) {

  h1 {

    font-size: 28px;

    line-height: 36px;

  }

}



.fs-two,

h2 {

  font-size: 70px;

  line-height: 116%;

  font-weight: 500;

  letter-spacing: -2px;

}

.fs-two span,

h2 span {

  font-size: 48px;

  line-height: 116%;

  font-weight: 500;

  letter-spacing: -2px;

}

@media (max-width: 1399px) {

  .fs-two,

  h2 {

    font-size: 62px;

    letter-spacing: -1px;

  }

  .fs-two span,

  h2 span {

    font-size: 62px;

    letter-spacing: -1px;

  }

}

@media (max-width: 1199px) {

  .fs-two,

  h2 {

    font-size: 54px;

  }

  .fs-two span,

  h2 span {

    font-size: 54px;

  }

}

@media (max-width: 1199px) {

  .fs-two,

  h2 {

    font-size: 44px;

  }

  .fs-two span,

  h2 span {

    font-size: 44px;

  }

}

@media (max-width: 767px) {

  .fs-two,

  h2 {

    font-size: 36px;

  }

  .fs-two span,

  h2 span {

    font-size: 36px;

  }

}

@media (max-width: 575px) {

  .fs-two,

  h2 {

    font-size: 28px;

    letter-spacing: -1px;

  }

  .fs-two span,

  h2 span {

    font-size: 28px;

    letter-spacing: -1px;

  }

}



h3 {

  font-size: 27px;

  font-weight: 500;

  line-height: 130%;

  letter-spacing: -1px;

}

@media (max-width: 1399px) {

  h3 {

    font-size: 24px;

  }

}

@media (max-width: 1199px) {

  h3 {

    font-size: 22px;

  }

}

@media (max-width: 575px) {

  h3 {

    font-size: 21px;

  }

}



h4 {

  font-size: 24px;

  font-weight: 600;

  line-height: 130%;

}

@media (max-width: 1399px) {

  h4 {

    font-size: 22px;

  }

}

@media (max-width: 1199px) {

  h4 {

    font-size: 20px;

  }

}



h5 {

  font-size: 20px;

  font-weight: 700;

}



h6 {

  font-size: 18px;

  font-weight: 500;

  line-height: 145%;

}



a {

  text-decoration: none;

  outline: none !important;

  cursor: pointer;

  color: var(--header);

  transition: all 0.4s ease-in-out;

}



p {

  margin: 0px;

  transition: all 0.4s ease-in-out;

  font-family: "Archivo", sans-serif;

  font-size: 16px;

  line-height: 25.6px;

}



span {

  font-size: 16px;

  line-height: 25.6px;

  margin: 0px;

  transition: all 0.4s ease-in-out;

}



i {

  transition: all 0.4s;

}



.fs-50 {

  font-size: 50px;

  line-height: 60px;

}

@media (max-width: 1399px) {

  .fs-50 {

    font-size: 44px;

    line-height: 54px;

  }

}

@media (max-width: 1199px) {

  .fs-50 {

    font-size: 36px;

    line-height: 46px;

  }

}

@media (max-width: 991px) {

  .fs-50 {

    font-size: 29px;

    line-height: 39px;

  }

}

@media (max-width: 767px) {

  .fs-50 {

    font-size: 27px;

    line-height: 37px;

  }

}



.container {

  max-width: 1320px;

  margin: 0 auto;

}



section,

footer {

  overflow: hidden;

}



.p1-clr {

  color: var(--p1-clr) !important;

}



.p1-hover:hover {

  color: #000 !important;

}



.p1-bg {

  background: var(--p1-clr) !important;

}



.p2-clr {

  color: var(--p2-clr) !important;

}



.p2-bg {

  background: var(--p2-clr) !important;

}



.p3-clr {

  color: var(--p3-clr) !important;

}



.p3-bg {

  background: var(--p3-clr) !important;

}



.p4-clr {

  color: var(--p4-clr) !important;

}



.p4-bg {

  background: var(--p4-clr) !important;

}



.p5-clr {

  color: var(--p6-clr) !important;

}



.p5-bg {

  background: var(--p5-clr) !important;

}



.bg6 {

  background: var(--bg6) !important;

}



.cmn-bg {

  background: var(--cmnbg) !important;

}



.star-clr {

  color: var(--star);

}



.pra-cmn {

  color: rgba(255, 255, 255, 0.8);

}



.white-clr {

  color: var(--white);

}



.n100-clr {

  color: var(--n100-clr);

}



.n200-clr {

  color: var(--n200-clr);

}



.n700-clr {

  color: var(--n700-clr);

}



.n700-bg {

  background: var(--n700-clr);

}



.n800-clr {

  color: var(--n800-clr);

}



.n900-clr {

  color: var(--n900-clr);

}



.n900-bg {

  background: var(--n900-clr);

}



.rounded100 {

  border-radius: 100px;

}



.d-center {

  display: flex;

  align-items: center;

  justify-content: center;

}



.trns {

  transition: all 0.4s;

}



.black {

  color: var(--black);

}



.black-clr {

  color: var(--black) !important;

}



.black2-clr {

  color: var(--black2) !important;

}



.blackbg {

  background: var(--black);

}



.cmn-opa input {

  background: rgb(246, 242, 234), 40% !important;

}



.white {

  color: var(--white);

}



.theme {

  color: var(--theme);

}



.theme2 {

  color: var(--theme2);

}



.header {

  color: var(--header);

}



.pra {

  color: var(--pra);

}



.pra2 {

  color: var(--pra2) !important;

}



.text {

  color: var(--text);

}



.about-thumb-inner {

  z-index: 1;

  position: relative;

}

.about-thumb-inner .thumb {

  max-width: 387px;

  margin: 0 auto;

}

.about-thumb-inner .about1-bg {

  position: absolute;

  bottom: 0;

  left: 50%;

  z-index: -1;

  transform: translateX(-50%);

}

.about-thumb-inner .about1-element1 {

  position: absolute;

  bottom: 50px;

  left: -30px;

  animation: rots 2s linear infinite;

}

.about-thumb-inner .about1-element2 {

  position: absolute;

  bottom: 190px;

  right: -30px;

  animation: updown 2s linear infinite;

}

@media (max-width: 575px) {

  .about-thumb-inner .thumb {

    max-width: 300px;

  }

  .about-thumb-inner .thumb img {

    width: 100%;

  }

  .about-thumb-inner .about1-element1 {

    display: none;

  }

  .about-thumb-inner .about1-element2 {

    display: none;

  }

  .about-thumb-inner .about1-bg {

    position: absolute;

    bottom: 0;

    left: 50%;

    z-index: -1;

    transform: translateX(-50%);

    max-width: 400px;

  }

}



@keyframes rots {

  50% {

    transform: rotate(10deg);

  }

}

@keyframes updown {

  50% {

    transform: translateY(10px);

  }

}

@keyframes rots {

  50% {

    transform: rotate(7deg);

  }

}

.faq-section {

  position: relative;

  z-index: 1;

}

.faq-section .faq-bg {

  position: absolute;

  right: 3%;

  top: 54%;

  transform: translateY(-50%);

  z-index: -1;

}



.counter-wrap {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 24px;

}

.counter-wrap .counter-items {

  border-radius: 20px;

  border-bottom: 6px solid var(--p2-clr);

  background: #fff;

  padding: 62px 20px;

}

.counter-wrap .counter-items .content {

  text-align: center;

}

.counter-wrap .counter-items .content h2 {

  color: var(--black);

  font-size: 50px;

  justify-content: center;

  margin-bottom: 10px;

}

.counter-wrap .counter-items .content h2 span {

  color: var(--black);

  font-size: 50px;

  font-weight: 500;

}

.counter-wrap .counter-items .content p {

  font-size: 20px;

  font-weight: 400;

  color: var(--pra);

}

@media (max-width: 1199px) {

  .counter-wrap {

    gap: 16px;

  }

  .counter-wrap .counter-items {

    padding: 32px 16px;

  }

  .counter-wrap .counter-items .content h2 {

    font-size: 36px;

    margin-bottom: 10px;

  }

  .counter-wrap .counter-items .content h2 span {

    font-size: 36px;

  }

  .counter-wrap .counter-items .content p {

    font-size: 16px;

  }

}

@media (max-width: 450px) {

  .counter-wrap {

    gap: 8px;

  }

  .counter-wrap .counter-items {

    padding: 28px 10px;

  }

  .counter-wrap .counter-items .content h2 {

    font-size: 29px;

    margin-bottom: 10px;

  }

  .counter-wrap .counter-items .content h2 span {

    font-size: 29px;

  }

  .counter-wrap .counter-items .content p {

    font-size: 14px;

  }

}



.custom-container-space {

  max-width: 1750px;

  margin: 0 auto;

}



.social-wrapper a {

  width: 40px;

  height: 40px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

}



.custom-contaienr {

  max-width: 1520px;

  margin: 0 auto;

}



.cmn-border {

  border: 1px solid var(--cmn-border);

}



.cmn-border-top {

  border-top: 1px solid var(--cmn-border);

}



.cmn-border-bottom {

  border-bottom: 1px solid var(--cmn-border);

}



.white-border {

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

}



.white-bg {

  background: var(--white);

}



.mouse-follower {

  z-index: 10;

}

.mouse-follower span {

  z-index: 10;

  opacity: 1;

  top: -10px;

  left: -10px;

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

  border-radius: 50%;

  position: fixed;

  transition: 180ms ease-in-out;

  pointer-events: none;

}

.mouse-follower .cursor-outline {

  height: 30px;

  width: 30px;

  border: 1px solid #75f;

}

.mouse-follower .cursor-dot {

  height: 6px;

  width: 6px;

  background: #75f;

}

.mouse-follower.hide-cursor span {

  border-color: transparent;

  background: transparent;

}

.mouse-follower.highlight-cursor-head {

  cursor: none;

}

.mouse-follower.highlight-cursor-head .cursor-outline {

  height: 0;

  width: 0;

}

.mouse-follower.highlight-cursor-head .cursor-dot {

  height: 150px;

  width: 150px;

  background: #fff;

  mix-blend-mode: difference;

}

@media (max-width: 991px) {

  .mouse-follower.highlight-cursor-head .cursor-dot {

    height: 80px;

    width: 80px;

  }

}

.mouse-follower.highlight-cursor-para {

  cursor: none;

}

.mouse-follower.highlight-cursor-para .cursor-outline {

  height: 0;

  width: 0;

}

.mouse-follower.highlight-cursor-para .cursor-dot {

  height: 100px;

  width: 100px;

  background: #fff;

  mix-blend-mode: difference;

}

@media (max-width: 991px) {

  .mouse-follower.highlight-cursor-para .cursor-dot {

    height: 60px;

    width: 60px;

  }

}



.cmn-white {

  color: #cbcbcc;

}



.common-wrapper {

  overflow: hidden;

}



.fw_400 {

  font-weight: 400 !important;

}



.fw-500 {

  font-weight: 500 !important;

}



.fw_500 {

  font-weight: 500 !important;

}



.fw_600 {

  font-weight: 600;

}



.fw_700 {

  font-weight: 700;

}



.radius32 {

  border-radius: 35px !important;

}



.radius16 {

  border-radius: 16px !important;

}



.radius17 {

  border-radius: 17px !important;

}



.radius18 {

  border-radius: 18px !important;

}



.radius20 {

  border-radius: 20px !important;

}



.radius12 {

  border-radius: 12px !important;

}



.radius100 {

  border-radius: 100px;

}



.radius-circle {

  border-radius: 50% !important;

}



.fs-five {

  font-size: 20px;

  line-height: 150%;

}



.fs-six {

  font-size: 18px;

  line-height: 150%;

}



.fs-seven {

  font-size: 16px;

  line-height: 150%;

}



.fs-eight {

  font-size: 14px;

  line-height: 150%;

}



.fs-nine {

  font-size: 12px !important;

  line-height: 150%;

}



@media screen and (max-width: 1199px) {

  .fs-five {

    font-size: 18px;

    line-height: 150%;

  }

  .fs-six {

    font-size: 16px;

    line-height: 150%;

  }

}

@media screen and (max-width: 991px) {

  .fs-five {

    font-size: 16px;

    line-height: 150%;

  }

  .fs-six {

    font-size: 15px;

    line-height: 150%;

  }

  .fs-seven {

    font-size: 14px;

    line-height: 150%;

  }

  .fs-eight {

    font-size: 13px;

    line-height: 150%;

  }

}

.swiper-wrapper {

  transition-timing-function: linear !important;

}



.w-fit {

  width: -moz-fit-content !important;

  width: fit-content !important;

}



@-webkit-keyframes rippleOne {

  70% {

    -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);

    box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);

  }

  100% {

    -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);

    box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);

  }

}

@keyframes rippleOne {

  70% {

    -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);

    box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);

  }

  100% {

    -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);

    box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);

  }

}

@keyframes cir36 {

  100% {

    transform: rotate(360deg);

  }

}

@keyframes rounded {

  50% {

    transform: rotate(15deg);

  }

}

@-webkit-keyframes spinner {

  to {

    -webkit-transform: rotateZ(360deg);

    transform: rotateZ(360deg);

  }

}

@keyframes spinner {

  to {

    -webkit-transform: rotateZ(360deg);

    transform: rotateZ(360deg);

  }

}

@-webkit-keyframes letters-loading {

  0%,
  75%,
  100% {

    opacity: 0;

    transform: rotateY(-90deg);

  }

  25%,
  50% {

    opacity: 1;

    transform: rotateY(0deg);

  }

}

@keyframes letters-loading {

  0%,
  75%,
  100% {

    opacity: 0;

    transform: rotateY(-90deg);

  }

  25%,
  50% {

    opacity: 1;

    transform: rotateY(0deg);

  }

}

@keyframes loaderspin {

  0% {

    transform: translate(-50%, -50%) rotate(0deg);

  }

  100% {

    transform: translate(-50%, -50%) rotate(360deg);

  }

}

@keyframes tpswing {

  0% {

    -webkit-transform: rotate(20deg);

    -ms-transform: rotate(20deg);

    transform: rotate(20deg);

  }

  100% {

    -webkit-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    transform: rotate(0deg);

  }

}

@keyframes width {

  0% {

    width: 0%;

  }

  100% {

    width: 100%;

  }

}

@-webkit-keyframes width {

  0% {

    width: 0%;

  }

  100% {

    width: 100%;

  }

}

@-webkit-keyframes loaderspin {

  0% {

    transform: translate(-50%, -50%) rotate(0deg);

  }

  100% {

    transform: translate(-50%, -50%) rotate(360deg);

  }

}

@keyframes loaderpulse {

  0% {

    transform: scale(1);

  }

  100% {

    transform: scale(1.2);

  }

}

@keyframes rounded {

  50% {

    transform: rotate(20deg);

  }

}

@keyframes cir36 {

  100% {

    transform: rotate(360deg);

  }

}

@-webkit-keyframes float-bob-y {

  0% {

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px);

  }

  50% {

    -webkit-transform: translateY(-10px);

    transform: translateY(-10px);

  }

  100% {

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px);

  }

}

@keyframes float-bob-y {

  0% {

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px);

  }

  50% {

    -webkit-transform: translateY(-10px);

    transform: translateY(-10px);

  }

  100% {

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px);

  }

}

@-webkit-keyframes float-bob-x {

  0% {

    -webkit-transform: translateX(0px);

    transform: translateX(30px);

  }

  50% {

    -webkit-transform: translateX(10px);

    transform: translateX(10px);

  }

  100% {

    -webkit-transform: translateX(30px);

    transform: translateX(30px);

  }

}

@keyframes float-bob-x {

  0% {

    -webkit-transform: translateX(30px);

    transform: translateX(30px);

  }

  50% {

    -webkit-transform: translateX(10px);

    transform: translateX(10px);

  }

  100% {

    -webkit-transform: translateX(30px);

    transform: translateX(30px);

  }

}

@keyframes bounce-x {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  50% {

    -webkit-transform: translateX(30px);

    transform: translateX(30px);

  }

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

.bounce-x {

  -webkit-animation: bounce-x 7s infinite linear;

  animation: bounce-x 7s infinite linear;

}



@keyframes criss-cross-left {

  0% {

    left: -20px;

  }

  50% {

    left: 50%;

    width: 20px;

    height: 20px;

  }

  100% {

    left: 50%;

    width: 375px;

    height: 375px;

  }

}

@keyframes criss-cross-right {

  0% {

    right: -20px;

  }

  50% {

    right: 50%;

    width: 20px;

    height: 20px;

  }

  100% {

    right: 50%;

    width: 375px;

    height: 375px;

  }

}

@keyframes rotated2 {

  0% {

    transform: rotate(0);

  }

  100% {

    transform: rotate(-360deg);

  }

}

@keyframes wave {

  0% {

    transform: translateX(0);

  }

  50% {

    transform: translateX(-25%);

  }

  100% {

    transform: translateX(-50%);

  }

}

.cmn-video {

  position: relative;

  width: 44px;

  height: 44px;

  background: var(--p1-clr);

  z-index: 1;

}

.cmn-video i {

  font-size: 17px;

  color: var(--white);

}

.cmn-video::before,
.cmn-video::after {

  position: absolute;

  width: 100%;

  height: 100%;

  content: "";

  border: 1px solid var(--p1-clr);

  border-radius: 50%;

}

.cmn-video::before {

  transition: all 0.3s;

  animation: scsl 2s linear infinite;

}

.cmn-video::after {

  transition: all 0.4s;

  animation: scsl2 3s linear infinite;

}

@keyframes scsl {

  50% {

    transform: scale(1.05);

    opacity: 1;

  }

  60% {

    transform: scale(1.09);

    opacity: 0.6;

  }

  80% {

    transform: scale(1.1);

    opacity: 0.3;

  }

  90% {

    transform: scale(1.2);

    opacity: 0.2;

  }

  100% {

    transform: scale(1.3);

    opacity: 0;

  }

}

@keyframes scsl2 {

  50% {

    transform: scale(1.05);

    opacity: 1;

  }

  60% {

    transform: scale(1.09);

    opacity: 0.6;

  }

  80% {

    transform: scale(1.1);

    opacity: 0.3;

  }

  90% {

    transform: scale(1.2);

    opacity: 0.2;

  }

  100% {

    transform: scale(1.3);

    opacity: 0;

  }

}



.brand-wrapper {

  margin-top: -5px;

}

.brand-wrapper h6 {

  font-size: 22px;

  position: relative;

  margin-bottom: 50px;

  color: var(--header);

  font-weight: 700;

}

.brand-wrapper h6::before {

  position: absolute;

  top: 15px;

  left: 35px;

  content: "";

  height: 1px;

  width: 480px;

  background-color: var(--p2-clr);

}

@media (max-width: 1399px) {

  .brand-wrapper h6::before {

    display: none;

  }

}

.brand-wrapper h6::after {

  position: absolute;

  top: 15px;

  right: 35px;

  content: "";

  height: 1px;

  width: 480px;

  background-color: var(--p2-clr);

}

@media (max-width: 1399px) {

  .brand-wrapper h6::after {

    display: none;

  }

}

.brand-wrapper .brand-image {

  text-align: center;

  filter: grayscale(100%);

  transition: all 0.4s ease-in-out;

  opacity: 0.4;

}

.brand-wrapper .brand-image:hover {

  filter: initial;

  opacity: 1;

}

.brand-wrapper .swiper-slide.swiper-slide-active .brand-image {

  filter: initial;

  opacity: 1;

}



.sponsor-items2 {

  margin: 0 auto;

  text-align: center;

  max-width: 160px;

  height: 40px;

}

.sponsor-items2 img {

  width: 100%;

  height: 100%;

  object-fit: contain;

}



.sponsor-version5 {

  background: #27DAB7;

  padding: 24px 0;

}

.sponsor-version5 .sponsor-items1 img {

  filter: brightness(0);

}



.sponsor-section-white .sponsor-items2 {

  display: block;

}

.sponsor-section-white .sponsor-items2 img {

  display: block;

  filter: brightness(25) !important;

}



.getin-wrappper {

  border: 1px solid var(--black);

  gap: 38px;

}

.getin-wrappper.style3 {

  background: var(--cmnbg);

  justify-content: space-between;

}

.getin-wrappper.style3 .thumb-getin {

  max-width: 600px;

}

.getin-wrappper.style3 form input,

.getin-wrappper.style3 form textarea {

  background: var(--white);

  border: unset;

  font-size: 18px;

}

.getin-wrappper.style3 form .nice-select {

  background: var(--white);

  border: unset !important;

}

.getin-wrappper.style3 form .nice-select .current {

  font-size: 18px;

}

@media (max-width: 1199px) {

  .getin-wrappper.style3 .thumb-getin {

    max-width: 500px;

  }

}

@media (max-width: 767px) {

  .getin-wrappper.style3 .get-inform {

    max-width: 100%;

    width: 100%;

    padding: 10px 10px 10px !important;

  }

  .getin-wrappper.style3 .thumb-getin {

    max-width: 100%;

  }

}

@media (max-width: 1399px) {

  .getin-wrappper {

    gap: 10px;

  }

}

@media (max-width: 767px) {

  .getin-wrappper {

    gap: 10px;

    flex-wrap: wrap;

  }

  .getin-wrappper .thumb-getin {

    width: 100%;

  }

}



.get-inform {

  width: 650px;

  padding: 0 0 0 60px;

}

.get-inform h3 {

  font-size: 50px;

  line-height: 60px;

}

.get-inform input,

.get-inform textarea,

.get-inform .nice-select {

  width: 100%;

  outline: none;

  border-top: 1px solid var(--black);

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

  border-left: 1px solid var(--black);

  border-right: 1px solid var(--black);

  border-radius: 100px;

  background: var(--cmnbg);

  font-size: 20px;

  padding: 14px 22px;

  color: var(--pra);

}

.get-inform input::placeholder,

.get-inform textarea::placeholder,

.get-inform .nice-select::placeholder {

  color: var(--pra);

}

.get-inform textarea {

  border-radius: 20px;

}

.get-inform .nice-select {

  outline: none;

  border-top: 1px solid var(--black) !important;

  border-bottom: 3px solid var(--black) !important;

  border-left: 1px solid var(--black) !important;

  border-right: 1px solid var(--black) !important;

}

.get-inform .nice-select .list {

  width: 100%;

  right: 0;

}

.get-inform .nice-select .list li {

  background: var(--white);

}

.get-inform .nice-select .current {

  color: var(--pra) !important;

  font-size: 20px;

}

.get-inform .nice-select.open {

  border-top: 1px solid var(--black);

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

  border-left: 1px solid var(--black);

  border-right: 1px solid var(--black);

}

.get-inform .nice-select::after {

  right: 18px;

  top: 20px;

  margin-top: 0;

}

.get-inform .nice-select:hover {

  border-top: 1px solid var(--black);

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

  border-left: 1px solid var(--black);

  border-right: 1px solid var(--black);

}

.get-inform .common-btn:hover {

  background: var(--black) !important;

}

.quote-btn:hover {

  background: var(--black) !important;

}

.get-inform.style4 {

  border-radius: 20px !important;

  width: 100%;

  padding: 40px 40px;

}

.get-inform.style4 .nice-select,

.get-inform.style4 textarea,

.get-inform.style4 input {

  border: 1px solid var(--white) !important;

  background: transparent;

  font-size: 16px;

  color: var(--white);

}

.get-inform.style4 .nice-select::placeholder,

.get-inform.style4 textarea::placeholder,

.get-inform.style4 input::placeholder {

  color: var(--white);

}

.get-inform.style4 .nice-select .current {

  font-size: 16px;

  color: var(--white) !important;

}

.get-inform.style4 .nice-select::after {

  border-color: var(--white);

}

.get-inform.style4 .nice-select .list li {

  color: var(--black);

}

@media (max-width: 991px) {

  .get-inform.style4 {

    padding: 24px 24px;

  }

}

.get-inform.style6 input,

.get-inform.style6 textarea,

.get-inform.style6 .nice-select {

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

  border: 1px solid rgba(255, 255, 255, 0.1) !important;

}

.get-inform.get-inform-black {

  border: 2px solid var(--p5-clr);

}

.get-inform.get-inform-black textarea,

.get-inform.get-inform-black input {

  border: 1px solid rgba(255, 255, 255, 0.35) !important;

  font-size: 14px;

}

@media (max-width: 1199px) {

  .get-inform {

    padding: 16px 0 16px 30px;

  }

}

@media (max-width: 767px) {

  .get-inform {

    padding: 20px 20px 30px 20px;

  }

}

@media (max-width: 575px) {

  .get-inform h3 {

    font-size: 34px;

    line-height: 44px;

  }

}



.contact-info-area .contact-info {

  border-radius: 20px;

  background: var(--white);

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

  padding: 20px 36px;

}

.contact-info-area .contact-info .icon {

  width: 70px;

  height: 70px;

  min-width: 70px;

  background: var(--p2-clr);

  border-radius: 50%;

  display: flex;

  align-items: center;

  transition: all 0.4s;

  justify-content: center;

}

.contact-info-area .contact-info .icon i {

  font-size: 24px;

  transition: all 0.4s;

  color: var(--white);

}

.contact-info-area .contact-info:hover .icon {

  background: var(--p1-clr);

}

@media (max-width: 1199px) {

  .contact-info-area .contact-info {

    padding: 28px 24px;

  }

  .contact-info-area .contact-info .icon {

    width: 50px;

    height: 50px;

    min-width: 50px;

  }

  .contact-info-area .contact-info .icon i {

    font-size: 20px;

  }

}



.map-area iframe {

  width: 100%;

  height: 650px;

  border-radius: 16px;

}

@media (max-width: 1600px) {

  .map-area iframe {

    height: 500px;

  }

}

@media (max-width: 1600px) {

  .map-area iframe {

    height: 400px;

  }

}



.contact-content4 {

  border: 1px solid var(--black);

  border-radius: 20px;

  padding: 40px 36px;

}

.contact-content4 .co-title {

  border-bottom: 1px solid var(--black);

}

@media (max-width: 767px) {

  .contact-content4 {

    padding: 24px 24px;

  }

}



.get-inform.get-inform-main {

  border-bottom: 5px solid #e3e3e3 !important;

}

.get-inform.get-inform-main textarea,

.get-inform.get-inform-main input,

.get-inform.get-inform-main .nice-select {

  border: 1px solid #e3e3e3 !important;

  color: #6d6b6b !important;

}

.get-inform.get-inform-main textarea::placeholder,

.get-inform.get-inform-main input::placeholder,

.get-inform.get-inform-main .nice-select::placeholder {

  color: #6d6b6b !important;

}

.get-inform.get-inform-main textarea .current,

.get-inform.get-inform-main input .current,

.get-inform.get-inform-main .nice-select .current {

  color: #6d6b6b !important;

}

.get-inform.get-inform-main textarea::after,

.get-inform.get-inform-main input::after,

.get-inform.get-inform-main .nice-select::after {

  border-color: #6d6b6b;

}



.getin-wrappper-cart {

  padding: 40px 80px;

}

.getin-wrappper-cart input,

.getin-wrappper-cart .nice-select {

  border: 1px solid #e3e3e3 !important;

  color: #6d6b6b !important;

  padding: 16px 30px;

  background: var(--cmnbg);

  border-radius: 100px;

  width: 100%;

}

.getin-wrappper-cart input::placeholder,

.getin-wrappper-cart .nice-select::placeholder {

  color: #6d6b6b !important;

}

.getin-wrappper-cart input .current,

.getin-wrappper-cart .nice-select .current {

  color: #6d6b6b !important;

  font-size: 14px;

}

.getin-wrappper-cart input::after,

.getin-wrappper-cart .nice-select::after {

  right: 30px !important;

  border-color: #6d6b6b;

}

.getin-wrappper-cart .nice-select {

  outline: none;

}

.getin-wrappper-cart .nice-select .list {

  width: 100%;

  right: 0;

}

.getin-wrappper-cart .nice-select .list li {

  background: var(--white);

}

.getin-wrappper-cart .nice-select .current {

  color: var(--pra) !important;

  font-size: 14px;

}

.getin-wrappper-cart .nice-select.open {

  border-top: 1px solid var(--black);

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

  border-left: 1px solid var(--black);

  border-right: 1px solid var(--black);

}

.getin-wrappper-cart .nice-select::after {

  right: 18px;

  top: 20px;

  margin-top: 0;

}

.getin-wrappper-cart .nice-select:hover {

  border-top: 1px solid var(--black);

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

  border-left: 1px solid var(--black);

  border-right: 1px solid var(--black);

}

@media (max-width: 1399px) {

  .getin-wrappper-cart {

    padding: 30px 20px;

  }

}



.billing-address-content .get-inform {

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

  background: var(--white);

}

.billing-address-content .get-inform h3 {

  font-size: 27px;

  margin-bottom: 0;

  padding-bottom: 0;

  line-height: 32px;

}

.billing-address-content .get-inform input,

.billing-address-content .get-inform textarea,

.billing-address-content .get-inform .nice-select {

  border-color: var(--cmnbg) !important;

  color: var(--pra) !important;

  font-size: 14px;

}

.billing-address-content .get-inform input::placeholder,

.billing-address-content .get-inform textarea::placeholder,

.billing-address-content .get-inform .nice-select::placeholder {

  color: var(--pra) !important;

}

.billing-address-content .get-inform input .current,

.billing-address-content .get-inform textarea .current,

.billing-address-content .get-inform .nice-select .current {

  color: var(--pra) !important;

  font-size: 14px;

  font-weight: 400;

}

.billing-address-content .get-inform input::after,

.billing-address-content .get-inform textarea::after,

.billing-address-content .get-inform .nice-select::after {

  border-color: var(--pra) !important;

}



.choose-right .video-choose {

  position: absolute;

  width: 60px;

  height: 60px;

}



.adjust-category-items .icon {

  margin-bottom: 30px;

  width: 60px;

  height: 60px;

  transition: all 0.4s;

}

.adjust-category-items h4 {

  margin-bottom: 30px;

}

.adjust-category-items:hover .icon {

  transform: rotate(5deg);

}



.worke-items {

  padding: 20px 40px;

  border-radius: 20px;

  z-index: 1;

  margin-bottom: 40px;

}

.worke-items .step-area {

  z-index: 1;

  position: relative;

}

.worke-items .step-area .texts {

  border-left: 1px solid #e3e3e3;

  padding-left: 10px;

}

.worke-items .step-area .serial {

  font-family: Archivo;

  font-size: 51.797px;

  font-style: normal;

  font-weight: 500;

  line-height: 54px;

  letter-spacing: -3px;

  color: rgba(83, 83, 83, 0.2);

  -webkit-text-fill-color: white;

  -webkit-text-stroke-width: 1px;

  -webkit-text-stroke-color: rgba(83, 83, 83, 0.2);

  margin-left: -15px;

  z-index: -1;

}

.worke-items .rarrow {

  width: 125px;

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

  margin-bottom: -40px;

}

.worke-items:hover .rarrow {

  background: var(--p2-clr);

}

.worke-items:hover .rarrow svg path {

  stroke: var(--white);

  fill: var(--white);

}

@media (max-width: 1199px) {

  .worke-items {

    padding: 18px 20px;

  }

}

.worke-items.style2 {

  padding: 42px 40px;

  transition: all 0.4s;

  margin-bottom: 0;

}

.worke-items.style2 .lines {

  width: 100%;

  height: 1px;

  background: var(--white);

}

.worke-items.style2 img {

  height: 45px;

  width: 45px;

  object-fit: contain;

}

.worke-items.style2 .s-arrow {

  width: 40px;

  height: 40px;

  min-width: 40px;

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

  border-radius: 50%;

  transform: rotate(-25deg);

}

.worke-items.style2:hover {

  transform: translateY(8px);

}

.worke-items.style2:hover .s-arrow {

  background: var(--white);

}

.worke-items.style2:hover .s-arrow i {

  color: var(--black);

}

@media (max-width: 1199px) {

  .worke-items.style2 {

    padding: 36px 24px;

  }

}

.worke-items.style4 {

  margin-bottom: 0;

}

.worke-items.style4 .content-in {

  border-radius: 0 20px 20px 20px;

  padding: 28px;

  background: var(--white);

  width: 90%;

  transition: all 0.5s;

  margin-top: -60px;

  position: relative;

  z-index: 1;

}

.worke-items.style4 .icons {

  filter: brightness(0);

  opacity: 0.5;

  height: 32px;

  width: 39px;

  object-fit: contain;

}

.worke-items.style4:hover .content-in {

  background: var(--p4-clr);

}

.worke-items.style4:hover .content-in h3,

.worke-items.style4:hover .content-in a,

.worke-items.style4:hover .content-in p,

.worke-items.style4:hover .content-in i {

  color: var(--white) !important;

}

.worke-items.style4:hover .content-in .icons {

  filter: brightness(25);

  opacity: 1;

}

@media (max-width: 1199px) {

  .worke-items.style4 .content-in {

    padding: 22px 20px;

  }

}

@media (max-width: 767px) {

  .worke-items.style4 .content-in {

    margin-top: 10px;

    width: 100%;

    padding: 22px 20px;

    border-radius: 20px 20px 20px 20px;

  }

}



.about-exchange-content p {

  font-size: 20px;

  line-height: 28px;

}

.about-exchange-content .listing-exchange {

  display: flex;

  flex-wrap: wrap;

}

.about-exchange-content .listing-exchange li {

  width: 50%;

  padding: 7px 14px;

}

.about-exchange-content.style2 .about-display2 .about-display-item .icon {

  width: 65px;

  height: 65px;

  min-width: 65px;

}

.about-exchange-content.style2 .about-display2 .about-display-item .small-pra {

  font-size: 14px;

  line-height: 20px;

}

@media (max-width: 1199px) {

  .about-exchange-content.style2 .about-display2 .about-display-item .icon {

    width: 50px;

    height: 50px;

    min-width: 50px;

  }

  .about-exchange-content.style2 .about-display2 .about-display-item .icon img {

    width: 24px;

  }

  .about-exchange-content.style2 .about-display2 .about-display-item .small-pra {

    font-size: 14px;

    line-height: 20px;

  }

}

@media (max-width: 991px) {

  .about-exchange-content h2 {

    font-size: 29px;

  }

  .about-exchange-content p {

    font-size: 16px;

    line-height: 22px;

  }

  .about-exchange-content .listing-exchange {

    display: flex;

    flex-wrap: wrap;

  }

  .about-exchange-content .listing-exchange li {

    width: 100%;

    padding: 2px 5px;

  }

}



.about-thumb-version2 .dot-ele {

  position: absolute;

  left: 80px;

  bottom: 70px;

  animation: updown 2s linear infinite;

}

.about-thumb-version2 .about-counting-box1 {

  padding: 15px 40px;

  position: absolute;

  top: 50px;

  right: -50px;

  animation: updown 2s linear infinite;

}

.about-thumb-version2 .about-counting-box1 h3 {

  font-size: 50px;

  font-weight: 600;

}

.about-thumb-version2 .about-counting-box1 h3 span {

  font-size: 50px;

  font-weight: 600;

}

.about-thumb-version2 .about-counting-box2 {

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

  padding: 15px 35px;

  position: absolute;

  z-index: 1;

  bottom: 20px;

  left: 10px;

}

.about-thumb-version2 .about-counting-box2 h3 {

  color: #2b2b5e;

  font-size: 27px;

  font-weight: 600;

}

.about-thumb-version2 .about-counting-box2 h3 span {

  color: #2b2b5e;

  font-size: 27px;

  font-weight: 500;

}

@media (max-width: 1399px) {

  .about-thumb-version2 .about-counting-box1 {

    padding: 15px 40px;

    position: absolute;

    top: 14px;

    right: 10px;

    animation: updown 2s linear infinite;

  }

  .about-thumb-version2 .about-counting-box1 h3 {

    font-size: 50px;

    font-weight: 600;

  }

  .about-thumb-version2 .about-counting-box1 h3 span {

    font-size: 50px;

    font-weight: 600;

  }

}

@media (max-width: 500px) {

  .about-thumb-version2 .about-counting-box1 {

    display: none;

  }

}



.business-thumb-wrap .about-exchange-content {

  position: absolute;

  top: 0;

  left: 0;

}

.business-thumb-wrap .about-exchange-content .about-display-item {

  max-width: 300px;

}

@media (max-width: 1199px) {

  .business-thumb-wrap .about-exchange-content {

    background: var(--white);

    border-radius: 10px;

    padding: 16px;

  }

}

@media (max-width: 991px) {

  .business-thumb-wrap .main-thumbs {

    height: 350px;

  }

}

@media (max-width: 767px) {

  .business-thumb-wrap .main-thumbs {

    height: 280px;

  }

  .business-thumb-wrap .about-exchange-content {

    position: initial;

    margin-top: 20px;

  }

}

@media (max-width: 575px) {

  .business-thumb-wrap .main-thumbs {

    height: 200px;

    object-fit: cover;

  }

  .business-thumb-wrap .about-exchange-content {

    position: initial;

    margin-top: 20px;

  }

}



.business-counter-wrap {

  margin-top: 40px;

  display: flex;

  justify-content: space-between;

  gap: 24px;

}

.business-counter-wrap .business-counter-item {

  border: 1px solid #e3e3e3;

  border-radius: 20px;

  display: inline-flex;

  align-items: center;

  gap: 30px;

  padding: 30px 56px;

  margin-left: 52px;

}

.business-counter-wrap .business-counter-item .icon {

  width: 90px;

  height: 90px;

  min-width: 90px;

  margin-left: -110px;

}

.business-counter-wrap .business-counter-item .cont .cmn-size {

  font-size: 72px;

  line-height: 70px;

  font-weight: 500;

  color: var(--black);

}

@media (max-width: 1199px) {

  .business-counter-wrap {

    margin-top: 24px;

  }

  .business-counter-wrap .business-counter-item {

    gap: 18px;

    padding: 18px 21px;

    margin-left: 0px;

  }

  .business-counter-wrap .business-counter-item .icon {

    width: 65px;

    height: 65px;

    min-width: 65px;

    margin-left: 0px;

  }

  .business-counter-wrap .business-counter-item .cont .cmn-size {

    font-size: 48px;

    line-height: 48px;

    font-weight: 500;

  }

}

@media (max-width: 991px) {

  .business-counter-wrap {

    margin-top: 24px;

  }

  .business-counter-wrap .business-counter-item {

    gap: 18px;

    padding: 18px 20px;

    margin-left: 0px;

  }

  .business-counter-wrap .business-counter-item .icon {

    width: 65px;

    height: 65px;

    min-width: 65px;

    margin-left: 0px;

  }

  .business-counter-wrap .business-counter-item .cont .cmn-size {

    font-size: 36px;

    line-height: 40px;

    font-weight: 500;

  }

}

@media (max-width: 767px) {

  .business-counter-wrap {

    margin-top: 24px;

    flex-wrap: wrap;

    justify-content: center;

    gap: 16px;

  }

  .business-counter-wrap .business-counter-item {

    gap: 18px;

    display: flex;

    padding: 18px 21px;

    margin-left: 0px;

  }

  .business-counter-wrap .business-counter-item .icon {

    width: 65px;

    height: 65px;

    min-width: 65px;

    margin-left: 0px;

  }

  .business-counter-wrap .business-counter-item .cont .cmn-size {

    font-size: 38px;

    line-height: 40px;

    font-weight: 500;

  }

}



.project-gallery-wrap {

  margin-right: -300px;

}

@media (max-width: 767px) {

  .project-gallery-wrap {

    margin-right: 0;

  }

}



.project-gallery-item {

  overflow: hidden;

}

.project-gallery-item .content {

  position: absolute;

  bottom: -300px;

  left: 10px;

  width: 90%;

  background: var(--p5-clr);

  border-radius: 16px;

  padding: 14px 18px;

  z-index: 1;

  transition: all 0.4s;

}

.project-gallery-item .arros-data {

  width: 80px;

  height: 80px;

  transform: rotate(-20deg) scale(0);

  transition: all 0.4s;

}

.project-gallery-item .arros-data i {

  color: var(--white);

  font-size: 28px;

}

@media (max-width: 991px) {

  .project-gallery-item .arros-data {

    width: 60px;

    height: 60px;

  }

  .project-gallery-item .arros-data i {

    font-size: 18px;

  }

}

@media (max-width: 767px) {

  .project-gallery-item .arros-data {

    width: 50px;

    height: 50px;

  }

  .project-gallery-item .arros-data i {

    font-size: 18px;

  }

}

.project-gallery-item:hover .arros-data {

  width: 80px;

  height: 80px;

  transform: rotate(-20deg) scale(1);

  transition: all 0.4s;

}

.project-gallery-item:hover .arros-data i {

  color: var(--white);

  font-size: 28px;

}

.project-gallery-item:hover .content {

  bottom: 14px;

}



.providing-items .author {

  margin: 0 auto 30px;

}



.smart-connecting {

  padding: 40px 40px;

}

@media (max-width: 1199px) {

  .smart-connecting {

    padding: 24px 24px;

  }

}

.smart-connecting .rising-shape {

  position: absolute;

  right: 0;

  top: 0;

  max-width: 408px;

}



.providing-boxes {

  padding: 40px 30px;

}

@media (max-width: 1199px) {

  .providing-boxes {

    padding: 30px 22px;

  }

}



.providing-testimonial-slide {

  padding: 40px 40px;

}

.providing-testimonial-slide .swiper-wrapper {

  max-width: 550px;

  margin: 0 auto;

}

.providing-testimonial-slide .array-button {

  justify-content: space-between;

  width: 87%;

  position: absolute;

  top: 30%;

  z-index: 9;

}

.providing-testimonial-slide .array-button button {

  background: #1a1705;

}

.providing-testimonial-slide .array-button button i {

  color: var(--p5-clr);

}

.providing-testimonial-slide .array-button button.active,
.providing-testimonial-slide .array-button button:hover {

  background: var(--p5-clr);

}

.providing-testimonial-slide .array-button button.active i,
.providing-testimonial-slide .array-button button:hover i {

  color: var(--black) !important;

}

@media (max-width: 991px) {

  .providing-testimonial-slide .array-button button {

    width: 45px;

    height: 45px;

    min-width: 45px;

  }

}

@media (max-width: 991px) {

  .providing-testimonial-slide .array-button {

    width: 80%;

  }

}

.providing-testimonial-slide p {

  font-size: 24px;

}

@media (max-width: 1399px) {

  .providing-testimonial-slide p {

    font-size: 20px;

  }

}

@media (max-width: 1199px) {

  .providing-testimonial-slide p {

    font-size: 17px;

  }

}

@media (max-width: 500px) {

  .providing-testimonial-slide {

    padding: 30px 22px;

  }

}



.hosting-connect-item .arrows {

  width: 50px;

  height: 50px;

  transform: rotate(-18deg);

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

  transition: all 0.4s;

}

.hosting-connect-item .text-area {

  transition: all 0.4s;

}

.hosting-connect-item .thumb {

  transition: all 0.4s;

}

.hosting-connect-item .thumb img {

  transition: all 0.4s;

}

@media (max-width: 1199px) {

  .hosting-connect-item .arrows {

    width: 40px;

    height: 40px;

    min-width: 40px;

  }

}

.hosting-connect-item:hover .thumb img {

  transform: scale(1.1);

}

.hosting-connect-item:hover .arrows {

  transform: rotate(0deg);

  border: 1px solid var(--p2-clr);

  background: var(--p2-clr);

}



.hosting-information-cloude {

  display: grid;

  gap: 26px;

}

.hosting-information-cloude .hosting-info-items {

  display: flex;

  align-items: center;

  gap: 20px;

}

.hosting-information-cloude .line {

  width: 100%;

  height: 1px;

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

}

@media (max-width: 1199px) {

  .hosting-information-cloude {

    gap: 20px;

  }

  .hosting-information-cloude .hosting-info-items {

    display: flex;

    align-items: center;

    gap: 14px;

  }

}



.hosting-thumb-wrapper {

  position: relative;

}

.hosting-thumb-wrapper .thumb {

  max-width: 435px;

}

.hosting-thumb-wrapper .thumb img {

  width: 100%;

}

.hosting-thumb-wrapper .hosting-cont-info {

  border-radius: 20px;

  padding: 24px;

  background: linear-gradient(158deg, rgba(39, 218, 183, 0.98) 8.12%, rgba(31, 68, 128, 0.7) 74.4%);

  position: absolute;

  right: 60px;

  bottom: -50px;

}

.hosting-thumb-wrapper .hosting-count {

  background: var(--p1-clr);

  border-radius: 999px;

  padding: 25px 12px;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: -20px;

}

.hosting-thumb-wrapper .hosting-count .count-text,

.hosting-thumb-wrapper .hosting-count .count {

  font-size: 27px;

  font-weight: 500;

  color: var(--white);

}

@media (max-width: 1199px) {

  .hosting-thumb-wrapper .hosting-cont-info {

    padding: 24px;

    right: 10px;

    bottom: 10px;

  }

  .hosting-thumb-wrapper .hosting-count {

    padding: 25px 12px;

    left: 10px;

  }

  .hosting-thumb-wrapper .hosting-count .count-text,

  .hosting-thumb-wrapper .hosting-count .count {

    font-size: 27px;

    font-weight: 500;

    color: var(--white);

  }

}

@media (max-width: 767px) {

  .hosting-thumb-wrapper .hosting-count {

    padding: 25px 12px;

    left: 10px;

    top: 10px;

    transform: translateY(0);

  }

  .hosting-thumb-wrapper .thumb {

    max-width: 100%;

  }

  .hosting-thumb-wrapper .thumb img {

    width: 100%;

  }

}



.worke-items5 {

  padding: 30px 40px;

  transition: all 0.4s;

}

.worke-items5 .icons {

  margin-bottom: 30px;

  width: 60px;

  height: 60px;

  transition: all 0.4s;

}

.worke-items5 .icons img {

  filter: brightness(0);

  width: 36px;

  height: 36px;

  object-fit: contain;

}

.worke-items5 .content h3 {

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

  padding-left: 8px;

}

.worke-items5:hover {

  background: var(--p5-clr);

}

.worke-items5:hover .icons {

  background: rgba(0, 0, 0, 0.144) !important;

}

.worke-items5:hover .icons img {

  filter: brightness(0);

}

.worke-items5:hover .content p,

.worke-items5:hover .content h3 {

  border-color: var(--black);

  color: var(--black);

}

.worke-items5:hover .content .read-more {

  color: var(--black);

}

@media (max-width: 1199px) and (min-width: 576px) {

  .worke-items5 {

    padding: 24px 20px;

  }

}



.project-gallery-section6 .boxes {

  max-width: 700px;

}



.range-form .range-track {

  height: 5px;

  position: relative;

  background: var(--cmnbg);

  border-radius: 2px;

}

.range-form .slider-range {

  height: 100%;

  left: 0%;

  right: 0%;

  position: absolute;

  border-radius: 5px;

  background: var(--p4-clr);

  transition: initial;

}

.range-form .range-input {

  position: relative;

  border: unset;

}

.range-form .range-input input {

  position: absolute;

  width: 100%;

  height: 5px;

  top: -5px;

  padding: 0;

  z-index: 1;

  background: none;

  pointer-events: none;

  -webkit-appearance: none;

  -moz-appearance: none;

  outline: none;

}

.range-form .range-input input::-webkit-slider-thumb {

  height: 22px;

  width: 22px;

  border-radius: 50%;

  border: 1px solid #c3eddf;

  background-color: var(--p4-clr);

  pointer-events: auto;

  -webkit-appearance: none;

  z-index: 1;

}

.range-form .range-input input::-moz-range-thumb {

  height: 22px;

  width: 22px;

  border-radius: 50%;

  pointer-events: auto;

  -moz-appearance: none;

  z-index: 1;

  position: relative;

}



.filter-btn {

  border: 1px solid var(--p4-clr);

}

.filter-btn:hover {

  border-color: var(--p1-clr);

}



.shop-items .content {

  padding: 22px 29px 25px;

}

.shop-items .thumb img {

  transition: all 0.4s;

}

.shop-items:hover .content h3 a {

  color: var(--p2-clr);

}

.shop-items:hover .thumb img {

  transform: scale(1.1);

}

@media (max-width: 1199px) {

  .shop-items .content {

    padding: 20px 18px 22px;

  }

}



.shop-items-v2 .shop-items {

  position: relative;

  margin-bottom: 24px;

  overflow: visible !important;

}

.shop-items-v2 .shop-items .thumb {

  border-top-left-radius: 20px !important;

  border-top-right-radius: 20px !important;

}

.shop-items-v2 .shop-items .common-btn {

  border: 1px solid var(--p2-clr);

  position: absolute;

  bottom: -22px;

  z-index: 1;

  left: 50%;

  transform: translateX(-50%);

  text-wrap: nowrap;

}

.shop-items-v2 .shop-items:hover .common-btn {

  background: var(--p2-clr);

  color: var(--white) !important;

}



.quantity {

  display: inline-flex;

  border: 1px solid var(--cmnbg);

  overflow: hidden;

  padding: 2px 24px;

  border-radius: 100px;

}

.quantity button {

  border: none;

  cursor: pointer;

  font-size: 24px;

  width: 30px;

  height: auto;

  text-align: center;

}

.quantity .input-box {

  width: 40px;

  text-align: center;

  border: none;

  padding: 8px 10px;

  font-size: 16px;

  outline: none;

  font-weight: 600;

  color: var(--black);

}

.quantity .input-box::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}

.quantity .input-box::-webkit-outer-spin-button {

  -webkit-appearance: none;

  margin: 0;

}

.quantity .input-box[type=number] {

  -moz-appearance: textfield;

}



.shop-description .nav {

  display: flex;

  align-items: center;

  gap: 75px;

  flex-wrap: wrap;

  margin-bottom: 30px;

  border: unset;

}

.shop-description .nav .nav-item .nav-link {

  border: unset;

  padding: 0 0;

  padding-bottom: 4px;

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

  font-size: 26px;

  line-height: 32px;

  color: var(--pra);

  letter-spacing: -1px;

  transition: all 0.4s;

}

.shop-description .nav .nav-item .nav-link.active {

  color: var(--p2-clr);

  border-color: var(--p2-clr);

}

@media (max-width: 991px) {

  .shop-description .nav {

    gap: 9px 20px;

    flex-wrap: wrap;

    margin-bottom: 10px;

    border: unset;

  }

  .shop-description .nav .nav-item .nav-link {

    border: unset;

    padding: 0 0;

    padding-bottom: 3px;

    font-size: 18px;

    line-height: 22px;

    color: var(--pra);

  }

}



.shop-tables-wrap .table-responsive table {

  vertical-align: middle;

  width: 100%;

  border-radius: 20px;

  overflow: hidden;

}

.shop-tables-wrap .table-responsive table tr th {

  background: var(--p5-clr);

  font-size: 26px;

  font-weight: 500;

  color: var(--black);

  text-align: center;

  padding: 28px 14px;

}

.shop-tables-wrap .table-responsive table th,

.shop-tables-wrap .table-responsive table td {

  padding: 20px 18px;

  text-align: center;

  border: 1px solid #e3e3e3;

  border-collapse: collapse;

}

@media (max-width: 991px) {

  .shop-tables-wrap .table-responsive table tr th {

    font-size: 18px;

    padding: 20px 14px;

  }

  .shop-tables-wrap .table-responsive table th,

  .shop-tables-wrap .table-responsive table td {

    padding: 20px 18px;

    text-align: center;

    border: 1px solid #e3e3e3;

    border-collapse: collapse;

  }

}



.custom-accordion {

  display: grid;

  gap: 30px;

}

.custom-accordion .accordion-item {

  border: unset;

}

.custom-accordion .accordion-item .accordion-header {

  line-height: 30px;

}

.custom-accordion .accordion-item .accordion-header .accordion-button {

  font-size: 17px;

  font-weight: 600;

  font-family: "Archivo", sans-serif;

  padding: 0 0;

  outline: none;

}

.custom-accordion .accordion-item .accordion-header .accordion-button::after {

  display: none;

}

.custom-accordion .accordion-item .accordion-header .accordion-button::before {

  position: absolute;

  right: 7px;

  display: inline-block;

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  content: "\f067";

  vertical-align: middle;

  width: 40px;

  height: 40px;

  min-width: 40px;

  border-radius: 50%;

  background: var(--p2-clr);

  display: flex;

  align-items: center;

  justify-content: center;

  color: var(--white);

}

@media (max-width: 575px) {

  .custom-accordion .accordion-item .accordion-header .accordion-button {

    padding-right: 50px;

  }

}

.custom-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {

  color: var(--black);

  box-shadow: none;

  outline: none;

}

.custom-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::before {

  display: none;

  display: inline-block;

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  content: "\f068";

  vertical-align: middle;

  display: flex;

  align-items: center;

  justify-content: center;

  background: var(--p4-clr);

}

.custom-accordion .accordion-item .accordion-header .accordion-button:focus {

  z-index: 3;

  outline: 0;

  box-shadow: none;

}

.custom-accordion .accordion-item .accordion-body {

  padding: 0 0;

}

.custom-accordion .line {

  width: 100%;

  height: 1px;

  background: rgba(0, 0, 0, 0.1);

}

@media (max-width: 1199px) {

  .custom-accordion {

    gap: 20px;

  }

  .custom-accordion .accordion-item {

    border: unset;

  }

  .custom-accordion .accordion-item .accordion-header {

    line-height: 24px;

  }

  .custom-accordion .accordion-item .accordion-header .accordion-button {

    font-size: 18px;

  }

  .custom-accordion .accordion-item .accordion-header .accordion-button::after {

    content: "";

    background-image: none !important;

    background-repeat: no-repeat;

  }

  .custom-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {

    color: var(--black);

    box-shadow: none;

    outline: none;

  }

  .custom-accordion .accordion-item .accordion-header .accordion-button:focus {

    z-index: 3;

    outline: 0;

    box-shadow: none;

  }

  .custom-accordion .accordion-item .accordion-body {

    padding: 0 0;

  }

}

.custom-accordion.accordion-style1 .accordion-item {

  border-left: 5px solid var(--white);

  transition: all 0.4s;

}

.custom-accordion.accordion-style1 .accordion-item.active {

  border-color: var(--p2-clr);

}

.custom-accordion.accordion-style2 .accordion-item {

  border-radius: 100px !important;

}

.custom-accordion.accordion-style2 .accordion-item .accordion-header .accordion-button::after {

  display: none;

}

.custom-accordion.accordion-style2 .accordion-item .accordion-header .accordion-button::before {

  content: "\f061";

  background: var(--cmnbg);

  color: var(--black);

}

.custom-accordion.accordion-style2 .accordion-item .accordion-header .accordion-button:not(.collapsed)::before {

  content: "\f063";

  background: var(--p2-clr);

  color: var(--white);

}

.custom-accordion.accordion-style2 .accordion-item.active {

  border-radius: 10px !important;

}

.custom-accordion.white-version .line {

  width: 100%;

  height: 1px;

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

}

.custom-accordion.white-version .accordion-item {

  border: unset;

}

.custom-accordion.white-version .accordion-item .accordion-header .accordion-button {

  color: var(--white);

}

.custom-accordion.white-version .accordion-item .accordion-header .accordion-button::after {

  background: var(--white);

}

.custom-accordion.white-version .accordion-item .accordion-header .accordion-button::before {

  background: var(--white);

}

.custom-accordion.white-version .accordion-item .accordion-header .accordion-button:not(.collapsed) {

  color: var(--white);

}

.custom-accordion.white-version .accordion-item .accordion-body {

  padding: 0 0;

}

.custom-accordion.white-version .accordion-item .accordion-body p {

  color: rgba(255, 255, 255, 0.7);

}

.custom-accordion.accordion-style3 .accordion-item {

  border: 1px solid var(--black);

  background: transparent !important;

}

.custom-accordion.accordion-style3 .accordion-item .accordion-header .accordion-button {

  background: transparent !important;

  font-size: 26px;

}

.custom-accordion.accordion-style3 .accordion-item .accordion-header .accordion-button::before {

  font-size: 16px;

}

.custom-accordion.accordion-style3 .accordion-item .accordion-header .accordion-button:not(.collapsed)::before {

  content: "\f068";

  background: rgba(39, 218, 183, 0.1);

  color: var(--white);

  font-size: 18px;

}

@media (max-width: 991px) {

  .custom-accordion.accordion-style3 .accordion-item .accordion-header .accordion-button {

    font-size: 20px;

  }

}

@media (max-width: 575px) {

  .custom-accordion.accordion-style3 .accordion-item .accordion-header .accordion-button {

    font-size: 17px;

    font-weight: 500;

    line-height: 20px;

  }

}

.custom-accordion.accordion-style3 .accordion-item p {

  max-width: unset;

}

.custom-accordion.accordion-style3 .accordion-item.active {

  background: var(--p2-clr) !important;

  border-color: var(--p2-clr) !important;

  border-radius: 10px !important;

}

.custom-accordion.accordion-style3 .accordion-item.active p,

.custom-accordion.accordion-style3 .accordion-item.active h2,

.custom-accordion.accordion-style3 .accordion-item.active button {

  color: var(--white) !important;

}



.faq-section5 .section-title {

  max-width: 934px;

  margin: 0 auto;

}



.accordion-style5 .accordion-item {

  box-shadow: unset;

  background: transparent !important;

  padding: 0;

}

.accordion-style5 .accordion-item .accordion-header .accordion-button {

  color: var(--white);

  font-size: 22px;

  background: transparent !important;

  border-radius: 0;

}

.accordion-style5 .accordion-item .accordion-header .accordion-button::after {

  display: none;

}

.accordion-style5 .accordion-item .accordion-header .accordion-button::before {

  position: absolute;

  right: 7px;

  content: "";

  width: 40px;

  height: 40px;

  min-width: 40px;

  background: transparent;

  background: url(../../assets/img/icon/arrow-right-white.png) no-repeat center center;

  background-size: 30px contain;

  transition: all 0.4s;

}

.accordion-style5 .accordion-item .accordion-header .accordion-button:not(.collapsed)::before {

  content: "";

  background: transparent;

  color: var(--white);

  font-size: 18px;

  background: url(../../assets/img/icon/arrow-right-white.png) no-repeat center center;

  background-size: 30px contain;

  transform: rotate(90deg);

}

.accordion-style5 .accordion-item .accordion-body p {

  max-width: 100%;

}

.accordion-style5 .accordion-item.active p,

.accordion-style5 .accordion-item.active h2,

.accordion-style5 .accordion-item.active button {

  color: var(--white) !important;

}

.accordion-style5 .line {

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

}



.accordion-item {

  border: unset;

  overflow: hidden;

  border-radius: 20px !important;

  background: var(--white) !important;

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

  padding: 24px;

}

.accordion-item .accordion-header .accordion-button {

  background: var(--white) !important;

  outline: none;

  font-size: 20px;

  font-weight: 500;

  color: var(--black);

  padding: 0;

}

.accordion-item .accordion-body {

  padding-top: 0;

  padding: 0;

}

.accordion-item .accordion-body p {

  max-width: 454px;

  font-size: 16px;

}

@media (max-width: 450px) {

  .accordion-item {

    padding: 16px;

  }

  .accordion-item .accordion-header .accordion-button {

    font-size: 18px;

    font-weight: 500;

    line-height: 27px;

  }

  .accordion-item .accordion-body p {

    max-width: 454px;

    font-size: 14px;

  }

}



.accordion-button:not(.collapsed) {

  inset: 0 !important;

  box-shadow: none !important;

  margin-bottom: 10px;

}



.accordion-button:focus {

  z-index: 3;

  border-color: unset;

  outline: 0;

  box-shadow: none;

}



.feature-section .container {

  max-width: 1500px;

  margin: 0 auto;

}



.featue-wrapper {

  border-radius: 32px;

  padding: 80px 80px;

  z-index: 1;

}

.featue-wrapper .feature-element {

  position: absolute;

  top: 0;

  right: 0;

  z-index: -1;

}

.featue-wrapper .feature-inner {

  display: flex;

  flex-direction: column;

  gap: 56px;

}

.featue-wrapper .feature-inner .feature-items {

  display: flex;

  align-items: center;

  justify-content: space-between;

  position: relative;

}

.featue-wrapper .feature-inner .feature-items .feature-left {

  width: 628px;

}

.featue-wrapper .feature-inner .feature-items .feature-left .icons {

  width: 60px;

  min-width: 60px;

  height: 60px;

}

.featue-wrapper .feature-inner .feature-items .feature-left .feature-list li {

  position: relative;

  padding-left: 24px;

  display: flex;

  align-items: center;

  color: var(--pra);

}

.featue-wrapper .feature-inner .feature-items .feature-left .feature-list li::before {

  position: absolute;

  left: 0;

  content: "";

  width: 6px;

  height: 6px;

  background: #d9d9d9;

  border-radius: 50%;

}

.featue-wrapper .feature-inner .feature-items .extra-feature {

  position: absolute;

  border-radius: 20px;

  right: 20%;

  transform: scaleX(0);

  transition: all 0.4s;

}

@media (max-width: 1199px) {

  .featue-wrapper .feature-inner .feature-items .feature-left {

    width: 550px;

  }

}

@media (max-width: 991px) {

  .featue-wrapper .feature-inner .feature-items .feature-left {

    width: initial;

  }

  .featue-wrapper .feature-inner .feature-items .feature-left .icons {

    width: 50px;

    min-width: 50px;

    height: 50px;

  }

  .featue-wrapper .feature-inner .feature-items .feature-left .icons img {

    width: 24px;

  }

}

@media (max-width: 767px) {

  .featue-wrapper .feature-inner .feature-items {

    flex-wrap: wrap;

    gap: 16px;

  }

}

@media (max-width: 575px) {

  .featue-wrapper .feature-inner .feature-items .extra-feature {

    display: none;

  }

}

.featue-wrapper .feature-inner .feature-items:hover {

  cursor: pointer;

}

.featue-wrapper .feature-inner .feature-items:hover .extra-feature {

  transform: scaleX(1) rotate(10deg);

}

.featue-wrapper .feature-inner .feature-items:hover .common-btn {

  background: var(--black) !important;

  color: var(--white);

}

.featue-wrapper .feature-inner .feature-items:hover .common-btn img {

  filter: brightness(25);

}

.featue-wrapper .feature-inner .line {

  background: #cccccc;

  width: 100%;

  height: 1px;

}

@media (max-width: 1199px) {

  .featue-wrapper .feature-inner {

    gap: 36px;

  }

}

@media (max-width: 1199px) {

  .featue-wrapper {

    padding: 40px 36px;

  }

}

@media (max-width: 575px) {

  .featue-wrapper {

    padding: 36px 20px;

  }

}

.featue-wrapper.feaure-wrapper2 {

  padding: 0 80px;

}

.featue-wrapper.feaure-wrapper2 .feature-inner {

  gap: 30px;

}

.featue-wrapper.feaure-wrapper2 .feature-inner .feature-items .feature-left {

  width: 967px;

}

.featue-wrapper.feaure-wrapper2 .feature-inner .feature-items .feature-left .feature-list li {

  padding-left: 0;

}

.featue-wrapper.feaure-wrapper2 .feature-inner .feature-items .feature-left .feature-list li::before {

  display: none;

}

.featue-wrapper.feaure-wrapper2 .feature-inner .feature-items .feature-left p {

  max-width: 400px;

}

.featue-wrapper.feaure-wrapper2 .feature-inner .feature-items .cmn-arrows {

  border: 1px solid var(--cmn-border);

  border-radius: 50%;

  width: 60px;

  min-width: 60px;

  height: 60px;

  transition: all 0.4s;

}

.featue-wrapper.feaure-wrapper2 .feature-inner .feature-items:hover .extra-feature {

  right: 10%;

}

.featue-wrapper.feaure-wrapper2 .feature-inner .feature-items:hover .cmn-arrows {

  background: var(--p1-clr);

  border-color: var(--p1-clr);

}

@media (max-width: 1199px) {

  .featue-wrapper.feaure-wrapper2 {

    padding: 0 0px;

  }

  .featue-wrapper.feaure-wrapper2 .feature-inner {

    gap: 22px;

  }

  .featue-wrapper.feaure-wrapper2 .feature-inner .feature-items .feature-left {

    width: 807px;

  }

  .featue-wrapper.feaure-wrapper2 .feature-inner .feature-items .feature-left p {

    max-width: 400px;

  }

  .featue-wrapper.feaure-wrapper2 .feature-inner .feature-items .cmn-arrows {

    width: 40px;

    min-width: 40px;

    height: 40px;

  }

  .featue-wrapper.feaure-wrapper2 .feature-inner .feature-items .cmn-arrows img {

    width: 16px;

  }

  .featue-wrapper.feaure-wrapper2 .feature-inner .feature-items:hover .extra-feature {

    right: 10%;

  }

  .featue-wrapper.feaure-wrapper2 .feature-inner .feature-items:hover .cmn-arrows {

    background: var(--p1-clr);

    border-color: var(--p1-clr);

  }

}



.counter-wrapper4 {

  border: 1px solid var(--black);

  padding: 40px 60px;

  border-radius: 20px;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.counter-wrapper4 .line {

  width: 1px;

  height: 120px;

  background: var(--black);

}

@media (max-width: 991px) {

  .counter-wrapper4 {

    padding: 24px 30px;

  }

  .counter-wrapper4 .line {

    height: 80px;

  }

}

@media (max-width: 767px) {

  .counter-wrapper4 {

    flex-wrap: wrap;

    gap: 16px;

    justify-content: center;

  }

  .counter-wrapper4 .line {

    display: none;

  }

}



.counter-item4 h2 {

  position: relative;

  z-index: 1;

}

.counter-item4 h2::before {

  position: absolute;

  content: "";

  width: 50px;

  height: 50px;

  border-radius: 50%;

  background: var(--p5-clr);

  left: 0;

  top: 0;

  z-index: -1;

}

.counter-item4 h2 span {

  font-size: 72px;

}

@media (max-width: 991px) {

  .counter-item4 h2 span {

    font-size: 42px;

  }

}

@media (max-width: 767px) {

  .counter-item4 h2 span {

    font-size: 34px;

  }

  .counter-item4 h2::before {

    width: 30px;

    height: 30px;

  }

}



.footer-section {

  position: relative;

  z-index: 1;

}

.footer-section.style1 .footer-content {

  max-width: 350px;

}

.footer-section.style1 .footer-ele1 {

  position: absolute;

  left: 0;

  top: 0;

  z-index: -1;

}

.footer-section.style2 .footer-widgets-wrapper.footer-widget-wrapper2 {

  display: flex;

  justify-content: space-between;

  gap: 30px;

  /* padding-top: 40px; */

}

@media (max-width: 1399px) {

  .footer-section.style2 .footer-widgets-wrapper.footer-widget-wrapper2 {

    padding-top: 30px;

  }

}

@media (max-width: 767px) {

  .footer-section.style2 .footer-widgets-wrapper.footer-widget-wrapper2 {

    flex-wrap: wrap;

  }

}

.footer-section.style2 .footer-widgets-wrapper .footer2-social {

  max-width: 520px;

}

.footer-section.style2 .footer-widgets-wrapper .footer2-social .emails {

  font-size: 50px;

  line-height: 60px;

  font-weight: 700;

  color: var(--black);

  margin-bottom: 10px;

  display: block;

  letter-spacing: -3px;

}

.footer-section.style2 .footer-widgets-wrapper .footer2-form {

  max-width: 586px;

}

.footer-section.style2 .footer-widgets-wrapper .adjust-lin {

  width: 2px;

  height: 200px;

  background: var(--border);

}

@media (max-width: 1199px) {

  .footer-section.style2 .footer-widgets-wrapper .footer2-form {

    max-width: 476px;

    padding-bottom: 20px;

  }

  .footer-section.style2 .footer-widgets-wrapper .footer2-social .emails {

    font-size: 28px;

    line-height: 38px;

    margin-bottom: 18px;

    letter-spacing: -1px;

  }

}

@media (max-width: 991px) {

  .footer-section.style2 .footer-widgets-wrapper .social-adjustment {

    gap: 24px;

  }

}

@media (max-width: 767px) {

  .footer-section.style2 .footer-widgets-wrapper .social-adjustment {

    padding-bottom: 30px;

    gap: 24px;

    flex-wrap: wrap;

  }

  .footer-section.style2 .footer-widgets-wrapper .social-adjustment .footer2-form {

    padding-bottom: 0px;

  }

  .footer-section.style2 .footer-widgets-wrapper .adjust-lin {

    display: none;

  }

}

@media (max-width: 575px) {

  .footer-section.style2 .footer-widgets-wrapper .footer2-social .emails {

    font-size: 20px;

    line-height: 30px;

    margin-bottom: 16px;

    letter-spacing: -1px;

  }

}

.footer-section.style2 .footer2-ele-top {

  position: absolute;

  top: 0;

  left: 0;

  z-index: -1;

}

.footer-section.style2 .footer2-ele-bottom {

  position: absolute;

  bottom: 0;

  right: 0;

  z-index: -1;

}

.footer-section.style3 .footer-widgets-wrapper .list-linkes li a {

  color: var(--white) !important;

}

.footer-section.style3 .footer-widgets-wrapper .list-area .icon {

  background: #121212 !important;

}

.footer-section.style3 .footer-widgets-wrapper .list-area .icon i {

  color: var(--p5-clr);

}

.footer-section.style3 .footer-ingredient-form {

  background: var(--p5-clr);

  padding: 60px 80px;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.footer-section.style3 .footer-ingredient-form .footer-ingredient-inner {

  max-width: 617px;

  display: flex;

  align-items: center;

  gap: 10px;

}

.footer-section.style3 .footer-ingredient-form .form-cmn-style {

  width: 517px;

  background: rgba(0, 0, 0, 0.1);

  border: unset;

}

.footer-section.style3 .footer-ingredient-form .form-cmn-style input {

  background: transparent;

  border: unset;

  color: var(--black);

}

.footer-section.style3 .footer-ingredient-form .form-cmn-style input::placeholder {

  color: var(--black);

}

@media (max-width: 1399px) {

  .footer-section.style3 .footer-ingredient-form {

    padding: 40px 40px;

  }

}

@media (max-width: 1199px) {

  .footer-section.style3 .footer-ingredient-form {

    padding: 40px 40px;

  }

  .footer-section.style3 .footer-ingredient-form .footer-ingredient-inner {

    max-width: 617px;

    gap: 10px;

  }

  .footer-section.style3 .footer-ingredient-form .form-cmn-style {

    width: 317px;

  }

}

@media (max-width: 991px) {

  .footer-section.style3 .footer-ingredient-form {

    padding: 40px 40px;

    flex-wrap: wrap;

    gap: 20px;

    justify-content: center;

  }

  .footer-section.style3 .footer-ingredient-form .content {

    text-align: center;

  }

  .footer-section.style3 .footer-ingredient-form .footer-ingredient-inner {

    max-width: 617px;

    gap: 10px;

  }

  .footer-section.style3 .footer-ingredient-form .form-cmn-style {

    width: 317px;

  }

}

@media (max-width: 575px) {

  .footer-section.style3 .footer-ingredient-form {

    padding: 40px 20px;

    flex-wrap: wrap;

    gap: 20px;

    justify-content: center;

  }

  .footer-section.style3 .footer-ingredient-form .content {

    text-align: center;

  }

  .footer-section.style3 .footer-ingredient-form .footer-ingredient-inner {

    max-width: 617px;

    gap: 10px;

  }

  .footer-section.style3 .footer-ingredient-form .form-cmn-style {

    width: initial;

    width: 100%;

  }

}

.footer-section.style4 .footer-bottom {

  border-top: 1px solid var(--black);

}

.footer-section.style4 .footer-can-help {

  border-bottom: 1px solid var(--black);

}

.footer-section.style4 .footer-can-help .can-help-info {

  display: flex;

  align-items: center;

  gap: 60px;

}

.footer-section.style4 .form-cmn-style {

  border: 1px solid var(--black);

  max-width: 310px;

}

.footer-section.style4 .form-cmn-style input {

  color: var(--black);

}

.footer-section.style4 .social-wrapper a {

  background: rgba(0, 0, 0, 0.05) !important;

}

.footer-section.style4 .social-wrapper a:hover {

  background: var(--p1-clr) !important;

}

@media (max-width: 991px) {

  .footer-section.style4 .footer-can-help {

    text-align: center;

  }

  .footer-section.style4 .footer-can-help .can-help-info {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 9px 24px;

    text-align: center;

    justify-content: center;

  }

}

.footer-section.footer-style5 .footer-bottom {

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

}

.footer-section.footer-style5 .footer-content .form-cmn-style {

  border: 1px solid rgba(227, 227, 227, 0.103);

  background: #121212;

}

.footer-section.footer-style5 .footer-content .form-cmn-style input {

  color: var(--white);

}

.footer-section.footer-style5 .footer-content .form-cmn-style input::placeholder {

  color: var(--white);

}

.footer-section.footer-style5 .logo-big {

  max-width: 740px;

  margin: 60px auto;

  display: block;

}

.footer-section.footer-style5 .logo-big img {

  width: 100%;

  object-fit: contain;

}

@media (max-width: 1399px) {

  .footer-section.footer-style5 .logo-big {

    max-width: 500px;

  }

}

@media (max-width: 767px) {

  .footer-section.footer-style5 .logo-big {

    max-width: 400px;

    margin: 50px auto;

  }

}

@media (max-width: 767px) {

  .footer-section.footer-style5 .logo-big {

    margin: 30px auto;

    max-width: 250px;

  }

}

.footer-section.footer-style6 .footer-widgets-wrapper {

  display: flex;

  justify-content: space-between;

  gap: 30px;

}

.footer-section.footer-style6 .footer-widgets-wrapper .have-mind-box {

  padding: 30px 30px;

  max-width: 300px;

}

.footer-section.footer-style6 .footer-widgets-wrapper .single-box-maintain {

  max-width: 325px;

}

@media (max-width: 1199px) {

  .footer-section.footer-style6 .footer-widgets-wrapper {

    gap: 34px 20px;

  }

  .footer-section.footer-style6 .footer-widgets-wrapper .have-mind-box {

    padding: 20px 20px;

    max-width: 250px;

  }

  .footer-section.footer-style6 .footer-widgets-wrapper .single-box-maintain {

    max-width: 290px;

  }

}

@media (max-width: 991px) {

  .footer-section.footer-style6 .footer-widgets-wrapper {

    flex-wrap: wrap;

    justify-content: center;

  }

  .footer-section.footer-style6 .footer-widgets-wrapper .have-mind-box {

    padding: 20px 20px;

    max-width: 50%;

  }

  .footer-section.footer-style6 .footer-widgets-wrapper .single-box-maintain {

    max-width: 45%;

  }

}

@media (max-width: 767px) {

  .footer-section.footer-style6 .footer-widgets-wrapper {

    flex-wrap: wrap;

    justify-content: center;

  }

  .footer-section.footer-style6 .footer-widgets-wrapper .have-mind-box {

    padding: 20px 20px;

    max-width: 44%;

  }

  .footer-section.footer-style6 .footer-widgets-wrapper .single-box-maintain {

    max-width: 45%;

  }

}

@media screen and (max-width: 550px) {

  .footer-section.footer-style6 .footer-widgets-wrapper {

    flex-wrap: wrap;

    justify-content: center;

  }

  .footer-section.footer-style6 .footer-widgets-wrapper .have-mind-box {

    padding: 20px 20px;

    max-width: 100%;

    margin: 0 auto;

  }

  .footer-section.footer-style6 .footer-widgets-wrapper .single-box-maintain {

    max-width: initial;

    margin: 0 auto;

  }

}



.footer-widgets-wrapper .single-footer-widget .widget-head {

  /* margin-bottom: 26px; */

}

.footer-widgets-wrapper .single-footer-widget .list-area li a {

  color: var(--pra2);

  font-size: 16px;

  font-family: "Archivo", sans-serif;

  display: flex;

  align-items: center;

  position: relative;

  transition: all 0.4s;

  text-wrap: nowrap;

}

.footer-widgets-wrapper .single-footer-widget .list-area li a i {

  font-size: 14px;

  transition: all 0.4s;

}

.footer-widgets-wrapper .single-footer-widget .list-area li a:hover {

  color: var(--black);

}

.footer-widgets-wrapper .single-footer-widget .list-area li a:hover i {

  opacity: 1;

}

.footer-widgets-wrapper .single-footer-widget .list-area li:hover a {

  color: var(--black) !important;

}

.footer-widgets-wrapper .single-footer-widget .list-linkes li a {

  color: var(--white) !important;

}

.footer-widgets-wrapper .single-footer-widget .list-linkes li a:hover {

  color: var(--black) !important;

}

.footer-widgets-wrapper .single-footer-widget .list-linkes li a:hover i {

  color: var(--black) !important;

}

.footer-widgets-wrapper .single-footer-widget .footer-info li {

  display: flex;

}

.footer-widgets-wrapper .single-footer-widget .footer-info li .icon {

  width: 40px;

  height: 40px;

  border-radius: 50%;

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

}

.footer-widgets-wrapper .single-footer-widget .footer-info li .icon i {

  color: var(--white);

  font-size: 16px;

}



.social-wrapper a {

  width: 40px;

  height: 40px;

  min-width: 40px;

}

.social-wrapper a i {

  transition: all 0.4s;

}

.social-wrapper a:hover {

  background: var(--p1-clr) !important;

}

.social-wrapper a:hover i {

  color: var(--white);

}

.social-wrapper a:hover svg path {

  stroke: var(--white);

}



.social-wrapper-light a {

  background: #121212 !important;

}

.social-wrapper-light a i {

  color: var(--white);

}

.social-wrapper-light a svg path {

  stroke: var(--white);

  fill: var(--white);

}



.newsletter-wrap form {

  display: flex;

  align-items: center;

  justify-content: space-between;

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

  border-radius: 100px;

  padding: 8px;

  width: 550px;

}

.newsletter-wrap form input {

  width: 100%;

  height: 55px;

  border: unset;

  background: transparent;

  color: var(--white);

  padding-left: 10px;

}

.newsletter-wrap form ::placeholder {

  color: var(--white);

}

.newsletter-wrap form .subscribe {

  border-radius: 100px;

  background: var(--p3-clr);

  text-wrap: nowrap;

  font-size: 18px;

  font-weight: 600;

  padding: 16px 20px;

  color: var(--black);

}



.form-cmn-style {

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 6px;

}

.form-cmn-style input {

  width: 100%;

  padding: 9px 18px;

  background: transparent;

  border: unset;

}

.form-cmn-style .common-btn {

  padding: 10px 30px !important;

}

@media (max-width: 1199px) {

  .form-cmn-style {

    padding: 4px;

  }

  .form-cmn-style input {

    padding: 10px 14px;

  }

}

.form-cmn-style.style1 input {

  font-size: 14px;

  color: var(--pra);

}

.form-cmn-style.style1 ::placeholder {

  color: var(--pra);

}



.header-top-section {

  position: relative;

  z-index: 9;

  background-color: var(--p2-clr);

}

.header-top-section .header-top-wrapper {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 11px 0;

}

.header-top-section .header-top-wrapper .contact-list {

  display: flex;

  align-items: center;

  gap: 40px;

}

.header-top-section .header-top-wrapper .contact-list li {

  color: var(--white);

}

.header-top-section .header-top-wrapper .contact-list li a {

  color: var(--white);

}

.header-top-section .header-top-wrapper .social-wrapper {

  gap: 14px;

}

.header-top-section .header-top-wrapper .social-wrapper a {

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

  width: 32px;

  min-width: 32px;

  height: 32px;

  border-radius: 50%;

}

.header-top-section .header-top-wrapper .social-wrapper a i {

  font-size: 15px;

  transition: all 0.4s;

  color: var(--white);

}

.header-top-section .header-top-wrapper .social-wrapper a .ani-arrow {

  transition: all 0.5s;

}

.header-top-section .header-top-wrapper .social-wrapper a:hover {

  background: var(--p1-clr);

  border-color: var(--p1-clr);

}

.header-top-section .header-top-wrapper .social-wrapper a:hover i {

  color: var(--white);

}

@media (max-width: 1199px) {

  .header-top-section .header-top-wrapper .contact-list {

    display: flex;

    align-items: center;

    gap: 20px;

  }

  .header-top-section .header-top-wrapper .contact-list li a {

    color: var(--white);

    font-size: 14px;

  }

}



.header-top-wrapper5 {

  background: var(--black);

  padding-left: 28px !important;

  padding-right: 28px !important;

  border-bottom: 1px solid rgba(227, 227, 227, 0.3137254902);

}

.header-top-wrapper5 .contact-list li .icon {

  width: 40px;

  height: 40px;

}



.header-section {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 999;

}



.header-main {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.header-main .main-menu ul {

  margin-bottom: 0;

}

.header-main .main-menu ul li {

  position: relative;

  list-style: none;

  display: inline-block;

  margin-inline-end: 26px;

}

.header-main .main-menu ul li:last-child {

  margin-inline-end: 0;

}

.header-main .main-menu ul li a {

  display: inline-block;

  font-size: 14px;

  font-weight: 700;

  color: var(--black);

  padding: 13px 0;

  text-align: left;

  font-family: "Archivo", sans-serif;

  position: relative;

  text-transform: uppercase;

  transition: all 0.4s ease-in-out;

}

.header-main .main-menu ul li a i {

  margin-left: 2px;

  font-size: 14px;

}

.header-main .main-menu ul li a:hover {

  color: var(--p1-clr) !important;

}

.header-main .main-menu ul li .submenu {

  position: absolute;

  top: 100%;

  inset-inline-start: 0;

  width: 200px;

  background: var(--white);

  border-radius: 5px;

  z-index: 99999;

  visibility: hidden;

  opacity: 0;

  transform-origin: top center;

  color: var(--header);

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

  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);

  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);

  transform: translateY(10px);

  transition: all 0.4s ease-in-out;

}

.header-main .main-menu ul li .submenu li {

  display: block;

  width: 100%;

  margin: 0;

  padding: 0;

}

.header-main .main-menu ul li .submenu li a {

  position: relative;

  z-index: 11;

  font-size: 13px;

  font-weight: 600;

  color: var(--black);

  padding: 0 10px;

  padding-bottom: 7px;

  padding-top: 7px;

  width: 100%;

  border-bottom: 1px solid #eeeeee;

  border-radius: 5px;

}

.header-main .main-menu ul li .submenu li:last-child a {

  border: none;

}

.header-main .main-menu ul li .submenu li .submenu {

  inset-inline-start: 100%;

  top: 0;

  visibility: hidden;

  opacity: 0;

}

.header-main .main-menu ul li .submenu li:hover>a {

  background: var(--p1-clr);

  color: var(--white) !important;

}

.header-main .main-menu ul li .submenu li:hover>a::after {

  color: var(--p2-clr);

}

.header-main .main-menu ul li .submenu li:hover>.submenu {

  -webkit-transform: translateY(1);

  -moz-transform: translateY(1);

  -ms-transform: translateY(1);

  -o-transform: translateY(1);

  transform: translateY(1);

  visibility: visible;

  opacity: 1;

}

.header-main .main-menu ul li .submenu li.has-dropdown>a::after {

  position: absolute;

  top: 50%;

  inset-inline-end: 25px;

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

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

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

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

  transform: translateY(-50%);

  color: var(--p2-clr);

}

.header-main .main-menu ul li .has-homemenu {

  width: 750px;

  padding: 30px 30px 10px 30px;

  opacity: 0;

  left: 0px;

  visibility: hidden;

  padding: 20px 20px 20px 20px;

}

.header-main .main-menu ul li .has-homemenu .homemenu-items {

  gap: 18px;

  justify-content: space-between;

}

@media (min-width: 1200px) {

  .header-main .main-menu ul li .has-homemenu .homemenu-items {

    display: flex;

    flex-wrap: wrap;

  }

  .header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu {

    width: 31.3333333333%;

  }

}

@media (max-width: 991px) {

  .header-main .main-menu ul li .has-homemenu .homemenu-items {

    flex-wrap: wrap;

  }

}

.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu {

  position: relative;

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

}

.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb {

  position: relative;

  width: 100%;

}

.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button {

  position: absolute;

  top: 50%;

  left: 50%;

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

  width: 60%;

  gap: 10px;

  display: flex;

  justify-content: center;

  flex-direction: column;

  opacity: 0;

  visibility: hidden;

  transition: all 0.4s ease-in-out;

  margin-top: 20px;

}

.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn {

  padding: 11px 14px 10px;

  color: var(--white) !important;

  width: initial;

  font-size: 13px !important;

  text-align: center;

  border-radius: 14px;

}

.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn span {

  font-size: 13px;

  color: var(--white);

}

.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn:hover {

  color: var(--white) !important;

}

.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb::before {

  background: -webkit-gradient(linear, left top, left bottom, from(rgba(20, 19, 19, 0)), to(#5e5ef6));

  background: linear-gradient(to bottom, rgba(99, 92, 92, 0) 0%, #252527 100%);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  overflow: hidden;

  opacity: 0;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  content: "";

}

.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover::before {

  visibility: visible;

  opacity: 1;

}

.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover .demo-button {

  opacity: 1;

  visibility: visible;

  margin-top: 0;

}

.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover .homemenu-btn {

  opacity: 1;

  visibility: visible;

  bottom: 50%;

  transform: translateY(50%);

}

.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb img {

  width: 100%;

}

.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-title {

  text-align: center;

  margin: 15px auto;

  display: inline-block;

  font-size: 16px;

}

.header-main .main-menu ul li:hover>a {

  color: var(--p1-clr);

}

.header-main .main-menu ul li:hover>a::after {

  color: var(--p1-clr);

}

.header-main .main-menu ul li:hover>.submenu {

  visibility: visible;

  opacity: 1;

  transform: translateY(0px);

}

.header-main .sidebar__toggle {

  cursor: pointer;

  width: 30px;

  font-size: 20px;

}

.header-main .sidebar__toggle img {

  width: 30px;

}

.header-main .sidebar__toggle.style2 {

  width: 40px;

  height: 40px;

  border-radius: 50%;

  background: var(--white);

  display: flex;

  align-items: center;

  justify-content: center;

}

.header-main .sidebar__toggle.style2 img {

  width: 24px;

  object-fit: contain;

}



.header-1 {

  transition: all 0.5s;

}

.header-1 .mega-menu-wrapper {

  border-radius: 100px;

  background: var(--white);

  padding: 0 22px 0;

}

.header-1 .header-main .header-left {

  display: flex;

  align-items: center;

  gap: 60px;

}

.header-1 .header-main .header-left .header-logo {

  max-width: 140px;

  display: block;

}

.header-1 .header-main .header-left .header-logo img {

  width: 100%;

  object-fit: contain;

}

@media (max-width: 1899px) {

  .header-1 .header-main .header-left {

    gap: 40px;

  }

}

@media (max-width: 1399px) {

  .header-1 .header-main .header-left {

    gap: 25px;

  }

}

@media (max-width: 1199px) {

  .header-1 .header-main .header-left {

    gap: 20px;

  }

}

.header-1 .header-main .header-left .category-oneadjust {

  width: 160px;

  border-radius: 8px;

  border: 1px solid rgba(92, 112, 126, 0.3);

  padding: 10px 16px;

  position: relative;

  z-index: 99;

}

@media (max-width: 767px) {

  .header-1 .header-main .header-left .category-oneadjust {

    display: none;

  }

}

.header-1 .header-main .header-left .category-oneadjust .nice-select {

  width: unset !important;

  gap: 20px;

  font-size: 16px;

}

.header-1 .header-main .header-left .category-oneadjust .nice-select .list {

  max-height: 15vh;

  background: var(--white);

  width: 160px;

  padding: 5px 8px;

  overflow-y: scroll;

}

@media (max-width: 1199px) {

  .header-1 .header-main .header-left .category-oneadjust .nice-select .list {

    right: -60px;

  }

}

.header-1 .header-main .header-left .category-oneadjust .nice-select .list li {

  color: var(--header);

  font-size: 14px;

  border: none;

}

.header-1 .header-main .header-right {

  gap: 30px;

}

@media (max-width: 1199px) {

  .header-1 .header-main .header-right {

    gap: 20px;

  }

}

@media (max-width: 767px) {

  .header-1 .header-main .header-right {

    gap: 10px;

  }

}

@media (max-width: 1399px) {

  .header-1 .header-main .header-right {

    gap: 12px;

  }

}

.header-1 .header-main .header-right .search-icon {

  width: 50px;

  height: 50px;

  line-height: 50px;

  text-align: center;

  border-radius: 50%;

  border: 1px solid rgba(92, 112, 126, 0.3);

  color: var(--header);

  margin-left: 30px;

}

@media (max-width: 1199px) {

  .header-1 .header-main .header-right .search-icon {

    margin-left: 0;

  }

}

@media (max-width: 1199px) {

  .header-1 .header-main .header-right .search-icon {

    width: 40px;

    height: 40px;

    line-height: 40px;

  }

}

@media (max-width: 1399px) {

  .header-1 .header-main .header-right .header-button {

    display: none;

  }

}

.header-1 .call-version1 {

  transition: all 0.4s;

}

.header-1 .call-version1 .icon {

  width: 37px;

  height: 37px;

  transition: all 0.4s;

}

.header-1 .call-version1:hover {

  background: var(--p1-clr);

}

.header-1 .call-version1:hover .icon {

  background: var(--white) !important;

}

.header-1 .call-version1:hover .icon i {

  color: var(--p1-clr);

}

@media (max-width: 1199px) {

  .header-1 .mega-menu-wrapper {

    padding: 0 20px 0 20px;

  }

  .header-1 .common-btn {

    padding: 9px 16px 11px !important;

  }

  .header-1 .common-btn i {

    display: none;

  }

}

@media (max-width: 450px) {

  .header-1 .mega-menu-wrapper {

    padding: 0 14px 0 14px;

  }

  .header-1 .header-logo {

    max-width: 100px;

  }

  .header-1 .header-logo img {

    width: 100%;

  }

}

.header-1.header-version1 {

  padding: 20px 0;

}

.header-1.header-version1.sticky {

  background: var(--white);

  position: sticky;

  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

  z-index: 999;

  top: 0;

  border-bottom-left-radius: 40px;

  border-bottom-right-radius: 40px;

}

@media (max-width: 1199px) {

  .header-1.header-version1 {

    padding: 16px 0;

  }

}

.header-1.header-version4 {

  background: var(--black);

  padding-top: 24px;

  position: relative;

  overflow: initial !important;

  z-index: 1;

}

.header-1.header-version4 .header-common-wrapper {

  background: var(--bg5);

  border-radius: 20px;

  padding: 14px 36px;

}

.header-1.header-version4 .header-common-wrapper .sidebar__toggle {

  background: var(--p1-clr);

}

.header-1.header-version4 .header-common-wrapper .sidebar__toggle img {

  filter: brightness(25) !important;

}

.header-1.header-version4 .header-common-wrapper .search-trigger {

  border-color: var(--white);

}

.header-1.header-version4 .header-common-wrapper .search-trigger i {

  color: var(--white);

}

.header-1.header-version4 .header-common-wrapper .header-main-light .main-menu ul li a {

  color: var(--white);

}

.header-1.header-version4 .header-common-wrapper .header-main-light .main-menu ul li .submenu li a {

  color: var(--black);

}

@media (max-width: 1199px) {

  .header-1.header-version4 .header-common-wrapper {

    padding: 14px 14px;

  }

}

.header-1.header-version4.sticky {

  position: fixed;

  top: 0px;

  width: 100%;

  z-index: 999;

  padding-top: 0;

  background: transparent;

}

.header-1.header-version5 {

  background: transparent;

  position: relative;

  z-index: 999;

}

.header-1.header-version5 .header-common-wrapper {

  background: var(--black);

  border-radius: 0 0 20px 20px;

  padding: 14px 36px;

}

.header-1.header-version5 .header-common-wrapper .sidebar__toggle {

  background: var(--p2-clr);

  border-radius: 20px;

  width: 42px;

  min-width: 42px;

  height: 42px;

  display: flex;

  align-items: center;

  justify-content: center;

}

.header-1.header-version5 .header-common-wrapper .sidebar__toggle img {

  width: 26px;

  object-fit: contain;

}

.header-1.header-version5 .header-common-wrapper .search-trigger {

  border-color: var(--white);

}

.header-1.header-version5 .header-common-wrapper .search-trigger i {

  color: var(--white);

}

.header-1.header-version5 .header-common-wrapper .header-main-light .main-menu ul li a {

  color: var(--white);

}

.header-1.header-version5 .header-common-wrapper .header-main-light .main-menu ul li .submenu li a {

  color: var(--black);

}

@media (max-width: 1199px) {

  .header-1.header-version5 .header-common-wrapper {

    padding: 14px 14px;

  }

}

.header-1.inner-fixed {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 999;

  width: 100%;

}



.sidebar__toggle {

  cursor: pointer;

}



.offcanvas__info {

  background: var(--white) none repeat scroll 0 0;

  border-left: 2px solid var(--p1-clr);

  position: fixed;

  right: 0;

  top: 0;

  width: 400px;

  height: 100%;

  -webkit-transform: translateX(calc(100% + 80px));

  -moz-transform: translateX(calc(100% + 80px));

  -ms-transform: translateX(calc(100% + 80px));

  -o-transform: translateX(calc(100% + 80px));

  transform: translateX(calc(100% + 80px));

  -webkit-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;

  -moz-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;

  transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;

  z-index: 99999;

  overflow-y: scroll;

  overscroll-behavior-y: contain;

  scrollbar-width: none;

}

.offcanvas__info::-webkit-scrollbar {

  display: none;

}



.offcanvas__info.info-open {

  opacity: 1;

  -webkit-transform: translateX(0);

  -moz-transform: translateX(0);

  -ms-transform: translateX(0);

  -o-transform: translateX(0);

  transform: translateX(0);

}



.offcanvas__wrapper {

  position: relative;

  height: 100%;

  padding: 30px 30px;

}

.offcanvas__wrapper .offcanvas__content .text {

  color: var(--text);

}

.offcanvas__wrapper .offcanvas__content .offcanvas__close {

  width: 40px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  border-radius: 4px;

  background-color: var(--p1-clr);

  position: relative;

  z-index: 9;

  cursor: pointer;

}

.offcanvas__wrapper .offcanvas__content .offcanvas__close i {

  color: var(--white);

}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact {

  margin-top: 20px;

}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul {

  margin-top: 20px;

}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li {

  font-size: 14px;

  font-weight: 400;

  text-transform: capitalize;

  line-height: 22px;

}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li a {

  color: var(--black);

}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li:not(:last-child) {

  margin-bottom: 8px;

}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li .offcanvas__contact-icon {

  margin-right: 10px;

}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li .offcanvas__contact-icon i {

  color: var(--black);

  font-size: 18px;

}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact span {

  text-transform: initial;

}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact .header-button {

  margin-top: 20px;

}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact .header-button .theme-btn {

  width: 100%;

  padding: 16px 40px;

  text-transform: capitalize !important;

  background: var(--p1-clr) !important;

  border-radius: 100px;

  overflow: hidden;

  padding: 9px 16px 10px;

}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact .header-button .theme-btn span,

.offcanvas__wrapper .offcanvas__content .offcanvas__contact .header-button .theme-btn i {

  color: var(--white) !important;

}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon {

  margin-top: 30px;

  gap: 10px;

}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon a {

  width: 38px;

  height: 38px;

  line-height: 38px;

  text-align: center;

  font-size: 16px;

  display: block;

  background: var(--white);

  color: var(--pra);

  border-radius: 8px;

  -webkit-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

  text-align: center;

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

}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon a:hover {

  border-color: var(--p2-clr);

  background-color: var(--p2-clr);

  color: var(--white);

}



@media (max-width: 1199px) {

  .offcanvas__overlay {

    position: fixed;

    height: 100%;

    width: 100%;

    background: #151515;

    z-index: 900;

    top: 0;

    opacity: 0;

    visibility: hidden;

    right: 0;

  }

}



@media (max-width: 1199px) {

  .offcanvas__overlay.overlay-open {

    opacity: 0.8;

    visibility: visible;

  }

}



@media (max-width: 450px) {

  .offcanvas__info {

    width: 300px;

  }

}

@media (max-width: 575px) {

  .offcanvas__wrapper {

    padding: 20px;

  }

}

::-webkit-scrollbar {

  width: 10px;

  height: 4px;

}



/* Track */

::-webkit-scrollbar-track {

  box-shadow: inset 0 0 5px var(--p2-clr);

  border-radius: 5px;

}



/* Handle */

::-webkit-scrollbar-thumb {

  background: rgba(227, 128, 252, 0.815);

  border-radius: 10px;

}



.fix {

  overflow: hidden !important;

}



.ralt {

  position: relative;

}



.ml-100 {

  margin-left: 100px;

}



.ripple {

  position: relative;

}

.ripple::before,
.ripple::after {

  position: absolute;

  left: 50%;

  top: 50%;

  width: 60px;

  height: 60px;

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

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

  border-radius: 50%;

  box-shadow: 0 0 0 0 rgba(243, 159, 95, 0.5);

  -webkit-animation: rippleOne 3s infinite;

  animation: rippleOne 3s infinite;

}

.ripple::before {

  -webkit-animation-delay: 0.9s;

  animation-delay: 0.9s;

  content: "";

  position: absolute;

  right: 0;

  bottom: 0;

}

.ripple::after {

  -webkit-animation-delay: 0.6s;

  animation-delay: 0.6s;

  content: "";

  position: absolute;

  right: 0;

  bottom: 0;

}



.swiper-dot {

  margin-bottom: 2px;

  position: relative;

}

.swiper-dot .swiper-pagination-bullet {

  width: 10px;

  height: 10px;

  transition: 0.6s;

  background-color: var(--p1-clr);

  opacity: 0.5;

  border-radius: 10px;

}

.swiper-dot .swiper-pagination-bullet:not(:last-child) {

  margin-right: 15px;

}

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

  background-color: var(--p1-clr);

  transition: 0.6s;

  position: relative;

  opacity: 1;

}

.swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active::before {

  position: absolute;

  width: 30px;

  height: 30px;

  line-height: 30px;

  top: -10px;

  left: -10px;

  border-radius: 50%;

  background-color: transparent;

  border: 2px solid var(--p1-clr);

  content: "";

}



.array-button .array-prev,

.array-button .array-next {

  width: 55px;

  height: 55px;

  text-align: center;

  color: var(--p1-clr);

  background: var(--bg4);

  border-radius: 50%;

  transition: all 0.4s ease-in-out;

}

.array-button .array-prev i,

.array-button .array-next i {

  font-size: 19px;

}

.array-button .array-prev.active,
.array-button .array-prev:hover,

.array-button .array-next.active,

.array-button .array-next:hover {

  background-color: var(--p2-clr);

  color: var(--white);

}

.array-button .array-prev.active i,
.array-button .array-prev:hover i,

.array-button .array-next.active i,

.array-button .array-next:hover i {

  color: var(--white) !important;

}

@media (max-width: 767px) {

  .array-button .array-prev,

  .array-button .array-next {

    width: 48px;

    height: 48px;

  }

  .array-button .array-prev i,

  .array-button .array-next i {

    font-size: 16px;

  }

}

@media (max-width: 575px) {

  .array-button .array-prev,

  .array-button .array-next {

    width: 45px;

    height: 45px;

  }

  .array-button .array-prev i,

  .array-button .array-next i {

    font-size: 16px;

  }

}

.array-button.verstion-2 .array-prev,

.array-button.verstion-2 .array-next {

  background: #1a1705;

}

.array-button.verstion-2 .array-prev i,

.array-button.verstion-2 .array-next i {

  color: var(--p5-clr) !important;

}

.array-button.verstion-2 .array-prev.active,
.array-button.verstion-2 .array-prev:hover,

.array-button.verstion-2 .array-next.active,

.array-button.verstion-2 .array-next:hover {

  background-color: var(--p5-clr);

}

.array-button.verstion-2 .array-prev.active i,
.array-button.verstion-2 .array-prev:hover i,

.array-button.verstion-2 .array-next.active i,

.array-button.verstion-2 .array-next:hover i {

  color: var(--black) !important;

}

.array-button.style6 .array-prev,

.array-button.style6 .array-next {

  background: rgba(37, 37, 37, 0.05);

}

.array-button.style6 .array-prev i,

.array-button.style6 .array-next i {

  color: var(--p1-clr) !important;

}

.array-button.style6 .array-prev.active,
.array-button.style6 .array-prev:hover,

.array-button.style6 .array-next.active,

.array-button.style6 .array-next:hover {

  background-color: var(--p1-clr);

}

.array-button.style6 .array-prev.active i,
.array-button.style6 .array-prev:hover i,

.array-button.style6 .array-next.active i,

.array-button.style6 .array-next:hover i {

  color: var(--white) !important;

}



.img-hover {

  overflow: hidden;

  transition: all 0.4s;

}

.img-hover img {

  overflow: hidden;

  transition: all 0.4s;

}

.img-hover:hover img {

  transform: scale(1.1);

}



.mt-10 {

  margin-top: 10px;

}



@media (max-width: 767px) {

  br {

    display: none;

  }

}



.mt-60 {

  margin-top: 55px;

}

@media (max-width: 1399px) {

  .mt-60 {

    margin-bottom: 45px;

  }

}

@media (max-width: 1199px) {

  .mt-60 {

    margin-bottom: 38px;

  }

}

@media (max-width: 991px) {

  .mt-60 {

    margin-bottom: 30px;

  }

}

@media (max-width: 767px) {

  .mt-60 {

    margin-bottom: 24;

  }

}



.mb-60 {

  margin-bottom: 55px;

}

@media (max-width: 1399px) {

  .mb-60 {

    margin-bottom: 45px;

  }

}

@media (max-width: 1199px) {

  .mb-60 {

    margin-bottom: 38px;

  }

}

@media (max-width: 991px) {

  .mb-60 {

    margin-bottom: 30px;

  }

}

@media (max-width: 767px) {

  .mb-60 {

    margin-bottom: 24;

  }

}



.mb-40 {

  margin-bottom: 40px;

}

@media (max-width: 1199px) {

  .mb-40 {

    margin-bottom: 30px;

  }

}

@media (max-width: 991px) {

  .mb-40 {

    margin-bottom: 20px;

  }

}



.mt-40 {

  margin-top: 40px;

}

@media (max-width: 1199px) {

  .mt-40 {

    margin-top: 30px;

  }

}

@media (max-width: 991px) {

  .mt-40 {

    margin-top: 20px;

  }

}



/* background */

.bg-cover {

  background-repeat: no-repeat;

  background-size: cover;

  position: relative;

  background-position: center;

}



.bg-cover-2 {

  background-repeat: no-repeat;

  background-size: cover;

  position: relative;

  background-position: center;

  width: 100%;

  height: 100%;

}



.nice-select {

  background-color: transparent;

  border: transparent;

  float: initial;

  overflow: initial;

  height: initial;

  padding: 0;

  display: inline-flex;

  align-items: center;

  line-height: 150%;

  width: 100%;

  border: none;

}

.nice-select:focus,
.nice-select:hover {

  border-color: transparent;

}

.nice-select::after {

  height: 8px;

  width: 8px;

  right: -25px;

  top: 15px;

  border-color: var(--header);

  border-bottom: 2px solid var(--header);

  border-right: 2px solid var(--header);

}

.nice-select .list {

  width: initial;

  background-color: var(--p2-clr);

  box-shadow: none;

  overflow: initial;

  box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;

  width: 100%;

  top: 100%;

  padding: 0;

  max-height: 50vh;

  overflow-x: auto;

  right: -50px;

}

.nice-select .list::-webkit-scrollbar {

  width: 2px;

  opacity: 1;

  display: block;

}

.nice-select .list::-webkit-scrollbar-button,
.nice-select .list::-webkit-scrollbar-thumb {

  background: var(--header);

}

.nice-select .option {

  background-color: transparent;

  font-size: 16px;

  line-height: 150%;

  padding: 4px 5px;

  min-height: initial;

  font-weight: 500;

}

.nice-select .option:hover,
.nice-select .option:focus,
.nice-select .option.selected.focus {

  background-color: transparent;

}

.nice-select .current {

  font-weight: 500;

  color: var(--header);

}



.scroll-up {

  cursor: pointer;

  display: block;

  border-radius: 50px;

  box-shadow: inset 0 0 0 2px var(--border);

  z-index: 99;

  opacity: 0;

  visibility: hidden;

  transform: translateY(15px);

  position: fixed;

  right: 25px;

  bottom: 35px;

  height: 50px;

  width: 50px;

  transition: all 0.4s ease-in-out;

}



.scroll-up::after {

  position: absolute;

  font-family: "Font Awesome 6 free";

  content: "\f062";

  text-align: center;

  line-height: 50px;

  font-weight: 700;

  font-size: 18px;

  color: var(--p2-clr);

  left: 0;

  top: 0;

  height: 50px;

  width: 50px;

  cursor: pointer;

  display: block;

  z-index: 1;

  transition: all 0.4s ease-in-out;

}



.scroll-up svg path {

  fill: none;

}



.scroll-up svg.scroll-circle path {

  stroke: var(--theme2);

  stroke-width: 4px;

  box-sizing: border-box;

  transition: all 0.4s ease-in-out;

}



.scroll-up.active-scroll {

  opacity: 1;

  visibility: visible;

  transform: translateY(0);

}



.page-nav-wrap ul li {

  display: inline-block;

}

.page-nav-wrap ul li .page-numbers {

  display: inline-block;

  width: 50px;

  height: 50px;

  line-height: 50px;

  background: transparent;

  font-weight: 600;

  transition: all 0.3s ease-in-out;

  margin: 0 2px;

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

  color: var(--text);

  border-radius: 50%;

}

.page-nav-wrap ul li .page-numbers.current {

  background-color: var(--p2-clr);

  color: var(--white);

}

@media (max-width: 767px) {

  .page-nav-wrap ul li .page-numbers {

    margin-top: 10px;

    width: 50px;

    height: 50px;

    line-height: 50px;

    font-size: 14px;

  }

}

.page-nav-wrap ul li .page-numbers i {

  margin-top: 2px;

}

.page-nav-wrap ul li .page-numbers:hover {

  background-color: var(--p2-clr);

  color: var(--white);

  border: 1px solid transparent;

}



.box-color-1 {

  background-color: rgba(248, 184, 31, 0.15);

  color: #f8b81f;

}



.box-color-2 {

  background-color: rgba(88, 102, 235, 0.15);

  color: #5866eb;

}



.box-color-3 {

  background-color: rgba(57, 192, 250, 0.15);

  color: #39c0fa;

}



.box-color-4 {

  background-color: rgba(249, 37, 150, 0.15);

  color: #f92596;

}



.border-none {

  border: none !important;

}



.pt-40 {

  padding-top: 40px;

}



.box-shadow {

  box-shadow: var(--box-shadow);

}



.bor-1 {

  border: 1px solid var(--p2-clr);

}



.mb-55 {

  margin-bottom: 55px !important;

}



.border-array-style {

  border: 1px solid var(--p2-clr);

}



.pt-80 {

  padding-top: 80px;

}



.banner-section {

  overflow: hidden;

  position: relative;

  z-index: 1;

}

.banner-section .hero-content-version1 .trusted-partner-wrap .partner-inner {

  display: flex;

}

.banner-section .hero-content-version1 .trusted-partner-wrap .partner-inner .partner-icon {

  width: 48px;

  height: 48px;

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

  border-radius: 50%;

}

.banner-section .hero-content-version1 .trusted-partner-wrap .partner-inner .partner-icon img {

  border-radius: 50%;

  width: 100%;

  height: 100%;

}

.banner-section .hero-content-version1 .trusted-partner-wrap .partner-inner .partner-icon:not(:first-child) {

  margin-left: -12px;

}

.banner-section .hero-content-version1 h1 {

  font-size: 102px;

  letter-spacing: -5px;

  font-weight: 500;

  line-height: 104px;

  color: var(--black);

}

.banner-section .hero-content-version1 h1 .stext {

  font-weight: 300 !important;

  font-size: 102px;

  letter-spacing: -5px;

  line-height: 104px;

}

.banner-section .hero1-thumb .arrows {

  width: 60px;

  height: 60px;

  min-width: 60px;

  position: absolute;

  right: 0;

  top: 0;

  transition: all 0.4s;

}

.banner-section .hero1-thumb .arrows:hover {

  background: var(--p1-clr);

}

.banner-section .hero1-thumb .arrows:hover svg path {

  stroke: var(--white);

  fill: var(--white);

}

.banner-section .banner-listing {

  position: relative;

  background: var(--p2-clr);

  border-radius: 20px;

  padding: 40px 55px;

  height: 100%;

}

.banner-section .hero-thumb2 {

  position: absolute;

  bottom: 0;

  right: 30px;

}

.banner-section .home1-ele1 {

  position: absolute;

  top: 0;

  left: 0;

  z-index: -1;

}

.banner-section .home1-ele2 {

  position: absolute;

  bottom: 0;

  right: 0;

  z-index: -1;

}

.banner-section.hero-style2 .hero-content-version2 .stext,

.banner-section.hero-style2 .hero-content-version2 h1 {

  font-size: 80px;

  letter-spacing: -5px;

  line-height: 84px;

  font-weight: 500;

}

.banner-section.hero-style2 .hero-content-version2 .subtitle {

  letter-spacing: 3.36px;

}

.banner-section.hero-style2 .hero-content-version2 p {

  font-size: 20px;

  line-height: 26px;

}

.banner-section.hero-style2 .hero-content-version2 .hero-adjust-partner {

  display: flex;

  align-items: center;

  gap: 40px;

}

.banner-section.hero-style2 .hero-thumb-area2 {

  display: flex;

  align-items: center;

}

.banner-section.hero-style2 .hero-thumb-area2 .hero-thumb-inner .hero-connecting-box {

  padding: 40px 30px;

}

.banner-section.hero-style2 .hero-thumb-area2 .hero-thumb-inner .hero-connecting-box .connecting-icon {

  margin-bottom: -60px;

  position: relative;

  z-index: 1;

}

.banner-section.hero-style2 .hero-thumb-area2 .thumb2 {

  min-width: 270px;

}

@media (max-width: 1399px) {

  .banner-section.hero-style2 .hero-content-version2 .hero-adjust-partner {

    display: flex;

    align-items: center;

    gap: 30px;

  }

  .banner-section.hero-style2 .hero-content-version2 .stext,

  .banner-section.hero-style2 .hero-content-version2 h1 {

    font-size: 66px;

    letter-spacing: -5px;

    line-height: 74px;

    font-weight: 500;

  }

  .banner-section.hero-style2 .hero-content-version2 p {

    font-size: 18px;

    line-height: 26px;

  }

  .banner-section.hero-style2 .hero-thumb-area2 {

    display: flex;

    align-items: center;

  }

  .banner-section.hero-style2 .hero-thumb-area2 .hero-thumb-inner .hero-connecting-box {

    padding: 24px 18px;

  }

  .banner-section.hero-style2 .hero-thumb-area2 .hero-thumb-inner .hero-connecting-box .connecting-icon {

    margin-bottom: -60px;

  }

  .banner-section.hero-style2 .hero-thumb-area2 .thumb2 {

    min-width: 270px;

  }

}

@media (max-width: 1199px) {

  .banner-section.hero-style2 {

    overflow: visible !important;

  }

  .banner-section.hero-style2 .hero-content-version2 {

    position: sticky;

    top: 120px;

  }

  .banner-section.hero-style2 .hero-content-version2 .hero-adjust-partner {

    display: flex;

    align-items: center;

    gap: 9px 16px;

    flex-wrap: wrap;

  }

  .banner-section.hero-style2 .hero-content-version2 .stext,

  .banner-section.hero-style2 .hero-content-version2 h1 {

    font-size: 66px;

    letter-spacing: -5px;

    line-height: 74px;

    font-weight: 500;

  }

  .banner-section.hero-style2 .hero-content-version2 p {

    font-size: 18px;

    line-height: 26px;

  }

  .banner-section.hero-style2 .hero-thumb-area2 {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

  }

  .banner-section.hero-style2 .hero-thumb-area2 .hero-thumb-inner .hero-connecting-box {

    padding: 24px 18px;

  }

  .banner-section.hero-style2 .hero-thumb-area2 .hero-thumb-inner .hero-connecting-box .connecting-icon {

    margin-bottom: -60px;

  }

  .banner-section.hero-style2 .hero-thumb-area2 .thumb2 {

    min-width: 100%;

  }

}

@media (max-width: 991px) {

  .banner-section.hero-style2 {

    overflow: visible !important;

  }

  .banner-section.hero-style2 .hero-content-version2 {

    position: sticky;

    top: 120px;

  }

  .banner-section.hero-style2 .hero-content-version2 .hero-adjust-partner {

    display: flex;

    align-items: center;

    gap: 9px 16px;

    flex-wrap: wrap;

  }

  .banner-section.hero-style2 .hero-content-version2 .stext,

  .banner-section.hero-style2 .hero-content-version2 h1 {

    font-size: 44px;

    letter-spacing: -2px;

    line-height: 56px;

    font-weight: 500;

  }

  .banner-section.hero-style2 .hero-content-version2 p {

    font-size: 18px;

    line-height: 26px;

  }

  .banner-section.hero-style2 .hero-thumb-area2 {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

  }

  .banner-section.hero-style2 .hero-thumb-area2 .hero-thumb-inner .hero-connecting-box {

    padding: 24px 18px;

  }

  .banner-section.hero-style2 .hero-thumb-area2 .hero-thumb-inner .hero-connecting-box .connecting-icon {

    margin-bottom: -60px;

  }

  .banner-section.hero-style2 .hero-thumb-area2 .thumb2 {

    min-width: 100%;

  }

}

@media (max-width: 767px) {

  .banner-section.hero-style2 {

    overflow: visible !important;

  }

  .banner-section.hero-style2 .hero-content-version2 {

    position: sticky;

    top: 120px;

  }

  .banner-section.hero-style2 .hero-content-version2 .hero-adjust-partner {

    display: flex;

    align-items: center;

    gap: 9px 16px;

    flex-wrap: wrap;

  }

  .banner-section.hero-style2 .hero-content-version2 .stext,

  .banner-section.hero-style2 .hero-content-version2 h1 {

    font-size: 44px;

    letter-spacing: -2px;

    line-height: 56px;

    font-weight: 500;

  }

  .banner-section.hero-style2 .hero-content-version2 p {

    font-size: 18px;

    line-height: 26px;

  }

  .banner-section.hero-style2 .hero-thumb-area2 {

    display: flex;

    align-items: flex-start;

    flex-wrap: nowrap;

  }

  .banner-section.hero-style2 .hero-thumb-area2 .hero-thumb-inner .hero-connecting-box {

    padding: 24px 18px;

  }

  .banner-section.hero-style2 .hero-thumb-area2 .hero-thumb-inner .hero-connecting-box .connecting-icon {

    margin-bottom: -60px;

  }

  .banner-section.hero-style2 .hero-thumb-area2 .thumb2 {

    min-width: 50%;

  }

}

@media (max-width: 500px) {

  .banner-section.hero-style2 {

    overflow: visible !important;

  }

  .banner-section.hero-style2 .hero-content-version2 {

    position: sticky;

    top: 120px;

  }

  .banner-section.hero-style2 .hero-content-version2 .hero-adjust-partner {

    display: flex;

    align-items: center;

    gap: 12px 16px;

    flex-wrap: wrap;

  }

  .banner-section.hero-style2 .hero-content-version2 .stext,

  .banner-section.hero-style2 .hero-content-version2 h1 {

    font-size: 36px;

    letter-spacing: -2px;

    line-height: 46px;

    font-weight: 500;

    margin-bottom: 12px;

  }

  .banner-section.hero-style2 .hero-content-version2 p {

    font-size: 18px;

    line-height: 26px;

  }

  .banner-section.hero-style2 .hero-thumb-area2 {

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

  }

  .banner-section.hero-style2 .hero-thumb-area2 .hero-thumb-inner .hero-connecting-box {

    padding: 24px 18px;

  }

  .banner-section.hero-style2 .hero-thumb-area2 .hero-thumb-inner .hero-connecting-box .connecting-icon {

    margin-bottom: -60px;

  }

  .banner-section.hero-style2 .hero-thumb-area2 .thumb2 {

    min-width: initial;

    width: 100%;

  }

}

.banner-section.hero-style3 .hero-content-version3 h1 {

  font-size: 103px;

  line-height: 104px;

  letter-spacing: -5px;

  font-weight: 500;

  color: var(--black);

}

@media (max-width: 1399px) {

  .banner-section.hero-style3 .hero-content-version3 h1 {

    font-size: 80px;

    line-height: 90px;

    letter-spacing: -5px;

    font-weight: 500;

    color: var(--black);

  }

}

@media (max-width: 991px) {

  .banner-section.hero-style3 .hero-content-version3 h1 {

    font-size: 60px;

    line-height: 70px;

    letter-spacing: -4px;

  }

}

@media (max-width: 767px) {

  .banner-section.hero-style3 .hero-content-version3 {

    text-align: center;

    padding-left: 16px;

    padding-right: 16px;

  }

  .banner-section.hero-style3 .hero-thumb3 {

    max-width: 350px;

    margin: 0 auto;

  }

}

@media (max-width: 575px) {

  .banner-section.hero-style3 .hero-content-version3 {

    text-align: center;

    padding-left: 16px;

    padding-right: 16px;

  }

  .banner-section.hero-style3 .hero-content-version3 h1 {

    font-size: 44px;

    line-height: 54px;

    letter-spacing: -3px;

  }

  .banner-section.hero-style3 .hero-thumb3 {

    max-width: 350px;

    margin: 0 auto;

  }

}

.banner-section.hero-style4 {

  background: var(--black);

  position: relative;

  z-index: 0;

}

.banner-section.hero-style4 .hero-content-version4 {

  padding: 20px 0 5px;

}

.banner-section.hero-style4 .hero-content-version4 .hero4-heading-area {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  margin-bottom: 50px;

  max-width: 1138px;

}

.banner-section.hero-style4 .hero-content-version4 .hero4-heading-area h1 {

  font-size: 103px;

  font-weight: 500;

  letter-spacing: -5px;

  line-height: 104px;

}

.banner-section.hero-style4 .hero-content-version4 .hero4-heading-area .circle-area {

  width: 187px;

  height: 187px;

  border-radius: 50%;

  border: 1px solid var(--p1-clr);

}

.banner-section.hero-style4 .hero-content-version4 .hero4-heading-area .circle-area .circles {

  animation: cirs 10s linear infinite;

}

.banner-section.hero-style4 .hero-content-version4 .hero4-thumbnail-wrapper {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 16px;

}

.banner-section.hero-style4 .hero-content-version4 .hero4-thumbnail-wrapper .contenst-inner {

  max-width: 512px;

}

.banner-section.hero-style4 .hero-content-version4 .hero4-thumbnail-wrapper .contenst-inner .trusted-partner-wrap {

  margin-bottom: 30px;

}

.banner-section.hero-style4 .hero-content-version4 .hero4-thumbnail-wrapper .contenst-inner p {

  font-size: 20px;

  line-height: 31px;

  color: #fff;

  opacity: 0.8;

  margin-bottom: 44px;

}

.banner-section.hero-style4 .hero-content-version4 .hero4-thumbnail-wrapper .contenst-inner .hero4-btn-area .common-btn {

  border: 1px solid var(--p5-clr);

}

.banner-section.hero-style4 .hero-content-version4 .hero4-thumbnail-wrapper .contenst-inner .hero4-btn-area .common-btn:hover {

  border-color: var(--p2-clr);

}

.banner-section.hero-style4 .hero-content-version4 .hero4-thumbnail-wrapper .contenst-inner .hero4-btn-area .watch-btns {

  border-radius: 100px;

  display: inline-flex;

  align-items: center;

  gap: 11px;

  justify-content: center;

  background: #121212;

  font-size: 18px;

  font-weight: 400;

  color: var(--white);

  padding: 13px 28px;

  transition: all 0.4s;

}

.banner-section.hero-style4 .hero-content-version4 .hero4-thumbnail-wrapper .contenst-inner .hero4-btn-area .watch-btns:hover {

  background: var(--p2-clr);

}

.banner-section.hero-style4 .hero-content-version4 .hero4-thumbnail-wrapper .contenst-inner .hero4-thumb {

  max-width: 700px;

}

.banner-section.hero-style4 .hero-content-version4 .hero4-thumbnail-wrapper .contenst-inner .hero4-thumb img {

  width: 100%;

}

@media (max-width: 1399px) {

  .banner-section.hero-style4 .hero-content-version4 {

    padding: 20px 0 5px 12px;

  }

}

@media (max-width: 1199px) {

  .banner-section.hero-style4 .hero-content-version4 {

    padding: 20px 0 5px 12px;

  }

  .banner-section.hero-style4 .hero-content-version4 .hero4-heading-area {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    margin-bottom: 30px;

    max-width: 1138px;

  }

  .banner-section.hero-style4 .hero-content-version4 .hero4-heading-area h1 {

    font-size: 80px;

    font-weight: 500;

    letter-spacing: -5px;

    line-height: 90px;

  }

  .banner-section.hero-style4 .hero-content-version4 .hero4-heading-area .circle-area {

    width: 187px;

    height: 187px;

    border-radius: 50%;

    border: 1px solid var(--p1-clr);

  }

  .banner-section.hero-style4 .hero-content-version4 .hero4-heading-area .circle-area .circles {

    animation: cirs 10s linear infinite;

  }

  .banner-section.hero-style4 .hero-content-version4 .hero4-thumb {

    max-width: 600px;

  }

}

@media (max-width: 991px) {

  .banner-section.hero-style4 .hero-content-version4 {

    padding: 20px 12px 60px 12px;

  }

  .banner-section.hero-style4 .hero-content-version4 .hero4-thumbnail-wrapper {

    align-items: flex-end;

  }

  .banner-section.hero-style4 .hero-content-version4 .hero4-heading-area {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    margin-bottom: 10px;

    max-width: 1138px;

  }

  .banner-section.hero-style4 .hero-content-version4 .hero4-heading-area h1 {

    font-size: 60px;

    font-weight: 500;

    letter-spacing: -5px;

    line-height: 70px;

  }

  .banner-section.hero-style4 .hero-content-version4 .hero4-heading-area .circle-area {

    width: 187px;

    height: 187px;

    border-radius: 50%;

    border: 1px solid var(--p1-clr);

  }

  .banner-section.hero-style4 .hero-content-version4 .hero4-heading-area .circle-area .circles {

    animation: cirs 10s linear infinite;

  }

  .banner-section.hero-style4 .hero-content-version4 .hero4-thumb {

    max-width: 400px;

  }

  .banner-section.hero-style4 .hero-content-version4 .hero4-thumb img {

    width: 100%;

    height: 100%;

  }

}

@media (max-width: 767px) {

  .banner-section.hero-style4 .hero-content-version4 {

    padding: 20px 12px 75px 12px;

  }

  .banner-section.hero-style4 .hero-content-version4 .hero4-thumbnail-wrapper {

    align-items: flex-end;

  }

  .banner-section.hero-style4 .hero-content-version4 .hero4-heading-area {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    margin-bottom: 10px;

    max-width: 1138px;

  }

  .banner-section.hero-style4 .hero-content-version4 .hero4-heading-area h1 {

    font-size: 60px;

    font-weight: 500;

    letter-spacing: -5px;

    line-height: 70px;

  }

  .banner-section.hero-style4 .hero-content-version4 .hero4-heading-area .circle-area {

    display: none;

  }

  .banner-section.hero-style4 .hero-content-version4 .hero4-thumb {

    max-width: 400px;

  }

  .banner-section.hero-style4 .hero-content-version4 .hero4-thumb img {

    width: 100%;

    height: 100%;

  }

}

@media (max-width: 575px) {

  .banner-section.hero-style4 .hero-content-version4 {

    padding: 20px 12px 75px 12px;

  }

  .banner-section.hero-style4 .hero-content-version4 .hero4-thumbnail-wrapper {

    align-items: flex-end;

  }

  .banner-section.hero-style4 .hero-content-version4 .hero4-thumbnail-wrapper .contenst-inner p {

    font-size: 16px;

    line-height: 28px;

    margin-bottom: 20px;

  }

  .banner-section.hero-style4 .hero-content-version4 .hero4-heading-area {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    margin-bottom: 0px;

    max-width: 1138px;

  }

  .banner-section.hero-style4 .hero-content-version4 .hero4-heading-area h1 {

    font-size: 36px;

    font-weight: 500;

    letter-spacing: -3px;

    line-height: 45px;

  }

  .banner-section.hero-style4 .hero-content-version4 .hero4-heading-area .circle-area {

    display: none;

  }

  .banner-section.hero-style4 .hero-content-version4 .hero4-thumb {

    max-width: 400px;

  }

  .banner-section.hero-style4 .hero-content-version4 .hero4-thumb img {

    width: 100%;

    height: 100%;

  }

}

.banner-section.hero-style5 {

  background: url(../../assets/img/banner/hero-banner-bg.png) no-repeat center center;

  background-size: cover;

  position: relative;

  z-index: 1;

  margin-top: -165px;

  border-radius: 20px 20px 0 0;

  overflow: hidden;

}

.banner-section.hero-style5::before {

  position: absolute;

  width: 100%;

  height: 100%;

  content: "";

  top: 0;

  left: 0;

  background: rgba(22, 23, 23, 0.7);

  z-index: -1;

}

.banner-section.hero-style5::after {

  position: absolute;

  right: 0;

  width: 748px;

  height: 748px;

  content: "";

  top: 0;

  border-radius: 748px;

  background: #fb421f;

  filter: blur(406.5217590332px);

}

.banner-section.hero-style5 .hero-content-version5 {

  padding: 265px 0 138px;

}

.banner-section.hero-style5 .hero-content-version5 h1 {

  font-size: 90px;

  font-weight: 600;

  line-height: 95px;

  letter-spacing: -5px;

}

.banner-section.hero-style5 .hero-content-version5 h1 span {

  font-size: 90px;

  line-height: 95px;

  letter-spacing: -5px;

}

.banner-section.hero-style5 .hero-thumb5 {

  margin-top: 150px;

}

@media (max-width: 1399px) {

  .banner-section.hero-style5 .hero-content-version5 {

    padding: 250px 0 120px;

  }

  .banner-section.hero-style5 .hero-content-version5 h1 {

    font-size: 70px;

    line-height: 75px;

    letter-spacing: -5px;

    font-weight: 600;

  }

  .banner-section.hero-style5 .hero-content-version5 h1 span {

    font-size: 70px;

    line-height: 75px;

    letter-spacing: -5px;

  }

  .banner-section.hero-style5 .hero-thumb5 {

    margin-top: 150px;

  }

}

@media (max-width: 991px) {

  .banner-section.hero-style5 .hero-content-version5 {

    padding: 250px 0 10px;

  }

  .banner-section.hero-style5 .hero-content-version5 h1 {

    font-size: 70px;

    line-height: 75px;

    letter-spacing: -3px;

    font-weight: 600;

    text-align: center;

  }

  .banner-section.hero-style5 .hero-content-version5 h1 span {

    font-size: 70px;

    line-height: 75px;

    letter-spacing: -3px;

  }

  .banner-section.hero-style5 .hero-content-version5 p {

    max-width: 600px;

    text-align: center;

    margin: 0 auto;

  }

  .banner-section.hero-style5 .hero-thumb5 {

    margin-top: 0px;

  }

}

@media (max-width: 767px) {

  .banner-section.hero-style5 .hero-content-version5 {

    padding: 230px 0 10px;

  }

  .banner-section.hero-style5 .hero-content-version5 h1 {

    font-size: 48px;

    line-height: 60px;

    letter-spacing: -1px;

    font-weight: 600;

    text-align: center;

  }

  .banner-section.hero-style5 .hero-content-version5 h1 span {

    font-size: 48px;

    line-height: 60px;

    letter-spacing: -1px;

  }

  .banner-section.hero-style5 .hero-content-version5 p {

    max-width: 600px;

    text-align: center;

    margin: 0 auto;

  }

  .banner-section.hero-style5 .hero-thumb5 {

    margin-top: 0px;

  }

}

@media screen and (max-width: 476px) {

  .banner-section.hero-style5 .hero-content-version5 {

    padding: 230px 0 10px;

  }

  .banner-section.hero-style5 .hero-content-version5 h1 {

    font-size: 38px;

    line-height: 48px;

    letter-spacing: -1px;

    font-weight: 600;

    text-align: center;

  }

  .banner-section.hero-style5 .hero-content-version5 h1 span {

    font-size: 38px;

    line-height: 48px;

    letter-spacing: -1px;

  }

  .banner-section.hero-style5 .hero-content-version5 p {

    max-width: 600px;

    text-align: center;

    margin: 0 auto;

  }

}

.banner-section.hero-style6 {

  padding-bottom: 80px;

}

.banner-section.hero-style6 .hero-content-version6 .subtitle {

  letter-spacing: 3px;

}

.banner-section.hero-style6 .hero-content-version6 h1 {

  font-size: 98.594px;

  font-weight: 700;

  line-height: 99.273px;

  letter-spacing: -4.773px;

}

@media (max-width: 1399px) {

  .banner-section.hero-style6 .hero-thumb6 {

    width: 100%;

  }

  .banner-section.hero-style6 .hero-thumb6 img {

    width: 100%;

  }

}

@media (max-width: 1199px) {

  .banner-section.hero-style6 .hero-thumb6 {

    width: 100%;

  }

  .banner-section.hero-style6 .hero-thumb6 img {

    width: 100%;

  }

  .banner-section.hero-style6 .hero-content-version6 .subtitle {

    letter-spacing: 3px;

  }

  .banner-section.hero-style6 .hero-content-version6 h1 {

    font-size: 78.594px;

    line-height: 89.273px;

    letter-spacing: -4.773px;

  }

}

@media (max-width: 991px) {

  .banner-section.hero-style6 .hero-content-version6 .subtitle {

    letter-spacing: 3px;

  }

  .banner-section.hero-style6 .hero-content-version6 h1 {

    font-size: 60.594px;

    line-height: 70.273px;

    letter-spacing: -3.773px;

  }

}

@media (max-width: 575px) {

  .banner-section.hero-style6 {

    padding-bottom: 70px;

  }

  .banner-section.hero-style6 .hero-content-version6 .subtitle {

    letter-spacing: 3px;

  }

  .banner-section.hero-style6 .hero-content-version6 h1 {

    font-size: 40.594px;

    line-height: 50.273px;

    letter-spacing: -2.773px;

  }

}

@media (max-width: 1199px) {

  .banner-section .hero-content-version1 h1 {

    font-size: 58px;

    letter-spacing: -3px;

    font-weight: 500;

    line-height: 60px;

  }

  .banner-section .hero-content-version1 h1 .stext {

    font-size: 58px;

    letter-spacing: -3px;

    line-height: 60px;

  }

  .banner-section .hero-thumb2 {

    right: 0px;

  }

  .banner-section .banner-listing {

    padding: 24px 30px 24px;

  }

}

@media (max-width: 991px) {

  .banner-section .hero-content-version1 h1 {

    font-size: 58px;

    letter-spacing: -3px;

    font-weight: 500;

    line-height: 60px;

  }

  .banner-section .hero-content-version1 h1 .stext {

    font-size: 58px;

    letter-spacing: -3px;

    line-height: 60px;

  }

  .banner-section .hero-thumb2 {

    right: 0px;

    max-width: 250px;

  }

  .banner-section .banner-listing {

    padding: 24px 30px 24px;

  }

}

@media (max-width: 575px) {

  .banner-section .hero-content-version1 h1 {

    font-size: 44px;

    letter-spacing: -3px;

    font-weight: 500;

    line-height: 48px;

  }

  .banner-section .hero-content-version1 h1 .stext {

    font-size: 44px;

    letter-spacing: -3px;

    line-height: 48px;

  }

  .banner-section .hero-thumb2 {

    right: 0px;

    max-width: 250px;

  }

  .banner-section .banner-listing {

    padding: 24px 30px 24px;

  }

}

@media (max-width: 500px) {

  .banner-section .hero-content-version1 h1 {

    font-size: 44px;

    letter-spacing: -3px;

    font-weight: 500;

    line-height: 48px;

  }

  .banner-section .hero-content-version1 h1 .stext {

    font-size: 44px;

    letter-spacing: -3px;

    line-height: 48px;

  }

  .banner-section .hero-thumb2 {

    display: none;

  }

  .banner-section .banner-listing {

    padding: 24px 30px 24px;

  }

}



.trusted-partner-wrap .partner-inner {

  display: flex;

}

.trusted-partner-wrap .partner-inner .partner-icon {

  width: 48px;

  height: 48px;

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

  border-radius: 50%;

}

.trusted-partner-wrap .partner-inner .partner-icon img {

  border-radius: 50%;

  width: 100%;

  height: 100%;

}

.trusted-partner-wrap .partner-inner .partner-icon:not(:first-child) {

  margin-left: -12px;

}



@keyframes cirs360 {

  100% {

    transform: translate(-50%, -50%) rotate(360deg);

  }

}

@keyframes updwon {

  50% {

    transform: translateY(-10px);

  }

}

@keyframes cir190 {

  50% {

    transform: rotate(60deg);

  }

}

@keyframes cirs {

  100% {

    transform: rotate(360deg);

  }

}

.hero4-shape {

  position: absolute;

  right: 60px;

  top: -90px;

  z-index: 1;

}

@media screen and (max-width: 1800px) {

  .hero4-shape {

    right: 0;

  }

}

@media screen and (max-width: 1660px) {

  .hero4-shape {

    right: -50px;

    max-width: 250px;

  }

}

@media screen and (max-width: 1525px) {

  .hero4-shape {

    display: none;

  }

}



.breadcrumb-section {

  z-index: 1;

  padding: 200px 0 160px;

}

.breadcrumb-section .bread-ele {

  position: absolute;

  top: 0;

  left: 0;

  z-index: -1;

}

@media (max-width: 1399px) {

  .breadcrumb-section {

    padding: 180px 0 120px;

  }

}

@media (max-width: 767px) {

  .breadcrumb-section {

    padding: 150px 0 120px;

  }

}

@media (max-width: 575px) {

  .breadcrumb-section {

    padding: 120px 0 70px;

  }

}



.sponsor-text-slide {

  padding: 34px 0 20px;

}

@media (max-width: 1199px) {

  .sponsor-text-slide {

    padding: 30px 0 28px;

  }

}



.text-slide-item {

  font-size: 44px;

  font-weight: 700;

  font-family: "Archivo", sans-serif;

  color: var(--black);

}

@media (max-width: 1199px) {

  .text-slide-item {

    font-size: 36px;

  }

  .text-slide-item img {

    width: 30px;

  }

}

@media (max-width: 991px) {

  .text-slide-item {

    font-size: 24px;

    font-weight: 600;

  }

  .text-slide-item img {

    width: 24px;

  }

}



.mean-container a.meanmenu-reveal {

  display: none;

}



.mean-container .mean-nav {

  background: none;

  margin-top: 0;

}



.mean-container .mean-bar {

  padding: 0;

  min-height: auto;

  background: none;

}



.mean-container .mean-nav>ul {

  padding: 0;

  margin: 0;

  width: 100%;

  list-style-type: none;

  display: block !important;

}

.mean-container .mean-nav>ul .homemenu-items {

  display: flex;

  align-items: center;

  gap: 30px;

  justify-content: space-between;

}

@media (max-width: 1199px) {

  .mean-container .mean-nav>ul .homemenu-items {

    flex-wrap: wrap;

  }

}

.mean-container .mean-nav>ul .homemenu-items .homemenu {

  position: relative;

}

@media (max-width: 1199px) {

  .mean-container .mean-nav>ul .homemenu-items .homemenu {

    max-width: 300px;

    text-align: center;

    margin: 0 auto;

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

    padding: 10px;

  }

}

.mean-container .mean-nav>ul .homemenu-items .homemenu .homemenu-thumb {

  position: relative;

}

.mean-container .mean-nav>ul .homemenu-items .homemenu .homemenu-thumb .demo-button {

  position: absolute;

  top: 50%;

  left: 50%;

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

  width: 60%;

  gap: 10px;

  display: flex;

  justify-content: center;

  flex-direction: column;

  opacity: 0;

  visibility: hidden;

  transition: all 0.4s ease-in-out;

  margin-top: 20px;

}

.mean-container .mean-nav>ul .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn {

  padding: 12px 20px;

  color: var(--white) !important;

  width: initial;

  font-size: 16px;

  text-align: center;

  border-radius: 0;

}

.mean-container .mean-nav>ul .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn:hover {

  color: var(--white) !important;

}

.mean-container .mean-nav>ul .homemenu-items .homemenu .homemenu-thumb::before {

  background: -webkit-gradient(linear, left top, left bottom, from(rgba(20, 19, 19, 0)), to(#5e5ef6));

  background: linear-gradient(to bottom, rgba(99, 92, 92, 0) 0%, #252527 100%);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  overflow: hidden;

  opacity: 0;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  content: "";

}

.mean-container .mean-nav>ul .homemenu-items .homemenu .homemenu-thumb:hover::before {

  visibility: visible;

  opacity: 1;

}

.mean-container .mean-nav>ul .homemenu-items .homemenu .homemenu-thumb:hover .demo-button {

  opacity: 1;

  visibility: visible;

  margin-top: 0;

}

.mean-container .mean-nav>ul .homemenu-items .homemenu .homemenu-thumb:hover .homemenu-btn {

  opacity: 1;

  visibility: visible;

  bottom: 50%;

  transform: translateY(50%);

}

.mean-container .mean-nav>ul .homemenu-items .homemenu .homemenu-thumb img {

  width: 100%;

}

.mean-container .mean-nav>ul .homemenu-items .homemenu .homemenu-title {

  text-align: center;

  margin: 15px auto;

  display: inline-block;

  font-size: 16px;

}



.mean-container a.meanmenu-reveal {

  display: none !important;

}



.mean-container .mean-nav ul li a {

  width: 100%;

  padding: 10px 0;

  color: var(--header);

  font-size: 16px;

  line-height: 1.5;

  font-weight: 500;

  text-transform: capitalize;

  border-bottom: 1px solid var(--border) !important;

  border: none;

}

.mean-container .mean-nav ul li a:hover {

  color: var(--p2-clr);

}



.mean-container .mean-nav ul li a:last-child {

  border-bottom: 0;

}



.mean-container .mean-nav ul li a:hover {

  color: var(--theme2);

}



.mean-container .mean-nav ul li a.mean-expand {

  margin-top: 5px;

  padding: 0 !important;

}



.mean-container .mean-nav ul li>a>i {

  display: none;

}



.mean-container .mean-nav ul li>a.mean-expand i {

  display: inline-block;

  font-size: 18px;

}



.mean-container .mean-nav>ul>li:first-child>a {

  border-top: 0;

}



.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {

  transform: rotate(45deg);

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transition: all 0.4s ease-in-out;

}



.mean-container .mean-nav ul li .mega-menu li a {

  height: 200px;

  width: 100%;

  padding: 0;

  border-top: 0;

  margin-bottom: 20px;

}



.blog-items {

  border-radius: 20px;

}

.blog-items .thumb {

  overflow: hidden;

  width: 100%;

  height: 100%;

}

.blog-items .thumb img {

  width: 100%;

  height: 100%;

  overflow: hidden;

  transition: all 0.5s;

}

.blog-items:hover .thumb img {

  transform: scale(1.1);

}

.blog-items.style2 {

  border-bottom: 5px solid var(--white);

  transition: all 0.4s;

}

.blog-items.style2:hover {

  border-bottom: 5px solid var(--p1-clr);

}

.blog-items.style4 .content {

  border-top: unset !important;

  border: 1px solid var(--black);

  transition: all 0.4s;

}

.blog-items.style4:hover {

  background: var(--white);

}

.blog-items.style4:hover .content {

  background: var(--white) !important;

}

.blog-items.blog-cus6:hover {

  background: var(--p4-clr);

  border-color: var(--p4-clr);

}

.blog-items.blog-cus6:hover div,

.blog-items.blog-cus6:hover i,

.blog-items.blog-cus6:hover span,

.blog-items.blog-cus6:hover a {

  color: var(--white) !important;

}



.blog-arrow1:hover span {

  color: var(--p1-clr) !important;

}

.blog-arrow1:hover .arrows {

  transform: rotate(30deg) !important;

  background: var(--p1-clr) !important;

}

.blog-arrow1:hover .arrows i {

  color: var(--white) !important;

}

.blog-arrow1:hover .arrows svg path {

  stroke: var(--white);

}



.blog-items3 {

  padding: 30px;

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

  transition: all 0.4s;

}

.blog-items3:hover {

  border-color: var(--p3-clr);

}

.blog-items3:hover .common-btn {

  background: var(--black);

  color: var(--white) !important;

}

.blog-items3:hover .common-btn i {

  color: var(--white);

}

@media (max-width: 767px) {

  .blog-items3 {

    padding: 22px;

  }

}



.fixed-bg4 {

  background: linear-gradient(199deg, rgba(255, 220, 38, 0.02) 22.03%, rgba(255, 144, 231, 0.2) 60.44%, rgba(62, 137, 255, 0.4) 99.27%);

}



.blog-details-left {

  display: grid;

  gap: 50px;

}

.blog-details-left .blog-items2 {

  padding: 40px;

}

.blog-details-left .blog-items2 .thumb {

  width: 100%;

  max-width: 100%;

}

.blog-details-left .blog-items2 .blog-date {

  left: initial;

  right: 20px;

}

@media (max-width: 1399px) {

  .blog-details-left {

    gap: 30px;

  }

  .blog-details-left .blog-items2 {

    padding: 20px;

  }

  .blog-details-left .blog-items2 .blog-date {

    left: initial;

    right: 20px;

  }

}

@media (max-width: 1199px) {

  .blog-details-left {

    gap: 20px;

  }

  .blog-details-left .blog-items2 {

    padding: 18px;

  }

  .blog-details-left .blog-items2 .blog-date {

    right: 16px;

  }

}



.blog-pagination {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 15px;

  margin-top: 80px;

}

.blog-pagination li a {

  width: 50px;

  height: 50px;

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  border: 1px solid #ccc;

  font-size: 18px;

  font-weight: 600;

  color: var(--black);

  transition: all 0.4s;

}

.blog-pagination li a:hover {

  border-color: var(--p2-clr);

  color: var(--white);

  background: var(--p2-clr);

}

@media (max-width: 1199px) {

  .blog-pagination {

    gap: 10px;

    margin-top: 40px;

  }

  .blog-pagination li a {

    width: 40px;

    height: 40px;

  }

}



.blog-details-right {

  display: grid;

  gap: 30px;

}

.blog-details-right .details-common-maintain {

  border: 1px solid #e3e3e3;

  gap: 36px;

}

.blog-details-right .details-common-maintain .line {

  width: 100%;

  height: 1px;

  background: #e3e3e3;

}

.blog-details-right .details-common {

  border-radius: 20px;

  background: var(--white);

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

  padding: 40px 40px;

}

.blog-details-right .details-common h4 {

  margin-bottom: 30px;

}

.blog-details-right .details-common .tags {

  display: flex;

  flex-wrap: wrap;

  gap: 10px;

}

.blog-details-right .details-common .tags li a {

  display: inline-block;

  border: 1px solid #ccc;

  padding: 5px 10px;

  color: #666;

  font-size: 14px;

  font-weight: 300;

  border-radius: 100px;

  transition: all 0.4s;

}

.blog-details-right .details-common .tags li a:hover {

  background: var(--p2-clr);

  color: var(--white);

}

.blog-details-right .search-box form {

  display: flex;

  align-items: center;

  justify-content: center;

  border: 1px solid #ddd;

  border-radius: 20px;

  padding-right: 16px;

}

.blog-details-right .search-box form input {

  width: 100%;

  color: var(--pra);

  padding: 10px 14px;

  border: unset;

  outline: none;

  border-radius: 20px;

}

.blog-details-right .search-box form i {

  color: var(--p2-clr);

}

.blog-details-right .search-box form ::placeholder {

  color: var(--pra);

}

.blog-details-right .category-blog .cates {

  display: grid;

  gap: 24px;

}

.blog-details-right .category-blog .cates li a {

  border: 1px solid #e3e3e3;

  padding: 9px 30px;

  border-radius: 100px;

  font-size: 16px;

  color: var(--pra);

}

.blog-details-right .category-blog .cates li a .seri {

  border-radius: 50%;

  background: var(--cmnbg);

  font-size: 18px;

  width: 40px;

  height: 40px;

}

.blog-details-right .category-blog .cates li a .seri i {

  color: var(--black);

}

.blog-details-right .category-blog .cates li a:hover {

  color: var(--p2-clr);

}

.blog-details-right .category-blog .cates li a:hover .seri {

  background: var(--p2-clr);

}

.blog-details-right .category-blog .cates li a:hover .seri i {

  color: var(--white);

}

@media (max-width: 1199px) {

  .blog-details-right .category-blog .cates li a {

    padding: 9px 20px;

  }

}

.blog-details-right .category-blog .cates .line {

  width: 100%;

  height: 1px;

  background: var(--p1-clr);

}

@media (max-width: 1199px) {

  .blog-details-right .category-blog .cates {

    gap: 16px;

  }

}

.blog-details-right .quick-call .call {

  width: 80px;

  height: 80px;

  margin: 20px auto 20px;

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

}

.blog-details-right .quick-call .call i {

  font-size: 24px;

  color: var(--white);

}

.blog-details-right .quick-call .numbs {

  font-size: 27px;

  font-weight: 600;

  color: var(--white);

}

.blog-details-right .quick-call .numbs:hover {

  color: var(--p1-clr);

}

.blog-details-right .blog-latest {

  display: grid;

  gap: 20px;

}

.blog-details-right .blog-latest .blog-latest-item {

  display: flex;

  align-items: center;

  border: 1px solid #e3e3e3;

  border-radius: 20px;

  padding: 10px;

  gap: 18px;

}

.blog-details-right .blog-latest .blog-latest-item .thumb {

  width: 80px;

  min-width: 80px;

  border-radius: 20px;

}

.blog-details-right .blog-latest .blog-latest-item .thumb img {

  border-radius: 20px;

  width: 100%;

}

.blog-details-right .blog-latest .blog-latest-item .content a {

  font-size: 16px;

  font-weight: 500;

  color: var(--black);

  line-height: 20px;

  display: block;

}

.blog-details-right .blog-latest .blog-latest-item:hover .content a {

  color: var(--p2-clr);

}

@media (max-width: 1399px) {

  .blog-details-right {

    gap: 40px;

  }

  .blog-details-right .details-common {

    padding: 20px 18px;

  }

  .blog-details-right .blog-latest {

    display: grid;

    gap: 16px;

  }

  .blog-details-right .blog-latest .blog-latest-item {

    gap: 12px;

  }

  .blog-details-right .blog-latest .blog-latest-item .thumb {

    width: 65px;

    height: 65px;

    min-width: 65px;

  }

}

@media (max-width: 1199px) {

  .blog-details-right {

    gap: 20px;

  }

}



.lee-pragraph {

  padding: 30px 30px;

  border-radius: 20px;

  background: #fff;

  border: 1px solid #ccc;

  display: flex;

  gap: 33px;

}

.lee-pragraph img {

  width: 75px;

  height: 75px;

  object-fit: contain;

  opacity: 0.2;

}

@media (max-width: 1199px) {

  .lee-pragraph {

    padding: 20px 20px;

  }

}

@media (max-width: 500px) {

  .lee-pragraph {

    flex-wrap: wrap;

    gap: 10px;

  }

}



.tag-social-wrap .tags {

  display: flex;

  flex-wrap: wrap;

  gap: 3px;

}

.tag-social-wrap .tags li a {

  background: var(--white);

  display: inline-block;

  padding: 5px 10px;

  color: var(--pra);

  font-size: 14px;

  font-weight: 400;

  border-radius: 100px;

  transition: all 0.4s;

}

.tag-social-wrap .tags li a:hover {

  background: var(--p2-clr);

  color: var(--white);

  border-color: var(--p2-clr);

}

.tag-social-wrap .social-wrapper {

  gap: 10px;

}

.tag-social-wrap .social-wrapper a {

  border-radius: 20px;

  background: var(--white);

}

.tag-social-wrap .social-wrapper a i {

  color: var(--black);

  transition: all 0.4s;

}

.tag-social-wrap .social-wrapper a:hover {

  background: var(--p2-clr);

  border-color: var(--p2-clr);

}

.tag-social-wrap .social-wrapper a:hover i {

  color: var(--white);

}



.blog-details-reply-area {

  gap: 30px;

}

.blog-details-reply-area .blog-reply-box {

  border-radius: 20px;

  border: 1px solid var(--p2-clr);

  padding: 30px;

  display: flex;

  gap: 18px;

}

.blog-details-reply-area .blog-reply-box button {

  padding: 6px 24px 7px;

  border-radius: 5px;

  font-size: 17px;

  font-weight: 500;

  color: #fff;

  background: var(--p2-clr);

  border-radius: 100px;

  transition: all 0.4s;

}

.blog-details-reply-area .blog-reply-box button:hover {

  background: var(--p1-clr);

  border-color: var(--p2-clr);

  color: var(--white);

}

@media (max-width: 575px) {

  .blog-details-reply-area {

    gap: 20px;

  }

  .blog-details-reply-area .blog-reply-box {

    flex-wrap: wrap;

    padding: 18px;

  }

  .blog-details-reply-area .blog-reply-box button {

    padding: 7px 18px;

  }

}



.blog-form {

  background: var(--white);

  box-shadow: none;

  border-radius: 20px;

  padding: 40px;

}

.blog-form .nice-select,

.blog-form input,

.blog-form textarea {

  background: var(--white);

  border: 1px solid #ccc;

  width: 100%;

  border-radius: 100px;

  padding: 12px 24px;

  color: #666;

}

.blog-form textarea {

  border-radius: 20px;

}

.blog-form .nice-select {

  border: 1px solid #ccc;

}

.blog-form .nice-select .list {

  right: 0;

  background: #fff;

}

.blog-form .nice-select .list li {

  background-color: rgba(221, 221, 221, 0.337254902);

  border: 0.5px solid #ddd;

  padding: 7px 8px;

  color: #000;

}

.blog-form .nice-select::after {

  right: 22px;

  top: 22px;

}

@media (max-width: 991px) {

  .blog-form {

    padding: 20px;

  }

}



.blog-items-bigs .content {

  padding: 30px 40px 40px;

}

@media (max-width: 767px) {

  .blog-items-bigs .content {

    padding: 20px 20px 24px;

  }

}

.blog-items-bigs:hover .common-btn {

  background: var(--p2-clr) !important;

  color: var(--white) !important;

}

.blog-items-bigs:hover .common-btn img {

  filter: brightness(25);

}



.preview-nexted {

  padding: 20px 30px;

}

.preview-nexted .prenext:hover .arrows {

  background: var(--p2-clr);

}

.preview-nexted .prenext:hover .arrows i {

  color: var(--white);

}

.preview-nexted .line {

  width: 1px;

  height: 50px;

  background: var(--p2-clr);

}

.preview-nexted .arrows {

  width: 50px;

  height: 50px;

  background: var(--white);

  transition: all 0.4s;

}

@media (max-width: 767px) {

  .preview-nexted {

    padding: 18px 20px;

  }

  .preview-nexted .arrows {

    width: 40px;

    height: 40px;

  }

}



.preloader {

  align-items: center;

  cursor: default;

  display: flex;

  height: 100%;

  justify-content: center;

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  z-index: 9999999;

}

.preloader .animation-preloader {

  z-index: 1000;

}

.preloader .animation-preloader .spinner {

  animation: spinner 1s infinite linear;

  border-radius: 50%;

  border: 3px solid var(--p2-clr);

  border-top-color: var(--p2-clr);

  height: 9em;

  margin: 0 auto 3.5em auto;

  width: 9em;

}

@media (max-width: 767px) {

  .preloader .animation-preloader .spinner {

    width: 7.5em;

    height: 7.5em;

    margin: 0 auto 1.5em auto;

  }

}

.preloader .animation-preloader .txt-loading {

  font: bold 5em "Archivo", sans-serif, "Archivo", sans-serif;

  text-align: center;

  user-select: none;

}

@media (max-width: 767px) {

  .preloader .animation-preloader .txt-loading {

    font-size: 2.5em;

  }

}

.preloader .animation-preloader .txt-loading .letters-loading {

  color: var(--p2-clr);

  position: relative;

}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {

  animation-delay: 0.2s;

}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {

  animation-delay: 0.4s;

}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {

  animation-delay: 0.6s;

}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {

  animation-delay: 0.8s;

}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {

  animation-delay: 1s;

}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {

  animation-delay: 1.2s;

}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {

  animation-delay: 1.4s;

}

.preloader .animation-preloader .txt-loading .letters-loading::before {

  animation: letters-loading 4s infinite;

  color: var(--header);

  content: attr(data-text-preloader);

  left: 0;

  opacity: 0;

  font-family: "Archivo", sans-serif;

  position: absolute;

  top: -3px;

  transform: rotateY(-90deg);

}

.preloader p {

  font-size: 15px;

  font-weight: 600;

  text-transform: uppercase;

  letter-spacing: 8px;

  color: var(--p2-clr);

}

.preloader .loader {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  font-size: 0;

  z-index: 1;

  pointer-events: none;

}

.preloader .loader .row {

  height: 100%;

}

.preloader .loader .loader-section {

  padding: 0px;

}

.preloader .loader .loader-section .bg {

  background-color: var(--blogbox);

  height: 100%;

  left: 0;

  width: 100%;

  transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);

}

.preloader.loaded .animation-preloader {

  opacity: 0;

  transition: 0.3s ease-out;

}

.preloader.loaded .loader-section .bg {

  width: 0;

  transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);

}



.search-wrap {

  width: 100%;

  height: 100%;

  overflow: hidden;

  display: none;

  position: fixed;

  top: 0;

  left: 0;

  z-index: 999999;

  background-color: rgba(255, 255, 255, 0.9);

}

.search-wrap .search-inner {

  position: relative;

  width: 100%;

  height: 100%;

}

.search-wrap .search-cell {

  position: absolute;

  top: 50%;

  width: 100%;

  transform: translateY(-50%);

}

.search-wrap .search-field-holder {

  width: 50%;

  margin: auto;

  position: relative;

  animation: slideInUp 0.3s;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .search-wrap .search-field-holder {

    width: 70%;

  }

}

@media (max-width: 575px) {

  .search-wrap .search-field-holder {

    width: 80%;

  }

}

.search-wrap .main-search-input {

  width: 100%;

  height: 70px;

  border: 0;

  padding: 0 50px;

  text-transform: capitalize;

  background: transparent;

  font-size: 25px;

  color: var(--p2-clr);

  border-bottom: 2px solid var(--p2-clr);

  text-align: center;

  letter-spacing: 2px;

}



@media (max-width: 575px) {

  .search-wrap .main-search-input {

    height: 50px;

    padding: 0 0;

    line-height: 50px;

    font-size: 18px;

  }

}

.search-wrap input.form-control,

.search-wrap input.form-control:focus {

  background-color: var(--p2-clr);

}



input.main-search-input::placeholder {

  color: var(--p2-clr);

  opacity: 1;

  font-size: 25px;

}



@media (max-width: 575px) {

  input.main-search-input::placeholder {

    font-size: 18px;

  }

}

.search-close {

  position: absolute;

  top: 50px;

  right: 50px;

  font-size: 30px;

  color: var(--p2-clr);

  cursor: pointer;

}



.mouse-cursor {

  position: fixed;

  left: 0;

  top: 0;

  pointer-events: none;

  border-radius: 50%;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  visibility: hidden;

}



.cursor-inner {

  width: 6px;

  height: 6px;

  z-index: 10000001;

  background-color: var(--p2-clr);

  -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;

  -o-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;

  transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;

}



.cursor-inner.cursor-hover {

  margin-left: -35px;

  margin-top: -35px;

  width: 70px;

  height: 70px;

  background-color: var(--p2-clr);

  opacity: 0.3;

}



.cursor-outer {

  margin-left: -12px;

  margin-top: -12px;

  width: 30px;

  height: 30px;

  border: 1px solid var(--p2-clr);

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  z-index: 10000000;

  opacity: 0.5;

  -webkit-transition: all 0.08s ease-out;

  -o-transition: all 0.08s ease-out;

  transition: all 0.08s ease-out;

}



.cursor-outer.cursor-hover {

  opacity: 0;

}



.pricing-section.style3 .pricing-items {

  overflow: hidden;

}

.pricing-section.style3 .pricing-items h3 {

  padding: 26px 0;

  text-align: center;

  transition: all 0.4s;

}

.pricing-section.style3 .pricing-items .boxes {

  padding: 30px 40px 40px;

}

.pricing-section.style3 .pricing-items.active,
.pricing-section.style3 .pricing-items:hover {

  background: var(--white);

}

.pricing-section.style3 .pricing-items.active h3,
.pricing-section.style3 .pricing-items:hover h3 {

  background: var(--p2-clr) !important;

  color: var(--white) !important;

}

.pricing-section.style3 .pricing-items.active .common-btn,
.pricing-section.style3 .pricing-items:hover .common-btn {

  background: var(--p2-clr) !important;

}

@media (max-width: 1199px) {

  .pricing-section.style3 .pricing-items .boxes {

    padding: 24px 20px 30px;

  }

}



.pricing-items {

  padding: 30px 30px;

}

.pricing-items h2 {

  font-size: 50px;

  color: var(--black);

}

.pricing-items h2 span {

  font-size: 16px;

  color: var(--black2);

}

.pricing-items.premium-items {

  background: linear-gradient(180deg, #ffdc26 0%, rgba(255, 220, 38, 0) 100%);

}

.pricing-items.premium-items .common-btn {

  background: var(--p5-clr);

}

.pricing-items.style2 .common-btn {

  border-color: var(--cmnbg) !important;

}

.pricing-items.style2.active,
.pricing-items.style2:hover {

  background: linear-gradient(180deg, #fb421f 0%, rgba(255, 220, 38, 0) 100%);

}

.pricing-items.style2.active h2,
.pricing-items.style2:hover h2 {

  border-bottom: 1px solid rgba(34, 34, 32, 0.288) !important;

}

.pricing-items.style2.active h2 span,
.pricing-items.style2:hover h2 span {

  color: var(--black);

}

.pricing-items.style2.active .price-list li,
.pricing-items.style2:hover .price-list li {

  color: var(--black);

}

.pricing-items.style2.active .common-btn,
.pricing-items.style2:hover .common-btn {

  background: var(--p1-clr) !important;

  color: var(--white) !important;

}

.pricing-items.style2.active .common-btn i,
.pricing-items.style2:hover .common-btn i {

  color: var(--white) !important;

}

.pricing-items.style5 {

  transition: all 0.4s;

}

.pricing-items.style5 h2 {

  color: var(--white);

}

.pricing-items.style5 h2 span {

  color: var(--white);

}

.pricing-items.style5 .price-list .line {

  width: 100%;

  height: 1px;

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

}

.pricing-items.style5 .common-btn {

  background: #121212;

  border: 1px solid var(--p5-clr) !important;

}

.pricing-items.style5.active,
.pricing-items.style5:hover {

  background: var(--p5-clr);

}

.pricing-items.style5.active h3,

.pricing-items.style5.active h2,
.pricing-items.style5:hover h3,

.pricing-items.style5:hover h2 {

  color: var(--black) !important;

}

.pricing-items.style5.active h3 span,

.pricing-items.style5.active h2 span,
.pricing-items.style5:hover h3 span,

.pricing-items.style5:hover h2 span {

  color: var(--black) !important;

}

.pricing-items.style5.active .price-list i,

.pricing-items.style5.active .price-list li,
.pricing-items.style5:hover .price-list i,

.pricing-items.style5:hover .price-list li {

  color: var(--black) !important;

}

.pricing-items.style5.active .price-list .line,
.pricing-items.style5:hover .price-list .line {

  width: 100%;

  height: 1px;

  background: rgba(63, 59, 59, 0.2);

}

.pricing-items.style6 {

  position: relative;

  padding: 40px;

}

.pricing-items.style6 .p-head {

  margin-top: -60px;

  position: relative;

  z-index: 1;

}

.pricing-items.style6 h3 {

  background: var(--white);

  border-radius: 100px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-weight: 600;

  padding: 9px 16px;

  margin: 0 auto 30px;

  width: 197px;

  transition: all 0.4s;

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

}

.pricing-items.style6::before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  content: "";

  border: 1px solid var(--black);

  border-radius: 20px;

  transform: skewX(-10deg);

}

.pricing-items.style6.active h3,
.pricing-items.style6:hover h3 {

  background: transparent;

  border-color: var(--p4-clr);

  background: var(--cmnbg);

}

.pricing-items.style6.active .common-btn,
.pricing-items.style6:hover .common-btn {

  background: var(--p4-clr);

  border-color: var(--p4-clr);

  color: var(--white) !important;

}

.pricing-items.style6.active .common-btn i,
.pricing-items.style6:hover .common-btn i {

  color: var(--white) !important;

}

@media (max-width: 1199px) {

  .pricing-items.style6::before {

    transform: skewX(0deg);

  }

}

@media (max-width: 991px) {

  .pricing-items.style6 .p-head {

    margin-top: 0px;

    position: relative;

    z-index: 1;

  }

}

@media (max-width: 767px) {

  .pricing-items.style6 {

    padding: 30px 22px;

  }

}

@media (max-width: 1399px) {

  .pricing-items {

    padding: 24px 20px;

  }

}



.pricing-hover1 {

  transition: all 0.4s;

}

.pricing-hover1:hover {

  background: linear-gradient(180deg, #ffdc26 0%, rgba(255, 220, 38, 0) 100%);

}

.pricing-hover1:hover .common-btn {

  background: var(--p5-clr);

}



.pricing-tabbing {

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

  border-radius: 100px;

  overflow: hidden;

}

.pricing-tabbing .nav-item .nav-link {

  padding: 14px 28px;

  font-size: 17px;

  background: transparent;

  border: unset;

  transition: all 0.4s;

  color: var(--black);

}

.pricing-tabbing .nav-item .nav-link.active {

  background: var(--p2-clr);

  color: var(--white);

  border-radius: 0;

}

@media (max-width: 1399px) {

  .pricing-tabbing .nav-item .nav-link {

    padding: 10px 28px;

  }

}

.pricing-tabbing.style3 .nav-item .nav-link.active {

  background: var(--p3-clr);

  color: var(--white);

  border-radius: 0;

}

@media (max-width: 575px) {

  .pricing-tabbing {

    margin: 0 auto;

  }

  .pricing-tabbing .nav-link {

    margin: 0 auto;

  }

}



@keyframes cir360 {

  0% {

    transform: rotate(360deg);

  }

}

.process-wrap {

  display: grid;

  gap: 26px;

}

.process-wrap .line {

  background: #e3e3e3;

  height: 1px;

  width: 100%;

}

.process-wrap .process-item .precess-title {

  width: 224px;

}

.process-wrap .process-item .process-pra {

  max-width: 600px;

  display: flex;

  align-items: center;

  gap: 50px;

}

.process-wrap .process-item .process-pra .arrow {

  width: 80px;

  height: 80px;

  min-width: 80px;

  transform: scale(0);

}

.process-wrap .process-item:hover h3 a {

  color: var(--p1-clr);

}

.process-wrap .process-item:hover .process-pra .arrow {

  transform: scale(1);

}

@media (max-width: 1199px) {

  .process-wrap {

    display: grid;

    gap: 20px;

  }

  .process-wrap .process-item .precess-title {

    width: 120px;

  }

  .process-wrap .process-item .process-pra {

    display: flex;

    gap: 24px;

  }

  .process-wrap .process-item .process-pra .arrow {

    width: 55px;

    height: 55px;

    min-width: 55px;

  }

  .process-wrap .process-item .process-pra .arrow svg {

    width: 18px;

    height: 30px;

  }

}

@media (max-width: 991px) {

  .process-wrap {

    display: grid;

    gap: 20px;

  }

  .process-wrap .process-item .precess-title {

    width: 120px;

  }

  .process-wrap .process-item .process-pra {

    display: flex;

    gap: 24px;

    max-width: 400px;

  }

  .process-wrap .process-item .process-pra .arrow {

    width: 55px;

    height: 55px;

    min-width: 55px;

  }

  .process-wrap .process-item .process-pra .arrow svg {

    width: 18px;

    height: 30px;

  }

}

@media (max-width: 767px) {

  .process-wrap {

    display: grid;

    gap: 20px;

  }

  .process-wrap .process-item .precess-title {

    width: initial;

  }

  .process-wrap .process-item .process-pra .arrow {

    transform: scale(1);

  }

}



.empower-heading p {

  font-size: 20px;

  line-height: 26px;

  max-width: 850px;

  margin: 0 auto;

  text-align: center;

}

@media (max-width: 991px) {

  .empower-heading p {

    font-size: 17px;

  }

}

@media (max-width: 767px) {

  .empower-heading p {

    font-size: 16px;

  }

}



.empower-item {

  padding: 30px 30px;

  transition: all 0.4s;

}

.empower-item .icon {

  background: var(--p5-clr);

  width: 80px;

  height: 80px;

  transition: all 0.4s;

}

.empower-item .serial {

  font-size: 51.797px;

  font-style: normal;

  font-weight: 500;

  line-height: 54px;

  letter-spacing: -3px;

  color: rgba(83, 83, 83, 0.2);

  -webkit-text-fill-color: rgba(83, 83, 83, 0.2);

  -webkit-text-stroke-width: 1px;

  -webkit-text-stroke-color: rgba(83, 83, 83, 0.2);

}

.empower-item.empower-item-main .serial {

  -webkit-text-stroke: 1px var(--pra);

  text-stroke: 4px var(--pra);

  -webkit-text-fill-color: var(--white);

}

.empower-item.empower-item-main .icon img {

  filter: brightness(25);

}

.empower-item:hover {

  background: var(--p5-clr);

}

.empower-item:hover p {

  color: var(--black);

}

.empower-item:hover .icon {

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

}



.car-image-wrapper {

  position: relative;

}



.car-image-wrapper .car-image-text {

  position: absolute;

  top: 50%;

  right: 30px;

  transform: translateY(-50%);

  color: white;

  font-size: 2.5rem;

  font-weight: bold;

  text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.8);

  text-align: right;

  z-index: 5;

  padding: 0 30px;

  display: flex;

  flex-direction: column;

  align-items: flex-end;

}



.car-image-wrapper .car-image-text p {

  margin: 0.5rem 0;

  font-size: 2rem;

}



.car-image-wrapper .car-image-text button {

  margin-top: 1rem;

  padding: 0.75rem 1.5rem;

  font-size: 1rem;

  font-weight: 600;

  /* background-color: white;

  color: #000; */

  border: none;

  border-radius: 50px;

  cursor: pointer;

  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);

  transition: all 0.3s ease;

}



.car-image-wrapper .car-image-text button:hover {

  transform: translateY(-2px);

  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);

}



.modern-card {

  background: white;

  border-radius: 12px;

  padding: 2.5rem;

  height: 100%;

  text-align: center;

  border: 1px solid rgb(148, 148, 148);

  transition: transform 0.3s ease, box-shadow 0.3s ease;

}



.modern-card:hover {

  transform: translateY(-5px);

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

}



.modern-card .card-icon {

  width: 80px;

  height: 80px;

  margin: 0 auto 1.5rem;

  display: flex;

  align-items: center;

  justify-content: center;

  background: #8800e7;

  border-radius: 50%;

}



.modern-card .card-icon img {

  width: 50px;

  height: 50px;

  filter: brightness(0) invert(1);

}



.modern-card h3 {

  font-size: 1.5rem;

  font-weight: 600;

  color: #333;

  margin-bottom: 1rem;

}



.modern-card h3 a {

  color: #333;

  text-decoration: none;

}



.modern-card p {

  color: #666;

  font-size: 0.95rem;

  line-height: 1.6;

  margin: 0;

}



.fronter-wrapper .swiper-slide.swiper-slide-active .fornter-items img {

  transform: scale(1.1);

  transition: all 0.5s;

}

.fronter-wrapper .swiper-slide.swiper-slide-active .fornter-items .content {

  bottom: 24px;

}



.fornter-items {

  z-index: 1;

}

.fornter-items img {

  transition: all 0.4s;

}

.fornter-items .content {

  position: absolute;

  bottom: -300px;

  left: 0;

  border-radius: 0 100px 100px 0;

  padding: 20px 38px 20px 20px;

  border: 1px solid var(--p1-clr);

  border-left: unset;

  transition: all 0.5s;

}

@media (max-width: 1600px) {

  .fornter-items .content h3 {

    font-size: 19px;

  }

}

@media (max-width: 991px) {

  .fornter-items .content {

    padding: 16px 29px 16px 16px;

  }

  .fornter-items .content h3 {

    font-size: 17px;

  }

}



.tech-service-item .tech-pro {

  width: 80px;

  height: 80px;

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

}

.tech-service-item .scales {

  transition: all 0.4s;

  overflow: hidden;

}

.tech-service-item .count span {

  font-size: 50px;

  font-weight: 800;

  color: var(--black);

}



.tech-counter {

  padding: 24px 30px;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  gap: 30px 16px;

}

.tech-counter .tech-counter-item {

  display: flex;

  align-items: center;

  gap: 20px;

}

@media (max-width: 1399px) {

  .tech-counter h2 span {

    font-size: 36px;

    line-height: 46px;

  }

}

@media (max-width: 1199px) {

  .tech-counter {

    gap: 20px 16px;

  }

  .tech-counter .tech-counter-item {

    display: flex;

    align-items: center;

    gap: 10px;

  }

  .tech-counter .tech-counter-item h2 span {

    font-size: 36px;

    line-height: 46px;

  }

}



.network-item:hover .rarrow {

  background: var(--p2-clr) !important;

}

.network-item:hover .rarrow svg path {

  fill: var(--white);

  stroke: var(--white);

}

@media (max-width: 1199px) {

  .network-item img {

    max-width: 250px;

  }

}

@media (max-width: 991px) {

  .network-item {

    padding: 20px;

  }

  .network-item img {

    max-width: 150px;

    display: none;

  }

}



.tech-project-item h2 span {

  font-size: 50px;

  line-height: 60px;

  color: var(--white);

}

@media (max-width: 1399px) {

  .tech-project-item h2 span {

    font-size: 36px;

    line-height: 46px;

  }

}

@media (max-width: 991px) {

  .tech-project-item .main-man {

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

  }

}

@media (max-width: 575px) {

  .tech-project-item .main-man {

    display: none;

  }

}



@media (max-width: 575px) {

  .last-counting {

    display: grid !important;

  }

}



.hosting-exprience-wrap {

  padding: 60px 20px;

}

.hosting-exprience-wrap .section-title {

  max-width: 1055px;

  margin: 0 auto;

}

.hosting-exprience-wrap .section-title .common-btn {

  background: rgba(0, 0, 0, 0.1);

}

@media (max-width: 991px) {

  .hosting-exprience-wrap {

    padding: 40px 20px;

  }

}



.empower-itmes6 {

  transition: all 0.4s;

}

.empower-itmes6 .icon {

  background: var(--white) !important;

}

.empower-itmes6.active,
.empower-itmes6:hover {

  background: var(--p2-clr) !important;

}

.empower-itmes6.active h3,

.empower-itmes6.active a,

.empower-itmes6.active i,
.empower-itmes6:hover h3,

.empower-itmes6:hover a,

.empower-itmes6:hover i {

  color: var(--white) !important;

}

.empower-itmes6.active .common-btn,

.empower-itmes6.active .icon,
.empower-itmes6:hover .common-btn,

.empower-itmes6:hover .icon {

  border-color: rgba(255, 255, 255, 0.1) !important;

  background: rgba(255, 255, 255, 0.1) !important;

}

.empower-itmes6.active .common-btn img,

.empower-itmes6.active .icon img,
.empower-itmes6:hover .common-btn img,

.empower-itmes6:hover .icon img {

  filter: brightness(25) !important;

}



.free-trail-wrapper {

  padding: 80px 60px;

  display: flex;

  justify-content: space-between;

  gap: 24px;

  align-items: center;

}

.free-trail-wrapper .free-trail-content {

  max-width: 560px;

}

.free-trail-wrapper .free-trail-content .subtitle {

  letter-spacing: 4px;

}

.free-trail-wrapper .free-trail-right .footer-ingredient-inner {

  display: flex;

  align-items: center;

}

.free-trail-wrapper .free-trail-right .footer-ingredient-inner .form-cmn-style {

  width: 272px;

}

.free-trail-wrapper .free-trail-right .footer-ingredient-inner .form-cmn-style input {

  color: var(--white);

  font-size: 14px;

}

.free-trail-wrapper .free-trail-right .footer-ingredient-inner .form-cmn-style input::placeholder {

  color: var(--white);

}

@media (max-width: 991px) {

  .free-trail-wrapper {

    flex-wrap: wrap;

    justify-content: center;

    padding: 60px 20px;

  }

  .free-trail-wrapper .free-trail-content {

    max-width: 560px;

    text-align: center;

    margin: 0 auto;

  }

  .free-trail-wrapper .free-trail-content .subtitle {

    letter-spacing: 4px;

  }

}



@media (max-width: 1399px) {

  .error-thumb {

    max-width: 500px;

  }

  .error-thumb img {

    width: 100%;

  }

}

@media (max-width: 991px) {

  .error-thumb {

    max-width: 500px;

    margin: 0 auto;

  }

  .error-thumb img {

    width: 100%;

  }

}



.project-information {

  padding: 28px 28px;

  position: absolute;

}

@media (max-width: 1399px) {

  .project-information {

    position: initial;

  }

}

@media (max-width: 500px) {

  .project-information {

    padding: 24px 20px;

  }

}



.section-title {

  position: relative;

}

.section-title .cmn-tag {

  margin-bottom: 10px;

}

.section-title h2 {

  font-weight: 500;

}

.section-title .title-badge1 {

  position: absolute;

  left: 0;

  bottom: 0;

}



.title-badge1 {

  position: absolute;

  left: 0;

  bottom: 0;

}



.section-title-area {

  display: flex;

  justify-content: space-between;

  position: relative;

  z-index: 9;

}

@media (max-width: 767px) {

  .section-title-area {

    flex-wrap: wrap;

    gap: 20px;

  }

}



.reveal-left,

.reveal-bottom {

  visibility: hidden;

  position: relative;

  width: 100%;

  height: 100%;

  overflow: hidden;

}



.center {

  text-align: center;

  margin: 0 auto;

}



.mb-60 {

  margin-bottom: 60px;

}

@media (max-width: 1399px) {

  .mb-60 {

    margin-bottom: 50px;

  }

}

@media (max-width: 1199px) {

  .mb-60 {

    margin-bottom: 40px;

  }

}

@media (max-width: 991px) {

  .mb-60 {

    margin-bottom: 30px;

  }

}



.section-bg {

  background-color: var(--bg);

}



.section-bg-2 {

  background-color: var(--bg2);

}



.section-bg-3 {

  background-color: var(--theme2);

}



.section-padding {

  padding: 120px 0;

}

@media (max-width: 1199px) {

  .section-padding {

    padding: 100px 0;

  }

}

@media (max-width: 991px) {

  .section-padding {

    padding: 80px 0;

  }

}



.space-top {

  padding-top: 120px;

}

@media (max-width: 1199px) {

  .space-top {

    padding-top: 100px;

  }

}

@media (max-width: 991px) {

  .space-top {

    padding-top: 80px;

  }

}



.space-bottom {

  padding-bottom: 120px;

}

@media (max-width: 1199px) {

  .space-bottom {

    padding-bottom: 100px;

  }

}

@media (max-width: 991px) {

  .space-bottom {

    padding-bottom: 80px;

  }

}



.pb-80 {

  padding-bottom: 80px;

}

@media (max-width: 991px) {

  .pb-80 {

    padding-bottom: 70px;

  }

}



.pt-80 {

  padding-top: 80px;

}

@media (max-width: 991px) {

  .pt-80 {

    padding-top: 70px;

  }

}



.pb-60 {

  padding-bottom: 60px;

}

@media (max-width: 991px) {

  .pb-60 {

    padding-bottom: 40px;

  }

}



.pt-60 {

  padding-top: 60px;

}

@media (max-width: 991px) {

  .pt-60 {

    padding-top: 40px;

  }

}



.pb-50 {

  padding-bottom: 50px;

}

@media (max-width: 991px) {

  .pb-50 {

    padding-bottom: 40px;

  }

}

@media (max-width: 767px) {

  .pb-50 {

    padding-bottom: 30px;

  }

}



.pt-50 {

  padding-top: 50px;

}

@media (max-width: 991px) {

  .pt-50 {

    padding-top: 40px;

  }

}

@media (max-width: 767px) {

  .pt-50 {

    padding-top: 30px;

  }

}



.pb-40 {

  padding-bottom: 40px;

}

@media (max-width: 991px) {

  .pb-40 {

    padding-bottom: 30px;

  }

}

@media (max-width: 767px) {

  .pb-40 {

    padding-bottom: 22px;

  }

}



.pt-40 {

  padding-top: 40px;

}

@media (max-width: 991px) {

  .pt-40 {

    padding-top: 30px;

  }

}

@media (max-width: 767px) {

  .pt-40 {

    padding-top: 22px;

  }

}



.pb-30 {

  padding-bottom: 30px;

}

@media (max-width: 991px) {

  .pb-30 {

    padding-bottom: 22px;

  }

}

@media (max-width: 767px) {

  .pb-30 {

    padding-bottom: 20px;

  }

}



.pt-30 {

  padding-top: 30px;

}

@media (max-width: 991px) {

  .pt-30 {

    padding-top: 22px;

  }

}

@media (max-width: 767px) {

  .pt-30 {

    padding-top: 20px;

  }

}



.pb-20 {

  padding-bottom: 20px;

}

@media (max-width: 991px) {

  .pb-20 {

    padding-bottom: 15px;

  }

}



.pt-20 {

  padding-top: 20px;

}

@media (max-width: 991px) {

  .pt-20 {

    padding-top: 15px;

  }

}



.pb-16 {

  padding-bottom: 16px;

}

@media (max-width: 991px) {

  .pb-16 {

    padding-bottom: 10px;

  }

}



.pt-16 {

  padding-top: 16px;

}

@media (max-width: 991px) {

  .pt-16 {

    padding-top: 10px;

  }

}



.mb-80 {

  margin-bottom: 80px;

}

@media (max-width: 991px) {

  .mb-80 {

    margin-bottom: 70px;

  }

}



.mt-80 {

  margin-top: 80px;

}

@media (max-width: 991px) {

  .mt-80 {

    margin-top: 70px;

  }

}



.mb-60 {

  margin-bottom: 60px;

}

@media (max-width: 991px) {

  .mb-60 {

    margin-bottom: 40px;

  }

}



.mt-60 {

  margin-top: 60px;

}

@media (max-width: 991px) {

  .mt-60 {

    margin-top: 40px;

  }

}



.mb-50 {

  margin-bottom: 50px;

}

@media (max-width: 991px) {

  .mb-50 {

    margin-bottom: 40px;

  }

}

@media (max-width: 767px) {

  .mb-50 {

    margin-bottom: 30px;

  }

}



.mt-50 {

  margin-top: 50px;

}

@media (max-width: 991px) {

  .mt-50 {

    margin-top: 40px;

  }

}

@media (max-width: 767px) {

  .mt-50 {

    margin-top: 30px;

  }

}



.mb-40 {

  padding-bottom: 40px;

}

@media (max-width: 991px) {

  .mb-40 {

    margin-bottom: 30px;

  }

}

@media (max-width: 767px) {

  .mb-40 {

    margin-bottom: 22px;

  }

}



.mt-40 {

  margin-top: 40px;

}

@media (max-width: 991px) {

  .mt-40 {

    margin-top: 30px;

  }

}

@media (max-width: 767px) {

  .mt-40 {

    margin-top: 22px;

  }

}



.mb-30 {

  margin-bottom: 30px;

}

@media (max-width: 991px) {

  .mb-30 {

    margin-bottom: 22px;

  }

}

@media (max-width: 767px) {

  .mb-30 {

    margin-bottom: 20px;

  }

}



.mt-30 {

  margin-top: 30px;

}

@media (max-width: 991px) {

  .mt-30 {

    margin-top: 22px;

  }

}

@media (max-width: 767px) {

  .mt-30 {

    margin-top: 20px;

  }

}



.mb-20 {

  margin-bottom: 20px;

}

@media (max-width: 991px) {

  .mb-20 {

    margin-bottom: 15px;

  }

}



.mt-20 {

  margin-top: 20px;

}

@media (max-width: 991px) {

  .mt-20 {

    margin-top: 15px;

  }

}



.mb-16 {

  margin-bottom: 16px;

}

@media (max-width: 991px) {

  .mb-16 {

    margin-bottom: 10px;

  }

}



.mt-16 {

  margin-top: 16px;

}

@media (max-width: 991px) {

  .mt-16 {

    margin-top: 10px;

  }

}



.w-30 {

  width: 30px;

  height: 30px;

  min-width: 30px;

}



.w-38 {

  width: 38px;

  height: 38px;

  min-width: 38px;

}



.w-40 {

  width: 40px;

  height: 40px;

  min-width: 40px;

}



.w-44 {

  width: 44px;

  height: 44px;

  min-width: 44px;

}



.w-48 {

  width: 48px;

  height: 48px;

  min-width: 48px;

}



.w-50 {

  width: 50px;

  height: 50px;

  min-width: 50px;

}



.w-55 {

  width: 55px;

  height: 55px;

  min-width: 55px;

}



.w-60 {

  width: 60px;

  height: 60px;

  min-width: 60px;

}



.w-70 {

  width: 70px;

  height: 70px;

  min-width: 70px;

}



.w-80 {

  width: 80px;

  height: 80px;

  min-width: 80px;

}



.w-90 {

  width: 90px;

  height: 90px;

  min-width: 90px;

}



.w-99 {

  width: 100px;

  height: 100px;

  min-width: 100px;

}



.service-item {

  padding: 30px 30px;

  transition: all 0.4s;

}

.service-item .icon-area {

  margin-bottom: 30px;

}

.service-item .icon-area .icon {

  width: 80px;

  height: 80px;

  min-width: 80px;

  border: 1px solid var(--cmn-border);

  border-radius: 50%;

  transition: all 0.4s;

}

.service-item p {

  margin-bottom: 30px;

}

.service-item .service-btn-inner {

  margin-top: -30px;

}

.service-item .common-btn {

  border: 1px solid var(--cmn-border);

}

.service-item:hover {

  transform: translateY(5px);

}

.service-item:hover .icon {

  background: var(--p1-clr);

  border-color: var(--p1-clr);

}

.service-item:hover .common-btn {

  background: var(--p1-clr);

  border-color: var(--p1-clr);

}

@media (max-width: 1199px) {

  .service-item {

    padding: 19px 19px;

  }

  .service-item .icon-area {

    margin-bottom: 16px;

  }

  .service-item .icon-area .icon {

    width: 60px;

    height: 60px;

    min-width: 60px;

  }

  .service-item .icon-area .icon img {

    width: 30px;

  }

  .service-item p {

    margin-bottom: 20px;

  }

  .service-item .service-btn-inner {

    margin-top: -30px;

  }

  .service-item .common-btn {

    border: 1px solid var(--cmn-border);

  }

}



.services-section.main-style .service-item .icon {

  border: unset;

}



.category-service .cates {

  display: grid;

  gap: 20px;

}

.category-service .cates li a {

  border: 1px solid var(--cmnbg);

  padding: 12px 20px;

  border-radius: 100px;

  background: var(--cmnbg);

  font-size: 14px;

  color: var(--pra);

  transition: all 0.5s;

}

.category-service .cates li a .just-serial {

  width: 32px;

  height: 32px;

  background: var(--p2-clr);

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

}

.category-service .cates li a .just-serial i {

  color: var(--white);

}

.category-service .cates li a:hover {

  color: var(--white);

  background: var(--p1-clr);

  border-color: var(--p2-clr);

}

.category-service .cates li a:hover span,

.category-service .cates li a:hover i {

  color: var(--white) !important;

}



.download-area {

  display: grid;

  gap: 20px;

}

.download-area .download-item {

  background: var(--cmnbg);

  border-radius: 100px;

  padding: 16px 24px;

}

.download-area .social-wrapper a {

  background: #f5f6f8;

}

.download-area .social-wrapper a i {

  color: var(--black);

}

.download-area .social-wrapper a:hover {

  background: var(--p2-clr);

}

.download-area .social-wrapper a:hover i {

  color: var(--white);

}

.download-area .social-wrapper a:hover svg path {

  stroke: var(--white);

}



.service-preview-next {

  border-radius: 20px;

  padding: 22px 60px;

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

  background: var(--white);

}

.service-preview-next h3 a:hover {

  color: var(--p2-clr);

}

@media (max-width: 991px) {

  .service-preview-next {

    padding: 18px 24px;

  }

}

@media (max-width: 575px) {

  .service-preview-next h3 {

    font-size: 15px;

  }

}



.data-gain-content-wrap {

  display: flex;

  align-items: flex-start;

  gap: 24px 60px;

}

.data-gain-content-wrap .thumb {

  max-width: 300px;

}

.data-gain-content-wrap .thumb img {

  width: 100%;

}

@media (max-width: 767px) {

  .data-gain-content-wrap {

    gap: 24px 24px;

  }

}

@media (max-width: 575px) {

  .data-gain-content-wrap {

    gap: 20px 24px;

    flex-wrap: wrap;

  }

  .data-gain-content-wrap .thumb {

    width: 100%;

    max-width: 100%;

  }

}



.data-gain-counter {

  display: flex;

  justify-content: space-between;

  gap: 30px;

  align-items: center;

  margin-bottom: 64px;

}

.data-gain-counter .data-counter-item h2 {

  margin-bottom: 5px;

}

.data-gain-counter .data-counter-item h2 .count,

.data-gain-counter .data-counter-item h2 .count-text {

  color: var(--black);

}

.data-gain-counter .data-counter-item h2 span {

  font-size: 72px;

  font-weight: 600;

  line-height: 78px;

}

.data-gain-counter .data-counter-item h2 .sorke-text {

  -webkit-text-stroke: 1px #000;

  -webkit-text-fill-color: #fff;

  -webkit-animation: fill 0.5s infinite alternate;

}

.data-gain-counter .line {

  width: 100px;

  height: 1px;

  background: #000;

}

@media (max-width: 1199px) {

  .data-gain-counter {

    margin-bottom: 20px;

  }

  .data-gain-counter .data-counter-item h2 {

    margin-bottom: 5px;

  }

  .data-gain-counter .data-counter-item h2 span {

    font-size: 58px;

    font-weight: 600;

    line-height: 60px;

  }

  .data-gain-counter .line {

    width: 30px;

  }

}

@media (max-width: 767px) {

  .data-gain-counter {

    margin-bottom: 20px;

  }

  .data-gain-counter .data-counter-item h2 {

    margin-bottom: 5px;

  }

  .data-gain-counter .data-counter-item h2 span {

    font-size: 36px;

    font-weight: 600;

    line-height: 40px;

  }

  .data-gain-counter .line {

    width: 30px;

  }

}

@media (max-width: 575px) {

  .data-gain-counter {

    margin-bottom: 20px;

    gap: 20px;

    flex-wrap: wrap;

    justify-content: center;

  }

  .data-gain-counter .data-counter-item h2 {

    margin-bottom: 5px;

  }

  .data-gain-counter .data-counter-item h2 span {

    font-size: 27px;

    font-weight: 600;

    line-height: 40px;

  }

  .data-gain-counter .line {

    display: none;

  }

}



.working-section6 .worke-items {

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

}

.working-section6 .worke-items:hover .rarrow {

  background: var(--p1-clr) !important;

}

@media (max-width: 1199px) {

  .working-section6 .worke-items .rarrow svg {

    width: 30px;

  }

}



.comming-sson-wrap {

  padding: 60px;

}

.comming-sson-wrap .comming-sson-inner {

  margin-bottom: 60px;

}

.comming-sson-wrap .comming-sson-inner .countdown {

  display: flex;

  align-items: center;

  gap: 24px;

  justify-content: center;

}

.comming-sson-wrap .comming-sson-inner .countdown .comming-sson-item {

  background: var(--cmnbg);

  border-radius: 20px;

  padding: 20px 12px;

  font-weight: 500;

  width: 250px;

}

.comming-sson-wrap .comming-sson-inner .countdown .comming-sson-item span {

  font-size: 50px;

  line-height: 55px;

  text-align: center;

  font-weight: 500;

  display: block;

  color: var(--black);

}

@media (max-width: 991px) {

  .comming-sson-wrap .comming-sson-inner {

    margin-bottom: 40px;

  }

  .comming-sson-wrap .comming-sson-inner .countdown {

    display: flex;

    align-items: center;

    gap: 16px;

    justify-content: center;

  }

  .comming-sson-wrap .comming-sson-inner .countdown .comming-sson-item {

    padding: 20px 12px;

    font-weight: 500;

    width: 250px;

  }

  .comming-sson-wrap .comming-sson-inner .countdown .comming-sson-item span {

    font-size: 29px;

    line-height: 32px;

    text-align: center;

    font-weight: 500;

    display: block;

    color: var(--black);

  }

}

@media (max-width: 767px) {

  .comming-sson-wrap .comming-sson-inner {

    margin-bottom: 40px;

  }

  .comming-sson-wrap .comming-sson-inner .countdown {

    display: flex;

    align-items: center;

    gap: 16px;

    justify-content: center;

  }

  .comming-sson-wrap .comming-sson-inner .countdown .comming-sson-item {

    padding: 20px 12px;

    font-weight: 500;

    width: 250px;

  }

  .comming-sson-wrap .comming-sson-inner .countdown .comming-sson-item span {

    font-size: 19px;

    line-height: 24px;

    text-align: center;

    font-weight: 500;

    display: block;

    color: var(--black);

  }

}

@media (max-width: 575px) {

  .comming-sson-wrap .comming-sson-inner {

    margin-bottom: 40px;

  }

  .comming-sson-wrap .comming-sson-inner .countdown {

    display: flex;

    align-items: center;

    gap: 16px;

    flex-wrap: wrap;

    justify-content: center;

  }

  .comming-sson-wrap .comming-sson-inner .countdown .comming-sson-item {

    padding: 20px 12px;

    font-weight: 500;

    width: 250px;

  }

  .comming-sson-wrap .comming-sson-inner .countdown .comming-sson-item span {

    font-size: 19px;

    line-height: 24px;

    text-align: center;

    font-weight: 500;

    display: block;

    color: var(--black);

  }

}

.comming-sson-wrap .form-cmn-style {

  max-width: 476px;

  margin: 0 auto;

}

@media (max-width: 1399px) {

  .comming-sson-wrap {

    padding: 40px;

  }

}

@media (max-width: 1199px) {

  .comming-sson-wrap {

    padding: 30px;

  }

}

@media (max-width: 991px) {

  .comming-sson-wrap {

    padding: 30px 24px;

  }

}



.team-items {

  background: var(--white);

  border-radius: 20px;

  padding: 30px;

  border: 1px solid #e3e3e3;

  height: 100%;

}

.team-items.style2 {

  border-radius: 999px;

  overflow: hidden;

}

.team-items.style2 .thumb {

  height: 361px;

}

.team-items.style2 .thumb img {

  height: 100%;

  object-fit: contain;

}

@media (max-width: 1199px) {

  .team-items {

    padding: 20px;

  }

}



.plus-icon {

  position: relative;

  width: 60px;

}

.plus-icon .social-wrapper a svg path {

  stroke: var(--white) !important;

}

.plus-icon .social-wrapper a i {

  color: var(--white);

}

.plus-icon .icons {

  width: 50px;

  height: 50px;

  border-radius: 50%;

}

.plus-icon .icons i {

  font-size: 18px;

}

.plus-icon .social-wrapper {

  position: absolute;

  bottom: 170%;

  left: 50%;

  transform: translateX(-50%) rotateX(90deg);

  transition: all 0.4s;

}

.plus-icon:hover {

  cursor: pointer;

}

.plus-icon:hover .social-wrapper {

  transform: translateX(-50%);

}



.tv-wrapper {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 20px;

}

.tv-wrapper .tv-items {

  max-width: 200px;

}

.tv-wrapper .tv-items img {

  width: 100%;

}

@media (max-width: 767px) {

  .tv-wrapper {

    gap: 16px;

    flex-wrap: wrap;

    justify-content: center;

  }

  .tv-wrapper .tv-items {

    max-width: 120px;

  }

  .tv-wrapper .tv-items img {

    width: 100%;

  }

}



.tv-laptop {

  max-width: 238px;

}

.tv-laptop img {

  width: 100%;

  opacity: 4%;

}



.it-items .arrow {

  width: 70px;

  height: 70px;

  min-width: 70px;

  position: absolute;

  transition: all 0.4s;

  transform: scale(0);

}

.it-items .arrow:hover {

  background: var(--p1-clr);

}

@media (max-width: 1199px) {

  .it-items .arrow {

    width: 55px;

    height: 55px;

    min-width: 55px;

  }

  .it-items .arrow svg {

    width: 18px;

    height: 18px;

  }

}

.it-items::before {

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  width: 0%;

  height: 100%;

  background: rgba(8, 8, 8, 0.336);

  border-radius: 20px;

  transition: all 0.4s;

}

.it-items:hover::before {

  width: 100%;

}

.it-items:hover .arrow {

  transform: scale(1);

}



@media (max-width: 991px) {

  .team-wrapper2 .space-top {

    padding-top: 0;

  }

}



.team-items4 {

  border-radius: 20px 20px 20px 20px !important;

  transition: all 0.4s;

}

.team-items4 .thumb {

  padding: 4px 10px 0;

  background: var(--white);

  transition: all 0.4s;

}

.team-items4 .cont {

  background: var(--white);

  transition: all 0.4s;

}

.team-items4:hover .thumb {

  background: var(--p3-clr);

}

.team-items4:hover .cont {

  background: var(--p3-clr);

}



.team-unique-wrapper6 {

  display: grid;

  gap: 24px;

}

.team-unique-wrapper6 .line {

  width: 100%;

  height: 1px;

  background: #e3e3e3;

}

.team-unique-wrapper6 .team-unique-item6 {

  display: flex;

  align-items: center;

  justify-content: space-between;

  position: relative;

}

.team-unique-wrapper6 .team-unique-item6 .team-unique-inner {

  display: flex;

  align-items: center;

  justify-content: space-between;

  max-width: 835px;

  gap: 14px 30px;

}

.team-unique-wrapper6 .team-unique-item6 .team-unique-inner .cont {

  width: 365px;

}

.team-unique-wrapper6 .team-unique-item6 .team-unique-inner p {

  max-width: 465px;

}

.team-unique-wrapper6 .team-unique-item6 .arrow-similar {

  width: 50px;

  height: 50px;

  min-width: 50px;

  background: var(--white);

  transition: all 0.4s;

}

.team-unique-wrapper6 .team-unique-item6:hover .arrow-similar {

  background: var(--p4-clr);

}

.team-unique-wrapper6 .team-unique-item6:hover .arrow-similar img {

  filter: brightness(25);

}

.team-unique-wrapper6 .team-unique-item6 .team-unique {

  position: absolute;

  right: 10%;

  top: -110%;

  max-width: 254px;

  height: 229px;

  border-radius: 20px;

  transition: all 0.4s;

  transform: rotateX(90deg);

  z-index: 1;

}

.team-unique-wrapper6 .team-unique-item6:hover .team-unique {

  transform: rotateX(0deg);

}

@media (max-width: 1199px) {

  .team-unique-wrapper6 .team-unique-item6 {

    gap: 24px;

  }

  .team-unique-wrapper6 .team-unique-item6 .team-unique-inner {

    display: flex;

    align-items: center;

    justify-content: space-between;

    max-width: initial;

    gap: 14px 30px;

  }

  .team-unique-wrapper6 .team-unique-item6 .team-unique-inner .cont {

    width: 365px;

  }

  .team-unique-wrapper6 .team-unique-item6 .team-unique-inner p {

    max-width: 465px;

  }

}

@media (max-width: 991px) {

  .team-unique-wrapper6 .team-unique-item6 {

    gap: 24px;

  }

  .team-unique-wrapper6 .team-unique-item6 .team-unique-inner {

    display: flex;

    align-items: center;

    justify-content: space-between;

    max-width: initial;

    gap: 14px 30px;

  }

  .team-unique-wrapper6 .team-unique-item6 .team-unique-inner .cont {

    width: 265px;

  }

  .team-unique-wrapper6 .team-unique-item6 .team-unique-inner p {

    max-width: 465px;

  }

}

@media (max-width: 767px) {

  .team-unique-wrapper6 .team-unique-item6 {

    gap: 24px;

    flex-wrap: wrap;

    display: grid;

    justify-content: center;

    text-align: center;

  }

  .team-unique-wrapper6 .team-unique-item6 .team-unique-inner {

    display: flex;

    flex-wrap: wrap;

    display: grid;

    align-items: center;

    justify-content: center;

    max-width: initial;

    gap: 14px 30px;

  }

  .team-unique-wrapper6 .team-unique-item6 .team-unique-inner .cont {

    width: 265px;

    margin: 0 auto;

  }

  .team-unique-wrapper6 .team-unique-item6 .team-unique-inner p {

    max-width: 465px;

    margin: 0 auto;

  }

  .team-unique-wrapper6 .team-unique-item6 .arrow-similar {

    margin: 0 auto;

  }

  .team-unique-wrapper6 .team-unique-item6 .team-unique {

    display: none;

  }

}



.team-section-main .plus-icon .icons:hover {

  background: var(--p2-clr) !important;

}

.team-section-main .plus-icon .icons:hover i {

  color: var(--white) !important;

}



.global-portfolio .mixitup-button-area {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 9px 36px;

  flex-wrap: wrap;

}

.global-portfolio .mixitup-button-area .control {

  position: relative;

  display: block;

  cursor: pointer;

  font-size: 25px;

  font-weight: 500;

  color: #000;

  padding: 9px 30px;

  border: 1px solid var(--p4-clr);

  border-radius: 100px;

}

.global-portfolio .mixitup-button-area .control.mixitup-control-active {

  color: var(--white);

  background: var(--p1-clr);

  border-color: var(--p1-clr);

}

@media (max-width: 1399px) {

  .global-portfolio .mixitup-button-area {

    gap: 9px 20px;

  }

  .global-portfolio .mixitup-button-area .control {

    font-size: 16px;

    padding: 7px 20px;

  }

}

@media (max-width: 767px) {

  .global-portfolio .mixitup-button-area {

    gap: 9px 20px;

    flex-wrap: wrap;

  }

}

.global-portfolio .masonry-minimal-wrap {

  column-count: 3;

  align-items: flex-start;

  overflow: hidden;

}

.global-portfolio .masonry-minimal-wrap .portfolio3-grid-item {

  position: relative;

  margin: 0 4px 24px;

  z-index: 1;

}

.global-portfolio .masonry-minimal-wrap .portfolio3-grid-item .fitness-metallic {

  position: absolute;

  bottom: 30px;

  text-align: center;

  opacity: 0;

  visibility: hidden;

  transition: all 0.4s;

}

@media (max-width: 767px) {

  .global-portfolio .masonry-minimal-wrap .portfolio3-grid-item .fitness-metallic {

    bottom: 20px;

  }

}

@media (max-width: 1199px) {

  .global-portfolio .masonry-minimal-wrap .portfolio3-grid-item {

    margin: 0 0px 16px;

  }

}

@media (max-width: 767px) {

  .global-portfolio .masonry-minimal-wrap {

    column-count: 2;

  }

}

@media (max-width: 500px) {

  .global-portfolio .masonry-minimal-wrap {

    column-count: 1;

  }

}



.team-identy-wrap {

  padding: 60px;

}

.team-identy-wrap .contact-info-area {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 40px 25px;

}

.team-identy-wrap .contact-info-area .contact-info {

  box-shadow: none !important;

}

.team-identy-wrap .contact-info-area .contact-info .icon {

  width: 60px;

  height: 60px;

  min-width: 60px;

}

.team-identy-wrap .contact-info-area .contact-info .icon i {

  font-size: 21px;

}

@media (max-width: 1399px) {

  .team-identy-wrap {

    padding: 40px;

  }

}

@media (max-width: 1199px) {

  .team-identy-wrap {

    padding: 30px;

  }

}

@media (max-width: 991px) {

  .team-identy-wrap {

    padding: 20px;

  }

}

@media (max-width: 575px) {

  .team-identy-wrap .contact-info-area {

    display: grid;

    grid-template-columns: repeat(1, 1fr);

    gap: 20px 25px;

  }

  .team-identy-wrap .contact-info-area .contact-info {

    box-shadow: none !important;

  }

  .team-identy-wrap .contact-info-area .contact-info .icon {

    width: 50px;

    height: 50px;

    min-width: 50px;

  }

  .team-identy-wrap .contact-info-area .contact-info .icon i {

    font-size: 21px;

  }

}



.activites-content {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 24px 10px;

}

@media (max-width: 991px) {

  .activites-content {

    grid-template-columns: repeat(2, 1fr);

    gap: 14px 14px;

  }

}

@media (max-width: 500px) {

  .activites-content {

    grid-template-columns: repeat(1, 1fr);

    gap: 14px 14px;

  }

}



.progress_bar_item .item_bar {

  background: var(--cmnbg);

  border-radius: 100px;

  height: 5px;

}

.progress_bar_item .item_bar .progress {

  border-radius: 100px;

  background: var(--p2-clr);

  height: 5px;

}



.array-button-black button {

  border: 1px solid var(--black) !important;

  transition: all 0.4s;

}

.array-button-black button:hover {

  background: var(--p2-clr) !important;

  border-color: var(--p2-clr) !important;

}

.array-button-black button:hover img {

  filter: brightness(25);

}



.testimonail-wrapper-style1 {

  background: var(--black);

  border-radius: 20px;

  padding: 80px 80px;

}

@media (max-width: 767px) {

  .testimonail-wrapper-style1 {

    padding: 60px 16px 40px;

  }

}



.testimonial-items1 {

  display: flex;

  align-items: center;

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

}

.testimonial-items1 .thumb {

  margin-right: 60px;

  padding-top: 30px;

}

.testimonial-items1 .content {

  padding-left: 30px;

  padding-top: 30px;

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

}

.testimonial-items1 .content p {

  font-size: 28px;

  font-weight: 400;

  color: rgba(255, 255, 255, 0.8);

  line-height: 38px;

}

@media (max-width: 1199px) {

  .testimonial-items1 .thumb {

    margin-right: 24px;

    padding-top: 24px;

  }

  .testimonial-items1 .content {

    padding-left: 24px;

    padding-top: 24px;

  }

  .testimonial-items1 .content p {

    font-size: 20px;

    line-height: 30px;

  }

}

@media (max-width: 991px) {

  .testimonial-items1 .thumb {

    margin-right: 20px;

    padding-top: 20px;

    width: 210px;

    width: 210px;

    min-width: 210px;

  }

  .testimonial-items1 .thumb img {

    width: 100%;

    height: 100%;

  }

  .testimonial-items1 .content {

    padding-left: 20px;

    padding-top: 20px;

  }

  .testimonial-items1 .content p {

    font-size: 18px;

    line-height: 30px;

  }

}

@media (max-width: 767px) {

  .testimonial-items1 {

    display: grid;

    flex-wrap: wrap;

    justify-content: center;

  }

  .testimonial-items1 .thumb {

    margin-right: 20px;

    padding-top: 20px;

    width: 210px;

    width: 210px;

    min-width: initial;

    margin: 0 auto;

  }

  .testimonial-items1 .thumb img {

    width: 100%;

    height: 100%;

  }

  .testimonial-items1 .content {

    padding-left: 20px;

    padding-top: 20px;

    border-left: unset;

  }

  .testimonial-items1 .content p {

    font-size: 18px;

    line-height: 30px;

  }

}



.sponsor-items1 .sponsor-text {

  max-width: 250px;

  height: 46px;

  object-fit: contain;

}

.sponsor-items1 .sponsor-icon {

  max-width: 70px;

  object-fit: contain;

  height: 50px;

  margin: 0 auto;

  text-align: center;

}

@media (max-width: 1399px) {

  .sponsor-items1 .sponsor-icon {

    max-width: 40px;

    object-fit: contain;

    height: 36px;

  }

  .sponsor-items1 .sponsor-text {

    max-width: 150px;

    height: 46px;

    object-fit: contain;

  }

}

@media (max-width: 767px) {

  .sponsor-items1 .sponsor-icon {

    max-width: 30px;

    object-fit: contain;

    height: 30px;

  }

  .sponsor-items1 .sponsor-text {

    max-width: 100px;

    height: 36px;

    object-fit: contain;

  }

}



.testimonial-item2 {

  padding: 60px 60px;

}

.testimonial-item2 p {

  font-size: 30px;

  line-height: 40px;

}

@media (max-width: 1199px) {

  .testimonial-item2 {

    padding: 40px 34px;

  }

}

@media (max-width: 991px) {

  .testimonial-item2 {

    padding: 34px 20px;

  }

}

@media (max-width: 500px) {

  .testimonial-item2 {

    padding: 30px 18px;

  }

}

@media (max-width: 1199px) {

  .testimonial-item2 p {

    font-size: 22px;

    line-height: 32px;

  }

}

@media (max-width: 991px) {

  .testimonial-item2 p {

    font-size: 18px;

    line-height: 28px;

  }

  .testimonial-item2 .quote2 {

    width: 40px;

  }

}



.testimonial-wrapper3 .testimonial-inner3 {

  display: flex;

  gap: 36px;

}

.testimonial-wrapper3 .boxes-area {

  max-width: 999px;

  margin: 0 auto;

}

.testimonial-wrapper3 .boxes-area p {

  font-size: 28px;

  line-height: 38px;

}

.testimonial-wrapper3 .thumb {

  max-width: 208px;

  min-width: 208px;

  border-radius: 16px;

}

.testimonial-wrapper3 .thumb img {

  width: 100%;

  border-radius: 16px;

}

.testimonial-wrapper3 .quote2 {

  width: 50px;

}

.testimonial-wrapper3 .cont {

  margin-bottom: 46px;

}

.testimonial-wrapper3 .cont h3 {

  font-size: 50px;

}

@media (max-width: 991px) {

  .testimonial-wrapper3 .testimonial-inner3 {

    display: flex;

    gap: 14px 24px;

  }

  .testimonial-wrapper3 .boxes-area p {

    font-size: 20px;

    line-height: 30px;

  }

  .testimonial-wrapper3 .cont {

    margin-bottom: 25px;

  }

  .testimonial-wrapper3 .cont h3 {

    font-size: 36px;

  }

}

@media (max-width: 767px) {

  .testimonial-wrapper3 .testimonial-inner3 {

    display: flex;

    gap: 14px 24px;

  }

  .testimonial-wrapper3 .thumb {

    max-width: 150px;

    min-width: 150px;

  }

  .testimonial-wrapper3 .thumb img {

    width: 100%;

  }

  .testimonial-wrapper3 .boxes-area p {

    font-size: 20px;

    line-height: 30px;

  }

  .testimonial-wrapper3 .cont {

    margin-bottom: 25px;

  }

  .testimonial-wrapper3 .cont h3 {

    font-size: 36px;

  }

}

@media (max-width: 575px) {

  .testimonial-wrapper3 .testimonial-inner3 {

    display: flex;

    flex-wrap: wrap;

    gap: 20px 24px;

  }

  .testimonial-wrapper3 .thumb {

    max-width: 150px;

    min-width: 150px;

  }

  .testimonial-wrapper3 .thumb img {

    width: 100%;

  }

  .testimonial-wrapper3 .boxes-area p {

    font-size: 20px;

    line-height: 30px;

  }

  .testimonial-wrapper3 .cont {

    margin-bottom: 25px;

  }

  .testimonial-wrapper3 .cont h3 {

    font-size: 36px;

  }

}

.testimonial-wrapper3 .array-button {

  bottom: 145px;

  justify-content: space-between;

}

.testimonial-wrapper3 .array-button .array-prev {

  position: absolute;

  left: 45px;

  bottom: 150px;

}

.testimonial-wrapper3 .array-button .array-next {

  position: absolute;

  right: 45px;

  bottom: 150px;

}

@media (max-width: 1399px) {

  .testimonial-wrapper3 .array-button .array-prev {

    left: 25px;

    bottom: 150px;

  }

  .testimonial-wrapper3 .array-button .array-next {

    right: 25px;

    bottom: 150px;

  }

}

@media (max-width: 1199px) {

  .testimonial-wrapper3 .array-button {

    justify-content: center;

    margin-top: 25px;

  }

  .testimonial-wrapper3 .array-button .array-prev {

    position: initial;

    left: 25px;

  }

  .testimonial-wrapper3 .array-button .array-next {

    position: initial;

    right: 25px;

  }

}



.testimonial-items5 {

  padding: 40px 40px;

}

.testimonial-items5 .pragraphs {

  font-size: 24px;

  line-height: 34px;

  font-weight: 400;

  color: var(--white);

  margin-bottom: 38px;

}

.testimonial-items5 .naming-area {

  margin-bottom: 30px;

}

.testimonial-items5 .naming-area .danne-author {

  width: 85px;

  height: 85px;

}

@media (max-width: 575px) {

  .testimonial-items5 {

    padding: 30px 26px;

  }

  .testimonial-items5 .pragraphs {

    font-size: 18px;

    line-height: 28px;

    margin-bottom: 28px;

    text-align: center;

  }

  .testimonial-items5 .quote5 {

    margin: 0 auto;

  }

  .testimonial-items5 .naming-area {

    margin-bottom: 30px;

    text-align: center;

  }

  .testimonial-items5 .naming-area .danne-author {

    width: 85px;

    height: 85px;

    margin: 0 auto;

  }

}



.testimonial-big5 {

  border-radius: 20px;

  margin-left: -63%;

}

.testimonial-big5 img {

  border-radius: 20px;

  max-width: unset;

}

@media (max-width: 767px) {

  .testimonial-big5 {

    width: 100%;

    margin-left: 0;

    margin-top: 20px;

  }

  .testimonial-big5 img {

    width: 100%;

  }

}



.testimonial-items6 {

  background: var(--white);

  margin-top: 50px;

  transition: all 0.4s;

}

.testimonial-items6 .thumb-author-area {

  margin-top: -90px;

}

.testimonial-items6 p {

  color: var(--black);

  font-size: 24px;

  line-height: 34px;

}

.testimonial-items6:hover {

  background: var(--p5-clr);

}

.testimonial-items6:hover h3,

.testimonial-items6:hover span,

.testimonial-items6:hover p {

  color: var(--black);

}

.testimonial-items6:hover .ratting-area i {

  color: var(--black) !important;

}

.testimonial-items6:hover .quote5 {

  filter: brightness(0);

  opacity: 0.5;

}

@media (max-width: 1399px) {

  .testimonial-items6 p {

    font-size: 18px;

    line-height: 25px;

  }

}

@media (max-width: 1199px) {

  .testimonial-items6 {

    padding: 24px 20px;

  }

  .testimonial-items6 .thumb-author-area {

    margin-top: -60px;

  }

}

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