@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;500;600;700;800;900&display=swap');









:root {

  --text-color: #93989B;

  --heading-color: #333;

  --main-color1: #00ccb3;

  --main-color2: #33187f;

  --gradient-color1: linear-gradient(to right, #00ccb3 0%, #037d6f 100%);

  --white: #fff;

  --gray-100: #f8f9fa;

  --gray-200: #e9ecef;

  --gray-300: #dee2e6;

  --gray-400: #ced4da;

  --gray-500: #adb5bd;

  --gray-600: #6c757d;

  --gray-700: #495057;

  --gray-800: #343a40;

  --gray-900: #212529;

}







* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;





}



p {

  font-weight: 400;

  color: #666;

}



.prelaoder {

  width: 100%;

  height: 100vh;

  position: fixed;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: #33187f;

  z-index: 99999;

  top: 0;

  left: 0

}



.loader {

  border: 2px solid transparent;

  border-radius: 50%;

  width: 150px;

  height: 150px;

  position: absolute;

  top: 50%;

  left: 50%;

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

}



.prelaoder .obj {

  top: 50%;

  left: 50%;

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

}



.loader:before,

.loader:after {

  content: "";

  border: 2px solid #00ccb3;

  border-radius: 50%;

  width: inherit;

  height: inherit;

  position: absolute;

  top: 0;

  left: 0;

  animation: loader 2s linear infinite;

  opacity: 0;

}



.loader:before {

  animation-delay: .5s;

}



@keyframes loader {

  0% {

    transform: scale(0);

    opacity: 0;

  }



  50% {

    opacity: 1;

  }



  100% {

    transform: scale(1);

    opacity: 0;

  }

}





body {





  font-size: 17px;

  font-weight: 100;



  overflow-x: hidden;

  font-family: 'Poppins', sans-serif;



}



/* body.home {

  background: #000000;

} */



.bgDark,

.bgDark p,

.bgDark h1,

.bgDark h2,

.bgDark h3,

.bgDark h4,

.bgBlack,

.bgBlack p,

.bgBlack h1,

.bgBlack h2,

.bgBlack h3 .bgBlack h4,

.bgDark2,

.bgDark2 p,

.bgDark2 h1,

.bgDark2 h2,

.bgDark2 h3,

.bgDark2 h4 {

  color: #fff;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: 'Poppins', sans-serif;

}



.altFont {

  font-family: 'Poppins', sans-serif;

}



strong,

b {

  font-weight: bold;

}



a {

  color: #fff;

  cursor: pointer;

}



a:hover,

a:focus {

  color: #00ccb3;

}







.bgTheme {

  background: var(--main-color2);

}



.bgTheme2 {

  background: var(--main-color1);

}



.bgDark {

  background: #262626 !important;

}



.bgDark2 {

  background: #1b1b1b !important

}



.bg-gray-500 {

  background-color: #f1f5f7 !important;

}



.bg-light-gray {

  background-color: #f7f7f7 !important;

}



.bg-gray {

  background-color: #e0e0e0 !important;



}



.bg-dark-gray {

  background-color: #f4f4f4 !important;

}



.bgBlack {

  background: #000000 !important;

}



.bgBlackLight {

  background-color: #1c1c1c !important;

}



.textBlack {

  color: #000000 !important;

}



.textDark {

  color: #262626 !important;

}



.heading-color {

  color: #232323;

}



.textMuted {

  color: #666666 !important;

}



.text-dark-gray {

  color: #9c9c9c !important

}



.theme-color {

  color: var(--main-color1);

}



.theme-color2 {

  color: var(--main-color2);

}



.zIndex1 {

  z-index: 1;

}



/* slick slider css start */



.slick-slider {

  position: relative;

  display: block;

  box-sizing: border-box;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  -webkit-touch-callout: none;

  -khtml-user-select: none;

  user-select: none;

  -ms-touch-action: pan-y;

  touch-action: pan-y;

  -webkit-tap-highlight-color: transparent;

  z-index: 1;

}



.slick-list {

  position: relative;

  display: block;

  overflow: hidden;

}



.slick-list.dragging {

  cursor: pointer;

}



.slick-slider .slick-track,

.slick-slider .slick-list {

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  -ms-transform: translate3d(0, 0, 0);

  -o-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}



.slick-track {

  position: relative;

  top: 0;

  left: 0;

  display: block;

}



.slick-track:before,

.slick-track:after {

  display: table;

  content: "";

}



.slick-track:after {

  clear: both;

}



.slick-loading .slick-track,

.slick-loading .slick-slide {

  visibility: hidden;

}



.slick-slide {

  display: none;

  float: left;

  height: 100%;

  min-height: 1px;

}



[dir="rtl"] .slick-slide {

  float: right;

}



.regular .slick-slide img {

  display: block;

  width: 100%;

}



.slick-slide.slick-loading img {

  display: none;

}



.slick-slide.dragging img {

  pointer-events: none;

}



.slick-initialized .slick-slide {

  display: block;

}



.slick-vertical .slick-slide {

  display: block;

  height: auto;

  border: 1px solid transparent;

}



.slick-arrow.slick-hidden {

  display: none;

}



.slick-slide:focus,

.slick-list:focus {

  outline: none;

}



.slick_main .slick-slide {

  height: inherit;

  position: relative;

  overflow: hidden;

}



/* .slick_main .slick-prev:before,

.slick_main .slick-next:before {

  content: "";

  border-bottom: 2px solid;

  border-left: 2px solid;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

  width: 10px;

  height: 10px;

  position: absolute;

  top: 50%;

  margin-top: -5px;

  left: 50%;

  margin-left: -5px;

} */



.slick_main .slick-prev:before {

  margin-left: -2px;

}



.slick_main.article-slider .slick-prev:before,

.slick_main.article-slider .slick-next:before {

  border-color: #00b187;

}



.slick_main .slick-arrow {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  background: none;

  border: none;

  color: #ffffff;

  z-index: 1;

  padding: 0px;

  cursor: pointer;

  width: 40px;

  height: 40px;

  border-radius: 50%;

}



.slick_main.video-slider .slick-arrow {

  background-color: #00b187;

}



.slick_main.video-slider .slick-prev:before,

.slick_main.video-slider .slick-next:before {

  border-color: #fff;

}



.slick_main .slick-arrow:hover,

.slick_main .slick-arrow:focus {

  border-color: #fff;

  outline: none;

}



.slick_main .slick-prev {

  left: -50px;

}



.slick_main .slick-next {

  right: -50px;

}



.slick_main .slick-next:before {

  transform: rotate(-135deg);

}



.slick_main .slick-dots {

  position: absolute;

  bottom: 0px;

  margin: 0px;

  padding: 0px;

  width: 100%;

  left: 0px;

  text-align: center;

}



.slick_main .slick-dots>li {

  display: inline-block;

  margin: 0 6px;

  padding: 0;

  line-height: 8px;

}



.slick_main .slick-dots>li>button {

  width: 8px;

  height: 8px;

  padding: 0;

  border: 0;

  border-radius: 50%;

  text-indent: -9999px;

  -webkit-transition: background-color 0.3s;

  -moz-transition: background-color 0.3s;

  transition: background-color 0.3s;

  cursor: pointer;

  background: #999;

}



.slick_main .slick-dots>li>button:focus {

  outline: none;

}



.slick_main .slick-dots>li.slick-active>button {

  background-color: #00b187;

}



/* slick slider css end */

.highlight {

  color: var(--main-color1);

}



.highlight2 {

  color: var(--main-color2);

}



.fs34 {

  font-size: 34px;

}



.fs33 {

  font-size: 33px;

}



.fs32 {

  font-size: 32px;

}



.fs31 {

  font-size: 31px;

}



.fs30 {

  font-size: 30px;

}



.fs29 {

  font-size: 29px;

}





.fs28 {

  font-size: 28px;

}



.fs27 {

  font-size: 27px;

}



.fs26 {

  font-size: 26px;

}



.fs25 {

  font-size: 25px;

}



.fs22 {

  font-size: 22px;

}



.fs23 {

  font-size: 23px;

}







.fs24 {

  font-size: 24px;

}



.fs20 {

  font-size: 20px !important;

}



.fs18 {

  font-size: 18px;

}



.fs17 {

  font-size: 17px;

}



.fs16 {

  font-size: 16px;

}



.fs-16 {

  font-size: 16px;

}



.fs15 {

  font-size: 15px;

}



.fs14 {

  font-size: 14px;

}



.fs13 {

  font-size: 13px;

}



.fs12 {

  font-size: 12px;

}



.fs11 {

  font-size: 11px;

}



.fw-300 {

  font-weight: 300 !important;

}



.fw-500 {

  font-weight: 500 !important;

}



.fw-600 {

  font-weight: 600;

}



a,

a:active {

  text-decoration: none;

}



.zindex1 {

  z-index: 1;

}



.form-group {

  margin: 0 0 15px;

}







img {

  max-width: 100%;

  height: auto;

}



.form-group .form-control {

  border-radius: 0;

  color: #6c757d;

  -webkit-appearance: auto;

  -moz-appearance: auto;

  appearance: auto;

}



.overflowHidden {

  overflow: hidden;

}







.navbar-brand img {

  max-width: 150px;

}







.fixed-header {

  padding-top: 72px;

}



.section-heading {

  font-size: 48px;

  text-transform: uppercase;

  font-weight: 300;

}



.section-padding {

  padding: 100px 0;

  position: relative;

}



.section-padding-lg {

  padding: 130px 0;

}



.section-heading span {

  font-weight: 600;

}



.particles-js-canvas-el {

  position: absolute;

  top: 0;

  left: 0;

  z-index: -1;

}



.btn-sm {

  font-size: 11px;

  font-weight: 600;

  padding: 10px 20px;

}



.btn-lg {

  font-size: 13px;

  padding: 15px 30px;

  font-weight: 600;

}



.btnWidth {

  min-width: 110px;

}



.btnTeal {

  background-color: #00ccb3;

  border-radius: 20px;

  color: #fff;



}



.btnTeal:hover,

.btnTeal:focus {

  box-shadow: 0 0 8px 0.5px #63f0e0;

  color: #fff;

}



.btnWhite {

  background-color: #fff;

  border-radius: 20px;

  color: #262626;

}



.btnWhite:hover,

.btnWhite:focus {

  box-shadow: none;

  color: #fff;

  background: #262626;

  box-shadow: 0 0 8px 0.5px #262626;

}



.btnDark {

  background-color: #262626;

  border-radius: 20px;

  color: #fff;

}



.btnDark:hover {

  background: #00ccb3;

  box-shadow: 0 0 8px 0.5px #63f0e0;

  color: #fff;

  cursor: pointer;

}



.btnDarkTransparent {

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

  border: 1px solid #262626;



  border-radius: 20px;

  color: #262626;



}



.btnDarkTransparent:hover,

.btnDarkTransparent:focus {

  box-shadow: 0 0 8px 0.5px #fff;

  background: #262626;

  color: #fff;

}



.btnWhiteTranparent {

  background-color: transparent;

  border: 1px solid #fff;

  border-radius: 20px;

  color: #fff;

}



.btnWhiteTranparent:hover,

.btnWhiteTranparent:focus {

  box-shadow: 0 0 8px 0.5px var(--main-color1);

  background: #ffffff;

  color: var(--main-color1)

}



header .navbar .navbar-nav .nav-link.btnTeal,

header .navbar .navbar-nav .nav-link.btnWhite,

header .navbar .navbar-nav .nav-link.btnDark {

  margin: 18px 0;

  padding: 0.6rem 1rem;

  font-size: 11px !important;

  min-width: 90px;

  line-height: normal;

  text-transform: uppercase;

  text-align: center;



  letter-spacing: 0px;

}



header .navbar .navbar-nav .nav-link.btnTeal:hover,

header .navbar .navbar-nav .nav-link.btnWhite:hover,

header .navbar .navbar-nav .nav-link.btnDark:hover,

header .navbar .navbar-nav .nav-link.btnTeal:focus,

header .navbar .navbar-nav .nav-link.btnWhite:focus,

header .navbar .navbar-nav .nav-link.btnDark:focus {

  color: #fff !important;

}



.overlay {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;



}



/* landing page css start */

.sub-title {

  font-size: 24px;

}



.textBlock .sub-title {

  font-size: 18px;

  font-weight: 600;

}



.showcase {

  position: relative;

  overflow: hidden;

  width: 100%;

  min-height: 100vh;

  display: flex;





}



.home .showcase,

.metaverse-page .showcase {

  background-image: url(../images/CityTop.jpg);

}



/* .blog .showcase {

  background-image: url(../images/blog1-banner.jpg);

} */



.blog .showcase .overlay {

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

}



/* .home .showcase:before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 50%;

  height: 100%;

  background: #000;





} */



.showcase .videoWrap {

  -webkit-transform: scaleX(-1);

  transform: scaleX(-1);

}





.showcase .video-wrap {

  position: relative;

  height: 700px;



}



.showcase .video-content {

  position: relative;

  top: 50%;

  z-index: 3;

  border-radius: 100%;





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

  transform: translateY(-50%);

}



.showcase .video-content .content {



  padding-top: 60px;

  height: 100%;

  width: 100%;

  position: relative;

  left: -50px;

  border-radius: 100%;

  text-align: center;

  background-color: transparent;

}



.showcase .video-content .content .counter {

  font-size: 238px;

  line-height: 150px;

  color: #fff;

  font-weight: 700;

  letter-spacing: 8px;

  font-family: 'Poppins', sans-serif;

}



.showcase .video-content .content>p {

  font-size: 36px;

  color: #fff;

  margin-top: 10px;

  font-weight: 700;

  margin-bottom: 20px;

  text-transform: uppercase;

  letter-spacing: 5px;

  line-height: 1;

  font-family: 'Poppins', sans-serif;

}



.video-content ul {

  margin-top: 15px;

  padding-left: 85px;

  margin-left: 0;

}



.video-content ul li {

  display: inline-block;

  color: #fff;

  font-size: 16px;

  font-weight: 500;

  margin: 0 20px 0 0;

}



.video-content ul li span {

  font-size: 30px;

  line-height: 1;

  margin: 0 10px 0 0;

  color: #fff;

  font-weight: 700;

  display: block;

  font-family: 'Poppins', sans-serif;

}



.video-content ul li {

  font-weight: 700;

  font-size: 14px;

  line-height: 1.5;



  color: #fff;

  font-family: 'Poppins', sans-serif;

}



.showcase .event-info {

  left: 400px;

  bottom: 10%;

  padding-left: 0;

  position: absolute;

  list-style: none;

  margin: 0;

  min-width: 250px;

}



.showcase .event-info li {

  padding: 8px 16px 8px 60px;

  color: #fff;

  font-size: 16px;

  margin-bottom: 5px;



  font-weight: bold;

  background: #ff4200;

  white-space: nowrap;

}



.showcase .event-info li ion-icon {

  font-weight: 700;

  margin-top: 5px;

  display: inline-block;

}



.video-content-right {

  position: relative;



  z-index: 3;

}











.video-content-right ul {

  margin-top: 15px;

  padding-left: 0;

}









.video-content-right ul li {

  display: flex;

  color: #fff;

  align-items: center;

  font-size: 16px;

  font-weight: 500;

  margin: 0 12px 0 0;

  font-weight: 700;

}



.video-content-right ul li ion-icon {

  font-size: 24px;

  font-weight: 700;

  margin: 0 5px 0 0;

  color: var(--main-color1);

}



header.fixed-top {

  transition: all 0.6s ease;

  box-shadow: none;

}







header.header-fixed .logo-normal,

header .logo-sticky {

  display: none;

}



header.header-fixed .logo-sticky,

header .logo-normal {

  display: block;

}



header .navbar .navbar-nav .nav-link {

  font-size: 13px;

  letter-spacing: 1px;

  text-transform: uppercase;

  padding: 26px 10px;

  color: #fff;

  font-weight: 600;

}











header .navbar .navbar-nav .nav-link.navbar-btn {

  padding: 8px 15px;

  background: var(--gradient-color1);

  color: #fff;

  margin-top: 12px;

  margin-bottom: 12px;

  font-size: 13px;

  font-weight: 700;

  border-radius: 3px;

  background-size: 200% 200%;

  transition: 0.6s ease;

  color: #fff;

  display: inline-block;

}



header .navbar .navbar-nav .nav-link.navbar-btn:hover {

  background-position: right;

  color: #fff;

}



header .navbar .navbar-nav .nav-link.active,

header .navbar .navbar-nav .nav-link:hover {

  color: var(--main-color1) !important;

}



header .navbar .navbar-nav li.nav-item {

  margin-left: 30px;

}



header .navbar .navbar-nav li.nav-item {

  position: relative;

}



header .navbar .navbar-nav li>ul {

  position: absolute;



  opacity: 0;

  visibility: hidden;

  list-style: none;

  left: 0;

  width: 220px;

  background: var(--main-color2);

  top: 120%;

  padding: 20px 0px;

  z-index: 10;

  transition: top 0.5s;

  z-index: 999;

  border-top: 3px solid var(--main-color1);

  border-radius: 0 0 5px 5px;

}



header .navbar .navbar-nav li.has-menu:hover>ul {

  visibility: visible;

  opacity: 1;

  top: 100%;

}



header .navbar .navbar-nav li>ul>li>ul {

  left: 100%;

  top: 30px;



}



header .navbar .navbar-nav li>ul>li.has-menu:hover>ul {

  visibility: visible;

  opacity: 1;

  top: 15px;

}



header .navbar .navbar-nav li.has-menu:after {

  content: "";

  position: absolute;

  right: -10px;

  top: 30px;

  width: 0px;

  height: 0px;

  border-width: 5px;

  border-style: solid;

  border-color: var(--main-color1) transparent transparent transparent;

  z-index: 10;



}



header .navbar .navbar-nav li>ul>li.has-menu:after {



  right: 10px;

  top: 10px;

  font-size: 14px;



  transform: rotate(-90deg);

}



header .navbar .navbar-nav li.nav-item>ul>li {

  margin-left: 0;

}



header .navbar .navbar-nav li.nav-item>ul>li a {

  padding: 10px 20px;

}





header {

  border-bottom: 1px solid transparent;

  z-index: 1000;

  transition: all .6s;

}



header {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 1000;

  transition: all .6s;

  padding: 0px 16px;

  border-bottom: 1px solid transparent;

}



header.header-fixed {

  position: fixed;

  top: 0;

  right: 0;

  left: 0;

  z-index: 1030;

  width: 100%;

  transition: all .6s;

}



header.header-fixed {

  border-bottom: 1px solid var(--main-color2);



  background: var(--main-color2);



}



.showcase video {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.showcase .videoWrap {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  -webkit-transform: scaleX(-1);

  transform: scaleX(-1);

}



.heroBtn {

  position: relative;

  z-index: 1;

  display: inline-block;

  padding: 10px 30px;

  text-align: center;

  color: #fff;

  text-transform: uppercase;

  font-size: 16px;

  border: 2px solid #fff;

  transition: all 0.5s;



}



.heroBtn:before {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 0;

  transition: all 0.5s;

  background: #fff;

  color: #000;

  z-index: -1;





}



.btn.heroBtn:hover,

.btn.heroBtn:hover {

  color: #000;

  background: transparent;

}



.heroBtn:hover:before {

  height: 100%;





}



.showcase .overlay {



  z-index: 1;

  background: -webkit-linear-gradient(left, rgba(61, 42, 119, 0.9) 0%, rgba(20, 27, 76, 0.9) 100%);

  background: linear-gradient(to right, rgba(61, 42, 119, 0.9) 0%, rgba(20, 27, 76, 0.9) 100%);



}



.scrollbtn {

  position: absolute;

  height: 50px;

  width: 25px;

  border: 2px solid #fff;

  margin: auto;

  left: 0;

  right: 0;

  bottom: 40px;

  border-radius: 30px;

  cursor: pointer;

  z-index: 1;

}



.scrollbtn:before {

  position: absolute;

  content: "";

  margin: auto;

  top: 10px;

  left: 0;

  right: 0;

  height: 10px;

  width: 10px;

  background-color: #fff;

  border-radius: 50%;

  animation: move-down 2s infinite;

}



@keyframes move-down {

  80% {

    opacity: 0.5;

  }



  100% {

    transform: translateY(20px);

    opacity: 0;

  }

}



.showcase .bigText {

  font-size: 70px;

  line-height: 76px;

  font-weight: bold;

}



.showcase .bigText.left {

  font-size: 48px;

  line-height: 55px;

  mix-blend-mode: multiply;

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

}



/* end showcase section */



.aboutSec {

  position: relative;

  padding: 0;

  overflow: hidden;

  background: #3b1d82;



}



.showMob {

  display: none;

}



.exp-img {

  background-repeat: no-repeat;

  background-size: cover;

  background-position: right center;

  background-attachment: fixed;

}











.parallaxbg {



  background-size: 100%;

  background-repeat: no-repeat;

  background-position: center 0px;

  background-attachment: fixed;

}



.bgImage {

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center center;

}



.bg-fixed {

  background-attachment: fixed;

}



.parallax-window {

  min-height: 100vh;

  background: transparent;

  display: flex;

  align-items: center;

  justify-content: center;

}







.aboutMain {

  /* background: url(../images/aboutbg.jpg) no-repeat scroll center center/cover; */

  min-height: 100vh;

  position: relative;

}







.aboutMain .about-content {

  z-index: 4;

  position: relative;

}



.about-content h2 {

  font-size: 48px;

  line-height: 55px;

  font-weight: 700;

}



.para-lg {

  font-size: 18px;

  line-height: 26px;



}



.about-content p {

  width: 90%;

  font-weight: 600;

}



.parallaxDiv {

  min-height: 400px;

  background: transparent;

}



.parallax-img {

  position: absolute;



  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.aboutMain .bgImage {

  width: 100%;

  padding: 0 3% 70px 0;

  background-image: url(../images/aboutbg.png);

  background-repeat: no-repeat;

  background-position: center bottom;

  background-size: cover;

}



.aboutText h6 {

  color: #000000;

  font-size: 15px;

  line-height: 24px;

  font-weight: 700;

  letter-spacing: 0px;

  text-transform: uppercase;

  font-family: 'Barlow', sans-serif;

}



.aboutText h6 a {

  color: #000000;

}



.aboutText h6 i {

  margin-right: 8px;



}



.aboutText h2.column-title {

  font-size: 90px;

  line-height: 80px;

  font-weight: 500;

  letter-spacing: -1px;

  font-family: 'Barlow', sans-serif;

  color: #000;

}



hr.no_line {

  background: none;

  color: transparent;

}



.hover_color_bg {

  background: var(--main-color2);

  transition: all .4s ease-in-out;

}



.hover_color_bg:hover {

  background: #000;

}



.aboutText .column-title {

  color: var(--heading-color);

  font-size: 26px;

  line-height: 34px;



  font-weight: bold;

}



.aboutBox h3 {

  font-size: 42px;

  line-height: 50px;

  font-weight: 500;

  letter-spacing: 0px;

  margin-bottom: 15px;

  font-family: 'Barlow', sans-serif;

  text-transform: uppercase;

}



.aboutBox p {

  margin: 0 0 15px;

  font-size: 15px;

  line-height: 25px;

}



/* unified section start */



.unified {



  position: relative;

  z-index: 1;

}



/* .unified:before {

  content: "";

  position: absolute;

  top: 0;

  left: 50%;

  transform: translateX(-50%);

  width: 55%;

  height: 100%;

  background: transparent;

  border-left: 1px solid #dedede;

  border-right: 1px solid #dedede;

  opacity: 0.5;

  z-index: -1;

} */



.dot {

  position: absolute;



  border-radius: 50%;







}



.dot1,

.dot3 {

  width: 10px;

  height: 10px;

  background: var(--main-color1);

  top: -10px;

  left: -10px;

  animation: dotMove linear 15s infinite;

}



.dot2,

.dot4 {

  width: 10px;

  height: 10px;

  background: var(--main-color2);

  opacity: 0.6;

  top: 10px;

  right: -10px;

  animation: dotMove2 linear 12s infinite;

  animation-delay: 2s;

}



.dot3 {

  animation-delay: 3s;

  background: #262626;

  opacity: 0.3;

  top: -10px;

  left: -10px;

}



.dot4 {

  animation-delay: 5s;

  background: var(--main-color1);

}



@keyframes dotMove {

  0% {

    top: 20px;

    left: 20px

  }



  50% {

    top: 50%;

    left: 50%;



  }



  80% {

    top: 90%;

    left: 80%;



  }



  100% {

    top: 170%;

    left: 100%;

    background: #fff;

  }

}



@keyframes dotMove2 {

  0% {

    top: 20px;

    right: 20px

  }



  50% {

    top: 80%;

    right: 30%;



  }







  100% {

    top: 170%;

    right: 100%;

    background: #fff;

  }

}





.bigText {

  font-size: 80px;

  line-height: 85px;

  font-weight: bold;

}



.obj {

  position: absolute;

  display: flex;

  align-items: center;

  justify-content: center;



}



.obj1 {

  width: 100px;

  height: 100px;

  border-radius: 50%;

  right: 120px;

  bottom: 80px;

  border: 2px solid #ddd;

}



.obj1 .obj-inner {

  background: #ddd;

  width: 50px;

  height: 50px;

  border-radius: 50%;

}



.moveCircle {

  width: 15px;

  height: 15px;

  background: #00ccb3;

  border-radius: 100%;

  position: absolute;

  left: 5px;

  top: 5px;

  transform-origin: 40px 44px;

  animation: moveCircle 5s linear infinite;

}





.obj2 {

  border: 2px solid #33187f;

  width: 150px;

  height: 150px;

  border-radius: 50%;

  left: 50px;

  top: 100px;

  transform: rotate(45deg);

  animation: rotateCircle 5s linear infinite;

  padding: 10px;

}



.obj2 .obj-inner {

  background: #fff;

  width: 50px;

  height: 50px;

  border-radius: 50%;



}



@keyframes moveCircle {

  0% {

    transform: rotate(0deg);

  }



  100% {

    transform: rotate(360deg);

  }

}



@keyframes rotateCircle {

  0% {

    transform: scaleZ(0deg);



  }



  100% {

    transform: ScaleY(-1);

  }

}



/* unified section end */





















/* Process section start */

.videoCard {

  position: relative;

  padding: 30px;

  border: 1px solid hsla(0, 0%, 100%, .15);

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 0.8rem;

  overflow: clip;

}



.videoCard.highlighted video {

  opacity: 1;

  visibility: visible;

}



.videoCard.highlighted .card-content .video-card-text,

.videoCard:hover .card-content .video-card-text,

.videoCard.highlighted .card-content .card-label,

.videoCard:hover .card-content .card-label,

.videoCard.highlighted .card-content .card-list,

.videoCard:hover .card-content .card-list {

  color: #fff !important;

}



.video-wrap {



  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}



.video-wrap video {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  opacity: 0;

  visibility: hidden;

}



.video-wrap .overlay {

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

}



.videoCard:hover .video-wrap video {

  opacity: 1;

  visibility: visible;

}



.card-content {

  position: relative;

  z-index: 3;

}



.card-content .card-label {

  display: block;

  margin-bottom: 20px;

  font-size: 12px;

}



.card-content .video-card-text {

  margin: 40px 0 0px;

  min-height: 130px;

}



.card-footer-icon {

  width: 12rem;

}



.card-footer-icon img {

  width: 105px;

}



/* Process section ens */



.moveText marquee,

.scrollText {

  font-size: 120px;

  line-height: 150px;







}



.moveText {

  display: flex;

  white-space: nowrap;

  -webkit-user-select: none;

  user-select: none;

  overflow: clip;

  background-color: #f6f6f6;

  background-image: url(../images/pattern.png);

  background-repeat: repeat;

  background-size: initial;

  background-blend-mode: overlay;



  background-position: 50%;

}



.scrollText {

  display: inline-flex;

  position: relative;

  opacity: .2;

  animation: marquee_loop 20.4652s linear infinite;

}



.scrollText span {

  padding: 0 0.3em;



  font-weight: 700;



}



@keyframes marquee_loop {

  0% {

    transform: translateX(0);



  }



  100% {

    transform: translateX(-100%);

  }

}



/* virtual universe section start */

.scrollArrow {



  position: absolute;

  bottom: 40px;

  width: 20px;

  height: 20px;

  left: 50%;

  z-index: 3;

  transform: translateY(-80px) translateX(-50%) rotate(45deg);









}



.scrollArrow span {

  position: absolute;

  top: 0;

  left: 0;

  display: block;

  width: 100%;

  height: 100%;

  border-bottom: 2px solid #fff;

  border-right: 2px solid #fff;

  animation: arrowDown 1.2s linear infinite;

}



.scrollArrow span:nth-child(1) {

  transform: translate(-15px, -15px);

  animation-delay: -0.4s;

}



.scrollArrow span:nth-child(2) {

  transform: translate(0, 0);

  animation-delay: -0.2s;

}



.scrollArrow span:nth-child(3) {

  transform: translate(15px, 15px);

  animation-delay: 0s;

}



@keyframes arrowDown {

  0% {

    top: -5px;

    left: -5px;

    opacity: 0;

  }



  25% {

    top: 0px;

    left: 0px;

    opacity: 1;

  }



  50%,

  100% {

    top: 5px;

    left: 5px;

    opacity: 0;

  }

}





/* virtual universe section end */



/* virtual section start */





.globeImg {

  animation: moveglobe 5s linear infinite;

  transform: rotate(-15deg);

}



.borderDiv {

  position: relative;

  flex: 1 1 auto;

  padding: 1rem;

  border: 1px solid #ddd;

}



.virsaBox {

  display: flex;

  align-items: center;

  justify-content: center;

  background: rgb(15 15 16 / 90%);

}







.imgBlock img,

.imgBlock video {

  max-width: 100%;

}



/* .layer {

  background: -moz-linear-gradient(left, rgba(61, 42, 119, 0.9) 0%, rgba(20, 27, 76, 0.9) 100%);

  background: -webkit-linear-gradient(left, rgba(61, 42, 119, 0.9) 0%, rgba(20, 27, 76, 0.9) 100%);

  background: linear-gradient(to right, rgba(61, 42, 119, 0.9) 0%, rgba(20, 27, 76, 0.9) 100%);

} */



.layer img {

  max-width: 100%;

  width: 275px;

  height: 275px;

  object-fit: cover;

}





.headingBlock {

  font-size: 70px;

  line-height: 60px;

  font-weight: 600;

  position: relative;

}





.headingBlock .dots {

  display: block;

  position: absolute;

  bottom: 100%;

  margin-bottom: 2rem;

  line-height: 0;

}



.headingBlock.text-center .dots {

  left: 0;

  right: 0;

  margin: 0 auto 30px;

}



.headingBlock .dots:before,

.headingBlock .dots:after {

  content: "";

  display: inline-block;

  width: 10px;

  height: 10px;

  border-radius: 50%;

}



.headingBlock .dots:before {

  background: #00ccb3;

}



.headingBlock .dots:after {

  background: #fff;

  margin-left: 0.4rem;

}



.bg-white .headingBlock .dots:after {

  background: var(--gray-500);

}



.headingBlock span {

  margin-left: 5px;

}



.virtualSec {

  position: relative;

  overflow: hidden;

  z-index: 1;

}



.virtualSec .shape {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.objBottomRight .obj1 {

  top: auto;

  bottom: -75px;

  right: -180px;

  transform: rotate(140deg);

  width: 400px;

  height: 400px;

  border: 1px solid #666;

  z-index: -1;

}



.objBottomRight .obj1 .obj-inner {

  background: transparent;

  border: 1px solid #666;

  width: 150px;

  height: 150px;

  border-radius: 50%;

}



.objBottomRight .moveCircle {

  width: 20px;

  height: 20px;

  background: #00ccb3;

  border-radius: 100%;

  position: absolute;

  left: 15px;

  top: 55px;

  transform-origin: 182px 130px;

  animation: moveCircle 5s linear infinite;

}















/* virtual section end */



/* webinar section start */

.webinarSec {

  background: #000;

  position: relative;

  z-index: 1;

  min-height: 100vh;

  display: flex;

  align-items: center;

}



.webinarSec .overlay {

  background: var(--main-color2);

  width: 60%;

  height: 100%;



  position: absolute;

  z-index: -1;

  background: -moz-linear-gradient(left, rgba(61, 42, 119, 0.9) 0%, rgba(20, 27, 76, 0.9) 100%);

  background: -webkit-linear-gradient(left, rgba(61, 42, 119, 0.9) 0%, rgba(20, 27, 76, 0.9) 100%);

  background: linear-gradient(to right, rgba(61, 42, 119, 0.9) 0%, rgba(20, 27, 76, 0.9) 100%);

  clip-path: polygon(0 0, 61% 0, 100% 100%, 0% 100%);



}



.controller {

  animation: moveAxis 3s linear infinite;

}



@keyframes moveAxis {

  0% {

    transform: scaleX(0);

  }



  50% {

    transform: scaleX(50%);

  }



  0% {

    transform: scaleX(-1);

  }

}



/* webinar section end */



/* Metaverse page start */







.videoWrap {

  position: relative;

  padding-bottom: 56.25%;

}



.videoWrap video {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.overlap {

  margin-left: -50px;

}







/* Metaverse Section End */







/* Technology section start */

.technologySec {

  position: relative;

  z-index: 1;

  overflow: hidden;

}



.technologySec .obj1 {

  top: -230px;

  left: 50%;

  transform: translateX(-50%);

  width: 400px;

  height: 400px;

  border: 1px solid #666;

  z-index: -1;

}



.technologySec .obj1 .obj-inner {

  background: transparent;

  border: 1px solid #666;

  width: 150px;

  height: 150px;

  border-radius: 50%;

}



.technologySec .moveCircle {

  width: 20px;

  height: 20px;

  background: #00ccb3;

  border-radius: 100%;

  position: absolute;

  left: 21px;

  top: 57px;

  transform-origin: 180px 130px;

  animation: moveCircle 5s linear infinite;

}





.rotateEarth {

  transform: rotate(-15deg);

}



.videoBg video,

.fullVideo video {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.textLg {

  font-size: 48px;

  line-height: 55px;

  font-weight: 600;

}



.videoBg .overlay {

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

}



/* Technology section end */









/* Book A demo start */

.bookDemo {



  min-height: 100vh;

  position: relative;

}



.bookDemo .colbg {

  z-index: 0;

}



.bookText {

  display: block;

}



.vText {

  text-orientation: mixed;

  font-size: 110px;

  color: rgba(74, 67, 209, .8);

  font-weight: 700;

  letter-spacing: -.032em;

  white-space: nowrap;

  writing-mode: vertical-rl;

  padding-top: 20px;

  height: 100%;

  overflow: hidden;

  position: absolute;

  left: 3rem;

  top: 0;

}



.demoForm {





  position: relative;



}



.bookDemo .overlay {

  background: var(--main-color2);

  z-index: -1;

  height: 100%;



  position: absolute;



  background: -moz-linear-gradient(left, rgba(61, 42, 119, 0.9) 0%, rgba(20, 27, 76, 0.9) 100%);

  background: -webkit-linear-gradient(left, rgba(61, 42, 119, 0.9) 0%, rgba(20, 27, 76, 0.9) 100%);

  background: linear-gradient(to right, rgba(61, 42, 119, 0.9) 0%, rgba(20, 27, 76, 0.9) 100%);





}



.textShdw {

  position: absolute;

  text-align: center;

  color: #fff;

  font-weight: 900;

  opacity: 0.1;

  font-size: 90px;

  line-height: 18px;

  text-shadow: 0 2px 7px rgb(52 52 52 / 30%);

  top: 85px;

  left: -5px;

  z-index: 1;

  letter-spacing: 5px;

  mix-blend-mode: screen;

}



/* Book A demo End */





/*metaverse page css start*/

.metaverse {

  position: relative;

  overflow: hidden;

  z-index: 1;

}



.bgAbout {

  background-image: url(../images/abBg.png);

}



#virsa-effect {

  z-index: -1;

}



.objBottomLeft .obj1 {

  top: auto;

  bottom: -75px;

  left: -215px;

  transform: rotate(270deg);

  width: 400px;

  height: 400px;

  border: 1px solid #666;

  z-index: -1;

}



.objBottomLeft .obj1 .obj-inner {

  background: transparent;

  border: 1px solid #666;

  width: 150px;

  height: 150px;

  border-radius: 50%;

}



.objBottomLeft .moveCircle {

  width: 20px;

  height: 20px;

  background: var(--main-color1);

  border-radius: 100%;

  position: absolute;

  left: 15px;

  top: 55px;

  transform-origin: 182px 130px;

  animation: moveCircle 5s linear infinite;

}



.bgBlack .obj1,

.bgBlack .obj1 .obj-inner,

.bgDark .obj1,

.bgDark .obj1 .obj-inner {

  border-color: #fff;

}



.bgBlack .moveCircle,

.bgDark .moveCircle {

  background: #fff;

}



.bgDark .bannerSec {

  position: relative;

  width: 100%;

  height: 100vh;

  overflow: hidden;

  display: flex;

  align-items: center;

  justify-content: center;





}



.bannerSec .overlay {

  background: linear-gradient(to right, rgba(61, 42, 119, 0.7) 0%, rgba(20, 27, 76, 0.7) 100%);

}



.bannerSec .container {

  z-index: 3;

}



.bannerSec:hover {

  cursor: crosshair;

}



.bannerSec img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.bannerSec h2 {

  font-size: 55px;

  line-height: 65px;

  text-align: center;



  font-weight: bold;



  padding: 30px 0;



}



.feature-title {

  font-size: 24px;

}







.colbg {

  background-repeat: no-repeat;

  background-position: center center;

  background-size: cover;

}



.bgflip {

  transform: scaleX(-1);

}



.col-padding {

  padding: 80px;

}



.bg-white h1,

.bg-light h1,

.bg-light h2,

.bg-light h3,

.bg-white h2,

.bg-white h3,

.bg-dark-gray h1,

.bg-dark-gray h2,

.bg-dark-gray h3 {

  color: #000;

}



.bg-white p,

.bg-dark-gray p,

.bg-light p,

.bg-white ul li {

  color: #666;



}



.feature-list li {

  font-size: 14px;

  margin-bottom: 5px;

  line-height: normal;

  font-weight: normal;

  position: relative;

  list-style-type: none;



}



.feature-list li:before {

  content: "\f00c";

  position: absolute;

  left: -30px;

  top: 0;

  color: var(--main-color2);

  font-family: fontAwesome;

}



.clipped {

  clip-path: polygon(0 0, 100% 0%, 100% 95%, 0 100%);

}



.intro {

  z-index: 1;

  position: relative;

  overflow: hidden;

}



/* .intro:before {

  content: "";

  position: absolute;

  right: -108px;

  width: 50%;

  border-top-left-radius: 10px;

  border-bottom-left-radius: 10px;

  top: -34px;

  height: 100%;

  transform: rotate(7deg);

  filter: grayscale(1);

  z-index: -1;

 background: url(../images/art-gallery.jpg) no-repeat scroll center center/cover;

background: #f8f9fc;

} */



.radiusImg {

  border-radius: 10px;

}



.featureIcon {

  background: var(--main-color1);

  display: inline-block;

  height: 50px;

  width: 50px;

  line-height: 60px;

  text-align: center;

  color: #fff;

  border-radius: 6px;

  font-size: 30px;

  position: relative;

  z-index: 1;

}



.featureIcon:before {

  content: "";

  height: 60px;

  width: 60px;

  background: rgba(0, 204, 179, .1);

  position: absolute;

  left: 7px;

  top: -16px;

  -webkit-transform: rotate(20deg);

  transform: rotate(20deg);

  z-index: -1;

  border-radius: 6px;

}



.shapebg {

  z-index: 1;

  overflow: hidden;

  position: relative;

}



.shapebg:before {

  content: "";

  position: absolute;



  width: 50%;

  top: -28px;

  height: 100%;

  z-index: -1;

  /* background: url(../images/art-gallery.jpg) no-repeat scroll center center/cover; */

  background: rgb(226 235 229 / 60%);

}



.imgBefore {

  position: relative;

  overflow: hidden;

  z-index: 1;

}



.imgBefore:before {

  content: "";

  position: absolute;

  background: url(../images/art-gallery.jpg) no-repeat scroll center center/cover;

  right: -108px;

  top: 0;

  height: 50%;

  filter: grayscale(1);

  opacity: 0.4;

  width: 50%;

  z-index: -1;



}



.shapebg.left:before {

  left: -108px;

  transform: rotate(-7deg);

  border-top-right-radius: 10px;

  border-bottom-right-radius: 10px;

}



.shapebg.right:before {

  right: -108px;

  transform: rotate(7deg);

  border-top-left-radius: 10px;

  border-bottom-left-radius: 10px;

}



.intro.shapebg:before {

  transform: rotate(0deg);

  top: 0;

  height: 100%;

  border-radius: 0;



}



.metaShowcase {

  background: var(--main-color2);

  z-index: 4;



}



.metaShowcase:before {

  content: "";

  position: absolute;

  top: 72px;

  right: 0;

  background: var(--main-color1);

  width: 50%;

  height: 100%;

  z-index: -1;



}



.metaShowcase .altBox {

  margin-top: 72px;

}



.altBox {

  position: relative;

}



.tabText .nav-tabs .nav-link {

  letter-spacing: 1px;

  text-transform: uppercase;

  font-weight: 500;

  padding: 0 10px 15px;

  margin-right: 25px;

  color: #808080;

  font-weight: 600;

  background: transparent;

  border: none;



  font-size: 11px;

  width: 200px;

  position: relative;

  overflow: hidden;

}



.tabText .nav-tabs .nav-link:before {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 1px;

  background: #fff;

  -webkit-transform: translateX(calc(-100%));

  transform: translateX(calc(-100%));

  transition: -webkit-transform 1s cubic-bezier(.16, 1.08, .38, .98);

  transition: transform 1s cubic-bezier(.16, 1.08, .38, .98);

  transition: transform 1s cubic-bezier(.16, 1.08, .38, .98), -webkit-transform 1s cubic-bezier(.16, 1.08, .38, .98);

}



.tabText .nav-tabs .nav-link.active:before {

  -webkit-transform: translateX(0) translateZ(0);

  transform: translateX(0) translateZ(0);

}



.tabText .nav-tabs .nav-link:before,

.tabText .nav-tabs .nav-link:after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 1px;



}



.tabText .nav-tabs .nav-link:after {

  opacity: .2;

  background-color: currentcolor;

}



.tabText .tabTitle {

  font-size: 70px;

  line-height: 70px;

  font-weight: 600;

  letter-spacing: 0.5px;

}



.iBox {

  margin-top: -60px;

}



.minusTop {

  margin-top: -30px;

}



/*metaverse page css end*/



/* VE page css */



.textBlock .accordion-button:not(.collapsed) {

  color: #212529;

}



/* =================== channel partner program page start ======================*/

.card-list {

  min-height: 150px;

}



/* =================== channel partner program page End ======================*/





/* =================== PR page start ======================*/



.NewsImg img {

  max-height: 300px;

  width: 100%;



}



.NewsTitle {

  min-height: 60px;

}



.nav-pills .nav-link {

  font-size: 12px;

  margin: 0 10px;

  color: #666;

}



.nav-pills .nav-link.active,

.nav-pills .show>.nav-link {

  background: var(--main-color1);

}



/* =================== PR page End ======================*/



/* =================== Award page start ======================*/

.awardMain {

  text-align: center;

  margin-bottom: 50px;

  min-height: 164px;

}



.awardMain .image img {

  max-width: 80px;

}



.awardMain p {

  font-size: 14px;

  margin: 0;

}



.awardMain h6 {

  font-size: 16px;

  margin-bottom: 10px;

  font-weight: 500;

  line-height: 1.2;

}



.last-paragraph-no-margin p:last-of-type {

  margin-bottom: 0;

}



/* =================== Award page End ======================*/



/* =================== blog page Start ======================*/



.blog-header-title h1 {

  font-size: 90px;

  line-height: 80%;

  font-weight: bold;

  color: #cbd6e2;

  text-transform: uppercase;

  margin: 0px;



}



.blogMeta {

  position: absolute;

  bottom: 0;

  left: 0;



}



.bannerlogo img {

  max-width: 200px;

}



.post-share a i {

  font-size: 16px;

  border: 1px solid #000;

  padding: 0;

  width: 30px;

  text-align: center;

  height: 30px;

  border-radius: 100%;

  vertical-align: bottom;

  line-height: 28px;

  transition: all .2s ease-out;

  margin-right: 5px;

}



.post-share a i.fa-twitter,

.post-share a i.bxl-twitter {

  color: #24a9e6;

  border-color: #24a9e6;

}



.post-share a:hover i.fa-twitter,

.post-share a:hover i.bxl-twitter {

  background-color: #24a9e6;

  color: #fff;

}



.post-share a i.fa-linkedin,

.post-share a i.bxl-linkedin {

  color: #187fb8;

  border-color: #187fb8;

}



.post-share a:hover i.fa-linkedin,

.post-share a:hover i.bxl-linkedin {

  background-color: #187fb8;

  color: #fff;

}



.post-share a i.fa-facebook,

.post-share a i.bxl-facebook {

  color: #43619c;

  border-color: #43619c;

}



.post-share a:hover i.fa-facebook,

.post-share a:hover i.bxl-facebook {

  background-color: #43619c;

  color: #fff;

}



.post-date>span {

  position: relative;

  padding-left: 32px;

}



element.style {}



.post-date>span {

  position: relative;

  padding-left: 32px;

}



.post-date>span:before {





  width: 22px;

  height: 18px;

  content: " \f017";

  font-family: fontAwesome;

  position: absolute;

  left: 0;

  top: 0;

  font-size: 22px;

  line-height: 20px;

}



.post-date {

  font-size: 13px;

  font-weight: 700;

  color: #cbd6e2;

  text-transform: uppercase;

  padding-top: 5px;

}



.blogRow .blogItem {

  display: none;

}



/* =================== blog page End ======================*/







/* =================== Store page Start ======================*/



.sliderInner {

  text-align: center;

  max-width: 620px;

}



.sliderheading {

  font-size: 45px;

  line-height: 45px;

  font-weight: bold;

  font-family: 'Poppins', sans-serif;

}



.sliderDescription {

  color: #ededed;



  line-height: 30px;

  font-weight: 300;

  margin-top: 10px;

}



.feature-col {

  position: relative;

  display: flex;

  overflow: hidden;

}



/* .feature-icon img,

.feature-icon i {

  width: 80px;

  font-size: 80px;

  line-height: 80px;

  text-align: left;

  margin: 0;

  color: var(--main-color1);

} */



.feature-text {

  width: 100%;

  padding-left: 30px;

}



.imgAfter {

  position: relative;

  z-index: 1;

}



.bgtextBox {

  position: relative;

  border: 1px solid rgb(241, 240, 240);

  box-shadow: 0 3px 20px -2px rgb(20 45 100 / 10%);

  padding: 60px;

  margin: 0 15px;

  border-radius: 3px;

  background: #fff;

}



.bgtextBox:before {

  content: '';

  border: 25px solid #ffffff;

  border-top-color: transparent;

  border-bottom-color: transparent;

  border-right-color: transparent;

  right: -65px;

  left: auto;

  top: 50%;

  margin-top: -25px;

  position: absolute;

  z-index: 1;

}



.bgtextBox.boxRight:before {

  right: auto;

  left: -50px;

  transform: rotate(180deg);

}



.prodBox {

  position: relative;

  width: 100%;

  height: 400px;



  border-radius: 20px;

  background: #3d0f90;

  transform-style: preserve-3d;

  cursor: move;

}



.prodBox .product {

  position: absolute;

  top: 50%;

  left: 50%;

  max-width: 350px;

  transition: 0.5s;

  z-index: 11;

  transform-style: preserve-3d;

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

}



.prodBox:hover .product {

  transform: translate3d(-50%, -50%, 100px) rotate(0deg);

}



.productMove {

  animation: prodTilt 5s linear 2s infinite alternate;

}



@keyframes prodTilt {

  0% {

    transform: perspective(1000px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);

  }



  100% {



    transform: perspective(1000px) rotateX(4deg) rotateY(-20deg) scale3d(1, 1, 1);

  }

}



/* .storeFeature {

  background-color: #1c1c1c;

} */



.serviceBox .serviceIcon {

  margin-bottom: 20px;

}



.serviceBox .serviceIcon img {

  max-width: 48px;

}



.serviceBox .serviceTxt {

  width: 84% !important;

}



.margin-70px-bottom {

  margin-bottom: 70px;

}



.serviceBox .serviceTxt h6 {

  font-size: 15px;



  margin-bottom: 10px;

  font-weight: 600;

  color: #fff;

}



.serviceBox .serviceTxt p {

  font-size: 14px;

  color: #fff;

}



.feature_slk.slick_main .slick-prev {

  left: auto;

  right: 70px;

}



.feature_slk.slick_main .slick-next {

  right: 20px;

}



.feature_slk.slick_main .slick-arrow {

  border: 2px solid #6f6f6f;

  top: 100%;

  margin-top: 30px;

  color: #6f6f6f;

  border-radius: 0;

  font-size: 24px;

  line-height: 20px;

}



.feature_slk.slick_main .slick-arrow.slick-disabled {

  opacity: 0.5;

  pointer-events: none;

}



.storeBenefit .featureBox {

  background: #fff;

  padding: 35px;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  min-height: 185px;

  border: 1px px solid rgb(241, 240, 240);

  box-shadow: 0 3px 20px -2px rgb(20 45 100 / 10%);

  transition: all 0.5s;

}



.storeBenefit .featureBox .feature-icon {

  font-size: 40px;

  width: auto;

  height: auto;

  color: #24212c;

}



.storeBenefit .featureBox:hover {

  background: var(--main-color1);



}



.storeBenefit .featureBox:hover .feature-icon,

.storeBenefit .featureBox:hover h6.text-dark {

  color: #fff !important;

}



.store-right {

  flex: 0 0 28%;

  max-width: 28%;

}



.store-left {

  flex: 0 0 72%;

  max-width: 72%;

}



.nav-pills.store-right .nav-link {



  background: none;

  font-weight: 500;

  line-height: 25px;

  border-radius: 5px;

  padding-top: 15px;

  padding-bottom: 15px;

  padding-right: 25px;

  transition: none;

  padding-left: 80px;

  position: relative;

  text-align: left;

  font-size: 13px;

  margin: 0 0 20px;

}



.nav-pills.store-right .nav-link.active {

  border: 1px solid rgb(241, 240, 240);

  box-shadow: 0 3px 20px -2px rgb(20 45 100 / 10%);

  background: #fff;

  color: var(--main-color2);

}



.nav-pills.store-right .nav-link ion-icon,

.nav-pills.store-right .nav-link i {

  position: absolute;

  left: 23px;

  font-size: 35px;

  top: 50%;

  transform: translateY(-50%);

  color: #6f6f6f;

}



.nav-pills.store-right .nav-link.active ion-icon,

.nav-pills.store-right .nav-link.active i {

  color: var(--main-color1);

}



.pricing {

  position: relative;

}



.pricing-table-outer {

  position: relative;

}







.pricing .nav-tabs .nav-link {

  color: #333;

  font-size: 12px;

  border-radius: 0;

  padding: 15px 20px;



}



.pricing .nav-tabs .nav-link:hover {

  border-color: transparent;

}



.pricing .nav-tabs .nav-link.active:hover {

  border-color: #dee2e6 #dee2e6 #fff;

}



.pricing-table {

  border-collapse: collapse;



}



.pricing-table.table-top {

  table-layout: fixed;

}



.pricing-col {

  max-width: 250px;

  font-size: 12px;

  font-weight: normal;

  padding: 15px 20px;

  color: #333333;

  border: 1px solid #dddddd;

  line-height: 1.4;

}



.pricing-col .plan,

.pricing-col .price {

  font-size: 14px;

}



.pricing-col .price {

  min-height: 40px;

}



.planBtn {

  font-size: 11px;

  padding: 6px 10px;

  background: transparent;

  border: 1px solid #fff;

  min-width: 75px;

  color: #fff;

  margin-top: 10px;

  display: inline-block;





}



.planBtn:hover,

.planBtn:focus {

  color: #000;

  background: #fff;

}



section.caseStudies {

  position: relative;

  width: 100%;

  height: 100vh;

}



.caseStudies video {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.caseStudies .navigation {

  bottom: 40px;

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  z-index: 100;

  display: flex;

  justify-content: center;

  align-items: center;

}



.caseStudies .navigation li {



  cursor: pointer;

  background: #fff;

  border-radius: 4px;

  margin: 0 10px;

  padding: 3px;

  overflow: hidden;

  opacity: 0.7;

  transition: 0.5s;

}



.caseStudies .navigation li:hover {

  opacity: 1;

}



.caseStudies .navigation li img {

  width: 120px;

  transition: 0.5s;

}



.caseStudies .navigation li img:hover {

  width: 200px;



}







/* =================== Store page End ======================*/

/* footer start */

footer {

  background: #000;

}



footer ul {

  padding: 0;

}



footer .social ul li {

  display: inline-block;

  list-style: none;

}



footer .social ul li a {

  display: block;

  height: 40px;

  width: 40px;

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -ms-border-radius: 50%;

  border: 1px solid #fff;

  text-align: center;

  color: #fff;

  font-size: 16px;

  line-height: 42px;

  margin: 0 5px;

  transition: all 0.35s ease;

}





.footer-menu ul li:first-child a:before {

  display: none;

}



footer .social ul li a:hover {

  background: var(--main-color1);

  border-color: var(--main-color1);

  -webkit-transform: rotate(360deg);

  -ms-transform: rotate(360deg);

  transform: rotate(360deg);

}



.footer-menu ul li {

  display: inline-block;

  list-style-type: none;

}



.footer-menu ul li a {

  color: #a8a8ad;

  margin: 0 10px;

  position: relative;

  font-family: 'poppins', sans-serif;

  transition: all 0.35s ease;

}



.footer-menu ul li a:hover {

  color: #00ccb3;

}



.footer-menu ul li a:before {

  position: absolute;

  left: -15px;

  top: 1px;

  bottom: 0;

  margin: auto;

  content: '|';



  border-radius: 50%;

  -webkit-border-radius: 50%;

}



.copyright-text p,

.footer-menu ul li a,

.emailid {

  margin-bottom: 0;

  color: #a8a8ad;

  line-height: 20px;

  font-size: 13px;

  font-family: 'poppins', sans-serif;



}



.footer-menu ul li:last-child a {

  margin-right: 0;

}



.fLogo {

  max-width: 150px;



}



/* footer end */



.scroll-top {

  position: fixed;

  bottom: 150px;

  right: 20px;

  width: 40px;

  height: 40px;

  font-size: 22px;

  line-height: 40px;

  border-radius: 50%;

  z-index: 999;

  color: #fff;

  text-align: center;

  display: flex;

  align-items: center;

  justify-content: center;

  background: var(--gradient-color1);

  opacity: 0;

  visibility: hidden;





}





.scroll-top:hover,

.scroll-top:focus {

  color: #fff;

}





.scroll-top.show {

  opacity: 1;

  visibility: visible;



}



.cursor-wrapper {

  position: fixed;

  z-index: 999999;

  pointer-events: none;

  mix-blend-mode: difference;

  display: block !important;

  height: 100vh;



}



.cursor {

  position: fixed;

  width: 50px;

  height: 50px;

  border: 1px solid #c6c6c6;

  border-radius: 50%;

  left: -60px;

  top: 0;

  pointer-events: none;

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

  transition: .1s;





}



.cursor2 {

  position: fixed;

  width: 8px;

  height: 8px;

  background: #00ccb3;

  border-radius: 50%;

  left: -60px;

  top: 0;

  pointer-events: none;

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

  transition: .15s;





}



/* modal css start */

.modalIcon {

  width: 60px;

  height: 60px;

}



.modalStyle1 {

  border: 1px solid #ddd;

}



.maxWidth350 {

  max-width: 350px;

}



.circlePos1 {

  top: -6px;

  left: -6px;

}



.circlePos2 {

  top: -6px;

  right: -6px;

}



.circlePos3 {

  bottom: -6px;

  left: -6px;

}



.circlePos4 {

  bottom: -6px;

  right: -6px;

}



.modalCircle {

  background-color: rgba(255, 255, 255, 0.6);

  display: block;

  width: 12px;

  height: 12px;

}



.closePop {

  position: absolute;

  top: -15px;

  right: -15px;

  background: var(--main-color1);

  border-radius: 50%;

  z-index: 1;

  color: #fff;

  opacity: 1;

  width: 20px;

  height: 20px;

  line-height: 20px;

}



.closePop:hover,

.closePop:focus {

  background: var(--main-color2);

  color: #fff;

}



/* modal css end */

/* =================== Case studies page Start ======================*/









.caseBox .caseStudy-icon {

  transition: all 0.3s ease 0s;

  position: absolute;

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

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

  transform: translateY(-50%);

  position: absolute;

  top: 55%;

  left: 0;

  right: 0;

  opacity: 0;

}



.caseBox .caseStudy-icon>a {

  border-radius: 50%;

  border: 2px solid transparent;

  background: #fff;

  margin: 0 7px;

  height: 46px;

  width: 46px;

  line-height: 46px;

  display: inline-block;

  -webkit-transition: all 0.2s ease 0s;

  -moz-transition: all 0.2s ease 0s;

  -ms-transition: all 0.2s ease 0s;

  -o-transition: all 0.2s ease 0s;

  transition: all 0.2s ease 0s;

  font-size: 30px;

}



.caseBox:hover .caseStudy-icon {

  opacity: 1;

  top: 50%;

}



.caseBox .caseImg img {

  cursor: pointer;

  display: block;

  opacity: 1;

  width: 100%;

  transition: all 0.3s ease 0s;



}



.caseBox:hover .caseImg img {

  cursor: default;

  opacity: .15;

  transform: scale(1, 1);

}



.text-bottom-line {

  width: 1px;

  border-top: 30px solid var(--main-color1);

  margin-left: auto;

  margin-right: auto;

  margin-bottom: 25px;

}



.project-list {

  list-style: none;



}



.project-list li {

  position: relative;

  padding: 15px 0;

  margin: 0 0 4px 0;

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

}



/* =================== Case studies page End ======================*/





@media (min-width: 1024px) and (max-width: 1359px) {}





@media (min-width: 1360px) {

  .showcase .bigText {

    font-size: 80px;

    line-height: 85px;

    font-weight: bold;

  }

}







@media (max-width: 767px) {



  .nav.nav-pills {

    margin-right: 0 !important;

    width: 100%;

    flex-direction: row !important;

    margin-bottom: 20px;

  }



  .nav-pills .nav-link {

    width: 48%;

    margin: 1%;

    font-size: 14px;

    padding: 20px;

  }



  .newsMain .nav-pills .nav-link {

    width: 100%;

    margin: 1%;

    font-size: 12px;

    padding: 5px 15px;

  }



  .nav-pills .nav-link .pillTxt {

    text-align: left;

  }



  header .navbar .navbar-nav .nav-link {

    padding-top: 10px;

    padding-bottom: 10px;

  }



  .site-header-top .container {

    padding-left: 15px !important

  }



  .justify-content-end {

    justify-content: flex-start !important;

  }



  .showcase {

    min-height: 350px;

    padding: 100px 0;

  }



  .parallaxbg {

    background-size: cover;

  }



  .navbar-toggler {

    z-index: 9999;

    width: 70px;

    height: 70px;



    border-radius: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

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

    right: 0px;

    position: relative;

    overflow: hidden;

  }



  .navbar-toggler span {

    position: absolute;

    width: 40px;

    height: 4px;

    background: var(--main-color1);

    border-radius: 4px;

    transition: 0.5s;

  }



  .navbar-toggler span:nth-child(1) {

    transform: translateY(-15px);

    width: 25px;

    left: 15px;

  }



  .navbar-toggler span:nth-child(2) {

    transform: translateY(15px);

    width: 15px;

    left: 15px;

  }



  .navbar-toggler.active span:nth-child(1) {

    width: 40px;

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

  }



  .navbar-toggler.active span:nth-child(2) {

    width: 40px;

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

  }



  .navbar-toggler.active span:nth-child(3) {

    transform: translateX(60px);

  }





  .navbar-toggler:hover,

  .navbar-toggler:focus {

    box-shadow: none;

    border: none;

  }



  .navbar-toggler ion-icon {

    color: #fff;

    font-size: 40px;

  }



  .navbar-collapse ul.navbar-nav {

    position: fixed;

    background: var(--main-color2);

    width: 100%;

    left: -100%;

    height: 100%;

    transition: all 0.6s ease-in-out;

    transform: none;

    top: 0;

    padding: 30px 20px;

  }



  .showcase header.header-fixed {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

  }



  .fixHeader {

    padding-top: 72px;

  }



  .navbar-collapse.show ul.navbar-nav {

    left: 0;

  }



  .whyBox {

    padding: 0 15px;

    text-align: center;

  }



  .whyRiseUp .title,

  .whyRiseUp .sub-title {

    text-align: center;

  }



  .showMob {

    display: block;

  }



  .cursor-wrapper {

    display: none !important;

  }



  .bigText {

    font-size: 48px;

    line-height: 50px;

    font-weight: bold;

  }



  .obj1 {

    right: 20px;

    bottom: 25px;

  }



  .obj2 {

    width: 120px;

    height: 120px;

    left: 40px;

    top: 0px;

  }



  header .navbar .navbar-nav .nav-link.btnTeal {

    display: inline-block;

  }





  .vText {

    position: static;

    margin-bottom: 20px;

    font-size: 48px;

    line-height: normal;

    height: auto;



    writing-mode: unset;

  }



  .demoForm {

    margin-left: 0 !important;





  }



  .bookDemo .overlay {

    width: 100%;

    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);

    z-index: -1;

  }



  .videoCard {

    max-width: 90%;

    margin: auto;

  }



  .card-content .video-card-text {

    margin: 40px 0 30px;

    min-height: 0;

  }



  .section-padding {

    padding: 60px 0;

  }



  .moveText marquee,

  .scrollText {

    font-size: 80px;

  }



  .headingBlock {

    font-size: 48px;

    line-height: 55px;

  }



  .textBlock.ps-4 {

    padding-left: 15px !important

  }



  .w-75 {

    width: 100% !important;

  }



  .textLg {

    font-size: 60px;

    line-height: 70px;

    font-weight: 600;

  }



  .col-md-5 {

    padding-left: 30px !important;

  }



  .authText.px-5 {

    padding-top: 60px;

    padding-bottom: 60px;

  }



  .textShdw {

    font-size: 70px;

    top: 105px;

  }



  .bookDemo {

    height: auto !important;

  }







  .social {

    margin-top: 20px;

  }



  .showcase .bigText {

    font-size: 42px;

    line-height: 42px;

  }



  .showcase .bigText .highlight {

    display: block;

  }



  .videoBg .textLg,

  .videoBg .fs24 {

    font-size: 30px;

    line-height: 40px;

    margin-bottom: 0;

  }



  header .navbar .navbar-nav .nav-link.btnTeal,

  header .navbar .navbar-nav .nav-link.btnWhite,

  header .navbar .navbar-nav .nav-link.btnDark {

    min-width: 110px;

    display: inline-block;

  }



  .objBottomRight .obj1 {

    bottom: -75px;

    right: -75px;

    width: 200px;

    height: 200px;

    transform: rotate(140deg);

  }



  .objBottomLeft .obj1 {

    width: 200px;

    height: 200px;

    bottom: -90px;

    left: -75px;

    transform: rotate(250deg);

  }





  .objBottomRight .obj1 .obj-inner,

  .objBottomLeft .obj1 .obj-inner {

    width: 100px;

    height: 100px;

  }



  .objBottomRight .moveCircle,

  .objBottomLeft .moveCircle {

    width: 15px;

    height: 15px;

    left: 20px;

    top: 55px;

    transform-origin: 82px 57px;

  }



  .tabText .nav-tabs .nav-link {

    margin-bottom: 15px;

  }



  .tabText .tabTitle {

    font-size: 36px;

    line-height: 42px;

  }



  .metaShowcase .altBox {

    margin-top: -150px;

    text-align: center;

  }



  /* .zIndex1,

  .videoBg .video-content-right {

    z-index: initial;

  } */



  .bookDemo .colbg {

    z-index: 0;

  }



  .metaShowcase {

    z-index: 1;



  }



  .metaShowcase:before {

    z-index: -1;

  }



  .showcase .bigText.left {

    font-size: 36px;

    line-height: 40px;

  }



  .showcase .fs20 {

    font-size: 14px !important;

  }







  header .navbar .navbar-nav li>ul {

    position: static;

    padding: 10px 0;

    border: none;

    display: none;

  }



  header .navbar .navbar-nav li.open>ul {

    display: block;

    visibility: visible;

    opacity: 1;

  }



  header .navbar .navbar-nav li.nav-item {

    margin-left: 0;

  }



  header .navbar .navbar-nav li.has-menu:after {

    content: "";



    color: var(--main-color1);

    position: absolute;

    right: 30px;

    top: 0;

    font-size: 16px;

    transition: all 0.3s ease;

  }



  header .navbar .navbar-nav li.has-menu.open:after {

    transform: rotate(-180deg);

  }





  .pricing-table.table-top {

    table-layout: auto;

  }







  td.pricing-col {

    padding: 15px 25px;

  }



  .store-left,

  .store-right {

    flex: 0 0 100%;

    max-width: 100%;

  }



  .nav.nav-pills.store-right {

    flex-direction: column !important;

    padding-left: 0 !important;





  }



  .tab-content.store-left {

    margin-bottom: 30px;

  }



  .nav.nav-pills.store-right .nav-link {

    width: 100% !important;

  }



  .prodBox {

    width: 75%;

    margin: 0 auto 30px;

    height: auto;

  }



  .prodBox .product {

    position: static;

    transform: translate(0px);

  }



  .sliderInner {

    width: 100%;

    margin: 0 auto;

  }



  .sliderheading {

    font-size: 25px;

  }



  .feature-col {

    text-align: center;

    flex-direction: column;

    margin-bottom: 30px;

  }





  .overview .textBox {

    text-align: center;

  }



  .fs28 {

    font-size: 24px;

  }



  .productSec .imgBox {

    max-width: 90%;

  }



  .storeBenefit .benefit-header {

    width: 100% !important;

  }







}