/*
Theme Name: tvistech
Theme URI: http://example.com
Author: Your Name
Author URI: http://example.com
Description: A custom WordPress theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: my-custom-theme
*/

:root{
	--primary-color:#00EFFF;
	--white-color:#fff;
	--black-color:#000;
	--light-gray:#bbb;
	--offwhite-color:#FEFEFE;
	--font-18:clamp(16px, 1.5vw, 18px);
	--borderradius-50:50px;
	--font-20:clamp(1.125rem, 1.5vw, 1.25rem);
	--fira-font:"Fira Sans", sans-serif;
}
*{
	box-sizing: border-box;
}
body{
	overflow-x: hidden;
	margin: 0;
	padding: 0;
	font-family: "Alexandria", sans-serif;
	font-weight: 400;
}
ul{
	padding: 0;
	margin: 0;
}
li{
	list-style: none;
}
a{
	text-decoration: none;
}
p{
	margin: 0;
	font-size: var(--font-18);
	line-height: 1.5;
}
#typing-text {
  border-right: 3px solid #00f5ff;
  padding-right: 5px;
  white-space: nowrap;
  animation: blink 0.7s infinite;
  text-transform: uppercase;
  font-size: 66px;
  font-weight: 700;
}

@keyframes blink {
  0%, 50%, 100% { border-color: #00f5ff; }
  25%, 75% { border-color: transparent; }
}
.big-text{
	font-size: var(--font-20);
}
h1 {
  font-size: clamp(2rem, 5vw, 4.125rem);
  margin: 0;
  line-height: 1.31;
}
h2{
	font-size: clamp(1.75rem, 5vw, 3.375rem);
	margin: 0;
	line-height: 1.31;
}
h3{
	font-size: clamp(1.25rem, 2.5vw, 1.5rem);
	margin: 0;
	line-height: 1.5;
}
h5{
	margin: 0;
	font-size:clamp(0.9375rem, 1.1vw, 1rem);
	line-height: 1.4;
}
.font-fira{
	font-family: var(--fira-font);
	letter-spacing: 10%;
}
.text-white{
	color: var(--white-color);
}
.uppercase{
	text-transform: uppercase;
}
.relative{
	position: relative;
}
.aqua-color{
	color: var(--primary-color);	
}
.offwhite-color{
	color: var(--offwhite-color);
}
.lightgray-color{
	color: var(--light-gray);
}
.fontwe-300{
	font-weight: 300;
}
.container{
	max-width:1710px;
	padding: 0 15px;
	margin: 0 auto;
	width: 100%;
}
.global-btn {
	font-size: var(--font-18);
	border-radius: var(--borderradius-50);
	line-height: normal;
	padding: 16px 24px;
	backdrop-filter: blur(90px);
	transition: 300ms cubic-bezier(0.83, 0, 0.17, 1);
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
}
.global-btn.right-arrow,.global-btn.white-right-arrow{
	padding: 16px 53px 16px 24px;
}

.global-btn:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transform: scaleX(0);
  transform-origin: 0 50%;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #05CEFF 29.81%, #00EFFF 69.71%);
  /*background: linear-gradient( 82.3deg, rgba(150, 93, 233, 1) 10.8%, rgba(99, 88, 238, 1) 94.3% );*/
  transition: all 0.475s;
}
.global-btn:hover:before{
   transform: scaleX(1);
}
/*.global-btn.blue-bg:before{
	background: #fff;
}*/

.blue-bg {
	background: #00EFFF;
	color: #000000;
}
.global-btn .text{
	position: relative;
	padding-right: 28px;
}
.global-btn .text:after{
	position: absolute;
	content: '';
	background: url('images/arrow-right.png') no-repeat right;
	width: 24px;
	height: 24px;
	right: -5px;
}


.bgwhite{
	background: #FFFFFFB2;
	color: var(--black-color);
}
.glboal-btn .icon{
	padding-left: 5px;
}
.flex{
	display: flex;
}
.item-center{
	align-items: center;
}
.justify-between{
	justify-content: space-between;
}
.bgblue{
	background: var(--primary-color);
	color: var(--black-color);
}
.whitebg {
  background: var(--white-color);
  color: var(--black-color);
}
.right-arrow,.white-right-arrow{
	position: relative;
}
.right-arrow::after {
	position: absolute;
	content: '';
	background: url('images/arrow-right.png') no-repeat right;
	right: 20px;
	width: 24px;
	height: 24px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.white-right-arrow::after {
	position: absolute;
	content: '';
	background: url('images/white-arrow-right.png') no-repeat right;
	right: 20px;
	width: 24px;
	height: 24px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.bg-transr {
	border: 1px solid #fff;
	color: var(--white-color);
}
p:empty {
	display: none !important;
}
img {
  vertical-align: middle;
}

/*header*/

#Layer_1 path{fill:white;}
#favicon{width:60px;}
.logo.flex{gap:5px;}
header ul{display:flex;}
header ul > li.menu-item-has-children {	margin-right: 70px;}
header ul li a{color:var(--white-color);font-size:var(--font-20);line-height: 20px;display: block;}
#logoText{overflow:hidden;display:flex;align-items:center;width:155px !important;white-space:nowrap;}
header{position:fixed;top:0;left:0;width:100%;z-index:10000;display:flex;justify-content:center;padding:19px 0;border-bottom:1px solid #FFFFFF1F;}
.scrolled {	border: 0;}
header ul > li {  margin-right: 35px;}
header ul li:last-child {  margin-right: 0;}
.primary-nav .menu-item-has-children a{position:relative;display:flex;gap:30px;align-items:center;}
.primary-nav .menu-item-has-children .menu-content{gap:5px;display:flex;flex-wrap:wrap;max-width:560px;}
.primary-nav .grid-3 .sub-menu .menu-content{padding-right:90px;}
.primary-nav .grid-3 .sub-menu li:nth-child(3):after{background:transparent;}
.primary-nav .grid-3 .sub-menu li:nth-child(3) a:after{right:0;}
header ul li span.menu-title{line-height:20px;display:inline-block;transition:all 0.3s ease;}
header ul li a:hover span.menu-title:hover,header ul > li:hover span{color:var(--primary-color);}
.primary-nav .menu-item-has-children > a::after{position:absolute;content:'';background:url('images/white-plus-sign.svg') no-repeat right / 18px;width:18px;height:18px;top:2px;bottom:0;margin:auto 0 auto 6px;right:-25px;}
.primary-nav .grid-2 .sub-menu{display:grid;grid-template-columns:repeat(2,1fr);column-gap:60px;}
.primary-nav .grid-3 .sub-menu{display:grid;grid-template-columns:repeat(3,1fr);column-gap:53px;row-gap:0;}
.primary-nav .sub-menu{position:absolute;width:100vw;background:#FFF;border-bottom:3px solid #00EFFF;border-radius:0 0 50px 50px;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;transform:perspective(1000px) rotateX(-5deg) scale(0.92);transition:375ms cubic-bezier(0.7,0,0.3,1);opacity:0;visibility:hidden;top:90px;padding:0 120px;}
.primary-nav .sub-menu li{position:relative;padding:70px 0;}
.primary-nav .sub-menu li:after{background:#EEEEEE;position:absolute;content:'';width:1px;height:100%;top:0;right:-30px;margin:auto;}
.primary-nav .sub-menu li:last-child:after{width:0;}
.primary-nav .menu-item-has-children:hover .sub-menu{opacity:1;visibility:visible;transform:perspective(100px) rotateX(0) scale(1);}
.primary-nav .sub-menu li .menu-icon img{filter:grayscale(100%) brightness(0.6);transition:all 0.3s ease;}
.primary-nav .sub-menu li .menu-link{transition:all 0.3s ease;}
.primary-nav .sub-menu .menu-link:hover .menu-icon img{filter:inherit;}
.primary-nav .sub-menu .menu-link:hover .menu-title{color:var(--black-color);}
.primary-nav .sub-menu .menu-link:hover .menu-description{color:var(--black-color);}
.primary-nav .menu-item-has-children:hover > a:after{background:url('images/blue-plus-sign.svg') no-repeat right / 18px;}
.primary-nav .sub-menu span.menu-title{font-size:24px;color:#7B7B7B;font-weight:600;line-height:1.3;}
.primary-nav .sub-menu .menu-description{color:#7B7B7B;font-size:16px;line-height:1.5;display:inline-block;}
.primary-nav .sub-menu li{margin-right:0;}
.primary-nav .menu-item-has-children .sub-menu a:after{position:absolute;content:'';width:60px;height:60px;right:30px;background:url('/wp-content/uploads/2026/02/sub-menu-arrow.svg');top:0;bottom:0;margin:auto;transition:all 0.2s;}
.primary-nav .menu-item-has-children .sub-menu li:last-child a:after{right:0;}
.primary-nav .grid-3 .sub-menu::before{position:absolute;content:'';width:100%;height:1px;background:#EEEEEE;top:0;bottom:0;margin:auto;}
.primary-nav .sub-menu li a:hover::after{background:url('images/blue-circle-arrow.svg') no-repeat;transform:rotate(-50deg);}
.primary-nav .grid-3 .sub-menu li:nth-child(-n+3){padding:65px 0 50px;}
.primary-nav .grid-3 .sub-menu li:nth-child(n+4):nth-child(-n+6){padding:50px 0 75px 0;}
.primary-nav .grid-3 .sub-menu li:nth-child(-n+3) .menu-content{padding-right:120px;}
.scrolled .primary-nav .sub-menu{top:80px;}
/**home**/

.inner-header{display:flex;justify-content:space-between;align-items:center;margin:0 auto;max-width:1680px;transition: background-color 0.3s ease;
    will-change: width, margin-top, border-radius;width: 100%}
.home-hero{height:100vh;position:relative;background:linear-gradient(90deg,#000000 25.57%,rgba(0,0,0,0.2) 100%);top:0;width:100%;}
.home-hero .hero-video{height:100%;position:absolute;width:100%;left:0;top:0;}
.home-hero .hero-video::after{position:absolute;content:'';width:100%;height:100%;background:linear-gradient(90deg,#000000 25.57%,rgba(0,0,0,0.2) 100%);}
.home-hero .hero-video video{width:100%;height:100%;}
.header-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:0;transform:translate(-50%,-50%);object-fit:cover; /* cover the whole header area */}
.hero-content{position:absolute;z-index:11;width:100%;height:100%;left:0;right:0;display:flex;align-items:center;align-content:center;flex-wrap:wrap;top:65px;}
.hero-content h1 span{color:var(--primary-color);}
.hero-content p{margin:20px 0 40px;}
.btn-grp{gap:20px;display:flex;}
.target-next{position:absolute;bottom:0;right:0;left:0;margin:auto;text-align:center;z-index:9999;}
.texture{position:relative;background:linear-gradient(90deg,#151313 0%,#000000 100%);padding:115px 0;}
.texture::before{position:absolute;content:'';width:100%;height:100%;background:url('images/texture-bg.png') no-repeat center / cover;top:0;left:0;}
.target-next img{animation:smoothY 1.2s cubic-bezier(.4,0,.2,1) infinite;}
@keyframes smoothY{

	0%{
		transform: translateY(0);
	}
	50%{
		transform: translateY(-25px);
	}
	100%{
		transform: translateY(0);
	}

}
.window-main{height:80px;overflow:hidden;position:relative;display:inline-block;top:14px}
.wrapper{display:flex;flex-direction:column;animation:rotateText 12s infinite;}
.wrapper span{height:80px;display:flex;align-items:center;font-size:66px}

/* 4 REAL items */
@keyframes rotateText {
    0%, 20%   { transform: translateY(0); }
    25%, 45%  { transform: translateY(-80px); }
    50%, 70%  { transform: translateY(-160px); }
    75%, 95%  { transform: translateY(-240px); }
    100%      { transform: translateY(-320px); }
}
.who-we-are .left-info::after{position:absolute;content:'';right:0;background:#FFFFFF12;width:1px;height:555px;top:0;bottom:0;margin:auto;}
.who-we-are .left-info.relative{padding-right:66px;width:38.50%;display:flex;flex-wrap:wrap;align-content:center;}
.who-we-are .right-content{padding-left:66px;width:calc(100% - 38.50%);}
.who-we-are .big-text{margin:30px 0;}
.who-we-are .ceo-info{margin:40px 0 0 0;gap:24px;}
.who-we-are .ceo-info .details{display:flex;flex-wrap:wrap;align-items:center;flex-direction:column;}
.who-we-are .details ul{display:flex;align-items:center;margin-left:0;margin-right:auto;gap:10px;}
.who-we-are .details ul a{display:block;}
.who-we-are .details ul li{width:32px;height:32px;}
.who-we-are .ceo-info h5{text-align:left;margin-left:0;margin-right:auto;margin-bottom:10px;font-weight:500;}
.who-we-are .right-content p{margin:15px 0 40px;}
.company-vision{display:flex;align-items:center;gap:27px;}
.company-vision .box-gray{background:#FFFFFF1A;backdrop-filter:blur(8.600000381469727px);border-radius:20px;width:50%;padding:40px;display:flex;flex-wrap:wrap;height:100%;position:relative;}
.company-vision .box-gray .icon{position:absolute;top:20px;right:20px;}
.company-vision .box-gray h3{line-height:1.3;margin-bottom:15px;}
.company-vision br{display:none;}
.lightgray-color.max-310{max-width:308px;}
.company-vision .box-gray p{margin:0;}
.services{background:linear-gradient(355.74deg,#000 1.8%,#101010 94.87%);padding:10px 0 50px;position: relative;}
.services:before {
    position: absolute;
    content: '';
    background: url('https://devtvis.stgdeven.com/wp-content/uploads/2026/02/Services-text.png') no-repeat;
    left: 0;
    width: 100%;
    height: 100%;
    top: 160px;
}
.services .title{width:22%;margin-top:70px;}
.service-row{width:78%;}
.services .flex{gap:66px;}
.services .col a{display:flex;align-items:center;gap:95px;}
.services .col .headlines-detail{display:flex;align-items:center;}
.services .col .headlines-detail .number{color:#D9D9D933;font-size:24px;font-weight:600;position:relative;padding:0 10px;}
.services .col .headlines-detail .number:before,.services .col .headlines-detail .number:after{position:absolute;color:#00EFFF33;}
.services .col .headlines-detail .number:before{content:'{';left:0;}
.services .col .headlines-detail .number:after{content:'}';right:0;}
.services .col .content{color:#FEFEFE;border-bottom:1px solid #FFFFFF1F;width:100%;padding:60px 0;position:relative;display:flex;align-items:center;flex-direction:column;}
.services .content .hide{max-height:0;overflow:hidden;opacity:0;transform:translateY(-15px);transition:max-height 1.5s ease,opacity 0.4s ease,transform 1.5s ease;width:100%;}
.services .col:hover .content .hide{max-height:500px; /* large enough for content */opacity:1;transform:translateY(0);}
.services .col:hover .number{color:#D9D9D9;}
.services .col:hover .headlines-detail .number:after,.services .col:hover .headlines-detail .number:before{color:#00EFFF;}
.services .content .arrow-btn{position:absolute;right:0;top:0;bottom:0;margin:auto;height:66px;width:66px;border:1px solid #363636;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.col .arrow-btn svg{transition:transform 0.3s ease;}
.col:hover .arrow-btn svg{transform:rotate(-45deg);}
.col:hover .arrow-btn{border-color:var(--primary-color);}
.col:hover .arrow-btn svg path{stroke:var(--primary-color);}
.services .col:hover h3{color:var(--white-color);background:inherit;-webkit-text-fill-color:inherit;}
.services .service-row h3{background:linear-gradient(90deg,#4D4D4D 0%,#121212 116.04%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;font-size:clamp(2.375rem,4.5vw,3.375rem);text-transform:capitalize;font-weight:bold;line-height:1.3;text-align:left;width:100%;}
.service-row .service-info{display:flex;gap:20px;margin:30px 0 0;}
.service-row .service-info li{color:#949494;border:1px solid #949494;border-radius:50px;padding:12px 16px;font-size:16px;font-weight:300;}
.services .col .content p{max-width:795px;margin-left:0;margin-right:auto;text-align:left;width:100%;margin-top:20px;color:#FEFEFE;}
.services .col:nth-child(6) .content{border-bottom:0;}



/****process*****/

.How-It-Works{padding:120px 0;background:linear-gradient(355.74deg,#000 1.8%,#101010 94.87%);}
.process-grid{display:grid;grid-template-columns:1fr 0.91fr;gap:80px;align-items:start;}
.How-It-Works .works-header{margin-bottom:40px;}

/* Left Side - Steps */
.step-card{background:#FFFFFF0F;border-radius:20px;padding:20px;margin-bottom:20px;cursor:pointer;opacity:0.6;transition:opacity 0.5s ease;position:relative;overflow:hidden;border:1px solid #FFFFFF0F;}
.step-card.mb-0{margin-bottom:0;}
.step-card.active{opacity:1;border-bottom-color:rgba(0,242,255,0.3);background:rgba(255,255,255,0.06);}
.step-label{color:#00EFFF;font-weight:600;font-size:15px;display:block;margin-bottom:17px;background:#00EFFF1F;width:fit-content;padding:4px 16px;border-radius:15px;}
.step-card h3{margin:0 0 13px 0;color:var(--white-color);line-height:1.3}
.step-card p{color:var(--light-gray);}

/* Right Side - Video */
.video-sticky{position:sticky;top:135px;}
.video-box{width:100%;aspect-ratio:1;background:#111;border-radius:30px;overflow:hidden;position:relative;}
.video-box video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 0.8s ease;}
.video-box video.active{opacity:1;}
.cta-box{background:#FFFFFF1F;padding:35px 55px;border-radius:20px;display:flex;justify-content:space-between;align-items:center;backdrop-filter:blur(46.70000076293945px);}
.cta-box h3{max-width:400px;color:var(--white-color);font-weight:600;}



/***portfolio-sec***/

.portfolio{background:linear-gradient(355.74deg,#000000 1.8%,#101010 94.87%);padding:115px 0;}
.portfolio .flex.item-center .btn{display:flex;margin-right:0;margin-left:auto;}
.portfolio-grid{margin-top:70px;display:flex;flex-wrap:wrap;gap:33px;}
.portfolio-grid .portfolio-item{display:flex;gap:30px;align-items:center;width:100%;}
.portfolio-grid .portfolio-item img{border-radius:30px;object-fit:cover;object-position:center;width:100%;height:100%;}
.portfolio-grid .portfolio-content{background:#151515;display:flex;flex-wrap:wrap;border-radius:30px;height:100%;width:33%;flex-direction:column;padding:60px;}
.portfolio-grid .portfolio-item .portfolio-image{height:500px;width:67%;}
.portfolio-grid .portfolio-item.is-even{flex-direction:row-reverse;}
.portfolio-title{font-size:clamp(1.75rem,3vw,2.25rem);line-height:1.22;color:var(--white-color);margin:22px 0;display:block;}
.portfolio-grid .portfolio-category{border:1px solid #949494;border-radius:50px;color:#949494;padding:5px 15px;width:fit-content;line-height:1;}
.portfolio-grid .global-btn{margin-top:90px;width:fit-content;}
.portfolio-image{overflow:hidden;border-radius:20px; /* Match your design */}
.portfolio-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(0.25,1,0.5,1);}
.portfolio-item:hover .portfolio-image img {    transform: scale(1.05);}

/***tesimonial***/

.testimonial{background:linear-gradient(355.74deg,#101010 1.8%,#000 94.87%);padding:5px 0 120px 0;}
.testimonial .testi-left{width:68%;}
.testimonial .flex.title-row{gap:70px;margin-bottom:70px;}
.testimonial .testi-count{width:32%;}
.testimonial p.text-white{font-weight:600;}
.testimonial-row{gap:54px;}
.testimonial-row .slider{width:66%;}
.testimonial-row #videoCard{width:34%;border-radius:20px;overflow:hidden;height:505px;}
.testimonial .testi-count .counter{font-size:100px;color:var(--white-color);transition: transform 0.3s ease;}
.countdown {    display: flex;    gap: 5px;    align-items: center;}
.countdown b {    font-weight: 400;    font-size: 100px;    color: var(--primary-color);}
.testimonial-role{color:#717171;font-size:16px;line-height:24px;}
.testimonial-author .info{gap:3px;}
.testimonial-content p{color:#7C7C7C;font-size:26px;line-height:1.5;font-weight:600;max-width:435px;}
.testimonial-content p mark{background:transparent;color:var(--white-color);}
.testimonial-author{display:flex;align-items:center;gap:10px;justify-content:space-between;}
.testimonial-author .testimonial-name{color:#CECECE;margin:0;font-size:var(--font-20);}
.video-wrapper{position:relative;height:calc(100% - 80px);background:#222;cursor:pointer;}
.testimonial-slider{background:#151515;border-radius:16px;}
.testimonial-slider .testimonial-item{padding:50px;position:relative;}
.testimonial-slider .testimonial-item::after{position:absolute;content:'';width:1px;height:100%;background:#FFFFFF14;left:0;top:0;}
.testimonial-item.slick-slide.slick-current::after{background:transparent;}
.testimonial-slider .picture-row{display:flex;gap:10px;align-items:center;}
.testimonial-content{position:relative;padding-top:70px;padding-bottom:45px;}
.testimonial-content::before{position:absolute;content:'';top:0;background:url('images/quote-icon.png') no-repeat;width:43px;height:34px;}
.testimonial-slider .slick-arrow{bottom:-100px;top:auto;transform:inherit;border:1px solid #FFFFFF3D;width:60px;height:60px;border-radius:50%;transition: all 0.3s ease}
.testimonial-slider .slick-arrow:hover {	background: var(--primary-color);}
.testimonial-slider .slick-prev{left:0;right:75px;margin:auto;}
.testimonial-slider .slick-next{right:0;left:75px;margin:auto;}
.testimonial-slider .slick-prev::before,.testimonial-slider .slick-next:before{content:'';background:url('images/left-Arrow.png') no-repeat;width:23px;height:8px;display:block;right:0;left:0;margin:auto;}
.testimonial-slider .slick-next:before{transform:rotate(180deg);}

/* The actual video (hidden until play) */
video{width:100%;height:100%;object-fit:cover;display:block;}
.parallax-video{position: relative;height: 100%;}
/* Overlay Preview (The Image & Play Button) */
.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('/wp-content/uploads/2026/02/Zach.webp'); /* Placeholder image */background-size:cover;background-position:center;z-index:2;transition:opacity 0.5s ease,visibility 0.5s ease;display:flex;justify-content:center;align-items:center;}

/* Badge */
.badge{position:absolute;top:20px;left:20px;background:#FFFFFF4D;padding:8px 16px;border-radius:20px;font-size:14px;color:#000;}
.play-btn{width:83px;height:83px;border:1.5px solid #fff;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:transform 0.3s ease;background:#FFFFFF66;}
.video-wrapper:hover .play-btn{transform:scale(1.1);}

/* Bottom Info Bar */
.info-bar{background:linear-gradient(88.85deg,#00EFFF 1.77%,#149AA3 100%);padding:13px 30px;display:flex;justify-content:space-between;align-items:center;z-index:3;position:relative;}
.user-meta h3{margin:0;font-size:var(--font-20);font-weight:600;color:#000;}
.user-meta p{font-size:16px;font-weight:400;color:#323330; /* Darker teal for readability */}

/* Visit Site Button */
.visit-btn{background:#fff;color:#323330;text-decoration:none;padding:5px 10px;border-radius:30px;font-weight:600;font-size:12px;display:flex;align-items:center;gap:8px;transition:all 0.3s ease;}
.visit-btn:hover {	background: var(--primary-color);}

/* JS Helper Classes */
.is-playing .video-overlay{opacity:0;pointer-events:none;visibility:hidden;}


/**cta**/
.cta-card .inner-row{background:linear-gradient(274.64deg,rgba(5,206,255,0.15) 7.19%,rgba(166,166,166,0.15) 50.3%,rgba(253,173,0,0.15) 94.25%);padding:100px 0;border-radius:30px;text-align:center;}
.cta-card{background:linear-gradient(355.74deg,#000000 1.8%,#101010 94.87%);padding:105px 0;}
.cta-card .button-group{gap:54px;justify-content:center;margin:50px 0 0 0;}
.cta-card p{margin-top:19px;}
.cta-card .inner-row h3{margin-bottom:10px;}

/**footer**/
footer{background:linear-gradient(355.74deg,#101010 1.8%,#000 94.87%);padding-bottom: 40px;}
.footer-bg{background:linear-gradient(98.89deg,rgba(243,80,69,0.15) 1.05%,rgba(166,166,166,0) 50.33%,rgba(5,206,255,0.15) 99.62%);border-radius:30px;padding:60px 0 0;}
.platform-row ul{display:flex;justify-content:space-between;}
.platform-row{padding:0 80px 50px;}
.platform-row ul li{position:relative;justify-content:center;display:flex;width:fit-content;padding:0 100px;}
.platform-row ul li::before{position:absolute;content:'';width:1px;height:100%;background:#FFFFFF1A;right:0;top:0;}
.platform-row ul li:first-child{justify-content:left;padding-left:0;}
.platform-row ul li:last-child{justify-content:end;padding-right:0;}
.platform-row ul li:last-child::before{width:0;}
.platform-row ul li a{display:flex;align-items:center;gap:30px;}
.platform-row .number{color:var(--white-color);font-size:var(--font-20);font-weight:500;position:relative;padding-left:40px;}
.platform-row .number:before{position:absolute;content:'';width:29px;height:26px;left:0;background:url('images/Star.png') no-repeat left;}
.middle-footer .colum h4{color:#159BA4;text-transform:uppercase;font-size:var(--font-20);letter-spacing:2%;font-weight:600;margin:45px 0 35px;}
.middle-footer{display:flex;padding:0 80px;border-width:1px 0;border-style:solid;border-color:#FFFFFF1A;}
.middle-footer .colum{border-right:1px solid #FFFFFF1A;padding:50px 85px 100px;}
.middle-footer .colum:nth-child(2){padding:50px 84px;width:315px;}
.middle-footer .colum:nth-child(3){max-width:395px;}
.middle-footer .colum:first-child{padding-left:0;}
.middle-footer .colum:last-child{border-right:0;padding-right:0;}
.middle-footer .menu a{color:var(--white-color);font-size:var(--font-18);}
.middle-footer .menu li{margin-bottom:30px;}
.middle-footer .menu li:last-child{margin-bottom:0;}
.middle-footer .colum h2{margin-bottom:50px;}
.middle-footer .colum .info-detail{display:flex;flex-wrap:wrap;flex-direction:column;}
.middle-footer .info-detail li{display:flex;align-items:center;margin-bottom:54px;gap:15px;}
.middle-footer .info-detail li:last-child{margin-bottom:40px;}
.middle-footer .info-detail .icon{background:#00EFFF1A;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;}
.middle-footer .info-detail .detail{display:flex;flex-direction:column;color:var(--white-color);font-size:15px;line-height:1.5;}
.middle-footer .info-detail .detail a{width:100%;display:inline-block;color:var(--white-color);font-size:var(--font-20);transition: all 0.3s ease;}
.middle-footer .info-detail .detail a:hover{color: var(--primary-color);}
.middle-footer .social-links{display:flex;gap:20px;}
.middle-footer .social-links li{background:#FFF3;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition: all 0.3s ease}
.middle-footer .social-links li:hover {
	background: #00EFFF1A;
}
.middle-footer .social-links li:hover svg path,.middle-footer .social-links li:hover svg circle{stroke: var(--primary-color);}
.middle-footer .social-links li a{display:flex;align-items:center;justify-content:center;}
.last-footer{justify-content:space-between;padding:30px 80px;color:#888888;font-size:16px;}
.last-footer .right{align-items:center;display:flex;}
.last-footer .right svg{margin:0 6px;}

.middle-footer .menu-title {
  transition: all 0.3s ease;
}
.middle-footer .menu-title:hover {
  color: var(--primary-color);
}