.price-slider input[type="range"]::-webkit-slider-thumb{appearance: none;width: clamp(20px, 3vw, 30px);height: clamp(20px, 3vw, 30px);background: rgb(255, 114, 32);border-radius: 50%;cursor: pointer;transition: background 0.3s;box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px}
.price-slider input[type="range"]::-moz-range-thumb{width: clamp(20px, 3vw, 25px);height: clamp(20px, 3vw, 25px);background: rgb(255, 114, 32);border: medium;border-radius: 50%;cursor: pointer}
.price-slider{padding: 20px;text-align: center}
.priceslide-header{margin-bottom: 50px}
.price-value{font-size: 3rem;font-weight: bold;color: rgb(255, 114, 32);margin-bottom: 20px}
.price-value span{font-size: 20px;color: #484848}
.priceslide-header button{color: rgb(0, 171, 255);font-weight: 600;font-size: 20px;background: transparent;border: none;border: medium}
.priceslide-header button:hover, .priceslide-header button:focus{color: rgb(129, 129, 129);border: none !important;border: medium !important}
.price-slider .tick-marks{width: 100%;height: 20px;display: flex;justify-content: space-between;margin-top: -22px}
.price-slider .tick{width: 12px;height: 12px;background-color: rgb(255, 255, 255);border-radius: 30px}
.price-slider input[type="range"]{width: 100%;height: 30px;border-radius: 50px;appearance: none;outline: none;transition: background 0.3s;border: 1px solid rgb(255, 226, 171);background: rgb(255, 239, 211);padding: 2px}
.price-slider .range-labels{display: flex;justify-content: space-between;font-size: clamp(16px, 2.5vw, 20px);color: #484848;margin-top: 10px;margin-bottom: 5px}
.price-slider input[type="range"]:focus{border: none !important;border: medium !important}
.stat{display: flex;justify-content: center;margin-top: 50px}
.stat-wrapper{display: flex;width: 100%;border: 1px solid rgb(221, 221, 221);border-radius: 20px;background: rgb(255, 255, 255);position: relative;overflow: scroll}
.stat-card{width: 22%;padding: 35px;position: relative}
.stat-card + .stat-card::before{content: "";position: absolute;top: 10px;bottom: 10px;width: 1px;background-color: rgb(242, 242, 242);left: 0px;transform: translateX(0%)}
.stat-header{display: flex;align-items: center;font-size: clamp(12px, 1.8vw, 20px);color: #333;margin-bottom: 10px;justify-content: space-between;font-weight: bold;text-align: left}
.stat-value{font-size: clamp(12px, 1.8vw, 20px);color: #484848;text-align: left}
.comparison-wrapper{display: flex;flex-direction: column;align-items: center;margin-top: 20px}
.label-row{display: flex;width: 100%;justify-content: space-between}
.label-placeholder{width: 18.2%}
.label-row .label{flex: 1 1 0%;text-align: center;position: relative}
.most-popular-badge{display: inline-block;background: linear-gradient(90deg, rgb(238, 168, 25) 0%, rgb(236, 85, 38) 100%);color: rgb(255, 255, 255);font-size: 14px;font-weight: bold;text-transform: uppercase;border-radius: 16px 16px 0px 0px;box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;margin-bottom: 0px;padding: 6px 24px;position: relative;width: 100%}
.compear-pricing-section-area .compear-table ul li button.nav-link.active{cursor: pointer}
.comparison-table{display: flex;width: 100%;border-radius: 10px;overflow: auto;box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px}
.features-column{width: 20%;background: rgb(253, 253, 253);padding: 20px 0px;box-sizing: border-box;border-right: 1px solid rgb(221, 221, 221)}
.feature{padding: 15px 10px;border-bottom: 1px solid rgb(238, 238, 238);font-size: clamp(14px, 2vw, 16px);color: #333}
.plans{display: flex;width: 90%}
.plan{flex: 1 1 0%;background: rgb(253, 253, 253);display: flex;flex-direction: column;border-right: 1px solid rgb(221, 221, 221);justify-content: space-between;position: relative}
.plan:last-child{border-right: none;border-right: medium}
.plan.highlight{background: rgb(255, 240, 195);border: 2px solid rgb(238, 148, 28);z-index: 1;transform: unset}
.plan.highlight .strike-price{color: rgb(210, 37, 37) !important}
.plan-feature-title{font-size: clamp(16px, 2.5vw, 18px);font-weight: 600;color: #333;margin: 147.5px 0px;text-align: center}
.plan-header{text-align: center;padding: 60px 6px 10px;font-weight: bold;font-size: clamp(18px, 2.5vw, 22px);color: rgb(82, 82, 82);position: relative;height: 341px}
.plan-header p{font-size: 14px;margin: 20px 0px;color: #484848}
.plan-price{font-size: clamp(10px, 2vw, 18px);margin-top: 5px;color: #484848;text-align: center}
.plan-price div{padding: 8px}
.plan-price del{color: rgb(153, 153, 153);margin-right: 4px;font-size: 14px}
.plan .plan-offer{font-size: clamp(12px, 2vw, 15px);color: rgb(54, 176, 129);font-weight: 600;display: inline-block;padding: 0px;border-radius: 18px;margin-top: 0%;margin-left: 4px}
.plan .plan-feature{padding: 15px 10px;text-align: center;border-bottom: 1px solid rgb(238, 238, 238);font-size: 14px;color: #484848}
.plan-feature .check-tick{color: rgb(46, 204, 113);font-weight: bold}
.plan-feature .check-cross{color: rgb(252, 76, 76);font-weight: bold}
.plans-pricing{font-size: clamp(18px, 5vw, 36px)}
.comp-arrow{position: absolute;top: 62%;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;font-size: 16px;cursor: pointer;z-index: 98;color: rgb(51, 51, 51);background: rgb(255, 255, 255);border-radius: 50%;border: 1px solid rgb(236, 236, 236);box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px;transition: background 0.3s, transform 0.2s}
.comp-arrow:hover{background: rgb(240, 240, 240)}
.plan-offer {color: rgb(54, 176, 129);font-weight: 600;}
.more_btn{display: block;width: fit-content;margin: 25px auto;font-size: 18px;font-weight: 500;color: white;background: linear-gradient(90deg, rgb(238, 168, 25) 0%, rgb(236, 85, 38) 100%);transition: 100ms;position: relative;padding: 8px 16px;border: none;outline: none;border-radius: 50px;float: right;border: medium}
.more_btn:hover{scale: 1.05;color: rgb(255, 255, 255)}
.more_btn:focus{outline-color: rgb(237, 113, 34);color: rgb(255, 255, 255);border: 1px solid rgb(237, 113, 34) !important}
.watch-screen{width: 1550px;height: 450px;background: rgb(255, 255, 255);border-radius: 35px;position: relative;padding: 20px;display: flex;justify-content: center}
.icons_container{display: flex}
.icons_heading{align-content: center;margin-right: 8%;color: rgb(71, 203, 25);background-image: linear-gradient(45deg, rgb(255, 176, 32), rgb(23, 38, 47) 100%);background-clip: text;-webkit-text-fill-color: transparent}
.icons1{position: relative;width: 90%;height: 100%}
.icon1{height: 60px;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: white;font-size: 26px;position: absolute;transition: transform 0.2s;cursor: pointer;pointer-events: none}
.icon1 img{width: 75px !important}
.icon1 span {display: inline-block;background-repeat: no-repeat;}/*background-image: url("/cloud/assets/images/logo_ts_sprites.png");*/
.bg-wp_logo_ts {width:75px;height:17px;background-position: -390px -168px;}
.bg-ubuntu_logo_ts {width:75px;height:38px;background-position: -295px -10px;}
.bg-tally_logo_ts {width:75px;height:35px;background-position: -105px -252px;}
.bg-python_logo_ts {width:75px;height:36px;background-position: -295px -184px;}
.bg-plesk_logo_ts {width:75px;height:42px;background-position: -105px -182px;}
.bg-php_logo_ts {width:75px;height:38px;background-position: -295px -68px;}
.bg-phpad_logo_ts {width:75px;height:50px;background-position: -105px -106px;}
.bg-oracle_logo_ts {width:75px;height:75px;background-position: -105px -10px;}
.bg-node_logo_ts {width:75px;height:38px;background-position: -295px -126px;}
.bg-nginx_logo_ts {width:75px;height:20px;background-position: -295px -308px;}
.bg-windows_logo_ts {width:75px;height:20px;background-position: -390px -10px;}
.bg-webuzo_logo_ts {width:75px;height:19px;background-position: -390px -90px;}
.bg-tomcat_logo_ts {width:75px;height:36px;background-position: -10px -252px;}
.bg-mysql_logo_ts {width:75px;height:56px;background-position: -10px -106px;}
.bg-mod_logo_ts {width:75px;height:41px;background-position: -200px -182px;}
.bg-mag_logo_ts {width:75px;height:35px;background-position: -200px -252px;}
.bg-joomla_logo_ts {width:75px;height:16px;background-position: -390px -279px;}
.bg-java_logo_ts {width:75px;height:50px;background-position: -200px -106px;}
.bg-iss_logo_ts {width:75px;height:34px;background-position: -295px -252px;}
.bg-im360_logo_ts {width:75px;height:19px;background-position: -390px -129px;}
.bg-eset_logo_ts {width:75px;height:33px;background-position: -10px -308px;}
.bg-ddos_logo_ts {width:75px;height:75px;background-position: -200px -10px;}
.bg-DA_logo_ts {width:75px;height:17px;background-position: -390px -205px;}
.bg-csf_logo_ts {width:75px;height:76px;background-position: -10px -10px;}
.bg-cpanel_logo_ts {width:75px;height:50px;background-position: -10px -182px;}
.bg-cloudlinux_logo_ts {width:75px;height:32px;background-position: -105px -308px;}
.bg-centos_logo_ts {width:75px;height:26px;background-position: -200px -308px;}
.bg-almalinux_logo_ts {width:75px;height:15px;background-position: -390px -315px;}
.bg-mssql_logo_ts {width:75px;height:20px;background-position: -390px -50px;}
.bg-cyberpanel_logo_ts {width:75px;height:17px;background-position: -390px -242px;}
.icon1:nth-child(1){top: 0px;left: 160px}
.icon1:nth-child(2){top: 80px;left: 90px}
.icon1:nth-child(3){top: 160px;left: 10px}
.icon1:nth-child(4){top: 230px;left: 90px}
.icon1:nth-child(5){top: 320px;left: 160px}
.icon1:nth-child(6){top: 0px;left: 260px}
.icon1:nth-child(7){top: 160px;left: 400px}
.icon1:nth-child(8){top: 155px;left: 140px}
.icon1:nth-child(9){top: 230px;left: 210px}
.icon1:nth-child(10){top: 80px;left: 210px}
.icon1:nth-child(11){top: 0px;left: 360px}
.icon1:nth-child(12){top: 80px;left: 330px}
.icon1:nth-child(13){top: 155px;left: 270px}
.icon1:nth-child(14){top: 230px;left: 330px}
.icon1:nth-child(15){top: 320px;left: 360px}
.icon1:nth-child(16){top: 0px;left: 460px}
.icon1:nth-child(17){top: 80px;left: 440px}
.icon1:nth-child(18){top: 320px;left: 260px}
.icon1:nth-child(19){top: 230px;left: 440px}
.icon1:nth-child(20){top: 320px;left: 460px}
.icon1:nth-child(21){top: 0px;left: 560px}
.icon1:nth-child(22){top: 80px;left: 560px}
.icon1:nth-child(23){top: 160px;left: 530px}
.icon1:nth-child(24){top: 230px;left: 560px}
.icon1:nth-child(25){top: 320px;left: 560px}
.icon1:nth-child(26){top: 0px;left: 660px}
.icon1:nth-child(27){top: 80px;left: 660px}
.icon1:nth-child(28){top: 160px;left: 660px}
.icon1:nth-child(29){top: 230px;left: 660px}
.icon1:nth-child(30){top: 320px;left: 660px}
.pwdby_container{background: linear-gradient(180deg,#FFF 0,#cecece 100%,#FFF 100%); }
.pwdby_container h2{font-size: clamp(24px, 5vw, 35px);color: #484848;padding-bottom: 2rem;margin: 0px}
.pwdby_container .inner_container{display: inline-block;margin: 1rem 3rem;white-space: nowrap}
.pwdby_container .mid_container{width: 85%;margin: auto}
.pwdby_container img{width: 5rem;vertical-align: middle}
.animated_head{font-size: clamp(30px, 4vw, 55px);}
#wrapper{position: relative;display: inline-block}
.wrap_cont{color: rgb(216, 106, 51);background: linear-gradient(90deg, rgb(236, 85, 38) 0%, rgb(238, 168, 25) 100%) text;-webkit-text-fill-color: transparent;background: linear-gradient(90deg, rgb(236, 85, 38) 0%, rgb(238, 168, 25) 100%) padding-box text}
.animated-underline{position: relative;display: inline-block}
.animated-underline::after{content: "";position: absolute;left: 0px;bottom: -2px;width: 0px;height: 2px;background-color: rgb(216, 106, 51);animation: 5s ease 0s 1 normal forwards running underlineAnimation;animation: 5s forwards underlineAnimation}
.theme-btn1{color: #525252;background: transparent;overflow: hidden;display: inline-flex;justify-content: center;align-items: center;padding: 10px 45px;text-transform: capitalize;min-width: max-content;transition: 0.65s ease-in-out;position: relative;z-index: 4;font-size: clamp(16px, 2vw, 20px);font-style: normal;font-weight: normal;line-height: var(--f-fs-font-18);border-radius: 111px;border: none;margin-top: 1%;border: medium}
.theme-btn1 span{position: absolute;display: block;width: 0px;height: 0px;border-radius: inherit;transition: width 0.3s ease-in-out, height 0.3s ease-in-out;transform: translate(-50%, -50%);z-index: -1}
.theme-btn1:hover{transform: translateY(-5px);transition: 0.6s}
.theme-btn1:hover span, .theme-btn1:focus span{width: 225%;height: 220px}
.btn_theme_active1{color: rgb(82, 82, 82);position: relative;z-index: 0;font-size: var(--f-fs-font-22);line-height: var(--f-fs-font-18)}
.btn_theme_active1 span{background: #484848}
.btn_theme_active1::after{content: "";position: absolute;display: flex;align-items: center;width: 100%;height: 100%;background: rgb(255, 216, 20);z-index: -3;border-radius: 9px}
.btn_theme_active1:hover, .btn_theme_active1:focus{color: rgb(255, 255, 255)}
.btn_theme_active2{color: rgb(255, 114, 32);position: relative;z-index: 0;font-size: var(--f-fs-font-20);line-height: var(--f-fs-font-16)}
.btn_theme_active2 span{background: #484848}
.btn_theme_active2::after{content: "";position: absolute;display: flex;align-items: center;width: 100%;height: 100%;background: var(--vtc-text-white);z-index: -3;border-radius: 9px}
.btn_theme_active2:hover, .btn_theme_active2:focus{color: rgb(255, 255, 255)}
.btn_theme_active3::after{content: "";position: absolute;display: flex;align-items: center;width: 100%;height: 100%;background: #54bf37;z-index: -3;border-radius: 9px}
.btn_theme_active3:hover, .btn_theme_active2:focus{color: rgb(255, 255, 255)}
.btn_theme_active3 span{background: #484848}
.servicebox_cloud .service-icon{
	background-color: #f2f2f2 !important;
	padding: 10px;
	border: 1px solid dimgray;
	line-height: 60px;
}
@media (max-width: 768px){
	.stat-card{padding: 15px 10px}
	.price-slider{padding: 5px}
	.more_btn{float: unset}
	.icons_container{display: none}
	.icons1{position: static !important;display: grid !important;grid-template-columns: repeat(3, 1fr);gap: 60px;padding: 10px}
	.icon1, .icons1 img{position: static !important;transform: none !important;scale: 1 !important}
	.icons_heading{text-align: center;margin: 25px}
	.icons_heading h1{font-size: 30px}
	.carousel-container{display: block !important;overflow: hidden;width: 100%;margin: 70px 0px}
	.carousel-track{display: flex;transition: transform 0.4s ease-in-out;width: 100%}
	.carousel-slide{min-width: 100%;display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;padding: 20px;box-sizing: border-box;padding-left: 40px}
	.icon1{height: 70px;display: flex;align-items: center;justify-content: center}
	.icon1 img{max-width: 100%;max-height: 100%}
	.carousel-dots{text-align: center;margin-top: 10px}
	.carousel-dots .dot{height: 10px;width: 10px;margin: 0px 6px;background-color: rgb(204, 204, 204);border-radius: 50%;display: inline-block;cursor: pointer;transition: background-color 0.3s}
	.plan-price div{padding: 0px}
	.plan .plan-offer{padding: 4px 8px;margin-left: 0px}
	.plan-header{margin-top: -20px}
	.features-column{width: unset;padding: 20px 0px}
	.plan .plan-feature{height: 65px}
	.feature{padding: 15px 10px;height: 65px}
	.plan-feature-title{margin: 112px 0px;display: inline-flex;font-weight: bold;flex-direction: column;align-items: center}
	.most-popular-badge1{display: inline-block !important;background: linear-gradient(90deg, rgb(238, 168, 25) 0%, rgb(236, 85, 38) 100%);color: rgb(255, 255, 255);font-size: 10px;font-weight: bold;text-transform: uppercase;margin-bottom: 0px;text-align: center;position: absolute;width: 100%}
	.most-popular-badge{display: none}
	.plans{width: 100%}
	.plan-price{display: flex;flex-direction: column;align-items: center}
	.compear-pricing-section-area{padding: 50px 0px}
	.comparison-table .plans{display: flex;overflow-x: auto;scroll-behavior: smooth}
	.comparison-table .plan{min-width: 50%;flex-shrink: 0}
	.theme-btn1{padding: 8px 25px}
}
@media (max-width: 1024px){
	.stat-card{width: 50%;padding: 25px}
}
@media (min-width: 769px) and (max-width: 991px){
	.compear-pricing-section-area{padding: 50px 0px}
}
@media (max-width: 990px){
	.btn_theme_active2::after{background: rgb(255, 114, 32)}
	.btn_theme_active2{color: white}
	.icons_container{overflow: auto}
}
@media (max-width: 1525px){
	.watch-screen{width: 1800px}
}
@media (min-width: 992px) and (max-width: 1199px){
	.plan-feature-title{margin: 134.5px 0px}
}
.app_cloud .shape1{position: absolute;left: 0px;top: 0px;z-index: -1}
.apps2{background: rgb(248, 249, 250);}
.apps2 .apps-hosts{grid-template-columns: repeat(3,1fr);
  display: grid;}
.apps2 .apps-item{padding: 14px 20px;border-radius: 16px;background: white;display: flex;align-items: center;justify-content: space-between;transition: 0.4s}
.apps2 .apps-item img{transition: 0.4s;}
.apps2 .apps-item a .text,.apps2 .apps-item div .text{color:#484848;font-size: var(--f-fs-font-18);font-style: normal;font-weight: var(--f-fw-medium);line-height: var(--f-fs-font-18);padding-left: 10px;display: inline-block;transition: 0.4s;vertical-align: middle}
.apps2 .apps-item a:hover{transition: 0.4s;color: var(--vtc-text-title2)}
.apps2 .apps-item:hover{transition: 0.4s}
.apps2 .apps-item .icon_cloud{margin: 0;}
.apps2 .apps-item:hover img,.apps2 .apps-item:hover .icon_cloud,.apps2 .apps-item:hover .icon_hositngimg{transition: 0.4s;transform: rotate(360deg)}
.heading2-w{margin-bottom: 58px}
.heading2-w h2{color: #525252;font-size: clamp(24px, 5vw, 35px);}
.heading2-w p{font-size: clamp(16px, 2vw, 18px);text-align: left}
.apps-para{margin-top: 20px;font-size: clamp(16px, 2vw, 18px);text-align: left;}
.apps-item{margin: auto;text-align: center;border-radius: 10px;padding: 20px;border: 1px solid #e1e1e1;}
.app_cloud{background: rgb(250, 251, 255)}
@media (max-width: 768px){
.apps-item{max-width: 240px}
.apps2 .apps-hosts {grid-template-columns: repeat(1,1fr);}
}

.stack-wrapper{
  background: #fff;
  padding:70px 0;
}
.stack-header{
  position:sticky;
  top:0px;
  z-index:98;
  background:#fff;
  padding:22px 0 30px;
}
.stack-nav{
  display:flex;
  justify-content:center;
  gap:20px;
}
.stack-nav a{
  text-decoration:none;
  padding:10px 30px;
  border-radius:999px;
  color:#333;
  font-weight:500;
  transition:.3s;
}
.stack-nav a.active{
  background:dimgrey;
  color:#fff;
}
.stack-link {
    position: relative;
}
.stack-link::before {
    content: "";
    position: absolute;
    left: 8%;
    top: 50%;
    width: 8px;
    height: 8px;
    background: #d7d7d7;
    border-radius: 50%;
    transform: translateY(-50%);
    transition: all 0.2s ease;
}
.stack-link.active::before {
    background: #fff;
}

.stack-section{
  padding-bottom:0px;
}
.stack-card{
  position:sticky;
  top:100px;
  overflow:hidden;
}
.stack-card:nth-of-type(1){z-index:1}
.stack-card:nth-of-type(2){z-index:2; top:110px}
.stack-card:nth-of-type(3){z-index:3; top:120px}
.stack-card:nth-of-type(4){z-index:4; top:130px}
.stack-card:nth-of-type(5){z-index:5; top:140px}
.screen-container{
  width:90%;
  margin:auto;
  min-height:520px;
  display:flex;
  border-bottom:1px solid #fff; border-top:1px solid #fff;
}
.stack-left-panel{
  width:50%;
  background:#f7f7f7;
  padding:90px 80px;
  display:flex;
  align-items:center;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.stack-right-panel{
  width:50%;
  background: linear-gradient(90deg, hsla(97, 56%, 42%, 1) 0%, hsla(92, 55%, 62%, 1) 100%);
  color:#333;
  padding:80px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.stack-section h1{
  font-size:clamp(40px,4vw,52px);
  line-height:1.1;
  margin: 0;
}
.stack-left-panel h1 span{color:green}
.stack-subtitle{
  font-size:18px;
  margin:10px 0;
  color:#333;
}
.stack-right-panel h2 {
	font-size: clamp(18px,2vw,20px);
	margin: 0;
	color: #333;
}
.stack-right-panel p {
	font-size: clamp(16px,2vw,18px);
	margin: 0 0 8px;
	color: #333;
}
.stack-description{
  font-size: 18px;
  line-height: 1.7;
  color: #333;
  max-width: 500px;
  margin-top: 25px;
}
.stack-product-card{
  max-width:460px;
  padding:40px;
  border-radius:10px;
  background:#fff;
  box-shadow:0 30px 60px rgba(0,0,0,.6);
  transition:.4s;
}
.stack-icon-wrap{
  width:72px;height:72px;
  background:rgba(37,99,235,.12);
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:24px;
}
.stack-cta {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 14px 22px;
	background: darkcyan;
	color: #ffffff;
	border-radius: 12px;
	font-weight: 600;
	font-size: 15px;
	text-decoration: none;
	transition: background 0.3s ease;
	margin-top: 10px;
    float: right;
}
.stack-cta:hover{
	color: #fff;
}
.stack-icon{color:#2563eb;width:36px;height:36px}
.stack-product-card h2{color:#333;margin-bottom:10px}
.stack-product-card p{color:#333;margin-bottom:28px}
.stack-features{display:flex;flex-direction:column;gap:14px;margin-left:25px;}
.stack-feature:before {
	--fa: "\f00c";
	content: var(--fa);
	font-weight: 900;
	margin-left: -25px;
	font-family: "Font Awesome 6 Free";
	position: absolute;
	color: #0a4097;
}
.stack-compact-grid{display:grid;grid-template-columns:1fr;gap:20px;width: 450px;}
.stack-four-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width: 520px;}
.stack-eight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width: 700px;}

.stack-compact-card,.stack-four-card,.stack-eight-card{
  background:#fff;
  border-radius:10px;
  padding:20px;
  transition:.3s;
}
.stack-product-card:hover,
.stack-compact-card:hover,
.stack-four-card:hover,
.stack-eight-card:hover{
   transform: translateY(-6px);
   border-color: orange;
   box-shadow: 0 30px 60px rgba(253, 209, 152, 0.35);
}
.stack-compact-card .vm-logo, .stack-four-card .vm-logo, .stack-product-card .vm-logo{
    align-items: center;
    gap:20px
}
.vm-logo{
	display: flex;
    margin-bottom: 15px;
}
.icon_cloudindex {
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
}
.bg-wordpress_index      { background-position: -10px  -10px; }
.bg-tomcat_index         { background-position: -80px  -10px; }
.bg-tally_index    { background-position: -10px  -80px; }
.bg-python_index         { background-position: -80px  -80px; }
.bg-nvme_index        { background-position: -150px -10px; }
.bg-nodjs_index          { background-position: -150px -80px; }
.bg-n8n_index      { background-position: -10px  -150px; }
.bg-mongodb_index        { background-position: -80px  -150px; }
.bg-windows_index           { background-position: -150px -150px; }
.bg-mail_index           { background-position: -220px -10px; }
.bg-linux_index          { background-position: -220px -80px; }
.bg-deepseek_index       { background-position: -220px -150px; }
.bg-database_index       { background-position: -10px  -220px; }
.bg-cloudservice_index  { background-position: -80px  -220px; }
.bg-reactjs_index           { background-position: -150px -220px; }
.bg-ssddrive_index      { background-position: -220px -220px; }
.bg-memory_index         { background-position: -290px -10px; }

@media(max-width:900px){
  .stack-header{display:none}
  .screen-container{flex-direction:column}
  .stack-left-panel,.stack-right-panel{
    width:100%;
    padding:40px 24px;
  }
  .stack-card{
    position:relative;
    top:auto!important;
  }
  .stack-product-card{padding: 20px;}
  .stack-four-grid,.stack-compact-grid,.stack-eight-grid{grid-template-columns: repeat(1,1fr);width: 100%;}
}



.audience-wrapper {display: grid;grid-template-columns: repeat(3, 1fr);border: 1px solid green;border-radius: 6px;overflow: hidden;}
.audience-box {padding: 40px 30px;border-right: 1px solid green;}
.audience-box:last-child {border-right: none;}
.audience-box h3 {font-size: clamp(20px,2vw,22px);font-weight: 600;margin-bottom: 16px;color: #333;}
.audience-box p {color: #333;line-height: 1.6;}
@media (max-width: 768px) {
    .audience-wrapper { grid-template-columns: 1fr; }
    .audience-box { border-right: none;border-top: 1px solid green;padding: 30px 20px; }
    .audience-box:first-child { border-top: none; }
}