body{background: linear-gradient(300deg, #09080B -5.57%, #0B0B13 39.37%, #3842A5 281.97%);font-family: "Montserrat", sans-serif;}

.bg-image{background-image:url(../images/support-bg-img.png);background-repeat: no-repeat;background-size: cover;width: 100%;height: 100vh;}
.box-height{height: 392px;}
.primary-color{background-color: #505BDB;}
.bg-gray-800{background-color: transparent;}
.bg-black{background: #171717;}
.bg-black-800{background-color: #282828;}
.bg-orange{background-color: #FFA216;}

.support-img{width: 660px;margin: 0 auto;}
.list-style-aplha{list-style-type: lower-alpha;}

.text-purple{color: #505BDB;}
.text-4xl{line-height: 4.2rem;}
.linear-text {background: -webkit-linear-gradient(-78deg, #BEAEFE 0%, #5D3FD3 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.linear-green-text{ background: -webkit-linear-gradient(40deg, #51FA4E -3%, #16FFD5 77.37%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.linear-pink-text{background: -webkit-linear-gradient(-79deg, #EC4EFA -3%, #FF16B0 77.37%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.linear-orange-text{background: -webkit-linear-gradient(-93deg, #FA4E4E -3%, #FFA216 77.37%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.linear-purple-text{background: -webkit-linear-gradient(30deg, #5561F8 -3%, #CF54F7 77.37%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.linear-red-text{background: -webkit-linear-gradient(30deg, #FF0000 -3%, #FF5CE4 77.37%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.linear-blue-text{background: -webkit-linear-gradient(-11deg, #00B2FF -3%, #FF8800 77.37%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.linear-skyblue-text{background: -webkit-linear-gradient(-11deg, #45C7FF -3%, #FF45D4 77.37%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.bg-shadow:hover{box-shadow: 0px 0px 35px 9px rgba(85, 97, 248, 0.25);}

.moving-left{transition: transform 0.3s ease;transform: translateX(0px);}
.moving-left:hover{transform:  rotate(1deg);}

.zoom{transition: all 0.5s ease-in-out;transform:scale(1);}
.zoom:hover {transform:scale(0.9);}


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