.heading-section{background-image: linear-gradient(180deg,#000000 0%, #051820 50%,#1f4154 100%)!important;}
.y-text{color:#fecc00;}
.w-text{color:#ffffff;}
.trq-text{color:#00E5FF;}
.pu-text{color:#EAAEFF;}
.g-text{color:#00FF66;}
a.news-link{font-size:14px; color:#212121;}
.logo-leaders{color:#949393;}
.line-logo{border-left:solid 1px; margin: 0 0 0 16px; position:relative; top:2px}
.logo-leaders{display:flex;justify-content:center;}  
.flex-logo img{margin:0 15px;}
.desc-text{font-size:18px;}
.pLastChild{margin:0 0 30px;}
#autotype{color:#0191FF; font-size:30px;}
.ico-templates{position:relative; height: 110px;}
.templates-icons,.trq-icons, .cs-icons, .dg-icons, .ln-icons {margin:30px 0; position:absolute; right:0}
.templates-icons img, .trq-icons img, .cs-icons img, .dg-icons img, .ln-icons img  {margin:0 10px;}
.chevron-right, .chevron-down, .w-chevron-right {position:relative; margin:0 0 0 10px; top:2px; width:8px;}
.chevron-down{rotate:90deg; width:8px;}
.gradient-trq{background: rgb(22,255,237); background: linear-gradient(90deg,rgba(0,229,255,100) 0%,rgb(0,174,255) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.iconArea{margin:20px 0 20px;}
.advantagesArea{display:flex;}
.iconArea{padding:0 30px 0 0; width:20%;}
.descArea{padding:0; width:60%;}

/*numbers*/
.cardSection{background:#0a3b66;;padding:20px; border-radius:16px; box-shadow: 0px 20px 30px #00000026; overflow:hidden;}
.counter-item img{width:80px;margin-bottom:10px;}
.desc-item{margin-bottom:30px;display:block;}
.count-border{border:solid 1px #212121;display:inline-block;padding:0 30px 15px;border-radius:20px;margin:20px 0;}
    .counter-item h6{
      font-size:14px;
      font-weight:bold;
      line-height: 1.4em;
    }
    .desc-item{
      font-weight:bold;
    }
    
    .fix-position{
      position:relative;
      margin-top:10px;
    }
    
    .n-container{
      display:flex;
      justify-content:space-between;      
      margin:50px 0 0;
    }
    .counter-item{
      text-align:center;
      min-width: 18%;  
    }


    .fig-number{
      margin:10px 0 4px;
      display:block;
      font-size:28px;
      font-weight:bold;
    }
    
    .fix-position-fig{
      position:relative;
      bottom:8px;
    }

.glow-down{width: 188px;height: 188px;box-shadow: 0px 3px 99px #D96DFF;opacity: 1; border-radius:100px; background:rgba(217,110,255,0.39); position:inherit; bottom:0;margin:0 auto}
.glow-row{position: relative;height: 0;top: 273px;margin: 0 auto;width: 100%;}

.item2 .glow-down, .item3 .glow-down{box-shadow: 0px 3px 99px #FECC00;opacity: 1; background:rgba(254,205,0,0.38);}

.item4 .glow-down{box-shadow: 0px 3px 99px #00E5FF;opacity: 1; background:rgba(0,229,255,0.39)}

.item5 .glow-down{box-shadow: 0px 3px 99px #00FF66;opacity: 1; background:rgba(0,255,102,0.38)}

.n-container .item1{position:relative;top:100px;}
.n-container .item2{position:relative;top:30px;}
.n-container .item3{position:relative;top:70px;}
.n-container .item4{position:relative;top:130px;}
.n-container .item5{position:relative;top:0px;}
.frame-chart{width:100%;height:400px;border-radius:14px;}
.et-pb-controllers a{width: 14px;height: 14px;}
.animationpolar{border-radius:100%; box-shadow: 0px 0px 99px #A1F2E845;}
.pointcontainer{overflow:hidden;}
.pu-point{width:16px;height:16px; background:#D96DFF;border-radius:100px;margin:0 auto;position:relative;bottom:8px;}
.y-point{background:#fecc00;}
.trq-point{background:#00E5FF;}
.g-point{background:#00FF66}
.l-dushed{border-left:dashed 1px rgba(255,255,255,0.52); height:400px; position:absolute;left:50%;margin-top: -6px;}
.video-chart{box-shadow: 0px 20px 30px rgba(27,27,27,0.63);border-radius:20px;z-index:0;}

body, header{max-width:2760px;margin:0 auto;}
.companies {
    position: relative;
  top:2px;
}
  .m-heading{
    font-size:50px !important;
  }
#clients {
	display: block;
	margin-left: auto;
	margin-right: auto;
  max-height: 100px;
  overflow: hidden;
}

#clients .clients-wrap {
	display: block;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

#clients .clients-wrap ul {
	display: block;
	list-style: none;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

#clients .clients-wrap ul li {
  display: block;
  float: left;
  position: relative;
  width: 220px;
  height: 100px;
  line-height: 100px;
  text-align: center;
}
#clients .clients-wrap ul li img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  -webkit-transition: 0 linear left;
  -moz-transition: 0 linear left;
  transition: 0 linear left;  
}
.gm-logo,.b-logo{
    width: 70px;
    position: relative;
    margin:0 auto;
}

.themeitem.hidden, .trq-qorner, .cs-qorner, .dg-qorner, .l-qorner , .ln-qorner, .trq-icons, .cs-icons, .dg-icons, .templates-icons , .ln-icons{
  opacity:0;
  transition: all 1s;
}

.themeitem, #turquoisehexagon .trq-icons,
#cyberspace .cs-icons,
#darkgold .dg-icons,
#light .templates-icons,
#lightnature .ln-icons{
  opacity:1;
  transition: all 1s;
}

#turquoisehexagon .trq-qorner,
#cyberspace .cs-qorner,
#darkgold .dg-qorner,
#light .l-qorner,
#lightnature .ln-qorner
{
  opacity:1;
  transition-delay: 1s;
}

.themerow{
  position:relative;
  width:100%;
  display:block;
}

.themerow img{
  position:absolute;
}
.m-buttons{display:none;}
.dropdown{display:inline-block;}
.carousel-examples{
  width:100%;
  height:100%;
}

#mainDashBoard > * {
width:100%;
height:100%;
min-height: 65vh;
display: block;
position: relative;
}

.swiper-slide{    box-shadow: 0px 56px 34px -36px rgb(10 0 0 / 19%);}

			.swiper {
				width: 100%;
				height: 100%;
			}
      
      .mySwiper-charts-demos{
        padding-bottom:60px
      }
			.swiper-slide-chart-demos  {
				height: 500px;
				margin-top: 0px;
        border-radius: 20px;
        overflow: hidden;  
			}

			.swiper-slide iframe {
				display: block;
				width: 100%;
				height: 100%;
			}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,14px));
  height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,14px));}
.swiper-pagination-bullet {
  background: #a6a6a6!important;}

.swiper-pagination{
    bottom:-40px!important;
  }
  
/* promt screen*/  

 #iframe_main_db{}
  .promt-bg{position:absolute!important; height:65vh;background-color:rgba(0,0,0,0.5);z-index:99; width:100%; display:flex;}
  .promt-element{margin:auto; width:200px;top:calc(30vh - 100px); position:relative; height:200px; background-color:#212121; border-radius:14px; text-align: center;}
  .promt-element img{width:100px; height:100px; margin:20px 0 0}
  .promt-element span {display: block; padding: 0 15px 0; font-size: 14px; line-height: 1.5; margin: 10px 0;}
  .main-promt{border-radius: 0; height: 100%!important;}
  .main-promt .promt-element{top:calc(34vh - 100px);}
  
/*slider*/
.slider-js .swiper-pagination {
    bottom: 10px!important;
}

.swiper-container{
  overflow:hidden;
}

.swiper-pagination-bullet {
    background: rgb(255 255 255 / 13%)!important;
    width: 10px !important;
    height: 10px !important;
}

.slider-js .swiper-pagination-bullet{
  background:#dfdfdf!important;
  	width: 16px !important;
    height: 16px !important;
}


.swiper-pagination-bullet-active {
    background: #fecc00!important;
    width: 16px !important;
    height: 16px !important;
    position: relative !important;
    top: 3px !important;
}

.slider-js .swiper-pagination-bullet-active{
  background: #fecc00!important;
  top: 0px!important;
}


#dashboard_title,#full, .bg-heading-slider{
  display: none;
}

#dashboard_title{
  padding-top:15px;
}

.promt-element{
  text-align: center;
}

#testimonial{
  display: flex;
  overflow: hidden
}
.testimonial_slider{
  min-width:350px !important
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
  background-image: url(/wp-content/uploads/images/homepage/icon-chevron-left.svg)!important;
  background-repeat:no-repeat; 
  background-color: #f4f4f4;
    background-size: 9px;
    border-radius: 100px;
    background-position: 16px;
    width: 40px;
    height: 40px;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
  background-image: url(/wp-content/uploads/images/homepage/icon-chevron-right.svg)!important;
  background-repeat:no-repeat;  
  background-color: #f4f4f4;
    background-size: 9px;
    border-radius: 100px;
    background-position: 16px;
    width: 40px;
    height: 40px;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: none!important;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: none!important;
}
.swiper-slide-chart-demos{
	box-shadow:none;
}
.swiper-button_custom {
    top: 45%!important;
}

.mySwiper-charts-demos{height:580px;padding-bottom: 0;}

.bg-cs-lines{
    display:none 
  }
  .swiper-pagination-bullet{
    border:none!important;    
  }
  
  .swiper-pagination-bullet-active {
    background: #fecc00!important;
}
  
:root { font-size: 16px; }
* { margin: 0; padding: 0; }
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 32px;
  min-height: 250px;
  cursor: grab;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
 

.swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
    border: 2px solid #000;
}
.swiper-pagination-bullet-active {
    background: #000;
}
  
  .swiper-slide img{
    border-radius:18px;
  }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z%27%20fill%3D%27%23000%27%2F%3E%3C%2Fsvg%3E);
  left: 1.5rem;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z%27%20fill%3D%27%23000%27%2F%3E%3C%2Fsvg%3E);
    right: 1.5rem;
}
  /*btn style*/
  #section05 a {
  padding-top: 70px;
}
#section05 a span {
  position: absolute;
  top: 50px;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb05 1.5s infinite;
  animation: sdb05 1.5s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb05 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb05 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}

.fullscreen-mode .lightning-btn{width:50px; height:50px;padding:13px; background:rgba(255,255,255,0.1); border:none;}
  .fullscreen-mode .lightning-btn:hover{
    background:rgba(255,255,255,0.3);
    border:block;
  }
  #full{
        z-index: 9999!important;
    display:  none;
  }
  .full {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
  	width: 100%;
    height: calc(100% - 90px);
		border: none;
		margin: auto 0 0;
		padding: 0;
		overflow: hidden;
    z-index: 999!important;
    min-height: auto !important;
}

.glow-trquoise-div{position: relative;
    height: 0;
    top: 140px;
    margin: 0 auto;
    width: 500px; z-index:2; }
  	
  
  .glow-trquoise{
  	box-shadow: 0px 0 300px #00e5ff;
    opacity: 1;
    width:500px;
    height:300px;
    border-radius:100%;
    background: rgba(0,229,255,0.45);}
	
/*themes section*/
#darkgold{
     background-image: url(/wp-content/uploads/2022/11/darkergold-background.jpg)!important;
     background-size: cover;
  	 background-repeat: no-repeat;
  	 background-position: 50%;
    background-color: #1c1b1b!important; transition: all 1s;}
   #light{
     background-image: url(/wp-content/uploads/2022/11/lighterr-background.jpg)!important;
     background-size: cover;
  	 background-repeat: no-repeat;
  	 background-position: 50%;
     background-color: #f4f4f4!important; transition: all 1s;}
#turquoisehexagon{
  background-image: url(/wp-content/uploads/2022/11/turquoise-background.jpg)!important;
     background-size: cover;
  	 background-repeat: no-repeat;
  	 background-position: 50%;
  	 background-color:#061d2a!important;
     transition: all 1s;
  } 
  #cyberspace{
    background-image: url(/wp-content/uploads/2022/11/cyberspace-background.jpg)!important;
     background-size: cover;
  	 background-repeat: no-repeat;
  	 background-position: 50%;
    background-color:#061d2a!important; transition: all 1s;}
  #lightnature{
    background-image: url(/wp-content/uploads/2022/11/lightnature-background.jpg)!important;
     background-size: cover;
  	 background-repeat: no-repeat;
  	 background-position: 50%;
    background-color: #f4f9f2!important; transition: all 1s;}
  #turquoisehexagon h2, #turquoisehexagon p {color:#00fff0!important; transition: all 1s;}
  #cyberspace h2, #cyberspace p {color:#00c6ff!important; transition: all 1s;} 
  #darkgold h2 {color:#f8ff8f!important; transition: all 1s;}  #darkgold p,  #cyberspace p {color:#ffffff!important; transition: all 1s;}
  #darkgold #autotype{color:#fecc00!important;}
  #light #autotype{}
  #lightnature #autotype{color:#5577a5!important;}
  #turquoisehexagon #autotype{color:#51b7ff!important;}
  #cyberspace #autotype{color:#e851ff!important;}
  
/*promt for slider examples*/  
.promt-bg{position:absolute!important; height:500px;background-color:rgba(0,0,0,0.5);z-index:99; width:100%; display:flex; border-radius:20px}
  .promt-element{margin:auto; width:200px;top:150px; position:relative; height:200px;background-color:#212121; border-radius:14px;}
  .promt-element img{width:100px; height:100px; margin:20px 0 0}
  .promt-element span {display: block; padding: 0 15px 0; font-size: 14px; line-height: 1.5; margin: 10px 0;}
  .swiper-button_custom{
    top:95%
  }
  
 .advantagesArea{display:flex;}
  .iconArea{padding:0 30px 0 0; width:20%;}
  .descArea{padding:0; width:60%;}  
  
  	.reveal{
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 1s all ease;
}

.reveal.active{
  transform: translateY(0);
  opacity: 1;
}

/*Testimonials*/
.st-container{
    display:flex;
    flex-wrap:nowrap;
    position:relative;
    align-items: self-start;
  }
  .st-row{width:80%; overflow:hidden; margin:0 auto;}
  a.st-item{color:#212112; display:block; background-color:#f4f4f4;padding:30px; min-width:32%;border-radius:16px; margin:1% 2% 1% 0}
  .st-item p{line-height:1.4;}
  .st-signature{font-weight:bold;  border-top:solid 1px #cccccc; font-size:14px; padding:20px 0}
  a.st-item:first-child{margin:10px 2% 10px 0;}
  a.st-item:last-child{margin:10px 2% 10px 0;}
  .st-left img, .st-right img{width:18px; height:18px;cursor:pointer;}
  .st-left, .st-right{position:absolute;background-color:#f4f4f4; display:block;width:40px; height:40px;border-radius:100px; padding:6px 0 0 10px; cursor:pointer; top:30%; opacity:0.7;}
  .st-right{padding:6px 0 0 12px;right:0;}
  .st-left:hover, .st-right:hover{opacity:1;}
  /*3 items*/
  @media screen and (max-width:1500px){
    a.st-item{min-width:32%;}
  }
  /*2 items*/
  @media screen and (max-width:1024px){
    a.st-item{min-width:49%;}
  }
   /*1 item*/
  @media screen and (max-width:980px){
    a.st-item{min-width:100%;}
  }
   @media screen and (max-width:760px){
     .st-row{width:74%;}
  }
  
  /*product section*/
   .about-product a:hover{text-decoration:underline;}
  .overvisible{overflow:visible!important;}
  .dropbtn {
  cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
  margin:0 0 16px;
}
  
  .dropdown .lightning-btn{border-radius:24px; width:320px;}
  .dropdown:hover .lightning-btn{
    border-radius:24px 24px 0 0;
  }
  .chevron-down{
    transition:all 0.3s;
  }
  .dropdown:hover .chevron-down{
    rotate:-90deg;
    transition:all 0.3s;
  }
  
  .about-product{margin:0 0 20px;}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  width:320px;
  display: none;
  position: absolute;
  background-color: #ffffff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  border-radius:0 0 24px 24px;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f4f4f4}
.dropdown-content a:last-child:hover {border-radius:0 0 24px 24px;}
  

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
}
  .download-list a{display:block; color:#212121; padding:20px 10px 0px;}
  .download-list a:first-child{padding:30px 10px 0;}
  .download-list a:last-child{padding:20px 10px;}
  .product .lightning-btn{margin:0; width:320px; z-index:2; position:relative;}
  .download-list{background:#fecc00; display:inline-block; width:300px;position:relative; bottom:23px; z-index:1; 
  border-radius:0 0 24px 24px; opacity:0; transition: all 300ms ease 0ms;
    cursor: pointer;} 
  .btn-container{width:320px; margin:0 auto;}
  
  .btn-container:hover .download-list{
    opacity:1;
    transition: all 300ms ease 0ms;
    cursor: pointer;
  }
  
  .btn-container:hover  .lightning-btn {
    border: solid 1px #ffdc33;
    background: #ffdc33;
    transition: all 300ms ease 0ms;
    cursor: pointer;
}
  
  
.product p{
  padding: 0 0 0 40px;
  margin:18px 0 0; 
  text-align:left;
  line-height:1.5em;
  color:#fff;
}

.product p::before{  
  content: " ";  
  background:url(/wp-content/uploads/images/icons/arrow-yellow.svg) center no-repeat; 
  position:absolute;
 left:10px;
  margin-top:4px;  
  width:16px;
  display:inline-block;
  height:16px;
}

.features-list{
  margin: 40px 0 60px;
  display:block;
  min-height:130px
}

.w-stroker:hover {
    border: solid 1px #ffffff;
    background: #ffffff29;
    color: #ffffff;
}


@media only screen and (max-width:1600px){
  h1{font-size:32px!important; margin-bottom:10px;}
  .fig-number{font-size:18px;}
  .desc-item{font-size:14px;}
  .cardSection{padding: 20px 10px; margin: 0 5px;} 
  .product .lightning-btn{margin: 0!important;}
  .themerow img{top: 90px;}
  .promt-bg{height: 60vh;}
  #mainDashBoard > *, .dashboard-height, .lc-dashboard {
min-height: 60vh!important;
}
}

@media only screen and (max-width:1400px){
  .laptop-width{max-width:95%!important; width:95%!important}
  .laptop-width-head{max-width:100%!important; width:100%!important}
  .logo-leaders {display: flex; flex-wrap: wrap;}
  .logo-leaders span{width:100%;display:block; margin: 20px 0 0;}
  .line-logo{display:none;}
  .themerow img{top: -76px;}
  .themerow {top: 50px; width: 130%; right: 190px;}
  .ico-templates img {width: 28px;}
}

@media only screen and (max-width:980px){
  .laptop-width{max-width:90%!important; width:90%!important} 
  .n-container .item1,.n-container .item2, .n-container .item3, .n-container .item4, .n-container .item5{position:relative;top:0px; width:50%}
  .n-container{flex-wrap: wrap; justify-content: center;}
  .cardSection{margin: 10px;} 
  .pointcontainer{display:none;}
  .trq-qorner, .cs-qorner, .dg-qorner, .l-qorner, .ln-qorner{min-height: 1280px;}
  #autotype{text-align:left;}
  .templates-icons, .trq-icons, .cs-icons, .dg-icons, .ln-icons{left:0;}
  .story-btn{width:50%!important;}
   .m-buttons{display:block;}
  .dropdown{display:none!important;}
  .themerow {top: 0; width: 100%; right: auto;}
  .flex-logo img{margin:15px;}
  .animation-chart{height:326px;}
  .product .lightning-btn{margin: 10px!important;}
  
}

@media only screen and (max-width:720px){
  .video-3d-grid{width: 400px!important; height: 400px; padding-top: 44px!important;  right: 18px!important;
    padding-right: 50px!important;
    padding-bottom: 0 !important;
    padding-left: 40px!important;}
  .n-container .item1,.n-container .item2, .n-container .item3, .n-container .item4, .n-container .item5{position:relative;top:0px; width:100%}
  .fig-number{font-size:24px;}
  .desc-item{font-size:18px;}
  .themeitem.hidden, .trq-qorner, .cs-qorner, .dg-qorner, .l-qorner, .ln-qorner, .trq-icons, .cs-icons, .dg-icons, .templates-icons, .ln-icons{display: flex;
    flex-wrap: nowrap;}
  .ico-templates img{width: 24px;}
  .story-btn{width:70%!important;}
  #autotype {font-size: 24px;}
  .swiper-slide img{
    border-radius:10px!important;
  }
}